@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

body, html {
    font-family: 'Nunito Sans', sans-serif !important;
}

p {
    font-family: 'Nunito Sans', sans-serif !important;
}

#banner-about {
    background: url('../img/banner-about-us.webp') center center no-repeat;
    background-size: cover;
}

#banner-beach-sun {
    background: url('../img/background-beach-sun.jpg') center center no-repeat;
    background-size: cover;
}

#banner-cfar {
    background: url('../img/bg-cfar.jpg') center center no-repeat;
    background-size: cover;
}

#banner-como {
    background: url('../img/banner-como.jpg') center center no-repeat;
    background-size: cover;
}

#banner-concierge {
    background: url('../img/concierge-banner.jpg') center center no-repeat;
    background-size: cover;
}

#banner-contact {
    background: url('../img/banner-contact-us.jpg') center center no-repeat;
    background-size: cover;
}

#banner-covid {
    background: url('../img/banner-covid.jpg') center center no-repeat;
    background-size: cover;
}

#banner-destinations {
    background: url('../img/background-destinations.jpg') center center no-repeat;
    background-size: cover;
}

#banner-faq {
    background: url('../img/banner-faq.jpg') center center no-repeat;
    background-size: cover;
}

#banner-flights {
    background: url('../img/banner-flights.jpg') center center no-repeat;
    background-size: cover;
}

#banner-help {
    background: url('../img/banner-help-center.jpg') center center no-repeat;
    background-size: cover;
}

#banner-home {
    background: url('../img/home-banner.jpg') center center no-repeat;
    background-size: cover;
}

#banner-marketing {
    background: url('../img/banner-marketing-materials.jpg') center center no-repeat;
    background-size: cover;
}

#banner-policy {
    background: url('../img/privacy-policy-bg.jpeg') center center no-repeat;
    background-size: cover;
}

#banner-rewards {
    background: url('../img/reward_banner.jpg') center center no-repeat;
    background-size: cover;
}

#banner-webinar {
    background: url('../img/banner-webinar.jpg') center center no-repeat;
    background-size: cover;
}

#header:hover #menusub {
    
}

#list_products, #list_educational {
    display: none;
    margin-left: -22px !important;
    margin-top: 0px;
    transition: 0.5s ease all;
}

#menusub {
    display: none;
    transition: 0.5s ease all;
}

#text-vid {
    position: absolute;
    width: 560px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-left: -280px;
    margin-top: -50px;
    text-align: center;
}

@media(max-width: 1200px){
    #text-vid {
        margin-top: -150px;
    }
}

@media(max-width: 800px){
    #text-vid {      
        width: 400px;
        margin-left: -200px;  
        margin-top: -200px;
    }

    #text-vid h2, #text-vid h3 {
        font-size: 120% !important;
        line-height: 1 !important;
    }

}

.bg-cyan-ujv {
    background: #9B9D9E;
}

.bg-destin {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/samplepic2.jpg);
    background-position: right center;
    background-size: cover;
    transition: 0.5s ease all;
}

.bg-destin:hover, .bg-destin2:hover {
    background-position: left center;
    background-size: cover;
}

.bg-destin2 {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/samplepic1.jpg);
    background-position: right center;
    background-size: cover;
    transition: 0.5s ease all;
}

.bg-gray-ujv {
    background: #C8C8C8;
}

.bg-orange-ujv {
    background: #CC4E1B;
}

.bg-pink-ujv {
    background: #BFA080;
}

.bg-salmon-ujv {
    background: #b99980;
}

.border-orange-ujv {
    border-color: #CC4E1B;
}

.border-pink-ujv {
    border-color: #BFA080;
}

.bg-reward-1 {
    background: url('../img/bg-reward-1.jpg') center center no-repeat;
    background-size: cover;
}

.bg-reward-2 {
    background: url('../img/bg-reward-2.jpg') center center no-repeat;
    background-size: cover;
}

.border-salmon-ujv {
    border-color: #b99980;
}

.font-nunito-sans {
    font-family: 'Nunito Sans', sans-serif !important;
}

.font-work-sans {
    font-family: 'Work Sans', sans-serif !important;
}

.gallery-zoom a img {
    transition: .2s ease all;
}

.gallery-zoom a:hover img{
    filter: brightness(120%) saturate(70%);
    transform: scale(1.05);
}

.list-li {
    list-style-image: url(../img/li-16.jpg);
}

.min-w-200 {
    min-width: 200px !important;
}

.mtl-1 {
    margin-top: 0.25rem;
}

.tabflight td, .tabflight th{
    padding:0.5em;
}

.text-cyan-ujv {
    color: #9B9D9E;
}

.text-pink-ujv {
    color: #BFA080;
}

.text-salmon-ujv {
    color: #b99980;
}

.text-shadow-lg {
    text-shadow: 0 3px 11px #333;
}

.text-shadow-mg {
    text-shadow: 0 3px 7px #333;
}

.zoomy img {
    transition: .2s ease all;
}

.zoomy:hover img{
    filter: brightness(120%) saturate(70%);
    transform: scale(1.05);
}