@charset "UTF-8";
@import "bootstrap-5.2.3.css";
@import "cookie-consent.min.css";
@import "../js/photoswipe/dist/photoswipe.css";

:root {
    --magic-number: 0.09719; /* tan(11°)/2 */
    --content-width: 100vw;
    --skew-padding: calc(var(--content-width) * var(--magic-number));
    --font-headings: Fixel, 'Segoe UI', sans-serif;
    --gold-main-color: #94836B;
    --blue-main-color: #00214D;
    --blue-darker-color: #001838;
    --blue-lighter-color: #003170;
    --navbar-bg-color: #00214D;
    --copyright-bg-color: #00142E;
    --linear-gradient-old-browsers: #94836B;
    --linear-gradient-webkit: webkit-linear-gradient(to left, rgba(148, 131, 107, 0.9), rgba(0, 33, 77, 0.9));
    --linear-gradient-modern-browsers: linear-gradient(to left, rgba(148, 131, 107, 0.9), rgba(0, 33, 77, 0.9));
}

/* Fixel variable font */
@font-face {
    font-family:'Fixel';
    src: url('../fonts/Fixel/FixelVariable.ttf') format('truetype');
    font-weight: 100 900;
    font-stretch: 0% 150%;
    font-display: swap;
}

/* #LINKS ALL styles
=============================================== */
a:link,
a:visited {
    color: var(--blue-main-color);
    border: none;
    text-decoration: none;
    border-bottom: 1px dotted var(--blue-main-color);
}
a:hover,
a:active {
    color: var(--gold-main-color);
    border: none;
    text-decoration: none;
    border-bottom: 1px solid var(--gold-main-color);
}
/* #Navbar */
.navbar a:link,
.navbar a:visited,
.navbar a:hover,
.navbar a:focus {
    text-decoration: none;
    border: 0;
}
.nav-item a:link,
.nav-item a:visited {
    color: #ffffff;
    text-decoration: none;
    border: 0;
}
.nav-item a:hover,
.nav-item a:focus {
    color: var(--gold-main-color);
    text-decoration: none;
    border: 0;
}
.navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-nav .nav-link.active {
    color: var(--gold-main-color);
}
/* #Footer */
footer a:link,
footer a:visited {
    color: #fff;
    text-decoration: none;
    border: 0;
}
footer a:hover,
footer a:focus {
    color: var(--gold-main-color);
    border-bottom: 1px solid var(--gold-main-color);
}
a:link.logo {
    text-decoration: none;
    border: 0;
}

a:focus {
    outline: 1;
}
.mobile-apps-links a:link {
    text-decoration: none;
    border: 0;
}
a.btn-custom {
    color: #fff;
    text-decoration: none;
    border: none;
}

/* #COMMON styles
=============================================== */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Fixel, 'Segoe UI', sans-serif;
    font-variation-settings: "wght" 800;
    font-weight: 800;
    color: var(--blue-main-color);
    text-align: center;
}
.h1, h1 {
    font-size: calc(1.8rem + 1.2vw);
}
.h2, h2 {
    font-size: calc(1.4rem + 1.2vw);
}
.text-smaller li {
    font-size: 0.9rem;
}
.title-white-one {
    color: white;
    font-family: Fixel, 'Segoe UI', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
}
.btn-gold  {
    background-color: #82735E;
}
.dropdown-menu {
    opacity: 0.85;
}
.gradient-text-one {
    background: #996633;
    background: linear-gradient(to right, #996633 15%, #003366 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-bg-one {
    background: rgb(148,131,107);
    background: radial-gradient(circle, rgba(148,131,107,1) 0%, rgba(104, 92, 75, 1) 50%, rgba(148,131,107,1) 100%);
}
.gradient-bg-two {
    background: #00214D;
    background: radial-gradient(circle, #00214D) 0%, #003375 50%, #00214D 100%);
}

hr.gold-line {
    border-top: 1px solid rgba(104, 92, 75, 1);
    border-bottom: 1px solid rgba(104, 92, 75,0.5);
}

.shadow-divider {
  margin: 30px auto 0 auto;
  max-width: calc(50% + 1.5vw);
  position:relative;
}
.shadow-divider-mask {
    overflow:hidden;
    height:20px;
}
.shadow-divider-mask:after {
    content:'';
    display:block;
    margin:-25px auto 0;
    width:100%;
    height:25px;
    border-radius:125px / 12px;
    box-shadow:0 0 8px rgba(148,131,107,0.75);
}
.shadow {
    width: 100px;
    margin: 0 auto;
    height: 100px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shadow.top {
    box-shadow: 0px -15px 10px -15px #111;
}
.shadow.bottom {
    box-shadow: 0px 15px 10px -15px #111;
}
.shadow.left {
    box-shadow: -15px 0px 10px -15px #111;
}
.shadow.right {
    box-shadow: 15px 0px 10px -15px #111;
}

/* #Navbar
=============================================== */
#navbar-box,
#navbar-wrapper {
    background-color: var(--blue-main-color);
}
#navbar-brand {
    margin: 0;
    padding: 0;
}
.nav-link {
    color: #fff;
    font-size: 1.1rem;
}
/* Navbar smart scroll */
.autohide {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
}
.scrolled-down{
    transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
    transform:translateY(0); transition: all 0.3s ease-in-out;
}
.navbar-collapse {
    background-color: var(--blue-main-color);
    margin-top: 7px;
    padding: 15px;
    border-radius: 0 0 8px 8px;
}
.navbar-toggler-icon {
    color: #fff;
}

/* #Advantages
=============================================== */
#advantages p {
    line-height: 1.4;
}

