@charset "UTF-8";
/********************************************************************************************************************
 
	Theme Name:Hand & Stone
	Theme URL: http://www.handandstone.ca/update/
	Description: Hand & Stone Website Theme
	Author: Big Spin Media
	Author URI: http://www.bigspinmedia.com
	Version: 1.0.0
	
	The PHP and XHTML are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

********************************************************************************************************************/
/* CSS Document */

@font-face {
          font-family: 'Quickpen';
          src: url('fonts/Quickpen.eot'); 
          src: url('fonts/Quickpen.woff') format('woff'),
          url('Quickpen.svg#fonts/Quickpen') format('svg');         }
@font-face {
          font-family: 'Agenda';
          src: url('fonts/Agenda-Bold.eot'); 
          src: url('fonts/Agenda-Bold.woff') format('woff'),
          url('Agenda-Bold.svg#fonts/Agenda-Bold#Agenda') format('svg'); 
		  font-weight:800; font-style:normal}
@font-face {
          font-family: 'Agenda';
          src: url('fonts/Agenda-Medium.eot'); 
          src: url('fonts/Agenda-Medium.woff') format('woff'),
          url('Agenda-Medium.svg#fonts/Agenda-Medium#Agenda') format('svg');
		  font-weight:400; font-style:normal
		}
		
 @font-face {
          font-family: 'Agenda';
          src: url('fonts/Agenda-MediumItalic.eot'); 
          src: url('fonts/Agenda-MediumItalic.woff') format('woff'),
          url('Agenda-MediumItalic.svg#fonts/Agenda-MediumItalic#Agenda') format('svg'); 
		    font-weight:400; font-style:italic        }		

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body {margin:0px;padding:0px;font-family: "Agenda",sans-serif;
	font-size:16px;
	
font-weight: 400;
    height: 100%;
	color:#5e5e5e;
	background:#ffffff;
 position: relative;
        float: left;
        min-height: 800px;
	
        width: 100%;
  }
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
	padding-left:20px;
}

  p{  font-family: "Agenda",sans-serif; font-size:16px; color:#636363;  }
    h5{font-family: "Agenda",sans-serif;margin:0px;padding:0px;color:#035896; font-size:20px; font-weight:800; }
  h4{font-family: "Agenda",sans-serif;margin:0px;padding:0px;color:#035896; font-size:22px; font-weight:800; }
  h3{font-family: "Agenda",sans-serif;margin:0px;padding:0px;color:#035896; font-weight:800;font-size:26px; font-weight:200; padding:10px 5px 10px 5px;  display:inline-block; line-height:26px;  }
    h1{font-family: "Quickpen",sans-serif;margin:0px;padding:0px;color:#035896; font-size:32px; font-weight:400; padding-top:5px;  line-height:36px;margin-left:10px;margin-right:10px;margin-bottom:20px }
	    h2{ margin:0px;padding:0px; font-size:28px; line-height:28px; font-family: "Agenda",sans-serif;font-weight:200;color:#035896;margin-bottom:5px;margin-top:20px;padding:5px; display: inline-block;}

a, a:active, a:visited{color:#035896;}
	.center{text-align:center}	
	#homeblock p{ font-size:20px}
	blockquote:before{ content: '“';
font-size: 50px;
color: #035896;
width: 10%;
float: left;}
	blockquote, q{
   quotes: none;
    font-size: 18px;
    font-style: italic;
       width: 80%;
    float: left;
	margin-left: 5%;
}

.brown{color:#c48455;}
.blue{color:#035896;}
blockquote p{width:90%;float:left}
.paddingtop40{padding-top:40px}
.paddingtop20{padding-top:20px}
.margintop40{margin-top:40px}
.margintop20{margin-top:20px}
.margintop40{margin-top:40px}
.marginbottom20{margin-bottom:20px}
.marginbottom40{margin-bottom:40px}
	
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


img {
    vertical-align: middle;
}
input, select {
    -webkit-border-radius:0; 
	-webkit-appearance:none;
    border-radius:0;
	background:#ffffff;
}

.maincontainer {
	width: 100%;
	min-height: 650px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.fixed  .maincontainer{margin-top:110px}

.section {
    width: 100%;
	float:left;
	
	
   
}
.spacer{ width: 100%;
	float:left;height:40px}
.contentholder{
	width: 1144px;
	margin-left: auto;
	margin-right: auto;
	
}	

.anchor {
    position: relative;
    top: -100px;
}

.headercontentholder{
	width: 1144px;
	margin-left: auto;
	margin-right: auto;
}	

.fixedTop {
   width:100%;
    position: fixed;
	height:100px;
	background:rgba(255,255,255,0.9);
    top: 0px;
z-index:100;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	
}

header{
	float: left;
	width: 100%;
	height:140px;
	background:rgba(255,255,255,1);
	transition: 0.3s ease;
}
.headertopbar{ background:#035896; height:30px; width:100%; font-size:14px}
.headertopbar .requestapp{width:auto; float:right; background:#78a22f; height:30px;margin-left:10px;margin-right:10px}
.headertopbar .requestapp a{color:#ffffff; text-decoration:none; display:inline-block;padding-left:10px;padding-right:10px;height:25px;padding-top:5px}
.headertopbar .findalocation{width:auto; float:right; height:30px;margin-left:10px;margin-right:10px}
.headertopbar .findalocation a{ color:#ffffff;text-decoration:none;display:inline-block;padding-left:10px;padding-right:10px;padding-top:5px;height:25px;}
.headertopbar .blogbtn{width:auto; float:right; height:30px;margin-left:10px;margin-right:10px}
.headertopbar .blogbtn a{ color:#ffffff;text-decoration:none;display:inline-block;padding-left:10px;padding-right:10px;padding-top:5px;height:25px;}


.blueboxtrans{background:rgba(0,86,149,0.9); padding:20px; color:#ffffff !important; width:auto;height:auto;  margin-top:40px;  margin-bottom:80px; margin-right:20px;display: inline-block;}
.blueboxtrans h2{color:#ffffff; margin-top:0px;width:100%}
.blueboxtrans h3{ color:#ffffff;width:100%}
.blueboxtrans h1{ color:#ffffff;width:100%}
.blueboxtrans p{margin:0px;padding:0px; font-size:38px; line-height:38px; font-family: "Agenda",sans-serif;font-weight:200;color:#035896;padding:5px; display: inline-block;color:#ffffff}
.blueboxtrans .script{font-family: "Quickpen",sans-serif;color:#ffffff;  font-size:32px; }

.bannerheight{ min-height:400px; float:left}
img{max-width:100%}
.imgbox{padding:20px}
.imgbox img{min-width: 100%;
width: auto;
min-height: 100%;
height: auto;
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;}

.image-box {width:100%; position:relative; text-align:center}
.image-left {
  width: 700px;
    min-height: 300px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    float: right;
	margin-top:40px;
		margin-bottom:40px;
}

.image-right {
	margin-top:40px;
	margin-bottom:40px;
    float: left;
   width: 700px;
    min-height: 300px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    float: right;
}

.image-left::before {
    content: '';
    width: 100%;
    height: 100%;
    background: none;
    top: 0;
    left: 0;
    position: absolute;
}


.image-right::before {
    content: '';
    width: 100%;
    height: 100%;
    background: none;
    top: 0;
    right: 0;
    position: absolute;
}

.image-left img {
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.image-right img {
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
a.buycardbtn{ float:Left; width:30%; margin:2.5%; padding:2.5%; background-color:#035896; color:#ffffff; text-decoration:none; font-size:18px; text-align:right}
a.buycardbtn .script{font-family: "Quickpen",sans-serif; }


.question{color:#035896; font-size:22px}
.answer{ color:#c48455; font-size:22px}
.textbox{padding-left:20px;padding-right:20px;}

/*headerimgs*/

.imagebar{ width:100%;float:left;height:250px; }
.appointmentheader{background: url(images/appointmentheader.jpg) top center no-repeat; background-size:cover;}
/**/
	.fixedTop #logo{width:200px;margin-top:15px}
		.fixedTop #logo img{width:100%; height:auto}


.fixedTop nav {

    margin-top: 20px;
 
}



#logo{

	margin-top: 15px;
	margin-left: 25px;
	width: 270px;
	height: 66px;
	float:left;
	transition: all 0.5s ease-in-out 0s;
}


	#locationsearchbar{ background: url(images/stoneybluewatermark.jpg) top right no-repeat #005695; width:800px; height:80px; margin-left:auto; margin-right:auto;  margin-bottom:20px;-webkit-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);margin-top:10px;
-moz-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);padding:20px; position: relative;}
#locationsearchbar .searchbartitle{ font-size:32px; color:#ffffff; float:left;width:220px; line-height:32px}
	#locationsearchbar .search{float:right;width:560px;margin-top:10px}
	
	
	
	
	#locationsearchbarfull{ background: url(images/stoneybluewatermark.jpg) top right no-repeat #005695; width:100%-40px; height:80px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:40px;-webkit-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);padding:20px; position: relative;}
#locationsearchbarfull .searchbartitle{ font-size:32px; color:#ffffff; float:left;width:220px; line-height:32px}
	#locationsearchbarfull .search{float:left;width:540px;margin-top:10px}
	#locationsearchbarfull .or{ text-align:center; color:#ffffff; font-size:18px; margin-top:20px}
#locationsearchbarfull .searchholder{float:left;width:760px}
#locationsearchbarfull 	.requestapp{margin-top: 10px;float:right;width:auto}
#locationsearchbarfull 	.requestappbtn{width: auto;
float: right;
background: #78a22f;
height: 34px;
margin-left: 10px;
margin-right: 0px;}

#locationsearchbarfull  .requestappbtn a{color: #ffffff;
    text-decoration: none;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;
	font-size: 14px;
    padding-top: 7px;}
	
	
		#fsl-search-input{ float:left;width:424px; height:34px; font-size:16px;padding:0px;padding-left:20px;padding-right:20px; border: none; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0 }
		#locationsearchbarsm{ background: url(images/stoneybluewatermark.jpg) top right no-repeat #005695; width:78%; height:70px; margin-left:10%; margin-right:10%; margin-top:-60px; margin-bottom:20px;-webkit-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);padding:1%; position: relative; float:left;max-width:100%}
#locationsearchbarsm .searchbartitle{ font-size:24px; color:#ffffff; float:left;width:150px; line-height:24px;margin-left:20px}
	#locationsearchbarsm .search{float:right;width:470px;margin-top:10px}
	
	
			#locationsearchbarsm .search #fsl-search-input{ float:left;width:350px; height:34px; font-size:16px;padding:0px;padding-left:20px;padding-right:20px; border: none; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0 }

	#fsl-search-btn{height:34px; color:#ffffff; background:#78a22f; font-weight:800; border:none; cursor:pointer}
	.searchbottom a{ color:#ffffff; float:left; margin-left:10px}
	.searchbottom{ margin-left:20px;float:left; font-size:12px;margin-top:10px; margin-bottom:10px; color:#ffffff}
	.searchbottom .locationsnear{ font-weight:800;margin-left:30px; width:auto;float:left }
	#locationsearchbarsm .searchbottom{margin-left:0px;margin-top:5px; }
	#locationsearchbarsm .searchbottom a{margin-left:0px; }
	

#closestlocations{margin-top:20px;
margin: 20px 10px 20px;
padding: 5px 0 0;
	float:left;
	color:#78a22f;
font-size: 32px;
font-weight: 400;
line-height: 36px;}
#alllocationsbtn{color: #ffffff !important;
padding: 10px;
background: #78a22f;
float: right;
text-decoration: none;
font-size: 24px;
display: inline-block;
margin-top: 20px;
width: calc(100% - 20px);
text-align: center; }
	
footer{ background:#035896; color:#ffffff;float:left;width:100%;margin-top:20px; font-size:13px}
footer a, footer p{ color:#ffffff;font-size:13px}
footer .footerholder{
	width: 1144px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	padding-bottom:10px
}
footer .bottombar{ bottom:0px;background:#e5eef4;  float: left; color:#035896;
width: 100%;}
footer .copyright{padding-top:5px}
#toggle-menu {
	
display:none
}
footer .bottombar p{color:#035896;}

nav{float:right;margin:0px;padding:0px; width:auto; border:none;margin-top:40px; clear: right;position:relative}
nav ul{ padding:0px; width:auto}
nav ul li{ float:left;padding:0px;padding-left:12px;padding-right:12px; list-style:none}
nav ul li a{ color:#035896; text-decoration:none; font-size:16px;padding-bottom:10px;  transition: 0.3s ease;border-bottom: 4px solid rgba(255,255,255,0)}
nav ul li a:hover { border-bottom:solid 2px #f2e3d7;padding-bottom:5px; }
nav ul li a:active { border-bottom:solid 2px #f2e3d7;padding-bottom:5px; }
/*-------------------------------
3.1 dropdwon menu 
--------------------------------*/
nav ul li  ul.sub-menu
{
	background: rgba(255,255,255,0.9) none repeat scroll 0 0;
	padding: 0px;
	padding-top:5px;
	position: absolute;
	top:150%;
	margin-left:-25px;
	width: auto;
	opacity:0;
	z-index:-99;
	transition: all 0.3s ease 0s;
display: flex;
flex-direction: column;
	margin-top:6px;
}

.fixedTop nav ul li  ul.sub-menu{}
nav ul li  ul.sub-menu>li{
	position: relative;
}
nav ul li  ul.sub-menu ul.sub-menu{
	background: rgba(255,255,255,0.8)  none repeat scroll 0 0;
	padding: 22px 0;
	position: absolute;
	top:0;
	right: 150px;
	width: auto;
	opacity:1;
	z-index:-99;
	transition: all 0.3s ease 0s;	
}

nav ul li  ul.sub-menu ul.sub-menu:before {
  border: none;
  content: "";
  left: 20px;
  position: inherit;
  top: -16px;
}


nav ul li  ul.sub-menu li,
nav ul li ul.sub-menu ul.sub-menu li{
	padding: 0;
	width: auto;
	height:24px;
}
nav ul li:hover ul.sub-menu{
	top:100%;
	opacity:1;
	z-index:999;
		

}
nav ul li ul.sub-menu li:hover ul.sub-menu{
	opacity:1;
	z-index:999;
	top:-53%;
	

}
nav ul li ul.sub-menu li a{
	border:none;
	color: #035896;
	font-weight: 400;
	margin: 0 25px;
	padding: 10px 0;text-transform: inherit;
}
nav ul li ul.sub-menu li:last-child a{border-bottom:0}
nav ul li:hover ul.sub-menu li a:hover{color:#c48455; border:none;padding-left:10px}
nav ul li ul.sub-menu:before,nav ul li .mega-menu:before,.user-login-menu ul>li .user-sign-in:before{
 
}
	
/*mobile nav*/
#mobilenavoverlay{    height: 100%;
	color:#5e5e5e;
	background:rgba(0,0,0,0.1);
 position: relative;
        float: left;
        min-height: 800px;
		position: fixed;
		z-index:99;
        width: 100%;
		top: 0;
	left: -100%;
	opacity:0;
	transition: all 0.1s;
		}
body.menu-active #mobilenavoverlay{left:0;	opacity:1; }
	#toggle-menu .navb {
	float:left;
height:25px;
	width:25px;
	display:inline-block;
	cursor:pointer;
	padding:2px;
	border:none;
	background:none;
	}
	
	
.lines-button:hover {
    opacity: 1;
  }
 
.lines-button:active {
    transition: 0;
   
  }

.lines-top,.lines-middle,.lines-bottom{width:20px; height:3px;background:#035896;float:left; margin-top:2px;margin-bottom:2px; transition: all 0.4s;}
body.menu-active #toggle-menu{}
body.menu-active #toggle-menu .lines-top{transform: rotate(45deg);
-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
   transform-origin: 50%;

	    -webkit-transform-origin: 50%;
		    -moz-transform-origin: 50%;
			    -ms-transform-origin: 50%; margin:0px;margin-top:8px;}
body.menu-active #toggle-menu .lines-middle{ display:none}
body.menu-active #toggle-menu .lines-bottom{transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-top:-3px;
    transform-origin: 50%;
	    -webkit-transform-origin: 50%;
		    -moz-transform-origin: 50%;
			    -ms-transform-origin: 50%;
				
				   }
				   
				   
#mobilenav {
	display:none;
	position: fixed;
	top: 0;
	left: -240px;
	height:100%;
	width: 240px;
	background: url(images/mobilenavbg.png) top right no-repeat #005695;
	margin: 0;

	list-style: none;

	
	
	z-index: 100; /* Make sure the z-index is lower than the #page */
	transition: all 0.2s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

}

body.menu-active #mobilenav {
	display: block;

	
}



#mobilenav ul#menu-mobile-menu{float:left;margin:0px;padding:0px;width:100%;margin-top:0px}
#mobilenav ul#menu-mobile-menu li{float:left;margin:0px;padding:0px; list-style:none;width:100%}
#mobilenav ul#menu-mobile-menu li a{float:left;width:90%;margin:0px;padding:0px; list-style:none; display:block;  color:#ffffff; font-size:14px;padding-top:10px;padding-bottom:10px; text-decoration:none; font-weight:400;	padding-left:10%;transition: all 0.2s ease-in-out 0s; }
#mobilenav ul#menu-mobile-menu li a:hover{color:#035896; background:rgba(255,255,255,0.7);transition: all 0.2s ease-in-out 0.2s;}

body.menu-active{transform: translate3d(240px, 0px, 0px);
	-webkit-transform: translate3d(240px, 0px, 0px);
	-moz-transform:translate3d(240px, 0px, 0px);
	-o-transform: translate3d(240px, 0px, 0px);
	-ms-transform: translate3d(240px, 0px, 0px);}


	#mobilenav ul#menu-mobile-menu li ul.sub-menu{  display:none;  background:#FFFFFF; color:#0177B5; visibility:hidden}
body.menu-active #mobilenav ul#menu-mobile-menu li ul.sub-menu{ visibility:visible;margin-top:0px; background:rgba(255,255,255,0.8);padding:0px; float:left;width:100%}
#mobilenav ul#menu-mobile-menu li ul.sub-menu a{color:#0177B5;}



#mobilenav ul#menu-mobile-menu li:hover > ul.sub-menu, #mobilenav li:hover > ul.sub-menu{ display:block;}			
#mobilenav ul#menu-mobile-menu li:hover > ul.sub-menu li, #mobilenav li:hover > ul.sub-menu li{ display:block;}
#mobilenav ul#menu-mobile-menu li:hover > ul.sub-menu li a, #mobilenav li:active > ul.sub-menu li a{ display:block;}	

body.menu-active #mobilenav ul#menu-mobile-menu li ul.sub-menu li a:hover li{background:rgba(255,255,255,0.8);}

footer .btmnav{ float:left;width:100%;margin-top:20px}

ul#menu-footer1 li, ul#menu-footer2 li{ float:left;padding:0px;padding-left:14px; list-style:none;width:100%}
ul#menu-footer1 li a, ul#menu-footer2 li a{ color:#ffffff; text-decoration:none; font-size:13px;padding-bottom:0px;}


.homeheader{ min-height:520px; background:url(images/homeheaderimg.jpg) no-repeat center center; background-size:cover}
.homebanner{margin-top:40px; margin-bottom:10px}	
.bannerholder{ width:95%;margin:2.5%; height:200px; position:relative; float:left; overflow:hidden}
.sidebannerholder{ width:95%;margin:2.5%; height:160px; position:relative; float:left; overflow:hidden}
.banner{ width:100%; height:100%; position:absolute; float:left; z-index:1}
.giftcardsbanner{background:url(images/gift_cards.jpg) center top no-repeat; background-size:cover}
.customersbanner{background:url(images/customers.jpg) center top no-repeat; background-size:cover}
.moreinfobanner{background:url(images/moreinfo.jpg) center top no-repeat; background-size:cover}
.massagebanner{background:url(images/massage_facial_intro.jpg) center top no-repeat; background-size:cover}
.hotstonebanner{background:url(images/hot_stone_intro.jpg) center top no-repeat; background-size:cover}
.facialsbanner{background:url(images/facials_intro.jpg) center top no-repeat; background-size:cover}
.offer{ background:none; height:auto; text-align:left; position:absolute; bottom:0;width:95%;padding:2.5%;transition: all 0.5s ease-in-out 0s; z-index:3}
.offermiddle{ background:none; height:auto; text-align:left; position:absolute; bottom:25%;width:95%;padding:2.5%;transition: all 0.5s ease-in-out 0s; z-index:3}
.offerw{ background:rgba(255,255,255,0.8); height:auto; text-align:left; position:absolute; bottom:0;width:95%;padding:2.5%;transition: all 0.5s ease-in-out 0s; z-index:3}
.offertitle{font-family: "Quickpen",sans-serif;color:#035896;font-size:20px; line-height:20px;margin-bottom:5px;margin-top:5px;}
.offersubtitle{font-family: "Agenda",sans-serif;color:#035896;font-size:18px; font-style:italic }
.offerprice{width:74px;height:74px; position:absolute; top:2.5%; right:2.5%; z-index:4}
.blueline{ border-bottom:solid 1px #035896}
.featured{text-align: center;padding-top:40px;padding-bottom:40px; }
.featuredimgholder{text-align: center;}
.featuredimg{width:210px;height:210px; display:inline-block}
.featuredimg img{width:100%;height:100%}
.featuredtitle{font-family: "Quickpen",sans-serif;color:#035896;font-size:20px; line-height:20px;margin-bottom:5px;margin-top:5px;}
.featuredsubtitle{font-family: "Agenda",sans-serif;color:#636363;font-size:16px; font-style:italic}
.featuredbutton{margin-top:20px;
    color: #ffffff !important;
    padding: 10px;
	background: #035896;
	display: inline-block;
    text-decoration: none;
    font-size: 16px;
}

.downloadbtn{margin-top:10px;margin-bottom:10px;
    color: #ffffff !important;
    padding: 10px;
	background: #035896;
	display: inline-block;
    text-decoration: none;
    font-size: 16px;
}


.banner:hover{ }

.sliderholder{padding-top:20px}
.sidebar{min-height: 393px;width: 100%;

float: right;
padding-top:60px;font-size:14px; position:relative}


.subsidebar{width: 100%;
float: right;font-size:14px; position:relative; }
.subsidebar ul{margin:0px;padding:0px}
.subsidebar ul li{ list-style:none;margin:0px;padding:0px; margin-top:10px;}
.subsidebar ul li a{ text-decoration:none; font-size:14px}
.stoney{ background:url(images/stoney.jpg) top right no-repeat;}

.sidebar .info{font-size:14px;width:90%;float:left; margin-left:5%; margin-right:5%}
.sidebar .info a{color:#5e5e5e;}
.sidebar .info .boldblue{ font-weight:800;color:#035896; }

.sidebar .bannerholder{margin-left:0px;margin-right:0px}
.findlocation{margin-top:40px;}
.findlocation .title{ font-family: "Quickpen",serif;color:#035896; font-size:20px;}
/*services*/
.facialaddons{color:#035896;}
ul.facialaddons ,ul.massageaddons {margin:0px;padding:0px;}
ul.facialaddons  li,ul.massageaddons  li{margin:0px;padding:0px; list-style:none}
.massageaddons{color:#c48455;}


/*locations*/
.locationsheader{width:852px;height:393px; background-size:contain; position:relative;}
.loc_phone{ font-size:34px; color:#78a22f;float:left;width:100%; font-weight:800}
.email{color:#035896;float:left;width:100%}
.email a{ color:#035896;}
.address{color:#035896; line-height:14px; font-size:14px;float:left;width:100%}
.locationoffers{ height:auto; width:100%;position:absolute; bottom:0; background:rgba(0,86,149,0.9)}
.locationofferholder{width:calc(100%/3);position:relative;float:left; }
.locationoffer{width:90%;margin:5%;float:left}
.locationofferinfo{float:left;width:150px;height:80px; font-weight:200 }
.locationoffertitle{font-family: "Quickpen",sans-serif;color:#ffffff;font-size:18px; line-height:20px;margin-bottom:5px;margin-top:5px;margin-top:20px}
.locationoffersubtitle{font-family: "Agenda",sans-serif;color:#ffffff;font-size:16px; font-style:italic }
.locationofferprice{width:70px;height:70px;float:left; margin-top:14px; position: relative;}
.locationsheaderbtns{width:100%; height:30px;margin-top:-50px;float:left}
.offerarrow {
    width: 60px;
    float: right;
    position: absolute;
    right: -50px;
    top: -50px;
}
.specialoffer{float:left;width:100%;text-align: center; font-size: 0.9em;color:#fff;margin-top:5px}
.reviewbtn{float:right;padding:10px; background:#035896;margin-left:5px; margin-right:5px; color:#ffffff}
.reviewbtn #reviews{ clear:both;width:auto; height:15px;padding:0px;margin:0px; margin-top:10px;margin-right:auto; margin-left:auto;}
.reviewbtn #reviews ul{float:right; margin:0px;padding:0px;margin-top:4px;margin-left:5px;}
.reviewbtn #reviews ul li {
	float: left;
	margin-left: 5px;
	
	
	margin-right: 5px;
	padding: 0px;
	list-style: none;
	width: 18px;
	
}
.reviewbtn #reviews ul li a{float:right; display:block;padding:0px;height:18px;width:18px; color:#ffffff; text-decoration:none; font-weight: normal; font-size:16px}


.bookaptbtn{float:right;padding:10px;background:#78a22f;margin-left:5px; margin-right:5px}
 .bookaptbtn a{ text-decoration:none; color:#ffffff; width:100%; height:100% }
#google_map_canvas {
    float: left;
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
    height: 160px;
    margin-top: 10px;
	position:absolute;
	bottom:0px;
}
.loc_hours_holder{font-style:italic;color:#035896; font-weight:400;margin-top:10px; font-size:12px ;float:left}
.single-locations  h2{ text-transform:uppercase; font-weight:200}
.tour{float:left;margin-top:10px;width:100%}
.locationtags{ font-size:16px; font-style:italic;color:#035896; text-align:center; width:100%; margin-top:10px;margin-bottom:10px }

/*decompressionpage*/
.upgrade20{position: relative;}
.upgrade20 img{position: absolute;right:20px; top:-400px}

.hideitem{display:none}

/*social*/
#socialbtns{ height:15px;padding:0px;margin:0px; float:right;padding-right:40px;margin-bottom:10px;width:auto}
	#socialbtns ul{
	float: right;
	height: 22px;

	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 0px;
	padding: 0px;
	
}
	#socialbtns ul li {
	float: left;
	margin-left: 2px;
	
	
	margin-right: 2px;
	padding: 0px;
	list-style: none;
	width: 28px;
	height: 33px
}
		#socialbtns ul li a{float:left; display:block;padding:0px;height:18px;color:#ffffff; text-decoration:none;font-weight: normal; font-size:16px;padding-top:5px;width:100%; text-align:center}
	#socialbtns ul li a:hover{
	background: none;
	color: #FFFFFF;
}


		
			#btmsocialbtns{ clear:both;width:auto; height:15px;padding:0px;margin:0px; margin-top:10px;margin-right:auto; margin-left:auto;}
	#btmsocialbtns ul{float:right;height:22px; margin:0px;padding:0px;}
#btmsocialbtns ul li {
	float: left;
	margin-left: 2px;
	
	
	margin-right: 2px;
	padding: 0px;
	list-style: none;
	width: 28px;
	height: 33px
}
		#btmsocialbtns ul li a{float:right; display:block;padding:0px;height:18px;width:18px; color:#ffffff; text-decoration:none; font-weight: normal; font-size:16px}

		#navsocialbtns{ clear:both;width: 90%; height:15px;padding:0px;margin:0px; margin-top:10px;margin-bottom:10px;margin-left:10%}
	#navsocialbtns ul{float:left;height:15px; margin:0px;padding:0px;margin-top:10px;}
	#navsocialbtns ul li {float:left;height:18px;width:18px;padding:0px;  list-style:none;margin-right: 5px;
	margin-left: 5px;}
		#navsocialbtns ul li a{float:left; display:block;padding:0px;height:18px;width:18px; color:#ffffff; text-decoration:none; font-weight: normal; font-size:18px}
	#navsocialbtns ul li a:hover{ background:none; color:#ffffff;}
	
	
	
	#locationsocialbtns{ clear:both;width: 90%; height:15px;padding:0px;margin:0px; margin-top:5px;margin-bottom:5px;margin-left:0px;float:left}
	#locationsocialbtns ul{float:left;height:15px; margin:0px;padding:0px;}
	#locationsocialbtns ul li {float:left;height:18px;width:18px;padding:0px;  list-style:none;margin-right: 5px;
	margin-left: 5px;}
		#locationsocialbtns ul li a{float:left; display:block;padding:0px;height:18px;width:18px; color:#035896; text-decoration:none; font-weight: normal; font-size:18px}
	#locationsocialbtns ul li a:hover{ background:none; color:#035896;}
 .scrollDown{
	width:26px; 
	height:26px;
	border:2px solid #035896;
	padding:0px; 
	text-align:center; 
	font-weight: bold;
	text-decoration: none;
	position:fixed;
	z-index:100;
	bottom:10px;
	right:10px;
	display:none;
	background: rgba(255,255,255,.4);
	border-radius:50%;
	color:#035896;
	font-size:24px;
	padding-top:0px;
}	
	
 .scrollToTop{
	width:26px; 
	height:26px;
	border:2px solid #035896;
	padding:0px; 
	text-align:center; 
	font-weight: bold;
	text-decoration: none;
	position:fixed;
	z-index:100;
	bottom:10px;
	right:10px;
	display:none;
	background: rgba(255,255,255,.4);
	border-radius:50%;
	color:#035896;
	font-size:24px;
	padding-top:0px;
}
.scrollToTop:hover{
	text-decoration:none;
}

	.wow {
    visibility: hidden;
}	


/*start blog*/


.preview_content{padding:20px;margin:10px; background:rgba(0,86,149,0.9)}
.preview_content h2{margin-top:0px;color:#ffffff; }

.preview_post{background: #2d74a8; color:#ffffff;margin-bottom:20px;background-size:cover}
.preview_post a{ color:#ffffff; text-decoration:none; display:block;width:100%; height:100%}

.post-title h1{margin-top:20px}

#widgetholder li{ list-style:none;width:100%;float:Left;font-size:14px;margin:0px;padding:0px;margin-top:10px}
#widgetholder ul { width:100%;float:Left;font-size:14px;margin:0px;padding:0px}
#widgetholder ul li a{ text-decoration:none}
#widgetholder{float:right; margin:0px; padding:0px;margin-left:5%;width:90%;margin-bottom:20px}
.widgettitle{ float:left;width:100%; font-size:28px; line-height:28px;}
#widgetholder h3{ padding-left:0px; padding-bottom:0px;font-size:14px;}
h2.widgettitle{ padding-left:0px; padding-bottom:0px;}
.entry,.post-title{padding-left:20px;padding-right:20px}
#blogright{ margin-bottom:40px}
.blog-date-wrapper {
 text-align: center;
float: left;
margin-right: 25px;
margin-top: -80px;
z-index: 100;
position: relative;
color:rgb(0,86,149);
padding:5px;
background:rgba(255,255,255,0.8);
}

.blog-date-wrapper .blog-date-day {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 2px;
	line-height:24px;;
}

.blog-date-wrapper .blog-date-month {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
	line-height:14px;
}

.blog-date-wrapper .blog-date-year {
    font-size: 14px;
		line-height:15px;
}
/*end blog*/
#reviewbtn{ cursor:pointer}

/*Crumbs*/
.crumbs{ font-size:12px;margin-left:20px;margin-top:20px}
.crumbs a{ text-decoration:none}

/*Crumbs*/
/*Careers*/

.applyforjob{width: auto;
float: right;
background: #78a22f;
height: 34px;
margin-left: 10px;
margin-right: 0px;}

.applyforjob a{color: #ffffff;
    text-decoration: none;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;
	font-size: 14px;
    padding-top: 7px;}
	
	
		#careersearchbar{ background: url(images/stoneybluewatermark.jpg) top right no-repeat #005695; width:78%; height:60px; margin-left:10%; margin-right:10%; margin-top:20px; margin-bottom:20px;-webkit-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);padding:1%; position: relative; float:left;max-width:100%}
#careersearchbar .searchbartitle{ font-size:24px; color:#ffffff; float:left;width:150px; line-height:24px;margin-left:20px;margin-top:20px}
	#careersearchbar .search{float:right;width:470px;margin-top:10px}
	
	
			#careersearchbar #selectcity{ float:left;width:350px; height:34px; font-size:16px;padding:0px;padding-left:20px;padding-right:20px; border: none; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0 }

	#careersearchbar .findjobsbtn{height:24px; color:#ffffff; background:#78a22f; font-weight:400; border:none; cursor:pointer;float:left; padding:5px}
	
	
	
		#careersearchbarsm{ background: url(images/stoneybluewatermark.jpg) top right no-repeat #005695; width:90%; height:60px; margin-left:5%; margin-right:5%; margin-top:20px; margin-bottom:20px;-webkit-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);padding:1%; position: relative; float:left;max-width:100%}
#careersearchbarsm .search{float:right;width:90%;padding:5%}
	
	
			#careersearchbarsm #selectcity{ float:left;width:68%; height:34px; font-size:14px;padding:0px;padding-left:5px;padding-right:5px; border: none; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0 }

	#careersearchbarsm .findjobsbtn{height:24px; color:#ffffff; background:#78a22f; font-weight:400; border:none; cursor:pointer;float:left; padding:5px}
	
	
/*end Craeers*/
/*col -------------------------------------------------------------- */

.rowfluid {
  width: 100%;
  *zoom: 1;


  
}


.rowfluid:before,
.rowfluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.rowfluid:after {
  clear: both;
}

.rowfluid .col12 {
  width:calc(100% );
float: left;


}

.rowfluid .col11 {
  width: 91.48936170212765%;

}

.rowfluid .col10 {
  width: 82.97872340425532%;

}

.rowfluid .col9 {
 width:calc((100%/ 4)*3);
 float:left;
}

.rowfluid .col8 {
 width:calc((100% / 3)*2);
 float:left;
}

.rowfluid .col7 {
  width: 57.44680851063829%;
  
}

.rowfluid .col6 {
   width: calc(50%);
float:left;
}

.rowfluid .col6b {
  width: calc(50%);
  float:left;

 
}

.rowfluid .col6c {
  width: calc(50%);
  float:left;

 
}


.rowfluid .col5 {
  width: 40.42553191489362%;

}

.rowfluid .col4 {
 width:calc((100%/ 3) );

  float:left;
}


.rowfluid .col4b {
 width:calc((100%/ 3) );

  float:left;
}
.rowfluid .col4:nth-child(1), .rowfluid .col4:nth-child(4) {margin-left:0px}
.rowfluid .col4:nth-child(3), .rowfluid .col4:nth-child(6) {margin-right:0px}

.rowfluid .col3 {
  width:calc((100% / 4));
float:left;
}

.rowfluid .col3b {
  width:calc((100% / 4));
float:left;
}

.rowfluid .col3c {
  width:calc((100% / 4));
float:left;
}

.homebanner .rowfluid .col3 { text-align:center; }


.rowfluid .col2 {
 width: calc((100% - 1px)/ 6);

}

.rowfluid .col1 {
width: calc((100% - 1px)/ 8);

}




/* WordPress Core -------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*	10.	Pagination 	*/

#pagination {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	}
#portfolio #pagination {
	margin-top: 20px;
	}
.pagination {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	}
.number-paginate {
	padding: 10px 0px;
	}
.number-paginate a {
	display: inline-block;
	background: none;  
	color: #035896;
	height: 30px;
	line-height: 30px;
	margin-right: 4px; 
	padding: 0px 12px; 
	font-weight: bold;
	text-align: center; 
	text-decoration: none;
	border: none;
	}
.number-paginate a:hover, 
.number-paginate a:active {
	background: #035896;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	padding: 0px 12px; 
	border: none;
	}
.number-paginate .number-title {
	color: #5E5E5E;
	margin-right: 4px;
	}
.number-paginate .number-gap {
	color: #035896;
	margin-right: 4px;
	}
.number-paginate .number-current {
	display: inline-block;
	background: #78a22f;
	color: #FFFFFF; 
	height: 30px;
	line-height: 30px;
	margin-right: 4px; 
	padding: 0px 12px;
	font-weight: bold;
	text-align: center;
	float: none;
width:auto;
position:relative;
	}
.number-paginate .number-page {
	}
.number-paginate .number-prev {
	}
.number-paginate .number-next {
	}
#prevLink {
	float: left;
	padding: 0px;
	margin: 0px;
	}
#nextLink {
	float: right;
	padding: 0px;
	margin: 0px;
	}
#prevLink p, #nextLink p {
	padding: 0px;
	}
#prevLink p a, #nextLink p a {
	display: block;
	padding: 0px;
	}
	
.navigation{float:left;width:100%}
.navigation .previous-entries{float:left;width:46%;margin-left:2% !important}
.navigation .previous-entries span{float:left;width:auto; font-size:14px;  color:#035896;padding:5px}
.navigation .previous-entries a{float:left;width:auto;color:#ffffff;  clear:both;  background:#035896;padding:5px; text-decoration:none}
.navigation .next-entries{float:right;width:46%;margin-right:2% !important}
.navigation .next-entries span{float:right;width:auto; font-size:14px;color:#035896;padding:5px}
.navigation .next-entries a{float:right;width:auto; color:#ffffff; clear:both;padding:5px; background:#035896; text-decoration:none}


@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

  /* Small screen, retina, stuff to override above media query */

}