/*
Theme Name: Nu Image Design
Theme URI: http://underscores.me/
Author: Nu Image Design
Author URI: http://www.nuimagedesign.co.uk
Description: A bespoke template allowing us to tell everyone, you're great.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nuimage
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Nu Image Design is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
#######################   Start SMALL!   #######################
----------------------------------------------------------------

----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
#foundation overides
# Normalize
# Typography
# Colors
# Elements
# Forms
# Navigation
	## Links
	## Menus
	## Magellan
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
	## Footer
# Infinite scroll
# Media
	## Captions
	## Galleries
----------------------------------------------------------------
Foundation overides
--------------------------------------------------------------*/

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 0px;
}
.accordion-title:focus, .accordion-title:hover {
    background-color: #fff;
}
:last-child>.accordion-content:last-child {
    border-bottom: 0px solid;
}
.accordion-title{
	padding: 0px;
	font-size: 1.2rem;
	border: 0px;
	text-align: center;
	width: auto;
	margin: 0 auto;
	display:inline-block;
}
.accordion-title:focus{
	background-color: none;
}
.accordion-title::before{
	content: none;
	margin-top: -1rem;
}
.is-active>.accordion-title::before {
    content: none;
    margin-top: -0.2rem;
}
.accordion-content{
	padding: 1rem 0;
	border: 0px solid;
	text-align:left;
}
.accordion-item {
	text-align:center;
}
.slick-slide { 
	height:auto;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
.yachtMenu .menu a{
	color: #a3a3a3;
}
.yachtMenu .menu a:focus{
	color: #19325a;
	font-weight: bold;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    position: relative;
    width: 100%;
    margin: 20px auto;
    display: table !important;
}
body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1,h2 {
    font-size: 2.5em;
    margin: 60px auto 30px auto;
    color: #093151;
    text-transform: uppercase;
    max-width: 750px;
}

h3 {
    font-size: 1.5em;
    margin: 0 auto;
    color: #093151;
    text-transform: uppercase;
    max-width: 750px;
}

h4, .brokerage{
	font-size: 1.1em;
    color: #093151;
    text-transform: uppercase;
    margin: 0;
}
mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
.white-bg {
	background: #fff;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
.site-main{
	max-width: 1330px;
	padding-left: 20px;
	padding-right: 20px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
	padding-left: 15px;
	margin: 0;
}

select {
	border: 1px solid #ccc;
	padding-left: 15px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu-icon::after {
    height: ;
    background: #0e0e0e;
    box-shadow: 0 7px 0 #0e0e0e, 0 14px 0 #0e0e0e;
}
.menu-icon:hover::after {
    background: #0e0e0e;
    box-shadow: 0 7px 0 #0e0e0e, 0 14px 0 #0e0e0e;
}
.off-canvas{
	padding-top: 100px;
}
.position-right {
    width: 100%;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
#offCanvasRight{
	background: #fff;
	z-index: 9999;
}
.menu-primary-container>.sideNav>li {
    text-align: center;
    list-style-type: none;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 3.0rem;
}
.menu-primary-container>.sideNav{
	margin: 0 auto;
}
.menu-primary-container>.sideNav>li>a{
	color: #404040;
}
.menu-primary-container>.sideNav>li>a:hover{
	text-decoration: none;
	color: #404040;
}
.close-button {
    margin: 10px;
    background: #fff;
    border: 0;
    box-shadow: none;
    padding: 0;
    font-size: 4rem;
}
.close-button span:hover, .close-button span:focus {
	outline: none;
	border: none;
}
button.close-button{
	outline: 0;
    border: 0;
    box-shadow: none;
}
.close-button span{
	color: #404040;
	box-sizing: initial !important;
	border: none;
	outline: none;
}
.openMenu{
	display: none;
}
.main-navigation {
	clear: both;
	display: block;
	float: right;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 6px 6px 0px #ccc;
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.off-canvas {
	z-index: 1;
    overflow-y: visible;
}

#offCanvasLeft {
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}


/*--------------------------------------------------------------
## Magellan
--------------------------------------------------------------*/
nav.sticky ul li a.active{
	border: 1px solid midnightblue;
}

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

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 6px 6px 0px #ccc;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.textcenter{
	text-align: center;
}
.center{
	margin: 0 auto;
}
.contentWidth{
	max-width: 600px;
}
.divPadding{
	padding: 30px;
	display: inline-block;
}
.spacing{
	margin: 50px 0 0 0;
}
.seperate{
	margin: 20px 0 0 0;
	padding-bottom: 20px;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.heroWrap img{
	width: 100%;
}
.subHeading {
    font-size: 1.4rem;
    color: #fff;
    z-index: 111;
    position: absolute;
    left: calc(50% - 250px);
    top: 20%;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    width: 500px;
    padding-bottom: 2%;
    border-bottom:solid white 3px;
}
.slick-slide img {
    display: block;
    margin: 0 auto;
}
.sliderPad .slick-slide {
    padding: 0 20px;
    outline: none;
}
.next-slide {
    right: 0;
    position: absolute;
    top: 0;
    height: 100%;
    background: #fff;
    width: 50px;
    z-index: 2;
    padding-top: 75px;
}
.prev-slide {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    background: #fff;
    width: 50px;
    z-index: 2;
    padding-top: 75px;
}
.prev-slide:hover, .next-slide:hover {
	cursor: pointer;
}
#pano{
	margin: 0 auto;
	width: 100%;
	max-width: 1330px;
	height: 620px;
	padding: 0 10px;
}
.videoBtn{
	position: absolute;
    bottom: 30px;
}
.boat h2{
	font-size: 2.5em;
    font-size: 1.5em;
    margin: 0 auto;
    color: #093151;
    text-transform: uppercase;
    max-width: 750px;
    padding-bottom: 20px;
}
.greybg h3{
	color: #fff;
	font-size: 2.5rem;
	padding-bottom: 30px;
}
.largerh3{
	font-size: 2.5em;
}
.full-width{
	display: block;
	width: 100%;
}
.latestTitle h3{
	font-size: 2.5em;
    margin: 60px auto;
    color: #093151;
    text-transform: uppercase;
    max-width: 750px;
}
.downArrow{
	position: absolute;
	bottom: 25px;
	right: 35px;
}
.twitterHeader{
	position: absolute;
	bottom: 25px;
	left: 15px;
}
.facebookHeader{
	position: absolute;
	bottom: 55px;
	left: 15px;
}
.bannerImg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.bannerScroll{
	position: absolute;
	top: calc(50% - 0px);
	left: 10px;
	color: #fff;
	transform: rotate(270deg);
	transform-origin: top left;
	text-transform: uppercase;
	width: 200px;
}
.cruisingYacht{
	position: absolute;
	top: calc(50% - 200px);
	right: 30px;
	color: #fff;
	transform: rotate(270deg);
	transform-origin: top right;
	text-transform: uppercase;
	width: 200px;
}
.backgroundImageLeft{
	z-index: 0;
	position: absolute;
	top: 600px;
	left: 0px;
	width: 380px;
	height: 200px;
	background-size: cover;
}
.backgroundImageRight{
	z-index: -1;
	position: absolute;
	top: 1580px;
	right: 0px;
	width: 791px;
	height: 242px;
	background-size: cover;
}
.card-section{
	text-align: left;
	padding: 30px;
	position: relative;
}

.tabs-title {
    float: left;
    width: 33.333333333333333333%;
}
.tabs-content {
    border: 0px solid #e6e6e6;
}
.tabs-panel{
	padding: 1em 0;
}
.tabContainer{
	width: 100%;
	position: relative;
	height: 648px;
}
.boatImg{
	background-size: cover !important;
	height: 648px;
	width: 65%;
	right: 0;
	bottom: 0;
	position: absolute;
}
.boatContent {
    background-color: #fff;
    width: 50%;
    height: 480px;
    position: absolute;
    bottom: 75px;
    left: 0px;
    box-shadow: 0 6px 6px 0px #ccc;
    text-align: left;
    padding: 20px 30px 30px 30px;
    overflow: hidden;
}
.boatContent h2{
	color: #404040;
	margin: 0 auto;
}
.boatContent .count{
	font-weight: bold;
	display: inline-block;
	position: absolute;
    bottom: 0;
}
.arrows{
	position: absolute;
    bottom: 20px;
    right: 20px;
}
.arrows div{
	margin: 0 10px;
	cursor: pointer;
}
.tabs-title a{
	font-size: 1.2rem;
}
.tabs-title a:visited{
	color: #404040;
}
.tabs{
	border: none;
}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background: #fff;
    color: #093151;
    font-weight: bold;
    outline: none;
}
.mobileBoat{
	display: none;
}
a.left-menu-button {
    height: 200px;
    width: 75px;
    position: relative;
}

.off-canvas-trigger-container {
    position: absolute;
    width: 75px;
}

.off-canvas-trigger {
    left: 0 !important;
}

.full-width-image{
	width: 100%;
	margin-top: 80px;
	height: 750px;
	background-size: cover !important;
}
.testimonialContent{
	left: calc(50% - 450px);
	text-align: center;
	height: 210px;
	width: 900px;
	position: absolute;
	bottom: -160px;
	background: #fff;
	box-shadow: 0 6px 6px 0px #ccc;
	padding: 20px;
}
.testimonial{
	position: relative;
	display: inline-block;
	margin-bottom: 200px;
	width: 100%;
}
.testimonialContent h3{
	font-size: 1.3em;
    margin: 0.67em auto;
    color: #093151;
    text-transform: uppercase;
    max-width: 750px;
}
.testimonialContent p{
	font-size: 1.5rem;
	max-width: 640px;
	margin: 0 auto;
	line-height: 1.2em;
}
.blueLine{
	border-bottom: solid 1px #183259;
	width: 200px;
	margin: 30px auto;
}
.blueLine2{
	border-bottom: solid 1px #183259;
	width: 130px;
	margin: 30px 0;
}
.whiteLine{
	border-bottom: solid 2px #fff;
	width:200px;
	margin: 20px auto;
}
.craftsmanship{
	background: url(assets/img/british-banner.jpg) no-repeat center center; 
	background-size: cover;
	width: 100%;
	height: 60px;
	margin-top: 70px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 2px;
	padding-left: 10px;
}
.craftsmanship div{
	max-width: 1330px;
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 10px;
}
.footerMaxWidth{
	max-width: 1330px;
	margin: 0 auto;
	padding-top: 10px;
}
.mission{
	box-shadow: 0 6px 6px 0px #ccc;
	text-align: left;
}
.missionImg{
	background-size: cover !important;
	min-height: 645px;
	width: 100%;
}
.blueLineLeft{
	text-align: left;
	border-bottom: solid 1px #183259;
	width:140px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.betterByDesign{
	padding: 30px 20px 50px 20px;
	width: 100%;
	height: auto;
	color: #fff;
	max-width: 1024px;
	margin: 0 auto;
}
.bluebg{
	background: #033069;
	text-align: center;
	padding: 50px 0 0 0;
}
.greybg{
	background: #898989;
	text-align: center;
	padding: 50px 0 50px 0;
}
.betterByDesign h3{
	color: #fff;
	font-size: 2.3rem;
	padding-bottom: 30px;
}
.teamPosition{
	color: #093151;
	font-weight: bold;
}
.yachts{
	max-width: 424px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.yachtMenu ul{
	max-width: 900px;
    margin: 0 auto;
}
.yachtMenu ul li{
	margin: 0 auto;
}
.previous{
	position: absolute;
	bottom: -35px;
	right: 75px;
	z-index: 2;
	width: 75px;
	height: 75px;
	background-color: #fff;
	text-align: right;
	padding: 25px 10px 0 0; 
}
.nextone{
	position: absolute;
	bottom: -35px;
	right: 0;
	z-index: 2;
	width: 75px;
	height: 75px;
	background-color: #fff;
	text-align: left;
	padding: 25px 0 0 10px; 
}
.nextone img:hover, .previous img:hover{
	cursor: pointer;
}
#Gallery{
	position: relative;
}
.gallery2{
	position: relative;
}
.results{
	position: absolute;
	background-color:#fff;
	height: 75px;
	width: 150px;
	bottom: -35px;
	z-index: 1;
	left: 0;
	text-align: center;
	font-size: 1.3rem;
	padding-top: 30px;
}
.overviewImg{
	background-size: cover !important;
	width: 100%;
	box-shadow: 0 6px 6px 0px #ccc;
	min-height: 400px;
}
.overview{
	width: 100%;
	box-shadow: 0 6px 6px 0px #ccc;
	padding: 20px;
	margin-bottom: 20px;
}
.overview h3{
	font-size: 2.5em;
}
.overview h4{
	text-transform: none;
	padding: 25px 0 25px 0;
	font-size: 1.5em;
}
.overview table tbody{
    border: none;
    background-color: none;
}
.overview table tbody td{
    padding: 0;
    vertical-align: top;
}
.overview table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: none;
}
.overview ul{
	margin: 0;
}
.overview ul li{
	list-style: outside;
    margin-left: 20px;
    color: grey;
}
.testimonials{
	color: #fff;
	max-width: 1330px;
	margin: 0 auto;
	display: inline-block;
	padding: 0 30px 30px 30px;
}
.testimonials h3{
	color: #fff;
	font-size: 2.5rem;
	margin: 0px auto 40px auto;
}
.from{
	font-size: 1.1rem;
	font-weight: bold;
}
span.wpcf7-not-valid-tip {
	font-size:0.8em;
}
.wpcf7 select, .wpcf7 input, .wpcf7 textarea {
    margin-top: 20px;
}
#wpcf7-f171-o1 select {
	color:#000;
}
#wpcf7-f171-p182-o1 select {
	color:#000;
}
#wpcf7-f171-o1 select option{ 
	color:#000;
}
#wpcf7-f171-p182-o1 select option{
    color:#000;
}
#wpcf7-f171-o1 select option:nth-child(1) {
    display:none;
}
#wpcf7-f171-p182-o1 select option:nth-child(1) {
    display:none;
}
.contactForm{
	max-width: 900px;
	margin: 0 auto;
}
.contactForm h3{
	font-size: 2.5em;
	margin: 10px auto 60px auto;
}
.update div{
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
}
.submitContact div{
	text-align: center;
	margin: 0 auto 20px auto;
}

