/* EDUCA COLLEGE CSS 

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





/* CORE */

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

section {
	padding:50px 0;
}

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

h3 {
	color:#34495e;
	font-family:Montserrat;
	font-size:27px;
	font-weight:700;
	letter-spacing:-2px;
}

.subhead {
	color:#000U;
	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;
	color:#ffffff;
	background-image:url(../img/bg-header.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(21, 69, 141, 0.4);
	-moz-box-shadow:    0px 5px 5px 0px rgba(21, 69, 141, 0.4);
	box-shadow:         0px 5px 5px 0px rgba(21, 69, 141, 0.4);
}

#top .subhead {
	color:#ffffff;
}

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

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

#navigation-m{display:none;}

#navigation, #navigation-m{
	background-color:#fff;
	padding:15px 0;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

#navigation ul, #navigation-m ul{
	list-style: none;
	margin: 0 auto;
}

#navigation li, #navigation-m li{ display: inline-block; margin: 0px 5px;}

#navigation ul li, #navigation-m ul li{color:#f05130;}

#navigation ul li a, #navigation-m ul li a{color:#15458d; text-decoration: none;}
#navigation ul li a:hover, #navigation-m ul li a:hover{color:#333; text-decoration: underline;}




/* FEATURES */

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

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

#features i {
	color:#038cc3;
}

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



.owl-item img{float:right;}


/* Priorities */

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

#priorities .subhead {
	color:#ffffff;
}

/* Priorities */

#photogallery {
	
	width:100%;
	height:auto;
	overflow:hidden;
	z-index:0;
	margin-top: -20px;
}

#photogallery .subhead {
	color:#ffffff;
}

.swipebox img{ border: 2px solid #15458d; margin-bottom: 25px;}

/* 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:#34495e;
	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:#e67e22;
	background:url(../img/testimonial-bg.png) no-repeat fixed;
	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:#3598db;
	margin-bottom:20px;
}


#register i {
	color:#34495e;
	vertical-align:middle;
}

#register ul li {
	margin:5px 0;
}

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

.highlight h2 {
	color:#ffffff;
}

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


/* form */

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

textarea {
	color:#ffffff;
	font-size:16px;
	font-weight:300;
	background:rgba(243,156,18, 0.7);
	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: 300; 
	letter-spacing: 2px;
	text-transform: uppercase;

} 


/* ENDORSEMENTS */

#endorsements {
	padding:40px 0;
}

#endorsements h2 {
	margin-bottom:0;
}


/* FOOTER */

footer {
	color:#ffffff;
	background:#15458d;
	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:#ec8214;
	padding:7px 0;
	margin-top:20px;
}

.subfooter p {
	margin:0;
	font-weight: bold;
	font-size: 14px;
}



/* 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: #34495e;
}

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


/* PRELOAD */

.preload {
	background:#16468d;
	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: 1199px) {
	#navigation{display:none!important;}
	#priorities {background:url(../img/bg-priorities-mobile.jpg) no-repeat!important;}
	
	
}

@media (max-width: 991px) {
	
	.owl-item img {float: none;}
	.logoC {text-align:center!important;}
	#top .logo {margin-top: 10px;}
	.mtopMobile{margin-top:20px!important;}
	
	
}