/* Theme Name: Robokids 2024 Author: Pete Xu Description: Robokids official site 2024. Comes with better funcions and user experiences */ /* =Reset -------------------------------------------------------------- */ 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, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input,textarea,*:before,*:after,ul.unstyle,ul.unstyle li{margin:0;padding:0;border:0;font:inherit;box-sizing:border-box;} html,body{width:100%;height:100%;} body{font-family: "Noto Sans", sans-serif;font-size:100%;font-weight:300;color:#30313a;} .cWrap{max-width:1270px;margin:0 auto;width:100%;padding:0 30px;} .cWrap.flex{display:flex;} .clear{width:100%;clear:both;margin:0px !important;} .unstyle,.unstyle li{list-style:none;} .fullWidth{width:100%;} .halfWidth{width:48.25%;} .three-blocks{width:31%;} .four-blocks{width:22.375%;} .flex .fullWidth,.flex .halfWidth,.flex .three-blocks,.flex .four-blocks{margin-bottom:3.5%;} .flex{display:flex;flex-wrap: wrap;} .greyBox{background:#f5f6fa;} h1{font-size:6em;margin:0 0 .05em;line-height:1em;letter-spacing:-.04em;color:#dfa855;font-family: "Big Shoulders Text", sans-serif;font-weight:600;font-style:normal;} h2{font-size:3.6em;margin-bottom:.6em;font-family: "Big Shoulders Text", sans-serif;font-weight:600;font-style:normal;color:#dfa855} p{font-size:1.2em;font-weight:300;} .third-title{font-size:1.4em;width:100%;margin-bottom:2em;text-align:center;} .third-title em{font-weight:bold;display:block;margin-bottom:10px;} input[type="submit"],input[type="resete"],input[type="button"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: rgba(0,0,0,0.4); } /* Handle */ ::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.2); border-radius:10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background:rgba(255,255,255,0.4); } header{position:fixed;left:0px;top:0px;width:100%;height:100px;z-index:3;display:flex;justify-content:flex-start;align-items:center;transition:all .5s ease-in-out;color:#fff;padding:0 35px;border-radius:0 0 40px 40px;} header.short{background:#f2f3fa;} #logoCell{padding:10px 15px;display:block;width:260px;} #logoCell img{display:block;width:100%;} #langCell{display:flex;position:fixed;height:40px;background:#65666a;border-radius:40px;top:30px;right:120px;padding:5px;} #langCell a{display:block;line-height:30px;text-decoration:none;font-weight:bold;color:#fff;padding:0 10px;border-radius:30px;} #langCell a.active{color:#ea222a;background:#fff;cursor:default;} #innerPage header{width:100%;} #innerPage #logoCell{width:260px;} header nav{display:flex;position:fixed;width:100%;height:100%;left:-100%;top:0px;background:#15161a;opacity:0;transition:all .25s linear;overflow:hidden;padding:40px 0;} header.open nav{left:0px;opacity:1;transition:opacity .25s linear;align-items:center;} header nav:before{content:'';display:block;width:50%;height:120%;position:absolute;left:-20%;top:-10%;background:transparent url(images/menu.jpg) no-repeat right 10%;background-size:cover;opacity:0;border-radius:0 50% 50% 0;} header nav:after{content:'';display:block;width:50%;height:100%;position:absolute;left:0px;top:-60px;background:transparent url("images/site_logo1.svg") no-repeat 80% center;background-size:240px auto;opacity:0} header.open nav:before{opacity:.4;left:-5%;transition:all .25s linear;transition-delay:.3s;} header.open nav:after{opacity:1;top:0px;transition:all .25s linear;transition-delay:.3s;} nav ul{list-style:none;} header nav a{text-decoration:none;color:#85868a;transition:all .3s ease-in-out;font-weight:500;} header nav a:hover{color:#fff;letter-spacing:2px;} header nav ul{padding-left:0em !important;font-size:90% !important;font-weight:200 !important;} ul.nav-menu>li{padding:5px 0;font-size:1.2em;} ul.sub-menu>li{font-size:1em;margin-left:1.2em;list-style:disc;} header nav a:hover{color:#fff;letter-spacing:2px;} header nav li.current_page_item a{color:#fff;} header nav>div{display:flex;width:100%;padding:0 80px 0 55%;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;max-height:100%;opacity:0;z-index:1;overflow:auto;font-size:1.4em;font-weight:500;} header.open nav>div{top:0px;opacity:1;transition:all .25s linear;transition-delay:.3s;} header aside{width:80px;height:100%;background:none;left:10px;justify-content:center;padding:0px;position:absolute;display:flex;flex-direction:column;justify-content:center} header aside a{display:block;width:60px;padding:15px;} header aside a img{display:block;max-width:100%;} .specialNavi{display:block;position:absolute;right:0px;top:50%;} .specialNavi a{display:block;padding:0 40px 0 20px;border:30px 0 0 30px;border-radius:30px 0 0 30px;line-height:50px;background:#ea222a;color:#fff;font-size:80%;text-transform:uppercase;margin-top:-25px;} #mNav{display:block;position:fixed;width:100px;height:100px;top:0px;right:10px;z-index:10;cursor:pointer} #mNav span{position:absolute;display:block;width:42px;height:3px;left:0px;top:12px;background:rgba(0,0,0,0.6);border-radius: 1px;transition:all .2s linear;transition-delay:.2s;margin:36px 0 0 30px;} #mNav span:before{content:'';position:absolute;display:block;width:42px;height:3px;left:0px;top:-11px;background:rgba(0,0,0,0.6);border-radius: 1px;transition:all .2s linear;} #mNav span:after{content:'';position:absolute;display:block;width:42px;height:3px;left:0px;bottom:-11px;background:rgba(0,0,0,0.6);border-radius: 1px;transition:all .2s linear;} #mNav:hover span:before{width:36px;} #mNav:hover span:after{width:32px;} .open #mNav{left:auto;right:0px;} .open #mNav span{opacity:0;transition:none} #mNav figure{opacity:0;position:absolute;display:block;width:32px;height:3px;left:50%;top:50%;background:rgba(255,255,255,0.6);border-radius: 1px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform: rotate(45deg);transition:none;margin: 0 0 0 -16px;} #mNav figure:before{content:'';position:absolute;display:block;width:32px;height:3px;left:0px;top:0px;background:rgba(255,255,255,0.6);border-radius: 1px;-ms-transform: rotate(90deg);-webkit-transform:rotate(90deg);transform: rotate(90deg);} .open #mNav figure{opacity:1;transition:all .2s linear;transition-delay:.2s;} #heroCell{display:flex;position:relative;justify-content:flex-end;} #heroCell:before{content:'';display:block;width:70%;padding-top:70%;border-radius:50%;background:#f3f4fa;position:absolute;left:80px;top:-30%;z-index:-1;} #heroCell:after{content:'';display:block;width:55%;padding-top:55%;border-radius:50%;border:rgba(0,0,0,0.1) 2px dashed;position:absolute;left:24%;top:5%;z-index:-1;} #slider{float:left;width:100%;} #slider>figure{float:right;width:70%;padding-top:36%;border-radius:0 0 150px 600px;background:transparent url(images/slide_sample.jpg) no-repeat center bottom;background-size:cover;position:relative;opacity:0;z-index:0;} #slider>figure.active{position:absolute;right:0px;top:0px;z-index:1;opacity:1;transition:all 1s linear;} #slider>figure.lastAct{position:relative;z-index:0;opacity:0;transition:opacity .6s linear;} #slider>figure h1{display:block;position:absolute;right:75%;top:25%;width:45%;text-shadow:-20px 40px 10px rgba(0,0,0,0.1);} #slider>figure h1 strong{display:block;font-family: "Noto Sans", sans-serif;font-weight:100;color:#a6a7aa;text-transform:uppercase;font-size:70%;} #slider>figure a{display:flex;position:absolute;width:200px;height:200px;border-radius:50%;color:#fff;right:76%;bottom:5%;padding:20px;justify-content:center;align-items:center;font-weight:bold;font-size:2em;text-decoration:none;text-transform:uppercase;text-align:center;line-height:1em;overflow:hidden;z-index:2;text-shadow:-1px 1px 2px rgba(0,0,0,0.6);transition:all .25s linear;background:#ea222a;box-shadow:inset 12px -20px 0px #a81e29;} #slider>figure a:hover{text-shadow:1px -1px 2px rgba(0,0,0,0.6);box-shadow:inset -12px 20px 0px #a81e29;} #homeCamp{display:flex;flex-direction:row-reverse;padding:120px 10% 40px;justify-content:space-between} #homeCamp h2{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:36%;line-height:1.1em;letter-spacing:-.04em;text-transform:none;margin-top:80px;} #homeCamp h2 strong{display:block;margin-top:2em;font-size:40%;font-family: "Noto Sans", sans-serif;letter-spacing:0em;line-height:1.2em;font-weight:300;color:#a6a7aa;} #homeCamp h2 a{text-transform:uppercase;text-decoration:none;padding:10px 30px;border-radius:200px;background:#ea222a;color:#fff;font-size:60%;margin-top:40px;overflow:hidden;position:relative;text-shadow:-1px 1px 2px rgba(0,0,0,0.6);transition:all .25s linear;box-shadow:inset 0px -10px 0px #a81e29;} #homeCamp h2 a:hover{text-shadow:1px -1px 2px rgba(0,0,0,0.6);padding:15px 30px 5px;box-shadow:inset 0px 10px 0px #a81e29;} #homeCamp>div{display:flex;width:60%;align-items:flex-end;} #homeCamp>div figure{display:block;width:60%;padding-top:84%;border-radius:1000px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(../images/camp_v.jpg);} #homeCamp>div figure:nth-child(even){padding-top:32%;border:#fff 10px solid;margin-left:-20%;margin-bottom:10%;background-image:url(images/camp_h.jpg);} #homeAbout{display:flex;flex-direction:row-reverse;overflow-x:hidden;align-items:center;justify-content:space-between;padding-left:10%;} #homeAbout>figure{display:block;width:45%;padding-top:45%;position:relative;margin-right:-10%;} #homeAbout>figure:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;border-radius:50%;border:#f5f6fa 50px solid;} #homeAbout>figure>div{display:block;border-radius:260px 80px;position:absolute;right:40%;top:10%;width:80%;} #homeAbout>figure img{display:block;border-radius:260px 80px;max-width:100%;} #homeAbout>figure a{display:flex;position:absolute;width:160px;height:160px;border-radius:50%;background:#ea222a;color:#fff;right:-20px;bottom:-10px;padding:10px;justify-content:center;align-items:center;font-weight:bold;font-size:1.6em;text-decoration:none;text-transform:uppercase;text-align:center;line-height:1em;text-shadow:-1px 1px 2px rgba(0,0,0,0.6);box-shadow:inset 10px -10px 0px #a81e29;transition:all .25s linear;} #homeAbout>figure a:hover{text-shadow:1px -1px 2px rgba(0,0,0,0.6);box-shadow:inset -10px 10px 0px #a81e29;} #homeAbout>div{width:50%;} #homeAbout>div p{margin-bottom:1.4em;} #homeAbout>div p strong{display:block;font-weight:600;font-size:120%;} #homeCourses{display:flex;padding:180px 5% 60px;width:100%;background:transparent url(images/home_courses.jpg) no-repeat center center;background-attachment:fixed;position:relative;overflow:hidden;gap:5%;flex-wrap:wrap;} #homeCourses:before{content:'';display:block;width:102%;height:100px;background:transparent url(images/irregular1.svg) no-repeat left top;background-size:cover;position:absolute;left:-1%;top:0px;} #homeCourses:after{content:'';display:block;width:102%;height:100px;background:transparent url(images/irregular2.svg) no-repeat left top;background-size:cover;position:absolute;left:-1%;bottom:-4px;} #homeCourses>div{width:30%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px 40px 80px;background:rgba(0,0,0,0.2);margin-bottom:4%;border-radius:40px;color:#fff;text-align:center;overflow:hidden;position:relative;gap:10px;} #homeCourses>div>img{display:block;width:70px;} #homeCourses>div h3{font-size:2em;text-transform:uppercase;font-weight:700;} #homeCourses>div>a{display:block;width:76%;height:120px;border-radius:50%;position:absolute;top:100%;margin-top:-42px;padding-top:13px;text-transform:uppercase;font-weight:700;text-decoration:none;background:#ea929d;color:#fff;} #homeCourses>div>a:hover{background:#a81e29} /*-----Innerpage-----*/ .innerHero{display:flex;height:600px;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;z-index:-1;justify-content:flex-end;align-items:flex-end;} .innerHero:before{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0px;top:0px;z-index:-1;} .innerHero h1{margin:0 10% 110px 0;text-transform:uppercase;line-height:0.8em;font-size:9vw;color:#fff;text-shadow:0px -2px 6px rgba(0,0,0,0.4)} #robotHead{background-image:url("images/robotics.jpg");} #mathHead{background-image:url("images/math.jpg");} #campsHead{background-image:url("images/camps.jpg");} #competeHead{background-image:url("images/competition.jpg");} #partiesHead{background-image:url("images/parties.jpg");} #parentsHead{background-image:url("images/parents.jpg");} #contactHead{background-image:url("images/home_courses.jpg");} #pdHead{background-image:url("images/pd_day.jpg");} #fcHead{background-image:url("images/franchising.jpg");} #latest-updateHead{background-image:url("images/home_courses.jpg");} #innerCont{position:relative;border-radius:120px 0 0 0;background:#fff;margin-top:-120px;padding:100px 5%;} .page-subtitle{position:relative;text-align:center;padding-top:60px;font-size:1.6em;} .page-subtitle:before{content:'';display:block;width:80px;height:2px;background:#dfa855;position:absolute;left:50%;bottom:100%;margin:0 0 0 -40px;} .videoCell{display:block;width:100%;padding-top:56%;position:relative;overflow:hidden;} .videoCell iframe{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;} #innerCont.course{display:flex;flex-wrap:wrap;gap:80px;align-items:flex-start;} #innerCont.course div.page-subtitle{flex:0 0 320px;text-align:right;padding:0 50px 0 0;} #innerCont.course div.page-subtitle:before{content:'';display:block;width:2px;height:80px;background:#dfa855;position:absolute;left:100%;top:0%;margin:0px;} #innerCont.course div.page-subtitle p{font-size:1em;margin-bottom:1.2em;} #innerCont article{display:flex;flex-wrap:wrap;gap:3.5%;margin-top:80px;} #innerCont.course article{flex:1;margin:0px;} #innerCont article .courseItem{display:flex;width:100%;flex-wrap:wrap;border:#e5e6ea 1px solid;border-radius:20px;padding:40px 0 0;align-items:flex-start;overflow:hidden;gap:30px;margin:0 0 30px;} /*#innerCont article.courses-4 .courseItem{display:flex;flex-direction:column;width:48.25%;}*/ #innerCont article .courseItem>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;padding:0 40px 0 0;} #innerCont article .courseItem img{display:block;width:160px;border-radius:50%;flex:0 0 160px;margin:0 0 0 20px;} #innerCont article .courseItem h3{font-size:2.4em;color:#dfa855;font-weight:bold;letter-spacing:-.04em;} #innerCont article .courseItem p{font-size:1.2em;} #innerCont article .courseItem h4{display:block;width:100%;color:#35363a;font-size:1em;font-weight:bold;text-transform:uppercase;margin:10px 0;padding:10px 0 0;} #innerCont article .courseItem li{font-size:1.2em;margin:10px 0 0;} #innerCont article .courseItem li strong{font-weight:600;color:#ea222a} #innerCont article .courseItem>.availCampus{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;flex:none;background:#f4f5fa;padding:0 40px 30px;} .availCampus a{display:block;padding:8px 20px;border-radius:30px;background:#fff;color:#a81e29;text-decoration:none;font-weight:700;font-size:90%;} .availCampus a:hover{color:#fff;background-color:#ea222a;box-shadow:inset 0px 4px 0px #a81e29;} #innerCont article .campItem{display:flex;width:100%;flex-wrap:wrap;border:#e5e6ea 1px solid;border-radius:20px;padding:30px 30px 20px;align-items:flex-start;overflow:hidden;gap:30px;margin:0 0 30px;} #innerCont article .campItem>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;padding:0 40px 0 0;} #innerCont article .campItem>figure{flex:0 0 260px;display:flex;flex-direction:column;gap:30px;} #innerCont article .campItem img{display:block;max-width:100%;border-radius:10px;} #innerCont article .campItem.pday img{padding:20px;} #innerCont article .campItem h3{font-size:2.4em;color:#dfa855;font-weight:bold;letter-spacing:-.04em;} #innerCont article .campItem dt{font-weight:bold;font-size:1.4em;margin-top:1em;} #innerCont article .campItem dd{font-size:1.2em;margin-bottom:6px;} #innerCont article .campItem h4{text-transform:uppercase;display:block;width:100%;color:#95969a;font-size:3em;font-weight:100;} #innerCont article .campItem h5{font-size:1em;background:#f5f6fa;padding:6px 20px;border-radius:4px;margin:10px 0 0;} #innerCont article .campItem h5 strong{display:inline-block;width:60px;font-size:80%;font-weight:bold;margin-right:10px;} #innerCont article .campItem .availCampus{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;} .campItem .availCampus strong{display:block;width:100%;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:90%;} .campItem .availCampus a{display:block;padding:8px 20px;border-radius:30px;background:#f0f1fa;color:#a81e29;text-decoration:none;font-weight:700;font-size:90%;} .campItem .availCampus a:hover{color:#fff;background-color:#ea222a;box-shadow:inset 0px 4px 0px #a81e29;} .campusList{display:flex;justify-content:center;gap:2%;flex-wrap:wrap;padding:80px 5%;background:#e5e6ea;} .campus-item{display:flex;flex-wrap:wrap;width:32%;padding:20px 100px 20px 30px;align-items:flex-start;justify-content:flex-start;position:relative;background:#fff;letter-spacing:-.05em;margin-top:2%;border-radius:20px;} .contact .campus-item{background:#f1f2fa;} .campus-item h3{width:100%;font-size:1.6em;font-weight:700;} .campus-item p{width:100%;font-size:1.2em;margin-bottom:1.6em;} .campus-item a{margin-right:20px;font-weight:700;text-decoration:none;color:#35363a;} .campus-item a:hover{color:#ea222a;} .campus-item a.button{position:absolute;display:block;padding:0 20px;right:30px;top:50%;line-height:50px;border-radius:25px;margin-top:-25px;margin-right:0px;text-transform:uppercase;background:#ea222a;color:#fff;box-shadow:inset 0px -6px 0px #a81e29;transition:all .25s linear;} .campus-item a.button:hover{box-shadow:inset 0px 6px 0px #a81e29;} #innerCont.contact{display:flex;flex-direction:row;flex-wrap:wrap;gap:2%;} .scheduleCell{margin-top:40px;display:flex;flex-direction:column;background:#f5f6fa;padding:20px 30px;text-align:left;border-radius:10px;} .scheduleCell h3{font-weight:bold;color:#a81e29;text-transform:uppercase;font-size:75%;} .legoCell{background:#45464a;display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding:80px 5%;} .legoCell>img{height:60px;} .legoCell>p{width:80%;text-align:center;color:#fff;font-size:1em;} #plan-comparison{margin:60px 0;} #plan-comparison th{padding:40px 10px;font-size:1.6em;font-weight:700;letter-spacing:-1px;color:#fff;} .item-name{width:34%;background:#444;} .plan{width:21%;} .gap{width:1%;background:#fff !important;padding:0px !important;} .basic{background:#b4c73a;} .value{background:#e89715;} .deluxe{background:#e34a3a} .grey td{background:#f3f3f3;} #plan-comparison td{padding:20px;text-align:left;} td.yes, td.no{position:relative;} td.yes:before{content:'';display:block;width:36px;height:36px;background:#65BB3C;position:absolute;left:50%;top:50%;margin:-18px 0 0 -18px;border-radius:50%;} td.yes:after{content:'';display:block;width:10px;height:18px;border-right:#fff 2px solid;border-bottom:#fff 2px solid;position:absolute;left:50%;top:50%;margin:-12px 0 0 -6px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform: rotate(45deg);} td.no:before{content:'';display:block;width:36px;height:36px;background:#d60000;position:absolute;left:50%;top:50%;margin:-18px 0 0 -18px;border-radius:50%;} td.no:after{content:'\002B';display:block;width:36px;height:36px;position:absolute;left:50%;top:50%;margin:-18px 0 0 -18px;border-radius:50%;text-align:center;font-size:3em;color:#fff;line-height:36px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform: rotate(45deg);} .footer td{text-align:center !important;color:#fff;font-size:2em;} #moblie-compare{display:none;} .compare-item{margin:30px 0 0;} .compare-item h4{color:#fff;padding:20px;font-weight:700;text-transform:uppercase;font-size:1.4em;} .compare-item ul{text-align:left;} .compare-item li{margin-top:10px;} .compare-item p{color:#555;padding:14px;font-size:1.6em;background:#eee;} .third-title+.testimonial{margin-top:80px !important;} .testimonial{float:left;width:90%;position:relative;} .testimonial h4{float:left;position:absolute;top:0px;width:80px;font-size:.7em;color:#999;font-weight:300;} .testimonial.left h4{left:0px;} .testimonial.right h4{right:0px;} .testimonial h4 strong{font-size:1.6em;display:block;font-weight:600;color:#555;} .testimonial h4:before{content:'';display:block;width:70px;height:70px;background-size:contain;margin:0 5px 10px;} .testimonial.mother h4:before{background:transparent url(images/mother.svg) no-repeat center top;} .testimonial.father h4:before{background:transparent url(images/father.svg) no-repeat center top} .testimonial.grandma h4:before{background:transparent url(images/grandma.svg) no-repeat center top} .testimonial.grandpa h4:before{background:transparent url(images/grandpa.svg) no-repeat center top} .testimonial.left{margin:0 0 30px 10%;padding-left:100px;} .testimonial.right{margin:0 10% 30px 0;padding-right:100px;} .testimonial p{width:90%;padding:30px 40px;background:#f0f0f0;border-radius:8px;position:relative;} .testimonial p strong{display:block;margin:0 0 10px;font-weight:600;color:#3699dc;font-size:1.2em;} .testimonial.left p{text-align:left;float:left;} .testimonial.right p{text-align:right;float:right;} .testimonial.left p:after{content:'';display:block;width:0px;height:0px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #f0f0f0;position:absolute;left:0px;top:24px;margin:0 0 0 -8px;} .testimonial.right p:after{content:'';display:block;width:0px;height:0px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #f0f0f0;border-right:none;position:absolute;right:0px;left:auto;top:24px;margin:0 -8px 0 0;} .faq p{display:block;margin:30px 0 0 0;line-height:1.4em;color:#666;} .faq p strong{display:block;margin-bottom:10px;border-top:#e0e0e0 1px solid;padding-top:30px;font-weight:600;font-size:1.2em;color:#333;} .faq p.first strong{border-top:none;} .faq h3+p.first strong{margin-top:100px;} #competeList{display:flex;flex-wrap:wrap;gap:4%;} #competeList .competeItem{display:flex;flex-wrap:wrap;width:48%;padding:24px 30px 48px;background:#f5f6fa;border-radius:20px;margin-top:6%;gap:4%;position:relative;} .competeItem h3{width:100%;font-size:1.6em;font-weight:bold;color:#ea222a;letter-spacing:-.04em;} .competeItem h4{width:100%;font-size:1.4em;color:#25262a;} .competeItem p{width:48%;font-size:1.4em;color:#45464a;margin-top:8px;} .competeItem p strong{display:block;font-size:75%;color:#25262a;font-weight:600;line-height:.8em;} .competeItem a{float:left;padding:0 60px;line-height:48px;border-radius:0px 20px 20px 20px;background:#ea222a;color:#fff;text-decoration:none;font-weight:800;text-transform:uppercase;font-size:1.2em;position:absolute;top:100%;left:0px;margin-top:-24px;} .competeItem a:hover{background:#a81e29;} .additionInfo{padding:100px 5%;background:#f5f6fa;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;} .sideItem{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-left:170px;position:relative;margin:3em 0 4em;} .sideItem>img{display:block;width:140px;position:absolute;left:0px;top:0px;border-radius:50%;border:#f5f6fa 6px solid;padding:10px;} .sideItem>h3{color:#ea222a;font-size:2.4em;font-weight:bold;letter-spacing:-.02em;line-height:1em;margin-bottom:.6em;} .sideItem>h3 strong{display:block;font-size:80%;font-weight:300;color:#a5a6aa;} .sideItem>img{display:block;width:140px;position:absolute;left:0px;top:0px;border-radius:50%;border:#f5f6fa 6px solid;padding:10px;} .partyItem{border-top:#46a9dc 4px solid;padding-top:20px;} #gallery-cell{display:flex;flex-wrap:wrap;gap:1% !important;} #gallery-cell a{display:block;padding-top:26%;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:8px;margin-top:1%;} #gallery-cell a.cell1{width:49%;padding-top:36%;} #gallery-cell a.cell2,#gallery-cell a.cell3{width:24.5%;padding-top:36%;} #gallery-cell a.cell4{width:40%;} #gallery-cell a.cell5{width:30%;} #gallery-cell a.cell6{width:28%;} #gallery-cell a.cell7{width:35%;} #gallery-cell a.cell8{width:33%;} #gallery-cell a.cell9{width:30%;} #gMask{position:fixed;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.8);left:0;top:0} #gal-prev,#gal-next{width:100px;height:120px;background:#111;position:fixed;z-index:1000;cursor:pointer;top:50%;margin-top:-60px;background-repeat:no-repeat;background-position:center center;} #close-gallery{width:100px;height:100px;background:#111;position:fixed;z-index:1000;cursor:pointer;top:0px;right:0px;color:#fff;text-align:center;line-height:100px;font-size:46px;} .img-nav:before{content:'';display:block;width:40px;height:40px;border-top:2px #fff solid;border-right:2px #fff solid;position:absolute;left:0px;top:0px;} #gal-prev{left:0px;} #gal-prev:before{-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin:40px;} #gal-next{right:0px;} #gal-next:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:41px 0 0 18px;} .popImg{transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} .steps{display:flex;gap:2%;flex-wrap:wrap;} .steps>div{display:flex;width:32%;flex-direction:column;padding:20px 40px 20px 80px;border-radius:20px;background:#f0f1fa;margin-top:2%;overflow:hidden;position:relative;} .steps>div span{display:block;padding:10px 20px 10px 40px;border-radius:0 20px 20px 0;background:#85868a;color:#fff;font-weight:bold;font-size:1.2em;position:absolute;left:-20px;top:20px;line-height:1em;} .steps>div>strong{display:block;font-weight:700;color:#a90000;margin-bottom:6px;font-size:120%;letter-spacing:-.02em;} .steps+small{background:#e7e4d4;padding:20px 30px;margin-top:40px;border-radius:30px;} small>strong{display:block;color:#e89715;font-weight:bold;text-transform:uppercase;} small+a{display:flex;align-items:center;color:#fff;font-weight:bold;text-transform:uppercase;background:#ea222a;border-radius:30px;padding:0 40px;margin-top:40px;box-shadow:inset 0 -10px 0px #a81e29;text-decoration:none;} small+a:hover{box-shadow:inset 0 10px 0px #a81e29;} footer{display:block;background:#25262a;padding:20px 0;text-align:center;font-size:.8em;color:#95969a;font-weight:bold;} .cellReq{display:none;} @media screen and (min-aspect-ratio: 13/9){ .mCell #rotate{display:block;} } @media (min-width: 1400px) { #innerCont,.additionInfo{padding:100px 8%;} #innerCont article .campItem>figure{flex:0 0 320px;} .additionInfo .videoCell{width:70%;padding-top:39%;} } @media(max-width:1024px){ body{font-size:90%;} .cWrap{padding:0 20px;} h1{font-size:2em;} h2{font-size:2.6em;line-height:1em;} } @media (max-width: 900px){ header{background:#f2f3fa;height:80px;padding:0 15px;border-radius:0 0 20px 20px;} #logoCell{width:200px;} header nav{display:flex;position:fixed;width:100%;height:100%;left:-100%;top:0px;background:#15161a;opacity:0;transition:all .25s linear;overflow:hidden;padding:40px 0;} header.open nav{left:0px;opacity:1;transition:opacity .25s linear;align-items:center;} header nav:before{content:'';display:block;width:46%;height:40%;position:absolute;left:auto !important;right:0px;top:30%;background:transparent url(images/menu.jpg) no-repeat right 10%;background-size:cover;opacity:0;border-radius:360px 0 0 360px;} header nav:after{height:150px;top:0px;background:transparent url("images/site_logo1.svg") no-repeat 50px 30px;background-size:220px auto;} header nav a{text-decoration:none;color:#85868a;transition:all .3s ease-in-out;font-weight:500;} header nav a:hover{color:#fff;letter-spacing:2px;} header nav ul{padding-left:0em !important;font-size:90% !important;font-weight:200 !important;} ul.nav-menu>li{padding:5px 0;font-size:1.2em;} ul.sub-menu>li{font-size:1em;} header nav a:hover{color:#fff;letter-spacing:2px;} header nav>div{display:flex;width:100%;padding:0 80px 0 50px;position:static;} header aside{left:auto;right:0px;} .specialNavi{display:block;position:absolute;right:0px;top:auto;bottom:0px;padding:0px !important;width:100%;height:66px !important;} .specialNavi a{display:block;padding:0 30px;border:0px;border-radius:0px;line-height:66px;text-align:center;margin-top:0px;} #mNav{width:80px;height:80px;} #mNav span{top:2px;margin-left:20px;} #langCell{top:20px;right:100px;} #heroCell{margin-top:60px;} #slider>figure{width:90%;border-radius:0 0 80px 200px;padding-top:44%;} #heroCell:before{left:30px;top:0%;} #slider>figure a{transform:scale(0.7);right:30px;bottom:-25%;} #slider>figure h1{width:auto;padding:20px 30px 20px 0;right:auto;left:0px;background:#45464a;top:auto;bottom:80px;} #slider>figure h1:before{content:'';display:block;width:100%;height:100%;background:inherit;position:absolute;z-index:-1;top:0px;right:60%;} #homeCamp{align-items:flex-start;padding-right:6%;} #homeCamp h2{width:60%;} #homeCamp h2 strong{margin-top:1.8em;font-size:50%;} #homeCamp>div{width:40%;position:relative;} #homeCamp>div figure{display:block;width:80%;padding-top:124%;} #homeCamp>div figure:nth-child(even){width:120%;padding-top:70%;border:#fff 10px solid;margin-left:-70%;margin-bottom:-40%;background-image:url(images/camp_h.jpg);position:absolute;} #homeCourses{padding-top:120px;} #homeCourses:before{background-size:100%;} #homeCourses:after{background-size:100% 160%;} #homeCourses>div{width:47.5%;} .campus-item{width:100%} #homeAbout{flex-direction:column-reverse;overflow:visible;padding:0px;} #homeAbout>div{width:100%;padding:0 60px 40px 10%;} #homeAbout>figure{width:100%;padding-top:80%;margin:0px;} #homeAbout>figure:before{width:80%;left:-20%;top:-40%;z-index:-1;} #homeAbout>figure>div{border-radius:220px 80px;right:9%;top:0%;width:70%;} #homeAbout>figure img{border-radius:220px 80px;max-width:100%;} .innerHero{height:360px;margin-top:80px;} #innerCont{border-radius:80px 0 0 0;margin-top:-80px;padding:60px 5%;} .innerHero h1{margin:20px 6% 70px 0;font-size:12vw;} #innerCont.course{display:flex;flex-direction:column;gap:40px;} #innerCont.course div.page-subtitle{display:flex;flex:none;text-align:left;padding:0;font-size:1.4em;gap:30px;} #innerCont.course div.page-subtitle:before{display:none;} .scheduleCell{margin:0px;} #innerCont article{margin-top:40px;} #innerCont article .courseItem{padding:20px 0 0;} #innerCont article .courseItem img{width:140px;flex:0 0 140px;} .additionInfo img{max-width:100%;display:block;} h2+.third-title{text-align:left;} .faq h3+p.first strong{margin-top:10px;} #innerCont article .campItem>figure{flex:0 0 160px;} #innerCont article .campItem.pday img{padding:0px;} .sideItem{padding-left:110px} .sideItem img{padding:0px;border:none;border-radius:0px;width:110px;} .sideItem h3{font-size:2em;} #innerCont article .campItem{flex-direction:column;padding:0px;align-items:center;overflow:visible;margin:150px 0 0;} #innerCont article .campItem>div{padding:0 0 30px;} #innerCont article .campItem>figure{flex:none;display:flex;align-items:center;gap:30px;} #innerCont article .campItem img{display:block;max-width:50%;border-radius:40px;border:20px #fff solid;transform:translateY(-50%);margin-bottom:-15%} #innerCont article .campItem.pday img{padding:0px;width:220px;max-width:100%;} #innerCont article .campItem h3{padding:0 20px;line-height:1em;} #innerCont article .campItem h4,#innerCont article .campItem dt,#innerCont article .campItem dd{padding:0 20px;} #innerCont article .campItem h5{padding:8px 20px;width:100%;} #innerCont article .campItem h5 strong{display:inline-block;width:60px;font-size:80%;font-weight:bold;margin-right:10px;} #innerCont article .campItem .availCampus{width:100%;padding:10px;background:#f5f6fa;justify-content:center;} #innerCont article .campItem .availCampus strong{text-align:center;} #innerCont article .campItem .availCampus a{background:#fff;} #innerCont article .campItem.pday>div{margin-top:-10%;} #innerCont article .campItem.pday img{border:none;} #competeList .competeItem{width:100%;margin:0 0 60px;} .steps>div{width:49%} small+a{padding:10px 30px;} } @media (max-width: 641px) { } @media (max-width: 481px) { body{font-size:80%;} header{width:100%;height:60px;} #logoCell{width:150px;padding:0px;} #mNav{width:60px;height:60px;} #mNav span{width:32px;height:2px;left:0px;top:30px;border-radius:0px;margin:-1px 0 0 14px;} #mNav span:before{content:'';position:absolute;display:block;width:32px;height:2px;left:0px;top:-10px;border-radius:0px;} #mNav span:after{content:'';position:absolute;display:block;width:32px;height:2px;left:0px;bottom:-10px;border-radius:0px;} header nav:before{width:42%;height:30%;right:0px;top:35%;} header nav:after{background-size:150px auto;width:70%;} header aside{left:auto;right:0px;} #mNav:hover span:before{width:32px;} #mNav:hover span:after{width:32px;} #langCell{height:34px;top:13px;right:80px;padding:3px;} #langCell a{line-height:28px;padding:0 8px;} #heroCell:before{width:100%;padding-top:100%;left:-120px;top:10%;} #heroCell:after{width:75%;padding-top:75%;left:14%;top:22%;} #heroCell{margin-top:40px;} #slider>figure{padding-top:60%;} #slider>figure{width:100%;border-radius:0px;padding-top:54%;} #slider>figure a{transform:scale(1);right:0px;bottom:auto;top:100%;margin-top:-50px;border-radius:0px;width:auto;height:40px;font-size:1.2em;box-shadow:inset 0px -20px 1px #a81e29;} #slider>figure h1{width:100%;padding:8px 30px;top:100%;bottom:auto;margin-top:-10px;} #slider>figure h1:before{display:none;} #homeCamp{flex-wrap:wrap;padding:40px 30px;} #homeCamp h2{width:100%} #homeCamp div{width:100%;justify-content:flex-end;} #homeCamp>div figure{width:70%;padding-top:114%;margin-top:-40px;} #homeCamp>div figure:nth-child(even){width:100%;padding-top:56%;margin-left:0%;margin-bottom:10%;margin-right:40%;} #homeCourses{background:transparent url(images/home_courses_m.jpg) no-repeat center center;} #homeCourses:after{background-size:110% 170%;} #homeCourses>div{width:100%;} #homeAbout>div{padding:0 30px 40px;} #homeAbout>figure{width:100%;padding-top:80%;margin:0px;} #homeAbout>figure:before{width:80%;left:-20%;top:-40%;z-index:-1;} #homeAbout>figure>div{border-radius:120px 0 0 120px;right:0%;top:0%;width:76%;} #homeAbout>figure img{border-radius:120px 0 0 120px;} #homeAbout>figure a{width:140px;height:140px;right:auto;left:0px;bottom:50%;margin:-70px;} .legoCell>img{max-width:100%;} .innerHero{height:320px;margin-top:40px;} .innerHero h1{margin:20px 6% 56px 0;font-size:16vw;} #innerCont{border-radius:60px 0 0 0;margin-top:-60px;padding:40px 30px;} #innerCont.course div.page-subtitle{display:flex;flex-direction:column;text-align:center;gap:20px;} #innerCont.course div.page-subtitle:before{display:none;} .scheduleCell{margin:0px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;} .scheduleCell h3{width:100%;} .scheduleCell span{width:49%;} #innerCont article{margin-top:40px;} #innerCont article .courseItem{padding:20px 0 0;flex-direction:column;align-items:center;overflow:visible;margin-top:70px;gap:0px;} #innerCont article .courseItem img{width:140px;flex:none;margin:-90px 0 0;} #innerCont article .courseItem>div{padding:0 30px;width:100%;} #innerCont article .courseItem>.availCampus{margin-top:30px;padding:0 30px 20px;border-radius:0 0 20px 20px;} #innerCont article .campItem{margin:120px 0 0;} #innerCont article .campItem>div{padding:0 0 30px;} #innerCont article .campItem>figure{flex:none;display:flex;align-items:center;gap:30px;} #innerCont article .campItem img{max-width:70%;margin-bottom:-25%} #innerCont article .campItem.pday>div{margin-top:-20%;} .halfWidth,.four-blocks,.three-blocks{width:100%;} .testimonial{width:100%;} .testimonial.left{margin:0 0 60px;} .testimonial.right{margin:0 0 60px;} .testimonial p{padding:10px 20px;width:100%;} .partyItem{border-left:#46a9dc 4px solid;border-top:none;padding:0 0 0 20px;margin:0 0 30px;} .mScroll{margin:0 -30px;} #gallery-cell a{width:100% !important;padding-top:100% !important;} #homeCourses{background-size:cover;} #innerCont article .campItem h5 strong{display:block;} #innerCont article .campItem h5 br+strong{margin-top:8px;} .availCampus a,.campItem .availCampus a{font-size:120%;width:100%;text-align:center;} .competeItem h4,.desktopReq{display:none;} .cellReq{display:block;} .campus-item{padding:20px 100px 20px 20px;} .campus-item a.button{right:20px;} #innerCont.contact{padding:40px 20px;} .steps>div{width:100%} small+a{width:100%;padding:15px 30px;font-size:1.2em;justify-content:center} } @media (max-width: 321px) { }