/*
Theme Name: Hartland

Author: Tom Mason
Description: Custom theme for Hartland
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: Hartland
*/

@font-face {
  font-family: 'roboto-regular';
  src: url('style/fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),  url('style/fonts/RobotoSlab-Regular.woff') format('woff'), url('style/fonts/RobotoSlab-Regular.ttf')  format('truetype'), url('RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'roboto-light';
  src: url('style/fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),  url('style/fonts/RobotoSlab-Light.woff') format('woff'), url('style/fonts/RobotoSlab-Light.ttf')  format('truetype'), url('style/fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'raleway-light';
  src: url('style/fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),  url('style/fonts/Raleway-Light.woff') format('woff'), url('style/fonts/Raleway-Light.ttf')  format('truetype'), url('style/fonts/Raleway-Light.svg#Raleway-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'raleway-regular';
  src: url('style/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),  url('style/fonts/Raleway-Regular.woff') format('woff'), url('style/fonts/Raleway-Regular.ttf')  format('truetype'), url('style/fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'sugar-plums';
  src: url('style/fonts/Sugar_Plums.eot?#iefix') format('embedded-opentype'),  url('style/fonts/Sugar_Plums.woff') format('woff'), url('style/fonts/Sugar_Plums.ttf')  format('truetype'), url('style/fonts/Sugar_Plums.svg#Sugar_Plums') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* reset defaults */

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,table,th,td{
	margin:0;
	padding:0;
	border:0;
	line-height:1.2;
	font-weight:normal;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}
	
* {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;}		

ul,ol{
	list-style:none; }

:focus{
	outline:0; }

img{	
	border:0; }

strong{
	font-weight:bold; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }

/* standard tags */

body{
	font-size:62.5%;}
	
h2{
	font-family: 'roboto-light';
}

h3{
  font-family: 'raleway-light';
}

h4{
  font-family: 'raleway-regular';
}

.sugar{
  font-family: 'sugar-plums' !important;
    font-size:3em !important;
}

a,
a:link,
a:visited{
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
	
a:hover{
	color:#006b6e;
}
			
/* tables */

/* structural */
    
.left{
   float:left;}
   
.right{
   float:right;}
   
.clear:after{
	content:" ";
	float:none;
	display:block;
	height:0;
	clear:both;} 
   
.container{
	margin:0 auto;
	max-width:980px;}
	
	.container > .inner{
		padding:0 20px;}
		
		.content{
			width:73%;
			padding-top:20px;
			float:right;}
			
span.green{
	color:#006b6e;
}
			
/* main content */

.mainContent h2{
	font-size:2.8em;
	color:#006b6e;
	font-family: 'roboto-light';
	margin-bottom:20px;}
	
.mainContent h3{
	color:#006b6e;
	font-size:2em;
	margin-bottom:5px;	
	font-family: 'roboto-regular';
}
	
.mainContent h5{
	font-size:1.4em;
	color:#7c7a79;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height:22px;
	margin-bottom:20px;}
	
.mainContent p{
	font-size:1.4em;
	color:#989c9e;
	margin-bottom:20px;
	line-height:20px;}
	
.mainContent h4{
	color:#006b6e;
	font-size:1.2em;
	margin:0;
	line-height:20px;
	font-weight:bold;
}

.mainContent a{
	color:#006b6e;
}

.mainContent a:hover{
	text-decoration:underline;
}

.mainContent ul{
	padding-bottom:20px;
	padding-left:20px;
	list-style-type:disc;
	color:#989c9e;}
	
	.mainContent li{
		font-size:1.2em;
		color:#989c9e;
		margin-bottom:5px;
	}
	
/* cross site */


.spinner {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(style/images/spinner.gif) no-repeat;
	width: 32px;
	height:32px;
	margin: 0 auto;
}

.rounded{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    overflow:hidden;}   

.transAll{    
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}
    
.transOpacity{    
     -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;}

.transBackground{    
     -webkit-transition: background 0.7s ease-in-out;
    -moz-transition: background 0.7s ease-in-out;
    -ms-transition: background 0.7s ease-in-out;
    -o-transition: background 0.7s ease-in-out;
    transition: background 0.7s ease-in-out;}    
    
.transColor{    
     -webkit-transition: color 0.7s ease-in-out;
    -moz-transition: color 0.7s ease-in-out;
    -ms-transition: color 0.7s ease-in-out;
    -o-transition: color 0.7s ease-in-out;
    transition: color 0.7s ease-in-out;} 
    
.button{
	display:inline-block;
}

	.button a{
		display:block;
		padding:8px 20px 9px 20px;
		font-family: 'roboto-regular';
		background:#006b6f;
		color:#fff;
		font-size:1.1em;
		text-transform:uppercase;}
		
	.button a:hover{
		background:#43989a;
	}
    
   
/* header */

.header{
	border-top:8px solid #7ecdc3;}
	
	.header .top{
		padding:0 0 20px 0;}

		.header .col{
			width:33.3%;
			float:left;}
			
		.header .callUs{
			height:145px;
			position:relative;
			top:-155px;
			background:url(style/images/background-call-us.png) no-repeat top left;}
			
			.header .callUs h4{
				color:#fff;
				font-weight:bold;
				width:195px;
				text-align:center;
				position:absolute;
				display:inline-block;
				bottom:10px;
				font-size:1.2em; }
				
		.share{
			height:145px;
			position:relative;}
				
			.share ul{
				display:block;
				position:absolute;
				right:0;
				bottom:0;}
			
			.share li{
				float:left;
				-webkit-transition: all 0.3s ease-in-out;
			    -moz-transition: all 0.3s ease-in-out;
			    -ms-transition: all 0.3s ease-in-out;
			    -o-transition: all 0.3s ease-in-out;
			    transition: all 0.3s ease-in-out;
				margin:0 0 0 7px;
				opacity:1;
				background:url(style/images/icon-share.png) no-repeat 0 0;}
				
				.share li:last-child{
					background-position:-42px 0;}
					
				.share li:hover{
					opacity:0.7;
					margin-top:-5px;}
					
				.share a{
					display:block;
					width:34px;
					height:34px;
					text-indent:-999px;
					overflow:hidden;}
					
		.header .logo{
			padding-top:18px;}
				
			.header h1,
			.header h1 a{
				display:block;
				margin:0 auto;
				width:193px;
				height:129px;
				background:url(style/images/logo.png) no-repeat 0 0;
				text-indent:-999px;
				overflow:hidden;}
				
	.header .bottom{
		padding:0 20px;
		background:url(style/images/background-top-nav.png) no-repeat center bottom;}
	
		.header .topNav li{
			float:left;
			margin-right:5%;}
			
		.header .topNav li:last-child{
			margin-right:0;}
			
			.header .topNav a{
				font-size:1.3em;
				display:block;
				padding:18px 0;
				text-transform:uppercase;
				color:#989c9e;
				font-family: 'roboto-regular';}
			
			.header .topNav a:hover{
				color:#006b6e;}			
				
	.header .mobileNav{
		display:none;
		cursor: pointer;
		position: absolute;
		top: 20px;
		right: 0;
		height: 27px;
		width: 50px;
		background: url(style/images/mobile-nav-icon.png) no-repeat 50% 50%;
		background-size:39px 27px;
	}
	
		.mobileNav ul{
			display:none;
			position: absolute;
			left: 50px;
			z-index:99;
			background: rgba(255,255,255,0.95);
		}
		
		.mobileNav li{
			border-bottom:1px solid #dfdfdf;}
	
		.mobileNav a{
			color:#686868;
			text-transform:uppercase;
			font-size:1.5em;
			padding:20px;
			display:block;}
			
			.mobileNav ul ul{
				display:block;
				position:static;}
				
				
				
				.mobileNav ul ul li{
					border:none;
				}
				
				.mobileNav ul ul li.last{
					padding-bottom:10px;
				}
				
					.mobileNav ul ul a{
						font-size:1.3em;
						color:#7ecdc3;
						padding:10px 40px;}
						
		
.footer{
	padding-bottom:226px;
	padding-top:20px;
	background:url(style/images/background-footer.png) no-repeat center bottom;}
	
	.newsletter{
		height:88px;
		text-align:center;
		background:#d8efee;}
		
		.newsletter .inner{
			display:inline-block;
		}
			
			.newsletter h4{
			  font-family: 'raleway-regular';
			  font-size:1.6em;
			  display:inline-block;
			  color:#989c9e;
			  line-height:88px;
			}
			
			.newsletter #mc_embed_signup{
				display:inline-block;
				width:340px;
				position:relative;
				line-height:88px;
				margin-left:30px;}
				
				.footer form input[type=email]{
					height:43px;
					padding:0;
					border:none;
					background:#fff;
					width:100%;
					font-size:1.2em;
					color:#989c9e;
					text-indent:20px;
				}
				
				.footer form input[type=submit]{
					position:absolute;
					right:10px;
					top:12px;
					text-indent: -999px;
					border:none;
					width:25px;
					height:17px;
					background:url(style/images/background-input-submit.png) no-repeat 0 0 transparent;
				}
				
	.footer .top{
		padding:36px 0 20px 0;
		background:url(style/images/background-top-nav.png) no-repeat center bottom;}
	
		.footer .top a{
			display:block;
			background:url(style/images/icon-to-top.png) no-repeat right center;
			padding:0 30px 0 0;
			float:right;
			font-size:1em;
			font-family: 'roboto-regular';
			color:#989c9e;}
		
		.footer .top a:hover{
			color:#006b6e;}
			
		.footer .bottomNav{
			padding:26px 0;	
			float:left;}
		
			.footer .bottomNav li{
				float:left;
				margin-right:20px;	}
				
				.footer .bottomNav a{
					font-size:1.1em;
					color:#989c9e;
					text-transform:uppercase;
					font-family: 'roboto-regular';	}
					
				.footer .bottomNav a:hover{
					color:#006b6e;					
				}
				
		.footer .no{
			float:right;
			display:block;
			font-family: 'roboto-regular';	
			padding-top:23px;
			font-size:1.3em;
			color:#006b6e;}
			
			.footer .no span{
				color:#7ecdc3;}
				
	.footer .copyright{
		text-align:center;
		color:#989c9e;
		font-size:1.2em;
		margin-top:30px;}
		
		.footer .copyright  a{
			color:#006b6e;
		}
				
/* breadcrumb */

.breadcrumb{
	padding:18px 0;
	color:#999;}
	
	.breadcrumb li{
		color:#006b6e;
		font-size:1.1em;
		display:inline-block;}
		
		.breadcrumb a{
			color:#999;}
			
/* banner */

.banner{
	width:100%;
	position:relative;
	margin-bottom:20px;
	height:362px;}

	.banner .inner{
		padding:28px;
		height:306px;}
		
		.banner .border{
			border:1px solid #fff;
			height:100%;}
			
			.banner h1{
				color:#fff;
				text-transform:uppercase;
				font-family: 'roboto-light';
				font-size:5em;
				display:inline-block;
				position:absolute;
				top:190px;
				background:rgba(0,107,110,0.8);
				padding:10px 30px;}
					
/* subnav */

.sidebar{
	float:left;
	width:24%;}

	.sidebar li{
		float:none;
		background:url(style/images/background-sub-nav.png) no-repeat center bottom;
		list-style-type:none;}
		
		.sidebar a{
			font-size:1.2em;
			color:#989c9e;
			text-transform:capitalize;
			padding:26px 0 28px 0;
			text-indent:0;
			display:block;}
			
		.sidebar a:hover{
			text-indent:20px;
			color:#006b6e;}
			
	.sidebar .toTop{
		display:inline-block;
		padding-right:30px;
		background: url(style/images/icon-to-top.png) no-repeat right center; 
	}
			
/* download */

.download{
	height:122px;
	background:url(style/images/icon-download.png) no-repeat 20px center #f7f6f6;
	margin:20px 0;}
	
	.download .inner{
		padding:0 30px 0 145px;}
		
		.download h3{
			font-size:2em;
			color:#006b6e;
			float:left;
			display:inline-block;
			line-height:122px;}
			
		.download a{
			display:inline-block;
			color:#fff;
			width:228px;
			float:right;
			text-indent:70px;
			font-size:1.2em;
			opacity:1;
			-webkit-transition: opacity 0.3s ease-in-out;
		    -moz-transition: opacity 0.3s ease-in-out;
		    -ms-transition: opacity 0.3s ease-in-out;
		    -o-transition: opacity 0.3s ease-in-out;
		    transition: opacity 0.3s ease-in-out;
			background:url(style/images/icon-download-button.png) no-repeat right center;
			line-height:122px;}				
			
		.download a:hover{
			opacity:0.7;
		}
	
/* home */

.panels .left,
.panels .right{
	width:49%;
	padding:20px 0;
	position:relative;
	overflow:hidden;}
	
	.panels img{
		display:block;
		width:100%;
		height:auto;
		margin:0;}
	
	.frame{
		position:absolute;
		border:1px solid #fff;
		background:rgba(0,107,110,0.5);
		top:50%;
		cursor:pointer;
		left:50%;
		-webkit-transition: background 0.7s ease-in-out;
	    -moz-transition: background 0.7s ease-in-out;
	    -ms-transition: background 0.7s ease-in-out;
	    -o-transition: background 0.7s ease-in-out;
	    transition: background 0.7s ease-in-out;
		margin-top:-70px;
		margin-left:-133px;
		text-align:center;
		width:266px;
		height:140px;}
		
	.frame:hover{
		background:rgba(0,107,110,0.8);}
		
		.frame h2{
			color:#fff;
			font-size:3em;
			line-height:66px;}
			
		.frame h3{
			color:#fff;
			font-size:1.8em;
			line-height:62px;}
			
		.frame hr{
			border:none;
			width:30px;
			margin:0 auto;
			border-bottom:2px solid #9fb2ac;}
			
.links{
	width:100%;
	padding-bottom:65px;}
	
	.link{
		height:162px;
		width:32%;
		cursor:pointer;
		text-align:center;
		background:#bbb989;
		opacity:1;
		-webkit-transition: opacity 0.7s ease-in-out;
	    -moz-transition: opacity 0.7s ease-in-out;
	    -ms-transition: opacity 0.7s ease-in-out;
	    -o-transition: opacity 0.7s ease-in-out;
	    transition: opacity 0.7s ease-in-out;
		float:left;}
		
	.links.two .link{
		width:48%;
		margin-bottom:20px;
		height:auto;}
		
	.links.hatched .link{
		height:183px;
		background-image:url(style/images/hatch.png);
	}
		
	.link:hover{
		opacity:0.6;
	}
		
	.link:nth-child(2){
		margin:0 2%;
		background:#a8c4c5;}
		
	.links.two .link:nth-child(2){
		margin:0 0 20px 0;}
		
	.links.two .link:nth-child(2n + 2){
		float:right;
	}
		
	.link:last-child{
		background:#daa8b1;}

		.link .inner{
			padding:18px;}
			
			.link .border{
				border:1px solid #fff;}		
				
			.links.two .link .border{
				height:190px;			}
				
			.links.two.hatched .link .border{
				border:none;
				background:#fff;
				height:148px;
			}
				
				.link h2{
					color:#fff;
					font-size:2.2em;
					text-transform:uppercase;
					line-height:66px;}	
					
				.links.two .link h2{
					line-height:normal;
					margin-top:20px;
					margin-bottom:10px;}
					
				.link h4{
					color:#fff;
					line-height:56px;
					font-size:1.3em;
					font-weight: 600;
				}
				
				.links.two .link h4{
					line-height:normal;
					margin-bottom:20px;}
			
				.link hr{
					border:none;
					width:30px;
					margin:0 auto;
					border-bottom:1px solid #fff;}
					
				.links.two .link hr{
					margin-bottom:20px;
				}
				
.link.light-grayish-red{
	background-color:#dcd4d5;
}

.hatched .link.light-grayish-red h2,
.hatched .link.light-grayish-red h4,
.hatched .link.light-grayish-red hr{
	color:#dcd4d5;
	border-color:#dcd4d5;
}

.link.grayish-yellow{
	background-color:#cecdba;
}

.hatched .link.grayish-yellow h2,
.hatched .link.grayish-yellow h4,
.hatched .link.grayish-yellow hr{
	color:#cecdba;
	border-color: #cecdba;
}

.link.grayish-green{
	background-color:#c4d4ca;
	
}

.hatched .link.grayish-green h2,
.hatched .link.grayish-green h4,
.hatched .link.grayish-green hr{
	color:#c4d4ca;
	border-color:#c4d4ca;
}

.link.grayish-cyan{
	background-color:#c0d4d4;
}

.hatched .link.grayish-cyan h2,
.hatched .link.grayish-cyan h4,
.hatched .link.grayish-cyan hr{
	color:#c0d4d4;
	border-color:#c0d4d4;
}

.link.light-grayish-orange{
	background-color:#dbc4b5;
}

.hatched .link.light-grayish-orange h2,
.hatched .link.light-grayish-orange h4,
.hatched .link.light-grayish-orange hr{
	color:#dbc4b5;
	border-color:#dbc4b5
}

.link.grayish-violet{
	background-color:#ccc3d0;
}

.hatched .link.grayish-violet h2,
.hatched .link.grayish-violet h4,
.hatched .link.grayish-violet hr{
	color:#ccc3d0;
	border-color:#ccc3d0
}

.link.grayish-red{
	background-color:#cdafb5;
}

.hatched .link.grayish-red h2,
.hatched .link.grayish-red h4,
.hatched .link.grayish-red hr{
	color:#cdafb5;
		border-color: #cdafb5
}

.link.very-soft-yellow{
	background-color:#dbd3a8;
}

.hatched .link.very-soft-yellow h2,
.hatched .link.very-soft-yellow h4,
.hatched .link.very-soft-yellow hr{
	color:#dbd3a8;
	border-color: #dbd3a8
}

/* colour changes */


.link.light-grayish-red{
	background-color:#dbc1c5;
}

.link.grayish-yellow{
	background-color:#cdccb1;
}

.link.grayish-green{
	background-color:#bfd7c8;	
}

.link.grayish-cyan{
	background-color:#bed5d5;
}

.link.light-grayish-orange{dcc0af
	background-color:#dcc0af;
}

.link.grayish-violet{
	background-color:#cdc1d2;
}

.link.grayish-red{
	background-color:#c4a1a8;
}

.link.very-soft-yellow{
	background-color:#d2c893;
}

	
#home .sliderWrapper{
	position:relative;
	height:120px;
}

#home .mainContent{
	text-align: center;
	padding:0 20px 50px 20px;
}
	
#home .slider{
	width:330px;
	margin:0 auto;
	overflow:hidden;
	height:120px;
	position:relative;
	text-align:center;}
	
	#home .slider h2{
		color:#94b6b6;
		font-size:2.6em;
		margin-bottom:20px;}
		
	#home .slider p{
		font-size:1.2em;
		line-height:20px;
		color:#94b6b6;}
		
	#home .slider a{
		color:#006b6e;
	}
		
	#home .sliderNav{
		position:absolute;
		width:100%;
		bottom:0;
		text-align:center;}
		
		#home .sliderNav ul{
			display:inline-block;}
			
			#home .sliderNav li{
				text-align:center;
				display:inline-block;
				overflow:hidden;
				text-indent:-999px;
				width:6px;
				margin:0 2px;
				height:6px;
				border-radius:50%;
				background:#a8c6c6;}
				
			#home .sliderNav li.active{
				background:#547f7f;	}
				
		#home .skip{
			height:1px;
			width:100%;
			top:50%;
			position:absolute;}
			
			#home .skip ul{
				display:block;
				margin:0 auto;
				width:50%;}
				
				#home .skip li{
					float:left;
					height:21px;
					width:12px;
					background:url(style/images/icon-skip.png) no-repeat 0 0;
					background-position:0 -21px;}
					
				#home .skip li:last-child{
					float:right;
					background-position:0 0;}
					
					#home .skip a{
						display:block;
						width:100%;
						height:100%;}
			
/* team */

.member{
	background:url(style/images/member-background.png) no-repeat 0 0 ;
	max-width:700px;
	margin-bottom:20px;}
	
	.member .outer{
		padding:23px;}
		
		.member .inner{
			background:#f9fbfa;
			padding:35px;}
			
			.member .right{
				width:70%;
			}
			
			.member .left{
				width:25%;}
				
				.member img{
					display:block;
					margin:0;
					width:100%;
					height:auto;
				}
			
			.member h3{
				font-size:2.4em;
				font-family: 'roboto-light';
				color:#006b6e;}
				
			.member h4{
				font-size:1.6em;
				font-family:arial;
				color:#006b6e;
				margin-bottom:20px;}
			
			.member p{
				font-size:1.2em;
				color:#989c9e;
				line-height:20px;}
		
/* accommodation landing */

.cottages{
	
}

	.cottage{
		float:left;
		position:relative;
		overflow:hidden;
		width:48.5%;
		cursor:pointer;
		margin-bottom:20px;
		max-width:338px;}
		
	.cottage:nth-child(2n+2){
		float:right;}
		
		.cottage img{
			display:block;
			margin:0;
			width:100%;
			height:auto;}
			
		.cottage .cover{
			position:absolute;
			z-index:8;
			background:#fff;
			opacity:0.9;
			width:88%;
			left:50%;
			margin-left:-44%;
			height:85px;
			bottom:-20px;
			-webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    -ms-transition: all 0.3s ease-in-out;
		    -o-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		    text-align:center;}
		
		.cottage:hover .cover{
			bottom:0;}
			
			.cottage h2{
				font-size:2em;
				color:#989c9e;
				display:block;
				padding-top:10px;}
				
			.cottage h3{
				font-size:1.4em;
				color:#989c9e;
			}		
		
.feature{
	display:block;
	margin:0 0 50px 0;
	width:100%;
	height:auto;}
	
/* gallery */

#gallery .main h2{
	text-align:center;
	font-size:2.6em;
	color:#94b6b6;
	text-transform:uppercase;
	line-height:90px;}
	
	.galleryWrapper{
		width:100%;}
		
		.galleryWrapper .item{
			width:20%;
			float:left;
			overflow:hidden;}
		
		.galleryWrapper .inner{
			padding:10px;}
		
		.galleryWrapper img{
			display:block;
			margin:0;
			width:100%;
			margin:0 auto;
			-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
			height:auto;}
			
			
		.galleryWrapper img:hover{
			-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
		}
			
/* contact */

#contact .content{
	float:left;}
	
	#contact .content img{
		display:block;
		width:95%;
		height:auto;
	}
	
	#contact .content .field-wrap{
		width:30%;
		padding-bottom:20px;
		margin-right:3%;
		float:left;}
		
	#contact .content .textarea-wrap{
		width:100%;}
		
		.ninja-forms-required-items{
			font-size: 1.2em;
			color: #989c9e;
			margin-bottom: 20px;
			line-height: 20px;
			font-style: italic;
		}
		
		.ninja-forms-error-msg{
			font-size: 1.2em;
			color: red;
			margin-bottom: 20px;
			line-height: 20px;
			font-style: italic
		}
		.ninja-forms-field-error{
			display:none;
		}
		
		#contact .content .field-wrap label{
			display:block;
			font-size:1.2em;
			color:#989c9e;
			padding-bottom:7px;}
		
		#contact .content .field-wrap input[type=text]{
			height:37px;
			border:1px solid #ebebeb;
			width:100%;
			padding:0;
			margin:0;
			-webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    -ms-transition: all 0.3s ease-in-out;
		    -o-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		    text-indent:20px;
		    font-size:1.2em;
		    color:#989c9e;
		}		
		
		#contact .content .field-wrap input[type=text]:focus{
			border:1px solid #9b9b9b;
		}		
		
		.content input[type=submit]{
			color:#fff;
			border:none;
			display:block;
			font-size:1.6em;
			text-align:center;
			background:#006b6e;
			font-family: 'roboto-light';
			padding:13px 20px;
			cursor:pointer;
			-webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    -ms-transition: all 0.3s ease-in-out;
		    -o-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
		
		.content input[type=submit]:hover{
			background:#43989a;
		}

		#contact .content .textarea-wrap textarea,
		#payment .textarea-wrap textarea{
			width:95%;
			-webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    -ms-transition: all 0.3s ease-in-out;
		    -o-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
			border:1px solid #ebebeb;
			font-size:1.2em;
		    color:#989c9e;
		    height:100px;}
		    
		#payment .textarea-wrap textarea{
			width:200px;
			height:100px;
			margin-bottom:20px;
		}
		
		#contact .content .textarea-wrap textarea:focus,
		#payment .textarea-wrap textarea:focus{
			border:1px solid #9b9b9b;
		}		
		
		#contact .main .right{
			padding-top:20px;}
			
			.contactDetails{
				padding-bottom:50px;
			}
			
			#contact .main .right .mainContent ul{
				list-style-type: none;
			}
		
			#contact .main .right .contactDetails li{
				font-size:1.2em;
				color:#989c9e;
				line-height:20px;
				margin-bottom:10px;}		
				
				#contact .main .right .contactDetails li span{
					color:#006b6e;
					font-weight:bold;}
					
			#contact .main .right .contactDetails li  img{
				display:block;
				float:left;
			}
			
			#contact .main .right .contactDetails li .address{
				float:left;
				padding-left:8px;
			}

			#contact .main .right .contactDetails li a{
				color:#989c9e;}

			#contact .main .share ul{
				display:block;
				position:relative;
				right:auto;
				bottom:auto;}
				
