/*
Theme Name: The Waters Spa WordPress Theme
Author: James Carmichael
Version: 1.0
*/
/* ========================================= */
/* =============== #RESET CSS ============== */
/* ========================================= */
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,strong,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;font-size:100%;font:inherit;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}

@font-face {
  font-family: 'Zapfino';
  src: url('fonts/zapfino.eot'); /* IE9 Compat Modes */
  src: url('fonts/zapfino.woff') format('woff'); /* Modern Browsers */
}

/* ========================================= */
/* ====== #HTML / BODY / THEME COLOURS ===== */
/* ========================================= */  
html{width:100%;height:100%;background:#fff}
body{	
	font-size:15px;
	line-height:21px;
	color:#444;
	width:100%;height:100%;
	-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;
}
body,input,textarea,select,button{font-family:'Lato',Arial,Helvetica,sans-serif}

/*** #COLORS ***/
.blue{color:#001A37}
.paleblue{color:#568EB0}

/* ============================================== */
/* ===== TYPOGRAPHY / LISTS / TABLES / TABS ===== */
/* ============================================== */
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{
	font-size:34px;line-height:34px;margin:0 0 10px 0;
	font-weight:300;color:#001A37;letter-spacing:-1px
}
h2{
	font-size:24px;line-height:28px;margin:0 0 10px 0;
	font-weight:700;color:#568EB0;
}
h3{
	font-size:24px;line-height:28px;margin:0 0 10px 0;
	font-weight:300;color:#568EB0;
}
h4{
	font-size:20px;line-height:24px;margin:0 0 10px 0;
	font-weight:700;color:#001A37;
}
h5{
	font-size:20px;line-height:24px;margin:0 0 10px 0;
	font-weight:300;color:#001A37;
}
h6{
	font-size:16px;line-height:20px;margin:0 0 10px 0;
	font-weight:700;color:#568EB0;
}

/*** #PARAGRAPH ***/
p{margin:0 0 14px 0;color:#444}
p img{margin:0}
p,li,label,legend{font-size:15px;line-height:21px;font-weight:400}

/*** #LINKS ***/
a,a:visited{color:#226398;font-weight:700;text-decoration:none;outline:0}
a:hover,a:focus{color:#222;text-decoration:none}
p a, p a:visited{line-height:inherit}

/*** #LISTS ***/
ul,ol{margin:0 0 15px 30px}
ul li{list-style-type:disc}
ol li{list-style-type:decimal}
li{color:#444;margin-bottom:2px}
ul ul,ul ol,ol ol,ol ul{margin:5px 0 5px 45px}
ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px}

/*** #TRANSITIONS ***/
a,
.transition,
.ui-tabs-nav,
.ui-accordion-header{
	-webkit-transition:.3s ease all;
	   -moz-transition:.3s ease all;
	    -ms-transition:.3s ease all;
	     -o-transition:.3s ease all;
	        transition:.3s ease all;
}
.no-transition{
	-webkit-transition:.0s;
	   -moz-transition:.0s;
	    -ms-transition:.0s;
	     -o-transition:.0s;
	        transition:.0s;
}

hr{margin:10px 0 20px 0;height:1px;line-height:1px;border:none;background:#ddd}

em{font-style:italic}
.bold,b,strong{font-weight:900}
small{font-size:80%;line-height:80%}

.thin{font-weight:300}
.normal{font-weight:400}

/*** #TABLES ***/
table{width:100%;margin-bottom:20px}
td,th{border:1px solid #ccc;padding:8px;text-align:left}
th{background:#ddd;font-weight:700}

/*** #BLOCKQUOTES ***/
blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}
blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #ddd}
blockquote cite{display:block;font-size:12px;color:#555}
blockquote cite:before{content:"\2014 \0020"}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555}

/*** #TABS ***/
.ui-tabs{float:left;clear:both;width:100%;margin:10px 0 20px 0}
.ui-tabs-nav{float:right;clear:both;width:auto;margin:0;overflow:hidden}
.ui-tabs-nav li{
	cursor:pointer;list-style-type:none;float:left;margin:0;
	border:0;
	border-right:1px solid #37536F;
	border-right:1px solid rgba(255,255,255,.12);
	background:#568EB0;background:rgba(86,142,176,.6);
}
	.ui-tabs-nav li:last-child{border-right:0}
	.ui-tabs-nav li a{
		outline:none;float:left;padding:20px 18px;
		font-size:20px;line-height:20px;font-weight:900;color:#001A37;
	}	
.ui-tabs-nav li:hover,
.ui-tabs-nav li.ui-state-active{background:#568EB0}
.ui-tabs-nav li.ui-state-active a,
.ui-tabs-nav li:hover a{color:#fff;text-decoration:none}
.ui-tabs-panel{
	float:left;clear:both;width:100%;
	margin:0 0 10px 0;padding:15px 0 0 0;
	border:0;background:none;
}

/*** #ACCORDIONS ***/
.ui-accordion{float:left;clear:both;width:100%;margin:0 0 20px 0}
.ui-accordion-header{
	cursor:pointer;float:left;clear:both;width:100%;
	margin:10px 0 0 0;padding:15px 45px 15px 15px;border:1px solid #ddd;
	font-size:18px;line-height:18px;font-weight:300;
	background:url('images/btn_plus.png') 99% 50% no-repeat #f4f4f4;
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.04), 1px 2px 3px rgba(0,0,0,.1);
	-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.04), 1px 2px 3px rgba(0,0,0,.1);
	box-shadow:inset 0 0 10px rgba(0,0,0,.04), 1px 2px 3px rgba(0,0,0,.1);
}
.ui-accordion-header:focus{outline:none}
.ui-accordion-header:hover{background-color:#fff}
.ui-accordion-header-active{background:url('images/btn_minus.png') 99% 50% no-repeat #fff}
.ui-accordion-content{
	float:left;clear:both;width:100%;padding:15px 15px 5px 15px;
	border:1px solid #ddd;border-top:0;background:#fff;
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.04), 1px 2px 3px rgba(0,0,0,.1);
	-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.04), 1px 2px 3px rgba(0,0,0,.1);
	box-shadow:inset 0 0 10px rgba(0,0,0,.04), 1px 2px 3px rgba(0,0,0,.1);
}

/* ============================================ */
/* =================== #FORMS ================= */
/* ============================================ */ 
.form-wrapper{float:left;clear:both;width:100%;margin:0 0 15px 0}
.req{color:#EB0F0F;font-weight:bold;padding-left:3px}

/* ===== #TEXT / TEXTAREA ===== */
#search-form,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select{
	float:left;clear:both;width:100%;outline:none;
	margin:0;padding:6px;	
	border:1px solid #ccc;
	font-size:16px;line-height:16px;font-weight:400;
	color:#333;background:#fdfdfd;
	box-shadow:inset 0 0 8px rgba(0,0,0,.02);
	-moz-box-shadow:inset 0 0 8px rgba(0,0,0,.02);
	-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.02);
}	
	/* focus */
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="password"]:focus,	
	input[type="number"]:focus,	
	textarea:focus{
		border:1px solid #999;color:#000;
		-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1);
		-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1);
		box-shadow:inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1);
	}
	
input[type="text"],
input[type="password"],
input[type="email"]{max-width:250px}
textarea{max-width:500px;height:120px}
select{width:auto;max-width:100%}

/* ===== LABELS / LEGEND ===== */
label,legend{
	float:left;clear:both;width:100%;display:block;
	margin:0 0 5px 0;
	font-size:18px;line-height:18px;
	font-weight:300;color:#568EB0;
}
select{width:100%}
input[type="checkbox"]{display:inline}
label span,legend span{font-weight:normal;font-size:13px;color:#444}

/* ===== BUTTONS ===== */
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	cursor:pointer;display:inline-block;line-height:normal;
	margin:5px 5px 5px 0;padding:8px 10px;	
	font-size:15px;line-height:15px;font-weight:300;
	color:#fff;
	text-decoration:none;
	background:#568EB0;
	border:1px solid #487C9C;	
}
	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover{border-color:#01162F;background:#001A37}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

/* ===== #SEARCH ===== */
#search-form{margin:0 0 20px 0;padding:0;position:relative}
#s{float:left;margin:0;padding-right:35px;background:none;border:0;box-shadow:none}
#search-mag{position:absolute;top:0;right:0;width:35px;height:32px;margin:0;border:0;box-shadow:none;border-left:1px solid #eee;background:url('images/icon_mag.png') center center no-repeat}
#search-mag:hover{background-color:#eee}

/* ===== #CONTACT FORM 7 ===== */
.wpcf7-form-control-wrap{float:left;clear:both;width:100%;margin:0 0 15px 0;position:relative}
.wpcf7-list-item{float:left;clear:left;margin-left:0}
.wpcf7-not-valid-tip{position:absolute;top:0;left:0;width:100%;height:100%;padding:6px 10px;color:#EB0F0F;font-size:14px}
.wpcf7-response-output{float:left;clear:both;width:100%;margin:10px 0;padding:15px;border:1px solid #ddd;background:#fff;font-size:16px;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.15);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.15);-o-box-shadow:inset 0 0 10px rgba(0,0,0,.15);box-shadow:inset 0 0 10px rgba(0,0,0,.15)}
.wpcf7-display-none{display:none}
.wpcf7-validation-errors{color:#EB0F0F}

/* ============================================ */
/* ====== WORDPRESS #CORE / USEFUL CLASSES ==== */
/* ============================================ */
.alignnone{margin:10px 0 20px 0}
.alignright{float:right;margin:10px 0 20px 20px}
.alignleft{float:left;margin:10px 20px 20px 0}
.aligncenter{display:block;margin:10px auto 20px auto}
@media only screen and (max-width: 580px) {	.alignleft, .alignright{float:none;display:block;margin:10px auto 20px auto} }
.wp-caption{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);-moz-box-shadow:0 0 10px rgba(0,0,0,.15);-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);max-width:96%;padding:7px;text-align:center}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:auto}
.gallery .wp-caption-text,
.wp-caption p.wp-caption-text{font-size:13px;line-height:18px;margin:0;padding:4px}
.gallery{float:left;clear:both;width:100%}
.gallery img{border:7px solid #fff !important;-webkit-box-shadow:1px 2px 8px rgba(0,0,0,.15);-moz-box-shadow:1px 2px 8px rgba(0,0,0,.15);box-shadow:1px 2px 8px rgba(0,0,0,.15)}

/* USEFUL CLASSES */
.no-margin{margin:0}
.no-margin-top{margin-top:0}
.no-margin-right{margin-right:0}
.no-margin-bottom{margin-bottom:0}
.no-margin-left{margin-left:0}
.float-left{float:left}
.float-right{float:right}
.text-right{text-align:right}
.text-center{text-align:center}
.clear{float:left;clear:both;width:100%}
.clear5{float:left;clear:both;width:100%;height:5px}
.clear10{float:left;clear:both;width:100%;height:10px}
.clear20{float:left;clear:both;width:100%;height:20px}
.clear30{float:left;clear:both;width:100%;height:30px}
.youtube-player{float:left;clear:both;width:100%;margin-bottom:20px}
.img-shadow{-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}
.relative{position:relative}

/* ============================================ */
/* ============== RESPONSIVE #GRID ============ */
/* ============================================ */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.row{margin:0 auto;max-width:1160px;position:relative}
.col{display:block;float:left;margin-left:1.5%;margin-right:1.5%}
.row:after,
.col:after{content:"";display:block;height:0;clear:both;visibility:hidden}

.span_5{width:2%}
.span_10{width:7%}
.span_15{width:12%}
.span_20{width:17%}
.span_25{width:22%}
.span_30{width:27%}
.span_33{width:30%}
.span_35{width:32%}
.span_40{width:37%}
.span_45{width:42%}
.span_50{width:47%}
.span_55{width:52%}
.span_60{width:57%}
.span_65{width:62%}
.span_66{width:63%}
.span_70{width:67%}
.span_75{width:72%}
.span_80{width:77%}
.span_85{width:82%}
.span_90{width:87%}
.span_95{width:92%}
.span_100{width:97%}

@media ( max-width : 1200px ) {
	.row{max-width:1024px}
}
@media ( max-width : 768px ) {
	.col{margin-bottom:20px;width:94%;margin-left:3%;margin-right:3%}
}
.col-no-margin{margin-bottom:0}
.col img{max-width:100%;height:auto}

/* ============================================ */
/* ============== #MAIN THEME DIVS ============ */
/* ============================================ */

#top-page-spacer{float:left;clear:both;width:100%;height:180px}

#content{padding:20px 0}
	.page-template-page-about #content{padding-bottom:0}
	.page-template-page-home #content{padding:0}

#page-bottom{float:left;clear:both;width:100%;height:20px}

/*** HEADER ***/
#header{
	position:absolute;z-index:2;
	top:0;left:0;width:100%;height:164px;
	background:url('images/header_bg.png') top center repeat-x;
	z-index:2;
}
#header .col{position:relative}

#logo{float:left;margin:10px 0;width:391px;height:137px}
#logo img{width:100%;height:auto}

#header-phone{
	position:absolute;top:20px;right:0;
	font-size:25px;line-height:25px;font-weight:300;color:#fff;
}
#header-contact{position:absolute;top:52px;right:0;margin:0}
	#header-contact li{
		list-style-type:none;float:left;margin:0;padding:0;
		border-left:1px solid #1E3350;
	}
	#header-contact li:first-child{border-left:0}
	#header-contact li a{float:left;margin:6px 10px}
	a.hc-text,
	.hc-text{
		float:left;font-weight:400;
		font-size:15px;line-height:16px;color:#568EB0
	}
	a.hc-text:hover,
	.hc-text:hover{color:#fff}
	.hc-icon{
		float:left;width:16px;height:16px;margin:4px;		
		background:url('images/sprite.png') no-repeat;
	}
	#hc-icon-directions{background-position:0 0}
	#hc-icon-hours{background-position:-17px 0}
	#hc-icon-email{background-position:-34px 0}
	#hc-icon-directions:hover{background-position:0 -17px}
	#hc-icon-hours:hover{background-position:-17px -17px}
	#hc-icon-email:hover{background-position:-34px -17px}

/*** FOOTER ***/
#footer{background:#568EB0;height:110px}

#footer-copy{
	position:absolute;top:80px;left:0;
	font-size:12px;line-height:16px;color:#fff;
}
	#footer-copy a{color:#fff}
	#footer-copy a:hover{color:#001A37}
	.footer-pale{color:#81ABC5}

#footer-social{position:absolute;top:72px;right:0;margin:0}
	#footer-social li{list-style-type:none;float:left;margin:0 0 0 12px}
	#footer-social li a{
		float:left;width:20px;height:20px;
		background-image:url('images/sprite.png');
		background-repeat:no-repeat;
	}
	#fs-facebook{background-position:-68px 0}
	#fs-twitter{background-position:-89px 0}
	#fs-facebook:hover{background-position:-68px -21px}
	#fs-twitter:hover{background-position:-89px -21px}

#footer-phone{
	position:absolute;top:20px;
	font-size:22px;line-height:22px;font-weight:300;color:#fff
}
#footer-phone a{color:#fff}
#footer-phone-small{font-size:15px}

#footer-contact{
	position:absolute;top:20px;right:0;
	margin:0;padding:0;
}
	#footer-contact li{list-style-type:none;float:left;margin:0;padding:0}
	#footer-contact li a{float:left}

	.fc-icon{
		float:left;width:16px;height:16px;margin:0 8px 0 20px;
		background:url('images/sprite.png') no-repeat;
	}
	#fc-icon-map{background-position:0 -17px}
	#fc-icon-email{background-position:-34px -17px}
	#fc-icon-hours{background-position:-17px -17px}
	#fc-icon-location{background-position:-51px -17px}
	#footer-contact li:hover #fc-icon-map{background-position:0 -34px}
	#footer-contact li:hover #fc-icon-email{background-position:-34px -34px}
	#footer-contact li:hover #fc-icon-hours{background-position:-17px -34px}
	#footer-contact li:hover #fc-icon-location{background-position:-51px -34px}

	.fc-text{
		float:left;
		font-size:15px;line-height:16px;color:#fff;font-weight:300;
	}
	#footer-contact li:hover .fc-text{color:#001A37}

