html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent;}
ol, ul{list-style: none;}
blockquote, q {quotes: none;}
:focus{outline: 0;}
table{border-collapse: collapse;border-spacing: 0;}
*{margin:0;}
html, body{background:#ffffff;background-repeat:no-repeat;background-size:100% 100%;height:100%;margin:0;padding:0;font-size:1vw;}
footer{clear:both;position:relative;}
img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
/**Main Contents**/
.wrapper{width:100%;height:auto;position:relative;overflow:hidden;z-index:1;background:#ffffff;}
.mainContents{width:100%;margin:0 auto;position:relative;}
.COURSE_DETAILS .wrapper{overflow:visible;}
/**Ticker**/
.ticker{width:100%;overflow:hidden;position:absolute;top:30px;left:0;z-index:0;}
.ticker .ticker__inner{display:flex;width:fit-content;}
.ticker .ticker__text{white-space:nowrap;text-transform:uppercase;font-size:10rem;margin-right:2rem;font-weight:700;line-height:unset;color:#F3F4F6;}
.common-page .subPg.blue .ticker .ticker__text{color:rgba(243, 244, 246,0.05);}
.home-events .ticker .ticker__text,
.common-page .subPg.grey .ticker .ticker__text{color:#E2E4E9;}
/**Homepage**/
.homepage{width:100%;margin:95px auto 0 auto;position:relative;}
.homepage h2{font-size:60px;line-height:60px;color:#083050;margin-bottom:20px;text-transform:uppercase;}
.homepage h3{font-size:50px;line-height:50px;color:#083050;margin-bottom:20px;text-transform:uppercase;}
.homepage p{font-size:16px;line-height:24px;color:#686E78;margin-bottom:20px;}
.homepage p strong{font-size:20px;color:#083050;}
.homepage .home-banner{width:100%;margin:0 auto;position:relative;z-index:0;}
.home-banner .bannerImg{width:100%;height:650px;position:relative;overflow:hidden;}
.home-banner .bannerImg img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply;opacity:100%;animation:zoomInOut 5s infinite alternate;}
.home-banner .bannerImg .foreBG{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.3);z-index:1;}
.home-banner .bannerVideo{width:100%;height:650px;position:relative;overflow:hidden;}
.home-banner .bannerVideo video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;}
.home-banner .bannerText{width:calc(100% - 60px);max-width:1290px;position:absolute;/*transform:translateY(-50%);top:50%;*/transform:translateY(-10%);top:10%;left:0;right:0;margin:0 auto;z-index:2;animation:flyfromRgt 2.5s ease 0s 1 normal forwards;opacity:1.0}
.home-banner .bannerText .container{width:680px;/*margin:0 auto;text-align:center;*//*float:right;*/}
.home-banner .bannerText h2{color:#083050;margin-bottom:10px;}
.home-banner .bannerText p{color:#083050;font-size:20px;}
.home-banner .bannerText .tag{text-transform:uppercase;font-size:16px;color:#3580ff;margin-bottom:5px;font-weight:700;}
.homepage .home-apply{width:100%;background:#ffffff;position:relative;}
.home-apply .container{width:calc(100% - 60px);max-width:1290px;margin:0 auto;padding:125px 30px 75px 30px;position:relative;z-index:1;}
.home-apply .container .contents{width:100%;font-size:0;margin-bottom:30px;opacity:0.0;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;left:-999px;}
.home-apply .container .contents span{display:inline-block;vertical-align:middle;width:calc(45% - 127px);margin-right:50px;}
.home-apply .container .contents .title{width:calc(55% - 127px);}
.home-apply .container .contents .btn{width:154px;margin-right:0;}
.home-apply .container .contents h3{color:#083050;margin-bottom:0;}
.home-apply .container .contents p{font-size:16px;line-height:24px;color:#686e78;margin-bottom:0;}
.home-apply .container .contents.animation{opacity:1.0;left:0;}
.home-apply .container .courseName{width:calc(100% + 30px);font-size:0;opacity:0.0;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;right:-999px;}
.home-apply .container .courseName li{display:inline-block;vertical-align:top;width:calc(50% - 30px);margin:30px 30px 0 0;position:relative;}
.home-apply .container .courseName li a{text-decoration:none;color:#ffffff;}
.home-apply .container .courseName li .image{width:100%;height:0;padding-top:60%;margin-bottom:15px;position:relative;overflow:hidden;}
.home-apply .container .courseName li .image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.home-apply .container .courseName li p{text-transform:uppercase;margin-bottom:0;position:relative;left:0;-webkit-transition:.25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;color:#083050;}
.home-apply .container .courseName li p strong{color:#083050;}
.home-apply .container .courseName li a:hover .image img{width:105%;height:105%;left:-0.5%;}
.home-apply .container .courseName li a:hover p{left:5%;}
.home-apply .container .courseName.animation{opacity:1.0;right:0;}
.homepage .home-events{width:100%;margin:0 auto;position:relative;background:#F3F4F6;}
.home-events .container{width:calc(100% - 60px);max-width:1290px;margin:0 auto;padding:150px 30px 75px 30px;font-size:0;position:relative;z-index:1;}
.home-events .container .contentLeft{display:inline-block;vertical-align:middle;margin-right:50px;width:calc(50% - 50px);-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;left:-999px;opacity:0.0;}
.home-events .container .sliderRgt{display:inline-block;vertical-align:middle;margin-left:50px;width:calc(50% - 50px);-webkit-transition:1.75s ease-in-out;-moz-transition:1.75s ease-in-out;-o-transition:1.75s ease-in-out;transition:1.75s ease-in-out;position:relative;opacity:0.0;}
.home-events .container .sliderRgt ul{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;}
.home-events .container .sliderRgt ul li{display:inline-block;vertical-align:top;width:calc(50% - 30px);margin-right:30px;text-align:left;position:relative;}
.home-events .container .sliderRgt ul li a{text-decoration:none;color:#083050;}
.home-events .container .sliderRgt ul li .image{width:100%;height:0;padding-top:150%;margin-bottom:15px;position:relative;overflow:hidden;}
.home-events .container .sliderRgt ul li .image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.home-events .container .sliderRgt ul li p{text-transform:uppercase;margin-bottom:0;position:relative;left:0;-webkit-transition:.25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.home-events .container .sliderRgt ul li a:hover .image img{width:105%;height:105%;left:-0.5%;}
.home-events .container .sliderRgt ul li a:hover p{left:5%;}
.home-events .container .contentLeft.animation{left:0;opacity:1.0;}
.home-events .container .sliderRgt.animation{opacity:1.0;}
.homepage .home-review{width:100%;background:#133C65;}
.home-review .container{width:calc(100% - 60px);max-width:1290px;margin:0 auto;padding:75px 30px;font-size:0;position:relative;z-index:1;}
.home-review .container .contentLeft{display:inline-block;vertical-align:middle;margin-right:50px;width:calc(50% - 50px);-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;left:-999px;opacity:0.0;}
.home-review .container .contentLeft h3, .home-review .container .contentLeft p, .home-review .container .contentLeft p strong{color:#ffffff;}
.home-review .container .contentRgt{display:inline-block;vertical-align:middle;margin-left:50px;width:calc(50% - 50px);-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;right:-999px;opacity:0.0;}
.home-review .container .contentRgt ul{width:100%;}
.home-review .container .contentRgt ul li{width:calc(100% - 60px);background:#ffffff;padding:30px;font-size:0;margin-bottom:30px;}
.home-review .container .contentRgt ul li:last-child{margin-bottom:0;}
.home-review .container .contentRgt ul li .icon{width:35px;margin-bottom:15px;}
.home-review .container .contentRgt ul li .icon img{width:100%;display:block;}
.home-review .container .contentRgt ul li span{display:inline-block;vertical-align:top;width:calc(100% - 160px);}
.home-review .container .contentRgt ul li .photo{width:130px;height:130px;margin-left:30px;border-radius:100%;overflow:hidden;}
.home-review .container .contentRgt ul li .photo img{width:100%;display:block;}
.home-review .container .contentRgt ul li p{color:#083050;font-size:16px;line-height:24px;margin-bottom:15px;}
.home-review .container .contentRgt ul li .name{font-weight:700;font-size:20px;line-height:24px;margin-bottom:0;text-transform:uppercase;}
.home-review .container .contentRgt ul li .name em{font-weight:400;font-size:14px;text-transform:none;display:block;font-style:normal;}
.home-review .container .contentLeft.animation{left:0;opacity:1.0;}
.home-review .container .contentRgt.animation{right:0;opacity:1.0;}
.homepage .home-intro{width:100%;margin:0 auto;position:relative;background:#ffffff;}
.home-intro .container{width:calc(100% - 60px);max-width:1290px;margin:0 auto;padding:150px 30px 75px 30px;font-size:0;position:relative;z-index:1;}
.home-intro .container .imgLeft{display:inline-block;vertical-align:middle;margin-right:15px;width:calc(55% - 15px);-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;left:-999px;opacity:0.0;}
.home-intro .container .imgLeft img{width:100%;display:block;}
.home-intro .container .contentRgt{display:inline-block;vertical-align:middle;margin-left:15px;width:calc(45% - 15px);-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;right:-999px;opacity:0.0;}
.home-intro .container .contentRgt h3{/*margin-left:-90px;*/position:relative;z-index:2;}
.home-intro .container .imgLeft.animation{left:0;opacity:1.0;}
.home-intro .container .contentRgt.animation{right:0;opacity:1.0;}
.homepage .home-social{width:100%;background:#F3F4F6;}
.home-social .container{width:calc(100% - 60px);max-width:1290px;margin:0 auto;padding:75px 30px 0 30px;font-size:0;position:relative;z-index:1;}
.home-social .container .left{display:inline-block;vertical-align:middle;width:calc(100% - 200px);}
.home-social .container .left h3 a{display:inline-block;margin-left:15px;font-size:20px;line-height:24px;text-decoration:none;color:#083050;}
.home-social .container .left h3 a:hover{text-decoration:underline;}
.home-social .container .rgt{display:inline-block;vertical-align:middle;text-align:right;width:200px}
.home-social .container .rgt a{display:inline-block;vertical-align:top;margin-left:10px;margin-bottom:15px;}
.home-social .container .rgt a img{width:40px;margin-top:0;display:block;-webkit-transition:.25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.home-social .container .rgt a:hover img{margin-top:-5px;}
.home-social .instagramImg{width:100%;font-size:0;padding:0 0 75px 0;opacity:0.0;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;}
.home-social .instagramImg li{width:16.6666%;display:inline-block;vertical-align:top;}
.home-social .instagramImg li .image{display:block;width:100%;height:0;padding-top:100%;position:relative;overflow:hidden;}
.home-social .instagramImg li .image img{width:101%;height:101%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.home-social .instagramImg li a:hover .image img{width:110%;height:110%;left:-1.0%;}
.home-social .instagramImg.animation{opacity:1.0;}
.home-social .instagramImg .foreBG{width:100%;height:40px;background:#F3F4F6;position:absolute;z-index:999;top:0;right:0;}
/**COMMON PAGE**/
.common-page{width:100%;margin:95px auto 0 auto;position:relative;}
.common-page h2{font-size:60px;line-height:60px;color:#083050;margin-bottom:20px;text-transform:uppercase;}
.common-page h3{font-size:50px;line-height:50px;color:#083050;margin-bottom:20px;text-transform:uppercase;}
.common-page h4{font-size:35px;line-height:35px;color:#083050;margin-bottom:20px;text-transform:uppercase;}
.common-page h5{font-size:30px;line-height:30px;color:#083050;text-transform:uppercase;}
.common-page p{font-size:16px;line-height:24px;margin-bottom:20px;color:#686E78;}
.common-page p strong{font-size:20px;color:#083050;}
.common-banner{width:100%;height:300px;position:relative;}
.common-banner .banner-foreBg{position:absolute;left:0;top:0;width:100%;height:200px;background:url('../../images/common/sub-banner-forebg.png')no-repeat right center;background-size:cover;z-index:1;display:none;}
.common-banner h3{color:#ffffff;margin-bottom:0;/*animation:flyfromleft 2s ease 0s 1 normal forwards;opacity:1.0;position:relative;left:0;*/}
.common-banner .container{width:calc(100% - 60px);max-width:1290px;padding:0 30px;position:absolute;transform:translateY(-50%);top:50%;left:0;right:0;margin:0 auto;z-index:2;}
.common-banner_main{width:100%;height:550px;position:relative;}
.common-banner_main .container{width:calc(100% - 60px);max-width:1290px;height:fit-content;padding:0 30px;position:absolute;transform:translateY(-50%);top:50%;left:0;right:0;margin:0 auto;z-index:2;}
.common-banner_main .container .banner-text{width:680px;float:right;}
.common-banner_main h2{color:#083050;margin-bottom:10px;}
.common-banner_main p{color:#686E78;font-size:20px;margin-bottom:0;}
.common-banner_main .tag{text-transform:uppercase;font-size:16px;color:#3580FF;margin-bottom:5px;font-weight:700;}
.CCA .common-banner_main h2, .CCA .common-banner_main p, .CCA .common-banner_main .tag{color:#ffffff}
.breadcrumb{wodth:100%;background:#F3F4F6;margin:0 auto;}
.breadcrumb .container{width:calc(100% - 60px);max-width:1290px;padding:15px 30px;font-size:14px;line-height:18px;color:#686E78;margin:0 auto;}
.breadcrumb .container a{display:inline-block;vertical-align:middle;text-decoration:none;color:#686E78;}
.breadcrumb .container span{display:inline-block;vertical-align:middle;margin:0 2.5px;}
.breadcrumb .container span:first-child{margin-left:0;}
.breadcrumb .container span:last-child{margin-right:0;}
.breadcrumb .container strong{color:#083050;}
.common-page .subPg{width:calc(100% - 60px);padding:75px 30px;position:relative;margin:0 auto;background:#ffffff;}
.common-page .subPg.grey{background:#F3F4F6;}
.common-page .subPg.blue{background:#083050;}
.common-page .subPg.minHeight{min-height:45vh;}
.common-page .subPg .contents{width:100%;max-width:1290px;margin:0 auto;}
.common-page .subPg.withTicker .contents{padding-top:50px;}
/**About Us**/
/*Vission & Mission*/
.subPg.visionMission .contents{width:100%;font-size:0;}
.subPg.visionMission .contents .vision{display:inline-block;vertical-align:top;width:calc(50% - 15px);margin-right:15px;font-size:0;animation:flyfromleft 2s ease 0s 1 normal forwards;position:relative;opacity:1.0;left:0;}
.subPg.visionMission .contents .mission{display:inline-block;vertical-align:top;width:calc(50% - 15px);margin-left:15px;font-size:0;animation:flyfromright 2s ease 0s 1 normal forwards;position:relative;opacity:1.0;right:0;}
.subPg.visionMission .contents .title{font-size:16px;line-height:24px;font-weight:700;text-transform:uppercase;color:#083050;margin-bottom:20px;}
.subPg.visionMission .contents .image{width:100px;margin-right:30px;display:inline-block;vertical-align:middle;}
.subPg.visionMission .contents .image img{width:100%;display:block;}
.subPg.visionMission .contents h4{width:calc(100% - 130px);display:inline-block;vertical-align:middle;text-transform:none;margin-bottom:0;}
/*Core Values*/
.subPg.coreValues .boxCol{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;margin:30px 0 0 0;position:relative;z-index:2;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;left:-999px;opacity:0.0;}
.subPg.coreValues .boxCol span{width:calc(20% - 90px);padding:30px;margin-right:30px;margin-bottom:30px;background:#ffffff;}
.subPg.coreValues .boxCol span p{margin-bottom:0;}
.subPg.coreValues .boxCol span p strong{display:block;margin-bottom:15px;}
.subPg.coreValues .boxCol .iconImg{width:50px;margin-bottom:15px;}
.subPg.coreValues .boxCol .iconImg img{width:100%;display:block;}
.subPg.coreValues .boxCol.animation{left:0;opacity:1.0;}
/*History*/
.subPg.history .contents{width:calc(100% - 60px);max-width:1290px;margin:0 auto;padding:75px 30px 0 30px;font-size:0;position:relative;z-index:1;}
.subPg.history .contents .imgLeft{display:inline-block;vertical-align:middle;margin-right:15px;width:calc(55% - 15px);-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;left:-999px;opacity:0.0;}
.subPg.history .contents .imgLeft img{width:100%;display:block;}
.subPg.history .contents .contentRgt{display:inline-block;vertical-align:middle;margin-left:15px;width:calc(45% - 15px);-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;right:-999px;opacity:0.0;}
.subPg.history .contents .contentRgt h3{/*margin-left:-90px;*/position:relative;z-index:2;}
.subPg.history .contents.animation .imgLeft{left:0;opacity:1.0;}
.subPg.history .contents.animation .contentRgt{right:0;opacity:1.0;}
/*Team*/
.common-page .subPg.team {padding: 75px 30px 45px 30px;}
.subPg.team .contents ul{width:calc(100% + 30px);font-size:0;position:relative;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;bottom:-150px;opacity:0.0;margin-top:40px;}
.subPg.team .contents ul li{display:inline-block;vertical-align:top;width:calc(25% - 30px);margin-right:30px;margin-bottom:30px;}
.subPg.team .contents ul li .photo{width:100%;display:block;margin-bottom:15px;}
.subPg.team .contents ul li .photo img{width:100%;display:block;}
.subPg.team .contents ul li p{margin-bottom:0;}
.subPg.team .contents ul.animation{bottom:0;opacity:1.0;}
/**About Us - Milestones**/
.subPg.milestones{padding-bottom:55px;animation:fadein 3.5s ease 0s 1 normal forwards;opacity:1.0;}
.subPg.milestones .contents{width:100%;font-size:0;}
.subPg.milestones .contentLeft{display:inline-block;vertical-align:top;margin-right:50px;width:calc(50% - 50px);}
.subPg.milestones .sliderRgt{display:inline-block;vertical-align:top;margin-left:50px;width:calc(50% - 50px);}
.subPg.milestones .sliderRgt ul{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;}
.subPg.milestones .sliderRgt ul li{display:inline-block;vertical-align:top;width:calc(50% - 30px);margin-right:30px;text-align:left;position:relative;}
.subPg.milestones .sliderRgt ul li a{text-decoration:none;color:#083050;}
.subPg.milestones .sliderRgt ul li .image{width:100%;height:0;padding-top:75%;margin-bottom:15px;position:relative;overflow:hidden;}
.subPg.milestones .sliderRgt ul li .image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;}
.subPg.milestones .photo_airplane{width:calc(100% + 30px);font-size:0;margin-bottom:30px;}
.subPg.milestones .photo_airplane span{display:inline-block;vertical-align:top;width:calc(20% - 30px);margin:30px 30px 0 0;}
.subPg.milestones .photo_airplane span .photo{width:100%;height:0;padding-top:60%;margin-bottom:15px;position:relative;overflow:hidden;}
.subPg.milestones .photo_airplane span .photo img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;}
.subPg.milestones .photo_airplane span p{text-transform:uppercase;color:#083050;text-align:left;margin-bottom:0;}
/**About Us - Timeline**/
.subPg.timelineSect{width:100%;padding-left:0;padding-right:0;}
.timeline-carousel{margin:0;padding:75px 6.9444% 0 6.9444%;position:relative;overflow:hidden;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;right:-999px;opacity:0.0;}
.timeline-carousel.animation{right:0;opacity:1.0;}
.timeline-carousel:after,
.timeline-carousel:before{content:"";position:absolute;display:block;top:0;height:100%;width:6.9444%;z-index:3;width:6.9444%;}
.timeline-carousel:after{left:0;}
.timeline-carousel:before{right:0;opacity:0;}
.timeline-carousel .slick-list{overflow:visible;}
.timeline-carousel .slick-dots{bottom:0;}
.timeline-carousel__image{padding-right:30px;}
.timeline-carousel__item{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;}
.timeline-carousel__item .media-wrapper{
opacity: 0.4;
padding-bottom: 71.4%;
-webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.timeline-carousel__item:last-child .timeline-carousel__item-inner:after{
width:calc(100% - 30px);
}
.timeline-carousel__item-inner{
position: relative;
padding:30px 30px 0 0;
}
.timeline-carousel__item-inner:after{position:absolute;width:calc(100% - 30px);top:40px;left:0;content:"";border-bottom:1px solid #686e78;}
.timeline-carousel__item-inner .year{font-size:50px;line-height:50px;color:#083050;text-transform:uppercase;background:#F3F4F6;display:table;padding-right:10px;z-index:1;position:relative;margin:-15px 0 10px;font-weight:700;}
.timeline-carousel__item-inner .year:after{content:"";position:absolute;display:block;left:-10px;top:0;height:100%;width:10px;z-index:3;}
.timeline-carousel__item-inner ul{list-style:disc;margin-left:20px;}
.timeline-carousel__item-inner ul li{font-size:16px;line-height:24px;color:#686e78;}
.timeline-carousel .slick-active .media-wrapper{opacity:1 !important;}
/**Apply Course**/
.subPg.apply_course{position:relative;width:100%;height:100vh;background:#133C65;padding:0 !important;}
.subPg.apply_course .split{position:absolute;width:50%;height:100%;overflow:hidden;}
.subPg.apply_course .split.left{left:0;background:url("../../images/applycourse/img-flying-course.jpg") center center no-repeat;background-size:cover;}
.subPg.apply_course .split.left:before{position:absolute;content:"";width:100%;height:100%;}
.subPg.apply_course .split.right{right:0;background:url("../../images/applycourse/img-cca.jpg") center center no-repeat;background-size:cover;}
.subPg.apply_course .split.right:before{position:absolute;content:"";width:100%;height:100%;}
.subPg.apply_course .split.left.bg02{left:0;background:url("../../images/applycourse/img-flying-course-02.jpg") center center no-repeat;background-size:cover;}
.subPg.apply_course .split.left.bg02:before{position:absolute;content:"";width:100%;height:100%;}
.subPg.apply_course .split.right.bg02{right:0;background:url("../../images/applycourse/img-cca-02.jpg") center center no-repeat;background-size:cover;}
.subPg.apply_course .split.right.bg02:before{position:absolute;content:"";width:100%;height:100%;}
.subPg.apply_course .split.left,
.subPg.apply_course .split.right,
.subPg.apply_course .split.right:before,
.subPg.apply_course .split.left:before{transition:1s all ease-in-out;}
.subPg.apply_course.hover-left .left{width:75%;}
.subPg.apply_course.hover-left .right{width:25%;}
.subPg.apply_course.hover-left .right:before{z-index:2;}
.subPg.apply_course.hover-right .right{width:75%;}
.subPg.apply_course.hover-right .left{width:25%;}
.subPg.apply_course.hover-right .left:before{z-index: 2;}
.subPg.apply_course .split .text{position:absolute;top:10%;transform:translateX(-50%);left:50%;right:0;width:550px;text-align:center;}
.subPg.apply_course .split .detail_mo{width:100%;padding:10px 0;opacity:0.0;visibility:hidden;transition:1s all ease-in-out;}
.subPg.apply_course.hover-left .left .detail_mo,
.subPg.apply_course.hover-right .right .detail_mo{opacity:1.0;visibility:visible;}
.subPg.apply_course .split p{margin-bottom:5px;text-align:center;}
.subPg.apply_course .split p strong{text-transform:uppercase;}
.subPg.apply_course .split.right h2,
.subPg.apply_course .split.right p,
.subPg.apply_course .split.right p strong{color:#ffffff;}
.subPg.apply_course.hover-left .right h2,
.subPg.apply_course.hover-right .left h2{opacity:0.3;}
/**How To Apply - Learn to Fly & CAA (Common Layout)**/
.HOWTOAPPLY .requisites,.HOWTOAPPLY .howapply,.HOWTOAPPLY .download{padding-bottom:50px;}
.HOWTOAPPLY .requisites .boxCol{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;margin:30px 0 0 0;position:relative;z-index:2;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;left:-999px;opacity:0.0;}
.HOWTOAPPLY .requisites .boxCol span{width:calc(33.3333% - 90px);padding:30px;margin-right:30px;margin-bottom:30px;background:#F3F4F6;}
.CCA .HOWTOAPPLY .requisites .boxCol span{width:calc(50% - 90px);}
.HOWTOAPPLY .requisites .boxCol span p{margin-bottom:0;}
.HOWTOAPPLY .requisites .boxCol span p strong{display:block;margin-bottom:15px;}
.HOWTOAPPLY .requisites .boxCol .iconImg{width:50px;margin-bottom:15px;}
.HOWTOAPPLY .requisites .boxCol .iconImg img{width:100%;display:block;}
.HOWTOAPPLY .requisites .boxCol.animation{left:0;opacity:1.0;}
.HOWTOAPPLY .howapply .contents p, .HOWTOAPPLY .howapply .contents .commonBtn{color:#ffffff;}
.HOWTOAPPLY .howapply .contents p a, .HOWTOAPPLY .howapply .contents .commonBtn:hover{color:#3580ff;}
.HOWTOAPPLY .howapply .contents p strong{text-transform:uppercase;color:#083050;}
.HOWTOAPPLY .howapply .boxCol{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;margin:30px 0 0 0;position:relative;z-index:2;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;right:-999px;opacity:0.0;}
.HOWTOAPPLY .howapply .boxCol span{width:calc(33.3333% - 90px);padding:30px;margin-right:30px;margin-bottom:30px;background:#FFFFFF;}
.CCA .HOWTOAPPLY .howapply .boxCol span{width:calc(50% - 90px);}
.HOWTOAPPLY .howapply .boxCol .image{width:100%;font-size:0;margin-bottom:20px;}
.HOWTOAPPLY .howapply .boxCol .image img{display:inline-block;vertical-align:middle;width:110px;margin-right:30px;}
.HOWTOAPPLY .howapply .boxCol .image h5{display:inline-block;vertical-align:middle;width:calc(100% - 140px);}
.HOWTOAPPLY .howapply .boxCol ol{list-style:decimal;margin-left:20px;}
.HOWTOAPPLY .howapply .boxCol ol li{font-size:16px;line-height:24px;color:#686E78;}
.HOWTOAPPLY .howapply .boxCol p{color:#686E78;}
.HOWTOAPPLY .howapply .boxCol.animation{right:0;opacity:1.0;}
.HOWTOAPPLY .download .contents{width:100%;font-size:0;display:flex;flex-wrap:wrap;margin:0 auto;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;opacity:0.0;}
.HOWTOAPPLY .download .contents .col2{width:calc(50% - 15px);margin-right:15px;margin-bottom:30px;}
.HOWTOAPPLY .download .contents .col2.rgt{margin-right:0;margin-left:15px;}
.HOWTOAPPLY .download .contents.animation{opacity:1.0;}
.HOWTOAPPLY .googleMap{padding:0 !important;width:100%;height:550px;}
.HOWTOAPPLY .googleMap iframe{width:100%;height:550px;}
.HOWTOAPPLY .contactDetail ul{width:calc(100% + 30px);font-size:0;position:relative;text-align:center;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;opacity:0.0;}
.HOWTOAPPLY .contactDetail ul li{display:inline-block;vertical-align:top;width:calc(33.3333% - 30px);margin-right:30px;}
.HOWTOAPPLY .contactDetail ul li .iconImg{width:50px;margin-bottom:20px;display:inline-block;}
.HOWTOAPPLY .contactDetail ul li .iconImg img{width:100%;display:block;}
.HOWTOAPPLY .contactDetail ul li p strong{text-transform:uppercase;}
.HOWTOAPPLY .contactDetail ul li p{margin-bottom:5px;}
.HOWTOAPPLY .contactDetail ul.animation{opacity:1.0;}
.HOWTOAPPLY .contactDetail ul li a{text-decoration:none;}
/**Learn to Fly - Overview**/
.courseIntro{animation:fadein 3.5s ease 0s 1 normal forwards;opacity:1.0;}
.courseIntro .boxCol{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;margin:30px 0 0 0;}
.courseIntro .boxCol span{width:calc(33.3333% - 90px);padding:30px;margin-right:30px;margin-bottom:30px;background:#F3F4F6;}
.courseIntro .boxCol span p{margin-bottom:0;}
.courseIntro .boxCol span p strong{display:block;margin-bottom:15px;}
.courseIntro .boxCol .iconImg{width:50px;margin-bottom:15px;}
.courseIntro .boxCol .iconImg img{width:100%;display:block;}
.courseIntro .courseName{width:calc(100% + 30px);font-size:0;}
.courseIntro .courseName li{display:inline-block;vertical-align:top;width:calc(50% - 30px);margin:15px 30px 0 0;position:relative;}
.courseIntro .courseName li a{text-decoration:none;color:#083050;}
.courseIntro .courseName li .image{width:100%;height:0;padding-top:60%;margin-bottom:15px;position:relative;overflow:hidden;}
.courseIntro .courseName li .image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.courseIntro .courseName li p{text-transform:uppercase;margin-bottom:0;position:relative;left:0;-webkit-transition:.25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;color:#083050;}
.courseIntro .courseName li p strong{color:#083050;}
.courseIntro .courseName li a:hover .image img{width:105%;height:105%;left:-0.5%;}
.courseIntro .courseName li a:hover p{left:5%;}
.trainingDev .contents{width:100%;font-size:0;position:relative}
.trainingDev .contents span{display:inline-block;vertical-align:top;width:calc(50% - 15px);margin:15px 0 0 0;position:relative;}
.trainingDev .contents span a{text-decoration:none;color:#083050;}
.trainingDev .contents span .image{width:100%;height:0;padding-top:60%;margin-bottom:15px;position:relative;overflow:hidden;}
.trainingDev .contents span .image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.trainingDev .contents span p{text-transform:uppercase;margin-bottom:0;position:relative;left:0;-webkit-transition:.25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;color:#083050;}
.trainingDev .contents span p strong{color:#083050;}
.trainingDev .contents span a:hover .image img{width:105%;height:105%;left:-0.5%;}
.trainingDev .contents span a:hover p{left:5%;}
.trainingDev .contents .left{margin-right:15px;}
.trainingDev .contents .rgt{margin-left:15px;}
.trainingDev .contents .left{position:relative;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;left:-999px;opacity:0.0;}
.trainingDev .contents .left.animation{left:0;opacity:1.0;}
.trainingDev .contents .rgt{position:relative;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;right:-999px;opacity:0.0;}
.trainingDev .contents .rgt.animation{right:0;opacity:1.0;}
/**Learn to Fly - Course Details**/
.subPg.course-details{max-width:1290px;}
.course-details .sideBar{width:300px;margin-left:30px;float:right;overflow:hidden;}
.course-details .sideBar .username{font-size:16px;line-height:24px;color:#083050;font-weight:700;}
.course-details .sideBar p{font-size:16px;line-height:24px;color:#686E78;margin-bottom:0;}
.course-details .sideBar p strong{font-size:20px;color:#083050;}
.course-details .sideBar .course-duration{width:calc(100% - 60px);background:#F3F4F6;padding:30px;margin-bottom:15px;animation:flyfromright 1.5s ease 0s 1 normal forwards;opacity:1.0;position:relative;right:0;}
.sideBar .course-duration .date{margin-bottom:20px;font-size:0;}
.sideBar .course-duration .lesson{/*margin-bottom:20px;*/font-size:0;}
.sideBar .course-duration .duration{font-size:0;}
.sideBar .course-duration span{width:calc(100% - 40px);display:inline-block;vertical-align:middle;}
.sideBar .course-duration .icon{width:25px;margin-right:15px;}
.course-details .sideBar .course-include{width:calc(100% - 60px);background:#F3F4F6;padding:30px;margin-bottom:15px;animation:flyfromright 1.5s ease 0s 1 normal forwards;opacity:1.0;position:relative;right:0;}
.sideBar .course-include ul{list-style:disc;margin-left:15px;}
.sideBar .course-include ul li{font-size:16px;line-height:24px;color:#686E78;margin-bottom:2.5px;}
.sideBar .course-include ul li::marker{color:#3580FF;}
.course-details .sideBar .course-program{width:calc(100% - 60px);background:#F3F4F6;padding:30px;margin-bottom:15px;animation:flyfromright 1.5s ease 0s 1 normal forwards;opacity:1.0;position:relative;right:0;}
.sideBar .course-program .accordion{width:100%;display:block;}
.sideBar .course-program .accordion .title{font-size:16px;line-height:24px;color:#686E78;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;position:relative;cursor:pointer;margin-bottom:5px;}
.sideBar .course-program .accordion .title::after{content:'';background:url('../../images/common/angle-small-down.svg') no-repeat;background-size:auto;width:6.5px;height:12px;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;position:absolute;right:0;top:5.5px;}
.sideBar .course-program .accordion .title:hover::after,
.sideBar .course-program .accordion .title.active::after{transform:rotate(-90deg);}
.sideBar .course-program .accordion .module{width:100%;display:none;margin-bottom:10px;}
.sideBar .course-program .accordion .module p{font-size:16px;line-height:24px;color:#083050;margin-bottom:2.5px;}
.sideBar .course-program .accordion .module p strong{font-size:16px;color:#3580FF}
.course-details .contents{width:calc(100% - 330px) !important;max-width:none !important;margin:0 !important;position:relative;animation:flyfromleft 2s ease 0s 1 normal forwards;opacity:1.0;left:0;}
.course-details .contents .image{width:100%;margin-bottom:30px;display:block;position:relative;}
.course-details .contents .image img{display:block;width:100%;}
.course-details .contents .image .VIDEOBTN{width:75px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.materialDL{width:100%;}
.materialDL li{width:calc(100% - 2px);background:#133C65;border:1px solid #ffffff;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;margin-bottom:15px;}
/*.materialDL li:last-child{margin-bottom:0;}*/
.materialDL li a{text-decoration:none;display:flex;}
.materialDL li a span{color:#ffffff;font-size:16px;line-height:24px;width:calc(100% - 95px);padding:15px 20px 11.5px 20px;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.materialDL li a .btn{width:55px;background:#3580FF;padding:0;position:relative;}
.materialDL li a .btn img{position:absolute;width:20px;margin:0 auto;top:50%;transform:translateY(-50%);left:0;right:0;}
.materialDL li:hover{background:#ffffff;border:1px solid #133C65;}
.materialDL li a:hover span{color:#133C65;}
.materialDL li a .fileType{display:block;font-size:12px;line-height:14px;color:#3580ff;font-weight:700;}
.sticky{position:-webkit-sticky;position:sticky;top:110px;}
/**Learn to Fly - Testimonal**/
.common-page .subPg.testimonials{padding-bottom:50px;}
.subPg.testimonials ul{width:calc(100% + 30px);display:flex;flex-wrap:wrap;font-size:0;}
.subPg.testimonials ul li{width:calc(33.3333% - 90px);background:#133C65;padding:30px;font-size:0;margin:0 30px 30px 0;}
.subPg.testimonials ul li .icon{width:35px;margin-bottom:15px;}
.subPg.testimonials ul li .icon img{width:100%;display:block;}
.subPg.testimonials ul li span{display:inline-block;vertical-align:top;width:calc(100% - 160px);}
.subPg.testimonials ul li .photo{width:130px;height:130px;margin-left:30px;border-radius:100%;overflow:hidden;}
.subPg.testimonials ul li .photo img{width:100%;display:block;}
.subPg.testimonials ul li p{color:#ffffff;font-size:16px;line-height:24px;margin-bottom:15px;}
.subPg.testimonials ul li .name{font-weight:700;font-size:20px;line-height:24px;margin-bottom:0;text-transform:uppercase;}
.subPg.testimonials ul li .name em{font-weight:400;font-size:14px;text-transform:none;display:block;font-style:normal;}
/**CCA - Overview**/
.ccaOverview{animation:fadein 3.5s ease 0s 1 normal forwards;opacity:1.0;}
.ccaOverview .photo-slider{width:100%;margin:0 auto;}
.ccaOverview .photo-slider ul{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;}
.ccaOverview .photo-slider ul li{display:inline-block;vertical-align:top;width:calc(100% - 30px);margin-right:30px;text-align:left;position:relative;}
.ccaOverview .photo-slider ul li .image{width:100%;height:0;padding-top:75%;margin-bottom:15px;position:relative;overflow:hidden;}
.ccaOverview .photo-slider ul li .image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.ccaOverview .photo-slider ul li .image a:hover img{width:105%;height:105%;left:-0.5%;}
.ccaProgramme .contents{width:calc(100% - 60px) !important;max-width:1290px;margin:0 auto;padding:75px 30px 0 30px;font-size:0;position:relative;z-index:1;}
.ccaProgramme .contents .imgLeft{display:inline-block;vertical-align:middle;margin-right:15px;width:calc(55% - 15px);-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;left:-999px;opacity:0.0;}
.ccaProgramme .contents .imgLeft img{width:100%;display:block;}
.ccaProgramme .contents .contentRgt{display:inline-block;vertical-align:middle;margin-left:15px;width:calc(45% - 15px);-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;right:-999px;opacity:0.0;}
.ccaProgramme .contents .contentRgt h3{/*margin-left:-90px;*/position:relative;z-index:2;}
.ccaProgramme .contents.animation .imgLeft{left:0;opacity:1.0;}
.ccaProgramme .contents.animation .contentRgt{right:0;opacity:1.0;}
.ccaApply .contents{width:100%;font-size:0;}
.ccaApply .contents .toAnimate{margin-bottom:30px;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;opacity:0.0;left:-999px;}
.ccaApply .contents span{display:inline-block;vertical-align:middle;width:calc(45% - 113px);margin-right:50px;}
.ccaApply .contents .title{width:calc(55% - 113px);}
.ccaApply .contents .btn{width:126px;margin-right:0;}
.ccaApply .contents p{font-size:16px;line-height:24px;margin-bottom:0;}
.ccaApply .contents h3{margin-bottom:0;}
.ccaApply .contents .toAnimate.animation{opacity:1.0;left:0;}
.ccaApply .ccaType{width:calc(100% + 30px);font-size:0;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;opacity:0.0;right:-999px;}
.ccaApply .ccaType li{display:inline-block;vertical-align:top;width:calc(50% - 30px);margin:30px 30px 0 0;position:relative;}
.ccaApply .ccaType li a{text-decoration:none;color:#ffffff;}
.ccaApply .ccaType li .image{width:100%;height:0;padding-top:60%;margin-bottom:15px;position:relative;overflow:hidden;}
.ccaApply .ccaType li .image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.ccaApply .ccaType li p{text-transform:uppercase;margin-bottom:0;position:relative;left:0;-webkit-transition:.25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.ccaApply .ccaType li a:hover .image img{width:105%;height:105%;left:-0.5%;}
.ccaApply .ccaType li a:hover p{left:5%;}
.ccaApply .ccaType.animation{opacity:1.0;right:0;}
/**CCA ACTIVITIES and COURSES**/
.ccaActivities .subPg.TITLE{padding-bottom:0;}
.ccaActivities .subPg.TITLE h4{margin-bottom:0}
.ccaActivities .subPg.IMG_LEFT{background:#F3F4F6;}
.ccaActivities .subPg .contents{width:100%;font-size:0}
.ccaActivities .subPg .contents .image{width:calc(50% - 15px);height:0;padding-top:calc(35% - 30px);position:relative;overflow:hidden}
.ccaActivities .subPg .contents .image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;}
.ccaActivities .subPg .contents .description{width:calc(50% - 15px);}
.ccaActivities .subPg.IMG_RGT .contents .image{margin-left:15px;float:right;}
.ccaActivities .subPg.IMG_RGT .contents .description{margin-right:15px;float:left;}
.ccaActivities .subPg.IMG_LEFT .contents .image{margin-right:15px;float:left;}
.ccaActivities .subPg.IMG_LEFT .contents .description{margin-left:15px;float:right;}
.ccaActivities .subPg .contents h3.animation{-webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1); animation-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);}
.ccaActivities .SLIDERS .contents{max-width:80rem;}
.ccaActivities .SLIDERS .contents .sliderImgs{position:relative;text-align:center;z-index:200;width:100%;margin:0 auto;/*opacity:0.0;*/}
.ccaActivities .SLIDERS .contents.animation .sliderImgs{/*animation:m_fadeIn 0.5s ease-in-out 0.75s 1 forwards;*/}
.ccaActivities .SLIDERS .contents .sliderImgs img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;}
.ccaActivities .SLIDERS .contents .sliderImgs .item.slick-slide{/*width:26.65rem;padding:12.5rem 0;*/width:26.875rem;height:0;padding-top:23.5rem;transition:transform .4s;position:relative;opacity:0.5;/*margin:0 0.625rem;*/}
.ccaActivities .SLIDERS .contents .sliderImgs .item.slick-active{opacity:1;}
.ccaActivities .SLIDERS .sliderImgs .item.slick-slide{/*transform:scale(0.85);*/transform:scale(0.8);pointer-events:none;}
.ccaActivities .SLIDERS .sliderImgs .item.slick-center{/*transform:scale(1.5);*/transform:scale(1.4);z-index:30;margin:0;pointer-events:auto;}
.ccaActivities .SLIDERS .sliderImgs .slick-center:after{opacity:0;}
.ccaActivities .SLIDERS .contents .sliderContents{width:100%;max-width:40rem;margin:5rem auto 0 auto;text-align:center;/*opacity:0.0*/}
.ccaActivities .SLIDERS.animation .contents .sliderContents{animation:m_fadeIn 0.5s ease-in-out 0.75s 1 forwards;}
/*
.ccaActivities .SLIDERS .contents .sliderContents h3,
.ccaActivities .SLIDERS .contents .sliderContents p{opacity:0.0}
.ccaActivities .SLIDERS .contents.animation .sliderContents h3,
.ccaActivities .SLIDERS .contents.animation .sliderContents p{animation:m_fadeIn 0.75s ease-in-out 0s 1 forwards;}
*/
/**CCA SCHOOL PROG**/
.SECSCH_CCA_Prog{padding-bottom:50px !important;}
.SECSCH_CCA_Prog .schoolName{width:calc(100% + 30px);font-size:0;margin-top:20px;display:flex;flex-wrap:wrap;}
.SECSCH_CCA_Prog .schoolName li{width:calc(25% - 30px);margin:0 30px 30px 0;}
.SECSCH_CCA_Prog .schoolName li .image{width:100%;height:0;padding-top:60%;position:relative;overflow:hidden;margin-bottom:15px;}
.SECSCH_CCA_Prog .schoolName li .image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;}
.SECSCH_CCA_Prog .schoolName li p{margin-bottom:0;}
/**MEDIA**/
.MEDIA .NEWSLETTER .contents{width:100%;font-size:0;}
.MEDIA .NEWSLETTER .contentLeft{display:inline-block;vertical-align:middle;margin-right:50px;width:calc(50% - 50px);animation:flyfromleft 2s ease 0s 1 normal forwards;position:relative;opacity:1.0;left:0;}
.MEDIA .NEWSLETTER .contentRgt{display:inline-block;vertical-align:middle;margin-left:50px;width:calc(50% - 50px);animation:flyfromright 2s ease 0s 1 normal forwards;position:relative;opacity:1.0;right:0;}
.MEDIA .NEWSLETTER .contentRgt ul{width:calc(100% + 30px);font-size:0;}
.MEDIA .NEWSLETTER .contentRgt ul li{display:inline-block;vertical-align:top;width:calc(50% - 30px);margin:0 30px 0 0;}
.MEDIA .NEWSLETTER .contentRgt ul li .cover{width:100%;margin-bottom:15px;border:1px solid #F3F4F6;-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;}
.MEDIA .NEWSLETTER .contentRgt ul li .cover img{display:block;width:100%;}
.MEDIA .NEWSLETTER .contentRgt p{margin-bottom:0;margin-bottom:10px;}
.MEDIA .NEWSLETTER .contentRgt p strong{text-transform:uppercase;}
.MEDIA .NEWSLETTER .contentRgt a{text-decoration:none;}
.MEDIA .NEWSLETTER .contentRgt a:hover .cover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);transform: matrix3d(0.94, 0, 0.34, -0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(-10px);}
.MEDIA .GALLERY ul{width:calc(100% + 30px);font-size:0;margin-top:20px;display:flex;flex-wrap:wrap;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;left:-999px;opacity:0.0;}
.MEDIA .GALLERY ul li{width:calc(33.3333% - 30px);margin:0 30px 30px 0;background:#133C65;}
.MEDIA .GALLERY a{text-decoration:none;}
.MEDIA .GALLERY ul li .thumbnail{width:100%;height:0;padding-top:60%;position:relative;overflow:hidden;}
.MEDIA .GALLERY ul li.VIDEO .thumbnail .foreBG{background:url("../../images/common/icon-play-btn.svg")no-repeat center;background-size:100%;position:absolute;width:40px;height:40px;transform:translateY(-50%);top:50%;left:0;right:0;margin:0 auto;}
.MEDIA .GALLERY ul li .thumbnail img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.MEDIA .GALLERY a:hover .thumbnail img{width:105%;height:105%;left:-0.5%;}
.MEDIA .GALLERY .detail{width:calc(100% - 40px);padding:20px;}
.MEDIA .GALLERY .detail .date{font-size:16px;line-height:24px;margin-bottom:5px;color:#3580FF;width:100%;}
.MEDIA .GALLERY .detail .title{font-size:20px;color:#ffffff;text-transform:uppercase;font-weight:700;width:100%;position:relative;}
.MEDIA .GALLERY .detail .title::after{content:'';background:url("../../images/common/icon-arrow.svg")no-repeat;background-size:100%;width:17px;height:17px;position:absolute;/*transform:translateY(-50%);*/top:4px;right:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.MEDIA .GALLERY a:hover .detail .title::after{animation:arrowAnim 1s ease infinite}
.MEDIA .GALLERY .detail .title span{display:inline-block;width:85%;}
.MEDIA .GALLERY ul.animation{left:0;opacity:1.0;}
.MEDIA .RELEASES .contents{position:relative;}
.MEDIA .RELEASES h3{color:#ffffff !important;}
.MEDIA .RELEASES .commonBtn{position:absolute;right:0;top:0}
.MEDIA .RELEASES ul{width:100%;margin-top:20px;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;opacity:0.0;}
.MEDIA .RELEASES ul li{display:block;width:100%;margin:0 0 30px 0;padding-bottom:20px;border-bottom:1px solid #E2E4E9;}
.MEDIA .RELEASES ul li:first-child{border-top:1px solid #E2E4E9;margin:30px 0;padding-top:30px;}
.MEDIA .RELEASES ul li a{text-decoration:none;position:relative;display:block;}
.MEDIA .RELEASES ul li p{margin-bottom:10px;color:#ffffff;}
.MEDIA .RELEASES ul li h4{color:#ffffff;text-transform:none;margin-bottom:10px;}
.MEDIA .RELEASES ul li .date{color:#3580FF;font-size:16px;line-height:18px;margin-bottom:10px;}
.MEDIA .RELEASES ul li a::after{content:'';background:url("../../images/common/icon-arrow.svg")no-repeat;background-size:100%;width:17px;height:17px;position:absolute;transform:translateY(-50%);top:50%;right:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.MEDIA .RELEASES ul li a:hover::after{animation:arrowAnim 1s ease infinite}
.MEDIA .RELEASES ul li a:hover p strong{text-decoration:underline;}
.MEDIA .RELEASES ul li span{display:inline-block;width:90%;}
.MEDIA .RELEASES ul.animation{opacity:1.0;}
.MEDIA .SOCIALMEDIA .contents{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;right:-999px;opacity:0.0;}
.MEDIA .SOCIALMEDIA .contents .facebook{display:inline-block;vertical-align:top;width:calc(33.3333% - 30px);margin-right:30px;}
.MEDIA .SOCIALMEDIA .contents .facebook .fb-page{width:100% !important;}
#eapps-instagram-feed-1{width:100% !important}
.MEDIA .SOCIALMEDIA .contents .tiktok{display:inline-block;vertical-align:top;width:calc(33.3333% - 30px);margin-right:30px;}
.MEDIA .SOCIALMEDIA .contents .instagram{display:inline-block;vertical-align:top;width:calc(33.3333% - 30px);margin-right:30px;}
.MEDIA .SOCIALMEDIA .contents .socialBox{width:100%;}
.MEDIA .SOCIALMEDIA .contents.animation{right:0;opacity:1.0;}
/**MEDIA - NEWSLETTER**/
.common-page .subPg.newsletters{padding-bottom:50px;}
.subPg.newsletters ul{width:calc(100% + 30px);font-size:0;margin-top:20px;}
.subPg.newsletters ul li{display:inline-block;vertical-align:top;width:calc(25% - 30px);margin:0 30px 30px 0;/*text-align:center;*/}
.subPg.newsletters ul li .cover{width:100%;margin-bottom:15px;border:1px solid #F3F4F6;-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;}
.subPg.newsletters ul li .cover img{display:block;width:100%;}
.subPg.newsletters p{margin-bottom:0;margin-bottom:10px;}
.subPg.newsletters p strong{text-transform:uppercase;}
.subPg.newsletters a{text-decoration:none;}
.subPg.newsletters a:hover .cover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);transform: matrix3d(0.94, 0, 0.34, -0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(-10px);}
.subPg.newsletters .downloadPDF{font-size:16px;line-height:16px;color:#3580ff;}
.subPg.newsletters .downloadPDF::before{content:'';background:url('../../images/common/icon-pdf.svg');background-size:100%;width:15px;height:15px;display:inline-block;vertical-align:middle;margin-right:5px;margin-top:-2.5px;}
.subPg.newsletters a:hover .downloadPDF span{text-decoration:underline;}
/**MEDIA - GALLERY**/
.common-page .subPg.gallery{padding-bottom:50px;}
.subPg.gallery ul{width:calc(100% + 30px);font-size:0;margin-top:20px;display:flex;flex-wrap:wrap;}
.subPg.gallery ul li{width:calc(33.3333% - 30px);margin:0 30px 30px 0;background:#133C65;}
.subPg.gallery a{text-decoration:none;}
.subPg.gallery ul li .thumbnail{width:100%;height:0;padding-top:60%;position:relative;overflow:hidden;}
.subPg.gallery ul li.VIDEO .thumbnail .foreBG{background:url("../../images/common/icon-play-btn.svg")no-repeat center;background-size:100%;position:absolute;width:40px;height:40px;transform:translateY(-50%);top:50%;left:0;right:0;margin:0 auto;}
.subPg.gallery ul li .thumbnail img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.subPg.gallery a:hover .thumbnail img{width:105%;height:105%;left:-0.5%;}
.subPg.gallery .detail{width:calc(100% - 40px);padding:20px;}
.subPg.gallery .detail .date{font-size:16px;line-height:24px;margin-bottom:5px;color:#3580FF;width:100%;}
.subPg.gallery .detail .title{font-size:20px;color:#ffffff;text-transform:uppercase;font-weight:700;width:100%;position:relative;}
.subPg.gallery .detail .title::after{content:'';background:url("../../images/common/icon-arrow.svg")no-repeat;background-size:100%;width:17px;height:17px;position:absolute;/*transform:translateY(-50%);*/top:4px;right:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.subPg.gallery a:hover .detail .title::after{animation:arrowAnim 1s ease infinite}
.subPg.gallery .detail .title span{display:inline-block;width:85%;}
.common-page .subPg.gallery_photo{padding-bottom:50px;}
.subPg.gallery_photo ul{width:calc(100% + 30px);font-size:0;margin-top:20px;display:flex;flex-wrap:wrap;}
.subPg.gallery_photo ul li{width:calc(25% - 30px);margin:0 30px 30px 0;background:#133C65;}
.subPg.gallery_photo a{text-decoration:none;}
.subPg.gallery_photo ul li .photo{width:100%;height:0;padding-top:60%;position:relative;overflow:hidden;}
.subPg.gallery_photo ul li .photo img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;-webkit-transition:.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.subPg.gallery_photo a:hover .photo img{width:105%;height:105%;left:-0.5%;}
/**MEDIA - RELEASES**/
.common-page .subPg.media_releases{padding-bottom:50px;}
.subPg.media_releases ul{width:100%;margin-top:20px;}
.subPg.media_releases ul li{display:block;width:100%;margin:0 0 30px 0;padding-bottom:20px;border-bottom:1px solid #E2E4E9;}
.subPg.media_releases ul li:first-child{border-top:1px solid #E2E4E9;margin:30px 0;padding-top:30px;}
.subPg.media_releases ul li a{text-decoration:none;position:relative;display:block;}
.subPg.media_releases ul li p{margin-bottom:10px;}
.subPg.media_releases ul li .date{color:#3580FF;font-size:16px;line-height:18px;margin-bottom:10px;}
.subPg.media_releases ul li a::after{content:'';background:url("../../images/common/icon-arrow.svg")no-repeat;background-size:100%;width:17px;height:17px;position:absolute;transform:translateY(-50%);top:50%;right:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.subPg.media_releases ul li a:hover::after{animation:arrowAnim 1s ease infinite}
.subPg.media_releases ul li a:hover p strong{text-decoration:underline;}
.subPg.media_releases ul li span{display:inline-block;width:90%;}
/**Alumin - Overview**/
.alumni_intro{padding-bottom:50px !important;width:100%;margin:0 auto;position:relative;}
.alumni_intro .contents{padding-top:75px;font-size:0;position:relative;z-index:1;}
.alumni_intro .contents .imgLeft{display:inline-block;vertical-align:middle;margin-right:15px;width:calc(55% - 15px);animation:flyfromleft 2s ease 0s 1 normal forwards;position:relative;opacity:1.0;left:0;}
.alumni_intro .contents .imgLeft img{width:100%;display:block;}
.alumni_intro .contents .contentRgt{display:inline-block;vertical-align:middle;margin-left:15px;width:calc(45% - 15px);animation:flyfromright 2s ease 0s 1 normal forwards;position:relative;opacity:1.0;right:0;}
.alumni_intro .contents .contentRgt h3{/*margin-left:-90px;*/position:relative;z-index:2;}
.alumni_intro .contents .contentRgt .logo{width:280px;margin-bottom:15px;}
.alumni_intro .contents .contentRgt .logo img{width:100%;display:block;}
.alumni_intro .boxCol{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;margin:30px 0 0 0;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;opacity:0.0;}
.alumni_intro .boxCol span{width:calc(33.3333% - 90px);padding:30px;margin-right:30px;margin-bottom:30px;background:#F3F4F6;}
.alumni_intro .boxCol span p{margin-bottom:0;}
.alumni_intro .boxCol span p strong{display:block;margin-bottom:15px;}
.alumni_intro .boxCol .iconImg{width:50px;margin-bottom:15px;}
.alumni_intro .boxCol .iconImg img{width:100%;display:block;}
.alumni_intro .boxCol.animation{opacity:1.0;}
.alumni_structure{padding-bottom:30px !important;}
.alumni_structure h3{color:#ffffff;margin-bottom:50px;}
.alumni_structure .row{width:calc(100% + 30px);font-size:0;margin:15px 0;text-align:center}
.alumni_structure .row span{display:inline-block;vertical-align:top;width:calc(20% - 30px);margin-right:30px;}
.alumni_structure .row h5{display:block;width:calc(100% - 20px);padding:10px;font-size:20px;line-height:20px;color:#ffffff;margin-bottom:15px;text-transform:none;}
.alumni_structure .row p{color:#ffffff;}
.alumni_structure .president h5{background:#3580FF;}
.alumni_structure .head h5{background:#3DCD8D;}
.alumni_structure .member h5{background:#FFB300;}
.alumni_structure .president{-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;opacity:0.0;bottom:-200px;position:relative;}
.alumni_structure .head{-webkit-transition:1.5s ease-in-out;-moz-transition:1.5s ease-in-out;-o-transition:1.5s ease-in-out;transition:1.5s ease-in-out;opacity:0.0;bottom:-150px;position:relative;}
.alumni_structure .member{-webkit-transition:1.75s ease-in-out;-moz-transition:1.75s ease-in-out;-o-transition:1.75s ease-in-out;transition:1.75s ease-in-out;opacity:0.0;bottom:-100px;position:relative;}
.alumni_structure .president.animation{opacity:1.0;bottom:0;}
.alumni_structure .head.animation{opacity:1.0;bottom:0;}
.alumni_structure .member.animation{opacity:1.0;bottom:0;}
.alumni_contact .contents{font-size:0;margin-bottom:30px;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;position:relative;opacity:0.0;}
.alumni_contact .contents span{display:inline-block;vertical-align:middle;width:calc(60% - 113px);margin-right:50px;}
.alumni_contact .contents .title{width:calc(40% - 113px);}
.alumni_contact .contents .social_media{width:126px;margin-right:0;text-align:right}
.alumni_contact .contents .social_media a{display:inline-block;margin-left:10px;width:50px;}
.alumni_contact .contents .social_media a img{width:50px;position:relative;top:0;display:block;-webkit-transition:.25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.alumni_contact .contents .social_media a:hover img{top:-5px;}
.alumni_contact .contents h3, .alumni_contact .contents p{margin-bottom:0;}
.alumni_contact .contents p{font-size:16px;line-height:24px;}
.alumni_contact .contents.animation{opacity:1.0;}
/**Alumin - Events**/
.alumni_events{animation:fadein 3.5s ease 0s 1 normal forwards;opacity:1.0;}
.alumni_events .image{width:75%;margin:30px auto 0 auto;}
.alumni_events .image img{width:100%;display:block;}
.alumni_events_contact ul{width:calc(100% + 30px);font-size:0;position:relative;text-align:center;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;opacity:0.0;}
.alumni_events_contact ul li{display:inline-block;vertical-align:top;width:calc(33.3333% - 30px);margin-right:30px;}
.alumni_events_contact ul li .iconImg{width:50px;margin-bottom:20px;display:inline-block;}
.alumni_events_contact ul li .iconImg img{width:100%;display:block;}
.alumni_events_contact ul li p strong{text-transform:uppercase;}
.alumni_events_contact ul li p{margin-bottom:5px;}
.alumni_events_contact ul.animation{opacity:1.0;}
.alumni_events_contact ul li a{text-decoration:none;}
/**Alumin - Monitoring**/
.alumni_monitoring .contents{width:100%;font-size:0;}
.alumni_monitoring .contentLeft{display:inline-block;vertical-align:middle;margin-right:50px;width:calc(50% - 50px);position:relative;opacity:0.0;left:-999px;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;}
.alumni_monitoring .imgRgt{display:inline-block;vertical-align:middle;margin-left:50px;width:calc(50% - 50px);position:relative;opacity:0.0;right:-999px;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;}
.alumni_monitoring .imgRgt img{display:block;width:100%;}
.alumni_monitoring .contents.animation .contentLeft{opacity:1.0;left:0;}
.alumni_monitoring .contents.animation .imgRgt{opacity:1.0;right:0;}
/**Contact Us**/
.contact_us .contents{width:100%;font-size:0;}
.contact_us .contentLeft{display:inline-block;vertical-align:top;margin-right:50px;width:calc(40% - 50px);animation:flyfromleft 2s ease 0s 1 normal forwards;position:relative;opacity:1.0;left:0;}
.contact_us .contentRgt{display:inline-block;vertical-align:top;margin-left:50px;width:calc(60% - 50px);animation:flyfromright 2s ease 0s 1 normal forwards;position:relative;opacity:1.0;right:0;}
.contact_us .contentLeft p strong{display:block;}
.contact_us .contentRgt .googleMap{width:100%;height:0;padding-top:80%;overflow:hidden;position:relative;}
.contact_us .contentRgt .googleMap iframe{width:100%;height:100%;position:absolute;left:0;top:0}
.contact_us .contactForm{width:calc(100% + 30px);font-size:0;}
.contact_us .toAnimate{-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;opacity:0.0;}
.contact_us .toAnimate.animation{opacity:1.0;}
.contact_us .contactForm .fieldCol{display:inline-block;vertical-align:top;width:calc(100% - 30px);margin-right:30px;margin-bottom:30px;}
.contact_us .contactForm .fieldCol2{display:inline-block;vertical-align:top;width:calc(50% - 30px);margin-right:30px;margin-bottom:30px;}
.contact_us .contactForm .fieldName{width:100%;display:block;font-size:16px;line-height:20px;font-weight:800;margin-bottom:5px;}
.contact_us .contactForm .fieldName em{color:#ff3737;}
.contact_us .contactForm .field{width:100%;display:block;}
.contact_us .contactForm .commonBtn{border:1px solid #3580FF;}
.captcha{margin-bottom:5px;}
.captcha span{display:inline-block;vertical-align:middle;}
.captcha span a{display:block;width:18px;margin-left:10px;}
.captcha span a img{width:100%;display:block;}
.common-page .subPg.thankyou{animation:fadein 3.5s ease 0s 1 normal forwards;opacity:1.0;}
/**Others - Policy**/
.common-page .subPg.policy{animation:fadein 3.5s ease 0s 1 normal forwards;opacity:1.0;}
.common-page .subPg.policy ul{margin-left:25px;margin-bottom:15px;list-style-type:upper-roman;}
.common-page .subPg.policy ul li{padding:2.5px;font-size:16px;line-height:24px;color:#686e78;}
/**Others - Sitemap**/
.common-page .subPg.sitemap{animation:fadein 3.5s ease 0s 1 normal forwards;opacity:1.0;}
.common-page .subPg.sitemap ul{width:100%;list-style:none;margin:0;}
.common-page .subPg.sitemap ul li{padding:10px 0 20px 0;margin:10px 0;border-bottom:1px solid #F3F4F6;font-size:20px;line-height:24px;font-weight:700;color:#083050;}
.common-page .subPg.sitemap ul li a{text-decoration:none;color:#083050;}
.common-page .subPg.sitemap ul li ul{font-size:0;margin:10px 0 0 0;width:100%;}
.common-page .subPg.sitemap ul li ul li{display:inline-block;width:22%;vertical-align:top;padding:5px 1.5% !important;font-weight:400;border-bottom:none;margin:0;}
.common-page .subPg.sitemap ul li ul li::before{content:"\2022";color:#3580ff;font-weight: bold;display:inline-block;width:1em;margin-left:-1em;}
.common-page .subPg.sitemap ul li ul li a{font-size:16px;line-height:24px;color:#686e78;text-decoration:none;}
.common-page .subPg.sitemap ul li a:hover{text-decoration:underline;}
/**Search Page**/
.common-page .subPg.searchPg ul{list-style:none;margin:0;}
.common-page .subPg.searchPg ul li{padding:10px 0;margin-bottom:10px;border-bottom:1px solid #F3F4F6;}
.common-page .subPg.searchPg ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.common-page .subPg.searchPg p strong{color:#3580ff;}
.common-page .subPg.searchPg ul li strong{color:#083050;}
/**Student Portal**/
.videoWrapper{position:relative;padding-top:56.25%;height:0;}
.videoWrapper iframe{position:absolute;top:-1px;left:0;width:100%;height:100%;z-index:1;}
.common-page .memberAccess{width:100% !important;padding:0 !important;}
.common-page .memberAccess .contents{width:100% !important;max-width:none !important;height:80vh;font-size:0;}
.common-page .memberAccess .contents .left{width:50%;height:100%;background:#000000;display:inline-block;vertical-align:top;position:relative;}
.common-page .memberAccess .contents .left img{width:101%;height:101%;object-fit:cover;display:block;position:absolute;top:0;left:0;animation:zoomInOut 5s infinite alternate;}
.common-page .memberAccess .contents .rgt{width:50%;height:100%;background:#F3F4F6;display:inline-block;vertical-align:top;position:relative;}
.common-page .memberAccess .contents .rgt .login{width:calc(100% - 60px);max-width:500px;padding:0 30px;position:absolute;left:0;right:0;top:50%;margin:0 auto;transform:translateY(-50%);}
.common-page .memberAccess .contents .rgt .login h4{margin-bottom:15px;}
.common-page .memberAccess .contents .rgt .login .fieldCol{display:block;width:100%;margin-bottom:20px;}
.common-page .memberAccess .contents .rgt .login .fieldName{width:100%;display:block;font-size:16px;line-height:20px;font-weight:800;margin-bottom:5px;}
.common-page .memberAccess .contents .rgt .login .field{width:100%;display:block;position:relative;}
.common-page .memberAccess .contents .rgt .login .commonBtn{border:1px solid #3580FF;}
.common-page .memberAccess .contents .rgt .login .pwdIcon{position:absolute;right:15px;top:12.5px;cursor:pointer;content:'';background:url("../../images/common/icon-view.svg")no-repeat;background-size:100%;width:18px;height:18px;}
.common-page .memberAccess .contents .rgt .login .pwdIcon.active{content:'';background:url("../../images/common/icon-hide.svg")no-repeat;background-size:100%;width:18px;height:18px;}
.common-page .memberAccess .contents .rgt .login .userIcon{position:absolute;left:15px;top:12.5px;cursor:pointer;content:'';background:url("../../images/common/icon-user.svg")no-repeat;background-size:100%;width:18px;height:18px;}
.common-page .memberAccess .contents .rgt .login .lockIcon{position:absolute;left:15px;top:12.5px;cursor:pointer;content:'';background:url("../../images/common/icon-password.svg")no-repeat;background-size:100%;width:18px;height:18px;}
.course-details .sideBar .course-quicklinks{width:calc(100% - 60px);background:#F3F4F6;padding:30px;animation:flyfromright 1.5s ease 0s 1 normal forwards;opacity:1.0;position:relative;right:0;}
.sideBar .course-quicklinks ul{width:100%;}
.sideBar .course-quicklinks ul li{margin-bottom:15px;width:100%;}
.sideBar .course-quicklinks ul li:last-child{margin-bottom:0;}
.sideBar .course-quicklinks ul li a{color:#686E78;text-decoration:none;display:block;width:100%;font-size:0;}
.sideBar .course-quicklinks ul li a:hover span,
.sideBar .course-quicklinks ul li a.active span{text-decoration:underline;color:#3580ff;}
.sideBar .course-quicklinks ul li span{width:calc(100% - 40px);display:inline-block;vertical-align:top;font-size:16px;line-height:24px;}
.sideBar .course-quicklinks ul li .icon{width:18px;margin-right:15px;margin-top:2.5px;}
.sideBar .course-quicklinks ul li .icon img{display:block;width:100%;}
.STUDENT_PORTAL .accordion{width:100%;display:block;}
.STUDENT_PORTAL .accordion .title{font-size:20px;line-height:24px;font-weight:700;color:#083050;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;position:relative;cursor:pointer;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eeeeee;}
.STUDENT_PORTAL .accordion .title::after{content:'';background:url('../../images/common/angle-small-down.svg') no-repeat;background-size:auto;width:15px;height:13px;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;position:absolute;right:0;top:5px;}
.STUDENT_PORTAL .accordion .title:hover::after,
.STUDENT_PORTAL .accordion .title.active::after{transform:rotate(-90deg);}
.STUDENT_PORTAL .accordion .module{width:100%;display:none;margin-bottom:30px;}
.STUDENT_PORTAL .accordion .module p{font-size:16px;line-height:24px;color:#686e78;margin-bottom:15px;}
/**ANIMATION**/
@keyframes arrowAnim{
0%{
right:0;
}
50%{
right:10px;
}
100%{
right:0;
}
}
@keyframes flyfromleft{
0% {
left:-999px;
opacity:0.0;
}
100% {
left:0;
opacity:1.0;
}
}
@keyframes zoomInOut{
0% {
width:100%;height:100%;
}
100% {
width:105%;height:105%;
}
}
@keyframes flyfromright{
0% {
right:-999px;
opacity:0.0;
}
100% {
right:0;
opacity:1.0;
}
}
@keyframes fadein{
0% {
opacity:0.0;
}
100% {
opacity:1.0;
}
}
.come-in{transform: translateY(18.75rem);animation:come-in 1.5s ease forwards;}
.come-in:nth-child(odd){animation-duration:1.25s;}
@keyframes come-in {
to {transform: translateY(0);}
}
@-webkit-keyframes bounce {
0%{-webkit-transform:translateX(0);transform:translateX(0);}
16%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
32%{-webkit-transform:translateX(10px);transform:translateX(10px)}
48%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
60%{-webkit-transform:translateX(5px);transform:translateX(5px)}
76%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
/**UPDATES: 240904**/
.MOBILE_APPLYNOW {
position: fixed;
bottom: 15px;
right: 15px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
z-index: 1000;
display: none;
}
.MOBILE_APPLYNOW .commonBtn {
padding: 10px 15px 0 15px;
height: 28px;
}
@media only screen and (max-width : 699px) {
.MOBILE_APPLYNOW {
display: block;
}
footer .container {
padding: 20px 0 70px 0 !important;
}
}
#floating-apply {
padding: 9.5px 20px;
position: fixed;
bottom: 15px;
right: 65px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease, transform 0.3s ease;
transform: translateY(10px);
z-index: 1000;
}
#floating-apply.show {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
@media only screen and (max-width : 699px) {
.START_ONLINE .MOBILE_APPLYNOW {
display: none;
}
#floating-apply {
padding: 11.5px 20px;
}
}
/*UPDATES: 260518*/
.ccaProgramme .contents .imgLeft {
margin-right: 0;
width: 100%;
margin-bottom: 30px;
}
.ccaProgramme .contents .contentRgt {
margin-left: 0;
width: 100%;
}
.home-social .container .left {
width: calc(100% - 250px);
}
.home-social .container .rgt {
width: 250px;
}
@media only screen and (max-height : 1100px) {
.common-page .subPg.minHeight{min-height:28vh;}
}
@media only screen and (orientation: landscape) and (max-height : 699px) {
.common-page .memberAccess .contents{height:100vh;}
}
@media only screen and (orientation: landscape) and (max-height : 559px) {
.common-page .memberAccess .contents{height:120vh;}
}
@media only screen and (orientation: portrait) and (max-width : 829px) {
.common-page .memberAccess{min-height:75vh;background:#F3F4F6;}
.common-page .memberAccess .contents{height:auto;}
.common-page .memberAccess .contents .left{width:100%;height:250px;display:block;}
.common-page .memberAccess .contents .rgt{width:100%;height:auto;display:block;}
.common-page .memberAccess .contents .rgt .login{position:relative;top:0;margin:0 auto;transform:none;max-width:none;padding:30px;}
}
@media only screen and (max-width : 1399px) {
.subPg.milestones .sliderRgt{margin-left:50px;margin-right:30px;width:calc(50% - 80px);}
.HOWTOAPPLY .howapply .boxCol .image img{width:80px;margin-right:20px;}
.HOWTOAPPLY .howapply .boxCol .image h5{width:calc(100% - 100px);}
.ccaOverview .photo-slider{margin-left:30px;margin-right:30px;width:calc(100% - 60px);}
.alumni_structure .row h5{font-size:18px;}
.home-events .container .sliderRgt{margin-left:50px;margin-right:30px;width:calc(50% - 80px);}
}
@media only screen and (max-width : 1300px) {
header .container{width:calc(100% - 60px);padding:0 30px;}
header .mainMenu .menuContainer ul li .main{font-size:40px;line-height:40px;padding:10px 0;}
header .mainMenu .menuContainer ul li .sub li{margin:10px 0;}
footer .container{padding:20px;}
.home-banner .bannerImg,
.home-banner .bannerVideo{height:500px;}
.home-banner .bannerText .container{width:680px;}
.home-intro .container,.home-apply .container,.home-events .container{padding:125px 30px 60px 30px;}
.home-review .container{padding:60px 30px;}
.home-social .container{padding:60px 30px 0 30px;}
.home-social .instagramImg{padding:0 0 60px 0;}
.common-banner_main{height:500px;}
.common-banner_main .container .banner-text{width:600px;}
.subMenu .subContainer .col1 strong{margin-left:10px;}
.common-banner h3{max-width:500px;}
.common-page .subPg{padding:60px 30px;}
.common-page .subPg.withTicker .contents{padding-top:40px;}
.subPg.visionMission .contents .image{vertical-align:top;}
.subPg.visionMission .contents h4{vertical-align:top;}
}
@media only screen and (max-width : 1199px) {
html, body{font-size:1.25vw;}
header{padding:23px 0;}
.commonBtn{font-size:14px;}
.homepage h2{font-size:50px;line-height:50px;margin-bottom:15px;}
.homepage h3{font-size:40px;line-height:40px;margin-bottom:15px;}
.homepage p{font-size:14px;line-height:18px;margin-bottom:15px;}
.homepage p strong{font-size:16px;line-height:24px;}
.common-page h2{font-size:50px;line-height:50px;margin-bottom:15px;}
.common-page h3{font-size:40px;line-height:40px;margin-bottom:15px;}
.common-page p{font-size:14px;line-height:18px;margin-bottom:15px;}
.common-page p strong{font-size:16px;line-height:24px;}
.timeline-carousel__item-inner .year{font-size:40px;line-height:40px;}
.timeline-carousel__item-inner ul li{font-size:14px;line-height:18px;}
.home-banner .bannerText .container{width:580px;}
.home-banner .bannerText p{font-size:16px;line-height:24px;}
.home-review .container .contentRgt ul li p{font-size:14px;line-height:18px;margin-bottom:10px;}
.home-review .container .contentRgt ul li .name{font-size:16px;line-height:24px;}
.common-banner_main .container .banner-text{width:500px;}
.common-banner_main h2{font-size:50px;line-height:50px;margin-bottom:15px;}
.common-banner_main p{font-size:16px;line-height:24px;}
.subPg.visionMission .contents .image{width:70px;}
.subPg.visionMission .contents h4{width:calc(100% - 100px);}
.subPg.milestones .photo_airplane span{width:calc(33.3333% - 30px);}
.HOWTOAPPLY .howapply .boxCol span{width:calc(50% - 90px);}
.HOWTOAPPLY .howapply .boxCol .step01{width:calc(100% - 90px);}
.subPg.testimonials ul li{width:calc(50% - 90px);}
.alumni_structure .row h5{font-size:16px;}
.MEDIA .SOCIALMEDIA .contents .facebook .fb-page{height:620px !important;overflow-y:hidden;}
.ccaActivities .SLIDERS .contents{max-width:auto;width:90%;margin:0 auto;}
}
@media only screen and (max-width : 1099px) {
.subPg.coreValues .boxCol span{width:calc(33.3333% - 90px);margin-bottom:30px;}
.subPg.coreValues{padding-bottom:30px !important;}
.common-page .subPg.sitemap ul li ul li{width:30.3333%;}
.common-page .subPg.sitemap ul li ul{margin-left:10px;}
.common-page .subPg.sitemap ul li ul li::before{width:1.5em;margin-left:-0.75em;margin-right:-0.75em;}
.alumni_structure .row h5{font-size:14px;}
}
@media only screen and (max-width : 999px) {
header .mainMenu .menuContainer{width:calc(100% - 60px);padding:20px 30px;position:relative;transform:none;top:0;height:calc(100% - 40px);overflow-y:auto;}
header .mainMenu .menuContainer ul li .main{width:100%;font-size:35px;line-height:35px;}
header .mainMenu .menuContainer ul li .sub{width:100%;min-height:0;position:relative;z-index:0;left:0;top:0;padding-left:0;display:none;}
header .mainMenu .menuContainer ul li:hover .sub{display:block;}
.HOWTOAPPLY .download .contents .col2{width:100%;margin-right:0;}
.HOWTOAPPLY .download .contents .col2.rgt{margin-bottom:0;margin-left:0;}
.SECSCH_CCA_Prog .schoolName li{width:calc(33.3333% - 30px);}
.MEDIA .SOCIALMEDIA .contents .facebook .fb-page{height:550px !important;}
.subPg.newsletters ul li{width:calc(33.3333% - 30px);}
.subPg.gallery_photo ul li{width:calc(33.3333% - 30px);}
}
@media only screen and (max-width : 899px) {
.home-banner .bannerImg,
.home-banner .bannerVideo{height:380px;}
.home-banner .bannerText{transform:none;top:auto;/*bottom:15px;*/position:relative;margin:20px auto 0 auto;}
.home-banner .bannerText .container{width:100%;float:none;}
.home-banner .bannerVideo video{width:100%;}
.home-review .container .contentLeft{margin-right:0;width:100%;margin-bottom:30px;}
.home-review .container .contentRgt{margin-left:0;width:100%;}
.home-social .instagramImg li{width:33.3333%;}
.common-banner_main{height:450px;}
.common-banner_main .container{transform:none;top:auto;bottom:15px;}
.common-banner_main .container .banner-text{width:100%;float:none;}
.subPg.visionMission .contents .vision{width:100%;margin-right:0;margin-bottom:30px;}
.subPg.visionMission .contents .mission{width:100%;margin-left:0;}
.subPg.visionMission .contents .image{width:100px;}
.subPg.visionMission .contents h4{width:calc(100% - 130px);}
.subPg.team{padding-bottom:30px !important;}
.subPg.team .contents ul li{width:calc(50% - 30px);margin-bottom:30px;}
.subPg.apply_course .split .text{width:380px;}
.HOWTOAPPLY .requisites .boxCol span{width:calc(50% - 90px);}
.HOWTOAPPLY .howapply .boxCol span,
.CCA .HOWTOAPPLY .howapply .boxCol span{width:calc(100% - 90px);}
.HOWTOAPPLY .googleMap,.HOWTOAPPLY .googleMap iframe{height:350px;}
.subPg.testimonials ul li span{width:calc(100% - 100px);vertical-align:top;}
.subPg.testimonials ul li .photo{width:70px;height:70px;margin-left:30px;}
.subPg.testimonials ul li span{display:block;width:100%;}
.subPg.testimonials ul li .photo{width:90px;height:90px;margin-left:0;margin-top:15px;}
.alumni_intro .contents .imgLeft{margin-right:0;width:100%;margin-bottom:30px;margin-top:-2.5px;}
.alumni_intro .contents .contentRgt{margin-left:0;width:100%;}
.alumni_intro .contents .contentRgt h3{margin-left:0;}
.alumni_structure .row h5{font-size:12px;}
.alumni_structure .row p{font-size:12px;}
.subPg.gallery ul li{width:calc(50% - 30px);}
.MEDIA .NEWSLETTER .contentLeft{margin-right:0;width:100%;margin-bottom:30px;}
.MEDIA .NEWSLETTER .contentRgt{margin-left:0;width:100%;}
.MEDIA .GALLERY ul li{width:calc(50% - 30px);}
.MEDIA .SOCIALMEDIA .contents .facebook{width:calc(50% - 30px);margin-bottom:30px;}
.MEDIA .SOCIALMEDIA .contents .tiktok{width:calc(50% - 30px);margin-bottom:30px;}
.MEDIA .SOCIALMEDIA .contents .instagram{width:calc(50% - 30px);}
.MEDIA .SOCIALMEDIA .contents .socialBox{height:400px;overflow-y:auto;}
.MEDIA .SOCIALMEDIA .contents .facebook .socialBox{overflow-y:hidden;}
.contact_us .contentLeft{margin-bottom:15px;margin-right:0;width:100%;}
.contact_us .contentRgt{margin-left:0;width:100%;margin-bottom:15px;}
.contact_us .contentRgt .googleMap{padding-top:50%;}
}
@media only screen and (max-width : 799px) {
.home-intro .container,
.home-apply .container,
.home-events .container{padding:90px 30px 30px 30px;}
.home-review .container{padding:30px;}
.home-social .container{padding:30px 30px 0 30px;}
.home-intro .container .imgLeft{margin-right:0;width:100%;margin-bottom:30px;margin-top:-2.5px;}
.home-intro .container .contentRgt{margin-left:0;width:100%;}
.home-intro .container .contentRgt h3{margin-left:0;}
.home-apply .container .contents{margin-bottom:15px;}
.home-apply .container .contents span{width:100%;margin-right:0;margin-bottom:30px;}
.home-apply .container .contents .title{width:100%;}
.home-apply .container .contents .btn{/*width:126px;*/margin-right:0;margin-bottom:0;}
.home-apply .container .courseName li{width:calc(50% - 30px);}
.home-events .container .contentLeft{margin-right:0;width:100%;margin-bottom:30px;margin-top:-2.5px;}
.home-events .container .sliderRgt{margin-left:30px;margin-right:30px;width:calc(100% - 60px);}
.home-events .container .sliderRgt h3{margin-left:0;}
.home-social .container .left{width:100%;}
.home-social .container .rgt{text-align:left;width:100%}
.home-social .container .rgt a{margin-left:0;margin-right:10px;}
.home-social .instagramImg{padding:0 0 30px 0;}
.common-banner{height:200px;}
.common-banner .banner-foreBg{display:block;}
.common-page .subPg{padding:30px;}
.common-page .subPg.coreValues,.common-page .subPg.team,
.HOWTOAPPLY .requisites,.common-page .subPg.testimonials,
.common-page .subPg.SECSCH_CCA_Prog,
.common-page .subPg.media_releases,.common-page .subPg.newsletters,.common-page .subPg.gallery,.common-page .subPg.gallery_photo{padding-bottom:0 !important;}
.common-page .subPg.milestones,.ccaCourse .subPg, .common-page .subPg.alumni_intro{padding-bottom:15px !important;}
.subPg.milestones .contentLeft{margin-right:0;width:100%;margin-bottom:30px;margin-top:-2.5px;}
.subPg.milestones .sliderRgt{margin-left:30px;margin-right:30px;width:calc(100% - 60px);}
.ccaApply .contents .toAnimate {margin-bottom:15px;}
.ccaApply .contents span{width:100%;margin-right:0;margin-bottom:30px;}
.ccaApply .contents .title{width:100%;}
.ccaApply .contents .btn{width:126px;margin-right:0;margin-bottom:0;}
.ccaApply .contents .ccaType li{width:calc(50% - 30px);}
.alumni_intro .contents{padding-top:75px;}
.alumni_contact .contents span{width:100%;margin-right:0;margin-bottom:30px;}
.alumni_contact .contents .title{width:100%;}
.alumni_contact .contents .social_media{width:100%;text-align:left;margin-bottom:0;}
.alumni_contact .contents .social_media a{margin-left:0;margin-right:10px;}
.common-page .subPg.thankyou{padding:60px 30px;}
.subPg.history .contents{width:100%;padding:65px 0 0 0;}
.subPg.history .contents .imgLeft{margin-right:0;width:100%;margin-bottom:30px;margin-top:-2.5px;}
.subPg.history .contents .contentRgt{margin-left:0;width:100%;}
.subPg.history .contents .contentRgt h3{margin-left:0;}
.ccaActivities .SLIDERS .contents{width:85%;}
.ccaProgramme .contents{width:100% !important;padding:65px 0 0 0;}
.ccaProgramme .contents .imgLeft{margin-right:0;width:100%;margin-bottom:30px;margin-top:-2.5px;}
.ccaProgramme .contents .contentRgt{margin-left:0;width:100%;}
.ccaProgramme .contents .contentRgt h3{margin-left:0;}
}
@media only screen and (max-width : 759px) {
.sticky{position:relative;top:0;}
.course-details .sideBar{width:100%;margin-left:0;margin-bottom:15px;float:none;}
.course-details .contents{width:100% !important;}
.ccaActivities .subPg .contents .image{width:100%;padding-top:75%;margin-bottom:20px;}
.ccaActivities .subPg .contents .description{width:100%;}
.ccaActivities .subPg.IMG_RGT .contents .image{margin-left:0;float:none;}
.ccaActivities .subPg.IMG_RGT .contents .description{margin-right:0;float:none;}
.ccaActivities .subPg.IMG_LEFT .contents .image{margin-right:0;float:none;}
.ccaActivities .subPg.IMG_LEFT .contents .description{margin-left:0;float:none;}
}
@media only screen and (max-width : 699px) {
header{padding:14px 0;}
header .container .mobileMenuBtn{margin-right:50px;}
header .container .logo{width:calc(100% - 140px);text-align:center;margin-left:0;}
header .container .logo img{width:180px;display:inline-block;}
header .container .otherNav{width:70px;}
header .container .otherNav .last{display:none;}
header .mainMenu{height:calc(100% - 69px);max-height:calc(100% - 69px);top:69px;}
header .VT_DESKTOP{display:none !important;}
header .VT_MOBILE{display:block !important;}
footer .MOBILE{display:inline-block !important;}
.searchField{top:69px;}
.homepage{margin:70px auto 0 auto;}
.common-page{margin:70px auto 0 auto;}
.common-page .subPg.withTicker .contents{padding-top:25px;}
.subPg.milestones .photo_airplane span{width:calc(50% - 30px);}
.subPg.coreValues .boxCol span{width:calc(50% - 90px);}
.subPg.apply_course{width:100%;height:auto;}
.subPg.apply_course .split{position:relative;width:100%;height:0;padding-top:75%;}
.subPg.apply_course.hover-left .left{width:100%;}
.subPg.apply_course.hover-left .right{width:100%;}
.subPg.apply_course.hover-right .right{width:100%;}
.subPg.apply_course.hover-right .left{width:100%;}
.subPg.apply_course .split .text{top:50%;transform:translate(-50%, -50%);left:50%;right:0;width:calc(100% - 60px);text-align:center;}
.subPg.apply_course .split .detail_mo{width:100%;padding:10px 0;opacity:1.0;visibility:visible;transition:1s all ease-in-out;}
.subPg.apply_course.hover-left .right h2,
.subPg.apply_course.hover-right .left h2{opacity:1.0;}
.courseIntro .boxCol span{width:calc(50% - 90px);}
.courseIntro .courseName li{width:calc(50% - 30px);margin-bottom:15px;}
.HOWTOAPPLY .contactDetail ul li{width:calc(50% - 30px);margin-bottom:20px;}
.HOWTOAPPLY .contactDetail ul li:last-child{margin-bottom:0;}
.ccaApply .contents{padding-top:60px !important;}
.SECSCH_CCA_Prog .schoolName li{width:calc(50% - 30px);}
.alumni_intro .contents{padding-top:60px !important;}
.alumni_structure .row{width:100%;}
.alumni_structure .row span{display:block;width:100%;max-width:320px;margin:0 auto;}
.alumni_structure h3{margin-bottom:25px;}
.alumni_structure .row h5{font-size:16px;}
.alumni_structure .row p{font-size:14px;}
.alumni_events_contact ul li{width:calc(50% - 30px);}
.alumni_monitoring .contentLeft{margin-right:0;width:100%;margin-bottom:15px;}
.alumni_monitoring .imgRgt{margin-left:0;width:100%;margin-bottom:15px;}
.subPg.newsletters ul li{width:calc(50% - 30px);}
.subPg.gallery_photo ul li{width:calc(50% - 30px);}
.common-page .subPg.sitemap ul li ul li{;width:47%;}
.subPg.timelineSect{width:calc(100% - 30px);}
.timeline-carousel{padding:75px 0 0 0;}
.home-banner .bannerImg,
.home-banner .bannerVideo{height:280px;}
}
@media only screen and (max-width : 599px) {
html, body{font-size:1.5vw;}
header .mainMenu .menuContainer ul li .main{font-size:30px;line-height:30px;}
.home-social .container .left h3 a{margin-left:0;}
.alumni_intro .boxCol span{width:calc(50% - 90px);}
.MEDIA .SOCIALMEDIA .contents .facebook{width:calc(100% - 30px);}
._2p3a{width:100% !important;}
.MEDIA .SOCIALMEDIA .contents .tiktok{width:calc(100% - 30px);}
.MEDIA .SOCIALMEDIA .contents .instagram{width:calc(100% - 30px);}
.Main__Inner-sc-129s5zi-0{max-width:none !important;width:100%;}
.MEDIA .RELEASES .commonBtn{position:relative;}
.contact_us .contactForm .fieldCol2{width:calc(100% - 30px);}
.ccaActivities .SLIDERS .contents{width:80%;}
.ccaActivities .SLIDERS .contents .sliderContents{margin:7.5rem auto 0 auto;}
}
@media only screen and (max-width : 499px) {
.subPg.apply_course .split{padding-top:100%;}
.subPg.apply_course .split h2{font-size:35px;line-height:35px;}
.HOWTOAPPLY .howapply .boxCol .image img{display:block;width:110px;margin-right:0;margin-bottom:10px;}
.HOWTOAPPLY .howapply .boxCol .image h5{display:block;width:100%;}
.subPg.testimonials ul li{width:calc(100% - 90px);}
.alumni_events .image{width:100%;}
.subPg.gallery ul li{width:calc(100% - 30px);}
.MEDIA .GALLERY ul li{width:calc(100% - 30px);}
.common-page .subPg.sitemap ul li ul li{;width:97%;}
.contact_us .contentRgt .googleMap{padding-top:75%;}
.subPg.history .contents{padding:50px 0 0 0;}
.ccaProgramme .contents{padding:50px 0 0 0;}
/*.home-banner .bannerVideo video{width:250%;}*/
.home-banner .bannerImg,
.home-banner .bannerVideo{height:200px;}
.home-banner .bannerVideo video{width:120%;}
}
@media only screen and (max-width : 399px) {
html, body{font-size:2vw;}
header .mainMenu{height:calc(100% - 62px);max-height:calc(100% - 62px);top:62px;}
header .container .mobileMenuBtn{margin-right:20px;}
header .container .logo{width:calc(100% - 110px);}
header .container .logo img{width:150px;}
header .container .menuNav.active{min-height:calc(100vh - 52px);top:52px;}
.searchField{top:62px;}
.homepage,.common-page{margin:63px auto 0 auto;}
.home-apply .container .courseName li{width:calc(100% - 30px);}
.home-social .instagramImg li{width:50%;}
.home-review .container .contentRgt ul li span{width:calc(100% - 100px);vertical-align:top;}
.home-review .container .contentRgt ul li .photo{width:70px;height:70px;margin-left:30px;}
.home-review .container .contentRgt ul li span{display:block;width:100%;}
.home-review .container .contentRgt ul li .photo{width:90px;height:90px;margin-left:0;margin-top:15px;}
.homepage h3{font-size:35px;line-height:35px;}
.subPg.visionMission .contents h4{width:100%;margin-top:15px;}
.subPg.coreValues .boxCol span{width:calc(100% - 90px);}
.subPg.team .contents ul li{width:calc(100% - 30px);}
.subPg.milestones .photo_airplane span{width:calc(100% - 30px);}
.subPg.apply_course .split{padding-top:125%;}
.courseIntro .boxCol span{width:calc(100% - 90px);}
.courseIntro .courseName li{width:calc(100% - 30px);}
.trainingDev .contents span{width:100%;margin:0;}
.trainingDev .contents .left{margin-right:0;margin-bottom:30px;}
.trainingDev .contents .rgt{margin-left:0;}
.HOWTOAPPLY .contactDetail ul li{width:calc(100% - 30px);}
.HOWTOAPPLY .requisites .boxCol span,
.CCA .HOWTOAPPLY .requisites .boxCol span{width:calc(100% - 90px);}
.ccaApply .contents .ccaType li{width:calc(100% - 30px);}
.ccaActivities .subPg .contents h3{font-size:35px;line-height:35px;}
.alumni_intro .boxCol span{width:calc(100% - 90px);}
.alumni_events_contact ul li{width:calc(100% - 30px);}
.alumni_events_contact ul li:first-child{margin-bottom:30px;}
.ccaActivities .SLIDERS .contents{width:75%;}
.ccaActivities .SLIDERS .contents .sliderContents{margin:10rem auto 0 auto;}
}
@media only screen and (max-height : 600px) {
.homepage h2{font-size:45px;line-height:45px;}
}
@media only screen and (max-height : 569px) {
.homepage h2{font-size:42px;line-height:42px;}
.homepage h2 br{display:none;}
}
@media only screen and (max-height : 529px) {
.homepage h2{font-size:40px;line-height:40px;}
}
/*UPDATES: 260708*/
@media only screen and (max-width : 1199px) {
.common-page.ccaActivities .SLIDERS h3{width:150%;margin-left:-25%;margin-right: -25%;}
}