
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	border: 0;
	/*vertical-align: baseline;*/ 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

/*============================================ GLOBAL  =================================================*/


/* Main global 'theme' and typographic styles */
body {
	font-family: 'Quicksand', sans-serif;
	font-size: 14px!important;
	line-height:20px;
}


/* heading */
h1, h2, h3{margin-bottom:20px;}
h4, h5, h6{margin-bottom:10px;}
h1	{font-size:24px;}
h2	{font-size:18px;}
h3	{font-size:15px;}
h4	{font-size:13px;}
h5	{font-size:12px;}
h6	{font-size:11px;}
h1, h2, h3, h4, h5, h6{ line-height:normal; text-transform:uppercase;}

.logo-hotel {
  text-align: center;
  padding-bottom: 10px;
  padding-top: 20px; }

.h1, .hotel-name {
  text-align: center !important;
  font-size: 32px !important;
  color: #BC5353 !important;
  font-weight: bold; }

.h2, .title-hotel {
  font-size: 20px;
  color: #348FE2;
  padding-left: 4%;
	font-weight: bold;
  }

.pagetitle{font-size:24px; padding-top:40px; margin-bottom:0px; text-transform:uppercase; }
.pagedesc { line-height:18px; font-size:11px;}


/* links */
a, a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a img{border:none}
a:active {
    background-color: transparent;
}


/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 3px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin:0px;
}


img.alignleft, 
img.alignright, 
img.aligncenter
{
	margin-bottom: 12px;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	margin-bottom:20px;
}
/*ul {
	list-style: disc;
	margin: 0 0 18px 1.5em;
}*/
ul li{ padding-bottom:10px;}
ol {
	list-style: decimal;
	margin: 0 0 18px 2.2em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
	
/* Blockquote */
blockquote:before, blockquote:after{content:'"'; position:static; font-size:1em; padding:0px; margin:0px; vertical-align:baseline;}
blockquote, blockquote p {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
	padding:7px 0px 0px;
	background:none;
	quotes:none;
	line-height:24px;	
}

blockquote.left, blockquote.right  {
	float:right;
	margin:0 0 0 20px;
	width:65%;
	}
	
blockquote.left{
	float:left;
	margin-left:0px;
	margin-right:20px;}
	

/* code */
code {
	font-family: 'Quicksand', sans-serif;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	padding:15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/


/* CONTAINER
-------------------------------------------------------------- */
#bodychild{
	width:100%;
	margin:0;
	font-family: 'Quicksand', sans-serif;
}
#outercontainer{
	width:100%;
	margin:0;
	padding:0;
}

#outerheader, #outerslider, #outerbeforecontent, #outermain,  #outerfootersidebar, #outerfooter{width:100%; margin:0 auto}


/* HEADER & MENU
-------------------------------------------------------------- */

#headercontainer .container{ padding:0px; max-width:1230px;}

#top{ }
#logo{ margin-bottom:0px; padding:17px 0px 20px;width: 150px;}
#logoimg a, #logoimg img{display:block;}
#logo h1{line-height:100%; margin-bottom:10px; font-size:34px; float:left;}
#logo h1 a{line-height:100%;}
#logo h1 a:hover{ text-decoration:none;}
.desc{ float:left; padding:13px 0 0 10px;}

/* Menu */
#navigation{position:relative; z-index:200; margin:0; margin-top:-6px;}

/* Nav Menu */
#topnav{
	margin:0;
	list-style-type:none;
	overflow:visible;
	position:relative;
	padding:0px;
	float:right;	
}

.sf-menu a {
	text-decoration:none;
	display:		block;
	position:		relative;
	text-align:center;
}

.sf-menu > li {
    position: relative;
    z-index: 10;
	padding: 		34px 0 0 0px;
	margin-left:30px;
}
.sf-menu > li span{ display:block; font-size:11px; text-transform:none; font-weight:normal; padding-top:6px;}
.sf-menu > li:hover, .sf-menu > li.current{ padding-top:34px;}


