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

body{ color: #222831; font-size: 17px;}
body,h1,h2,h3,h4,h5,h6,form,input,select,p,textarea { margin: 0px; padding: 0; }
img { border: none; -ms-interpolation-mode: bicubic; }
table { border-collapse: collapse; }
b { font-family: "Roboto-Bold";}
a { color: #0e1329; text-decoration: none; transition: color 0.15s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
a:hover { color: #000; text-decoration: none;}
a:focus { color: #000; text-decoration: none;}

.clr { clear: both; }

.box_header{ background-color: #FFF; width: 100%; top: 0; left: 0; z-index: 99999; position: relative; height: 70px;}
.box_header .container{ position: relative;}
.box_header .logo{ display: inline-block; margin-top: 22px;}
.box_header .menu{ padding: 18px 0 0; list-style: none; float: right; margin: 0;}
.box_header .menu li{ display: inline-block; padding-left: 50px; text-align: center; vertical-align: middle;}
.box_header .menu li a{ font-size: 13px; color: #222831; font-family: "Roboto-Bold", "Segoe UI"; padding: 8px 0 6px; display: inline-block;}
.box_header .menu li a.active{color: #ed1c24;}
.box_header .menu li a:hover{ color: #ed1c24;}
.box_header .menu li a.btn_book{ display: inline-block; background-color: #ec1c3c; color: #FFF; padding: 0; width: 134px; height: 34px; line-height: 34px; font-weight: normal; font-family: "Roboto-Medium", "Segoe UI"; border-radius: 3px;}
.box_header .menu li a.btn_book:hover{ background-color: #ed1c24;}
.box_header .menu li a.btn_book.active{ background-color: #ed1c24;}
.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{ 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 .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 .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{ position: relative;}
.box_banner:before{ content: ""; position: absolute; bottom: -40px; left: 50%; margin-left: -40px; width: 80px; height: 80px; background: url(../images/search.png) no-repeat center center; z-index: 2;}
.box_banner .image a{ display: block;}
.box_banner .image img{ width: 100%;}

.box_gioiThieu{ padding: 100px 0 30px; font-size: 20px; color: #252525;}
.box_gioiThieu .content_1{ padding-bottom: 40px; text-align: center;}
.box_gioiThieu .content_1 .text_1{ font-family: "SVN-Kelson-Sans-Bold"; font-size: 20px; letter-spacing: 1px; margin-bottom: 12px;}
.box_gioiThieu .content_1 .text_2{ margin-bottom: 30px;}
.box_gioiThieu .content_1 .text_2 p{ font-family: "SVN-Kelson-Sans-Bold"; font-size: 30px; color: #FFF; background: #ec1b3c; display: inline-block; margin-bottom: 3px; letter-spacing: 1px; line-height: 38px; padding: 0 1px;}
.box_gioiThieu .content_1 .text_3{ font-size: 17px; width: 800px; max-width: 100%; margin: 0 auto; text-align: left; line-height: 25px;}
.box_gioiThieu .content_2{ padding-bottom: 30px; width: 1000px; max-width: 100%; margin: 0 auto;}
.box_gioiThieu .content_2:after{ content: ""; display: block; clear: both;}
.box_gioiThieu .content_2 .image{ width: 305px; max-width: 100%; float: left;}
.box_gioiThieu .content_2 .image img{ max-width: 100%;}
.box_gioiThieu .content_2 .info{ width: 595px; max-width: 100%; float: left;}
.box_gioiThieu .content_2 .info .text{ font-size: 17px; line-height: 27px; border-bottom: 1px solid #ec1b3c; padding: 13px 0;}
.box_gioiThieu .content_2 .info .text.text_1{ padding-top: 0;}
.box_gioiThieu .content_2 .info .text.text_2 { display: table; width: 100%;}
.box_gioiThieu .content_2 .info .text.text_2 span{ font-family: "SVN-Kelson-Sans-Bold"; font-size: 25px; color: #ec1b3c; display: table-cell; width: 68px; vertical-align: top; padding-top: 1px;}
.box_gioiThieu .content_2 .info .text.text_4{ border-bottom: 0;}
.box_gioiThieu .content_3{ padding-bottom: 60px; width: 802px; max-width: 100%; margin: 0 auto;}
.box_gioiThieu .content_3 .text{ font-size: 17px; line-height: 27px;}

.box_thongTin{ padding: 200px 0 30px; background: url(../images/thongtin-1.jpg) no-repeat top center;}
.box_thongTin .box_title{ text-align: center; color: #FFF; }
.box_thongTin .box_title .title_1{ font-size: 20px; margin-bottom: 10px; font-family: "SVN-Kelson-Sans-Regular"; background: #ec1b3c; padding: 2px 40px; letter-spacing: 1px; display: inline-block;}
.box_thongTin .box_title .title_2{ font-size: 30px; padding-bottom: 0; font-family: "SVN-Kelson-Sans-Regular";}
.box_thongTin .box_title .title_3{ font-size: 30px; padding-bottom: 60px; font-family: "SVN-Kelson-Sans-Bold";}
.box_thongTin .box_content{ width: 1000px; max-width: 100%; background: #FFF; margin: 0 auto; padding: 60px 100px; position: relative;}
.box_thongTin .box_content .text{ font-family: "Montserrat-SemiBold"; font-size: 30px; color: #ec1b3c; margin-bottom: 30px; padding-left: 130px;}
.box_thongTin .box_content .info .item{ display: table; font-family: "Montserrat-SemiBold"; font-size: 20px; margin-bottom: 15px;}
.box_thongTin .box_content .info .item .key{ display: table-cell; width: 130px; vertical-align: middle;}
.box_thongTin .box_content .info .item .value{ display: table-cell; width: 670px; border: 1px solid #222831; vertical-align: middle; padding: 20px 30px; font-family: "Roboto-Medium";}
.box_thongTin .box_content .info .item .value p{ padding-left: 25px;}
.box_thongTin .box_content .info .item .value.btn_book{ background: #ec1c3c; border: none; color: #FFF; text-align: center; font-size: 20px; font-family: "Montserrat-SemiBold"; padding: 18px 30px;}
.box_thongTin .box_content .info .item .value.btn_book:hover{ background: #202b53; color: #FFF;}
.box_thongTin .box_content .info .item:hover .value { color: #ec1c3c;}

.box_noiDung{ height: 710px; position: relative; z-index: 2; margin-bottom: 100px;}
.box_noiDung:before{ content: ""; position: absolute; width: 42%; height: 100%; background: url(../images/noidung-1.jpg) no-repeat center center; background-size: cover; z-index: 1;}
.box_noiDung .container{z-index: 2; position: relative;}
.box_noiDung .box_title{ color: #ec1b3c; font-family: "Montserrat-SemiBold"; margin-left: 520px; font-size: 30px; position: relative; margin-bottom: 30px; padding-top: 70px;}
.box_noiDung .box_content{ width: 1000px; max-width: 100%; margin: 0 auto; display: table;}
.box_noiDung .col_left{ width: 240px; display: table-cell; vertical-align: middle;}
.box_noiDung .col_left .nav-tabs{ border: 0; margin: 0; padding: 0; list-style: none;}
.box_noiDung .col_left .nav-tabs>li{ float: none; margin: 0 0 11px;}
.box_noiDung .col_left .nav-tabs>li>a{ margin: 0; padding: 10px 30px; border-radius: 0; background: #FFF; border: 1px solid #79797a; color: #79797a; font-family: "SVN-Kelson-Sans-Bold"; font-size: 15px;}
.box_noiDung .col_left .nav-tabs>li.active>a{ background: #ec1b3c; color: #FFF; border-color: #ec1b3c;}
.box_noiDung .col_right{ display: table-cell;}
.box_noiDung .col_right .tab-content{ margin: 11px; border: 1px solid #222831; background: #FFF; padding: 70px 100px; height: 445px; overflow: hidden;}
.box_noiDung .col_right .item_title{ font-family: "Montserrat-SemiBold"; font-size: 30px; margin-bottom: 30px;}
.box_noiDung .col_right .item_content p{ margin-bottom: 20px; position: relative; padding-left: 40px;}
.box_noiDung .col_right .item_content p:after{ content: ""; position: absolute; top: 7px; left: 0; width: 10px; height: 10px; background: #ec1b3c;}
.box_noiDung .item { margin-bottom: 9px; height: 80px; border: 1px solid #CCC;}
.box_noiDung .item .item_table{ display: table; height: 100%;}
.box_noiDung .item .item_table .item_cell{ display: table-cell; vertical-align: middle; padding: 0 30px; font-family: "Roboto-Medium"; font-size: 17px; }
.box_noiDung .item .item_table .item_cell span{ font-size: 20px; font-family: "Montserrat-SemiBold"; float: left; line-height: 100%; margin-bottom: 20px; margin-right: 4px;}
.box_noiDung .item .item_table:hover{ color: #ec1c3c;}

.box_aiNen{ padding: 0 0 50px; position: relative;}
.box_aiNen .box_title{ font-size: 30px; font-family: "Montserrat-SemiBold"; color: #ec1b3c; margin-bottom: 40px; text-align: center;}
.box_aiNen .box_content{ width: 800px; max-width: 100%; margin: 0 auto;}
.box_aiNen .item{ display: table; width: 100%; margin-bottom: 30px; font-size: 25px;}
.box_aiNen .item span{ display: table-cell; width: 52px;}
.box_aiNen .item span b{ display: inline-block; width: 24px; height: 24px; line-height: 24px; color: #FFF; background: #ec1b3c; text-align: center; font-size: 15px; font-family: "Montserrat-SemiBold";}

.box_dienGia{ background: url("../images/diengia-1.jpg") no-repeat bottom center; background-size: cover; color: #FFF; overflow: hidden; position: relative; min-height: 763px;}
.box_dienGia .content { width: 580px; max-width: 100%; margin-left: 530px;}
.box_dienGia .box_title{ color: #FFF; padding-top: 150px;}
.box_dienGia .box_title .title_1{ font-size: 38px; font-family: "SVN-Kelson-Sans-Bold"; padding-bottom: 10px;}
.box_dienGia .box_title .title_2{ font-size: 25px; font-family: "SVN-Kelson-Sans-Regular"; padding-bottom: 35px;}
.box_dienGia .box_content { font-size: 17px; color: #FFF; text-align: justify;}
.box_dienGia .box_content .content_1{ padding-bottom: 20px;}
.box_dienGia .box_content .content_2{ font-size: 17px; font-family: "Roboto-Bold"; padding-bottom: 20px;}
.box_dienGia .box_content p{ padding-bottom: 10px; position: relative; padding-left: 25px; font-size: 17px;}
.box_dienGia .box_content p:BEFORE{ content: ""; width: 10px; height: 10px; background-color: #ec1b3c; position: absolute; top: 8px; left: 0;}

.box_dangKy{ padding: 80px 0px 0; color: #30373d; position: relative; }
.box_dangKy .wrapper{ width: 1000px; max-width: 100%; margin: 0 auto;}
.box_dangKy .wrapper:after{ content: ""; display: block; clear: both;}
.box_dangKy .thanhToan { background: #efefef; border: 1px solid #898989; width: 548px; float: left;}
.box_dangKy .thanhToan .box_title{ font-family: "HelveticaNeue-Medium"; text-align: center; padding: 30px; color: #252525; font-size: 20px; text-transform: uppercase;}
.box_dangKy .thanhToan .box_content{ padding: 0 20px 0;}
.box_dangKy .thanhToan .item { margin-bottom: 30px;}
.box_dangKy .thanhToan .item .item_title{ font-family: "HelveticaNeue-Medium"; padding-bottom: 5px;}
.box_dangKy .thanhToan .item .item_detail{ font-size: 15px; padding-bottom: 20px;}
.box_dangKy .thanhToan .item .item_image{ width: 300px; max-width: 100%; margin: 0 auto; background: #ec1b3c; color: #FFF; border-radius: 5px; padding: 28px 0;}
.box_dangKy .thanhToan .item .item_image .image_title{ background: #FFF; color: #33425b; text-align: center; height: 38px; line-height: 38px;}
.box_dangKy .thanhToan .item .item_image .image_desc{ padding: 15px; font-size: 15px;}
.box_dangKy .dangKy{ width: 412px; float: right; padding-top: 10px;}
.box_dangKy .dangKy .box_title{ font-family: "Montserrat-SemiBold"; text-align: center; padding-bottom: 30px; color: #ec1b3c; font-size: 35px; text-transform: uppercase;}
.box_dangKy .dangKy .box_title span{ color: #252525;}
.box_dangKy .dangKy .form-control{ height: 52px; border-color: #33425b; border-radius: 5px; padding: 6px 30px; font-size: 17px; font-family: "HelveticaNeue-Bold";}
.box_dangKy .dangKy .form-control::-webkit-input-placeholder { color: #33425b; font-weight: 500;font-size: 15px;}
.box_dangKy .dangKy .form-control:-moz-placeholder {color: #33425b; font-weight: 500;font-size: 15px;}
.box_dangKy .dangKy .form-control::-moz-placeholder {color: #33425b; font-weight: 500;font-size: 15px;}
.box_dangKy .dangKy .form-control:-ms-input-placeholder {color: #33425b; font-weight: 500;font-size: 15px;}
.box_dangKy .dangKy .has-error .form-control{ border-color: #FF0000;}
.box_dangKy .dangKy .error{ color: #FF0000;}
.box_dangKy .dangKy .alert{margin-top: 10px;}
.box_dangKy .dangKy .btnSuccess{ text-align: center; margin-top: 10px;}
.box_dangKy .dangKy .btnSuccess .input-lg{border: none; border-radius: 5px; width: 100%; background: #ed243c; color: #fff; padding: 10px 25px; font-size: 17px; text-transform: uppercase;}
.box_dangKy .dangKy .btnSuccess .input-lg:FOCUS{ outline: none;}
.box_dangKy .dangKy .hotLine{ text-align: center; font-size: 25px; color: #898989; padding-top: 20px; font-family: "HelveticaNeue-Bold";}
.box_dangKy .dangKy .hotLine i{ width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #898989; border-radius: 50%; margin-right: 10px; }

.box_tinTuc{ padding: 90px 0;}
.box_tinTuc .box_title{ padding-left: 100px; padding-bottom: 60px; color: #202b53; font-size: 40px; font-family: "Montserrat-SemiBold";}
.box_tinTuc .item .image img{ width: 100%;}
.box_tinTuc .item .title{ font-size: 15px; color: #252525; padding: 15px 0;}
.box_tinTuc .bxslider{ display: none; position: relative;}
.box_tinTuc .bx-pager{ display: none;}
.box_tinTuc .bx-wrapper{ position: relative;}
.box_tinTuc .bx-controls-direction a{ position: absolute; top: 110px; text-indent: -99999px; overflow: hidden; width: 54px; height: 54px; margin-top: -15px; border: 1px solid #e1e1e1; border-radius: 5px; }
.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("../images/prev.png") no-repeat center center; left: -88px;}
.box_tinTuc .bx-controls-direction a.bx-next{ background: url("../images/next.png") no-repeat center center; right: -88px;}

.box_images{ overflow: hidden;}
.box_images img{ width: 100%; transform: scale(1); transition: transform .5s;}
.box_images img:hover{ transform: scale(1.2); position: relative; z-index: 1;} 
.box_images table{ width: 100%;} 
.box_images table td{ padding: 3px; overflow: hidden;} 
.box_images table div{ overflow: hidden;} 
.box_images .row_1 .image_1{ width: 24.2%; float: left; padding-right: 2px; }
.box_images .row_1 .image_2{ width: 34.73%; float: left; padding: 0 2px; }
.box_images .row_1 .image_3{ width: 19.46%; float: left; padding: 0 2px; }
.box_images .row_1 .image_4{ width: 21.23%; float: left; padding-left: 2px;}

.box_comment{ padding: 40px 0;}

.box_footer{ color: #fff; padding: 60px 0px 100px; background: #222831;}
.box_footer .box_title{ font-size: 25px; color: #FFF; text-transform: uppercase; margin-bottom: 25px; font-family: "UTM-Bebas_1"; }
.box_footer .box_title.social{ margin-top: 35px;}
.box_footer .box_title.social span{ margin-right: 15px; }
.box_footer .item{ margin-bottom: 20px; overflow: hidden; padding-right: 20px; }
.box_footer .item .image { width: 20%; float: left; margin-right: 4%;}
.box_footer .item .image img{ width: 100%; }
.box_footer .item .desc{ width: 76%; float: left; }
.box_footer .item .desc .title{ margin: 0 0 5px; font-size: 15px; padding-right: 50px; line-height: 20px;}
.box_footer .item .desc .title a{ color: #fff; }
.box_footer .item .desc .price{ font-size: 13px; }
.box_footer .img{ margin-bottom: 20px;}
.box_footer .title span { margin-right: 20px;}
.box_footer .info { font-size: 16px;}
.box_footer .info a{ color: #FFF;}

.popup_video{ background: url("../images/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%;}

.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 ( min-width : 1200px) {
  .popup_video .popup_content{ width: 60%;}
}

@media ( max-width : 1200px) {
}
@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;}
	.box_header .logo{ margin-top: 8px !important;}
	.box_header .logo img{ height: 20px;}
	.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:first-child{ padding-left: 20px; }
	.box_header .menu{ margin: 0 !important;}

	.popup_video .popup_content{ width: calc(100% - 40px); top: 10%;}
}
@media all and (min-width: 993px) and (max-width: 1200px) {
	
}
@media ( max-width : 767px) {
	body{ color: #282828; font-size: 15px;}
	
	.box_banner .image img{ margin-top: 43px; }
	.box_header.sticky{ padding: 0px;}

	.box_gioiThieu{ padding: 40px 0;}
	.box_gioiThieu .content_1{ padding-bottom: 40px;}
	.box_gioiThieu .content_1 .text_3{ font-size: 15px;}
	.box_gioiThieu .content_2 .info .text{ font-size: 15px;}
	.box_gioiThieu .content_2 .info .text.text_1{ padding-top: 20px;}
	.box_gioiThieu .content_2 .info .text.text_4{ border-bottom: 1px solid #ec1b3c; }
	.box_gioiThieu .content_3 .text{ font-size: 15px;}

	.box_thongTin{ padding-top: 50px;}
	.box_thongTin .box_title .title_2{ font-size: 22px;}
	.box_thongTin .box_content{ padding: 50px 30px;}
	.box_thongTin .box_content:after{ top: 25px; left: 30px;}
	.box_thongTin .box_content .text{ padding: 0 0 40px 0; margin: 0;}
	.box_thongTin .box_content .text p{ font-size: 15px; text-align: justify;}
	.box_thongTin .box_content .info .item{ display: block;}
	.box_thongTin .box_content .info .item .key{ display: block; width: auto;}
	.box_thongTin .box_content .info .item .key br{ display: none;}
	.box_thongTin .box_content .info .item .value{ display: block; width: auto;}

	.box_noiDung{ height: auto; padding-bottom: 30px; padding-top: 30px; background: #ec1b3c; color: #FFF; margin-bottom: 20px;}
	.box_noiDung:before{ background: none;}
	.box_noiDung .box_title{ padding: 10px; margin: 0; color: #FFF;}
	.box_noiDung .box_title br{ display: none;}
	.box_noiDung .box_content{ display: block;}
	.box_noiDung .col_left{ width: auto; margin: 0; float: none;}
	.box_noiDung .col_right{ width: auto; margin: 0; float: none;}
	.box_noiDung .col_right .tab-content{ height: auto; width: auto; padding: 0; border: 0; background: none;}
	.box_noiDung .col_right .tab-pane{ display: block; opacity: 1; margin-bottom: 30px;}
	.box_noiDung .col_right .item_title{ font-size: 22px; margin-bottom: 15px;}
	.box_noiDung .col_right .item_content p{ padding-left: 30px;}
	.box_noiDung .col_right .item_content p:after{ background: #FFF;}

	.box_aiNen{ padding: 30px 0; background: #FFF;}
	.box_aiNen .item{ font-size: 20px;}
	.box_aiNen .item span b{ margin: 0 0 0 5px;}
	
	.box_dienGia{ padding: 30px 0; background: #2D313A;}
	.box_dienGia .content{ padding: 0 15px; margin: 0;}
	.box_dienGia .content .image{ margin-bottom: 20px;}
	.box_dienGia .content .image img{ width: 90%;}
	.box_dienGia .box_title{ font-size: 35px; padding-top: 20px;}
	.box_dienGia .box_title .title_2{ font-size: 18px;}
	.box_dienGia .box_content{ font-size: 17px;}
	.box_dienGia .box_content p{ font-size: 13px;}
	
	.box_dangKy{ padding: 30px 0px; }
	.box_dangKy .thanhToan{ width: auto; margin: 15px; float: none;}
	.box_dangKy .dangKy{ width: auto; margin: 15px; float: none;}

	.box_tinTuc{ padding: 40px 0;}
	.box_tinTuc .container{ padding: 0 15px;}
	.box_tinTuc .box_title{ padding-left: 5px; padding-bottom: 30px; font-size: 35px;}
	.box_tinTuc .bx-controls{ display: none;}

	.box_footer{ padding-bottom: 0;}
	.box_footer .col-sm-4{ margin-bottom: 50px;}
}