@font-face {
    font-family: 'Noto Sans VF';
    src: url(/templates/sphere/fonts/NotoSans-VariableFont_wdth,wght.ttf) format('truetype');
    font-weight: 100 900;
    font-stretch: 75% 125%;
    font-style: normal;
    font-display: swap
}

html {
    font-size: 100%
}

.bg-danger {
    background-color: #d72729 !important
}

.bg-warning {
    background-color: #d4af37 !important
}

body {
    font-family: "Noto Sans VF", sans-serif;
    font-variation-settings: 'wght' 300;
    font-stretch: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-style: normal;
    color: #4A4A4A
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.sppb-addon-audio-carousel .sppb-destinations-carousel-left .sppb-destinations-carousel-link,
.view-article .sphere-article-details .article-details-title-wrap h1,
.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-sub-heading {
    font-family: "Noto Sans VF", sans-serif
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.sp-page-title .sp-page-title-heading {
    font-stretch: 100%;
    font-style: normal;
    margin-top: 0;
    margin-bottom: .5rem;
    font-variation-settings: 'wght' 500;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #4A4A4A
}

.sp-page-title .sp-page-title-heading {
    font-size: calc(.9rem + 2vw)
}

.sp-page-title .sp-page-title-sub-heading {
    font-size: calc(.78rem + 1.5vw)
}

.h1,
h1 {
    font-size: calc(1.5rem + 2vw)
}

.h2,
h2 {
    font-size: calc(1.3rem + 1.5vw)
}

.h3,
h3 {
    font-size: calc(1.1rem + 1.2vw)
}

.h4,
h4 {
    font-size: calc(1rem + 0.8vw)
}

.h5,
h5 {
    font-size: calc(0.9rem + 0.5vw)
}

.h6,
h6,
.form-request-frame legend {
    font-size: calc(0.8rem + 0.3vw)
}

@media (min-width:1200px) {

    .h1,
    h1,
    .sp-page-title .sp-page-title-heading,
    .article-header h1 {
        font-size: 2.7rem
    }

    .h2,
    h2,
    .sp-page-title .sp-page-title-sub-heading {
        font-size: 1.9rem
    }

    .h3,
    h3 {
        font-size: 1.6rem
    }

    .h4,
    h4 {
        font-size: 1.3rem
    }
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

a {
    color: rgb(235 38 38 / .85);
    font-variation-settings: 'wght' 400
}

a:hover {
    text-decoration: underline
}

.breadcrumb {
    padding: 0;
    background-color: #fff0;
    border-radius: 0
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff
}

#sppb-addon-d53f05d1-7116-4f51-884b-8dfd6c54465a .sppb-addon-header .sppb-addon-title,
#sppb-addon-f8ad6332-ec21-4608-9238-e57ae51a4564 .sppb-addon-header .sppb-addon-title,
#sppb-addon-69ed497e-21f3-4414-9dc8-f09385cf7419 .sppb-addon-header .sppb-addon-title {
    font-variation-settings: 'wght' 300
}

#sppb-addon-271b6c9f-bfd4-4703-9e85-4260445a06d4 .sppb-addon-header .sppb-addon-title {
    font-variation-settings: 'wght' 500
}

.sppb-testimonial-carousel-name {
    font-variation-settings: 'wght' 500 !important
}

.sppb-testimonial-carousel-designation {
    font-variation-settings: 'wght' 300 !important
}

.fw-bold {
    font-variation-settings: 'wght' 600 !important
}

.view-article #sp-page-title {
    display: block
}

.view-article .sphere-article-details .article-details-left-sidebar .article-ratings-social-share .sphere-social-share .social-share-icon ul li a:after {
    content: '' !important
}

b,
strong {
    font-variation-settings: 'wght' 500
}

#sp-header.header-with-modal-menu a {
    color: #000;
    z-index: 1100
}

#sp-header .sp-module {
    margin-left: 0
}

body .sppb-btn.sppb-btn-default,
body .sppb-btn.sppb-btn-primary,
body .sppb-btn.btn-primary,
body .btn.sppb-btn-default,
body .btn.sppb-btn-primary,
body .btn.btn-primary {
    background-color: #9bd4e4;
    color: #233b77;
    border-radius: 14px;
    padding: 10px 15px
}

.container {
    width: 95% !important;
    max-width: 95% !important;
    padding: 0;
    margin-left: auto;
    margin-right: auto
}

div[itemprop="articleBody"],
.boat-list-pages .container {
    width: 95% !important;
    margin: 2px auto
}

div#location-ddwn div.awesomplete input#from.search-location.form-control {
    border: .05rem solid #b7bdcf;
    border-radius: .4rem
}

.view-article .sphere-article-details .article-details-left-sidebar .article-ratings-social-share {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

#sp-footer {
    padding: 20px 0;
    border-bottom: none
}

.sp-page-title .sp-page-title-heading {
    text-transform: none
}

div.article-header,
.sppb-addon-header h3.sppb-addon-title,
.sppb-addon.sppb-addon-articles,
.sppb-addon.sppb-addon-module .sppb-addon-content {
    text-align: center
}

.view-article .sphere-article-details .article-details-left-sidebar {
    margin: 0 auto 30px auto
}

#sp-header.header-sticky div img.sticky-header-logo {
    display: none !important
}

#sp-header,
#offcanvas-toggler,
#sp-header .logo,
#sp-header .logo-image,
.page-list #sp-header {
    height: auto;
    margin-top: 0
}

.page-list #sp-header {
    position: relative;
    transition: 0.3s;
    background: rgb(255 255 255);
    box-shadow: 0 4px 6px rgb(0 0 0 / .1)
}

div.sp-module.espa {
    display: inline-flex;
    margin-top: 12px;
    position: relative
}

.page-list #sp-title .sp-page-title {
    padding: 0;
    color: #4A4A4A;
    background-color: #fff0;
    margin: 10px;
    background-image: none !important
}

.page-list #sp-header.header-sticky {
    position: fixed
}

.sppb-form-group .sppb-form-control,
.form-control,
input[type="text"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="number"]:not(.form-control),
select:not(.form-select):not(.form-control) {
    line-height: 1;
    padding: 10px 20px
}

@media (max-width:1516px) {
    .sppb-col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 5px !important
    }
}

li.list-group-item h6 {
    font-family: 'Oswald-Variable';
    font-size: .6rem;
    font-variation-settings: 'wght' 400;
    text-transform: uppercase
}

.headerskia {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    height: 22.1875em;
    pointer-events: none;
    opacity: 1;
    background-image: -owg-linear-gradient(to bottom, rgb(0 0 0 / .75), transparent);
    background-image: -webkit-linear-gradient(to bottom, rgb(0 0 0 / .75), transparent);
    background-image: -moz-linear-gradient(to bottom, rgb(0 0 0 / .75), transparent);
    background-image: -o-linear-gradient(to bottom, rgb(0 0 0 / .75), transparent);
    background-image: linear-gradient(to bottom, rgb(0 0 0 / .75), transparent);
    -webkit-transition: opacity, .25s;
    -moz-transition: opacity, .25s;
    -o-transition: opacity, .25s;
    transition: opacity, .25s
}

#sp-header.header-sticky .headerskia {
    opacity: 0
}

a.lg-icons-menu-right [class^="flaticon-"]::before {
    font-size: 2em;
    color: #9bd4e4
}

a.md-icons-menu-right [class^="flaticon-"]::before {
    font-size: 1.2em
}

#sp-header.header-sticky a.lg-icons-menu-right [class^="flaticon-"]::before {
    color: #9bd4e4
}

#sp-header.header-sticky a.md-icons-menu-right [class^="flaticon-"]::before {
    color: #fff
}

#sp-header .logo a {
    margin: 0 auto
}

#sp-header .logo {
    height: auto
}

body.com-spproperty .sppb-btn.sppb-btn-primary,
.sppb-btn.sppb-btn-primary,
body.com-spproperty .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover,
body.com-spproperty .sppb-btn.sppb-btn-primary.sppb-btn-outline:focus,
body.com-spproperty .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover:focus,
.sppb-btn.sppb-btn-primary.sppb-btn-outline:hover,
.sppb-btn.sppb-btn-primary.sppb-btn-outline:focus,
.sppb-btn.sppb-btn-primary.sppb-btn-outline:hover:focus,
.badge.badge-primary.badge-featured,
.sppb-testimonial-pro .sppb-carousel-indicators li:hover,
.sppb-testimonial-pro .sppb-carousel-indicators li:focus,
.sppb-testimonial-pro .sppb-carousel-indicators li.active,
.sppb-addon-image-overlay-icon,
.spproperty .sp-properties-wrapper.property-status-sold .spproperty-badge-sold,
.spproperty .sp-properties-wrapper .property-details .property-status-wrapper>span.property-featured,
.sp-property-emi-calculator .spec-graph .spec-display-info>div:before {
    background-color: #e92a28
}

h3.card-title button.btn.btn-link-line {
    font-size: 1.4rem;
    color: #4A4A4A;
    font-stretch: 100%;
    font-style: normal;
    font-variation-settings: 'wght' 400;
    line-height: 1.4rem;
    letter-spacing: 1px
}

.sp-page-title .breadcrumb>li,
.sp-page-title .breadcrumb>li>a {
    color: #4A4A4A
}

.list-group-item {
    color: inherit
}

body .sppb-btn.btn-link-line::after,
body .btn.btn-link-line::after {
    height: 4px;
    background: #9bd4e4
}

button.btn.btn-link-line span.badge {
    font-size: .55em;
    font-weight: 300
}

body .sppb-btn.sppb-btn-default:hover,
body .sppb-btn.sppb-btn-default:focus,
body .sppb-btn.sppb-btn-default:active,
body .sppb-btn.sppb-btn-primary:hover,
body .sppb-btn.sppb-btn-primary:focus,
body .sppb-btn.sppb-btn-primary:active,
body .sppb-btn.btn-primary:hover,
body .sppb-btn.btn-primary:focus,
body .sppb-btn.btn-primary:active,
body .btn.sppb-btn-default:hover,
body .btn.sppb-btn-default:focus,
body .btn.sppb-btn-default:active,
body .btn.sppb-btn-primary:hover,
body .btn.sppb-btn-primary:focus,
body .btn.sppb-btn-primary:active,
body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
body .btn.btn-primary:active {
    background-color: rgb(255 255 255);
    border-color: #233b77;
    color: #233b77
}

body.com-spproperty .sppb-btn.sppb-btn-primary:hover,
body.com-spproperty .sppb-btn.sppb-btn-primary:focus,
.sppb-btn.sppb-btn-primary:hover,
.sppb-btn.sppb-btn-primary:focus {
    background-color: #fff;
    border-color: #e92a28;
    color: #e92a28
}

body.com-spproperty .sppb-btn,
body .sppb-btn {
    font-size: 1rem;
    font-variation-settings: 'wght' 400;
    padding: 10px 15px !important;
    border-radius: 14px 0 14px 0 !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 1.2rem
}

.sppb-fullwidth-slider .sppb-fullwidth-slider-item-bg::before {
    background-image: none
}

.tooltip-container {
    display: block;
    padding: 5px
}

.error-place {
    width: 100%
}

.sppb-addon-accordion .sppb-panel-group>.sppb-panel .sppb-panel-body {
    color: #4a4a4a
}

.sppb-addon-accordion .sppb-panel-group>.sppb-panel:first-child {
    border-top: 1px solid #4a4a4a
}

.sppb-addon-accordion .sppb-panel-group>.sppb-panel {
    border-bottom: 1px solid #4a4a4a
}

.sppb-addon-accordion .sppb-panel-group>.sppb-panel .sppb-panel-title {
    font-family: "Noto Sans VF", sans-serif;
    color: #4A4A4A;
    font-variation-settings: 'wght' 500;
    text-align: left;
    background: none;
    font-size: 1.4rem;
    line-height: 1.7rem
}

.sppb-panel-faq>.sppb-panel-heading {
    border-bottom: none
}

.sp-page-title .sp-page-title-heading {
    line-height: 1;
    margin-top: 0;
    border-bottom: none
}

.sp-page-title {
    padding: 10px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    text-align: center;
    color: #000;
    background-color: #fff0
}

.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-sub-heading {
    margin: 0 0 10px 0;
    margin-top: 0;
    padding: 0;
    color: #4A4A4A;
    text-align: center
}

.border-primary {
    border-color: #e92a28 !important
}

#sp-header {
    position: relative;
    transition: 0.3s;
    background: rgb(255 255 255)
}

#sp-header.header-sticky {
    background-color: rgb(255 255 255 / .8);
    height: auto
}

.icons-m-white {
    font-size: 1.6em;
    color: #233b77 !important
}

.offcanvs-position-right div#sp-menu div.sp-column {
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

#sp-section-bottom-mobile {
    background-color: rgb(35 59 119 / .8)
}

