/* COLORES MAQUETA
 AZUL: #0099cc
 
 GRIS_FONDO: #eef0f5
 
 AZUL OSCURO: #002C55
 
 DARK_GRIS: #4d4d4d
 
 NARANJA: #ff4c4c  
 
 AMARILLO: #f7e921

 GRIS: #808080

 VERDE: #03bd3c
 */

 /* Globales*/
 @font-face {
    font-family: "Skyfont-bold";
    src: url("../fonts/dobra-bold.otf");
}
@font-face {
    font-family: "Skyfont-light";
    src: url("../fonts/dobra-light.otf");
}
@font-face {
    font-family: "Skyfont-valentines";
    src: url("../fonts/Strawberry-Blossom.otf");
}

.filter-black-grey-empty{
    filter: grayscale() !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.filter-black-grey{
    filter: grayscale() !important;
}

/* Modal Offers */
#offersModal,
#offersModal .modal-dialog{
    /* height: auto; */
    /* max-height: 496px; */
    width: 100% !important;
    /* width: 90% !important; */
    /* max-width: 800px  !important; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#offersModal .modal-dialog .modal-content{
    /* max-height: 496px; */
    /* max-height: 496px; */
    min-height: 532px !important;
    height: 100% !important;
    width: 90% !important;
    max-width: 800px  !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px !important;
    background-color: transparent;
    /* padding: 30px 10px; */
}

#offersModal .modal-dialog .content{
    height: 100%;
    width: 60%;
    padding: 30px 10px;
    /* text-shadow: 4px 4px 2px rgba(0,0,0,0.6) !important; */
    background-image: url('../images/modal-home/back-clouds.jpg') !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    border-radius: 10px 0 0 10px;
}

#offersModal .modal-dialog .modal-content .content .title-nd{
    font-family: Skyfont-bold;
    font-size: 30px;
    line-height: 0.6;
}
#offersModal .modal-dialog .modal-content .content .title-nd .strong{
    font-family: Skyfont-valentines;
    font-size: 170px;
}
#offersModal .modal-dialog .modal-content .content .text-nd-sm{
    font-family: Skyfont-bold;
    font-size: 20px;
    line-height: 1;
}
#offersModal .modal-dialog .modal-content .content .text-nd-lg{
    font-family: Skyfont-bold;
    font-size: 22px;
    line-height: 1;
}
#offersModal .modal-dialog .modal-content .content .text-nd-sm .strong,
#offersModal .modal-dialog .modal-content .content .text-nd-lg .strong{
    font-family: Skyfont-valentines;
    font-size: 40px;
}
#offersModal .modal-dialog .modal-content .content .price{
    /* height: fit-content; */
    font-family: Skyfont-bold;
    font-size: 70px;
    line-height: 1;
    margin: 0;
    padding: 0;
}
#offersModal .modal-dialog .modal-content .content .price small{
    font-family: Skyfont-bold;
    font-size: 20px;
    margin-top: -15px;
    /* line-height: 1; */
}
#offersModal .modal-dialog .modal-content .content .price-unit{
    /* height: min-content; */
    font-family: Skyfont-bold;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    padding: 0;
}
#offersModal .modal-dialog .modal-content .content button{
    border-radius: 20px;
    padding: 5px;
    margin: 10px 0;
    font-family: Skyfont-bold;
    text-transform: uppercase;
    border: none;
    outline: none;
}
#offersModal .modal-dialog .modal-content .content .btn-group-two{
    width: 100%;
}
#offersModal .modal-dialog .modal-content .content .btn-omd-bn{
    width: 80%;
    font-size: 20px;
}
#offersModal .modal-dialog .modal-content .content .btn-omd-bf{
    width: 40%;
    font-size: 12px;
}
#offersModal .modal-dialog .modal-content .content .btn-omd-not{
    width: 40%;
    font-size: 12px;
}

#offersModal .modal-dialog .img{
    /* height: 100%;
    width: 40%;
    min-width: 50%;
    max-width: 389px;
    height: 100%;
    min-height: 50%;
    max-height: 496px; */
    min-height: 532px;
    height: 100%;
    width: 40%;
    border-radius: 0 10px 10px 0;
    background-image: url('../images/modal-home/restaurant-el-cielo.jpg') !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}
#offersModal .modal-dialog img{
    width: 40%;
    height: 100%;
    max-height: 100%;
    height: auto;
}

.valentines-sc{
    height: 600px;
}

.valentines-sc h1{
    font-size: 90px;
}

.valentines-sc > div{
    height: 600px;
}

.valentines-sc > div{

}

.valentines-sc .text-center .font-valentines{
    font-size: 120px;
}

.valentines-sc p{
    font-size: 30px;
}

.valentines-sc p span{
    font-size: 50px;
}
.valentines-sc img{
    /* width: calc(auto - 10px); */
    /* width: auto; */
    /* height: calc(100% - 10px); */
    /* max-height: 100%;
    height: calc(100% - 50%); */
    /* max-height: 100%; */
    /* width: calc(100% - 5%); */
    /* height: auto; */
    /* height: calc(100% - 40%); */
    /* max-height: auto; */
    /* width: auto; */
    /* max-width: 100%; */
    border-radius: 20px;
    align-self: center;
    width: calc(100% - 10%);
    height: auto;
    margin-top: calc(10%);
}