/* gift vouchers */

.packages{
	padding-bottom:50px;}

	.package{
		height:52px;
		width:100%;
		margin-bottom:20px;
		background:#cecdb5;	}
		
		.package .title{
			width:90%;
			height:52px;
			float:left;}
		
			.package h3{
				color:#fff;
				font-size:1.3em;
				font-family: 'roboto-light';
				line-height:52px;
				display:inline-block;
				padding:0 10px;
				float:left;}
				
			.package h3.price{
				float:right;}
			
		.package a{
			display:inline-block;
			background:#006b6e;
			color:#fff;
			text-transform:uppercase;
			float:left;
			line-height:52px;
			width:10%;
			font-size:1.4em;
			text-align:center;}
			
.vouchers{
	
}

	.voucher{
		float:left;
		cursor:pointer;
		width:32%;}
		
	.voucher:nth-child(3n+2){
		margin:0 2%;}
		
		.voucher .image{
			position:relative;
			height:100%;}
			
			.voucher img{
				display:block;
				width:100%;
				height:auto;}
				
			.voucher .center{
				position:absolute;
				top:0;
				width:100%;
				height:100%;}
				
			.voucher .image h3{
				width:100%;
				text-align:center;
				font-size:5em;
				color:#fff;
				font-family: 'roboto-regular';
				top:50%;
				display:block;
				width:100%;
				position: relative;
				-webkit-transform: translateY(-50%);
				  -ms-transform: translateY(-50%);
				  transform: translateY(-50%);}
				
		.voucher .description{
			margin-top:20px;
			padding:20px 0 30px 0;
			border-top:1px solid #d4d6d7;
			text-align:center;}
			
			.voucher .description p{
				color:#006b6e;
				font-size:1.2em;
				  font-family: 'roboto-regular';}
				  
/* accommodation details */

#accommodationDetails .sliderWrapper{
	height:460px;
	width:100%;
	margin-bottom:40px;
	-webkit-transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    -ms-transition: opacity 0.7s ease-in-out;
    -o-transition: opacity 0.7s ease-in-out;
    transition: opacity 0.7s ease-in-out;
	position:relative;
	opacity:1;
	overflow:hidden;}
	
