@charset "utf-8";
/* load Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500);
@import url(https://fonts.googleapis.com/css2?family=Galada);
@import url(https://fonts.googleapis.com/css2?family=Cormorant);
@import url(https://fonts.googleapis.com/css2?family=Roboto);

.font-light{  font-family: 'OpenSans-Light';}
.font-bold{  font-family: 'OpenSans-Bold';}


/*fix menu top*/	
@media only screen and (min-width: 991px) {
.fixtop {
	position: fixed !important;
	top: 0;     
	width: 100%;
	z-index:999;	
}
.fixtop .mega-menu .menu-links{width: calc(100% - 313px);}
.fixtop .mega-menu .menu-links > li a i{ top:8px}
.menu-links > li.logo-no > a{ padding:0px !important }
.fixtop .menu-logo{ width:200px !important}
/*.fixtop .mega-menu .menu-links > li > a{ padding:40px 25px 15px !important; font-size:16px; border-right:1px solid #f8f5f0}*/
.fixtop .mega-menu .drop-down.grid-col-12, .fixtop .mega-menu .drop-down-tab-bar.grid-col-12{ width: calc(100% - 180px) !important; left:180px !important}
.fixtop .mega-menu .menu-links .pull-right{ display: block !important}
.fixtop .mega-menu .menu-links .pull-right a{ color:#fff !important}
.fixtop .mega-menu .menu-links .pull-right .noidung-online{ line-height:1.2}

.mega-menu .menu-logo img{ max-width:400px !important}
}
.menu .mega-menu .menu-links .pull-right{display:none; background:#328ce5; line-height:3.4; color:#fff;}
/* Basic */
*{	margin:0;padding:0;text-decoration:none;

}
*::before, *::after {
  	-webkit-box-sizing: unset;
	-moz-box-sizing: unset;
	box-sizing: unset;
}

html, body {
	height: 100%;
}

body {
	font-size: 20px;
    font-family: "Open Sans", sans-serif;
    line-height: 150%;
    color: #000;
    font-weight:300 !important;
}

body.is-loading * {
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

body, input, select, textarea {
	color: #000;
}

a {
	-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	color: #000;
	text-decoration: none;
}

a:hover {
	border-bottom-color: transparent;	
	text-decoration:underline;
}
h1,h2,h3,h4,h5,h6{ margin-top:10px !important; padding:0; font-size:inherit; color:inherit}
.italic{ font-style:italic}

/* padding*/
.padding0{ padding:0 !important}.paddingL0{ padding-left:0 !important}.paddingR0{ padding-right:0 !important}
.paddingLR15{ padding-left:15px; padding-right:15px}
.paddingTB10{ padding-top:10px; padding-bottom:10px}
.paddingTB15{ padding-top:15px; padding-bottom:15px}
.paddingTB30{ padding-top:30px; padding-bottom:30px}
.paddingT10{ padding-top:10px}.paddingT15{ padding-top:15px}.paddingT20{ padding-top:20px}
.paddingL15{ padding-left:15px}.paddingL30{ padding-left:30px}.paddingL50{ padding-left:50px}
.padding30{ padding:30px}.padding15-30{ padding:15px 30px}
.padding15{ padding:15px}

/*margin*/
.marginT15{ margin-top:15px}.marginT30{ margin-top:30px}
.marginb30{ margin-bottom:30px}.marginb20{ margin-bottom:20px}
.marginb10{ margin-bottom:10px}.marginb15{ margin-bottom:15px}
.margin0{ margin:0 !important}

/* font size*/
.font10{ font-size:11px !important}.font12{ font-size:13px !important}.font14{ font-size:15px !important}.font16{ font-size:17px !important}.font18{ font-size:19px !important}.font20{ font-size:21px !important}.font22{ font-size:23px !important}.font24{ font-size:25px !important}.font26{ font-size:27px !important}.font28{ font-size:28px !important}.font40{ font-size:40px !important}.font50{ font-size:50px !important}.font55{ font-size:56px !important}

/*color*/
.color-gray{ color:gray !important}
.color-white{ color:#ffffff !important}
.color-xanhdam{ color:#141344 !important}
.color-vang{ color:#d8d20a !important} 
.color-red{ color:red !important}
.color-xanhla{ color:#4b803a !important}
.color-093 {
    color: #093 !important;}

.color-222 {
    color: #222 !important;
}
.color-nau-dam
{
    color:#4a3224 !important;
}
.color-vang-dam{
    color:#ffff00 !important;
}

/* background color*/
.bg-booking-1{ background:#fff !important}
.bg-booking-2{ background:#fffbbe  !important}
.bg-xam-nhat{ background:#fafafa !important}
.bg-xam{ background:#f7f8fa !important}
.bg-xanh-la{ background:#328ce5 !important}
.bg-xanh-reu{ background:#007236 !important}
.bg-xanh-troi{ background:#00aeef !important}
.bg-orange{background:#328ce5 !important}
.bg-red{background:#f00 !important}
.height123{float:left; height:133px; overflow:hidden;}
/* CSS Document */
header { position: absolute; top:0; left:0; z-index:999; height:110px; width:100%;}
.banner{ float:left; width:100%; min-height:100px; position:relative;}
.banner-s{ max-height:350px; float:left; width:100%; position:relative; overflow:hidden; background:#000 }.banner-s img{ opacity:.5}
.tieude{ position:absolute; left:0; top:60%; width:100%; z-index:99;display:flex; justify-content:center}
.titte-s{ position:relative !important; padding:0 10px; text-align:center;font-size:24px; text-transform:uppercase; color:#fff}
.titte-s:before{ 
position:absolute; content:''; left:-55px; top:14px; z-index:1; width:50px; height:5px; background:url(../image/line-doup-left.png) no-repeat}
.titte-s:after{ 
position:absolute; content:''; right:-55px; top:14px; z-index:1; width:50px; height:5px; background:url(../image/line-doup-right.png) no-repeat}
.search{ 
    border:1px dotted #000;
	position:absolute; z-index:99; padding:15px; color:#fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	right:15px; width:510px; overflow:hidden}
.search .text-search{ 
	float:left; width:100%; padding-bottom:5px;
	background:url(../image/search-item.png) bottom right no-repeat; 
	border-bottom:1px solid #fff; font-size:24px; text-transform:uppercase; }
.search select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/item-search.png) no-repeat 97% 50% rgba(255,255,255,.6);
    width: 100%;
    text-indent: 0.01px;
    text-overflow: "";
    color: #333; font-size:16px;
	padding:5px; border:none; margin-top:5px}
	
button.ui-button::-moz-focus-inner{border:0;padding:0}
.datepicker-wrap{position:relative}
.datepicker-wrap .ui-datepicker-trigger{width:100%;height:100%;position:absolute;right:0;top:0;cursor:pointer;background-color:transparent;z-index:1;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0}
.datepicker-wrap:after{display:block;font-family:"FontAwesome";content:"";font-size:14px;color:#969696;position:absolute;right:2px;top:0px;bottom:0;width:25px;height:100%;text-align:center;line-height:35px;background: none}
#content .datepicker-wrap:after{content:""!important;background:inherit!important}
.datepicker-wrap.yellow:after{background:#fdb714}
.datepicker-wrap.TRANSFERS:after{background:#98ce44}
.datepicker-wrap.blue:after{background-color:#01b7f2}
.datepicker-wrap.dark-blue:after{background-color:#2d3e52}
.datepicker-wrap.transparent:after{background-color:transparent;color:#fdb714}
.input-text{ padding:6px !important; border:none; color:#333 !important;background-color: rgba(255,255,255,.6) /**/; font-size:16px;  width:100%; line-height:21px}	
.ui-datepicker {z-index: 9999999 !important;}
/*Menu*/
.menu{ width:100%; text-align:center!important;}
.mega-menu .menu-links > li a i{
    font-size:25px;
    color:#0973b9;
	width:26px; height:26px; 
	background-position:0px 0px;
	position:absolute; z-index:1;	
	}
.mega-menu .menu-links > li a i.home-m{background-position: 0px 0px}.mega-menu .menu-links > li.active a i.home-m{background-position: -26px 0px}
.mega-menu .menu-links > li a i.dulich-m{background-position: -52px 0px}.mega-menu .menu-links > li.active a i.dulich-m{background-position: -76px 0px}
.mega-menu .menu-links > li a i.dichvu-m{background-position: -103px 0px}.mega-menu .menu-links > li.active a i.dichvu-m{background-position: -128px 0px}
.mega-menu .menu-links > li a i.tintuc-m{background-position: -152px 0px}.mega-menu .menu-links > li.active a i.tintuc-m{background-position: -178px 0px}
.mega-menu .menu-links > li a i.thangcanh-m{background-position: -207px 0px}.mega-menu .menu-links > li.active a i.thangcanh-m{background-position: -233px 0px}
.mega-menu .menu-links > li a i.photo-m{background-position: -262px 0px}.mega-menu .menu-links > li.active a i.photo-m{background-position: -290px 0px}
.mega-menu .menu-links > li a i.lienhe-m{background-position: -322px 0px}.mega-menu .menu-links > li.active a i.lienhe-m{background-position: -348px 0px}
.mega-menu .menu-links > li a i.daily-m{background-position: -374px 0px}.mega-menu .menu-links > li.active a i.daily-m{background-position: -399px 0px}
.mega-menu .menu-links > li a i.lkh-m{background-position: -421px 0px}.mega-menu .menu-links > li.active a i.lkh-m{background-position: -444px 0px}
/*noidung-page*/
.noidung-page, .bantin{ float:left; width:100%; padding:15px 30px}
.box-tit{border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border:1px solid #fde634;
	position:relative; overflow:hidden; height:70px; width:100%; float:left;

}

.box-Store{ float:left; width:100%; position:relative;background-color:#fff; }

.item-Store-top{ float:left; width:70px}.text-Store-top{ float:left; width:calc(100% - 70px); padding: 20px 15px;}
.text-Store-top a{ font-size:18px; color:#111}.text-Store-top a:hover{ color:#f2a700}
.Store-top i{ font-size:50px; color:#aaa;}

.titte-line-h{display:flex; justify-content:center}
.titte-line-h-booking{display:flex;}



.noidung-head h1, .noidung-head h2, .bantin h1{padding:0 10px; text-align:center; font-size:24px; text-transform:uppercase;}
.bantin h2{ position:relative !important;font-size:20px; color:#328ce5}

.bantin strong {line-height:2}
.hieuung-zoom{ float:left; width:100%; overflow:hidden; position:relative}
.hieuung-zoom img{
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
    border-radius: 10px !important;
	width:100%;
}
.hieuung-zoom:hover img{
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
		}
.over-img{ position:absolute; z-index:1; left:0; bottom:0; width:100%; padding:30px 15px 10px; color:#FFF;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}.over-img i{ margin-right:5px; color:#fff}
.over-img ul{ float:left; width:100%; padding:0; margin:0 0 5px 0}
.over-img ul li{ float:left; list-style-type:none; border-right:1px solid #fff; padding-right:10px; margin-right:10px; color:#fff}
.over-img ul li:last-child{ border:none}
.titte-Store{ float:left; width:100%; border-bottom:2px solid #78c66a; padding:10px 0; font-size:18px; text-transform:uppercase; height:90px; overflow:hidden}
.sale-Store-titte{ position:absolute; z-index:2; top:0; left:0; padding:5px 10px; color:#fff; text-transform:uppercase; font-size:18px; line-height:1.1}
.gia-km{ font-size:26px; color:#fff568; float:left}.gia-cu{ float:right; width:100%; font-size:18px; text-decoration: line-through; color:#f2f2f2; margin-top:5px}
ul.Store-ul{ float:left; width:100%}ul.Store-ul li{ list-style-type:none; float:left; width:50%; padding-right:5px; color:#4e4e4e}ul.Store-ul li i{ margin-right:5px; font-style:normal}
.price{ font-size:20px; color:#ffff00; margin-top:10px; font-weight:400;}
.line-Store{ float:left; width:100%; height:1px; margin-top:10px; margin-bottom:10px; background-color:rgba(255,255,255,0);}
.linkA{ float:left; width:100%; text-transform:uppercase; color:#008800;padding:10px 0; height: 70px; overflow: hidden; font-weight:bold;}
.linkA:hover{ color:#9db716}
.item-new{ position:absolute; z-index:9; background: url(../image/new-icon.png) no-repeat; width:80px; height:80px; top:-9px; right:-9px}
.item-tet{ position:absolute; z-index:9; background: url(../image/tet.png) no-repeat; width:30px; height:30px; top:-15px; right:0px}
.hot-Store-block-icon { position:absolute; z-index:9; background: url(../image/hot-item.png) no-repeat; width:115px; height:127px; top:-14px; left:0px}
.tet-Store-block-icon { position:absolute; z-index:9; background: url(../image/tet-item.png) no-repeat; width:115px; height:127px; top:-14px; left:0px}
.button-xem-center{ float:left; width:120px; padding:5px 0; text-align:center; font-size:16px; color:#fff; margin-left:calc(50% - 60px); background:#328ce5; border:1px solid #328ce5}
.button-xem-center:hover{ border:1px solid #204d74; background:#328ce5; color: #fff}
.Store-index h2{ margin:15px 0 30px}
.line-titte{ float:left; width:80%}
.line-titte h3{ position:absolute; z-index:1; background:#fff; top:-15px; left:0; padding:5px 15px 5px 0; font-size:18px; text-transform:uppercase}
.line-titte .topline{ float:left; width:100%; border-top:1px solid #639873; margin-bottom:2px}
.line-titte .bottomline{ float:left; width:calc(100% - 8px); border-bottom:1px solid #82ca75;}
.tt-ht{ float:left; top center no-repeat; width:100%;}
.tt-ht .bg-w{ background:rgba(241,241,241,.8); border-top:4px solid #fff; padding-top:30px;}
.tt-ht h3{ font-size:18px; text-transform:uppercase; margin-bottom:15px}
.zoom-in{ float:left; width:100%; overflow:hidden; position:relative}
.zoom-in img{
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
		}
.zoom-in:hover img{
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
		}
.button-tin{ float:left; padding:8px 15px; border:1px solid #328ce5; color:#328ce5 !important; text-transform:uppercase; font-size:14px !important;}
.button-tin:hover{ color:#fff !important; background:#328ce5; border:1px solid #328ce5}
.nd-tin a{ font-size:20px; color:#328ce5; line-height:1.3}.nd-tin a:hover{ color:#ffb467}
.line-tin2{ border-bottom:1px dashed #dcdcdc; margin-bottom:10px;padding-bottom:10px;}
.button-share{width:100%; position:absolute; z-index:2; top:43%; left:0; opacity:0}
.zoom-in:hover .button-share{ 
	 opacity:1;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-webkit-transition:all .3s ease;}
.linktienich, .khtt{ float:left; width:100%; border-top:1px solid #328ce5}	
.linktienich .cot4{ float:left; width:25%; padding:0 15px; margin-bottom:5px}
.linktienich  a{color:#666; float:left; padding:5px 0px 0px 25px; font-size:16px;}
.linktienich a:hover{ color:#5cc048;background:url(../image/icon-item.png) left no-repeat; }

.line-mini-center{ float:left; width:40px; height:4px; background:#328ce5; margin-left:calc(50% - 20px)}

/*footer*/
footer{ 
    display:table;
    width:100%;     
}
footer .noidung-page{ 
    padding:0 60px;  
    background-color:#fcf984 !important;   
    /*background:url("../../images/Footer.png") no-repeat 100% bottom;    
    background-size:100%;*/
}
.font-cormorant {
    font-family: "Cormorant", sans-serif; 
    font-style: normal;
    line-height:150%;  
    font-weight: 100;    
}

.font-Roboto-25 {  
    font-family: Roboto, sans-serif; 
    font-size: 25px;  
    font-style: normal;
    line-height:150%;   
    font-weight:bold;
   
}

.font-Roboto-30 {  
    font-family: Roboto, sans-serif; 
    font-size: 30px;  
    font-style: normal;
    line-height:150%;   
    font-weight:bold;
   
}

.font-cormorant-30 {  
    font-family: Cormorant, sans-serif; 
    font-size: 30px;  
    font-style: normal;
    line-height:150%;   
    font-weight:bold;
   
}
.add-f{ float:left;color:#fff; width:100%}
footer h4{font-size:18px; color:#fff; background:#328ce5; padding:5px 10px 5px 0; position:absolute; z-index:1; font-weight:normal !important}
footer .lineh4{ float:left; width:100%; border-bottom:1px solid rgba(255,255,255,.7); height:20px; margin-bottom:17px; position:relative}
footer h5{ font-size:18px; color:#fff; background:#328ce5; padding:30px 10px 5px 0; position:absolute; z-index:1; font-weight:normal !important}
footer .lineh5{ float:left; width:100%; border-bottom:1px solid rgba(255,255,255,.7); height:46px; margin-bottom:10px; position:relative}
footer a {color:#000}
.add-pro{background:#328ce5;}
.add-pro p i{ margin-right:5px; color:#d8ffd1; font-size:18px !important; position:absolute; z-index:1; left:0; top:0px; width:20px; text-align:center}
.add-pro p{ position:relative; padding-left:22px; margin:0 0 2px 0}
.linetop-footer{ float:left; width:100%; border-top:1px solid rgba(255,255,255,.7);margin:15px 0;}
ul.share-footer{ float:left; width:100%; padding:0; margin:0;}
ul.share-footer li{ list-style-type:none; float:left; margin-right:10px}
ul.share-footer li a{ 
	color:#fff;
	float:left; 
	width:35px; height:35px; padding:4px 0;
	font-size:20px; text-align:center;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	}

ul.share-footer li a.twitter{ background:#00acee; }
ul.share-footer li a.twitter:hover, ul.share-footer li a.facebook:hover, ul.share-footer li a.google:hover, ul.share-footer li a.youtube:hover, ul.share-footer li a.pinterest:hover{ background:#328ce5;}
ul.share-footer li a.facebook{ background:#3b5998;}
ul.share-footer li a.google{ background:#e0371a;}
ul.share-footer li a.youtube{ background:#c33030;}
ul.share-footer li a.pinterest{ background:#c8232c;}

.number-truycap{ float:left; padding:2px; text-align:center; background:black; color:white; font-size:22px;  margin-right:2px; line-height:1}


.hotline{ position:inherit ; z-index:999}
.hotline_top{background-image:none !important; font-size:25px;}
.hotline_cat{float:left; width:100%;color:#fcbb2b !important; text-transform:uppercase !important }
.hotrott{ position:fixed; right:0; bottom:1px; z-index:999}

/* nt-example1 */

#nt-example1 {
	max-width:calc(100% - 30px);
	margin:-15px 0 0 0;
}

#nt-example1-container {
	text-align: right;
}

#nt-example1-container i {
	font-size: 22px; color:#c3c3c3;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#nt-example1-container i:hover {
	color: #333;
}

#nt-example1 li {
	color: #4e4e4e;
	padding: 10px;
	line-height:1.4;
	font-size: 14px;
	text-align: left;
	position:relative;
	padding-left:25px;
	border-bottom:1px solid #fff
}
#nt-example1 li:before{ content:"\f138"; font-family: 'FontAwesome'; position:absolute; z-index:1; left:0px; top:8px; font-size:18px; color:#328ce5; width:25px}
.button-search{ padding:5px 10px; color:#fff; background:#328ce5; text-transform:uppercase; margin:5px 15px 0 0; }
.button-search:hover{ background:#328ce5; 
	-webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,1);
	box-shadow: 0px 0px 8px -3px rgba(0,0,0,1); color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.button-red{padding:8px 15px; color:#fff; background:#ff0000; text-transform:uppercase; float:left; margin:5px 15px 0 0; }
.button-red:hover{ background: #F90; 
	-webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,1);
	box-shadow: 0px 0px 8px -3px rgba(0,0,0,1); color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
	.tintuc-i i{ padding:8px 0; border:1px solid #a7a7a7; font-size:24px; text-align:center; width:30px; height:30px; color:#333; line-height:.4; background:rgba(255,255,255,0)}
	.tintuc-i i:hover{color:#328ce5}
/*Store*/
.noidung-page.ctStore h1{ position:relative !important; padding:0 10px; text-align:left;font-size:24px; text-transform:uppercase; color:#328ce5; margin:0 !important; line-height:1.4}
.noidung-page.ctStore h1:before, .noidung-page.ctStore h1:after{ position:unset; background:none; top:0}
.number-page a{ padding:5px 10px; color:#ffff00; font-size:14px; border:1px solid #9db716; margin-right:5px}
.number-page a.active{ padding:5px 10px; color:#fff; font-size:14px; border:1px solid #9db716; background:rgb(157, 183, 22); margin-right:5px}
.number-page a:hover{ background:#d8d20a; color:#fff;border: 1px solid #9db716;}
.noidung-head{justify-content:center; padding-top:10px; padding-bottom:10px;}
.table{display:table; width:100%; margin-bottom:0 !important; border: 1px solid #e3dcd8;padding:5px; background:#fdf5f0}.table .row1{display:table-row}.table .row1 .cell{display:table-cell}
.col-Store-L{ border-left:1px solid #e3dcd8;}
.h1-titteStore{ float:left; width:100%}.h2-titteStore{ width:42%; white-space:nowrap}.h3-titteStore{ width:20%;}
.border{border:1px solid #f3f3f3; padding: 15px;}
.tomtatStore p{ position:relative; font-size:16px; color:#003366; }
.tomtatStore p span{ position:absolute; z-index:1; top:0; left:0; width:60px; font-size:16px; text-transform:uppercase; color:#328ce5}
.line-khac{ float:left; width:40px; height:2px; background:#328ce5; margin-left:calc(50% - 20px); margin-bottom:15px}
.cothebanthik{ border-top:1px dashed #ebebeb; padding-top:20px}
.cothebanthik .owl-carousel .owl-controls .owl-nav i{ font-size:5em; color:#c3c3c3}
.button-right{ float:left; width:100%; background:#fffff6; border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:15px; margin-bottom:15px}
.dichvu-kem{ float:left; width:100%; background:#eff2f5; border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:15px;
	margin-bottom:15px}
.dichvu-kem p i{ margin-right:10px}
/*--Contact--*/
input[type=text], input[type=password] , select, textarea{  padding:5px 10px; margin-bottom:10px; font-weight:normal; }

.send-contact{
	padding: 10px 30px;
	background: rgb(157, 183, 22);
	text-align: center;
	margin-right: 15px;
	color: #fff;

}
.send-contact:hover,.cancel-contact:hover{
    background-color: #69564b; 
    border:1px solid #9db716;
    color:#fff;
}
.cancel-contact{
	padding: 10px 30px;
	background: #d5d5d5;
	text-align: center;
	margin-right: 15px;
	font-size: 18px;
	color: #333;}
.box-photo{ position:relative; float:left; width:100%;; background:#000; margin-bottom:30px}
.box-photo:before{ 
	position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:#ebebeb;
	content:'';
	-webkit-transform: rotate(3deg); 
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg); 
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg); }
.box-photo img{opacity:1}.box-photo:hover img{opacity:.7}
.box-photo .tieude-photo{opacity:0; text-align:center; font-size:22px; text-transform:uppercase; position:absolute; z-index:1; top:45%; left:0; color:#fff; width:100%;}
.box-photo:hover .tieude-photo{opacity:1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}

.titte-thangcanh{ position:absolute; left:0; bottom:15%; width:100%; background:rgba(0,0,0,.7); padding:5px 15px; text-align:center; font-size:18px; color:#fff; text-transform:uppercase}
.lineb{ border-bottom:1px dashed #ededed; float:left; width:100%; margin:15px 0}
.thangcanh select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/item-search.png) no-repeat 97% 50% rgba(255,255,255,.6);
    width: 100%;
    text-indent: 0.01px;
    text-overflow: "";
    color: #333; font-size:16px;
	padding:5px; border:none; margin-top:5px}

.box-tin{ float:left; width:100%; position:relative; overflow:hidden; margin-bottom:15px}
.box-tin img{ 
	transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; width:100%}
.box-tin:hover img{ transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -webkit-transform:scale(1.2);}
.hover-tin{position:absolute; z-index:1; text-align:center; top:0; left:0; padding:25% 0; width:100%; opacity:0;
-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.box-tin:hover .hover-tin{ opacity:1}
.box-tin a{ float:left; width:100px; margin-left:calc(50% - 50px); margin-right:calc(50% - 50px); background:#e39543; color:#fff; padding:10px 0; text-align:center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}
.box-tin p{ margin:0 0 5px 0}
.titte-tin-right{ float:left; width:100%; padding:5px 0; text-transform:uppercase; border-bottom:1px solid #328ce5; color:#328ce5; margin-top:15px}

.Store-km .owl-controls .owl-nav i{ font-size:64px}
.Store-km .owl-carousel .owl-stage-outer, .tintuc-i .owl-carousel .owl-stage-outer{ padding:inherit}
.noidung-online {
	top:45px;
    background-color:rgba(255,255,255,1);
	color:#000;
    width:350px; padding:10px;
    display:none; text-transform:none;
	right:0;
	position:absolute; z-index:99999;
}

 /* fix table*/
table.response { 		width: 100%; 		border-collapse: collapse; 	}
table.response tr:first-child {		background: none !important;	}
	/* Zebra striping */
table.response tr:nth-child(odd) { 		background: #f5f5f5; 	}
table.response tr:nth-child(even) { 		background: #fff; 	}	
table.response tr:first-child td {background:#fd4326; color:#fff; padding:15px 10px 	}
table.response tr:first-child td:first-child{		text-align:left;	}
table.response tr td:first-child{		text-align:left;	}
table.response td { 
		padding: 6px; 
		border: 1px solid #eee; 
		text-align: center; 
	}
.dong{ float:left; width:100%; position:relative}
.camera_commands{ display:none}

/*Them*/
.toppage{ float:left; width:100%; background:#fff;}
.list-phone{display: table-cell;
background:rgba(255,255,255,.5);
float: left;
padding: 10px 15px;
vertical-align: middle;
width: auto;
min-width: 190px;
height: 45px;
cursor: pointer;}
.list-phone i{ font-size:20px; margin-right:5px; color:rgba(255,255,255,.8)}
.list-phone a{font-size:18px; color:#FFF;}
.item-online, .item-o {
     width:22px;
     height:22px; margin-right:0px; margin-top:0;
	 float:right; text-align: center;
     background-color:#fff;
     cursor:pointer; right:0; color:#328ce5;
	 border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;background-color:rgba(255,255,255,1);
}
.item-online:after{content:"\f0d7"; font-family: 'FontAwesome'; font-style:normal; font-size:16px;
	-webkit-transition: .3s ease-in-out;	
	transition: .3s ease-in-out;
		 -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	display:inline-block}
.item-o:after{content:'\f0d7'; font-family: 'FontAwesome'; font-style:normal; font-size:16px;
	-webkit-transition: .3s ease-in-out;	
	transition: .3s ease-in-out;
	 -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	display:inline-block;
}
.noidung-online .text{ float:left; width:50%; margin-top:5px}.noidung-online .phone{ float:left; width:40%; margin-top:5px}.noidung-online .icon{ float:left; width:10%;}
.noidung-online p{ margin-top:10px !important;}
.dd-number{
	 float:left; width:80px; float:left; margin-top:30px; padding:5px 0; font-size:24px; 
	 margin-left:calc(50% - 40px); margin-right:calc(50% - 40px); 
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-top: 2px solid #f3f3f3;
	border-right: 2px solid #f3f3f3;
	border-left: 2px solid #f3f3f3;
	background:#F90; color:#fff; text-align:center; position:relative;
	-webkit-box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.5);}
	.dd-number:before{ content:''; position:absolute; z-index:1; left:0; bottom:-2px; width:10px; height:5px; background: #FC0}
	.dd-number:after{ content:''; position:absolute; z-index:1; right:0; bottom:-2px; width:10px; height:5px; background:#FC0}
.line-day{ float:left; width:240px; height:1px; margin-left:calc(50% - 120px); margin-right:calc(50% - 120px); background: #FC0;}
.mmyy-number{
	 float:left; width:80px; float:left; margin-left:calc(50% - 40px); margin-right:calc(50% - 40px); font-size:14px;
	border-radius:0px 0px 10px 10px ;
	-moz-border-radius: 0px 0px 10px 10px ;
	-webkit-border-radius:0px 0px 10px 10px ;
	border-bottom: 2px solid #f3f3f3;
	border-right: 2px solid #f3f3f3;
	border-left: 2px solid #f3f3f3;
	background:#F93; color:#fff; text-align:center;}
	.button-ct-center{ 
	float:left; width:90px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background:#F60;
	color:#fff; font-size:12px; padding:5px 0; text-align:center;
	margin-left:calc(50% - 45px)} 
	.button-booking{ 
	float:left; width:90px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background:#F60;
	color:#fff; font-size:12px; padding:5px 0; text-align:center;
	} 
	.button-booking:hover, .button-ct-center:hover{ background:#328ce5; color:#fff}
	.boder1-gray{ border:1px solid #f2f2f2}
	.ul-none ul{ float:left; width:100%}.ul-none li{ list-style-type:none; float:left; width:50%; padding-right:15px}.ul-none li i{ margin-right:5px}
.hotel h1:before, .hotel h1:after{ display:none}
.hotel h1{ text-align:left; padding:0}
.hotel i{ margin-right:5px}
.tiennghi i{ width:20px; text-align:center; color:#F60}
.payment{padding:0 15px; font-weight:normal;}
/* mobi*/
@media screen and (max-width: 599px) {
	h1, h2, h3, h4, h5, h6{ margin:15px 0 !important}
	header{ position:inherit; height:auto}
	.noidung-page, footer .noidung-page{ float:left; width:100%; padding:5px 15px}
	.cot4{ width:50% !important}
	.hotrott{ display:none}
	.search{ position: relative;
			float: left;
			width: calc(100% - 30px);
			margin-top: 15px;
			left: 15px;
			}
	.col-Store-boder-R{ width:100%; border-top:1px solid  #e3dcd8;  border-left:0}
	.camera_wrap {
    width: 100%;
    margin-bottom: 0px !important;}
	.box-tit{ width:calc(100% - 30px); margin: 0 15px}  
	.zoom-in{ width:(100% - 15px !important)}
	.paddingL0{ padding-left:15px}.paddingR0{ padding-right:15px}
	.owl-carousel .owl-stage-outer{ padding:15px 0 !important}
	footer h5{ padding:13px 10px 5px 0}
	.lSSlideWrapper{ max-height:255px !important; margin-bottom:30px}
	.lSSlideOuter.vertical{ padding-right:0 !important }
	.lSSlideOuter.vertical .lSGallery{ display:none}
	.mega-menu .menu-logo{ padding:10px 15px !important;}
	.mega-menu .menu-logo img{ max-width:200px !important}
	.camera_next{ top:45% !important}
	.camera_prev{ top:45% !important; left:10%; right:inherit !important }
	.owl-carousel.owl-loaded{ margin-top:0 !important}
	.banner-s{ max-height:250px}
	.tieude{ top:45%}
	.banner-s img {
    opacity: .8;
    width: 100%;
    height: auto}
	.table .row1{ display:block}
	.table .row1 .cell{ display:block}
	.h2-titteStore, .h3-titteStore{ width:100%; float:left; border-top: 1px dashed #fff; padding:10px}
	.col-Store-L{ border-left:none}
	.price{ text-align:left}	
	.noidung-page.ctStore h1{ padding:10px}
	.padding-m15{ padding:15px 0}
	.tabs nav a{ padding:0 15px}
	.cothebanthik .owl-carousel .owl-stage-outer{ padding:15px 30px 15px 15px !important; width:calc(100% - 15px)}
	ul.Store-ul li{ list-style-type:none; float:left; width:100%; padding-right:5px; color:#4e4e4e}
	.noidung-online {
		top:76px;
		background-color:rgba(255,255,255,1);
		color:#000;
		width:90%;
		padding:10px;
		display:none; text-transform:none;
		right:0;
		position:absolute; z-index:99999;
	}
	ul.Store-price{ float:left; width:100%; font-size:16px; padding:10px 20px}
	ul.Store-price li.header{list-style-type:none; float:left; width:100%; color:#328ce5}
	ul.Store-price li{list-style-type:none; float:left; text-align:right; width:50%; color:#4e4e4e}
    .StoreDetailMainDiv{
        width:100%;
    }   
     .StoreSideBar, #calendarDetail, #priceDetail{
          display: none !important;
     }

     .adslogan{ 
         text-align:center !important;
     }    	
	 
    
     
     .font-cormorant {
        font-family: "Cormorant", sans-serif;
        font-size: 21px;       
        font-style: normal;
        line-height:150%;
        color: #dedede;
        font-weight: 100;     
    }  

     .font-cormorant-30 { 
        font-family: "Cormorant", sans-serif;     
        font-size: 21px;       
        font-style: normal;
        font-weight: 100;     
    }      
}
/* Fix fix fix fix*/
@media (min-width:600px) and (max-width: 750px) {
	h1, h2, h3, h4, h5, h6{ margin:15px 0 !important}
	header{ position:inherit}
	.noidung-page, footer .noidung-page{ float:left; width:100%; padding:5px 15px}
	.cot4{ width:50% !important}
	.hotrott{ display:none}
	.search{ position: relative; float:left; width:100%; margin-top:15px;}
	.camera_wrap{margin-bottom:0 !important}
    .StoreDetailMainDiv{
        width:100%;
    }   
      .StoreSideBar, #calendarDetail, #priceDetail{
          display: none !important;
     }    

    .mega-menu .menu-logo img{ max-width:400px !important}

    .adslogan{ 
         text-align:center !important;
     }    
   
}


@media (max-width: 767px) {
	#camera_index {display:none !important;}
	.linktienich a{font-size:13px;}
	.banner {margin-top:5px !important}
	.noidung-page, .bantin{padding:15px !important}
	.payment {float:left; width:100%}
    .StoreDetailMainDiv{
        width:100%;
    }   
      .StoreSideBar, #calendarDetail, #priceDetail{
          display: none !important;
     }
  
   .mega-menu .menu-logo img{ max-width:300px !important}
   
   .adslogan{ 
         text-align:center !important;
     }    
    
}
@media (min-width:768px) and (max-width: 991px) {
	#camera_index {height:520px !important; margin-bottom: 10px !important;}
	.search {top:10%;}
	.hotline {bottom:40px;}
	.banner {top:0px !important;}
	.hotel .lSSlideWrapper{ max-height:210px !important}
	.noidung-page, .bantin{padding:15px !important}
    .StoreDetailMainDiv{
        width:100%;
    }   
      .StoreSideBar, #calendarDetail, #priceDetail{
          display: none !important;
     }
  
    .mega-menu .menu-logo img{ max-width:400px !important}   
       
    .adslogan{ 
         text-align:center !important;
     }    
    
      .mega-menu .menu-links > li > a{ padding:20px 20px 29px !important}
}
@media (min-width:992px) and (max-width: 1199px){
	.mega-menu .menu-links {width: calc(100% - 370px) !important;}
	.mega-menu .menu-logo {width: 300px !important; padding: 15px 10px 23px 10px !important;}
	.mega-menu .menu-links > li > a{ padding:20px 15px 29px !important}
	/*.fixtop .mega-menu .menu-links > li > a{ padding:40px 12px 20px !important; font-size:16px !important;}*/
    .StoreDetailMainDiv{
        width:100%;
    }   
     .StoreSideBar, #calendarDetail, #priceDetail{
         display: none !important;
     }   
    
     .adslogan{ 
         text-align:center !important;
     }   
     
}
/*màn hinh vuong - man hinh nho*/
@media (min-width:1200px) and (max-width: 1999px){
	.mega-menu .menu-links > li > a{ padding:20px 32px 29px !important}	
    .StoreDetailMainDiv{
       max-width:1200px;
    }  
}

.mega-menu .menu-links > li > a{ padding:20px 32px 29px}	

.menu-after:after {
    color: #fff; 
    content: "\f0d7"; 
    font-family: FontAwesome; 
    margin-left: 6px; 
}

.fa-star {color:#ffcd00; padding:1px;}
.custom {color:#fff; padding-top:10px}
.custom a {color:#fff}
.Store-tit{display:none}
.lkhtn .gia-km{ color:#fff568; float:left} .lkhtn.gia-cu{ float:right; text-decoration: line-through; color:#f2f2f2; margin-top:5px}
.lkhtn .button-ct-center{margin-top: 50%}
.adwords-content {padding:10px 0; font-size:80%}
.seoh1{ display:none}
.seobullet {display:inline}
.seobullet li{display:inline-block}
.seobullet li:after{content:' / '}
.seobullet li:last-child:after{content:''}
.icontop img {padding-bottom:5px}

.ic-ipnut {
  position: relative
}

.ic-ipnut .form-control {
  padding-left: 25px;
}

.ic-ipnut i.fa {
    position: absolute;
    left: 15px;
    color: #328ce5;
    top: 8px;
}

.titte-line-h{
    font-size:20px;
    color:#328ce5;
    font-weight:bold;
}

.titte-line-h-booking{
    font-size:16px;
    color:#328ce5;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:5px;
}
 

 #myProgressCountVoucher {
        width: 100%;
         height: 30px;
        background-color: #328ce5;
        color:white;
        text-align:center;   
        position:inherit;          
}

#myBarCountVoucher {
	width: 20%;
	height: 30px;
	background-color: #ff0000;
	text-align: center;
	line-height: 30px;
	color: white;    
	float:left; 
}
#myProgressCountVoucherRemaining{
	color:#fff;  
	font-weight:bold;
	padding-right:5px;
}

.item-Store_thumbImg {
  overflow: hidden;
  transition: all 0.5s ease;
  height: 100%;
}

.item-Store_thumbImg:hover img {
  /*transform: scale(1.2);*/
  border:2px solid #fff;
}

.item-Store_thumbImg {
  max-height: 100%;
  transition: all 0.5s ease;
}

.scroll-content
{   
    background-color:#4a3224 !important;   
}

.StoreSideBar ul.nav-tabs li a, .StoreSideBar ul.nav-tabs li .scroll-content {
    color: #fff;
    margin: 0;
    padding: 10px;
    border-radius: 0;
    border: none;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: medium;
    border-left: 2px solid transparent;
}
.StoreSideBar ul.nav-tabs li .scroll-content {
    cursor: pointer;
}
.StoreSideBar ul.nav-tabs li {
    margin: 2px;
    border-bottom: 1px solid #fff;
}

.bg-askForAdvice {
    background-color: #eee;
    padding-bottom: 20px;
    margin: 10px 0;
}

.StoreDetailContainer .StoreDetailMainDiv .bg-askForAdvice .StoreItemBook .wrap-inner .bookStoreBottom, .StoreDetailContainer .StoreDetailMainDiv .bg-askForAdvice .StoreItemBook .wrap-inner .bookButton {
    border-radius: 4px;
    height: 47px;
    font-size: 18px;
}
.btn.btn-action {
    transition: all .2s linear;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    background: #328ce5;
    border: 1px solid #f79321;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 8px;
}

.StoreDetailheadLine {
    padding: 10px 0;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: bold;
}


.form-search {  
    max-width: 700px;
    margin: 0 auto;   
    align-items: center;
    font-size: 16px;
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
}

.form-search-label {
    height: 100%;
    padding: 15px;
    background: rgb(216, 210, 10);
    text-shadow: 0.5px 0.9px 1px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    position: relative;
}

.form-search-label::after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(216, 210, 10);
    content: '';
    position: absolute;
    right: -10px;
}

.form-search button {
    box-shadow: 0.5px 0.9px 1px 0 rgba(0, 0, 0, 0.2);    
}

.form-search input, .form-search select {
    border-radius: 0;
    border: none;
} 

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    padding-left: 0.75rem;    
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.div-200 {
    width: 200px;
    text-align: center;
}

.div-300 {
    width: 300px;
    text-align: center;
}



input#Location_Search,  input#ContentNews_Search{
    width: 100%;    
    margin-top:10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media(max-width:767px) {
  .form-search .form-search-label {
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: 0 !important;  
  }
  .form-search .form-group {  
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 !important;
  }
  .form-search .form-group.ic-ipnut i.fa {
    left: 15px;
  }
  .form-search .btn {
    margin: 10px auto !important;
  }
  .form-search .form-control {
    max-width: 100%;
    width: 100%;
  }
  .form-search .form-search-label:after {
    left: 50%;
    bottom: -14px;
    transform: rotate(90deg);
  }
}

.select-css {
  display: block;    
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
    
  */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}
/* Hover style */
.select-css:hover {
  border-color: #888;
}
/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
.select-css option {
  font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
  border-color: #aaa;
}

.widget_nav_menu {
  display: flex;
  flex-wrap: wrap;
}

.widget_nav_menu li a {
  color: #000;
}

.widget-title {
  border-bottom: 1px solid #0097db;
  font-size: 20px;
  padding-bottom: 5px;
  font-weight: bold;
    text-align:center;
}

.link-white a
{
    color:white;
    text-decoration:none;
}

.link-white a:hover
{
    color:#fff;
    text-decoration:underline;  
}

.link-TRANSFERS a
{
    color:#008800;
    text-decoration:none;
}

.link-TRANSFERS a:hover
{
    color:TRANSFERS;
    text-decoration:underline;  
}


.link-next
{
    color:#d8d20a;
    font-size:16px;
    text-decoration:none;
}

.link-next:hover
{
    color:#d8d20a;
    font-size:16px;
    text-decoration:underline;  
}

.the_content {
    line-height: 150%; 
    font-weight: 300;
}

.title{
    color:#000;
}

.fontW700{
    font-weight:700;
}


.titel-day-Store
{
    background-color:#d8d20a !important;
    width:100%;
    padding-left:20px; 
    padding-right:20px;
    color:#fff !important;
}


.float-contact {
    position: fixed;
    left: 10px !important;
    padding: 1px;
    bottom: 50px !important;
    z-index: 1 !important;
}

.float-contact .widget-btn-float {
    width: 44px;
    height: 44px;
    line-height: 44px;
    display: inline-block !important;
    border: none !important;
    font-size: 18px !important;
    color: #fff !important;
    text-align: center !important;
    position: relative;
    border-radius: 50% !important;
    cursor: pointer !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
}


.offers_section {  
    top:auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.img-thumbnail img
{
    -moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
    width:100% !important;
    height:100% !important;
}

.bockPrice_1
{
    background-color:#f7f7f7!important;
}

.bockPrice_2
{
    background-color:#fffbbe!important;
}

.bockPrice_sub_1
{
    background-color:#d3d2d1!important;
    border:1px solid #fff;
}

.bockPrice_sub_2
{
	 background-color:#faf5ae!important;
     border:1px solid #fff;   
}

.table-price td{
    border-bottom:0px solid #fff;
}

.table-price_sub_1 td{
    border-bottom:0px solid #aaa !important;
    padding:3px !important;
    margin:3px !important;
}

.table-price_sub_2 td{
    border-bottom:1px solid #ccc !important;
}


.block-one {
    background-color: #ffff00;
    display: table-cell;
    vertical-align: top;
}

.block-two {
    background-color: #ffc232;
    display: table-cell;
    vertical-align: top;
}

.block-three {    
     background-color: #9bdb2b;
    display: table-cell;
    vertical-align: top;
}

.block-four {
   background-color: #d8d20a;
    display: table-cell;
    vertical-align: top;
}

.cicle50{      
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    background: rgba(255,255,255,0.9);
    border-radius: 75px;
    border: 1px solid #000;
    outline: unset;
    z-index: 9;
}

.cicle10{          
    border-radius: 10px !important;
}

.cicle10-left-right{          
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.content-store{    
    /*color:rgba(0,0,0,0.8) !important;*/
    color:#fff !important;
}

.bg-content-store-0{ 
    background:url("../../images/bg-hoahanh.png") no-repeat top left;        
}

.bg-content-store-1{ 
    background:url("../../images/bg_hoacarot.png") no-repeat 100% center;    
    background-size:100%;
}

.bg-color-vang-cam{
    background-color: rgba(251,121,25,0.9)!important;
}

.content-store ul li{
    margin-left:20px !important;   
}


.count-cart {
    position: absolute;
    top: -10px;
    right: 20px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #a5cf1c;
    color: #fff;
}