/**********************/
/******** #NAV ********/
/**********************/
#nav-holder{
	position:absolute;z-index:10;
	bottom:24px;right:0;
	width:auto;
}
#nav{float:left;clear:both;margin:0;padding:0}
#nav li{float:left;list-style-type:none;margin:0;padding:0;position:relative}
#nav li a{
	float:left;margin:0;padding:12px 0 12px 36px;
	font-size:18px;line-height:20px;	
	font-weight:300;color:#fff;
	text-decoration:none;
}
#nav li.nav-gift a{font-size:20px;font-weight:900}

#nav li:hover > a,
#nav li.current_page_item > a{color:#568EB0}
	/*** SUB MENUS ***/	
	#nav .sub-menu{
		display:none;position:absolute;z-index:20;
		top:100%;left:24px;
		width:180px;
		margin:0;padding:0;
		background:#001A37;
		z-index:190;
		-webkit-box-shadow:1px 2px 10px rgba(0,0,0,.1);
		-moz-box-shadow:1px 2px 10px rgba(0,0,0,.1);
		box-shadow:1px 2px 10px rgba(0,0,0,.1);
	}
	#nav li:hover > .sub-menu{display:block}
	#nav .sub-menu li{float:left;clear:both;width:180px;margin:0;padding:0}
	#nav .sub-menu li a{
		float:left;clear:both;width:100%;		
		padding:10px 12px;
		font-size:16px;line-height:16px;color:#fff;
	}	
	#nav .sub-menu li.current_page_item a,
	#nav .sub-menu li a:hover{color:#568EB0}
	#nav .sub-menu .sub-menu{display:none;top:0;left:100%}
	#nav li .sub-menu .has-children > a{
		background-image:url('images/menu_arrow_right.png');
		background-position:96% 50%;
		background-repeat:no-repeat;
	}

	/* ===== MOBILE NAV ===== */
	/* OPEN */
	#mobile-nav-open{
		display:none;cursor:pointer;position:absolute;bottom:20px;right:0;
		width:44px;height:44px;border-radius:5px;z-index:99;
		background:url('images/mobile_nav_open.png') center center no-repeat #568EB0;
	}	

	/* MASK */
	#mobile-nav-mask{display:none;cursor:pointer;z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,.6)}

	/* NAV HOLDER */
	#mobile-nav-holder{
		display:none;position:absolute;top:40px;right:0px;z-index:99999;
		max-width:85%;width:280px;height:auto;
		background:#001A37;
		-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-moz-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);	
	}

	/* MOBILE LOGO */
	#mobile-logo{
		cursor:pointer;float:left;clear:both;width:100%;padding:12px 0;background:#001A37;text-align:center;		
		-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.1);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.1);box-shadow:inset 0 0 10px rgba(0,0,0,.1);
	}
		#mobile-logo img{max-width:80%;height:auto}

	/* CLOSE */
	#mobile-nav-close{
		cursor:pointer;z-index:99999;float:left;clear:both;width:100%;height:40px;background:#001A37;text-align:right;padding-right:10px;	
		-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.1);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.1);box-shadow:inset 0 0 10px rgba(0,0,0,.1);
	}
		#mobile-nav-close-btn{
			font-size:12px;font-weight:400;line-height:40px;padding-right:20px;color:#fff;text-transform:uppercase;text-align:right;
			background:url('images/mobile_nav_close.png') right center no-repeat;
		}

	/* NAV */
	#mobile-nav{float:left;clear:both;width:100%;margin:0;padding:0}
		#mobile-nav li{list-style-type:none;position:relative;float:left;clear:both;width:100%;margin:0;padding:0}
		#mobile-nav li{border-bottom:1px solid rgba(0,0,0,.08)}
		#mobile-nav .sub-menu li:last-child{border-bottom:0}
		#mobile-nav li a{
			float:left;clear:both;width:100%;
			margin:0;padding:10px 48px 10px 10px;			
			font-size:16px;line-height:20px;
			color:#fff;font-weight:400;
		}
			#mobile-nav li a:hover{background:rgba(0,0,0,.05);text-decoration:none}
		#mobile-nav li .sub-menu .has-children > a{background:none}	
		#mobile-nav li .sub-menu .has-children-btn{display:block}		
		#mobile-nav .sub-menu{
			display:none;position:relative;
			float:left;clear:both;width:100%;margin:0;
			border-left:7px solid rgba(0,0,0,.4);background:rgba(0,0,0,.2);
			-webkit-box-shadow:inset 0 -2px 15px -2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 -2px 15px -2px rgba(0,0,0,.1);box-shadow:inset 0 -2px 15px -2px rgba(0,0,0,.1);		
		}
	#mobile-nav .has-children-btn{
		position:absolute;top:0;right:0;
		width:40px;height:40px;
		background-position:center center;
		background-repeat:no-repeat;
		background-image:url('images/mobile_nav_plus.png');
		background-color:rgba(0,0,0,.1);
		-webkit-box-shadow:inset 0 0 15px rgba(255,255,255,.2), 1px 2px 5px rgba(0,0,0,.08);-moz-box-shadow:inset 0 0 15px rgba(255,255,255,.2), 1px 2px 5px rgba(0,0,0,.08);box-shadow:inset 0 0 15px rgba(255,255,255,.2), 1px 2px 5px rgba(0,0,0,.08);
	}
	#mobile-nav .has-children-btn.minus{
		background-image:url('images/mobile_nav_minus.png');
		background-color:rgba(0,0,0,.2);border:0;	
		-webkit-box-shadow:inset 0 2px 10px -2px rgba(0,0,0,.08);-moz-box-shadow:inset 0 2px 10px -2px rgba(0,0,0,.08);box-shadow:inset 0 2px 10px -2px rgba(0,0,0,.08);
	}

