/* HEADER */

/* header */

#header {
    background: linear-gradient(45deg,
            var(--info-background-color),
            var(--tertiary-background-color),
            var(--secondary-background-color));
    display: flex;
    position: sticky;
    top: 0;
}

@media (max-width: 768px) {
    #header {
        padding: 0 1rem 0 1rem;
    }
}

@media (min-width: 769px) {
    #header {
        padding: 0 7.5% 0 7.5%;
    }
}

@media (max-width: 767px) {
    #header {
        flex-wrap: wrap;
    }

    #header .container {
        width: 100%;
    }

    #header #mobile_top_menu_wrapper {
        width: 100%;
        background-color: var(--primary-background-color);
        margin: 0;
        border: 1px solid var(--primary-medium-color);
        border-radius: 0.5rem;
        margin-bottom: 1rem;
    }

    #header .mobile {
        padding: 0.5rem 0 0.5rem 0;
        display: flex;
        height: 2.5rem;
    }
}

/* pre-header */

#pre-header {
    text-align: center;
    padding: 1rem 0 1rem 0;
    font-variant-caps: small-caps;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--info-medium-dark-color);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

@media (max-width: 767px) {
    #pre-header {
        padding: 0;
        display: flex;
        align-items: center;
        min-height: calc(4 * 1.3rem);
    }
}

/* header-logo */

@media (max-width: 767px) {
    .header-logo {
        width: -webkit-fill-available;
        width: -moz-available;
    }
}

.header-logo a img.logo-img-desktop {
    max-width: 100%;
    min-height: 125px;
    width: auto;
    height: auto;
    display: block;
    padding: 10px;
}

.header-logo a img.logo-img-mobile {
    display: block;
    padding: 10px;
}

/* header-nav */

#_desktop_contact_link,
#_mobile_contact_link {
    display: none;
}

#_desktop_cart {
    background: var(--tertiary-background-color);
    border-radius: 0.5rem;
}

#_desktop_cart .cart-preview.inactive {
    color: var(--info-medium-dark-color);
}

#_desktop_cart,
#_desktop_user_info,
#_desktop_currency_selector,
#_desktop_language_selector {
    padding: 0.5rem;
    color: var(--info-medium-dark-color);
}

#_desktop_user_info .logout {
    color: var(--info-medium-dark-color);
}

#_desktop_user_info .logout:hover {
    color: var(--info-medium-color);
}

#_desktop_user_info .account span {
    color: var(--secondary-medium-dark-color);
}

#_desktop_user_info .account span:hover {
    color: var(--secondary-medium-color);
}

.nav-2 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: calc(125px - 3.25rem);
}

@media (max-width: 767px) {

    #menu-icon,
    #_mobile_user_info,
    #_mobile_cart {
        width: 33.33%;
        text-align: center;
    }

    #menu-icon {
        order: 1;
        color: var(--info-medium-dark-color);
    }

    #_mobile_user_info {
        order: 2;
    }

    #_mobile_user_info a {
        color: var(--info-medium-dark-color);
    }

    #_mobile_cart {
        order: 3;
        color: var(--info-medium-dark-color);
    }
}

/* scroll-header */

.hide-pre,
.hide-logo { 
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(-100%);
}

.hide-header{
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(-50%);
}

.show-pre,
.show-logo,
.show-header {
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
    transform: none;
}

.hide-video{
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(-125px);
}

.show-video{
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
    transform: none;
}

@media (max-width: 767px) {
    .hide-logo{
        transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(calc(-20px - (0.15 * (100vw - 2rem))));
    }

    .hide-header,
    .hide-video{
        transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(calc(-20px - (0.15 * (100vw - 2rem)) - (4 * 1.3rem)));
    }
}

/* FOOTER */

@media (max-width: 767px) {
    .footer-container {
        padding: 0;
    }

    .footer-container i {
        color: var(--tertiary-medium-color) !important;
        font-weight: 700;
    }
}

/* Tripadvisor */

#CDSWIDEXC {
    border-radius: 10px;
    margin: 10px auto !important;
}

/* Tripadvisor comentarios */

#CDSWIDWRL,
#CDSWIDWRL textarea {
    max-width: 100% !important;
    width: 100% !important;
}

/* logos redes */

.redes-temple {
    padding: 1rem;
    display: flex;
    justify-content: center;
}

.redes-temple-container {
    display: flex;
    justify-content: space-around;
}

.redes-temple img {
    height: 50px;
    filter: grayscale(1);
}

.redes-temple img:hover {
    filter: grayscale(0);
}

