@charset "UTF-8";
/* CSS Document */



/*********General:*******/

ol.simple-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
    padding: 0;
     
    counter-reset: li-counter;
}



ol.simple-list > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 1px solid #CCCCCC;
	font-family: "Roboto";
	font-size: 1.0em;
	font-weight: 400;
}

ol.simple-list > li:before {
    position: absolute;
    top: 0;
    left: -2.3em;
    width: 1.8em;
     
    font-size: 3em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #464646;
 
    content: counter(li-counter);
    counter-increment: li-counter;
}

/*cropped Square Pics*/

.nextbutton {
	height: 50px;
	float:right;
	width: auto;
	font-size: 1.5em!important;
	background-color: #1B83BE!important;
	color: #FFF!important;}
	
	
.bookingcontact {
	bottom: 20px;
	line-height: 1.5em;
	margin-top:	44px;
	margin-left: 69px;
	}	
	
	
.nextbutton:hover {
	background-color: #4D9DCB!important;
	font-weight: 300;
	-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, opacity .25s ease-in-out;}	


/***** Column Misc *****/
.top-margin {
	margin-top: 60px !important;
}

.top-padding {
	padding-top: 30px;
}

.tablefont400 {
	font-family: Roboto;
	font-weight: 400;}
	
.tablefont600 {
	font-family: Roboto;
	font-weight: 600;}	
	

.markers {
	margin-right: 15px;
	font-family: "Roboto"!important;
	font-weight: 400;
	font-size: 1em;
	color: #1B83BE;
	}
	
	.markers:hover {
	color: #00153e;
	/*-webkit-font-smoothing: antialiased;*/
	}


.top-margin-small {
	margin-top: 30px;
}


.answerbox {
	padding-left: 20px;
	margin-top: 30px;
	height: 100%;
	}


.for-nested,
.less-padding {
	padding-left: 0.9375em !important;
	padding-right: 0.9375em !important;
	padding-top: inherit !important;
	padding-bottom: inherit !important;
}

.small-padding {padding: 8px 20px 8px!important}

.bottom-padding {
	padding-bottom: 30px;
}

.no-padding-left-right {padding: 8px 0px 8px 0px !important}

.no-padding {
	padding: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.no-margin-top {
	margin-top: 0 !important;
}


.right-border {
    border-right: 1px solid #eee;
}

.bottom-margin {
	margin-bottom: 15px !important;
}

.news-line {
	border-bottom: 1px solid #efefee;
}


.standard14 {
	
	font-family: 'Roboto';
    font-size: 0.8em;
	
	}

.notes {
	font-family: "Roboto";
	font-size: 1em;
	font-weight: 300;
	line-height:normal; }


.green {
	background-color: #0F9!important ;
	}
	
.lightblue:hover	{
	color: #1B83BE;
	}
	
.backgroundgrey{	
	background-color: #efefee!important ;
	}

/***** Content *****/


/* Standard width for content area */
.content-width {
	max-width: 1020px;
}




/*Header*/



/*End Header*/

#content-container {
	margin: 0 auto;
	position: relative;
}

#content-container a {
	text-decoration: none;
}

#content-container .columns {
	/*background: #fff;*/
	color: #444;
	font-family: 'Roboto';
	font-size: 14px;
}

#content-container p {
	line-height: 1.5;
	margin-bottom: 18px;
}

#content-container .portfolio-wrapper p {
	overflow:hidden;
	height: 91px;
}


#content-container h3,
#content-container h4,
#content-container h5 {
	color: #222;
	font-family: 'Roboto';
	font-weight: 500;
}



#content-container h1 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 18px;
}

#content-container h2 {
	color: #333;
	font-size: 42px;
	font-weight: 300 !important;
	letter-spacing: 1px;
	line-height: 54px;
	margin-bottom: 36px;
 	margin-top: 10px;
	left: 0px;
}


#content-container h3.larger {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 18px;
}

#content-container h3,
#content-container h2.smaller {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
}

#content-container h4 {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 12px;
}

#content-container h5 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 6px;
}