.btn {
    font-weight: 600
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-sort {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-sort:hover,
.btn-sort:focus,
.btn-sort:active {
    color: #fff;
    background-color: #233b77;
    border-color: #233b77
}

.bg-orange {
    background-color: #233b77
}

.sm-gutter [class*="col-"] {
    padding-left: 0;
    padding-right: 5px
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #fff;
    background-image: url(../../../images/ship-menu2.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom
}

.btn-circle {
    cursor: pointer;
    background: #fff0;
    border: none;
    outline: none;
    display: inline-block;
    min-width: 100px;
    min-height: 100px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    letter-spacing: .02em;
    font-size: 14px;
    overflow: visible
}

.btn-circle::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 11px;
    width: 55px;
    -webkit-transform: translate3d(40px, -50%, 0) rotate(0deg);
    transform: translate3d(40px, -50%, 0) rotate(0deg);
    background-position: 100%;
    transition: all .8s;
    z-index: 0
}

.btn-circle svg {
    fill: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

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

.btn-circle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #fff;
    opacity: 0;
    transition: all .8s;
    border-radius: 50%;
    z-index: -100
}

.button__text {
    position: absolute;
    width: 92%;
    height: auto;
    top: 50%;
    left: 4%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    line-height: 18px;
    text-align: center;
    font-weight: 600;
    margin: auto;
    z-index: 3
}

.sppb-nav-modern {
    display: flex
}

.boats-mobile-filter-navter-nav span {
    display: block;
    text-align: center;
    padding: 12px;
    color: #fff;
    text-decoration: none;
    font-size: 17px
}

.boats-mobile-filter-nav a:hover {
    background-color: rgb(0 203 255 / .8)
}

.boats-mobile-filter-nav.active {
    background-color: #4CAF50
}

.sppb-btn,
.sp-contact-info {
    letter-spacing: 1px;
    text-transform: none;
    font-size: 1rem;
    font-variation-settings: 'wght' 400;
    padding: 10px 15px !important;
    border-radius: 14px !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 1.2rem
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    margin: 0
}

#sp-main-body {
    padding: 0 0
}

.sppb-addon-image-layout-content {
    background: #fff0;
    padding: 15px 20px 20px 20px;
    margin-left: auto;
    margin-right: auto
}

.sppb-fullwidth-slider .sppb-fullwidth-slider-item-bg>.container {
    max-width: 1500px !important
}

.sppb-btn-secondary {
    color: #fff !important;
    background-color: #233b77 !important;
    border-color: #233b77 !important;
    padding: 14px 25px !important;
    border-radius: 14px !important
}

a.sppb-btn.sppb-btn-secondary {
    color: #fff !important
}

a.sppb-btn.sppb-btn-secondary:hover {
    color: #233b77 !important
}

.sppb-btn-secondary:hover {
    color: #233b77 !important;
    background-color: #ffffff !important;
    border-color: #233b77 !important
}

.sppb-btn-secondary.focus,
.sppb-btn-secondary:focus {
    color: #233b77;
    box-shadow: 0 0 0 3px rgb(152 167 181 / .5)
}

.sppb-btn-sm {
    line-height: 1.2
}

.sppb-btn.sppb-btn-sm {
    padding: 12px 12px;
    font-weight: 400
}

.property-search-area {
    z-index: 101 !important;
    border: none
}

.sppb-addon-overlay-image-content {
    padding: 23px
}

.sp-megamenu-parent {
    float: right
}

body.helix-ultimate .sppb-row-container {
    margin: auto !important
}

h3.card-title a {
    color: #000054 !important
}

a.boat-list-card {
    color: inherit
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #233b77;
    border-color: #233b77
}

span.page-link a.current {
    color: #fff;
    outline: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

.blockquote-custom {
    position: relative;
    font-size: 1.1rem
}

.blockquote-custom-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: 50px
}

#section-id-1539751896820.sppb-section.sppb-section-content-center div.sppb-row-container {
    margin-left: auto;
    margin-right: auto
}

#sppb-addon-1539069651708 .sppb-addon-testimonial-pro-footer img {
    width: inherit !important;
    height: inherit !important
}

body.site input[type="text"],
body.site input[type="email"],
body.site input[type="url"],
body.site input[type="date"],
body.site input[type="password"],
body.site input[type="search"],
body.site input[type="tel"],
body.site input[type="number"],
body.site select,
body.site textarea.sppb-form-control,
body.site textarea {
    padding: 10px 20px
}

.sppb-addon-optin-forms .sppb-optin-form input {
    -webkit-box-shadow: none;
    box-shadow: none
}

#sppb-addon-1558513851856 li a i,
#sppb-addon-1558514882515 li a i,
#sppb-addon-1558515206604 li a i {
    color: rgb(253 253 253 / .8);
    font-weight: 700;
    padding-right: 3px
}

#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 0
}

#sp-bottom .sppb-addon-optin-forms .sppb-optin-form .button-wrap {
    right: 0
}

#sppb-addon-1558519438696 #btn-1558519438696.sppb-btn-primary {
    background-color: rgb(0 203 255 / .8)
}

.sppb-addon-optin-forms {
    padding: 0
}

.sppb-btn {
    font-size: 18px;
    font-weight: 600
}

#sp-header {
    -webkit-box-shadow: none;
    box-shadow: none
}

.sp-contact-info li a {
    color: #000
}

#sp-bottom {
    padding: 20px 0 10px;
    font-size: 14px;
    line-height: 1.6
}

#bookrequestbtn,
#bookrequestmodelbtn {
    padding: 0;
    font-variation-settings: "wght" 500;
    font-size: 1.1rem;
    color: #fff
}

#sp-menu-right>.sp-column>div:not(:last-child) {
    margin-left: 18px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.awesomplete>ul>li {
    color: #4A4A4A
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

#sp-position7 {
    display: flex
}

#sp-menu-right {
    position: relative;
    display: flex;
    justify-content: end
}

#sp-logo {
    align-items: center;
    display: flex;
    position: relative;
    align-self: center
}

* {
    box-sizing: border-box
}

body.site input[type="text"]::placeholder,
body.site input[type="email"]::placeholder,
body.site input[type="url"]::placeholder,
body.site input[type="date"]::placeholder,
body.site input[type="password"]::placeholder,
body.site input[type="search"]::placeholder,
body.site input[type="tel"]::placeholder,
body.site input[type="number"]::placeholder,
body.site select::placeholder,
body.site textarea.sppb-form-control::placeholder,
body.site textarea::placeholder {
    color: #555
}

@media screen and (max-width:992px) {

    #request .awesomplete,
    #request .tool-tip-label {
        width: 88% !important
    }

    .form-request .form-request-frame {
        padding: 29px 5px 10px 5px
    }

    .accordion-button:focus {
        z-index: 3;
        border-color: #fff0;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgb(13 110 253 / .25)
    }

    .accordion-button:not(.collapsed) {
        background-color: #fff0
    }

    .accordion-header {
        margin-bottom: 0;
        font-family: "Noto Sans VF", sans-serif;
        font-variation-settings: 'wght' 600;
        font-stretch: 100%;
        font-size: 14px;
        line-height: 1.5;
        font-style: normal
    }

    .accordion-item {
        border: none;
        margin-bottom: 10px
    }

    .accordion-button {
        background-color: #fff0;
        font-size: .8rem;
        font-weight: 400;
        border: none;
        border-bottom: 1px solid #233b77;
        font-variation-settings: 'wght' 600;
        font-stretch: 100%
    }

    #sppb-addon-d53f05d1-7116-4f51-884b-8dfd6c54465a .sppb-addon-header .sppb-addon-title {
        font-variation-settings: 'wght' 500
    }
}

@media screen and (min-width:767px) and (max-width:948px) {
    .parent-espa {
        max-width: 175px
    }

    div.sp-module.espa {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    #sp-header {
        padding: 8px 10px !important;
        height: auto !important
    }

    .row {
        --bs-gutter-x: 0.3rem;
        margin-left: auto;
        margin-right: auto
    }

    .logo-image {
        height: 34px !important
    }
}

.collapsiblebook {
    background-color: #fff0;
    font-size: 16px !important;
    color: #686868 !important;
    border: .5px solid #f9a73e !important;
    cursor: pointer;
    padding: 18px !important;
    text-align: left;
    padding: 8px 22px 10px 22px !important
}

.collapsiblebook:hover {
    background-color: #009946
}

.active.collapsiblebook {
    border-color: #009946 !important;
    background-color: #009946 !important;
    color: #ffffff !important
}

.collapsiblebook:hover {
    border-color: #ef990b !important;
    background-color: #ef990b !important;
    color: #ffffff !important
}

.active.collapsiblebook:hover {
    border-color: #ef990b !important;
    background-color: #ef990b !important;
    color: #ffffff !important
}

div[data-toggle="buttons"] label.active {
    color: #8bc443
}

div[data-toggle="buttons"] label {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0 solid #c8c8c8;
    border-radius: 3px;
    color: #c8c8c8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

div[data-toggle="buttons"] label:hover {
    color: #8bc443
}

div[data-toggle="buttons"] label:active,
div[data-toggle="buttons"] label.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

[data-toggle="buttons"]>.btn>input[type="radio"],
[data-toggle="buttons"]>.btn>input[type="checkbox"] {
    display: none
}

.filter-group-left {
    padding: 0 0 20px 0
}

.terzo__content--left,
.terzo__content--right {
    margin: 0 auto;
    max-width: 700px;
    padding-left: 20px;
    padding-right: 20px
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.terzo__title--und::after {
    background: rgb(0 153 70);
    bottom: -24px;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 58px
}

.terzo.terzo--dark-alt .bttn-outline,
.terzo.terzo--dark-alt .terzo__bullet,
.terzo.terzo--dark-alt .terzo__paragraph,
.terzo.terzo--dark-alt .terzo__title,
.terzo.terzo--dark .bttn-outline,
.terzo.terzo--dark .terzo__bullet,
.terzo.terzo--dark .terzo__paragraph,
.terzo.terzo--dark .terzo__title {
    color: #212529
}

.terzo__title--und {
    margin-bottom: 60px
}

.terzo__title {
    color: #212529;
    font-size: 33px;
    font-weight: 300;
    line-height: 36px;
    position: relative
}

.terzo__bullets {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 12px
}

.terzo__bullets .terzo__bullet::before {
    background: rgb(0 153 70);
    border-radius: 18px;
    content: "";
    display: block;
    height: 8px;
    left: -12px;
    position: absolute;
    top: 12px;
    width: 8px
}

.terzo__bullets .terzo__bullet {
    color: #212529;
    font-size: 22px;
    font-weight: 400;
    list-style: none;
    margin-bottom: 18px;
    padding-left: 24px;
    position: relative
}

.carousel img {
    display: block;
    height: 100px;
    padding-right: 10px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.spec-label {
    font-weight: 400
}

.image-layout-preset-style-card .sppb-addon-image-layout-content {
    background: 0 0;
    padding: 0 10px 0 10px
}

@media screen and (min-width:340px) {

    .sphere-article-details .article-header,
    .sppb-addon-header h3.sppb-addon-title {
        text-align: center;
        padding: 10px 0;
        color: #4A4A4A;
        background-color: #fff0;
        margin: 10px 0 40px 0;
        font-variation-settings: 'wght' 500
    }

    .sphere-article-details .article-header h2,
    .sppb-addon-header h3.sppb-addon-title {
        font-size: 1.8rem
    }
}

.view-article .sphere-article-details .article-details-title-wrap h1,
.sppb-addon-header h3.sppb-addon-title {
    font-size: 2rem;
    font-style: normal;
    font-variation-settings: 'wght' 500;
    line-height: 2.3rem;
    text-transform: none;
    margin-bottom: 0;
    letter-spacing: inherit;
    color: #4A4A4A;
    width: 100%
}

.boat-list {
    border: none;
    background-color: #fff;
    border-radius: 14px;
    padding: 15px;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1);
    margin-bottom: 20px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out
}

.boat_tags {
    color: #777;
    font-size: 12px
}

.boat_tags span {
    margin-right: 10px
}

.boatNew .boatLocation {
    color: #337ab7;
    font-style: normal
}

.boat_tag--grey {
    border-radius: 23px;
    display: inline-block;
    font-size: 12px;
    max-width: 206px;
    overflow: hidden;
    padding: 1px 8px;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.boat_tag--grey {
    background-color: #eef2f5;
    margin-right: 0
}

.boatSpecs {
    display: block;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 5px
}

.property-featured {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #fff;
    color: #1a1851;
    padding: 2px 6px;
    display: inline-block;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9999
}

.bases-carousel-text a {
    color: #d4af37 !important;
    font-variation-settings: 'wght' 600 !important
}

.availability {
    display: inline-flex
}

.specialoffer {
    background-color: #ffe400;
    color: #1a1851
}

.shipyard-yacht-list {
    background-color: rgb(255 255 255 / .4);
    padding: 7px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0
}

.yacht-logo {
    max-width: 80px;
    max-height: 40px
}

.boat-img-list {
    position: relative;
    height: 230px;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: .5rem 0
}

#vertical-filters {
    z-index: 3000
}

.dropdown-btn {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    line-height: 1em !important
}

@media screen and (min-width:1680px) {
    .boat-img-list {
        height: 296px
    }
}

.discount,
.rate {
    color: #fff;
    top: 20px;
    left: -10px;
    display: block;
    font-size: 19px;
    height: 20px;
    position: absolute;
    font-weight: 600;
    text-align: center;
    z-index: 1
}

.bg-discount,
.bg-rate {
    position: relative;
    padding: 5px 10px 10px 7px
}

.bg-discount::before,
.bg-rate::before {
    border-right: 5px solid #fff0;
    border-top: 5px solid #fff0;
    border-color: #6d6c6b #6d6c6b #fff0 #fff0;
    border-style: solid;
    border-width: 5px;
    bottom: -10px;
    left: 0
}

.bg-discount {
    background-color: rgb(35 59 119 / .8)
}

.bg-discount::after,
.bg-discount::before,
.bg-rate::after,
.bg-rate::before {
    content: "";
    display: inline-block;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0
}

.bg-discount::after {
    border: 19px solid rgb(35 59 119 / .8);
    border-right-color: #fff0;
    border-right-style: solid;
    border-right-width: 19px
}

.bg-discount::after,
.bg-rate::after {
    right: -37px;
    top: 0
}

.sm-percent-chars {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    vertical-align: middle;
    font-weight: 400
}

.entry[class*=" icon-"]::before {
    position: absolute;
    margin: .4em .4em 0 .4em;
    font-size: 1.2rem;
    pointer-events: none
}

.bg-discount-percent {
    z-index: 1;
    right: 2%;
    top: 2%;
    width: 50px;
    height: 50px;
    background: whitesmoke;
    border-radius: 2rem;
    padding-top: 10px;
    text-align: center;
    position: absolute !important;
    color: #233b77;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    padding-left: 4px
}

.boat_tags [class*="fa-"] {
    font-size: 16px;
    font-weight: 700;
    margin-right: 5px;
    vertical-align: text-top
}

.top-filters-list {
    position: relative;
    background-color: rgb(35 59 119 / .5);
    padding: 7px;
    width: 100%
}

.awesomplete>input,
.entry>input {
    height: auto;
    background-color: #fff !important;
    display: block;
    width: 100%;
    padding: 10px 20px 10px 36px !important;
    font-size: .9rem;
    color: #555;
    font-weight: 400;
    border: 0;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s
}

.awesomplete>input#country-code {
    padding: 10px 20px !important
}

div#location-ddwn.hfilters-list,
div#yachtmodel-ddwn.hfilters-list,
.entry>input,
.choices__inner {
    border: .05rem solid #b7bdcf;
    border-radius: .4rem
}

.choices__list--single {
    padding: 0
}

::placeholder {
    color: #7a7a7a;
    opacity: 1
}

:-ms-input-placeholder {
    color: #7a7a7a
}

::-ms-input-placeholder {
    color: #7a7a7a
}

.awesomplete {
    width: 100%;
    display: flex !important;
    align-content: flex-start !important;
    align-items: flex-start !important
}

.awesomplete>ul {
    text-align: left
}

#shipyards-ddwn .awesomplete::before {
    content: "\f137";
    margin: -1em 0 0 .4em;
    font-size: 1.6em;
    top: 1.2em
}