/* #Reservations
=============================================== */
#reservations p {
    line-height: 1.3;
}

/* #Modals
=============================================== */
h1.modal-title {
    font-size: 2rem;
}
.modal-body h2 {
    font-size: 1.4rem;
}

/* #List custom styles
============================================= */
.list-number {
    color: var(--gold-main-color);
    font-size: 3rem;
    text-align: right;
    font-weight: 500;
    min-width: 70px;
}
.list-title {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    text-align: left;
}
.list-content {
   font-size: 1rem;
}

.list-style li {
    margin-bottom: 10px;
}

/* #BLOBS svg backgrounds
=============================================== */
.dolphin-svg {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 1249 1280'><path fill='%23EBEDEF' d='M636.5 1c-52 1.2-95.3 6-127.1 14-26.5 6.7-90.5 16.9-131.5 21-35.3 3.5-44.2 3.6-62.4.6-19.7-3.3-44.2-8.5-64-13.6-18.1-4.7-32.5-7.4-50.5-9.6-18.6-2.3-56.7-2.3-75.5 0C80.1 19 39 31.3 9.4 48.2c-18 10.2-11.8 18.4 29.3 39.2 19.7 10 45.2 24.6 69.8 40.1 21.7 13.6 24.2 15.4 33.7 24.4 21.3 20.2 27.6 33.2 26.5 54.6l-.5 10-14 35.5c-7.7 19.5-20.7 52.4-29 73C98 393.1 79.3 449.6 64.4 508.4c-6.5 25.8-12.7 71.1-14.5 107.6-3.3 63.4 3 143.8 16.7 212.5 5.6 28.3 28.6 102.5 40.8 131.9 37.3 89.2 92.9 173.6 163 247 36.9 38.8 43.9 45 65 57.6 10.4 6.2 30.1 15.3 32.3 14.8.9-.2-1.8-2.4-6.3-5.3-19.3-12.2-32.3-23.2-63.3-53.8-80.8-79.8-140.5-167.3-181.3-265.7-32.1-77.5-49.2-146.9-56.2-228.5-4.4-50.8-4-116.1 1-160C64.4 541.8 68.4 521 75 496c4.9-18.3 28-87.9 35.3-106.5 16.5-41.7 21.1-50.7 29.5-57.1 6.4-4.8 10-4.6 14.6.8 5.3 6.2 7.9 13.7 8.4 24.3.3 8.2 0 10-3.3 20.5-10.4 32.5-14.3 47.5-21.5 82.1-11.7 55.9-17 89.3-23.5 146.9-2.1 17.9-4 51.3-3.2 53.5 1.2 3 2.8.4 4.8-8.2 3.1-12.6 11.6-55.7 13.9-70.3 9.3-58.3 32.6-125.6 67.1-194 20.4-40.4 36.9-68.1 53.7-89.9C302.1 231.5 372 167.4 431 132.8c34.3-20.1 80.3-38.3 114.2-45.2 19.6-4 93.1-4.6 130.2-1.1 9.3.9 18.5 1.4 20.5 1.3l3.6-.4-3.9-1.8c-2.2-1-6.9-2.4-10.5-3.2-33.1-7.5-44.3-11.3-64.9-21.9-15.3-7.9-18.2-10.8-18.2-17.9 0-5.3 2.8-9.8 7.4-12 13.5-6.4 40.1-9.2 57.6-6.2 5.2 1 16.5 2.8 25 4.2 55.9 8.8 102.5 21.6 164 45.1 40 15.3 65.8 28.2 95 47.6 32.7 21.8 69.2 55.2 80.8 73.9 6.5 10.5 12.2 24 12.2 29.1 0 7-4 12.1-12.5 15.7-4.4 2-6.3 2.1-16 1.7-18.9-.8-22.2-2-81-30.9-57.7-28.4-69.8-33.9-94-42.8-55.4-20.2-109.6-29.5-184.5-31.6-46.5-1.4-97.9 4.2-147 16-18.5 4.4-48.6 17-72.8 30.4-11.9 6.5-43.2 26.9-48.7 31.6l-3 2.6 4.5-1.6c2.5-.9 11.9-5.2 21-9.6 44.3-21.6 75.2-30.5 117.5-33.9 27.7-2.2 75.3 1.8 113.8 9.7 58.6 11.9 119.5 35.3 167.2 64.2 25.1 15.2 69.6 55.5 98.4 89 13.9 16.1 18.2 18.8 28.4 17.8 14-1.4 42.7-1.8 52.8-.7 20.5 2.4 44.6 8.8 58.9 15.9 14.4 7.1 30.6 21.3 39.7 34.7 8 11.9 18.5 35.1 20.8 46.2 2.1 9.9 1.9 25.1-.5 35.1-2.2 9.3-7.7 21.8-10.6 24.4-5.2 4.6-9 3.1-33.4-13-8-5.2-18.2-11.4-22.8-13.8-13.6-7-33.7-13.6-45.4-15-4.9-.6-5.7-.4-8.6 2-3.7 3.2-5 8.2-3.2 12.7 1.9 4.4 4.4 5.6 13.5 6.3 18.4 1.5 35.7 6.5 55 16.1 11.2 5.6 14.4 7.7 23 15.6 5.5 5.1 16.5 15.1 24.5 22.3 8 7.1 21.5 19.8 30.1 28.1 17 16.5 32 28.9 47.4 39.4 11.4 7.7 27.3 17.1 32.5 19.1 5.4 2.2 10 5 11 7 1.1 2.1 0 6-2.1 7.6-3.9 3.1-18.7 4.4-26.4 2.3-2.2-.6-21.8-9.9-43.5-20.8-21.7-10.8-49.4-24.2-61.5-29.7-12.1-5.4-27.8-13-34.8-16.8-29.3-15.7-64.4-30.4-99.2-41.7-12.1-3.9-25.1-8.1-29-9.4-3.8-1.2-16.4-6-28-10.5-28.8-11.2-53.7-20.3-82-30-25.5-8.7-42.5-15.3-56.7-21.8-10.6-4.9-12.4-7.5-11.5-16.1 1.4-12.9 8.3-34.9 18.2-58.1 10.1-23.7 14.5-38.7 17.6-60.7 2.1-15.5.6-13.5-11.6 15-7.9 18.6-19.6 44-28 60.8-5.5 11-23.4 38.1-49.5 74.9-14.7 20.9-31.3 40.8-59.9 72-16.3 17.7-73.9 75.3-91.1 90.9-20.6 18.8-59.2 49.4-91.5 72.5-12.2 8.8-15.5 10.6-18 10.4-1.7-.2-3.1-.9-3.3-1.9-.2-.9 4-5.7 9.9-11.5 27.5-26.9 125.6-143.8 155.1-185 34.4-47.9 63.6-102.9 83.7-157.7 4.9-13.4 6.1-18.7 4.2-18.7-1.5 0-18.4 22.8-30.7 41.5-15.9 24.2-24.5 32.3-41.6 39.2-12.9 5.2-30.6 6.4-39.8 2.6-7.4-3-12-10-12-18.3 0-3.9.9-6.8 3.9-12.9 9.5-18.8 24.8-41 38.6-55.9 13.3-14.3 30.4-26.5 48.2-34.2 9.1-4 14.3-7.3 14.3-9.1 0-1.8-13.2-15.4-18.2-18.7-27.3-18.4-54.8-25.8-100.8-26.9-41-1-56.8 1.7-110.7 18.7-36 11.4-98.1 48.6-136.4 81.7-23.4 20.3-60.2 61.3-67.3 75-1.8 3.5-2.1 7.3-.7 7.3.5 0 8.5-7.7 17.8-17.1 28.7-29.2 52.4-48.4 82.7-67.1 20.9-12.9 44.2-21.9 72.6-28.2 28.6-6.3 51.7-7.7 63-3.8 20.7 7.1 32.7 21.1 33.8 39.1.9 15.6-5.7 28.1-24.9 46.9-15.3 15-36.3 27.8-55 33.6-29.5 9-36.5 10.9-47.3 13.1-21.8 4.4-44.4 5.6-66.2 3.4-10.5-1-11.5-1.3-25.9-8-18.3-8.6-19.7-8.9-23.2-5.8-3 2.8-20.6 28.9-31.3 46.4-36.7 60.2-60.6 115.5-83.6 193.7-8.3 28.4-15.7 78-17 114.8-.7 18.1.6 33.9 5.2 62 7.2 45.2 15.5 74.6 30.2 108 21.5 48.6 25 55.3 40.4 78.6 29.7 44.7 37.8 55.1 57.5 74.4 9.8 9.6 23.2 22 29.8 27.5 6.6 5.4 14.1 11.9 16.7 14.2 4.8 4.4 11.3 8.1 12.4 7.1.3-.3-2.1-3.2-5.3-6.4-3.2-3.3-9.9-10.6-14.8-16.2-5-5.7-10.1-11-11.5-11.7-3.1-1.6-9.4-7.8-12.9-12.5-1.4-1.9-4.9-6.2-7.7-9.5-12.6-14.8-33.6-44.5-48.2-68.5-8-13.2-22.4-42-28.1-56.5-16.8-42.2-26.5-81.4-31.2-126.5-1.8-17.1-1.4-61.9.6-75.5 4.2-27.9 13.6-67.9 20-85.5 8.3-22.2 21.4-52.8 30.5-70.9 12.2-24.5 55.5-78.4 80-99.9 25.3-22.1 52.2-38.6 84.6-51.6 8.7-3.5 21.8-8.9 29-11.9 32.2-13.5 63.9-20.3 99.6-21.4l18.6-.6 2.5 2.5c1.6 1.6 2.4 3.3 2.1 4.9-4 25.3-8.2 42.2-17.9 71.9-15.2 47.1-23.7 64.6-48.6 100-41.4 59-79.5 102-130.7 147.4-7.7 6.9-12.2 11.5-12 12.5.3 1.3 1.8 1.6 9.2 1.4 9.2-.2 21.4-2.8 32-6.8 3.4-1.2 8.1-2.6 10.6-3 28.1-4.4 62.5-18.4 87.9-35.7 6.8-4.6 15-10.1 18.4-12.2 24.5-15.4 32.5-21.1 48.3-34.5 5.5-4.8 18.2-15.1 28.3-23 37.6-29.7 71.1-59.7 94.3-84.5 26.8-28.6 58.3-66.9 76.3-92.8 3.3-4.8 7-9.1 8.2-9.7 3.1-1.4 7.4-.5 16 3.4 6.7 3.1 7.6 3.9 14.1 12.7 12.6 17.1 36.4 52.1 44.9 66.3 8.8 14.6 23.3 42.6 30.4 58.6 16.8 38 28.6 85.1 29.6 117.9.5 16.7.8 19 2.8 19 1.8 0 4.1-7.4 10-31.5 12.6-51.9 21.2-107.7 25.4-165.9.9-11.3 1.3-13.1 3.3-15.3 2.1-2.3 2.8-2.5 7.8-1.9 6.7.7 41.4 12.2 64.5 21.3 9.4 3.7 28.9 12.7 43.5 19.9 14.6 7.3 33.9 16.6 43 20.7 26.9 12.2 61.7 29 90 43.3 27.8 14.1 34.2 16.4 45 16.4 12.7 0 27.7-5.6 36.1-13.3 7-6.5 14-30.1 14.3-48.2l.1-10-7.3-13.4c-4-7.4-11.2-19.5-16-27-9.4-14.7-16.4-30.6-24.5-55.6-8.2-25.3-8.6-27.5-9.7-52.3-.6-12.5-1.4-27-2-32.2-.5-5.2-.9-17.7-.9-27.7-.1-35.8-6.3-64.9-19.6-92.1-22.4-45.8-48.7-82.6-87.3-122.3-28.7-29.5-58.3-54.4-90.2-75.9-19-12.8-56-34.3-76.5-44.5-48.1-23.8-89-37.7-132-45-8.2-1.3-16.5-2.9-18.3-3.4-5.4-1.6-23.9-5-36.2-6.6C713.4.5 679.9 0 636.5 1z'/><path fill='%23EBEDEF' d='M978.1 379.4c-1.5 1.8-.5 5.8 2.1 8.6 1.2 1.2 5.1 4.2 8.7 6.5 3.6 2.4 8.5 6.3 10.8 8.7 4.7 4.9 19.4 24.8 24.6 33.5 6.6 10.8 27.6 22.7 50 28.3 8.4 2.1 8.9 2.1 10.8.4 1.2-1.1 1.9-3 1.9-5.5 0-3.3-.9-4.8-6.4-11-3.6-3.9-8.5-10.5-10.9-14.7-8.8-15.1-21.4-27.7-36.2-36.5-3.8-2.3-9-5.7-11.5-7.6-5.8-4.4-15.3-8.7-23.3-10.6-8.1-1.9-19.1-2-20.6-.1zm50.9 27.7c7.9 4.2 17.8 12.5 23.9 20.1 6.2 7.6 11.7 17.8 10.8 20.1-3.6 9.3-30.1-9.4-39.1-27.6-4.5-9.2-5.8-15.7-3.1-15.7.9 0 4.3 1.4 7.5 3.1z'/></svg>");
}
.steering-wheel-svg {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 201.06 201.06' fill-rule='evenodd'><path style='fill:%23ebedef' d='M107.35 32.69v5.42c12.23 1.33 23.39 6.17 32.47 13.47l4.05-4.06c1.54-3.27 4.08-6.85 7.37-10.19 7.75-7.82 16.85-11.4 20.31-7.96 3.47 3.43-.02 12.56-7.77 20.38-3.41 3.46-7.11 6.07-10.45 7.63l-3.84 3.84c7.3 9.1 12.13 20.27 13.46 32.47h5.71c3.42-1.23 7.73-1.96 12.42-1.99 11.02-.04 19.96 3.87 19.98 8.73.03 4.88-8.88 8.86-19.91 8.91-4.85.02-9.31-.74-12.77-1.99h-5.43a62.522 62.522 0 0 1-13.46 32.47l4.05 4.05c3.27 1.54 6.85 4.08 10.19 7.37 7.82 7.75 11.4 16.85 7.97 20.31-3.44 3.47-12.56-.02-20.39-7.77-3.46-3.41-6.06-7.11-7.63-10.45l-3.84-3.84c-9.1 7.3-20.26 12.13-32.47 13.46v5.71c1.23 3.42 1.97 7.73 1.99 12.42.05 11.02-3.86 19.96-8.72 19.98-4.88.03-8.87-8.88-8.91-19.91-.03-4.85.73-9.31 1.99-12.77v-5.43a62.488 62.488 0 0 1-32.47-13.46l-4.06 4.05c-1.54 3.27-4.07 6.85-7.37 10.19-7.75 7.82-16.85 11.4-20.31 7.97-3.46-3.44.02-12.56 7.77-20.39 3.42-3.46 7.11-6.06 10.46-7.63l3.84-3.84c-7.3-9.1-12.14-20.26-13.47-32.47H32.4c-3.41 1.23-7.73 1.97-12.42 1.99C8.96 109.41.02 105.5 0 100.64c-.02-4.88 8.89-8.87 19.91-8.91 4.86-.03 9.31.73 12.78 1.99h5.42a62.5 62.5 0 0 1 13.47-32.47l-4.06-4.06c-3.27-1.54-6.85-4.07-10.19-7.37-7.82-7.75-11.4-16.85-7.96-20.31 3.43-3.46 12.56.02 20.38 7.77 3.46 3.42 6.07 7.11 7.63 10.46l3.84 3.84c9.1-7.3 20.27-12.14 32.47-13.47V32.4c-1.23-3.41-1.96-7.73-1.99-12.42C91.66 8.96 95.57.02 100.43 0c4.88-.02 8.86 8.89 8.91 19.91.02 4.86-.74 9.31-1.99 12.78zm-6.85 8.5c32.8 0 59.39 26.6 59.39 59.4s-26.59 59.4-59.39 59.4c-32.81 0-59.4-26.6-59.4-59.4s26.59-59.4 59.4-59.4zm0 2.23c31.57 0 57.17 25.6 57.17 57.17s-25.6 57.17-57.17 57.17-57.17-25.6-57.17-57.17 25.6-57.17 57.17-57.17zm6.85 12.87V77.7c1.58.47 3.1 1.09 4.52 1.87L127 64.45a44.609 44.609 0 0 0-19.65-8.16zm29.32 17.83-15.13 15.12c.79 1.42 1.4 2.94 1.88 4.53h21.4a44.614 44.614 0 0 0-8.15-19.65zm8.15 33.32h-21.4c-.48 1.59-1.09 3.11-1.88 4.53l15.13 15.12a44.662 44.662 0 0 0 8.15-19.65zM127 136.76l-15.13-15.12c-1.42.78-2.94 1.4-4.52 1.87v21.4c7.27-1.11 13.96-3.98 19.65-8.15zm-33.33 8.15v-21.4c-1.59-.47-3.1-1.09-4.53-1.87l-15.12 15.12c5.69 4.17 12.37 7.04 19.65 8.15zm-29.32-17.82 15.12-15.12c-.78-1.42-1.4-2.94-1.87-4.53H56.2c1.11 7.28 3.98 13.96 8.15 19.65zM56.2 93.77h21.4c.47-1.59 1.09-3.11 1.87-4.53L64.35 74.12a44.498 44.498 0 0 0-8.15 19.65zm17.82-29.32 15.12 15.12c1.43-.78 2.94-1.4 4.53-1.87V56.29a44.56 44.56 0 0 0-19.65 8.16zm26.48 18.01c10.02 0 18.15 8.13 18.15 18.16 0 10.02-8.13 18.15-18.15 18.15-10.03 0-18.16-8.13-18.16-18.15 0-10.03 8.13-18.16 18.16-18.16zm0 2.73c8.53 0 15.45 6.92 15.45 15.45s-6.92 15.45-15.45 15.45c-8.54 0-15.46-6.92-15.46-15.45s6.92-15.45 15.46-15.45z'/></svg>");
}

