/*
Theme Name: Luxury Houseboats
Author: Anonymous
Description: Custom Wordpress template
Version: 0.0.1
Tags: bootstrap
*/
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,300i,400,700,700i');
* {
	margin:0;
	padding:0;
}
img {
	border:none;
	vertical-align:middle;
}
input {
	outline:none;
}
.clear {
	clear:both;
	height:0;
	width:0;
}
/* =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;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
body {
	font-family: 'Exo 2', sans-serif;
}
.wrapper {
	width:100%;
	max-width:1316px;
	margin:0 auto;
}
.footer-bg {
	background: url(images/footer-bg.jpg) repeat-x #026a73;
}
.footer {
	padding-top: 26px;
	padding-bottom: 20px;
}
.footer-menu {	
	padding-bottom: 30px;
}
.footer-menu ul {

}
.footer-menu ul li {
	list-style: none;
}
.footer-menu ul li a {
	text-decoration: none;
	color:#ffffff;
	font-size: 18px;
	line-height: 32px;
}
.footer-menu ul li a:hover {
	color:#ffffff;
	text-decoration: none;
	font-size: 19px;
	font-weight: bold;
}
.footer-center {
	padding-top: 4px;
	text-align: center;
}
.footer-logo {
	padding-bottom: 170px;
}
.footer-right {
	padding-top: 4px;
}
.footer-socials {
	float: left;
	width: 40%;
}
.footer-socials img {
	padding-left: 2px;
	padding-right: 2px;
}
.footer-search-box {
	background: url(images/search-icon.png) no-repeat;
	padding-left: 42px;
	float: left;
	width: 60%;
}
.footer-search-box input[type="text"] {
	width:80%;
    background-color:#1a7278;
    color:#488e93;
    border:none;
    margin-bottom: 13px;
    line-height: 31px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 5%;
}
.footer-phone a {
	font-weight:bold;
	font-size:27px;
	color:#ffffff;
	text-decoration: none;
}
.terms {
	padding-top: 30px;
}
.terms ul {
	
}
.terms ul li {
	display: inline;
}
.terms ul li + li a {
	border-left:1px solid #80b4b7;
	padding-left: 5px;
}
.terms ul li a {
	text-decoration: none;
	padding-right: 5px;
	color: #80b4b7;
	font-size: 13px;
	line-height: 22px;
}
.terms ul li a:hover {
	color: #FFF;
}
.header-top {
	margin-bottom: 10px;
}
.header-top-right {
	float: right;
	width: 400px;
	background: url(images/img-8.png) no-repeat;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
}
.header-phone {
	float: left;
	width: 175px;
}
.header-phone a {
	color:#ffffff;
	text-decoration: none;
	font-size: 19px;
	font-weight: bold;
	text-shadow: 2px 2px #000;
}
.header-socials {
	float: right;
	width: 200px;
}
.page-template-page-home .header-bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.header-top-bg {
	background: url(images/header-bg.png);
	border-bottom: 5px solid #007686;
	padding-bottom: 10px;
}
.drop-down-bg {
	width: 100%;
	background: url(images/drop-hover-bg.png);
	display: none;
}
.header-menu {

}
.header-menu ul {
	margin:0;
}
.header-menu ul li {
	float: right;
	list-style: none;
	position: relative;
}
.header-menu ul li:hover {
	background: url(images/menu-hover.png) no-repeat;
}
.header-menu ul li:hover > a {
	color: #007889;
}
.header-menu ul li a {
	display: block;
	padding-left: 18px;
	padding-right: 8px;
	color: #FFF;
	font-size: 19px;
	text-decoration:none; 
	line-height: 44px;
}
.header-menu ul ul {
	position: absolute;
	left: 0;
	top: 42px;
	width: 300px;
	background: #007889;
	display: none;
	z-index: 9999;
}
.header-menu ul li:hover > ul {
	display: block;
}
.header-menu ul ul li {
	float: none;
}
.header-menu ul ul li a {
	line-height: 32px;
	font-size: 16px;
}
.header-menu ul ul li:hover {
	background: #FFF;
}
.slider-container {
	border-bottom: 10px solid #007686;
}
.slider-container img {
	width: 100%;
	height:auto;
}
.gmap iframe {
	width: 100%;
}
.video-section {
	padding-top: 72px;
	padding-bottom: 72px;
}
.video-section-right img {
	max-width: 100%;
	height: auto;
}
.video-section-right iframe {
	width: 100%;
	box-shadow: 0 0 20px #000;
}
.product-gallery {
	padding-top: 20px;
}
.page-content {
	padding-bottom: 20px;
}
.loop-thumb img {
	max-width: 100%;
	height: auto;
}
.loop-thumb {
	padding-top: 10px;
	padding-bottom: 10px;
}
.no-margin-top {
	margin-top: 0;
}
h3.tagline {
	font-size: 26px;
}
.product-gallery-title {
	font-weight: bold;
	font-size:22px;
	color:#FFF;
	background: url(images/product-bg.png) no-repeat;
	text-align: center;
	position: absolute;
	width: 308px;
	max-width: 100%;
	right: 0;
	bottom: 20px;
}
.product-gallery-title a {
	color:#FFF;
	text-decoration: none;
}
.product-gallery-title a:hover {
	text-decoration: none;
}
.product-gallery-img {
	margin-bottom: 20px;
}
.content-format p.lead {
	font-size: 25px;
	color:#505050;
	line-height:36px;
	font-weight: 300;
}
.content-format p {
	font-size: 18px;
	color:#505050;
	line-height:24px;
	font-weight: 300;
}
.content-format ul, .content-format ol {
	padding-left: 20px;
}
.content-format ul li, .content-format ol li {
	font-size: 18px;
	color:#505050;
	line-height:24px;
	font-weight: 300;
}
.content-format h1, .content-format h2, .content-format h3, .content-format h4, .content-format h5, .content-format h6 {
	color: #007889;
	font-weight: bold;
}
.content-format h1 {
	font-size: 36px;
}
.content-format h2 {
	font-size: 34px;
}
.content-format h3 {
	font-size: 32px;
}
.content-format h4 {
	font-size: 30px;
}
.content-format h5 {
	font-size: 28px;
}
.content-format h6 {
	font-size: 26px;
}
.content-format a.button {
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 31px;
	text-align: center;
	background: url(images/button-bg.png) no-repeat;
	width: 355px;
	height: 74px;
	line-height: 63px;
	padding-right: 20px;
	display: block;
	margin:0 auto;
	transition: all 1s;
}
.content-format a.button:active {
	position: relative;
	top: 2px;
}
.content-format a {
	font-weight: bold;
}
h2.no-margin-top a {
	color: #732002;
}
.product-gallery-img {
	position: relative;
}
.product-gallery-img a img {
	width: 100%;
	height: auto;
}
.home-content {
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 56px;
	padding-bottom: 40px;
}
.fleet-box {
	float:left;
	width:25%;
	position: relative;
	overflow: hidden;
}
.fleet-box img {
	width: 100%;
	height: auto;
	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}
.fleet-box:hover > a > img {
	-moz-transform: scale(1.1);
  	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
}
.fleet-title {
	color:#ffffff;
	font-weight: bold;
	font-size: 31px;
	text-align: center;
	background: url(images/fleet-bg.png) no-repeat;
	width: 181px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 10px;
	line-height: 32px;
	text-shadow: 2px 2px #000;
}
.fleet-subtitle {
	text-align: center;
	color:#ffffff;
	font-size: 33px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	background: url(images/subtitle-bg.jpg) repeat-x #007686;
}
.fleet-subtitle span {
	display: block;
	font-size: 24px;
}
.header-logo {
	position: absolute;
	top: 8px;
	left: 0;
}
.header {
	position: relative;
}
.breadcrumbs {
	padding-top: 15px;
	color: #505050;
	font-size: 14px;
	margin-left: -10px;
}
.breadcrumbs a {
	color: #505050;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 10px;
}
.content-format h1.entry-title {
	font-weight: bold;
	color: #007889;
	font-size: 46px;
	margin-bottom: 0;
}
.content-format h3.subtitle {
	font-weight: bold;
	color: #007889;
	font-size: 32px;
	margin-top: 5px;
}
.book-now {

}
.book-now a {
	color: #FFF;
	text-decoration: none;
}
.play-video {
	background: url(images/book-now-bg.png) no-repeat;
	width: 173px;
	height: 56px;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
	padding-left: 24px;
	padding-right: 15px;
	float: right;
	margin-top: 5px;
	transition: all 1s;
}
.play-video:active {
	position: relative;
	top: 2px;
}
.play-video.video {
	width: 195px;
	height: 56px;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
	padding-left: 24px;
	padding-right: 13px;
	float: right;
	margin-top: 5px;
	background-size: cover;
}
.play-video a {
	text-decoration: none;
	color: #FFF;
	display: block;
	font-size: 24px;
}
.book-now {
	background: url(images/book-now-bg.png) no-repeat;
	width: 229px;
	height: 75px;
	line-height: 62px;
	font-weight: bold;
	text-align: center;
	padding-left: 24px;
	float: right;
	background-size: cover;
    padding-right: 21px;
    transition: all 1s;
}
.book-now:active {
	position: relative;
	top: 2px;
}
.book-now a {
	line-height: 62px;
	font-weight: bold;
	text-align: center;
	font-size: 32px;
}
.book-now a:hover {
	text-decoration: none;
	color: #FFF;
	display: block;
}
.carousel-bg {
	padding-top: 15px;
	padding-bottom: 15px;
	background: #000;
	padding-left: 5%;
	padding-right: 5%;
}
.sidebar-gallery {
	padding-top: 20px;
}
.sidebar-gallery a.thumb {
	display: block;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}
.sidebar-gallery a.thumb img {
	max-width: 100%;
	height: auto;
	max-height: 145px;
	width: auto;
	box-shadow: 0 0 10px #888;
}
.sidebar-gallery a.thumb .caption {
	display: none;
}
.youtube-container {
	max-width: 896px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 10px #888;
}
.youtube-container iframe {
	width: 100%;
	height: 500px;
	vertical-align: middle;
	box-shadow: 0 0 30px #000;	
}
.video-section-left iframe {
	width: 100%;
	vertical-align: middle;
	box-shadow: 0 0 20px #000;
}
.columns-container {
	
}
.booknow {
	padding-top: 40px;
	padding-bottom: 40px;
}
.floor-map {
	text-align: center;
	max-width: 100%;
	height: auto;
}
.floor-map img {
	max-width: 100%;
	height: auto;
}
.pricing {
	padding-bottom: 40px;
}
.pricing table {
	width: 100%;
}
.pricing table thead th {
	background: #FFF;
	text-align: center;
	color: #005a63;
	padding-top: 12px;
	border: 1px solid #c7c7c7;
	padding-bottom: 12px;
}
.pricing table thead th.main-title {
	font-size: 25px;
	font-weight: bold;
}
.pricing table thead th span {
	display: block;
	color: #666264;
	margin-top:5px;
}
.pricing table thead th + th {
	background: #e4e4e4;
}
.pricing table tbody td {
	background: #e4e4e4;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #c7c7c7;
}
.pricing table tbody td + td {
	text-align: center;
}
.pricing table tbody td + td + td {
	background: #f0eff9;
}
.pricing table tbody td + td + td + td {
	background: #e4e4e4;
}
.owl-carousel {
	position: relative;
}
.owl-carousel .owl-nav .owl-prev {
	position: absolute;
	top: 48%;
	left: -50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/arrow-left.png) no-repeat;
	width: 38px;
	height: 38px;
}
.owl-carousel .owl-nav .owl-next {
	position: absolute;
	top: 48%;
	right: -50px;
	overflow: hidden;
	background: url(images/arrow-right.png) no-repeat;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
}
.owl-item div {
	padding-left: 5px;
	padding-right: 5px;
}
.archive-content-bg {
	background: url(images/footer-bg.jpg) repeat-x #026a73;
	padding-bottom: 20px;
}
.archive-content .content-format h3 {
	color: #FFF;
	margin-bottom: 0;
}
.archive-content .content-format p {
	color: #FFF;
}
.archive-content .content-format h1 {
	margin-bottom: 20px;
	color: #FFF;
	margin-top: 0;
}
.archive-content .content-format a {
	color: #54b1be;
}
.content-format iframe {
	max-width: 100%;
	box-shadow: 0 0 20px #000;
}
.archive-content .content-format iframe {

}
.footer-content .content-format p {
	font-size: 23px;
	padding-bottom: 20px;
	line-height: inherit;
	text-align: justify;
}
.footer-content {
	padding-top: 10px;
}
.archive-thumb {
	position: relative;
}
.archive-thumb img {
	max-width: 100%;
	height: auto;
}
.archive-loop {
	padding-top: 20px;
	padding-bottom: 20px;
}
.archive-loop .youtube iframe {
	height: 225px;
	vertical-align: middle;
	box-shadow: 0 0 20px #000;
}
.archive-loop .boat-title {
	margin-top: 0;
}
.archive-loop .content-format h3.subtitle {
	font-size: 26px;
}
.boat-title a {
	color: #732002;
}
.buttons-container {
	padding-top: 25px;
	width: 346px;
	margin: 0 auto;
}
.buttons-container .book-now {
	width: 173px;
	font-size: 22px;
	height: 56px;
	line-height: 44px;
	padding-right: 15px;
}
.buttons-container .book-now a {
	font-size:22px;
	line-height:44px;
}
.buttons-container .play-video {
	font-size: 22px;
	line-height: 44px;
	margin-top: 0;	
}
.buttons-container .play-video a {
	font-size:22px;
	line-height:44px;
}
.home-content-text {
	padding-top: 20px;
	padding-bottom: 20px;
}
.header-logo img {
	max-width: 100%;
	height: auto;
}
.archive-list {
	margin-top: 20px;
}
.drop-down-bg .fleet-box {
	width: 20%;
}
.search-input {
	position: relative;
}
.search-input input[type="text"] {
	background: #FFF;
	line-height: 40px;
	border: none;
	padding-left:10px;
	padding-right: 10px;
	width: 180px;
	position: absolute;
	right: 0;
	z-index: 99999;
	top: 39px;
    height:44px;
	display: none;
}
.big-buttons {
	padding-top: 44px;
}
.header-menu-mobile {
	display: none;
}
@media screen and (max-width: 1280px) {
	.header-menu ul li a {
		font-size: 17px;
	}
	.footer-menu ul li a {
		font-size: 16px;
	}
}
@media screen and (max-width: 1200px) {
	.header-menu ul li a {
		font-size: 1.3vw;
	}
}
@media screen and (max-width: 1165px) {
	.footer-menu ul li a {
		font-size: 14px;
	}
	.footer-socials {
		width: 100%;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 1130px) {
	.header-menu ul li a {
		font-size: 1.2vw;
	}
}
@media screen and (max-width: 1010px) {
	.header-logo {
		top: 12px;
		width: 200px;
	}
}
@media screen and (max-width: 840px) {
	.header-menu ul li a { 
		padding-left: 15px;
		padding-right: 5px;
	}
}
@media screen and (max-width: 768px) {
	.page-template-page-home .header-bg {
		position: relative;
	}
	.header-bg {
		position: relative;
	}
	.header-logo {
		position: relative;
		width: 100%;
		max-width: inherit;
		text-align: center;
		top: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.header-top-right {
		float: none;
		margin: 0 auto;
	}
	.mobile-nav {
		background: url(images/menu-bg.png) no-repeat center top #007686;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
		margin-top: 10px;
		margin-left: -15px;
		margin-right: -15px;
	}
	.header-menu {
		margin-left: -15px;
		margin-right: -15px;
		display: none;
	}
	.header-menu ul li {
		float: none;
		display: block;
	}
	.header-menu ul li:hover {
		background: #007686;
	}
	.header-menu ul li:hover > a{
		background: #FFF;
	}
	.header-menu ul li a {
		display: block;
		line-height: 34px;
		font-size: 18px;
	}
	.header-menu ul li + li {
		border-top: 1px solid #FFF;
	}
	.header-menu ul ul {
		position: relative;
		top: 0;
		left: 0;
		width: auto;
	}
	.header-menu ul ul li {
		padding-left: 20px;
		padding-right: 20px;
	}
	.header-menu ul ul li a {
		font-size: 16px;
		line-height: 28px;
	}
	.video-section {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer-menu {
		text-align: center;
		padding-bottom: 10px;
	}
	.footer-socials-container {
		width: 300px;
		margin: 0 auto;
	}
	.footer-socials {
		text-align: center;
		float: none;
		width: auto;
		padding-bottom: 10px;
	}
	.footer-search-box {
		float: none;
		width: auto;
		margin-left: 20px;
	}
	.footer-phone {
		text-align: center;
	}
	.terms {
		text-align: center;
		padding-top: 10px;
	}
	.footer-logo {
		padding-bottom: 10px;
	}
	.fleet-box {
		width: 50%;
	}
	.drop-down-bg .fleet-box {
		width: 50%;
	}
	.home-content {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer-right {
		display: none;
	}
	.archive-thumb {
		text-align: center;
	}
	.booknow {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.product-gallery {
		padding-top: 10px;
	}
	.owl-nav {
		display: none;
	}
	.booknow {
		max-width: 100%;
	}
	.content-format a.button {
		max-width: 100%;
	}
	.pricing table thead th.main-title {
		font-size: 18px;
	}
	.floor-map {
		padding-bottom: 10px;
	}
	.pricing {
		padding-bottom: 10px;
	}
	.fleet-subtitle {
		font-size: 18px;
	}
	.home-content {
		padding-left: 0;
		padding-right: 0;
	}
	.content-format h1 {
		font-size: 28px;
	}
	.content-format h2 {
		font-size: 26px;
	}
	.content-format h3 {
		font-size: 24px;
	}
	.content-format h4 {
		font-size: 22px;
	}
	.content-format h5 {
		font-size: 20px;
	}
	.content-format h6 {
		font-size: 18px;
	}
	.header-search-input {
		position: relative;
	}
	.search-input input[type="text"] {
		top: 0;
	}
}
@media screen and (max-width: 480px) {
	.fleet-box {
		width: 100%;
	}
	.drop-down-bg .fleet-box {
		width: 100%;
	}
}
@media screen and (max-width: 420px) {
	.header-top-right {
		background: #007686;
		padding-left: 0;
		width: auto;
		margin-left: -15px;
		margin-right: -15px;
		padding-bottom: 10px;
	}
	.header-phone {
		float: none;
		margin: 0 auto;
	}
	.header-socials {
		float: none;
		margin: 0 auto;
		margin-top: 10px;
	}
}