#content-container ul {
	list-style: square;
	margin-bottom: 18px;
}

#content-container li {
	line-height: 1.5;
}

#content-container li:last-child {
	margin-bottom: 0;
}

.has-line {
	border-bottom: 1px solid #1B83BE;
	padding-bottom: 12px;
}


/*******INTRO*******/

#intro h1,
#intro h2 {
	color: #333;
	font-size: 42px;
	font-weight: 300 !important;
	letter-spacing: 1px;
	line-height: 54px;
	margin-bottom: 36px;
  margin-top: 10px;
}



/***** Button *****/

.button {
	background: #00153e;
	font-weight: 400;
  color: #fff!important
}

.button:hover {
	/*background: #5A89B7;*/
	background: #4D9DCB;
}

button.secondary, 
.button.secondary {
    background-color: #e9e9e9;
    border: 1px solid #d0d0d0 !important;
    color: #333333; 
}


button.secondary:hover, 
button.secondary:focus, 
.button.secondary:hover, 
.button.secondary:focus {
	background-color: #d0d0d0; 
}
    
button.secondary:hover, 
button.secondary:focus, 
.button.secondary:hover, 
.button.secondary:focus {
  	color: #333333; 
}


.button.flat {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	margin-bottom: 0;
  padding: 12px 20px
}
button.round, .button.round {}

.button.bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
}

.button.angle {
	padding-right: 42px;
}

.button.angle span {
	border-left: 1px solid rgb(255,255,255);
	border-left: 1px solid rgba(255,255,255,0.4);
	display: inline-block;
	position: absolute;
	padding: 8px 13px 6px;
	top: 2px;
	margin-left: 10px;
	font-size: 18px;
}
.button.round {
  margin-top: 0px;
  display: inline-block;
  top: -8px;
  padding: 8px 18px
  }


/**********BLOG************/


.blog-item {
	border-bottom: 6px solid #00153e;
}

.blog-item2 {
	border-top: 6px solid #00153e;
}

.blog-item.no-border {
	border: none;
}


/***** Portfolio *****/

.portfolio-wrapper {
	background: #EFEFEE !important;
	overflow: visible !important;
	padding: 0 !important;
}

.portfolio-item {
	height: 250px;
	overflow: hidden;
	width: 250px;
}

.portfolio-item-hover {
	background: rgb(77,157,203);
	background: rgba(77,157,203,0.8);
	/*background: rgba(90,137,183,0.8);*/
	/*background: rgba(0,0,0,0.8);*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: none;
	height: 100%;
	left: 0;
	padding: 42px 40px;
	position: absolute;
	text-align: center;
	top: 0;
	z-index: 1;
	width: 100%;
}

.portfolio-item-hover h3 {
	/*border-top: 1px solid #fff;
	border-bottom: 3px solid #fff;*/
	border-bottom: 1px solid #fff;
	color: #fff !important; 
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	margin-bottom: 24px !important;
	padding: 25px 0;
	text-transform: uppercase;
}


/***** Footer *****/

#footer-content-container {
	/*background: #202020;*/
	background: #00153e;
	color: #aaa;
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}

#footer-content-inner-wrapper {
	margin: 0 auto;
}

#footer-content {
	background: none;
	padding: 36px 0;
}

#footer-content h5 {
	color: #fff;
	font-family: 'Roboto';
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}

#footer-content p {
    line-height: 18px;
    margin-bottom: 12px;
}

#footer-content a {
    color: #fff;
}

#footer-logo {
	margin-bottom: 13px;
	margin-top: -17px;
}

#footer-bar-container {
	background: #C1C4C5;
	color: #000;
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	padding: 15px 0 20px;
}

#footer-bar-container a {
    color: #000;
}

#footer-bar-inner-wrapper {
	margin: 0 auto;
}




/***** Footer Social Icons *****/
#footer-social {
	text-align: right;
}

.bar-social {
    display: inline-block;
    list-style: none;
    margin: -6px 0 0 8px;
}

