@charset "utf-8";
@import "../fonts/font.css";

/* System */
a{ color: #039cdf; text-decoration: none; transition: color 0.15s ease-in-out 0s; -webkit-transform: color 0.15s ease-in-out 0s; -moz-transform: color 0.15s ease-in-out 0s; -o-transform: color 0.15s ease-in-out 0s;}
a:hover { color: #222; margin: 0;}
p{ margin-bottom: 0;}
/* Content */
body{ font-family: "Segoe UI"; }
.font-segui{ font-family: "seguibl"; text-transform: uppercase; font-size: 35px; }
.clr{ clear: both;}
.has-error .form-control{ border-color: #a94442 !important;}

.box_top{ height:38px; line-height: 38px; background:#12192c; color: #FFF;}
.box_top .hotline a{line-height:38px; color:#fff; padding:0 11px 0 10px; font-size:12px; position: relative; font-family: "Roboto-regular"; text-decoration: none;}
.box_top .hotline a:last-child:after{content:none;}
.box_top .hotline i{ padding: 0; color: #FFF;}
.box_top .hotline{ont-size:12px; font-family: "Roboto-regular";}
.box_top .hotline span{}
.box_top .social { text-align: right;}
.box_top .social a{ display: inline-block; margin: 0 8px;}
.box_top .social a:last-child{margin-right: 0;}
.box_top .social i{ color: #FFF;}
.box_top .social .item{display: inline-block; float: right; height: 38px; background: #fb6030; padding: 0 25px; text-align: center;}
.box_top .social .item: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: #eb1c3c;}
.box_top .social .item a{font-family: "Roboto-regular"; color: #fff; font-size: 13px; line-height: 38px; text-transform: uppercase; text-decoration: none; text-align: center;}

/* Tiến NV */
.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: 32px; 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: #faba33;}
.box_header .menu li a:hover{ color: #faba33;}
.box_header .menu li a.btn_book{display:none; border-radius: 5px; background: #fb6030; 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: 20px;}
.box_header.sticky .menu{padding-top: 20px;}
.box_header.sticky .menu li a.last{ padding-right: 20px;}
.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 li a:hover{ color: #0088cc;}
.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_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 img{ width: 100%; }
.box_banner .slick .slick-next,.box_banner .slick .slick-prev{ display: none !important;}

.box_gioiThieu{margin: 100px 0;}
.box_gioiThieu .img{padding-right: 100px;}
.box_gioiThieu .img img{width: 100%;}
.box_gioiThieu .content{padding-right: 80px;}
.box_gioiThieu .content .title{font-family: "DP-Bold"; font-size: 30px; color: #fb6030; padding-bottom: 25px;}
.box_gioiThieu .content .detail{font-family: "Roboto-regular"; font-size: 17px; line-height: 25px; padding-bottom: 20px;}
.box_gioiThieu .content .item{font-family: "Roboto-regular"; font-size: 17px; line-height: 25px; padding: 0 0 15px 35px; position: relative;}
.box_gioiThieu .content .item:before{position: absolute; content: ""; background: url("../img/icon-1.png") no-repeat center; top: 5px; left: 0; width: 15px; height: 15px;}

.box_tinTuc{ padding: 70px 0; background: #f1f1f1;}
.box_tinTuc .box_title{ color: #fb6030; font-size: 25px; line-height:30px; font-family: "DP-Bold"; font-weight: 700; margin-bottom: 20px; }
.box_tinTuc .box_content{margin-bottom: 50px;}
.box_tinTuc .item .image img{ width: 100%;}
.box_tinTuc .item .title{ font-size: 15px; color: #252525; padding: 15px 0; line-height: 23px; font-family: "Roboto-Regular";}
.box_tinTuc .item{position: relative;}
.box_tinTuc .item .fa{position: absolute; color: #fff; font-size: 50px; top: 50%; left: 50%; margin: -25px 0 0 -25px;}
.box_tinTuc .bxslider{ display: none; position: relative;}
.box_tinTuc .bx-pager{ display: none;}
.box_tinTuc .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_tinTuc .bx-controls-direction a{ position: absolute; top: 50%; text-indent: -99999px; overflow: hidden; width: 54px; height: 54px; margin-top: -27px; border-radius: 4px;}
.box_tinTuc .bx-controls-direction a:hover{ box-shadow: 0 0 20px rgba(34, 30, 31, 0.4);}
.box_tinTuc .bx-controls-direction a.bx-prev{ background: url("../img/prev_2.png") no-repeat center center; left: -88px;}
.box_tinTuc .bx-controls-direction a.bx-next{ background: url("../img/next_2.png") no-repeat center center; right: -88px;}

.box_loiIch{background: url("../img/banner-2.jpg") no-repeat center; background-size: cover; padding: 150px 0;}
.box_loiIch .box_title{font-size: 30px; font-family: "DP-Bold"; color: #fff; text-align: center; padding-bottom: 50px;}
.box_loiIch .item{margin: 10px 0; height: 180px; padding: 45px 55px 45px 115px; background: #fb6030; color: #fff; font-family: "Roboto-regular"; font-size: 17px; line-height: 25px; position: relative;}
.box_loiIch .item:before{position: absolute; content: ""; width: 60px; height: 60px; top: 40px; left: 30px; }
.box_loiIch .item-1:before{background: url(../img/icon-2.png) no-repeat center;}
.box_loiIch .item-2:before{background: url(../img/icon-3.png) no-repeat center;}
.box_loiIch .item-3:before{background: url(../img/icon-4.png) no-repeat center;}
.box_loiIch .item-4:before{background: url(../img/icon-5.png) no-repeat center;}
.box_loiIch .item-5:before{background: url(../img/icon-6.png) no-repeat center;}
.box_loiIch .item-6:before{background: url(../img/icon-7.png) no-repeat center;}

.box_noiDung{ padding: 100px 0;}
.box_noiDung .box_title{ color: #fb6030; text-align:center; font-size: 30px; font-family: "DP-Bold"; padding-bottom: 50px;}
.box_noiDung .box_content .title{ text-transform: uppercase; font-family: "DP-Bold"; color: #111; font-size: 15px; line-height: 27px; padding-bottom: 15px;}
.box_noiDung .item .image img{ width: 100%;}
.box_noiDung .item .title{text-transform: none; font-size: 15px; color: #111; padding: 15px 0; line-height: 20px; font-family: "SFProDisplayMedium"; text-decoration: none;}
.box_noiDung .item .title a{  font-size: 15px; color: #111; padding: 15px 0; line-height: 20px; font-family: "SFProDisplayMedium"; text-decoration: none; text-transform: none;}
.box_noiDung .bxslider{ display: none; position: relative;}
.box_noiDung .bx-pager{ display: none;}
.box_noiDung .bx-wrapper{ position: relative; padding-bottom: 30px;}
.box_noiDung .bx-wrapper:last-child{padding-bottom: 0;}
.box_noiDung .bx-controls-direction a{ position: absolute; top: 75px; text-indent: -99999px; overflow: hidden; width: 35px; height: 35px; margin-top: -15px; }
.box_noiDung .bx-controls-direction a:hover{ box-shadow: 0 0 20px rgba(34, 30, 31, 0.4); transition:color 0.7s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.box_noiDung .bx-controls-direction a.bx-prev{ background: url("../img/prev.png") no-repeat center center; left: -88px;}
.box_noiDung .bx-controls-direction a.bx-next{ background: url("../img/next.png") no-repeat center center; right: -88px;}

.box_giangVien{background: url("../img/banner-3.jpg") no-repeat center; color: #fff; background-size: cover; padding: 190px 0;}
.box_giangVien .container{width: 1000px; max-width: 100%;}
.box_giangVien .title{font-size: 30px; font-family: "DP-Bold"; padding-bottom: 10px;}
.box_giangVien .text{font-size: 17px; font-family: "DP-Bold"; padding-bottom: 35px;}
.box_giangVien .item{font-size: 17px; font-family: "Roboto-regular"; line-height: 25px; padding:0 0 20px 35px; position: relative;}
.box_giangVien .item:before{position: absolute; content: ""; background: url("../img/icon-8.png") no-repeat center; width: 15px; height: 15px; top: 5px; left: 0;}

.box_doiTuong{padding: 150px 0;}
.box_doiTuong .container{width: 1000px; max-width: 100%;}
.box_doiTuong .box_title{ color: #fb6030; text-align:center; font-size: 30px; font-family: "DP-Bold"; padding-bottom: 70px;}
.box_doiTuong .item .img img{width: 100%;}
.box_doiTuong .item .text{font-size: 15px; padding-top: 20px; line-height: 20px; font-family: "SFProDisplayMedium"; text-align: center;}

.box_dangKy{ background: url("../img/banner-4.jpg") no-repeat left; height: 705px;}
.box_dangKy .box_content{padding-top: 105px; color: #fff; font-family: "HelveticaNeue"; text-align: center;}
.box_dangKy .box_content .box_title{font-size: 35px; line-height: 40px; padding-bottom: 30px;}
.box_dangKy .box_form{background: #fff; margin-top: 30px; padding: 40px 0;}
.box_dangKy .box_form .title{font-size: 30px; font-family: "DP-Bold"; padding-bottom: 15px; text-align: center;}
.box_dangKy .box_form .form-control{ height: 50px; border-radius: 0; padding: 4px 30px; }
.box_dangKy .box_form .form-control::-webkit-input-placeholder { color: #111;  font-size: 20px; font-style: HelveticaNeue;}
.box_dangKy .box_form .form-control:-moz-placeholder {color: #111; font-size: 20px; font-style: HelveticaNeue;}
.box_dangKy .box_form .form-control::-moz-placeholder {color: #111; font-size: 20px; font-style: HelveticaNeue;}
.box_dangKy .box_form .form-control:-ms-input-placeholder {color: #111; font-size: 14px; font-style: HelveticaNeue;}
.box_dangKy .box_form .btn-blue{ padding: 10px 20px; background: #fb6030; font-size: 20px; font-family:"DP-Bold"; border: none; color: #fff; text-transform: uppercase; border-radius: 0; width: 100%; height: 65px; }
.box_dangKy .box_form .btn-blue: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_dangKy .box_form form{ padding-left: 80px;}
.box_dangKy .box_form .bank{ padding: 30px 0 25px 80px;}
.box_dangKy .box_form .bank b{ margin-bottom: 10px;}
.box_dangKy .end_sales .title{ font-size: 17px; text-align: center; }
.box_dangKy .end_sales{ overflow: hidden; text-align:center; margin: 30px auto 0; display: table;}
.box_dangKy .end_sales .title{text-align: center; margin-bottom: 10px; }
.box_dangKy .end_sales .timer .boxe{font-family: "HelveticaNeue"; font-size: 17px; width: 70px; height: 95px; text-align: center; background: #fff; color: #233142; float: left; margin-left: 10px; border-radius: 5px; }
.box_dangKy .end_sales .timer .boxe:FIRST-CHILD{ margin-left: 0;}
.box_dangKy .end_sales .timer .boxe span{ font-family: "BebasNeueBold"; font-size: 60px; display: block; height: 70px; line-height: 70px; }
.box_dangKy .end_sales .timer .boxe #seconds{ color: #cd0209; }
.box_dangKy .box_content .icon{font-size: 33px; text-align: right; font-family: "HelveticaNeue"; padding-right: 150px;}
.box_dangKy .box_content .gia { border: 2px solid #fff; border-radius: 50px; height: 96px; overflow: hidden; margin: 10px 20px 20px 20px;}
.box_dangKy .box_content .gia .sales{text-decoration:line-through; font-size: 50px; position: relative; width: 50%; float: left; height: 92px; line-height: 92px; text-align: center; font-family: "BebasNeueBold";}
.box_dangKy .box_content .gia .price{ position: relative; background: #fb6030; color: #fff; font-size: 65px; padding: 0 5px; height: 92px; width: 50%; float: left; text-align: center; display: table; font-family: "BebasNeueBold";}
.box_dangKy .box_content .gia .price p{ display: table-cell; vertical-align: middle; line-height: 26px;}
.box_dangKy .box_content .gia .price p span{ font-size: 18px; display: block; position: absolute; top: 2px;}
.box_dangKy .box_content .desc .text{ text-align: center; font-size: 20px; }

.box_comment{padding: 100px 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("../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;}


/*Responsive*/
@media ( max-width : 1360px) {
    .box_tinTuc .bx-controls-direction a.bx-prev{ left: 0;}
	.box_tinTuc .bx-controls-direction a.bx-next{ right: 0;}
}

@media (min-width: 1200px){
	.popup_video .popup_content{ width: 60%;}
}

@media (max-width: 1200px){
	.box_noiDung .bx-controls-direction a{display: none;}
}

@media ( max-width : 1000px) {
	.menu_mobile_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 99998;}

	.box_header{ height: 43px; position: fixed; border: 0; padding: 0 0 10px 0;}
	.box_header.sticky{ 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;}
	
	.box_gioiThieu .img{padding: 0 0 50px;}
	
	.box_dangKy{background: #181c2d;}
}

@media all and (max-width: 992px){
.box_header_menu .header .logo img{ height: 20px; }
.box_header_menu .header .registers{ font-size: 17px; }
.box_header_menu .header .registers .text{ width: 50%; }
.box_header_menu .header .btn_register{ width: 50%; float: left; padding-left: 10px;}
.box_header_menu .header .registers .btn_register .btn-default{ font-size: 14px;}
}

@media all and (max-width: 768px){
	br{display: none;}
	.box_top{display: none;}
	
	.box_banner{margin-top: 43px;}
	
	.box_gioiThieu{margin: 50px 0;}
	.box_gioiThieu .content{padding: 0;}
	.box_gioiThieu .content .detail{font-size: 14px;}
	.box_gioiThieu .content .item{font-size: 14px; padding-bottom: 5px;}
	
	.box_loiIch{padding: 50px 0;}
	.box_loiIch .box_title{padding-bottom: 30px;}
	.box_loiIch .item{height: auto; padding: 15px 10px 15px 70px;}
	.box_loiIch .item:before{left: 10px; top: 10px;}
	
	.box_doiTuong{padding: 50px 0;}
	.box_doiTuong .box_title{padding-bottom: 30px;}
	.box_doiTuong .item{padding-bottom: 25px;}

	.box_noiDung{padding: 50px 0;}
	
	.box_giangVien{padding: 50px 0; background: #161f37; }
	.box_giangVien .text{position: relative; padding-bottom: 500px;}
	.box_giangVien .text:before{position: absolute; content: ""; background: url("../img/giangvien.jpg") no-repeat right top; width: 100%; height: 470px; bottom: 15px; }
	
	.box_dangKy{padding-bottom: 50px; height: auto;}
	.box_dangKy .box_content{padding-top: 50px;}
	.box_dangKy .box_content .icon{padding: 0; text-align: center;}
	.box_dangKy .box_content .box_title{font-size: 25px;}
	.box_dangKy .box_content .gia .sales{font-size: 30px;}
	.box_dangKy .box_content .gia .price p{font-size: 40px;}
	.box_dangKy .box_form{padding: 30px 0; height: auto;}
	.box_dangKy .box_form form{padding: 10px;}
	.box_dangKy .box_form .title{padding-bottom: 20px; font-size: 25px;}
	.box_dangKy .box_form .form-control{height: 50px;}
	.box_dangKy .box_form .btn-blue{height: 50px;}
	.box_dangKy .box_form .form-control::placeholder{font-size: 17px;}
	
	.box_comment{padding: 50px 0;}
	
	.box_footer .box_content:first-child{padding: 50px 0;}
	.box_footer .box_content .menu-footer>ul>li>a{line-height: 35px;}
}

@media (max-width: 480px){
	.box_dangKy .box_content .icon{font-size: 25px;}
	.box_dangKy .box_content .gia{height: 70px;}
	.box_dangKy .box_content .gia .sales{height: 70px; line-height: 70px;}
	.box_dangKy .box_content .gia .price{height: 70px;}
	.box_dangKy .end_sales .timer .boxe{width: 55px; font-size: 15px;}
	.box_dangKy .end_sales .timer .boxe span{font-size: 55px;}

	#clockdiv > div{margin: 0;}
	#clockdiv div > span{padding: 5px; font-size: 50px;}
	
	.smalltext{font-size: 14px;}
}

@media all and (max-width: 340px){
	.box_dangKy .box_content .gia .sales{font-size: 25px;}
	.box_dangKy .box_content .gia .price p{font-size: 35px}
}