.valentines-sc .price p{
    /* height: fit-content; */
    font-family: Skyfont-bold;
    font-size: 70px;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.valentines-sc .price p small{
    font-family: Skyfont-bold;
    font-size: 20px;
    margin-top: -15px;
    /* line-height: 1; */
}
.valentines-sc .price-unit{
    /* height: min-content; */
    font-family: Skyfont-bold;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.valentines-sc .btn-omd-bn{
    text-transform: uppercase;
    cursor: pointer;
    font-family: Skyfont-bold;
    width: 80%;
    font-size: 20px;
    border: 0;
    outline: none;
    border-radius: 15px;
    padding: 10px;
    margin: 40px 0;
    margin-top: 0px;
    transition: 0.2s;
    transform: scale(1);
    /* background: linear-gradient(180deg, rgba(238,240,245,1) 0%, rgba(255,211,251,1) 34%, rgba(255,203,249,1) 50%, rgba(255,211,251,1) 66%, rgba(255,255,255,1) 100%); */
    /* background: linear-gradient(180deg, rgba(238,240,245,1) 0%, rgba(255,211,251,1) 20%, rgba(255,203,249,1) 50%, rgba(255,211,251,1) 80%, rgba(255,255,255,1) 100%); */
    background-color: rgba(255,203,249,1);
}
.valentines-sc .btn-omd-bn:hover{
    text-decoration: none;
    color: #fff;
    transition: 0.5s;
    transform: scale(1.05);
}
.valentines-sc .btn-omd-bn:active{
    text-decoration: none;
    color: #fff;
    transform: scale(0.95);
}

.valentines-sc .btn-omd-bn:focus,
.valentines-sc .btn-omd-bn:visited{
    text-decoration: none;
    color: #fff;
}

.btn-pay-clip.disabled,
.btn-pay-clip:disabled{
    background-color: #ccc;
    cursor: not-allowed;
    pointer-events: none;
}

.btn-pay-clip{
    width: 100%;
    background-color: #FC4C02;
    color: #fff;
    padding: 10px 0;
    border-radius: 10px;
}

.checkout-section .pagos-normales .tab-content,
.checkout-section .pagos-normales .tab-content #home,
.checkout-section .pagos-normales .tab-content #home #payment-form-clip{
    z-index: 100000;
}

@media (max-width: 480px) {
    /* .btn-pay-clip{
        width: 80%;
        background-color: #FC4C02;
        color: #fff;
        padding: 10px 0;
        border-radius: 10px;
    } */
}

/* @media (max-width: 576px) { */
@media (max-width: 480px) {
    .valentines-sc{
        height: auto;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .valentines-sc > div{
        height: unset;
    }
    .valentines-sc img{
        border-radius: 15px;
        align-self: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
/* Modal Offers END */

/*  TOPBAR  */
 .background-black{
    background-color: #000;
}

.background-white{
    background-color: #fff;
}

.background-cyberMonday{
    /* background-color: #d11af7 !important; */
    background-color: #ff00cb !important;
}

.background-red{
    background-color: red !important;
}
.background-white{
    background-color: #fff !important;
}
.background-blue{
    background-color: #0099cc !important;
}
.background-grayclear{
    background-color: #eef0f5 !important;
}
.background-darkblue{
    background-color: #002C55 !important;
}
.background-darkgray{
    background-color: #4d4d4d !important;
}
.background-orangered{
    background-color: #ff4c4c !important;
}
.background-yellow{
    background-color: #f7e921 !important;
}
.background-grey{
    background-color: #808080 !important;
}
.background-green{
    background-color: #03bd3c !important;
}
.background-tricolor{
    /* background-color:  !important; */
    /* background: rgb(0,115,54) !important; */
    background: linear-gradient(90deg, rgba(0,115,54,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 70%, rgba(255,0,0,1) 100%) !important;
}
.background-inherit{
    background-color: inherit;
}
.background-transparent{
    background-color: transparent;
}
.background-gold{
    /* For higlights label */
    text-shadow: 4px 4px 2px rgba(0,0,0,0.6) !important;
    background-image: url('../images/Dorado.jpg') !important;
    background-position:left;
    background-size: contain;
}
.background-valentines{
    /* For higlights label */
    text-shadow: 4px 4px 2px rgba(0,0,0,0.6) !important;
    background-image: url('../images/valentines-texture.png') !important;
    background-position:left;
    background-size: contain;
}
.background-cvalentines{
    /* For higlights label */
    /* text-shadow: 4px 4px 2px rgba(0,0,0,0.6) !important; */
    /* background-image: url('../images/valentines-texture.png') !important; */
    /* background-position:left; */
    /* background-size: contain; */
    /* background: rgb(255,255,255); */
    /* background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,223,251,1) 0%, rgba(255,188,246,1) 33%, rgba(255,180,245,1) 66%, rgba(255,212,249,1) 100%); */
    /* background: rgb(255,221,251); */
    /* background: radial-gradient(circle, rgba(255,221,251,1) 0%, rgba(255,218,251,1) 31%, rgba(255,214,250,1) 48%, rgba(255,205,249,1) 62%, rgba(255,185,246,1) 94%, rgba(255,185,246,1) 100%); */
    background: rgb(255,255,255);
    /* background: linear-gradient(0deg, rgba(238,240,245,1) 0%, rgba(255,211,251,1) 34%, rgba(255,203,249,1) 50%, rgba(255,211,251,1) 66%, rgba(255,255,255,1) 100%); */
    /* background: linear-gradient(180deg, rgba(238,240,245,1) 0%, rgba(255,211,251,1) 34%, rgba(255,203,249,1) 50%, rgba(255,211,251,1) 66%, rgba(255,255,255,1) 100%); */
    /* background: linear-gradient(180deg, rgba(238,240,245,1) 0%, rgba(255,211,251,1) 20%, rgba(255,203,249,1) 50%, rgba(255,211,251,1) 80%, rgba(255,255,255,1) 100%); */
    background: linear-gradient(180deg, rgba(238,240,245,1) 0%, rgba(189,229,255,1) 30%, rgba(189,229,255,1) 50%, rgba(189,229,255,1) 80%, rgba(255,255,255,1) 100%);
}
.background-clouds{
    /* For higlights label */
    text-shadow: 4px 4px 2px rgba(0,0,0,0.6) !important;
    background-image: url('../images/modal-home/back-clouds.jpg') !important;
    background-position:left;
    background-size: contain;
}
.border-black{
    border-color: #000 !important;
}

.border-white{
    border-color: #fff !important;
}

.border-cyberMonday{
    /* border-color: #d11af7 !important; */
    border-color: #ff00cb !important;
}

.border-red{
    border-color: red !important;
}
.border-white{
    border-color: #fff !important;
}
.border-blue{
    border-color: #0099cc !important;
}
.border-grayclear{
    border-color: #eef0f5 !important;
}
.border-darkblue{
    border-color: #002C55 !important;
}
.border-darkgray{
    border-color: #4d4d4d !important;
}
.border-orangered{
    border-color: #ff4c4c !important;
}
.border-yellow{
    border-color: #f7e921 !important;
}
.border-grey{
    border-color: #808080 !important;
}
.border-green{
    border-color: #03bd3c !important;
}
.border-inherit{
    border-color: inherit;
}
.border-transparent{
    border-color: transparent;
}

.to-uppercase{
    text-transform: uppercase;
}

.to-lowercase{
    text-transform: lowercase;
}

.font-white{
    color: #fff;
}

.font-red{
    color: red !important;
}

.font-cyberMonday{
    /* color: #d11af7 !important; */
    color: #ff00cb !important;
}

.font-gold{
    text-shadow: 4px 4px 2px rgba(0,0,0,0.1) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-image: url('../images/Dorado.jpg') !important;
    background-position: center !important;
    background-size: contain !important;
    /* background-position: center !important; */
    /* background-size: cover !important; */
    /* background: url('../images/Dorado.jpg') !important; */
    /* background: linear-gradient(45deg, rgba(124, 56, 207, 1) 0%, rgba(223, 35, 158, 1) 50%, rgba(248, 148, 76, 1) 100%); */
    /* background: linear-gradient(45deg, rgba(124, 56, 207, 1) 0%, rgba(223, 35, 158, 1) 50%, rgba(248, 148, 76, 1) 100%); */
    /* color: transparent  !important; */
}
.font-valentines{
    text-shadow: 4px 4px 2px rgba(0,0,0,0.1) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-image: url('../images/valentines-texture.png') !important;
    background-position: center !important;
    background-size: contain !important;
}
.font-clouds{
    text-shadow: 4px 4px 2px rgba(0,0,0,0.1) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-image: url('../images/modal-home/back-clouds.jpg') !important;
    background-position: center !important;
    background-size: contain !important;
}

.font-black{
    color: #000 !important;
}

.font-white{
    color: #fff;
}

.font-blue{
    color: #0099cc;
}
.font-grayclear{
    color: #eef0f5;
}
.font-darkblue{
    color: #002C55;
}
.font-darkgray{
    color: #4d4d4d;
}
.font-orangered{
    color: #ff4c4c;
}
.font-yellow{
    color: #f7e921;
}
.font-grey{
    color: #808080;
}
.font-green{
    color: #03bd3c;
}

.skyfont-light{
    font-family: "Skyfont-light" !important;
}

.skyfont-light-b{
    font-family: "Skyfont-light" !important;
    font-weight: bold;
}

.skyfont-bold{
    font-family: "Skyfont-bold" !important;

}

.skyfont-valentines{
    font-family: "Skyfont-valentines" !important;
}

.text-line-through{
    text-decoration: line-through;
}

.navbar-menu-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Skyfont-light" !important;
    font-size: 17px;
    /* font-weight: 600; */
}
.navbar-menu-container .row{
    width: 95%;
    max-width: 1300px;
    display: flex;
    flex-direction: row;
}

.navbar-menu-container .row .logo{
    width: 10%;
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

.navbar-menu-container .row .menu-elements{
    width: 70%;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: space-evenly;*/
}

.navbar-menu-container .row .menu-elements .first-level{
    margin: 0 2rem;
}

.navbar-menu-container .row .menu-elements .first-level a:hover,
.navbar-menu-container .row .menu-elements .parent-menu a:hover{
    color: #fff;
}

.navbar-menu-container .row .menu-elements .first-level a,
.navbar-menu-container .row .menu-elements .parent-menu a{
    text-transform: uppercase;
    color: #fff;
}

.navbar-menu-container .row .menu-elements .child-menu-new{
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 1;
    width: max-content;
    padding: 2px 1rem;
    background-color: #0099cc;
}

.navbar-menu-container .row .menu-elements i{
    margin-left: 5px;    
}

.navbar-menu-container .row .menu-elements .child-menu-new span{
    text-transform: unset;
    padding: 1rem 5px;
    transition: 0.2s;
    transform: scale(1);
}

.navbar-menu-container .row .menu-elements .child-menu-new span a{
    text-transform: unset;
    color: #fff;
    transition: 0.2s;
    transform: scale(1);
}

.navbar-menu-container .row .menu-elements .child-menu-new span i{
    margin-right: 5px;    
}

.navbar-menu-container .row .menu-elements .child-menu-new span:hover a{
    color: #fff;
}

.navbar-menu-container .row .menu-elements .child-menu-new span:hover{
    transform: scale(1.08);
}

.navbar-menu-container .row .lang-cart{
    width: 20%;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: space-evenly;*/
}

.navbar-menu-container .row .lang-cart .cart{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-menu-container .row .lang-cart .cart a{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}

.navbar-menu-container .row .lang-cart .lang-slct{
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.navbar-menu-container .row .lang-cart .lang-slct a{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.navbar-menu-container .row .lang-cart .lang-slct span{
    color: #fff;
}


/*  SMARTBAR  */
.smartbar-container-main{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
}

.smartbar-container-main .smartbar-form{
    max-width: 1200px;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 3rem;
    /*padding-bottom: 4rem;*/
    box-shadow: 0px 10px 10px #00000054;
}

.smartbar-container-main .smartbar-form h1{
    font-family: "Skyfont-bold";
}

.smartbar-container-main .smartbar-form .smartbar-list-results li:hover{
    background-color: #03bd3c !important;
    color: #fff !important;
    font-weight: normal;
}

.smartbar-container-main .smartbar-form .smartbar-list-results li .highlight-flight-span{
    background-color: #ff4c4c !important;
}

.smartbar-container-main .smartbar-form .smartbar-list-results li:hover .highlight-flight-span{
    color: #fff !important;
}

.smartbar-container-main .smartbar-form .smartbar-list-results li span.title {
    font-size: 20px;
}

.smartbar-container-main .smartbar-form .form{
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 4rem;
}

.smartbar-container-main .smartbar-form .form .step{
    width: 25%;
    display: flex;
    flex-direction: column;
}

.smartbar-container-main .smartbar-form .form .step .step-title{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 2rem 0;
}

.smartbar-container-main .smartbar-form .form .step .step-title .step-number{
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-weight: bold;
}

.smartbar-container-main .smartbar-form .form .step .step-title .step-label{
    width: max-content;
    padding: 0 1rem;
    font-size: 1.6rem;
    font-weight: 900;
    font-family: "Skyfont-light";
    font-size: 17px;
}

.smartbar-container-main .smartbar-form .form .step .custom-input{
    width: 100%;
    height: 5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 2px solid #eef0f5; 
    border-radius: 4rem;
}

.smartbar-container-main .smartbar-form .form .step .custom-input .input input{
    width: 100% !important;
    font-size: 18px !important;
    border: none;
    font-family: "Skyfont-light";
    color: black;
}

.smartbar-container-main .smartbar-form .form .step .without-date{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
}

.smartbar-container-main .smartbar-form .form .step .without-date span{
    width: max-content;
    font-size: 11px;
    font-family: 'Noto Sans', sans-serif;
    margin: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.smartbar-container-main .smartbar-form .form .step .without-date .switch {
    --button-width: 3em;
    --button-height: 1.8em;
    --toggle-diameter: 1.5em;
    --button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);
    --toggle-shadow-offset: 10px;
    --toggle-wider: 3em;
    --color-grey: #cccccc;
    --color-green: #4296f4;
    margin: 0;
}

.smartbar-container-main .smartbar-form .form .step .without-date .slider {
 display: inline-block;
 width: var(--button-width);
 height: var(--button-height);
 background-color: var(--color-grey);
 border-radius: calc(var(--button-height) / 2);
 position: relative;
 -webkit-transition: 0.3s all ease-in-out;
 transition: 0.3s all ease-in-out;
}

.smartbar-container-main .smartbar-form .form .step .without-date .slider::after {
 content: "";
 display: inline-block;
 width: var(--toggle-diameter);
 height: var(--toggle-diameter);
 background-color: #fff;
 border-radius: calc(var(--toggle-diameter) / 2);
 position: absolute;
 top: var(--button-toggle-offset);
 -webkit-transform: translateX(var(--button-toggle-offset));
     -ms-transform: translateX(var(--button-toggle-offset));
         transform: translateX(var(--button-toggle-offset));
 -webkit-box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
         box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
 -webkit-transition: 0.3s all ease-in-out;
 transition: 0.3s all ease-in-out;
}

.smartbar-container-main .smartbar-form .form .step .without-date .switch input[type="checkbox"]:checked + .slider {
 background-color: var(--color-green);
}

.smartbar-container-main .smartbar-form .form .step .without-date .switch input[type="checkbox"]:checked + .slider::after {
 -webkit-transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
     -ms-transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
         transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
 -webkit-box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
         box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
}

.smartbar-container-main .smartbar-form .form .step .without-date .switch input[type="checkbox"] {
 display: none;
}

.smartbar-container-main .smartbar-form .form .step .without-date .switch input[type="checkbox"]:active + .slider::after {
 width: var(--toggle-wider);
}

.smartbar-container-main .smartbar-form .form .step .without-date .switch input[type="checkbox"]:checked:active + .slider::after {
 -webkit-transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
     -ms-transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
         transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
}

.smartbar-container-main .smartbar-form .form .submit-button{
    width: 15%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.smartbar-container-main .smartbar-form .form .submit-button button{
    width: 95%;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 900;
    border: none;
    border-radius: 2rem;
    transition: 0.2s;
    transform: scale(1);
    font-family: "Skyfont-light";
}
.smartbar-container-main .smartbar-form .form .submit-button button:active{
    transform: scale(0.9);
}

.smartbar-container-main .smartbar-submenu.flight-pack-mobile,
.smartbar-container-main .smartbar-submenu.passengers-mobile {
    background-color: #fff;
    box-shadow: 0px 10px 10px #00000054;
    margin: 0 auto;
    /*position: absolute;*/
    position: unset;
    left: 0;
    top: 145px;
    width: 100%;
    border-radius: 0 0 3rem 3rem;
}

.smartbar-container-main .smartbar-submenu.flight-pack-mobile .smartbar-list-results,
.smartbar-container-main .smartbar-submenu.flight-pack-mobile .smartbar-list-results li:last-child {
    border-radius: 0 0 3rem 3rem;
}

.smartbar-container-main .smartbar-submenu.passengers-mobile,
.smartbar-container-main .smartbar-submenu.pickup-place-mobile {
    border-radius: 0 0 3rem 3rem;
}

/*  SMARTBAR MOBILE */

@media (max-width: 768px) {
    .smartbar-container-main .smartbar-form{
        max-width: 600px;
    }

    .smartbar-container-main .smartbar-form .form{
        width: 95%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 4rem;
    }
    .smartbar-container-main .smartbar-form .form .step{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 1rem;
        align-items: center;
    }

    .smartbar-container-main .smartbar-form .form .step .custom-input .input input {
        font-size: 20px;
    }

    .smartbar-container-main .smartbar-form .form .submit-button{
        width: 100%;
        padding-top: 2rem;
    }

    .smartbar-container-main .smartbar-form .form .submit-button button{
        width: 90%;
    }

    .smartbar-container-main .smartbar-submenu.flight-pack-mobile,
    .smartbar-container-main .smartbar-submenu.passengers-mobile {
        width: 90%;
        border-radius: 3rem;
    }
}

/*  VUELOS  ////////////////////////////////////////////////////////////////////////////////  */

.flights-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.flights-container h1{
    font-family: "Skyfont-light";
    font-size: 35px;
    font-weight: 900;
}

.flights-container h1 span{
    font-family: "Skyfont-bold";
    font-size: 36px;
    font-weight: normal;
}

.flights-container .flights-cards-container{
    width: 95%;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.flights-container .flights-cards-container .flight-card, .single-flight.single-page .flight-card{
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-radius: 3rem;
    box-shadow: 0px 10px 10px #00000054;
}

@media ( (min-width: 768px) and  (max-width: 948px)) {
    .flights-container .flights-cards-container .flight-card, .single-flight.single-page .flight-card{
        margin: 2rem 0;
    }
}

.flights-container .flights-cards-container .flight-card .highlight, .single-flight.single-page .flight-card .highlight{
    background-color: #ff4c4c;
    color: #fff; 
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    border-radius: 3rem 0 0 0;
    margin-bottom: -3rem;
    z-index: 1;
    padding-left: 2rem;
}

.flights-container .flights-cards-container .flight-card a img, .single-flight.single-page .flight-card a img{
    width: 300px;
    border-radius: 3rem 3rem 0 0;
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo, .single-flight.single-page .flight-card .info-data-vuelo{
    width: 100%;
    display: flex;
    flex-direction: column;
    /* font-family: 'Noto Sans', sans-serif; */
    padding: 1rem 1.5rem;
    border-radius: 0 0 1.5rem 1.5rem;
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo .flight-name, .single-flight.single-page .flight-card .info-data-vuelo .flight-name{
    /* padding: 1rem; */
    font-weight: normal;
    font-size: 23px;
    height: 64px;
    min-height: 32px;
    max-height: 64px;
    display: flex;
    align-items: center;
    font-family: "Skyfont-bold";
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo .highlight-included, .single-flight.single-page .flight-card .info-data-vuelo .highlight-included{
    /* padding: 0 1rem; */
    font-weight: unset;
    font-size: 14px;
    height: 80px;
    min-height: 40px;
    max-height: 80px;
    height: auto;
    font-family: "Skyfont-light";
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo .rating, .single-flight.single-page .flight-card .info-data-vuelo .rating{
    display: flex;
    flex-direction: row;
    font-size: 2rem;
    align-items: center;
    height: 22px;
    margin-top: 5px;
    margin-bottom: 3rem;
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo .rating p, .single-flight.single-page .flight-card .info-data-vuelo .rating p{
    font-size: 14px;
    margin: 0;
    margin-left: 1rem;
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo .price-off, .single-flight.single-page .flight-card .info-data-vuelo .price-off{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 13px;
    text-decoration: line-through;
    height: 20px;
    font-family: "Skyfont-light";
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo .price, .single-flight.single-page .flight-card .info-data-vuelo .price{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 30px;
    font-weight: normal;
    height: 40px;
    font-family: "Skyfont-bold";
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo .price small, .single-flight.single-page .flight-card .info-data-vuelo .price small{
    font-size: 14px;
    margin-left: 5px;
    font-family: "Skyfont-light";
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo .per-unit, .single-flight.single-page .flight-card .info-data-vuelo .per-unit{
    text-align: right;
    font-size: 10px;
    font-weight: 100;
    height: 15px;
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo a, .single-flight.single-page .flight-card .info-data-vuelo a{
    width: 100%;
    display: flex;
    justify-content: center;
    min-height: 40px;
    max-height: 70px;
    font-family: "Skyfont-light";
    font-size: 18px;
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo a.button .btn-buy-now, .single-flight.single-page .flight-card .info-data-vuelo a.button .btn-buy-now{
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    border-radius: 1.3rem;
    border: none;
    margin: 1.5rem 0;
}

.flights-container .flights-cards-container .flight-card .info-data-vuelo a.button .btn-mas-info, .single-flight.single-page .flight-card .info-data-vuelo a.button .btn-mas-info, .single-flight.single-page .flight-card .info-data-vuelo a.button .btn-mas-info{
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    border-radius: 1.3rem;
    border: none;
    /* margin: 1.5rem 0; */
    background-color: transparent;
    text-decoration: underline;
    font-size: 13px;
    font-family: "Skyfont-light";
}

.flights-container .ver-todos{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
}

.flights-container .ver-todos .ver-todos-button{
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    background-color: #fff;
    border: 1.5px solid #0099cc;
    color: #0099cc;
    font-size: 22px;
    border-radius: 2rem;
    transition: 0.2s;
    padding: 1rem 2rem;
    transform: scale(1);
    font-family: "Skyfont-light";
    font-weight: 600;
}

.flights-container .ver-todos .ver-todos-button:hover{
    background-color: #0099cc;
    color: #fff;
    transform: scale(1.05);
}
.flights-container .ver-todos .ver-todos-button:active{
    background-color: #0099cc;
    color: #fff;
    transform: scale(0.9);
}

.flights-container .ver-todos .ver-todos-button i{
    padding: 0 1rem;
}

/*  VUELOS MOBILE  ////////////////////////////////////////////////////////////////////////////////  */

@media (max-width: 768px) {
    .flights-container .flights-cards-container{
        width: 95%;
        max-width: 600px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .flights-container .flights-cards-container .flight-card, .single-flight.single-page .flight-card{
        width: 300px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        border-radius: 1.5rem;
        box-shadow: 0px 10px 10px #00000054;
        margin: 2rem 0;
    }
}

/*  GUIA PARA VUELO SEGURO  ////////////////////////////////////////////////////////////////////////////////  */
.secure-flight {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.secure-flight .secure-flight-container{
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* flex-wrap: wrap; */
}

.secure-flight .secure-flight-container h2{
    width: 95%;
    text-align: center;
    font-size: 35px;
}
.secure-flight .secure-flight-container .txt{
    width: 95%;
    text-align: center;
    font-family: skyfont-light;
    font-size: 20px;
}

.secure-flight .secure-flight-container .steps-container{
    width: 100%;
    /* max-width: 1200px; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.secure-flight .secure-flight-container .sf-card{
    width: 19%;
    display: flex;
    flex-direction: row;
    margin: 2rem 0;
}

.secure-flight .secure-flight-container .sf-card img{
    margin-top: 35px;
}

.secure-flight .secure-flight-container .sf-card .num{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0099cc;
    border-radius: 100%;
    font-family: skyfont-bold;
    color: #fff;
    font-size: 12px;
}

.secure-flight .secure-flight-container .sf-card .text{
    /* width: 140px; */
    /* height: 140px; */
    width: 130.19px;
    /* height: ; */
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}

.secure-flight .secure-flight-container .sf-card .text .head{
    width: 100%;
    /* height: 30px; */
    min-height: 30px;
    max-height: 60px;
    display: flex;
    align-items: center;
    font-family: skyfont-bold;
    font-size: 16px;
    color: #0099cc;
    margin: 5px 0;
}

.secure-flight .secure-flight-container .sf-card .text .txt{
    width: 100%;
    font-family: skyfont-light;
    font-size: 13px;
    text-align: justify;
}

@media (max-width: 768px) {
    
    .secure-flight .secure-flight-container h2{
        width: 95%;
        text-align: center;
    }

    .secure-flight .secure-flight-container .txt{
        width: 95%;
        text-align: center;
    }

    .secure-flight .secure-flight-container .steps-container{
        width: 95%;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .secure-flight .secure-flight-container .sf-card{
        width: 100%;
    }

    .secure-flight .secure-flight-container .sf-card img{
        margin-top: 20px;
    }

    .secure-flight .secure-flight-container .sf-card .num{
        padding: 0 1rem;
    }

    .secure-flight .secure-flight-container .sf-card .text{
        width: fit-content;
    }
}

/*  GALLERY SECTION  ////////////////////////////////////////////////////////////////////////////////  */

.gallery-container-main{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gallery-container-main .gallery-container{
    width: 100%;
    /* max-width: 1200px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans', sans-serif;
    padding: 1rem;
}

.gallery-container-main .gallery-title{
    font-size: 35px;
    color: #002C55;
    font-weight: bold;
    text-align: center;
    padding: 3rem 0;
    font-family: "Skyfont-light";
    font-weight: 900;
}

.gallery-container-main .gallery-container .slick-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
}

.gallery-container-main .gallery-container .slick-container .slick-elements{
    width: 95%;
    max-width: 1200px;
    height: 250px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

@media (max-width: 1000px) {
    .gallery-container-main .gallery-container .slick-container .slick-elements{
        width: 90%;
        max-width: 700px;
        height: 250px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
}

@media ((min-width:1000px) and (max-width: 1200px)) {
    .gallery-container-main .gallery-container .slick-container .slick-elements{
        width: 90%;
        max-width: 900px;
        height: 250px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
}

.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list{
    z-index: 0;
}

.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track{
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
}


.gallery-container-main .gallery-container .slick-container .slick-elements img {
    border-radius: 7px;
}

/* .gallery-container-main .gallery-container .slick-container .slick-elements .slick-track .slick-slide.slick-current.slick-active{
    transition: 0.2s;
    transform: scale(1.2);
} */

.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide{
    width: 200px;
    height: 200px;
}

.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide:active{
    outline: none;
}

.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide:visited{
    outline: none;
}

.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide.slick-active.slick-center,
.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide.slick-current.slick-active{
    transition: 0.4s;
    transform: scale(1.2);
    /* filter: brightness(1); */
    /* margin-top: -2rem; */
}


.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide.slick-active.slick-cloned,
.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide.slick-active,
.gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide
{
    transition: 0.4s;
    transform: scale(1);
    /* filter: brightness(0.6); */
}

.gallery-container-main .gallery-container .btn-ig{
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    background-color: #fff;
    border: 0px solid #0099cc;
    color: #DD2A7B;
    font-size: 22px;
    border-radius: 2rem;
    transition: 0.5s;
    padding: 1rem 2rem;
    transform: scale(1);
    font-family: "Skyfont-light";
    font-weight: 600;
    margin-bottom: 1rem;
}

.gallery-container-main .gallery-container .btn-ig:hover{
    color: #fff;
    background: linear-gradient(45deg, rgba(124,56,207,1) 0%, rgba(223,35,158,1) 50%, rgba(248,148,76,1) 100%);
    transform: scale(1.1);
}

.gallery-container-main .gallery-container .btn-ig:active{
    transition: 0.2s;
    transform: scale(0.9);
}

.gallery-container-main .gallery-container .btn-ig i{
    margin: 0 1rem;
}

@media (max-width: 768px) {
    .gallery-container-main .gallery-container .slick-container .slick-elements{
        width: 90%;
        max-width: 700px;
        height: 250px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    .gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide{
        width: 240px;
        height: 240px;
    }
}

@media ((min-width: 768px) and (max-width: 999px)) {
    .gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide{
        width: 180px;
        height: 180px;
    }
}

@media ((min-width: 1000px) and (max-width: 1200px)) {
    .gallery-container-main .gallery-container .slick-container .slick-elements .slick-list .slick-track .slick-slide{
        width: 200px;
        height: 200px;
    }
}

/* <?php foreach($media_content_instagram as $img_ig_source) : ?>
    <img src="<?php echo $img_ig_source ?>" alt="">
<?php endforeach; ?> */

/*  NEWSLETTER  ////////////////////////////////////////////////////////////////////////////////  */

.newsleter-container{
    width: 100%;
    height: 150px;
    background-color: #eef0f5;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.half-color{
    background-color: #000;
    margin-top: -75px;
    min-height: 76px;
    height: 76px;
    z-index: 4;
}

.newsleter-container .newsleter-form{
    width: 90%;
    max-width: 1200px;
    height: 150px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    padding: 2rem 4rem;
    border-radius: 3rem;
    z-index: 3;
}

.newsleter-container .newsleter-form span{
    font-size: 33px;
    width: 20%;
    min-width: max-content;
    z-index: 3;
    font-family: "Skyfont-light";
    font-weight: 900;
}

.newsleter-container .newsleter-form span b{
    font-size: 34px;
    font-family: "Skyfont-bold";
    font-weight: normal;
}

.newsleter-container .newsleter-form .form{
    width: 80%;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
    font-family: "Skyfont-light";
}

.newsleter-container .newsleter-form .form .custom-input{
    width: 90%;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px solid #eef0f5;
    border-radius: 2rem;
    border-right: none;
    z-index: 3;
}

.newsleter-container .newsleter-form .form .custom-input input{
    width: 85%;
    height: 45px;
    border: none;
    border-radius: 16px 0 0 16px;
    z-index: 1;
    font-size: 16px;
    padding: 1rem;
}

.newsleter-container .newsleter-form .form .custom-input input.empty-field{
    height: 50px;
    border: 1px solid red;
    border-right: none;
}

.newsleter-container .newsleter-form .form .custom-input .btn-subscribe-newsletter{
    width: 15%;
    height: 50px;
    border: none;
    border-radius: 0 2rem 2rem 0;
    z-index: 1;
    font-size: 16px;
    color: #fff;
}

.newsleter-container .newsleter-form .form .alert-success,
.newsleter-container .newsleter-form .form .alert-danger{
    width: 85%;
    display:flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    padding: 1rem;
    border-radius: 0 0 1rem 1rem;
    font-weight: bold;
}

.newsleter-container .newsleter-form .form .accept-tyc {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 2rem 0;
}

.newsleter-container .newsleter-form .form .accept-tyc .label-for{
    width: max-content;
    font-size: 14px;
    font-weight: normal;
}

.newsleter-container .newsleter-form .form .accept-tyc .check {
  cursor: pointer;
  position: relative;
  margin: 0 2rem;
  width: 18px;
  height: 18px;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}

.newsleter-container .newsleter-form .form .accept-tyc .check:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(34,50,84,0.03);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.newsleter-container .newsleter-form .form .accept-tyc .check svg {
  position: relative;
  z-index: 1;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #c8ccd4;
  stroke-width: 1.5;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease;
}

.newsleter-container .newsleter-form .form .accept-tyc .check svg path {
  stroke-dasharray: 60;
  stroke-dashoffset: 0;
}

.newsleter-container .newsleter-form .form .accept-tyc .check svg polyline {
  stroke-dasharray: 22;
  stroke-dashoffset: 66;
}

.newsleter-container .newsleter-form .form .accept-tyc .check:hover:before {
  opacity: 1;
}

.newsleter-container .newsleter-form .form .accept-tyc .check:hover svg {
  stroke: #4285f4;
}

.newsleter-container .newsleter-form .form .accept-tyc #chk-pp:checked + .check svg {
  stroke: #4285f4;
}

.newsleter-container .newsleter-form .form .accept-tyc #chk-pp:checked + .check svg path {
  stroke-dashoffset: 60;
  transition: all 0.3s linear;
}

.newsleter-container .newsleter-form .form .accept-tyc #chk-pp:checked + .check svg polyline {
  stroke-dashoffset: 42;
  transition: all 0.2s linear;
  transition-delay: 0.15s;
}

@media (max-width: 768px) {
    .newsleter-container {
        height: 290px;
        max-height: 290px;
        /* margin: 2rem 0; */
    }
    .half-color {
        margin-top: -145px;
        min-height: -146px;
        height: 146px;
    }
    .newsleter-container .newsleter-form{
        width: 90%;
        max-width: 700px;
        height: fit-content;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        padding: 2rem 1rem;
        border-radius: 3rem;
        z-index: 3;
        margin: 2rem 0;
        height: 290px;
    }
    .newsleter-container .newsleter-form .form .accept-tyc .label-for{
        width: 100%;
        font-size: 14px;
    }
    .newsleter-container .newsleter-form span{
        font-size: 33px;
        width: 100%;
        min-width: unset;
        max-width: 700px;
        z-index: 3;
        text-align: center;
    }
    .newsleter-container .newsleter-form .form{
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 3;
    }
    .newsleter-container .newsleter-form .form .custom-input input{
        width: inherit;
        font-size: 12px;
    }
    .newsleter-container .newsleter-form .form .custom-input .btn-subscribe-newsletter {
        width: max-content;
        font-size: 12px;
    }
    .newsleter-container .newsleter-form .form .accept-tyc {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem 0;
    }

    .newsleter-container .newsleter-form .form .accept-tyc .label-for {
        width: inherit;
        font-size: 12px;
        min-width: unset;
    }

    .newsleter-container .newsleter-form .form .custom-input{
        margin-top: 1rem;
    }
}

/*  NEWSLETTER Mobile  ////////////////////////////////////////////////////////////////////////////////  */

/*  FOOTER  ////////////////////////////////////////////////////////////////////////////////  */

.footer-container{
    width: 100%;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 0;
    z-index: 2;
}

.footer-container .footer-content{
    width: 95%;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    /* justify-content: space-evenly; */
    z-index: 2;
}

.footer-container .footer-content .section{
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    z-index: 2;
}

.footer-container .footer-content .section.center{
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

.footer-container .footer-content .section.last{
    padding-left: 4rem;
}

.footer-container .footer-content .section.last .title b{
    font-family: "Skyfont-bold";
    font-weight: normal;
}

.footer-container .footer-content .section.last .title i{
    font-size: 2.5rem;
    padding: 0 1rem;
}

.footer-container .footer-content .section .title{
    font-size: 18px;
    padding: 2rem 0;
    z-index: 2;
    font-family: "Skyfont-light";
    font-weight: 900;
}

.footer-container .footer-content .section .title img{
    width: 2rem;
    margin-left: 1rem;
}

.footer-container .footer-content .section .section-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: "Skyfont-light";
    font-size: 15px;
}

.footer-container .footer-content .section .section-content a{
    margin: 5px 0;
    transition: 0.1s;
    transform: scale(1);
    display: flex;
    align-items: center;
}

.footer-container .footer-content .section .section-content a i{
    margin-right: 1rem;
}

.footer-container .footer-content .section .section-content a img{
    width: 3rem;
    margin-right: 1rem;
}

.footer-container .footer-content .section .section-content a:hover{
    color: #fff;
    transform: scale(1.1);
}

.footer-container .footer-content .section .call-us{
    width: 100%;
    font-size: 18px;
    z-index: 2;
    transition: 0.1s;
    transform: scale(1);
    font-family: "Skyfont-light";
}
.footer-container .footer-content .section .call-us:hover{
    transform: scale(1.1);
    color: #fff;
}

.footer-container .footer-content .section .mail-ft{
    width: 100%;
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.footer-container .footer-content .section .follow-us{
    width: 100%;
}

.footer-container .footer-content .section .follow-us.icons{
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    justify-content: center;
}

.footer-container .footer-content .section .follow-us.icons a{
    transition: 0.1s;
    transform: scale(1);
}
.footer-container .footer-content .section .follow-us.icons a:hover{
    transform: scale(1.1);
}

.footer-footer{
    width: 100%;
    /* max-width: 1200px; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    z-index: 2;
    background-color: #000;
    font-size: 16px;
    font-family: "Skyfont-light";
    padding-bottom: 2rem;
}

/*  FOOTER MOBILE  ////////////////////////////////////////////////////////////////////////////////  */
@media (max-width: 768px) {
    .footer-container .footer-content{
        width: 95%;
        max-width: 700px;
        display: flex;
        flex-direction: column;
        /* justify-content: space-evenly; */
        z-index: 2;
    }

    .footer-container .footer-content .section{
        width: 100%;
    }

    .footer-container .footer-content .section.center{
        border-left: 0;
        border-right: 0;
    }

    .footer-container .footer-content .section.last{
        padding-left: 0;
    }

    .footer-container .footer-content .section.last .title{
        width: 80%;
        min-width: 290px;
        max-width: 290px;
    }

    .footer-container .footer-content .section .title{
        font-size: 18px;
        padding: 2rem 0;
        z-index: 2;
        text-align: center;
    }

    .footer-container .footer-content .section .call-us {
        text-align: center;
    }

    .footer-container .footer-content .section .mail-ft{
        text-align: center;
    }
    .footer-footer{
        display: block;
        text-align: center;
        font-size: 12px;
        padding-bottom: 6rem;
    }
}


/*  SINGLE FLIGHT  */
.single-flight-container{
    width: 100%;
    display: flex;
    justify-content: center;
}

.single-flight-container .single-flight-content{
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
}

.single-flight-container .single-flight-content .flight-info{
    width: 100%;
    display:flex;
    flex-direction: row;
}

.single-flight-container .single-flight-content .flight-info .specs{
    display:flex;
    flex-direction: column;
    width: 100%;
    max-width: 920px;
}

.single-flight-container .single-flight-content .flight-info .specs .flight-name{
    /* font-family: "Skyfont-bold" !important; */
    font-size: 3.5rem;
}

.single-flight-container .single-flight-content .flight-info .specs .gallery-flight{
    max-width: 880px;
    min-width: 880px;
    border-radius: 2rem 2rem 0 0;
    align-self: center;
}


.single-flight-container .single-flight-content .flight-info .specs .gallery-flight img,
.single-flight-container .single-flight-content .flight-info .specs .gallery-flight .slick-slide,
.single-flight-container .single-flight-content .flight-info .specs .gallery-flight .slick-list{
    /* width: 1000px;
    height: 625px; */
    width: 880px;
    height: 550px;
    border-radius: 2rem 2rem 0 0;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.full-padding{
    padding: 0 1rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left{
    align-self: flex-start;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .flight-name-sc{
    font-size: 2.5rem;
    height: fit-content;
    display: flex;
    align-items: center;
    height: 40px;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .flight-cat{
    font-size: 1.6rem;
    height: fit-content;
    display: flex;
    align-items: center;
    height: 30px;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it{
    display: flex;
    flex-direction: row;
    width: fit-content;
    height: 50px;
    align-items: center;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .rate{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .rate .rating{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2rem;
    background-color: #0099cc;
    width: fit-content;
    min-width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    margin-right: 2rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .rate .stars .star{
    transform: scale(1);
    transition: 0.2s;
    cursor: pointer;
    font-size: 20px;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .rate .stars .star.temp{
    transform: scale(1.15);
    transition: 0.2s;
}
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .rate .stars .star.temp-plus{
    transform: scale(1.4);
    transition: 0.2s;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .stars i,
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .stars span{
    transform: scale(1);
    transition: 0.2s;
    cursor: pointer;
    font-size: 20px;
    display: inline-flex;
    color: #FFC107;
}
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .rate .stars i.temp,
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .rate .stars span.temp{
    transform: scale(1.15);
    transition: 0.2s;
}
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .rate .stars i.temp-plus,
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .rate .stars span.temp-plus{
    transform: scale(1.4);
    transition: 0.2s;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .separator{
    width: 1px;
    height: 30px;
    background-color: #808080;
    margin: 0 1rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .steps{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .steps img{
    width: 40px !important;
    height: 40px !important;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share{
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share .share-it{

}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share .share-buttons{
    display: flex;
    flex-direction: row;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share .share-buttons a,
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share .share-buttons a:hover{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin: 5px;
    border-radius: 100%;
    color: #fff;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share .share-buttons a.facebook{
    background-color: #005ba2;
}
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share .share-buttons a.twitter{
    background-color: #0092F5;
}
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share .share-buttons a.email{
    background-color: #FFC107;
}
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share .share-buttons a.whatsapp{
    background-color: #009C89;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right {
    align-self: flex-start;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .ahorras{
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    border-radius: 5px;
    padding: 0 1rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .price-by{
    display: flex;
    justify-content: flex-end;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .price-by.text-main-unit{
    font-weight: bold;
    font-size: 1.4rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .price-by.real_public_price{
    font-weight: bold;
    font-size: 1.4rem;
    text-decoration: line-through;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .price-by.public_price{
    font-size: 3rem;
    display: flex;
    align-items: center;
    height: 2.6rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .price-by.public_price sm{
    font-size: 1.6rem;
    align-self: flex-end;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .price-by.add_price{
    font-size: 2.4rem;
    display: flex;
    align-items: center;
    height: 2.6rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .price-by.add_price sm{
    font-size: 1.4rem;
    align-self: flex-end;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .ahorra_text{
    font-size: 1.8rem;
}
 
.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .quantity{
    font-size: 1.6rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .comprarDesdeVuelos{
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 2rem 0;
    padding: 1rem 2rem;
    background-color: #0099cc;
    color: #fff;
    height: 4rem;
    border: 0;
    border-radius: 2rem;
    font-size: 1.8rem;
    transition: 0.2s;
    transform: scale(1);
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .comprarDesdeVuelos:hover{
    transform: scale(1.05);
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .comprarDesdeVuelos:active{
    transform: scale(0.95);
}

.single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right .comprarDesdeVuelos i{
    font-size: 1.5rem;
    margin-left: 1rem;
}

.single-flight-container .quote{
    width: 280px;
    display:flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}

.single-flight-container .quote .quote-form{
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    padding: 1rem 2rem;
    border-radius: 1rem;
    position: sticky;
    top: 1rem;
    transition: 0.5s;
}

.single-flight-container .quote .quote-form form{
    width: 100%;
    display: flex;
    flex-direction: column;
    /* margin: 2rem 0; */
}

.single-flight-container .quote .quote-form form label{
    color: #fff;
    font-size: 12px;
    margin-top: 1rem;
}

.single-flight-container .quote .quote-form form label span{
    color: #fff;
    font-size: 12px;
    margin: 0 5px;
}

.single-flight-container .quote .quote-form form input{
    font-size: 12px;
    height: 2.5rem;
    width: 100%;
    margin: 5px 0;
}

.single-flight-container .quote .quote-form form a{
    color: #fff;
    font-family: "Skyfont-bold";
    text-decoration: underline;
    transition: 0.5s;
    font-size: 13px;
}

.single-flight-container .quote .quote-form form a:hover{
    color: #C2C2C2;
    text-decoration: underline !important;
}

.single-flight-container .quote .quote-form form button{
    font-size: 18px;
    font-family: "Skyfont-bold";
    border: none;
    color: #0099cc;
    border-radius: 4rem;
    margin: 2rem 0;
    padding: 6px;
    font-size: 16px;
}

.single-flight-container .quote .quote-form form .priv-notice{
    display: flex;
    flex-direction: row;
}

.vertical_separator{
    width: 95%;
    align-self: center;
    height: 1px;
    background-color: #C2C2C2;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after{
    flex-direction: column;
    padding: 2rem 1rem;
    align-items: flex-start;
}

.title-detalles{
    font-size: 2rem;
}

.text-detalles{
    max-width: 70%;
    font-size: 1.6rem;
}

.text-detalles i{
    padding: 0 1rem;
}

.text-detalles.includes:nth-child(2){
    margin-top: 1rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .cards-itinerary{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card{
    width: 170px;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-radius: 1rem;
    max-height: 40px;
    /* transition: max-height 0.5s ease-out; */
    transition: max-height 0.5s ease-out;
    margin: 1rem 0;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:hover{
    max-height: 250px;
    transition: max-height 0.5s ease-in;
}


.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card .hour-tab{
    display: flex;
    justify-content: space-between;
    height: 40px;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card .data{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: fit-content;
    max-height: 0;
    transition: max-height 0.5s ease-out;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:hover .data{
    height: fit-content;
    max-height: 200px;
    transition: max-height 0.5s ease-in;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card .data img{
    /* width: 45px; */
    /* height: 50px; */
    max-width: 0px;
    max-height: 0px;
    margin-right: 5px;
    padding: 0;
    /* display: none; */
    transition: max-height 0.5s ease-out;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:hover .data img{
    /* display: block; */
    max-width: 40px;
    max-height: 40px;
    transition: max-height 0.5s ease-in;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card .data .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0rem;
    max-height: 0;
    transition: max-height 0.5s ease-out;
    transition: 0.5s;
    width: 100%;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:hover .data .text{
    /* display: flex; */
    max-height: 200px;
    transition: max-height 0.5s ease-in;
    font-size: 1.3rem;
}

.single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card .data .text span:nth-child(2){
    margin: 5px 0;
}

.single-flight-container .single-flight-content .flight-info.column{
    width: 100%;
    display:flex;
    flex-direction: column;
    padding: 2rem 0;
}

.single-flight-container .single-flight-content .flight-info .faqs{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.single-flight-container .single-flight-content .flight-info .faqs .question{
    margin: 1rem 0;
    cursor: pointer;
}

.single-flight-container .single-flight-content .flight-info .answer{
    font-size: 1.6rem;
}

.single-flight-container .main-title{
    font-size: 2.2rem;
}

.single-flight-container .single-flight-content.recommendations{
    justify-content: space-between;
    flex-direction: row;
}

.single-flight-container .single-flight-content .box{
    width: 49%;
    background-color: #eef0f5;
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.single-flight-container .single-flight-content .box .main-text{
    display: flex;
    flex-direction: column;
}

.single-flight-container .single-flight-content .box .main-text span{
    font-size: 1.8rem;
    font-weight: 900;
}

.single-flight-container .single-flight-content .box .main-text img{
    height: 50px;
    width: 50px;
    align-self: center;
}

.single-flight-container .single-flight-content .box .list{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.single-flight-container .single-flight-content .box .list .element{
    width: 45%;
    margin: 1rem 0;
    display:flex;
    flex-direction: row;
}

.single-flight-container .single-flight-content .box .list .element i{
    font-size :2rem;
    margin: 0 5px;
    font-weight: 900;
}

.single-flight-container .single-flight-content.restrictions{
    
}

.single-flight-container .single-flight-content.restrictions .main-title{
    font-weight: 900;
}

.single-flight-container .single-flight-content.restrictions .content{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 3rem 0;
}

.single-flight-container .single-flight-content.restrictions .content .elements{
    display: flex;
    flex-direction: column;
}

.single-flight-container .single-flight-content.restrictions .content .elements div{
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}

.single-flight-container .single-flight-content.restrictions .content .elements div i{
    font-size: 8px;
    margin: 0 1rem;
}

/*  Metodos de  Pagos */
.single-flight-container .single-flight-content.payment-method{
    display: flex;
    flex-direction: column;
    padding: 0 2rem;
    padding-bottom: 3rem;
}

.single-flight-container .single-flight-content.payment-method .payment-container{
    width: 100%;
}
.single-flight-container .single-flight-content.payment-method .payment-container.row-direction{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.single-flight-container .single-flight-content.payment-method .payment-container .content{
    display: flex;
    flex-direction: column;
    margin: 25px 30px;  
}

.single-flight-container .single-flight-content.payment-method .payment-container .content.sm{
    width: 25%;
}

.single-flight-container .single-flight-content.payment-method .payment-container .content.lg{
    width: 60%;
}

.single-flight-container .single-flight-content.payment-method .payment-container .content .payments{
    width: 80%;
    max-width: 850px;
    display: flex;
    justify-content: space-between;
}
.single-flight-container .single-flight-content.payment-method .payment-container .content .payments.xl{
    width: 100%;
}

.single-flight-container .single-flight-content.payment-method .payment-container .content .payments img{
    /* width: 90px; */
    /* height:85px; */
}

@media (max-width: 768px) {
    .single-flight-container .single-flight-content.payment-method{
        width: 100%;
    }
    .single-flight-container .single-flight-content.payment-method .payment-container .content {
        width: 100%;
         margin:0 0;
        justify-content: center;
        align-self: center;
        align-items: center;
    }

    .single-flight-container .single-flight-content.payment-method .payment-container .content.first-movil {
        margin-top: 2rem;
    }

    .single-flight-container .single-flight-content.payment-method .payment-container .content .payments {
        width: 100%;
        flex-flow: row wrap;
        justify-content: space-around;
        align-self: center;
        align-items: center;
    }
    .single-flight-container .single-flight-content.payment-method .payment-container.row-direction{
        flex-direction:column;
    }

    .single-flight-container .single-flight-content.payment-method .payment-container .content.sm{
        width: 100%;
        align-self: center;
        justify-content: center;
        align-items: center;
    }
    
    .single-flight-container .single-flight-content.payment-method .payment-container .content.lg{
        width: 100%;
        align-self: center;
        justify-content: center;
        align-items: center;
    }

    .single-flight-container .single-flight-content.payment-method .payment-container .content .payments img{
        width: unset;
        height: unset;
    }
}

@media (min-width:760px) and (max-width:780px) {
    .single-flight-container .single-flight-content.payment-method .payment-container .content .payments.xl{
        justify-content: space-evenly;
    }
}

.single-flight-container .single-flight-content.location{
    display: flex;
    flex-direction: column;
    border-radius: 0 0 2rem 2rem;
    padding: 0 2rem;
    padding-bottom: 3rem;
}

.single-flight-container .single-flight-content.location i{
    margin-right: 5px;
}

.single-flight-container .single-flight-content.location iframe{
    align-self: center;
    width: 100% !important;
    height: 300px !important;
}

.single-flight-container .single-flight-content.location .address{
    font-size: 1.5rem;
    margin: 2rem 0;
}

/* .quote-mobile{
    display: none;
}

.quote-desktop{
    display: flex;
} */

/* SINGLE FLIGHT MOBILE */

@media (max-width: 768px) {
    .single-flight-container .single-flight-content{
        max-width: 100%
    }
    .single-flight-container .single-flight-content .flight-info .specs {
        max-width: 100%;
    }
    .single-flight-container .single-flight-content .flight-info .specs .flight-name{
        font-size: 3rem;
        text-align: center;
    }
    .single-flight-container .single-flight-content .flight-info .specs .gallery-flight{
        /* max-width: 90%;
        min-width: 90%; */
        width: 90%;
        max-width: 400px;
        min-width: 250px;
    }
    .single-flight-container .single-flight-content .flight-info .specs .gallery-flight img{
        width: 300px;
        max-height: 250px !important;
    }
    
    .single-flight-container .single-flight-content .flight-info .specs .gallery-flight .slick-slide{
        width: unset;
        height: unset;
        max-height: 250px !important;
    }
    .single-flight-container .single-flight-content .flight-info .specs .gallery-flight .slick-list{
        width: unset;
        height: unset;
        max-height: 187.5px !important;
    }

    .single-flight-container .single-flight-content .flight-info .specs .detalles{
        flex-direction: column;
        padding: 0 2rem;
    }
    .full-padding{
        padding: 0 0;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .flight-name-sc{
        justify-content: center;
        text-align: center;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .flight-cat{
        justify-content: center;
        margin: 1rem 0;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it{
        flex-direction: column;
        height: unset;
        width: 100%;
        align-items: flex-end;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left{
        width: 100%;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .rated-it .separator{
        height: 1px;
        width: 60%;
        background-color: #808080;
        margin: 1rem 0;
        /* display: none; */
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-left .social-share{
        width: 100%;
        /* padding: 1rem 3rem; */
        align-items: center;
        margin: 1rem 0;
        align-items: flex-end;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right a{
        width: 100%;
    }

    .single-flight-container .single-flight-content .flight-info .specs .detalles .detalles-right br{
        margin: 1rem 0;
    }

    .single-flight-container .single-flight-content .flight-info .specs .detalles.after{
        width: 100%;
    }
    .text-detalles{
        max-width: 100%;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles.after{
        padding: 0 2rem;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card{
        width: 100%;
    }
    .after-quote{
        margin-top: 2rem;
    }
    .single-flight-container .flight-info .quote{
        width: 100%;
        padding: 0 3rem;
    }
    .single-flight-container .flight-info .quote .quote-form{
        width: unset;
    }
    .single-flight-container .single-flight-content .flight-info.column{
        padding: 2rem 2rem;
    }
    .single-flight-container .single-flight-content.recommendations{
        flex-direction: column;
        align-items: center;
    }
    .single-flight-container .single-flight-content .box{
        width: 100%;
    }
    .padding-mobile{
        padding: 0 2rem;
    }
    .single-flight-container .single-flight-content.restrictions .content img{
        display: none;
    }
    .single-flight-container .single-flight-content.restrictions .content .elements div{
        align-items: baseline;
        width: 100%;
        margin: 5px 0;
        font-size: 100%;
    }
    .single-flight-container .single-flight-content.restrictions .content .elements div:first-child{
        margin:  0 0;
    }
    .single-flight-container .single-flight-content.restrictions .content{
        padding: 1rem 0;
    }


    .restrict-background{
        background-image: url("../images/flight-steps/restricciones.png");
        /* background-position: center; */
        background-repeat: no-repeat;
        background-size: cover;
        /* background-image: url("https://localhost/skyballoons.mx/assets/images/flight-steps/restricciones.png"); */
    }

    /* .quote-mobile{
        display: flex;
    }

    .quote-desktop{
        display: none;
    } */

    /* .single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:hover{
        max-height: unset;
        transition: unset;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:active{
        max-height: 250px;
        transition: max-height 0.5s ease-in;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:hover .data{
        height: unset;
        max-height: unset;
        transition: unset;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:active .data{
        height: fit-content;
        max-height: 200px;
        transition: max-height 0.5s ease-in;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:hover .data img{
        max-width: unset;
        max-height: unset;
        transition: unset;
    }
    .single-flight-container .single-flight-content .flight-info .specs .detalles.after .itinerary-card:active .data img{
        max-width: 50px;
        max-height: 50px;
        transition: max-height 0.5s ease-in;
    } */
}

/*  FIN SINGLE FLIGHT  */


/* Promociones exclusivas */
    .container-promociones-exclusivas{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .dynamic-container{
        width: 100%;
        max-width: 1200px;
        padding: 3rem 0;
    }

    .dynamic-container .row-3{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .dynamic-container .row-2{
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .dynamic-container .row-3 img,
    .dynamic-container .row-2 img{
        width: 350px;
        height: 261.83px;
    }

    .dynamic-container .coupon-card{
        width: 350px;
        min-height: 261.83px;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 2;
        cursor: pointer;
    }

    .dynamic-container .coupon-card img{
        z-index: 3;
    }

    .dynamic-container .coupon-card .coupon-tyc{
        z-index: 2;
        cursor: default;
    }

    .dynamic-container .coupon-card img{
        transition: 0.5s;
        /* filter: brightness(1); */
    }

    .dynamic-container .coupon-card:hover img{
        /* filter: brightness(0.35); */
    }

    .dynamic-container .row-3 span,
    .dynamic-container .row-2 span{
        width: 270px;
        height: 261.83px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dynamic-container .row-3 p,
    .dynamic-container .row-2 p{
        text-align: justify;
        margin-top: -261.83px;
        color: #fff;
    }


    .dynamic-container .coupon-card p{
        font-family: "Skyfont-light" !important;
        font-size: 1.3rem;
    }

    .dynamic-container .tyc{
        width: 100%;
    }

    .dynamic-container .title{
        text-align: center;
        font-size: 20px !important;
        font-family: "Skyfont-bold" !important;
    }

    .dynamic-container .tyc p{
        font-family: "Skyfont-light" !important;
        font-size: 1.6rem;
        text-align: center;
    }

    .dynamic-container .coupon-card p b,
    .dynamic-container .tyc p b{
        font-family: "Skyfont-bold" !important;
    }

    .dynamic-container .coupon-card p .font-sm{
        font-size: 1.1rem;
    }

    .dynamic-container .coupon-card p .font-ssm{
        font-size: 1rem;
    }

    .dynamic-container .coupon-card p{
        /* transition: 0.5s; */
        /* filter: opacity(0); */
    }

    .dynamic-container .coupon-card:hover p{
        /* filter: opacity(1); */
    }

    .dynamic-container .btn-tyc{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dynamic-container .btn-tyc button{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 30rem;
        height: 5rem;
        background-color: transparent;
        border: none;
        outline: transparent;
    }

    .dynamic-container .btn-tyc button h3{
        font-size: 24px;
        font-family: "Skyfont-bold" !important;
    }

    .dynamic-container .btn-tyc button i{
        font-size: 25px;
        margin-top: 2rem;
    }

    .dynamic-container .wsp{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dynamic-container .wsp a{
        width: 35rem;
        height: 7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fcf5eb;
        /* color: #00a884 !important;
        border: #00a884 2px solid; */
        color: #25d366 !important;
        border: #25d366 2px solid;
        border-radius: 2rem;
        font-family: "Skyfont-light" !important;
        font-size: 20px;
        transition: 0.15s;
        transform: scale(1);
        text-decoration: none;
    }

    /* .dynamic-container .wsp a:hover{
        transform: scale(1.05);
        text-decoration: none;
    } */

    .dynamic-container .wsp a:active{
        transform: scale(0.95);
        text-decoration: none;
    }

    .dynamic-container .wsp a i{
        padding: 0 1rem;
        font-size: 3rem;
    }

    .dynamic-container{
        z-index: 0;
    }

    .dynamic-container .row-2,
    .dynamic-container .row-3{
        z-index: 0;
    }

    .dynamic-container a{
        z-index: 1;
    }

    .dynamic-container .coupon-tyc{
        /* display: none; */
        width: 270px;
        /* min-height: 261.83px; */
        min-height: 250px;
        /* height: max-content; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* padding: 10px 20px; */
        padding: 20px;
        margin-top: -30px;
        /* z-index: 2; */
        border-radius: 0 0 25px 25px;
    }

    .dynamic-container .coupon-tyc p{
        font-family: "Skyfont-light" !important;
        font-size: 1.6rem;
        text-align: center;
        margin-top: 0;
        cursor: text;
    }

    .dynamic-container .coupon-tyc p b{
        font-family: "Skyfont-bold" !important;
    }

    .dynamic-container .coupon-tyc a{
        z-index: 2;
    }
    .dynamic-container .coupon-tyc .btn-km{
        border-radius: 10px;
        border: 0;
        padding: 10px;
        cursor: pointer;
        text-decoration: none;
        transition: 0.2s;
        transform: scale(1);
        z-index: 3;
    }

    .dynamic-container .coupon-tyc .btn-km:hover{
        color: #0099cc;
        text-decoration: none;
        transform: scale(1.05);
    }

    .dynamic-container .coupon-tyc .btn-km:active{
        color: #0099cc;
        text-decoration: none;
        transform: scale(0.95);
    }

    
    @media ( (min-width: 769px) and (max-width: 1049px) ){
        .dynamic-container .row-3{
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            flex-wrap: wrap;
        }
    
        .dynamic-container .row-2{
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            flex-wrap: wrap;
        }
    }

    @media (max-width: 768px){
        .dynamic-container{
            width: 100%;
            max-width: unset;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .dynamic-container .row-3{
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            flex-wrap: wrap;
        }
        .dynamic-container .row-2{
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            flex-wrap: wrap;
        }
        .dynamic-container .tyc{
            padding: 0 2rem;
        }

        .dynamic-container .row-3 img,
        .dynamic-container .row-2 img,
        .dynamic-container .row-3 img,
        .dynamic-container .row-2 img{
            max-width: 350px;
            max-height: 261.83px;
            width: 100%;
        }
        .dynamic-container .wsp a{
            width: 80%;
            font-size: 100%;
        }
    }
    @media (max-width: 300px){
        .dynamic-container .row-3 img,
        .dynamic-container .row-2 img,
        .dynamic-container .row-3 img,
        .dynamic-container .row-2 img{
            max-width: 350px;
            max-height: 261.83px;
            width: 80%;
        }
    }
/* FIN Promociones exclusivas */

/* FOOTER SECTIONS */

/* .main-container{
    background-color: #009acf;
    margin: 0;
    width: 100%;
} */

.sc-container{
    width: 100%;
}

.in-container{
    max-width: 1200px;
    width: 100%;
    background-color:inherit;
    align-self: center;
}

.main-container h1{
    /* background-color: #009acf; */
    margin: 0;
}

.dsp-flex{
    display: flex;
}

.flex-col{
    flex-direction: column;
}

.flex-row{ 
    flex-direction: row;
}

.flex-col-rev{
    flex-direction: column-reverse;
}

.flex-row-rev{ 
    flex-direction: row-reverse;
}

.jst-center{
    justify-content: center;
}

.jst-start{
    justify-content: flex-start;
}

.jst-end{
    justify-content: flex-end;
}

.jst-spa{
    justify-content: space-around;
}

.jst-spb{
    justify-content: space-between;
}

.jst-spe{
    justify-content: space-evenly;
}

.align-center{
    align-items: center;
}

.align-start{
    align-items: flex-start;
}

.align-end{
    align-items: flex-end;
}

.align-self-center{
    align-self: center;
}

.align-self-start{
    align-self: flex-start;
}

.align-self-end{
    align-self: flex-end;
}

.border-container{
    width: 100%;
    height: 50px;
}

.border{
    width: 90%;
    height: 50px;
    background-color: #fff;
    /* margin-top: -2rem; */
}

.border-diss{
    width: 10%;
    height: 50px;
    background-color: #fff;
    /* transform: skewY(-7deg); */
    /* margin-top: -2rem; */
}

.sky-font-color{
    color: #0099cc;
}

.sky-font-color-sc{
    color: #002c55;
}

.sky-font-black{
    color: #000 !important;
}

.section-title{
    width: 100%;
    font-size: 34px;
    font-family: skyfont-bold;
    text-align: center;
}

.padding-up-down{
    padding: 25px 0;
}

.padding-up{
    padding-top: 25px;
}

.padding-down{
    padding-bottom: 25px;
}

.margin-up-down{
    margin: 25px 0;
}

.margin-up{
    margin-top: 25px;
}

.margin-down{
    margin-bottom: 25px;
}

.tabs-btn{
    width: 100%;
}

.tabs-btn label{
    max-width: 300px;
    width: 30%;
    min-height: 6rem;
    height: auto;
    max-height: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 1rem;
    transition: 0.2s;
    transform: scale(1);
    background-color: #f2f2f2;
    font-size: 18px;
    font-family: skyfont-bold;
    color: #000;
}

.tabs-btn label.btn:before,
.tabs-btn label.btn:after{
    display: none !important;
}

.tabs-btn input[type="radio"]{
    display: none !important;
    position: absolute !important;
    width: 100% !important;
    appearance: none !important;
}

.tabs-btn input[type="radio"]:checked+label{
    transition: 0.2s;
    transform: scale(1.05);
    background-color: #0099cc;
    color: #fff;
}

@media (max-width: 768px){
    .tabs-btn label{
        /* max-width: 300px; */
        width: 100%;
    }
    .padding-up-down-mb{
        padding: 25px 0 !important;
    }
    
    .padding-up-mb{
        padding-top: 25px !important;
    }
    
    .padding-down-mb{
        padding-bottom: 25px !important;
    }
    .margin-up-down-mb{
        margin: 25px 0 !important;
    }
    
    .margin-up-mb{
        margin-top: 25px !important;
    }
    
    .margin-down-mb{
        margin-bottom: 25px !important;
    }

    /* .margin-up-down{
        margin: 0px 0 !important;
    }
    
    .margin-up{
        margin-top: 0px !important;
    }
    
    .margin-down{
        margin-bottom: 0px !important;
    } */
}

/* NOSOTROS SECTION  */

.sc-container b,
.in-container b,
.sc-container strong,
.in-container strong{
    font-family: skyfont-bold;
    /* font-weight: bold; */
}

.text-after-title{
    width:100%;
    font-family:skyfont-light;
    width:80%;
    color:#000;
    font-size:20px;
    text-align:center;
}

.globos-gallery{
    width: 100%;
}

.globos-gallery img{
    width: 10%;
    height: auto;
}

.gallery-pilots-container{
    width: 60%;
    max-width: 400px;
    /* height: 600px; */
    padding-top: 50px;
}

.pilots-gallery{
    width: 60%;
}

.pilots-gallery img{
    /* width: 100%; */
    max-width: 240px;
    width: 240px;
    max-height: 240px;
    height: 240px;
    border-radius: 100%;
}

/* .pilots-gallery .slick-list, */
/* .slick-el, */
.slick-el span{
    height: 28.56px;
    max-height: 57.12px;
}

.pilots-gallery .slick-list{
    height: 268.56px;
    max-height: 297.12px;
}

.pilots-gallery .slick-arrow,
.pilots-gallery .slick-arrow::before{
    color: #0099cc;
}

.img-already{
    width: 20%;
    max-width: 25%;
    min-width: 240px;
    height: 180px;
    background-color: #fff;
    padding: 1rem 2rem;
}

.img-already img{
    transform: scale(1);
    transition: 0.3s;
}


.img-already:hover img{
    transform: scale(0.95);
}

@media (max-width: 768px){
    .sc-container{
        width: 100% !important;
    }
    
    .in-container{
        max-width: 100% !important;
        width: 100% !important;
        background-color:inherit !important;
        align-self: center !important;
    }

    .sc-container.clouds,
    .sc-container.globo,
    .sc-container.about {
        flex-direction: column !important;
    }

    .clouds-title{
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: 0 !important;
        text-align: center;
    }

    .clouds-title-1{
        font-size: 50px !important;
    }
    
    .clouds-title-2{
        font-size: 48px !important;
    }

    .clouds-title span{
        text-align: center !important;
    }
    .clouds-title purple{
        text-align: center !important;
        margin-left: 0 !important;
    }

    .globo-title{
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: 0 !important;
        text-align: center;
    }

    .sc-container.about video{
        margin-top: 30px;
    }

    .pilots-gallery img{
        /* width: 100%; */
        max-width: 220px;
        width: 220px;
        max-height: 220px;
        height: 220px;
        border-radius: 100%;
    }

    .slick-el span{
        height: 28.56px;
        max-height: 57.12px;
    }
    
    .pilots-gallery .slick-list{
        height: 268.56px;
        max-height: 297.12px;
    }

    .brands{
        justify-content: center;
        flex-wrap: wrap;
    }

    .separator{
        display: none;
    }

    .img-already{
        width: 80%;
        max-width: 100%;
        min-width: unset;
        height: 240px;
        padding: 1rem 2rem;
        margin: 2rem 0;
    }

    .flex-col{
        /* flex-direction: row; */
    }
    
    .flex-row{
        /* flex-direction: column; */
    }

    .flex-row-mb{
        flex-direction: row !important;
    }
    
    .flex-col-mb{
        flex-direction: column !important;
    }

    .flex-row-rev-mb{
        flex-direction: row-reverse !important;
    }
    
    .flex-col-rev-mb{
        flex-direction: column-reverse !important;
    }
    .align-self-start-mb{
        align-self: flex-start !important;
    }
    .align-self-center-mb{
        align-self: center !important;
    }
    .align-self-end-mb{
        align-self: flex-end !important;
    }

    .jst-center-mb{
        justify-content: center !important;
    }
    
    .jst-start-mb{
        justify-content: flex-start !important;
    }
    
    .jst-end-mb{
        justify-content: flex-end !important;
    }
    
    .jst-spa-mb{
        justify-content: space-around !important;
    }
    
    .jst-spb-mb{
        justify-content: space-between !important;
    }
    
    .jst-spe-mb{
        justify-content: space-evenly !important;
    }
    
    .align-center-mb{
        align-items: center !important;
    }
    
    .align-start-mb{
        align-items: flex-start !important;
    }
    
    .align-end-mb{
        align-items: flex-end !important;
    }
    
    .align-self-center-mb{
        align-self: center !important;
    }
    
    .align-self-start-mb{
        align-self: flex-start !important;
    }
    
    .align-self-end-mb{
        align-self: flex-end !important;
    }
}   

/* FIN NOSOTROS SECTION  */

/* FAQS SECTION */
.faqs-questions-ct{
    padding: 0 8%;
}

.faqs-questions-ct .question{
    cursor: pointer;
}

.faqs-questions-ct .answer{
    padding: 0 2%;
    text-align: justify;
    font-family: skyfont-light;
}

.faqs-questions-ct .answer b{
    font-family: skyfont-bold;
}

.faqs-questions-ct .answer br{
    display: block;
    content: "";
    height: 10px;
}

/* FIN FAQS SECTION  */

/* RESERVA TU VUELO SECTION */
.in-container .subtitle{

}

.section-subtitle{
    width: 100%;
    font-size: 30px;
    font-family: skyfont-bold;
    text-align: left;
}

.text-p{
    width: 100%;
    font-size: 18px;
    font-family: skyfont-light;
    /* margin: 15px 0; */
    /* padding: 0 20px; */
    padding: 15px 20px;
}

.text-p b{
    margin: 10px 0;
}

/* .text-after-title{
    width:100%;
    font-family:skyfont-light;
    width:80%;
    color:#000;
    font-size:20px;
    text-align:center;
} */

@media (max-width: 768px){
    .section-subtitle{
    text-align: center;
    }
}
/* FIN RESERVA TU VUELO SECTION */

/* UBICACION SECTION */
.static-banner{
    width: 100%;
    height: fit-content;
}

.icon-vignette{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.icon-vignette img{
    width: 50px;
    height: 50px;
}

.section-subtitle-vg{
    width: 100%;
    font-size: 26px;
    font-family: skyfont-bold;
    text-align: left;
    margin-left: 25px;
}

.margin-75{
    width: 75px;
    height: auto;
    /* margin-left: 75px; */
}

.tl-cont{
    margin-right: 15px;
    padding-left: 75px;
    width: 110px;
    padding-bottom: 5px;
}

.dot-tl{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #000;
}

.line-tl{
    /* background-color: #f2f2f2; */
    /* width: 3px; */
    border-left: 4px dotted #c1c1c1;
    height: calc(100% - 25px);
}

.tl-text{
    font-size: 17px;
}

.width-50-half{
    width: 50%;
}
.width-30-100{
    width: 30%;
}
.width-40-100{
    width: 40%;
}
.width-60-100{
    width: 60%;
}

.width-5{
    width: 5%;
}

.width-10{
    width: 10%;
}
.width-20{
    width: 20%;
}
.width-25{
    width: 25%;
}
.width-30{
    width: 30%;
}
.width-35{
    width: 35%;
}
.width-40{
    width: 40%;
}
.width-45{
    width: 45%;
}
.width-50{
    width: 50%;
}
.width-55{
    width: 55%;
}
.width-60{
    width: 60%;
}
.width-65{
    width: 65%;
}
.width-70{
    width: 70%;
}
.width-75{
    width: 75%;
}
.width-80{
    width: 80%;
}
.width-85{
    width: 85%;
}
.width-90{
    width: 90%;
}
.width-95{
    width: 95%;
}
.width-100{
    width: 100%;
}


@media (max-width: 768px){
    .static-banner{
        width: 100%;
        height: fit-content;
    }
    .static-banner img{
        width: 100%;
        height: auto;
    }
    .section-subtitle-vg{
        margin-left: 15px;
    }
    .tl-cont{
    padding-left: 65px;
    padding-right: 10px;
    }

    .width-50-half,
    .width-60-100,
    .width-40-100,
    .width-30-100{
        width: 100%;
    }
    .width-100-mb{
        width: 100% !important;
    }
    .width-90-mb{
        width: 90% !important;
    }

    .jst-center-mb{
        justify-content: center;
    }

    .text-center-mb{
        text-align: center !important;
    }
    .text-right-mb{
        text-align: right !important;
    }
    .text-left-mb{
        text-align: left !important;
    }
}

/* FIN UBICACION SECTION */

/* METODOS PAGO SECTION */
.section-subtitle-sec{
    width: 100%;
    font-size: 26px;
    font-family: skyfont-bold;
    text-align: left;
}
.section-subtitle-sec-text{
    width: 100%;
    font-size: 18px;
    font-family: skyfont-light;
    font-weight: bold;
    text-align: left;
}

.width-100{
    width: 100%;
}

.flex-wrap{
    flex-wrap: wrap;
}

.no-flex-wrap{
    flex-wrap: nowrap;
}

.pay-mt-specs{
    flex-wrap: wrap;
}

.pay-mt-specs .pm-card{
    width: 280px;
    height: max-content;
}

.pay-mt-specs .mt-card img{
    width: auto;
    height: auto;
}

@media (max-width: 768px){
    .section-subtitle-sec{
        font-size: 26px;
        text-align: center;
    }
    .section-subtitle-sec-text{
        font-size: 18px;
        text-align: center;
    }

    .section-subtitle-sec span{
        font-size: 26px;
        text-align: center;
    }
    .section-subtitle-sec-text span{
        font-size: 18px;
        text-align: center;
    }
    .pay-mt-specs .pm-card{
        width: 100%;
        max-width: 280px;
        height: max-content;
    }
}

/* FIN METODOS PAGO SECTION */

/* BOLSA TRABAJO SECTION */

.width-fill{
    width: 100%;
    max-width: 100%;
}

.bolsa-trabajo-cont{
    /* max-height: 942px; */
    /* height: 942px; */
    /* z-index: 0; */
    height: fit-content;
}

.bolsa-trabajo-cont .img-cnt{
    display: block;
    max-height: 942px;
    height: auto;
    max-width: 630px;
    width: auto;
}

.bolsa-trabajo-cont .img-cnt-mb{
    display: none;
}

.bolsa-trabajo-cont img{
    width: 100%;
    height: 100%;
}


/* .bolsa-trabajo-cont img{
    max-height: 942px;
    height: auto;
    max-width: 630px;
    width: auto;
}

.bolsa-trabajo-cont .img{
    max-height: 942px;
    height: 942px;
    max-width: 630px;
    width: 630px;
    background-size: cover;
    background-repeat: no-repeat;
} */

.bolsa-trabajo-cont .text{
    width: inherit;
    padding: 30px 40px;
    /* min-height: 100%; */
    height: fit-content;
    margin: 30px -1px;
    /* z-index: 1; */
}

.bolsa-trabajo-cont a{
    color: #0099cc;
    text-decoration: none;
    max-width: 250px;
    width: 50%;
    height: 50px;
}


.bolsa-trabajo-cont button{
    max-width: 250px;
    width: 100%;
    height: 50px;
    font-size: 22px;
    border-radius: 19px;
    border: 0;
}

/* .bolsa-trabajo-cont a:hover,
.bolsa-trabajo-cont a:hover p{
    color: #0099cc;
    text-decoration: none;
} */


.img-bdt{
    width: 30%;
    min-width: 350px;
    max-width: 380px;
}

@media (max-width: 768px){
    .bolsa-trabajo-cont .text{
        margin: 0;
    }
    .bolsa-trabajo-cont .img-cnt{
        display: none;
    }
    .bolsa-trabajo-cont .img-cnt-mb{
        display: block;
        height: 380px;
        background-size: cover;
        background-position: center;
    }
    .bolsa-trabajo-cont a{
        color: #0099cc;
        text-decoration: none;
        max-width: 300px;
        width: 100%;
        height: 50px;
        max-height: 100px;
    }
    .bolsa-trabajo-cont button{
        max-width: 100%;
        width: 100%;
        height: 100%;
        font-size: 22px;
        border-radius: 19px;
        border: 0;
    }
}
/* FIN BOLSA TRABAJO SECTION */

/* AGENCIAS SECTION */
.footer-section-banner{
    width: 100%;
    height: 315px;
    max-height: 315px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-text-top{
    margin: 10px 0;
    font-size: 22px;
}
.banner-text-bottom{
    margin: 10px 0;
    font-size: 20px;
}

.card.im-agency{
    width: 24%;
    max-width: 280px;
    height: fit-content;
    background-color: #0091d0;
    font-size: 18px;
    padding: 25px;
}

.card.im-agency img{
    width: 100px;
    height: 100px;
}

.im-agency p.text-center{
    min-height: 335px;
    height: auto;
    max-height: 350px;
    margin: 0;
}

@media (max-width: 768px){
    .im-agency{   
        width: 90% !important;
    }
    .banner-text-top{
        margin: 5px 0;
        font-size: 18px;
    }
    .banner-text-bottom{
        margin: 5px 0;
        font-size: 16px;
    }
}
/* FIN AGENCIAS SECTION */


/* FOOTER SECTIONS */

/* COUNTDOWN ANNIVERSARY */
.container-contador{
    width: 100%;
    display: flex;
    justify-content: center;
}

.contador-promo{
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 2rem 2rem;
}

.contador-promo .days-remain,
.contador-promo .hours-remain,
.contador-promo .minutes-remain,
.contador-promo .seconds-remain{
    border-radius: 1rem;
    border: 3px solid black;
    width: 20%;
    height: 30rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0;
}

.contador-promo .dots{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 1rem;
    border-bottom: 3px solid black;
    height: 5rem;
}

.contador-promo .time{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    font-size: 11rem;
}

.contador-promo .dots span{
    background-color: black;
    height: 3rem;
    width: 3rem;
    border-radius: 1rem;
}

.contador-promo .dato{
    width: 101%;
    background-color: #ff0000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    border-radius: 0 0 0.9rem 0.9rem;
    height: 68px;
}

.contador-promo .dato span{
    font-family: var(--skybold);
    font-size: 4rem;
}

.container-countdown{
    width: 100%;
    padding: 1rem 0;
}

.countdown-promo-title{
    width: 100%;
    max-width: 1200px;
    padding: 0rem 2rem;
}

.countdown-promo-title h2{
    font-size: 36px;
}

.countdown-promo-title .text-1{
    font-size: 30px;
}
.countdown-promo-title .text-2{
    font-size: 27px;
}

.countdown-promo{
    width: 100%;
    max-width: 1200px;
    padding: 3rem 2rem;
}

.countdown-promo .box{
    width: 25%;
    max-width: 280px;
}

.countdown-promo .box .time{
    width: 200px;
    height: 200px;
    border: 10px solid #0099cc;
    border-radius: 100%;
    background-color: inherit;
    color: #0099cc;
    font-size: 90px;
}

.sky-days .countdown-promo .box .time{
    width: 200px;
    height: 200px;
    border: 10px solid red;
    border-radius: 100%;
    background-color: inherit;
    color: #0099cc;
    font-size: 90px;
}

.countdown-promo .box .time .border{
    border-left: 15px solid #f51c40;
    position: absolute;
    top: 50%;
    bottom: 0;
}

.countdown-promo .box .dato{
    font-size: 30px;
    padding: 3rem 0;
}

.sky-days .countdown-promo .box .time{
    font-size: 100px;
    padding: 3rem 0;
}

.sky-days .countdown-promo .box .dato{
    font-size: 30px;
    padding: 10px 0;
}

@media (max-width: 768px) {
    .countdown-promo-title .text-1{
        text-align: center;
    }
    
    button.not-yet-available{
        padding: 5px 0 !important;
    }
}

.comprarDesdeVuelos .disabled,
.not-yet-available{
    /* pointer-events: none; */
    cursor: not-allowed;
    filter: grayscale(0.8);
}

.live_users{
    height: 30px;
    width: max-content;
    border-radius: 10px 35px 35px 10px;
    padding: 1rem;
    margin: 10px 0;
    padding-right: 0 10px;
}

.stars .star-ann{
    font-size: 20px;
    color: #FFC107;
}
/* END COUNTDOWN ANNIVERSARY */

/* Custom flight certificate */
.title-xxg{
    font-size: 90px;
}

.title-xg{
    font-size: 50px;
}

.text-fcrt{
    font-size: 30px;
    font-family: "Skyfont-light" !important;
}

.text-fcrt b{
    font-family: "Skyfont-bold" !important;
}

.first-screen-fcrt{
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(162,162,162,1) 100%);
}

.first-screen-fcrt img{
    max-width:534px;
    width:45%;
}

.first-screen-fcrt .text-fcrt{
    max-width: 30%;
    width: max-content;
}

.grey-gradient-180{
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(162,162,162,1) 100%);
}

.grey-gradient-0{
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(162,162,162,1) 100%);
}

.btn-step-fcrt{
    height: 5rem;
    font-size: 30px;
    border-radius: 30px;
    border: 0;
    transition: 0.2s;
    transform: scale(1);
}
.btn-step-fcrt:hover{
    transform: scale(1.01);
}
.btn-step-fcrt:active{
    transform: scale(0.985);
}

.t2{
    font-size: 40px;
}

.custom-i-input{
    /* width: 100%; */
    height: 60px;
    max-width: 500px;
    /* width: 50%; */
    /* border: 1px solid #000; */
    border: 1px solid #eef0f5;
    /* background: rgba(162,162,162,1); */
}

.custom-i-input .icon{
    max-height: 100%;
    height: 60px;
    width: 60px;
    padding: 10px;
    margin: 0;
    /* border-right: 1px solid #000; */
}

.custom-i-input i{
    font-size: 40px;
}

.custom-i-input input{
    border: 0;
    outline: none;
    max-height: 60px;
    height: 100%;
    width: 100%;
    font-size: 30px;
    padding: 0 20px;
}

.configuration-panel{
    padding: 20px;
}

.previsualization-panel{
    padding: 20px;

}

.previsualization-panel .live-previsualization{
    /* width: 100%; */
    /* max-width: 600px; */
    /* height: auto; */
    /* max-height: 463.7px; */
    width: 600px;
    height: 463.7px;
    background-size: contain;
}

.tab-drag{
    height: 50px;
    padding: 0 20px;
    font-size: 20px;
}

.tab-panel{
    /* height: 50px; */
    padding: 30px 20px ;
}

/* .tabs-btn{
    width: 100%;
} */

.background-selecting-panel label{
    transition: 0.2s;
    transform: scale(1);
}

.background-selecting-panel label.btn:before,
.background-selecting-panel label.btn:after{
    display: none !important;
}

.background-selecting-panel input[type="radio"]{
    display: none !important;
    position: absolute !important;
    width: 100% !important;
    appearance: none !important;
}

.background-selecting-panel input[type="radio"]:checked+label{
    transform: scale(1.1);
    border: 4px solid #009acf;
}

.custom-crt-input{
    /* width: 100%; */
    height: 50px;
    /* max-width: 500px; */
    /* width: 50%; */
    /* border: 1px solid #000; */
    border: 1px solid #eef0f5;
    /* background: rgba(162,162,162,1); */
}

.custom-crt-input .icon{
    max-height: 100%;
    height: 50px;
    width: 50px;
    padding: 10px;
    margin: 0;
    /* border-right: 1px solid #000; */
}

.custom-crt-input i{
    font-size: 25px;
}

.custom-crt-input input{
    border: 0;
    outline: none;
    max-height: 50px;
    height: 100%;
    width: 100%;
    font-size: 20px;
    padding: 0 20px;
}



.prev-background-1 #lp-from{
    transition: 0.2s;
    /* width: 100%; */
    width: calc(100% - 80px);
    font-size: 25px;
    border: 0;
    margin-top: 234px;
    margin-left: 80px;
}

.prev-background-1 #lp-to{
    transition: 0.2s;
    /* width: 100%; */
    font-size: 25px;
    width: calc(100% - 104px);
    border: 0;
    margin-top: 27px;
    margin-left: 104px;
}
.prev-background-1 #lp-folio{
    transition: 0.2s;
    font-size: 16px;
    /* width: 100%; */
    width: calc(100% - 485px);
    border: 0;
    /* width: 106px; */
    margin-top: 45px;
    margin-left: 485px;
}

.prev-background-2 #lp-from{
    transition: 0.2s;
    /* width: 100%; */
    width: calc(100% - 275px);
    font-size: 25px;
    border: 0;
    margin-top: 200px;
    margin-left: 275px;
}

.prev-background-2 #lp-to{
    transition: 0.2s;
    /* width: 100%; */
    font-size: 25px;
    width: calc(100% - 275px);
    border: 0;
    margin-top: 55px;
    /* margin-left: 275px; */
    margin-left: 265px;
}
.prev-background-2 #lp-folio{
    transition: 0.2s;
    font-size: 16px;
    /* width: 100%; */
    width: calc(100% - 483px);
    border: 0;
    /* width: 106px; */
    margin-top: 64px;
    margin-left: 483px;
}

#previsualization-panel.printing{
    width: 1500px !important;
}

#previsualization-panel.printing .live-previsualization{
    width: 1056px !important;
    height: 829px !important;
}

#previsualization-panel.printing .prev-background-1 #lp-from{
    transition: 0.2s !important;
    width: calc(100% - 150px) !important;
    font-size: 40px !important;
    border: 0 !important;
    margin-top: 423px !important;
    margin-left: 150px !important;
}

#previsualization-panel.printing .prev-background-1 #lp-to{
    transition: 0.2s !important;
    width: calc(100% - 191px) !important;
    font-size: 40px !important;
    border: 0 !important;
    margin-top: 56px;
    margin-left: 191px;
}

#previsualization-panel.printing .prev-background-1 #lp-folio{
    transition: 0.2s !important;
    font-size: 21px !important;
    /* width: 100%; */
    width: calc(100% - 870px) !important;
    border: 0 !important;
    /* width: 106px; */
    margin-top: 82px !important;
    margin-left: 870px !important;
}

#previsualization-panel.printing .prev-background-2 #lp-from{
    transition: 0.2s !important;
    width: calc(100% - 485px) !important;
    font-size: 40px !important;
    border: 0 !important;
    margin-top: 360px !important;
    margin-left: 485px !important;
}

#previsualization-panel.printing .prev-background-2 #lp-to{
    transition: 0.2s !important;
    width: calc(100% - 485px) !important;
    font-size: 40px !important;
    border: 0 !important;
    margin-top: 100px !important;
    margin-left: 485px !important;
}

#previsualization-panel.printing .prev-background-2 #lp-folio{
    transition: 0.2s !important;
    font-size: 21px !important;
    /* width: 100%; */
    width: calc(100% - 853px) !important;
    border: 0;
    /* width: 106px; */
    margin-top: 116px !important;
    margin-left: 853px !important;
}

.tab-panel .actions{
    /* height: 50px; */
    /* padding: 30px 20px ; */

}
.tab-panel .actions button{
    /* height: 50px; */
    /* padding: 30px 20px ; */
    transition: 0.2s;
    transform: scale(1);
    height: 50px;
    border: 0;
    border-radius: 10px;
}
.tab-panel .actions button:hover{
    transform: scale(1.02);
}
.tab-panel .actions button:active{
    transform: scale(1);
}

#previsualization-mb{
    /* width: 1056px !important; */
    /* height: 829px !important; */
    /* margin-left: 0px; */
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 1056px;
}

#previsualization-mb .live-previsualization{
    background-size: contain;
    align-self: center;
    width: 1056px !important;
    height: 829px !important;
    margin-left: 0px;
}

/* #previsualization-mb{ */
    /* width: 1500px !important; */
/* } */

/* #previsualization-mb .live-previsualization{ */
    
/* } */

#previsualization-mb .prev-background-1 #lp-from{
    /* transition: 0.2s !important; */
    width: calc(100% - 150px) !important;
    font-size: 40px !important;
    border: 0 !important;
    margin-top: 423px !important;
    margin-left: 150px !important;
}

#previsualization-mb .prev-background-1 #lp-to{
    /* transition: 0.2s !important; */
    width: calc(100% - 190px) !important;
    font-size: 40px !important;
    border: 0 !important;
    margin-top: 52.5px;
    margin-left: 190px;
}

#previsualization-mb .prev-background-1 #lp-folio{
    /* transition: 0.2s !important; */
    font-size: 21px !important;
    /* width: 100%; */
    width: calc(100% - 870px) !important;
    border: 0 !important;
    /* width: 106px; */
    margin-top: 85px !important;
    margin-left: 870px !important;
}

#previsualization-mb .prev-background-2 #lp-from{
    /* transition: 0.2s !important; */
    width: calc(100% - 485px) !important;
    font-size: 40px !important;
    border: 0 !important;
    margin-top: 360px !important;
    margin-left: 485px !important;
}

#previsualization-mb .prev-background-2 #lp-to{
    /* transition: 0.2s !important; */
    width: calc(100% - 485px) !important;
    font-size: 40px !important;
    border: 0 !important;
    margin-top: 100px !important;
    margin-left: 485px !important;
}

#previsualization-mb .prev-background-2 #lp-folio{
    /* transition: 0.2s !important; */
    font-size: 21px !important;
    /* width: 100%; */
    width: calc(100% - 853px) !important;
    border: 0;
    /* width: 106px; */
    margin-top: 116px !important;
    margin-left: 853px !important;
}

@media (max-width: 768px){
    /* .background-selecting-panel label{ */
        /* max-width: 300px; */
        /* width: 100%; */
    /* } */
    .title-xxg{
        font-size: 50px;
    }
    
    .title-xg{
        font-size: 30px;
    }
    
    .text-fcrt{
        font-size: 30px;
        font-family: "Skyfont-light" !important;
    }
    
    .text-fcrt b{
        font-family: "Skyfont-bold" !important;
    }

    .first-screen-fcrt img{
        width: 80%;
        padding: 20px 0;
    }

    .first-screen-fcrt .text-fcrt{
        max-width: 90%;
        width: max-content;
    }

    .btn-step-fcrt{
        transform: scale(1);
        width: 80% !important;
    }
    .btn-step-fcrt:hover{
        transform: scale(1);
    }
    .btn-step-fcrt:active{
        transform: scale(0.985);
    }

    #customization-search-cot .text-fcrt{
        width: 90%;
        align-self: center;
    }

    .custom-i-input {
        width: 80% !important;
    }

    #customization-search-cot span{
        width: 90%;
        align-self: center;
    }
    .tab-panel{
        padding: 20px 15px;
    }

    .background-selecting-panel label{
        transition: 0.2s;
        transform: scale(1);
        margin: 20px 0;
    }
    
    .background-selecting-panel label.btn:before,
    .background-selecting-panel label.btn:after{
        display: none !important;
    }
    
    .background-selecting-panel input[type="radio"]{
        display: none !important;
        position: absolute !important;
        width: 100% !important;
        appearance: none !important;
    }
    
    .background-selecting-panel input[type="radio"]:checked+label{
        transform: scale(1.05);
        border: 4px solid #009acf;
    }

    .previsualization-panel{
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .previsualization-panel .live-previsualization{
        /* width: 100%; */
        /* max-width: 600px; */
        /* height: auto; */
        /* max-height: 463.7px; */
        /* width: 600px; */
        /* height: 463.7px; */
        width: 350px;
        height: 271px;
        max-width: 1200px;
        max-height: 1200px;
        background-size: contain;
        align-self: center;
    }

    .prev-background-1 #lp-from{
        transition: 0.2s;
        /* width: 100%; */
        width: calc(100% - 50px);
        font-size: 18px;
        border: 0;
        margin-top: 132px;
        margin-left: 50px;
    }
    
    .prev-background-1 #lp-to{
        transition: 0.2s;
        /* width: 100%; */
        font-size: 18px;
        width: calc(100% - 65px);
        border: 0;
        margin-top: 12px;
        margin-left: 65px;
    }
    .prev-background-1 #lp-folio{
        transition: 0.2s;
        font-size: 10px;
        /* width: 100%; */
        width: calc(100% - 284px);
        border: 0;
        /* width: 106px; */
        margin-top: 24px;
        margin-left: 284px;
    }
    
    .prev-background-2 #lp-from{
        transition: 0.2s;
        /* width: 100%; */
        width: calc(100% - 161px);
        font-size: 18px;
        border: 0;
        margin-top: 116px;
        margin-left: 161px;
    }
    
    .prev-background-2 #lp-to{
        transition: 0.2s;
        /* width: 100%; */
        font-size: 18px;
        width: calc(100% - 154px);
        border: 0;
        margin-top: 28px;
        /* margin-left: 275px; */
        margin-left: 154px;
    }
    .prev-background-2 #lp-folio{
        transition: 0.2s;
        font-size: 10px;
        /* width: 100%; */
        width: calc(100% - 281px);
        border: 0;
        /* width: 106px; */
        margin-top: 30.5px;
        margin-left: 281px;
    }

    .actions button{
        margin: 10px 0;
    }
}
/* END Custom flight certificate */