@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap);

/*Tamaño Modales*/

#modalgetResponse .modal-dialog {
    max-width: 800px !important;
    margin: 1.75rem auto;
}

:root {
    /*Colores para los sub-h1,sub-h2 ...*/
    --fondo-blue-light: #16BCBC;
    --fondo-dorado-light: #f89631;
    --fondo-dark-gray: #5c5c5c;
    --fondo-green: #929000;
    --fondo-brown: #574130;

    /*Carousel*/
    --color-primary-carousel: #005194;
    --color-secundary-carousel: #00519482;
    --color-tertiary-carousel: #9cc7eb;

    /*Colores para Galaxy Yacht*/
    --galaxy-color-primary: #4f4a4e;
    --galaxy-color-secundary: #dda689;

    /*Colores para Alya*/
    --alya-primary-color: #B19150;

    /*Colores para EcoGalaxy*/
    --ecogalaxy-primary-color: #928f02;

    /*Colores para Galaxy Diver*/
    --galaxy-diver-primary-color: #292928;

    /*Colores para Bonita*/
    --bonita-primary-color: #00acc5;

    /*Colores para Endemic*/
    --endemic-primary-color: #443985;

    /*Colores para Elite*/
    --elite-primary-color: #d4a854;

    /*Colores para Ocean Spray*/
    --ocean-spray-primary-color: #4e7888;

    /*Colores para Daily*/
    --galaxy-daily-primary-color: #5e2b2999;

    /*Colores para Petrel*/
    --petrel-primary-color: #03070e;
    --petrel-secundary-color: #4670b9;
}

html {
    scroll-behavior: smooth;
}


/*Color Fuentes*/

.color-gold {
    color: #e5a200 !important;
}

.color-gold-2 {
    color: #f89631;
}

.color-gold-3 {
    color: #B19150;
}

.color-gold-light {
    color: #e5a200 !important;
}

.color-gold-dark {
    color: #e5a200 !important;
}

.color-white {
    color: #ffffff !important;
}

.color-gray {
    color: #a5a5a5;
}

.color-dark {
    color: #000000;
}

.color-dark-gray {
    color: #2d2d2d;
}

.color-brown {
    color: #574130;
}

.color-brown-light {
    color: #a77200;
}

.color-brown-opaque {
    color: #a9978f;
}

.color-green {
    color: #929000;
}

.color-green-light {
    color: #bbb806;
}

.color-blue {
    color: #005194;
}

.color-blue-light {
    color: #00acc5;
}

.color-black-body {
    color: #232323 !important;
}

.color-orange {
    color: #FF4C1E;
}

.color-drive {
    color: #292928;
}

.color-galaxy-primary {
    color: var(--galaxy-color-primary);
}

.color-galaxy-secundary {
    color: var(--galaxy-color-secundary);
}

/*Colores de fondo*/

.fondo-gray-light {
    background-color: #f3f3f3;
}

.fondo-gray-light-2 {
    background-color: #eee;
}

.fondo-gold {
    background-color: #e5a200;
}

.fondo-gold-2 {
    background-color: #f89631;
}

.fondo-gold-3 {
    background-color: var(--alya-primary-color);
}

.fondo-green {
    background-color: var(--ecogalaxy-primary-color);
}

.fondo-brown {
    background-color: #8c5a33;
}

/*Color del yate Galaxy*/
.fondo-brown-2 {
    background-color: #574130;
}

.fondo-brown-3 {
    background-color: #4f4a4e;
}

.fondo-gray-2 {
    background-color: #686672;
}

.fondo-gray-3 {
    background-color: #404549;
}

.fondo-galaxy-primary {
    background-color: var(--galaxy-color-primary);
}

.fondo-galaxy-secundary {
    background-color: var(--galaxy-color-secundary);
}

/*Color del yate Galaxy Diver*/
.fondo-drive {
    background-color: var(--galaxy-diver-primary-color);
}

.fondo-brown-light {
    background-color: #a77200;
}

.fondo-gold p {
    margin-bottom: 0rem !important;
}

.fondo-white {
    background-color: #ffffff;
}

.fondo-dark {
    background-color: #000000;
}

.fondo-dark-gray {
    background-color: #2d2d2d;
}

.fondo-blue {
    background-color: #005194 !important;
}

.mbr-bold .fondo-blue .fondo-brown .fondo-green {
    font-weight: 700 !important;
}

.fondo-blue-light {
    background-color: var(--bonita-primary-color);
}

.fondo-blue-light-2 {
    background-color: #16BCBC;
}

.fondo-gold-dark {
    background-color: #e5a200;
}

.fondo-gray {
    background-color: #d9dcdb!important;
}

.mbr-section-btn a.btn:not(.btn-form) {
    border-radius: 10px;
}


/*Bordes*/

.border-left-gold {
    border-left: 2px solid #B19150;
}


/*Desing Butttom*/

.btn-success-outline,
.btn-success-outline:active {
    background: none;
    border-color: #e5a200;
    color: #ffffff;
}

.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
    color: #ffffff;
    background-color: #e5a200;
    border-color: #e5a200;
}

.btn-success-outline.disabled,
.btn-success-outline:disabled {
    color: #3f3c03 !important;
    background-color: #f7ed4a !important;
    border-color: #f7ed4a !important;
}


/*Colores botones*/

.button-white {
    color: #575756;
    background-color: #ffffff;
    border-left: 2px solid #575756;
    border-right: 2px solid #575756;
    border-bottom: 2px solid #575756;
    border-top: 2px solid #575756;
    font-weight: 300 !important;
    box-shadow: 2px 2px 4px #8d8981;
}

.button-white:hover {
    transform: scale(1.05);
}

.button-gold {
    color: #ffffff;
    background-color: #e5a200;
    border-left: 2px solid#b0851d;
    border-right: 2px solid#b0851d;
    border-bottom: 2px solid#725414;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #8d8981;
}

.button-gold:hover {
    color: #ffffff;
    background-color: #e5a200;
    border-left: 2px solid#b0851d;
    border-right: 2px solid#b0851d;
    border-bottom: 2px solid#725414;
    font-weight: 700;
    box-shadow: 2px 2px 8px #8d8981;
    transform: scale(1.05);
}

.button-red {
    color: #ffffff;
    background-color: #f89932;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    border-top: 4px solid #ffffff;
    font-weight: 700 !important;
    box-shadow: 1px 1px 6px #000000;
    text-shadow: 2px 2px 4px #000000;
}

.button-red:hover {
    color: #ffffff;
    background-color: #ee9e49;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    border-top: 4px solid #ffffff;
    font-weight: 700 !important;
    box-shadow: 1px 1px 6px #000000;
    text-shadow: 1px 1px 4px #000000;
}

.button-orange {
    color: #ffffff;
    background-color: #fa503f;
    border-left: 2px solid #df3829;
    border-right: 2px solid #df3829;
    border-bottom: 2px solid #df3829;
    font-weight: 700 !important;
}

.button-orange:hover {
    color: #ffffff;
    background-color: #fc5647;
    border-left: 2px solid #e24436;
    border-right: 2px solid #e24436;
    border-bottom: 2px solid #e24436;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #8d8981;
    transform: scale(1.03);
}