/* Drop down menu */
.sf-menu ul a:hover {}
.sf-menu li li {
	text-align:center;
	margin:0;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
.sf-menu {
	line-height:100%;
	position:absolute;
	right:0;
	bottom:0;
	float:left;
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;

}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-20px;
	top:			7.2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			-1px;
	margin-left:	0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			-1px;
	
}
.sf-menu ul li a{
	padding:11px 0px 3px;
	font-size:12px;
	font-weight:normal;
	text-transform:none
}

.sf-menu li ul {
	padding:0px 0px;	
}
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}



.sf-menu ul{border:0px;}
.sf-menu li li {}
.sf-menu > li li:before{
	content: "";
	display: block;
}

.sf-menu > li li:first-child:before{ border:0;}

/* dropdown mobile */
#menu-icon, .tinynav {
	display: none; /* hide menu icon initially */
}


/* SLIDER
-------------------------------------------------------------- */
#outerslider{ margin-bottom:20px; position:relative; z-index:5;}	
#slidercontainer{ padding:10px; margin:20px 0 149px 0}
#slider{position:relative;}

/* Caption styles */
#slider .nivoSlider{ overflow:inherit}
#slider .nivo-caption {
	position:absolute;
	left:0px;
	bottom:-130px;
	background:transparent;
	color:#454545;
	width:100%;
	z-index:8;
	padding: 16px 10px 19px 10px;
	font-size:14px;
	text-align:center;
	overflow: hidden;
	display: none;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	opacity: 1;
}

#slider .slider-title{ font-size:14px; margin-bottom:-19px; background-color: rgba (0, 0, 0, 0.7);}
#slider .nivo-controlNav{ z-index:10;}

/* Control nav styles (e.g. 1,2,3...) */
#slider .nivo-controlNav {
	text-align:center;
	position:absolute;
	bottom:-40px;
	width:100%;
}
.nivo-controlNav a {
	cursor:pointer;
	font-size:0px;
	width: 9px; height: 9px; 
	display: inline-block; 
	border:0px; 
	margin:0px 4px;  
	cursor: pointer; 
	text-indent: -9999px; 
}
.nivo-controlNav a:hover{
	border:0px;
}
.nivo-controlNav a.active {
	border:0px;
}

/* AFTERHEADER
-------------------------------------------------------------- */
#afterheader{position:relative; margin-bottom:0px;}
//.home #outerafterheader .container{ min-height:450px;}
#outerafterheader .container{ /*min-height:277px;*/}


/* BEFORECONTENT
-------------------------------------------------------------- */
.contenttop-container, .contentbottom-container, .maintop-container, .mainbottom-container{margin-bottom:0px;}
.widget-contenttop, .widget-contentbottom, .widget-maintop, .widget-mainbottom{margin-bottom:40px;}

.widget-contenttop .widget-title, .widget-contentbottom .widget-title{ font-size:13px; text-transform:none;  margin-bottom:22px;}


/* CONTENT
-------------------------------------------------------------- */
#outermain{ margin-top:-191px;}
.home #outermain{ margin-top:-450px;}

#maincontent{ padding-top:20px; }
#maincontainer .container{ margin-bottom:46px; margin-top: 20px;}

#content{float:left; margin-bottom:40px;}
#content .main{}
#content.positionright{float:right;}
#content.positionleft{ float:left;}


.indentleft{overflow:hidden;}
.center{text-align:center;}
.nomargin{margin-right:0px!important;}
.displayblock{display:block;}
.MarginBottomMiddle{ margin-bottom:22px}

.content_highlight{ padding-bottom:14px}
.content_highlight h2{ font-size:24px; text-align:center; font-style:italic; font-weight:normal;}


.page.hentry{
    padding: 20px 20px 20px;
}
#singlepost article {
    padding: 20px 20px 20px;
}

#singlepage{ margin-bottom:40px;}

/* .container{
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
} */
/* List */
ul.client{list-style-type:none; margin:0 0 20px 0; padding:0;float:left}
ul.client li{display:inline-block; float:left; padding:0; margin:0;}
ul.client li img{display:block;}
ul.client li:first-child{border:0 !important;}

.listarrow{margin:0 0 0px 0; padding:0; list-style-type:none; overflow:hidden}
.listarrow li:before { content:"\00bb"; padding-right:7px; }
.listarrow li{padding:0px 0px 0px 0px;}

