/* General classes */
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
body{font-family:Open Sans, Helvetica, sans-serif;font-size:120%;font-weight:400;color:#000;text-align:center;margin:0;padding:0;background:#fff;}
div,img,input,textarea{vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
a{text-decoration:none;color:#000;outline:none;}a:hover{text-decoration:none;}
p{text-align:left;margin:0;padding:0 0 15px 0;font-size:95%;vertical-align:top;line-height:150%;}
h1,h2,h3,h4{margin:0; padding:0;line-height:100%;font-family:Raleway, Helvetica, sans-serif;line-height:130%;text-transform:none;color:#3285CB;}
h1{font-weight:900;padding:0 0 20px 0;}
.strong{font-weight:700;}
.clear{clear:both; font-size:1%; line-height:1%; display:block; height:0;float:none!important;}
.large{font-size:130%;}
.medium{font-size:110%;}
.small{font-size:85%;}
.xsmall{font-size:75%;}
.xxsmall{font-size:55%;}
.round{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:inline-block;overflow:hidden;}
.rounded2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.rounded4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.rounded8{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.roundedfull{-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;}
.vid-wrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;height:0;}
.vid-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.alignleft{text-align:left;}.alignright{text-align:right;}.aligncenter{text-align:center;}
.aligncentervertical{-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}

.cols{
	display:-webkit-flex;display:-moz-flex;display:flex;
	-webkit-flex-flow:row wrap;-moz-flex-wrap:row-wrap;flex-flow:row wrap;}
.cols5050,.col6040,.col4060,.cols6633,.cols3366,.cols2575,.cols333,.cols4444{width:100%;}
.cols5050 div div,.cols6040 div div,.cols4060 div div,.cols6633 div div,.cols3366 div div,.cols2575 div div,.cols333 div div,.cols4444 div div{width:100%;}
.cols5050 div{width:48%;-webkit-flex-basis:48%;-moz-flex-basis:48%;flex-basis:48%;}
.cols5050 div:first-child{margin-right:4%;}
.cols6040 div{width:38%;-webkit-flex-basis:38%;-moz-flex-basis:38%;flex-basis:38%;}
.cols6040 div:first-child{width:58%;-webkit-flex-basis:58%;-moz-flex-basis:58%;flex-basis:58%;margin-right:4%;}
.cols4060 div{width:58%;-webkit-flex-basis:58%;-moz-flex-basis:58%;flex-basis:58%;}
.cols4060 div:first-child{width:38%;-webkit-flex-basis:38%;-moz-flex-basis:38%;flex-basis:38%;margin-right:4%;}
.cols6633 div{width:31%;-webkit-flex-basis:31%;-moz-flex-basis:31%;flex-basis:31%;}
.cols6633 div:first-child{width:64%;-webkit-flex-basis:64%;-moz-flex-basis:64%;flex-basis:64%;margin-right:4%;}
.cols3366 div{width:64%;-webkit-flex-basis:64%;-moz-flex-basis:64%;flex-basis:64%;}
.cols3366 div:first-child{width:31%;-webkit-flex-basis:31%;-moz-flex-basis:31%;flex-basis:31%;margin-right:4%;}
.cols2575 div{width:70%;-webkit-flex-basis:70%;-moz-flex-basis:70%;flex-basis:70%;}
.cols2575 div:first-child{width:25%;-webkit-flex-basis:25%;-moz-flex-basis:25%;flex-basis:25%;margin-right:5%;border-right:1px solid #DCDCDC;}
.cols333 div{width:32%;-webkit-flex-basis:32%;-moz-flex-basis:32%;flex-basis:32%;}
.cols333 div:nth-child(2){margin-right:2%;margin-left:2%;}
.cols4444 div{width:24%;-webkit-flex-basis:24%;-moz-flex-basis:24%;flex-basis:24%;}
.cols4444 div:nth-child(2){margin-right:calc(2% / 3);margin-left:calc(4% / 3);}
.cols4444 div:nth-child(3){margin-right:calc(4% / 3);margin-left:calc(2% / 3);}
.cols img{max-width:100%;}
.text-col{padding:0 20px;}

.grid{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-flow:row wrap;-moz-flex-wrap:row-wrap;flex-flow:row wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch;width:100%;}
.grid div div{width:100%;}
.grid5050 div{width:48%;-webkit-flex-basis:48%;-moz-flex-basis:48%;flex-basis:48%;margin:1%;}
.grid333 div{width:32%;-webkit-flex-basis:32%;-moz-flex-basis:32%;flex-basis:32%;margin:1% 0;}
.grid4444 div{width:25%;-webkit-flex-basis:25%;-moz-flex-basis:25%;flex-basis:25%;margin:0% 0;}

.button-link{display:inline-block;font-size:90%;padding:12px 15px;margin-top:20px;color:#635E59;background:#fff;font-weight:400;border:1px solid #635E59;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;}.button-link:hover{background-color:#635E59;color:#fff;}
.clickable{cursor:pointer;}

.card-shadow{-webkit-box-shadow:3px 3px 6px -2px #444;-moz-box-shadow:3px 3px 6px -2px #444;box-shadow:3px 3px 6px -2px #444;}
.shadow1{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.shadow2{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}
.shadow3{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.shadow4{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}
.shadow5{box-shadow:0 19px 38px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22)}
.shadow-bottom{box-shadow:0px 21px 29px -16px rgba(0,0,0,0.55);margin-bottom:30px!important;}
img.shadow{filter:drop-shadow(0px 12px 15px rgba(0,0,0,0.22));}
.text-shadow{text-shadow:1px 1px 1px #000;filter:DropShadow(Color=#000000, OffX=1, OffY=1);}

.parallax{/*padding:40vw 0 0 0;*/}

.hdrline{width:20px;height:1px;vertical-align:middle;margin:0 10px;}
.hdrline2{width:60px;height:1px;vertical-align:middle;margin:0 10px;}

/*Elements*/
#outwrapper{overflow:hidden;position:relative;}

#hdr-wrapper{top:0;left:0;z-index:1000;width:100%;background:#1C496F;}
#hdr{position:relative;padding:100px 20px 60px 20px;max-width:1400px;margin:0 auto;color:#fff;text-align:right;}
#hdr-wrapper.stickyNavShrink #hdr{padding:10px 0;}
#hdr a{color:#fff;}
#logo-bar {position:absolute;left:20px;top:50%;transform:translate(0%,-50%);font-size:120%;z-index:999;}
#logo-bar img{max-width:285px;}

#banner img{width:100%;}

/*#banner{width:100%;height:36vw;position:relative;background-size:cover;}
#bannerbot{position:absolute;bottom:0;left:0;width:100%;z-index:200;}
#bannerbot a{padding:0!important;background:none!important;border:none!important;}
.slider{width:100%;height:100%;overflow:hidden;position:relative;}
.slide{width:100%;height:100%;top:0;left:0;float:left;position:absolute;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:rgba(91,116,133,0.5);}
.slide:before{content:'';width:100%;height:100%;background-color:rgba(91,116,133,0.5);position:absolute;top:0;left:0;}
.slide-content{width:100%;margin:0 auto;z-index:99;background-color:rgba(256,256,256,0.5);}
.slide-content span{display:block;padding:0;position:relative;max-width:1200px;margin:0 auto;}
.slide-content h1{font-family:Oswald;font-size:400%;color:#fff;text-transform:none;font-weight:400;text-shadow:1px 1px 1px #000;filter:DropShadow(Color=#000000, OffX=1, OffY=1);padding:0 0 20px 0;background:url(images/underline.png) no-repeat 50% 100%;}
.slide-content h2{font-family:Oswald;font-size:280%;color:#fff;font-weight:400;text-shadow:1px 1px 1px #000;filter:DropShadow(Color=#000000, OffX=1, OffY=1);padding:0 0 20px 0;}
.slide-content p{font-size:130%;color:#fff;text-align:center;padding:20px 0 30px 0;}
#banner a{background:transparent;color:#fff;border-color:#fff;}#banner a:hover{background:#635E5B;}*/

.section-wrapper{padding:100px 0 0px 0;font-size:130%;}
.section{max-width:/*1400px;*/margin:0 auto;}
.section h1{text-transform:uppercase;font-size:170%;margin:0 0 60px 0;}
.section h2{text-transform:uppercase;font-size:150%;color:#fff;padding:0 0 0px 0;margin:0;}
.section h4 span{display:inline-block;background:#fff;padding:0 30px;}
.section p{text-align:center;}

#ftr-wrapper{}
#ftr{/*max-width:1400px;*/margin:0 auto;padding:50px 20px;font-size:75%;}
#ftr a{color:#000;}

/*Carousel*/
/*#owlnext{position:absolute;top:50%;right:0;transform:translate(0%,-100%);}
#owlprev{position:absolute;top:50%;left:0;transform:translate(0%,-100%);}*/

/*Pages*/

#highlight-wrapper{background:#1C496F;padding:0 20px 60px 20px;}
#highlight{max-width:1000px;margin:0 auto;background:#94C0E4;color:#fff;padding:40px 20px 30px 20px;}
#highlight h2{font-weight:900;font-size:170%;color:#fff;padding:0 0 10px 0;}
#highlight p{text-align:center;}
#highlight a{display:inline-block;padding:10px 30px;text-transform:uppercase;color:#1B486E;font-weight:900;background:#fff;margin-top:10px;}

#section1{}
#section1 .cols5050 div{width:50%;-webkit-flex-basis:50%;-moz-flex-basis:50%;flex-basis:50%;}
#section1a{text-align:left;order:2;margin:0;}
#section1a div{width:100%!important;-webkit-flex-basis:100%!important;-moz-flex-basis:100%!important;flex-basis:100%!important;max-width:700px;margin:0;padding:80px 40px;}
#section1b{text-align:right;order:1;margin:0;background:url(images/bg1.jpg) no-repeat 50% 50%;background-size:cover;color:#fff;position:relative;}
#section1b div{width:100%!important;-webkit-flex-basis:100%!important;-moz-flex-basis:100%!important;flex-basis:100%!important;/*max-width:700px;*/margin:0;}
#section1b em{display:inline-block;font-style:normal;font-size:170%;font-family:Raleway;font-weight:500;border-right:10px solid #3286CB;padding:10px 40px 10px 0px;position:absolute;top:50%;right:40px;transform:translate(0,-50%);}
#section1b img{padding-bottom:10px;}

#section2-wrapper{background:#EBEBED;}
#section2{width:100%;max-width:800px;margin:0 auto;padding:70px 40px 100px 40px;}
#section2 h2{background:url(images/icon-rosette.svg) no-repeat 50% 0%;padding:20px 0 40px 0;font-weight:900;font-size:160%;line-height:120%;}
#section2 h2 span{display:block;font-weight:400;font-size:85%;}
#section2 .grid div{padding:30px 20px;font-weight:900;font-size:250%;color:#fff;}
#section2 .grid div span{display:block;font-weight:400;font-size:50%;}
#section2 .grid div:nth-of-type(1){background:#94C0E4;}
#section2 .grid div:nth-of-type(2){background:#3286CB;}
#section2 .grid div:nth-of-type(3){background:#1C496F;}
#section2 .grid div:nth-of-type(4){background:#7F7F7F;width:100%!important;-webkit-flex-basis:100%!important;-moz-flex-basis:100%!important;flex-basis:100%!important;}

#section3-wrapper{background:url(images/bgsubjects.jpg) no-repeat 50% 50%;}
#section3{max-width:1400px;margin:0 auto;padding:100px 20px;text-align:center;color:#fff;}
#section3 h2{padding:0px 0 20px 0;font-weight:900;font-size:160%;line-height:120%;}
#section3 h2 span{display:block;font-weight:400;font-size:85%;color:#fff;}
#section3 p{text-align:center;}
#section3-maths{order:1;}
#section3-english{order:3;margin:0;}
#section3-tuition{order:2;margin:0 2%;background:#94C0E4 url(images/icon-marker.svg) no-repeat 50% 30px;padding:140px 20px 30px 20px;color:#000;}


#section3b-wrapper{background:#EBEBED;}
#section3b{width:100%;max-width:1000px;margin:0 auto;padding:70px 40px 100px 40px;}
#section3b h2{/*background:url(images/icon-rosette.svg) no-repeat 50% 0%;*/padding:20px 0 40px 0;font-weight:900;font-size:160%;line-height:120%;}
#section3b h2 span{display:block;font-weight:400;font-size:85%;}
.owl-dots .owl-dot span{display:inline-block;width:10px;height:10px;margin:5px 7px;background:#94C0E4;border-radius:30px;}
.owl-dots .owl-dot.active span{background:#3286CB;}
#testimonials-nav{padding:0 0 30px 0;}
#testimonials-nav button{background:none;border:none;margin:0;padding:0;font-size:300%;}
#testimonials-nav div{display:inline-block;}
#testimonials-bg1{max-width:1150px;margin:0 auto;padding:0 0 0 100px;background:url(images/quotel.png) no-repeat top left;}
#testimonials-bg2{max-width:1150px;padding:0 100px 0 0;background:url(images/quoter.png) no-repeat top right;}
.testimonial{font-style:italic;font-size:100%;max-width:800px;margin:0 auto;}
.testimonial p{text-align:center;}
.testimonial strong{display:block;padding:20px 0 0 0;font-style:normal;font-size:100%;}
.testimonial a{color:#fff;}

#section4-wrapper{background:#1C496F;}
#section4{max-width:800px;margin:0 auto;padding:100px 20px;color:#fff;}
#section4 h2{padding:0px 0 20px 0;font-weight:900;font-size:160%;line-height:120%;}
#section4 p{text-align:center;}
#section4 p strong,#section4 p a{color:#93BFE4;}

/*Forms*/
form{margin:0 auto;padding:40px 0 0 0;text-align:left;max-width:400px;}
input,select{font-family:Open Sans, Helvetica, sans-serif;border:0px solid #5F8DAE;padding:10px;display:block;width: 100%;background:#fff;outline:none;margin:0 0 15px 0;color:#000;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
input::-webkit-input-placeholder,select::-webkit-input-placeholder{color:#878787;}
input::-moz-placeholder,select::-moz-placeholder{color:#878787;}
input:-moz-input-placeholder,select:-moz-input-placeholder{color:#878787;}
input:-ms-input-placeholder,select:-ms-input-placeholder{color:#878787;}
/*input:focus{background:transparent;}
input:focus::-webkit-input-placeholder{color:transparent;}
input:focus::-moz-placeholder{color:transparent;}
input:focus:-moz-input-placeholder{color:transparent;}
input:focus:-ms-input-placeholder{color:transparent;}*/
textarea{font-family:Open Sans, Helvetica, sans-serif;border:0px solid #5F8DAE;padding:20px;display:block;width: 100%;background:#fff;font-weight:normal;outline:none;/*height:calc(100% - 20px);resize:none;min-height:120px;*/margin:15px 0;color:#000;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
textarea::-webkit-input-placeholder{color:#878787;}
textarea::-moz-placeholder{color:#878787;}
textarea:-moz-input-placeholder{color:#878787;}
textarea:-ms-input-placeholder{color:#878787;}
/*textarea:focus{background:transparent;}
textarea:focus::-webkit-input-placeholder{color:transparent;}
textarea:focus::-moz-placeholder{color:transparent;}
textarea:focus:-moz-input-placeholder{color:transparent;}
textarea:focus:-ms-input-placeholder{color:transparent;}*/
select{color:#5F8CAD;}
select:invalid,option[value=""]{color:#5F8CAD;}
option{color:#5F8CAD;}
label{display:block;text-align:left;font-size:85%;opacity:0.8;padding-left:5px;}
input[type=submit]{width:auto;background:#fff;color:#1B486E;font-weight:900;text-transform:uppercase;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;padding-left:30px;padding-right:30px;margin:0 auto;}
.form-message{color:red;font-weight:bold;}

/*Lists*/
ul{margin:0; padding:0; list-style:none;}

ul.list{padding:0 0 15px 0;}
ul.list li{background:url(images/bullet.png) no-repeat 0 12px;padding:6px 0 6px 30px;text-align:left;}
ul.ticklist{padding:0 0 15px 0;}
ul.ticklist li{background:url(images/bullettick.png) no-repeat 0 9px;padding:6px 0 6px 36px;text-align:left;}



/*Navigation*/
#nav-toggle{display:none;cursor:pointer;background:#77DDF9;padding:5px;border-radius:0px;width:100%;text-align:center;/*position:absolute;top:50%;right:10px;*/}
#nav-toggle span{display:block;width:20px;border-top:2px solid #635E5B;margin:0 auto;}#nav-toggle span:nth-child(2){margin:6px auto;}
#nav-wrapper{padding:0px 0px;overflow:visible;z-index:998;display:inline-block;}
#nav{text-align:center;position:relative;max-width:1400px;margin:0 auto;z-index:998;overflow:visible;}
#nav ul{}
#nav ul li{padding:0;display:inline-block;position:relative;z-index:9999;overflow:visible;}
#nav ul li a{display:block;padding:20px 12px;font-weight:300;font-size:120%;text-align:center;text-transform:uppercase;overflow:visible;color:#77DDF9;}
#nav ul li:hover a{/*background:#fff;*/}
#nav ul li.selected a{background:#fff;}
#nav ul li ul{position:absolute;top:100%;left:50%;z-index:9999;overflow:visible;display:none;background:#C7CDCD;padding:12px 20px;transform:translate(-50%,0%);}
#nav ul li:hover ul{display:block;}
#nav ul li ul li{display:block;}
#nav ul li ul li a{background:none!important;border-bottom:1px solid #fff;}#nav ul li ul li a:hover{background:none;color:#fff;}