.bar-social li {
    display: inline-block;
    margin: 0 1px 0 0;
}

.bar-social a,
.bar-social img.hover {
    transition: all .2s ease-in-out;
   	-moz-transition: all .2s ease-in-out;
   	-webkit-transition: all .2s ease-in-out;
   	-o-transition: all .2s ease-in-out;
}

.bar-social a {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 2px solid rgb(255,255,255);
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 2px;
    box-sizing: border-box;
	display: inline-block;
    line-height: 0;
    margin: 0 -1px;
    opacity: .65;
    position: relative;
}

.bar-social a:hover,
.bar-social a:hover img.hover {
	opacity: 0.9;
}

.bar-social a:hover {
	border: 2px solid rgb(255,255,255);
    border: 2px solid rgba(255,255,255,0.4);
}

.bar-social img.hover {
	left: 0;
	opacity: 0;
	position: absolute;
}


/* #Custom CSS of Foundation Framework
================================================== */
.row {
	background: #fff;
	max-width: 100%;
}

.rowfooter {
	background: #00153e;
}


.large_padding {
	padding: 42px 40px;
}

.height-255 {
	min-height: 255px;
}

.height-340 {
	min-height: 340px;
}

.height-510 {
	min-height: 510px;
}



.large-4 {
	/*width: 33.333334%;  Fix 1px gap of 3-columns row on 1020px width (occurs between col 2 and 3) */
}

form.custom .custom.dropdown {
	font-size: inherit;
	font-weight: 600;
}

form.custom .custom.dropdown ul {
    margin-left: 0 !important;
}

form.custom .custom.dropdown li {
    margin-left: 0 !important;
}

.breadcrumbs {
    border:none;
    background:none;
    float: left;
    font-size: 11px;
    line-height: 1 !important;
    list-style: none !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible;
    padding: 0;
}

.breadcrumbs li {
    margin-left: 0 !important;
}

.breadcrumbs li.current a {
    text-decoration: none;
}

.breadcrumbs > * {
	font-size: inherit;
}

.breadcrumbs > *:before {
    margin: 0 5px;
}

/*------------------------AL Styles-----------------------------*/

/*COLOR CODING LABELS*/

/*All Categories*/	
.cat5 {
	background-color: #22235b; 
	border-radius: 3px;
	}	
	
.cat5:hover {
	background-color: #363891; 
	border-radius: 3px;
	}	
	
.cat5:focus {
	background-color: #22235b; 
	border-radius: 3px;
	}			

/*Offshore*/
.cat1 {
	background-color: #4e79c7;
	border-radius: 3px;
	}
	
.cat1:hover {
	background-color: #5E92F0;
	border-radius: 3px;
	}
	
.cat1:focus {
	background-color: #4e79c7;
	border-radius: 3px;
	}		
	
	
/*Cruising*/
.cat4 {
	background-color: #69d0e9;
	border-radius: 3px;
	}
	
.cat4:hover {
	background-color: #55A8BD;
	border-radius: 3px;
	}
	
.cat4:focus {
	background-color: #69d0e9;
	border-radius: 3px;
	}	
	

	
/*Dinghies*/
.cat2 {
	background-color: #7fb2f0;
	border-radius: 3px;
	}
	
.cat2:hover {
	background-color: #6086B5;
	border-radius: 3px;
	}	
	
.cat2:focus {
	background-color: #7fb2f0;
	border-radius: 3px;
	}	
	
	
/*Windsurfing*/
.cat3 {
	background-color: #7974b6;
	border-radius: 3px;
	}
	
.cat3:hover {
	background-color: #8D87D4;
	border-radius: 3px;
	}
	
.cat3:focus {
	background-color: #7974b6;
	border-radius: 3px;
	}	
	
/*General	*/
.cat6 {
	background-color: #436380;
	border-radius: 3px;
	}		
	
.cat6:hover {
	background-color: #5882A8;
	border-radius: 3px;
	}		
	
.cat6:focus {
	background-color: #436380;
	border-radius: 3px;
	}		
	
	
