@import "https://fonts.googleapis.com/css?family=Quicksand:700&display=swap&subset=vietnamese";
*{box-sizing:border-box;margin:0}
body{margin:0;font-family:Quicksand,sans-serif;font-size:14px!important;color:#232323!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bg-white{background-color:#fff!important}
.fz-default{font-size:1rem!important}
.fz-1-1{font-size:1.1rem!important}
.fz-1-2{font-size:1.2rem!important}
.fz-1-3{font-size:1.3rem!important}
.fz-1-4{font-size:1.4rem!important}
.fz-1-5{font-size:1.5rem!important}
.fz-1-6{font-size:1.6rem!important}
.fz-1-7{font-size:1.7rem!important}
.fz-1-8{font-size:1.8rem!important}
.fz-1-9{font-size:1.9rem!important}
.fz-double{font-size:2rem!important}
.fz-tripple{font-size:3rem!important}
.dropdown-lang .lang-item{float:left;width:100%;padding:5px 0 5px 10px}
.lang-item-flag{width:32px;height:auto;margin-right:5px;border:1px solid #ccc}
.dropdown-lang .lang-item.active,.not-dark .lang-item.active{background-color:#00bed7;color:#fff!important}
.menu-sec,.menu-sec nav>ul>li,.menu-sec nav>ul>li *,.res-closemenu,.res-openmenu,.responsivemenu,.responsivemenu li,.responsivemenu>ul>li ul>li a,.responsivemenu>ul>li.menu-item-has-children>a,.responsivemenu>ul>li.menu-item-has-children>a::after,.responsivemenu>ul>li.menu-item-has-children>a::before,header{webkit-transition:unset!important;-moz-transition:unset!important;-ms-transition:unset!important;-o-transition:unset!important;transition:unset!important}
.dp-flex{display:flex}
.clearfix{clear:both}
.full-width{width:100%}
.full-height{height:100%}
.pointer{cursor:pointer}
.hidden{display:none!important}
a{text-decoration:none}
.transparent{opacity:0}
.center-item{margin:0 auto}
.img-full-center{width:100%;height:100%;object-fit:cover}
.text-right{text-align:right}
.text-left{text-align:left}
.text-center{text-align:center}
.fz-12{font-size:12px!important}
.fz-13{font-size:13px!important}
.fz-14{font-size:14px!important}
.fz-15{font-size:15px!important}
.fz-16{font-size:16px!important}
.fz-17{font-size:17px!important}
.fz-18{font-size:18px!important}
.fz-19{font-size:19px!important}
.fz-20{font-size:20px!important}
.fz-25{font-size:25px!important}
.fz-30{font-size:30px!important}
.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mr0{margin-right:0!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr25{margin-right:25px!important}
.mr30{margin-right:30px!important}
.mr40{margin-right:40px!important}
.ml0{margin-left:0!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml25{margin-left:25px!important}
.ml30{margin-left:30px!important}
.ml40{margin-left:40px!important}
.pt0{padding-top:0!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt25{padding-top:25px!important}
.pt30{padding-top:30px!important}
.pt40{padding-top:40px!important}
.pb0{padding-bottom:0!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pb20{padding-bottom:20px!important}
.pb25{padding-bottom:25px!important}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px!important}
.pr0{padding-right:0!important}
.pr5{padding-right:5px!important}
.pr10{padding-right:10px!important}
.pr15{padding-right:15px!important}
.pr20{padding-right:20px!important}
.pr25{padding-right:25px!important}
.pr30{padding-right:30px!important}
.pr40{padding-right:40px!important}
.pl0{padding-left:0!important}
.pl5{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pl20{padding-left:20px!important}
.pl25{padding-left:25px!important}
.pl30{padding-left:30px!important}
.pl40{padding-left:40px!important}
.word-break{word-wrap:break-word;word-break:break-all}
.text-cap{text-transform:capitalize}
.float-right{float:right!important}
.float-left{float:left!important}
@keyframes shine {
from{transition:none}
to{background-color:#f6f7f8;transition:all .3s ease-out}
}
.msgloader{margin:0 auto;width:40px;height:40px;margin-top:10px;border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #00f;border-right:10px solid green;border-bottom:10px solid red;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin {
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.common-loading{position:fixed;width:100%;height:100%;z-index:9999;background-color:rgba(0,0,0,.2);top:0;left:0;display:none}
.common-loading .lds-css{position:absolute;width:100px;height:100px;left:calc(50% - 50px);top:calc(50% - 50px)}
@keyframes lds-ripple {
0%{top:96px;left:96px;width:0;height:0;opacity:1}
100%{top:18px;left:18px;width:156px;height:156px;opacity:0}
}
@-webkit-keyframes lds-ripple {
0%{top:96px;left:96px;width:0;height:0;opacity:1}
100%{top:18px;left:18px;width:156px;height:156px;opacity:0}
}
.common-loading .lds-ripple{position:relative}
.common-loading .lds-ripple div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 2s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 2s cubic-bezier(0,.2,.8,1) infinite}
.common-loading .lds-ripple div:nth-child(1){border-color:#f39c13}
.common-loading .lds-ripple div:nth-child(2){border-color:#e79300;-webkit-animation-delay:-1s;animation-delay:-1s}
.common-loading .lds-ripple{width:100px!important;height:100px!important;-webkit-transform:translate(-50px,-50px) scale(.5) translate(50px,50px);transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}
.common-loading-item{position:absolute;width:100%;height:100%;z-index:1000;min-height:100px;left:0;display:none}
.common-loading-item .lds-css{position:absolute;width:100px;height:100px;left:calc(50% - 50px)}
.common-loading-item .lds-ripple{position:relative}
.common-loading-item .lds-ripple div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 2s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 2s cubic-bezier(0,.2,.8,1) infinite}
.common-loading-item .lds-ripple div:nth-child(1){border-color:#f39c13}
.common-loading-item .lds-ripple div:nth-child(2){border-color:#e79300;-webkit-animation-delay:-1s;animation-delay:-1s}
.common-loading-item .lds-ripple{width:100px!important;height:100px!important;-webkit-transform:translate(-50px,-50px) scale(.5) translate(50px,50px);transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}
@media (max-width:575px) {
.hidden-xs-down{display:none!important}
}
@media (min-width:576px) {
.hidden-sm-up{display:none!important}
}
@media (max-width:767px) {
.hidden-sm-down{display:none!important}
}
@media (min-width:768px) {
.hidden-md-up{display:none!important}
}
@media (max-width:991px) {
.hidden-md-down{display:none!important}
}
@media (min-width:992px) {
.hidden-lg-up{display:none!important}
}
@media (max-width:1199px) {
.hidden-lg-down{display:none!important}
}
@media (min-width:1200px) {
.hidden-xl-up{display:none!important}
}
.hidden-xl-down{display:none!important}
.visible-print-block{display:none!important}
@media print {
.visible-print-block{display:block!important}
}
.visible-print-inline{display:none!important}
@media print {
.visible-print-inline{display:inline!important}
}
.visible-print-inline-block{display:none!important}
@media print {
.visible-print-inline-block{display:inline-block!important}
}
@media print {
.hidden-print{display:none!important}
}
.thumb-logo{display:flex;align-items:center;justify-content:center;background-color:#fff;padding:3px;border-radius:3px;border:1px solid #ccc}
.thumb-logo img{width:80%!important;height:80%!important;object-fit:contain}
.thumb-avatar{width:100%;height:80px;display:flex;align-items:center;justify-content:center}
.thumb-avatar img{width:80%!important;height:80%!important;object-fit:contain}
.custom-file-upload{position:absolute;left:0;top:0;cursor:pointer;margin:0;padding:0;width:100%;height:100%;line-height:40px;text-align:center}
.custom-file-upload i{color:#8b91dd;font-size:32px;float:left;width:100%;margin-top:42px}
.upload-portfolio{float:left;width:100%;display:table}
.uploadbox{display:table-cell;vertical-align:middle;border:2px dashed #e6e8ef;width:100%;max-width:210px;height:150px;float:left;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;position:relative}
.custom-file-upload::before{display:none}
.custom-file-upload span{float:left;width:100%;font-size:13px;color:#8b91dd;line-height:25px}
.uploadfield{float:left;width:400px;margin-left:30px}
.uploadbutton{float:left;margin-left:30px;margin-top:50px}
fieldset{border:1px solid #ccc;padding:10px;border-radius:5px;webkit-box-shadow:2px 2px 6px #aaa;box-shadow:2px 2px 6px #aaa}
legend{width:unset;font-size:1.2rem}
.legend-ctrl{background-color:#fff;border:1px solid #ccc;padding:2px 5px;cursor:pointer;color:#36a3ca}
.spinner-border-md{width:1rem;height:1rem}
.spinner-border-sm{width:1.2rem;height:1.2rem}
.spinner-border-xs{width:1rem;height:1rem}
.area-loading .spinner-border{position:absolute;margin-left:auto;margin-right:auto;top:5%}
.area-loading .spinner-border.center{left:0;right:0}
.area-loading .spinner-border.left{left:0}
.area-loading .spinner-border.right{right:0}
.class-loading .ovl-content{float:left;background-color:#fff;border-radius:3px;width:100%}
.class-loading .ovl-content .ovl-img{background-color:#ccc;margin:15px auto 0;border-radius:50%;animation-name:shine;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}
.class-loading .ovl-content .ovl-title{background-color:#ccc;height:6px;margin:10px auto 0;width:40%;animation-name:shine;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}
.widget-loading .ovl-content{float:left;background-color:#fff;border-radius:3px;width:100%;padding:5px}
.widget-loading .ovl-content .ovl-img{background-color:#ccc;animation-name:shine;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}
.widget-loading .ovl-content .ovl-title{background-color:#ccc;height:6px;margin:10px auto 0;width:50%;animation-name:shine;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}
@keyframes spinner {
to{transform:rotate(360deg)}
}
/*.spinner-border:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#000;animation:spinner .6s linear infinite;position:absolute;margin-left:auto;margin-right:auto}*/
a{color:#337ab7}
.btn-primary{color:#fff;background-color:#002147;border-color:#002147}
.ed-mi-close{left:10px;top:0;margin:0}
.ed-mm-inn{padding:40px 15px}
.main-menu{float:right;width:80%}
.main-menu-list{float:right}
.main-menu-list li{float:left;display:inline-block}
.main-menu-list li a{color:#000;padding:20px 10px;line-height:60px;font-size:16px;font-weight:600;position:relative}
.main-menu-list li a:hover{color:#e66030}
.main-menu-list li a:after{content:"";position:absolute;width:100%;height:3px;bottom:12px;left:0;color:#e66030;background-color:#e66030;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .15s ease-in;z-index:1}
.main-menu-list li a:hover:after{visibility:visible;transform:scaleX(1);transition:all .25s ease-out}
.main-menu-list li:last-child a{padding-right:0}
.btn{text-transform:unset;height:auto}
.top-bar{position:fixed;top:0;width:100%;background:#fff;box-shadow:0 4px 15px 0 rgba(0,0,0,.32);z-index:999}
.top-logo{padding:0}
.top-logo.affix .wed-logo img{width:auto;height:60px}
.top-logo .top-authed-menu{padding:12px}
.top-logo.affix .top-authed-menu{padding:5px}
.top-authed-menu ul li{padding:5px}
.required-input{color:red}
.top-authed-menu .dropdown-menu a{cursor:pointer}
input:not([type]),input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],textarea.materialize-textarea{background-color:unset}
.search-top .input-ctrl{color:#464646;margin:0;font-size:14px;height:4rem;border-radius:4px;border:inherit!important}
.search-top .btn{height:4rem;width:100%}
.h2-hero::before{background:linear-gradient(to right,red,#0b4ea094)}
.wrap-content{min-height:60vh}
.h2-hero-left .ed-ban-tit{width:100%}
.main-menu{float:left}
.main-menu-list{float:left;margin-left:5%}
.main-menu ul li a{font-weight:inherit}
.log-in-pop-left{background-color:#177f90}
.ed-ban-tit-3 .app-store a img{width:13em;padding-top:10px}
.ed-ban-tit-1 h1{font-size:3.5rem}
.con-title h2{font-size:3rem}
.partner{margin:0 auto}
.partner .partner-banner img{width:100%}
.home-top-exam{border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.06)}
.home-top-exam:hover{transition:all 0 ease}
.home-top-exam-rat{padding:5px 10px;background:#337ab7;border-radius:3px}
.home-top-exam-desc h3{font-size:18px}
.home-top-exam-desc h4{color:#7a7a7a}
.hom-list-share{position:relative;overflow:hidden;width:100%}
.hom-list-share ul{margin-bottom:0;padding:0}
.hom-list-share ul li{float:right;list-style-type:none;display:inline-block}
.hom-list-share ul li a.main-btn{background-color:#e66030;color:#fff;font-weight:700;border-radius:3px}
.hom-list-share ul li a{display:block;margin:2px;padding:4px 5px;font-size:12px;color:#8a8a8a;text-align:center}
.hom-list-share ul li a i{padding-right:5px}
.wed-hom-footer{padding:10px 0;margin-top:5vh}
@keyframes float {
0%{transform:translatey(0)}
50%{transform:translatey(-10px)}
100%{transform:translatey(0)}
}
.float-btn{transform:translatey(0);animation:float 1s ease-in-out infinite}
.shake-app-btn{animation:shake-animation 3s ease infinite;transform-origin:50% 50%}
@keyframes shake-animation {
0%{transform:translate(0,0)}
1.78571%{transform:translate(5px,0)}
3.57143%{transform:translate(0,0)}
5.35714%{transform:translate(5px,0)}
7.14286%{transform:translate(0,0)}
8.92857%{transform:translate(5px,0)}
10.71429%{transform:translate(0,0)}
100%{transform:translate(0,0)}
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button{text-transform:none!important;font-size:14px;font-weight:400!important;text-shadow:none}
.stage{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite}
@keyframes gradient {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.modal-header{padding:0 0 15px}
.modal-header .modal-close{position:absolute;right:15px;top:15px;border:0 none;background-color:transparent}
.modal-header .modal-close span{font-size:2rem}
.modal-header .modal-title{font-size:1.5rem}
#return-to-top{position:fixed;bottom:2%;left:10px;display:block;display:none;width:55px;height:55px;text-align:center;border-radius:50px;line-height:60px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.15);-webkit-transition:all .3s ease;-webkit-transition:all .3s linear;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:1000}
#return-to-top i{font-size:24px;position:relative;background:0 0;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}