#shipyards-ddwn .awesomplete>input {
    height: 50px;
    background: #fff;
    display: block;
    width: 100%;
    padding: 7px 10px 7px 45px;
    font-size: 16px;
    color: #555;
    font-weight: 400;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s
}

#shipyards-ddwn .awesomplete>ul,
#location-ddwn .awesomplete>ul,
#request-location .awesomplete>ul,
#home-search-l .awesomplete>ul {
    top: 47px
}

#location-ddwn .awesomplete::before,
#request-location.form-group .awesomplete::before,
.entry[class*=" icon-"]::before {
    color: rgb(0 102 153 / .8)
}

footer#sp-footer div.sppb-link-list-list nav ul#nav-menu li a {
    color: #fff
}

#location-ddwn .awesomplete::before,
#request-location.form-group .awesomplete::before {
    margin: 0em 0 0 .4em;
    font-size: 1.2rem;
    top: .47rem
}

#location-ddwn .awesomplete::before,
#request-location.form-group .awesomplete::before {
    content: "\f12d"
}

.input-field .awesomplete::before {
    content: "\f12d";
    margin: 0 0 0 .4em;
    font-size: 1.6em;
    top: .6em
}

.input-field.second-wrap::before {
    content: "\f103";
    margin: 0 0 0 .4em;
    font-size: 1.6em;
    top: .6em;
    font-family: 'Flaticon' !important;
    position: absolute;
    color: rgb(190 31 30);
    pointer-events: none
}

.awesomplete::before {
    font-family: 'Flaticon' !important;
    position: absolute;
    color: rgb(190 31 30);
    pointer-events: none
}

.icon-calendar::before {
    content: "\f103";
    font-family: 'Flaticon' !important
}

footer#sp-footer div.sppb-link-list-list nav ul#nav-menu li a {
    font-size: .8rem
}

.filter-box-left {
    box-shadow: 6px 6px 10px 1px #e8e8e8;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    padding: 15px
}

.check-label {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    letter-spacing: .6px
}

.carousel-item {
    height: 500px;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.boat-page::after {
    content: 'BOAT DETAILS';
    color: #fff;
    font-weight: 600;
    margin-left: 10px;
    letter-spacing: 2px
}

#yachtnavbar {
    color: #fff;
    background-color: rgb(0 203 255 / .8);
    font-weight: 600
}

#yachtnavbar li a {
    padding-top: 15px;
    padding-right: 17px;
    padding-bottom: 15px;
    padding-left: 17px;
    border-radius: 3px;
    font-size: 18px;
    line-height: 32px;
    text-transform: none;
    letter-spacing: 2px
}

#yachtnavbar a {
    color: #fff
}

.yd-blocks {
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    border-width: 1px;
    border-color: rgb(0 0 0 / .2);
    border-style: solid;
    border-radius: 7px;
    box-shadow: 0 6px 12px -3px rgb(0 0 0 / .2)
}

@media (max-width:996px) {
    .yd-blocks {
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0
    }
}

.content {
    padding: 16px
}

.body-innerwrapper {
    overflow-x: unset
}

#divider-yd .sppb-divider {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 200px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc
}

#divider-yd-dotted .sppb-divider {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #ccc
}

.equipment-title {
    font-size: .9rem;
    font-variation-settings: 'wght' 500
}

.equipment-img {
    opacity: .5;
    filter: alpha(opacity=50)
}

@media screen and (min-width:40em) {
    .cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .card {
        flex: 0 1 calc(25% - 1em)
    }
}

.boat-types-home .boat-list {
    border: none;
    background-color: #fff;
    border-radius: 14px;
    padding: 0;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1);
    margin-bottom: 20px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out
}

.boat-types-home .card-body {
    background-color: rgb(255 255 255 / .6);
    display: block;
    z-index: 999;
    bottom: 0;
    width: 100%;
    margin-top: -58px
}

[class^="flaticon-"]::before,
[class*=" flaticon-"]::before,
[class^="flaticon-"]::after,
[class*=" flaticon-"]::after {
    margin-left: 0px !important
}

.glyphicon-ring {
    width: 3em;
    height: 2em;
    color: rgb(35 59 119 / .8);
    display: inline-table;
    text-align: center
}

.glyphicon-ring .glyphicon-bordered {
    font-size: 2rem;
    vertical-align: middle;
    display: table-cell;
    padding: .5rem;
    margin: 0px !important
}

.glyphicon-ring.glyphicon-white {
    color: rgb(255 255 255 / .9) !important
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-group-item {
    border: none !important
}

.boat-list-icon,
.boat-list-icon::before {
    font-size: 1.2em !important
}

.boat-list-pin {
    font-size: 1.3em !important;
    font-weight: 400
}

.boat-list-location {
    font-size: 1em !important;
    font-variation-settings: 'wght' 500;
    font-stretch: 87%
}

.bg-light {
    background-color: #f5f6f7 !important
}

.captain-obligatory {
    color: indianred
}

.yacht-layout-title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 20px;
    font-size: 1.1rem;
    letter-spacing: 0;
    color: #4A4A4A;
    font-weight: 500
}

.numb-list {
    background: #233b77;
    padding: 4px;
    padding-top: 4px;
    width: 50px;
    height: 50px;
    padding-top: 10px;
    box-shadow: 2px 1px 6px #aaa;
    vertical-align: middle;
    border-radius: 72%;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 600;
    font-size: 1.4rem
}

.num-title {
    font-size: 1.3rem;
    font-weight: 500
}

.steps-pads {
    margin-left: 61px
}

.sm-titles {
    font-size: 1.3rem;
    font-weight: 400
}

div.custommenu-dd-headers {
    margin-bottom: 5px
}

div.custommenu-dd-headers h4 {
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-weight: 500;
    font-size: 17px;
    padding: 5px;
    margin: 0;
    color: #fff;
    background-color: #233b77
}

.sp-megamenu-parent .sp-mega-group>li>a {
    display: block;
    text-transform: none;
    letter-spacing: 1.2px;
    font-weight: 400;
    font-size: 17px;
    padding: 5px;
    margin: 0 0 0 8px
}

.sp-megamenu-parent .sp-mega-group>li>a:hover {
    background-color: #233b77;
    color: #fff
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
    text-transform: none;
    font-weight: 500;
    font-size: 16px
}

.sphere-article-details .article-full-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    overflow: hidden;
    margin: 0;
    min-height: 300px;
    max-height: 600px
}

.sphere-article-details .article-full-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    min-height: 300px;
    max-height: 600px;
    max-width: none
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    width: 100%
}

body.ltr .sp-megamenu-parent>li.sp-has-child>a::after,
body.ltr .sp-megamenu-parent>li.sp-has-child>span::after {
    font-size: 7px;
    margin-left: 10px;
    color: #fdfdfd;
    opacity: .7
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    padding-right: 15px;
    line-height: 64px;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    margin: 0
}

#section-id-1573048554136.sppb-section.sppb-row-have-ext-bg div.sppb-youtube-video-bg iframe {
    margin-top: 0px !important
}

.modern-tab ul {
    display: flex;
    justify-content: space-evenly
}

.sppb-nav-modern>li {
    flex: 1
}

.sppb-nav-modern>li>a,
.sppb-addon-tab .sppb-tab ul.sppb-nav li>a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.42857143;
    padding: 12px 15px;
    background: #233b77;
    color: #fff;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -4px 14px rgb(0 0 0 / .2)
}

.sppb-nav-modern>li>a:focus,
.sppb-nav-modern>li>a:hover,
.sppb-addon-tab .sppb-tab ul.sppb-nav li>a:hover {
    background-color: #fff;
    color: #233b77;
    border-top: 2px solid #233b77;
    border-left: 2px solid #233b77;
    border-right: 2px solid #233b77
}

.accordion-button {
    color: #4A4A4A;
    font-weight: 600
}

span.sppb-panel-title i.fa.fa-quora {
    font-size: 27px;
    margin-right: 5px
}

.sphere-article-details .article-full-image {
    margin-bottom: .5rem
}

.list-group-item {
    padding: .3rem 0rem
}

@media all and (min-width:900px) {
    article:first-of-type {
        -webkit-column-count: 2;
        -webkit-column-gap: 3%;
        -moz-column-count: 2;
        -moz-column-gap: 3%;
        column-count: 2;
        column-gap: 3%
    }

    article {
        -webkit-column-count: 3;
        -webkit-column-gap: 1%;
        -moz-column-count: 3;
        -moz-column-gap: 1%;
        column-count: 3;
        column-gap: 1%
    }
}

.bg-info {
    background-color: #233b77 !important
}

#extras-list .checkbox label {
    font-variation-settings: 'wght' 500;
    font-size: .8rem
}

.extitles>h4,
.yacht-details>h4 {
    font-size: 1rem !important;
    font-variation-settings: 'wght' 600;
    color: #4A4A4A;
    letter-spacing: 1.4px;
    text-transform: uppercase
}

.pricelist-price-content {
    white-space: nowrap;
    padding-left: 3px;
    font-weight: 400;
    font-size: 80%
}

.pricelist-title {
    white-space: nowrap;
    padding-left: 3px;
    font-weight: 500
}

.pricelist-title-content {
    margin-bottom: 15px;
    align-items: end
}

.sppb-panel-nyboat div.sppb-panel-heading span.sppb-panel-title {
    background-color: #4A4A4A;
    padding: 10px 0 10px 10px;
    color: #fff;
    font-weight: 500
}

.list-group-item {
    background-color: #fff0
}

.extras-check {
    margin-bottom: 5px
}

.pricelist-line {
    margin: 2px 5px 4px 10px
}

.pricelist-line span {
    border-bottom-color: #d2d2d2;
    border-bottom-width: 1px;
    width: 100%
}

.pricelist-price-quantity {
    display: none
}

.extras_unit_price {
    margin-left: 0px !important;
    font-weight: 500;
    font-size: 13px
}

.price-label-right {
    font-weight: 500;
    font-variation-settings: 'wght' 600;
    margin-right: 20px;
    font-size: .7rem;
    text-transform: uppercase
}

.price-right {
    font-variation-settings: 'wght' 600;
    font-size: .8rem
}

.price-right-sm {
    font-weight: 300;
    font-size: 1em
}

.price-mobile-btm {
    font-variation-settings: 'wght' 600;
    margin-right: 0;
    font-size: .9em;
    text-transform: uppercase
}

.price-mobile-btm .label-title {
    font-variation-settings: 'wght' 700;
    font-size: .8em;
    color: #4a4a4a
}

.total-right {
    padding: 0 4px !important;
    font-size: 1.4em;
    font-weight: 600
}

.book-button-wrap {
    max-width: 50%;
    padding: 0
}

#bookrequestbtn.book-btn {
    color: #fff;
    border: none;
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    padding: 0
}

.carousel-cell {
    width: 28%;
    height: 400px;
    margin-right: 10px;
    background: #8C8;
    border-radius: 5px
}

.carousel-cell.is-selected {
    background: #ED2
}

.boat-page-img-small {
    max-height: 110px;
    display: inline;
    overflow-y: hidden;
    vertical-align: middle
}

.carousel-cell:before {
    display: block;
    text-align: center;
    line-height: 400px
}

.carousel-boat img {
    display: block;
    height: 400px;
    padding-right: 10px;
    max-width: none
}

.sticky-offset {
    top: 150px
}

.sticky-offset-sm {
    top: 71px
}

.sticky-offset-lg {
    top: 200px
}

.sticky-offset-xl {
    top: 268px
}

#sp-header.header-sticky {
    z-index: 1050
}

main#sp-component.col-lg-4 {
    max-height: 100vh;
    overflow: auto;
    margin-top: 76px
}

.flickity-page-dots {
    display: none
}

#vertical-filter-container.mobile-filters {
    position: absolute;
    top: 45px;
    transition: left 0.5s;
    left: -370px
}

#vertical-filter-container.mobile-filters.show {
    left: 0
}

#inner-container.mobile-filters {
    position: relative
}

.mobile-filters.d-none {
    display: none !important
}