.list{margin:0 0 20px 0; padding:0; list-style-type:none; overflow:hidden}
.list li:before { content:"\2022"; padding-right:7px; }
.list li{padding:0px 0px 7px 0px;}

ul.line{ margin:0px; padding:0px; list-style-type:none}
ul.line li{ display:inline-block; margin-right:20px; height:30px; vertical-align:middle}
ul.line li .button{margin:0px; vertical-align:bottom}

ul.listborder{ list-style-type:none; margin:0px 0 40px 0; padding:0px; float:left;}
ul.listborder li:before { content:"\2022"; padding-right:7px; }
ul.listborder li{ padding:5px 0; width:30%; margin-right:20px; float:left;}



/* Images */
img {
	max-width: 100%;
	height: auto;
}
.imgopacity:hover{opacity:0.5;}
img[class*="wp-image-"], img[class*="attachment-"]{
	max-width:100%;
	height:auto;
}
.frame{ padding:4px; display:block;}


.gallery img {
    margin: 0 auto;
}
.gallery-icon{ padding:10px 0px 10px;}

#content .gallery{ margin-bottom:-40px; float:left; width:100%}

/* form & button */
form{margin:0; padding:0;}

input[type="text"], input[type="email"],
textarea, input[type="password"], select{
	font-size:14px;
	padding:10px;
}

textarea{width:90%;}

textarea:focus{outline:0;}

.button, .button:visited, input[type="submit"],input[type="reset"], input[type="button"], button, .more, .more-link{
	border:0px;
	padding:9px 15px 9px 15px;
	cursor:pointer;
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
}
.button:hover, input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button:hover, .more:hover, .more-link:hover{
	text-decoration:none;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	
}

.button.mini{font-size:12px; padding:6px 15px 7px 15px;}
.button.small{font-size:12px;}
.button.large{font-size:15px; line-height:15px; padding:9px 25px 10px 25px;}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/* Separator */
.spacer{
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	width:100%;
	clear:both;
}
.separator {
	display:block;
	height:26px;
	padding:0 0;
	margin-bottom:43px;
	text-align:center;
	width:100%;
	clear:both;
}


/* SIDEBAR 
-----------------------------------------------------------------------------*/

#sidebar.positionleft{float:right;}
#sidebar.positionright{float:left;}

#sidebar div.widget-area{}


.widget-title{
	font-size:16px;
	padding:0;
	margin-bottom:16px;
}

#sidebar ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

#sidebar ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	clear:both;
}
#sidebar .widget-container{margin-bottom:40px; padding:20px 30px;}

#sidebar li.widget-container > ul{
	padding-top:5px;
}

#sidebar li li{
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0 0 5px 0px;

}

#sidebar li li a{}
#sidebar li li a:hover, #sidebar li li a.active{text-decoration:none;}

#sidebar .textwidget p{ margin-bottom:20px;}

#sidebar ul.sub-menu, #sidebar ul.children, #sidebar ul ul ul{margin:0 0 0 10px; }
#sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{margin-bottom:0; padding-bottom:0;}


/* Recent post widget */
.rp-widget li{ margin:0px 0 20px 0!important; padding:0px!important;}
.rp-widget li img{ float:left; margin-right:14px;}
.rp-widget li.last{margin:0 !important; padding:0 !important;}
.rp-widget li h3{font-size:14px; margin-bottom:3px;  line-height:20px;  overflow:hidden; text-transform:none}
.rp-widget li .smalldate{font-size:11px; display:block; overflow:hidden; padding:0 0 0 0px}

/* Testimonial post widget */
.ts-testimonial-widget .testi-item{ padding:23px 20px 20px 44px; margin-bottom:10px}
.ts-testimonial-widget .testi-title{ font-size:11px; padding-top:3px; position:relative  }
.ts-testimonial-widget .testi-title a{ padding-left:8px; }
.ts-testimonial-widget .testi-title span{ position:absolute; top:7px; left:0px }
.ts-testimonial-widget .testi-title span:before { content:"\203E";  }



/* search widget */
#searchform input{background:transparent; border:0}
#searchform{position:relative}
#searchform .searcharea{
	-moz-box-shadow: 0 0 2px 0 #ebebeb;
	-webkit-box-shadow: 0 0 2px 0 #ebebeb;
	box-shadow: 0 0 2px 0 #ebebeb;
}
#searchform #s{width:79%; padding:14px 50px 13px 20px !important; height:14px !important; border:0}
.searchbutton {
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
	text-indent:-9999px;
}