/***********************/
/******** #HOME ********/
/***********************/
	
/*** SLIDESHOW ***/
#slideshow{
	position:relative;overflow:hidden;
	float:left;clear:both;width:100%;margin-top:140px;height:400px;
}

	.slides{margin:0;padding:0;height:100%}
	.slides li{
		display:none;
		list-style-type:none;margin:0;padding:0;
		height:100%;position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
	}
	.slide-text{
		background:rgba(0,0,0,.4);
		padding:20px 0;
		position:absolute;bottom:0;right:0;width:100%;
		text-align:right;
		font-family:'Zapfino', sans-serif;
		font-size:60px;line-height:60px;color:#fff;
		text-shadow:1px 1px 6px rgba(0,0,0,.8);
	}
#spa-experience{
	position:absolute;bottom:6px;right:0;
	width:526px;height:112px;
}

/*** Watch Video in home slider ***/
#intro-slideshow{
	position:relative;z-index:1;
}

#home-watch-wrap{
	position:absolute;z-index:5;
	top:180px;left:0;
	width:100%;
}

#home-watch{
	position:absolute;z-index:1;
	top:0;right:20px;
	height:60px;
	padding:0 16px 0 60px;

	border-radius:10px;
	background-color:#568EB0;
	background-image:url('images/watch-video-btn.png');
	background-repeat:no-repeat;
	background-position:10px 10px;

	-webkit-box-shadow:1px 2px 14px rgba(255,255,255,.5);
	-moz-box-shadow:1px 2px 14px rgba(255,255,255,.5);
	box-shadow:1px 2px 14px rgba(255,255,255,.5);

	font-size:18px;font-weight:700;color:#fff;line-height:60px;
	text-transform:uppercase;
}
#home-watch:hover{
	background-color:#001A37;
}

