@font-face { font-family: 'Sweetly Broken'; src: url("../fonts/SweetlyBroken.woff2") format("woff2"), url("../fonts/SweetlyBroken.woff") format("woff"), url("../fonts/SweetlyBroken.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Sweetly Broken'; src: url("../fonts/SweetlyBroken-SemiBold.woff2") format("woff2"), url("../fonts/SweetlyBroken-SemiBold.woff") format("woff"), url("../fonts/SweetlyBroken-SemiBold.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'Sweetly Broken'; src: url("../fonts/SweetlyBroken-Bold.woff2") format("woff2"), url("../fonts/SweetlyBroken-Bold.woff") format("woff"), url("../fonts/SweetlyBroken-Bold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'Cardo', serif; src: url("../fonts/Cardo-Regular.woff2") format("woff2"), url("../fonts/Cardo-Regular.woff") format("woff"), url("../fonts/Cardo-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Cardo', serif; src: url("../fonts/Cardo-Italic.woff2") format("woff2"), url("../fonts/Cardo-Italic.woff") format("woff"), url("../fonts/Cardo-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'Cardo', serif; src: url("../fonts/Cardo-Bold.woff2") format("woff2"), url("../fonts/Cardo-Bold.woff") format("woff"), url("../fonts/Cardo-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; }

.clean-safe-badge { padding: 15px 0; }

@media (min-width: 992px) { .clean-safe-badge { padding: 0; } }

.clean-safe-badge img { filter: invert(1); }

@media (min-width: 992px) { .clean-safe-badge img { position: absolute; right: 15px; transform: translateY(-50%) rotate(-15deg); } }

.splide { position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; outline: none; }

.splide__track, .splide__list, .splide__slide img { height: 100%; }

.splide__slide img { width: 100%; object-fit: cover; object-position: center; }

.splide__arrow { z-index: 2; text-align: center; display: block; width: auto; height: auto; padding: 5px 15px; line-height: 1; background-color: transparent; }

.splide__arrow span { display: block; width: 1px; height: 30px; background-color: white; }

.splide__arrow--next span:first-child { transform: rotate(-45deg); margin-bottom: -9px; }

.splide__arrow--next span:last-child { transform: rotate(45deg); margin-top: -9px; }

.splide__arrow--prev span:first-child { transform: rotate(45deg); margin-bottom: -9px; }

.splide__arrow--prev span:last-child { transform: rotate(-45deg); margin-top: -9px; }

.nav-tabs { border-color: #d3ced2; }

.nav-tabs .nav-item .nav-link { padding: 10px 15px; background-color: #ebe9eb; border-color: #d3ced2; color: #515151; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; }

.nav-tabs .nav-item .nav-link:hover { background-color: white; }

.nav-tabs .nav-item .nav-link.active { background-color: #f9f7f6; border-bottom-color: #f9f7f6; }

.tab-content { padding: 30px 0; }

.btn { font-size: 12px; letter-spacing: 1px; line-height: 1.2; border-radius: 0px; padding: 15px 20px; box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.75) !important; }

.btn-primary { color: #1f4e79; border-color: #1f4e79 !important; background-color: white; }

.btn-primary:hover { color: white; background-color: rgba(17, 193, 255, 0.8); }

.btn-primary:focus, .btn-primary:active { color: white !important; background-color: #11c1ff !important; }

.btn-secondary { color: #ffe6b9; border-color: #ffe6b9 !important; background-color: #11c1ff; }

.btn-secondary:hover { color: #ffe6b9; background-color: rgba(17, 193, 255, 0.8); }

.btn-secondary:focus, .btn-secondary:active { color: #ffe6b9 !important; background-color: #1f4e79 !important; }

.btn-submit { color: #2b2b2b !important; border-color: #eee9e8 !important; background-color: #eee9e8 !important; text-transform: uppercase; }

.btn-submit:hover { background-color: #c2c3b1 !important; }

.btn-submit:focus, .btn-submit:active { background-color: #c2c3b1 !important; }

.btn-submit:disabled { cursor: not-allowed; opacity: 0.5; }

.form-control { border-color: #c4c4c4; border-radius: 0px; background-color: transparent; height: auto; padding: 10px; margin-bottom: 15px; font-size: 18px; }

.form-control:focus { border-color: #848484; box-shadow: none; }

.form-check-label { font-size: 12px; text-transform: initial; letter-spacing: 1px; }

h1 { font-size: 30px; font-weight: 400; color: #1f4e79; margin-bottom: 30px; }

h2 { font-size: 22px; font-weight: 700; font-style: italic; color: #1f4e79; margin-bottom: 30px; }

h3 { margin-bottom: 30px; border-bottom: 1px solid #ffd9b3; color: #1f4e79; font-size: 24px; font-weight: 700; line-height: 2; }

h4 { font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: 1px; margin-bottom: 30px; }

h6 { font-size: 20px; font-weight: 400; margin-bottom: 15px; }

p { font-size: 12px; font-weight: 500; line-height: 2; letter-spacing: 1px; margin-bottom: 10px; }

p small { font-size: 10px; font-weight: 500; }

p strong { font-weight: 700; }

a { color: #11c1ff; transition: color .2s; }

a:hover { color: rgba(17, 193, 255, 0.6); }

a:hover img { transition: opacity 0.2s; opacity: 0.85; }

blockquote { margin-bottom: 30px; background-color: white; padding: 15px; }

blockquote p { font-family: 'Cardo', serif; font-size: 20px; font-weight: 600; font-style: italic; line-height: 1.5; }

@media (min-width: 992px) { blockquote { padding: 30px; } }

label { font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 5px; }

ul { margin-bottom: 15px; }

ul li { font-size: 12px; margin-bottom: 5px; }

body { font-family: 'Montserrat', sans-serif; color: #444; }

body header section#nav-top .navbar { border-bottom: 1px solid #ffd9b3; padding: 5px 15px; }

body header section#nav-top .navbar .navbar-toggler { padding: 0px; width: 100%; border-color: transparent; }

body header section#nav-top .navbar .navbar-nav { width: 100%; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; }

body header section#nav-top .navbar .navbar-nav .nav-item { display: inline-block; padding: 0px; }

body header section#nav-top .navbar .navbar-nav .nav-item.active .nav-link { color: #1f4e79; font-weight: 700; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-menu { position: absolute; display: block; padding: 0; margin-top: 5px; opacity: 0; transition: opacity 0.2s ease-in-out; border-color: #ffd9b3; border-top-color: white; border-radius: 0px; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-menu:hover { opacity: 1; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-menu--left { left: auto; right: 0px; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-menu .input-group { min-width: 220px; padding: 5px; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-menu .input-group .form-control { border-color: transparent; height: auto; padding: 10px 15px; font-size: 12px; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-menu .input-group .form-control:hover { box-shadow: none; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-menu .input-group .form-control:focus::placeholder { color: transparent; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-menu .input-group-append .btn { height: auto; padding: 5px 10px; line-height: 1.2; box-shadow: none !important; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-item { padding: 10px 15px; font-size: 11px; font-weight: 500; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-item:not(:last-child) { border-bottom: 1px solid #ffd9b3; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-item:hover { background-color: transparent; color: #11c1ff; }

body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-item:focus, body header section#nav-top .navbar .navbar-nav .nav-item .dropdown-item.active { background-color: transparent; color: #1f4e79; }

body header section#nav-top .navbar .navbar-nav .nav-link { padding: 15px 20px; display: inline-block; transition: 0.25s color; color: #2b2b2b; font-size: 14px; font-weight: 500; letter-spacing: 0.5px; line-height: 1.2; }

@media (min-width: 992px) { body header section#nav-top .navbar .navbar-nav .nav-link { font-size: 11px; } }

body header section#nav-top .navbar .navbar-nav .nav-link:hover { color: #11c1ff; }

body header section#nav-top .navbar .navbar-nav .nav-link:hover + .dropdown-menu { opacity: 1; }

body header section#nav-top .navbar .navbar-nav .nav-link.active { font-weight: 700; }

body header section#nav-top .navbar .navbar-nav .nav-link svg { width: 12px; height: 12px; }

body header section#nav-bottom .navbar { padding: 0px; border-bottom: 1px solid #ffd9b3; }

@media (min-width: 992px) { body header section#nav-bottom .navbar { display: none; } }

body header section#nav-bottom .navbar .navbar-toggler { display: block; width: 100%; padding: 10px 15px; background-color: #f9f7f6; border-color: transparent; border-radius: 0px; }

body header section#nav-bottom .navbar .navbar-toggler-icon { width: 20px; height: 20px; }

body header section#nav-bottom .navbar .navbar-toggler:hover { background-color: #efe9e7; }

body header section#nav-bottom .navbar .navbar-toggler:focus { outline: none; }

body header section#nav-bottom .navbar .navbar-nav { text-align: center; padding: 10px 0px; }

body header section#nav-bottom .navbar .navbar-nav .nav-item { display: inline-block; padding: 5px 20px; }

body header section#nav-bottom .navbar .navbar-nav .nav-item.active .nav-link { color: #1f4e79; font-weight: 700; }

body header section#nav-bottom .navbar .navbar-nav .nav-item .dropdown-toggle { position: absolute; top: 5px; right: 20px; }

body header section#nav-bottom .navbar .navbar-nav .nav-item .dropdown-toggle::after { vertical-align: 1px; border-top: 7px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; }

body header section#nav-bottom .navbar .navbar-nav .nav-item .dropdown-menu { display: block; padding: 0px; margin-top: 5px; max-height: 0px; overflow: hidden; border-color: transparent; text-align: center; transition: max-height 0.2s ease-out; }

body header section#nav-bottom .navbar .navbar-nav .nav-item .dropdown-menu.show { max-height: 1000px; transition: max-height 0.5s ease-in; }

body header section#nav-bottom .navbar .navbar-nav .nav-item .dropdown-item { position: relative; padding: 10px 15px; font-size: 11px; font-weight: 500; }

body header section#nav-bottom .navbar .navbar-nav .nav-item .dropdown-item::after { content: ""; position: absolute; display: block; width: 100vw; border-bottom: 1px solid #f5f5f5; left: 50%; bottom: 0px; transform: translateX(-50%); }

body header section#nav-bottom .navbar .navbar-nav .nav-item .dropdown-item:hover { background-color: transparent; color: #11c1ff; }

body header section#nav-bottom .navbar .navbar-nav .nav-item .dropdown-item:focus, body header section#nav-bottom .navbar .navbar-nav .nav-item .dropdown-item.active { background-color: transparent; color: #1f4e79; font-weight: 700; }

body header section#nav-bottom .navbar .navbar-nav .nav-link { display: inline-block; transition: 0.25s color; color: #2b2b2b; font-size: 12px; font-weight: 500; letter-spacing: 1px; padding: 0px; }

body header section#nav-bottom .navbar .navbar-nav .nav-link:hover { color: #11c1ff; }

body header section#nav-bottom .navbar .navbar-nav .nav-link.active { font-weight: 700; }

body header section#nav-bottom .navbar .navbar-nav .nav-link svg { width: 12px; height: 12px; }

body header section#nav-bottom .navbar .navbar-nav .nav-link + .nav-link { margin-left: 10px; }

body header section#logo { padding: 30px 0; }

body header section#logo a { max-width: 240px; }

body main section#slideshow { position: relative; }

body main section#slideshow .overlay { pointer-events: none; position: relative; z-index: 1; padding: 60px 0; color: white; }

@media (min-width: 576px) { body main section#slideshow .overlay { padding: 75px 0; } }

@media (min-width: 768px) { body main section#slideshow .overlay { padding: 90px 0; } }

@media (min-width: 992px) { body main section#slideshow .overlay { padding: 105px 0; } }

@media (min-width: 1200px) { body main section#slideshow .overlay { padding: 120px 0; } }

body main section#slideshow .overlay h1 { font-family: "Sweetly Broken", serif; font-size: 54px; font-weight: 400; margin-bottom: 5px; color: white; }

@media (min-width: 576px) { body main section#slideshow .overlay h1 { font-size: 86px; } }

@media (min-width: 768px) { body main section#slideshow .overlay h1 { font-size: 98px; } }

@media (min-width: 992px) { body main section#slideshow .overlay h1 { font-size: 128px; } }

@media (min-width: 1200px) { body main section#slideshow .overlay h1 { font-size: 152px; } }

body main section#slideshow .overlay h2 { font-size: 18px; font-weight: 400; font-style: initial; color: white; text-transform: uppercase; margin-bottom: 20px; }

body main section#slideshow .overlay .btn { pointer-events: all; }

body main section#clean-safe { padding: 60px 0; background-color: #1f4e79; color: white; }

body main section#boat-tours { padding: 60px 0; }

body main section#boat-tours .btn { margin-top: 20px; }

body main section#parallax { padding: 100px 0; position: relative; background-image: url(../img/parallax.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color: white; }

body main section#parallax .box { padding: 30px 15px; background-color: rgba(0, 0, 0, 0.25); }

@media (min-width: 576px) { body main section#parallax .box { padding: 45px 30px; } }

@media (min-width: 768px) { body main section#parallax .box { padding: 60px 45px; } }

@media (min-width: 992px) { body main section#parallax .box { padding: 75px 60px; } }

@media (min-width: 1200px) { body main section#parallax .box { padding: 90px 75px; } }

body main section#parallax .box p { line-height: 2.5; margin-bottom: 20px; }

body main section#parallax .box p:last-child { margin-bottom: 0px; }

body main section#offers { padding: 100px 0; }

body main section#offers .offer { position: relative; display: block; }

body main section#offers .offer--background { position: relative; display: flex; align-items: center; min-height: 400px; width: 100%; padding: 15px; }

body main section#offers .offer--background img { position: absolute; z-index: 0; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; }

body main section#offers .offer--background .box { position: relative; background-color: rgba(0, 0, 0, 0.5); padding: 15px; }

body main section#offers .offer--background .box h4 { margin-bottom: 0px; font-size: 22px; color: white; }

body main section#offers .offer--title { font-size: 18px; font-weight: 400; color: #1f4e79; margin-top: 20px; margin-bottom: 5px; }

body main section#offers .offer--price { display: block; padding: 10px 0; font-size: 12px; font-weight: 500; line-height: 1.2; color: #1f4e79; }

body main section#offers .offer:hover, body main section#offers .offer:focus { text-decoration: none; }

body main section#offers .btn { margin-top: 45px; }

body main section#contacts .map-box { padding: 15px; background-color: white; text-align: center; }

body main section#contacts .map-box p { font-size: 14px; font-style: italic; }

body main section.content-section { background-color: #f9f7f6; padding: 60px 0; }

body main section.content-section .content-subtitle { font-size: 16px; font-weight: 400; font-style: italic; }

body main section.content-section .figure { max-height: 340px; width: 100%; height: 100% !important; padding-bottom: 10px; -o-object-fit: cover; object-fit: cover; }

@media (min-width: 768px) { body main section.content-section .figure { max-height: 340px; } }

body main section.content-section p { margin-bottom: 30px; }

body footer section#top { padding-top: 75px; background-color: #11c1ff; color: white; }

body footer section#top::after { content: ""; position: relative; margin-top: 75px; display: block; width: 100%; height: 200px; background-image: url(../img/footer.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

body footer section#top h4 { font-size: 20px; }

body footer section#top .logo { margin-bottom: 30px; }

body footer section#top .app-link { position: relative; color: white; text-decoration: none; }

body footer section#top .app-link::after { content: " "; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #ffffff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

body footer section#top .app-link:hover::after { opacity: 0; -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); }

body footer section#top .navigation-link { letter-spacing: 2px; color: white; }

body footer section#top .navigation-link:hover { text-decoration: none; color: rgba(255, 255, 255, 0.7); }

body footer section#bottom { padding: 45px 0; }

body footer section#bottom .social-links a { font-size: 22px; color: #004c7d; transition: color .2s; }

body footer section#bottom .social-links a:not(last-child) { margin-right: 5px; }

body footer section#bottom .social-links a:hover { color: rgba(0, 76, 125, 0.8); }

body footer section#bottom p { margin-bottom: 5px; line-height: 1.5; }

body footer section#bottom p a { color: #444; transition: color .2s; }

body footer section#bottom p a:hover { text-decoration: none; color: rgba(68, 68, 68, 0.7); }

.product .slider { margin-bottom: 20px; }

.product .slider .slick-slide:focus { outline: none; }

.product .slider-miniature .slick-list { margin: 0 -10px; }

.product .slider-miniature .slick-slide { padding: 0 10px; opacity: 0.7; width: 100%; height: 60px; object-fit: cover;}

.product .slider-miniature .slick-slide:focus { outline: none; opacity: 1; }

.product .slider-miniature .slick-slide:hover { opacity: 0.8; }

.product .slider-miniature .slick-current { opacity: 1; }

.product-price { font-size: 18px; font-weight: 400; color: #1f4e79; margin-bottom: 10px; }

.product p { letter-spacing: initial; font-weight: 400; }

.product p strong { font-weight: 600; }

.product .alert { border-radius: 0px; border-color: transparent; border-top-color: #c4c4c4; }

.product .rating { font-size: 18px; color: #11c1ff; }