/* Tag */
.tagcloud{}
.tagcloud a{padding:3px 15px; font-size:12px !important; display:inline-block; margin-bottom:5px;}
.tagcloud a:hover{text-decoration:none}




/* Contact Form  */
.wpcf7-form{margin-top:15px;}
.wpcf7 p{margin-bottom:10px;}
.wpcf7 label{display:block;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"]{
	margin-bottom:0px;
	margin-top:5px;
	font-size:11px;
	width:45%
}
.wpcf7 textarea{
	margin-bottom:7px;
	margin-top:5px;
	padding:8px 5px;
	font-size:11px;
	width:95%
}
input.wpcf7-submit{margin:0; padding: 5px 15px 8px; font-size:12px;  text-transform:none}


/* Bottom

-----------------------------------------------------------------------------------------------*/
/*#bottomcontainer {
    margin: 25px 0px 0px;
}*/
#bottomcontainer ul { margin:0px; padding:0px; list-style-type:none;}
#bottomcontainer li.widget-container{list-style-type:none; margin:0 0 0px 0; padding:0px 14px 20px 0px;}
#bottomcontainer .widget-title{
	font-size:18px;
	margin-bottom:16px;
}


/* FOOTER SIDEBAR 
-----------------------------------------------------------------------------------------------*/
#outerfootersidebar{ margin-top:30px;}
#footersidebarcontainer{padding:44px 0 13px 0;}
#footersidebar ul{list-style-type:none; margin:0; padding:0;}
#footersidebar li.widget-container{list-style-type:none; margin:0 0 0px 0; padding:0px 14px 20px 0px; }
#footersidebar .widget-title{
	font-size:12px;
	margin-bottom:12px;
	font-weight:bold;
}
#footersidebar li li:before { content:"\2022"; padding-right:4px; }
#footersidebar li li{
	font-size:12px;
	list-style-type:none;
	margin:0 0 6px 0;
	padding:0 0 0px 0px;

}

#footersidebar li a:hover{ text-decoration:none;}


/* Recent post widget */
#footersidebar .ts-recentpost-widget .recent-thumb{float:none; width:181px; height:70px; margin:0 20px 10px 0;}
#footersidebar .ts-recentpost-widget .recent-thumb img{width:165px; height:60px;}


#flickr {text-align:left !important; padding:7px 0 0}
div#flickr div.flickr_badge_image:nth-child(4) img, #flickr div.flickr_badge_image:nth-child(8) img{ margin-right:0px!important;}
div#flickr img{margin:0 10px 10px 0; display:block; float:left; width:52px; height:52px; padding:0px!important;}
#flickr img{ border:0px !important;}

#copyright img{ margin-top:10px;}
.copyrighttext{ font-size:12px; margin-bottom:20px;}

/* Custom*/
p.social {
    height: 22px;
    line-height: 22px;
    margin-bottom: 10px;
}
p.social img {
    width: 22px;
    float: left;
    margin-right: 6px;
}
.omega {
    background: #fff;
    padding-bottom: 10px;
}
.item-offer {
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
    color: #000;
}
.item-offer h3 {
    margin: 0px 0px 5px;
}
.item-offer img {
    height: 60px;
    width: 90px;
    margin-right: 8px;
    float: left;
}
img.img-avata-post {
    width: 100%;
}
.postimg {
    max-height: 360px;
    overflow: hidden;
}

.item-other img {
    width: 100%;
    max-height: 148px;
}
.item-other div.ts-pf-text {
        padding: 0px 10px 30px;
}
.item-other div.ts-pf-text h3.pftitle {
    border-bottom: none;
    padding: 0px;
    height: 25px;
}
.h2-other {
    margin-left: 15px;
}
.content-detail {
    margin-bottom: 20px;
}
.postimg-article img {
    display: block;
    width: 100%;
}
.postimg-article {
    max-height: 350px;
    overflow: hidden;
}
.des-article {
    margin: 12px 20px 12px 20px;
}
.other-content {
    margin-bottom: 30px;
}
.entry-content {
    font-size: 1.1em;
    line-height: 22px;
}
.left {
    float: left;
}
.right{ float: right;}