/* PARTNERS ICONS
============================ */
.partners-icons {
    display: inline-block;
    margin: 0.8rem 0.8rem;
    max-width: 90vw;
}
.partners-icons a:link {
    text-decoration: none;
    border: 0;
}
.partners-icons svg {
    max-width: 80vw;
}

/* #Tooltips
=============================================== */
.tooltip-inner {
    min-width: 100px;
    max-width: 300px;
    padding: 7px  10px;
}

/* SCROLL TO TOP
=============================================== */
.btn-gotop {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 5px;
    right: 20px;
}

/* #Cards
=============================================== */
.card-title {
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
}

.card-advantages {
 font-size: 0.9rem;
}
.card-svg-image {
    fill: var(--blue-main-color);
}
.card-blue-bg {
    background-color: #EBEDEF;
}

/* GRADIENT COLORS
=============================================== */
.gradient-color {
    background-image: linear-gradient(to right, var(--gold-main-color) 0%, var(--blue-main-color) 50%, var(--blue-darker-color) 100% );
    transition: 0.5s;
}
.gradient-color:hover {
    background-position: right center;
}

/* #Inverted blocks
=============================================== */
.inverted-block {
    color: #fff;
    background-color: var(--blue-main-color);
}

/* #IMAGE styles
============================================= */
.bordered-blue {
    border: 1px solid var(--blue-main-color);
    padding: 2px;
}
.bordered-white {
    border: 1px solid #FFF;
    padding: 2px;
}

