/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/


/* Font Faces */
@font-face {
  font-family: FuturaPTMedium;
  src: url(../fonts/FuturaPTMedium.otf);
}
@font-face {
  font-family: FuturaPTDemi;
  src: url(../fonts/FuturaPTDemi.otf);
}
@font-face {
  font-family: FuturaPTHeavy;
  src: url(../fonts/FuturaPTHeavy.otf);
}
@font-face {
  font-family: FuturaPTLightOblique;
  src: url(../fonts/FuturaPTLightOblique.otf);
}

@font-face {
  font-family: FreightTextPro-Bold;
  src: url(../fonts/FreightTextPro-Bold.otf);
}
@font-face {
  font-family: FreightTextPro-Book;
  src: url(../fonts/FreightTextPro-Book.otf);
}
@font-face {
  font-family: FreightTextPro-Demibold;
  src: url(../fonts/FreightTextPro-Demibold.otf);
}
@font-face {
  font-family: FreightTextPro-Medium;
  src: url(../fonts/FreightTextPro-Medium.otf);
}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600,0;700;1,500;1,600;1,700&family=Montserrat:ital,wght@0,400;0,500;1,500;0,600&display=swap');


.font-serif {
  font-family: 'Cormorant Garamond', serif;
}
.font-serif-md {
  font-family: 'Cormorant Garamond', serif !important;
}
.font-sansserif {
  font-family: 'Montserrat', sans-serif;
}

body, html {
  height: 100%;
  color:#444;
  font-size: 14px;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3, .h1, .h2, .h3 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  line-height: 1.5;
}
h1 {
  color:#454545;
}
h2 {
  margin-top: 2.5rem;
  font-size: 2.85rem;
}

h4,h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color:#454545;
}
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color:#454545;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 3px;
}
p.text-white {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
}

.medium-large {
  font-size: 1.4px;
  font-size: 1.4rem;
  line-height: 2rem;
}
.large {
  font-size: 1.3rem;
}
.extra-large {
  font-size: 5rem;
}

.text-shadow {
  text-shadow: 0 0 10px rgba(34,34,34,.7);
}
.text-light-gray {
  color:rgba(255,255,255,.8);
}
.text-marine, .text-marine a {
  color:#3d6870!important;
}
.text-gray {
  color:#7a7d7f;
}
.text-light-white {
  color: #fff;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;'
  font-size: 15px;
  font-size: 1.5rem;
}
.text-blue {
  color:#197278;
}
.text-green {
  color: #24c500;
}
.text-black {
  color: #000;
}

.ls-1, .contactform label {
  letter-spacing: .5px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.pt-2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 7px;
}
.p-3.text-white {
  padding: .5rem!important;
}
.p-5 {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
}
.mb-0 {
  color: #555555;
}
.mb-4 {
  margin-bottom: 1rem!important;
}

/* Social Styling */
.text-facebook {
  color: #3b5998;
}
.text-twitter {
  color: #55acee;
}
.text-google {
  color: #dd4b39;
}
.text-linkedin {
  color: #0976b4;
}

.lh-15 {
  line-height: 1.5rem;
}

/* a selector styling */
a {
  transition: .3s ease all;
  color: #223843;
}
a:hover {
  text-decoration: none;
  opacity: .5;
}
a.text-white:hover {
  opacity: .5;
}
a:active, a:focus {
  outline: 0;
  box-shadow: none;
}
a.nounder {
  text-decoration: none!important;
  border-bottom: 0!important;
}

/* Background Classes Styling */
.bg-extra-light {
  background: #fff8f4;
}
.bg-light-gray {
  background: #eeeeee!important;
  color: #555555;
}
.bg-dark-gray {
  background-color: #292e32;
}
.bg-green {
  background: #197278;
}
.bg-blue {
  background: #04395e;
}
.bg-dark-blue {
  background: #062843;
  max-width: 100% !important;
}
.bg-light-teal {
  background: rgba(25, 114, 120, 0.10);
}

.p-relative {
  position: relative;
}

/* Button Styling */
.btn, .btn-primary {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color:#fff;
  background-color: #d74244;
  border-color: #d74244;
  /* border-radius: 2rem; */
  padding: .375rem 1.35rem;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .2rem;
  transition: .3s ease opacity;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-transition: .3s ease opacity;
  -moz-transition: .3s ease opacity;
  -ms-transition: .3s ease opacity;
  -o-transition: .3s ease opacity;
  max-width: 100%;
  white-space: normal;
}
.btn-primary.btn-lg {
  border-radius: 6rem;
  white-space: normal;
}
.btn-primary:hover {
  opacity: .7;
  color:#fff;
  background-color: #d74244;
    border-color: #d74244;
}
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, /* .show>.btn-primary.dropdown-toggle */ {
  background-color: #d74244;
  border-color: #d74244;
  box-shadow: 0 0 0 0.2rem rgba(215, 66, 68,.5);
}
.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(215, 66, 68,.5);
}
.btn-secondary {
  border-color: #fff;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  font-size: 14px;
    font-size: 1.4rem;
  padding: .5rem 2rem;
}

.button-alt, button.button-alt {
  font-size: 16px;
  line-height: 1.375em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  background-color: #197278;
  text-transform: uppercase;
  padding: 17px 28px;
  color: #fff;
  letter-spacing: 0;
  display: inline-block;
  outline-offset: -8px;
  outline: 1px solid #fff;
  transition: all 0.3s;
  border: none;
}

.button-alt:hover, .button-alt:active, .button-alt:focus {
  color: #fff;
  background-color: #D74244;
  opacity: 1;
  cursor: pointer;
  outline: 1px solid #fff;
}

.button-light, button.button-light {
  background-color: #fff;
  color: #197278;
  outline: 1px solid #197278;
}

ul.anchors {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 10px;
  row-gap: 10px;
  justify-content: center;
  list-style-type: none;
  margin-top: 20px;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  ul.anchors {
    grid-template-columns: 1fr 1fr;
  }
}
ul.anchors li {
  min-height: 3em;
}
ul.anchors li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.text-white-fishing-boat a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.uppercase-title {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}
.clicktocall{
  display: none;
}

label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

.low-gutters>.col, .low-gutters>[class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 10px;
  font-size: 1rem;
}

.square:after {
  content:'';
  float:left;
  padding-bottom: 100%;
}
.rectangle:after {
  content:'';
  float:left;
  padding-bottom: 50%;
}
.thick-rectangle:after {
  content:'';
  float:left;
  padding-bottom: 75%;
}
img {
  max-width: 100%;
  height: auto;
}
.align-self-flex-end {
  align-self: flex-end;
}
iframe {
  width: 100%;
}
.video-wrapper, .fb-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe, .video-wrapper video, .fb-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video {
  max-width: 100%;
}
.bb-light {
  border-bottom: 1px solid #ddd;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.1);
}
.overlay-white {
  background: rgba(255,255,255,.8);
}
.overlay-dark {
  background: rgba(0,0,0,.3);
  mix-blend-mode: multiply;
}

.boat-listing .overlay {
  background: rgba(0, 0, 0, 0.25);
}

.fadeIn {
  -webkit-animation: animat_show 0.8s;
  animation: animat_show 0.8s;
  visibility: visible !important;
}


@-webkit-keyframes animat_show{
  0%{opacity:0}
  100%{opacity:1}
}
.text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4  {
  color: #fff!important;
}

.text-white h6 {
  font-size: 14px;
  font-size: 1.4rem;
}


/* header */
/* header.navbar {
  background: #04395e;
  color: #fff;
} */
/* .navbar {
  color: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  transition: all .3s;
} */
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.navbar .navbar-collapse {
  background-color: #197278;
}

.navbar-brand {
  margin: 0;
}

.navbar-brand img {
  max-width: 170px;
  width: 100%;
}

.navbar-brand img {
  max-width: 170px;
}

@media only screen and (min-width: 1200px) {
  .navbar-brand img {
    max-width: 194px;
  }
}

.d-lg-none .navbar-brand img {
  max-width: none;
  height: 45px;
}
.nav-item {
  white-space: nowrap;
  list-style: none;
}
.navbar-expand-lg .navbar-nav .nav-link {
  margin-right: 0.8rem;
  margin-left: 0.8rem;
  padding-right: 0;
  padding-left: 0;
}
.navbar-dark .navbar-nav .show>.nav-link {
  /* color: rgba(255,255,255,.8); */
}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link {
  border-bottom: 5px solid transparent;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  border-bottom-color: rgba(255,255,255,.2);
}

header .nav-item .dropdown-item {
  color: #222;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 11px;
  font-size: 1.1rem;
}
header .nav-item .dropdown-item:focus, header .nav-item .dropdown-item:hover {
  background: none;
  color: #21699c;
  opacity: 100;
}
header .dropdown-menu {
  background-color: #d4d4d4;
  border-radius: 0;
  box-shadow: none;
}

header .menu-phone {

}

.header .menu-phone .display-icon img {
  width: auto;
  height: 30px;
}


/*Listings */
.row.listings-heading {
  color: #223843;
}
.listings .h3.d-block {
  font-size: 13px;
  font-size: 1.4em;
}
.listings .row.pb-3{
  background: #eee;
    margin: 5px 0;
    padding: 17px 0 0 0;
  color: #3d6870;
}

/* @media (max-width: 1199px) {
  body {
    padding-top: 120px;
  }
  header.navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
} */
body {
  padding-top: 0 !important;
}
@media (min-width: 1200px) {
  header .dropdown-menu {
    transform: translateY(-38px);
    opacity: 0;
    transition: opacity .4s ease-in-out, transform .3s ease-out;
    display: block;
    pointer-events: none;
  }
  header .dropdown-menu.show {
    transform: translateY(-20px);
    opacity: 1;
    pointer-events: all;
  }
  header .dropdown-toggle::after {
    display: none;
  }
}

.home-listings a.excerpt-read-more, .home-marine-updates a.excerpt-read-more {
  display: none;
}

.listing-price-location {
  font-size: 1.2rem;
  margin-bottom: 6px;
}
.listing-price-location div {
  margin-bottom: 4px;
}
.listing-price-location .icon {
}