@media only screen and (max-width: 959px) {
	#home-watch-wrap{top:20px}
}
@media only screen and (max-width: 480px) {
	
	#home-watch{
		background-image:none;

		padding:0 12px;
		height:40px;line-height:40px;
		font-size:16px;
	}
}


/*** HOME BEST SPA/PROMOTION/PLAY ***/
#home-is{background:url('images/home_is_bg.jpg') top center repeat-x #001A37}

#home-intro{height:170px}
#voted-block{float:left;width:270px}
#voted-best-spa{
	margin:0;padding:12px 0;
	font-size:25px;line-height:25px;color:#fff;font-weight:300;
}
#promotion{float:left;width:100%;height:100px;background:#4E7596}
	#promotion-image{float:left}
	#promotion-text{
		display:table;width:170px;height:100px;vertical-align:middle;
	}
	#promotion-text p{
		display:table-cell;vertical-align:middle;padding:0 10px;
		font-size:16px;line-height:20px;color:#fff;
	}

#play-btn{
	/* Remember to uncomment the js enqueue in functions.php!!! */
	display:none;
	cursor:pointer;
	position:absolute;top:50%;right:0;width:80px;height:80px;
	margin-top:-40px;
	background:url('images/sprite.png') 0 -58px no-repeat;
}
	#play-btn:hover{background-position:-80px -58px}