label.error {
    padding-left: 18px;
}
.slider-title .row{
	margin-left:0px;
}
/* TIEN ICH 4 TAB */
	ul.nav-tabs {
		/* -webkit-box-shadow: inset 0 -1px 4px 0 rgba(143,143,143,1); */
		/* -moz-box-shadow: inset 0 -1px 4px 0 rgba(143,143,143,1); */
		/* box-shadow: inset 0 -1px 4px 0 rgba(143,143,143,1); */
		border-bottom-color: 3px solid #bd721e!important;
		text-align: center;
	}

	.nav>li>a:hover,
	.nav>li>a:focus {
		text-decoration: none;
		background-color: transparent!important;
	}

	.nav-tabs {
		border-bottom: 1px solid #bd721e!important;
	}

	.nav-tabs>li {
		float: left;
		margin-bottom: 0px!important	;
		border-top-left-radius: 10px !important;
		border-top-right-radius: 10px !important;
		text-transform: uppercase;
		font-weight: bold;
	}

	.nav-tabs li a {
		margin-right: 0 !important;
		line-height: 1.42857143;
		border: 0 !important;
		border-radius: 4px 4px 0 0;
		margin-bottom: -10px;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #bd721e;
		font-weight: bold;
	}
	
	.nav-tabs>li>a:hover{
		background-color: transparent !important;
		color: #009ae5;
	}

	.nav-tabs>li.active>a,
	.nav-tabs>li.active>a:hover,
	.nav-tabs>li.active>a:focus {
		color: white !important;
		background-color: #bd721e !important;
		border: 0 !important;
		border-bottom-color: transparent;
		cursor: default;
		text-transform: uppercase;
		font-weight: bold;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		border-radius: 10px !important;
	}

	li.active {
		background-color:#bd721e;
		border-style: solid;
		/* border-width: 1px 1px 0 1px; 
		border-color: #ff7979;*/
	}
	
	li.active.a {
			/* background-color:#ff7979; */
			color: #fff;
			border: none;
	}	

	/* .li {
		background-color: #ededed;
		border-style: solid;
		border-width: 1px 1px 0 1px;
		border-color: #979797;
	}
	
	.li .a {
			border: none;
			color: #6a6a6a;
			text-transform: uppercase;
			text-align: center;
			background-color: #ededed;	
			margin-right: 0;
			border-radius: 0;				
		}	
*/
.hotel-content-wrapper-policy{
	padding: 20px 0px;
}
.hotel-content-wrapper-section {
    display: inline-block;
	width: 100%;
}
.hotel-content-wrapper-section .h4{
	color: #3d566e;
    font-size: 14px;
	font-weight: bold;
	}
.hotel-content-wrapper-section-title {
	padding: 10px 0px;
}


.tab-content .amenities-list{
	padding-top: 20px!important;
	margin-left: 15px!important;
}
	 
.fw {
    float: left;
    width: 100%;
}
/* HET TIEN ICH 4 TAB */

/* CSS Danh sach phong */
.main_title h1 {
	font-size: 24px;
	color: #348FE2;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 22px;
}
.main_title span {
    display: block;
    width: 40px;
    height: 4px;
    background-color: #ededed;
    margin: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*margin-bottom: 15px;
	margin-top: 15px;	*/
}
.main_title p {
    color: #3d566e;
    font-size: 16px;
}
#rooms{
margin-top: 15px;
margin-bottom: 10px;
}

#rooms .img_zoom {
    overflow: hidden;
    text-align: center;
    border-top-left-radius: 5px!important;
    border-top-right-radius: 5px!important;
}
#rooms .room_name .name {
    color: #b20e13;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
}
#rooms .room_name .price {
	color: #fdb714;
	font-size: 16px;
	padding: 0;
    line-height: 20px;
}