#map{
	width: 100%;
	height: 800px;
}
.contactDetails{
	box-shadow: 0 6px 6px 0px #ccc;
	text-align: left;
}
.contactDetails a{
	text-decoration: none;
	color: black;
}
.contactDetails a:hover, .contactDetails a:visited{
	text-decoration: none;
	color: black;
	cursor: pointer;
}
.btnMargin{
	margin-top: 20px;
}
.newsTitle{
	height:auto;
}
.newsTitle h2{
	font-size: 1.5rem;
	margin: 0px auto 15px auto;
}
.newsTitle h3{
	margin: 0px auto 15px auto;
}
.single h1{
	text-align: left;
	margin: 120px 0 20px 0;
}
.eventsImg{
	background-size: cover !important;
	width: 100%;
	min-height: 380px;
}
.events{
	box-shadow: 0 6px 6px 0px #ccc;
	text-align: left;
	margin: 15px auto;
}
.events h3{
	margin: 0;
}
.boatInfo h3{
	padding-top: 25px;
}
.teamPhoto {
	width:100%;
}
/*--------------------------------------------------------------
404 error
--------------------------------------------------------------*/
.page-content{
	text-align: center;
}
/*--------------------------------------------------------------
Pagination
--------------------------------------------------------------*/

.nav-links>.page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px 0 0;
    border: 1px solid #eee;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
}

