.imageMain{position:relative;display:flex;overflow:hidden;height:100vh;min-height:800px;text-align:center;background:url(/assets/images/top/main_bg.webp) center repeat;background-size:719px 540px;justify-content:center;align-items:center}.imageMain .main{position:relative;z-index:1;display:flex;min-width:1024px;justify-content:center}.imageMain .title{display:flex;flex-direction:column;width:800px;margin-right:-200px;padding-right:6vmin;padding-left:6vmin;text-align:left;justify-content:center}.imageMain .title h2{font-size:5vmax;font-weight:900;line-height:105%;margin-bottom:20px;color:#0db769}.imageMain .title h2 em{font-size:70%;font-style:normal;display:block;margin-bottom:-10px}.imageMain .title h3{font-size:1.3vmax;font-weight:700;line-height:140%;margin-bottom:20px;color:#342866}.imageMain .title .award{width:100%;max-width:520px;height:auto}.imageMain .pic{display:flex;flex-direction:column;max-width:800px;text-align:center;justify-content:center;align-items:center}.imageMain .images{width:100%;height:auto;margin-right:-400px}.imageMain .title img{width:22vmin;height:auto}.imageMain .buttonsTop{display:flex;margin-top:36px;margin-left:-10px;justify-content:center}.imageMain .buttonsTop li{display:block;width:48%;margin:0 10px}.imageMain .buttonsTop a{font-size:22px;font-weight:700;line-height:100%;display:flex;width:100%;padding:16px 24px;color:#fff;border-radius:100px;background:#0db769;box-shadow:0 4px rgba(0,0,0,.3);justify-content:center;align-items:center}.imageMain .buttonsTop a span{display:flex;min-height:36px;padding-left:48px;align-items:center}.imageMain .buttonEducators a span{background:url(/en/assets/images/top/icon_school.png) left center no-repeat;background-size:36px 36px}.imageMain .buttonParents a span{background:url(/en/assets/images/top/icon_home.png) left center no-repeat;background-size:36px 36px}.imageMain .starThinktopia{position:absolute;bottom:-220px;left:-220px;width:440px;height:440px}.imageMain .starThinktopia,.imageMain .baddyPusely{position:absolute}.imageMain .starThinktopia{bottom:-180px;left:-180px;width:400px;height:400px;animation:starRotate 180s linear infinite}.imageMain .starPemiere{right:-260px;bottom:-240px;width:440px;height:440px;animation:starRotate 360s linear infinite}.imageMain .starBabelon{bottom:10vw;left:90vw;width:140px;height:140px;animation:starMove 10s ease infinite;opacity:.5}.imageMain .baddyPusely{bottom:3vw;left:4vw;width:116px;height:116px;animation:baddyMove 30s ease infinite}@keyframes starRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes starMove{0%{transform:translateY(0)}50%{transform:translateY(-30px)}100%{transform:translateY(0)}}@keyframes baddyMove{0%{transform:translateY(0) rotate(30deg)}50%{transform:translateY(-30px) rotate(-10deg)}100%{transform:translateY(0) rotate(30deg)}}.whats{position:relative;z-index:1;color:#fff}.whats.bgSpace::before{position:relative;top:-26px;background-color:hsla(0,0%,100%,0)}.whats .titleWhats{display:flex;margin-bottom:40px;text-align:center;color:#ffea00;justify-content:center;align-items:baseline}.whats .titleWhats h2{font-size:64px;font-weight:900;line-height:120%;display:inline-block;color:#ffea00}.whats .titleWhats span{position:relative;top:-20px;display:block;width:124px;height:75px}.whats .titleWhats span img{display:block;width:100%;height:auto}.innerWhats{overflow:hidden;padding:120px 0}.innerWhats .innerWide{display:flex}.innerWhats .innerWide .pic{max-width:940px;margin-left:-160px}.innerWhats .innerWide .pic img{max-width:100%}.innerWhats p{line-height:240%;display:block;width:80%;padding-top:40px;padding-left:20px}.innerWhats p b{font-size:140%;font-weight:900}.panelWhats{display:flex;padding-bottom:120px;justify-content:space-around}.panelWhats .panel{position:relative;display:flex;overflow:hidden;flex-direction:column;width:46%;padding:40px;text-align:center;color:#342866;border-radius:20px;background:#fff;box-shadow:0 4px rgba(0,0,0,.3);justify-content:center}.panelWhats .panel h3{font-size:12px;line-height:120%;position:absolute;top:-40px;left:-80px;width:180px;padding:60px 20px 10px 20px;transform:rotate(-45deg);letter-spacing:0;color:#fff;background:#0db769}.panelWhats .panel h4{font-size:24px;font-weight:700;line-height:120%}.panelWhats .panel h5{font-size:44px;font-weight:900;line-height:120%;margin-bottom:32px}.panelWhats .panel img{display:block;width:80%;height:auto;margin:0 auto;margin-bottom:16px}.panelWhats .panel .button a{width:80%}.forexamplOuter .boxInner{padding:120px 0 80px}.forexampl h3{position:relative;display:block;width:100%;margin-bottom:20px;text-align:center}.forexampl h3 span{font-size:32px;font-weight:400;position:relative;z-index:1;display:inline-block;min-height:60px;padding-top:16px;padding-left:80px;text-align:center;color:#fff;background:url(/assets/images/common/icon_rocket.png) 8px center no-repeat #38286b;background-size:60px 60px}.forexampl h3::before{position:absolute;top:30px;display:block;width:100%;height:2px;content:"";border-top:2px solid #fff}.forexamplInner{display:flex;padding:0 40px;flex-wrap:wrap;justify-content:space-between}.forexampl dl{display:block;width:266px;margin-bottom:40px;text-align:center;color:#fff}.forexampl .movie{position:relative}.forexampl .movieInner{position:relative;display:flex;width:100%;margin-bottom:12px;padding:12px 20px;border-radius:12px;background:#ebebeb;justify-content:center;align-items:center}.forexampl .movieInner video{width:100%;border:1px solid #fff}.forexampl h4{font-size:18px;font-weight:900;margin-bottom:12px}.forexampl dl span{font-size:9px;font-weight:700;line-height:130%;position:absolute;z-index:1;top:-20px;right:-20px;display:flex;width:72px;height:72px;letter-spacing:0;border-radius:40px;background:#ccc;justify-content:center;align-items:center}.forexampl dl span.field01{background-color:#00aa83}.forexampl dl span.field02{background-color:#eb807f}.forexampl dl span.field03{background-color:#efbe45}.forexampl dl span.field04{background-color:#a888b4}.forexampl dl span.field05{background-color:#759bd3}.forexampl p{font-size:80%;font-weight:400;line-height:160%;text-align:left;letter-spacing:0}.bannerTop{padding:20px 0 0;background-size:100px 26px}.bannerTop ul{display:flex;max-width:1024px;margin:0 auto 20px;justify-content:space-between}.bannerTop ul li,.bannerTop ul li a{width:100%}.bannerTop ul li a{display:block;overflow:hidden;border:2px solid #fff;border-radius:12px}.bannerTop ul li img{width:100%}@media only screen and (max-width: 1280px){.imageMain .pic{width:70%;margin:0 auto}}@media only screen and (max-width: 1024px){.imageMain{display:block;height:initial;min-height:1000px;padding-top:80px;background-size:426px 320px}.imageMain .main{flex-direction:column;width:100%;min-width:0;padding:0 0;justify-content:flex-start;align-items:baseline}.imageMain .title{width:100%;margin-right:0;margin-bottom:60px;padding:0 16px;text-align:center}.imageMain .title h2{font-size:70px;line-height:100%;margin-bottom:16px}.imageMain .title h2 em{font-size:80%;margin-bottom:-5px}.imageMain .title h3{font-size:15px !important;line-height:140%;margin-bottom:20px}.imageMain .title .award{max-width:480px;margin:0 auto}.imageMain .images{margin:0 auto}.imageMain .pic{margin-bottom:60px}.imageMain .buttonsTop{margin-top:40px;margin-left:0;padding:0 80px}.imageMain .buttonsTop li{display:block;width:48%;margin:0 10px}.imageMain .buttonsTop a{font-size:16px;line-height:100%;padding:12px 12px;color:#fff}.imageMain .buttonsTop a span{display:flex;min-height:24px;padding-left:32px;align-items:center}.imageMain .buttonEducators a span,.imageMain .buttonParents a span{background-size:24px 24px}.imageMain .starThinktopia{bottom:-80px;left:-80px;width:160px;height:160px}.imageMain .baddyPusely{bottom:4vw;left:4vw;width:60px;height:60px}.whats.bgSpace::before{top:-13px}.whats .titleWhats{margin-bottom:8px;padding:0 20px 2px}.whats .titleWhats h2{font-size:52px;line-height:120%;display:inline-block !important;width:auto;width:auto;margin-left:-20px;padding-left:20px;letter-spacing:0}.whats .titleWhats span{position:relative;top:0;left:0;width:86px;height:52px}.whats .titleWhats span img{display:block;width:100%;height:auto}.innerWhats{overflow:hidden;padding:100px 0 60px}.innerWhats .innerWide{display:flex;flex-direction:column}.innerWhats .innerWide .pic{max-width:100%;margin-left:0}.innerWhats p{font-size:20px;line-height:180%;width:100%;margin-bottom:20px;padding-top:12px}.forexamplOuter .boxInner{padding:60px 20px 40px}.forexampl h3{margin-bottom:0}.forexampl h3 span{font-size:24px;min-height:60px;padding-top:16px;padding-left:48px;background-size:30px 30px}.forexampl h3::before{top:28px}.forexamplInner{padding:0 0;justify-content:space-between}.forexampl dl{width:46%;margin-bottom:20px}.forexampl .movieInner{margin-bottom:8px;padding:12px 20px;border-radius:8px;align-items:center}.forexampl h4{font-size:14px;margin-bottom:8px}.forexampl dl span{font-size:8px;z-index:1;top:-12px;right:-12px;width:60px;height:60px}.forexampl p{font-size:100%;font-size:11px;line-height:150%}}@media only screen and (max-width: 896px){.imageMain{min-height:600px;padding-top:60px}.imageMain .title h3{font-size:14px;line-height:140%;margin-bottom:20px}.imageMain .images{margin:0 auto}.imageMain .buttonsTop{margin-top:32px;margin-left:0;padding:0 0}.whats .titleWhats h2{font-size:60px}.panelWhats{padding-bottom:40px}.panelWhats .panel{width:48%;margin-bottom:80px;padding:32px 20px}.panelWhats .panel h4{font-size:16px;letter-spacing:0}.panelWhats .panel h5{font-size:32px;margin-bottom:24px;letter-spacing:0}.panelWhats .panel img{width:80%}.panelWhats .panel .button a{width:80%}.topQa{width:100%;padding:20px 20px 80px}.topQa h2{font-size:24px;margin-bottom:60px}.topQa h2 span{bottom:-34px;display:inline-block;margin:0 auto;padding-left:44px;background-size:30px 30px}.bannerTop{margin-bottom:-40px;padding:20px 20px 0}.bannerTop ul li a{border-radius:6px}}@media only screen and (max-width: 480px){.imageMain .pic{width:80%}.imageMain .title h2{font-size:34px;line-height:120%;margin-bottom:16px}.imageMain .title{margin-bottom:40px}.imageMain .title .award{max-width:340px}.whats .titleWhats h2{font-size:44px;line-height:120%;position:relative;left:-20px}.whats .titleWhats span{position:relative;top:0;left:20px;display:block;width:86px;min-width:86px;height:52px}.whats .titleWhats span img{display:block;width:100%;height:auto}.innerWhats{padding-top:60px}.innerWhats p{font-size:16px;margin-bottom:32px}.panelWhats{flex-direction:column;padding-bottom:60px}.panelWhats .panel{width:100%;margin-bottom:20px;padding:20px 16px}}@media only screen and (max-width: 320px){.whats .titleWhats h2{font-size:20px}.innerWhats p{font-size:14px}.panelWhats .panel h4{font-size:14px}.panelWhats .panel h5{font-size:24px;margin-bottom:20px}}