*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
img{vertical-align:middle;max-width:100%}
@font-face{font-family:Nunito;src:url(../../../font/Nunito-Regular.eot);src:url(../../../font/Nunito-Regular.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Regular.otf) format("opentype"),url(../../../font/Nunito-Regular.svg) format("svg"),url(../../../font/Nunito-Regular.ttf) format("truetype"),url(../../../font/Nunito-Regular.woff) format("woff"),url(../../../font/Nunito-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:NunitoBold;src:url(../../../font/Nunito-Bold.eot);src:url(../../../font/Nunito-Bold.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Bold.otf) format("opentype"),url(../../../font/Nunito-Bold.svg) format("svg"),url(../../../font/Nunito-Bold.ttf) format("truetype"),url(../../../font/Nunito-Bold.woff) format("woff"),url(../../../font/Nunito-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:NunitoBlack;src:url(../../../font/Nunito-Black.eot);src:url(../../../font/Nunito-Black.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Black.svg) format("svg"),url(../../../font/Nunito-Black.ttf) format("truetype"),url(../../../font/Nunito-Black.woff) format("woff"),url(../../../font/Nunito-Black.woff2) format("woff2");font-display:swap}
@font-face{font-family:junegull;src:url(../../../font/junegull.eot);src:url(../../../font/junegull.eot?#iefix) format('embedded-opentype'),url(../../../font/junegull.otf) format('otf'),url(../../../font/junegull.svg#junegull) format('svg'),url(../../../font/junegull.ttf) format('truetype'),url(../../../font/junegull.woff) format('woff'),url(../../../font/junegull.woff2) format('woff2')}
body{font-family:Nunito!important;font-size:18px;-webkit-text-size-adjust:100%}
.btn{box-shadow:inset 0 -2px 2px 2px #ffa9bd;text-shadow:0 2px 0 #000;transform:perspective(60px) rotateX(2deg);transition:all .1s;font-size:22px;background:#f62455;border:2px solid #2e2a4a;border-bottom:7px solid #2e2a4a;text-decoration:none;color:#fff;padding:12px 22px;border-radius:10px;font-family:NunitoBold;display:block;width:fit-content}
b{font-family:NunitoBold}
#normalHeader{background-position:top;border-radius:0 0 90px 90px;padding-bottom:66px}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#normalHeader .header>div>ul .hotline a{background:url(../img/hotLine.png) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background:url(../img/iconUser.png) 0/17px no-repeat}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{width:2px;background:#eee}
#normalHeader .header>div>ul .logo img{width:160px}
#normalHeader .wrapperBanner{align-items:flex-start;padding:24px 0}
#normalHeader .header>div>ul>li>a, #normalHeader .header>div>ul>li>div>a{color: #fff;}
#normalHeader .wrapperBanner .banner {width:calc(100% - 346px);position:relative}
#normalHeader .wrapperBanner .headerForm{max-width:356px;width:100%;padding: 12px 12px 55px;border-radius:0;clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form textarea{background:#f1f1f1;border:none;font-size:16px;position:relative;z-index:1}
#normalHeader .wrapperBanner .headerForm form input::placeholder,#normalHeader .wrapperBanner .headerForm form select::placeholder,#normalHeader .wrapperBanner .headerForm form textarea::placeholder{color:#a6a9ae}
#normalHeader .wrapperBanner .headerForm form textarea{min-height:108px;margin-bottom:12px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-family: NunitoBlack;color:#1668e5}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{font-size:19px;font-family:NunitoBold,sans-serif;background:linear-gradient(90deg, #186efa, #e6276a);color:#fff;padding:7px 36px;margin-top:0}
#normalHeader .wrapperBanner .headerForm form select{color:#808080;}
.blockPrHeader{margin:0 12px 44px}
.blockPrHeader .wrapFlex{display:flex;justify-content:center;column-gap:122px;padding:21px 12px;margin-top:-6%;background:#FFF;box-shadow:0 0 16px 4px #00000054;border-radius:30px;row-gap:24px;flex-wrap:wrap}
.wrapBtn{height:64px}
.btn:active{border-bottom:2px solid #2e2a4a;transform:perspective(60px) rotateX(2deg) translateY(5px) scale(.98);background:#d81e4a}
.container{width:100%;max-width:1224px;padding:0 12px;margin:0 auto}
.title{font-family:junegull,sans-serif;font-size:50px;text-align:center;margin:0 auto 24px}
#demoLessonContainer,#goAlongSon,#listCourseBuy,#studyWithBestTeacher{padding:24px 0}
#eventList1 .title,#comment .title,#familyFeelToTs247 .title,#goAlongSon .title,#listCourseBuy .title,#magazine3 .title,#studyWithBestTeacher .title{color:#0081da}
#demoLessonContainer .title{color:#fff568}
#magazine3 .title{font-size:50px}
#studyWithBestTeacher{background:url(../img/texture-son-grow.webp)}
.pc{display:block!important}
.mobi{display:none!important}
#studyWithBestTeacher .flexWrap{display:flex;column-gap:12px;row-gap:15px;z-index:3}
#studyWithBestTeacher .block{font-size:16px;width:33.33%;padding:10px;border-radius:10px;border:2px solid #0072bc;margin-top:52px;position:relative;background:#fff}
#studyWithBestTeacher .block::after{content:"";width:100%;height:100%;background:#fbce3f;border:2px solid #0072bc;position:absolute;bottom:-11px;left:-2px;z-index:-1;border-radius:12px}
#studyWithBestTeacher .block ul{list-style:none;display:flex;flex-direction:column;row-gap:10px}
#studyWithBestTeacher .block .avatar{margin-top:-53px;margin-bottom:14px;text-align:center}
#studyWithBestTeacher .block .avatar img{width:80px}
#studyWithBestTeacher .titleBlock{text-align:center;color:#f62455;text-transform:uppercase;margin-bottom:12px;font-family:NunitoBold}
#studyWithBestTeacher .block ul li b{font-family:NunitoBold;color:#204a6a;margin-bottom:5px;display:inline-block}
#studyWithBestTeacher .flexWrap{position:relative;z-index:4}
#studyWithBestTeacher .sonGrow{margin-top:74px;border:2px solid #2e2a4a;border-radius:10px;background:#fff}
#studyWithBestTeacher .sonGrow .titleSonGrow{font-size:30px;color:#fff;text-shadow:0 0 3px #034874;background:#0072bc;font-family:junegull;padding:12px 10px;text-align:center;border-bottom:2px solid #2e2a4a;position:relative;border-radius:7px 7px 0 0}
#studyWithBestTeacher .sonGrow .line-connect-grow{position:absolute;top:-120%;z-index:2;left:10%}
#studyWithBestTeacher .sonGrow ul{display:flex;column-gap:12px;justify-content:space-around;padding:12px 0}
#studyWithBestTeacher .sonGrow ul li{width:33.33%;list-style:none;text-align:center}
#studyWithBestTeacher .sonGrow ul li img{width:90px}
#studyWithBestTeacher .sonGrow ul li p{margin-top:12px}
#goAlongSon{background:url(../img/texture-son-grow-white.webp),#fccc30}
#goAlongSon .infoTeacher{min-height:600px;background:#fff;border:2px solid #0072bc;border-radius:10px;padding:12px;width:100%;max-width:380px;border-bottom:8px solid #8781bd}
#goAlongSon .avatar{text-align:center}
#goAlongSon .teacherName{font-size:24px;color:#255bc5;font-family:NunitoBold;display:block;margin:12px 0;text-align:center}
#goAlongSon .desc{list-style:none;display:flex;flex-direction:column;row-gap:13px}
#goAlongSon .desc li{background:no-repeat 0 4px url(../img/makup.webp);background-size:16px;padding-left:24px;font-size:14px}
#goAlongSon .tabs_control,.tabs_subject_name{display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:20px;row-gap:20px;list-style:none;margin-bottom:12px;font-size:24px}
#goAlongSon .btnHocThu{display:block;width:fit-content;margin:24px auto 0;text-decoration:none;background:#f52854;color:#fff;border-radius:15px;border:3px solid #fff;padding:12px 24px;font-size:24px;font-weight:700}
#goAlongSon .tabs_subject_name{text-transform:uppercase}
#goAlongSon .tabs_control li,.tabs_subject_name li{text-align:center;padding:6px 24px;border-radius:5px;cursor:pointer;background:#fff;min-width:150px}
#goAlongSon .tabs_control li{border:2px solid #0081da;color:#0081da}
#goAlongSon .tabs_subject_name li{border:2px solid #959595;color:#959595}
#goAlongSon .tabs_control li.active{border:2px solid transparent;background:#0081da;color:#fff}
#goAlongSon .tabs_subject_name li.active{border:2px solid transparent;background:#959595;color:#fff}
#goAlongSon .tabs_subject,.tabs_control_subject{visibility:hidden;height:0;overflow:hidden}
#goAlongSon .tabs_subject.active,.tabs_control_subject.active{visibility:visible;height:max-content;overflow:unset}
#goAlongSon .listTeacher::after{content:"";display:block;clear:both}
.bx-wrapper{position:relative;margin:0 auto}
#goAlongSon .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:4;position:absolute;width:100%;top:47%}
#goAlongSon .bx-controls-direction a.bx-prev{margin-left:-55px}
#goAlongSon .bx-controls-direction a.bx-next{margin-right:-55px}
#demoLessonContainer{background:url(../img/left-texture.png) left top no-repeat,url(../img/right-texture.png) right top no-repeat,linear-gradient(to bottom,#631185 5%,#992e7b 50%,#dc516e 100%)}
#demoLessonContainer #demoLesson{padding-bottom:0}
#demoLesson .content .lessons ul li a div p:first-child{text-align:left}
#demoLessonContainer #demoLesson .content{background:#fff;border:1px solid #000}
#demoLessonContainer #demoLesson .content .lessons ul li a.active{background:#f7d21f}
#demoLessonContainer #demoLesson .title{padding-bottom:0}
#demoLessonContainer #demoLesson .title>div>a{display:none}
#demoLessonContainer #demoLesson .title>div ul{padding:0;display:flex!important;flex-wrap:wrap;position:relative;background:0 0;justify-content:center;column-gap:12px;row-gap:12px}
#demoLessonContainer #demoLesson .title>div ul li{width:103px}
#demoLessonContainer #demoLesson .title>div ul li a{text-shadow:none;font-size:20px;background:#fff;border:2px solid #1f5ca3;color:#0769c3;padding:12px 24px;border-radius:10px;font-family:Nunito}
#demoLessonContainer #demoLesson .title>div ul li a.active,#demoLessonContainer #demoLesson .title>div ul li a:hover{background:#fff4a8;color:#0769c3}
#demoLessonContainer #demoLesson .title>div{position:relative;top:0;width:100%}
#listCourseBuy #listSubject .content{padding-top:0;background:#cf4875}
#listCourseBuy #listSubject .content>div{background:0 0}
#listCourseBuy .txtWarning{text-align:center;font-size:35px;padding:0 107px}
#listCourseBuy .txtWarning a{color:#000;text-decoration:none;font-family:NunitoBold}
#listCourseBuy .text{width:100%;max-width:800px;margin:0 auto;text-align:center;font-size:24px;padding:0 12px}
#listCourseBuy .text b{font-size:24px;font-family:Nunito}
#listSubject .content>div ul li a:hover{background:#235da1;color: #fff;}
#familyFeelToTs247 ul{list-style:none;z-index:3}
#familyFeelToTs247 #videoLeftStyle3 .wrapperVideo{background:#0072bc}
#familyFeelToTs247 .wrapSlider{display:flex;justify-content:center;column-gap:108px;row-gap:12px}
#familyFeelToTs247 .wrapSlider .listMsg{max-width:208px;width:100%}
#familyFeelToTs247 .wrapSlider .listFeelVideo{max-width:795px;width:100%}
#familyFeelToTs247 #videoLeftStyle3{padding:0}
#familyFeelToTs247 .listFeelVideo .bx-wrapper{position:relative}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:0;position:absolute;width:100%;margin-top:-32%}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-prev{margin-left:-55px}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-next{margin-right:-55px}
#familyFeelToTs247 .listMsg .bx-controls-direction{display:flex;justify-content:center;column-gap:24px;margin-top:12px}
#familyFeelToTs247 .listMsg .bx-controls-direction a{border-radius:99px;display:flex;width:25px;height:25px;justify-content:center;align-items:center}
#familyFeelToTs247 .listMsg .bx-controls-direction a.bx-next:hover,#familyFeelToTs247 .listMsg .bx-controls-direction a.bx-prev:hover{background:#fff}
#familyFeelToTs247{background:url(../img/texture-son-grow-white.webp),linear-gradient(to bottom,#631185 5%,#992e7b 50%,#dc516e 100%)}
#magazine3 .wrap{padding:24px calc((100% - 1224px)/ 2)}
#magazine3 .achievement{padding:0 calc((100% - 1224px)/ 2) 12px}
#magazine3{background:#fff}
#comment{padding-top:30px}
#comment .body-comment{margin-top:0}
#comment .fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop iframe,.fb_iframe_widget_fluid_desktop span{max-width:100%!important;width:100%!important}
#familyFeelToTs247{padding:12px calc((100% - 1200px)/ 2)}
#familyFeelToTs247 .wrapperVideo{width:750px;margin:auto;padding:10px;background:#000;border-radius:15px}
#familyFeelToTs247 .wrapperVideo .video{position:relative;padding-bottom:56.25%;overflow:hidden}
#familyFeelToTs247 .wrapperVideo .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:7.5px}
.txtPC{display:block}
.txtMobi{display:none}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{background:#0072bc;color:#fff;border-color:#fff}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#fff;background:#f62455;border-bottom:4px solid #ffa200;cursor:pointer}
#popupRequestAdvisory>div>div input,#popupRequestAdvisory>div>div select,#popupRequestAdvisory>div>div textarea{margin-bottom:10px;background:rgba(255,255,255,.3);color:#7057a9;border-radius:13px;padding:10px 15px;font-size:15px;border:1px solid #dbcbfd}
#popupRequestAdvisory>div>a{background:url(../img/iconClose.webp) 0/contain no-repeat;width:20px;height:20px}
#popupRequestAdvisory>div>a>img{display:none}
#popupRequestAdvisory{z-index:99}
#magazine3 .CompanysCooperated{margin-bottom:0}
#eventList1 .title{
    line-height: normal;
} 
@media all and (max-width:1024px){
#magazine3 .title,.title{font-size:40px}
#studyWithBestTeacher .sonGrow .line-connect-grow{width:82%}
#goAlongSon .infoTeacher{min-height:auto}
#goAlongSon .bx-controls-direction a.bx-prev{margin-left:-5px}
#goAlongSon .bx-controls-direction a.bx-next{margin-right:-5px}
#familyFeelToTs247 .wrapSlider{flex-direction:column}
#familyFeelToTs247 .wrapSlider .listFeelVideo,#familyFeelToTs247 .wrapSlider .listMsg{margin:0 auto}
#magazine3 .achievement,#magazine3 .wrap{padding:12px}
.body-comment{padding:0 12px!important}
#normalHeader .wrapperBanner{padding:24px 12px}
}
@media all and (max-width:890px){
#normalHeader{background-size:contain;background-color: #302258;background-position: top 40px left;border-radius: 0 0 40px 40px}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
#normalHeader .wrapperBanner{flex-wrap:wrap;padding: 0;}
#normalHeader .wrapperBanner .banner{width:100%}
#normalHeader .wrapperBanner .headerForm{max-width:60%;margin:0 auto}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{bottom:-20px;left:unset}
#normalHeader .wrapperBanner .banner{margin-bottom:12px}
#normalHeader .header{background:#1c004d}
}
@media all and (max-width:768px){
#magazine3 .title,.title{font-size:30px}
#studyWithBestTeacher .flexWrap{flex-direction:column}
#studyWithBestTeacher .sonGrow .titleSonGrow{font-size:30px}
#studyWithBestTeacher .block{width:100%}
#studyWithBestTeacher .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:4;position:absolute;width:100%;top:47%}
#listCourseBuy .txtWarning{font-size:24px}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{z-index:6}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-prev{margin-left:0}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-next{margin-right:0}
#familyFeelToTs247{padding:20px}
#familyFeelToTs247 .wrapperVideo{max-width:750px;width:auto;padding:10px;border-radius:10px}
#familyFeelToTs247 .wrapperVideo .video iframe{border-radius:5px}
#listCourseBuy .text{font-size:18px}
#listCourseBuy .text b{font-size:18px}
}
@supports (-webkit-touch-callout:none){}
@media all and (max-width:500px){
*{font-size:14px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:18px;margin-bottom:12px}
#normalHeader .wrapperBanner .headerForm{padding:12px}
#normalHeader .wrapperBanner{padding:12px}
#normalHeader .wrapperBanner .headerForm{max-width:100%;clip-path:polygon(0% 0,100% 0,100% 95%,50% 100%,0 95%)}
#normalHeader{background-position:top;border-radius:0 0 20px 20px;padding-bottom:27px}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{font-size:16px}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{margin-bottom:12px}
#magazine3 .title,.title, #eventList1 .title, #eventList1 .title span{font-size:20px !important}
.bx-wrapper{position:relative}
.bxsliderMobi{position:relative}
.bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:0;position:absolute;top:45%;width:100%;left:0;z-index:5}
.bx-controls-direction a{width:15px;height:15px}
.bx-controls-direction a img{width:100%}
.bx-controls-direction a.bx-prev{margin-left:0}
.bx-controls-direction a.bx-next{margin-right:0}
.btn{font-size:18px}
.pc{display:none!important}
.mobi{display:block!important}
.txtPC{display:none}
.txtMobi{display:block}
#listCourseBuy .txtWarning.txtMobi{padding:0 6%}
#videoLeftStyle3{padding:0 12px}
#studyWithBestTeacher .block .avatar{margin-top:0}
#studyWithBestTeacher .block .avatar img{width:80px}
#studyWithBestTeacher .sonGrow{margin-top:56px}
#studyWithBestTeacher .sonGrow .line-connect-grow{width:auto;top:-50px;left:50%;margin-left:-21px}
#studyWithBestTeacher .sonGrow .titleSonGrow{font-size:20px}
#studyWithBestTeacher .sonGrow ul{flex-direction:column;row-gap:5px;padding:10px}
#studyWithBestTeacher .sonGrow ul li{width:100%;display:flex;align-items:center;column-gap:10px;text-align:left}
#studyWithBestTeacher .sonGrow ul li p{margin-top:0;width:100%}
#studyWithBestTeacher .sonGrow ul li img{width:60px}
#studyWithBestTeacher .flexWrap{display:block}
#studyWithBestTeacher .block{margin-top:0}
#goAlongSon .tabs_control li,.tabs_subject_name li{min-width:98px;font-size:15px;padding:6px}
#goAlongSon .desc{display:flex;flex-direction:column;row-gap:5px}
#goAlongSon .desc li{background-size:16px}
#goAlongSon .tabs_control,.tabs_subject_name{flex-wrap:wrap;justify-content:flex-start;row-gap:12px}
#goAlongSon .avatar img{width:110px}
#demoLesson .content .lessons ul li a{background:#f5f5f5}
#listSubject .content>div{padding:0}
#listCourseBuy #listSubject .content{padding:10px}
#listSubject{padding:0 12px}
#listCourseBuy .txtWarning,#listCourseBuy .txtWarning b{font-size:16px;margin-top:12px}
#familyFeelToTs247 .wrapSlider .listMsg{max-width:75%}
#familyFeelToTs247 .listMsg .bx-controls-direction a{width:16px;height:16px;background:#fff}
#familyFeelToTs247 .listMsg .bx-controls-direction a img{width:5px}
#familyFeelToTs247{padding:12px 0}
#familyFeelToTs247 .listMsg .bx-controls-direction{position:static}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{margin-top:0}
#demoLesson{padding:0}
#demoLessonContainer #demoLesson .title>div ul{column-gap:5px;padding:0}
#demoLessonContainer #demoLesson .title>div ul li a{padding:6px 10px;font-size:14px}
#demoLessonContainer,#goAlongSon,#listCourseBuy,#studyWithBestTeacher{padding:12px 0}
#studyWithBestTeacher .block{width:310px!important}
#studyWithBestTeacher .bx-viewport{padding-bottom:30px}
.fb-comments,.fb-comments *{width:100%!important;font-size: 14px !important;}
}