/*font-family: 'Lobster', cursive;
font-family: 'Oswald', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/

body{
	margin: 0;
	padding: 0;
	background: #f4f4f4;	
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}

header{
	margin:0px auto; 
}

.main-header{background: #fff; height: 100px; box-sizing: border-box; border-radius: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}


.header-right{padding-top: 10px; padding-right: 10px;} 
.header-right .focus{font-weight: bold; color: #000; font-size: 1.2em;} 
.header-right .silent a{font-weight: normal; color: #666; font-size: 1.0em;} 
.header-right a{color: #cc0000;}  

/* ============= SECTIONS =================*/
.white-section{ background: #ffc25b url("../img/bg/cloud-bg.jpg") no-repeat bottom; min-height: 650px; }
.orange-section{background: #dcf0eb url("../img/bg/x-mobile.jpg") no-repeat bottom; padding-bottom: 600px !important;}

.kids-section{background: url("../img/bg/cbg.jpg") no-repeat bottom;  }	

.topbar{
	
     padding: 10px 0 0 0; 
     background: #fffeef;
     color: #000;
     font-weight: bold;
     font-weight: 0.9em;
     border-bottom: 3px solid #108e75;
     position: fixed;
  top: 0;
  width: 100%;
  z-index:100;

  }

.topbar p{font-weight: normal; color: #ff0000;} 
.topbar  .whatsapp a{padding: 5px 10px; background:#17b705; margin-bottom: 5px; border-radius: 5px; border: 1px dashed #dadada; color: #fff;} 
.topbar  a{padding: 5px 5px; color: #ff0000; font-weight: bold; font-size: 1.1em;}   

/* ============= PADDINGS =================*/
.ptb-100{padding:100px 0;}
.ptb-50{padding:50px 0;}
.ptb-40{padding:40px 0;}
.ptb-30{padding:30px 0;}
.ptb-20{padding:20px 0;}
.ptb-10{padding:10px 0;}
.pb-50{padding-bottom: 50px;}
.pb-40{padding-bottom: 40px;}
.pb-30{padding-bottom: 30px;}
.pb-20{padding-bottom: 20px;}
.pb-10{padding-bottom: 10px;}



/* ============= TITLES =================*/
.section-title-center{font-size: 30px; font-weight: 600; font-family: 'Oswald', sans-serif; text-align: center; color:#000; padding: 5px 0; margin:5px 0;}
.section-support-title {font-size: 18px; font-weight: 400;  text-align: center; color:#666; }

.section-fancy-title{font-size: 30px; font-weight: 600; font-family: 'Merienda', cursive; color:#000; padding: 5px 0; margin:5px 0;}

.light{color: #fff!important;}

.whizz-centres-box{
	margin: 10px 10px;
	box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    overflow: hidden;
    border-radius: 10px;

}
.whizz-centres-box h5{font-weight: 600; color: #050505;}
.whizz-centres-box .card-text{min-height: 125px;}
.whizz-centres-box p{font-size: 16px;}
.whizz-centres-box p span{display:block; padding-top:10px; font-size: 14px;}
.whizz-centres-box a{color: #ea0031; transition: all 12s;}
.whizz-centres-box a:hover{color: #f44336; transition: all 2s;}



.course{width: 262px; height: 400px; overflow: hidden; margin: 0 auto; padding: 70px 5px; 
   
    overflow: hidden;
    border-radius: 10px; margin-bottom: 30px;}
.course-1{background: url("../img/sections/bg-1.png") no-repeat;}
.course-2{background: url("../img/sections/bg-2.png") no-repeat;}
.course-3{background: url("../img/sections/bg-3.png") no-repeat;}
.course-4{background: url("../img/sections/bg-4.png") no-repeat;}

.course h2{padding-bottom: 30px; font-size:26px!important;}
.course p{padding: 10px; text-align: center;}


.testimonials{padding: 0 10px;}
.testimonial-item{background: #f7f7f7; padding: 10px;}
.test-name{padding-top: 40px;}
.test-body{font-size:1.2em; color:#999;}
.test-meta{padding-top: 20px; font-weight: bold;}
.testi-photo img{display: inline-block !important;}

footer{background: #000; color: #ccc; padding: 10px 0;}
.footer-social a {
    color: #000!important;
    display:inline-block;
    padding: 10px 8px 0;
    font-weight: bold;
    transition: 0.4s ease-in-out;
    font-size: 30px;
}


.footer-social .facebook {
    color:#3b5998!important;
}
.footer-social .twitter {
    color:#1ca0f1!important;
}
.footer-social .gplus {
    color:#db4e3f!important;
}
.footer-social .youtube {
    color:#ff0000!important;
}


.footer-social .facebook:hover {
    color:#000!important;
}
.footer-social .twitter:hover {
    color:#000!important;
}
.footer-social .gplus:hover {
    color:#000!important;
}
.footer-social .youtube:hover {
    color:#000!important;
}


#gallery > div {
	margin-bottom: 20px;
	
}
.zoom-icoBw {
	background: url("../img/sprite/icons.png") no-repeat scroll -3px -114px rgba(0, 0, 0, 0);
	display: block;
	height: 73px;
	left: 50%;
	margin: -36px 0 0 -36px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transition: all 0.15s ease-out 0s;
	width: 73px;
	z-index: 1;
}
.media-news a {
	cursor: pointer;
}
.media-news a:after {
	background: rgba(47, 64, 80, 0.4);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.15s ease-out 0s;
}
.media-news:hover .zoom-icoBw,
.media-news:hover a:after {
	opacity: 1;
}
.bwWrapper {
	display: block;
	position: relative;
}
.bwWrapper:focus {
	outline: medium none;
}
#gallery .BWfade {
	border: medium none;
	left: 1px !important;
	top: 1px !important;
}
#gallery .mar-clear {
	margin-bottom: 32px;
}
#gallery img {
	width: 100%;
}


.enq-email{padding-top:20px; color: #ff0000;}


.reg-now {
	text-align: center;	
	width: 340px;
	margin:0 auto;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
textarea {
	-moz-box-sizing: border-box;
	border-radius: 10px;
	box-shadow: none;
	color: #000;
	font-weight: bold;
	font: 16px/18px Arial;
	height: 44px;
	margin-bottom: 13px;
	padding: 6px 12px;
	resize: none;
	border: 1px solid #ccc;
	width: 100%;
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #ccc;
	outline: none!important;
}

textarea {
	height: 100px;
}
textarea:focus {
	outline: medium none;
}
form .error input, form .error textarea {
	border-color: #2F4151 !important;
	color: #2F4151;
}
form .success input, form .success textarea {
	border-color: #468847;
	color: #468847;
}
.btn {
	border: medium none;
	border-radius: 3px;
	color: #fff;
	display: block;
	font: 14px/45px 'OpenSans_Regular',Arial;
	height: 46px;
	position: relative;
	text-align: center;
	-webkit-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	transition: background 0.25s ease;
	width: 100%;
}
.btn:focus, .btn:hover {
	color: #fff;
}
.btn:hover {
	background: #DB2027;
}
.icon-success {
	background: url("../img/sprite/icons.png") no-repeat scroll -69px -368px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 24px;
	margin-bottom: -7px;
	margin-right: 20px;
	-webkit-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	transition: background 0.25s ease;
	width: 24px;
}
.btn:hover .icon-success {
	background-position: -69px -341px;
}
.submit {
	background: #FF6065;
	border-radius: 6px;
	box-shadow: none;
	color: #F9FAFA;
	font: 16px/20px 'OpenSans_Bold',Arial;
	height: 60px;
	text-transform: uppercase;
}
.submit:hover {
	background: #FF7277;
}
.submit i {
	margin-right: 10px;
}
.sub-form {
	background: #00cca3;
    border-color: #025a49;
	color: #fff;
	font: 16px/20px 'OpenSans_Bold',Arial;
	text-transform: uppercase;
}
.sub-form:hover, .sub-form:focus, .sub-form:active {
	background: #2F4151;
	border-color: #2F4151;
	color: #eee;
}
.filter {
	margin-bottom: 22px;
	text-align: left;
	width: auto;
}
.filter ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.filter .selectfilter {
	background: #EDEBED;
	border: 1px solid #BFBDBF;
	border-radius: 3px;
	height: 60px;
	margin: 18px auto;
}
button::-moz-focus-inner {
	border: 0 none;
	padding: 0;
}
.filter .selectbox {
	-moz-box-sizing: border-box;
	cursor: pointer;
	vertical-align: middle;
	width: 100%;
}
.filter .selectbox .select {
	-moz-box-sizing: border-box;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	color: #9A9A9A;
	float: left;
	font-family: Arial;
	font-size: 12px;
	height: 44px;
	line-height: 30px !important;
	padding: 6px 12px;
	position: relative;
	width: 100%;
	z-index: 1500;
}

/*customSelect*/
span.customSelect {
	text-align: left;
	background: #fff;
	border-radius: 0;
	color: #9A9A9A;
	font-family: Arial;
	font-size: 12px;
	height: 44px;
	line-height: 42px !important;
	padding: 0 0 0 12px;
	width: 100%;
	margin-bottom: 13px;
	cursor: pointer;
}
.customSelectInner {
	background: url("../img/customSelect-arrow.jpg") no-repeat scroll right center;
	display: block;
	width: 100% !important;
}
select.styled {
	width: 100% !important;
}
.filter.selectbox ul {
	list-style: none outside none;
	padding: 0;
}
.filter .selectbox.focused .select {
	border: 1px solid #5794BF;
}
.filter.selectbox .select .text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 85%;
}
.filter .selectbox .trigger {
	border-left: 1px solid #ccc;
	height: 44px;
	margin: 0;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 44px;
}
.filter .selectbox .trigger .arrow {
	background: url("../img/sprite/icons.png") no-repeat scroll -74px -24px rgba(0, 0, 0, 0);
	display: block;
	height: 4px;
	margin: 20px auto;
	width: 7px;
}
.filter .selectbox .trigger:hover {
	background-position: -39px -99px;
}
.filter .selectbox .dropdown {
	height: auto;
	overflow: visible !important;
	padding: 0;
	top: 44px !important;
	width: 100%;
}
.filter .selectbox li {
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
			 box-sizing: border-box;
	background: #FAFAFA;
	border-top: 1px solid #E7E7E7;
	color: #333333;
	font-size: 12px;
	height: 40px;
	line-height: 33px;
	padding: 2px 10px;
	width: 100%;
}
.filter .selectbox li:hover {
	background: #E7E7E7;
}
.filter select {
	display: none;
}


.forcefullwidth_wrapper_tp_banner{margin-top: 70px !important;}

/* ========== RESPONSIVE STYLES ========== */

@media (min-width: 576px) {
  .forcefullwidth_wrapper_tp_banner{margin-top: 70px !important;}
  .orange-section{background: #dcf0eb url("../img/bg/x.jpg") no-repeat bottom; padding-bottom: 50px !important;}
}


@media (min-width: 768px) {
    .testimonials{padding: 0 100px;}
	.test-body{font-size:1.1em; color:#999;}
	.test-meta{padding-top: 20px; font-weight: bold;}  
	.reg-now{float: right;}  
	.forcefullwidth_wrapper_tp_banner{margin-top: 80px !important;} 
}


@media (min-width: 992px) {  
	.forcefullwidth_wrapper_tp_banner{margin-top: 50px !important;}
    .topbar{font-weight: 1.1em;}
}


@media (min-width: 1200px) {
     
}

.control-group, .control-group:focus {
    border: 0px solid #e8e8e8;
}
.control-group, .control-group:focus {
    border: 0px solid #e8e8e8;
    box-shadow: none;
}


.btnphonics{
      border: medium none;
      border-radius: 25px;
      color: #fff;
      display: block;
      font: 20px/45px 'OpenSans_Regular',Arial;
      height: 53px;
      position: relative;
      text-align: center;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    transition: background 0.25s ease;
    width: 80% !important;
    margin: 0 auto;

}
.btn-1{background: #dac84e;} 
.btn-2{background: #e88989;}
.btn-3{background: #e89a79;}
.btn-4{background: #5f9cda;}