/*Social*/
.cat8 {
	background-color: #5fb6af;
	border-radius: 3px;
	}	
	
.cat8:hover {
	background-color: #4C918C;
	border-radius: 3px;
	}		
	
.cat8:focus {
	background-color: #5fb6af;
	border-radius: 3px;
	}	
	
	
/*Meetings*/	
.cat7 {
	background-color: #1f807c;
	border-radius: 3px;
	}	

.cat7:hover {
	background-color: #269E99;
	border-radius: 3px;
	}
	
.cat7:focus {
	background-color: #1f807c;
	border-radius: 3px;
	}
	
	
/*Darkblue Button*/	
.cat9 {
	background-color: #00153e; 
	border-radius: 3px;
	}	
	
/*Yachtcharter Button*/	
.cat10 {
	background-color: #00153e; 
	border-radius: 3px;
	}		
	
	
/*All Areas Yachts*/	
.cat11 {
	background-color: #515D63; 
	border-radius: 3px;
	}	
	
.cat11:hover {
	background-color: #6A7A82; 
	}		
		
.cat11:focus {
	background-color: #515D63; 

	}			
	
/*Portsmouth*/	
.cat12 {
	background-color: #699AA2; 
	border-radius: 3px;
	}	
	
.cat12:hover {
	background-color: #567E85; 
	border-radius: 3px;
	}	
	
.cat12:focus {
	background-color: #699AA2; 
}
	
		
/*Hamble*/	
.cat13 {
	background-color: #E6635A; 
	border-radius: 3px;
	}
.cat13:hover {
	background-color: #E67B5A; 
	border-radius: 3px;
	}	
.cat13:focus {
	background-color: #E6635A; 
	border-radius: 3px;
	}	
		

/*Plymouth*/	
.cat14 {
	background-color: #BB523D; 
	border-radius: 3px;
	}
	
.cat14:hover {
	background-color: #9C4433; 
	border-radius: 3px;
	}		
.cat14:focus {
	background-color: #BB523D; 
	border-radius: 3px;
	}		


/*Falmouth*/	
.cat15 {
	background-color: #C89D11; 
	border-radius: 3px;
	}
	
.cat15:hover {
	background-color: #E0B013; 
	border-radius: 3px;
	}	
	
.cat15:focus {
	background-color: #C89D11; 
	border-radius: 3px;
	}
	

	
	
/*Faslane*/	
.cat16 {
	background-color: #81810B; 
	border-radius: 3px;
	}
	
.cat16:hover {
	background-color: #9E9E0D; 
	border-radius: 3px;
	}		
.cat16:focus {
	background-color: #81810B; 
	border-radius: 3px;
	}		
	
	.large-block-grid-4 img {
		height: 130px;}


/*Shopping Red*/	

.cat31 {
	background-color: #d70c1a; 
	border-radius: 3px;
	}

		
	
/*END COLOR CODING LABELS*/
	
	/*.branch {
		
	text-transform: uppercase;
	font-weight: 500; 
	font-size: 0.6em;
	float: right;
	padding-bottom: 5px;  }
	
	*/
	
	
	ul li button {
		border-radius: 5px;
		margin-right: 7px;
		max-height: 40px;
		line-height: 10px;
		padding-left: 1.9rem;
		padding-right: 1.9rem;
		width: 120px;
		}

	.filterbutton {
		background-color: #efefee;
		padding-left: 0px;
		}
		
	.filterbutton ul {
		margin-left: 0px;
		}
		
<!--News on Homepage-->
		