/* footer */
footer.footer {
  /* background: linear-gradient(rgba(8,58,93,.9),rgba(8,58,93,.9)),
    url(../images/map-2.jpg); */
  background-color: #062843;
  background-position: center center;
  background-size: cover;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}
footer .font-serif {
  font-weight: normal;
  font-size: 19px;
}
footer h6 {
  font-size: 1rem;
}
.copyright {
  text-align: center;
  font-size: .9em;
}
.footer-nav-wrap {
  border-top: 3px solid rgba(255,255,255,.2);
}
footer a {
  color: #fff;
}
@media (max-width: 993px) {
  .footer-social-icons {
    font-size: 2rem;
  }
}

/* pages */
.entry-content, .bottom-content {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  line-height: 2.5rem;
  font-size: 16px;
  font-size: 1.6rem;
  color: #555555;
}
.bottom-content {
  margin-top: 2.25em;
  margin-bottom: 2.25rem;
  text-align: center;
}
.entry-content img {
  display: block;
  margin: auto;
}
.entry-content a {
  border-bottom: 1px solid;
}
.entry-content a.gallery-img {
  border-bottom: none;
}
/* Style Blockquotes */
.entry-content blockquote {
  max-width: 425px;
  float: left;
  margin-top: 1rem;
  margin-right: 1.1rem;
  margin-bottom: 1rem;
  margin-left: -30%;
  padding: 1rem;
  position: relative;
  background-color: #eee;
}
.entry-content blockquote .blockquote-quote {
  font-style: oblique;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 3rem;
  font-family: 'Cormorant Garamond', serif;
}
.entry-content blockquote .blockquote-byline {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2.2rem;
  text-align: right;
  font-family: 'Cormorant Garamond', serif;
}


/* blog - uses marine updates page template */
.blog-entry-content h3 {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
a.excerpt-read-more-new, a.excerpt-read-more {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 1rem;
  color: #fe4a49;
}
.BlogItem-pagination-link-icon {
  vertical-align: middle;
  width: 23px;
  height: 48px;
  stroke: rgba(61,104,112,.6);
  margin: 0 20px;
  stroke-width: 2;
  display: inline-block;
}
.marine-updates .thick-rectangle {
  box-shadow: 0px 0px 6px #b1aeae;
}
a.excerpt-read-more {
  display: none;
}
.page-link {
  color: #062843;
}
.page-item.active .page-link {
  border-color: #062843;
  background-color: #062843;

}
p.source-org {
  font-size: 8px;
  font-size: .8rem;
}

/* Gallery - Home Carousel */
.carousel.carousel-fade .carousel-item {
  display: block;
  opacity: 0;
  transition: opacity ease-out .7s;
}
.carousel.carousel-fade .carousel-item.active {
  opacity: 1 !important;
}
.carousel-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.carousel-logo {
  max-width: 300px;
}
.home-carousel {
  height: 50vh;
}


/* yacht manufacturers NEW 2020 pages - albemarle boats */
.video-background {
  overflow: hidden;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: -56.25vh;
  left: 0;
  width: 100%;
  min-width: 100vw;
  height: 177.7778vh;
  pointer-events: none;
}
.header-logo img {
  max-width: 50%;
  height: auto;
}
.new {
  border:2px solid #24c500;
}

.pagination {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
/* Default Page Template page.php */

.default-page-header {
  text-shadow: 0 0 9px rgba(17,17,17,.91);
}

/* search listings */
.listings.list-view {
  font-size: 1.1;
}
.listings .rectangle, .staff-listings .rectangle {
  box-shadow: 0px 0px 6px #b1aeae;
}
.listings.list-view .listings-description {
  display: none;
}
.listings-heading {
  border-bottom: solid 1px #ddd;6
}
.listings-heading {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
}
.pb-3, .listing-price-location {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

/* individual listings */
.main-img  {
  width: 100%;
}
.gallery-thumb {
  transition: .2s ease opacity;
}
.gallery-thumb:hover {
  opacity: .7;
}
#s {
  max-width: 300px;
  display: inline-block;
}

.boat-listing-additional-description strong {
  display: block;
  margin-top: 1.5rem;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  color: #223843;
  font-size: 1.35rem;
  line-height: 1.5;
}
.boat-listing-additional-description strong:first-child {
  margin-top: 0;
}
.boat-listing-additional-description strong + br {
  display: none;
}
.boat-listing-additional-description p {
  /*margin-bottom: 0;*/
}

#request-info .form-control {
  border:1px solid #eee;
}
#request-info label {
  font-weight: 500;
  text-transform: none;
}

/* Boat Image Banners */
.banner {
  position: absolute;
  left: 0;
  top: 0;
  padding: 2px 6px;
  color: #fff;
  background-color: #d74244;
  border-color: #d74244;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-weight: 700;
}
.sold-banner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: rgba(153, 0, 0,.8);
  display: inline-block;
  color: #fff;
  padding: 2rem;
  margin-bottom: 0;
}
.sold-banner span {
  font-family: 'Cormorant Garamond', serif;
  font-size: 4rem;
  letter-spacing: 5px;
}
 /* Fishing Boats For Sale Page */
.text-white-fishing-boat {
  color: #fff;
  text-align: center;
  font-family: 'Cormorant Garamond', serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-bottom: 1rem;
  font-weight: 400;
}
.header-image .py-5 .mb-md-5, .py-5 {
  margin-bottom: 0rem!important;
}

/* Mexico Boats for Sale Page */
#about-kusler-gallery-section {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* contact */
.modal-form .wpcf7-form-control-wrap{
  display: block;
}
.modal-form .wpcf7-list-item {
  display: block;
  margin-left: 0;
}
.modal-form label {
  font-weight: 400;
  text-transform: none;
}
.modal-form p {
  /*margin-bottom: 0;*/
}
.modal-header {
  font-size: 22px;
  color: #333;
}
.modal-form {
  color: #222;
}
.modal-form hr {
  border-top-color: #999;
}
.bottom-contact .form-control {
  padding: .75rem;
}

/* Form Styling */
.form-control {
  border-radius: 3px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color:#454545;
}

#contact_form p {
  color: #fff;
  font-family: 'Cormorant Garamond', serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
}
.contactform label {
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #fff;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999;
  opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999999;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #999999;
}

select.form-control {
  -webkit-appearance: none; /* Remove default arrow */
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  /* background: url(https://www.shendds.com/wp-content/themes/rm-basetheme/images/svg/select-arrow.svg); */
  background: url('../images/svg/select-arrow.svg');
  background-position: right 11px center;
  background-repeat: no-repeat;
  background-size: 16px 9px;
}

/* Mobile */
@media (min-width: 992px) {
  .modal-lg {
    max-width: 600px;
  }
}

@media(max-width: 768px) {
  .entry-content blockquote {
    padding: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 2rem auto;
    width: 100%;
    max-width: 100%;
  }
  .clicktocall {
    display: block;
    bottom: 30px;
    left: 30px;
    position: fixed;
  }
  .clicktocall img {
    width: 65px;
    height: 65px;
  }
  .sold-banner {
    padding: 1rem;
  }
  .sold-banner span {
    font-size: 2rem;
  }
  .extra-large {
    font-size: 3rem;
  }
  .carousel-logo {
    max-width: 200px;
  }
  .home-carousel {
    height: 70vh;
  }

}












/*=======================================
=               Carousel               =
=======================================*/
.basic-carousel {
  position: relative;
  padding: 0 60px;
  margin: 20px auto;
}

@media only screen and (min-width: 768px) {
  .basic-carousel {
    padding: 0 84px;
    margin: 40px auto;
  }
}

@media only screen and (min-width: 1060px) {
  .basic-carousel {
    max-width: 1369px;
    margin: 110px auto;
  }
}

.basic-carousel .owl-stage-outer {
  z-index: 1;
}

.basic-carousel .owl-stage-outer:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35%;
  background-image: linear-gradient(to top, #808080, transparent);
  mix-blend-mode: multiply;
  z-index: 1;
}

.basic-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.basic-carousel .owl-stage:after {
  content: '';
}

.basic-carousel img {
  margin-bottom: 0;
}

.basic-carousel .owl-nav {
  font-size: 20px;
  font-size: 1.1111111111rem;
  line-height: 1em;
  position: absolute;
  padding: 0;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #019096;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .basic-carousel .owl-nav {
    font-size: 47px;
    font-size: 2.6111111111rem;
  }
}

@media only screen and (min-width: 1060px) {
  .basic-carousel .owl-nav {
    font-size: 88px;
    font-size: 4.8888888889rem;
  }
}

.basic-carousel .owl-nav > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.basic-carousel .owl-nav > div:hover svg path {
  fill: #31B9BE;
}

.basic-carousel .owl-nav > div svg {
  width: auto;
  height: 55px;
}

.basic-carousel .owl-nav > div svg path {
  fill: #2C5757;
}

.basic-carousel .owl-nav > div.owl-prev {
  left: 20px;
}

@media only screen and (min-width: 1060px) {
  .basic-carousel .owl-nav > div.owl-prev {
    left: 0;
  }
}

.basic-carousel .owl-nav > div.owl-next {
  right: 20px;
}

@media only screen and (min-width: 1060px) {
  .basic-carousel .owl-nav > div.owl-next {
    right: 0;
  }
}


/* ------------------------
  Header
------------------------ */
.skipto {
  display: block;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#sasstojsvalues {
  width: 1060px;
  height: 768px;
}

.site-header {
  top: 0;
  /* padding: 10px 0; */
  width: 100%;
  background: #04395e;
  background-size: cover;
  background-position: center;
  position: relative;
  height: 87px;
}

@media only screen and (min-width: 1060px) {
  .site-header {
    height: 123px;
  }
}

.site-header .logo-mark {
  opacity: 1;
}

.site-header .site-logo {
  /* z-index: 100; */
  z-index: 50;
}

.inside .nav-bar {
  background-color: #04395e;
}

/* Naviagation bar test */
.nav-bar {
  width: 100%;
  padding: 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: transparent;
  height: 87px;
  transition: all 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .nav-bar {
    padding: 0 22px;
  }
}

@media only screen and (min-width: 1060px) {
  .nav-bar {
    height: 123px;
    padding: 0 60px;
  }
}

