/* 

	CSS Index

	01. Fonts

	02. Icons

	03. Grid System

	04. General

	06. Header

	07. Index

	08. Footer

	09. Responsive

	10. Slider

	11. Slick Slider

    12. Wow Animation

	13. Fancybox Lightbox

---------------------------------------*/

/* 01. Fonts---------------------------------------------*/	

/* Open Sans */

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300);

/* 02. Icons----------------------------------------------*/

@font-face { font-family: 'cps'; src: url('assets/icons/cps7ea1.eot?f2urtf'); src: url('assets/icons/cpsd41d.eot?#iefixf2urtf') format('embedded-opentype'),  url('assets/icons/cps7ea1.ttf?f2urtf') format('truetype'),  url('assets/icons/cps7ea1.woff?f2urtf') format('woff'),  url('assets/icons/cps7ea1.svg?f2urtf#cps') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'cps'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-close:before { content: "\f00d"; }
.icon-phone:before { content: "\f095"; }
.icon-twitter:before { content: "\f099"; }
.icon-facebook:before { content: "\f09a"; }
.icon-google-plus:before { content: "\f0d5"; }
.icon-linkedin:before { content: "\f0e1"; }
.icon-wordpress:before { content: "\f09a"; }
.icon-arrow:before { content: "\f101"; }
.icon-prev:before { content: "\f104"; }
.icon-next:before { content: "\f105"; }
.icon-top:before { content: "\f106"; }
.icon-email:before { content: "\f1d8"; }
.icon-pinterest:before { content: "\f231"; }
.icon-menu:before { content: "\e602"; }
.icon-arrow-1:before { content: "\ea3b"; }
/* 03. Grid System----------------------------------------*/
/* 1200 Grid System */
.row { margin: 0 auto; width: 1200px; }
.row .alpha { margin-left: 0!important; }
.row .omega { margin-right: 0!important; }
.row .grid-1,  .row .grid-2,  .row .grid-3,  .row .grid-4,  .row .grid-5,  .row .grid-6,  .row .grid-7,  .row .grid-8,  .row .grid-9,  .row .grid-10,  .row .grid-11,  .row .grid-12 { float: left; margin-left: 10px; margin-right: 10px; }
.row .grid-1 { width: 80px; }
.row .grid-2 { width: 180px; }
.row .grid-3 { width: 280px; }
.row .grid-4 { width: 380px; }
.row .grid-5 { width: 480px; }
.row .grid-6 { width: 580px; }
.row .grid-7 { width: 680px; }
.row .grid-8 { width: 780px; }
.row .grid-9 { width: 880px; }
.row .grid-10 { width: 980px; }
.row .grid-11 { width: 1080px; }
.row .grid-12 { width: 1180px; }
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix:after { clear: both; content: ''; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
* html .clearfix, 
:first-child+html .clearfix { zoom: 1; }
/* 04. General---------------------------------*/
* { background: transparent; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: middle; }
body { color: #666; font: 14px 'Open Sans'; letter-spacing: 1px; line-height: 22px; }
article,  aside,  header,  footer,  iframe,  nav,  section { display: block; }
ul,  ol { list-style-type: none; margin: 0; padding: 0; }
a,  header,  header img,  .scholarship-wrap,  .resize-scholarship-wrap,  header.smaller .font40,  .hover-effect img,  .tab-links a::after { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; }
a { text-decoration: none; outline: none; }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1, h2, h3, h4, h5, h6 { font-weight: 900; margin: 0 0 20px; }
.entry p { margin: 0 0 20px; text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-upr { text-transform: uppercase; }
.mrg-top { margin: 20px 0 0; }
.mrg-btm { margin: 0 0 20px; }
.mrg-btm-10 { margin: 0 0 10px; }
.mrg-btm-5 { margin: 0 0 5px; }
.mrg-left { margin: 0 0 0 20px; }
.mrg-right { margin: 0 20px 0 0; }
.white { color: #fff!important; }
.fr { float: right; }

.fl { float: left; }
.mask { height: 100%; left: 0; opacity: .9; position: absolute; top: 0; width: 100%; }
.brand-color { color: #0077c0; }
.brown { color: #FFffff; }
.brand-secondary-color { color: #fdb813; }
.font40 { font-size: 30px; }
.font20 { font-size: 20px; }
.dark-blue { color: #0a274c; }
.read-more { border-bottom: 1px solid #666; color: #666; display: inline-block; font-size: 14px; float: right; padding: 0 0 3px; }
.read-more:hover { border-bottom: 1px solid #fdb813; }
.imgcenter { display: block; margin: 0 auto; }
.link { color: #666; display: inline-block; font-weight: 600; }
.list li a,  .list-info li a { color: #666; }
section { padding: 40px 0; }
.pad-all { padding: 20px; }
.pad-right { padding: 0 10px 0 0; }
.pad-left { padding: 0 0 0 20px; }
.pad-btm { padding: 0 0 20px; }
.relative-wrap { position: relative; }
.border-right { border-right: 1px dashed #3e5363!important; }
.border-bottom { border-bottom: 1px dashed #3e5363!important; }
.white-bg { background: #fff; }
.box-shadow { box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.7); }
.hover-effect { overflow: hidden; position: relative; z-index: 9; }
.hover-effect img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.hover-effect:hover img { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.hidden-lg { display: none; }
.visible-lg { display: block; }
.font26 { font-size: 26px; }
.font20 { font-size: 20px; }
.grey { color: #666; }
.brd-all { border: 1px solid #0077c0; }
.center-wrap { margin: 0 auto 20px; width: 480px; }
.apply-now { background: #ed2024; color: #fff; display: inline-block; font-size: 16px; padding: 10px; }
.apply-now:hover { background: #fdb813; color: #fff; }
.ibdp { background: #0077c0; color: #fff; display: inline-block; font-size: 16px; padding: 3px 10px; }
.ibdp:hover { background: #fdb813; color: #fff; }
.width-250 { width: 250px; }
.bg-color { background: #f2f7fc; }
.col2 { width: 195px; }
.hidden { display: none!important; }
/* 05. Header--------------------------------*/
#preloader { background: #fff; bottom: 0; left: 0; height: 100%; position: fixed; right: 0; top: 0; z-index: 9999; width: 100%; }
#status { background: url(assets/images/loading.gif) no-repeat center center; height: 30px; left: 50%; margin-left: -30px; position: fixed; text-align: center; top: 50%; width: 30px; z-index: 999999; }
#home-bg,  .bg-wrap,  .inner-page { height: 900px; position: relative; }
#home-bg,  .bg-wrap { background: url(assets/images/header-bg/mahalashhmi-vidhya-mandhir.webp) top no-repeat; background-size: cover; }
.head-school-bg { background: url(assets/images/header-bg/home-1.webp) top no-repeat; background-size: cover; }
.pre-university-bg { background: url(assets/images/header-bg/pre-university.webp) top no-repeat; background-size: cover; }
.pre-university-plus-bg { background: url(assets/images/header-bg/pre-university-plus.webp) top no-repeat; background-size: cover; }
.cambridge-secondary-bg { background: url(assets/images/header-bg/cambridge-secondary-1.webp) top no-repeat; background-size: cover; }
.cambridge-primary-bg { background: url(assets/images/header-bg/cambridge-primary.webp) top no-repeat; background-size: cover; }
.performing-arts-bg { background: url(assets/images/header-bg/art-education.webp) top no-repeat; background-size: cover; }
.career-counselling-bg { background: url(assets/images/header-bg/career-counselling.webp) top no-repeat; background-size: cover; }
.cps-students { background: url(assets/images/header-bg/cps-students.webp) top no-repeat; background-size: cover; }
.university-programme-bg { background: url(assets/images/header-bg/university-programme-bg.webp) top no-repeat; background-size: cover; }
.facilities-bg { background: url(assets/images/header-bg/facilities.webp) top no-repeat; background-size: cover; }
.club-activities-bg { background: url(assets/images/header-bg/club-activities.webp) top no-repeat; background-size: cover; }
.educational-tours-bg { background: url(assets/images/header-bg/educational-tours.webp) top no-repeat; background-size: cover; }
.infrastructure-bg { background: url(assets/images/header-bg/infrastructure.webp) top no-repeat; background-size: cover; }
.language-support-bg { background: url(assets/images/header-bg/language-support.webp) top no-repeat; background-size: cover; }
.robotics-bg { background: url(assets/images/header-bg/robotics.webp) top no-repeat; background-size: cover; }
.sports-activities-bg { background: url(assets/images/header-bg/sports-activities.webp) top no-repeat; background-size: cover; }
.student-leadership-bg { background: url(assets/images/header-bg/student-leadership.webp) top no-repeat; background-size: cover; }
.global-scholarship-awards-bg { background: url(assets/images/header-bg/home.webp) top no-repeat; background-size: cover; }
.global-scholarship-awards-bgform{ background: url(assets/images/header-bg/home.webp) top no-repeat; background-size: cover; }
.inner-page.global-scholarship-awards-bgform{height:210px;}
.inner-page.global-scholarship-awards-bgform .section-title .mask{display:none;}
header { height: 180px; position: fixed; top: 0; width: 100%; z-index: 999; }
header.smaller { background: #fff; box-shadow: 0 5px 5px -5px #333; height: 100px; opacity: .9; }
header.smaller .current-info { display: none; }
/*header.smaller .pay-online { display: none; }*/
header.smaller .row { padding: 12px 0 0; }
header .row { padding: 35px 0 0; position: relative; }
.current-info { right: 180px; position: absolute; top: 5px; -webkit-box-shadow: 0 5px 5px -5px rgba(135,167,202,1); -moz-box-shadow: 0 5px 5px -5px rgba(135,167,202,1); box-shadow: 0 5px 5px -5px rgba(135,167,202,1); }
.pay-online { right: 180px; position: absolute; top: 50px; z-index:99; /*display:none;*/  }
.current-info .mask { background: #fff; }
.wrapper-info { position: relative; }
.current-info .wrapper-info { height: 33px; }
.current-info li { float: left; padding: 5px 10px; }
#home-bg .seperator,  .bg-wrap .seperator,  .black-wrap .seperator { background: url(assets/images/seperator.webp) no-repeat left center; }
#home-bg .seperator1, .bg-wrap .seperator1,  .black-wrap .seperator1 { background: url(assets/images/seperator.webp) no-repeat left 18px; }
.white-wrap .seperator { background: url(assets/images/seperator-white.webp) no-repeat left center; }
.white-wrap .seperator1 { background: url(assets/images/seperator-white.webp) no-repeat left center; }
.current-info li a { font-weight: 600; }
#home-bg .current-info a,  .bg-wrap .current-info a,  .black-wrap .current-info a { color: #333; }
.white-wrap .current-info a { color: #fff; }
.logo { height: 140px; margin: 0 10px; position: relative; width: 100px; z-index: 99; }
header.smaller .logo { height: 88px; width: 80px; }
.logo a { display: inline-block; }
header.smaller .logo img {  width: 80px; }
.logo img,  .menu-wrapper img,  .slider-info img,  .thumb-wrap img,  .thumb-wrap .entry { position: relative; z-index: 99; }
header.smaller .logo-shadow { display: none; }
.logo-shadow { bottom: 0; height: 62px; left: -11px; position: absolute; width: 132px; z-index: 9; -webkit-box-shadow: 4px 4px 5px 0px rgba(135,167,202,1); -moz-box-shadow: 4px 4px 5px 0px rgba(135,167,202,1); box-shadow: 4px 4px 5px 0px rgba(135,167,202,1); }
.logo-shadow .mask { background: #fff; }
header.smaller .menu-wrapper { height: 88px; width: 1080px; }
.menu-wrapper { height: 150px; margin: 0 10px; position: relative; width: 1060px; }
.tagline { padding: 20px 0; }
header #resize-menu { color: #3e5363; display: none; font-size: 40px; margin: 24px 10px; }
header.smaller #resize-menu { display: block; }
header.smaller .font26 { font-size: 26px; font-weight: 600; }
header .apply-now,header a.payfee2 { display: none; margin: 20px 0; }
header.smaller .apply-now,header.smaller a.payfee2 { display: block; }

header.smaller a.payfee2 {
    display: block;
    width: 150px;
    float: right;
    position: relative;
    top: 5px;
    right: 15px;
}

header.smaller a.fr.apply-now {
    float: right;
}
header.smaller .tagline { display: none; }
header.smaller .font40 { font-size: 30px; }
.scholarship-wrap { display: block;   }
header.smaller .scholarship-wrap { margin: 0 0 0 20px; }
header.smaller .scholarship-wrap img { height: 80px; width: 80px;    top: 0px !important; }
nav { bottom: 25px; left: -130px; padding: 0 0 0 100px; position: absolute; width: 1100px; z-index: 9; }
#home-bg nav,  .bg-wrap nav { -webkit-box-shadow: 4px 4px 5px 0px rgba(135,167,202,1); -moz-box-shadow: 4px 4px 5px 0px rgba(135,167,202,1); box-shadow: 4px 4px 5px 0px rgba(135,167,202,1); }
.inner-page nav { -webkit-box-shadow: 4px 4px 5px 0px rgba(153,153,153,1); -moz-box-shadow: 4px 4px 5px 0px rgba(153,153,153,1); box-shadow: 4px 4px 5px 0px rgba(153,153,153,1); }
header.smaller nav { display: none; }
nav .mask { background: #4D0047; }
.primary-nav li { position: relative; }
.primary-nav li a { color:#fff; display: block; font-size: 15px; font-weight: 600; margin: 20px 16px; position: relative; text-transform: uppercase; outline: none; line-height:10px;}
.primary-nav li a span{ font-size:9px;}
.primary-nav li.home > a { margin: 20px 15px 20px 0; }
#home-bg li.active a,  .primary-nav li.active a { color: #F9F871; }
/*.global-scholarship-awards-bg li.active > a { color: #fdb813!important; }*/
.dropdown { left: 0; opacity: 0; margin-left: 30px; position: absolute; top: 62px; visibility: hidden; z-index: 1; width: 250px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.dropdown .mask { background: #3e5363; opacity: .8; }
.dropdown li { border-left: 0; float: none; display: block; line-height: normal; margin: 0; position: relative; }
.primary-nav li:hover > .dropdown { margin: 0; opacity: 1; visibility: visible; }
.dropdown li a { color: #fff!important; display: block; font-size: 14px; font-weight: normal; line-height: normal; margin: 0!important; padding: 10px; position: relative; text-transform: none; z-index: 9; }
.dropdown li a::before,  .dropdown li a::after { border: 0; content: none; display: none!important; position: relative; }
.dropdown1 { left: 250px; opacity: 0; margin-left: 30px; position: absolute; top: 0px; visibility: hidden; z-index: 1; width: 250px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.dropdown1 .mask { background: #3e5363; opacity: .8; }
.dropdown1li { border-left: 0; float: none; display: block; line-height: normal; margin: 0; position: relative; }
.primary-nav li:hover > .dropdown1 { margin: 0; opacity: 1; visibility: visible; }
.dropdown1 li a { color: #fff!important; display: block; font-size: 14px; font-weight: normal; line-height: normal; margin: 0!important; padding: 10px; position: relative; text-transform: none; z-index: 9; }
.dropdown1 li a::before,  .dropdown1 li a::after { border: 0; content: none; display: none!important; position: relative; }
#home-bg .primary-nav a,  .bg-wrap .primary-nav a,  .black-wrap .primary-nav a { color: #FFF5FF; }
.white-wrap .primary-nav a { color: #fff; }
header.smaller .primary-nav li a { margin: 10px; }
.primary-nav li a::before,  .primary-nav li a::after { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border: 2px solid rgba(0,0,0,0.1); border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2); }
.primary-nav li a::after { width: 80px; height: 80px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8); }
.primary-nav li a:hover::before,  .primary-nav li a:hover::after,  .primary-nav li a:focus::before,  .primary-nav li a:focus::after { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); }
.primary-nav li a:hover { outline: none; }
.current-info li a:hover,  .link:hover,  .list li a:hover,  .list-info li a:hover,  .read-more:hover,  .breadcrumb a:hover { color: #fdb813; }
.dropdown li a:hover { color: #fdb813!important; }
.dropdown1 li a:hover { color: #fdb813!important; }
#menu { display: none; }
.container { padding: 180px 0 0; }
.slider-wrap { padding: 10px 0 0; width: 680px; }
.slider-info { height: 216px; padding: 10px; position: relative; width: 660px; }
.read-wrap { display: inline-block; }
.read-wrap .mask { background: #0e2f65; opacity: .7; }
.read-wrap a { color: #fff; padding: 15px; position: relative; }
.slider-info .mask { background: #55768f; }
.thumb-slider-wrap { padding: 10px 0 0; width: 680px; }
.thumb-slider { float: left; margin: 0 10px; width: 154px; }
.thumb-wrap { min-height: 167px; padding: 10px; position: relative; width: 154px; }
.thumb-slider-wrap { position: relative; }
.thumb-slider-wrap .slick-list { margin: 0 50px!important; padding: 0!important; }
.thumb-slider-wrap i { color: #fff; cursor: pointer; font-size: 40px; position: absolute; top: 40%; }
.thumb-slider-wrap i.icon-prev { left: 0; }
.thumb-slider-wrap i.icon-next { right: 0; }
.thumb-wrap img { margin: 0 0 10px!important; }
.thumb-wrap .mask { background: #55768f; }
.thumb-wrap .entry p { color: #fff; font-size: 12px; line-height: normal; margin: 0; }
.thumb-slider-wrap .slick-center p { color: #fdb813; }
/* 07. Index-------------------------------*/
#programme { background: url(assets/images/university.webp) repeat; }
#programme .relative-wrap { height: 260px; width: 370px; }
#programme .caption { bottom: auto; top: 0; }
#programme .min-height-wrap { min-height: 310px; }
/* CPS Logo */
#cps-info { background: #f9f9f9 url(assets/images/cps-bg.webp) center center no-repeat; height: 430px; position: relative; }
#cps-info .mask,  .section-title .mask { background:none; }
#cps-info h1 { margin: 0; position: relative; z-index: 99; }
#cps-info a { color: #fff; display: block; }
.cps-wrap { left: 0; position: absolute; top: 40%; width: 100%; }
.cps-wrap .mask { opacity: .7!important; }
#ibdp { color: #fff; display: none; padding: 45px 0; position: relative; }
.ibdp-wrap { background: #4D0047; border: 3px solid #fff; padding: 10px; }
.tabs-links-wrap { float: left; margin: 0 30px 0 0; width: 400px; }
.tab-links li { margin-top: 35px; }
.tab-links li:first-child { margin-top: 0; }
.tab-links li a { color: #fff; display: block; font-size: 14px; padding: 10px 0 10px 5px; position: relative; width: 400px; }
.tab-links .active a { background: #fdb813; }
.tab-links li a:hover { background: #fdb813; color: #fff; }
.tab-links a::after { border-style: solid; border-width: 22px 0 21px 20px; border-color: transparent transparent transparent #4D0047; content: ''; height: 0; position: absolute; right: -20px; top: 0px; width: 0; }
.tab-links .active a::after { border-color: transparent transparent transparent #fdb813; }
.tab-links li a:hover::after { border-color: transparent transparent transparent #fdb813; }
.tab-content { float: left; width: 739px; }
.tab-content .entry p { margin: 20px 0 0; }
.tab-content .entry p:first-child { margin: 0; }
/* Tabs */
.tabs { width: 100%; }
.tab-links:after { display: block; clear: both; content: ''; }
.tab { display: none; }
.tab.active { display: block; }
/* Academia */
#academia { background: #f9f9f9 url(assets/images/academia.webp) repeat; }
#academia h1 { margin: 0 0 40px; }
.pad-all-5,  #academia .pad-all { padding: 5px; }
/* Calendar */
.calendar-slider { min-height: 683px; }
.calendar-slider .slick-list { height: 645px!important; }
.calendar-wrap { height: 650px; width: 840px; }
.shadow-wrapper { -webkit-box-shadow: -1px -1px 5px 0px rgba(127,164,189,1); -moz-box-shadow: -1px -1px 5px 0px rgba(127,164,189,1); box-shadow: -1px -1px 5px 0px rgba(127,164,189,1); }
.content-wrapper { -webkit-box-shadow: 4px 4px 5px 0px rgba(135,167,202,1); -moz-box-shadow: 4px 4px 5px 0px rgba(135,167,202,1); box-shadow: 4px 4px 5px 0px rgba(135,167,202,1); }
.sidebar .content-wrapper h2 { margin: 0; }
.sidebar .content-wrapper h2,  #pre-university h2,  .brand-bg { background: #0077c0; color: #fff; padding: 20px; }
.content-info { color: #0077c0; border-bottom: 1px dashed #3e5363!important; margin: 0 0 20px; padding: 0 0 20px; }
.sidebar-title { margin: 0 0 5px; }
.sidebar-title a { color: #3e5363; }
.info-txt { font-size: 16px; margin: 0 0 5px; }
#campus .col2 { float: left; margin: 0 0 0 20px; width: 430px; }
#campus .col2:first-child { margin: 0; }
#campus .pad-all { padding: 5px; }
#programme .relative-wrap,  #campus a,  #academia a { display: block; }
.caption { bottom: 0; left: 0px; position: absolute; width: 100%; }
#programme .mask,  #campus .mask,  #academia .mask { background: #3e5363; opacity: .7; }
.caption-title { background: none!important; color: #fff; margin: 0; padding: 20px; position: relative; z-index: 999; }
#news .col2 { float: left; margin: 0 0 0 20px; width: 410px; }
#news .col2:first-child { margin: 0; }
.news-slider a { display: inline-block; }
.news-slider i,  .announcements-slider i,  .sidebar i { color: #666; left: 0; position: absolute; top: 4px; }
.news-slider .mrg-btm,  .announcements-slider .mrg-btm { margin: 0 0 10px; }
/* Pre University */
.section-title { bottom: 0; left: 0; position: absolute; width: 100%; }
.section-title .pad-all { padding: 30px; }
.section-title h1 { margin: 0; }

/* Breadcrumb */
.breadcrumb { padding: 20px 0 0; }
.breadcrumb a { color: #666; margin: 0 0 0 10px; }
/* Pre-University */
#pre-university h2 { line-height: 26px; }
/* Sidebar */
.inner-sidebar h3 { margin: 0 0 20px; }
.inner-sidebar a { color: #666; }
/* Management Team */
.img-wrap,  .content-section { float: left; }
.img-wrap { width: 250px; }
.content-section { width: 530px; }
.content-section h3 { margin: 0 0 5px; }
.desc-table { border: 1px solid #3e5363; border-spacing: 0; border-collapse: collapse; }
.desc-table-1 { border: 1px solid #3e5363; border-spacing: 0; border-collapse: collapse; }
.brdr-btm { border-bottom: 1px solid #3e5363; }
.brdr-right { border-right: 1px solid #3e5363; }
.desc-table thead { background: #3e5363; color: #fff; }
.desc-table th { border-right: 1px solid #fff;  font-size: 16px; font-weight: 600; padding: 8px 0; text-transform: uppercase; }
.desc-table td { color: #666; padding: 5px 15px; }
.desc-table a { color: #666; }
.desc-table-1 thead { background: #3e5363; color: #fff; }
.desc-table-1 th { border-right: 1px solid #fff; text-align:left; font-size: 14px; font-weight: 400; padding: 8px 10px; text-transform: uppercase; }
.desc-table-1 td { color: #666; padding: 5px 15px; }
.desc-table-1 a { color: #666;  }
.main-table { margin:0 0 15px 0; float:left;}
.table-box{  border: 1px solid #3e5363; border-spacing: 0; border-collapse: collapse; width:33%; float:left;}
.table-head{ min-height:60px;  background: #3e5363; color: #fff; border-right: 1px solid #fff;     text-align: center;    font-size: 12px; font-weight: 400; padding: 8px 10px; text-transform: uppercase;     line-height: 19px;}
.table-head-igcse{background: #3e5363; color: #fff; border-right: 1px solid #fff; text-align:left; font-size: 14px; font-weight: 400; padding: 8px 10px; text-transform: uppercase;     line-height: 19px;}
.table-body{ position: relative;top: 15px; vertical-align: middle; color: #666; padding: 5px 15px; height:160px;}
.table-box-1{  border: 1px solid #3e5363; border-spacing: 0; border-collapse: collapse; width:33%; float:left;}
.table-head-1{ min-height:40px;  background: #3e5363; color: #fff; border-right: 1px solid #fff; text-align:center; font-size: 14px; font-weight: 400; padding: 8px 10px; text-transform: uppercase;     line-height: 19px;}
.table-head-1-igcse{ background: #3e5363; color: #fff; border-right: 1px solid #fff; text-align:left; font-size: 14px; font-weight: 400; padding: 8px 10px; text-transform: uppercase; line-height: 19px;}
.table-body-1{ text-align: center; position: relative; color: #666;    padding: 25px 15px; height:110px;}
.table-igcse{ float:none; }
.table-igcse *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.table-igcse p{padding-top: 7px;}
.table-box-igcse{  border: 1px solid #3e5363; border-spacing: 0; border-collapse: collapse; width:33%; float:left;}
.table-head-1-igcse{ background: #3e5363; color: #fff; border-right: 1px solid #fff; text-align:left; font-size: 14px; font-weight: 400; padding: 8px 10px; text-transform: uppercase; line-height: 19px;}
.table-body-igcse{vertical-align: middle; color: #666; padding: 15px;}
@media only screen and (max-width : 567px){.table-box-igcse{ width:100%; float:none; display:block;}}
/* Contact Us */
.col2-inner { float: left; width: 410px; }
#contact-us .label-info { width: 380px; }
/* Map */
#junior-school-map,  #global-school-map { height: 261px; width: 100%; }
/* Gallery */
#gallery a,  #gallery img { display: block; }
/* GSA Awards */
.half-wrap { float: left; margin: 0 0 0 10px; width: 200px; }
.half-wrap:first-child { margin: 0; }
.label-wrap { color: #0077c0; display: block; }
.input-wrap { color: #666; display: block; padding: 2%; width: 95%; }
.one-third,  .three-fourth { float: left; }
.one-third { width: 50px; }
.three-fourth { margin: 0 0 0 5px; width: 145px; }
.select-wrap { width: 100%; }
.one-third-wrap { float: left; margin: 0 0 0 10px; width: 60px; }
.one-third-wrap:first-child { margin: 0; }
.one-half-wrap { float: left; margin: 0 0 0 10px; width: 95px; }
.one-half-wrap:first-child { margin: 0; }
.radio-wrap { margin: 0 5px; }
.one-third-col { float: left; margin: 0 0 0 20px; width: 266px; }
.one-third-col:first-child { margin: 0; }
.submit { background: #0077c0; color: #fff; border: 0; font-size: 16px; padding: 10px 20px; text-transform: uppercase; }
/* Scholarship Awards */
#scholarship-awards .apply-now { padding: 10px 40px!important; }
/* 08. Footer */
footer { background: #4D0047; background-size: cover; height: 400px; }
footer .icon-top { background: #fdb813; bottom: 30px; color: #fff; cursor: pointer; display: block; font-size: 30px; height: 30px; line-height: 30px; position: fixed; right: 55px; text-align: center; width: 30px; z-index: 99; }
.footer-top { box-shadow: 0 5px 5px -5px #333; }
.footer-top figure { display: inline-block; margin: 0 20px; }
.footer-top,  .footer-bottom { color: #fff; padding: 20px 0; }
.footer-bottom h3 { color: #fff; margin: 0 0 15px; padding: 0 0 10px; position: relative; }
.brd-btm { background: #fff; bottom: 0; height: 1px; left: 0; position: absolute; width: 120px; }
.list-info li { margin: 0 0 5px; }
.list li { margin: 0 0 5px; padding: 0 0 0 20px; position: relative; }
.list li i { color: #666; left: 0; position: absolute; top: 4px; }
.footer-bottom .list-info li a { color: #fff; }
.footer-bottom .link { color: #fff; font-size: 12px; font-weight: normal; }
.label-wrapper { font-weight: 600; margin: 0 10px 0 0; width: 20px; }
.label-info { width: 250px; }
.footer-bottom .label-wrapper,  .footer-bottom .label-info,  .footer-bottom .address,  .copyrights { font-size: 12px; }
/* Social Icons */
/* Tooltip */
.socail-icons { position: fixed; top: 220px; left: 0; z-index: 99; }
.socail-icons a { display: block; }
.socail-icons i { color: #fff; font-size: 16px; }
.socail-icons li { height: 30px; line-height: 30px; width: 30px; text-align: center; }
.socail-icons .facebook { background: #3b5998; }
.socail-icons .twitter { background: #5ea9dd; }
.socail-icons .insta { background:#675B53;}
.socail-icons .pinterest{background:#cb1f26;} 
.socail-icons .gp { background: #dd4b39; }
.socail-icons .lin { background: #0077b5; }
.socail-icons .word { background: #464646; line-height: 26px; }
.hint, [data-hint] { position: relative; display: inline-block; }
.hint:before,  .hint:after,  [data-hint]:before,  [data-hint]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
.hint:hover:before,  .hint:hover:after,  .hint:focus:before,  .hint:focus:after,  [data-hint]:hover:before,  [data-hint]:hover:after,  [data-hint]:focus:before,  [data-hint]:focus:after { visibility: visible; opacity: 1; }
.hint:before, [data-hint]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; }
.hint:after,  [data-hint]:after { content: attr(data-hint); background: #383838; color: #fff; padding: 8px 10px; font-size: 13px; line-height: 12px; white-space: nowrap; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }
.socail-icons li.facebook .hint:after,  .socail-icons li.facebook [data-hint]:after { background: #3b5998; }
.socail-icons li.twitter .hint:after,  .socail-icons li.twitter [data-hint]:after { background: #5ea9dd; }
.socail-icons li.gp .hint:after,  .socail-icons li.gp [data-hint]:after { background: #dd4b39; }
.socail-icons li.lin .hint:after,  .socail-icons li.lin [data-hint]:after { background: #0077b5; }
.socail-icons li.insta .hint:after,  .socail-icons li.insta [data-hint]:after { background: #675B53; }
.socail-icons li.pinterest .hint:after,  .socail-icons li.pinterest [data-hint]:after { background: #cb1f26; }
.socail-icons li.facebook .hint-right:before { border-right-color: #3b5998; }
.socail-icons li.twitter .hint-right:before { border-right-color: #5ea9dd; }
.socail-icons li.gp .hint-right:before { border-right-color: #dd4b39; }
.socail-icons li.lin .hint-right:before { border-right-color: #0077b5; }
.socail-icons li.insta .hint-right:before { border-right-color: #675B53; }
.socail-icons li.pinterest .hint-right:before { border-right-color: #cb1f26; }
.hint-right:before { border-right-color: #383838; }
.hint-right:before { margin-left: -11px; margin-bottom: -6px; }
.hint-right:after { margin-bottom: -14px; }
.hint-right:before,  .hint-right:after { left: 100%; bottom: 50%; }
.hint-right:hover:after,  .hint-right:hover:before,  .hint-right:focus:after,  .hint-right:focus:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); }
.hint-error.hint-right:before { border-right-color: #b34e4d; }
.hint-warning.hint-right:before { border-right-color: #c09854; }
.hint-info.hint-right:before { border-right-color: #3986ac; }
.hint-success.hint-right:before { border-right-color: #458746; }
.hint-always.hint-right:after,  .hint-always.hint-right:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); }
/* Info */
#info-apply-now { right: -110px; top: 280px; }
#info-events { top: 480px; right:-106px; }
#info-news { top: 430px; }
.info-link { position: fixed; right: -280px; z-index: 99; }
.info-link .mask { background: #3e5363; opacity: .6; }
.rotate-wrap { -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */ transform: rotate(270deg); }
#info-news .link-wrap { margin: 19px 0 0; }
#info-events .link-wrap { margin: 23px 0 0; }
#info-apply-now .link-wrap { margin: 38px 0 0; }
.link-wrap a { color: #fff; padding: 5px 10px 5px 20px; position: relative; }
.news-link-open,  .events-link-open,  .apply-link-open { display: block; }
.news-link-close,  .events-link-close,  .apply-link-close { display: none; }
.info-link a i { color: #fff; left: 5px; position: absolute; top: 8px; }
.info-link-wrap { background: #666; color: #fff; height: 260px; padding: 10px; width: 260px; }
#info-news .info-link-wrap { margin: 0 0 0 -19px; }
#info-events .info-link-wrap { margin: 0 0 0 -23px; }
#info-apply-now .info-link-wrap { margin: 0 0 0 -39px; }
.info-link-wrap a { font-size: 12px; }
/* Slide Menu */
#menu { background-color: #3e5363; display: block; height: 100%; position: fixed; right: -260px; top: 0; width: 260px; z-index: 9999999; }
#menu .relative-wrap { height: 100%; z-index: 999999; }
.slide-nav { height: 650px; overflow-y: auto; position: relative; width: 260px; }
.slide-nav li { border-top: 1px solid #fff; }
.slide-nav li:first-child { border-top: 0; }
.slide-nav li a { color: #fff; display: block; padding: 5px; }
.slide-nav li ul > li { border-top: 1px solid #fff!important; }
.slide-nav li ul li > a { font-size: 12px; padding: 5px 5px 5px 20px; }
.slide-nav li ul li ul li > a { font-size: 12px; padding: 5px 5px 5px 40px; }
#slide-out-cover { background-color: #fff; -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: none; }
#close { background: #3e5363; color: #fff; cursor: pointer; display: none; font-size: 30px; height: 40px; line-height: 30px; left: -40px; position: absolute; text-align: center; top: 0; width: 40px; }
#sidr-right #close { display: block; }
.admissionProcedurePage * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.admissionProcedurePage h2 { font-family: 'Lato', sans-serif; font-size: 33px; font-weight: 300; text-align: center; line-height: normal; color: #000; position: relative; text-transform: uppercase; padding-bottom: 10px; }
.admissionProcedurePage h2 strong { font-size: 40px; font-weight: 700; display: block; }
.admissionProcedurePage h2::after { content: ""; position: absolute; width: 119px; height: 5px; left: 50%; margin-left: -60px; bottom: 0px; background: #000; }
.adp-circles { margin: 15px auto; width: 100%; }
.adp-circles .adp-single-step { width: 24%; float: left; padding: 0 2px; }
.adp-circles .adp-single-step.first-circle { padding-left: 0px; }
.adp-circles .adp-single-step.last-circle { padding-right: 0px; }
.circle-head { margin: 0 auto; text-align: center; height: 190px; padding: 0px 0px 0; }
.circle-head h3 { color: #fff; margin: 0 auto 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 40px; font-weight: bold; text-transform: uppercase; }
.circle-head h4 { color: #fff; margin: 0 auto; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 19px; padding-top: 9px; }
.circle-head h4 strong { font-size: 21px; display: block; }
.circle-head h4 span { font-size: 9px; display: block; line-height: 10px; }
.adp-circles p { margin: 20px auto 0; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 300; border-right: 1px solid #ddd; padding: 0px 15px; height: 220px; text-align: justify; }
.procure { background: url(images/procure-1.webp) no-repeat left top; width: 204px; height: 195px; }
.register { background: url(images/register.webp) no-repeat left top; width: 204px; height: 195px; }
.takeadmission { background: url(images/take.webp) no-repeat left top; width: 204px; height: 195px; }
.interview { background: url(images/appear.webp) no-repeat left top; width: 188px; height: 195px; }
.eventsSlider { height: 592px; position: relative; }
.eventMonth { margin: 0 auto; width: 100%; position: relative; background: #00598C; }
.eventMonth .preEvent { padding: 10px; position: absolute; top: 0; left: 0; color: #fff; }
.eventMonth .nxtEvent { padding: 10px; position: absolute; top: 0; right: 0; color: #fff; }
.eventMonth span { display: block; width: 100%; text-align: center; color: #fff; font-size: 15px; padding: 10px 0; }
.eventsSlider .info-txt { height: 66px; overflow: hidden; }
.eventsSlider .content-info { margin-bottom: 0; padding-top: 20px; }
.calSlider { position: absolute; top: 20px; left: 0; padding: 15px; display: block; width: 100%; height: 665px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 400; }
.calEvUpArrow { position: absolute; top: 5px; right: 10px; z-index: 500; cursor: pointer; width: auto !important; height: auto !important; }
.calEvDownArrow { position: absolute; top: 20px; right: 10px; z-index: 500; cursor: pointer; width: auto !important; height: auto !important; }
.gsJuniorPage *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.earlyProg{ margin: 20px auto; display: block; position: relative; background: #eee; }
.earlyProg div.elpLImg,.earlyProg div.elpRImg{ position: absolute; width: 28%; background: #4bb748; padding: 10px 0; height: 100%; text-align: center; left: 0; top: 0;}
.earlyProg div.elpLImg::after,.earlyProg div.elpRImg::after{ content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.earlyProg div.elpRImg{ left: auto; right: 0; }
.earlyProg div img{ max-width: 100%; display: inline-block; vertical-align: middle; }
.earlyProg p{ width: 44%; position: relative; left: 28%; padding:10px 20px; }
p.gradeInfo{ float: right; color:#19324c; font-size: 15px; }
p.gradeInfo strong{ color:#5a0908; }
p.gradeInfo em{ font-style: normal; }
.hrLine{ margin:20px auto; border-bottom: 1px solid #eee; width: 100%; }
h3.subTitle{ margin: 10px auto; color:#19324c; font-size: 20px; }
.earlyProgTbl{ margin: 10px auto; width: 100%; }
.earlyProgTbl .epCol{ float: left; margin: 0 auto; }
.earlyProgTbl .epCol_1{ width: 40%; }
.earlyProgTbl .epCol_2{ width: 30%; }
.earlyProgTbl .epCol_3{ width: 30%; }
.earlyProgTbl .epCol h4{ margin: 0 auto; padding: 10px 0; text-align: center; color:#fff; text-transform: uppercase; border:1px solid #fff; }
.earlyProgTbl .epCol_1 h4{ background-color: #6BB345; }
.earlyProgTbl .epCol_2 h4{ background-color: #F37B21; }
.earlyProgTbl .epCol_3 h4{ background-color: #F15D5E; }
.epLvlBox{ padding: 10px; border:1px solid #fff; position: relative; }
.earlyProgTbl .epCol_1 .epLvlBox{ background-color: #ECF2E4; }
.earlyProgTbl .epCol_2 .epLvlBox{ background-color: #FFEDDE; }
.earlyProgTbl .epCol_3 .epLvlBox{ background-color: #FEEBE5; }
.epLvlBox .epLvlImg{ display: none; position: absolute; left: 0; top: 0; height: 100%; width: 40px; text-align: center; }
.epLvlBox .epLvlImg::after{ content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.epLvlBox .epLvlImg img{ vertical-align: middle; display: inline-block; max-width: 100%; }
.epLvlBox .epLvlImg.epLvl_1{ background-color: #025F6B; }
.epLvlBox .epLvlImg.epLvl_2{ background-color: #00AEC5; }
.epLvlBox .epLvlImg.epLvl_3{ background-color: #44C5E3; }
.earlyProgTbl .epCol_1 .epLvlBox p{ padding-left: 40px; }
.epCol_1 .epLvlBox .epLvlImg{ display: block; }
.lessonSeq{ margin: 20px auto; }
.lessonSeq img{ float: right; }
.lessonBox{ float: left; width: 50%; }
.lessonBox h4{ margin: 5px auto 15px; background: #287CBA; color:#fff; padding: 10px 20px; font-weight: normal; position: relative; }
.lessonBox h4::after{ content: ''; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; display: block; width: 0; border: 10px solid transparent; border-top-color: #287CBA;}
.lessonBox h4:last-child::after{ display: none; }
.entry div.cambLImg,.entry div.cambRImg{ width: 40%; float: left; padding: 10px 3% 10px 0;}
.entry div.cambLImg img{ width:100%;}
.entry p.list{width: 57%; float: left; padding:10px 0px;}
.cambridgePrim{ margin: 20px auto; display: block; position: relative; background: #eee; }
.cambridgePrim div.cambLImg,.cambridgePrim div.cambRImg{ position: absolute; width: 40%; background: #21b8c9; padding: 10px 0; height: 100%; text-align: center; left: 0; top: 0;}
.cambridgePrim div.cambLImg::after,.cambridgePrim div.cambRImg::after{ content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.cambridgePrim div.cambRImg{ left: auto; right: 0; background: #0bbed2; width: 25%; }
.cambridgePrim div img{ max-width: 100%; display: inline-block; vertical-align: middle; }
.cambridgePrim p{ width: 35%; position: relative; left: 40%; padding:10px 20px; }
.curiculumPanel{ margin: 0 auto; }
.curiculumPanel h4{ margin: 25px auto 20px; padding: 10px 0; background: #983514; color:#fff; text-transform: uppercase; text-align: center; position: relative; width: 250px;}
.subjectBox{ float: left; margin: 0 1%; width: 31.3%; background: #eee; }
.subjectBox h4{ margin: 0 auto; width: 100%; background: #F4BA0E; color:#000; }
.subjectBox h4::after{ content: ''; position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; border: 1px dashed #fff; }
.subjectBox ul{ margin: 0 auto; padding:20px; list-style-type: disc; padding-left: 40px; }
.subjectBox li{ color:#333; margin-bottom: 5px; }
/* 09. Responsive----------------------------------------------*/
@media only screen and (min-width: 980px) and (max-width: 1180px) {
.adp-circles .adp-single-step { width: 50%; height: 330px; }
.adp-circles p { height: 0px; padding-top: 0px; }
.procure { background: url(images/procure-1-01.webp) no-repeat center top; width: 100%; }
.register { background: url(images/register-02.webp) no-repeat center top; width: 100%; }
.takeadmission { background: url(images/take-03.webp) no-repeat center top; width: 100%; }
.interview { background: url(images/appear-04.webp) no-repeat center top; width: 100%; }
.row { width: 960px; margin-left: auto; margin-right: auto; }
.row .grid-1 { width: 60px; }
.row .grid-2 { width: 140px; }
.row .grid-3 { width: 220px; }
.row .grid-4 { width: 300px; }
.row .grid-5 { width: 380px; }
.row .grid-6 { width: 460px; }
.row .grid-7 { width: 540px; }
.row .grid-8 { width: 620px; }
.row .grid-9 { width: 700px; }
.row .grid-10 { width: 780px; }
.row .grid-11 { width: 860px; }
.row .grid-12 { width: 940px; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }
.hidden-md { display: none!important; }
.visible-md { display: block; }
/* Header */
.menu-wrapper { width: 820px; }
nav { width: 820px; }
.primary-nav li.home > a { margin: 20px 5px 20px 0px; }
.primary-nav li a { font-size: 14px; margin: 20px 5px; }
.dropdown { width: 180px; }
.dropdown li a { font-size: 12px; padding: 10px 5px; }
.dropdown1{ width: 180px; left: 180px; }
.dropdown1 li a { font-size: 12px; padding: 10px 5px; }
/* Slider */
.thumb-slider-wrap i.icon-prev { left: 28px; }
.thumb-slider-wrap i.icon-next { right: 28px; }
/* Pathway to Global Education */
#ibdp { padding: 40px 0; }
.tabs { min-height: 310px; }
.tabs-links-wrap { width: 250px; }
.tab-links li { margin-top: 20px; }
.tab-links li a { font-size: 14px; width: 250px; }
.tab-content { width: 654px; }
header.smaller .menu-wrapper { width: 840px; }
/* Programme */
#programme .relative-wrap { height: auto; width: auto; }
#programme .pad-all { padding: 10px; }
#programme .min-height-wrap { min-height: 380px; }
/* Calendar */
.calendar-slider { min-height: 660px; }
#campus .col2 { width: 340px; }
#news .pad-all { padding: 10px; }
#news .col2 { width: 330px; }
/* Inner Page */
.inner-wrap { min-height: 1138px; }
.section-title .pad-all { padding: 30px 20px; }
.sidebar img { height: auto; max-width: 100%; }
/* Management Page */
.management-info { padding: 10px; }
.content-section { width: 370px; }
/* Contact Us */
.col2-inner { float: left; width: 320px; }
#contact-us .label-info { width: 290px; }
/* Correspondent Message */
#pdf-content { width: 900px; }
/* Footer */
footer { height: auto; }
.footer-top img { max-width: 100%; }
.footer-bottom h3 { margin: 0 0 10px; }
.label-info { width: 190px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.table-box { width:32%;}
.table-box-1{ width:32%;}
.table-head { font-size: 11px; min-height: 60px;}
.table-head-1 { font-size: 11px; min-height: 40px;}
.adp-circles .adp-single-step { width: 50%; height: 360px; }
.adp-circles p { height: 0px; }
.procure { background: url(images/procure-1-01.webp) no-repeat center top; width: 100%; }
.register { background: url(images/register-02.webp) no-repeat center top; width: 100%; }
.takeadmission { background: url(images/take-03.webp) no-repeat center top; width: 100%; }
.interview { background: url(images/appear-04.webp) no-repeat center top; width: 100%; }
.row { width: 744px; margin: 0 auto; }
.row .grid-1 { width: 42px; }
.row .grid-2 { width: 104px; }
.row .grid-3 { width: 166px; }
.row .grid-4 { width: 228px; }
.row .grid-5 { width: 290px; }
.row .grid-6 { width: 352px; }
.row .grid-7 { width: 414px; }
.row .grid-8 { width: 476px; }
.row .grid-9 { width: 538px; }
.row .grid-10 { width: 600px; }
.row .grid-11 { width: 662px; }
.row .grid-12 { width: 724px; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 15px; }
.hidden-sm { display: none; }
.visible-sm { display: block!important; }
section { padding: 30px 0px; }
/* Header */
.current-info { right: 10px; }
.pay-online { right: 10px; }
.menu-wrapper,  nav { width: 604px; }
.primary-nav li a { font-size: 9px; margin: 20px 7px; }
.primary-nav li.home > a { margin: 20px 5px 20px 0px; }
.dropdown { width: 150px; }
.dropdown li a { padding: 5px; }
.dropdown1 { width: 150px; left:150px; }
.dropdown1 li a { padding: 5px; }
header.smaller .menu-wrapper { width: 624px; }
/* Slider */
.thumb-slider-wrap i.icon-prev { left: 30px; }
.thumb-slider-wrap i.icon-next { right: 30px; }
/* Programme */
.caption-title { font-size: 14px; padding: 10px; }
#programme .relative-wrap { height: auto; width: 100%; }
#programme .pad-all { padding: 5px; }
#programme .min-height-wrap { min-height: 505px; }
/* Pathway to global education */
#ibdp { padding: 20px 0px; }
.tabs { min-height: 365px; }
.tabs-links-wrap,  .tab-links li a { width: 220px; }
.tab-content .entry p { margin: 10px 0px 0px; }
.tab-content { width: 468px; }
/* Calendar */
.content-wrapper h2 { padding: 20px 10px; }
.calendar-slider { min-height: 725px; padding: 10px; }
.info-txt { font-size: 14px; }
#campus .col2 { width: 259px; }
/* News */
#news .pad-all { padding: 10px; }
#news .col2 { width: 249px; }
/* Inner Page */
.section-title .pad-all { padding: 30px 20px; }
.sidebar img { height: auto; width: 100%; }
/* Correspondent Message */
#pdf-content { width: 704px; }
/* Management Page */
.management-info { padding: 10px; }
.content-section,  .img-wrap { float: none; width: 100%; }
/* Sidebar */
.sidebar .content-wrapper h2 { padding: 20px 10px; }
.sidebar .content-wrapper .pad-all, .inner-wrap { padding: 10px; }
.inner-wrap h2 { padding: 10px 0; }
/* Contact Us */
.col2-inner { float: none; margin: 0; width: 100%; }
.col2-inner:first-child { margin: 0 0 20px; }
#contact-us .label-wrapper { display: block!important; }
#contact-us .label-info { width: 488px; }
/* Footer */
footer { background-size: cover; height: auto; }
.footer-bottom h3 { margin: 0 0 10px; }
.label-info { width: 166px; }
.footer-bottom .address,  .footer-bottom .list-info li a,  .footer-bottom .link,  .footer-bottom .label-info,  .copyrights { font-size: 10px; }
}
.error{color: red;}
.modal-content{border-radius: 0px !important;}
.title{background: #0077c0 !important; color: #fff !important; padding: 1px 10px 9px 10px !important;}
.title h4{text-align: center;position:relative; margin-top: 14px; padding: 0px; margin-bottom: 0px;}
.title h4 span {position:relative; z-index:5; background: #0077c0; padding: 0 10px;}
.title h4:after {display: block; content: ""; border-top: 2px solid #fff; width: 80%; margin:-1px auto 0; left:0; right:0; position:absolute; top:50%; z-index:2;}
.title h6 {color: #0077c0; background: #fff; padding: 0px; text-align: center; margin: 0 auto;}
.content h2,h4 {text-align: center;}
.form-control{
		border:none !important;
		border-bottom: 1px solid #ccc !important;
		border-radius: 0px !important;
		padding: 0px !important;
		box-shadow: none !important;
		height: 52px !important;
		width: 100%;
	}
.form-control:focus{
		border:none !important;
		border-bottom: 1px solid #0077c0 !important;
		border-radius: 0px !important;
		padding: 0px !important;
		box-shadow: none !important;
		height: 52px !important;
		width: 100%;
        outline: none;
}
.submit-bttn{
	margin-top: 50px;
    margin-left: 72px;
    width: 50%;
    background:#0077c0;
    color:#fff; 
    padding: 0px;
    text-align: center;
}
#submitBtn{color:#fff;padding: 12px;cursor:pointer;}
.overlay {
  position: fixed;

  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
z-index: 999;
overflow:auto;
}

.popup {
  margin: 70px auto;
  background: #fff;
  border-radius: 5px;
  width: 100%;
max-width:700px;
  position: relative;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
 position: absolute;
    top: 8px;
    right: 6px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #2d8bc8;
}
.popup .close:hover {
  color: #FFF;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
  /*padding: 20px;*/
}
@media only screen and (max-width:979px){
    .popup .content img {
    width: 100%;
    
}
.popup {
   
    width: 80%;
   
  
}
.popup .close {
    position: absolute;
    top: 7px;
    right: 4px;}
.fr {float: right;  margin-top: -33px;}
.earlyProg div.elpLImg, .earlyProg div.elpRImg {width: 100%; float: none; position: relative; left: auto;right: auto;}
.earlyProg p {float: none; width: 100%; left: auto; text-align: justify;}
p.gradeInfo {float: none;}
p.gradeInfo span {display: block;}
p.gradeInfo em {display: none;}
.earlyProgTbl .epCol {float: none;}
.earlyProgTbl .epCol_1,.earlyProgTbl .epCol_2,.earlyProgTbl .epCol_3 {width: 100%;}
.earlyProgTbl .epLvlBox p {padding-left: 40px;}
.epLvlBox .epLvlImg {display: block;}
.lessonSeq {margin: 20px auto;}
.lessonSeq img {float: none; display: block; margin: 0 auto;}
.lessonBox {float: none; width: 100%;}
.cambridgePrim {margin: 20px auto; display: block; position: relative; background: #eee;}
.cambridgePrim div.cambLImg,.cambridgePrim div.cambRImg {width: 100%; float: none; position: relative; left: auto;right: auto;}
.cambridgePrim p {float: none; width: 100%; left: auto; text-align: justify;}
.curiculumPanel h4 {width: 100%;}
.subjectBox {float: none; margin: 0 auto 10px; width: 100%;}
}
@media only screen and (max-width: 767px) {
   .popup .content img {
    width: 100%;
    
}
.popup {
   
    width: 80%;
  
}
.popup .close {
    position: absolute;
    top: -1px;
    right: -3px;}
.table-box { width:33%;}
.table-box-1 { width:33%;}
.table-head{ font-size: 11px; min-height: 60px;}
.table-head-1{ font-size: 11px; min-height: 40px;}
.row { width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.row .grid-1, .row .grid-2,  .row .grid-3,  .row .grid-4,  .row .grid-5,  .row .grid-6,  .row .grid-7,  .row .grid-8,  .row .grid-9,  .row .grid-10,  .row .grid-11,  .row .grid-12,  .grid-center { display: block; float: none; margin-left: 0; margin-right: 0; margin: 0 0 20px; padding: 0 2%; width: 96%; }
section { padding: 30px 0; }
.pad-btm { padding: 0 0 10px; }
.mrg-btm { margin: 0 0 10px; }
.hidden-xxs { display: none; }
.visible-xxs { display: block; }
/* Header */
.current-info, .pay-onlined,  .logo-shadow,   .info,  .socail-icons { display: none; }
a.fr.scholarship-wrap.hidden-sm.hidden-xs{
        float: right;
    margin-top: 30px;
    position: relative;
    left: 80px;
    height: 15px;
}
a.fr.scholarship-wrap.hidden-sm.hidden-xs img {
    width: 95px;
    height: 95px;
}
.content-info { margin: 0px 0px 10px; padding: 0px 0px 10px; }
.entry p { margin: 0px 5px 10px; }
/* Header */
header { height: auto; padding: 10px 0; }
header .row { padding: 0px; }
.logo { height: 110px; }
.menu-wrapper { height: 110px; width: 58%; }
header.smaller .menu-wrapper { width: 60%; }
header.smaller .font40 { font-size: 25px; }
.tagline {     display: none; }
header.smaller .tagline { padding: 30px 0px; }
.font40 { font-size: 24px; }
.imgcenter { margin: 0; }
header #resize-menu { display: none; }
#responsive-menu { color: #3e5363; display: block; float: right; font-size: 40px; margin: 35px 10px; }
header.smaller #resize-menu { display: none; }
header.smaller #responsive-menu { margin: 25px 10px; }
#sidr-right #close { display: none; }
nav { display: none; }
.container { padding: 130px 0px 0px; }
/* Index */
/* Main Slider */
.slider-wrap { margin: 0 2%; width: 96%; }
.slider-info { height: auto; padding: 2%; width: 96%; }
.slick-slide img { height: auto; width: 100%; }
.thumb-slider-wrap { width: 100%; }
.thumb-slider-wrap .slick-list { margin: 0px 70px !important; }
.thumb-wrap { margin: 0 auto; }
.thumb-slider-wrap i { color: #fdb813; }
.thumb-slider-wrap i.icon-prev { left: 45px; }
.thumb-slider-wrap i.icon-next { right: 45px; }
#programme .min-height-wrap { min-height: 0; }
#programme .relative-wrap { height: auto; width: auto; }
#programme .pad-all { padding: 10px; }
.relative-wrap img { height: auto; width: 100%; }
/* Pathway to global education */
#cps-info { background: none; height: auto; padding: 30px 0px; }
#ibdp { padding: 0; }
#cps-info .ibdp-wrap h1 { display: block; margin: 0 0 20px; }
#cps-info h1 > a { color: #666; }
#ibdp { display: block; }
.ibdp-wrap { background: none; border: 0; padding: 0 2%; width: 96%; }
.tabs-links-wrap { float: none; margin: 0px 0px 20px; width: 100%; }
.tab-links { text-align: center; }
.tab-links li { margin-top: 20px; }
.tab-links li a { border-radius: 10px; background: #666; margin: 0 auto; padding: 2%; width: 96%; }
.tab-links a::after { display: none; }
.tab-content { color: #666; float: none; min-height: 305px; width: 100%; }
/* Calendar */
.calendar-slider { min-height: 0; }
#campus .col2 { float: none; margin: 0 0 20px; width: 100%; }
#campus .col2:first-child { margin: 0 0 20px; }
#news .col2 { float: none; margin: 0px 0px 20px; width: 100%; }
#news .col2:first-child { margin: 0px 0px 20px; }
#news .pad-right { padding: 0; }
#news .border-right { border-right: 0!important; }
/* Inner Page */
.section-title .pad-all { padding: 20px 10px; }
.center-wrap { width: 100%; }
/* Breadcrumb */
.breadcrumb { padding: 5px 0; }
/* Correspondent Message */
#pdf-content { width: 100%; }
/* Sidebar */
.sidebar .content-wrapper h2 { padding: 10px; }
.sidebar .content-wrapper .pad-all,  .inner-wrap { padding: 10px; }
.management-info { padding: 10px; }
.content-section,  .img-wrap { float: none; width: 100%; }
.inner-wrap { min-height: 0; }
/* Contact Us */
.col2-inner { float: none; margin: 0; width: 100%; }
.col2-inner:first-child { margin: 0 0 20px; }
.gsa img { display: block; margin: 0 auto; }
/* Footer */
footer { background: #0177c1; height: auto; }
.footer-top figure { display: block; margin: 0px 0 20px; }
.footer-bottom .mask { opacity: 1; position: relative; }
.label-wrapper { font-weight: 600; width: 5%; margin: 0px 1% 0px 0px; }
#contact-us .label-info,  .label-info { width: 94%; }
.adp-circles .adp-single-step { width: 100%; height: 260px; }
.adp-circles p { height: 0px; }
.procure { background: url(images/procure-1-01.webp) no-repeat center top; width: 100%; }
.register { background: url(images/register-02.webp) no-repeat center top; width: 100%; }
.takeadmission { background: url(images/take-03.webp) no-repeat center top; width: 100%; }
.interview { background: url(images/appear-04.webp) no-repeat center top; width: 100%; }
}
@media (max-width: 600px) {
.entry p.list {width: 100%;}
.entry div.cambLImg, .entry div.cambRImg {width: 100%; padding: 10px 0 10px 0;}
}
@media (min-width: 767px) {
    .table-box-1 { top:0px;}
    
}
@media (max-width: 480px) {
    .popup .content img {
    width: 100%;
    
}
.popup {
   
    width: 80%;
      top: 200px;
}
.popup .close {
    position: absolute;
    top: -1px;
    right: -3px;}
.table-box { width:100%;}
.table-head {     min-height: auto;}
.table-body { height:auto;top:0px;}
.table-box-1 { width:100%;}
.table-head-1 {     min-height: auto;}
.table-body-1 { height:auto;padding: 5px 15px;}
.adp-circles .adp-single-step { width: 100%; height: 320px; }
section { padding: 20px 0; }
body { font-size: 14px; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px; }
.entry p { text-align: justify!important; }
.hidden-xs {  }
.visible-xs { display: block; }
.pad-all { padding: 10px; }
/* Header */
.inner-page { background: url(assets/images/header-bg/home.webp) top!important; }
.home { padding: 0 0 20px; }
#home-bg, .bg-wrap, .inner-page { height: auto; }
#home-bg { padding: 0 0 20px; }
.cps-students { background: none; }
header.smaller { height: auto; }
header.smaller .row { padding: 0px; }
header.smaller .logo { display: none; }
.logo img { height: auto; width: 100%; }
.menu-wrapper { height: auto; width: 35%; }
header .apply-now { display: inline-block; float: none; font-size: 11px;margin: 40px 0 0px 39px;    padding: 5px 15px; position: relative;    right: -90px;}
    
    header a.payfee2 { display: block;position: relative;
    top: -125px;
    right: 16px;}
/*header.smaller .menu-wrapper { height: auto; width: 68%; }*/
header.smaller a.fr.scholarship-wrap.hidden-sm.hidden-xs img {
       position: relative;
    top: -20px !important;
    right: 10px;
}
header.smaller #responsive-menu {
    margin: 0 10px;
    position: relative;
    top: 35px;
}
header.smaller a.fr.apply-now {
  
    position: relative;
    top: 30px;
}
header.smaller a.payfee2 {
      position: relative;
    top: -25px;
    right: 23px;
}
header.smaller .apply-now { display: inline-block; margin : 0; }
#responsive-menu { margin: 30px 10px 0; }
header.smaller #responsive-menu { margin: 0 10px; }
.container { padding: 130px 0px 0px; }
.thumb-slider-wrap i.icon-prev { left: 40px; }
.thumb-slider-wrap i.icon-next { right: 40px; }
.section-title { bottom: auto; left: auto; position: relative; width: 100%; }
.section-title h1 { color: #666; font-size: 18px; position: relative; text-align: left; }
.caption-title { color: #666!important; padding: 5px 13px; }
#programme { background: #f9f9f9; }
.caption { position: relative; }
/* CPS Info */
.tab-links li a,  .tab-links .active a { margin: 0 auto; padding: 2%; width: 96%; }
.tab-content { min-height: 490px; }
/* Academia */
#academia { background: #f9f9f9; }
/* Calendar */
.content-wrapper h2 { padding: 10px; }
.info-txt { font-size: 14px; }
.content-info { margin: 0px 0px 10px; padding: 0px 0px 10px; }
.calendar-slider { min-height: 0; }
/* Campus */
#campus .col2 { float: none; margin: 0 0 20px; width: 99%; }
#campus .col2:first-child { margin: 0 0 20px; }
/* Inner Page */
.inner-wrap h2 { padding: 10px 0; }
/* Table */
.breadcrumb { padding: 5px 10px; }
.breadcrumb a { margin: 0px; }
.desc-table td { font-size: 12px; padding: 0px 3px; }
.desc-table-1 td { font-size: 12px; padding: 0px 3px; }
.list li { padding: 0px 0px 0px 15px; }
/* Contact Us */
.col2-inner:first-child { margin: 0; }
/* Footer */
.footer-top,  .footer-bottom { padding: 10px 0px; }
footer .icon-top { right: 15px; }
}
/* 11. Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; margin: 0 auto; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 0; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }
.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }
/* 12. Wow Animation */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);}
100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}

@keyframes fadeInUp {
 0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
 @-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 -ms-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 -ms-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 -ms-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
/* 13. Fancybox Lightbox---------------------------------*/
/*! fancyBox v2.0.3 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0 }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1002 }
.fancybox-outer { padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.fancybox-opened { z-index: 1003 }
.fancybox-opened .fancybox-outer { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.5) }
.fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: 0; overflow: hidden }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 10px }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top }
.fancybox-image { max-width: 100%; max-height: 100% }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; background: url('assets/images/fancybox_loading.gif'); opacity: .8; cursor: pointer; z-index: 1010 }
.fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('assets/images/fancybox_sprite.webp') }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1004 }
.fancybox-prev, .fancybox-next { position: absolute; top: 0; width: 40%; height: 90%; cursor: pointer; background: transparent url('404.html'); z-index: 1003 }
.fancybox-prev { left: -60px }
.fancybox-next { right: -60px }
.fancybox-prev span, .fancybox-next span { position: absolute; top: 50%; left: -9999px; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 1003 }
.fancybox-prev span { background-position: 0 -36px }
.fancybox-next span { background-position: 0 -72px }
.fancybox-prev:hover, .fancybox-next:hover { visibility: visible }
.fancybox-prev:hover span { left: 20px }
.fancybox-next:hover span { left: auto; right: 20px }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden }
#fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #000 }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 1005 }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 1003; text-align: center }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0,0,0,0.7); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff }
.fancybox-title-inside-wrap { margin-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8) }
#fancybox-buttons { position: fixed; top: 10px; left: 0; width: 100%; z-index: 1005 }
#fancybox-buttons ul { display: block; width: 170px; height: 30px; margin: 0 auto; padding: 0; list-style: none; background: #111; -webkit-box-shadow: 0 1px 3px #000, 0 0 0 1px rgba(0,0,0,.7), inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: 0 1px 3px #000, 0 0 0 1px rgba(0,0,0,.7), inset 0 0 0 1px rgba(255,255,255,.05); background: #111 -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,.2)), color-stop(.5, rgba(255,255,255,.15)), color-stop(.5, rgba(255,255,255,.1)), to(rgba(255,255,255,.15))); background: #111 -moz-linear-gradient(top, rgba(255,255,255,.2) 0, rgba(255,255,255,.15) 50%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.15) 100%); border-radius: 3px }
#fancybox-buttons ul li { float: left }
#fancybox-buttons a { display: block; width: 30px; line-height: 30px; text-indent: -9999px; background-image: url('assets/images/fancybox_buttons.webp'); background-repeat: no-repeat }
#fancybox-buttons a.btnPrev { width: 32px; background-position: 6px 0 }
#fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e }
#fancybox-buttons a.btnPlay { background-position: 0 -30px }
#fancybox-buttons a.btnPlayOn { background-position: -30px -30px }
#fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px }
#fancybox-buttons a.btnToggleOn { background-position: -27px -60px }
#fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 38px; background-position: -57px 0 }
#fancybox-buttons a.btnDisabled { opacity: .5; cursor: default }
#fancybox-thumbs { position: fixed; bottom: 2px; left: 0; width: 100%; overflow: hidden; z-index: 1005 }
#fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0 }
#fancybox-thumbs ul li { float: left; padding: 1px; opacity: .5 }
#fancybox-thumbs ul li.active { opacity: .75; padding: 0; border: 1px solid #fff }
#fancybox-thumbs ul li:hover { opacity: 1 }
#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111 }
#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0 }
/*tdp style */
.regBox, .regBox *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.regBox{ width:100%; max-width:420px; margin:0 auto;}
.regBox h1{ margin: 20px auto; color:#0177bd; font:700 35px 'Roboto', sans-serif; text-align:center; }
.regBox h2{ margin: 40px auto 20px; color:#717171; font:500 16px 'Roboto', sans-serif; text-align:left; }
.regBox input[type='text']{ margin:0 auto 20px; border:none; border-bottom:#ababab 1px solid; color:#6a6a6a; font:300 15px/25px 'Roboto', sans-serif; padding:5px; outline:none; display: block; width: 100%;}
.regBox .firstname{ float:left; color:#6a6a6a; width:47%; }
.regBox .lastname{ float:right; color:#6a6a6a; width:47%; }
.regBox select{ margin:0 auto 20px; border:none; border-bottom:#ababab 1px solid; color:#6a6a6a; font:300 15px/25px 'Roboto', sans-serif; padding:5px 2px; outline:none; display: block; width: 100%;}
#dob{ background: url(images/date.webp) no-repeat right center; }
.regBox input[type="submit"]{ background:#0674bf; padding: 10px 20px; color:#fff;  font:400 20px/25px 'Roboto', sans-serif; text-align:center; border:none; text-transform:uppercase; display: block; max-width: 160px; cursor: pointer; -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear; transition:all 0.3s linear;}
.regBox input[type="submit"]:hover{ background:#005690; }
.cloneWrap{ margin: 0 auto; }
.cloneWrap input[type='text']{ padding-left: 0; }
.curriculumBox > span{ float: left; }
.curriculumBox > div{ padding-left: 100px; }
.curriculumBox div label{ margin: 0 auto 10px; display: inline-block; }
.curriculumBox div input{ visibility: hidden; }
.curriculumBox div input + span{ position: relative; }
.curriculumBox div input + span::before{ content: ''; position: absolute; top: 2px; left: -15px; width: 8px; height: 8px; border: 2px solid  #20a1f5; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.curriculumBox div input + span::after{ content: ''; position: absolute; top: 5px; left: -12px; width: 6px; height: 6px; background: #20a1f5; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; opacity: 0; -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear; transition:all 0.3s linear;}
.curriculumBox div input:checked + span::after{ opacity: 1; }
.spBox{ margin-bottom: 20px; }
.spBox > span{ float: left; padding-top: 10px; }
.spBox > div{ padding-left: 120px; }
.regBox .spBox input:first-of-type{ margin: 0 auto 10px; float: left; width: 45%; }
.regBox .spBox input:last-of-type{ margin: 0 auto 10px; float: right; width: 45%; }
.addExpBtn{ margin: 0 5px 20px; background:#0674bf; padding: 2px 10px; color:#fff; font:400 15px/20px 'Roboto', sans-serif; text-align:center; border:none; text-transform:uppercase; display: inline-block; cursor: pointer; text-decoration: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;	-webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear; transition:all 0.3s linear;}
.addExpBtn:hover{ background:#005690; }
.developmentbg{background:#1b315d;}
.developmentbg .logo12{float:left;}
.developmentbg .heading12{font-family: 'Roboto', sans-serif; font-size:40px; color:#fff; font-weight:700; padding-top:45px; float: left; width: 60%; padding-left: 80px; line-height:50px;}
.teacbg{background:url(images/teacherbg.webp) right top no-repeat; padding-top:25px; font-family: 'Roboto', sans-serif; font-size:19px; color:#fff; font-weight:400; line-height:20px; }
.teachleft{width:44.9%;}
.teach-Dyellow{ background:#f1ac1c; margin-bottom:10px; padding:25px; margin-left:20px; font-size:28px; line-height:27px; color:#1b315d; margin-bottom:30px; }
.teach-Dyellow span{font-size:30px; font-weight:bold;}
.teach-yellow{ background:#f1ac1c; margin-bottom:10px; padding:15px; margin-left:53px; }
.teach-purple{ background:#9664aa; margin-bottom:10px; padding:15px; margin-left:53px;}
.teach-orange{ background:#f36f52; margin-bottom:10px; padding:15px; margin-left:53px; }
.teach-green{ background:#73bf45; margin-bottom:10px; padding:15px; margin-left:53px; }
.teach-blue{ background:#25aae1; margin-bottom:10px; padding:15px; margin-left:53px;}
.botlogo{padding-top:10px;}
.teachleft .register12{padding-top:10px;}
.teacfooter{ background:#f8f8f8; padding:25px; text-align:center;}
.teacfooter .footleft{float:left; text-align:right; font-family: 'Roboto', sans-serif; font-size:17px; color:#010101; font-weight:400; padding-right: 20px;    border-right: #000 1px solid; width:47%;}
.teacfooter .footleft h2{font-size:23px; font-weight:500; margin:0; }
.teacfooter .footright{float:left; text-align:left; font-family: 'Roboto', sans-serif; font-size:17px; color:#010101; font-weight:400; padding-left: 20px; width:47%;}
.teacfooter .footright h2{font-size:23px; font-weight:500; margin:0; }
.teacfooter .phone{font-family: 'Roboto', sans-serif; font-size:17px; color:#010101; font-weight:400; margin-top:20px; padding-left:85px;}
.teacfooter .phone span{ padding-left:30px;}
.teacfooter a{font-family: 'Roboto', sans-serif; font-size:17px; color:#010101; font-weight:400; margin-top:20px; text-decoration:none; line-height:30px;}
.teacbg .apply{font-family: 'Roboto', sans-serif; font-size:26px; color:#0077c0; font-weight:400; padding-left: 50px; line-height: 27px; margin-bottom: 30px;}
.teacbg .program{font-family: 'Roboto', sans-serif; font-size:25px; color:#58595b; font-weight:400; padding-left: 50px; line-height: 27px; margin-bottom: 10px; font-weight:bold;}
.smaller .pay-online{right: 240px;top: 38px;}
@media only screen and (max-width: 1024px){
.developmentbg .heading12{font-size: 30px; padding-top: 55px; line-height: 40px;}
.teachleft{width:63%;}
.teacfooter .footleft, .teacfooter .footright {width:45%;}
}
@media only screen and (max-width: 991px){
.teacbg{ background:none !important;}
.teachleft{width:97%; text-align:center; font-size:22px;}
.developmentbg .heading12{width: 90%;    padding-left: 30px; text-align:center; padding-top:0px;}
.developmentbg .logo12{ float:none; text-align:center;}
}
@media only screen and (max-width: 767px){
.teacbg {background:none !important;}
.teachleft{width:97%; text-align:center; font-size:22px;}
.teach-yellow, .teach-purple, .teach-orange, .teach-green, .teach-blue {margin-left:15px; margin-bottom:20px; padding:25px;}
.pay-online {right:0; top:0; /*display:none;*/}
.smaller .pay-online {right: 70px; top: 3px;}
.socail-icons {position: fixed; top: 129px; left: -3px; z-index: 99;}
.socail-icons li {height: 27px; line-height: 25px; width: 27px; text-align: center;}
div.clsBtn {font-size: 14px; width: 0px; top: -15px;}
}
@media only screen and (max-width: 425px){
.teachleft{font-size:28px; line-height:30px;}
.teacfooter .footleft{float:none; text-align:center; font-size: 25px; width:100%; border-bottom:#000 1px solid; border-right:none; padding-bottom:20px;}
.teacfooter .footleft h2, .teacfooter .footright h2 {font-size:30px;}
.teacfooter .footright{float:none; text-align:center; font-size: 25px; width:100%; border-right:none; padding-top:20px;}
.teacfooter a, .teacfooter .phone{font-size:30px; line-height:50px;}
.botlogo{ width:100%;}
.teachleft .register12{width:50%;}
}
@media only screen and (max-width: 380px){.menu-wrapper{ margin-right: 0; } #responsive-menu{margin-top: 40px;}}
@media only screen and (max-width: 320px){
.teachleft{font-size:40px; line-height:50px;}
.teach-Dyellow{font-size:38px;}
.teach-Dyellow span{font-size:35px;}
.teacbg .apply, .teacbg .program{font-size:40px; line-height:40px;}
}

a.payfee {
    width: 100%;
    float: left;
    position: relative;
    top: 31px;
}
ul.points li {
    list-style-type: circle;

}



ul.points {
    padding-left: 30px;
}
.table-body p {    text-align: center;}


.overlay1 {
	position: fixed;
    background: rgba(0,0,0,0.9);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 9999;
}
.popup_home {
    width: 450px;
    max-height: 80vh;
    max-width: calc(100% - 40px);
    min-height: 175px;
    min-width: 240px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 10%;
    z-index: 99999;
    display: none;
    overflow: scroll;
    overflow-x: unset;
}
.popup_home img {
    width: 100%;
}
.clsBtn {
    color: #fff;
    font-size: 22px;
    padding: 20px;
    font-family: 'Open Sans';
    width: 10px;
    height: 10px;
    position: absolute;
    top: -10px;
    right: 0;
    cursor: pointer;
}
img.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* width: 50%; */
}

#home-pg, .pg-wrap {
    background: #002E5E;

    background-size: cover;
}
#home-pg, .pg-wrap, .inner-page {
    height: 300px;
    position: relative;
}