#rooms .img_zoom a img {
    border: 0!important;
    /* -webkit-transform: scale(1.2); */
    /* transform: scale(1.2); */
    /* -webkit-transition: all 0.7s ease; */
    /* transition: all 0.7s ease; */
	max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;

}
#rooms .img_zoom a:hover img {
    /* -webkit-transform: scale(1); */
    /* transform: scale(1); */
    /* opacity: 1!important; */
	 -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#rooms .room_name em {
    font-style: normal;
    font-weight: normal;
    color: #b20e13;
    /*margin-left: 4px;*/
	font-size: 11px;
	text-transform: capitalize;
    font-weight: bold;
}
#rooms .room_name {
    font-size: 16px;
    padding: 5px 10px;
    color: #b20e13;   
}
#rooms .room_item {
	/* position: relative; */
	/* overflow: hidden; */
	padding-bottom: 0!important;
	border: 1px solid #ccc;
	border-radius: 6px!important;
}
/* Hết CSS Danh sach phong */

/* CSS Map & Nearested*/
.h3, .map, .nearest {
  text-align: center;
  color: #348FE2 !important; }

#nearby-tab li {
  min-width: 180px;
  background: #fff; }

#nearby-tab li a {
  text-align: center;
  padding: 8px 15px;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  background: #ebebeb !important;
  color: #2d3e52;
  font-weight: bold; }

#nearby-tab li.active a:after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -10px;
  border-top: 5px solid #01AAFF;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: ""; }

#nearby-tab li.active a {
  background: #00aaff !important;
  color: white !important; }

/*start*/
#nearbys-hotel-slider .nearby_item,
#nearbys-entertainment-slider .nearby_item,
#nearbys-restaurant-slider .nearby_item,
#nearbys-travel-place-slider .nearby_item {
  padding: 0px 10px 10px 0px; }

#hotel-tab #nearbys-hotel-slider .nearby_item img,
#entertainment-tab #nearbys-entertainment-slider .nearby_item img,
#restaurant-tab #nearbys-restaurant-slider .nearby_item img,
#travel-place-tab #nearbys-travel-place-slider .nearby_item img {
  border-radius: 4px !important; }

#hotel-tab #nearbys-hotel-slider .nearby_item .nearby_name,
#entertainment-tab #nearbys-entertainment-slider .nearby_item .nearby_name,
#restaurant-tab #nearbys-restaurant-slider .nearby_item .nearby_name,
#travel-place-tab #nearbys-travel-place-slider .nearby_item .nearby_name {
  padding-left: 5% !important;
  padding-right: 5% !important; }

#hotel-tab #nearbys-hotel-slider .nearby_item .nearby_name .name,
#entertainment-tab #nearbys-entertainment-slider .nearby_item .nearby_name .name,
#restaurant-tab #nearbys-restaurant-slider .nearby_item .nearby_name .name,
#travel-place-tab #nearbys-travel-place-slider .nearby_item .nearby_name .name {
  color: #b20e13;
  font-size: 14px;
  font-weight: bold; }

#hotel-tab #nearbys-hotel-slider .nearby_item .nearby_name .distance,
#entertainment-tab #nearbys-entertainment-slider .nearby_item .nearby_name .distance,
#restaurant-tab #nearbys-restaurant-slider .nearby_item .nearby_name .distance,
#travel-place-tab #nearbys-travel-place-slider .nearby_item .nearby_name .distance {
  font-size: 13px;
  font-weight: bold;
  color: #fdb714; }

#nearbys-hotel-slider .owl-buttons .owl-prev,
#nearbys-hotel-slider .owl-buttons .owl-next,
#nearbys-entertainment-slider .owl-buttons .owl-prev,
#nearbys-entertainment-slider .owl-buttons .owl-next,
#nearbys-restaurant-slider .owl-buttons .owl-prev,
#nearbys-restaurant-slider .owl-buttons .owl-next,
#nearbys-travel-place-slider .owl-buttons .owl-prev,
#nearbys-travel-place-slider .owl-buttons .owl-next {
  position: absolute;
  top: 40%;
  background-color: #01b7f2;
  height: 25px !important;
  line-height: 40px !important;
  display: none !important; }

#nearbys-hotel-slider .owl-buttons .owl-next,
#nearbys-entertainment-slider .owl-buttons .owl-next,
#nearbys-restaurant-slider .owl-buttons .owl-next,
#nearbys-travel-place-slider .owl-buttons .owl-next {
  position: absolute;
  right: 10px; }