.nav-bar.fixed {
  background-color: #ffffff;
  box-shadow: 0 3px 10px rgba(41, 46, 50, 0.1);
}

/* @media only screen and (min-width: 1060px) {
  .fixed .nav-bar {
    height: 114px;
  }
} */

.fixed .menu-trigger {
  background-color: #197278;
  outline-color: #fff;
}

.fixed .nav-hamburger span {
  background: #fff;
}

.not--device .fixed .hover-menu.menu-wrap .main-menu {
  border-top: 1px solid #292E32;
}

.not--device .fixed .hover-menu.menu-wrap .main-menu > li > a,
.not--device .fixed .hover-menu.menu-wrap .main-menu > li:hover > a {
  color: #292E32;
}

.fixed .menu-buttons .menu-contact a {
  color: #197278;
}

.fixed .menu-buttons .menu-contact svg path {
  fill: #197278;
}

.fixed .menu-buttons .contact-buttons a {
  color: #fff;
  background-color: #197278;
  outline-color: #fff;
}


.site-header .fixed .logo-mark {
  opacity: 1;
}

.site-header .fixed .logo-mark svg path {
  fill: #000;
}

.site-header .fixed .logo-mark svg #banner-wrap path {
  fill: #fff;
}


/* .is--device .nav-bar nav {
  padding: 0 20px;
} */

.menu-buttons {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media only screen and (min-width: 1060px) {
  .menu-buttons {
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
  }
}

@media only screen and (min-width: 1060px) {
  .menu-buttons .menu-contact {
    margin-bottom: 12px;
  }
}

.menu-buttons .menu-contact > * {
  margin-left: 25px;
}

@media only screen and (min-width: 768px) {
  .menu-buttons .menu-contact > * {
    margin-left: 17px;
  }
}

@media only screen and (min-width: 1060px) {
  .menu-buttons .menu-contact > * {
    margin-left: 39px;
  }
}

.menu-buttons a {
  color: #ffffff;
  text-decoration: none;
}

.menu-buttons span {
  font-size: 18px;
  line-height: 1em;
  font-weight: 600;
  display: block;
}

.menu-buttons .menu-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1060px) {
  .not--device .menu-buttons .menu-trigger {
    display: none;
  }
}

.menu-buttons .menu-contact {
  display: flex;
  align-items: center;
}

.menu-buttons .menu-contact svg {
  width: auto;
  height: 35px;
}

.menu-buttons .menu-contact svg path {
  fill: #ffffff;
}


.menu-buttons .menu-location span {
  margin-right: 0;
}

.menu-buttons .menu-phone a {
  display: flex;
  align-items: center;
  opacity: 1;
}

.menu-buttons .menu-phone a:hover {
  color: #D74244;
}

.menu-buttons .menu-phone a:hover svg path {
  fill: #D74244;
}



@media only screen and (min-width: 1060px) {
  .is--device .menu-buttons {
    display: block;
  }
}

.menu-buttons .menu-phone .display-number {
  display: none;
  margin-left: 12px;
  font-size: 24px;
  line-height: 1em;
  font-family: 'Montserrat', sans-serif;
}

@media only screen and (min-width: 768px) {
  .menu-buttons .menu-phone .display-number {
    display: block;
  }
}

.menu-buttons .contact-buttons {
  display: none;
}

@media only screen and (min-width: 768px) {
  .menu-buttons .contact-buttons {
    display: block;
  }
}

.menu-buttons .contact-buttons a {
  color: #197278;
  padding: 15px 58px;
  background-color: #fff;
  outline-color: #197278;
}

.menu-buttons .contact-buttons a:hover {
  color: #fff;
  background-color: #D74244;
  outline-color: #fff;
}

.site-logo {
  position: absolute;
  top: 0;
  left: 0;
  /* top: 21px; */
  /* transform: translate(20px, 0); */
  margin-top: 0;
  margin-bottom: 0;
  /* transform: translateX(20px); */
  /* top: 50%; */
  transform: translate(20px, 21px);
}

@media only screen and (min-width: 768px) {
  .site-logo {
    /* top: 26px; */
    transform: translate(22px, 26px);
  }
}

@media only screen and (min-width: 1320px) {
  .site-logo {
    top: 0;
    /* top: 40px; */
    /* transform: translateX(56px); */
    transform: translate(57px, 40px);
  }
}

.site-logo a {
  opacity: 1;
}

.site-logo svg {
  width: 150px;
  height: auto;
  display: block;
  transition: all .3s;
}

@media only screen and (min-width: 768px) {
  .site-logo svg {
    width: 193px;
  }
}

@media only screen and (min-width: 1320px) {
  .site-logo svg {
    width: 251px;
  }
}

/* navbar logo */
.logo-mark {
  position: relative;
  opacity: 0;
  transition: all .3s;
}

.logo-mark svg {
  width: 150px;
  height: auto;
  display: block;
  transition: all .3s;
}

@media only screen and (min-width: 768px) {
  .logo-mark svg {
    width: 150px;
  }
}

@media only screen and (min-width: 1060px) {
  .logo-mark svg {
    width: 189px;
  }
}

/*-------------- Logo Area -------------*/
/*--------------  Header Banner  -------------*/
/* ------------------------
  Nav
------------------------ */
.menu-wrap {
  display: none;
}

.hover-menu.menu-wrap {
  display: none;
}

.hover-menu.menu-wrap .nav-image {
  margin-bottom: 8px;
  width: 100%;
  max-width: 223px;
  height: 101px;
  position: relative;
}

.hover-menu.menu-wrap .nav-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hover-menu.menu-wrap .nav-image:hover .nav-overlay {
  opacity: 1;
}

.hover-menu.menu-wrap .nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 22px 15px;
  outline: 1px solid #fff;
  outline-offset: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(215, 66, 68, 0.9);
  color: #fff;
  transition: all 0.3s;
  opacity: 0;
}


.main-menu {
  padding-left: 0;
}

.touch-menu {
  display: block;
}

.touch-menu.menu-wrap {
  width: 100%;
  position: absolute;
  top: 87px;
  right: 0;
  height: calc(100vh - 87px);
  z-index: -1;
  padding: 0;
}

/* @media only screen and (min-width: 768px) {
  .touch-menu.menu-wrap {
    top: 60px;
    height: calc(100vh - 60px);
  }
} */

.touch-menu .main-menu {
  background: #04395e;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  text-align: left;
  opacity: 0;
  margin: 0;
}

.touch-menu .main-menu li {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}

.touch-menu .main-menu li:before {
  display: none;
}

.touch-menu .main-menu a {
  font-size: 14px;
  line-height: 1.25em;
  text-decoration: none;
  display: block;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.touch-menu .main-menu a:hover, .touch-menu .main-menu a:active, .touch-menu .main-menu a:focus {
  background: #07638c;
  outline: none;
}

.touch-menu .main-menu .menu-item > a {
  padding: 16px 20px;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.15); */
}

/* .touch-menu .main-menu .menu-item.first {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
} */

.touch-menu .main-menu .sub-menu {
  display: none;
  padding-left: 0;
}

.touch-menu .main-menu .sub-menu a {
  /* font-size: .85em; */
  font-size: 15px;
  text-transform: none;
  padding-left: 40px;
}

.touch-menu .main-menu .sub-menu .sub-menu a {
  padding-left: 60px;
}

.touch-menu .main-menu .nav-image {
  display: none;
}

.touch-menu .nav-dropdown-button {
  position: absolute;
  z-index: 25;
  width: 100%;
  height: 46px;
  right: 0;
  top: 0px;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  align-items: center;
}

.menu-is-open .touch-menu {
  z-index: 500;
}

.menu-is-open .touch-menu .main-menu {
  opacity: 1;
  transition: .25s ease-in-out;
  height: calc(100vh - 40px);
  padding: 0;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .menu-is-open .touch-menu .main-menu {
    height: calc(100vh - 60px);
  }
}

.menu-is-closed .touch-menu {
  z-index: -1;
  height: .1px;
}

.menu-is-closed .touch-menu .main-menu {
  opacity: 0;
  transition-duration: .25s;
  height: .1px;
}

.menu-trigger {
  cursor: pointer;
  background-color: #fff;
  outline: 1px solid #197278;
  outline-offset: -7px;
  width: 53px;
  height: 53px;
  margin-left: 17px;
}

/* Hamburger Menu */
.nav-hamburger {
  width: 18px;
  height: 12px;
  position: relative;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-hamburger span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #197278;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.nav-hamburger span:nth-child(1) {
  top: 0px;
}

.nav-hamburger span:nth-child(2), .nav-hamburger span:nth-child(3) {
  top: 6px;
}

.nav-hamburger span:nth-child(4) {
  top: 12px;
}

.nav-hamburger.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.nav-hamburger.open span:nth-child(2) {
  transform: rotate(45deg);
}

.nav-hamburger.open span:nth-child(3) {
  transform: rotate(-45deg);
}

.nav-hamburger.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