/*** HOME TESTIMONIALS ***/
#testimonial{
	position:relative;height:90px;
	text-align:center;margin-top:15px;padding-top:10px;
}
	#testimonial-quote-top{
		position:absolute;top:0;left:0;width:36px;height:30px;
		background:url('images/sprite.png') -110px 0 no-repeat;
		z-index:1;
	}
	#testimonial-quote-bottom{
		position:absolute;bottom:-10px;right:0;width:36px;height:30px;
		background:url('images/sprite.png') -147px 0 no-repeat;
		z-index:1;
	}
	#testimonial-content{
		position:absolute;top:15px;left:0;width:100%;height:auto;
		z-index:2;
	}
	#testimonial-text{
		margin:0 0 10px 0;padding:0 20px;
		font-size:17px;line-height:21px;font-weight:300;color:#fff;
	}
	#testimonial-author{
		margin:0;
		font-size:15px;line-height:15px;font-weight:900;color:#fff;
	}

	/* PAGE TESTMONIAL */
	#page-testimonial{overflow:hidden;margin-bottom:20px;padding:0;background:#568EB0}
	#page-testimonial .col{padding:0 140px}
	#page-testimonial #testimonial{height:auto;margin-top:0;padding-top:0}
	#page-testimonial #testimonial-quote-top{top:-4px}
	#page-testimonial #testimonial-quote-bottom{bottom:-4px}
	#page-testimonial #testimonial-content{position:relative;top:0;padding:15px 30px}

/*** HOME SERVICES ***/
#services-tabs{display:none}
#services-tabs.ui-tabs{margin:0}
	#hs-ul{margin-right:1%}
	#hs-ul.ui-tabs-nav li a{color:#fff}
#services-tabs .ui-tabs-panel{margin:10px 0;padding:0;border:0}

