@font-face {
  font-family: RobotoRagular;
  src: url('/assets/site/fonts/Roboto-Regular.eot'),  url('/assets/site/fonts/Roboto-Regular.svg'), url('/assets/site/fonts/Roboto-Regular.woff'), url('/assets/site/fonts/Roboto-Regular.woff2');
}

@font-face {
  font-family: DMVDINProBlack;
  src: url('../fonts/DMVDINProBlack.eot'),  url('../fonts/DMVDINProBlack.svg'), url('../fonts/DMVDINProBlack.woff'), url('../fonts/DMVDINProBold.woff2');
}

@font-face {
  font-family: DMVDINProBold;
  src: url('../fonts/DMVDINProBold.eot'),  url('../fonts/DMVDINProBold.svg'), url('../fonts/DMVDINProBold.woff'), url('../fonts/DMVDINProBold.woff2');
}

body{ font-family: DMVDINProBold; }
img{
	max-width: 100%;
	height: auto;
}

.fa-phone:before{ margin-right: 10px;}
.fa-send:before, .fa-paper-plane:before{ margin-right: 10px; }

.box_top{ font-family: Roboto-Regular; background: #12192c; color: white;}
.box_top .container{}
.box_top .info{ padding-top: 10px; font-size: 12px;}
.box_top .contact{margin-right: 20px;}
.box_top .dangki_top{background: #fb6030;float: right;height: 40px;padding: 10px;color: white;}

.box_header{ background-color: #FFF; width: 100%; top: 0; left: 0; z-index: 99999; position: relative; height: 95px;}
.box_header .container{ position: relative; display: table;}
.box_header .logo{display: inline-block;margin-top: 15px;line-height: 100%;}
.box_header .menu{ padding: 31px 0 0; list-style: none; float: right; margin: 0;}
.box_header .menu li{ display: inline-block; padding-left: 40px; text-align: center; vertical-align: middle;}
.box_header .menu li:last-child{padding: 0;}
.box_header .menu li a{ font-size: 13px; color: #282828; font-family: "Roboto-Medium"; padding: 8px 0 6px; display: inline-block; text-transform: uppercase; text-decoration: none;}
.box_header .menu li a.active{color: #ed253d;}
.box_header .menu li a:hover{ color: #ed253d;}
.box_header .menu li a.btn_book{display:none;border-radius: 5px;background: #ed253d;color: #FFF;padding: 0;width: 130px;height: 30px;line-height: 28px;font-size: 12px;font-family: "SVNKelsonSansBold";}
.box_header .menu li a.btn_book:hover{transition:color 0.7s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background: #0e0e1a;}
.box_header .menu li a.btn_book.active{ background-color: #202b53;}
.box_header .menu_mobile{ position: absolute; top: 10px; right: 10px; width: 30px;}
.box_header .menu_mobile .item{ display: block; height: 2px; background-color: #CCC; margin-bottom: 4px;}
.box_header.sticky{height: 70px; position: fixed; top: 0px; z-index: 999; border-bottom: 1px solid #EEE; -webkit-animation: mySticky 1s; -moz-animation: mySticky 1s; animation: mySticky 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; padding: 0 0; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transition: transform 2s ease-in-out; -webkit-transition: -webkit-transform 2s ease-in-out; -moz-transition: transform 2s ease-in-out; }
.box_header.sticky .logo{margin-top: 5px;}
.box_header.sticky .menu{padding-top: 20px;}
.box_header.sticky .menu li a.last{ padding-right: 20px;}
.box_header.sticky .menu li:last-child{padding-left: 40px;}
.box_header.sticky .menu li a.btn_book{display: inline-block; border-radius: 0;}
.box_header.sticky .box_user li a:hover{ color: #0088cc;}
.box_header.sticky .box_user{ display: block; padding: 10px 0 0;}
.box_header.sticky .box_user li a{ display: inline-block; padding: 5px 20px; color: #404041; font-size: 13px; font-weight: 600; height: auto; line-height: normal;}
.box_header.sticky .box_user_login{ display: block;}
.box_header.sticky .box_user_login .dropdown-toggle{ background: none !important; height: 50px; line-height: 50px; margin: 0 0 0 20px;}
.box_header.sticky .box_user_login .dropdown-toggle:focus{ background: none;}
.box_header.sticky .box_user_login .dropdown-toggle:hover{ background: none;}
.box_header.sticky .box_user_login .dropdown-toggle img{ vertical-align: top; margin-top: 5px;}
.box_header.sticky .box_user_login.navbar-nav>li>.dropdown-menu:BEFORE{ right: 12px;}
.box_header.sticky .box_user_login.navbar-nav>li>.dropdown-menu:AFTER{ right: 13px;}
.box_header.sticky .box_user_login.navbar-nav>li>a{ padding: 15px 20px;}
.box_header.sticky .box_user_login.navbar-nav>li>a:hover{ background: none; color: #000;}

.box_banner .image{}
.box_banner .image img{}

.box_doituong{ background: url(../img/box_doituong_hocvien.jpg) no-repeat;background-size: cover;padding: 30px 0;}
.box_doituong .box_title{font-size: 30px;font-weight: bold;margin: 30px 0px 30px 0px;color: #005564;font-family: DMVDINProBlack;}
.box_doituong .box_content{width: 400px;max-width: 100%;}
.box_doituong .box_content .item{font-size: 17px;font-weight: 700;margin-bottom: 50px;position: relative;}
.box_doituong .box_content .item .image1{position: absolute;width: 100px;}
.box_doituong .box_content .item .content1{z-index: 20;position: relative;margin-left: 50px;padding-top: 10px;}
.box_doituong .box_content .item .image2{position: absolute;width: 100px;transform: rotate(180deg);}
.box_doituong .box_content .item .content2{z-index: 20;position: relative;margin-left: 50px;padding-top: 10px;}

.box_vande{ background: url(../img/van_de.jpg) no-repeat center bottom;background-size: cover;padding: 30px 0;}
.box_vande .wrapper{width: 710px;max-width: 100%;}
.box_vande .wrapper .box_title{font-size: 30px;font-weight: bold;color: #005564;text-align: center;font-family: DMVDINProBlack;}
.box_vande .container{width: 996px;max-width: 100%;}
.box_vande .content_vande{}
.box_vande .item{ margin: 20px 0 20px 0;}
.box_vande .title{ font-size: 30px; font-weight: bold; color: #005564;}
.box_vande .item .number{float: left;margin-right: 40px;font-size: 35px;font-weight: bolder;position: relative;}
.box_vande .item .number .number-title{position: absolute;z-index: 10;}
.box_vande .item .number .image{height: 35px; position: relative;}
.box_vande .item .content{padding-top: 15px;font-size: 20px;font-weight: 700;margin: 20px  0 20px 0;}

.box_khacbiet{ background: url(../img/khacbiet.jpg) no-repeat center bottom; background-size: cover; padding: 30px 0;}
.box_khacbiet .container{ width: 824px; max-width: 100%;}
.box_khacbiet .box_title .title{font-size: 30px;font-weight: bold;color: #005564;text-align: center;padding: 0 0 35px;font-family: DMVDINProBlack;}
.box_khacbiet .item{ margin: 10px 30px 10px 30px; max-width: 100%; font-size: 15px; font-weight: 700;}
.box_khacbiet .item .image{ padding-bottom: 30px; text-align: center;}
.box_khacbiet .item .title{ text-align: justify; }

.box_phuongphap_khoahoc{background: url(../img/khoahoc.jpg) no-repeat;background-size: cover; padding-bottom: 50px;}
.box_phuongphap_khoahoc .container{width: 996px;max-width: 100%;padding: 30px 0 30px 0;}
.box_phuongphap_khoahoc .title{font-size: 30px;font-weight: bold;color: #f9f9f9;text-align: center;padding: 0 0 35px;font-family: DMVDINProBlack;}
.box_phuongphap_khoahoc .phuongphap{ width: 840px; max-width: 100%; margin: 0 auto;}
.box_phuongphap_khoahoc .phuongphap .item{display: flex;margin: 10px 0 10px 0;}
.box_phuongphap_khoahoc .phuongphap .item .name_item{background: url('../img/left.png') no-repeat;width: 240px;height: 125px;display: inline-block;font-size: 60px;font-weight: 900;padding: 15px 0 0 30px;color: white;font-family: DMVDINProBlack;}
.box_phuongphap_khoahoc .phuongphap .item .content_item{background: url('../img/right.png') no-repeat;width: 600px;height: 125px;display: inline-block;font-size: 22px;font-weight: bold;padding: 20px 20px 0 50px;}

.khoahoc{}
.khoahoc .title{}
.khoahoc .item_khoahoc{}
.khoahoc .item_khoahoc .item{margin-right: 15px;background-color: white;border-radius: 35px;/* width: 200px; *//* display: inline-block; */width: 100%;/* float: left; */}
.khoahoc .item_khoahoc .item.item1{margin-top: 90px;}
.khoahoc .item_khoahoc .item.item2{ margin-top: 45px; }
.khoahoc .item_khoahoc .item.item3{}
.khoahoc .item_khoahoc .item .image{width: 100%;}
.khoahoc .item_khoahoc .item .content{min-height: 120px;padding: 20px;font-weight: bold;position: relative;}
.khoahoc .item_khoahoc .item .content .text{ font-size: 19px;}
.khoahoc .item_khoahoc .item .content .number{ bottom: 10px; right: 20px; position: absolute;}

.lophocmau_web{background: url('../img/lophocmau.png') no-repeat center;background-size: cover;}
.lophocmau_web .container{width: 1000px; max-width: 100%}
.lophocmau_web .giangvien{ background: white; padding: 10px; border-radius: 10px; position: relative;}
.lophocmau_web .giangvien::after{position: absolute;width: 40px;height: 40px;content: "";top: 40%;left: 100%;-o-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX();border-top: 20px transparent  solid;border-left: 20px #ffffff solid;border-right: 20px transparent solid;border-bottom: 20px transparent solid;transform: rotate(0deg);}
.lophocmau_web .video{background: url('../img/laptop-video.png') no-repeat center;background-size: contain;padding: 65px 71px;height: 450px;}
.lophocmau_web .video iframe{ height:310px;width:495px; }
.lophocmau_mobile .image{display: none;}

.box_student{background-color: #152b50;}

.box_giangVien{ padding: 70px 0 0 0;}
.box_giangVien .container{width: 1000px; max-width: 100%;}
.box_giangVien .box_title{ color: #fff; font-size: 30px; line-height:30px; font-family: "DMVDINProBlack"; font-weight: 700; margin-bottom: 40px; text-align: center;}
.box_giangVien .box_content{margin-bottom: 50px;}
.box_giangVien .item .image{margin-bottom: 30px;}
.box_giangVien .item .image img{ width: 100%;}
.box_giangVien .item .text{ font-size: 22px; color: #fff; padding: 15px 0; font-family: "DMVDINProBlack"; text-align: center; text-transform: uppercase;}
.box_giangVien .item .text .note{font-size: 17px; font-family: "DMVDINProBlack"; text-transform: none; }
.box_giangVien .item{position: relative;}
.box_giangVien .item .fa{position: absolute; color: #fff; font-size: 50px; top: 50%; left: 50%; margin: -25px 0 0 -25px;}
.box_giangVien .bxslider{ display: none; position: relative;}
.box_giangVien .bx-pager{ display: none;}
.box_giangVien .bx-wrapper{ position: relative; -moz-box-shadow: 0 0 0 #ccc; -webkit-box-shadow: 0 0 0 #ccc; box-shadow: 0 0 0 #ccc; border: 0 solid #fff; background: none;}
.box_giangVien .bx-controls-direction a{ position: absolute; top: 50%; text-indent: -99999px; overflow: hidden; width: 54px; height: 54px; margin-top: -27px; border-radius: 4px;}
.box_giangVien .bx-controls-direction a:hover{ box-shadow: 0 0 20px rgba(34, 30, 31, 0.4);}
.box_giangVien .bx-controls-direction a.bx-prev{ background: url("../img/pre.png") no-repeat center center; left: -88px;}
.box_giangVien .bx-controls-direction a.bx-next{ background: url("../img/next.png") no-repeat center center; right: -88px;}

.buocdangki{text-align: center;padding: 30px 0 30px 0;}
.buocdangki .number{font-size: 40px;font-weight: 600;color: white;}
.buocdangki .container{width: 1030px;max-width: 100%;}
.buocdangki .row{width: 100%; -js-display: flex; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0;} 
.buocdangki .col-md-3{ margin: 20px 0 60px 0; display: flex;}
.buocdangki .title{font-size: 30px;font-weight: bold;color: #f9f9f9;text-align: center;padding: 0 0 35px;font-family: DMVDINProBlack;}
.buocdangki .item-dk{position: relative; padding-bottom: 105px;}
.buocdangki .item-dk .item-dk-bottom{position: absolute; bottom: 0; left:0; right:0; max-height: 80px;}
.buocdangki .item{background-color: white;border-radius: 10px;padding: 20px;position: relative; height: 100%;}
.buocdangki .item::after{position: absolute;width: 40px;height: 40px; content: ""; top: 100%; left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); border-top: 20px #fff solid; border-left: 20px transparent solid; border-right: 20px transparent solid; }
.buocdangki .item .image{ margin-bottom: 20px;}
.buocdangki .item p{font-size: 21px;font-weight: 700;}

.combo{padding: 50px;background: url('../img/form.jpg') no-repeat center;background-size: cover;}
.combo .row{margin-bottom: 40px;}
.combo .container{width: 996px;max-width: 100%; text-align: center;}
.combo .title{font-size: 35px;color: white;font-weight: bold;margin-bottom: 40px;font-family: DMVDINProBlack;}
.combo .content{background: #ffffff;border-radius: 10px;padding: 15px 25px 0px 14px;min-height: 90px;font-size: 15px;font-weight: bold;text-align: center;}
.combo .checked{ float: left; margin-top: 15px; margin-right: 10px;}
.combo .form{background-color: white;text-align: center;border-radius: 20px;padding: 18px;}
.combo .form .title-form{font-size: 20px; font-weight: bold; color: #005564; margin: 20px 0 20px 0;}
.combo .form .form_control{width: 100%;margin: 5px 0 5px 0;color: white;height: 40px;padding: 0 20px;font-size: 16px;line-height: 20px; border: 1px solid #303753;}
.combo .form .btn-blue{width: 100%; background: #ff0000; color: #fff; text-transform: uppercase;}
.combo .combo_right .image{ width: 100%; }

.dangki{ background: url('../img/form.jpg'); background-size: cover; padding: 50px 0 50px 0;}
.dangki .container{ width: 996px; max-width: 100%;}
.dangki .left{font-size: 25px;color: white;width: 400px;max-width: 100%;padding: 40px 0;}
.dangki .left .text{ text-align: center;}
.dangki .left .price{text-align: end;margin-right: 40px;}
.dangki .left .number{ border: 2px solid #fff; border-radius: 50px; height: 70px; overflow: hidden; font-size: 40px; text-align: center;}
.dangki .left .number .number_left{ text-decoration: line-through; font-size: 35px; position: relative; width: 50%; float: left; text-align: center; line-height: 70px;}
.dangki .left .number .number_right{ position: relative; width: 50%; float: right; height: 70px; background-color: #e92020; line-height: 70px;}
.dangki .end_sales { color: #58595b;}
.dangki .end_sales .title { color: #58595b; font-size: 26px; font-weight: 700; text-align: center;}
.dangki .end_sales .title span{ color: #ad1933;}
.dangki .end_sales .price{ text-align: center; font-size: 40px; padding: 30px 0; color: #ad1933; font-weight: 600;}
.dangki .end_sales .price .old{ text-decoration: line-through; color: #999; font-size: 20px;}
.dangki .end_sales .apdung{ text-align: center; font-size: 26px;}
.dangki .end_sales .thoigian{ text-align: center; font-size: 20px; padding: 32px 0 20px;}
.dangki .end_sales .clock{ margin: 0 auto; text-align: center;}
.dangki .end_sales .clock:after{ content: ""; display: block; clear: both;}
.dangki .end_sales .clock .boxe{ font-size: 17px; width: 70px; height: 95px; text-align: center; background: #fff; color: #303753; display: inline-block; margin-left: 10px; border-radius: 5px; }
.dangki .end_sales .clock .boxe:FIRST-CHILD{ margin-left: 0;}
.dangki .end_sales .clock .boxe span{ font-size: 44px; display: block; height: 60px; line-height: 60px; font-weight: 700;}

.box_info{background: #12192c;color: white;}

.chiase_camket{background: url(../img/camket.png) no-repeat center;background-size: cover;padding-top: 30px;}
.chiase_camket .chiase{}
.chiase_camket .chiase .container{width: 1000px;max-width: 100%;background: #152b50;border-radius: 20px;padding: 20px 100px;margin-bottom: 30px;}
.chiase_camket .chiase .content{font-size: 20px;color: white;text-align: justify;padding: 0 80px;}
.chiase_camket .chiase .content .image{ display: inline-block;}
.chiase_camket .chiase .content .hocvien{ margin: 15px 0;}
.chiase_camket .chiase .content .tenhocvien{display: inline-block;margin-left: 20px;}
.chiase_camket .chiase .title {font-size: 35px;font-weight: bold;color: #005564;text-align: center;padding: 0 0 35px;font-family: DMVDINProBlack;}
.chiase_camket .chiase .content .text{/* position: relative; */}
.chiase_camket .chiase .content .text::before{background-image: url(../img/quote1.png);position: absolute;content: "";background-repeat: no-repeat;width: 55px;height: 55px;margin-left: -62px;}
.chiase_camket .chiase .content .text::after{background-image: url(../img/quote1.png);position: absolute;content: "";background-repeat: no-repeat;width: 60px;height: 60px;margin-top: -30px;transform: rotate(180deg);margin-left: 215px;}
.chiase_camket .camket .container{width: 996px;text-align: center;max-width: 100%;}
.chiase_camket .camket .title{font-size: 35px;font-weight: bold;color: #152b50;padding: 0 0 35px;font-family: DMVDINProBlack;}
.chiase_camket .camket .item{ padding: 0 20px 0 20px;}
.chiase_camket .camket .item.item1{ margin-top: 50px;}
.chiase_camket .camket .item.item2{}
.chiase_camket .camket .item.item3{ margin-top: 50px;}
.chiase_camket .camket .title_content{font-size: 20px;font-weight: bold;padding: 40px 0 40px 0;font-family: DMVDINProBlack;}
.chiase_camket .camket .content{ text-align: justify;font-size: 24px;}

.box_comment{padding: 30px 0;}

.box_footer{ background: #141723; color: #fff; padding: 60px 0px 40px;}
.box_footer .box_title{ font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 15px; padding-top: 15px;}
.box_footer .box_title.social{ margin-top: 35px;}
.box_footer .item{ margin-bottom: 10px; overflow: hidden; padding-right: 10px;}
.box_footer .item .image { width: 20%; float: left; margin-right: 4%;}
.box_footer .item .desc{ width: 76%; float: left; }
.box_footer .item .desc .title{ margin: 0 0 5px; }
.box_footer .img{ margin-bottom: 20px;}
.box_footer .title span { margin-right: 20px;}
.box_footer .logo{padding-bottom: 30px;}
.box_footer .text{font-size: 14px; line-height: 23px; padding-bottom: 20px;}
.box_footer .box_content .menu-footer{color: #fff; display: inline-block;}
.box_footer .box_content .menu-footer>ul{padding: 0; padding-bottom: 25px; padding-top: 15px;}
.box_footer .box_content .menu-footer>ul>li{list-style: none; float: left; padding-right: 25px;}
.box_footer .box_content .menu-footer>ul>li>a{text-decoration: none; color: #fff; font-size: 14px;}
.box_footer .box_content .address{font-size: 13px; line-height: 30px;}
.box_footer .box_content .hotline{font-size: 13px; line-height: 30px;}
.box_footer .box_content .form-control{border-radius: 0; height: 40px; }
.box_footer .box_content .input-group-addon{border-radius: 0; background: #fb6030; border: 0;}
.box_footer .box_content .input-group-addon:hover{transition:color 0.7s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background: #0e0e1a;}
.box_footer .box_content .fa{color: #fff;}
.box_footer .box_content .alert{border-radius:0;}

#clockdiv{font-family: sans-serif;color: #fff;display: inline-block;font-weight: 100;text-align: center;font-size: 30px;}
#clockdiv > div{display: inline-block; color: #fff; margin: 0 10px;}
#clockdiv div > span{padding: 15px; border-radius: 3px; display: inline-block; font-family: "BebasNeueBold"; font-size: 60px; color: #233142; background: #fff; border-radius: 5px; }
.smalltext{padding-top: 5px;font-size: 16px;}

.register{ background: rgba(0,0,0,0.6)}
.register .box_title{ font-size: 17px; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin-bottom: 34px; text-align: center; margin: 10px 10px 0 0;}
.register .modal-content{ background: rgba(0,0,0,0.7); color: #fff; }
.register .modal-body{ padding: 20px 40px;}
.register .form-group .form-control{ background: rgba(0,0,0,0); border: 1px solid #fff; color: #fff;}
.register .form-group.send{ text-align: center; }
.register .form-group.send .btn-default{ border-radius: 50px; border:none; font-size: 17px; font-weight: bold; color: #fff; background: #0f9e1d;}
.register .modal-header .close{ color: #fff;}

.popup_video{ background: url("/assets/landing/cau-chuyen-thanh-cong/img/loader.gif") no-repeat center 40% rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999;}
.popup_video .popup_content{ width: 80%; margin: 0 auto; margin-top: 5%; position: relative;}
.popup_video .popup_close{ position: absolute; top: -18px; right: -13px; font-size: 30px; color: #FF0000; line-height: 100%;}

.has-error .form-control{border: 1px solid #ec1c3c;}


.page-loading { position: fixed; top: 0; left: 0; z-index: 99999999; width: 100%; height: 100%; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.6); }
.loader { position: absolute; top: 50%; left: 50%; margin: -4px 0 0 0; font-size: 10px; width: 8px; height: 8px; border-radius: 50% !important; text-indent: -9999em; -webkit-animation: load 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); opacity: 0.8; }

/* Defined */
@-webkit-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@-moz-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }

@-webkit-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }
@-moz-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }
@keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }

iframe[name="google_conversion_frame"]{ height: 0;}

@media(max-width: 768px) {


	.address{display: none;}
	.box_top .info{padding-top: 0;}
	.box_top .contact{float: left;font-size: 17px;margin-top: 9px;}

	.box_header{ height: 43px; position: fixed; border: 0; padding: 0 0 10px 0;}
	.box_header.sticky{height: 42px; position: fixed; top: 0px; z-index: 999; border-bottom: 1px solid #EEE; -webkit-animation: mySticky 1s; -moz-animation: mySticky 1s; animation: mySticky 1s; animation-timing-function: none; -webkit-animation-timing-function: none; -moz-animation-timing-function: none; padding: 0 0; backface-visibility: none; -moz-backface-visibility: none; -webkit-backface-visibility: none; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transition: none; -webkit-transition: none; -moz-transition: none; }
	.box_header .container{ position: relative; display: contents;}
	.box_header .logo{ margin-top: 12px !important;}
	.box_header .logo img{ height: 20px; padding-left: 15px;}
	.box_header .menu_mobile{ top: 13px;}
	.box_header .menu_mobile .item{ background-color: #999;}
	.box_header .menu{ position: fixed; top: 0; left: 0; z-index: 99999; width: 60%; height: 100%; background-color: rgba(0,0,0,0.9); overflow: auto; margin: 0; padding: 20px 0;}
	.box_header .menu li{ display: block; padding: 15px 20px;}
	.box_header .menu li a{ text-transform: uppercase; color: #FFF;}
	.box_header .menu li a:hover{ color: #FFF;}
	.box_header .menu li a.my_btn{ font-size: 16px;}
	.box_header .menu li a.btn_book{display: inline-block;}
	.box_header .menu li:first-child{ padding-left: 20px; }
	.box_header .menu{ margin: 0 !important;}

  	.topnav a.icon {float: right; display: block; }
  	.topnav.responsive {position: relative;}
  	.topnav.responsive a { float: none; display: block; text-align: left;}

	.box_phuongphap_khoahoc .title{font-size: 25px;}
	.box_phuongphap_khoahoc .container{ padding-top: 30px; }
	.box_phuongphap_khoahoc .phuongphap .item{margin: 10px 0;display: block;}
	.box_phuongphap_khoahoc .phuongphap .item .content_item {background: #fff;width: auto;height: 100px;display: flex;font-size: 15px;font-weight: bold;padding: 15px;}
	.box_phuongphap_khoahoc .phuongphap .item .name_item {background: #00a8c5;width: 100px;height: 100px;display: inline-block;font-size: 30px;font-weight: 900;padding: 15px 20px;color: white;float: left;line-height: 69px;}

	.combo{padding: 40px 0;}
	.combo .combo_left{width: 100%;}
  	.combo .combo_left .title { text-align: center;font-size: 25px;}
	.combo .combo_left .content { text-align: center; padding: 15px;}
	.combo .combo_left .content .checked { float: none; }
	.combo .combo_right .image{ width: 100%; }

	.lophocmau_web{ background: #172b4e; }
	.lophocmau_web .giangvien{margin-bottom: 40px;}
	.lophocmau_web .giangvien::after{display: none;}
	.lophocmau_web .video{ background: none; padding: 10px; height: 260px;}
	.lophocmau_web .video iframe{height:310px;width: 340px;border: 2px #00a8c5 solid;border-radius: 5px;}

	.chiase_camket{ padding-top: 30px;}
	.chiase_camket .chiase .container { padding: 20px 20px;}
	.chiase_camket .chiase .content {padding:0; font-size: 15px;}
	.chiase_camket .chiase .content .text::before {display: none;}
	.chiase_camket .chiase .content .text::after {display: none;}
	.chiase_camket .chiase .content .hocvien {text-align: center;margin-bottom: 10px;}
	.chiase_camket .camket .item{ padding: 10px 0 0 0; }
	.chiase_camket .camket .title{font-size: 25px;padding-bottom: 30px;}
	.chiase_camket .camket .content{font-size: 15px;}
	.chiase_camket .camket .title_content{font-size: 15px;padding: 0;}
	.chiase_camket .camket .item .image{width: 80px;}
	.chiase_camket .camket .item.item1{ margin: 0; }
	.chiase_camket .camket .item.item3{margin: 0 auto;width: 50%;}
	.chiase_camket .camket .col-xs-12 .item{width: 50%; margin: 30px auto;}
	.chiase_camket .slick-next {right: 0;}
	.chiase_camket .slick-prev {left: 0;}

	.box_doituong{padding:0;background: no-repeat;}
	.box_doituong .box_title{ margin-bottom: 10px; font-size: 25px;}
	.box_doituong .box_content .item{ margin-bottom: 15px; font-size: 15px; }
	.box_doituong .box_content .item .image1 {width: 70px;}
	.box_doituong .box_content .item .image2 {width: 70px;}
	
  	.box_vande .item { margin: 0; display: flex;}
  	.box_vande .item .number {float: left;font-size: 35px;font-weight: bolder; padding-top: 10px;}
	.box_vande .item .content{ margin: 0; font-size: 15px;}
	.box_vande .wrapper .box_title{ font-size: 25px; }
	
	.box_khacbiet{ padding: 0; }
	.box_khacbiet .box_title .title{font-size: 25px;padding: 10px;}
	.box_khacbiet .box_title .title{}
  	.box_khacbiet .item { text-align: center; margin: 10px 0;}
  	.box_khacbiet .item .title { text-align: center;}
	.box_khacbiet .item .image{width: 100px;}
	.box_khacbiet .col-xs-12 .item{width: 50%; margin: 0 auto; display: block;}

	.dangki .end_sales{ margin: 20px 0; }
	.dangki .left .number{ font-size: 35px;}
	.dangki .left .number .number_left{ font-size: 30px;}

	.khoahoc .title{ margin-bottom: 20px; }
	.khoahoc .item_khoahoc .item{ border-radius: 15px;}
	.khoahoc .item_khoahoc .item.item1{margin: 0;}
	.khoahoc .item_khoahoc .item.item2{margin: 0;}
  	.khoahoc .item_khoahoc .item.item3 { margin-top: 45px;}
	.khoahoc .item_khoahoc .item .content .text{font-size: 15px;}
	.khoahoc .item_khoahoc .col-xs-12 .item{width: 50%;display: block;margin: 30px auto;float: none;}
	.khoahoc .item_khoahoc .item .content{min-height: 100px; padding: 10px;}
	.khoahoc .item_khoahoc .item .content .text{font-size: 14px;}

	.buocdangki{padding:20px 0;}
	.buocdangki .col-md-3 { margin: 20px 0;}
	.buocdangki .title{font-size: 25px;padding: 0;}
	.buocdangki .item-dk{padding-bottom: 85px;}
	.buocdangki .item {padding: 10px 5px;}
	.buocdangki .item p{ font-size: 15px;}
	.buocdangki .item .image{ text-align: center; }
	.buocdangki .item::after{display: none;}
	.buocdangki .dot{ width: 120px; }
	.buocdangki .number{font-size: 35px;}

	.box_giangVien .bx-controls-direction a.bx-prev, .box_giangVien .bx-controls-direction a.bx-next{display: none;}

	.box_header .topnav{float: left;}
	.box_header .logo{display: block;margin: 0;}
	.box_header .icon{display: block;font-size: 30px;position: absolute;top: 0px;right: 25px;color: #172a52;}
	.box_header .topnav a{margin: 0;}
	.box_header.sticky .logo{margin-top: 15px;}

	.box_dangKy .end_sales .clock .boxe span{font-size: 35px;}
	.slick-next:before {display: none;}

	.box_header.sticky .icon{ top: 10px; }

	.box_header.sticky .menu li:last-child{padding:0;}



}