.draw-border {
    box-shadow: inset 0 0 0 2px #e92a28;
    color: #e92a28;
    transition: color 0.25s 0.0833333333s;
    position: relative
}

.draw-border-white {
    box-shadow: inset 0 0 0 2px #fff;
    color: #fff;
    transition: color 0.25s 0.0833333333s;
    position: relative
}

.draw-border::before,
.draw-border::after,
.draw-border-white::before,
.draw-border-white::after {
    border: 0 solid #fff0;
    box-sizing: border-box;
    content: '';
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0
}

.draw-border::before,
.draw-border-white::before {
    border-bottom-width: 2px;
    border-left-width: 2px
}

.draw-border::after,
.draw-border-white::after {
    border-top-width: 2px;
    border-right-width: 2px
}

.draw-border:hover,
.draw-border-white:hover {
    color: #e92a28
}

.draw-border:hover::before,
.draw-border:hover::after,
.draw-border-white:hover::before,
.draw-border-white:hover::after {
    border-color: #e92a28;
    transition: border-color 0s, width 0.25s, height 0.25s;
    width: 100%;
    height: 100%
}

.draw-border:hover::before,
.draw-border-white:hover::before {
    transition-delay: 0s, 0s, 0.25s
}

.draw-border:hover::after,
.draw-border-white:hover::after {
    transition-delay: 0s, 0.25s, 0s
}

.border-btn {
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1.5;
    font-weight: 500;
    padding: .2em 1em;
    letter-spacing: .05rem;
    font-size: 1.2rem;
    color: #fff
}

.border-btn:focus {
    outline: none
}

#vertical-filters .toggle-fltr {
    right: 20px
}

#vertical-filters .reset-fltr {
    left: 20px
}

.sppb-btn.btn-list-reset {
    background-color: #fff;
    border: none;
    color: #233b77;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase
}

.sppb-btn.btn-list-reset:hover,
.sppb-btn.btn-list-reset:focus {
    background-color: #233b77;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
    opacity: 1
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%, 0)scale(1);
    transform: translate(100%, 0) scale(1)
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.popover {
    max-width: 300px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgb(0 0 0 / .1)
}

.popover-header {
    font-size: .87rem;
    font-weight: 700;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef
}

.popover-body {
    font-size: .8rem;
    color: #495057
}

.passengers {
    display: flex;
    flex-direction: column
}

.passengers input[type="number"] {
    width: 40px;
    text-align: center;
    border-radius: 5px;
    border: none;
    padding: 0;
    font-size: .9rem;
    color: #333;
    box-shadow: none;
    margin: 0;
    padding: 0 !important
}

input[type="number"] {
    -moz-appearance: textfield
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.passengers .number-wrap .btn {
    border-radius: 5px;
    padding: 6px 3px;
    font-size: .9rem;
    background-color: #d4af37;
    color: #4A4A4A;
    line-height: 1
}

.passengers .number-wrap .btn i {
    font-size: 1rem
}

.passengers .number-wrap .btn:hover {
    background-color: rgb(0 102 153 / .5);
    color: rgb(0 102 153)
}

.yacht-book-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #004080;
    color: #FFF;
    font-size: 1rem;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 14px 0;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1);
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: fit-content
}

.yacht-book-button:hover {
    background-color: #00507a;
    transform: scale(1.02)
}

#submitRequest .yacht-book-button-label {
    font-size: 1.1rem;
    font-stretch: 100%;
    display: flex;
    align-items: center
}

#submitRequest .yacht-book-button-icon {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

#submitRequest .yacht-icon {
    width: 20px;
    height: 20px;
    background-image: url(/images/double-arrow.png);
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (min-width:768px) {
    .modal:before {
        display: initial
    }
}

#sp-menu-right>.sp-column {
    height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flickity-prev-next-button {
    z-index: 1050
}

#yacht-sp .select-dates-flexibility {
    border: .05rem solid #b7bdcf;
    border-radius: .4rem;
    font-size: .85rem;
    padding: 10px 20px;
    line-height: 1
}

main#sp-component.col-lg-4 {
    max-height: 100vh;
    overflow: auto;
    margin-top: 76px
}

.flickity-page-dots {
    display: none
}

.sppb-column.itineraries_dest_list .sppb-column-addons {
    display: flex;
    align-items: flex-end
}

.sppb-column.bases_dest_list .sppb-column-addons {
    display: flex;
    align-items: center
}

.sppb-addon-audio-carousel .sppb-articles-carousel-left .sppb-articles-carousel-link {
    font-size: 1.7rem;
    line-height: 2.2rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: unset;
    max-height: 135px;
    height: auto;
    color: #fff
}

.sppb-addon-audio-carousel .sppb-articles-carousel-left .sppb-bases-carousel-link {
    font-size: .9rem;
    line-height: 1rem;
    font-weight: 600;
    color: #fff;
    display: block
}

.sppb-addon-audio-carousel .sppb-destinations-carousel-left .sppb-destinations-carousel-link {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: #fff !important;
    display: inline-flex;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    position: absolute;
    left: 2.5rem;
    bottom: 4%;
    letter-spacing: 6px;
    text-transform: uppercase
}

span.bases-carousel-text {
    font-size: .9rem;
    line-height: 1.2rem;
    color: #fff;
    padding-left: 37px;
    font-variation-settings: 'wght' 300 !important;
    font-stretch: 100%
}

.sppb-addon-audio-carousel .sppb-articles-carousel-content {
    background: none;
    padding: 45px;
    margin: 0;
    align-items: center;
    font-weight: 600;
    font-size: 14px
}

.sppb-addon-audio-carousel .sppb-destinations-carousel-content {
    background: none;
    padding: 15px;
    margin: 0;
    align-items: center;
    font-weight: 600;
    font-size: 14px
}

.sppb-addon-audio-carousel .sppb-articles-carousel-left {
    border-right: 1px solid rgb(255 255 255 / .9);
    padding-right: 30px;
    margin-right: 30px
}

.sppb-addon-audio-carousel .sppb-destinations-carousel-left {
    border-right: 1px solid rgb(255 255 255 / .9);
    padding-right: 10px;
    margin-right: 10px;
    display: inline-flex
}

.sppb-addon-audio-carousel .sc-player.audio-link {
    width: 70px;
    overflow: hidden;
    height: 70px
}

.sc-player .sc-controls {
    width: 70px;
    height: 70px;
    z-index: 12
}

.sc-player a {
    text-decoration: none;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 70px;
    font-size: 43px
}

.sc-player .sc-controls a {
    display: block;
    width: 70px;
    height: 70px;
    border: 2px solid #FFF
}

.sppb-addon-audio-carousel .sppb-articles-carousel-img a {
    color: #fff
}

.sc-player .sc-controls a:hover,
.sc-player .sc-controls a:focus {
    color: #233b77 !important;
    opacity: 1 !important
}

.sc-play:hover {
    background: #fff;
    color: #233b77
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    width: 95%;
    background-color: #fff
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::before,
.sppb-addon-timeline .timeline-movement.even::after {
    border-color: #233b77
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper::before,
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::after,
.sppb-addon-timeline .timeline-movement.even::before {
    background-color: #233b77
}

.sppb-addon-timeline .timeline-date {
    color: #C71111;
    font-variation-settings: 'wght' 600
}

.itinerary .card {
    box-shadow: 0 .25rem .25rem rgb(0 0 0 / .2), 0 0 1rem rgb(0 0 0 / .2);
    padding: 1.2rem;
    border-radius: 6px
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .title {
    font-size: 1.1rem;
    margin: 0 0 3px
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part,
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    padding: 12px
}

.sppb-addon-timeline div.details p {
    margin-bottom: 0
}

.off-menu_288 dl a,
.off-menu_288 dl a:link,
.off-menu_288 dl.level1 a,
.off-menu_288 dl.level1 a:link,
.off-menu_288 dl dt.active a,
.off-menu_288 dl.level1 dt.active a {
    font-weight: 500 !important
}

.bases-title {
    color: #9bd4e4;
    padding: 3px;
    font-size: 1rem;
    text-transform: uppercase
}

a.sppb-bases-carousel-link i::before {
    color: #9bd4e4
}

div.sppb-column.bases_dest_list div i::before {
    color: #fff;
    font-size: .8rem
}

.text-block-rounded {
    border-bottom-right-radius: 38px;
    border-top-left-radius: 38px;
    box-shadow: rgb(0 0 0 / .25) 0 .0625em .0625em, rgb(0 0 0 / .25) 0 .125em .5em, rgb(255 255 255 / .1) 0 0 0 1px inset !important;
    padding-left: 0;
    margin-left: 0
}

div#sppb-addon-wrapper-3c9da8eb-17dc-4d44-8d10-7f7a34356ee9.sppb-addon-wrapper {
    position: absolute;
    width: 40px;
    top: 0;
    left: 0
}

.vertical-talign h3.sppb-addon-title {
    text-transform: uppercase;
    padding: 0;
    color: rgb(0 0 0);
    font-size: 40px;
    -moz-transform: matrix(0, -.5, .5, 0, 0, 0);
    -webkit-transform: matrix(0, .5);
    -ms-transform: matrix(0, -.5, .5, 0, 0, 0);
    white-space: pre;
    height: 100vh
}

.bases_dest_list {
    min-height: 300px;
    max-height: 300px;
    border-radius: 8px
}

.bases_dest_list>.sppb-column-overlay {
    mix-blend-mode: multiply;
    background: radial-gradient(at center center, RGB(3 6 89 / .6) 0%, RGB(17 45 84 / .5) 100%) #fff0;
    border-radius: 8px
}

.sppb-column.homepg_dest_list .sppb-column-addons {
    display: flex;
    align-items: end
}

div.sppb-column.homepg_dest_list div i::before {
    color: #fff;
    font-size: 1.1rem
}

.bases_dest_list {
    min-height: 300px;
    max-height: 300px;
    border-radius: 8px
}

.homepg_dest_list>.sppb-column-overlay {
    mix-blend-mode: multiply;
    background: radial-gradient(at center center, RGB(3 6 89 / .6) 0%, RGB(17 45 84 / .5) 100%) #fff0;
    border-radius: 8px
}

#base-details-nav li a {
    background-color: rgb(3 6 89 / .8);
    color: #9bd4e4;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 10px;
    padding-left: 8px;
    border-radius: 8px;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem
}

#base-details-nav li a:hover {
    background-color: #9bd4e4;
    color: rgb(3 6 89 / .8)
}

.bases-title-block {
    margin-top: 1.7rem
}

.marine-det-bluebg {
    background-color: #FFF
}

.marine-det-inner-titles {
    background-color: rgb(3 6 89 / .8);
    color: #fff;
    margin-top: 0;
    margin-left: 0;
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-left: 6px;
    border-radius: 8px;
    font-variation-settings: 'wght' 400;
    font-size: .8rem;
    line-height: .8rem;
    text-wrap: nowrap;
    min-width: 120px;
    text-align: center
}