.hs-service{float:left;margin:1%;width:31.333%;height:220px}
	.hs-service-img{
		float:left;width:100%;height:170px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	.hs-service-heading{
		float:left;width:100%;height:50px;
		line-height:50px;margin:0;padding:0 10px;text-align:center;
		font-size:18px;font-weight:900;
		color:#001A37;background:#fff;
	}
	.hs-service:hover .hs-service-heading{color:#fff;background:#568EB0}

/* center align the fourth service in couples and parties */
.hs-service-couples-4,
.hs-service-parties-4{margin-left:34.3333%}

/************************/
/******** #PAGES ********/
/************************/

/*** CONTACT ***/
#map{height:300px;margin-top:20px}

/***************************/
/******** #SERVICES ********/
/***************************/

/*** SERVICES LISTING ***/
#services-accordion{display:none}
.service{
	float:left;clear:both;width:100%;
	margin:0 0 20px 0;
	background:#fff;
	border:1px solid #eee;
	-webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.04), 1px 1px 5px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 0 12px rgba(0,0,0,.04), 1px 1px 5px rgba(0,0,0,.1);
	box-shadow: inset 0 0 12px rgba(0,0,0,.04), 1px 1px 5px rgba(0,0,0,.1);
}
.service-heading{font-size:20px;line-height:20px;font-weight:900}
.service-content{}

.price-list{float:left;clear:both;width:100%;margin-bottom:20px}
.price-list-heading{color:#568EB0}
.price-list-desc{font-weight:300;color:#568EB0;margin-top:-10px}

.prices{float:left;clear:both;width:100%;margin:0;padding:0}
.prices > li{
	list-style-type:none;float:left;clear:both;width:100%;
	margin:0;padding:8px 0;
	border-top:1px solid #E5EEF3;
}
	.prices > li:last-child{border-bottom:0}

.price-name{
	float:left;width:30%;padding:0 10px 0 0;
	color:#001A37;
}
.price-options{
	list-style-type:none;float:left;width:15%;
	margin:0;padding:0 10px 0 0;	
}
	.price-options li{
		list-style-type:none;float:left;clear:both;width:100%;
		margin:0;padding:0 0 4px 0;
		color:#568EB0;
	}

.price-description{
	float:left;width:55%;
	color:#568EB0;
}

/* Expandable Price Description */
.pde{
	position:relative;overflow:hidden;
	height:120px;
	border-bottom:1px solid #CBDCE7;
}
.pde-btn{
	cursor:pointer;
	position:absolute;bottom:0;right:0;
	padding:6px 8px 6px 26px;color:#568EB0;
	background:url('images/pde_plus.png') 11% 50% no-repeat #D9E5ED;
	z-index:21;
}
	.pde-btn:hover{background-color:#B4CCDC;color:#001A37}
.pde-img{float:right;margin:0 0 12px 12px}
.pde-mask{
	position:absolute;bottom:0;left:0;width:100%;height:50px;
	background:url('images/pde_mask.png') bottom left repeat-x;
	z-index:20;
}

/*** SPA MENU ***/
#spa-menu{display:none;margin-top:-50px}
.sm-service{
	float:left;width:50%;
	margin:0;padding:0 10px 30px 0;
}
	.sm-service-odd{clear:right}
	.sm-service-even{clear:left}
.sm-service-heading{}

.sm-price-list{float:left;clear:both;width:100%;margin-bottom:10px}
.sm-price-list-heading{margin-bottom:4px;color:#568EB0;}

.sm-prices{float:left;clear:both;width:100%;margin:0;padding:0}
.sm-prices > li{
	list-style-type:none;float:left;clear:both;width:100%;
	margin:0;padding:0;
}

.sm-price-name{
	float:left;width:60%;padding:0 10px 0 0;
	color:#001A37;	
}
.sm-price-options{
	list-style-type:none;float:left;width:40%;
	margin:0;padding:0;	
}
	.sm-price-options li{
		list-style-type:none;float:left;clear:both;width:100%;
		margin:0;padding:0 0 4px 0;
		color:#568EB0;
	}

/*** SPA TEAM (bios) ***/
.bio{
	float:left;clear:both;width:100%;
	margin:15px 0;padding:0 0 10px 0;
	border-bottom:1px solid #ddd;
}
	.bio-role{font-style:italic;color:#aaa;margin-top:-10px}
.bio-img{
	width:300px;height:300px;max-width:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
	.bio-odd .bio-img{float:left;margin:0 20px 20px 0}
	.bio-even .bio-img{float:right;margin:0 0 20px 20px}

/***  SIDEBAR  ***/
.sidebar-block{
	float:left;clear:both;width:100%;margin:0 0 35px 0;
}
.sidebar-heading{}
.sidebar-list{float:left;clear:both;width:100%;margin:0}
	.sidebar-list li{list-style-type:none;float:left;clear:both;width:100%;margin:0;padding:0;border-top:1px solid #eee}
	.sidebar-list li a{float:left;clear:both;width:100%;font-size:15px;padding:6px 0}
	.sidebar-list ul{margin:0;padding:0}
	.sidebar-list li li{margin-left:18px}
	.sidebar-list li li a{font-size:15px}
	.sidebar-list li li li a{padding-left:18px;margin:0;font-size:14px}
	.sidebar-list li li ul{float:left;clear:both;width:100%;margin-bottom:20px}
	.sidebar-list li li li{border-top:0;margin:0 0 0 28px;font-size:14px}
	.sidebar-list li li li a{padding:4px 0}


.sidebar-block #searchform{
	position:relative;
	float:left;width:100%;
	padding-right:80px;
	margin:0 0 10px;padding:0;
}

.sidebar-block #searchform #searchsubmit{
	position:absolute;top:0;right:0;
	width:80px;
	margin:0;padding:0 12px;
	text-align:center;
	line-height:40px;
}

.sidebar-block #searchform label{display:none}

.sidebar-block #searchform #s{
	float:left;width:100%;max-width:100%;
	background:#fafafa;
	border:1px solid #eee;
	margin:0;padding:0 12px;
	line-height:40px;
}



/*** ABOUT ***/
#about-bottom{
	padding:56px 0 20px 0;
	background:url('images/about_bottom_bg.jpg') top center repeat-x;
}


/*** BLOG ***/
#home-blog{

	/* TEMPORARY - REMOVE TO LAUNCH HOME PAGE BLOG FEED! */
	display:none;

	padding:40px 0;
	background:#fff;
}
#home-blog-top{
	margin-bottom:30px;
	padding-bottom:30px;

	border-bottom:1px solid rgba(0,0,0,.04);
}

.loop-wrap.home-loop article{
	float:left;width:50%;
	border:0;
	margin:0;padding:0;
}

@media only screen and (min-width:960px){
	.loop-wrap.home-loop article:first-child{padding-right:20px}
	.loop-wrap.home-loop article:last-child{padding-left:20px}
}

@media only screen and (max-width:959px){
	.loop-wrap.home-loop article{width:100%}
	.loop-wrap.home-loop article:first-child{padding-bottom:40px}
}



h1.blog-main-heading,
h3.blog-term-author{
	float:left;width:100%;
	margin-bottom:30px;
	padding:0 0 30px;
	border-bottom:1px solid rgba(0,0,0,.04);
}

.loop-wrap{
	margin:0 0 40px;
}
	.loop-wrap article{
		float:left;width:100%;
	}

.loop-post{
	margin-bottom:40px;
	padding-bottom:40px;

	border-bottom:1px solid rgba(0,0,0,.04);
}
	.loop-post:last-child{
		margin-bottom:0;
		padding-bottom:0;
		border-bottom:0;
	}


.post-title{margin-bottom:0}

.post-details-date{
	float:left;width:100%;
	margin:0;
	padding:0;

	font-size:14px;color:#888;font-weight:400;
}

.post-details-cats{
	float:left;width:100%;
	margin:0;
	padding:5px 0 15px;
}
	.post-details-cats a{font-size:14px;font-weight:400;}

.post-thumbnail{
	float:right;
	margin:0 0 20px 20px;
}



/* =========== PAGINATION =========== */
#pagination{
	float:left;width:100%;
	padding:20px 0 30px;
}
	#pagination ul.page-numbers{
		list-style-type:none;
		margin:0 auto;padding:0;
		color:#555;
		text-align:center;
	}
		#pagination ul.page-numbers li{display:inline}

		#pagination ul.page-numbers .current,
		#pagination ul.page-numbers a.page-numbers{
			display:inline-block;
			margin:0 1px 8px;padding:14px;	
			
			border:1px solid #ddd;
			background:rgba(0,0,0,.03);		

			font-size:15px;line-height:1;color:#555;font-weight:400;
		}
			#pagination ul.page-numbers .current:hover,
			#pagination ul.page-numbers a.page-numbers:hover{			
				border-color:#497D9D;
				background:#568EB0;			
				color:#fff;
				text-decoration:none;
			}
			#pagination ul.page-numbers .current.more{margin-left:0;margin-right:0;border:0;background:none}

		#pagination ul.page-numbers .current,
		#pagination ul.page-numbers .current:hover{
			border-color:#226398;
			background:#497D9D;				
			color:#fff;
			text-decoration:none;
		}
		
		#pagination ul.page-numbers .prev:before{content:"\2039";padding-right:6px}
		#pagination ul.page-numbers .next:after{content:"\203A";padding-left:6px}
		#pagination ul.page-numbers .dots{
			margin-left:10px;margin-right:10px;
			border:0;background:none;color:#999;	
		}




/***********************/
/******** #MISC ********/
/***********************/
.twitter-timeline{margin-bottom:20px}

/******************************/
/******** #WOOCOMMERCE ********/
/******************************/

.woocommerce .clear{float:none;width:auto}
.payment_box input,
.payment_box select{clear:none;float:none;clear:none}

.col2-set.addresses{margin-bottom:30px}

