body { color: #555555; }
.img-responsive { width: 100%; max-width: 100%; }
.relative { position: relative; }
.whiteBg { background-color: #FFFFFF !important; }
.noBackground { background-color: transparent !important; }
.whiteText { color: #FFFFFF !important; }
.blackText { color: #000000 !important; }
.darkGreyText, .darkGrayText { color: #444444 !important; }
.button { padding: 10px 20px; background-color: #1F425D; color: #FFFFFF; float: right; }
.button i { padding-left: 10px; }
.angledCorners { border-radius: 4px 4px 0 0 !important; float: right; }
.breadcrumbs { margin-bottom: 20px; }
.header__widgets .icon-box a { color: #1F425D; }
.row.smallerGutters { margin-left: -5px; margin-right: 5px; }
.row.smallerGutters [class*='col-'] { padding: 5px; }
.mb-20 { margin-bottom: 20px; }
.owl-carousel .owl-stage-outer { border-top:1px solid #F1F1F1; }
.widget_black-studio-tinymce img { height: 68px !important; }
.homepageFeatureLink > img { display: none; }
#isotopeTabs { font-size: 0; }
.isotope-tab { display: inline-block; *display: inline; *zoom: 1; width: auto; font-size: 14px; padding: 6px 14px; background-color: #1F425D; color: #FFFFFF; cursor: pointer; margin-right: 0; margin-bottom: 10px; border-left: 1px solid #FFFFFF; } /* border-radius: 10px;} */
.isotope-tab:hover { background-color: #1F70AA; }
.isotope-tab:first-child { margin-left: 1%; border-radius: 4px 0 0 4px; }
.isotope-tab:last-child { border-radius: 0 4px 4px 0; }
.isotope-tab.active, .isotope-tab.active:hover { background-color: #9DD2FB; color: #444444; }
.testimonials { background-color: transparent; padding: 0; }
.testimonials blockquote { border-left: none; }
.gallery .isotope-item, .video .isotope-item, .testimonials .isotope-item { width: 48%; margin: 1%; }
.gallery .isotope-item img, .video .isotope-item img  { max-width: 100%; }

.newsAndEvents { margin-top: 20px; }
.newsAndEvents .isotope-item { margin-bottom: 20px; }
#loadMore { font-size: 14px; padding: 6px 0; background-color: #9DD2FB; color: #444444; cursor: pointer; margin: 0 1% 10px 1%; cursor: pointer; text-align: center; border-radius: 4px; }
.newsImageContainer { width: 100%; margin: 0 0 20px 0; float: none; text-align: center; }
.newsImageContainer img { max-width: 100%; }
.newsStory { margin: 0 0 40px 0; }
.widget_black-studio-tinymce.contactInfo > .featured-widget { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.15); }
.widget_pw_opening_time > .featured-widget:last-child { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.15); border-top: none; }
.map { border: 1px solid rgba(0, 0, 0, 0.15); }
.boat-price { font-size: 16px; font-weight: bold; color: #1F425D; }
.widget-title .boat-price { float: right; font-weight: normal; font-size: 20px; margin-right:30px; color: #1F425D; }

.boatSeries { margin-bottom: 20px; }
.boatSeriesImage { max-width: 100%; }
.boatSeriesGroup { margin: 20px 0 20px 0 !important; }
h3.boat-title { margin-top: 0; font-weight: normal !important; }
.breadcrumbs.boats { margin-bottom: 0; }
.boatBanner {  margin: 0 0 0 -15px; width: calc(100% + 30px) }
.headerImageContainer { position: relative; background-position: center; background-size: cover; }
.headerImageContainer .boatFloatingText { margin: 0 0 20px -15px; width: calc(100% + 30px); padding: 20px; background-color: rgba(0, 0, 0, 1); color: #FFFFFF; }
.config, .technical { font-size: 0; margin-left: 0; margin-right: 0; }
.configList, .technicalList { width: 50%; display: inline-block; *display: inline; *zoom: 1; font-size: 14px; border-bottom: 1px dashed #666666; padding: 3px 0; }

.homepage-hero-module { position: relative; padding-bottom: 44.6585%; height: 0 !important; }
.video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/video-still.jpg"); background-size: cover; }
.boxed .homepage-hero-module .jumbotron-content { display: none; margin-left: 0;  padding: 20px; background-color: rgba(0,0,0,0.55); }
.boxed .homepage-hero-module .jumbotron-content > .jumbotron-content__title h1 { font-size: 20px; }
.homepage-hero-module .jumbotron-content__description p { display: none; }
.tabcontrol > .content > .body { padding: 1% !important; }
div > .latest-news__content { border-top: 1px solid #999999; }
div > .latest-news__content:first-child { border-top: none; }
.news { padding: 30px 0 0 0; }

footer i.fa { margin-right: 6px; font-size: 12px; color: #FFFFFF; }
footer ul li a:hover { color: #FFFFFF !important; }

select, input[type="text"], input[type="email"], input[type="tel"], textarea { color: #666666; margin-bottom: 0; }
::-webkit-input-placeholder { color: #666666; }
:-moz-placeholder { color: #666666; }
::-moz-placeholder { color: #666666; }
:-ms-input-placeholder { color: #666666; }

/* mailchimp signup form */
body #mc_embed_signup { clear: left; font-size: 14px; }
body #mc_embed_signup form { padding: 0; width: 75%; }
body #mc_embed_signup .mc-field-group { padding-bottom: 0; width: 100%; min-height: 38px; }
body #mc_embed_signup .mc-field-group input { padding: 4px 0; } 
body #mc_embed_signup .button { background-color: #1F425D; border: 1px solid #9eb7cb; border-radius: 0; margin: 0 0 10px 0; font-weight: normal; float: none; }
body #mc_embed_signup div.mce_inline_error { margin: -28px 0 1em; }
body #mc_embed_signup div#mce-responses { width: 100%; margin: 0; padding: 0; }
body #mc_embed_signup div.response { width: 100%; margin: 0; padding: 0; } 
/* end mailchimp signup form */

.navbar-toggle { float: right; top: 30px; }
.header__widgets { padding: 0; }
.header__widgets > .widget-icon-box > .icon-box { text-align: center; }
.header__widgets > .widget-icon-box > .icon-box > div { display: inline-block; *display: inline; *zoom: 1; margin-left: 20px; }
.header__widgets > .widget-icon-box > .icon-box > div.socialIcons { display: none; padding-top: 8px; }
.header__widgets > .widget-icon-box > .icon-box > div.socialIcons > div { padding: 4px 6px; display: inline-block; *display: inline; *zoom: 1; margin-left: 2px; font-size: 0; }
.header__widgets > .widget-icon-box > .icon-box > div.socialIcons > div > a > i.fa { color: #FFFFFF; font-size: 18px; margin: 0; }
.header__widgets > .widget-icon-box > .icon-box > div.socialIcons > div:first-child, .header__widgets > .widget-icon-box > .icon-box > div:first-child { margin-left: 0; }
.header__widgets > .widget-icon-box > .icon-box > div.socialIcons > div.facebookIcon { background-color: #3765A3; }
.header__widgets > .widget-icon-box > .icon-box > div.socialIcons > div.youTubeIcon  { background-color: #E12B28; }

.contact-form-small textarea { height: 165px; }
form .response { display: block; }

.testimonial__quote::before { height: 100%; top: 0; }
.testimonial__author { text-align: right; }
.testimonial__author .testimonial__author-description { display: block; }
#testimonalCarousel .testimonial__author { text-align: left; }

.youtubeVideos { position: relative; }
.playYouTubeOverlay { position: relative; }
.playYouTubeOverlay i { display: block; text-align: center; width: 100%; position: absolute; color: #E12B28; font-size: 44px; margin-top: -45%; /*padding-left: -45%;*/ z-index: 10; }
.youtubeVideoTitle { margin-top: 6px; }
.pageImage img { max-width: 100%; }

.accessoriesList { padding-bottom: 10px; border-bottom: 1px #999999 solid; margin-bottom: 20px; }
.accessoriesList .accessoriesMainImage { max-width: 100%; width: 100%; margin: 0 10px 10px 0; }
.accessoriesList .accessoriesName { font-size: 16px; font-weight: bold; color: #1F415C; }

.quarter { width: 23%; padding: 0 1%; float: left; }
.three-quarters { width: 73%; padding: 0 1%;  float: left; }
.fauxLink { color: #4ab9cf; text-decoration: none; cursor: pointer; }
.fauxLink:hover, .fauxLink:focus { color: #36b1ca; text-decoration: none; }
.fauxLink:focus { outline: none; }

.brokerageOverlay { position: absolute; left: 0; bottom: 0; width: 100%; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); text-align: left; z-index: 5; padding: 4px 10px; }

@media (min-width: 480px) {
  .widget_black-studio-tinymce img { height: 99px !important; }
  .boxed .homepage-hero-module .jumbotron-content { top: 30px; }
  .header__widgets > .widget-icon-box > .icon-box > div.socialIcons { display: inline-block; *display: inline; *zoom: 1; }
  .boxed .homepage-hero-module .jumbotron-content { display: block; }
}

@media (min-width: 660px) {
  .widget_black-studio-tinymce img { width: 111px; height: 63px !important; }
  .newsImageContainer { width: 30%; margin-left: 3%; float: right; }
  .boatBanner { display: none; }
  .headerImageContainer { margin: 0 0 20px -45px; width: calc(100% + 65px); height: 343px; padding: 20px; text-align: justify; } 
  .headerImageContainer .boatFloatingText { position: absolute; right: 10%; top: 10%; width: 50%; padding: 20px; background-color: rgba(0, 0, 0, 0.7); color: #FFFFFF; }
  .configList, .technicalList { width: 25%; }
  section .configList:nth-child(2n), section .technicalList:nth-child(2n) { margin: 0 3% 0 0; width: 22%; }
  .clearfix-sm { display: none; }
  .boxed .homepage-hero-module .jumbotron-content { top: 100px; }
  .boxed .homepage-hero-module .jumbotron-content > .jumbotron-content__title h1 { font-size: 22px; }
  .homepage-hero-module .jumbotron-content__description p { font-size: 14px; display: block; }
  .boxed .homepage-hero-module .jumbotron-content { top: 135px; width: 600px; margin-left: 15px; }
}

@media (min-width: 768px) {
  .widget_black-studio-tinymce img { width: 148px; height: 84px !important; }
  .homepageFeatureLink > img { display: block; }
  .gallery .isotope-item, .video .isotope-item { width: 23%; margin: 1%; }
  .headerImageContainer { width: 810px; height: 343px; }
  .homepageFeatureLink > .post-image { width: 158px; height: 105px; }
  .latest-news > h4 { min-height: 44px; font-size: 16px; }
  .clearfix-sm { clear: both; display: block; }
  .boxed .homepage-hero-module .jumbotron-content { top: 100px; }
  .boxed .homepage-hero-module .jumbotron-content > .jumbotron-content__title h1 { font-size: 22px; text-transform: uppercase; }
  .homepage-hero-module .jumbotron-content__description p { font-size: 14px; }
  .boxed .homepage-hero-module .jumbotron-content { top: 175px; width: 600px; margin-left: -10px; }
  .latest-news > img.wp-post-image { /* height: 163px; */ }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-10 { width: 83.3333333%; }
  .brokerage-gallery-item { width: 20%; padding: 5px; float: left;}
}

@media (min-width: 992px) {
  .widget_black-studio-tinymce img { width: 181px; height: 84px !important; }
  .headerImageContainer { width: 1030px; height: 343px; }
  .header__navigation-widgets {  width: 95px; }
  .header__navigation { width: 100%; }
  .main-navigation > li > a { padding: 18px 10px; font-size: 14px; line-height: 24px; }
  .homepage-hero-module { position: relative; padding-bottom: 33.3333%; height: 0 !important; }
  .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .homepageFeatureLink > .post-image { width: 213px; height: 141px; }
  .latest-news > h4 { min-height: 44px; font-size: 20px; }
  .clearfix-sm { display: none; }
  .boxed .homepage-hero-module .jumbotron-content { top: 100px; }
  .header__widgets { padding: 20.5px 0 54.5px; }
  .header__widgets > .widget-icon-box > .icon-box { text-align: left; }
  .header__widgets > .widget-icon-box > .icon-box > div { display: block; margin-left: 0; }
  .boxed .homepage-hero-module .jumbotron-content { top: 165px; width: 650px; }
  .latest-news > img.wp-post-image { /* height: 217px; */ }
}

@media (min-width: 1200px) {
  .headerImageContainer { width: 1230px; height: 410px; }
  .main-navigation > li > a { padding: 18px 16px; font-size: 16px; line-height: 1.5; }
  .homepageFeatureLink > .post-image { width: 263px; height: 175px; }
  .latest-news > h4 { min-height: 44px; }
  .boxed .homepage-hero-module .jumbotron-content { top: 220px; width: 550px; }
  .latest-news > img.wp-post-image { /* height: 266px; */ }
}




.main-title { padding: 20px 0; }
.testimonial__quote::after { border-width: 0; }
.testimonial__quote { margin-bottom: 10px; font-size: 14px; }
.map .js-where-we-are { height: 404px; }

/* Bootstrap alert CSS */
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.alert h4 { margin-top: 0; color: inherit; }
.alert .alert-link { font-weight: bold; }
.alert > p, .alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 5px; }
.alert-dismissable, .alert-dismissible { padding-right: 35px; }
.alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }
.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-success hr { border-top-color: #c9e2b3; }
.alert-success .alert-link { color: #2b542c; }
.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-info hr { border-top-color: #a6e1ec; }
.alert-info .alert-link { color: #245269; }
.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-warning hr { border-top-color: #f7e1b5; }
.alert-warning .alert-link { color: #66512c; }
.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.alert-danger hr { border-top-color: #e4b9c0; }
.alert-danger .alert-link { color: #843534; }

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.main-navigation li { list-style: none; }
.main-navigation > li li:hover > a, .main-navigation > li:focus > a, .main-navigation > li[aria-expanded="true"] > a { color: #1f425d; text-decoration: none; }
.main-navigation > li li:hover > .sub-menu, .main-navigation > li:focus > .sub-menu, .main-navigation > li[aria-expanded="true"] > .sub-menu { left: 155px; top: 0; }
.main-navigation .sub-menu li > a { min-width: 160px; }

.main-navigation > li li li { padding-left: 30px; }
@media (min-width: 992px) {
  .main-navigation > li li li { padding-left: 0; }
}

.boatLabelStatic { position: relative; display: inline-block; width: auto; padding: 4px 7px; background-color: #000000; color: #FFFFFF; }
.boatLabel { position: absolute; top: 0; right: 0; width: auto; padding: 4px 7px; background-color: #000000; color: #FFFFFF; }