#accommodationDetails .sliderWrapper.hide{
	opacity:0;
}

.loading{
	background:url(style/images/ajax-loader.gif) no-repeat 50% 50%;
}

	#accommodationDetails .cell{
		float:left;
		height:460px;
		background-size: cover !important;
		width:100%;
	}
	
	#accommodationDetails .store{
		display:none;
	}
	
	#accommodationDetails .skip{
			height:1px;
			width:100%;
			top:50%;
			margin-top:-20px;
			position:absolute;}
			
			#accommodationDetails .skip ul{
				display:block;
				margin:0 auto;
				width:100%;}
				
				#accommodationDetails .skip li{
					float:left;
					height:46px;
					width:34px;
					background:url(style/images/image-slider-icons.png) no-repeat 0 0;
					background-position:0 -46px;}
					
				#accommodationDetails .skip li:last-child{
					float:right;
					background-position:0 0;}
					
					#accommodationDetails .skip a{
						display:block;
						width:100%;
						height:100%;}
				  
/* spa tips */

.accordion{
	
}

	.accordion .item{
		background:#f7f6f6;
		padding:0px 0px;
		margin-bottom:10px;}
		
		.accordion .toggler{
			font-size:1.6em;
			color:#006b6e;
			background:#f7f6f6;
			line-height:40px;
			padding:0 0 0 20px;
			cursor:pointer;
			-webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    -ms-transition: all 0.3s ease-in-out;
		    -o-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;}
		
		.accordion .toggler.open{
			color:#fff;
			background:#006b6e;}
		
		.accordion .description{
			width:80%;}
		
			.accordion .description .inner{
				padding:10px 20px 30px 20px;}
				
			.accordion .description p{
				font-size:1.2em;
				color:#898989;
				line-height:20px;}			
	
/* spa days */

.enquiry{
	height:229px;
	height:auto;
	margin-top:20px;
	width:100%;
	background:url(style/images/enquiry-background.png) no-repeat right -50px #f7f6f6;}
	
	.enquiry .inner{
		padding:35px 40px;}
		
		.enquiry h3{
			font-size:2em;
			color:#006b6e;
			font-family: 'roboto-light';	
			margin-bottom:30px;}
			
		.enquiry label{
			display:none;}
			
			.enquiry .list-dropdown-wrap{
				height:47px;
				background:url(style/images/select-background.png) no-repeat center right #fff;
				width:200px;
				position: relative;
				float:left;
				overflow:hidden;
				margin-right:20px;}
			
			.enquiry select{
				border:none;
				height:47px;
				width:110%;
				font-size:1.2em;
				color:#989c9e;
				background:transparent;}
	
/* spa therapies */

#spaTreatment .mainContent h2{
	margin-bottom:7px;
}

/* treatment */

.book{
	margin-top:80px;
	margin-bottom:30px;
	background:url(style/images/enquiry-background.png) no-repeat top right #f7f6f6;}
	
	.book .inner{
		padding:28px;}
		
		.lookingToBook{
			padding:30px 20px;
			text-align:center;
			margin-bottom:30px;
			cursor:pointer;
			background:url(style/images/looking-to-book-background.png) repeat 0 0;	}
			
			.book .lookingToBook h3{
				font-size:2em;
				color:#6e6d58;
				margin:0;
				font-family: 'arial';}
				
			.book .lookingToBook p{
				font-size:1.6em;
				color:#6e6d58;
				margin-bottom:15px;}
			
			.book .lookingToBook a{
				color:#6e6d58;
				font-weight:bold;}
			
			.book .lookingToBook h4{
				color:#6e6d58;
				margin:0;
				font-size:2.5em;
				font-family: 'arial';}
				
	.book h4{
		color:#006b6e;
		font-size:1.2em;
		margin:0;
		line-height:20px;
		font-weight:bold;}
	
	.book p{
		font-size:1.2em;
		color:#989c9e;
		line-height:20px;}
		
/* discliamer */

.disclaimer{
	padding:20px;
	background:#f7f6f6;
}
	
/* tables */

table{
margin-bottom:80px;
}
	
	table th{
		background:#c2d6c9;
		padding:20px 20px;
		font-size:1.3em;
		font-weight:bold;
		border-left:2px solid #f7f6f6;
		color:#006b6e;}
		
	table th:first-child{
		background:none;}
		
	table td{
		background:#d2e0d7;
		color:#006b6e;
		font-size:1.1em;
		text-align:center;
		padding:15px 10px;
		border-left:2px solid #f7f6f6;	
		border-bottom:2px solid #c2d6c9;	
	}
	
	table td.booked{
		color:#fff;
		background:#996f77;
	}
	
	table td:first-child{
		background:#ecefed;
		border-bottom:2px solid #f7f6f6;
	}
	
	table td:nth-child(2){
		border-left:none;
	}
	
/* category */

#category .blogItem{
	border-bottom:1px solid #e0eae4;
	margin-bottom:50px;
}

	#category .blogItem img,
	#category .single img{
		display:block;
		margin-bottom:50px;
		max-width:100%;
		height:auto;
	}

	#category .blogItem a.more{
		text-transform:uppercase;
		color:#006b6e;
		font-size:1.2em;
		display:block;
		padding-bottom:50px;}
		
	#category .sidebar li:first-child a{
		color:#006b6e;
		text-transform:uppercase;
	}		
	
