@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"; background: url(../img/background.jpg) no-repeat top;}
.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:#d7d7d7; 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 {display: inline-block; float: right;}
.box_top .social a{ display: inline-block; line-height: 36px; padding: 0 10px; background: #c2c2c2; color: #111; text-decoration: none; font-family: "HelveticaNeue-Medium";}
.box_top .social a:first-child{background: none; font-size: 15px;}
.box_top .social a:first-child .fa{margin-right: 10px; font-size: 15px; background: #c2c2c2; padding: 5px; border-radius: 50%;}
.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{ 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: 20px; 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 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: #0295ff;}
.box_header .menu li a:hover{ color: #0295ff;}
.box_header .menu li a.btn_book{border-radius: 25px; background: #f0444b; 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: 100000; background: #fff; 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: 6px;}
.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{display: none;}
.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 .content .title{font-family: "DP-Bold"; font-size: 25px; color: #252525; padding-bottom: 25px; position: relative; z-index: 1000;}
.box_gioiThieu .content .title span{position: relative; font-size: 30px;}
.box_gioiThieu .content .title span:before{position: absolute; content: ""; background : linear-gradient(to right, #0c98ff, #bde9ff); border-radius: 5px; width: 100%; height: 5px; left: 0; bottom: 0;}
.box_gioiThieu .content .detail{font-family: "HelveticaNeue-Medium"; font-size: 17px; line-height: 25px; padding-bottom: 20px;}
.box_gioiThieu .content .item{font-family: "HelveticaNeue-Medium"; font-size: 17px; line-height: 25px; padding: 0 0 15px 35px; background: url(../img/icon-8.png) no-repeat center left; background-position: 0 3px;}
.box_gioiThieu .content .btn{display: block; margin: 70px auto 0 auto;}
.box_gioiThieu .content .btn .btn_book{padding: 10px 30px; font-size: 17px; font-family: "HelveticaNeue-Medium"; color: #fff; background: #f0444b; text-decoration: none; border-radius: 25px;}

.box_loiIch{padding: 150px 0;}
.box_loiIch .box_title{font-size: 30px; font-family: "DP-Bold"; color: #111; text-align: center; padding-bottom: 50px; position: relative;}
.box_loiIch .box_title:before{position: absolute; content: ""; background : linear-gradient(to right, #0c98ff, #bde9ff); border-radius: 5px; width: 180px; height: 5px; left: 50%; top: -30px; margin-left: -90px;}
.box_loiIch .item{margin: 10px 0; min-height: 100px; color: #111; font-family: "HelveticaNeue-Medium"; font-size: 17px; line-height: 25px; position: relative; }
.box_loiIch .item p{color: #111;}
.box_loiIch .item p:first-child{font-size: 30px; font-family: "HelveticaNeue-Bold"; padding-bottom: 15px;}

.box_hocVien{background: url(../img/banner-1.jpg) no-repeat center; background-size: cover; padding: 60px 0;}
.box_hocVien .box_title{font-size: 30px; line-height: 40px; color: #fff; text-align: center; font-family: "HelveticaNeue-Bold"; position: relative; padding: 45px;}
.box_hocVien .box_title:before{position: absolute; content: ""; background: #fff; height: 5px; width: 180px; border-radius: 5px; left: 50%; top: 25px; margin-left: -90px;}
.box_hocVien .bxslider{ display: none; position: relative;}
.box_hocVien .bx-pager{ display: none;}
.box_hocVien .bx-wrapper{ position: relative; border: 0 solid #fff; background: none;}
.box_hocVien .item{background: #fff; padding: 15px;}
.box_hocVien .item .top{display: flex;}
.box_hocVien .item .top .image{display: inline-block; float: left; margin: 0 20px 15px 0;}
.box_hocVien .item .top .text p:first-child{position: relative; font-family: "HelveticaNeue-Bold"; font-size: 15px; font-style: normal !important; padding: 0;}
.box_hocVien .item .top .text p:first-child:before{position: absolute; content: ""; background: #111; width: 100px; height: 2px; left: 0; bottom: -10px;}
.box_hocVien .item .top .text p{font-family: "HelveticaNeue-Medium"; font-style: italic; padding: 20px 0;}
.box_hocVien .item .info{font-family: "HelveticaNeue-Medium"; font-size: 15px;}
.box_hocVien .bx-controls-direction a{ position: absolute; top: 50%; text-indent: -99999px; overflow: hidden; width: 54px; height: 54px; margin-top: -27px; border-radius: 4px;}
.box_hocVien .bx-controls-direction a:hover{ box-shadow: 0 0 20px rgba(34, 30, 31, 0.4);}
.box_hocVien .bx-controls-direction a.bx-prev{ background: url("../img/prev.png") no-repeat center center; left: -88px;}
.box_hocVien .bx-controls-direction a.bx-next{ background: url("../img/next.png") no-repeat center center; right: -88px;}
.box_hocVien .box_content .btn{display: block; margin: 70px auto 0 auto;}
.box_hocVien .box_content .btn .btn_book{padding: 10px 30px; font-size: 17px; font-family: "HelveticaNeue-Medium"; color: #fff; background: #f0444b; text-decoration: none; border-radius: 25px;}

.box_heThong{padding: 90px 0 60px 0;}
.box_heThong .container:last-child{width: 1000px; max-width: 100%;}
.box_heThong .box_title{font-size: 30px; font-family: "HelveticaNeue-Bold"; position: relative;}
.box_heThong .box_title:before{position: absolute; content: ""; height: 5px; width: 180px; background : linear-gradient(to right, #0c98ff, #bde9ff); left: 0; top: -30px;}
.box_heThong .box_content .content{padding-top: 70px;}
.box_heThong .item{padding-bottom: 50px;}
.box_heThong .item .img{text-align: center; min-height: 130px;}
.box_heThong .item .text{font-size: 15px; font-family: "HelveticaNeue-Medium"; text-align: center;}
.box_heThong .item .text span{font-family: "HelveticaNeue-Bold";}

.box_giangVien{background: url("../img/banner-2.jpg") no-repeat center; color: #fff;}
.box_giangVien .info{background: #fff; padding: 30px; box-shadow: 0px 0px 20px 0px #b7b7b7; position: relative; top: 50px;}
.box_giangVien .info .title{color: #111; font-size: 30px; font-family: "DP-Bold"; padding-bottom: 10px;}
.box_giangVien .info .text{color: #111; font-size: 30px; font-family: "HelveticaNeue-Medium"; padding: 10px 0 30px 0; position: relative;}
.box_giangVien .info .text:before{position: absolute; content: ""; width: 180px; height: 5px; left: 0; top: 0; background : linear-gradient(to right, #0c98ff, #bde9ff); border-radius: 5px;}
.box_giangVien .info .item{color: #111; font-size: 17px; font-family: "HelveticaNeue-Medium"; line-height: 25px; padding:0 0 20px 35px; position: relative;}
.box_giangVien .info .item:before{position: absolute; content: ""; background: url("../img/icon-8.png") no-repeat center; width: 20px; height: 20px; top: 3px; left: 0;}
.box_giangVien .btn{display: block; margin: 30px auto 0 auto;}
.box_giangVien .btn .btn_book{padding: 10px 30px; font-size: 17px; font-family: "HelveticaNeue-Medium"; color: #fff; background: #f0444b; text-decoration: none; border-radius: 25px;}

.box_nguyenTac{ padding: 170px 0 70px 0;}
.box_nguyenTac .box_title{ font-family: "HelveticaNeue-Bold"; font-size: 24px; line-height: 30px; position: relative; text-align: center; padding-bottom: 22px; color: #111;}
.box_nguyenTac .box_title::before{ content: ""; position: absolute; top: -30px; left: 50%; margin-left: -90px; width: 180px; height: 5px; background : linear-gradient(to right, #0c98ff, #bde9ff);}
.box_nguyenTac .box_title .title-2{font-family: "HelveticaNeue-Bold"; font-size: 30px; color: #ef434c; padding-top: 10px;}
.box_nguyenTac .box_content{ padding-top: 60px;}
.box_nguyenTac .box_content .image{ margin-bottom: 30px;}
.box_nguyenTac .box_content .image img{ width: 100%;}
.box_nguyenTac .box_content .title{ font-family: "HelveticaNeue-Medium"; font-size: 15px; line-height: 21px; color: #111; margin-bottom: 8px;}
.box_nguyenTac .box_content .title span{ color: #111; font-family: "HelveticaNeue-Bold"; font-size: 30px;}
.box_nguyenTac .box_content .desc{ color: #111; font-size: 15px; line-height: 23px; font-family: "HelveticaNeue-Medium";}
.box_nguyenTac .box_content .bottom{background: url(../img/icon-10.png) no-repeat center; padding-top: 180px;}
.box_nguyenTac .box_content .bottom .title{font-size: 30px; font-family: "HelveticaNeue-Bold"; text-align: center;}
.box_nguyenTac .box_content .bottom .text{font-family: "HelveticaNeue-Medium"; font-size: 15px; padding-top: 20px; text-align: center;}

.box_quaTang{padding: 150px 0 70px 0;}
.box_quaTang .info{background: #fff; padding: 60px 30px; position: relative; top: -120px; box-shadow: 0px 0px 20px 0px #b7b7b7;}
.box_quaTang .info .title{font-size: 30px; font-family: "HelveticaNeue-Bold";}
.box_quaTang .info .note{padding: 30px 0; font-family: "HelveticaNeue-Medium"; font-size: 30px; position: relative;}
.box_quaTang .info .note:before{position: absolute; content: ""; width: 180px; height: 5px; left: 0; top: 10px; border-radius: 5px; background : linear-gradient(to right, #0c98ff, #bde9ff);}
.box_quaTang .info .item{padding: 0 0 25px 40px; font-size: 15px; font-family: 'HelveticaNeue-Medium'; background: url(../img/icon-8.png) no-repeat top left;}
.box_quaTang .info .item span{color: #e12d36; font-family: "HelveticaNeue-Bold"; font-size: 18px;}

.box_dangKy{ 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: 45px; padding-bottom: 30px; color: #111; font-family: "HelveticaNeue-Bold";}
.box_dangKy .box_content .box_title span{color: #ef434c;}
.box_dangKy .box_form{margin-top: 65px; padding: 65px 0; height: 590px;}
.box_dangKy .box_form .title{font-size: 30px; font-family: "DP-Bold"; padding-bottom: 40px; text-align: center;}
.box_dangKy .box_form .form-control{ height: 65px; border-radius: 0; padding: 4px 30px; box-shadow: 0 0 15px #b7b7b7; border-radius: 5px;}
.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{box-shadow: 0 0 15px #b7b7b7; padding: 10px 20px; background: #ef434c; font-size: 20px; font-family:"DP-Bold"; border: none; color: #fff; text-transform: uppercase; border-radius: 5px; 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 .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{box-shadow: 0 0 15px #b7b7b7; font-family: "HelveticaNeue"; font-size: 17px; width: 70px; height: 95px; text-align: center; background: #fff; color: #233142; float: left; margin-left: 20px; 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{color: #111; font-size: 33px; text-align: right; font-family: "HelveticaNeue"; padding-right: 150px;}
.box_dangKy .box_content .gia { border: 2px solid #ef434c; border-radius: 50px; height: 96px; overflow: hidden; margin: 10px 20px 20px 20px;}
.box_dangKy .box_content .gia .sales{color: #111; 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: #ef434c; 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("/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;}


/*Responsive*/
@media (max-width: 1200px){
	.box_hocVien .bx-controls-direction{display: none;}
}

@media ( max-width : 1000px) {
	body{background: #fff;}
	.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{height: 40px; position: fixed; top: 0px; z-index: 9999999; 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{margin: 30px 0 0 0;}
	.box_gioiThieu .content .btn{margin-top: 30px;}
	.box_gioiThieu .img{padding: 0 0 50px;}

	.box_loiIch{padding: 70px 0;}

	.box_hocVien{padding: 0 0 30px 0;}
	.box_hocVien .box_content .btn{margin-top: 30px;}
	
	.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 0 0;}
	.box_gioiThieu .content{padding: 0;}
	.box_gioiThieu .content .detail{font-size: 14px;}
	.box_gioiThieu .content .item{font-size: 14px; padding-bottom: 5px;}

	.box_hocVien .box_title{padding: 40px 10px 20px 10px; font-size: 25px;}
	.box_hocVien .box_content{padding: 10px;}

	.box_heThong{padding: 60px 0 0 0;}
	.box_heThong .box_title{font-size: 20px; padding: 0 10px;}
	.box_heThong .item .img{min-height: 105px;}

	.box_loiIch{padding: 50px 0;}
	.box_loiIch .box_title{padding-bottom: 30px; font-size: 22px;}
	.box_loiIch .item{height: auto; padding: 0;}
	.box_loiIch .item:before{left: 10px; top: 10px;}
	
	.box_giangVien{padding: 50px 0; background: #161f37; }
	.box_giangVien .info{top: 0;}
	.box_giangVien .info .title, .box_giangVien .info .text{font-size: 25px;}

	.box_nguyenTac .box_content .bottom{padding-top: 70px; background: #fff;}
	.box_nguyenTac .box_content .bottom .title{font-size: 25px; line-height: 35px;}

	.box_quaTang{padding: 0;}
	.box_quaTang .img{display: none;}
	.box_quaTang .info .title{font-size: 25px;}

	.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; color: #fff;}
	.box_dangKy .box_content .icon{color: #fff;}
	.box_dangKy .box_content .gia .sales{font-size: 30px; color: #fff;}
	.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; color: #fff;}
	.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}
}