.newsitem {
	background-color:#fff;
	min-height: 250px;
	min-width: 250px;
	}
	

	.news {
	width: 100%;
	position:absolute;
	bottom: 15px;
	overflow:auto;
	}		
		
	.news a {
		margin-right: 30px;
	}		
	
	
	.featured {
	width: 100%;
	margin-bottom: 15px;
	
	overflow:auto;
	}		
		
	.featured a {
		margin-right: 10px;
	}		
	
	.subpage {
		background-color: #efefee
		   }
		 
 	.subpage p {
		font-size: 1rem;
		margin-bottom: 32px!important;
		   }		 
		   
	.subpagehead-line {
	margin-top: 10px;
	margin-bottom: 38px;
}

	.subpagehead-line hr {
	border: none;
	border-top: 1px solid #ddd;
  	margin: -4px 0 0 0
}

	.subpagehead-line hr.stick {
	border-top: 7px solid #1B83BE;
	position: relative;
	width: 100px;
	z-index: 1;
}	   
		   
	.mooringbold {
		font-family: "Roboto"!important;
		font-weight: 500!important;
		font-size: 0.9rem!important;
		line-height:1.6rem!important;
		color: #000!important;}	   
		
		
	.mooringtype {
		font-family: "Roboto"!important;
		font-weight: 300!important;
		font-size: 0.9rem!important;
		line-height:1.6rem!important;
		color: #000!important;}	
		   
		   
	
#footer-content-container li  {
	font-size: 0.8em;
	padding-right: 55px;
	text-align:justify;
	}	
	
/********TABLES**********/
	
	
	table {
  background: white;
  margin-bottom: 1.11111rem;
  border: solid 1px #dddddd; 
  
  }
  
  table thead, table tfoot {
    background: #00153e;
	}
	
    table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
      padding: 0.44444rem 0.55556rem 0.55556rem;
      font-size: 0.77778rem;
      font-weight: bold;
      color: #222222;
      text-align: left;
	  }
  table tr th, table tr td {
    padding: 0.5rem 0.55556rem;
    font-size: 0.77778rem;
    color: #222222;
	}
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #efefee;
	}
  table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    display: table-cell;
    line-height: 1rem; }
	
	
	#smallerhead h2 {
	font-size: 32px;!important
	}
	
	.single-item {
	height: auto;
	overflow: hidden;
	}

	.line-less-margin hr {
	margin: 1.5rem 0 1rem;
	}
	
	
	#singlestory h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
	font-family: "Roboto";
	font-weight:500;
	
}


#singlestory h2 {
	font-size: 2.4rem;
	line-height: 3.5rem;
	margin-bottom: 18px;
	font-family: "Roboto";
	font-weight:300;
	width: 80%;
	padding-top: 26px;
}
	
	.storypicright img {
		margin-left: 20px;}
		
	.storypicleft img {
		margin-right: 20px;}
		
		
	
	#mooringarea li {
		font-size: 1.2em;
		font-family: "Roboto";
		font-weight:400;
		line-height:normal;
		color:#000;
		list-style: none;
		}
		
	#mooringareasmall li {
		font-size: 0.8em;
		font-family: "Roboto";
		font-weight:400;
		line-height:1.8;
		list-style: none;
		margin-left: -17px;
		}
		
#mooringareasmall a {
		color: #000;
		}		
	
	
	/*Cropped Pictures*/
	
.cropped-images {

}
	
	
 .cropped-images .cut {
  width: 25%;
  height: 0;
  padding: 25% 0 0 0;
  overflow: hidden;
  margin: 0 15px 0 0;
  display: inline-block;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float:left;
}
 .cropped-images .cut img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
  width: auto;
}
 .cropped-images .cut img.landscape {
  max-width: none;
  max-height: 100%;
}
	
	
 .cropped-images li {
  width: 25%;
  height: 0;
  padding: 25% 0 0 0;
  overflow: hidden;
  margin: 10px;
  display: inline-block;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  
}
 .cropped-images li img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
  width: auto;
}
 .cropped-images li img.landscape {
  max-width: none;
  max-height: 100%;
}
	
	
.branch{}

.branchcut img {
	width: 100px;}	
	
	
.moorings img {
	margin-top: 10px;}	
	
<!--END AL STYLES
-->		
		
		
		
