/* EDUCA COLLEGE CSS 

	1. CORE CSS
	2. SECTION TOP
	3. SECTION FEATURES
	4. SECTION VIDEO
	5. SECTION ABOUT + FAQ
	6. SECTION TESTIMONIAL
	7. SECTION REGISTER
	8. PARTNERS
	9. FOOTER
	10. MISC 
		A. Buttons
		B. Preload
		C. Others
		
*/




/* CORE */

body {
	color:#000;
	font-family:'Lato';
	font-size:17px;
	font-weight:400;
	line-height:23px;
	overflow-x:hidden; 
}

section {
	padding:50px 0;
}

h2 {
	color:#187BAB;
	font-family:Montserrat;
	font-size:25px;
	font-weight:700;
	letter-spacing:-1px;
	margin-top:0;
}

h3 {
	color:#1C5375;
	font-family:Montserrat;
	font-size:27px;
	font-weight:500;
	letter-spacing:-2px;
}

.subhead {
	color:#555555;
	font-family:Lato;
	font-size:21px;
	font-weight:300;
	letter-spacing:-0.5px;
	margin:15px 0;
	line-height:25px;
}


/* TOP */

#top {
	width: 100%;
	overflow: hidden;
	z-index: 0;
	height:auto;
	min-height:500px;
	color:#ffffff;
	background-color:#34495e;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover; 
}

#top .subhead {
	color:#ffffff;
}

#top .logo {
	margin-top:150px;
}

#top-slider {
	margin:50px 0;
}


/* FEATURES */

#features h2 {
	margin-top:30px;
}

#features h3 {
	margin-top:10px;
}

#features i {
	color:#3FAD48;
}

#features .feature {
	margin-top:20px;
	float:none;
	display:inline-table;
}


/* VIDEO */

#video {
	color:#ffffff;
	background:url(../img/video-bg.png) no-repeat fixed #48C3CC;
	width:100%;
	height:auto;
	overflow:hidden;
	z-index:0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover; 
}

#video .subhead {
	color:#ffffff;
}

video {
  width: 100%    !important;
  height: auto   !important;
}


/* ABOUT */

#about h2 {
	margin-bottom:20px;
}


/* FAQ */

#faq .panel-default > .panel-heading {
	color:inherit;
	background-color: transparent;
	border: none;
	padding:5px 5px 5px 0;
}

#faq .panel-default {
	border:none;
}

#faq .panel-title a {
	text-decoration:none;
}

#faq .panel-title a:hover {
	color:#3598db;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#faq h2 {
	margin-top:0;
}

#faq i {
	color:#3FAD48;
	vertical-align:middle;
	margin-right:3px;
}


/* TESTIMONIAL */

#testimonial {
	width: 100%;
	overflow: hidden;
	z-index: 0;
	height:auto;
	color:#ffffff;
	padding:50px 0;
	margin-bottom:0;
	background-color:#48c3cc;
	background:url(../img/testimonial-bg.png) no-repeat fixed #48c3cc;
	background-position:center right;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	
}

.testimonial img {
	margin-bottom:20px;
}


/* REGISTER */

#register {
	padding:0;
}

#register h3 {
	color:#187BAB;
	margin-bottom:20px;
}


#about .kFeatures i {
	color:#3FAD48;
	vertical-align:middle;
	float:left;
	margin-left:-40px;
}

#about .kFeatures ul li {
    margin: 20px 0;
    padding-left: 35px;
    font-size: 17px;
}

.highlight {
	background-color:#187BAB;
	padding:50px 0;
	margin-bottom:20px;
}

.highlight h2 {
	color:#ffffff;
}

.highlight a {
	color:#ffffff;
	font-size:14px;
	text-decoration:underline;
}

.highlight .subhead {
	color:#ffffff;
	margin-bottom:0;
}


/* form */

input[type="text"],
input[type="email"] {
	color:#ffffff;
	font-size:16px;
	font-weight:300;
	background: rgb(52, 73, 94);
	width:100%;
	min-height:50px;
	padding:0 0 0 10px;
	text-transform:uppercase;
	border:0;
	margin-bottom:15px;
	outline:none;
}

select {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	background: rgb(52, 73, 94);
	width: 100%;
	min-height: 50px;
	padding: 15px 15px 15px 15px;
	text-transform: uppercase;
	border: 0;
	margin-bottom: 15px;
	outline: none;
}

textarea {
	color:#ffffff;
	font-size:16px;
	font-weight:300;
	background: rgb(52, 73, 94);
	width:100%;
	padding:10px 0 0 10px;
	text-transform:uppercase;
	border:0;
	margin-bottom:15px;
	outline:none;
}

label {
	color: #34495e;
	font-size: 17px;
	font-weight: 700; 
	letter-spacing: 2px;
	text-transform: uppercase;

} 


/* PARTNERS */

#partners {
	padding:40px 0;
}

#partners h2 {
	margin-bottom:0;
}


/* FOOTER */

footer {
	color:#ffffff;
	background:#3598db;
	padding:30px 0 0 0;
	font-size:13px;
	line-height:17px
}

footer img {
	margin-bottom:10px;
}


/* social buttons */

.social {
	margin-top:25px;
}

.social a {
	color:rgba(255,255,255, 0.6);
	padding:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
} 

.social a:hover {
	color:#ffffff;
}

.social .fa-inverse {
	color: #3598db;
}


/* subfooter */

.subfooter {
	background:#187BAB;
	padding:50px 0;
	margin-top:20px;
}

.subfooter p {
	margin:0;
	color:#fff;
}

.subfooter a {
	color:#fff;
}



/* MISC */

/* Buttons */

.button {
	color: inherit;
	background: none;
	font-family:Montserrat;
	font-size: 13px;
	font-weight:700;
	letter-spacing: 2px; 
	text-transform: uppercase;
	border: none;
	margin: 15px 0;
	padding: 5px 15px;
	display: inline-block;
	position: relative;
	outline: none;
	cursor: pointer;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	   		border-radius:4px;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
	            transition: all 0.3s;
}

.button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	        transition: all 0.3s;
}

.button-big {
	padding:10px 20px;
	font-size:17px;
	border-radius:4px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
}

.button-light {
	border: 1px solid #ffffff;
	color: #ffffff;
}

.button-light:hover,
.button-light:active {
	color: #34495e;
	background: #ffffff;
	text-decoration:none;
}

.button-dark {
	border: 1px solid #34495e;
	color: #fff;
	background-color: #3FAD48;
}

.button-dark:hover,
.button-dark:active {
	color: #ffffff;
	background: #34495e;
	text-decoration:none;
}


/* PRELOAD */

.preload {
	background:#187BAB;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%; 
	z-index: 99;
	display:table;
}

.spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  top:50%;
  left:46%;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* OTHERS */

.uppercase {
	text-transform:uppercase;
}

.white {
	color:#ffffff;
}


@media (max-width: 991px) {
	#top .logo {
	margin-top:50px;
	max-width: 100%;
}
}
@media (max-width: 500px) {
	.noMobile {
	display:none;
}
#top {
    min-height: 320px;}
}