.mask1 {
    margin-left: 0;
    Mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NTYuNDQgOTE5LjQ0Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtMntmaWxsOiMwMDAwMjQ7fS5jbHMtMXtvcGFjaXR5OjAuMjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPlZlbGFzX21hc2s8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIzMS41NywxNjkuMzFjLTE1LjExLDAtMjkuMzIsNS43LTQxLjA4LDE2LjQ3LTEzLjcxLDEyLjU1LTIxLjY4LDMxLjI0LTIxLjg2LDUxLjI5LS4xNywxOC40Miw3LjQxLDM3LjI4LDIwLjgxLDUxLjc0LDEzLjk0LDE1LDMyLjE0LDIzLjMyLDUxLjI0LDIzLjMySDI0MWMxNy4zNy0uMDgsMzQuNzctNy41OCw0Ny43My0yMC41NiwxMi43OC0xMi43OSwyMC4wOS0yOS42LDIwLTQ2LjFDMzA4LjcsMjA3LDI3MC40NiwxNjkuMzEsMjMxLjU3LDE2OS4zMVpNMjQxLDMwMi4xM2MtMTcuNC4wOC0zMy04LTQ0LjE3LTIwLjEyLTExLjM5LTEyLjI5LTE4LjMtMjguNy0xOC4xNi00NC44NXM2LjE1LTMyLjU5LDE4LjYyLTQ0YzQxLjE3LTM3LjY5LDEwMS40NSw4Ljk0LDEwMS41NCw1Mi4zNEMyOTguODQsMjc0LjE2LDI3Mi4zMiwzMDIsMjQxLDMwMi4xM1oiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xOTcuMjQsMTkzLjE1Yy0xMi40NywxMS40Mi0xOC40NywyNy44OC0xOC42Miw0NHM2Ljc3LDMyLjU2LDE4LjE2LDQ0Ljg1YzExLjIxLDEyLjEsMjYuNzcsMjAuMiw0NC4xNywyMC4xMiwzMS4zNy0uMTUsNTcuODktMjgsNTcuODMtNTYuNjRDMjk4LjY5LDIwMi4wOSwyMzguNDEsMTU1LjQ2LDE5Ny4yNCwxOTMuMTVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNODA4LjA2LDYwMi43NGMtOC04LjI5LTE2LjMzLTE2Ljg3LTIzLjI5LTI1LjU2cy0xMS43My0xNi40NS0xNC45LTI0Yy0xMS0yNi4zMy00LjY1LTU1LjY4LDItODYuNzYsMi4wNS05LjU0LDQuMTctMTkuNCw1Ljc0LTI5LjE1LDUuMzQtMzMuMTIsMy4yMi02MS4xLTYuNDktODUuNTUtMTIuMTItMzAuNS0zNi45NC01NC02Ni40MS02My0xMS0zLjMyLTIyLjIzLTQuNjItMzMuMTItNS44OC0xNC42My0xLjY5LTI4LjQ2LTMuMjktMzkuNC05LjUzLTIyLjU1LTEyLjg2LTI3LTQwLjYxLTMxLjYxLTcwLS43Ni00Ljc3LTEuNTQtOS43LTIuNC0xNC40N0M1OTAsMTQzLjM3LDU2OC43MiwxMDAuNiw1MzYuNjQsNjUuMTVjLTIwLjI5LTIyLjQzLTUzLjgtNTAuODctOTguMTYtNTlhMTIzLjgxLDEyMy44MSwwLDAsMC0yMi4zNi0yYy0zNy4wNiwwLTcwLjY5LDE1LjktODcuNzksNDEuNDktMjQuNjUsMzYuODktMTIuMiw4MC41Ny0xLjIxLDExOS4xMSwzLjI3LDExLjQ5LDYuMzcsMjIuMzUsOC42MiwzMywxNS4yNCw3Mi4yNC0yLjgxLDEwOC4wOS0xNC45MywxMjMtMTYuMzUsMjAuMTYtNDMuMDksMzAuMzgtNzkuNDYsMzAuMzgtMy41NiwwLTcuMjctLjEtMTEtLjI5LTQzLjIxLTIuMjUtNzMuMzgtMzguNDktMTAyLjU1LTczLjU1Qzk5LDI0Mi43Niw2OS4yNSwyMDcsMjYuODgsMjA3QTg0LjI1LDg0LjI1LDAsMCwwLDAsMjExLjY1djExLjg5Qzk2LjY1LDE4Ni4yOCwxMjYuMDcsMzU2LjcsMjI5LjU1LDM2Mi4wOGMxNDcuNTEsNy42NywxMjUuODMtMTI5LjM1LDExNy43Ny0xNjcuNTgtMTAuMTgtNDguMjMtMzcuMTktMTAxLjA4LTkuMTgtMTQzLDE5LjQyLTI5LjA3LDYxLjQ3LTQxLjA1LDk4LTM0LjM0czY3LjY5LDI5LDkxLjQ0LDU1LjI2QzU1OCwxMDYsNTc4LjQ3LDE0Ny4xMiw1ODYuMjIsMTkwLjE4YzYuMTIsMzMuOTIsOCw3NC41MywzOS44OCw5Mi43NCwyMS45NSwxMi41Miw1MC40Miw5LDc1LDE2LjQ4LDI3Ljc3LDguNDEsNDguNzUsMzAuNzcsNTguNzMsNTUuOTFzMTAuMDYsNTIuNzUsNS43OSw3OS4yYy02LjYsNDEtMjMuMSw4My43My03LDEyMi40Myw0LDkuNiw5LjgzLDE4LjQ3LDE2LjYsMjYuOTQsMjYuNjUsMzMuMzIsNjcuNzEsNjAuNDMsNjcuNTUsMTAwLjgtLjEsMjYtMTkuNDMsNDkuODktNDQuNDgsNjIuMjVzLTU0Ljg1LDE0LjUzLTgzLjExLDExLjQyYy0zNi42LTQtNzUuMzctMTYuMTQtMTA4Ljg2LTIuMDUtMjksMTIuMTctNDUuNyw0MS4wNS03My42Niw1NS0yMiwxMS00OS45MSwxMS4yNi03Mi4xNC43Mi0zNC40NC0xNi4zNC01NS4xNy01Ni05My42Ny02MC41QzMzNi41Miw3NDgsMzA5LDc2OS4xNCwyOTIuNzQsNzkyLjgzUzI2OCw4NDQuNywyNDguNTgsODY2LjJDMTY4LDk1NS41MywxNS4yMiw4NTcuNjgsMCw4NDcuNTh2MTUuODhjMi4xMywxLjM1LDQuNTUsMi44Miw3LjM1LDQuNDhhMzk0Ljg3LDM5NC44NywwLDAsMCwzOSwyMGMyOSwxMi45NSw3Mi40OCwyOC4zOSwxMTUuMiwyOC4zOWgwYzQxLjA4LDAsNzMuNTItMTQsOTYuNDEtNDEuNzMsMTEuMzUtMTMuNzIsMTkuNC0yOC45NSwyNy4xOC00My42OSw1LjctMTAuNzksMTEuMDktMjEsMTcuNjQtMzAuNTRDMzE0Ljg4LDc4Mi43OSwzMzYuMzQsNzY0LDM2MC4zNiw3NjRhNDQuNTYsNDQuNTYsMCwwLDEsNS4yOS4zMWMxOC44OCwyLjE4LDMzLjY4LDE1LjUsNDkuMzUsMjkuNiwxMi4yMSwxMSwyNC44MywyMi4zNSw0MC41NiwyOS44MWE5Ni41OSw5Ni41OSwwLDAsMCw4Mi42NC0uODJjMTQuODEtNy40MSwyNi4zNi0xOC4xNSwzNy41My0yOC41MywxMS40LTEwLjYsMjIuMTYtMjAuNiwzNS40MS0yNi4xOCw5LjEyLTMuODMsMTkuNTctNS42OSwzMi01LjY5LDE0LjIyLDAsMjguOTEsMi4zNCw0NC40Nyw0LjgyLDguNjgsMS4zOCwxNy42NSwyLjgyLDI2LjQ5LDMuNzlhMjE4LjEzLDIxOC4xMywwLDAsMCwyMy43NywxLjM0YzI1LDAsNDcuMjMtNC42OCw2Ni0xMy45MywzMS0xNS4yOCw1MS4wNi00My45Miw1MS4xNy03M0M4NTUuMDksNjUxLjM0LDgzMS4xOCw2MjYuNjMsODA4LjA2LDYwMi43NFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNDguNTgsODY2LjJjMTkuMzktMjEuNSwyNy45My00OS42OCw0NC4xNi03My4zN3M0My43OC00NC43OSw3NC4xMi00MS4yOGMzOC41LDQuNDYsNTkuMjMsNDQuMTYsOTMuNjcsNjAuNSwyMi4yMywxMC41NCw1MC4xOCwxMC4yNiw3Mi4xNC0uNzIsMjgtMTQsNDQuNy00Mi44Niw3My42Ni01NSwzMy40OS0xNC4wOSw3Mi4yNi0yLDEwOC44NiwyLjA1LDI4LjI2LDMuMTEsNTguMDYuOTQsODMuMTEtMTEuNDJzNDQuMzgtMzYuMjQsNDQuNDgtNjIuMjVjLjE2LTQwLjM3LTQwLjktNjcuNDgtNjcuNTUtMTAwLjgtNi43Ny04LjQ3LTEyLjYxLTE3LjM0LTE2LjYtMjYuOTQtMTYuMTItMzguNy4zOC04MS40NSw3LTEyMi40Myw0LjI3LTI2LjQ1LDQuMTktNTQuMDctNS43OS03OS4ycy0zMS00Ny41LTU4LjczLTU1LjkxYy0yNC41Ny03LjQ0LTUzLTQtNzUtMTYuNDgtMzEuOTItMTguMjEtMzMuNzYtNTguODItMzkuODgtOTIuNzRDNTc4LjQ3LDE0Ny4xMiw1NTgsMTA2LDUyNy41OCw3Mi40MWMtMjMuNzUtMjYuMjUtNTQuOS00OC41Ni05MS40NC01NS4yNnMtNzguNTgsNS4yNy05OCwzNC4zNGMtMjgsNDEuOTMtMSw5NC43OCw5LjE4LDE0Myw4LjA2LDM4LjIzLDI5Ljc0LDE3NS4yNS0xMTcuNzcsMTY3LjU4QzEyNi4wNywzNTYuNyw5Ni42NSwxODYuMjgsMCwyMjMuNTR2NjI0QzE1LjIyLDg1Ny42OCwxNjgsOTU1LjUzLDI0OC41OCw4NjYuMloiLz48L3N2Zz4=);
    mask-repeat: no-repeat;
    mask-position: left
}

.mask2 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NTYuNDQgODc2LjA5Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtMntmaWxsOiMwMDAwMjQ7fS5jbHMtMXtvcGFjaXR5OjAuMjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPlZlbGFzX21hc2s8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTc5Mi4yMywxNjAuNjdjLTIyLjM3LDAtNDMuOSwxMS4zLTY0LDMzLjU3LTQuNCw0Ljg3LTkuNzksMTEuNDQtMTYsMTktMTguMDYsMjItNDguMjgsNTguODMtNjUuNTQsNjQuMDlhOTcuNTEsOTcuNTEsMCwwLDEtMjgsNC4zNmMtMTEuNDUsMC0yNy4yOS0yLjQ2LTM3Ljc0LTE0LjE1LTExLjIyLTEyLjU2LTEyLjY4LTMxLjI5LTE0LjIyLTUxLjEyLTEuMjItMTUuNjgtMi40OC0zMS44OS04LjUtNDcuMTJhODMuMDcsODMuMDcsMCwwLDAtNTguODQtNTAsMTAzLjU0LDEwMy41NCwwLDAsMC0yMi4yMi0yLjE3Yy03LjY4LDAtMTUuMy42LTIyLjY3LDEuMTgtNy4yLjU2LTE0LDEuMS0yMC42OSwxLjFhNzEuNjUsNzEuNjUsMCwwLDEtMjAuNTItMi41M0MzOTIsMTEwLjcyLDM3Ni45LDkyLjEsMzYwLjg4LDcyLjM5Yy01LjEtNi4yNy0xMC4zNi0xMi43NS0xNS44Ni0xOC44MkMzMjMuNTQsMjkuODMsMjk5LDE0LjMxLDI3My45Miw4LjcxYTk0LjM2LDk0LjM2LDAsMCwwLTIwLjcxLTIuMjhjLTI1LDAtNDcuNzcsOS42Mi02Mi40NiwyNi40LTIyLjMxLDI1LjQ4LTIyLDU4LjQxLTIxLjc0LDkwLjI1LjEsMTEuMDYuMiwyMi41LS43LDMzLjIzcy0yLjcxLDE5LjQ4LTUuNTIsMjcuMTZjLTkuOCwyNi42OS0zMy41Miw0NS4xNi01OC42NCw2NC43Mi03LjY2LDYtMTUuNTgsMTIuMTMtMjMsMTguNTMtMjUuMjcsMjEuNjctNDIuMDYsNDMuOTQtNTEuMzQsNjguMDZDMTguMSwzNjUuMTIsMTkuODYsMzk4LDM0LjQ5LDQyMi42MmM1LjQ3LDkuMjMsMTIuNDUsMTcsMTkuMiwyNC41OSw4Ljg1LDkuOSwxNy4yMSwxOS4yNSwyMC41NywzMC4yLDcuMDYsMjMuMDYtOC44NSw0Ny44MS0yNC4yNSw3MS43NS0yLjYsNC4wNS01LjI5LDguMjQtNy44MiwxMi4zNEMxOCw2MDAuNzYsNi43Miw2MzguNCw1LjYyLDY4My41NWMtLjcyLDI5LjI2LDMuNzksNzEuMDcsMjkuMzIsMTA0LjE2LDE4Ljc5LDI0LjM1LDQ5Ljc3LDM4Ljg5LDgyLjg3LDM4Ljg5QTExNC4yNSwxMTQuMjUsMCwwLDAsMTM2LjU2LDgyNWM3MS42Ni0xMiwxMDMuMDktNDUsMTI4LjM0LTcxLjUxLDcuNzEtOC4xLDE1LTE1Ljc5LDIyLjYxLTIxLjkyLDM2LjkyLTI5LjczLDYzLjM4LTMzLjI3LDgwLjA3LTMzLjI3LDI4LDAsNTcuMzUsMTIsODcuMTMsMzYuMiw1OSw0Ny44NSwxMTkuMTcsNzEuNzEsMTc4Ljg3LDcxLjcxaDBBMjMyLjcyLDIzMi43MiwwLDAsMCw3MzEuNyw3ODQuNGEzMTEuNjcsMzExLjY3LDAsMCwwLDczLjY0LTQ3LjkxLDM5MC42OCwzOTAuNjgsMCwwLDAsNTEuMS01My42OXYtMjBjLTE5LjMsMjcuNzktMTc3LDIzOS0zOTQuMDgsNjIuODRDMzc2LjU0LDY1NiwzMTMuNzQsNjk1LjIsMjgwLDcyMi4zNHMtNTUuODQsNzUuOTEtMTQ1LjQzLDkwLjg3Yy0zMy41OSw1LjYxLTY5LjM0LTUuODctOTAuMTUtMzIuODNTMTYuNzksNzE3LjksMTcuNjIsNjgzLjg1YzEuMDYtNDMuNjIsMTEuOS03OC45LDM0Ljc5LTExNi4wNSwxOC0yOS4yNyw0My40LTYxLDMzLjMyLTkzLjkxLTYuOTMtMjIuNjEtMjguODYtMzcuMDUtNDAuOTItNTcuMzlDMzEuMTcsMzkzLjUsMzEuMzcsMzY0LDQxLDMzOS4wOXMyNy42Ni00NS44Niw0OC02My4yNmMzMS40NC0yNyw3MC44Ni00OS4zNSw4NS4xMy04OC4yM2ExMTUuNDcsMTE1LjQ3LDAsMCwwLDYuMjEtMzAuMjhjMy40OC00MS4xMi03LjA3LTg2LjIxLDE5LjUyLTExNi41OCwxNy4xNC0xOS41OCw0Ni4xMy0yNiw3MS41Mi0yMC4zMnM0Ny4zNywyMS45MSw2NC44Miw0MS4yYzIyLjYxLDI1LDQxLjQxLDU3LjM2LDczLjc2LDY2LjgxLDI4LDguMTcsNTguNDUtMy41OSw4Ni45MSwyLjYyQTcxLjM4LDcxLjM4LDAsMCwxLDU0NywxNzMuNzVjMTMsMzMsMS4zLDc1LjM4LDI0Ljk0LDEwMS44MywxOC42MiwyMC44NCw1MS40NywyMS40Miw3OC4yLDEzLjI3czY4LjM0LTY1LjgyLDg3LjA2LTg2LjU3YzQ3Ljk0LTUzLjE0LDkyLTI1LjA4LDExOS4yMSw5VjE5M0M4MzEuNTYsMTY2LjY4LDgwOC4yMywxNjAuNjcsNzkyLjIzLDE2MC42N1oiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03MzcuMjMsMjAyLjI4Yy0xOC43MiwyMC43NS02MC4zMiw3OC40Mi04Ny4wNiw4Ni41N3MtNTkuNTgsNy41Ny03OC4yLTEzLjI3Yy0yMy42NC0yNi40NS0xMS45LTY4Ljg0LTI0Ljk0LTEwMS44M2E3MS4zOCw3MS4zOCwwLDAsMC01MC4yNC00Mi43Yy0yOC40Ni02LjIxLTU5LDUuNTUtODYuOTEtMi42Mi0zMi4zNS05LjQ1LTUxLjE1LTQxLjgyLTczLjc2LTY2LjgxLTE3LjQ1LTE5LjI5LTM5LjQzLTM1LjUyLTY0LjgyLTQxLjJzLTU0LjM4Ljc0LTcxLjUyLDIwLjMyYy0yNi41OSwzMC4zNy0xNiw3NS40Ni0xOS41MiwxMTYuNThhMTE1LjQ3LDExNS40NywwLDAsMS02LjIxLDMwLjI4Yy0xNC4yNywzOC44OC01My42OSw2MS4yNi04NS4xMyw4OC4yMy0yMC4yOSwxNy40LTM4LjM1LDM4LjMtNDcuOTUsNjMuMjZzLTkuOCw1NC40MSwzLjg0LDc3LjQxYzEyLjA2LDIwLjM0LDM0LDM0Ljc4LDQwLjkyLDU3LjM5LDEwLjA4LDMyLjg4LTE1LjI4LDY0LjY0LTMzLjMyLDkzLjkxQzI5LjUyLDYwNSwxOC42OCw2NDAuMjMsMTcuNjIsNjgzLjg1Yy0uODMsMzQsNiw2OS41NiwyNi44Myw5Ni41M1MxMDEsODE4LjgyLDEzNC42LDgxMy4yMWM4OS41OS0xNSwxMTEuNzItNjMuNzMsMTQ1LjQzLTkwLjg3czk2LjUxLTY2LjM0LDE4Mi4zMywzLjI3YzIxNy4xMywxNzYuMTUsMzc0Ljc4LTM1LjA1LDM5NC4wOC02Mi44NFYyMTEuMjdDODI5LjI1LDE3Ny4yLDc4NS4xNywxNDkuMTQsNzM3LjIzLDIwMi4yOFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00MjUuNDUsNzQ5LjQ0Yy0xMi0xNS43NS0zMi4yNS0yNS4wNS01NS42NC0yNS41MWwtMS43NiwwYTkwLDkwLDAsMCwwLTkuNDMuNDhjLTI4LjUxLDMtNTMuMiwxOC43Mi02NC40NSw0MS0xMywyNS43Ni03LDU5LjMyLDE0LjI4LDc5Ljg0YTY5LjMzLDY5LjMzLDAsMCwwLDQ5LDIwaDBhNzkuNjUsNzkuNjUsMCwwLDAsNDQuNDgtMTQuMSw4My4yNSw4My4yNSwwLDAsMCwzMC4zNi0zNy4zOEM0NDEuMiw3OTEuODgsNDM4LjUyLDc2Ni42NCw0MjUuNDUsNzQ5LjQ0Wk00MjMsODEwYy0xNy4yMyw0Mi4yNS03Mi4zNSw2Mi4yMS0xMDcuNjMsMjguMTdDMjk3LjU5LDgyMSwyOTIsNzkyLDMwMy4xLDc3MGMxMC40Ni0yMC43NCwzMy40Ni0zMy4xNiw1Ni41Ny0zNS42YTgwLjI4LDgwLjI4LDAsMCwxLDkuOTUtLjQzYzE4LjM2LjM3LDM2Ljg4LDcuMTEsNDcuODcsMjEuNTdDNDI5LDc3MC43LDQzMC4yMyw3OTIuMjksNDIzLDgxMFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zNjkuNjIsNzMzLjkzYTgwLjI4LDgwLjI4LDAsMCwwLTkuOTUuNDNjLTIzLjExLDIuNDQtNDYuMTEsMTQuODYtNTYuNTcsMzUuNkMyOTIsNzkyLDI5Ny41OSw4MjEsMzE1LjM5LDgzOC4xNWMzNS4yOCwzNCw5MC40LDE0LjA4LDEwNy42My0yOC4xNyw3LjIxLTE3LjY5LDYtMzkuMjgtNS41My01NC40OEM0MDYuNSw3NDEsMzg4LDczNC4zLDM2OS42Miw3MzMuOTNaIi8+PC9zdmc+);
    -webkit-mask-position: right;
    -webkit-mask-repeat: no-repeat
}