/* Nav Expander (Plus button) */
.nav-expander {
  width: 16px;
  height: 16px;
  position: relative;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-expander span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: white;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.nav-expander span:nth-child(1) {
  top: 8px;
}

.nav-expander span:nth-child(2) {
  top: 8px;
  transform: rotate(90deg);
}

.sub-menu-open > .nav-dropdown-button .nav-expander span:nth-child(2) {
  transform: rotate(180deg);
}

.touch-menu .social-segment {
  display: none;
}

@media only screen and (min-width: 1060px) {
  .not--device .menu-wrap {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1em;
    letter-spacing: 1px;
    display: block;
    flex-grow: 1;
  }
  .not--device .menu-wrap .main-menu {
    font-size: 0;
    text-align: center;
    display: flex;
    align-items: center;
    height: 36px;
    margin-bottom: 0;
    border-top: 1px solid #fff;
  }
  .not--device .menu-wrap .main-menu > li {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
  }
  .not--device .menu-wrap .main-menu > li:first-of-type > a {
    padding-left: 0;
  }
  .not--device .menu-wrap .main-menu > li:last-of-type > a {
    padding-right: 0;
  }
  .not--device .menu-wrap .main-menu > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    z-index: 50;
    top: 35px;
  }
  .not--device .menu-wrap .main-menu > li:hover > a {
    /* color: #ffff; */
    border-top: 6px solid #D74244;
    position: relative;
    bottom: 6px;
    display: flex;
    height: calc(100% - 6px);
    align-items: center;
    /* margin-top: 6px; */
    padding-top: 6px;
    margin-bottom: 0;
  }
  .not--device .menu-wrap .main-menu > li.mega-menu {
    position: static;
  }
  /* .not--device .menu-wrap .main-menu > li.nav-home-link {
    display: none;
  } */
  .not--device .menu-wrap .main-menu > li a {
    display: block;
    text-decoration: none;
    padding: 0 10px;
    transition: .25s ease-in-out background;
    color: #ffffff;
    position: relative;
  }
  @media only screen and (min-width: 1300px) {
    .not--device .menu-wrap .main-menu > li a {
      padding: 0 20px;
    }
  }
  .not--device .menu-wrap .main-menu .mobile-only {
    display: none;
  }
  .not--device .menu-wrap a {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.1875em;
    font-weight: 600;
    letter-spacing: 0;
    opacity: 1;
  }
  .not--device .menu-wrap .sub-menu {
    background: #fff;
    position: absolute;
    top: 50px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    width: 250px;
    z-index: -5;
    transition: .25s ease-in-out top, .25s ease-in-out opacity;
    padding: 30px 0;
  }
  .not--device .menu-wrap .sub-menu > li.menu-item-has-children {
    padding-right: 25px;
    position: relative;
  }
  .not--device .menu-wrap .sub-menu > li.menu-item-has-children > .sub-menu {
    opacity: 1;
    visibility: visible;
    right: inherit;
    left: inherit;
    transform: none;
    left: 248px;
    top: 0;
  }
  .not--device .menu-wrap .sub-menu > li a {
    /* color: #ffffff; */
    color: #197278;
  }
  .not--device .menu-wrap .sub-menu > li:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../images/svg/bullet-anchor.svg');
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(75%, -50%);
    opacity: 0;
    transform: all 0.3s;
  }
  .not--device .menu-wrap .sub-menu > li:hover {
    opacity: 1;
  }
  .not--device .menu-wrap .sub-menu > li:hover > a {
    /* color: #5FC7CB; */
    color: #D74244;
  }
  .not--device .menu-wrap .sub-menu > li:hover:before {
    opacity: 1;
  }
  .not--device .menu-wrap .sub-menu .nav-dropdown-button {
    border-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .not--device .menu-wrap .sub-menu a {
    text-align: left;
    /* padding: 10px !important; */
    padding: 10px 45px !important;
    color: #ffffff;
  }
  .not--device .menu-wrap .nav-dropdown-button .nav-expander {
    display: none;
  }
  .not--device .menu-wrap .duplicate-item {
    display: none;
  }
  .not--device .menu-wrap .mega-menu:hover > a {
    position: relative;
    display: flex;
    align-items: center;
    /* color: #04395E; */
  }
  .not--device .hover-menu.menu-wrap .main-menu > li:hover > .sub-menu > li {
    flex-basis: 0;
    flex-grow: 1;
  }
  .not--device .menu-wrap .sub-menu li {
    position: relative;
    list-style: none;
  }
  .not--device .menu-wrap li:last-of-type .sub-menu {
    left: unset;
    right: 0;
    transform: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu > li:hover > a {
    color: #197278;
  }

  .not--device .menu-wrap .mega-menu .sub-menu a:hover {
    color: #D74244;
  }
  /* Not needed */
  /* .not--device .menu-wrap .mega-menu:hover > a {
    border-bottom: 5px solid #000000;
    position: relative;
    top: 5px;
    display: flex;
    height: calc(100% - 5px);
    align-items: center;
    margin-bottom: 5px;
  } */
  .not--device .menu-wrap .mega-menu:hover > .sub-menu {
    display: flex;
    transform: translate(-50vw);
    opacity: 1;
    top: 112px !important;
  }
  .not--device .menu-wrap .mega-menu:after {
    display: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu {
    /* padding-right: calc(40px + (50vw - (1060px / 2)));
    padding-left: calc(40px + (50vw - (1060px / 2)));
    padding-top: 20px;
    padding-bottom: 20px; */
    padding: 0;
    width: 100%;
    transform: translate(-200vw);
    opacity: 0;
  }
}

/* @media only screen and (min-width: 1060px) and (min-width: 1384px) {
  .not--device .menu-wrap .mega-menu > .sub-menu {
    padding-right: calc(40px + (50vw - (1384px / 2)));
    padding-left: calc(40px + (50vw - (1384px / 2)));
    padding-top: 20px;
    padding-bottom: 20px;
  }
} */

@media only screen and (min-width: 1060px) {
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment {
    flex-basis: 0;
    flex-grow: 2;
    column-count: 2;
    text-align: left;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment > li {
    display: inline-block;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment > li .sub-menu {
    visibility: visible;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment > li .sub-menu > li {
    display: block;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment {
    flex-basis: 0;
    flex-grow: 1;
    color: #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment a {
    padding: 0;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment i {
    color: #ffffff;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment .hdng {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1em;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 30px;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment .button, .not--device .menu-wrap .mega-menu > .sub-menu .social-segment #rmrrWidget-contains-pager-button-container button, #rmrrWidget-contains-pager-button-container .not--device .menu-wrap .mega-menu > .sub-menu .social-segment button {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1em;
    font-weight: 300;
    font-family: Futura, "EB Garamond", serif;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    text-align: center;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .sub-menu {
    position: relative;
    opacity: 1;
    visibility: hidden;
    width: 100%;
    top: inherit;
    left: 0 !important;
    right: inherit;
    transform: none;
    z-index: 50;
    /* padding-left: 30px; */
    background: none;
    padding: 0;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu li {
    padding-right: 0;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu li a {
    padding: 7px 0 !important;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu li:after {
    display: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu li:before {
    display: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu a:hover {
    /* color: #5FC7CB; */
    color: #D74244;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu > li {
    display: inline-block;
    vertical-align: top;
    /* padding: 25px; */
    padding: 36px 45px 46px;
    background-color: #E8F1F2;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu > li:nth-child(even) {
/*     background-color: #E8F1F2; */
    flex-grow: 1.25 !important;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu > li:first-of-type {
    background-color: #fff;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu > li > a, .not--device .menu-wrap .mega-menu > .sub-menu > li > .sub-menu {
    background: none;
  }
  .not--device .menu-wrap .close-menu {
    display: none !important;
  }
}

/* Custom Mega Menu Classes */
.not--device .hover-menu.menu-wrap .mega-menu .boat-grid > .sub-menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 34px;
  /* row-gap: 8px; */
}

@media only screen and (min-width: 1600px) {
  .not--device .hover-menu.menu-wrap .mega-menu .boat-grid > .sub-menu {
    grid-template-columns: 223px auto;
  }
}

.not--device .menu-wrap .mega-menu .button {
  padding: 17px 28px;
  display: flex;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
}

.not--device .menu-wrap .mega-menu .button a {
  padding: 0;
  color: #fff !important;
  max-width: 150px;
  text-align: center;
}

.not--device .hover-menu.menu-wrap .mega-menu .button {
  padding: 32px 46px;
  text-transform: none;
}

.not--device .hover-menu.menu-wrap .mega-menu > .sub-menu li.menu-center {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.not--device .hover-menu.menu-wrap .mega-menu > .sub-menu > li > a {
  font-size: 20px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'Cormorant Garamond';
}

.not--device .menu-wrap .hover-menu.mega-menu > .sub-menu > li:hover > a {
  color: #04395E;
}

.not--device .menu-wrap .mega-menu > .sub-menu > li > a:hover {
  color: #D74244;
}

/* section {
  padding: 20px;
}

@media only screen and (min-width: 768px) {
  section {
    padding: 20px 40px;
  }
}

@media only screen and (min-width: 1060px) {
  section {
    padding: 20px 40px;
  }
}

@media only screen and (min-width: 1460px) {
  section {
    padding-right: calc(40px + (50vw - (1460px / 2)));
    padding-left: calc(40px + (50vw - (1460px / 2)));
    padding-top: 20px;
    padding-bottom: 20px;
  }
} */

.contain {
  padding: 0 20px;
}

@media only screen and (min-width: 768px) {
  .contain {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 1449px) {
  .contain {
    padding-right: calc(40px + (50vw - (1449px / 2)));
    padding-left: calc(40px + (50vw - (1449px / 2)));
    padding-top: 0;
    padding-bottom: 0;
  }
}
































/*====================================
=                Home               =
====================================*/
.home h2, .home .h2 {
  margin-top: 0;
  font-size: 36px;
  line-height: 1.11em;
  text-transform: uppercase;
  font-weight: 400;
  color: #04395E;
  margin-bottom: 0.5em;
}

@media only screen and (min-width: 768px) {
  .home h2, .home .h2 {
    font-size: 60px;
    line-height: 0.92em;
  }
}

.home h3, .home .h3 {
  margin-top: 0;
  font-size: 36px;
  line-height: 1.11em;
  font-weight: 400;
  color: #04395E;
  margin-bottom: 0.5em;
}

@media only screen and (min-width: 768px) {
  .home h3, .home .h3 {
    font-size: 50px;
    line-height: 1.1em;
  }
}

@media (min-width: 1200px) {
  .home .container {
    max-width: 1369px;
  }
}

.tagline-icon {
  text-align: center;
}

.tagline {
  position: relative;
  text-align: center;
}

.tagline h2, .tagline .h2 {
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 1080px) {
  .tagline h2, .tagline .h2 {
    margin-top: 30px;
    margin-bottom: 70px;
  }
}

.tagline .tagline-callout {
  font-size: 7vw;
  font-weight: 800;
  line-height: 1em;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  opacity: 0.03;
  text-transform: uppercase;
  transform: translateY(-50%);
  margin-bottom: 0;
  opacity: 0;
  color: rgba(25, 114, 120, 0.05);
  z-index: 0;
  font-family: 'Cormorant Garamond';
}

@media only screen and (min-width: 1080px) {
  .tagline .tagline-callout {
    opacity: 1;
  }
}

@media only screen and (min-width: 1300px) {
  .tagline .tagline-callout {
    font-size: 120px;
  }
}

/*====================================
=             Home Header            =
====================================*/
.front-header {
  position: relative;
  /* height: 811px; */
  height: 610px;
  width: 100%;
  overflow: hidden;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) {
  .front-header {
    height: 811px;
    min-height: 1023px;
    height: 100vh;
  }
}

@media only screen and (min-width: 1080px) {
  .front-header {
    min-height: 811px;
  }
}

.front-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 14%;
  min-height: 229px;
  background-image: linear-gradient(#000, transparent);
  opacity: 0.5;
  z-index: 2;
}


.front-header .logo-mark {
  opacity: 0;
}

.home .header-callout {
  text-align: center;
  padding: 30px 20px;
  z-index: 1;
  position: relative;
  background-color: rgba(25, 114, 120, 0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .home .header-callout {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

@media only screen and (min-width: 1080px) {
  .home .header-callout {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.home .header-callout .hdng {
  margin: 0 auto;
  color: #fff;
  text-transform: uppercase;
  max-width: 339px;
  font-size: 25px;
}

@media only screen and (min-width: 375px) {
  .home .header-callout .hdng {
    font-size: 36px;
  }
}

@media only screen and (min-width: 768px) {
  .home .header-callout .hdng {
    max-width: 740px;
    font-size: 45px;
  }
}

@media only screen and (min-width: 1600px) {
  .home .header-callout .hdng {
    max-width: 100%;
    font-size: 50px;
  }
}


.header-carousel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

/* .header-carousel .slide {
  min-height: 811px;
  height: 100vh;
}

@media only screen and (min-width: 768px) {
  .header-carousel .slide {
    min-height: 1023px;
  }
}

@media only screen and (min-width: 1080px) {
  .header-carousel .slide {
    min-height: 811px;
  }
} */

.header-carousel img {
  width: 100%;
  /* min-height: 811px; */
  min-height: 430px;
  /* height: 100vh; */
  height: 50vh;
  object-fit: cover;
  object-position: 25%;
}

@media only screen and (min-width: 768px) {
  .header-carousel img {
    min-height: 811px;
    height: 100vh;
    object-position: 18%;
    min-height: 1023px;
  }
}

@media only screen and (min-width: 1080px) {
  .header-carousel img {
    object-position: 20%;
    min-height: 811px;
  }
}

.header-carousel .header-image-3 {
  object-position: 35%;
}

@media only screen and (min-width: 768px) {
  .header-carousel img {
    object-position: 38%;
  }
}

/* .header-carousel .owl-item.active img {
  animation: mobileburns 30s infinite;
} */

@media screen and (min-width: 800px) {
  .header-carousel .owl-item.active img {
    animation: kenburns 30s infinite;
  }
}

.header-carousel .owl-dots {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  column-gap: 4px;
  bottom: 197px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 251px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .header-carousel .owl-dots {
      bottom: 167px;
      column-gap: 9px;
      max-width: 582px;
  }
}

@media only screen and (min-width: 1600px) {
  .header-carousel .owl-dots {
      bottom: 126px;
  }
}


.header-carousel .owl-dots .owl-dot {
  width: 33%;
  height: 10px;
  position: relative;
}

.header-carousel .owl-dots .owl-dot span {
  content: "";
  background: #ffffff;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
}

.header-carousel .owl-dots .owl-dot.active span {
  top: 2px;
  height: 6px;
}



@keyframes kenburns {
  0% {
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    animation-timing-function: ease-in;
  }
  60% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    animation-timing-function: ease-in;
  }
}

@keyframes mobileburns {
  0% {
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-50px, -30px, 0px);
    animation-timing-function: ease-in;
  }
  60% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-50px, -30px, 0px);
    animation-timing-function: ease-in;
  }
}

@keyframes noburns {
  100% {
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    animation-timing-function: ease-in;
  }
}

@keyframes logoFadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.fadeInOC {
  animation-name: fadeInOC;
}

@keyframes fadeInOC {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*====================================
=           Home About Us           =
====================================*/
.home-about-us {
  padding-top: 60px;
  padding-bottom: 55px;
  text-align: center;
  font-size: 18px;
  line-height: 1.44em;
}

@media only screen and (min-width: 768px) {
  .home-about-us {
    font-size: 26px;
    line-height: 1.31em;
    padding-top: 100px;
    padding-bottom: 96px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-about-us {
    font-size: 30px;
    line-height: 1.23em;
    padding-top: 105px;
    padding-bottom: 70px;
  }
}

.home-about-us .description {
  max-width: 1000px;
  margin: 0 auto;
}

/*====================================
=          Home Yacht Type          =
====================================*/
.home-yacht-type {
  padding-bottom: 40px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .home-yacht-type {
    padding-bottom: 70px;
  }
}

.home-yacht-type .tagline-icon {
  margin-bottom: 13px;
}

.home-yacht-type .tagline-icon svg {
  width: auto;
  height: 26px;
}

@media only screen and (min-width: 768px) {
  .home-yacht-type .tagline-icon svg {
    height: 40px;
  }
}

.home-yacht-type .yacht-list {
  display: grid;
  grid-template-columns: 1fr;
  list-style: none;
  padding: 0;

}

@media only screen and (min-width: 768px) {
  .home-yacht-type .yacht-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 8px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-yacht-type .yacht-list {
    column-gap: 35px;
  }
}

.home-yacht-type .featured-image {
  overflow: hidden;
}

.home-yacht-type .each-type img {
  transition: all 0.3s;
}

.home-yacht-type .each-type .name {
  font-size: 16px;
  margin-bottom: 0;
}

.home-yacht-type .each-type a {
  color: #197278;
  display: flex;
  flex-direction: column;
  opacity: 1;
}

.home-yacht-type .each-type a:hover {
  color: #D74244;
}

.home-yacht-type .each-type a:hover img {
  filter: brightness(0.5);
  transition: all 0.3s;
  scale: 1.1;
}

/*====================================
=          Home Search Form          =
====================================*/
.home-search-form {
  padding-top: 28px;
  padding-bottom: 28px;
}

@media only screen and (min-width: 1080px) {
  .home-search-form {
    padding-top: 46px;
    padding-bottom: 46px;
  }
}

.home-search-form label {
  font-weight: 600;
  text-transform: none;
  color: #197278;
}

@media only screen and (min-width: 1400px) {
  .home-search-form label {
    font-size: 16px;
    line-height: 1.375em;
  }
}

.home-search-form .form-control {
  border: 1px solid #197278;
  border-radius: 0;
  background-color: transparent;
  color: #197278;
  min-height: 44px;
}

.home-search-form .form-control::placeholder {
  color: rgba(25, 114, 120, 0.25)
}

@media only screen and (min-width: 1200px) {
  .home-search-form form .col-xl-10 .col-xl-2 {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .home-search-form form .form-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

@media only screen and (min-width: 1400px) {
  .home-search-form form button {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.home-search-form .d-flex {
  padding-right: 50%;
}

@media only screen and (min-width: 768px) {
  .home-search-form .d-flex {
    padding-right: 22px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-search-form .d-flex {
    padding-right: 0;
  }
}

/*====================================
=       Home Brokerage Yachts       =
====================================*/
.home-brokerage-yachts {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  margin-top: 48px;
  margin-bottom: 48px;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts {
    margin-top: 74px;
    margin-bottom: 74px;
  }
}

.home-brokerage-yachts h2 {
  max-width: 296px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts h2 {
    max-width: 650px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-brokerage-yachts h2 {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

.home-brokerage-yachts .tagline-icon {
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts .tagline-icon {
    margin-bottom: 20px;
  }
}

.home-brokerage-yachts .tagline-icon svg {
  width: auto;
  height: 52px;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts .tagline-icon svg {
    height: 69px;
  }
}

.home-brokerage-yachts a {
  opacity: 1;
}

.home-brokerage-yachts .brokerage-carousel {
  font-size: 16px;
  line-height: 1.375em;
  margin-top: 35px;
  position: relative;
  padding: 0 43px;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts .brokerage-carousel {
    margin-top: 73px;
    /* padding: 0 48px; */
    padding: 0 82px;
  }
}

@media only screen and (min-width: 1449px) {
  .home-brokerage-yachts .brokerage-carousel {
    padding: 0px;
    max-width: 1369px;
    margin: 36px auto 0;
  }
}

.home-brokerage-yachts .featured-image:hover > div {
  filter: brightness(0.5);
  transition: all 0.3s;
  scale: 1.1;
}

.home-brokerage-yachts a.title:hover {
  color: #D74244;
}

.home-brokerage-yachts .brokerage-carousel .owl-stage-outer {
  z-index: 1;
}

.home-brokerage-yachts .brokerage-carousel .owl-stage {
  /* display: flex; */
}

@media only screen and (min-width: 1300px) {
  .home-brokerage-yachts .brokerage-carousel .owl-stage {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100% !important;
    row-gap: 73px;
    column-gap: 23px;
  }
}

@media only screen and (min-width: 1300px) {
  .home-brokerage-yachts .brokerage-carousel .owl-item {
    width: 100% !important;
  }
}

.home-brokerage-yachts .brokerage-carousel .owl-nav {
  font-size: 18px;
  font-size: 1.1111111111rem;
  line-height: 1em;
  position: absolute;
  padding: 0;
  left: 0;
  right: 0;
  top: 0;
  /* top: 50%;
  transform: translateY(-50%); */
  color: #197278;
  z-index: 0;
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts .brokerage-carousel .owl-nav {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1060px) {
  .home-brokerage-yachts .brokerage-carousel .owl-nav {
    font-size: 41px;
  }
}

.home-brokerage-yachts .brokerage-carousel .owl-nav > div {
  position: absolute;
  /* top: 50%;
  transform: translateY(-50%); */
  height: 100%;
  padding: 0 6px;
  background-color: rgba(25, 114, 120, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts .brokerage-carousel .owl-nav > div {
    padding: 0 16px;
  }
}

.home-brokerage-yachts .brokerage-carousel .owl-nav > div:hover svg path {
  fill: #D74244;
}

.home-brokerage-yachts .brokerage-carousel .owl-nav > div svg {
  width: auto;
  height: 18px;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts .brokerage-carousel .owl-nav > div svg {
    height: 22px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-brokerage-yachts .brokerage-carousel .owl-nav > div svg {
    height: 41px;
  }
}

.home-brokerage-yachts .brokerage-carousel .owl-nav > div svg path {
  fill: #197278;
}

.home-brokerage-yachts .brokerage-carousel .owl-nav > div.owl-prev {
  left: 0;
}

.home-brokerage-yachts .brokerage-carousel .owl-nav > div.owl-next {
  right: 0;
}

.home-brokerage-yachts .brokerage-carousel .price {
  background-color: #04395E;
  color: #fff;
  text-align: center;
  padding: 5px 10px 10px;
  margin-bottom: 0.25em;
}

.home-brokerage-yachts .brokerage-carousel .featured-image {
  margin-bottom: 13px;
  height: 220px;
  display: block;
  width: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts .brokerage-carousel .featured-image {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-brokerage-yachts .brokerage-carousel .featured-image {
    height: 329px;
  }
}

.home-brokerage-yachts .brokerage-carousel .featured-image > div {
  background-size: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-brokerage-yachts .brokerage-carousel .title {
  font-weight: 300;
}

.home-brokerage-yachts .brokerage-carousel .specifications {
  list-style: none;
  margin: 13px 0;
  padding: 0;
  color: #197278;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts .brokerage-carousel .specifications {
    margin: 16px 0;
  }
}

@media only screen and (min-width: 1080px) {
  .home-brokerage-yachts .brokerage-carousel .specifications {
    margin: 17px 0 26px;
  }
}

.home-brokerage-yachts .brokerage-carousel .specifications li {
  padding-right: 10px;
  border-right: 1px solid #197278;
  margin-right: 10px;
}

.home-brokerage-yachts .brokerage-carousel .specifications li:last-of-type {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.home-brokerage-yachts .brokerage-carousel .button {
  padding: 17px 50px;
}

@media only screen and (min-width: 768px) {
  .home-brokerage-yachts .brokerage-carousel .button {
    padding: 17px 60px;
  }
}

/*====================================
=          Home New Yachts         =
====================================*/
.home-new-boats {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  margin-top: 70px;
  margin-bottom: 70px;
}

@media only screen and (min-width: 768px) {
  .home-new-boats {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-new-boats {
    margin-bottom: 125px;
  }
}

.home-new-boats h2 {
  max-width: 261px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .home-new-boats h2 {
    max-width: 650px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-new-boats h2 {
    max-width: 100%;
    margin-bottom: 35px;
  }
}

.home-new-boats .tagline-icon {
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .home-new-boats .tagline-icon {
    margin-bottom: 20px;
  }
}

.home-new-boats .tagline-icon svg {
  width: auto;
  height: 51px;
}

@media only screen and (min-width: 768px) {
  .home-new-boats .tagline-icon svg {
    height: 70px;
  }
}

.home-new-boats a {
  opacity: 1;
}

.home-new-boats .featured-image {
  overflow: hidden;
}

.home-new-boats .featured-image:hover > div {
  filter: brightness(0.5);
  transition: all 0.3s;
  scale: 1.1;
}

.home-new-boats a.title:hover {
  color: #D74244;
}

.home-new-boats .featured-carousel {
  font-size: 16px;
  line-height: 1.375em;
  margin-top: 35px;
  position: relative;
  padding: 0 43px;
}

@media only screen and (min-width: 768px) {
  .home-new-boats .featured-carousel {
    margin-top: 73px;
    /* padding: 0 48px; */
    padding: 0 82px;
  }
}

@media only screen and (min-width: 1449px) {
  .home-new-boats .featured-carousel {
    padding: 0px;
    max-width: 1369px;
    margin: 36px auto 0;
  }
}

.home-new-boats .featured-carousel .owl-stage-outer {
  z-index: 1;
}

.home-new-boats .featured-carousel .owl-stage {
  /* display: flex; */
}

@media only screen and (min-width: 1300px) {
  .home-new-boats .featured-carousel .owl-stage {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100% !important;
    row-gap: 73px;
    column-gap: 23px;
  }
}

@media only screen and (min-width: 1300px) {
  .home-new-boats .featured-carousel .owl-item {
    width: 100% !important;
  }
}

.home-new-boats .featured-carousel .owl-nav {
  font-size: 18px;
  font-size: 1.1111111111rem;
  line-height: 1em;
  position: absolute;
  padding: 0;
  left: 0;
  right: 0;
  top: 0;
  /* top: 50%;
  transform: translateY(-50%); */
  color: #197278;
  z-index: 0;
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .home-new-boats .featured-carousel .owl-nav {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1060px) {
  .home-new-boats .featured-carousel .owl-nav {
    font-size: 41px;
  }
}

.home-new-boats .featured-carousel .owl-nav > div {
  position: absolute;
  /* top: 50%;
  transform: translateY(-50%); */
  height: 100%;
  padding: 0 6px;
  background-color: rgba(25, 114, 120, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .home-new-boats .featured-carousel .owl-nav > div {
    padding: 0 16px;
  }
}

.home-new-boats .featured-carousel .owl-nav > div:hover svg path {
  fill: #D74244;
}

.home-new-boats .featured-carousel .owl-nav > div svg {
  width: auto;
  height: 18px;
}

@media only screen and (min-width: 768px) {
  .home-new-boats .featured-carousel .owl-nav > div svg {
    height: 22px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-new-boats .featured-carousel .owl-nav > div svg {
    height: 41px;
  }
}

.home-new-boats .featured-carousel .owl-nav > div svg path {
  fill: #197278;
}

.home-new-boats .featured-carousel .owl-nav > div.owl-prev {
  left: 0;
}

.home-new-boats .featured-carousel .owl-nav > div.owl-next {
  right: 0;
}

.home-new-boats .featured-carousel .price {
  background-color: #04395E;
  color: #fff;
  text-align: center;
  padding: 5px 10px 10px;
  margin-bottom: 0.25em;
}

.home-new-boats .featured-carousel .featured-image {
  margin-bottom: 13px;
  height: 220px;
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .home-new-boats .featured-carousel .featured-image {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-new-boats .featured-carousel .featured-image {
    height: 329px;
  }
}

.home-new-boats .featured-carousel .featured-image > div {
  background-size: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-new-boats .featured-carousel .title {
  font-weight: 300;
}

.home-new-boats .featured-carousel .specifications {
  list-style: none;
  margin: 13px 0;
  padding: 0;
  color: #197278;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .home-new-boats .featured-carousel .specifications {
    margin: 16px 0;
  }
}

@media only screen and (min-width: 1080px) {
  .home-new-boats .featured-carousel .specifications {
    margin: 17px 0 26px;
  }
}

.home-new-boats .featured-carousel .specifications li {
  padding-right: 10px;
  border-right: 1px solid #197278;
  margin-right: 10px;
}

.home-new-boats .featured-carousel .specifications li:last-of-type {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.home-new-boats .featured-carousel .button {
  padding: 17px 50px;
}

@media only screen and (min-width: 768px) {
  .home-new-boats .featured-carousel .button {
    padding: 17px 60px;
  }
}

/*====================================
=           Home Spotlight          =
====================================*/
.home-spotlight {
  padding-top: 65px;
  padding-bottom: 65px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #197278;
  color: #fff;
}

@media only screen and (min-width: 1080px) {
  .home-spotlight {
    padding-top: 125px;
    padding-bottom: 125px;
    background-attachment: fixed;
  }
}

.home-spotlight h2 {
  font-size: 32px;
  line-height: 1.125em;
  text-transform: none;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .home-spotlight h2 {
    font-size: 50px;
    line-height: 1.1em;
  }
}

.home-spotlight .split-container {
  display: flex;
  flex-direction: column-reverse;
}

@media only screen and (min-width: 1080px) {
  .home-spotlight .split-container {
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 47px;
  }
}

.home-spotlight .split-container:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 1080px) {
  .home-spotlight .split-container:nth-of-type(even) {
    flex-direction: row;
  }
}

@media only screen and (min-width: 1080px) {
  .home-spotlight .split-container:nth-of-type(even) .split-content {
    padding-left: 0;
    padding-right: 60px;
  }
}

.home-spotlight .split-container .split-content {
  padding-top: 30px;
  padding-bottom: 47px;
}

@media only screen and (min-width: 1080px) {
  .home-spotlight .split-container .split-content {
    width: 54%;
    padding: 50px 60px;
  }
}

.home-spotlight .split-container .split-contain {
  max-width: 600px;
  margin: 0 auto;
}

@media only screen and (min-width: 1080px) {
  .home-spotlight .split-container .split-contain {
    margin: 0;
  }
}

.home-spotlight .description {
  font-size: 16px;
  line-height: 1.375em;
  font-family: 'Montserrat', sans-serif;
}

.home-spotlight .split-image {
  min-height: 40vw;
  background-size: cover;
  background-position: center;
}

@media only screen and (min-width: 768px) {
  .home-spotlight .split-image {
      min-height: 45vw;
  }
}

@media only screen and (min-width: 1400px) {
  .home-spotlight .split-image {
      min-height: 20vw;
      width: 46%;
  }
}

.home-spotlight .split-image img {
  width: 100%;
  min-height: 40vw;
  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 768px) {
  .home-spotlight .split-image img {
    min-height: 45vw;
  }
}

@media only screen and (min-width: 1400px) {
  .home-spotlight .split-image img {
    min-height: 20vw;
  }
}

.home-spotlight .button-group {
  margin-top: 15px;
}

@media only screen and (min-width: 768px) {
  .home-spotlight .button-group {
    margin-top: 25px;
  }
}

/*====================================
=       Home Client Testimonials     =
====================================*/
.home-client-testimonials {
  padding-top: 55px;
  padding-bottom: 55px;
  background: rgba(25, 114, 120, 0.10);
  text-align: center;
}

.home-client-testimonials .tagline-icon {
  margin-bottom: 13px;
}

.home-client-testimonials .tagline-icon svg {
  width: auto;
  height: 45px;
}

@media only screen and (min-width: 768px) {
  .home-client-testimonials .tagline-icon svg {
    height: 69px;
  }
}

.home-client-testimonials h2 {
  max-width: 296px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .home-client-testimonials h2 {
    max-width: 100%;
  }
}

.home-client-testimonials figure {
  margin-bottom: 0;
}

.home-client-testimonials figure blockquote {
  font-size: 22px;
  line-height: 1.18em;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 21px;
}

@media only screen and (min-width: 768px) {
  .home-client-testimonials figure blockquote {
    font-size: 30px;
    line-height: 1.23em;
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-client-testimonials figure blockquote {
    margin-bottom: 36px;
  }
}

.home-client-testimonials figure figcaption {
  font-size: 24px;
  line-height: 1em;
  color: #197278;
  font-family: 'Montserrat', sans-serif;
}

@media only screen and (min-width: 768px) {
  .home-client-testimonials figure figcaption {
    font-size: 26px;
  }
}

.home-client-testimonials .testimonial-carousel {
  position: relative;
  margin: 40px auto 45px;
  padding: 0 40px;
}

@media only screen and (min-width: 768px) {
  .home-client-testimonials .testimonial-carousel {
    padding: 0 85px;
    margin: 60px auto 50px;
  }
}

@media only screen and (min-width: 1060px) {
  .home-client-testimonials .testimonial-carousel {
    max-width: 1283px;
    padding: 0px 148px;
  }
}

.home-client-testimonials .owl-stage-outer {
  z-index: 1;
}

.home-client-testimonials .owl-stage {
  display: flex;
  align-items: center;
}

.home-client-testimonials .owl-stage:after {
  content: '';
}

.home-client-testimonials .owl-nav {
  font-size: 18px;
  font-size: 1.1111111111rem;
  line-height: 1em;
  position: absolute;
  padding: 0;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #197278;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .home-client-testimonials .owl-nav {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1060px) {
  .home-client-testimonials .owl-nav {
    font-size: 41px;
  }
}

.home-client-testimonials .owl-nav > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.home-client-testimonials .owl-nav > div:hover svg path {
  fill: #D74244;
}

.home-client-testimonials .owl-nav > div svg {
  width: auto;
  height: 18px;
}

@media only screen and (min-width: 768px) {
  .home-client-testimonials .owl-nav > div svg {
    height: 22px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-client-testimonials .owl-nav > div svg {
    height: 41px;
  }
}

.home-client-testimonials .owl-nav > div svg path {
  fill: #197278;
}

.home-client-testimonials .owl-nav > div.owl-prev {
  left: 10px;
}

@media only screen and (min-width: 1283px) {
  .home-client-testimonials .owl-nav > div.owl-prev {
    left: 0;
  }
}

.home-client-testimonials .owl-nav > div.owl-next {
  right: 10px;
}

@media only screen and (min-width: 1283px) {
  .home-client-testimonials .owl-nav > div.owl-next {
    right: 0;
  }
}

.home-client-testimonials .testimonial-carousel .owl-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: -45px;
  width: 100%;
  column-gap: 7px;
  margin: 0 auto;
}

@media only screen and (min-width: 1060px) {
  .home-client-testimonials .testimonial-carousel .owl-dots {
    bottom: -50px;
  }
}

.home-client-testimonials .testimonial-carousel .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #04395E;
  transition: all 0.3s;
}

.home-client-testimonials .testimonial-carousel .owl-dots .owl-dot.active {
  background: #04395E;
}

/*====================================
=             Home Blog             =
====================================*/
.f-blog {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  margin-top: 95px;
  margin-bottom: 35px;
  text-align: center;
  font-size: 16px;
  line-height: 1.375em;
}

@media only screen and (min-width: 768px) {
  .f-blog {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

@media only screen and (min-width: 1080px) {
  .f-blog {
    margin-bottom: 125px;
  }
}

.f-blog h2 {
  max-width: 296px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .f-blog h2 {
    max-width: 650px;
  }
}

@media only screen and (min-width: 1080px) {
  .f-blog h2 {
    max-width: 100%;
    margin-bottom: 35px;
  }
}

.f-blog .tagline-icon {
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .f-blog .tagline-icon {
    margin-bottom: 20px;
  }
}

.f-blog .tagline-icon svg {
  width: auto;
  height: 51px;
}

@media only screen and (min-width: 768px) {
  .f-blog .tagline-icon svg {
    height: 70px;
  }
}

.f-blog a {
  text-decoration: none;
}

.f-blog .latest-posts {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 0;
  text-align: left;
  margin-top: 40px;
  flex-direction: column;
  column-gap: 57px;
  row-gap: 57px;
}

@media only screen and (min-width: 768px) {
  .f-blog .latest-posts {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 1080px) {
  .f-blog .latest-posts {
    flex-direction: row;
  }
}

.f-blog .latest-posts li {
  /* display: flex; */
  display: none;
  justify-content: center;
  flex-basis: 0;
  flex-grow: 1;
}

@media only screen and (min-width: 768px) {
  .f-blog .latest-posts li {
    display: flex;
  }
}

.f-blog .latest-posts li:first-of-type {
  display: flex;
}

.f-blog .latest-posts li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
  color: #292E32;
  width: 100%;
}

/* @media only screen and (min-width: 768px) {
  .f-blog .latest-posts li a {
    display: grid;
    grid-template-columns: 267px auto;
  }
} */

.f-blog .latest-posts li a:hover img {
  scale: 1.1;
}

.f-blog .latest-posts .meta-data {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.4em;
  color: #197278;
}

.f-blog .latest-posts .blog-title {
  font-size: 20px;
  line-height: 1.4em;
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #04395E;
}

.f-blog .latest-posts .thumb {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

/* @media only screen and (min-width: 768px) {
  .f-blog .latest-posts .thumb {
    margin-right: 34px;
    margin-bottom: 30px;
  }
} */

/* @media only screen and (min-width: 1080px) {
  .f-blog .latest-posts .thumb {
    margin-bottom: 0;
  }
} */

.f-blog .latest-posts .thumb:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  outline-offset: -17px;
  outline: 1px solid #fff;
  z-index: 1;
}

.f-blog .latest-posts img {
/*   object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%; */
  width: 100%;
  height: auto;
  transition: all 0.3s;
}

/*====================================
=           Home Instagram           =
====================================*/
.home-ig-feed {
  text-align: center;
  margin-top: 70px;
  margin-bottom: 70px;
}

@media only screen and (min-width: 768px) {
  .home-ig-feed {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-ig-feed {
    margin-bottom: 85px;
  }
}

.home-ig-feed a {
  opacity: 1;
}

.home-ig-feed .tagline-icon {
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .home-ig-feed .tagline-icon {
    margin-bottom: 20px;
  }
}

.home-ig-feed .tagline-icon svg {
  width: auto;
  height: 37px;
}

@media only screen and (min-width: 768px) {
  .home-ig-feed .tagline-icon svg {
    height: 61px;
  }
}

.home-ig-feed h2 {
  max-width: 296px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .home-ig-feed h2 {
    max-width: 444px;
    margin-top: 25px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-ig-feed h2 {
    max-width: 100%;
  }
}

.instagram-container {
  margin-top: 28px;
}

@media only screen and (min-width: 768px) {
  .instagram-container {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1080px) {
  .instagram-container {
    margin-top: 68px;
  }
}

.home-ig-feed .eapps-instagram-feed {
  overflow: hidden;
}

.home-ig-feed .eapps-instagram-feed .eapps-instagram-feed-posts-item-link {
  position: relative;
}

.home-ig-feed .eapps-instagram-feed .eapps-instagram-feed-posts-item-link:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  outline-offset: -16px;
  outline: 1px solid #fff;
}

/*====================================
=         Home Search Brand         =
====================================*/
.home-search-brand {
  background: rgba(25, 114, 120, 0.10);
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.375em;
  padding-top: 28px;
  padding-bottom: 28px;
}

@media only screen and (min-width: 768px) {
  .home-search-brand {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 1080px) {
  .home-search-brand {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

.home-search-brand .h3 {
  text-align: center;
  max-width: 286px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .home-search-brand .h3 {
    max-width: 100%;
    margin-bottom: 46px;
  }
}

.home-search-brand a {
  color: #292E32;
  opacity: 1;
}

.home-search-brand a:hover {
  color: #D74244;
}


.home-search-brand .yacht-brand-list {
  text-transform: uppercase;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .home-search-brand .yacht-brand-list {
    column-count: 2;
    column-gap: 40px;
    text-align: left;
    width: 550px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1060px) {
  .home-search-brand .yacht-brand-list {
    column-count: 3;
    width: 100%;
  }
}

.home-search-brand .yacht-brand-list li {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .home-search-brand .yacht-brand-list li {
    margin-bottom: 10px;
  }
}

/*====================================
=              Footer              =
====================================*/
.upper-footer {
  background-color: #062843;
  color: #fff;
  padding-top: 47px;
  padding-bottom: 66px;
  background-image: url('../images/home-contact-us.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2em;
}

@media only screen and (min-width: 768px) {
  .upper-footer {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 1080px) {
  .upper-footer {
    padding-top: 76px;
    padding-bottom: 62px;
    background-attachment: fixed;
  }
}

.upper-footer .tagline .tagline-callout {
  color: rgba(255, 255, 255, 0.05);
}

.upper-footer .h2 {
  margin-top: 0;
  font-size: 36px;
  line-height: 1.11em;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
  .upper-footer .h2 {
    font-size: 60px;
    line-height: 0.92em;
    margin-bottom: 36px;
  }
}

@media only screen and (min-width: 1080px) {
  .upper-footer .h2 {
    margin-bottom: 72px;
  }
}

.upper-footer .contact-text {
  text-align: center;
  margin-bottom: 40px;
}

.upper-footer a {
  opacity: 1;
}

.upper-footer a:hover {
  color: #D74244;
}

.upper-footer .footer-contact-form {
  margin-bottom: 55px;
  color: #fff;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .upper-footer .footer-contact-form {
    margin-bottom: 67px;
  }
}

@media only screen and (min-width: 1080px) {
  .upper-footer .footer-contact-form {
    margin-bottom: 80px;
  }
}

.upper-footer .footer-contact-form .form-control {
  font-size: 16px;
  line-height: 1.625em;
  border: 1px solid #fff;
  background-color: rgba(25, 114, 120, 0.8);
  color: #fff;
  border-radius: 0;
}

.upper-footer .footer-contact-form .form-control::placeholder {
  color: #fff;
}

.upper-footer .footer-contact-form .disclaimer {
  font-size: 12px;
  line-height: 1.5em;
  font-style: italic;
  max-width: 1050px;
  margin: 0 auto;
  opacity: 0.72;
}

@media only screen and (min-width: 768px) {
  .upper-footer .footer-contact-form .disclaimer {
    font-size: 14px;
    line-height: 1.57em;
  }
}

@media only screen and (min-width: 1200px) {
  .upper-footer .inner-footer .row > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.upper-footer .f-contact-info {
  margin-bottom: 55px;
}

@media only screen and (min-width: 768px) {
  .upper-footer .f-contact-info {
    margin-bottom: 58px;
  }
}

@media only screen and (min-width: 1200px) {
  .upper-footer .f-contact-info {
    margin-bottom: 0;
    border-right: 1px solid #fff;
    padding-right: 46px;
  }
}

@media only screen and (min-width: 768px) {
  .upper-footer .site-locations {
    display: flex;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1200px) {
  .upper-footer .site-locations {
    display: flex;
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) {
  .upper-footer .site-locations .location-each {
    width: 48%;
  }
}

@media only screen and (min-width: 1200px) {
  .upper-footer .site-locations .location-each {
    width: 100%;
  }
}

.upper-footer .site-locations a {
  opacity: 1;
}

.upper-footer .site-locations a:hover .display-icon svg path {
  fill: #D74244;
}

.upper-footer .site-locations .display-icon {
  display: flex;
}

.upper-footer .site-locations .display-icon svg {
  width: auto;
  height: 24px;
  margin-bottom: 7px;
}

.upper-footer .site-locations .display-icon svg path {
  fill: #fff;
  transition: 0.3s all;
}

.upper-footer .site-locations .location-each {
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .upper-footer .site-locations .location-each {
    margin-bottom: 15px;
  }
}

.upper-footer .f-social .social-icons {
  font-size: 32px;
  font-size: 1.875rem;
  line-height: 1em;
  list-style: none;
  margin: 33px 0 0;
  display: flex;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .upper-footer .f-social .social-icons {
    margin-top: 36px;
  }
}

@media only screen and (min-width: 768px) {
  .upper-footer .f-social .social-icons {
    margin-top: 25px;
  }
}

.upper-footer .f-social .social-icons .show-icon {
  margin-right: 17px;
}

.upper-footer .f-social .social-icons .show-icon:last-of-type {
  margin-right: 0;
}

.upper-footer .f-social .social-icons .show-icon a:hover svg path {
  fill: #D74244;
}

.upper-footer .f-social .social-icons svg {
  width: auto;
  height: 26px;
}

@media only screen and (min-width: 768px) {
  .upper-footer .f-social .social-icons svg {
    height: 30px;
  }
}

@media only screen and (min-width: 1060px) {
  .upper-footer .f-social .social-icons svg {
    height: 37px;
  }
}

.upper-footer .f-social .social-icons svg path {
  fill: #ffffff;
  transition: all 0.3s;
}

.upper-footer .f-site-logo {
  text-align: center;
}

.upper-footer .f-site-logo .logo-wrap {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-top: 75px;
  padding-bottom: 75px;
}

@media only screen and (min-width: 768px) {
  .upper-footer .f-site-logo .logo-wrap {
    padding-top: 67px;
    padding-bottom: 67px;
  }
}

@media only screen and (min-width: 1200px) {
  .upper-footer .f-site-logo .logo-wrap {
    padding: 67px 54px;
    border: none;
  }
}

.upper-footer .f-logo svg {
  width: 100%;
  height: auto;
  max-width: 296px;
  margin: 0 auto 24px;
}

@media only screen and (min-width: 768px) {
  .upper-footer .f-logo svg {
    width: 321px;
    max-width: 100%;
  }
}

.upper-footer .f-logo a:hover {
  opacity: 1;
}

.upper-footer .f-logo a:hover svg > path {
  fill: #000;
  transition: all 0.3s;
}

.upper-footer .f-site-logo .phone-call {
  font-size: 32px;
  line-height: 1em;
}

.upper-footer .partner-brands {
  padding-top: 55px;
}

@media only screen and (min-width: 768px) {
  .upper-footer .partner-brands {
    padding-top: 36px;
  }
}

@media only screen and (min-width: 1200px) {
  .upper-footer .partner-brands {
    border-left: 1px solid #fff;
    padding-left: 46px;
  }
}

.upper-footer .brand-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
  row-gap: 32px;
  margin-top: 27px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .upper-footer .brand-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1200px) {
  .upper-footer .brand-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }
}

.upper-footer .brand-list a:hover {
  opacity: 1;
}

.upper-footer .brand-list a:hover img {
  filter: invert(100%);
}

.upper-footer .brand-list img {
  width: auto;
  height: 47px;
  transition: all 0.3s;
}

@media only screen and (min-width: 768px) {
  .upper-footer .brand-list img {
    height: 48px;
  }
}

@media only screen and (min-width: 1080px) {
  .upper-footer .brand-list img {
    height: 59px;
  }
}

/*====================================
=             Footer Nav             =
====================================*/
.footer-nav {
  padding: 18px;
  background-color: #197278;
}

@media only screen and (min-width: 768px) {
  .footer-nav {
    padding: 16px;
  }
}

@media only screen and (min-width: 1080px) {
  .footer-nav {
    padding: 22px;
  }
}

.footer-nav .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 20px;
  row-gap: 10px;
}

@media only screen and (min-width: 768px) {
  .footer-nav .menu {
    column-gap: 40px;
  }
}

/* .footer-nav .menu li {
  margin: 0 20px;
} */

.footer-nav .menu li ul {
  display: none;
}

.footer-nav .menu li a {
  font-size: 16px;
  line-height: 1em;
  font-weight: 600;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
}

.lower-footer {
  text-align: center;
  font-size: 14px;
  line-height: 1.43em;
  letter-spacing: 0.03px;
  padding-top: 33px;
  padding-bottom: 33px;
  font-weight: 400;
}

@media only screen and (min-width: 1080px) {
  .lower-footer {
    padding-top: 24px;
  }
}

.lower-footer .f-associations {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 21px;
}

.lower-footer .f-associations li {
  margin: 0 14px;
}

.lower-footer .f-associations img {
  width: auto;
  height: 86px;
}

.lower-footer .f-associations a {
  opacity: 1;
}

.lower-footer .f-associations a:hover img {
  filter: brightness(0.5);
}

.lower-footer .established {
  font-style: italic;
  font-weight: 600;
  font-size: 12px;
  line-height: 1em;
  margin-bottom: 22px;
}

.lower-footer .copyright {
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) {
  .lower-footer .copyright {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1080px) {
  .lower-footer .copyright {
    margin-bottom: 15px;
  }
}

.lower-footer .copyright span {
  padding: 0 15px;
}

.lower-footer a {
  opacity: 1;
}

.lower-footer a:hover {
  color: #D74244;
}

.lower-footer .rm-sig .rm-logo {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .lower-footer .rm-sig .rm-logo {
    margin-top: 19px;
  }
}

@media only screen and (min-width: 1080px) {
  .lower-footer .rm-sig .rm-logo {
    margin-top: 9px;
  }
}

.lower-footer .rm-sig svg {
  width: 36px;
  height: auto;
}

.lower-footer .rm-sig svg path {
  fill: #fff;
}

.lower-footer .rm-sig:hover svg path {
  fill: #D74244;
}

.page-404.tmpl_type_404 .container-fluid.p-relative.header-image {
  background: url('../images/header-bg.jpg') !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center!important;
}

/* Release boats 2026 */
.tmpl_type_page_release_boats .boat-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 20px 0;
}
.tmpl_type_page_release_boats .boat-grid img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
    .tmpl_type_page_release_boats .boat-grid {
      grid-template-columns: repeat(2, 1fr);
      padding-top: 70px;
    }
}
@media only screen and (min-width: 1080px) {
    .tmpl_type_page_release_boats .boat-grid {
      grid-template-columns: repeat(3, 1fr);
    }
    .tmpl_type_page_release_boats .boat-grid-single {
      display: flex;
      justify-content: center;
    }
    .tmpl_type_page_release_boats .boat-grid-single .boat-card {
      flex: 0 0 calc(33.333% - 27px);
      max-width: calc(33.333% - 27px);
    }
    .tmpl_type_page_release_boats .bg-green .row {
      padding-top: 70px !important;
      padding-bottom: 100px !important;
    } 
    .tmpl_type_page_release_boats .intro-text-wrapper {
     margin-top: 20px !important; 
    }
}
.tmpl_type_page_release_boats .bg-green:last-child > .bb-light {
    border-bottom: 0 !important;
}
.btn-primary {
    outline: 1px solid #ffffff;
    outline-offset: -6px;
    padding: 12px 40px;
}
.tmpl_type_page_release_boats .bg-green .container {
    max-width: 1400px;
}
.tmpl_type_page_release_boats .bg-green .rectangle {
    height: 220px;
}
.tmpl_type_page_release_boats .rb-section-content {
    width: 100%;
    max-width: 100%;
}

/* contact form style updates */
#contact_form .wpcf7-textarea {
    max-height: 142px !important;
}
#contact_form .wpcf7-submit {
  display: block !important;
  width: 100% !important;
  max-width: 100%;
  padding: 12px 0 !important;
  margin: 5px auto 0 auto !important;
  text-align: center !important;
}
#contact_form .wpcf7-form p {
    margin: 0 !important;
}
#contact_form .col-lg-6 .px-2.mb-2 {
    margin-bottom: 5px !important;
}
.boat-card p.b-description {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.3rem;
  font-weight: 400;

}
.bg-green .col-12.text-center.my-4 {
  padding-bottom: 60px !important;
}
@media only screen and (min-width: 768px) {
  .form-text {
        margin-bottom: 25px !important;
    }
}
.release-boats-for-sale.page-193998 h2 {
  line-height: 1.25 !important;
}