/* Background */
#lifestile{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url('/assets/img/lifestyle.jpg') no-repeat center;
}
#concierge{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/concierge.jpg') no-repeat center;
}
#business{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/business.jpg') no-repeat center;
}
#travel{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/travel.jpg') no-repeat center;
}
#cruises{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/cruises.jpg') no-repeat center;
}
#shopping{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/shopping.jpg') no-repeat center;
}
#video{
    background: linear-gradient(rgba(0, 0, 0, 20%), rgba(0, 0, 0, 20%)), url('/assets/img/video.jpg') no-repeat center;
}
.bg-generic{
    background: url('/assets/img/body.png') center;
}
.bg-login{
    background: url('/assets/img/newLogin.jpg') no-repeat center;
}
.bg-user{
    background: url('/assets/img/svg/iconUser.svg') no-repeat 6px 15px;
}
.bg-pass{
    background: url('/assets/img/svg/iconPass.svg') no-repeat 6px 15px;
}
.bg-forgot{
    background: url('/assets/img/svg/iconForgot.svg') no-repeat 6px 15px;
}
.bg-generic2{
    background: linear-gradient(#f4efebd1, #f4efebd1),  url(/assets/img/body.png) center;
}
.bg-size{
    background-size: cover !important;
}
.bg-fixed{
    background-attachment: fixed !important;
}
.bg-opacity-95 {
    --bs-bg-opacity: 0.95;
}
.bg-dark-blue{
    background-color: #412D78;
}
.bg-gold{
    background-color: #006300;
}
/* Font */
@font-face {
    font-family: 'MuseoSans_700';
    src: url('/assets/css/fuentes/MuseoSans_700.otf');
}
@font-face {
    font-family: 'MuseoSans_100';
    src: url('/assets/css/fuentes/MuseoSans_100.otf');
}
@font-face {
    font-family: 'FreightBigProBook';
    src: url('/assets/css/fuentes/FreightBigProBook-Regular.ttf');
}
@font-face {
    font-family: 'Satista';
    src: url('/assets/css/fuentes/Satista.otf');
}
body{
    font-family: 'MuseoSans_700';
}
.FreightBigProBook {
    font-family: 'FreightBigProBook';
}
.MuseoSans_100 {
    font-family: 'MuseoSans_100';
}
.Satista {
    font-family: 'Satista';
}
/* Text */
.txt-gold{
    color: #006300;
}
.txt-dark-blue{
    color: #412D78;
}
.txt-degradado{
    background: -webkit-linear-gradient(white,rgb(72, 72, 72));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fs-5r{
    font-size: 5rem
}
.fs-4r{
    font-size: 4rem
}
.letter-spacing{
    letter-spacing: .3rem;
}
/* Border */
.border-gold{
    border-color: #006300 !important;
}
/* Height */
.h-100vh{
    height: 100vh;
}
.h-500{
    height: 618px;
}
.h-600{
    height: 600px;
}
/* Width */
.w-90{
    width: 90%;
}
.w-10vw{
    width: 10vw;
}
.w-100vw{
    width: 100vw;
}
.w-fill{
    width: -webkit-fill-available;
}
.w-content{
    width: fit-content;
}
/* Focus */
input:focus{
    box-shadow: none !important;
}
.navbar-toggler:focus {
    box-shadow: none;
}
/* Before */
.lineVerticalG::before,
.lineVerticalW::before,
.lineHorizontal::before,
.lineHorizontalW::before
.lineVerticalWL::before{
    content: '';
    position: absolute;
}
.lineHorizontalW::before{
    border-bottom: 1px solid white;
}
.lineHorizontal::before{
    width: 20rem;
}
.lineVerticalG::before,
.lineVerticalW::before,
.lineVerticalWL::before {
    width: 1rem;
}
.lineVerticalG::before,
.lineVerticalW::before,
.lineVerticalWL::before{
    height: 10rem;
}
.lineVerticalW::before,
.lineVerticalWL::before,
.lineVerticalG::before {
    border-right: 1px solid white;
}
.lineHorizontal::before {
    bottom: 5rem;
    border-bottom: 2px solid goldenrod;
    margin-left: 3rem;
}
.lineHorizontalW::before {
    width: 10rem;
    top: 52.5%;
    margin-left: -5rem;
}
.lineVerticalG::before {
    top: 61px;
}
.lineVerticalW::before {
    top: -60px;
}
.lineVerticalWL::before {
    top: 9vw;
    margin-left: -30px;
}
.lineVerticalWL::before,
.index-1{
    z-index: 1;
}
/* Webkit */
body::-webkit-scrollbar {
    width: 0.75vw !important;
}
body::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
    border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
    background-color: #006300 !important;
}
body::-webkit-scrollbar-track,
body::-webkit-scrollbar {
    background-color: white !important;
}
/* Hover */
.faqVideo:hover{
    color: #412D78;
}
/* Index */
.index-5{
    z-index: 5;
}
.index--1{
    z-index: -1;
}
/* Other */
.font-reset p {
    font-family: 'Roboto'!important;
    font-weight: 400!important;
    color: #022d51;
}
.list-gold-dots li::marker {
    color: #006300;
}

.border-golden {
    border : 1px solid #006300;
    padding: 15px;
    border-radius: 20px;
}

.sticky {
    position: -webkit-sticky;
    position: fixed !important;
    top: 14vh;
    margin-top: 0 !important;
}
.filter{
    filter: drop-shadow(0 6px 3px rgba(50, 50, 0, 0.5));
}
.polygon{
    clip-path: polygon(0% 0%, 100% 0%, 90% 100.5%, 0% 100%);
}
.polygon2{
    clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
}
.offcanvas.offcanvas-end{
    left: 0;
    transform: translateX(-100%);
}
#wrongPassword, #loginSuccess {
    display:none;
}
.hidden {
    display: none;
}
nav{
    overflow: initial !important;
    padding-right: 0 !important;
}
.password-icon{
    top: -30px;
    right: 23px;
}
body {
    /* scrollbar-color: #006300 white; */
    /* scrollbar-width: thin; */
}
.marca {
    bottom: 4px;
    height: 1.5px;
    transition: .3s ease-in-out;
}
#scrollPosition6 .modalLogin{
    display: none;
}
/* Media */
@media only screen and (max-width: 1367px) {
    .lineVerticalWL::before {
        top: 12vw;
    }
}
@media only screen and (max-width: 1081px) {
    .lineHorizontalW::before {
        top: 51.5%;
    }
    .lineVerticalWL::before {
        top: 22vw;
    }
    .faq{
        display: none;
    }
}
@media only screen and (max-width: 1025px) {
    .lineVerticalWL::before {
        top: 19vw;
    }
    .lineHorizontalW::before{
        top: 52%;
    }
    .faq{
        display: block;
        position: relative !important;
        width: fit-content;
        z-index: 1;
        padding-left: 0 !important;
    }
    .faq a{
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    }
}
@media screen and (orientation: landScape) and (max-width: 800px) {
    .FreightBigProBook {
        display: none;
    }
    .navbar-nav a {
        padding: 0 1px 0 1px;
    }
}
@media only screen and (max-width: 992px) {
    .lineVerticalWL::before{
        display: none;
    }
    .bg-login {
        height: 400px;
        clip-path: none;
    }
    #concierge h2{
        color: white;
    }
    #concierge h2,
    #cruises h2,
    #shopping h2{
        padding-top: 35vh !important;
    }
    #concierge h2,
    #business h2,
    #cruises h2,
    #shopping h2 {
        text-align: center;
    }
    #navbarOffcanvasLg ul{
        align-items: initial !important;
    }
    #concierge p, #shopping p{
        width: 50% !important;
    }
    .bg-login {
        background: url(/assets/img/newLogin2.jpg) no-repeat center;
    }
}
@media only screen and (max-width: 769px) {
    #lifestile{
        background-position: inherit;
    }
    #concierge,
    #business{
        background-position: right;
    }
    #travel{
        background-position: initial;
    }
    .lineVerticalG::before{
        top: 15vw;
    }
    .lineHorizontalW::before {
        top: 53%;
    }
    .lineVerticalWL::before {
        top: 21vw;
    }
}
@media only screen and (max-width: 1025px) {
    #lifestile{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url('/assets/img/login/tablet/Lifestyle.png') no-repeat;
    }
    #concierge{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/login/tablet/Concierge.png') no-repeat center;
    }
    #business{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/login/tablet/Business.png') no-repeat center;
    }
    #travel{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/login/tablet/Travel.png') no-repeat bottom;
    }
    #cruises{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/login/tablet/Cruises.png') no-repeat center;
    }
    #shopping{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/login/tablet/Shopping.png') no-repeat;
    }
}
@media only screen and (max-width: 577px) {
    #lifestile{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url('/assets/img/img-lifestyle.jpg') no-repeat;
    }
    #concierge{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/img-concierge.jpg') no-repeat center;
    }
    #business{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/img-business.jpg') no-repeat center;
    }
    #travel{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/img-travel.jpg') no-repeat bottom;
    }
    #cruises{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/img-cruises.jpg') no-repeat center;
    }
    #shopping{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url('/assets/img/img-shopping.jpg') no-repeat;
    }
    .offcanvas.offcanvas-end{
        width: 70% !important;
    }
    .fs-5r {
        font-size: 4rem;
    }
    .fs-4r {
        font-size: 3rem;
    }
    .lineVerticalG::before,
    .lineVerticalW::before,
    .lineHorizontal::before,
    .lineHorizontalW::before,
    .lineVerticalWL::before{
        display: none;
    }
    .element_bottom_card{
        justify-content: start !important;
    }
    .bg-login {
        height: 73vw;
    }
}
@media only screen and (max-width: 392px) {
    .sticky {
        top: 15vh;
    }
}