div#home-bottom-wave div.addon-root-image,
div#home-bottom-wave div.sppb-addon-single-image-container,
div#home-bottom-wave .sppb-img-responsive {
    width: 100%
}

.flatpickr-monthDropdown-months {
    padding: 0 0 0 .5ch !important;
    border: none !important;
    height: auto !important
}

.flatpickr-current-month select.flatpickr-monthDropdown-months {
    height: auto;
    display: inline-block;
    width: unset
}

.flatpickr-current-month input.numInput.cur-year {
    padding: 0
}

.dest-list-wave * {
    box-sizing: border-box;
    line-height: 1.5
}

.dest-list-wave img {
    max-width: 100%
}

.dest-list-wave .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: #fff
}

div.dest-list-wave.container h1.card__title i::before {
    font-size: 1rem
}

.dest-list-wave .card {
    position: relative;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    border: none
}

.dest-list-wave .card__line {
    opacity: 0;
    animation: LineFadeIn 0.8s 0.8s forwards ease-in
}

.dest-list-wave .card__image {
    opacity: 0;
    animation: ImageFadeIn 0.8s 1.4s forwards;
    border-radius: 20px 0 20px 0
}

.dest-list-wave .card__title {
    color: #4A4A4A;
    margin-top: 0;
    font-variation-settings: 'wght' 400;
    letter-spacing: .01em;
    line-height: 3rem;
    margin-bottom: 30px;
    background-color: rgb(255 255 255 / .6)
}

.dest-list-wave .card__content {
    margin-top: -3.7rem;
    opacity: 0;
    animation: ContentFadeIn 0.8s 1.6s forwards
}

.dest-list-wave .card__svg {
    position: absolute;
    left: 0;
    top: 115px
}

@keyframes LineFadeIn {
    0% {
        opacity: 0;
        d: path("M 0 300 Q 0 300 0 300 Q 0 300 0 300 C 0 300 0 300 0 300 Q 0 300 0 300 ");
        stroke: #fff
    }

    50% {
        opacity: 1;
        d: path("M 0 300 Q 50 300 100 300 Q 250 300 350 300 C 350 300 500 300 650 300 Q 750 300 800 300");
        stroke: #fff
    }

    100% {
        opacity: 1;
        d: path("M -2 100 Q 50 200 100 250 Q 250 400 350 300 C 400 250 550 150 650 300 Q 750 450 802 400");
        stroke: #fff
    }
}

@keyframes ContentFadeIn {
    0% {
        transform: translateY(-1rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes ImageFadeIn {
    0% {
        transform: translate(-.5rem, -.5rem) scale(1.05);
        opacity: 0;
        filter: blur(2px)
    }

    50% {
        opacity: 1;
        filter: blur(2px)
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
        filter: blur(0)
    }
}

.dest-list-wave .card__content ul li {
    background-color: #fff;
    color: #4A4A4A;
    font-size: .87rem;
    font-weight: 400;
    letter-spacing: .01rem;
    border: .001rem solid rgb(0 102 153 / .4);
    font-family: "Noto Sans VF", sans-serif !important;
    font-variation-settings: 'wght' 600;
    font-stretch: 100%;
    padding: .5rem .8rem;
    border-radius: .5rem 0
}

.dest-list-wave .card__content ul li a {
    color: #4A4A4A;
    text-decoration: none;
    font-variation-settings: 'wght' 400;
    font-size: 1.2rem
}

.dest-list-wave .card__content ul li a .fas.fa-anchor {
    color: rgb(60 70 130 / .8)
}

.dest-list-wave .card__content ul li a i.fas.fa-chevron-right::before {
    color: rgb(0 102 153 / .5);
    font-size: .7rem;
    padding-left: .5rem
}

.dest-list-wave .card__content ul li a:hover {
    color: rgb(60 70 130)
}

.dest-list-wave .card__content ul li a:hover .fas.fa-anchor,
.dest-list-wave .card__content ul li a:hover .fas.fa-chevron-right {
    color: rgb(60 70 130)
}

#filters {
    color: #4A4A4A;
    padding: 1.1rem;
    border-radius: 0;
    box-shadow: none;
    margin-top: 1.9rem
}

#boatdetailsAccordion {
    color: #4A4A4A;
    background-color: #fff
}

.boat-details-headings {
    color: #233b77;
    padding: .8rem 0;
    font-size: 1.3rem;
    display: block;
    font-variation-settings: 'wght' 500
}

.accordion-button,
.accordion-item:first-of-type .accordion-button {
    background-color: #fff;
    color: #4A4A4A;
    font-size: .9rem;
    font-weight: 400;
    letter-spacing: .01rem;
    border-bottom: .14rem solid #4A4A4A;
    font-family: "Noto Sans VF", sans-serif !important;
    font-variation-settings: 'wght' 600;
    font-stretch: 100%;
    padding: .8rem .8rem .8rem .2rem;
    text-transform: uppercase
}

.accordion-button i::before {
    color: skyblue;
    font-size: 1rem
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    color: rgb(35 59 119)
}

.accordion-item {
    border: none;
    margin-bottom: 1rem
}

.accordion-body {
    background-color: #fff;
    border-radius: 6px;
    padding: 10px
}

#boatdetailsAccordion .accordion-body {
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 25px
}

#boatdetailsAccordion .accordion-button {
    border-radius: 0;
    background-color: #fff;
    color: #4A4A4A;
    font-size: .9rem;
    font-weight: 400;
    letter-spacing: .01rem;
    border-bottom: .14rem solid #4A4A4A;
    font-family: "Noto Sans VF", sans-serif !important;
    font-variation-settings: 'wght' 600;
    font-stretch: 100%;
    padding: .8rem .8rem .8rem .2rem;
    text-transform: uppercase
}

div#filtersAccordion .accordion-button::after,
div#boatdetailsAccordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234A4A4A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    width: 1rem;
    height: 1rem;
    background-size: 1rem
}

.form-control {
    border-radius: 4px;
    border: 1px solid #233b77
}

.clear-fltrs {
    background-color: #fff0;
    border: none;
    color: rgb(74 74 74 / .5)
}

.filter-title {
    color: #4A4A4A;
    font-family: "Noto Sans VF", sans-serif !important;
    font-variation-settings: 'wght' 500;
    font-stretch: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    letter-spacing: 0
}

.choices__inner,
.filter-title {
    font-size: .9rem
}

.pricelist-price {
    font-variation-settings: 'wght' 400;
    font-size: .8rem
}

.ypricing-titles,
.ypricing-prices {
    color: #4A4A4A;
    font-family: "Noto Sans VF", sans-serif !important;
    font-variation-settings: 'wght' 600;
    font-stretch: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    letter-spacing: 0;
    font-size: 1rem
}

.slider-wrapper .slider-horizontal .slider-handle {
    background-image: linear-gradient(to bottom, rgb(35 59 119 / .8), rgb(35 59 119 / .8));
    border-radius: 50%;
    width: 26px;
    height: 26px
}

.slider-top,
.slider-top .min-value,
.slider-top .max-value,
.slider-top .max-fvalue,
.slider-top .min-value,
.slider-top .mu {
    font-size: .78rem;
    font-variation-settings: 'wght' 400;
    color: rgb(74 74 74 / .6)
}

.checkbox label {
    font-size: 14px;
    color: #4A4A4A
}

.checkbox input[type="checkbox"] {
    accent-color: #4A4A4A
}

input::placeholder {
    color: #7a7a7a;
    font-style: italic
}

.dropdown-input {
    border-radius: 4px;
    border: 1px solid #4A4A4A
}

.slider-wrapper {
    margin-top: 10px
}

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 22px;
    float: right
}

.switch input {
    display: none
}

.slider-yacht {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider-yacht:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 1px;
    bottom: 1px;
    background-color: #fff;
    -webkit-transition: .4s;
    etransition: .4s
}

input.info:checked+.slider-yacht {
    background-color: rgb(35 59 119 / .8)
}

input:focus+.slider-yacht {
    box-shadow: 0 0 1px #2196F3
}

input:checked+.slider-yacht:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider-yacht.round {
    border-radius: 34px
}

.slider-yacht.round:before {
    border-radius: 50%
}

.slider-wrapper {
    text-align: center;
    min-height: 52px;
    max-width: 98%
}

.slider.slider-horizontal {
    width: 95%;
    height: 20px;
    max-width: 95%
}