@media (max-width: 767px) {
    .redes-temple-container {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .redes-temple-container {
        width: 50%;
    }
}

.texto-centro {
    text-align: center !important;
}

.link-shop-footer:hover,
#contact-infos a:hover {
    color: var(--primary-medium-light-color);
}

/* PAGINA REGISTRATION */

/* Labels "¿Ya tiene una cuenta?" y "¡Inicie sesión!" */

#registration .register-form p {
    color: var(--primary-medium-dark-color);
}

#registration .register-form a {
    color: var(--secondary-medium-dark-color);
    font-weight: 700;
}

#registration .register-form a:hover {
    color: var(--secondary-medium-color);
}

/* PAGINA LOGIN */

@media (max-width: 767px) {
    #authentication .form-footer {
        text-align: center;
    }
}

/* PAGINA PRODUCTOS */

#product .product-container h1 {
    color: var(--primary-text-color);
}

#product .product-container div[id^="product-description-short"] p {
    color: var(--primary-text-color);
    text-align: left;
}

/* Modal carrito */

#product .modal-content {
    background-color: transparent !important;
}

#product .modal-header {
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: var(--primary-text-color);
}

#product .modal-title {
    color: var(--primary-medium-light-color) !important;
}

#product .modal-body {
    background-color: var(--primary-background-color);
    border-radius: 0 0 0.5rem 0.5rem;
}

#product .modal-content .value {
    color: var(--primary-text-color) !important;
    font-family: "Kodchasan Medium", sans-serif !important;
}

#product .modal-content .cart-products-count {
    color: var(--primary-medium-dark-color) !important;
}

#product #blockcart-modal .modal-header .close .material-icons {
    color: var(--primary-background-color);
}

#product #blockcart-modal .modal-header .close .material-icons:hover {
    color: var(--primary-medium-light-color);
}

#product .booking-price {
    font-family: "Kodchasan Medium", sans-serif !important;
}

@media (max-width: 991px){
    #product .form-control-static,
    #product .time_slot_checkbox label{
        width: 100%;
    }
}

#product span.note-guides{
    font-style: italic;
    font-weight: 700;
    color: var(--info-medium-color);
}

/* Calendario Booking */

#ui-datepicker-div {
    background: var(--tertiary-white-color) !important;
    color: var(--secondary-medium-dark-color) !important;
    font-family: "Quicksand" !important;
    border: 1px solid var(--tertiary-medium-light-color) !important;
}

/* Tripadvisor Opiniones */

#CDSWIDWRL {
    background-color: var(--primary-background-color) !important;
    border-radius: 0.5rem;
}

#CDSWIDWRL .widWRLData {
    background-color: var(--primary-background-color) !important;
    border-radius: 0.5rem;
}

#CDSWIDWRL .widWRLData.border {
    border: 1px solid var(--primary-medium-color) !important;
}

.ui_bubble_rating:after,
#CDSWIDWRL.cx_brand_refresh1 .widWRLRating {
    font-family: "Quicksand" !important;
    color: var(--primary-medium-dark-color) !important;
}

#CDSWIDWRL .widWRLLink a {
    color: var(--primary-text-color);
    font-family: "Quicksand" !important;
}

#CDSWIDWRL.cx_brand_refresh1 .widWRLButton input,
#CDSWIDWRL.cx_brand_refresh1 .widWRLButton input:hover {
    font-family: "Quicksand" !important;
    color: var(--primary-medium-light-color) !important;
    background-color: var(--primary-text-color) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border-color: var(--primary-text-color) !important;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

#CDSWIDWRL.cx_brand_refresh1 .widWRLButton input:hover {
    font-family: "Quicksand" !important;
    color: var(--primary-text-color) !important;
    background-color: var(--primary-medium-color) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border: 2px solid var(--primary-medium-dark-color);
    border-color: var(--primary-medium-dark-color);
    box-shadow: 1px 1px 10px var(--primary-medium-dark-color);
    transform: scale(1.05);
}

/* Descripción del producto */

#product .tabs {
    background-color: var(--primary-background-color);
    border-radius: 0.5rem;
    border: 1px solid var(--primary-medium-color);
}

#product .tabs p {
    text-align: left;
}

#product .img_jungle_maps p{
    display: flex;
    justify-content: center;
}

#product .tabs .nav-tabs {
    border-bottom: 1px solid var(--primary-medium-dark-color);
}

#product .tabs .nav-tabs .nav-link.active {
    border-bottom: 3px solid var(--primary-medium-color);
    color: var(--primary-medium-color);
    background-color: var(--primary-medium-dark-color);
    border-radius: 0.5rem 0.5rem 0 0;
}

