:root {

    /* primary color blue strong/astronaut-blue */
    --sc-brand-blue-strong-50: #f1f8fe;
    --sc-brand-blue-strong-100: #e1f0fd;
    --sc-brand-blue-strong-200: #bde0fa;
    --sc-brand-blue-strong-300: #83c8f6;
    --sc-brand-blue-strong-400: #40adf0;
    --sc-brand-blue-strong-500: #1892df;
    --sc-brand-blue-strong-600: #0b74be;
    --sc-brand-blue-strong-700: #0a5c9a;
    --sc-brand-blue-strong-800: #0c4e80;
    --sc-brand-blue-strong-primary: #0e395b;
    --sc-brand-blue-strong-950: #0b2a46;

    /* primary color orange/yellow/ambar/sea-buckthorn */
    --sc-brand-orange-50: #fef7ec;
    --sc-brand-orange-100: #fbe9ca;
    --sc-brand-orange-200: #f7d190;
    --sc-brand-orange-300: #f3b356;
    --sc-brand-orange-primary: #f19c35;
    --sc-brand-orange-500: #ea7616;
    --sc-brand-orange-600: #cf5510;
    --sc-brand-orange-700: #ac3911;
    --sc-brand-orange-800: #8c2d14;
    --sc-brand-orange-900: #732614;
    --sc-brand-orange-950: #421106;

    /* primary color sea blue/bondi-blue */
    --sc-brand-sea-blue-50: #eefbfd;
    --sc-brand-sea-blue-100: #d3f3fa;
    --sc-brand-sea-blue-200: #ade8f4;
    --sc-brand-sea-blue-300: #75d4eb;
    --sc-brand-sea-blue-400: #35b8db;
    --sc-brand-sea-blue-primary: #1893b6;
    --sc-brand-sea-blue-600: #187da2;
    --sc-brand-sea-blue-700: #1a6584;
    --sc-brand-sea-blue-800: #1e536c;
    --sc-brand-sea-blue-900: #1d465c;
    --sc-brand-sea-blue-950: #0e2d3e;

    --sc-success-50: #f2fbf3;
    --sc-success-100: #e0f8e3;
    --sc-success-200: #c2f0c8;
    --sc-success-300: #93e29d;
    --sc-success-primary: #61ce70;
    --sc-success-500: #35b247;
    --sc-success-600: #279236;
    --sc-success-700: #22732e;
    --sc-success-800: #1f5c28;
    --sc-success-900: #1c4b24;
    --sc-success-950: #0a2910;


    --sc-secondary-50: #f5f6f6;
    --sc-secondary-100: #e5e7e8;
    --sc-secondary-200: #ced1d3;
    --sc-secondary-300: #abb0b5;
    --sc-secondary-400: #81888f;
    --sc-secondary-500: #666d74;
    --sc-secondary-primary: #54595f;
    --sc-secondary-700: #4b4e53;
    --sc-secondary-800: #424548;
    --sc-secondary-900: #3a3c3f;
    --sc-secondary-950: #242628;

    --qlwapp-scheme-font-family: inherit;
    --qlwapp-scheme-font-size: 18px;
    --qlwapp-scheme-icon-size: 60px;
    --qlwapp-scheme-icon-font-size: 24px;
    --qlwapp-scheme-brand: var(--sc-brand-orange-primary);
    --sc-white: #ffffff;
    --sc-brand-sea-blue: #2EB1B9;

    --sc-color-8bcaea9: #F1F1F1;
}

*:not(i) {
    font-family: "Roboto", Sans-serif !important;
    overflow-wrap: anywhere;
}

img {
    height: auto;
}

button {
    cursor: pointer;
}

button:disabled {
    cursor: not-allowed;
}

input,
select,
[data-calendar-theme=dark].vanilla-calendar {
    color: var(--sc-brand-blue-strong-primary) !important;
}

.sc-dark {
    color: #212529;
}

