@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-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: 93px;}
.box_gioiThieu .content_1:after{ content: ""; display: block; clear: both;}
.box_gioiThieu .content_1 .info{ width: 516px; float: left; margin-left: 100px; color: #282828; padding-top: 15px;}
.box_gioiThieu .content_1 .info .image{ padding: 0 0 15px 74px;}
.box_gioiThieu .content_1 .info .text{ font-size: 17px; line-height: 26px;}
.box_gioiThieu .content_1 .video{ text-align: center; width: 513px; float: right;}
.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 .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: 34px;}
.box_gioiThieu .content_2 .title{ font-family: "Montserrat-SemiBold"; margin-left: 200px; color: #202b53; position: relative; padding-bottom: 30px;}
.box_gioiThieu .content_2 .title:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 10px; background-color: #ec1c3c;}
.box_gioiThieu .content_2 .title .title_1{ font-size: 25px;}
.box_gioiThieu .content_2 .title .title_2{ font-size: 40px;}
.box_gioiThieu .content_2 .text{ margin-left: 200px; width: 800px; max-width: 100%; padding-top: 33px; 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: 30px; color: #202b53; padding-bottom: 20px;}
.box_gioiThieu .content_3 .info .text{ font-size: 17px; line-height: 27px;}
.box_gioiThieu .content_4{ padding-bottom: 60px; width: 800px; max-width: 100%; margin: 0 auto;}
.box_gioiThieu .content_4 .text{ font-size: 17px; line-height: 27px;}
.box_gioiThieu .content_5 { width: 800px; max-width: 100%; margin: 0 auto;}
.box_gioiThieu .content_5 .info .title{ font-family: "Montserrat-SemiBold"; font-size: 25px; color: #202b53; padding-bottom: 20px;}
.box_gioiThieu .content_5 .info .text{ font-size: 17px; line-height: 27px;}

.box_thongTin{ padding: 100px 0 0; background: url(../images/thongtin-1.jpg) no-repeat top center;}
.box_thongTin .box_title{ text-align: center; font-family: "Montserrat-SemiBold"; color: #FFF; }
.box_thongTin .box_title .title_1{ font-size: 25px; padding-bottom: 20px;}
.box_thongTin .box_title .title_2{ font-size: 35px; padding-bottom: 65px;}
.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: 46px; left: 100px; width: 50px; height: 10px; background: #ec1c3c;}
.box_thongTin .box_content .text{ padding-bottom: 80px;}
.box_thongTin .box_content .text p{ font-size: 17px; margin-bottom: 8px;}
.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: #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 a{ color: #FFF;}
.box_thongTin .box_content .info .item:hover .value { color: #ec1c3c;}

.box_noiDung{ padding-bottom: 80px;}
.box_noiDung .container{ width: 1020px; max-width: 100%;}
.box_noiDung .box_title{ color: #202b53; font-family: "Montserrat-SemiBold"; margin-left: 100px; font-size: 40px; position: relative; padding-bottom: 30px; margin-bottom: 30px;}
.box_noiDung .box_title::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 10px; background-color: #ec1c3c;}
.box_noiDung .box_content:after{ content: ""; display: block; clear: both;}
.box_noiDung .col_left{ width: 485px; float: left;}
.box_noiDung .col_right{ width: 485px; float: right;}
.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_mucTieu{ margin: 0; display: table; width: 100%; color: #FFF;}
.box_mucTieu .box_title{ font-family: "Montserrat-SemiBold"; font-size: 40px; position: relative; padding-bottom: 40px;}
.box_mucTieu .box_content .item{ padding-bottom: 10px; font-size: 16px;}
.box_mucTieu .image{ display: table-cell; width: 45%; background: url(../images/muctieu-1.jpg) no-repeat top right; background-size: cover;}
.box_mucTieu .text{ display: table-cell; width: 55%; background: #202b53;}
.box_mucTieu .text .wrapper{ padding: 100px 0 90px 88px; width: 550px; max-width: 100%; text-align: justify;}
.box_mucTieu .row_1{ display: table; width: 100%;}
.box_mucTieu .row_1 .item{ font-size: 20px; border-top: 1px solid #263362; padding: 15px 0; font-size: 17px;}
.box_mucTieu .row_1 .item:first-child{ border: 0;}
.box_mucTieu .row_1 .item span{ font-size: 22px; font-family: "Montserrat-SemiBold"; float: left; line-height: 100%; margin-bottom: 20px; margin: 1px 32px 10px 0;}

.box_aiNen{ padding: 100px 0; position: relative;}
.box_aiNen:before{ content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 45%; background: #ced4d7;}
.box_aiNen .image img{ max-width: 100%;}
.box_aiNen .content { padding-left: 40px;}
.box_aiNen .content .title{ font-size: 40px; font-family: "Montserrat-SemiBold"; color: #202b53; position: relative; padding-bottom: 32px; margin-bottom: 40px;}
.box_aiNen .content .title:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 10px; background: #ec1c3c;}
.box_aiNen .content p{ margin-bottom: 20px; position: relative; padding-left: 35px; padding-right: 100px; color: #222831; font-size: 20px; font-family: "Roboto-Medium";}
.box_aiNen .content p:BEFORE{ content: ""; position: absolute; top: 8px; left: 0; width: 10px; height: 10px; background: #202b53;}

.box_dienGia{ background: url("../images/diengia-1.jpg") no-repeat bottom center; color: #FFF; overflow: hidden; position: relative; min-height: 698px;}
.box_dienGia .content { padding: 165px 0 80px 0;}
.box_dienGia .box_title{ font-size: 40px; font-family: "Montserrat-SemiBold"; color: #FFF; padding-bottom: 35px;}
.box_dienGia .box_content { font-size: 20px; color: #FFF; text-align: justify;}
.box_dienGia .box_content p{ padding-bottom: 5px; position: relative; padding-left: 25px; font-size: 15px; font-family: "Roboto-Medium";}
.box_dienGia .box_content p:BEFORE{ content: ""; width: 6px; height: 6px; background-color: #FFF; position: absolute; top: 8px; left: 0;}

.box_dangKy{ padding: 90px 0px; background: #e9ebee;}
.box_dangKy .container{ width: 1020px; max-width: 100%;}
.box_dangKy .box_title{ font-size: 40px; font-family: "Montserrat-SemiBold"; padding-bottom: 50px; padding-left: 100px; color: #202b53;}
.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;}
.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: 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_gioiThieu{ padding: 40px 0;}
	.box_gioiThieu .content_1{ padding-bottom: 40px;}
	.box_gioiThieu .content_1 .info{ width: auto; float: none; padding: 0 5px 40px; margin: 0;}
	.box_gioiThieu .content_1 .info .text{ 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 .text{ margin: 0; font-size: 15px; text-align: justify;}
	.box_gioiThieu .content_5 .info{ margin: 0;}
	.box_gioiThieu .content_5 .info .title{ font-size: 20px;}
	.box_gioiThieu .content_5 .info .text{ font-size: 15px; text-align: justify;}

	.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-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_noiDung .box_title{ margin: 0 5px 30px; font-size: 35px; padding-bottom: 20px;}
	.box_noiDung .col_left{ width: auto; margin: 0 5px; float: none;}
	.box_noiDung .col_right{ width: auto; margin: 0 5px; float: none;}
	.box_noiDung .item{ height: auto;}
	.box_noiDung .item .item_table .item_cell{ padding: 10px 20px; font-size: 15px;}

	.box_mucTieu .box_title{ font-size: 35px;}
	.box_mucTieu .image{ display: none;}
	.box_mucTieu .text .wrapper{ width: auto; padding: 50px 15px;}

	.box_nghienCuu{ padding: 30px 0;}
	.box_nghienCuu .box_content{ margin: 0;}
	
	.box_banner .image img{ margin-top: 43px; }
	.box_header.sticky{ padding: 0px;}
	
	.box_aiNen{ padding: 30px 0; background: #ec2041;}
	.box_aiNen .content{ padding-left: 10px;}
	.box_aiNen .content .title{ padding: 20px 20px 30px 35px; font-size: 35px; margin: 0; color: #FFF;}
	.box_aiNen .content p{ font-size: 15px; color: #FFF; padding-right: 15px;}
	.box_aiNen .content p:BEFORE{ background: #FFF;}
	
	.box_dienGia{ padding: 30px 0; background: #202A4E;}
	.box_dienGia .content{ padding: 0 15px;}
	.box_dienGia .content .image{ margin-bottom: 20px;}
	.box_dienGia .content .image img{ width: 90%;}
	.box_dienGia .box_title{ font-size: 35px;}
	.box_dienGia .box_content{ font-size: 17px;}
	.box_dienGia .box_content p{ font-size: 13px;}
	
	.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;}
}