#product .tabs .nav-tabs .nav-link:hover,
#product .tabs .nav-tabs .nav-link:focus {
    border-bottom: 3px solid var(--primary-medium-color);
}

#product .tabs .nav-tabs .nav-link {
    color: var(--info-medium-dark-color);
}

/* PAGINA CARRITO */

#cart .product-line-info span.value {
    color: var(--primary-text-color) !important;
    font-family: "Kodchasan Medium", sans-serif !important;
    font-size: 0.85rem;
}

#cart .js-cart-line-product-quantity {
    border-radius: 0.5rem 0 0 0.5rem;
    background: var(--tertiary-background-color);
    border: 1px solid var(--tertiary-medium-dark-color);
    font-family: "Kodchasan Medium", sans-serif;
}

#cart .btn-touchspin {
    background: var(--tertiary-medium-dark-color);
    color: var(--tertiary-medium-light-color);
}

#cart .bootstrap-touchspin-up {
    border-radius: 0 0.5rem 0 0;
}

#cart .bootstrap-touchspin-down {
    border-radius: 0 0 0.5rem 0;
}

#cart .continue-shopping {
    padding: 10px;
    color: var(--primary-text-color);
}

#cart .continue-shopping:hover {
    background: var(--secondary-white-color);
    color: var(--secondary-medium-color);
    border-radius: 2rem;
}

#cart .no-items {
    color: var(--secondary-medium-color);
}

/* PAGINA PASSWORD RECOVERY */

#password .send-renew-password-link {
    color: var(--primary-medium-dark-color);
}

#password #email {
    border-radius: 0.5rem 0 0 0.5rem;
}

@media (max-width: 767px) {
    #password #email {
        border-radius: 0.5rem;
    }
}

#password #send-reset-link {
    border-radius: 0 0.5rem 0.5rem 0;
}

/* PAGINA WISHLIST */

.wishlist-list-item-title,
.wishlist-list-item-title span {
    color: var(--primary-medium-dark-color) !important;
}

.wishlist-list-item-title:hover,
.wishlist-list-item-title:hover>span {
    color: var(--secondary-medium-dark-color) !important;
}

.wishlist-list-item-right>button i {
    color: var(--info-medium-dark-color) !important;
}

.wishlist-list-item-right>button i:hover {
    color: var(--info-medium-color) !important;
}

/* PAGINA HISTORIAL PEDIDOS */

/* Pagina Principal historial pedidos */

#history .table-labeled td:nth-child(2),
#history .table-labeled td:nth-child(3) {
    font-family: "Kodchasan Medium", sans-serif !important;
}

/* Pagina Detalle historial pedidos */

#order-detail #order-products td:last-child {
    font-family: "Kodchasan Medium", sans-serif !important;
}

#order-detail #order-products td:nth-child(3) {
    font-family: "Kodchasan Medium", sans-serif !important;
}

#order-detail #order-products tr.line-total td:last-child {
    font-family: "Kodchasan Bold", sans-serif !important;
    background-color: var(--primary-white-color);
}

#order-detail #order-history td:nth-child(1) {
    font-family: "Kodchasan Medium", sans-serif !important;
}

#order-detail #order-history td:nth-child(2) {
    font-family: "Kodchasan Medium", sans-serif !important;
}

#order-detail #order-products tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.05);
}

@media (max-width: 767px) {
    #history #content h6,
    #order-slip #content h6,
    #order-follow #content h6 {
        text-align: center;
    }

    #history .orders .order a h3{
        color: var(--primary-medium-dark-color);
        background-color: var(--primary-white-color);
    }

    #history .orders .order a h3:hover {
        color: var(--primary-medium-color);
    }

    #history .orders .order{
        border-bottom: 3px solid var(--primary-medium-pastel-color);
    }

    #history .orders .order .text-xs-right i {
        color: var(--primary-medium-dark-color);
    }

    #history .orders .order .text-xs-right i:hover {
        color: var(--primary-medium-color);
    }

    #history .orders .order .label{
        text-align: left;
    }

}
/* PAGINA FACTURAS POR ABONO */

#order-slip td:nth-child(2),
#order-slip td:nth-child(3) {
    font-family: "Kodchasan Medium", sans-serif !important;
}

/* PAGINA CHECKOUT */

#checkout #header #_desktop_logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#checkout #header #_desktop_logo img {
    height: 3rem;
}

