@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i&
subset=latin,latin-ext,vietnamese');
/*font-family: 'Open Sans', sans-serif;
*/
/*font-family: 'Open Sans Condensed', sans-serif;
*/
/* classic popup */
 .classic-popup{
    background: rgba(255,255,255, 0.24);
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding:5px
}
 .classic-popup-title{
    width:100%;
     background:#096DB5;
     height:41px;
     text-align:center;
}
 .classic-popup-title,.classic-popup-title .fl,a.classic-popup-close{
    height:40px;
    line-height:40px;
    font-weight:bold;
    color:#fff
}
 .classic-popup-title .fl{
    padding-left:20px;
    font-size:16px;
    text-transform:uppercase;
    text-shadow:0 1px 0 #666666
}
 a.classic-popup-close{
    float:right;
    font-size:13px;
    line-height: 30px;
    padding:0 10px
}
 a.classic-popup-close:hover{
    text-decoration:none;
    color:#4f2d00
}
 .classic-popup-content{
    width:100%;
    background:#fff;
}
 #bannerPopup {
     position:relative;
}
 .close-popup {
     text-align:right;
     margin-bottom:5px;
}
 .close-popup a {
     display:inline-block;
     background:url(../images/close-popup.gif) no-repeat;
     color:#FFF;
     font-size:12px;
     text-decoration:none;
     padding-left:20px;
}
 .bannerPopupContent {
     background:#fff;
}
/* fix for bold in FF4 win 64bit */
 b{
    font-weight:bold
}
 .classic-popup .error {
     border:1px solid red;
}
 .algin-right{
     text-align: right;
}
/*------------ css cho box ------------*/
 .desc{
     color: #333333;
}
 .desc ol{
     margin-left:10px;
     padding-left:10px;
     list-style:decimal ;
}
 .desc ul{
     list-style:disc;
     margin-left:10px;
     padding-left:10px;
}
 .desc h1{
     font-size: 36px;
}
 .desc h2{
     font-size: 30px;
}
 .desc h3{
     font-size: 24px;
}
 .desc h4{
     font-size: 18px;
}
 .desc h5{
     font-size: 12px;
}
 .desc h6{
     font-size: 6px;
}
 .desc td, .desc th{
     padding: 5px;
     line-height: inherit;
}
 .desc img{
     max-width: 100% !important;
     height: auto !important;
}
 .desc iframe {
     width: 100% !important;
}
 .box-tags {
     background:#fff;
     border:1px solid #e1e1e1;
     padding:5px;
     -webkit-box-shadow:3px 3px 1px rgba(0,0,0,0.04);
    -moz-box-shadow:3px 3px 1px rgba(0,0,0,0.04);
    box-shadow:3px 3px 1px rgba(0,0,0,0.04);
}
 .box-tags .tags-list {
     background:url(../images/img_tag.png) 5px 10px no-repeat;
     padding:7px 10px;
     padding-left:30px;
     min-height:30px;
     color:#666666;
     font-size:11px;
}
 .box-tags span {
    display:inline-block;
     padding:0px 15px;
     border-bottom:1px solid #bfbfbf ;
     border-right:1px solid #bfbfbf ;
     margin-right:10px;
     color:#333333;
     line-height:20px;
}
 .box-tags a {
     color:#666666;
     text-decoration:none;
}
/*CATEGORY*/
 .box_category {
    padding:0px;
}
 .box_category ul {
    list-style:none;
}
 .box_category li {
}
 .box_category li a {
     background:url(../images/icon_cat.gif) 0px 9px no-repeat;
     display:block;
     font-weight:bold;
     padding-left:10px;
}
 .box_category li a:hover{
     text-decoration:underline;
}
 .box_category li a.current {
}
 .box_category ul ul {
     list-style:none;
     padding-left:10px;
}
 .box_category ul ul li {
     background:none;
     padding:2px;
}
 .box_category ul ul li a {
     background:url(../images/icon_li.html) 0px 9px no-repeat;
     font-weight:normal;
     padding-left:10px;
}
 .box_category ul ul li a:hover {
}
 .box_category ul ul li a.current {
}
/*================================*/
 .table_cell {
     display: table-cell;
}
/*================================*/
/*================BEGIN: BOX================*/
 .box_mid {
     width: 100%;
     margin-top: 30px;
     display: inline-block;
}
 .box_mid .mid-title {
     margin-bottom: 0px;
     padding-bottom: 15px;
     position: relative;
     text-align: center;
     background: url("/theme/icon-title2.png") no-repeat 50% 100%;
     background-size: 105px;
}
 .lstRoomsSuites.box_mid .mid-title {
     margin-bottom: 0px;
     padding-bottom: 25px;
}
 .box_mid .mid-title .titleL{
     font-size: 25px;
     line-height: 40px;
     position: relative;
     font-weight: 600;
     text-transform: uppercase;
}
 .box_mid .mid-title .titleL .text_left{
     text-align: left;
}
 .title_slogan {
     display: inline-block;
     font-size: 16px;
     line-height: 25px;
     padding: 5px 20px;
     background: #f9cb0c;
     text-transform: uppercase;
     margin-top: 10px;
}
 .box_mid .mid-title.title_detail{
     text-align: left;
     position: relative;
}
 .box_mid .mid-title.title_detail:after {
     position: absolute;
     left: 0;
     bottom: 0;
     content: '';
     width: 50px;
     height: 3px;
     background: #0d5ab0;
     display: block;
}
 .search-box {
     display: inline-block;
}
 .search-box {
     border-radius: 30px;
     border: solid 1px #e5e6ec;
     position: relative;
}
 .searchform-product .input-search {
     padding: 4px 0px 10px 20px;
    /* width: 100%;
     */
    /* height: 100%;
     */
     background: transparent;
     border: 0;
     font-size: 15px;
     font-weight: 500;
     margin: 0;
     display: inline-block;
     -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
     appearance: none;
     -webkit-transition: all 150ms linear;
     transition: all 150ms linear;
     min-width: 100%;
     vertical-align: unset !important;
     background: #fff !important;
     border-radius: 20px;
}
 .mobile-search {
     position: unset !important;
     width: 100%;
     margin-bottom: 10px;
}
 .vnt-menutop > ul {
     margin-right: 0px;
}
 .searchform-product .close-search {
     position: absolute;
     right: 58px;
     top: 0;
     bottom: 0;
     z-index: 100;
     margin: auto;
     height: 25px;
     cursor: pointer;
     visibility: hidden;
}
 .searchform-product .btn-search {
     position: absolute;
     padding: 0;
     top: 0px;
     bottom: 0;
     right: 0px;
     border-radius: 0 4px 4px 0;
     border: 0;
     width: 50px;
     background: transparent;
     transition: opacity 150ms linear;
}
 @media screen and (max-width: 1276px){
     .tright-box {
         margin-top: 0px !important;
         float: right !important;
         position: absolute;
         top: -33px;
         right: 160px;
    }
     .tright-box ul li a.btn-lan {
         background: #fafafa;
         border-radius: 10px;
         padding: 0px 10px;
         height: 30px;
         line-height: 30px;
    }
}
 @media screen and (max-width: 1166px){
     .search-box {
         position: absolute;
         top: 30px;
         right: 1px;
    }
     .sticky .search-box {
         position: absolute;
         top: 10px;
         right: 1px;
    }
}
 @media screen and (max-width: 1100px){
}
 .menu-desktop .container {
     width: 98%;
     padding: 0px;
}
 .searchform-product {
     position: relative;
     z-index: 100;
}
 .box_mid .mid-title.title_detail {
     background: none;
     margin-bottom:10px;
}
 .box_mid .mid-title.title_detail .titleL {
     font-size: 22px;
     line-height: 23px;
     text-transform: none;
}
 .box_mid .mid-title .titleL h1, .box_mid .mid-title .titleL h2{
     font-size: inherit;
     line-height: inherit;
     font-weight: inherit;
}
 .box{
     margin-bottom: 20px;
     position: relative;
}
 .box .box-title{
     position: relative;
     z-index: 1;
}
 .box .box-title .fTitle{
     font-size: 18px;
     line-height: 26px;
     color: #927865;
     padding: 5px 0;
     margin-bottom: 5px;
}
/*=================END: BOX=================*/
/*=================BEGIN: PAGINATION==================*/
 .pagination{
     width: 100%;
     margin: 0 0 20px 0;
     background: transparent;
     text-align: left;
     padding-top: 0;
}
 .pagination a, .pagination a:visited, .pagination .pagecur{
     background: transparent;
}
 .pagination ul{
     text-align: left;
}
 .pagination.center ul{
     text-align: center;
}
 .pagination ul li{
     display: inline-block;
     margin:0 4px 4px 0;
     text-align: center;
}
 .pagination ul li span, .pagination ul li span.pagecur, .pagination ul li a{
     display: table-cell;
     width: 40px;
     height: 40px;
     box-sizing: border-box;
     border: 1px solid #dfdedb;
     background: #ffffff;
     font-size: 18px;
     line-height:26px;
     vertical-align: middle;
     color:#333333;
     -webkit-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     transition:all 0.5s ease;
     font-weight: normal;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
}
 .pagination ul li a:hover, .pagination ul li span, .pagination ul li span.pagecur{
     color: #ffffff;
     background-color:#14679f;
     border-color: #14679f;
}
 .pagination a, .pagination a:visited{
     color: #666666;
}
 .show_item{
     padding: 10px 0;
}
 .show_item ul:after{
     display: block;
     content: '';
     clear: both;
}
 .show_item ul li{
     float: left;
     padding: 0 12px;
     position: relative;
     font-size: 16px;
     line-height: 20px;
     color: #666666;
     text-transform: uppercase;
}
 .show_item ul li a{
     font-size: 16px;
     line-height: 20px;
     color: #666666;
}
 .show_item ul li a:hover{
     color: #ee8533;
}
 .show_item ul li:first-child{
     padding-left: 0;
}
 .show_item ul li:last-child{
     padding-right: 0;
}
 .show_item ul li ~ li:after{
     position: absolute;
     top: 0;
     left: 0;
     content: '|';
     color: #d1d1d1;
}
/*=================END: PAGINATION======================*/
/*=================BEGIN: BREADCRUMB====================*/
 .breadcrumb{
     margin: 0;
     padding: 7px 0 7px 0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     border-radius:0;
     width: 100%;
     background: #f2f2f2;
     position: relative;
}
 .breadcrumb.no_margin{
     margin: 0;
}
 .breadcrumb:after{
     position: absolute;
     top: 100%;
     right: 0;
     width: 170px;
     border-bottom: 1px dotted #d9d9d9;
}
 .breadcrumb ul{
     padding: 0;
     width: 100%;
     background-color: transparent;
     margin: 0;
     position: relative;
     text-align: left;
}
 .breadcrumb ul:after{
     position: absolute;
     right: 0;
     bottom: 0;
     width: 150px;
     height: 1px;
}
 .breadcrumb ul li{
     padding: 0 10px;
     position: relative;
     display: inline-block;
     font-size: 13px;
     line-height: 20px;
     font-weight: normal;
     text-transform: uppercase;
     color: #333333;
}
 .breadcrumb ul li:last-child{
     color: #0f5dad;
}
 .breadcrumb ul li a{
     font-size: 13px;
     line-height: 20px;
     font-weight: normal;
}
 .breadcrumb ul li:first-child{
     padding: 0 10px 0 0;
}
 .breadcrumb ul li ~ li:before{
     position: absolute;
     font-family:"fontawesome";
     content:"\f105";
     top: 0;
     left: -4px;
     font-size: 15px;
     color: #333333;
}
 .breadcrumb ul li.home a {
     display: inline-block;
     text-indent: -99999px;
     color: transparent;
     width: 20px;
     height: 22px;
     background: url(../images/icon-home.html) no-repeat 50% -2px;
}
/*===================END: BREADCRUMB=========================*/
/*===================BEGIN: SHARE NEWS TO SOCIAL NETWORK =========================*/
 .like_share{
     margin: 0 0 20px 0;
     padding: 10px 0;
    /*background: url("../images/weblink/bg-social.png") repeat 0 0;
    */
     background: transparent;
     border-top: 0px solid #eeeeee;
     border-bottom: 1px solid #eeeeee;
}
 .like_share.has_bg{
     background: #f2f2f2;
     border-top: 0;
     border-bottom: 0;
     padding: 10px;
}
 .like_facebook{
     float: left;
}
 .like_facebook ul:after{
     display: block;
     content: '';
     clear: both;
}
 .like_facebook ul li{
     float: left;
     margin-right: 10px;
}
 .feedback{
     float: right;
     text-align: right;
     color: #666666;
}
 .feedback a{
     display: inline-block;
     font-size: 12px;
     line-height: 20px;
     margin-left: 10px;
}
 .feedback a.font-icon{
     padding-left: 20px;
     position: relative;
     font-size: 13px;
     line-height: 20px;
}
 .feedback a.font-icon:before{
     font-family: FontAwesome;
     position: absolute;
     top: 0;
     left: 0;
     font-size: 16px;
     line-height: 20px;
}
 .feedback a i{
     font-size: 16px;
     line-height: 20px;
     padding-right: 5px;
     color: #004976;
}
 .feedback img{
     padding-right: 5px;
}
 .feedback a img{
     padding-left: 15px;
}
 .feedback .link-feedback{
     padding-left: 20px ;
     padding-right: 15px;
     background: url(../images/weblink/feedback.html) no-repeat left;
}
 .feedback .link-comeback{
     padding-left: 20px ;
     padding-right: 15px;
     background: url(../images/weblink/comeback.html) no-repeat left;
}
 .link-email{
     padding-left: 20px ;
     padding-right: 15px;
     background: url(../images/weblink/email.html) no-repeat left;
}
 .feedback .link-email{
     padding-left: 20px ;
     padding-right: 15px;
     background: url(../images/weblink/email.html) no-repeat left;
}
 .link-print{
     padding-left: 20px ;
     padding-right: 15px;
     background: url(../images/weblink/print.html) no-repeat left;
}
 .feedback .link-print{
     padding-left: 25px ;
     padding-right: 15px;
     background: url(../images/weblink/print.html) no-repeat left;
}
/*===================END: SHARE NEWS TO SOCIAL NETWORK =========================*/
/*===================END: TAG =========================*/
 .tag{
     font-size: 15px;
     line-height: 24px;
     color: #666666;
     position: relative;
     margin-bottom: 20px;
     background: #f6f6f6;
     padding: 10px;
}
 .tag a{
     font-size: 14px;
     line-height: 20px;
     padding-left: 5px;
     color: #666666;
}
 .tag a:hover{
     color: #0f5dad;
}
 .tag span{
     font-size: 14px;
     line-height: 20px;
     color: #666666;
     margin-right: 5px;
     padding: 5px 10px 5px 0;
}
 .tag1{
     font-size: 12px;
     line-height: 20px;
     color: #666666;
     margin-bottom: 20px;
     min-height: 22px;
}
 .tag1 a{
     color: #666666;
     display: inline-block;
     margin-right: 6px;
     padding: 0 10px;
     font-size: 12px;
     line-height: 25px;
     background-color: #f1f1f1;
     -webkit-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     transition:all 0.5s ease;
     margin-bottom: 5px;
}
 .tag1 a:hover{
     background-color:#666666;
     color:#ffffff;
     border-color:#666666;
}
 .tag1 .title{
     display: inline-block;
     margin-right: 6px;
     padding: 0 10px 0 20px;
     font-size: 12px;
     line-height: 25px;
     background-color: #f1f1f1;
     position: relative;
     margin-bottom: 5px;
}
 .tag1 .title:before{
     position: absolute;
     font-family: FontAwesome;
     content: '\f02b';
     top: 50%;
     left: 5px;
     -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     -o-transform: translate(0, -50%);
     transform: translate(0, -50%);
}
/*===================END: SHARE NEWS TO SOCIAL NETWORK =========================*/
/*===================BEGIN: RELATED NEWS =========================*/
 .news_related{
     width: 100%;
     position: relative;
     margin-bottom: 20px;
}
 .news_related:after{
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 12px;
     content: '';
    /*background: url(../images/pattern-title.png) repeat;
    */
}
 .news_related h4{
     font-size: 26px;
     line-height: 35px;
     font-weight: 600;
     margin-bottom: 10px;
     position: relative;
}
 .news_related ul{
     padding-left: 0;
}
 .news_related ul li{
     position: relative;
     padding: 5px 0 5px 20px;
     font-size: 15px;
     line-height: 25px;
}
 .news_related ul li:after{
     position: absolute;
     font-family:"fontawesome";
     content:"\f0da";
     top: 6px;
     left: 0;
     color:#999999;
     font-size: 14px;
}
 .news_related ul li a{
     text-decoration: none;
     position: relative;
     display: inline-block;
}
 .news_related ul li a span{
     color: #acacac;
     font-weight: normal;
     display: inline-block;
     font-size: 13px;
}
/*===================END: RELATED NEWS =========================*/
/*==========================DROPDOWN=================================*/
 .box_category{
     display: inline-block;
     width: 170px;
     margin: 10px;
}
 .box_category .select-control {
     padding: 6px 30px 6px 10px;
     font-size: 14px;
     line-height: 24px;
     color: #ed1e79;
     height: 34px;
     text-align: left;
     background-color: #ffffff;
     background-image: none;
     border: 1px solid #d4d4d4;
     cursor:pointer;
     overflow: hidden;
}
 .box_category .select-control .caret {
     position:absolute;
     right:15px;
     top:13px;
     border-top: 8px dashed;
     border-color:#777777;
     border-right: 6px solid transparent;
     border-left: 6px solid transparent;
}
 .box_category ul.dropdown-menu {
     width:100%;
     font-size:12px;
     min-width: 160px;
     max-height: 180px;
     overflow-y: auto;
     padding:0;
     border: 1px solid #ccc;
     border: 1px solid rgba(0, 0, 0, .15);
     border-radius: 0px;
}
 .box_category ul.dropdown-menu li {
     border-bottom: 1px solid #ccc;
}
 .box_category ul.dropdown-menu li:last-child {
     border-bottom:none;
}
 .box_category ul.dropdown-menu li a {
     display: block;
     padding: 10px 10px;
     clear: both;
     font-weight: normal;
     font-size: 14px;
     line-height: 20px;
     color: #333;
     white-space: nowrap;
}
 .box_category ul.dropdown-menu li a:hover, .box_category ul.dropdown-menu li a:focus {
     color: #262626;
     text-decoration: none;
     background-color: #f5f5f5;
}
 .box_category ul.dropdown-menu li.active > a, .box_category ul.dropdown-menu li.active > a:hover, .box_category ul.dropdown-menu li.active > a:focus {
     color: #fff;
     text-decoration: none;
     background-color: #337ab7;
     outline: 0;
}
 .box_category ul.dropdown-menu li ul {
     list-style:none;
     border-top: 1px solid #ccc;
}
/*==========================DROPDOWN=================================*/
/*==========================DANH M?C=================================*/
 .submenu .title-menu{
     margin-bottom: 20px;
     position: relative;
}
 .submenu .title-menu .title{
     font-size: 26px;
     line-height:34px;
     color: #ffffff;
     padding: 10px 50px 10px 10px;
     background: url(../images/bg-arrow.html)no-repeat 100% 50% #9c1320;
     cursor: pointer;
     display: none;
}
 .submenu .title-menu .menu{
     width: 100%;
     text-align: center;
}
 .submenu .title-menu .menu ul{
     text-align: center;
}
 .submenu .title-menu .menu ul li{
     margin: 5px;
     font-size: 16px;
     line-height: 26px;
     color: #333333;
     display: inline-block;
}
 .submenu .title-menu .menu ul li a{
     color: #333333;
     background-color: transparent;
     padding: 10px 25px;
     display: block;
     position: relative;
}
 .submenu .title-menu .menu ul li a:before{
     position: absolute;
     content:"";
     top: 50%;
     left: 0%;
     width: 100%;
     height: 0%;
     background: #9c1320;
     opacity: 0;
     z-index: 0;
     -webkit-transition:all 0.4s ease-out;
     -moz-transition:all 0.4s ease-out;
     -o-transition:all 0.4s ease-out;
     transition:all 0.4s ease-out;
}
 .submenu .title-menu .menu ul li a:hover{
     color: #ffffff;
}
 .submenu .title-menu .menu ul li a:hover:before{
     top: 0%;
     height: 100%;
     opacity: 1;
}
 .submenu .title-menu .menu ul li a span{
     z-index: 1;
     position: relative;
     -webkit-transition:all 0.2s ease-in;
     -moz-transition:all 0.2s ease-in;
     -o-transition:all 0.2s ease-in;
     transition:all 0.2s ease-in;
}
 .submenu .title-menu .menu ul li a:hover span{
     z-index: 1;
     position: relative;
     color: #ffffff;
}
 .submenu .title-menu .menu ul li a:focus{
     text-decoration: none;
}
 .submenu .title-menu .menu ul li.active a{
     background: #9c1320;
     color: #ffffff;
}
/*==========================DANH M?C=================================*/
 @media screen and (max-width: 1024px){
     .feedback{
         display: none;
    }
     .breadcrumb{
         display: none;
    }
     .box_mid{
         margin-top: 20px;
    }
     .box_mid .mid-title .titleL {
         font-size: 25px;
         line-height: 35px;
    }
     .box_mid .mid-title.title_detail .titleL {
         font-size: 24px;
         line-height: 32px;
    }
}
 @media screen and (max-width: 767px){
     .feedback a.font-icon{
         width: 28px;
         height: 28px;
         text-align: center;
         color: #ffffff;
         font-size: 0;
    }
     .feedback a.font-icon:before{
         color: #333333;
         width: 28px;
         line-height: 28px;
         text-align: center;
    }
     .box_mid .mid-title{
         margin-bottom: 20px;
    }
}
 @media screen and (max-width: 359px){
     .pagination ul li span, .pagination ul li span.pagecur, .pagination ul li a{
         width: 36px;
         height: 36px;
    }
}