.img-distance {
  margin-right: 3px; }

/* Het CSS Map & Nearested*/

/*CSS linh tinh */

.title-action{
  float: right;
}
/*Het CSS linh tinh */

/* CSS Liên Hệ */
.control-group{
  float: left;
  margin-right: 180px;
  margin-bottom: 30px;
}
.control-label{
    color: #555;
    font-size: 15px;
    font-weight: 200;
    display: block !important;
    margin-bottom: 5px!important;
    margin: 0 auto;
}
/*.btn-submit{
    width: 100px !important;
    margin-top: 10px !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #50a2f5;
}
	.btn-submit:hover{
		background-color: #3e85ce!important;
}
*/

.submit-contact {
    /* placing */
    margin-top: 1%;
	margin-left: 0;
	margin-right: auto;
    /* end of placing */
    height: 50px;
    width: 200px;
    background-color: #FFF;
    border: 2px solid #1ECD97;
    border-radius: 50px!important;
    color: #1ECD97!important;
	text-transform: uppercase;
	font-weight: bold;
    font-size: 16px;
    transition: 0.4s;
    outline-style: none;
    cursor: pointer;
}

.submit-contact:hover {
    background-color: #1ECD97 !important;
    color: #FFF !important;
    transition: 0.4s;
}

.loader {
    /* placing */
    margin-top: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* end of placing */
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: transparent;
    border: 4px solid #eee;
    border-top: 4px solid #1ecd97;
    color: #FFF; /* Yes it's useless */
    outline-style: none;
    transform: rotate(360deg);
    transition: 0.6s;
}

.success {
    /* placing */
    margin-top: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* end of placing */
    height: 60px;
    width: 150px;
    background-color: #1ECD97;
    color: #FFF;
    border: 2px solid #1ECD97;
    border-radius: 50px;
    font-size: 16px;
    transition: 0.4s;
    outline-style: none;
    cursor: pointer;
}

.field{
    border: 1px solid #DDD!important;
    color: #8d8d8d;
    font-weight: 200;
    margin-bottom: 7px;
    background-color: #fff!important;
	width: 350px;
	border-radius: 5px !important;
}
.taglib-captcha{
    margin: 1em 0;
}
.taglib-captcha .captcha {
    display: inline-block;
    margin-bottom: 1em;
}
.taglib-captcha .refresh {
    display: inline-block;
    vertical-align: top;
}
/* Hết CSS Liên Hệ */