#checkout #header #_desktop_logo span {
    color: var(--primary-text-color);
    margin: 0 1rem;
    font-size: 2rem;
    font-weight: 700;
}

#checkout .-complete h1 {
    font-weight: 700 !important;
    color: var(--primary-medium-color) !important;
}

#checkout .-current h1 {
    font-weight: 700 !important;
    color: var(--primary-medium-dark-color) !important;
}

#checkout section.checkout-step:first-child {
    border-radius: 0.5rem 0.5rem 0 0;
}

#checkout section.checkout-step:last-child {
    border-radius: 0 0 0.5rem 0.5rem;
}

#checkout #wrapper {
    min-height: 80vh;
}

#checkout p.identity a,
#checkout p.not-you a {
    color: var(--primary-medium-color);
    padding: 10px;
}

#checkout p.identity a:hover,
#checkout p.not-you a:hover {
    color: var(--secondary-medium-color);
    background-color: var(--secondary-white-color);
    border-radius: 2rem;
}

#checkout section.checkout-step .address-item.selected .address-footer {
    background: var(--primary-text-color);
}

#checkout section.checkout-step .address-item.selected .address-footer a {
    color: var(--primary-medium-pastel-color) !important;
}

#checkout section.checkout-step .address-item.selected .address-footer a:hover {
    color: var(--primary-medium-light-color) !important;
}

#checkout .add-address a{
    padding: 10px !important;
    color: var(--primary-text-color) !important;
}

#checkout .add-address a:hover {
    background: var(--secondary-white-color) !important;
    color: var(--secondary-medium-color) !important;
    border-radius: 2rem !important;
    
}

#checkout #footer a:hover{
    color: var(--primary-medium-light-color);
}

#checkout .modal-content{
    background-color: var(--primary-background-color) !important;
    color: var(--primary-medium-dark-color) !important;
}

/* PAGINA CONFIRMACION DE PEDIDO */

#order-confirmation #content-hook_order_confirmation .card-title {
    color: var(--primary-text-color) !important;
    font-weight: 700;
}

#order-confirmation .order-confirmation-table .order-line:nth-of-type(odd){
    background-color: rgba(0,0,0,0.05);
}

#order-confirmation #order-items h3{
    color: var(--primary-text-color);
    font-weight: 700;
}

#order-confirmation .order-confirmation-table .order-line .qty .row:nth-child(1) {
    font-family: "Kodchasan Medium", sans-serif !important;
}

#order-confirmation #content-hook_payment_return p strong {
    color: var(--primary-text-color);
    font-weight: 700;
}

/* VIDEO PAGINA INDEX */

#index #pre-content {
    width: 100vw;
    left: 0;
    z-index: -1;
    height: 100vh;
}

#index #pre-content,
#index #pre-content video {
    position: fixed;
    top: 125px;
}

@media (max-width: 767px) {
    #index #pre-content,    
    #index #pre-content video {
        top: calc(20px + (0.15 * (100vw - 2rem)) + (4 * 1.3rem) + 2.5rem);
    }

    #index #content-wrapper{
        margin-top: calc(-100vh + 50.5vw);
    }
}

/* PAGINA CONTACTE CON NOSOTROS */

#contact h3,
#contact h4 {
    color: var(--primary-text-color);
    font-weight: 700;
}

#contact .contact-rich a{
    color: var(--primary-medium-dark-color);
}

#contact .contact-rich a:hover {
    color: var(--secondary-medium-dark-color);
}

#contact .group-span-filestyle{
    background-color: var(--tertiary-text-color);
    border-radius: 0 0.5rem 0.5rem 0;
}

#contact .group-span-filestyle:hover{
    background-color: var(--tertiary-medium-light-color);
    border: 1px solid var(--tertiary-text-color);
}

#contact .group-span-filestyle label{
    color: var(--tertiary-medium-light-color);

}

#contact .group-span-filestyle label:hover{
    color: var(--tertiary-text-color);
}

/* PAGINA RGPD - Datos Personales */

@media (max-width: 767px) {
    #exportDataToCSV {
        margin-bottom: 10px;
    }

    #exportDataToCSV,
    #exportDataToPDF {
        margin-right: 0;
        margin-left: 0;
        
    }
}

/* AUDIO JUNGLE */

#audio-jungle {
    display: none;
}

#mute-jungle {
    position: absolute;
    top: 60%;
    left: 5px;
    z-index: 2000;
    background: transparent;
    cursor: pointer;
}

#mute-jungle,
#mute-jungle:focus,
#mute-jungle:active,
#mute-jungle:hover {
    border: none !important;
    outline: none !important;
}

