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

body{ color: #282828; 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; }
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: 28px;}
.box_header .menu{ padding: 24px 0 0; list-style: none; float: right; margin: 0;}
.box_header .menu li{ display: inline-block; padding-left: 60px; text-align: center; vertical-align: middle;}
.box_header .menu li a{ font-size: 15px; color: #282828; 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: 112px; height: 28px; line-height: 28px; font-size: 13px; 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 .image img{ width: 100%;}

.box_gioiThieu{ padding: 100px 0; font-size: 20px; color: #252525;}
.box_gioiThieu .content_1{ padding-bottom: 50px;}
.box_gioiThieu .content_1:after{ content: ""; display: block; clear: both;}
.box_gioiThieu .content_1 .video{ text-align: center; width: 513px; float: left;}
.box_gioiThieu .content_1 .video .title{ text-align: center; font-style: italic; padding-top: 16px; font-weight: bold; color: #444959;}
.box_gioiThieu .content_1 .video img{ max-width: 100%;}
.box_gioiThieu .content_1 .info{ width: 430px; float: left; margin-left: 56px;}
.box_gioiThieu .content_1 .info .text_1{ font-family: "Montserrat-SemiBold"; font-size: 25px; padding-top: 20px; color: #426ffe; line-height: 35px; margin-bottom: 20px;}
.box_gioiThieu .content_1 .info .text_2{ font-size: 17px; line-height: 26px;}
.box_gioiThieu .content_1 .author{ padding-top: 20px;}
.box_gioiThieu .content_1 .author:after{ content: ""; display: block; clear: both;}
.box_gioiThieu .content_1 .author .avatar { width: 77px; float: left;}
.box_gioiThieu .content_1 .author .name { overflow: hidden; padding-top: 8px;}
.box_gioiThieu .content_1 .author .name b{ display: block; font-family: "Roboto-Bold"; color: #202b53;}
.box_gioiThieu .content_1 .author .name i{ display: block; font-family: "Roboto-MediumItalic"; font-size: 12px;}
.box_gioiThieu .content_2{ padding-bottom: 50px;}
.box_gioiThieu .content_2 .text{ width: 800px; max-width: 100%; margin: 0 auto; line-height: 27px; font-size: 17px;}
.box_gioiThieu .content_3{ padding-bottom: 30px;}
.box_gioiThieu .content_3:after{ content: ""; display: block; clear: both;}
.box_gioiThieu .content_3 .image{ width: 330px; max-width: 100%; float: left;}
.box_gioiThieu .content_3 .image img{ max-width: 100%;}
.box_gioiThieu .content_3 .info{ width: 620px; max-width: 100%; float: left; margin-left: 52px;}
.box_gioiThieu .content_3 .info .title{ font-family: "Montserrat-SemiBold"; font-size: 25px; padding-top: 20px; color: #426ffe; line-height: 35px; margin-bottom: 20px;}
.box_gioiThieu .content_3 .info .text{ font-size: 17px; line-height: 27px;}
.box_gioiThieu .content_4 { width: 800px; max-width: 100%; margin: 0 auto;}
.box_gioiThieu .content_4 .info .title{ font-family: "Montserrat-SemiBold"; font-size: 25px; padding-top: 20px; color: #426ffe; line-height: 35px; margin-bottom: 20px;}
.box_gioiThieu .content_4 .info .text{ font-size: 17px; line-height: 27px;}

.box_thongTin{ padding: 150px 0 0; 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: 25px; padding-bottom: 20px; font-family: "SVN-Kelson-Sans-Bold";}
.box_thongTin .box_title .title_2{ font-size: 35px; padding-bottom: 65px; font-family: "Montserrat-SemiBold";}
.box_thongTin .box_content{ width: 1000px; max-width: 100%; background: #FFF; margin: 0 auto; padding: 90px 100px; position: relative;}
.box_thongTin .box_content:after{ content: ""; position: absolute; top: 58px; left: 100px; width: 50px; height: 5px; background: #426ffe;}
.box_thongTin .box_content .text{ padding-bottom: 30px;}
.box_thongTin .box_content .text p{ font-size: 17px; margin-bottom: 8px;}
.box_thongTin .box_content .text b{ font-family: "Roboto-Medium";}
.box_thongTin .box_content .info .item{ display: table; font-family: "Roboto-Bold"; font-size: 17px; 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;}
.box_thongTin .box_content .info .item .value.btn_book{ background: #426ffe; 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 a{ color: #FFF;}
.box_thongTin .box_content .info .item:hover .value { color: #426ffe;}

.box_loiIch{ padding: 80px 0 70px; background: #ebebeb;}
.box_loiIch .box_title{ color: #202b53; font-family: "Montserrat-SemiBold"; font-size: 30px; position: relative; padding-bottom: 20px; margin-bottom: 40px; text-align: center;}
.box_loiIch .box_title::after{ content: ""; position: absolute; bottom: 0; left: 50%; width: 50px; height: 5px; margin-left: -25px; background-color: #426ffe;}
.box_loiIch .box_content{ width: 1000px; max-width: 100%; margin: 0 auto;}
.box_loiIch .box_content:after{ content: ""; display: block; clear: both;}
.box_loiIch .item { min-height: 295px; border: 1px solid #CCC; background: #FFF; padding: 40px 30px 30px; margin-bottom: 30px;}
.box_loiIch .item .icon{ display: block; width: 69px; height: 69px; background: url(../images/loiich-1.png) no-repeat top center; margin: 0 auto;}
.box_loiIch .item .text{ font-size: 15px; color: #222831; padding-top: 30px; line-height: 23px;}
.box_loiIch .item.item_2 .icon{ background: url(../images/loiich-2.png) no-repeat top center;}
.box_loiIch .item.item_3 .icon{ background: url(../images/loiich-3.png) no-repeat top center;}
.box_loiIch .item.item_4 .icon{ background: url(../images/loiich-4.png) no-repeat top center;}
.box_loiIch .item:hover{ background: #426ffe; cursor: pointer;}
.box_loiIch .item:hover .icon{ background-position: bottom center;}
.box_loiIch .item:hover .text{ color: #FFF;}

.box_aiNen{ margin: 0; display: table; width: 100%; color: #222831;}
.box_aiNen .box_title{ color: #202b53; font-family: "Montserrat-SemiBold"; font-size: 30px; position: relative; padding-bottom: 20px; margin-bottom: 40px;}
.box_aiNen .box_title::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 5px; background-color: #426ffe;}
.box_aiNen .box_content .item{ padding-bottom: 10px; font-size: 16px;}
.box_aiNen .image{ display: table-cell; width: 45%; background: url(../images/ainen-1.jpg) no-repeat top right; background-size: cover;}
.box_aiNen .text{ display: table-cell; width: 55%; background: #FFF;}
.box_aiNen .text .wrapper{ padding: 140px 0 90px 100px; width: 528px; max-width: 100%; text-align: justify;}
.box_aiNen .row_1{ display: table; width: 100%;}
.box_aiNen .row_1 .item{ font-size: 20px; line-height: 100%; margin-bottom: 20px; padding-left: 50px; position: relative;}
.box_aiNen .row_1 .item:after{ content: "\f005"; position: absolute; font-family: "FontAwesome"; top: 2px; left: 0;}

.box_dienGia{ background: #FFF; color: #222831; overflow: hidden; position: relative; padding: 50px 0;}
.box_dienGia .image { text-align: center;}
.box_dienGia .image img{ max-width: 100%;}
.box_dienGia .content { padding: 80px 0 80px 0;}
.box_dienGia .box_title{ font-size: 30px; font-family: "Montserrat-SemiBold"; color: #426ffe; padding-bottom: 35px; text-transform: uppercase;}
.box_dienGia .box_content { font-size: 17px; text-align: justify; padding-right: 100px;}
.box_dienGia .box_content .text_1{ padding-bottom: 20px; }
.box_dienGia .box_content .text_2{ padding-bottom: 8px; font-family: "Roboto-Medium"; }
.box_dienGia .box_content p{ padding-bottom: 5px; position: relative; padding-left: 25px; font-size: 15px;}
.box_dienGia .box_content p:BEFORE{ content: ""; width: 6px; height: 6px; background-color: #202b53; position: absolute; top: 8px; left: 0;}

.box_dangKy{ padding: 90px 0px 100px; background: url(../images/dangky-1.jpg) no-repeat center center; background-size: cover;}
.box_dangKy .container{ width: 1020px; max-width: 100%;}
.box_dangKy .box_title{ font-size: 30px; font-family: "Montserrat-SemiBold"; padding-bottom: 50px; color: #FFF; text-align: center; text-transform: uppercase;}
.box_dangKy .form{ background-color: #FFF; padding: 50px 100px;}
.box_dangKy .form .title{ color: #202b53; font-size: 20px; padding-bottom: 28px; font-family: "Montserrat-SemiBold";}
.box_dangKy .form .form-label{ font-size: 13px; color: #252525;}
.box_dangKy .form .form-control{ height: 44px; border-color: #ebebeb; box-shadow: 0 0 0; color: #33425b; border-radius: 0; padding: 0 28px; font-size: 15px; background: #ebebeb;}
.box_dangKy .form .has-error .form-control{ border-color: #FF0000;}
.box_dangKy .form .error{ color: #FF0000;}
.box_dangKy .form .form-control::-webkit-input-placeholder { color: #464646; font-size: 15px;}
.box_dangKy .form .form-control:-moz-placeholder {color: #464646; font-size: 15px;}
.box_dangKy .form .form-control::-moz-placeholder {color: #464646; font-size: 15px;}
.box_dangKy .form .form-control:-ms-input-placeholder {color: #464646; font-size: 15px;}
.box_dangKy .form .alert{ margin-top: 0; border-radius: 0; padding: 12px; font-size: 15px;}
.box_dangKy .form .btnSuccess{ text-align: center;}
.box_dangKy .form .btnSuccess .input-lg{ height: 44px; border: none; border-radius: 0; width: 100%; color: #FFF; padding: 0 25px; font-size: 15px; font-family: "Montserrat-SemiBold"; text-transform: uppercase; background: #ec1c3c;}
.box_dangKy .form .btnSuccess .input-lg:HOVER{ background-color: #202b53;}
.box_dangKy .form .btnSuccess .input-lg:FOCUS{ outline: none;}
.box_dangKy .form .hotLine{ text-align: center; font-size: 25px; color: #898989; font-family: "HelveticaNeue-Bold"; margin-top: 20px;}
.box_dangKy .form .hotLine i{ width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #898989; border-radius: 50%; margin-right: 10px; }
.box_dangKy .form .hotLine a{ color: #898989;}
.box_dangKy .bank{ background: #FFF; padding: 0 100px 50px;}
.box_dangKy .bank .title{ color: #202b53; font-size: 20px; padding-bottom: 18px; font-family: "Montserrat-SemiBold";}
.box_dangKy .bank .item{ text-transform: uppercase; padding-bottom: 10px; color: #252525; font-size: 15px;font-family: "Montserrat-SemiBold";}
.box_dangKy .bank p{ font-size: 15px; color: #252525;}
.box_dangKy .bank p.left{ padding-right: 30px;}
.box_dangKy .info{ background-color: #ec1c3c; padding: 60px 100px; color: #FFF;}
.box_dangKy .info .title{ color: #FFF; padding: 0 0 25px; font-size: 20px; font-family: "Montserrat-SemiBold";}
.box_dangKy .info .head{ padding: 0 0 15px; font-size: 17px; font-family: "Montserrat-SemiBold";}
.box_dangKy .info .item{ font-size: 15px; margin-bottom: 3px;}

.box_tinTuc{ padding: 90px 0 30px;}
.box_tinTuc .box_title{ padding-bottom: 60px; color: #426ffe; font-size: 30px; font-family: "Montserrat-SemiBold"; text-align: center; text-transform: uppercase;}
.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: 45px 0px 36px; background: #202b53; text-align: center;}
.box_footer .logo{ padding-bottom: 10px;}
.box_footer .social a{ display: inline-block; margin: 5px;}
.box_footer 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: 20px;}
	.box_gioiThieu .content_1 .info{ width: auto; float: none; padding: 0 5px 0; margin: 0;}
	.box_gioiThieu .content_1 .info .text_2{ font-size: 15px; text-align: justify;}
	.box_gioiThieu .content_1 .video{ width: auto; float: none;}
	.box_gioiThieu .content_2 .title{ margin: 0 5px;}
	.box_gioiThieu .content_2 .title .title_1{ font-size: 20px;}
	.box_gioiThieu .content_2 .title .title_2{ font-size: 25px;}
	.box_gioiThieu .content_2 .text{ margin: 0 5px; text-align: justify; width: auto; font-size: 15px;}
	.box_gioiThieu .content_3 .info{ margin: 0;}
	.box_gioiThieu .content_3 .info .text{ font-size: 15px; text-align: justify;}
	.box_gioiThieu .content_4 .info .text{ font-size: 15px; text-align: justify;}

	.box_thongTin{ padding-top: 40px;}
	.box_thongTin .box_title .title_2{ font-size: 22px; padding-bottom: 20px;}
	.box_thongTin .box_content{ padding: 50px 30px;}
	.box_thongTin .box_content:after{ top: 25px; left: 30px;}
	.box_thongTin .box_content .text{ padding-bottom: 40px;}
	.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 .value{ display: block; width: auto;}

	.box_loiIch .item{ padding: 20px;}
	.box_loiIch .col-xs-6:nth-child(3) { clear: left;}

	.box_aiNen .image{ display: none;}
	.box_aiNen .text{ width: auto; display: block;}
	.box_aiNen .text .wrapper{ width: auto; padding: 50px 15px;}
	.box_aiNen .row_1 .item{ font-size: 17px;}
	
	.box_dienGia{ padding: 30px 0;}
	.box_dienGia .image{ margin-bottom: 20px;}
	.box_dienGia .image img{ width: 90%;}
	.box_dienGia .content{ padding: 0 15px;}
	.box_dienGia .box_title{ font-size: 35px;}
	.box_dienGia .box_content{ font-size: 17px; padding: 0;}
	
	.box_dangKy{ padding: 30px 0px; }
	.box_dangKy .box_title{ margin: 0; padding: 0 15px 30px; font-size: 35px; text-align: center;}
	.box_dangKy .container{ padding: 0 10px;}
	.box_dangKy .info{ padding: 30px;}
	.box_dangKy .info .title{ padding: 0;}
	.box_dangKy .info .head{ padding-top: 30px; padding-bottom: 10px;}
	.box_dangKy .form{ padding: 30px;}
	.box_dangKy .bank{ padding: 0 30px 50px;}
	.box_dangKy .bank .title{ padding-bottom: 0;}
	.box_dangKy .bank .item{ padding-top: 30px;}

	.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 .text br{ display: block;}
}