/* Layout */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
	#navigation {
	    float: left;
		padding-left: 5%;
	}
    #navigation #cssmenu > ul > li > a {
        font-weight: bold;
        padding: 45px 20px;
    }
    .list-language {
        position: absolute;
        right: 0px;
        top: 75px;
    }
    #logo {
        float: left;
    }

	.ficon-topic-calendar {
		position: absolute;
		top: 20px;
		font-size: 28px;
		z-index: 2;
		display: block;
		width: 34px;
		height: 34px;
		right: 3%;
		line-height: 34px;
		text-align: center;
		color: #fdb714 !important;
	
	}	
		.row{margin-left: 0px !important;}
		#nearby-tab li {
 		min-width: 150px !important;
	}
        .nearby_name{
		height: 50px !important;
	}
}
@media only screen and (min-width: 1200px) {	
	.ficon-topic-calendar {
		position: absolute;
		top: 20px;
		font-size: 28px;
		z-index: 2;
		display: block;
		width: 34px;
		height: 34px;
		right: 3%;
		line-height: 34px;
		text-align: center;
		color: #fdb714 !important;
	}
	/*.row{margin-left: 0px !important;}*/
	#nearby-tab li {
		min-width: 136px !important;
	}
    .nearby_name{
		height: 40px !important;
	}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#logo{text-align:center; float:none; display:block; margin-bottom:20px;}
	#logoimg img{margin:0px auto;}
	#navigation{text-align:center; float:none; clear:both; margin:0px 0 20px 0!important;}
	#topnav{ float:none}
	ul.listborder li {width: 40%;}
	.ficon-topic-calendar {
    position: absolute;
    top: 20px;
    font-size: 27px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    right: 3%;
    line-height: 34px;
    text-align: center;
    color: #fdb714 !important;
    margin-right: 0;
	}
	.row{margin-left: 0px !important;}
    .nearby_name{
		height: 50px !important;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#slidercontainer{margin: 20px 0 30px 0 !important;}
	.list-language {
	    position: absolute;
	    top: 10px;right: 10px;
	}
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;
		width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
		
	.container{ margin: 0px auto; max-width: none; }
	
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }

	.row .column, .row .columns { width: 100%; float: none;}

	.column:last-child, .columns:last-child { float: none; }
	[class*="column"] + [class*="column"]:last-child { float: none; }

	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both; }
	
	#maincontainer, #outerslider, #afterheader, #outerbottom, #outerfootersidebar .container{ max-width: none; margin-left:auto; margin-right:auto }
	#outerheader{height:auto;}
	
	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center; float:none; display:block; margin-bottom:20px;}
	#logoimg img{margin:0px auto;}

	#navigation{text-align:center; float:none; clear:both; margin:0px 0 20px 0!important;}
	.sf-menu a{background:transparent !important; border:0 !important}
	.sf-menu > li{border:0 !important; display:none;}
	nav{margin:0px; float:none; }
	.js .tinynav { display: block; display: inline-block; text-align:left ; margin:0 0 0 0; width:50%}/* mobile dropdown */
    .js #topnav { display: none }
	
	/*============================================== SLIDER SECTION ==============================================*/
	#slider .nivo-caption{ bottom:-140px; margin:0px; padding:0px;}
	#slider .slider-title{ font-size:24px;}

	
	/*============================================== CONTENT SECTION ==============================================*/
	#maincontent.hassidebar{background:none;}
	#content.positionright, #content.positionleft{background:transparent; border:0px;}
	#sidebar.positionright{ border-left:0px;}
	#sidebar.positionleft{ border-right:0px;}
	.mediacontainer iframe, .mediacontainer object, .mediacontainer video{width:100%; height: auto;}
	
	.tabcontainer{margin-bottom:20px;}
	ul.tabs{height:auto;}
	ul.tabs li{font-size:12px; display:block; float:none; overflow:visible; height:auto}
	ul.tabs li a{text-transform:capitalize;}
	h2.trigger{font-size:12px;}

	
	.ts-portfolio .ts-pf-img img{ width:auto!important}
	
	ul.listborder li {width: 100%;}
	
	#contactform textarea{ width:95%;}
	
	.h1, .title{
    	font-size: 32px!important;
	}
	/*============================================== BLOG SECTION ==============================================*/

/*	.wp-pagenavi{margin-bottom:30px;}
	.entry-utility{ float:none; width:100%; text-align:left; margin-bottom:10px; margin-top:0px;}
	.entry-utility div{ display:inline-block;}*/
	
	
	/*============================================== SIDEBAR SECTION ==============================================*/
/*	#sidebar { border:0px;}
	#sidebar.positionright div.widget-area{padding-left:0px;}
	#sidebar.positionleft div.widget-area{padding-right:0px;}
	
	.commentlist ol{padding-left:40px;}*/
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.row{margin-left: 0px !important;}
	.nearby_name{
		height: 80px !important;
	}
	/* #slider .nivo-controlNav{bottom: -30px !important;} */
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#slidercontainer{margin: 20px 0 30px 0 !important;}
	#slider .nivo-caption{ bottom:-55px;}
	/* #slider .nivo-controlNav{bottom: -33px !important;} */
	#slider .slider-title{ line-height:normal; display: none}
	#slider .slider-desc{ display:none;}
	#promotion-note{ display:none;}
	
	.pagetitle{ text-align:center;}
	
	.commentlist ol{padding-left:20px;}
	.comment-body{margin:0;}
	#form-check-toppage{display: none;}
	.row{margin-left: 0px !important;}
	.nearby_name{
		height: 85px !important;
	}
}
/* Hết layout */
.btnCustom-htc {
    margin-top: 11px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btnCustom-htc:hover,
.btnCustom-htc:focus,
.btnCustom-htc.focus {
    text-decoration: none;
}
.btnCustom-htc:active,
.btnCustom-htc.active {
    background-image: none;
}
.mHtcSlide .nivoSlider img{
     max-height: 331px; 
}