.slider-handle {
    background-image: linear-gradient(to bottom, rgb(190 31 30), rgb(233 42 40));
    -webkit-box-shadow: 1px 1px 9px -2px rgb(0 0 0 / .5);
    -moz-box-shadow: 1px 1px 9px -2px rgb(0 0 0 / .5);
    box-shadow: 1px 1px 9px -2px rgb(0 0 0 / .5);
    width: 27px;
    height: 27px;
    background-color: #fff;
    border: 5px solid #fff
}

.slider-selection.tick-slider-selection,
.slider-tick.in-selection {
    background-color: rrgb(35 59 119 / .8);
    background-image: -moz-linear-gradient(top, rgb(35 59 119 / .8), rgb(35 59 119));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(35 59 119 / .8)), to(rgb(35 59 119)));
    background-image: -webkit-linear-gradient(top, rgb(35 59 119 / .8), rgb(35 59 119));
    background-image: -o-linear-gradient(top, rgb(35 59 119 / .8), rgb(35 59 119));
    background-image: linear-gradient(to bottom, rgb(35 59 119 / .8), rgb(35 59 119));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(35, 59, 119, 0.8)', endColorstr='rgba(35, 59, 119, 1)', GradientType=0)
}

.slider.slider-horizontal .slider-track {
    margin-top: -1px;
    height: 7px
}

.slider.slider-horizontal .slider-tick-label-container {
    margin-top: 28px
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    font-size: 11px;
    font-weight: 500
}

.slider-selection.tick-slider-selection {
    background-image: none;
    background-color: #f0efef
}

.slider.slider-horizontal .slider-track-high,
.slider.slider-horizontal .slider-track-low {
    background-color: rgb(255 255 255 / .5)
}

.slider-track {
    background-color: #fff0;
    background-image: none
}

.slider-tick {
    margin-top: 3px
}

.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="select-one"] .choices__inner {
    -webkit-padding-end: 3rem;
    padding-inline-end: 3rem;
    cursor: pointer;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23233b77'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem
}

#yacht-general-types {
    padding: 10px;
    border-radius: 8px
}

.checkbox-wrap {
    margin-bottom: 0
}

.checkbox {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-bottom: .4rem
}

.checkbox input[type="checkbox"],
.radio-group input[type="radio"] {
    appearance: none;
    width: 21px;
    height: 21px;
    border: 1px solid #4A4A4A;
    border-radius: 6px;
    background-color: #fff0;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.3s ease
}

.checkbox input[type="checkbox"]:checked,
.radio-group input[type="radio"]:checked {
    background-color: #004080;
    border-color: #004080;
    position: relative
}

.checkbox input[type="checkbox"]:checked::after {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    position: absolute;
    top: 0;
    left: 3px;
    font-size: .8rem;
    line-height: 1.2
}

.checkbox input[type="checkbox"]:hover {
    border-color: #d4af37
}

.checkbox label {
    font-size: .9rem;
    color: #4A4A4A;
    cursor: pointer;
    transition: color 0.3s ease;
    font-variation-settings: 'wght' 400
}

.checkbox input[type="checkbox"]:hover+label {
    color: #d4af37
}

.checkbox-list {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem
}

.price-section {
    margin-top: .4rem
}

.price-section .list-group-item {
    color: #233b77 !important
}

.price-section-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 4px;
    margin: 4px
}

.price-section-right:last-child {
    border-bottom: none
}

.sppb-form-group .sppb-form-control,
.form-control,
input[type="text"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="number"]:not(.form-control),
select:not(.form-select):not(.form-control) {
    color: #4A4A4A
}

.header-container {
    padding: 8px 15px
}

.icon-container a i {
    font-size: 1.9rem;
    color: #233b77;
    transition: color 0.3s ease;
    line-height: 1.9rem
}

.icon-container a i::before {
    font-size: 1.9rem
}

.icon-container a:hover i {
    color: #d4af37
}

.logo-image {
    max-height: 50px
}

.header-logo {
    padding-top: 1rem
}

.header-left {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: .2rem
}

.header-right {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end
}

.btn-special-offers {
    background-color: #db2e20;
    color: #fff !important;
    padding: 10px 15px !important;
    border-radius: 14px 0 14px 0 !important;
    font-size: 16px !important;
    text-transform: none !important;
    text-decoration: none !important;
    line-height: 1.7;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
    font-variation-settings: 'wght' 600;
    border: .1rem solid rgb(255 255 255) !important
}

.btn-special-offers:hover {
    background-color: #b89128 !important;
    box-shadow: 2px 2px 10px rgb(0 0 0 / .1) !important
}

.booking-tp-btn {
    background-color: #fff0;
    color: #233b77;
    padding: 10px 20px !important;
    border-radius: 14px 0 14px 0 !important;
    font-size: 16px !important;
    font-variation-settings: 'wght' 600;
    line-height: 1.7;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    border: .1rem solid rgb(35 59 119 / .6) !important
}

.booking-tp-btn:hover {
    background-color: #cf4435 !important;
    box-shadow: 2px 2px 10px rgb(0 0 0 / .1) !important
}

.salesrequest-tp-btn {
    background-color: rgb(255, 255, 255);
    color: #233b77;
    padding: 10px 20px !important;
    border-radius: 14px 0 14px 0 !important;
    font-size: 16px !important;
    font-variation-settings: 'wght' 600;
    line-height: 1.7;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    border: .1rem solid rgb(35 59 119 / .6) !important
}

.salesrequest-tp-btn:hover {
    background-color: #cf4435 !important;
    box-shadow: 2px 2px 10px rgb(0 0 0 / .1) !important
}

@media (max-width:1199.98px) {

    .header-container .btn-special-offers,
    .header-container .booking-tp-btn {
        padding: 8px 12px !important;
        font-size: 12px !important
    }
}

@media (max-width:767.98px) {
    .header-container {
        flex-direction: column;
        text-align: center
    }

    .header-container .col-6 {
        text-align: center;
        margin-bottom: 5px
    }

    .header-container .btn-special-offers,
    .header-container .booking-tp-btn {
        width: 100%;
        text-align: center;
        padding: 12px 0;
        font-size: 14px;
        white-space: nowrap
    }

    .menu-icon-cont {
        margin-bottom: 0
    }

    .header-right {
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 0;
        padding-top: .9rem
    }

    div#sp-logo .sp-column {
        flex: 1 1 auto !important
    }

    .ypricing-titles,
    .ypricing-prices {
        font-size: .8rem !important
    }
}

div#section-id-22d9e540-5ca3-4868-9089-e0b5a6981982.sppb-section div.sppb-container-inner div.sppb-row {
    width: 100% !important
}

div.form-group input.form-control {
    background-color: #ffffff !important
}

.pagination {
    padding-bottom: 1rem
}

.pagination .page-item .page-link {
    padding: 10px;
    font-weight: 500;
    font-size: .8rem;
    line-height: .8rem;
    border: none;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0;
    border-radius: 9999px;
    outline: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

.pagination {
    gap: 2px
}

.text-right {
    text-align: right !important
}

.side-buttons-container {
    bottom: 2rem;
    right: 2rem
}

.side-buttons-container {
    bottom: 6rem;
    position: fixed;
    right: 1rem;
    z-index: 9000
}

.side-buttons-container .side-button.side-button-1 {
    background: #d4af37
}

.side-buttons-container .side-button.side-button-2 {
    background: #cf4435
}

.side-buttons-container .side-button.side-button-3 {
    background: #233b77
}

@media print,
screen and (min-width:64em) {
    .side-buttons-container .side-button:not(:last-child) {
        margin-bottom: .75rem
    }
}

.side-buttons-container .side-button:not(:last-child) {
    margin-bottom: .5rem
}

.side-buttons-container .side-button {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 2px 3px 2px rgb(0 0 0 / .05);
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-items: center;
    padding: .75rem;
    text-align: center;
    transition: background .5s;
    width: 3rem;
    height: 3rem
}

@media print,
screen and (min-width:64em) {
    .side-buttons-container .side-button span {
        font-size: 1.5rem
    }
}

.side-buttons-container .side-button span {
    font-size: 1.375rem
}

.side-buttons a span::before {
    font-size: 1.5rem !important
}

.sp-scroll-up {
    bottom: 106px;
    right: 14px;
    width: 3rem;
    height: 3rem;
    line-height: 1.7rem;
    text-align: center;
    font-size: 1.7rem;
    display: flex !important;
    margin-bottom: .5rem;
    justify-content: center;
    flex-direction: column
}

p.boat-details {
    font-size: .8rem;
    margin-bottom: 10px;
    font-variation-settings: 'wght' 300;
    text-align: center
}

a.yacht-book-button-link,
button.yacht-dest-list-button-link {
    color: #fff;
    font-variation-settings: 'wght' 500;
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out
}

.yacht-book-button .red-bullet {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 21px;
    height: 21px;
    background-color: #FF4136;
    border-radius: 50%;
    box-shadow: none;
    transition: transform 0.3s ease;
    border: 4px solid #fff
}

.yacht-book-button:hover .red-bullet {
    transform: scale(1.2)
}

.yacht-dest-list-button {
    align-items: center;
    background: #fff;
    color: #233b77;
    display: flex;
    justify-content: space-between;
    padding: .5rem;
    padding: 8px;
    background-color: #fff;
    border-radius: 14px 0 14px 0 !important;
    font-weight: 600;
    text-decoration: none
}

.yacht-dest-list-button .yacht-dest-list-button-label {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-stretch: 100%
}

.yacht-dest-list-button .yacht-dest-list-button-icon {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.yacht-dest-list-button .yacht-dest-list-button-icon .yacht-icon {
    background-image: url(/images/double-arrow-blue.png);
    background-size: cover;
    height: 25px;
    width: 25px
}

a.yacht-dest-list-button-link {
    color: #233b77;
    font-variation-settings: 'wght' 600
}

.discount-container {
    position: absolute;
    top: 10px;
    left: 10px;
    background: linear-gradient(135deg, #003366, #006699);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: "Noto Sans VF", sans-serif;
    font-variation-settings: 'wght' 700, 'wdth' 89%;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    z-index: 100
}

.from-price {
    display: block;
    font-size: .8rem;
    color: rgb(255 255 255 / .7);
    font-variation-settings: 'wght' 400, 'wdth' 89%
}

.old-price {
    display: block;
    font-size: .8rem;
    color: rgb(255 255 255 / .7);
    font-variation-settings: 'wght' 400, 'wdth' 89%;
    text-decoration: line-through
}

.new-price {
    display: block;
    font-weight: 700;
    font-size: 1.2rem;
    font-variation-settings: 'wght' 700, 'wdth' 89%
}

.discount-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #FF4136;
    color: #fff;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: "Noto Sans VF", sans-serif;
    font-variation-settings: 'wght' 600;
    font-size: 1rem;
    font-style: normal;
    z-index: 999
}

.destination-overlay {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgb(0 0 0 / .5);
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: end;
    font-family: "Noto Sans VF", sans-serif;
    font-size: .8rem;
    flex-direction: column;
    max-width: 80%
}

.destination-overlay .destination {
    margin-right: 8px
}

.distance {
    font-size: .7rem;
    opacity: .8
}

.card-body {
    padding: 10px !important;
    font-family: "Noto Sans VF", sans-serif
}

.subheading {
    font-size: .83rem;
    color: #666;
    margin-bottom: 5px;
    font-family: "Noto Sans VF", sans-serif !important;
    text-align: center
}

.card-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    font-family: "Noto Sans VF", sans-serif !important;
    font-variation-settings: 'wght' 600;
    text-align: center;
    letter-spacing: 0
}

.details-row {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .9rem
}

.details-row li {
    display: flex;
    align-items: center;
    gap: 2px;
    font-weight: 400;
    flex-direction: column;
    font-family: "Noto Sans VF", sans-serif;
    font-variation-settings: 'wght' 500, 'wdth' 78%;
    font-size: .78rem;
    color: #555;
    font-weight: 400
}

.details-row li span {
    font-size: 1.1rem;
    color: #666
}

.btn-details {
    display: block;
    text-align: center;
    padding: 8px 0;
    background-color: #069;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 10px
}

div.sppb-form-group.email-wrap input.sppb-form-control {
    display: block;
    width: 100%;
    background-image: none;
    background-clip: padding-box;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    padding: 18px 24px;
    background: #fff;
    background-image: none;
    background-clip: border-box;
    border: none;
    border-radius: 0;
    height: inherit
}

form.sppb-optin-form.submit-button-inside .button-wrap {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0
}

body .sppb-btn.sppb-btn-lg,
body .btn.sppb-btn-lg {
    padding: 23px 56px 23px 56px
}

button#btn-4627841e-c617-426b-b0c1-e440fac066ac.sppb-btn.sppb-btn-custom.sppb-btn-lg.sppb-btn-square {
    padding: 19px 40px 19px 40px !important;
    border-radius: 0 !important
}

#sppb-addon-1558519438696 #btn-1558519438696.sppb-btn-custom {
    height: 100%
}

#sppb-addon-1558519438696 .sppb-btn i {
    font-size: 2rem
}

#sppb-addon-2e53c23e-3668-45dc-966e-550c8f12de9f .sppb-carousel-extended-nav-control {
    bottom: auto
}

.boat-header {
    position: relative;
    margin-bottom: 20px
}

.boat-page-img {
    width: 100%;
    border-radius: 4px
}

.boat-summary {
    text-align: left;
    margin-top: 10px
}

.boat-summary h6,
.boat-summary h3 {
    margin: 5px 0
}

.boat-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.boat-specs li {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: .9rem;
    color: #333
}

.pricing-details {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px
}

.price-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 1rem
}

.price-item label {
    font-weight: 600;
    color: #666
}

.price-item.total {
    font-size: 1.2rem;
    font-weight: 700
}

.book-request-btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #069;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    margin-top: 15px
}

