@charset "UTF-8";
/* CSS Document */

@import url("bootstrap.css");
/*
@import url("https://cdn.jsdelivr.net/bootstrap/3.3.7/css/bootstrap.min.css");
*/
html, body {
  width: auto !important;
  background:rgb(139,224,242);
  overflow-x: hidden !important;
}
p {
	text-align:justify;
}
hr {
	border-top-color:#1bb2bb;
}

.section-head {
	color:#11426C;
}
.text-darkblue {
	color: #11426C !important;
}

.hover-tab {
	border-radius: 20px;
	border: thick solid rgb(139,224,242);
	cursor:pointer;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
	background: linear-gradient(141deg, rgba(15,184,173,0.5) 0%, rgba(31,200,219,0.5) 51%, rgba(44,181,232,0.5) 75%);
}
.hover-tab.selected {
	background: linear-gradient(141deg, rgba(15,184,173,0.85) 0%, rgba(31,200,219,0.85) 51%, rgba(44,181,232,0.85) 75%);
}
.hover-tab:hover {
	background: linear-gradient(141deg, rgba(15,184,173,0.85) 0%, rgba(31,200,219,0.85) 51%, rgba(44,181,232,0.85) 75%);
}

.iframe-container {
	position:relative;
	padding-bottom: 30%;
}

.iframe-container iframe {
	position:absolute;
	left:5%;
	top:0;
	height:100%;
	width:90%;
}

img.left {
	float:left;
	margin: 0px 20px 20px 0px;
}
img.right {
	float:right;
	margin: 0px 0px 20px 20px;
}

.bg_gradient {
	background: #2cb5e8;
	background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
}
.bg_gradient_translucent {
	background: #2cb5e8;
	background: linear-gradient(141deg, rgba(15,184,173,0.95) 0%, rgba(31,200,219,0.95) 51%, rgba(44,181,232,0.95) 75%);
}
.bg-opacity-mid {
	background:rgba(255,255,255,0.80);
}
.bg-opacity-low {
	background:rgba(255,255,255,0.50);
}

.panel-footer {
  padding: 50px 15px 30px;
  background-color: #f5f5f5;
}

.nav-secondary {
	background: rgba(161,230,244,1.00);
	position:relative;
}
.nav-secondary  {
	display:inline;
}

.slideshow {
	position:relative;
	margin:auto;
	width:240px;
	height:180px;
	margin-bottom:20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.slideshow > div.slideshow-item {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
}

.slideshow > div.slideshow-title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 0%;
	padding-top:0%;
	vertical-align:middle !important;
	align-content:center;
	background:rgba(0,0,0,0.4);
	color: white;
	font-size:0px;
	transition: height .2s ease-out, font-size 0.2s, padding-top 0.3s;
}

.slideshow:hover .slideshow-title {
	height:25%;
	font-size:15px;
	padding-top: 5%;
}

.slideshow.slideshow3 > div.slideshow-item:nth-child(1) {
	animation: xfade3 6s 0s infinite;
}
.slideshow.slideshow3 > div.slideshow-item:nth-child(2) {
	animation: xfade3 6s 2s infinite;
}
.slideshow.slideshow3 > div.slideshow-item:nth-child(3) {
	animation: xfade3 6s 4s infinite;
}
@keyframes xfade3 {
	0% {
		opacity: 0;
	}
	6.7% {
		opacity: 1;
	}
	33% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.slideshow-main {
	width:283px;
}
.slideshow-main figcaption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20%;
	padding-top:2%;
	vertical-align:middle !important;
	text-align:center;
	background:rgba(0,0,0,0.4);
	color: white;
	font-size:15px;
}
.slideshow.slideshow-main > div.slideshow-item:nth-child(1) {
	animation: xfade5 15s 0s infinite;
}
.slideshow.slideshow-main > div.slideshow-item:nth-child(2) {
	animation: xfade5 15s 3s infinite;
}
.slideshow.slideshow-main > div.slideshow-item:nth-child(3) {
	animation: xfade5 15s 6s infinite;
}
.slideshow.slideshow-main > div.slideshow-item:nth-child(4) {
	animation: xfade5 15s 9s infinite;
}
.slideshow.slideshow-main > div.slideshow-item:nth-child(5) {
	animation: xfade5 15s 12s infinite;
}
@keyframes xfade5 {
	0% {
		opacity: 0;
	}
	7% {
		opacity: 1;
	}
	20% {
		opacity: 1;
	}
	27% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.slideshow.slideshow2 > div.slideshow-item:nth-child(1) {
	animation: xfade2 4s 0s infinite;
}
.slideshow.slideshow2 > div.slideshow-item:nth-child(2) {
	animation: xfade2 4s 2s infinite;
}
@keyframes xfade2 {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

:required {
	/*content:"* ";*/
	border:1px solid red;
}
label {
	clear:both;
}