.nav-links>.page-numbers.current,
.nav-links>a.page-numbers:hover {
    background: #f9f9f9;
}
.nav-links{
	text-align: center;
	margin-left: auto;
	margin-right: 0px;
}
.nav-links>.page-numbers {
	border:none;
	color:#333333;
}
.nav-links>.page-numbers.current, .nav-links>a.page-numbers:hover {
	color:#195383;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
header#masthead {
	background: #fff;
	box-shadow: 0 2px 2px 0px #ccc;
	z-index: 2000;
	padding: 20px;
	margin-top: 0px;
	position: fixed;
    width: 100%;
}
header#masthead a{
	text-decoration: none;
	color: #404040;
}
header#masthead a:hover{
	color: #093151 !important; 
	font-weight: bold;
}
header#masthead a:visited{
	text-decoration: none;
	color: #404040;
}
.current{
    color: #093151 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.card{
	box-shadow: 0 6px 6px 0px #ccc;
	margin-bottom: 30px;
}    

.entry-content{
	max-width: 500px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.findUs h3{
	font-size: 2.5rem;
	margin-bottom: 60px;
}
.no-results{
	text-align: center;
	width: 100%;
}
.noShadow .card{
	position: relative;
}
.imgHolder{
	width: 100%;
	min-height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.newsButton{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #19325a;
	color: #fff;
	padding: 15px;
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 1rem;
}
.columns:last-child:not(:first-child) {
    float: left;
}
.card-section h3{
	font-size: 1.3rem;
}
.yachtIcons{
	display: none;
}
.bannerScroll a{
	text-decoration: none;
	color: #fff;
}
.heroWrap{
	position: relative;
	display: inline-block;
	margin-top: 75px;
	width: 100%;
}
.bannerWrap{
	background-size: cover !important;
	width: 100%;
	height: 500px;
	position: relative;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer {
	background-color: #898989;
	padding: 30px 0;
}
.footerSection{
	color: #fff;
}
.footerBottom{
	background-color: #19325a;
	padding: 20px 0;
}
.footerBottomInner{
	max-width: 1330px;
	margin: 0 auto;
}
.footerSection a{
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}
.gunfleetlogo{
	padding-bottom: 30px;
}
.socialIcons li{
	list-style-type: none;
	display: inline;
	padding-left: 20px;
}
.socialIcons li:nth-child(1){
	padding: 0 0 0 0;
}
.footerSection ul{
	margin-left: 0px;
}
.copyright{
	color: #fff;
}
.copyright img, .copyright p{
	display: inline;
}
.copyright p{
	padding-left: 0px;
}
.nuimage a, .nuimage{
	text-decoration: none;
	color: #fff;
}
.nuimage{
	float: right;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
## Media queries
--------------------------------------------------------------*/

/* Small only */
@media screen and (max-width: 39.9375em) {}


@media screen and (max-width: 720px) {
	.yachtTitle, li.hideIcon{
		display: none;
	}
	.yachtIcons{
		display: inline-block;
	}
}

/* Medium and up */
@media screen and (max-width: 40em) {
	h1, h2 {
	    margin: 20px auto 20px auto;
	}
	.bannerWrap{
		height: 300px;
	}
	.menu .button, .menu a {
    	padding: .7rem 0rem; */
	}
	.boat h2{
		padding-top: 20px;
	}
	.btnMargin{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.bluebg {
	    padding: 10px 0 0 0;
	}
	.divPadding{
		padding: 15px;
		display: inline-block;
	}
	.topPad{
		padding-top: 50px;
	}
	.cardPadding{
		padding-right: 0;
    	padding-left: 0;
    	margin-bottom: 20px;
	}
	.tabs-title>a {
		padding: 0;
		font-size: 0.9rem;
	}
	.craftsmanship{
		font-size: 1.2rem;
		text-align: center;
		height: 80px;
		padding-left: 0px;
		margin-top: 20px;
	}
	.footerSection{
		text-align: center;
	}
	.logoWrap{
		text-align: center;
	}
	.copyright,.nuimage{
		text-align: center;
		float: none;
	}
	.full-width-image{
		height: 450px;
	}
	h2{
		font-size: 2.0rem;
	}
	.bannerScroll{
		display: none;
	}
	.cruisingYacht{
		display: none;
	}
	.downArrow{
		display: none;
	}
	.facebookHeader{
		display: none;
	}
	.twitterHeader{
		display: none;
	}
	.overview h3 {
    	font-size: 1.8em;
	}
	.results {
	    position: absolute;
	    background-color: #fff;
	    height: 30px;
	    width: 80px;
	    bottom: -35px;
	    z-index: 1;
	    left: 0;
	    text-align: center;
	    font-size: 1.3rem;
	    padding-top: 10px;
	}
	.previous {
	    position: absolute;
	    bottom: -35px;
	    right: 30px;
	    z-index: 2;
	    width: 30px;
	    height: 30px;
	    background-color: #fff;
	    text-align: right;
	    padding: 3px 10px 0 0;
	}
	.nextone {
	    position: absolute;
	    bottom: -35px;
	    right: 0;
	    z-index: 2;
	    width: 30px;
	    height: 30px;
	    background-color: #fff;
	    text-align: left;
	    padding: 3px 0 0 10px;
	}
	.testimonials h3 {
	    font-size: 2.0rem;
    	margin: 20px auto 40px auto;
	}
	#wpcf7-f171-o1 select {
		color:#b7b7b7;
		margin-bottom: 1.6rem;
	}
	#wpcf7-f171-p182-o1 select {
		color:#b7b7b7;
		margin-bottom: 1.6rem;
	}
	
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */

@media screen and (max-width: 56.25em) {
	.testimonialContent{
		left: 5%;
		height: auto;
		width: 90%;
	}
	.testimonial{
		margin-bottom: 220px;
		margin-top: -70px;
	}
	.openMenu{
		display: block;
		float: right;
	}
	#site-navigation{
		display: none;
	}
	.subHeading {
	    font-size: 1.0rem;
	}
}

@media screen and (max-width: 40em){
	.missionImg{
		min-height: 320px;
	}
	.yachtIco {
	    width: 30px;
	}
	#pano{
		margin: 0 auto;
		width: 100%;
		max-width: 1330px;
		height: 420px;
	}
	.subHeading {
	    position: absolute;
	    left: calc(50% - 150px);
	    top: 20%;
	    text-transform: uppercase;
	    text-align: center;
	    font-weight: bold;
	    width: 300px;
	    padding-bottom: 1%;
	}
	#map{
		height: 400px;
	}
}
@media screen and (max-width: 500px){
	.subHeading {
	    position: absolute;
	    left: calc(50% - 150px);
	    top: 12%;
	    text-transform: uppercase;
	    text-align: center;
	    font-weight: bold;
	    width: 300px;
	    padding-bottom: 1%;
	    font-size: 0.8rem;
	}
}

@media screen and (max-width: 64em) {
	.mobileBoat{
		display: block;
	}
	.mobileBoat img{
		max-width: 877px;
		margin: 0 auto;
	}
	.boatContent h2 {
	    color: #404040;
	    margin: 0 0;
	}
	.noTop{
		margin-top: 0px !important;
	}
	.boatImg{
		display: none;
	}
	.logoWrap{
		text-align: center;
	}
	.footerSection {		
    	text-align: center;
    }
	.boatContent{
		background-color: #fff;
		width: 100%;
		max-width: 877px;
		height: auto;
		position: relative;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		text-align: left;
		margin: 65px auto 20px auto;
	}
	.tabContainer{
		height: auto;
	}
	.newsTitle h2{
		font-size: 1.3rem;
	}
	.tabs-panel.is-active {
	    padding-bottom: 0px;
	}
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/*-----------------------------------------
button hover effect
-----------------------------------------*/

.backToNews {
    text-transform: uppercase;
    border-radius: 0px;
    background-color: #fff;
    color: #000;
    border: 1px solid #033069;
    padding: 15px;
    font-size: 1.0rem;
    box-shadow: inset 0 0 0 0 #033069;
	transition: all ease 0.3s;
}
.submitContact .contactButton{
	text-transform: uppercase;
	border-radius: 0px;
	background-color: #fff;
	color: #000;
	border: 1px solid #033069;
	padding: 15px;
	font-size: 1.0rem;
	margin-top: 20px;
	margin-left: 20px;
	box-shadow: inset 0 0 0 0 #033069;
	transition: all ease 0.3s;
}

.backToNews:hover,.contactButton:hover {
  	color: #fff;
	box-shadow: inset 0 -56px 0 0 #033069;
}