.sc-overlay {
    position: relative;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.sc-overlay {
    overflow: hidden;
    border-style: none;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.sc-overlay {
    border-style: none;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.sc-overlay.sc-overlay-bg-tulum {
    background-image: url(/assets/images/caribbean-beach-with-mayan-ruins-of-tulum-on-backg-2023-11-27-05-35-13-utc-scaled.webp?a808e43fce1921af0b01f4625514b83a);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sc-overlay.sc-overlay-bg-tours {
    background-image: url("https://www.aquacaribbeantravel.com/assets/images/banners/services.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sc-overlay .sc-background-overlay {
    border-radius: 0px 0px 0px 0px;
}

.sc-overlay .sc-background-overlay {
    background-color: #000000;
    opacity: 0.42;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.sc-overlay .sc-background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.sc-overlay .sc-container {
    min-height: 300px;
}

.sc-overlay .sc-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.sc-overlay .sc-container {
    align-items: center;
}

.sc-overlay .sc-overlay-title {
    padding: 0;
    margin: 0;
    line-height: 1
}

.sc-overlay .sc-overlay-title {
    color: #FFFFFF;
    font-weight: 600;
}

.sc-overlay .sc-overlay-title {
    padding: 0;
    margin: 0;
    line-height: 1;
}


#navMobile .dialog-close-button {
    display: flex;
    font-size: 20px;
    top: 20px;
    margin: 0;
    right: 20px;
    opacity: 1;
    z-index: 99999;
    pointer-events: all;
    cursor: pointer;
    position: absolute;
    color: var(--e-a-color-txt);
    line-height: 1;
    transition: var(--e-a-transition-hover);
    height: 1em;
    width: 1em;
}

.custom-form input,
.custom-form select,
.custom-form textarea {
    border-radius: 10px !important;
}

.btn-hover-animate:hover {
    animation-name: elementor-animation-bob-float, elementor-animation-bob;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}

.footer-bg {
    text-wrap: balance;
}

p {
    margin-block-start: 0;
    margin-block-end: .9rem;
}

.footer-svg {
    fill: var(--sc-brand-orange-primary) !important;
    transition: fill 0.3s;
    width: var(--e-icon-list-icon-size, 1em);
    height: var(--e-icon-list-icon-size, 1em);
}

.social-grid-item {
    display: inline-block;
    margin-bottom: 0px;
    word-break: break-word;
    min-width: 0;
}

.footer-social-icons-wrapper {
    justify-items: var(--justify-content, center);
    display: inline-block;
    width: 100%;
    word-spacing: var(--grid-column-gap);
    margin-bottom: calc(-1 * var(--grid-row-gap));
    --grid-template-columns: repeat(0, auto);
    --icon-size: 17px;
    --grid-column-gap: 26px;
    --grid-row-gap: 0px;
}

.social-ref-wrap {
    background-color: var(--sc-white) !important;
    border-radius: 50%;
    font-size: var(--icon-size, 25px);
    line-height: var(--icon-size, 25px);
    width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
    height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
    box-shadow: none;
    text-decoration: none;
    --e-social-icon-icon-color: #fff;
    display: inline-flex;
    background-color: #69727d;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    /* background-color: var(--e-global-color-a7ca53d); */
    --grid-template-columns: repeat(0, auto);
    --icon-size: 17px;
    --grid-column-gap: 26px;
    --grid-row-gap: 0px;
}

.footer-social-icons-wrapper .social-ref-wrap:last-child {
    margin: 0;
}

.social-screen-only {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.social-ref-wrap svg {
    fill: var(--sc-brand-sea-blue) !important;
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

.footer-logo {
    max-width: 371px;
    max-height: 271px;
    height: auto;
}

.bg-brand-strong {
    background-color: var(--sc-brand-blue-strong-primary);
}

a.navbar-brand a {
    display: inline-block;
    text-align: center;
}

a.navbar-brand img[src$=".svg"] {
    width: 48px
}

a.navbar-brand img {
    vertical-align: middle;
    display: inline-block
}

a.nav-link {
    vertical-align: middle;
    align-items: center;
}

a.nav-link {
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: white;
}

#navMobile {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    overflow: hidden;
    color: #fff;
    background-color: var(--sc-brand-blue-strong-primary);
    z-index: 9999;

}

#navMobile section {
    position: relative;
}

#navMobile ul {
    height: 100%;
    width: 100%;
    list-style: none;
}

#navMobile ul li {
    padding-bottom: 16px;
}

#navMobile ul li .elementor-item {
    color: white;
    fill: white;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;

}

#navMobile .sc-background-overlay {

    background-image: url(/assets/images/fondo2.webp?80a7150dbef4d5248a19f86be5526aaa);
    background-size: cover;
    opacity: 0.16;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;

}

.navbar-item-link {
    color: #F1F1F1 !important;
    display: inline-flex;
}

.navbar-item-link:hover {
    color: var(--sc-brand-orange-primary);
    display: inline-flex;
}

.navbar-arrow-down-margin {
    margin: 0 8px 0 0 !important;
}

.navbar-arrow-down {
    margin: 0 8px 0 0 !important;
    height: 12px !important;
}

.navbar-toggler {
    border: none !important;
    font-size: x-large !important;
}

.overlay-nav-img {
    max-width: 400px;
    height: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.sc-divider {
    height: 1px;
}

.sc-divider-separator {
    border: 1px solid var(--sc-brand-orange-primary);
    width: 50%;
}

.sc-box-divider-separator {
    border-block-start: 3px solid var(--sc-brand-orange-primary);
    width: 39%;
}

.sc-box-divider {
    display: flex;
    margin: 0;
    direction: ltr;
}

.box-info-title {
    color: var(--sc-brand-blue-strong-primary);
    font-weight: 700;
    line-height: 1.2em;
}

.box-info-contact {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}


.fs-24px {
    font-size: 24px;
}

.svg-orange {
    fill: var(--e-global-color-b838511);
    color: var(--e-global-color-b838511);
}

.contact-text {
    font-weight: 500;
    line-height: 23px;
    color: #000000;
}

.z-idx-100 {
    z-index: 100;
}

.box-form-title {
    color: #FFFFFF;
    font-weight: 400;
    line-height: 1.2em;
}

#formBookTransfer label {
    z-index: 777;
}


.shuttle-blue-layer {
    background-image: url(/assets/images/riviera-maya-ocean-shuttle.webp?1f6a61e43eab408b6b7bee2d2ec1384f);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.shuttle-blue-layer-s2 {
    background-image: url(/assets/images/riviera-maya-paradise-shuttle.webp?c9169027e5ed66b143e5eb0e34773372);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.shuttle-blue-overlay {
    background-color: var(--sc-brand-blue-strong-primary);
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}



@media (max-width: 575.98px) {
    .sc-overlay .sc-container {
        min-height: 150px;
    }
}

.shuttle-light-layer {
    background-image: url(/assets/images/riviera-maya-sand-background.webp?d5f8ca695aa463faf522fc7d5a317e65);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}


.sc-dropbtn {
    color: white;
    border: none;
    cursor: pointer;
}

.sc-dropdown {
    position: relative;
    display: inline-block;
}

.sc-dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 4px;
}

.sc-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.sc-dropdown-content a:hover {
    background-color: #f1f1f1;
    border-radius: 4px;
}

.sc-dropdown:hover .sc-dropdown-content {
    display: block;
}

.sc-dropdown-item {
    cursor: pointer;
}

.input-group-sm .sc-btn {
    font-size: 14px;
    min-height: 32px !important;
}