/***********************************MOBILE**************/
		
		/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	#header-container {
		left: 0;
		margin-left: 0;
		text-align: center;
	}
	
	#logo-wrapper {
		float: none;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 40px;
	}
	
	#menu-wrapper {
		padding: 0;
		text-align: center;
	}
	
	#root-menu {
		display: inline-block;
		float: none;
		margin-bottom: -2px;
	}
	
	#header-search-input-wrapper {
		padding-top: 42px;
	}
	
	#header-search-input.small {
		font-size: 28px;
		margin-top: -12px;
    height: 5.4rem
	}
	
	.slider-caption {
		margin-left: -200px;
		margin-top: 20px;
		width: 400px;
	}
	
	.slider-caption h2 {
		font-size: 42px;
	}
	
	#slider-prev, 
	#slider-next {
		margin-top: 60px;
	}
	
	#slider-next {
		margin-right: 0;
		right: 0;
	}
	
	#slider-prev {
		left: 0;
		margin-left: 0;
	}
	
	#header-image-shadow {
		left: 0;
		margin-left: 0;
	}
	
	#intro h1, 
	#intro h2 {
		font-size: 36px;
		line-height: 42px;
		margin-bottom: 30px;
	}
	
	#intro.not-homepage h1, 
	#intro.not-homepage h2 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 30px;
	}
	
	#content-container .testimonial-list blockquote {
		margin: 0 0 0 200px;
		padding: 24px 20px !important;
		width: 310px;
	}
	
	#content-container .testimonial-list blockquote p {
		font-size: 20px;
		line-height: 24px !important;
		margin-bottom: 12px !important;
	}
	
	#content-container .testimonial-list blockquote p.smaller {
		margin-bottom: inherit !important;
	}
	
	#content-container .style2 .testimonial-list blockquote {
		margin-left: 70px;
	}
	
	#footer-social span {
		display: none;
	}  
	
	.flickr_badge_image {
		width: 60px;
	}
	
	.columns {
		padding: 24px 20px;
	}
	
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	.content-width {
		max-width: 600px;
	}
	
	#header-container {
		background: #00153e;
		position: static; 
		max-width: 100%;
	}
	
	.ctl00$headersearchinput {
		background-color: #C00;}
	
	
	#root-menu {
		display: none;
	}
	
	#mobile-menu {
		display: block;
	}
	
	#home-slider-container,
	#home-slider .home-slider-item {
		height: 330px;
	}

	
	#header-search-input-wrapper {
		height: 170px;
		padding: 66px 20px 12px;
	}
	
	#header-search-input {
		font-size: 30px;
	}
	
	#header-search-input-wrapper {
		padding-top: 60px;
	}
	
	.slider-caption {
		margin-left: -150px;
		margin-top: -54px;
		width: 300px;
	}
	
	.slider-caption h2 {
		font-size: 36px;
		margin-bottom: 12px;
	}
	
	.slider-caption p {
		font-size: 16px;
		line-height: 22px;
		width: 300px;
	}
	
	#slider-prev, 
	#slider-next {
		margin-top: -30px;
	}
	
	#header-image-container,
	#header-image {
		min-height: 240px;
	}
	
	#header-image-shadow {
		max-width: 100%;
	}
	
	#intro h1, 
	#intro h2 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 24px;
	}
	
	#intro.not-homepage h1, 
	#intro.not-homepage h2 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 24px;
	}
	
	#intro-line {
		margin-top: 24px;
		margin-bottom: 18px;
	}
	
	.fixed-box {
		height: auto !important;
		width: 100% !important;
	}
	
	.testimonial-inner {
		background: #3E4348 !important;
	}
	
	.testimonial-list img {
		display: none;
	}
	
	#content-container .testimonial-list blockquote {
		margin: 0;
		padding: 24px 20px !important;
		width: 100% !important;
	}
	
	.testimonial-angle,
	.testimonial-corner,
	.testimonial-corner-mirror {
		display: none;
	}
	
	#footer-bar-inner-wrapper .columns {
		text-align: center;
	}
	
	#footer-social {
		text-align: center;
	}
	
	.bar-social {
		margin: 24px 0 0;
		text-align: center;
	}
	
	.section-container.vertical-tabs > section:first-child > .title, 
	.section-container.vertical-tabs > .section:first-child > .title {
		border-top: 1px solid #ccc !important;
	}
	
	.section-container.vertical-tabs > section:last-child > .title, 
	.section-container.vertical-tabs > .section:last-child > .title {
		border-bottom: 0 !important;
	}
	
	.section-container.vertical-tabs > section.active > .title, 
	.section-container.vertical-tabs > .section.active > .title {
		border-left: 0;
		border-top: 1px solid #1B83BE !important;
		width: 100%;
	}
	
	#content-container .style2 .testimonial-list blockquote {
		margin-left: 50px;
	}
	
	.style2 .testimonial-bullets {
		margin-top: 0;
	}
	
	.blog-meta {
		font-size: 14px;
	}
	
	.author-comments li {
		margin-left: 10px !important;
	}
	
	#content-container blockquote.left,
	#content-container blockquote.right {
		width: 50% !important;
	}
	
	#content-container blockquote {
		width: 100% !important;
	}
	
	.height-510,
	.height-340 {
		min-height: 255px !important;
		/*max-height: 510px;*/
	}
	
	#content-container .less-padding {
		margin-bottom: 24px;
	}
	
	.bookingcontact{
	bottom: 20px;
	line-height: 1.5em;
	margin-top:	20px;
	margin-left: 20px;
	}	
	
	
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.content-width {
		max-width: 280px;
	}
	
	
	#header-search-button {
		font-size: 14px;
		padding: 15px 16px 14px 18px;
	}
	
	#header-search-input-wrapper {
		height: 170px;
		padding: 66px 20px 12px;
	}
	
	#header-search-input {
		font-size: 30px;
	}
	
	#home-slider-container,
	#home-slider .home-slider-item {
		height: 240px;
	}
	
	.slider-caption {
		display: none;
	}
	
	#slider-prev, 
	#slider-next {
		margin-top: -30px;
	}
	
	#header-image-container,
	#header-image {
		min-height: 120px;
	}
	
	
	#intro h1, 
	#intro h2 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 30px;
	}
	
	#intro.not-homepage h1, 
	#intro.not-homepage h2 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 24px;
	}
	
	#intro p {
		font-size: 14px;
	}
	
	#content-container h1 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 12px;
	}
	
	#content-container h2,
	#content-container h3.larger {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 12px;
	}
	
	#content-container h3,
	#content-container h2.smaller {
		font-size: 16px;
	}
	
	#content-container h4 {
		font-size: 14px;
	}
	
	#content-container h5 {
		font-size: 14px;
		font-weight: 500;
	}

	.portfolio-item {
		height: 255px;
		width: 100%;
	}
	
	#breadcrumbs-wrapper span {
		display: none;
	}
	
	#content-container blockquote {
		float: none !important;
		width: 100% !important;
	}
	
	#content-container blockquote.left,
	#content-container blockquote.right {
		width: 100% !important;
	}
	
	.author-comments {
		float: none;
	}
	
	.author-comments li {
		margin: 12px 24px 0 0 !important;
	}
	
	.author-comments li:last-child {
		margin-right: 0;
	}
	
	.blog-item .blog-title, 
	.blog-item .blog-section-title {
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 24px !important;
		margin-bottom: 12px !important;
	}
	
	#author-box {
		text-align: center;
	}
	
	#author-photo {
		float: none;
		margin-bottom: 12px;
	}
	
	#author-info {
		margin-left: 0;
	}
	
	ul#author-social {
		float: none;
	}
	
	/* Comments */
	ul.children {
		margin-left: 15px !important;
	}

	#singlestory h3 {
	font-size: 24px;
	line-height: normal;
	margin-bottom: 15px;
	font-family: "Roboto";
	font-weight:300;
	width: 100%;
	padding-top: 10px;
}

.bookingcontact {
	margin-bottom: 15px;
	margin-left: 0px;
	}	

}

@media only screen and (min-width:40.063em) {
    .hate .medium-6 {
	height: 278px; }
}


/*Shopping Page*/

.shopping {
    line-height:1.5;
}