/* Loop product */
.loop-products{float:left;clear:both;width:100%;margin:0;padding:0}
.loop-product{
	position:relative;float:left;list-style-type:none;
	margin:0;padding:0;text-align:center;
	width:33%;height:315px;
}
	.home .loop-product{height:280px}
	#home-products-tabs .loop-product{width:20%}
	.lp-thumb{
		position:relative;display:inline-block;
		width:120px;height:120px;margin:0 auto 6px auto;
		border:1px solid #eee;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;		
		-webkit-transition-property:box-shadow, border-color;
		   -moz-transition-property:box-shadow, border-color;
		    -ms-transition-property:box-shadow, border-color;
		     -o-transition-property:box-shadow, border-color;
		        transition-property:box-shadow, border-color;
	}
		.lp-thumb:hover{
			border-color:#568EB0;
			-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
			-moz-box-shadow:0 0 10px rgba(0,0,0,.2);
			box-shadow:0 0 10px rgba(0,0,0,.2);
		}

	.lp-name-short{
		display:block;height:34px;margin:0 0 3px 0;overflow:hidden;
		font-size:15px;line-height:17px;font-weight:700;color:#444;
	}
	.lp-name-long{display:none}
		.lp-name{padding:0 12px}
		.lp-name a{font-weight:700}
	.lp-price{display:block;margin:0 0 5px 0;color:#444;font-weight:300}
	.lp-price del{color:#aaa}
	.lp-price ins{font-weight:700;color:#E71919;text-decoration:none}

	.lp-no-rating{display:inline-block;width:98px;height:20px}
	.loop-product .lp-rating{width:100%}

	.button.button-cart,
	a.button.button-cart{
		position:relative;margin:4px 0 0 0;padding:0 8px 0 30px;
		font-size:13px;line-height:32px;height:32px;		
		-webkit-transition-property:background-color, border-color;
		   -moz-transition-property:background-color, border-color;
		    -ms-transition-property:background-color, border-color;
		     -o-transition-property:background-color, border-color;
		        transition-property:background-color, border-color;
	}
	#single-product .button.button-cart{margin-top:0}

		.button-cart .icon-cart{
			position:absolute;top:8px;left:8px;width:14px;height:14px;
			background-image:url('images/sprite.png');
			background-position:-78px -60px;
			background-repeat:no-repeat;
		}
		.button-cart:hover .icon-cart{background-position:-94px -60px}

	.lp-outofstock{margin:2px 0 0 ;font-size:12px;line-height:14px;color:#888;font-style:italic}


/*** WOOCOMMERCE RESPONSIVE ***/
.woocommerce table td{border:0}
.woocommerce ul li{list-style-type:none}
.woocommerce input,
.woocommerce label{float:none;clear:none;width:auto;display:inline-block;text-transform:none}
.woocommerce legend{text-transform:none;font-weight:bold;color:#555}

.product img,
.woocommerce .products img{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}
.woocommerce .images img{max-width:300px;height:auto}

.related.products{float:left;clear:both;width:100%;margin:20px 0}

.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3{margin-bottom:12px !important}
.woocommerce .products img{max-height:140px;width:auto !important;margin:10px auto !important;text-align:center;display:block;}

.woocommerce .related .products li.product{max-width:200px !important}

.woocommerce .product{margin-bottom:20px !important}
.woocommerce .product h3{color:#568EB0 !important;font-size:18px !important;font-weight:900 !important;padding-bottom:0 !important}

.woocommerce .product:hover h3,
.woocommerce .product:hover .price{color:#001A37 !important}

.woocommerce .products{margin-top:20px !important}

.woocommerce .related .price,
.woocommerce .product_meta,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{display:none !important}

.woocommerce .cart_totals th,
.woocommerce .cart_totals td{padding:8px !important}

/*** WOOCOMMERCE RESPONSIVE ***/
@media only screen and (max-width: 600px) {
	.woocommerce .images,
	.woocommerce .summary,
	.woocommerce .col2-set .col-1,
	.woocommerce .col2-set .col-1,
	.woocommerce .col2-set .col-2,
	.woocommerce .col2-set .col-2{width:100% !important}

	/* START Make the cart table responsive */
	/* http://css-tricks.com/responsive-data-tables/ */

	/* Force table to not be like tables anymore */
	.woocommerce table.shop_table, 
	.woocommerce table.shop_table thead, 
	.woocommerce table.shop_table tbody, 
	.woocommerce table.shop_table th, 
	.woocommerce table.shop_table td, 
	.woocommerce table.shop_table tr { 
		display: block; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.woocommerce table.shop_table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.woocommerce table.shop_table tr { 
		/* border: 1px solid #d2d3d3; */
	}

	.woocommerce table.shop_table td { 
		/* Behave  like a "row" */
		border: 1px solid #d2d3d3; 
		position: relative;
		padding-left: 30% !important; 
	}

	.woocommerce table.shop_table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

	/* Label the data */
	.woocommerce table.shop_table td.product-remove:before {
		content: "DELETE";
	}
	.woocommerce table.shop_table td.product-thumbnail:before {
		content: "IMAGE";
	}
	.woocommerce table.shop_table td.product-name:before {
		content: "PRODUCT";
	}
	.woocommerce table.shop_table td.product-price:before {
		content: "PRICE";
	}
	.woocommerce table.shop_table td.product-quantity:before {
		content: "QUANTITY";
	}
	.woocommerce table.shop_table td.product-subtotal:before {
		content: "SUBTOTAL";
	}
	.woocommerce table.shop_table td.product-total:before {
		content: "TOTAL";
	}

	.woocommerce .quantity, 
	.woocommerce #content .quantity, 
	.woocommerce .quantity, 
	.woocommerce #content .quantity{margin:0}

	.woocommerce table.cart td.actions, 
	.woocommerce #content table.cart td.actions {
		text-align: left;border:0;padding-left: 6px !important;
	}

	.woocommerce table.cart td.actions .button.alt, 
	.woocommerce #content table.cart td.actions .button.alt {
		float: left;margin-top: 10px;
	}

	.woocommerce table.cart td.actions div, 
	.woocommerce #content table.cart td.actions div,
	.woocommerce table.cart td.actions input, 
	.woocommerce #content table.cart td.actions input{margin-bottom:10px}

	.woocommerce .cart-collaterals .cart_totals{
		float: left;
		width: 100%;
		text-align: left;
	}

	.woocommerce .cart-collaterals .cart_totals th, 
	.woocommerce .cart-collaterals .cart_totals td{border:0 !important}

	.woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td,
	.woocommerce .cart-collaterals .cart_totals table tr.shipping td,
	.woocommerce .cart-collaterals .cart_totals table tr.total td {
		padding-left: 6px !important;
	}

	.woocommerce table.shop_table tr.cart-subtotal td,
	.woocommerce table.shop_table tr.shipping td,
	.woocommerce table.shop_table tr.total td,
	.woocommerce table.shop_table.order_details tfoot th,
	.woocommerce table.shop_table.order_details tfoot td{
		padding-left: 6px !important;
		border:0 !important;
	}

	.woocommerce table.shop_table tbody{padding-top:10px}

	.woocommerce .col2-set .col-1, 
	.woocommerce .col2-set .col-1,
	.woocommerce .col2-set .col-2, 
	.woocommerce .col2-set .col-2,
	.woocommerce form .form-row-first, 
	.woocommerce form .form-row-last, 
	.woocommerce form .form-row-first, 
	.woocommerce form .form-row-last{float:none;width:100%}

	.woocommerce .order_details ul, 
	.woocommerce .order_details ul,
	.woocommerce .order_details, 
	.woocommerce .order_details{padding:0}

	.woocommerce .order_details li, 
	.woocommerce .order_details li{clear:left;margin-bottom:10px;border:0}
}

/* ===================== */
/* === IE EXCEPTIONS === */
/* ===================== */
.ie .slides,
.ie .slides li{height:400px}

/* ============================================ */
/* ========== #RESPONSIVE MEDIA QUERIES ======= */
/* ============================================ */
.mobile-only{display:none}

/*-----   W > 1400   -----*/
@media only screen and (min-width: 1400px){
	#slideshow{height:550px}
}

/*-----   W < 960   -----*/
@media only screen and (max-width: 959px) {
	/* NAV */
	#mobile-nav-open{display:block}
	#nav{display:none}

	/* HEADER & FOOTER */
	#header{background:#001A37;position:relative;float:left;clear:both;width:100%;height:auto}	
	#footer-contact{display:none}
	#footer-social{top:20px}

	/* HOME */
	#slideshow{margin-top:0;height:280px}
	.slide-text{
		font-family:'Lato',Arial,Helvetica,sans-serif;
		font-size:24px;line-height:28px;font-weight:300;
		padding:12px 0;
	}

	.hs-service-heading{font-size:16px}
	#home-is{background:#001A37}
	#home-intro{background:#568EB0;height:210px}
	.home #hs-ul{margin-top:20px}
	#voted-block{margin-top:10px}
	#voted-best-spa{padding:27px 0}
	#play-btn{right:auto;left:190px;top:10px;margin-top:0}
	#promotion{margin-top:5px}

	/* OTHER */
	#top-page-spacer{height:20px}


}

/*-----   W < 800   -----*/
@media only screen and (max-width: 799px) {
	.mobile-only{display:block}
	.desktop-only{display:none}

	/* HEADER & FOOTER */
	#logo{width:235px;height:83px}
	#header-phone{font-size:20px;line-height:20px;right:194px}
	#header-contact{right:186px}
	#header-contact li#hc-li-1{display:none}
	#header-contact li#hc-li-2{border-left:0}
	#mobile-nav-open{top:28px}

	/* HOME */
	.hs-service{width:48%}
	.hs-service-couples-4,
	.hs-service-parties-4{margin-left:1%}
	#home-intro{height:auto}
	#voted-block{position:absolute;top:10px;left:0;margin:0}
	#home-intro .col{width:94%;margin-left:3%;margin-right:3%}
	#home-voted{height:194px}
	#home-testimonial{height:auto;padding-bottom:20px}

	/* SERVICES */
	.sm-service{width:100%;padding-right:0}
	.sm-price-name{width:70%}
	.sm-price-options{width:30%}
	#spa-menu.ui-tabs{margin-bottom:0}

	/* OTHER */
	#page-testimonial .col{padding:0;margin-bottom:0}
}

/*-----   W < 600   -----*/
@media only screen and (max-width: 599px) {

	/* HEADER & FOOTER */
	#header{height:180px}
	#logo{position:absolute;top:10px;left:50%;margin:0 0 0 -117px}
	#header-phone{top:110px;font-size:18px;line-height:18px;right:auto;left:0}
	#header-contact{top:135px;right:auto;left:0}
	#mobile-nav-open{top:118px;right:0}

	/* HOME */
	#slideshow{height:240px}
	#hs-ul{margin-right:0;margin-top:0}
	.hs-service{width:100%;margin:6px 0}
	.ui-tabs-nav li a{font-size:15px;line-height:15px;padding:14px 10px}

	/* SERVICES */
	#spa-menu{margin-top:0}
}

/*-----   W < 400   -----*/
@media only screen and (max-width: 399px) {

	h1{font-size:24px;line-height:28px;letter-spacing:0}
	h2{font-size:20px;line-height:28px}
	h3{font-size:20px;line-height:24px}

	/* HEADER & FOOTER */
	#footer{height:160px}
	#footer-phone{font-size:20px;line-height:20px}	
	#footer-copy{top:76px}
	#footer-social{top:124px;right:auto;left:0}
	#footer-social li{margin:0 12px 0 0}

	/* HOME */
	#slideshow{height:160px}

	/* PRICES */
	.price-name{width:60%}
	.price-options{width:40%;padding-right:0;text-align:right}
	.price-description{clear:both;width:100%;margin:5px 0}

	/* OTHER */
	#page-testimonial #testimonial-content{padding:15px}

	.slide-text{font-size:18px;line-height:22px;padding:12px 0}
}

#mobile-book-now {
    display: none;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    right: 65px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    background-color: #568eb0;
    padding: 11px 16px 12px;
    z-index: 99;
}

@media (max-width: 959px) {
    #mobile-book-now {
        display: block;
    }
}

@media (max-width: 799px) {
    #mobile-book-now {
        bottom: initial;
        top: 28px;
        right: 60px
    }
}

@media (max-width: 680px) {
    #header-phone {
        font-size: 0px;
    }
    #header-phone strong {
        font-size: 19px;
    }

}

@media (max-width: 599px) {
    #mobile-book-now {
        top: 118px;
    }
}