@charset "utf-8";
/* ^^^css by:tuanlinhtb@gmail.com - Mobile: 0979 444 398 */ 
@import url(modules.css);
@import url(responsive.css);
@import url(font-awesome.css);
html {  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

* { margin: 0; padding: 0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 

body { background:#fff; color:#222; font-size:13px; 
      font-family: Arial,Helvetica,sans-serif; }
 
 

img { width: auto; height: auto; max-width: 100%;/* max-height:100%; */ vertical-align: middle;  }
ul.list-ulhome li .title .txt {
    font-weight: bolder;
    /* color: red; */
    font-size: 25px;
}
 
ul.list-ulhome li .title .txt {
    color: #fff;
}
:focus { outline: 0 !important; }
figure { margin: 0; padding: 0; } 
img[src*=".svg"] { height: 100%;  }
iframe { border: none; }

::selection {
    background: #B4D5FF; /* Safari */
    color: #333333;
}
::-moz-selection {
    background: #B4D5FF; /* Firefox */
    color: #333333;
}

p { margin-bottom: 10px; }
* > p:last-child { margin-bottom: 0 !important; }
p a:hover { border-color: transparent; }
a:hover, a:focus {text-decoration: none; }
a { text-decoration:none; color: inherit; background-color: transparent;
    -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;
} 
ul, ol { margin: 0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; font-family: inherit; font-weight: 500; margin: 0;} 
h1 { font-size: 39px;}
h2 { font-size: 32px; }
h3 { font-size: 26px; }
h4 { font-size: 19px; }
h5 { font-size: 15px;}
h6 { font-size: 13px;} 
ol { position: relative;  }
ul { list-style: none; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } 
.fl {float: left;}
.fr {float: right;}
.all {float: left;width: 100%;} 
.lazy{ background: #fff url(images/loading1.gif) center center no-repeat; min-width: 32px; min-height: 32px; }
.hm-reponsive{position:relative;height:auto!important;width:100%;    padding-top: 56.25%;overflow:hidden}
.hm-reponsive img{object-fit:cover;margin:auto;position:absolute;width:100%;height:100%;top:0;left:0}
.reponsive-img{position:relative;height:auto!important;width:100%;    padding-top: 56.25%;overflow:hidden}
.reponsive-img img{margin:auto;position:absolute;max-width:100%;max-height:100%;top:0;left:0;right: 0; bottom: 0;}
.alink-all{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10;}
.back-to-top{position:fixed;bottom:-50px;right:-50px;transition:all .5s ease-out;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;width:40px;height:40px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-background-clip:padding;background-color:#E41C2C;line-height:45px;text-align:center;color:#fff;display:inline;z-index:999999;cursor:pointer}
.back-to-top a {display: block;}
.back-to-top:hover{background: #eb9007;color:#fff;}
.back-to-top:hover a,.back-to-top a:focus{color:#fff}
.back-to-top.display{bottom:155px;right:10px} 
.form-group { margin-bottom: 15px; }
/*===================================================================================*/
/*  Index
/*===================================================================================*/
.Wrapper{width:100%;height:100%}
#header{position:relative}
.hea-top{position:fixed;top:0;left:0;z-index:500;width:100%;/* height:70px;*/
    overflow:visible;background-color:rgba(255,255,255,0);-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}
.hea-top .container{position:relative}
.logo{width:160px;height:80px;position:absolute;top:0;left:0;z-index:99999;text-align:center}
.logo img{max-width:100%;max-height:80px}
.logotext { text-indent: -9999px; font-size: 0; position: fixed; }
.header-tool{ position: relative;right: 0px;top: 12px;}
.header-tool .header-tool-top{display:block;margin-top:10px;float:right;width:100%;font-family:'Roboto Condensed',sans-serif}
.header-tool .box_lang a{margin-left:3px;border:3px solid rgba(255,255,255,0)}
.header-tool .box_lang a img{width:24px;height:18px}
.header-tool .box_lang a.current,.header-tool .box_lang a:hover{border:3px solid rgba(255,255,255,0.2);display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.header_menu{float:right;color:#7babe8}
.header_menu ul li{float:left;color:#fff;line-height:26px}
.header_menu a{font-size:13px;color:#fff;padding:0 10px;line-height:26px}
.header-tool .header_hotline{font-size:13px;font-weight:bold;color:#ffffff;line-height:26px}
.header-tool .header_hotline span{font-size:16px;color:#ff;text-transform:uppercase;font-family:'Roboto Condensed',sans-serif}
#slider_holder.owl-theme .owl-pagination {bottom:-18px !important}
/*startmobile*/
@media (min-width:992px){   
    ul.navmenu{width:100%;float: left;padding: 0 0 0 213px;}
    ul.navmenu>li{position:relative;text-align:center;float: left;}
    ul.navmenu>li:last-child {background: none;}
    ul.navmenu>li:last-child ul.submenu{left:inherit;right:0;min-width:240px}
    ul.navmenu>li>a{display: inline-block;padding: 14px 13px 5px;margin: 0;font-size: 16px;color: #fff;text-transform: uppercase;line-height: 20px;font-family: 'Roboto Condensed', sans-serif;}
    ul.navmenu>li:hover>a, ul.navmenu>li.active a{
    color: #508dff;
}   
    ul.navmenu>li.drop:after {
    content: '';
    position: absolute;
    right: 4px;
    top: 19px;
    border: 5px solid transparent;
    border-top-color: #fff;
 }
    ul.submenu{display:none;position:absolute;top:100%;left:0;z-index:10000;float:left;min-width: 242px;font-size:14px;text-align:left;list-style:none;background-color: rgba(255, 255, 255, 0.8);border-top: 2px solid #dcaf47;}
    ul.submenu li{width:100%;display:block;border:none;text-align:left;position:relative;float: left;border-bottom: 1px dotted #d7d7d7;padding: 0;} 
    ul.submenu li a{font-size: 15px;padding: 0 10px 0 23px;line-height: 35px;white-space: nowrap;position: relative;display: block;font-weight: 400;text-tr; 0text-align: left;border: none;min-height: auto;color: #333;}  
    ul.submenu li a:before{content: "\f101";position:absolute;font-family:FontAwesome;top: 0px;left: 8px;font-size: 12px;}
    ul.submenu li:hover>a{color: red;}
    ul.submenu2{display:none;position:absolute;top: -2px;left:100%;z-index:10000;float:left;min-width:220px;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-color: rgba(255, 255, 255, 0.6);border-top: 2px solid #dcaf47;}
    ul.navmenu>li:hover ul.submenu,ul.submenu>li:hover ul.submenu2{display:block}
    ul.navmenu>li .icon{width:25px;height:25px;margin: 0px 6px 0 5px;}
    ul.navmenu>li .icon img{max-height:25px}

} /*end Media*/

.my-mobile-menu{display:block}
.nav-btn-show{line-height: 40px;position:relative;text-align:center;cursor:pointer;color: #333;font-size:30px;  left: 30px; top: -8px;}
ul.navmenu>li>a i.fa{font-size: 15px;padding-right: 6px;}
@media only screen and (max-width:992px){
    .navmenu{display: none;} 
	.hotel_booking{ margin-top:-10px !important}
	#slider_holder.owl-theme .owl-pagination  {  bottom: 10px !important;}
	
} 
@media only screen and (max-width:480px){
	#slider_holder .hm-reponsive { padding-top: 60% !important;} 
	
	}
.mm-menu.mm-theme-white .mm-navbar a {color: #00A94F!important;font-size: 15px;text-transform: uppercase;font-weight: bold;}
.mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after { border-color: #b18408!important; }   
.mm-listview > li > a, .mm-listview > li > span{color: #333!important;}

/*endtmobile*/
#slider_holder{position:relative;height:100%;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
#slider_holder:before{background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);content:'';position:fixed;top:0;left:0;display:block;width:100%;height:160px;pointer-events:none;z-index:2;opacity:1;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}
#slider_holder .hm-reponsive{padding-top:48%}
.header-fix #slider_holder:before{display: none;}
.header-fix .hea-top{    background-color: rgba(255,255,255,.8);    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}
.header-fix .header-tool .header-tool-top{margin-top: 5px;}    
.header-fix .header_menu ul li, .header-fix .header_menu a,.header-fix .header-tool .header_hotline{color: #333;}
.header-fix ul.navmenu>li>a{    padding: 14px 13px 13px; color: #333;}
.header-fix ul.navmenu>li:hover>a,.header-fix ul.navmenu>li.active a{color: #508dff;}
.hotel_booking_area{padding-bottom:70px}
.hotel_booking{padding:20px 10px;position:relative;background-color:#313a45;float:left;width:100%; margin-top:-50px}
.room_book{border-right:1px solid #475362;margin-right:7%}
.room_book h6{color:#fff;font-size:15px;font-weight:600;margin-bottom:3px}
.room_book p{color:#fff;font-size:30px;font-weight:700;line-height:25px;margin:0}
.border-bottom-dark-2{border-bottom:solid 2px #475362!important;width:100%;position:relative}
.hotel_booking_area input,.hotel_booking_area select{font-size:13px;height:37px;padding:0;width:100%;background:transparent;border:0;color:#999;box-shadow:none}
.hotel_booking_area .form-control:focus{border-color:transparent;box-shadow:none;outline:0 none}
.hotel_booking  .input-group-addon{color:#fff;position:absolute;right:8px;top:12px}
.btn-setroom{background-color:#3ac4fa;padding:0 22px;font-size:14px;height:40px;line-height:40px;color:#fff;text-transform:uppercase;float:right;font-weight:bold;border-radius:0}
.btn-setroom:hover{background-color:#f7c411}
.main-title{color:#147eb9;font-family:'Muli',sans-serif;font-weight:300;font-size:40px;text-align:center}
.main-sapo{color:#4a4a4a;text-align:center;text-transform:uppercase;font-size:26px;margin-bottom:3px;margin-top:4px;font-family: 'Muli',sans-serif;}
.primary-box-bottom-border{border-bottom:1px solid #757575}
.readmore{margin:26px 0 55px}
.close-content .readmore-content{opacity:0;max-height:0}
.readmore-content{opacity:1;overflow:hidden;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;font-family:'Muli',sans-serif;font-weight:400;font-size:14px;line-height:30px}
.seemore-pd{position:relative;margin:0 auto -30px;display:block;width:60px;height:60px;overflow:hidden;border-radius:50%;border:none;text-align:center;line-height:1;text-decoration:none;cursor:pointer;background-color:#147eb9;color:#fff;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;padding-top:7px;font-size:14px;text-transform:uppercase;line-height:18px}
.seemore-pd i.fa{display:block}
.close-content .seemore-pd i.fa-caret-up{display:none}
.close-content .seemore-pd i.fa-caret-down{display:block}
.seemore-pd i.fa-caret-up{display:block}
.seemore-pd i.fa-caret-down{display:none}
.home-top{padding: 0 0 35px;}
.room_title{padding:20px 10px}
.iportfolio{font-family:'Muli',sans-serif;position:relative;box-shadow: 0 0 5px 0 #ccc;}
.iportfolio .item-name{text-align:center;font-weight:normal;font-size:18px;text-transform:none;margin-bottom:20px}
.iportfolio .price-box .pricenew{color:red;font-weight:bold;font-size:16px;margin-right:5px;display:inline-block}
.iportfolio .price-box .priceline{height:16px;font-size:15px;text-decoration:line-through;display:inline-block;padding-right:7px;font-weight:400;color:#888}
.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;text-align:center;background-color:rgba(0,0,0,0.5);background:rgba(43,139,192,0.8) none repeat scroll 0 0;height:100%;width:100%;-webkit-transition:0.7s;-o-transition:0.7s;transition:0.7s;-webkit-display:block;padding:13px;cursor:pointer;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}
.iportfolio:hover .portfolio-overlay{opacity:1}
.border-dark{border:solid 1px #fff;height:100%;padding:18px}
.iportfolio .portfolio-overlay h5{text-align:center;font-size:20px;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:23px}
.product_tag_description{color:#fff}
.product_tag_description p{line-height:26px;font-size:14px}
.product_tag_description .icon{padding-right:6px}
.product_tag_description .icon img{width:16px;display:inline-block;vertical-align:middle}
.portfolio .owl-item{padding:0 10px}
.hotel_facilities{margin:30px 0 50px;background:url(images/hotel_directory_bg.jpg) no-repeat fixed 0 0;background-size:cover}
.hotel_facilities_content{padding:75px 8px 95px 8px;width:99.96%}
.hotel_facilities_content .tab-content{background:#fff none repeat scroll 0 0;padding:55px}
.hotel_facilities_content .nav-center{text-align:center}
.hotel_facilities .nav-tabs{display:inline-block;text-align:center;margin-bottom:-4px}
.hotel_facilities .nav-tabs li{float:left;display:block;position:relative}
.hotel_facilities .nav-tabs li{color:#444;background:#eeefed none repeat scroll 0 0;border:medium none;border-radius:0;height:100px;margin:0;text-transform:uppercase;padding:10px 20px;cursor:pointer}
.hotel_facilities .nav-tabs li  img{display:block;margin:12px auto 10px}
.hotel_facilities .nav-tabs li span.txt{display:block}
.hotel_facilities .nav-tabs li.current{background:#fff}
.tab-content-facilities{position:relative;line-height:17px;/* overflow:hidden;*/
    display:none}
.tab-content-facilities.current{display:inherit}
.single-tab-details{font-family:'Muli',sans-serif}
.single-tab-details h3{margin-bottom:27px;font-size:30px;line-height:40px}
.single-tab-details p{line-height:25px;margin-top:0;text-align:justify;font-size:14px}
.btn-seemore{color:#3ac4fa}
.footer-middle {
    background-image: -webkit-gradient( linear,left top,left bottom,color-stop(0,#147eb9),color-stop(1,#4174a1) );
    background-image: -o-linear-gradient(bottom,#147eb9 0%,#4174a1 100%);
    background-image: -moz-linear-gradient(bottom,#147eb9 0%,#4174a1 100%);
    background-image: -webkit-linear-gradient(bottom,#147eb9 0%,#4174a1 100%);
    background-image: -ms-linear-gradient(bottom,#147eb9 0%,#4174a1 100%); 
    background-image: linear-gradient(to bottom,#147eb9 0%,#4174a1 100%);
    padding-top: 25px;
    padding-bottom: 30px; 
    font-family: 'Muli',sans-serif;
}
.box_info_company{background:url(images/bg_map.png) left 120px center no-repeat}
.title_name_ft{font-size:18px;font-weight:bold;color:#ffffff;line-height:30px;margin-bottom:10px;font-family:'Muli',sans-serif}
.box_info_company .info_row{font-size:14px;color:#bddaff;line-height:20px;padding:5px 0;padding-left:30px}
.box_info_company .info_address{background:url(images/ic_home.png) left center no-repeat}
.box_info_company .info_phone{background:url(images/ic_phone.png) left center no-repeat}
.box_info_company .info_fax{background:url(images/ic_fax.png) left center no-repeat}
.box_info_company .info_email{background:url(images/ic_mail.png) left 6px no-repeat}
.box_info_company .map{background:url(images/ic_map.png) left center no-repeat}
.vnt-social-network{text-align:left}
.vnt-social-network a{margin-right:6px}
.copyright{text-align:left;color:#84bafc;padding-top:15px}
.copyright b{color:#ffffff}
.txtft{color:#ffffff;padding:10px 0;line-height:20px}
.box_maillist{margin-top:15px}
.box_maillist .maillist{background:#fff;padding:4px;position:relative}
.box_maillist .input_text{width:100%;border:none;background:none;box-shadow:none;height:20px}
.box_maillist .button-sent{background:url(images/btn_maillist.png) no-repeat;width:48px;height:35px;position:absolute;right:-5px;top:-3px;cursor:pointer;border:none;color:#000;padding:5px 2px}
.box_maillist .input_text:focus{outline:none;border:none;box-shadow:none}
.home-bottom{padding-bottom:55px;font-family:'Muli',sans-serif}
.list-hbt .item-hbt .title{padding-left:15px;background:#0066b2 url(images/tgiac.png) right top no-repeat;font-size:17px;color:#ffffff;text-transform:uppercase;line-height:40px;font-weight:bold}
/*chuyenmuc*/
.slide-gallery-cate #slider_holder .hm-reponsive{padding-top:40%}
.main-cate .hotel_booking_area{padding-bottom:15px}
.box-breadcrumb{transition:height .25s linear;overflow:hidden;background:#fff;font-family:'Muli',sans-serif}
.breadcrumb{margin:0;background:transparent;padding: 15px 15px 12px;}
.breadcrumb > li{font-size:14px;color:#333;text-transform:uppercase}
.box-cate{padding:20px 0 20px}
.left-cate,.right-cate{padding:0 15px;float:left}
.left-cate{width:75%}
.right-cate{width:25%}
.left-cate .main-title{text-align:left;font-size:35px}
.left-cate .main-sapo{text-align:left;font-size:20px;font-weight:400;margin-bottom:10px}
.sapo-cate{color:#2a2a2a;font-family:'Muli',sans-serif;font-size:14px;line-height:25px;margin-bottom:30px}
ul.list_portfolio {margin:15px -15px}
ul.list_portfolio li{margin-bottom:15px}
.sidebar #weather{min-height:108px}
.weather{margin:0 auto;line-height:60px;display:table}
.weather a{color:#9f9f9f}
.weather-tempC{font-size:72px}
.sidebar-weather .city,.clock-info{position:relative;float:left;width:100%;text-align:center;text-transform:uppercase;font-family:'Muli',sans-serif}
.sidebar-weather .city{color:#9f9f9f;margin:0 0 6px;padding-bottom:6px;line-height:20px;font-size:21px;border-bottom:1px dotted #147eb9}
.weather-image{float:right;margin:14px 0 0 8px;width:50px;height:50px;position:relative;color:#7e7e7e}
.weather-image:after{display:block;content:"\f1be";font-family:FontAwesome;font-size:40px;text-align:center;line-height:50px;width:100%;height:100%;position:absolute;top:0;left:0}
.best-rate{color:#147eb9;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s;text-align:center;font-family:'Muli',sans-serif;font-size:15px;text-transform:uppercase;border-bottom:1px dotted #147eb9;padding-bottom:10px}
.best-rate a > span{}
.best-rate .currency,.best-rate .amount{font-size:26px;line-height:26px;font-weight:500;padding:0 3px}
.btn-reservation{color:#147eb9;text-transform:uppercase;font-size:15px;line-height:34px;padding:0 12px}
.btn-reservation:after{display:inline-block;content:"\f138";font-family:FontAwesome;font-size:24px;line-height:33px;vertical-align:top;margin-left:6px}
/*detail*/
.pd-picture{position:relative}
.pd-picture .pdl-image{text-align:center;width:100%;float:left}
.pd-picture .pdl-image img{max-width:100%;background:#dfdfdf;max-height:560px}
.pdl-small-images{float:left;width:100%;margin:15px 0}
.pdl-small-images .item-small-images{text-align:center;position:relative;padding:0 5px}
.pdl-small-images .item-small-images:first-child{  }
.pdl-small-images .item-small-images img{object-fit:cover;margin:auto;position:absolute;width:100%;height:100%;top:0;left:0}
.pdl-small-images .item-small-images a{text-align:center;position:relative;height:auto!important;width:100%;padding-top:60%;overflow:hidden;display:block;border:solid 1px #fff;opacity: 0.4;-webkit-transition: opacity 0.4s ease;-o-transition: opacity 0.4s ease;transition: opacity 0.4s ease;}
.pdl-small-images .item-small-images a.active{border:solid 1px #b10000;opacity: 1;}
.article-content{font-family: 'Muli', sans-serif;}
.article-content .pd-title{font-size:19px;text-transform:uppercase;padding: 15px 0 15px;line-height:150%;color: #147eb9;}
.article-content .bg-article{line-height:180%;font-size:14px}
.bg-article .product_tag_description{background: #55a2cc none repeat scroll 0 0;padding: 15px;float: left;width: 100%;}
.bg-article .product_tag_description p{width: 50%; float: left;}
.pdrl-name {
    color: #147eb9;
    font-family: 'Muli',sans-serif;
    font-weight: 300;
    font-size: 35px;
    margin-bottom: 10px;
}
.area_price {overflow:hidden;padding: 15px 0 10px 0;line-height:20px;float:left;width: 100%;text-align:left;margin-bottom:10px;font-family: 'Muli', sans-serif;}
.area_price .curr-price{color:#e32124;font-size: 23px;margin-right:15px;font-weight:bold;}
.area_price .priceline{font-size:13px;color:#666;text-decoration:line-through}
.area_price .label{font-size: 15px;color:#666;padding-right:5px;}
.area_price .per-night{color:#f44336;font-size:12px;font-weight:bold;}
/*checkout-body*/
.checkout-body{padding: 20px 0;font-family: 'Muli',sans-serif;}
.checkout-body .title {
    color: #ff0000;
    float: left;
    font-size: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
}
.listcart .cartitem{float:left;width:100%;padding:10px 0;border-bottom:1px solid #eee;position:relative}
.listcart .cartitem .oimg{width: 12%;height:100%;position:relative;float:left;margin: 0 3% 0 0;text-align:center;}
.listcart .cartitem  .odel{color:#666;display:block;margin-top:10px}
.listcart .cartitem  .odel:before{content:"\f056";font:normal 11px/1 FontAwesome;margin-right:3px}
.listcart .cartitem .oname{width: 85%;float:left;margin-bottom:5px;}
.listcart .cartitem h3{float:left;width:70%;margin:0 3% 0 0;font-size: 15px;line-height: 20px;}
.listcart .cartitem h3 a{}
.listcart .cartitem label{color:red;display:inline-block;width:27%;text-align:right;}
.listcart .cartitem .promo label{text-align: left;}
.total{float:left;width:100%;margin:12px 0;font-size:13px;}
.total *{display:inline-block;}
.total span{float:left;font-weight:bold;}
.total b{float:right;color:red;}
/*radio*/
.radioPure{cursor:pointer;display:inline-block;font-size:14px;padding-right:20px}
.radioPure:hover .inner{background-color:#e23a24;opacity:0.5;transform:scale(0.5)}
.radioPure input{height:1px;opacity:0;width:1px}
.radioPure input:checked + .outer .inner{opacity:1;transform:scale(1)}
.radioPure input:checked + .outer{border:2px solid #e23a24}
.radioPure input:focus + .outer .inner{background-color:#e23a24;opacity:1;transform:scale(1)}
.radioPure .outer{background-color:#fff;border:2px solid #999;border-radius:50%;display:block;float:left;height:18px;width:18px}
.radioPure .inner{background-color:#e23a24;border-radius:50%;display:block;height:10px;margin:2px;opacity:0;transform:scale(0);transition:all 0.25s ease-in-out 0s;width:10px}
.radioPure i{color:#333;display:inline-block;font-style:normal;font-weight:normal;padding-left:5px}
/*checkbox*/
.itemCheckBox{float:left;padding-right:30px;position:relative;margin: 0;}
.itemCheckBox input[type="checkbox"]{height:0.1px;opacity:0;width:0.1px}
.itemCheckBox span{padding-left:5px;position:relative;top:-4px;font-weight: 600;}
.check-box{background-color:transparent;border: 2px solid #999;border-radius:2px;box-sizing:border-box;cursor:pointer;display:inline-block;height:20px;position:relative;transition:border-color 0.2s ease 0s;width:20px;}
.check-box input[type="checkbox"]{display:none}
.check-box::before,.check-box::after{background-color:#e23a24;border-radius:5px;box-sizing:border-box;content:" ";display:inline-block;height:0;position:absolute;transform-origin:left top 0;width:4px}
.check-box::before{left:8.2px;top:14.4px;transform:rotate(-135deg)}
.check-box::after{left:1px;top:7.4px;transform:rotate(-45deg)}
input[type="checkbox"]:checked + .check-box,.check-box.checked{border-color:#e23a24}
input[type="checkbox"]:checked + .check-box::after,.check-box.checked::after{animation:0.2s ease 0s normal forwards 1 running dothabottomcheck;height: 7px;}
input[type="checkbox"]:checked + .check-box::before,.check-box.checked::before{animation:0.2s ease 0s normal forwards 1 running dothatopcheck;height:24px}
.checkout-body .form-group{float:left;margin-bottom:20px;width:100%;position: relative;}
.checkout-body .form-group span.required{position: absolute;right: 8px;top: 10px;font-weight: bold;} 
.bt-payment{background-color:#e23a24;border:0 none;border-radius:3px;color:#fff;float:left;font-size:16px;font-weight:bold;margin-top:10px;padding:10px 0;text-align:center;text-transform:uppercase;width:100%}
.bt-payment:hover,.bt-payment:focus{background-color:#333d94}
/*baiviet*/
.post_content {
    word-wrap: break-word;
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: 2.0;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
}
.post_content p {
    padding-bottom: 10px; 
    margin-bottom: 10px;
}



/*th?m tin tuc*/


.box-new-cate{background:#fff}
ul.list-new-home{padding:0 15px}
ul.list-new-home li{padding:20px 0;float:left;width:100%;border-bottom:1px dashed #e5e5e5;}
ul.list-new-home li figure{}
ul.list-new-home li figure a{display:block}
ul.list-new-home li figure img{}
ul.list-new-home li .blogtitle{font-size:16px;color:#555;display:block;font-weight:700;text-transform:uppercase;margin-bottom:5px;line-height:24px;max-height:70px;overflow:hidden;}
ul.list-new-home li .blogtime{padding:6px 0;font-size:13px;color:#78787a;margin-bottom:5px;font-style:italic}
ul.list-new-home li .blogtime span:first-child{border-left:0;padding-left:0}
ul.list-new-home li .blogtime span{border-left:1px solid #afafaf;padding:0 10px}
ul.list-new-home li .blogtime i.fa{padding-right:3px}
ul.list-new-home li .blogsummary{color:#555;font-size:15px;padding-bottom:15px;line-height:22px;max-height:65px;overflow:hidden}


/* add new */
.home-box{padding: 15px 0 20px;}
ul.list-ulhome{}
ul.list-ulhome li .item{position: relative;}
ul.list-ulhome li .item::after {
	background: linear-gradient(to top,rgb(4 4 4 / 60%) 0%,rgb(255 255 255 / 0%) 80%);
    content: '';
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;}
ul.list-ulhome li .hm-reponsive{
    padding-top: 95.25%;
}
ul.list-ulhome li .title{
    position: absolute;
    left: 0;
    top: 50%;
    display: table;
    width: 100%;
    font-size: 25px;
    line-height: 28px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: -27px;
    text-align: center;
	z-index:4;
    color: #fff;
    } 
ul.list-ulhome li .title .fa{font-size: 40px;display: block;padding-bottom: 6px;}    
ul.list-ulhome li .title .txt{}    
.diviframe iframe{width: 100%!important;}
.info_row.name {
    font-size: 20px;
    font-weight: bolder;
    padding: 0;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.videoWrapper iframe, .videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%; 
}

@media (max-width: 480px) {
    .header-tool {
        right:-68px
    }
}