/* single */

.single a.back{
	display:block;
	padding-left:20px;
	text-transform:uppercase;
		color:#006b6e;
		font-size:1.2em;
	background:url(style/images/back-arrow.png) no-repeat 0 0;
	margin-bottom:100px;
}

/* payment */

#payment .content{
	float:none;
	width:100%;
}

.paymentErrors{
	color:red;
	font-size:1.2em;
	padding-bottom:10px;
	display:block;
}

#payment input[type=text],
#payment input[type=email]{
	height:37px;
	border:1px solid #ebebeb;
	width:100%;
	max-width:200px;
	padding:0;
	margin:0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-indent:20px;
	font-size:1.2em;
	color:#989c9e;
	margin-bottom:20px;}		
		
#payment input[type=text]:focus,
#payment input[type=email]:focus{
	border:1px solid #9b9b9b;
}		

#payment input[type=text].cvc{
	width:70px;
}

#payment .expire input[type=text]:first-child{
	width:70px;
}

#payment .expire input[type=text]{
	float:left;
	margin-right:15px;
	width:90px;
}

#payment button{
	color:#fff;
	border:none;
	display:block;
	font-size:1.6em;
	text-align:center;
	background:#006b6e;
	font-family: 'roboto-light';
	padding:13px 20px;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#payment input[type=submit]:hover{
	background:#43989a;
}

#payment label{
	display:block;
	font-size:1.2em;
	color:#989c9e;
	padding-bottom:7px;}
	
#ninja_forms_field_28{
	max-width:100px !important;
}

/* added 12/07/2015 */

.viewPrices{
	width:100%;
	background:url(style/images/looking-to-book-background.png) repeat 0 0;
	text-align: center;
}

	.viewPrices a{
		display:inline-block;
		font-size:2em;
		color:#6e6d58;
		padding:30px 50px 30px;
		background:url(style/images/icon-view-price.png) no-repeat center right;
	}