@font-face{font-family:Muli;src:url(../fonts/Muli-Regular.eot),url(../fonts/Muli-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/Muli-Regular.woff2) format('woff2'),url(../fonts/Muli-Regular.woff) format('woff'),url(../fonts/Muli-Regular.ttf) format('truetype'),url(../fonts/Muli-Regular.svg) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:Muli;src:url(../fonts/Muli-Bold.eot),url(../fonts/Muli-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/Muli-Bold.woff2) format('woff2'),url(../fonts/Muli-Bold.woff) format('woff'),url(../fonts/Muli-Bold.ttf) format('truetype'),url(../fonts/Muli-Bold.svg) format('svg');font-weight:700;font-style:normal}
*{box-sizing:border-box;font-family:Muli,sans-serif;margin:0;padding:0}
body,html{font-family:Muli, sans-serif;font-size:16px;width:100%;height:100%}
img{vertical-align:middle;max-width:100%}
.fl{float:left}
.fr{float:right}
.over-hin{overflow:hidden}
li{list-style:none}
ol,ul{padding-left:0}
table{border-collapse:collapse}
td,th{border:1px solid #000}
h3{margin-bottom:0}
.clear{clear:both}
.opacity{position:fixed;width:100%;height:100%;background-color:#000;top:0;visibility:hidden;opacity: 0.3;}
.opacity-show{visibility:visible}
.popup{position:fixed;width:calc(100% - 72px);padding:24px;max-width:600px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:9999;border-radius:10px;-webkit-transition:all ease .3s;overflow:hidden;background-color:#ff7000;color:#fff;visibility:hidden}
.popup-show{visibility:visible;transform:translate(-50%,-50%) scale(1);transition:all ease .3s}
.close-pop{position:absolute;top:2px;right:2px}
.popup h3{text-transform:uppercase;text-align:center;display:block}
.form-info li{width:100%;list-style:none}
.form-info li input{width:calc(100% - 24px);padding:12px;display:block;border-radius:5px;border:0;margin:12px 0;outline:0;background-color:#db6509;color:#fff}
.form-info textarea{width:calc(100% - 24px);padding:12px;background-color:#db6509;outline:0;border:0;border-radius:5px;margin:12px 0;color:#fff;height:60px;font-family:Arial, sans-serif}
.form-info textarea::placeholder{color:#fff}
.pop-successfully{position:fixed;bottom:25px;left:20px;background-color:#fff;border-radius:100px;box-shadow:0 0 5px 1px #2626262b;z-index:99}
.pop-successfully img{float:left}
.info-successfully{font-size:14px}
.s08-box9{height:auto;padding:24px}
.s08-center9{width:100%;max-width:1200px;margin:auto;position:relative}
.s08-title9{display:block;text-align:center;font-size:36px;color:#394f8b;font-weight:800;text-transform:uppercase}
.s08-info9{text-align:center}
.box-countdown{position:relative;width:100%;height:70px}
.s-countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px}
.s-countdown li{width:49px;list-style:none;float:left;padding:0 12px;border-left:1px solid #c35d08}
.s-countdown li:nth-child(1){border:0}
.s-countdown li strong{color:#fff;font-size:24px}
.s-countdown li p{color:#c35d08;font-weight:800}
.btn-cart9{padding:8px 24px;display:inline-block;color:#fff;border-radius:100px;text-decoration:none;margin-top:12px}
.box-list-check{width:100%;border-collapse:collapse;background-color:#fff;border-radius:15px;overflow:hidden;text-align:center;margin-top:12px}
.box-list-check th,td{padding:24px 0;border-right:1px solid #ccc}
.box-list-check strong{color:#fe6c43}
.not-sale{color:#262626;text-decoration:line-through}
table tbody tr:nth-child(odd){background-color:#e1e1e1}
@media screen and (max-width:768px){.s08-box9{width:calc(100% - 24px);padding:12px}
.s08-title9{font-size:24px}}
#landingSaleWrap .bold{font-weight:700}
#landingSaleWrap .colorRed{color:#c63013}
#landingSaleWrap .bgRedDark{background-color:#b62b11}
#landingSaleWrap .colorGreen{color:#00871d}
#landingSaleWrap .bgYellow{color:#ffb912}
#landingSaleWrap .colorWhite{color:#fff}
#landingSaleWrap .landingSaleBlog h3:nth-child(2){font-weight:400}
@media all and (max-width:768px){#landingSaleWrap .landingSaleBlog h3{text-align:center;font-size:14px}
#landingSaleWrap .landingSaleBlog{font-size:14px}}
#choiceCourseGiftWrap .bold{font-weight:700}
#choiceCourseGiftWrap .colorRed{color:#b62b11}
.bgRedDark{background-color:#b62b11}
#choiceCourseGiftWrap .colorGreen{color:#00871d}
#choiceCourseGiftWrap .bgYellow{color:#ffb912}
#choiceCourseGiftWrap .bgWhite{background:#fff}
#choiceCourseGiftWrap .colorSilver{color:#676767}
#choiceCourseGiftWrap .backgroundOrangeLight{background:#ffb912}
.landingSaleBlog h3:nth-child(2){font-weight:400}
.landingSaleChoiseCourse{text-decoration:none;text-align:center}
#choiceCourseGiftWrap{background:#f1f3f5}
#choiceCourseGiftWrap .landingCourseGifts{background:#fff}
#choiceCourseGiftWrap .landingCourseGifts:last-child{margin-bottom:0}
#choiceCourseGiftWrap .landingChoiceHead>h3{font-size:36px}
#choiceCourseGiftWrap .landingChoiceHead>p:nth-child(2),.LastTitleCourse{font-size:24px}
#choiceCourseGiftWrap .LastTitleCourse>p{font-size:16px}
#choiceCourseGiftWrap .LandingbtnStudyNow{border-color:green}
#choiceCourseGiftWrap .choiceCourseGift{border-color:#b62b11}
#choiceCourseGiftWrap .landingCourseGiftParent .landingCourseGiftDetail p:nth-child(3){text-transform:uppercase}
#choiceCourseGiftWrap .groupFilterCourse .landingCourseGiftParent a::after{background:url(../img/hand_gif.gif) center no-repeat;background-size:contain;content:'';position:absolute}
@media all and (max-width:1024px){#choiceCourseGiftWrap{width:100%;max-width:1024px}}
@media all and (max-width:768px){#choiceCourseGiftWrap .landingChoiceHead>h3,#choiceCourseGiftWrap .landingChoiceHead>p:nth-child(2),.LastTitleCourse,.landingChoiceHead>p:nth-child(4){font-size:14px}
#choiceCourseGiftWrap .landingCourseGiftParent .landingCourseGiftDetail p:nth-child(3){text-transform:inherit}}
#choiceCourseGiftWrap .optionSelectBox{background:#fff;font-size:18px}
#choiceCourseGiftWrap .optionSelectBox li{padding:3px;transition:all .2s;cursor:pointer;float:left;width:calc(50% - 20px);margin:3px 10px;border-radius:20px}
#choiceCourseGiftWrap .optionSelectBox li:hover{background:#ffb912;transition:all .2s;color:#fff}
#choiceCourseGiftWrap .comboOptionShowSelect{opacity:1;transition:all .2s;height:unset;overflow:unset}
#choiceCourseGiftWrap .comboOptionHeadFilterCourse p{font-size:18px}
#choiceCourseGiftWrap .labelSelectBox{font-size:16px}
#choiceCourseGiftWrap .backgroundOrange{background:#f96935}
#choiceCourseGiftWrap .colorWhite{color:#fff}
#landingPopup .bgRedDark{background-color:#b62b11}
#landingPopup .clWhite{color:#fff}
#landingPopup .clBlack{color:#000}
#landingPopup .bold{font-weight:700}
#landingPopup .landing9Popup{background-color:#fff;border-radius:17px}
#landingPopup .landing9Popup>h3{font-size:24px;text-transform:uppercase}
#landingPopup .landing9Popup>p{font-size:16px;color:#262626}
#landingPopup .landing9Popup>button{height:39px;cursor:pointer;font-size:16px}
#landingPopup .btnPopup{text-align:center;border:1px solid #b62b11;height:39px;border-radius:20px;text-transform:uppercase;outline:0}
@media all and (max-width:768px){#landingPopup .landing9Popup{width:calc(100% - 48px);padding:23px 12px}}
@media all and (max-width:425px){#landingPopup .landing9Popup{width:calc(100% - 48px);padding:23px 12px}
#landingPopup .landing9Popup>button,#landingPopup .landing9Popup>h3,#landingPopup .landing9Popup>p{font-size:14px}}
.logo{background-color:#fff;border-radius:0 0 50px 50px}
.share span{font-size:16px}
.span1{background:url(../img/share.png) no-repeat;color:#fff}
.span2{background:url(../img/share2.png) no-repeat;color:#2a4a8a}
.s08-top-action li a{color:#fff}
.s08-top-action li a:hover{text-decoration:underline;font-weight:500}
.s08-top-action li .td-info-acount a:hover{text-decoration:underline;font-weight:700}
.s-bd1{background-color:#fff}
@media screen and (max-width:640px){.logo{border-radius:0 0 15px 15px}}
.td-navbar-signup ul li a{color:#3e508a;font-weight:700}
.fa-angle-double-down{color:#94bf00}
.fa-globe{color:#3e508a}
.td-navbar-signup ul li span{color:#ff6c5e}
.top-angle i{color:#e0e0e0;font-size:16px}
.td-info-acount{border-radius:5px;background:#fff;visibility:hidden;-webkit-transition:all ease .1s}
.select-info-acount i{color:#3e508a}
.td-button-acount .td-button-add{background-color:#529839;color:#fff}
.td-button-acount .td-button-out{background-color:#e0e0e0;color:#666}
.s08-box2{background-color:#eef0f3}
.s08-video2{background-color:#fff;border-radius:10px}
.s08-title2{font-size:36px;color:#262626;font-weight:800;text-transform:uppercase}
.s08-info2 ul li strong{color:#fe6c43}
.edit-info2{background-color:#c2c2c2;color:#fff;text-decoration:none;border-radius:100px}
.add-info2{color:#fff;text-decoration:none;border-radius:100px}
@media screen and (max-width:768px){.s08-title2{font-size:24px}}
.s08-box3{background-color:#eef0f3}
.s08-title3{font-size:36px;color:#262626;font-weight:800}
.s08-video3{background-color:#fff;border-radius:10px}
@media screen and (max-width:768px){.s08-title3{font-size:24px}}
.s08-box4{background-color:#eef0f3}
.s08-center4{background-color:#f4f4f4}
.s08-title4{font-size:36px;color:#262626;font-weight:800;text-transform:uppercase}
.s08-select{width:100%;max-width:1200px;margin:auto;position:relative}
.s08-box-class{border-radius:20px}
.btn-class{border-radius:100px;color:#fff;text-decoration:none}
.s08-box-class ul li a{text-decoration:none;border-radius:100px;color:#262626}
.s08-box-class ul li a.active,.s08-box-class ul li a:hover{color:#fff}
.s08-video4{background-color:#fff;border-radius:10px}
.s08-info4{height:420px;overflow:auto;position:absolute;right:0}
.s08-title{text-align:center;font-size:36px;color:#394f8b;font-weight:800}
.s08-info4 ul li a{display:block;color:#262626;text-decoration:none}
.s08-avt4{background-color:#cdcdcd}
.edit-info3{background-color:#c2c2c2;color:#fff;text-decoration:none;border-radius:100px}
.active4{color:#fff!important}
@media screen and (max-width:960px){.s08-box-class{border-radius:20px 20px 0 0}
.s08-box-class ul{background-color:#fff;border-radius:0 0 5px 5px}}
@media screen and (max-width:768px){.s08-title4{font-size:24px}}
.s08-title5{font-size:36px;color:#fff;font-weight:800;text-transform:uppercase}
.s-title-class strong{text-transform:uppercase;display:inline-block}
.s08-list-sub{margin-top:12px}
.s08-list-sub li{list-style:none}
.s08-list-sub li a{background-color:#fff;border-radius:100px;display:block;color:#262626}
.s08-list-sub li a:hover{color:#fff}
@media screen and (max-width:768px){.s08-title5{font-size:24px}}
.s08-box6{background-color:#eef0f3}
.s08-title6{text-align:center;color:#262626;font-weight:800;text-transform:uppercase}
.s08-comment-student li{list-style:none;background-color:#fff;box-shadow:0 0 5px 1px #2626262b}
.s08-avt6{border-radius:50%;background-color:#e1e1e1}
.s08-center6 .bx-wrapper{background:0 0}
.s08-box8{background-color:#eef0f3}
.s08-title8{font-size:36px;color:#394f8b;font-weight:800;text-transform:uppercase}
.s08-box-step{border-radius:15px}
.s08-step li{text-transform:uppercase}
.s08-step li strong{color:#fe6c43}
.s08-step li span{color:#262626}
.form-signin ul li a{border-radius:100px;color:#fff;font-size:24px;text-transform:uppercase;font-weight:700}
@media screen and (max-width:960px){.form-signin ul li a{font-size:18px}}
@media screen and (max-width:768px){.s08-title7{font-size:24px}}
.clBlack{color:#262626}
.s08-center{height:50px;max-width:unset;margin:auto;background-image:linear-gradient(-90deg,#4ca5e2,#71c5ff,#4ca5e2)}
.s08-center::after{content:'';display:block;clear:both}
.s08-center-container{width:100%;max-width:1200px;margin:0 auto;padding:0 12px}
.logo{width:303px;text-align:center;height:52px}
.s08-top-action{width:calc(100% - 439px)}
.s08-top-action li a{padding:15px}
.s08-box1{padding:0;width:100%}
.s08-banner{margin-top:50px}
.logo img{max-height:55px!important;margin-top:-5px}
.s08-info2{width:42%;padding-left:12px}
.s08-info2 ul li{margin-top:24px}
.s08-info2 ul li:first-child{margin-top:13px}
.add-info2{font-size:24px;font-weight:700;text-transform:uppercase}
.add-info2,.border-right,.btn-cart9,.btn-class{background-color:#3364ae}
.s08-box-class ul,.s08-box3,.s08-box4,.s08-box5,.s08-box6,.s08-box8,.s08-box9,.s08-new{width:100%}
.s08-slide-video{width:calc(60% - 49px);margin-top:0}
.s08-box2{padding:24px 24px 35px;width:100%}
.s08-box-class ul li a{text-align:center}
.s08-box-class ul li a.active,.s08-box-class ul li a:hover{background:#ffd800}
.s08-info3{width:calc(50% - 75px);margin-top:0}
.s08-box3{padding:0 24px 35px}
.s08-title3{margin-bottom:24px}
.s08-box4{padding-top:0}
.s08-title4{text-align:center;margin-bottom:24px}
.s08-center4{margin-top:0}
.s08-info3 ul li span{text-align:inherit}
#style-4::-webkit-scrollbar-track{background-color:#e1e1e1}
#style-4::-webkit-scrollbar{width:8px;background-color:#e1e1e1}
#style-4::-webkit-scrollbar-thumb{background-color:#898989}
.s08-info4{width:42%}
.active4{background:#ffb912;color:#262626!important}
.s-title-class strong{color:#ffd800;background:#429bd9}
.line-class{border-bottom:1px dotted #fff360}
.s08-list-sub li a:hover{background-color:#ffd800}
.nextFelling,.preFelling{float:left;margin-left:25px;margin-top:139px;width:23px;height:23px;background:url(../img/icon-next.png) 0/cover no-repeat;border-radius:61%;cursor:pointer}
.s08-center6 .bx-wrapper{width:calc(100% - 97px)!important;float:left}
.s08-center6 .bx-viewport{height:auto!important}
.s08-comment-student li{border-radius:30px;height:295px;padding:25px;margin:0 18px}
.s08-title6{font-size:36px;margin-bottom:24px}
.s08-center6::after{content:'';display:block;clear:both}
.s08-comment-student li{width:calc(33.3333% - 36px)}
.preFelling{transform:rotate(-180deg);margin-left:0}
#sliderMobile,.s08-step,.s08-title8{display:none}
.s08-box-step{background-color:#eef0f3;padding:0;margin-top:0}
.s08-new{margin-top:0}
.s08-title7{margin-bottom:24px;color:#262626}
.btn-signin8{background-color:#f9de27}
.btn-signup8{background-color:#ffb940}
.btn-cart8{background-color:#e39924}
.s08-box9{background-color:#ffd428}
.btn-cart9{font-size:24px;font-weight:700;text-transform:uppercase}
.s08-box9 center{margin:24px 0}
.box-list-check th{color:#262626}
table tbody tr.bgorange{background-color:#e1e1e1;color:#262626}
.box-list-check td,th{border-top:0;border-left:0;border-bottom:0;border-right:1px solid #ccc}
.s08-new{padding:12px 36px}
table.box-list-check td>p{color:#262626}
table.box-list-check td>p:nth-child(2){color:#888686}
.box-list-check .slashPrice{text-decoration:line-through;padding-left:5px;color:#262626}
.s08-box6{padding:35px 24px}
.s08-comment-student{margin-top:0}
.s08-box-class{background-color:#fff}
.backgWhite{background-color:#fff!important}
.s08-video3 .bx-viewport{height:auto!important}
.s08-center{position:fixed;width:100%;top:0;z-index:9999999999/* ;box-shadow:0 0 20px rgba(0,0,0,0.1)*/}
.pop-successfully{width:320px;height:85px}
.info-successfully{width:calc(100% - 86px);height:100%;text-align:center;padding:8px 34px 8px 19px;display:block}
.info-successfully p{padding-top:4px;color:#262626}
#popupContent span{font-weight:700}
#popupTime{font-style:italic}
.s08-box7{width:100%}
@media all and (max-width:768px){#shareButton,#sliderPC{display:none}
.s08-top-action{width:calc(100% - 303px)}
.s08-box7,.s08-box9,.s08-info2,.s08-info3,.s08-info4,.s08-slide-video,.s08-video2,.s08-video4{width:100%}
.s08-info3,.s08-select{margin-bottom:12px}
#sliderMobile{display:block}
.s08-title6{font-size:24px}
.s08-info2{padding-left:0}
.s08-center6 .bx-wrapper{width:calc(100% - 120px)!important;margin: 0 37px;}
.s08-center6 .bx-viewport>.bx-wrapper{width:100%!important}
#testimonialSliderMobile>ul.item::after{content:'';display:block;clear:both}
.s08-comment-student{width:100%;height:auto;padding-bottom:3px}
.s08-comment-student li{width:calc(100% - 20px)}
.s08-box7{padding:0 24px}
.s08-center6 .bx-viewport{padding-bottom:0}
.nextFelling,.preFelling{margin-top:134px;margin-left:0}
.add-info2{margin-top:0}
.s08-info2 ul li{margin-top:20px}
.s08-box4{padding:0 24px 24px}
.s08-box5{padding:12px 24px}
.s08-box9{padding:24px}
/* .preFelling{margin-left:41px} */
.s08-comment-student li{margin:0 10px}
.s08-box-step{width:100%}
.form-signin ul li{width:30%}
.s08-box-class{background-color:#eef0f3}
.s08-info4{position:static}
.s08-banner{margin-top: 49px}}
@media all and (max-width:425px){
.logo{width:150px;height:35px;border-radius:0 0 30px 30px}
.logo img{margin-top:0}
.s08-top-action{width:calc(100% - 150px)}
.s08-info3 ul li span{width:100%}
.s08-top-action li a{padding:8px}
.s08-center{height:35px}
.s08-banner{margin-top:0}
.s08-box2{padding:12px 12px 24px}
.s08-box3{padding:0 12px 24px}
.s08-box4{padding:0 12px 12px}
.s08-box5{padding:12px}
.s08-box6{padding:24px 12px}
.s08-box7{padding:0 12px}
.s08-box8,.s08-box9,.s08-new{padding:12px}
.s08-title2,.s08-title3,.s08-title4,.s08-title5,.s08-title6,.s08-title7{font-size:20px;margin-bottom:18px}
.add-info2,.btn-cart9,.form-signin ul li a{font-size:16px;font-weight:700}
.s08-info2 ul li{margin-top:15px}
.s08-slide-video>div>div.bx-wrapper>div.bx-viewport{height:auto!important}
.s08-comment-student li{height:280px;padding:15px}
.s08-box5 .s08-title5{margin-bottom:0}
.box-list-check th,td{padding:15px 10px}
.form-signin ul li{width:94%}
.td-navbar-signup ul > li{padding-top: 4px}
.td-navbar-signup ul li:hover .td-info-acount {right: 0}
.s08-box1{margin-top: 35px !important}
}
@media all and (max-width:320px){.s08-comment-student li p{-webkit-line-clamp:4}
.pop-successfully{width:213px;height:53px}
.pop-successfully img{float:left;width:25%}
.info-successfully p{font-size:11px}
.info-successfully{padding:0 10px 0 0;width:75%}}
.s08-top-action li a.td-border2:hover{font-weight: 700}
.td-navbar-signup ul li:hover .td-info-acount {right: -5px}

/* custom  */
.s08-box5 {
    background-color: #429bd9;
}