#mute-jungle-img {
    height: 30px;
    fill: var(--info-medium-color);
}

@media (max-width: 767px) {
    #mute-jungle{
        top: 81%;
        left: 2px;
    }
}

/* Reseñas de Google */

.jNZsXk{
    position: relative;
    left: -1rem;
}

.tapar-link-elfsight{
    z-index: 999999999;
    position: relative;
    height: 4rem;
    bottom: 6rem;
    width: 100%;
    background-color: var(--primary-background-color);
}

.cyvmkw,
.jrqOxc{
    border-radius: 0.5rem !important;
}

.eapps-widget-show-toolbar:hover{
    display: none;
}

/* Banner Speak */

.banner-speak{
    display: flex;
}

@media (max-width: 576px){
    .banner-speak{
        padding: 1rem 0rem 2rem 2rem;
    }
}

@media (min-width: 577px) and (max-width: 767px){
    .banner-speak{
        padding: 1rem 0rem 2rem 2rem;
    }
}

@media (min-width: 768px){
    .banner-speak{
        padding: 1rem 4rem 2rem 6rem;
    }
}


.head-container{
    width: 35%;
}

.balloon-container{
    position: relative;
    width: 65%;
    container-type: inline-size;
    container-name: balloon;
}

.balloon-speak{
   width: 0;
}

.balloon-text{
    font-family: 'Quicksand';
    font-weight: 700;
    width: 90%;
    font-size: 0;
}

.to-animate{
    transition: width 2s ease, font-size 1s ease, display 3s ease;

}

.to-animate.active{
    width: 90%;
}

.balloon-text.active{
    position: absolute;
    top: 43%;
    text-align: center;
    display: block;
    line-height: 2.5vw;
    transition-delay: 1s;
}

@container balloon (max-width: 210px){
    .balloon-text.active{
        font-size: 0.7rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 1.4rem;
    }

}

@container balloon (min-width: 211px) and (max-width: 245px) {
    .balloon-text.active{
        font-size: 0.8rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 1.6rem;
    }
}

@container balloon (min-width: 246px) and (max-width: 280px) {
    .balloon-text.active{
        font-size: 0.9rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 2rem;
    }
}

@container balloon (min-width: 281px) and (max-width: 315px) {
    .balloon-text.active{
        font-size: 1rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 2.2rem;
    }
}

@container balloon (min-width: 316px) and (max-width: 350px) {
    .balloon-text.active{
        font-size: 1.1rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 2.5rem;
    }
}

@container balloon (min-width: 351px) and (max-width: 385px) {
    .balloon-text.active{
        font-size: 1.2rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 1.9rem;
    }
}

@container balloon (min-width: 386px) and (max-width: 420px) {
    .balloon-text.active{
        font-size: 1.3rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 2rem;
    }
}

@container balloon (min-width: 421px) and (max-width: 455px) {
    .balloon-text.active{
        font-size: 1.4rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 2.1rem;
    }
}

@container balloon (min-width: 456px) and (max-width: 490px) {
    .balloon-text.active{
        font-size: 1.5rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 2.2rem;
    }
}

@container balloon (min-width: 491px) and (max-width: 525px) {
    .balloon-text.active{
        font-size: 1.6rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 3.5rem;
    }
}

@container balloon (min-width: 526px) and (max-width: 560px) {
    .balloon-text.active{
        font-size: 1.7rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 3.6rem;
    }
}

@container balloon (min-width: 561px) and (max-width: 595px) {
    .balloon-text.active{
        font-size: 1.8rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 3.8rem;
    }
}

@container balloon (min-width: 596px) and (max-width: 630px) {
    .balloon-text.active{
        font-size: 1.9rem;
    }

    .en-flag.active,
    .fr-flag.active,
    .es-flag.active,
    .cn-flag.active{
        width: 4.6rem;
    }
}

.flag{
    border-radius: 50%;
}

.en-flag,
.fr-flag,
.es-flag,
.cn-flag{
    width: 0;
}

.en-flag.active,
.fr-flag.active,
.es-flag.active,
.cn-flag.active{
    position: absolute;
    display: block;
    transition-delay: 2s;
}

.en-flag.active{
    top: 15%;
    left: 20%;
}

.fr-flag.active{
    top: 15%;
    left: 55%;
}

.es-flag.active{
    top: 60%;
    left: 30%;
}

.cn-flag.active{
    top: 60%;
    left: 65%;
}

/* PAGINA AVISO LEGAL */

#cms .center-img-license{
    display: flex;
}