.button-dark {
    color: #ffffff;
    background-image: linear-gradient(#b5b0b0, #000000);
    border-left: 2px solid #383535;
    border-bottom: 2px solid #383535;
    border-top: 2px solid #b5b0b0;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #8d8981;
}

.button-dark:hover {
    color: #ffffff;
    background-image: linear-gradient(#c9c5c5, #161616);
    border-left: 2px solid #ffffff;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #3b3a39;
    transform: scale(1.08);
}

.button-green {
    color: #ffffff;
    background-image: linear-gradient(#a5a20a, #928f02);
    border: 2px solid #a9a923;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #585652;
}

.button-green:hover {
    color: #ffffff;
    background-image: linear-gradient(#bdba08, #a7a403);
    border: 2px solid #a9a923;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #494744;
    transform: scale(1.05);
}

.button-brown {
    color: #ffffff;
    background-image: linear-gradient(#6b4d36, #574130);
    border: 2px solid #937261;
    font-weight: 700 !important;
    box-shadow: 2px 2px 2px #585652;
}

.button-brown:hover {
    color: #ffffff;
    background-image: linear-gradient(#8b5d39, #6b472b);
    border: 2px solid #937261;
    font-weight: 700 !important;
    box-shadow: 2px 2px 2px #494744;
    transform: scale(1.05);
}

.button-blue {
    color: #ffffff;
    background-image: linear-gradient(#00acc5, #0394aa);
    border: 2px solid #29cbd8;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #585652;
}

.button-blue:hover {
    color: #ffffff;
    background-image: linear-gradient(#18b4cc, #0f97ac);
    border: 2px solid #29cbd8;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #585652;
    transform: scale(1.05);
}

.button-blue-dark {
    color: #ffffff;
    background-image: linear-gradient(#115a92, #005194);
    border: 2px solid #0c2336;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #585652;
}

.button-blue-dark:hover {
    color: #ffffff;
    background-image: linear-gradient(#1162a0, #133652);
    border: 2px solid #0c2336;
    font-weight: 700 !important;
    box-shadow: 2px 2px 4px #585652;
    transform: scale(1.03);
}


/*Colores de borde*/

.border-gold {
    border: 1px solid #e5a200 !important;
}

.border-green {
    border: 1px solid #82920e !important;
}

.border-brown {
    border: 1px solid #8c5b34 !important;
}

.border-blue {
    border: 1px solid #00acc5 !important;
}

.shadow-text {
    text-shadow: 4px 2px 2px #000000;
}

/*Estilo para sombra al encabezado h1 de cada página de barco*/
.shadow-text-2 {
    text-shadow: 1px 1px 15px #000000;
}

.hidden-loading {
    display: none;
}

.parpadea {
    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

.radius-border {
    border-radius: 100px !important;
    padding: 10px;
}

.radius-border-simple {
    border-radius: 5px;
}

.radius-border-10 {
    border-radius: 10px;
}

.radius-border-20 {
    border-radius: 20px;
}

.radius-border-top-20 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.radius-border-bottom-20 {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.radius-border-right-20 {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.radius-border-left-20 {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.radius-border-30 {
    border-radius: 30px;
}

.input-gray {
    background-color: #e6e7e9;
}

.btn-white-outline,
.btn-white-outline:active,
.btn-white-outline.active {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus {
    color: #333333;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-sm {
    padding: .1rem 0.5rem !important;
    border-radius: 10px !important;
}

.arrow li::before {
    content: ">";
    /* Insert content that looks like bullets */
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 9px;
    margin-right: 10px;
    background: #e5a200;
    border-radius: 50px;
    text-align: center;
    font-weight: 700 !important;
    font-size: 1.3rem;
    vertical-align: middle;
    color: #ffffff;
    display: inline-block;
    margin-left: -2.2em;
    /* Or a color you prefer */
}

.arrow-image li::before {
    content: url(../../images/icons/flecha-derecha-borde.svg);
    height: 20px;
    width: 20px;
    background: #e5a200;
    border-radius: 50px;
    text-align: center;
    font-weight: 700 !important;
    vertical-align: middle;
    color: #ffffff;
    display: inline-block;
    margin-left: -1.7rem;
    margin-right: 0.5rem;
}

.arrow-image-brown li::before {
    content: url(../../images/icons/flecha-derecha-borde-brown.svg);
    height: 20px;
    width: 20px;
    background: #e5a200;
    border-radius: 50px;
    text-align: center;
    font-weight: 700 !important;
    vertical-align: middle;
    color: #ffffff;
    display: inline-block;
    margin-left: -1.7rem;
    margin-right: 0.5rem;
}

.arrow-image-green li::before {
    content: url(../../images/icons/flecha-derecha-borde-green.svg);
    height: 20px;
    width: 20px;
    background: #e5a200;
    border-radius: 50px;
    text-align: center;
    font-weight: 700 !important;
    vertical-align: middle;
    color: #ffffff;
    display: inline-block;
    margin-left: -1.7rem;
    margin-right: 0.5rem;
}

.arrow-image-blue li::before {
    content: url(../../images/icons/flecha-derecha-borde-blue.svg);
    height: 20px;
    width: 20px;
    background: #e5a200;
    border-radius: 50px;
    text-align: center;
    font-weight: 700 !important;
    vertical-align: middle;
    color: #ffffff;
    display: inline-block;
    margin-left: -1.7rem;
    margin-right: 0.5rem;
}

.arrow-2 li::before {
    content: "🗸";
    /* Insert content that looks like bullets */
    padding-bottom: 4px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 9px;
    margin-right: 10px;
    border-radius: 50px;
    text-align: center;
    font-weight: 700 !important;
    font-size: 1.3rem;
    vertical-align: middle;
    color: #e5a200;
    display: inline-block;
    margin-left: -2.2em;
    /* Or a color you prefer */
}

.arrow-3 li::before {
    content: "-";
    /* Insert content that looks like bullets */
    padding-bottom: 4px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 9px;
    margin-right: 10px;
    border-radius: 50px;
    text-align: center;
    font-weight: 700 !important;
    font-size: 1.3rem;
    vertical-align: middle;
    color: #e5a200;
    display: inline-block;
    margin-left: -2.2em;
    /* Or a color you prefer */
}

ul {
    list-style: none;
}

.card-header {
    color: #ffffff;
}

.card-header p {
    margin-bottom: 0px !important;
}

.border-gold-box {
    border: 1px solid #e5a200;
}

.cid-s0iubiZTss .col-md-3 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.card-img .fondo-gold {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
}

.fondo-red {
    background-color: #900;
}

.col-md-3 .fondo-gold-dark {
    padding-top: 6px;
    padding-bottom: 4px;
    width: 94%;
    margin-left: 7px;
}

.border-comment {
    position: absolute;
    left: 37%;
    display: block;
    width: 100px;
    border-bottom: 2px solid #e5a200;
}

.border-comment-3 {
    position: absolute;
    left: 42%;
    display: block;
    width: 100px;
    border-bottom: 2px solid #e5a200;
}

.wrap-img {
    padding: 15px !important;
}

.col-md-3 .activated {
    border: 6px solid #e5a200;
    box-shadow: 1px 2px 8px #e5a200;
    border-radius: 5px;
    transform: scale(1.01);
    position: absolute;
    top: 4px;
}

.cid-s0iwgUvEx05 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.border-top-section {
    border-top: 3px solid #e5a200 !important;
}

.border-bottom-section {
    border-bottom: 3px solid #e5a200 !important;
}

.border-top-section-brown {
    border-top: 8px solid #8c5a33 !important;
}

.border-bottom-section-brown {
    border-bottom: 8px solid #8c5a33 !important;
}

.border-top-section-green {
    border-top: 8px solid #928f02 !important;
}

.border-bottom-section-green {
    border-bottom: 8px solid #928f02 !important;
}

.border-top-section-blue {
    border-top: 8px solid #005194 !important;
}

.border-bottom-section-blue {
    border-bottom: 8px solid #005194 !important;
}


/* Border top light*/

.border-top-section-light {
    border-top: 1px solid #e5a200 !important;
}

.border-bottom-section-light {
    border-bottom: 1px solid #e5a200 !important;
}

.border-top-section-brown-light {
    border-top: 1px solid #8c5a33 !important;
}

.border-bottom-section-brown-light {
    border-bottom: 1px solid #8c5a33 !important;
}

.border-top-section-green-light {
    border-top: 1px solid #928f02 !important;
}

.border-bottom-section-green-light {
    border-bottom: 1px solid #928f02 !important;
}

.border-top-section-blue-light {
    border-top: 1px solid #005194 !important;
}

.border-bottom-section-blue-light {
    border-bottom: 1px solid #005194 !important;
}

.modal-full .modal-lg {
    max-width: 90% !important;
}

.cid-s0iva9yxeZ .carousel-item .wrap-img img {
    width: 30px !important;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1 !important;
    width: 5%;
}

.cid-s0iva9yxeZ .carousel-control-next,
.cid-s0iva9yxeZ .carousel-control-prev {
    opacity: 1 !important;
    width: 5%;
}

.carousel-inner {
    position: relative;
    width: 95%;
    overflow: hidden;
    text-align: center;
    left: 2.5%;
}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 69px;
    background-color: #f3f3f3;
    font-size: 20px;
    z-index: 999;
    padding-top: 8px;
    padding-bottom: 8px;
}

div.sticky p {
    margin-bottom: 0px !important;
}

body {
    font-style: normal;
    line-height: 1.5;
}

.mbr-section-title {
    font-style: normal;
    line-height: 1.2;
}

.mbr-section-subtitle {
    line-height: 1.3;
}

.mbr-text {
    font-style: normal;
    line-height: 1.6;
}

.font-bebas {
    font-family: 'Bebas Neue', sans-serif !important;
}

.font-open {
    font-family: 'Open Sans', sans-serif !important;
}

.display-1-big {
    /*font-size: 6.7rem;*/
    font-size: 5rem;
}

.display-1-big>.mbr-iconfont {
    font-size: 7.2rem;
}

.display-1 {
    font-size: 4.25rem;
}

.display-1>.mbr-iconfont {
    font-size: 6.8rem;
}

.display-2 {
    font-size: 2.6rem;
}

.display-2>.mbr-iconfont {
    font-size: 3.2rem;
}

.display-3 {
    font-size: 2rem;
}

.display-3>.mbr-iconfont {
    font-size: 3rem;
}

.display-4 {
    font-size: 1.6rem;
}

.display-4>.mbr-iconfont {
    font-size: 1.92rem;
}

.display-5 {
    font-size: 1.4rem;
}

.display-5>.mbr-iconfont {
    font-size: 2.4rem;
}

.display-5 {
    font-size: 1.4rem;
}

.display-6>.mbr-iconfont {
    font-size: 2.2rem;
}

.display-6 {
    font-size: 1.2rem;
}

.display-5>.mbr-iconfont {
    font-size: 2.4rem;
}

.display-7 {
    font-size: 1.1rem;
}

.display-8 {
    font-size: 1rem;
}

.display-days {
    font-size: 0.9rem;
}

.display-9 {
    font-size: 0.8rem;
}

.display-7>.mbr-iconfont {
    font-size: 2.08rem;
}


/* ---- Fluid typography for mobile devices ---- */


/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */


/* 100vw - current viewport width */


/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */


/* 0.65 - min scale variable, may vary */

@media (max-width: 1500px) {
    .display-1 {
        font-size: 3.4rem;
        font-size: calc( 2.1374999999999997rem + (3.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (2.1374999999999997rem + (2.75 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-2 {
        font-size: 2.2rem;
        font-size: calc( 1.5rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.2rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-3 {
        font-size: 1.9rem;
        font-size: calc( 1.3rem + (1.7 - 1.35) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.15rem + (1.6 - 1.35) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-4 {
        font-size: 1.7rem;
        font-size: calc( 1.1rem + (1.5 - 1.35) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-5 {
        font-size: 1.5rem;
        font-size: calc( 0.9rem + (1.3 - 1.15) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (0.5rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-6 {
        font-size: 1.2rem;
        font-size: calc(0.7rem + (1.1 - 0.9) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.2rem + (1.2 - 1.175) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-7 {
        font-size: 1rem;
        font-size: calc(0.3rem + (1 - 0.70) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.1rem + (1- 1.175) * ((100vw - 20rem) / (48 - 20))));
    }
}

@media (max-width: 768px) {
    .display-1 {
        font-size: 3.4rem;
        font-size: calc( 3.5rem + (4.25 - 2.5) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (2.1374999999999997rem + (7.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-2 {
        font-size: 2rem;
        font-size: calc( 2rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.8rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-3 {
        font-size: 1.2rem;
        font-size: calc( 1.7rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.4rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-4 {
        font-size: 1.2rem;
        font-size: calc( 1.5rem + (1.5 - 1.07) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.25rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-5 {
        font-size: 0.6rem;
        font-size: calc( 1.2rem + (1.2 - 1.175) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-6 {
        font-size: 1rem;
        font-size: calc( 1.175rem + (1.2 - 1.175) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-7 {
        font-size: 1rem;
        font-size: calc( 1rem + (1- 1.175) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1rem + (1- 1.175) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-days {
        font-size: 0.7rem;
        font-size: calc( 1rem + (1- 1.175) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1rem + (1- 1.175) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-9 {
        font-size: 0.6rem;
        font-size: calc( 0.9rem + (1- 1.175) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1rem + (1- 1.175) * ((100vw - 20rem) / (48 - 20))));
    }
}

/* Buttons */

.btn {
    font-weight: 500;
    border-width: 2px;
    font-style: normal;
    /*letter-spacing: 1px;*/
    white-space: normal;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: -webkit-inline-flex;
    padding: 0.3rem 1rem;
    border-radius: 14px;
}

.non-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.btn-sm {
    font-weight: 500;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0.6rem 1.5rem;
}

.btn-md {
    font-weight: 500;
    letter-spacing: 1px;
    margin: .4rem .8rem !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 1rem 3rem;
}

.btn-lg {
    font-weight: 500;
    letter-spacing: 1px;
    margin: .4rem .8rem !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 1.2rem 3.2rem;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
    color: #ffffff;
    background-color: #e5a200;
    border-color: #e5a200;
}

.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
    color: #ffffff !important;
    background-color: #e5a200 !important;
    border-color: #e5a200 !important;
}

.btn-secondary-outline,
.btn-secondary-outline:active {
    background: none;
    border-color: #95762b;
    color: #95762b;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
    color: #ffffff;
    background-color: #cfac57;
    border-color: #cfac57;
}

.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
    color: #ffffff !important;
    background-color: #cfac57 !important;
    border-color: #cfac57 !important;
}

/*Menu active*/
ul li a.active {
    border-bottom: 3px solid var(--fondo-dorado-light);
}

/* El siguiente código crea un borde top cuando el li este seleccionado, depende del javascript
que está dentro del test-demo sec-070-javascript-general, además del css para agregar el borde
ul li.active {
    border-top: 3px solid var(--fondo-dorado-light);
    z-index: 10;
}*/


/* Section Menu */

.nav-tabs .nav-link {
    border-radius: 100px !important;
}

.text-secondary {
    color: #cfac57 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #c79d3c !important;
}

.cid-s0il3EIqs6 .navbar {
    background: #242424;
    transition: none;
    min-height: 77px;
    padding: .5rem 0;
}

.cid-s0il3EIqs6 .navbar-dropdown.bg-color.transparent.opened {
    background: #ffffff;
}

.cid-s0il3EIqs6 .nav-item:hover {
    background-color: #ffffff;
    color: black;
}

/*Cuando da hover en el li, cambia el color del a en negro*/
.cid-s0il3EIqs6 .nav-item:hover a {
    color: black;
}

.cid-s0il3EIqs6 .dropdown-item:hover {
    background-color: #242424 !important;
    color: #e5a200 !important;
}

.cid-s0il3EIqs6 a {
    font-style: normal;
}

.cid-s0il3EIqs6 .nav-item span {
    padding-right: 0.4em;
    line-height: 0.5em;
    vertical-align: text-bottom;
    position: relative;
    text-decoration: none;
}

.cid-s0il3EIqs6 .nav-item a {
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0 !important;
    margin: 0rem .65rem !important;
    -webkit-align-items: center;
    -webkit-justify-content: left;
}

.cid-s0il3EIqs6 .nav-item:focus,
.cid-s0il3EIqs6 .nav-link:focus {
    outline: none;
}

.cid-s0il3EIqs6 .btn {
    padding: 0.4rem 1.5rem;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
}

.cid-s0il3EIqs6 .btn .mbr-iconfont {
    font-size: 1.6rem;
}

.cid-s0il3EIqs6 .menu-logo {
    margin-right: auto;
}

.cid-s0il3EIqs6 .menu-logo .navbar-brand {
    display: flex;
    margin-left: 5rem;
    padding: 0;
    transition: padding .2s;
    min-height: 3.8rem;
    -webkit-align-items: center;
    align-items: center;
}

.cid-s0il3EIqs6 .menu-logo .navbar-brand .navbar-caption-wrap {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    word-break: break-word;
    min-width: 7rem;
    margin: .3rem 0;
}

.cid-s0il3EIqs6 .menu-logo .navbar-brand .navbar-caption-wrap .navbar-caption {
    line-height: 1.2rem !important;
    padding-right: 2rem;
}

.cid-s0il3EIqs6 .menu-logo .navbar-brand .navbar-logo {
    font-size: 4rem;
    transition: font-size 0.25s;
}

.cid-s0il3EIqs6 .menu-logo .navbar-brand .navbar-logo img {
    display: flex;
}

.cid-s0il3EIqs6 .menu-logo .navbar-brand .navbar-logo .mbr-iconfont {
    transition: font-size 0.25s;
}

.cid-s0il3EIqs6 .menu-logo .navbar-brand .navbar-logo a {
    display: inline-flex;
}

.cid-s0il3EIqs6 .navbar-toggleable-sm .navbar-collapse {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding-right: 5rem;
    width: auto;
}

.cid-s0il3EIqs6 .navbar-toggleable-sm .navbar-collapse .navbar-nav {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-left: 0;
    margin-left: auto;
}

.cid-s0il3EIqs6 .navbar-toggleable-sm .navbar-collapse .navbar-nav .nav-item {
    -webkit-align-self: center;
    align-self: center;
}

.cid-s0il3EIqs6 .navbar-toggleable-sm .navbar-collapse .navbar-buttons {
    padding-left: 0;
    padding-bottom: 0;
}

.cid-s0il3EIqs6 .dropdown .dropdown-menu {
    background: #ffffff;
    display: none;
    position: absolute;
    left: -1px;
    min-width: 5rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    text-align: left;
    border-radius: 0px;
    border-bottom: 1px solid #232323;
    border-left: 1px solid #232323;
    border-right: 1px solid #232323;
    border-top: 1px solid #232323;
    margin: 0px;
}

.cid-s0il3EIqs6 .dropdown .dropdown-menu a {
    margin: 0px !important;
}

.cid-s0il3EIqs6 .dropdown .dropdown-menu .dropdown-item {
    width: auto;
    padding: 0.235em 1.5385em 0.235em 1.5385em !important;
}

.cid-s0il3EIqs6 .dropdown .dropdown-menu .dropdown-item::after {
    right: 0.5rem;
}

.cid-s0il3EIqs6 .dropdown .dropdown-menu .dropdown-submenu {
    margin: 0;
}

.cid-s0il3EIqs6 .dropdown.open>.dropdown-menu {
    display: block;
}

.cid-s0il3EIqs6 .navbar-toggleable-sm.opened:after {
    position: absolute;
    width: 100vw;
    height: 100vh;
    content: '';
    background-color: rgb(143, 23, 23);
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    z-index: 1000;
}

.cid-s0il3EIqs6 .navbar.navbar-short {
    min-height: 60px;
    transition: all .2s;
}

.cid-s0il3EIqs6 .navbar.navbar-short .navbar-toggler-right {
    top: 20px;
}

.cid-s0il3EIqs6 .navbar.navbar-short .navbar-logo a {
    font-size: 2.5rem !important;
    line-height: 2.5rem;
    transition: font-size 0.25s;
}

.cid-s0il3EIqs6 .navbar.navbar-short .navbar-logo a .mbr-iconfont {
    font-size: 2.5rem !important;
}

.cid-s0il3EIqs6 .navbar.navbar-short .navbar-logo a img {
    height: 3rem !important;
}

.cid-s0il3EIqs6 .navbar.navbar-short .navbar-brand {
    min-height: 3rem;
}

.cid-s0il3EIqs6 button.navbar-toggler {
    width: 31px;
    height: 18px;
    cursor: pointer;
    transition: all .2s;
    top: 1.5rem;
    right: 1rem;
}

.cid-s0il3EIqs6 button.navbar-toggler:focus {
    outline: none;
}

.cid-s0il3EIqs6 button.navbar-toggler .hamburger span {
    position: absolute;
    right: 0;
    width: 30px;
    height: 2px;
    border-right: 5px;
    background-color: #020202;
}

.cid-s0il3EIqs6 button.navbar-toggler .hamburger span:nth-child(1) {
    top: 0;
    transition: all .2s;
}

.cid-s0il3EIqs6 button.navbar-toggler .hamburger span:nth-child(2) {
    top: 8px;
    transition: all .15s;
}

.cid-s0il3EIqs6 button.navbar-toggler .hamburger span:nth-child(3) {
    top: 8px;
    transition: all .15s;
}

.cid-s0il3EIqs6 button.navbar-toggler .hamburger span:nth-child(4) {
    top: 16px;
    transition: all .2s;
}

.cid-s0il3EIqs6 nav.opened .hamburger span:nth-child(1) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}

.cid-s0il3EIqs6 nav.opened .hamburger span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .25s;
}

.cid-s0il3EIqs6 nav.opened .hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .25s;
}

.cid-s0il3EIqs6 nav.opened .hamburger span:nth-child(4) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}

.cid-s0il3EIqs6 .collapsed.navbar-expand {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.cid-s0il3EIqs6 .collapsed .btn {
    display: -webkit-flex;
}

.cid-s0il3EIqs6 .collapsed .navbar-collapse {
    display: none !important;
    padding-right: 0 !important;
}

.cid-s0il3EIqs6 .collapsed .navbar-collapse.collapsing,
.cid-s0il3EIqs6 .collapsed .navbar-collapse.show {
    display: block !important;
}

.cid-s0il3EIqs6 .collapsed .navbar-collapse.collapsing .navbar-nav,
.cid-s0il3EIqs6 .collapsed .navbar-collapse.show .navbar-nav {
    display: block;
    text-align: center;
}

.cid-s0il3EIqs6 .collapsed .navbar-collapse.collapsing .navbar-nav .nav-item,
.cid-s0il3EIqs6 .collapsed .navbar-collapse.show .navbar-nav .nav-item {
    clear: both;
}

.cid-s0il3EIqs6 .collapsed .navbar-collapse.collapsing .navbar-nav .nav-item:last-child,
.cid-s0il3EIqs6 .collapsed .navbar-collapse.show .navbar-nav .nav-item:last-child {
    margin-bottom: 1rem;
}

.cid-s0il3EIqs6 .collapsed .navbar-collapse.collapsing .navbar-buttons,
.cid-s0il3EIqs6 .collapsed .navbar-collapse.show .navbar-buttons {
    text-align: center;
}

.cid-s0il3EIqs6 .collapsed .navbar-collapse.collapsing .navbar-buttons:last-child,
.cid-s0il3EIqs6 .collapsed .navbar-collapse.show .navbar-buttons:last-child {
    margin-bottom: 1rem;
}

@media (min-width: 1024px) {
    .cid-s0il3EIqs6 .collapsed:not(.navbar-short) .navbar-collapse {
        max-height: calc(98.5vh - 3.8rem);
    }
}

.cid-s0il3EIqs6 .collapsed button.navbar-toggler {
    display: block;
}

.cid-s0il3EIqs6 .collapsed .navbar-brand {
    margin-left: 1rem !important;
}

.cid-s0il3EIqs6 .collapsed .navbar-toggleable-sm {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.cid-s0il3EIqs6 .collapsed .dropdown .dropdown-menu {
    width: 100%;
    text-align: center;
    position: relative;
    opacity: 0;
    overflow: hidden;
    display: block;
    height: 0;
    visibility: hidden;
    padding: 0;
    transition-duration: .5s;
    transition-property: opacity, padding, height;
}

.cid-s0il3EIqs6 .collapsed .dropdown.open>.dropdown-menu {
    position: relative;
    opacity: 1;
    height: auto;
    padding: 1.4rem 0;
    visibility: visible;
    ;
}

.cid-s0il3EIqs6 .collapsed .dropdown .dropdown-submenu {
    left: 0;
    text-align: center;
    width: 100%;
}

.cid-s0il3EIqs6 .collapsed .dropdown .dropdown-toggle[data-toggle="dropdown-submenu"]::after {
    margin-top: 0;
    position: inherit;
    right: 0;
    top: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .30em solid;
    border-right: .30em solid transparent;
    border-left: .30em solid transparent;
}

@media (max-width: 1023px) {
    .cid-s0il3EIqs6.navbar-expand {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .cid-s0il3EIqs6 img {
        height: 3.8rem !important;
    }
    .cid-s0il3EIqs6 .btn {
        display: -webkit-flex;
    }
    .cid-s0il3EIqs6 button.navbar-toggler {
        display: block;
    }
    .cid-s0il3EIqs6 .navbar-brand {
        margin-left: 1rem !important;
    }
    .cid-s0il3EIqs6 .navbar-toggleable-sm {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .cid-s0il3EIqs6 .navbar-collapse {
        display: none !important;
        padding-right: 0 !important;
    }
    .cid-s0il3EIqs6 .navbar-collapse.collapsing,
    .cid-s0il3EIqs6 .navbar-collapse.show {
        display: block !important;
    }
    .cid-s0il3EIqs6 .navbar-collapse.collapsing .navbar-nav,
    .cid-s0il3EIqs6 .navbar-collapse.show .navbar-nav {
        display: block;
        text-align: center;
    }
    .cid-s0il3EIqs6 .navbar-collapse.collapsing .navbar-nav .nav-item,
    .cid-s0il3EIqs6 .navbar-collapse.show .navbar-nav .nav-item {
        clear: both;
    }
    .cid-s0il3EIqs6 .navbar-collapse.collapsing .navbar-nav .nav-item:last-child,
    .cid-s0il3EIqs6 .navbar-collapse.show .navbar-nav .nav-item:last-child {
        margin-bottom: 1rem;
    }
    .cid-s0il3EIqs6 .navbar-collapse.collapsing .navbar-buttons,
    .cid-s0il3EIqs6 .navbar-collapse.show .navbar-buttons {
        text-align: center;
    }
    .cid-s0il3EIqs6 .navbar-collapse.collapsing .navbar-buttons:last-child,
    .cid-s0il3EIqs6 .navbar-collapse.show .navbar-buttons:last-child {
        margin-bottom: 1rem;
    }
    .cid-s0il3EIqs6 .dropdown .dropdown-menu {
        width: 100%;
        text-align: center;
        position: relative;
        opacity: 0;
        overflow: hidden;
        display: block;
        height: 0;
        visibility: hidden;
        padding: 0;
        transition-duration: .5s;
        transition-property: opacity, padding, height;
    }
    .cid-s0il3EIqs6 .dropdown.open>.dropdown-menu {
        position: relative;
        opacity: 1;
        height: auto;
        padding: 1rem 0;
        visibility: visible;
    }
    .cid-s0il3EIqs6 .dropdown .dropdown-submenu {
        left: 0;
        text-align: center;
        width: 100%;
    }
    .cid-s0il3EIqs6 .dropdown .dropdown-toggle[data-toggle="dropdown-submenu"]::after {
        margin-top: 0;
        position: inherit;
        right: 0;
        top: 50%;
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .3em;
        vertical-align: middle;
        content: "";
        border-top: .30em solid;
        border-right: .30em solid transparent;
        border-left: .30em solid transparent;
    }
}

@media (min-width: 767px) {
    .cid-s0il3EIqs6 .menu-logo {
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
    }
}

.cid-s0il3EIqs6 .navbar-collapse {
    flex-basis: auto;
    -webkit-flex-basis: auto;
}


/* Section ebook */

.cid-s0iubiZTss {
    background-color: #f3f3f3;
}


/* Section footer */

.cid-s0iwrHwOY4 {
    background-color: #2e2e2e;
}

@media (max-width: 767px) {
    .cid-s0iwrHwOY4 .content {
        text-align: center;
    }
    .cid-s0iwrHwOY4 .content>div:not(:last-child) {
        margin-bottom: 2rem;
    }
}

@media (max-width: 767px) {
    .cid-s0iwrHwOY4 .media-wrap {
        margin-bottom: 1rem;
    }
}

.cid-s0iwrHwOY4 .media-wrap .mbr-iconfont-logo {
    font-size: 7.5rem;
    color: #f36;
}

.cid-s0iwrHwOY4 .media-wrap img {
    height: 6rem;
}

@media (max-width: 767px) {
    .cid-s0iwrHwOY4 .footer-lower .copyright {
        margin-bottom: 1rem;
        text-align: center;
    }
}

.cid-s0iwrHwOY4 .footer-lower hr {
    margin: 1rem 0;
    border-color: #fff;
    opacity: .05;
}

.cid-s0iwrHwOY4 .footer-lower .social-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.cid-s0iwrHwOY4 .footer-lower .social-list .mbr-iconfont-social {
    font-size: 1.3rem;
    color: #fff;
}

.cid-s0iwrHwOY4 .footer-lower .social-list .soc-item {
    margin: 0 .5rem;
}

.cid-s0iwrHwOY4 .footer-lower .social-list a {
    margin: 0;
    opacity: .5;
    -webkit-transition: .2s linear;
    transition: .2s linear;
}

.cid-s0iwrHwOY4 .footer-lower .social-list a:hover {
    opacity: 1;
}

@media (max-width: 767px) {
    .cid-s0iwrHwOY4 .footer-lower .social-list {
        -webkit-justify-content: center;
        justify-content: center;
    }
}


/* Carousel */

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


/* Enlaces */

a,
a:hover {
    color: #e5a200;
}


/* General Css */

.mbr-overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
}

blockquote {
    font-style: italic;
    padding: 10px 0 10px 20px;
    font-size: 1.09rem;
    position: relative;
    border-color: #e5a200;
    border-width: 3px;
}

ul,
ol,
pre,
blockquote {
    margin-bottom: 0.3125rem;
}

pre {
    background: #f4f4f4;
    padding: 10px 24px;
    white-space: pre-wrap;
}

.inactive {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none;
}


/* Social block */

.btn-social {
    font-size: 20px;
    border-radius: 50%;
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
    border: 2px solid #c0a375;
    border-color: #e5a200;
    color: #232323;
    cursor: pointer;
}

.btn-social i {
    top: 0;
    line-height: 44px;
    width: 44px;
}

.btn-social:hover {
    color: #fff;
    background: #e5a200;
}

.btn-social+.btn {
    margin-left: .1rem;
}


/* Footer */

.mbr-footer-content li::before,
.mbr-footer .mbr-contacts li::before {
    background: #e5a200;
}

.mbr-footer-content li a:hover,
.mbr-footer .mbr-contacts li a:hover {
    color: #e5a200;
}

.footer3 input[type="email"],
.footer4 input[type="email"] {
    border-radius: 100px !important;
}

.footer3 .input-group-btn a.btn,
.footer4 .input-group-btn a.btn {
    border-radius: 100px !important;
}

.footer3 .input-group-btn button[type="submit"],
.footer4 .input-group-btn button[type="submit"] {
    border-radius: 100px !important;
}

.mbr-section__comments .row {
    justify-content: center;
    -webkit-justify-content: center;
}


/* Setion form cabecera */

.cid-s0is4gmB6n {
    padding-top: 50px;
    padding-bottom: 0px;
    background-color: #f3f3f3;
}

.cid-s0is4gmB6n .mbr-section-subtitle {
    color: #767676;
}


/* Section Headers*/

.header13 .form-inline input[type="email"],
.header14 .form-inline input[type="email"] {
    border-radius: 100px;
}

.header13 .form-inline input[type="text"],
.header14 .form-inline input[type="text"] {
    border-radius: 100px;
}

.header13 .form-inline input[type="tel"],
.header14 .form-inline input[type="tel"] {
    border-radius: 100px;
}

.header13 .form-inline a.btn,
.header14 .form-inline a.btn {
    border-radius: 100px;
}

.header13 .form-inline button,
.header14 .form-inline button {
    border-radius: 100px !important;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .offset-sm-0 {
        margin-left: 0%;
    }
    .offset-sm-1 {
        margin-left: 8.33333%;
    }
    .offset-sm-2 {
        margin-left: 16.66667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333%;
    }
    .offset-sm-5 {
        margin-left: 41.66667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333%;
    }
    .offset-sm-8 {
        margin-left: 66.66667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333%;
    }
    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .offset-md-0 {
        margin-left: 0%;
    }
    .offset-md-1 {
        margin-left: 8.33333%;
    }
    .offset-md-2 {
        margin-left: 16.66667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333%;
    }
    .offset-md-5 {
        margin-left: 41.66667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333%;
    }
    .offset-md-8 {
        margin-left: 66.66667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333%;
    }
    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .offset-lg-0 {
        margin-left: 0%;
    }
    .offset-lg-1 {
        margin-left: 8.33333%;
    }
    .offset-lg-2 {
        margin-left: 16.66667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333%;
    }
    .offset-lg-5 {
        margin-left: 41.66667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333%;
    }
    .offset-lg-8 {
        margin-left: 66.66667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333%;
    }
    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .offset-xl-0 {
        margin-left: 0%;
    }
    .offset-xl-1 {
        margin-left: 8.33333%;
    }
    .offset-xl-2 {
        margin-left: 16.66667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333%;
    }
    .offset-xl-5 {
        margin-left: 41.66667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333%;
    }
    .offset-xl-8 {
        margin-left: 66.66667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333%;
    }
    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}


/*Falta optimizar*/

.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

.navbar-toggler-left {
    position: absolute;
    left: 1rem;
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem;
}

@media (max-width: 575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }
    .navbar-toggleable>.container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-toggleable {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-toggleable .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-toggleable .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-toggleable>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-toggleable .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%;
    }
    .navbar-toggleable .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }
    .navbar-toggleable-sm>.container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-toggleable-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-toggleable-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-toggleable-sm>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-toggleable-sm .navbar-collapse {
        display: none;
        width: 100%;
    }
    .navbar-toggleable-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1023px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }
    .navbar-toggleable-md>.container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1024px) {
    .navbar-toggleable-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-toggleable-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-toggleable-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-toggleable-md>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-toggleable-md .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%;
    }
    .navbar-toggleable-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1199px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }
    .navbar-toggleable-lg>.container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-toggleable-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-toggleable-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-toggleable-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-toggleable-lg>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-toggleable-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%;
    }
    .navbar-toggleable-lg .navbar-toggler {
        display: none;
    }
}

.navbar-toggleable-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggleable-xl .navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-toggleable-xl>.container {
    padding-right: 0;
    padding-left: 0;
}

.navbar-toggleable-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-toggleable-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

.navbar-toggleable-xl>.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggleable-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
}

.navbar-toggleable-xl .navbar-toggler {
    display: none;
}

.card-img {
    width: auto;
}

.menu .navbar.collapsed:not(.beta-menu) {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.note-air-layout .dropup .dropdown-menu,
.note-air-layout .navbar-fixed-bottom .dropdown .dropdown-menu {
    bottom: initial !important;
}

html,
body {
    height: auto;
    min-height: 100vh;
}

.dropup .dropdown-toggle::after {
    display: none;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .card-wrapper {
        flex: auto!important;
    }
}

.jq-selectbox li:hover,
.jq-selectbox li.selected {
    background-color: #e5a200;
    color: #ffffff;
}

.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
    transition: 0.4s;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
    border-top-color: #e5a200;
    border-bottom-color: #e5a200;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    color: #ffffff !important;
    background-color: #e5a200 !important;
    box-shadow: none!important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000000 !important;
    background: #cfac57 !important;
    box-shadow: none !important;
}

button.close {
    color: #e5a200;
    ;
}

.close {
    opacity: 10;
}

.close-modal {
    background-color: #000000;
    color: #ffffff;
    width: 35px;
    padding-top: 1px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 50px;
    border: 2px solid #e5a200;
    position: absolute;
    z-index: 9;
    right: -15px;
    top: -15px;
}


/* Section experiencia extraordinarias */

.cid-s0iwgUvEx0 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.number-wrap {
    color: #4f4943;
    border-color: rgba(255, 255, 255, 0.15);
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 5px 10px 13px 10px;
    margin: 0;
    min-width: 100%;
    ;
    border-radius: 2px;
    max-width: 100%;
}

.number {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    text-transform: none;
    letter-spacing: -2px;
    word-spacing: 0;
    line-height: 1.3;
    color: #232323;
}

.small-counter .number {
    font-size: 30px !important;
}

.period {
    display: block;
    padding-top: 2px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dot {
    position: absolute;
    top: -10px;
    right: -0.4em;
    width: 1em;
    display: block;
    height: 83%;
    overflow: hidden;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 89.65px;
    text-transform: none;
    letter-spacing: 0;
    word-spacing: 0;
    color: #232323;
}

.countdown-cont {
    max-width: 700px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .dot {
        display: none;
    }
}

@media (max-width: 543px) {
    .number-wrap {
        margin-bottom: 15px;
    }
}

@media (max-width: 550px) {
    .col-xs-3 {
        padding-left: 0;
        padding-right: 0;
        max-width: 25%;
        flex: 0 0 25%;
    }
    .number-wrap {
        min-width: auto;
    }
}

@media (max-width: 440px) {
    .number,
    .dot {
        font-size: 40px;
    }
}

@media (max-width: 380px) {
    .period {
        font-size: 0.8rem;
    }
}

.extra-item {
    color: white;
    background-color: black;
}

.cid-s0il3EIqs6 .nav-item span {
    padding-right: 0.4em;
    line-height: 0.5em;
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: text-bottom;
    position: relative;
    text-decoration: none;
}

.dropdown-item a:hover {
    background-color: #242424 !important;
    color: #e5a200;
}

.box-dark {
    background-color: #1d1c1c78;
    border-radius: 4px;
    box-shadow: 2px 2px 4px black;
}

.form {
    background: white;
    border: 3px solid #BA9947;
    /* position: absolute; */
    margin-top: 2rem;
    width: 320px;
    box-shadow: #BA9947;
    border-radius: 25px;
    box-shadow: 2px 8px 15px rgb(20, 20, 20);
}

.sub-h1-d,
.sub-h2-s,
.sub-h2-s-2 {
    display: inline;
    position: relative;
}

.sub-h1-d:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0.8em;
    width: 100%;
    height: 0.5em;
    background-color: var(--fondo-blue-light);
    z-index: -1;
}

.sub-h1-d.gold:before {
    background-color: var(--alya-primary-color);
}

.sub-h2-s.gold:before {
    background-color: var(--alya-primary-color);
}

.sub-h1-d.green:before {
    background-color: var(--fondo-green);
}

.sub-h1-d.blue-light:before {
    background-color: var(--bonita-primary-color);
}

.sub-h1-d.brown:before {
    background-color: var(--fondo-brown);
}

.sub-h1-d.diver:before {
    background-color: var(--galaxy-diver-primary-color);
}

.sub-h1-d.diver-light:before {
    background-color: #989fa3;
}

.sub-h1-d.brown-light:before {
    background-color: #a77200;
}

.sub-h1-d.pink:before {
    background-color: var(--galaxy-color-secundary);
}

.sub-h1-d.lilac:before {
    background-color: var(--endemic-primary-color);
}

.sub-h1-d.blue-green:before {
    background-color: var(--ocean-spray-primary-color);
}

.sub-h1-d.light-gold:before {
    background-color: var(--elite-primary-color);
}

.sub-h1-d.light-petrel:before {
    background-color: var(--petrel-secundary-color);
}


.sub-h2-s:before,
.sub-h2-s-2:before {
    content: '';
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 12px;
    background-color: var(--fondo-dorado-light);
}

.sub-h2-s-2:before {
    background-color: var(--fondo-blue-light);
}


/*Inicio del estilo para que el boton de las tarjetas flote en el centro*/

.submit-float {
    cursor: pointer;
    position: absolute;
    left: 52%;
    bottom: 2rem;
    transform: translateX(-60%);
    border: 1px solid #2d2d2d;
    box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}


/*.submit-float::after {
    content: "🞂";
    font-size: 1.5rem;
}*/


/*Fin*/

.svg-blanco {
    filter: brightness(0) invert(1);
}

form .submit-float:hover {
    color: #ffffff;
    background-color: var(--fondo-dorado-light);
    border: 1px solid #ffffff;
}

form .submit-float:hover img {
    filter: brightness(0) invert(1);
}

/*Estilos a cada boton cuando pasa el mouse(hover) de cada barco
Este cambiara el color del texto y el filtro del svg dependiendo del barco*/
.submit-float.hover-gold:hover,
.arrow-black.hover-gold:hover,
a.hover-gold:hover {
    color: var(--alya-primary-color);
}

.hover-green:hover,
.arrow-black.hover-green:hover,
a.hover-green:hover  {
    color: var(--fondo-green);
}

.hover-blue-light:hover,
.arrow-black.hover-blue-light:hover,
a.hover-blue-light:hover  {
    color: var(--bonita-primary-color);
}

.hover-brown:hover,
.arrow-black.hover-brown:hover,
a.hover-brown:hover  {
    color: var(--fondo-brown);
}

.hover-gray:hover,
.arrow-black.hover-gray:hover,
a.hover-gray:hover  {
    color: var(--galaxy-color-primary);
}

.hover-diver:hover,
.arrow-black.hover-diver:hover,
a.hover-diver:hover  {
    color: var(--galaxy-diver-primary-color);
}

.submit-float.hover-gold:hover img,
.arrow-black.hover-gold:hover img {
    filter: invert(67%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(55%) contrast(97%);
}

.arrow-black.hover-green:hover img {
    filter: brightness(0) saturate(100%) invert(50%) sepia(97%) saturate(441%) hue-rotate(21deg) brightness(87%) contrast(102%);
}

.arrow-black.hover-blue-light:hover img {
    filter: brightness(0) saturate(100%) invert(41%) sepia(96%) saturate(1511%) hue-rotate(155deg) brightness(98%) contrast(102%);
}

.arrow-black.hover-brown:hover img {
    filter: brightness(0) saturate(100%) invert(26%) sepia(24%) saturate(586%) hue-rotate(344deg) brightness(96%) contrast(98%);
}

.arrow-black.hover-diver:hover img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(0%) saturate(0%) hue-rotate(181deg) brightness(101%) contrast(95%);
}

/*Estilo para dar una sombra*/
.filter-shadow {
    filter: drop-shadow(2px 3px 3px #000);
}

/*Estilos a los botones del carousel de cada Barco
Este cambia el color del icono svg y su fondo dependiendo de su selección y al
color de cada barco correspondiente, en caso del svg siempre va hacer blanco*/

.icon-carousel.active {
    background-color: var(--alya-primary-color);
}

.icon-carousel.active-bonita {
    background-color: var(--bonita-primary-color);
}

.icon-carousel.active-ecogalaxy {
    background-color: var(--fondo-green);
}

.icon-carousel.active-galaxy {
    background-color: var(--galaxy-color-primary);
}

.icon-carousel.active-galaxy-diver {
    background-color: var(--galaxy-diver-primary-color);
}

.icon-carousel.active img,
.icon-carousel.active-bonita img,
.icon-carousel.active-ecogalaxy img,
.icon-carousel.active-galaxy img,
.icon-carousel.active-endemic img,
.icon-carousel.active-elite img,
.icon-carousel.active-galaxy-diver img,
.icon-carousel.active-galaxy-daily img,
.icon-carousel.active-ocean-spray img,
.icon-carousel.active-petrel img {
    filter: brightness(0) invert(1);/*Filtro blanco para el svg*/
}

/*Filtros a los iconos svg de los carruseles de cada barco, para que tengan su color respectivo
Se utilizo un generador de filtro svg online para cada color*/
.filter-icon-bonita {
    filter: brightness(0) saturate(100%) invert(40%) sepia(94%) saturate(848%) hue-rotate(151deg) brightness(101%) contrast(104%);
}

.filter-icon-ecogalaxy {
    filter: brightness(0) saturate(100%) invert(42%) sepia(91%) saturate(851%) hue-rotate(33deg) brightness(97%) contrast(99%);
}

.filter-icon-galaxy {
    filter: brightness(0) saturate(100%) invert(28%) sepia(7%) saturate(311%) hue-rotate(260deg) brightness(96%) contrast(92%);
}

.filter-icon-galaxy-diver {
    filter: brightness(0) saturate(100%) invert(12%) sepia(5%) saturate(142%) hue-rotate(21deg) brightness(89%) contrast(87%);
}

/*Estilos al separador de los iconos con el texto de carusel*/
.separador.active {
    width: 0.16rem;
    min-height: 50%;
    background-color: var(--fondo-dark-gray)
}

.carousel.slide li {
    background-color: var(--color-secundary-carousel);
}

/*Cambia los estilos de las barras del carrusel
Estos estilos son para los carruseles en general, con borde inferior color azul deslizante*/

.carousel-indicators li {
    height: 10px;
    width: 100%;
}

.carousel .carousel-indicators li.active {
    background-color: var(--color-primary-carousel);
}

.carousel-indicators {
    position: relative;
    margin-left: 0;
    margin-right: 0;
}


/*Sombras*/

.sombra-button {
    box-shadow: 3px 2px 7px #000;
}


/*Acordeon de las páginas para los barcos*/

.active,
.headingAccordion {
    cursor: pointer;
    position: relative;
}

.collapse_faq::after {
    /*content: "▼";*/
    content: "";
    position: absolute;
    margin-left: 0.5rem;
    background-image: url(../../images/icons/icons-arrow-down.png);
    filter: invert(1);
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
}

div[aria-expanded="true"] .collapse_faq::after {
    /*content: " ▲";*/
    content: "";
    position: absolute;
    margin-left: 0.5rem;
    background-image: url(../../images/icons/icons-arrow-up.png);
    filter: invert(1);
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
}

#availability_form_quote {
    background: #00000000;
}

.color-availability {
    color: white;
}


/*CSS splide*/

.splide__pagination__page.is-active {
    background: var(--color-primary-carousel);
    transform: scale(0.7);
}

.splide__pagination__page {
    width: 3rem;
    border-radius: 0;
}

.splide__pagination {
    bottom: -2rem;
}


/*Card Activities*/

.card-activity {
    position: relative;
    width: 90%;
    height: 350px;
}

.card-activity .imgBx {
    top: 0;
    left: 0;
}

.card-activity .imgBx:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(246, 243, 243, 0.12088585434173671) 60%);
}

.card-activity .imgBx img {
    top: 0;
    left: 0;
    object-fit: cover;
}

.card-activity .content-card {
    top: 55%;
    left: 0;
    z-index: 1;
}


/*Splide arrows

.splide__arrows {
    display: none;
}*/

/*Linea blanca debajo de los encabezados alya*/
.p-areas.active::before {
    /*border-bottom: 0.5rem solid #ffffff;*/
    content: '';
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    width: 100%;
    height: 0.3rem;
    background-color: #ffffff;
}

#tabs-areas ul li a {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
}

#tabs-areas ul li a.active {
    color: var(--color-primary-carousel);
}

/*
    Media para escritorios
    1281px pantallas de escritorio de alta resolución
*/

@media (min-width: 1281px) {
    
}

/*
    Media para escritorios
    1281px pantallas de escritorio de alta resolución
*/

@media (min-width: 1281px) {
  
}

/*
    Media para laptops
    1025px a 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
   
}

/*
    Media para tablets, ipads
    768px a 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    /*En la pagina home el h3 seccion de video hacer el texto left*/
    .row.element_video h3 {
        text-align: left !important;
    }

    /*Cambiar el tamaño de la fuente del display-1*/
    .display-1 {
        font-size: 3.4rem;
        font-size: calc( 2.75rem + (4.25 - 2.5) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (2.1374999999999997rem + (3.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20))));
    }

    /*Cambiar el tamaño de la fuente del display-2*/
    .display-2 {
        font-size: 2.2rem;
        font-size: calc( 2.5rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.2rem + (2.5 - 1.35) * ((100vw - 20rem) / (48 - 20))));
    }

    /*Cambiar el tamaño de la fuente del display-7*/
    .display-7 {
        font-size: 1rem;
        font-size: calc(0.5rem + (1 - 0.70) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.1rem + (1- 1.175) * ((100vw - 20rem) / (48 - 20))));
    }

    /*Cambiar el tamaño de la fuente del display-3*/
    .display-3 {
        font-size: 1.9rem;
        font-size: calc( 1.3rem + (1.8 - 1.35) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.15rem + (1.5 - 1.35) * ((100vw - 20rem) / (48 - 20))));
    }

    /*Ajustar submenu de las páginas de barcos*/
    #navbarBoats {
        width: 100%;
        text-align: center;
    }

    #navbarBoats ul li {
        width: 20%;
    }
}

/* 
    Media para Baja resolución Tablets, Mobiles (Landscape/horizontal)
    481px to 767px
*/
  
@media (min-width: 481px) and (max-width: 767px) {
    
}
  
/* 
    Media para la mayoría de los Smartphones Móviles (Portrait/Vertical)
    320px to 479px
*/
  
@media (min-width: 320px) and (max-width: 480px) {
    /*Oculta las flechas a la izquierda, porque evita leer el contenido de cada card activitie*/
    #splide5 .splide__arrows  .splide__arrow.splide__arrow--prev {
        display: none;
    }

    #splide4 .splide__arrow {
        top: 53%;
    }

    /*Cambia la altura del contenido de cada card activitie*/
    .card-activity .content-card {
        top: auto;
        bottom: 0;
    }

    .card-activity .content-card p {
        margin: 0;
    }
}

#navbarBoats ul li {
    position: relative;
}

#navbarBoats ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: #000;
}

#navbarBoats ul li:last-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #000;
}

/*Oculta la flecha de anterior de todos los splide*/
.splide__arrows .splide__arrow.splide__arrow--prev {
    /*display: none;*/
}

/*Menu transparente*/
.menu .navbar {
    background-color: rgba(255,255,255,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.menu .navbar a {
    color: #fff;
    transition: 0.3s;
}

/*Cambiar el logo a color blanco*/
.menu .navbar .menu-logo .navbar-brand .navbar-logo a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(26%) hue-rotate(233deg) brightness(103%) contrast(100%);
    transition: 0.3s;
}

/*Estilo que cambia el fondo y colores del menu cuando hace scroll*/
#principal-menu.sticky {
    background-color: #fff
}

#principal-menu.sticky a {
    color: #000;
}

#principal-menu.sticky a img {
    filter: inherit;
}

/*Bordes inferiores con el color de cada barco, se utiliza en el home*/

.border-bot.alya {
    background-color: var(--alya-primary-color);
}

.border-bot.ecogalaxy {
    background-color: var(--ecogalaxy-primary-color);
}

.border-bot.galaxy {
    background-color: var(--galaxy-color-primary);
}

.border-bot.galaxy-diver {
    background-color: var(--galaxy-diver-primary-color);
}

.border-bot.bonita {
    background-color: var(--bonita-primary-color);
}

.border-bot.galaxy-daily {
    background-color: var(--galaxy-daily-primary-color);
}

.border-bot.elite {
    background-color: var(--elite-primary-color);
}

.border-bot.endemic {
    background-color: var(--endemic-primary-color);
}

.border-bot.ocean-spray {
    background-color: var(--ocean-spray-primary-color);
}

.border-bot.petrel {
    background-color: var(--petrel-primary-color);
}

/*Agregar borde superior al menú nav final
#navbarSupportedContent ul {
    position: relative;
}

#navbarSupportedContent ul:last-child::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 3px;
    background-color: rgba(255,255,255,1);
}*/

/*
    Estilos para pantallas grandes
*/
@media only screen and (min-width: 1900px) {
    /*Los títulos de las tarjetas de los itinerarios mantengan todos una misma altura*/
    .card-title {
        height: 75px;
    }
}