﻿/*0----------25/07/2018----------------*/
span.newp.icon-colorb {
    position: absolute;
    top: 0px;
    left: 0;
    transform: scale(0.25) translate(-150%, -150%);
}
/*submenu*/
.nav-m-subwrap li a:hover {
	color:red;
	transition: all 0.4s;
	}
/*bannertext*/
#vtbanner{	margin: 0 auto; }
/*.textbanner {display:table;}*/
.textbanner td > p {
	margin:0;
}
.textbanner table {
	/*margin-bottom:0px;*/
	border-collapse:separate!important;
	margin: 0 auto;
	/*	border-collapse:collapse;*/
}

/*logo*/
.textlogo {		color:#ff7f27;font-size:1.7em;}
.textlogo:hover,.textlogo:visited{text-decoration:none;}

/*----------galleryList-------------*/
/*#galleryListWrapper, .wrapper_mid {width:90%;margin:0 auto;background:#fff;}
#galleryList li {width:19%;display: inline-table;margin: 0 auto;}*/

#galleryList li a {
	border: none;
	overflow: hidden;
}
#galleryList li a img {
	transition: all 2.5s;
}
#galleryList li a img:hover {
	transform: scale(1.5);
}
#galleryList li a:hover {
	border: 1px solid #ff277f;
}
.spinfo {
	/*text-align:left;*/
	/*transform: translateY(-100%);*/
}
#galleryList li a img:hover + .spinfo {
	/*transform: translateY(100%) rotate(2r);
	transition: all 0.3s;*/
}
/*----------------------*/
.headtip,.foottip {/*height:2.5vh;*/color:#fff;}
.headtip,.foottip, .nav-main {
	background:linear-gradient(#ef9040, #f56d23);/*linear-gradient(#842b8e, #b80ecc);/*#ed1b2f;    /* đỏ */
}
.nav-menu li:hover{
	background-color:#9c16b7!important;/* #bf081d;  /* đỏ đậm */
}
.nav-m-sp, .nav-m-sub {color:#fff!important;}
.nav-home svg {    fill: #fff; }
.img-menu, .img-fav, .img-search, .img-home, .img-phone,.img-phone2, .img-mail, .img-facebook, #favi-ct .img-heart{ fill:#ff7f27;}
/*body {background: #eee!important;}*/
header {
	/*background: url(https://nhilong.com/wp-content/themes/gomarket/images/hbg.png),linear-gradient(to right,#ab11bd,#b241bb,#9715a7);*/
	background: url(images/hbg.png),linear-gradient(to right,#55115d,rgb(139, 54, 146),#55115d);
}
footer {
	background: #e8e8e8;
}
footer .container {max-width:100%;margin:0;padding:0;width: 100%;}
footer .copyright {
	border:none !important;
	padding-top: 10px !important;
	padding-bottom: 10px;
}
.favouristb i.fa-3x {
	font-size: 2em;
}
.icon-colorb:hover{
	/*background: #e8e8e8 !important;*/
	text-shadow: 0px 0px 15px #fff;
}
.icon-color, .icon-color a i{
	/*background: #e8e8e8 !important;*/
	color: #ff7f27!important;
}

/*--link-*/
.icon-link, .mxh-right a, .copyright a{
	color:#ff7f27 !important;
	text-decoration:none;
}
.icon-link:hover, .mxh-right a:hover, .copyright a:hover{
	text-decoration:underline;
}

/*--text--*/
.tenkhach{
	color:#ff7f27;
}
.tenkhach h2{
	margin:0;
	font-size:1.5em;
	font-weight:bold;
	line-height:normal;
}
.copyright {
	color:#000;
}
/* fix jq mo -> body !imp*/
.ui-overlay-a, .ui-page-theme-a{
	textshadow:none;
	background-color:initial;
}
.maintitle{
background:none !important;
}
.btn-submit{
	color: #FFF;
	background-color: #0095ff;
	border-color: #07c;
	box-shadow: inset 0 1px 0 #66bfff;
}
.btn-submit:hover{
	color: rgba(255,255,255,0.9);
	background-color: #07c;
	border-color: #005999;
	box-shadow: inset 0 1px 0 #3af;
}
.jivo-btn {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   text-transform: none;
   cursor: pointer;
   background-image: none;
   display: inline-block;
   padding: 6px 12px;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.428571429;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   border: 0px;
   border-radius: 4px;
   white-space: nowrap;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}
.jivo-btn:hover {
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);
   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);
   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);
}
.jivo-btn.jivo-btn-light:hover{
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);
   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);
   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);
}
.jivo-btn.jivo-btn-light{
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);
   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);
}
.jivo-btn:active,
.jivo-btn.jivo-btn-light:active{
   box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);
   cursor: pointer;
}
.jivo-btn:active {
   outline: 0;
   background-image: none;
   -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
   box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.jivo-btn-gradient {
   background-image: url(//static.jivosite.com/button/white_grad_light.png);
   background-repeat: repeat-x;
}
.jivo-btn-light.jivo-btn-gradient {
   background-image: url(//static.jivosite.com/button/white_grad.png);
}
.jivo-btn-icon {
   width:17px;
   height: 20px;
   background-repeat: no-repeat;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
   margin-left: -5px;
}
.jivo-btn-light {
   color: #fff;
}
..jivo-btn-dark {
   color: #222;
}
/*----------------fb--23-7-----------*/
.fb_customer_chat_bubble_animated_no_badge {
	 right: 10px!important;
    bottom: 70px!important;
}

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
	header {	background-color:rgba(153,0,153,0.5);}
	.textlogo {font-size:1em;}
	#galleryList li {
		/*width:100%;*/	 /*2 cot hinh 49*/
		/*width:initial;		1 cot hinh
		padding: 0 5px;	*/
		}
/*	#galleryListWrapper, .wrapper_mid {width:initial;}*/
	.icon-tuvan {	padding:12px 12px;}
}
@media only screen and (max-device-width: 321px), only screen and (max-width: 321px) {
	.textlogo {font-size:0.8em;}
	#galleryList li {width:initial;}
/*	#galleryListWrapper, .wrapper_mid {width:initial;}*/
	.icon-tuvan {	padding:12px 12px;}
	#vtbanner table { width:100%;}
}

@media (max-width: 768px) {
	.col-md-10.col-sm-12.nopadding {
		width: 100%;
		margin: 15px 0;
	}
	#chonsofa img, #thamslider img {
		width: 150px;
		height: 40px !important;
		max-width:100%;
		max-height:100%;
	}
	figcaptionb {
		display: none;
	}
	#tham-wrapper {
		margin-bottom: 30px;
	}
	.col-md-4.nopadding.phongcach {
		width: 33.33%;
		padding: 20px;
		padding-left: 3px !important;
		padding-right: 3px !important;
		cursor: pointer;
	}
	.nopadding.loailong[value="xu"],
	.nopadding.loailong[value="ngan"] {
		width: 50%;    
		margin-top: 20px;
		margin-bottom: 70px !important;
	}
	.phongcach figure{
		width:100%;
	}
	.khuvuc .img-rounded {
		margin-top: 15px;
		width: 125px;
	}

	.phongkhach.text-center {
		margin-bottom: 60px;
	}
	img#chitiet1 ,
	img#chitiet2 ,
	img#chitiet3 {
		display:none;
	}
	/* #khungphoicanhthamgiuong {
		transform: translateX(22px);
	} */
	#giatham.spinfo-big {
		font-size: .8em !important;
		background: rgba(0,0,0,.5);
	}
	.phongkhach.kieutrangtri {
		margin-bottom: 130px;
	}

	#khungphoicanh {
		position: fixed;
		bottom: 48px;
		padding-top: 62%;
		width: 100%;
		z-index: 99;
	}
	.mobile-margin-fixed {
		margin-bottom: 220px;
	}

	#thongbao.thongbaohetmau {
		display: none;
		background: #000c;
		font-size: 1.5em;
		padding: 15px;
		padding-top: 100px;
		align-items: center;
		position: fixed;
		bottom: 278px;
		top: auto;
		left: 0;
		height: 300px;
		right: 0;
		color: #fff !important;
		line-height: 1.4;
		text-align: center;
		z-index: 5;
	}
	.img-rounded { 
		max-width: 100%;
		overflow: hidden;
	}
}
@media (min-width: 768px) {
	.khuvuc  figure {
		width: 100%;
	}
	#tham-wrapper figure,
	#tham-wrapper figure img {
		width: 100%;
	}
	#thongbao.thongbaohetmau {
		display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		padding: 150px 15px;
		left: 6px;
		color: #fff !important;
		font-size: 35px;
		line-height: 1.1;
		text-align: center;
		z-index: 5;
		background: #000000b0;
		right: 0;
	}
}