.bottom-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 149;
    width: 100%;
    height: 53px;
    box-shadow: 0 2px 10px rgb(0 0 0 / .2);
    background: linear-gradient(180deg, #ffffff, #f9f9f9)
}

.bottom-tabs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    line-height: 1.1;
    font-size: .7rem;
    color: #4a4a4a;
    gap: 0;
    text-transform: uppercase;
    font-variation-settings: 'wght' 600
}

.bottom-tabs a:hover {
    color: #d4af37
}

.bottom-tabs a:hover::before {
    color: #d4af37
}

.bottom-tabs a.active {
    color: #d4af37
}

.bottom-tabs a.active::before {
    color: #d4af37
}

.bottom-tabs a {
    border-right: .001rem solid rgb(74 74 74 / .2)
}

.bottom-tabs a:last-child {
    border-right: none
}

.bottom-tabs a span::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    margin-left: 0;
    color: #4a4a4a;
    font-size: 0.85rem !important;
    padding-bottom: 5px
}

#picker-container .flatpickr-calendar,
#picker-container-search .flatpickr-calendar {
    top: 60px !important;
    left: 0 !important
}

.boat-pricefinal-mobile {
    font-variation-settings: 'wght' 500;
    position: fixed;
    bottom: 52px;
    left: 0;
    right: 0;
    z-index: 149;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 10px;
    box-shadow: 0 2px 10px rgb(0 0 0 / .2);
    background: linear-gradient(180deg, #ffffff, #f9f9f9);
    color: #4a4a4a
}

div.boats-mobile-filter-nav {
    position: fixed;
    top: 65px;
    left: 10px;
    z-index: 1055
}

.btn-filter {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #d4af37;
    color: #233b77;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    justify-content: center;
    padding: 8px 16px;
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgb(0 0 0 / .2);
    transition: all 0.3s ease
}

.btn-filter:hover {
    background-color: #b89128;
    box-shadow: 0 6px 8px rgb(0 0 0 / .25)
}

.sticky-column {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    border: 1px solid #ddd
}

#yacht-extras {
    background-color: #f7f4ef;
    border-radius: 20px;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1)
}

#yacht-sp .card-title,
#yacht-extras .card-title {
    color: #4A4A4A !important;
    font-size: 1.7rem;
    text-align: center;
    padding: 20px;
    font-weight: 700;
    border-radius: 20px 0 0 0
}

#yacht-sp .card-body,
#yacht-extras .card-body {
    padding: 20px
}

#yacht-sp .price-label-right {
    font-size: 1rem;
    color: #4a4a4a;
    margin-bottom: 8px
}

#yacht-sp .price-section-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    font-size: .95rem;
    color: #4a4a4a
}

#yacht-sp .total-right .price-label-right,
#yacht-sp .total-right .price-right {
    font-weight: 700;
    font-size: 1.1rem;
    color: #4A4A4A
}

#yacht-sp .price-section-right .text-danger {
    color: #ff4136;
    font-weight: 700
}

#yacht-sp .sppb-btn {
    background-color: #004080;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 14px 0 14px 0;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1);
    transition: all 0.3s ease
}

#yacht-sp .sppb-btn:hover {
    background-color: #003060;
    transform: scale(1.05)
}

#yacht-sp .sppb-btn:active {
    transform: scale(.95)
}

.strikethrough {
    text-decoration-line: line-through;
    text-decoration-color: red;
    text-decoration-style: solid
}

.boat-details-title {
    font-size: 1.5rem;
    font-variation-settings: 'wght' 600;
    color: #4A4A4A;
    border-bottom: 2px solid rgb(0 102 153 / .5);
    padding-bottom: 8px
}

.boat-details-section {
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 2rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1)
}

.equipment-title {
    font-variation-settings: 'wght' 500;
    color: #4A4A4A
}

.boat-details-headings {
    font-variation-settings: 'wght' 600;
    color: #069;
    margin-bottom: 10px
}

.boat-details iframe {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgb(0 0 0 / .1)
}

.boat-specifications .row {
    display: flex;
    flex-wrap: wrap
}

.boat-specifications .row>div {
    flex: 0 0 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #e0e0e0
}

.boat-specifications .row>div:nth-child(odd) {
    background-color: #fff
}

.boat-specifications .row>div:nth-child(even) {
    background-color: #f5f5f5
}

.boat-specifications .spec-label {
    font-variation-settings: 'wght' 600;
    color: #4A4A4A;
    margin-right: 10px
}

.boat-specifications .spec-value {
    font-variation-settings: 'wght' 400;
    color: #555;
    text-align: right
}

@media (max-width:768px) {
    .boat-specifications .row>div {
        flex: 0 0 100%
    }
}

div#sp-bottom3 {
    padding: 8px 5px
}

.section-large-left H2 {
    font-size: 3.7rem;
    line-height: 4rem;
    font-variation-settings: 'wght' 200
}

.left-column-bg {
    background: linear-gradient(135deg, #d4af37, #f8e6a0);
    color: #233b77;
    border-radius: 75px 0 75px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.left-column-bg-red {
    background-color: #D72729;
    color: #fff;
    border-radius: 75px 0 75px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

section#sp-copyright div.container div.container-inner div.row {
    align-items: center !important
}

.reset-button {
    background-color: #e94e3d;
    color: #fff;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase !important;
    border: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    padding: 12px 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-variation-settings: 'wght' 500
}

.reset-button:hover {
    background-color: #d64030
}

.apply-button {
    background-color: #fff;
    color: #233b77;
    padding: 10px 20px !important;
    border-radius: 14px 0 14px 0 !important;
    font-size: 16px !important;
    font-variation-settings: 'wght' 600;
    line-height: 1.7;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    border: .1rem solid rgb(35 59 119 / .6) !important
}

.modal-footer .red-bullet {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 21px;
    height: 21px;
    background-color: #FF4136;
    border-radius: 50%;
    box-shadow: none;
    transition: transform 0.3s ease;
    border: 4px solid #233b77
}

.apply-button:hover {
    background-color: rgb(255 255 255 / .7);
    transform: scale(1.02)
}

@media (max-width:768px) {
    .form-request .form-request-frame .form-group .checkbox-list {
        column-count: auto !important
    }

    .sppb-panel.sppb-panel-faq div.sppb-panel-body {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .extras_unit_price {
        display: block;
        font-size: 13px
    }

    #extras-list>div .checkbox-wrap {
        width: 77% !important
    }

    #extras-list>div .checkbox-wrap .checkbox label {
        display: block !important;
        font-size: 15px !important;
        font-weight: 400 !important
    }

    #filters {
        color: #4A4A4A;
        padding: 0 !important;
        margin-top: .5rem !important
    }

    .section-large-left H2 {
        font-size: 2.7rem;
        line-height: 3.3rem
    }
}

.btn-close-white {
    filter: invert(100%)
}

.modal-footer {
    position: relative
}

.modal-footer.fixed-bottom {
    margin: 0;
    border-top: none;
    flex-wrap: nowrap
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff0
}

#general-request .modal-content,
#yacht-request .modal-content,
#model-request .modal-content,
#sales-general-request .modal-content {
    background-color: #233b77;
    border: none;
    color: #fff
}

.form-request .form-request-frame .form-group label.error {
    color: red;
    font-size: 80%
}

.form-request .container {
    margin: auto;
    padding: 0
}

.form-request .form {
    background: #fff0;
    padding: 0;
    border-radius: 0;
    box-shadow: none
}

.form-request .form-section {
    margin-bottom: 20px
}

.form-request h3 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
    font-variation-settings: 'wght' 400
}

.form-request .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px
}

.form-request .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.form-request label {
    font-variation-settings: 'wght' 400;
    margin-bottom: 5px
}

.form-request .checkbox label {
    color: #fff
}

.form-request input[type="number"] {
    padding: 5px 5px !important
}

.form-request input {
    border: none;
    border-bottom: 1px solid #fff;
    padding: 5px 10px;
    font-size: 1rem
}

.form-request textarea {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 10px;
    font-size: 1rem;
    background-color: #fff0;
    color: #fff
}

.form-request input:focus,
.form-request textarea:focus {
    border-color: #d4af37;
    outline: none
}

.form-request input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    margin-top: 10px
}

.form-request input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #233b77;
    height: 12px;
    width: 12px;
    border-radius: 50%
}

.form-request .checkbox-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: column
}

.form-request .radio-group {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    flex-direction: row
}

.form-request .checkbox input[type="checkbox"]:checked::after {
    display: none
}

form#request input::placeholder {
    color: rgb(255 255 255 / .7) !important;
    font-style: italic
}

.form-request .radio-group input[type="radio"] {
    appearance: none;
    width: 21px;
    height: 21px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #fff0;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    padding: 0 !important
}

.form-request .radio-group input[type="radio"]:checked {
    background-color: #fff;
    border-color: #fff
}

.form-request .radio-group input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #233b77;
    border-radius: 50%
}

.form-request .radio-group label {
    font-size: .9rem;
    font-variation-settings: 'wght' 400;
    align-items: center;
    display: flex;
    cursor: pointer;
    color: #fff
}

.form-request .radio-group input[type="radio"]:hover {
    border-color: #fff;
    background-color: rgb(255 255 255 / .2)
}

.form-request .checkbox-group label {
    font-size: .9rem;
    align-items: center;
    display: flex;
    padding-right: 2rem
}

.form-request .form-group i[data-bs-toggle="popover"]::before {
    font-size: 15px
}

.form-request .form-group i[data-bs-toggle="popover"] {
    right: 10px;
    cursor: pointer;
    font-size: .8rem;
    line-height: 1.1;
    color: rgb(255 255 255 / .6);
    display: inline-block;
    margin-top: -.8rem
}

.form-request .form-group i[data-bs-toggle="popover"]:hover {
    color: rgb(255 255 255 / .6)
}

.form-request .form-group {
    position: relative
}

.form-request-frame .number-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.form-request-frame .passengers input[type="number"] {
    width: 40px;
    text-align: center;
    border-radius: 5px;
    border: none;
    padding: 0;
    font-size: .9rem;
    color: #fff;
    box-shadow: none;
    margin: 0;
    padding: 0 !important
}

.form-request-frame .number-wrap .btn {
    border-radius: 5px;
    padding: 6px 3px;
    font-size: .9rem;
    background-color: #fff0;
    color: #fff;
    line-height: 1
}

.form-request-frame .number-wrap .btn i {
    font-size: 1rem
}

.form-request-frame .number-wrap .btn:hover {
    color: #ccaf0b
}

.form-request-frame .number-wrap .btn :hover {
    color: #233b77
}

.form-request .form-actions {
    text-align: right
}

.form-request {
    border-radius: 0;
    background-color: #fff0;
    color: #fff;
    padding: .50rem;
    box-shadow: none
}

.form-request-frame {
    border: none;
    padding: 0;
    margin-bottom: 10px;
    background-color: #fff0
}

.form-request-frame legend {
    font-variation-settings: 'wght' 500;
    text-transform: uppercase;
    font-size: 1.1rem;
    color: #d4af37
}

.form-request-frame .form-label {
    color: #fff;
    font-size: .90rem;
    letter-spacing: .01rem;
    font-family: "Noto Sans VF", sans-serif !important;
    font-variation-settings: 'wght' 400;
    font-stretch: 100%;
    padding: .5rem .8rem 0 0
}

.form-request-frame .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / .8);
    padding: 5px 10px;
    font-size: .95rem;
    color: #fff;
    box-shadow: none
}

.form-request-frame .form-control:focus {
    border-color: #d4af37;
    box-shadow: none
}

.form-request-frame .form-check-label {
    color: #fff;
    font-weight: 400;
    font-size: .9rem;
    margin-bottom: 0 !important
}

.form-request-frame .tooltip-container .tooltip {
    background-color: #fff;
    color: #333;
    border: 1px solid #d4af37;
    padding: 10px;
    border-radius: 5px;
    font-size: .9rem;
    box-shadow: 0 4px 10px rgb(0 0 0 / .1)
}

.form-request-frame .tooltip-container .tooltip h2 {
    font-size: .7rem;
    font-variation-settings: 'wght' 400;
    margin-bottom: 5px;
    color: #233b77
}

.form-request-frame .btn {
    background-color: #069;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out
}

.form-request-frame .btn:hover {
    background-color: #d4af37;
    color: #233b77
}

.form-request .form-request-frame input.form-control {
    background-color: transparent !important
}

.form-request #request-location.form-group .awesomplete::before {
    color: rgb(255 255 255 / .8)
}

.form-request .checkbox input[type="checkbox"] {
    border: 1px solid #fff
}

.toggle-wrapper {
    position: relative;
    width: 84px;
    height: 31px
}

.toggle-track {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #233b77;
    border-radius: 999px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    border: 1px solid rgb(255 255 255 / .6)
}

.toggle-thumb {
    position: absolute;
    top: 0;
    left: 3px;
    width: 30px;
    height: 30px;
    background-color: rgb(255 255 255);
    border-radius: 50%;
    transition: left 0.3s ease;
    z-index: 2
}

.toggle-option {
    flex: 1;
    text-align: center;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    z-index: 1
}

.toggle-track[data-value="1"] .toggle-thumb {
    left: calc(100% - 31px)
}

.tooltip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 20px;
    height: 20px
}

.tooltip-icon svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    transition: transform 0.3s ease, fill 0.3s ease
}

.tooltip-icon:hover svg {
    transform: scale(1.1);
    fill: #f4d03f
}

#yacht-sp .choices[data-type*="select-one"]::after,
.choices[data-type*="select-one"].is-open::after {
    display: none
}

.timeline-image {
    width: 100%;
    max-width: 320px;
    height: 280px;
    overflow: hidden;
    margin: 0 auto
}

.timeline-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 0 10px rgb(0 0 0 / .05)
}