/* PRICE CARDS
=============================================== */
.price-cards .card {
    color: #fff;
    line-height: 1;
    text-shadow: 1px 1px #000;
}
.price-cards a {
    color: #fff;
}

/* BUTTONS
=============================================== */
.btn-blue {
    background-color: var(--blue-main-color);
}
.btn-blue:hover {
    background-color: var(--blue-lighter-color);
}

/* #MASONRY
=============================================== */
.grid-item {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .grid-item {
        width: 24%;
    }
}
@media (min-width: 768px) {
    .grid-item {
        width: 48%;
    }
}
@media (min-width: 992px) {
    .grid-item {
        width: 24%;
    }
}

/* GOOGLE MAP
=============================================== */
.map {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    min-height: 500px;
    padding: 3px;
    width: 100%;
    border: 4px solid #EBEBEB;
    transition: border-color .2s linear;
    -moz-transition: border-color .2s linear;
    -webkit-transition: border-color .2s linear;
    -ms-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
}
.map:hover {
    border-color: var(--blue-main-color);
}
.gMap-popup{
    background-color: #EAEAEA;
    height: 80px;
    padding:5px;
}

.map_canvas img, .google-maps img, .map img {
    max-width: none;
}

/* #Wave Shape Divider
=============================================== */
.shape-divider {
    position: relative;
}
.wave-shape-divider-top {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    line-height: 0;
    transform: rotate(360deg);
    width: 100%;
}
    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {
        .wave-shape-divider-top {
            width: 100%;
        }
    }
.wave-shape-divider-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 100px;
}
.wave-shape-divider-top .shape-fill {
    fill: #FFFFFF;
}

/* #FOOTER styles
=============================================== */
footer {
    font-size: 0.9rem;
    padding-top: 100px;
    color: #fff;
    background-color: var(--blue-main-color);
    text-align: left;
    line-height: 1.8;
    text-shadow: 1px 1px #000;
}
.footer-title {
    font-size: 1.2rem;
}
#subfooter {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    padding-top: 15px;
}
#subfooter svg {
    fill: rgba(255, 255, 255, 0.75);
    margin-left: 12px;
    margin-right: 12px;
}
#subfooter a:link, footer a:visited {
    text-decoration: none;
    border: 0;
}
#copyright {
    background-color: var(--copyright-bg-color);
    font-size: 0.9rem;
}
#o-top-svg {

}

/* #Banner
=====================================================================  */
#banner {
    background-image: url('../img/banner/rent-a-boat-porec_small.webp'); /* X-Small */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
    width: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
}
    /* Medium */
    @media (min-width: 768px) {
        #banner {
            background-image: url('../img/banner/rent-a-boat-porec_medium.webp');
        }
    }
    /* Large */
    @media (min-width: 992px) {
        #banner {
            background-image: url('../img/banner/rent-a-boat-porec_large.webp');
        }
    }
    /* X-Large */
    @media (min-width: 1200px) {
        #banner {
            background-image: url('../img/banner/rent-a-boat-porec_x-large.webp');
        }
    }
    /* XX-Large */
    @media (min-width: 1400px) {
        #banner {
            background-image: url('../img/banner/rent-a-boat-porec_xx-large.webp');
        }
    }

#banner-wrapper {
    background-color: rgba(0, 0, 0, 0.45);
}
#banner-content {
    min-height: 100vh;
}
#small-title {
    margin-left: 10px;
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: 300;
    letter-spacing: 3px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}
#banner-title {
    opacity: 1;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
    font-size: clamp(2rem, 1.5rem + 1.25vw, 3.5rem);
}
#banner-promo-text {
    opacity: 1;
    line-height: 1.85;
    color: #fff;
    font-weight: 300;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
    font-size: clamp(1.3rem, 1.1333rem + 0.4167vw, 1.8rem);
}
.button-link:link {
    border: none;
    text-decoration: none;
}
.btn-banner {
    font-size: 1.7rem;
    color: #fff;
    background: none;
    border-radius: 0;
    border: 2px solid white;
    padding: 10px 45px;
    margin-left: 15px;
    transform: skewX(-12deg);
}
.btn-banner:hover,
.btn-banner:focus {
    color: #fff;
    background: var(--gold-main-color);
}
    @media (min-width: 992px) {
        #banner-promo-text {
            line-height: 2.5;
        }
        .btn-banner {
            margin-top: 25px;
        }
    }