header.header-roiback, footer.footer-roiback{margin:0;padding:0;}
header.header-roiback {
    background: #333;
}
.text-uppercase{text-transform: uppercase;}
.display-mobile{display:none;}
/**********************************Nav*****************************************/
.navigation-roiback{
    display:flex;
    z-index: 10;
    background:#333;
    color:#fff;
    padding: 0;
    font-family:"Nunito Sans";
}
/**********************Logo*********************/
.navigation-roiback .logo-container{
    padding: 20px 0;

}
.navigation-roiback .logo-container .logo{
    width:170px;
}

.navigation-roiback .logo-container .dropdown-user #btnLoginToRoibackMobile img{
    position:absolute;
    width:30px;
    height:30px;
    object-fit:cover;
    left:20px;
    margin-top:-15px;
    border-radius:15px;
}
.navigation-roiback .logo-container .dropdown-user #btnLoginToRoibackMobile span{
    position:absolute;
    color:#fff;
    top:80px;
    display:none;
}
.navigation-roiback .logo-container .dropdown-user.active #btnLoginToRoibackMobile span{display:none;}

/*Estancias Colors*/
.hotel-group-estancia .phone-book-now .phone-icon i{
    color:#9d843f !important;
}
.hotel-group-estancia .btn-book-now,
.hotel-group-estancia .booking-roiback .column.submit input{
    background:#9d843f !important;
}

/**********************Links*********************/
.navigation-roiback .links-container{
    width:100%;
    display:flex;
    justify-content:center;
    flex-direction: column;
    margin-left: 16px;
}
/**********************Top Links*********************/
.navigation-roiback .links-container .top-links{
    display:flex;
    justify-content: flex-end;
    align-items:center;
    padding: 10px 0 5px 0;
}
.navigation-roiback .links-container .top-links .nav-link > a{
    padding: 0.2rem 1rem !important;
}
.navigation-roiback .links-container .top-links .dropdown-user #btnLoginToRoiback{
    display:flex;
    justify-content:center;
    align-items:center;
}
.navigation-roiback .links-container .top-links .dropdown-user #btnLoginToRoiback img,.navigation-roiback .links-container .top-links .v-level-benefits-link img{
    width:20px;
    height:20px;
    object-fit:cover;
    margin-right:5px;
    border-radius:15px;
}
.navigation-roiback .links-container .top-links .dropdown-user .dropdown-content{text-align:center;}
.navigation-roiback .links-container .top-links .v-level-benefits-link{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration: none;
    text-transform:uppercase;
    font-weight:100;
    /*font-size:0.8rem;*/
    font-size:12.8px !important;
}

/**********************Bottom Links*********************/
.navigation-roiback .links-container .bottom-links{
    display:flex;
    padding: 5px 0 10px 0;
    justify-content: space-between;
}
.navigation-roiback .links-container .nav-link{
    padding:0;
}
.navigation-roiback .links-container .nav-link > a{
    text-transform: uppercase;
    padding: 0 !important;
    /*font-size:0.8rem;*/
    font-size:12.8px !important;
}

.navigation-roiback .links-container .nav-link a,.navigation-roiback .logo-container .dropdown-user .dropdown-content > a{
    color: #fff;
    padding: 0.2rem 1rem;
    position:relative;
    display:block;
    text-decoration:none;
    font-weight:100;
    font-size:16px;
}
.navigation-roiback .links-container .nav-link.dropdown-link > a::after, .navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content .back-link::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.navigation-roiback .links-container .nav-link.dropdown-link{
    position:relative;
}
.navigation-roiback .links-container .nav-link.dropdown-link:hover > .dropdown-content{
    display:block;
}
/************Dropdown******************/
.navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content{
    position:absolute;
    width:auto;
    min-width:100%;
    left:0;
    white-space:nowrap;
    background: rgba(51, 51, 51, 0.8);
    display:none;
    z-index: 1000;
}
.navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content a:hover{
    font-weight:bold;
}
.navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content a{display:block;}
.navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content .back-link{display:none;}
.navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content .back-link::before{display:none;transform:rotate(90deg);margin-right:5px;}

/*Dropdown user*/
.navigation-roiback .logo-container .dropdown-user .dropdown-content{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    min-height:400px;
    background: rgba(26, 26, 26, 0.9);
    justify-content:center;
    align-items:center;
    flex-direction:column;
    z-index:-1;
}
.navigation-roiback .logo-container .dropdown-user.active .dropdown-content{display:flex;}
.navigation-roiback .logo-container .dropdown-user .dropdown-content > a {
    text-transform:uppercase;
}


/*****Botom nav******/
.navigation-roiback .links-container .bottom-nav, .navigation-roiback .logo-container .bottom-nav{
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    text-align:center;
    display:none;
}
.navigation-roiback .links-container .bottom-nav a,.navigation-roiback .logo-container .bottom-nav a{
    color:#fff;
    text-decoration:none;
    /*font-size:0.8rem;*/
    font-size:12.8px !important;
}
.navigation-roiback .links-container .bottom-nav .language, .navigation-roiback .logo-container .bottom-nav .language{text-transform:uppercase;margin-bottom:20px;}
.navigation-roiback .links-container .bottom-nav .language a, .navigation-roiback .logo-container .bottom-nav .language a{margin:0 20px;}
.navigation-roiback .links-container .bottom-nav .language .lang-active, .navigation-roiback .logo-container .bottom-nav .language .lang-active{font-weight:bold;}
.navigation-roiback .links-container .bottom-nav .socials a, .navigation-roiback .logo-container .bottom-nav .socials a{margin:5px 10px;/*font-size:1rem;*/font-size:16px;}
.navigation-roiback .links-container .bottom-nav .links, .navigation-roiback .logo-container .bottom-nav .links{border-top:1px solid rgba(255,255,255,0.1);padding:10px 5px;margin-top:15px;}
.navigation-roiback .links-container .bottom-nav .links .link, .navigation-roiback .logo-container .bottom-nav .links .link{margin:5px;}
/**********************Book Now*********************/
.navigation-roiback .book-now-container{
    width:300px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.navigation-roiback .book-now-container a{
    display:block;
    color:#fff;
    text-transform: uppercase;
    text-decoration:none;
}
.navigation-roiback .book-now-container .phone-book-now{
    /*font-size:1.2rem;*/
    font-size:19.2px;
    font-weight:bold;
}
.navigation-roiback .book-now-container .phone-book-now .phone-icon i{
    color:#187376;
}

.navigation-roiback .book-now-container .btn-book-now{
    background: #187376;
    width:100%;
    font-size:16px;
}

/*Hamburger*/
.navigation-roiback .container-hamburger{
    position:absolute;
    right:20px;
    width:30px;
    height:30px;
    display:none;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.navigation-roiback .hamburger-icon{
    height:8%;
}
.navigation-roiback .hamburger-icon, .navigation-roiback .hamburger-icon::before, .navigation-roiback .hamburger-icon::after{
    transition: 0.4s;
    position:absolute;
    background: #fff;
    width:100%;
    content:'';
    left:0;
}
.navigation-roiback .hamburger-icon::after{
    height:100%;
    top:9px;
}
.navigation-roiback .hamburger-icon::before{
    height:100%;
    top:-9px;
}
.navigation-roiback .hamburger-x{
    transition: 0.4s;
    transform: rotateZ(45deg);
}
.navigation-roiback .hamburger-x::after{
    transition: 0.4s;
    top:0;
    transform: rotateZ(0deg);
}
.navigation-roiback .hamburger-x::before{
    transition: 0.4s;
    top:0;
    transform: rotateZ(90deg);
}

@media screen and (max-width: 1260px) {
    .navigation-roiback{
        padding: 0 10px;
    }
    .navigation-roiback .links-container .nav-link > a,.navigation-roiback .links-container .top-links .v-level-benefits-link{
        /*font-size:0.65rem;*/
        font-size:10.4px !important;
    }
    /**********************Book Now*********************/
    .navigation-roiback .book-now-container{width:250px;}
    .navigation-roiback .book-now-container .phone-book-now{/*font-size:1rem;*/font-size:16px;}
}
@media screen and (max-width:991px){
    .display-mobile{display:block;}
    /*****************Navigation Container*********************/
    .navigation-roiback{
        padding: 0;
        z-index:999;
    }
    /**********************Logo*********************/
    .navigation-roiback .logo-container{
        background:#333;
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        z-index:1000;
        /*position:fixed;*/
        top:0;
        left:0;
        padding:12px 0;
    }
    .navigation-roiback.active .logo-container{border-bottom:1px solid rgba(255,255,255,0.1);}
    .navigation-roiback .logo-container .logo{width:170px;}
    .navigation-roiback .logo-container .container-hamburger{display:flex;}
    /**********************Links*********************/
    .navigation-roiback .links-container{display:none;}
    .navigation-roiback.active .links-container{
        display:flex;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        min-height:400px;
        z-index:999;
        background:rgba(26, 26, 26, 0.9);
        justify-content:center;
        align-items:center;
    }

    .navigation-roiback .links-container .top-links{display:none;}
    .navigation-roiback .links-container .bottom-links{flex-direction:column;width:100%;}
    .navigation-roiback .links-container .bottom-links .nav-link > a, .navigation-roiback .logo-container .dropdown-user .dropdown-content > a{
        text-align:center;
        /*font-size:0.9rem;*/
        font-size:14.4px;
        padding:5px 0 !important;

    }
    .navigation-roiback .links-container .nav-link.nav-link.dropdown-link.socials-network{display:none;}
    /**Dropdown**************/
    .navigation-roiback .links-container .nav-link.dropdown-link:hover > .dropdown-content{display:none;}
    .navigation-roiback .links-container .nav-link.dropdown-link > a::after{transform:rotate(-90deg);}
    .navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content.active{
        display:flex;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        min-height:400px;
        background:#333;
        justify-content:center;
        align-items:center;
        flex-direction:column;
    }

    .navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content a{white-space: normal;text-align: center;}
    .navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content .back-link{display:block;}
    .navigation-roiback .links-container .nav-link.dropdown-link .dropdown-content .back-link::before{display:inline-block}
    /*****Botom nav******/
    .navigation-roiback .links-container .bottom-nav, .navigation-roiback .logo-container .bottom-nav{display:block;}
    /**********************Book Now*********************/
    .navigation-roiback .book-now-container{
        display:none;
    }
}


/********************************************Motor*****************************************/
.booking-container-roiback{
    font-family: "Nunito Sans";
    width:1170px;
    max-width:100%;
    margin:auto;
    margin-top:2rem;
    padding:30px 15px;
    box-shadow:0px 2px 6px rgba(203,203,203,0.5);
}
.booking-container-roiback .booking-roiback{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 100px 100px 1fr 1fr;
    grid-gap: 40px;
    grid-template-areas: "phrase check-in check-out adults childrens promocode submit";
}
.booking-container-roiback .booking-roiback .column{text-align:center;font-weight:bold;font-size:16px;}
.booking-container-roiback .booking-roiback .column.phrase{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-transform:uppercase;
    font-size:16px;
}
.booking-container-roiback .booking-roiback .column.phrase span:first-child{font-weight:bold;}
.booking-container-roiback .booking-roiback .column.phrase span:last-child{font-weight:initial;}
.booking-container-roiback .booking-roiback .column input,.booking-container-roiback .booking-roiback .column select{
    display:block;
    width:100%;
    height:30px;
    -webkit-appearance: none;
    border:1px solid rgba(203,203,203,1);
    box-shadow:3px 3px 3px rgba(203,203,203,0.3);
    border-radius:0;
    margin-top: 5px;
    color:#666;
    text-align:center;
}

.booking-container-roiback .booking-roiback .column.entrada span,.booking-container-roiback .booking-roiback .column.salida span{
    margin-top: .5rem;
    padding-bottom: .7rem;
    padding-top: .7rem;
}
.booking-container-roiback .booking-roiback .column strong,.booking-container-roiback .booking-roiback .column em{font-size:12px;}
.booking-container-roiback .booking-roiback .column select{height:32px;background:white;text-align-last:center;}
.booking-container-roiback .booking-roiback .column.submit{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.booking-container-roiback .booking-roiback .column.submit input{
    background:#187376;
    color:#fff;
    box-shadow: none;
    text-transform: uppercase;

    /*font-size:1rem;*/
    font-size:16px !important;
}

/********** Areas **********/
.booking-container-roiback .phrase{grid-area:phrase;}
.booking-container-roiback .check-in{grid-area:check-in;}
.booking-container-roiback .check-out{grid-area:check-out;}
.booking-container-roiback .adults{grid-area:adults;}
.booking-container-roiback .childrens{grid-area:childrens;}
.booking-container-roiback .promocode{grid-area:promocode;}
.booking-container-roiback .submit{grid-area:submit;}
@media screen and (max-width: 1230px) {
    .booking-container-roiback{width: calc(100vw - 40px); padding:30px 0;}
    .booking-container-roiback .booking-roiback{padding: 0 30px;}
    .booking-container-roiback .booking-roiback .column{/*font-size:0.9rem;*/font-size:14.4px;}
}
@media screen and (max-width: 1070px) {
    .booking-container-roiback{padding:10px 0;}
    .booking-container-roiback .booking-roiback .column.phrase{font-size:12px;}
    .booking-container-roiback .booking-roiback{
        grid-gap: 5px;
    }
    .booking-container-roiback .booking-roiback .column{/*font-size:0.9rem;*/font-size:12px;}
}
@media screen and (max-width: 991px) {
    .booking-container-roiback .booking-roiback .column strong,.booking-container-roiback .booking-roiback .column em{font-size:10px;}
    .booking-container-roiback .booking-roiback .column{/*font-size:0.8rem;*/font-size:10px;}
    .booking-container-roiback .booking-roiback .column.submit{
        align-items: center;
    }
    .booking-container-roiback{
        margin-top:9rem;
    }
}
@media screen and (max-width: 768px) {
    .booking-container-roiback .booking-roiback{
        grid-template-columns: repeat(6,1fr);
        grid-template-rows: repeat(4,1fr);
        grid-template-areas: "phrase phrase phrase phrase phrase phrase"
        "check-in check-in check-in check-out check-out check-out"
        "adults adults childrens childrens promocode promocode "
        "submit submit submit submit submit submit";
    }
    .booking-container-roiback .booking-roiback .column.submit input{width:100%;}
    .booking-container-roiback .booking-roiback .column.phrase{font-size:14px;}
    .booking-container-roiback .booking-roiback .column strong,.booking-container-roiback .booking-roiback .column em{font-size:14px;}
    .booking-container-roiback .booking-roiback .column{/*font-size:0.8rem;*/font-size:14px;}
}
@media screen and (max-width: 576px) {
    .booking-container-roiback .booking-roiback{padding: 0 10px;}
}

/* Estilos para terminos y condiciones al 100% */
.rb_bc .roi-boards__claims-info {
    width: 100% !important;
}
.rb_bc .roi-boards__claims-list {
    padding-top: 1rem;
    width: 100% !important;
}

/*******************************************Footer*******************************************/
.footer-roiback{
    font-family: "Nunito Sans";
    margin-top:5rem;
    background: #fff !important;
}
.footer-roiback .container{
    width:1170px;
    max-width:100%;
    margin:auto;
}
/*******Menu Bar********/
.footer-roiback .menu-bar{background:#333;padding:7px 10px;}
.footer-roiback .menu-bar .container{display:flex;flex-wrap: wrap;justify-content:space-between;}
.footer-roiback .menu-bar .toll-free-number{text-transform: uppercase;}
.footer-roiback .menu-bar a{color:#fff;text-decoration:none;/*font-size:0.75rem;*/font-size:12px;margin:0 5px;font-weight: 600;}
/*******Logos********/
.footer-roiback .container-logos{margin-top:6rem;padding-bottom:3rem;border: 1px solid #dee2e6}
.footer-roiback .container-logos .col-main-logo{width:100%;display:flex;justify-content:center;}
.footer-roiback .container-logos .col-main-logo .logo-image{margin-top:-25%;background:#fff;padding:0 3rem;width:150px;}
.footer-roiback .col-logos{display:flex;justify-content: center;flex-wrap: wrap;}
.footer-roiback .col-logos .logo-image{width:100px;margin:0 1rem;}
/*******Links Hotels********/
.footer-roiback .links-hotels{
    display:flex;
    justify-content:center;
    width:1170px;
    max-width:100%;
    margin:auto;
    margin-top:3rem;
    flex-wrap: wrap;
}
.footer-roiback .links-hotels .destination{padding:0 10px;margin:5px 1rem; font-size:16px;}
.footer-roiback .links-hotels .destination span{color:#333333;font-weight:bold;}
.footer-roiback .links-hotels .destination ul{padding:0;list-style: none;}
.footer-roiback .links-hotels .destination a{text-decoration: none;color:#333333;}
/*********Copyright container*************/
.footer-roiback .copyright-container{
    width:1170px;
    max-width:100%;
    margin:auto;
    margin-top:3rem;
    color:rgba(0, 0, 0, 0.64);
    /*font-size:0.9rem;*/
    font-size:14.4px !important;
}
.footer-roiback .quotes{padding:15px 0;border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;text-align:center;}
.footer-roiback .copyright{padding:15px 0;text-align:center;}


@media screen and (max-width: 768px) {
    .footer-roiback .menu-bar .container{justify-content: center;text-align:center;}
    .footer-roiback .container-logos, .footer-roiback .links-hotels{display:none;}
}

/****************************Roiback styles**************************************/
.pensiones .pensiones_box .pensiones_box_head .pull-left {margin: 20px 0;width: 100% !important;}

.roi-rates__block--info{width:18%!important;}
.roi-rates__block--add-button{width:15%!important;}
.roi-boards__block--average-price{width:65%!important}
.roi-rates__block--price-vlevel{margin-left:20px;position:relative;display:flex;justify-content:center;align-items:center;}
.roi-rates__block--price-vlevel > a{text-decoration:none;color:initial;}
.rb_bc .roi-rate-total-price__amount{font-size:22px !important;}
.roi-rates__block--price-vlevel:hover > .tooltip-vlevel{visibility: visible;opacity: 1;}
.roi-rates__block--price-vlevel > .tooltip-vlevel{
    visibility: hidden;
    position:absolute;
    background:rgba(0,0,0,0.8);
    color:#fff;
    /*top:-30px;*/
    top:auto;
    bottom: 30px;
    white-space:normal;
    text-align:center;
    padding:5px 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.4s linear;
    opacity: 0;
    width:auto;
    max-width:200px;
    /*font-size:1.2rem;*/
    font-size:14px !important;
    height:auto;
}
.roi-rates__block--price-vlevel > .tooltip-vlevel:after{
    content: "";
    display:block;
    position:absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-top: 7px solid rgba(0,0,0,0.8);
    border-bottom: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom:-14px;
}
.roi-rates__header .roi-rates__block .roi-rates__block--wrap-prices{display:flex; justify-content:space-evenly;}
.roi-rates__block--price-vlevel .price-vlevel .vlevel-icon{margin-right:5px;width:20px;height:20px;object-fit:cover;display:inline-block}
.roi-rates__block--price-vlevel .price-vlevel span{color:#5A5A5A;text-decoration: none;}
.roi-rates__block--price-vlevel .price-vlevel i{color:#5A5A5A;/*font-size:1.3rem;*/font-size:12px;vertical-align:middle;margin-left:10px;}
.icon-check-price-member,.icon-unlock-price-member{
    width:25px;
    height:25px;
    margin-left:5px;
    margin-right:5px;
}



/*Ventaja Exclusiva Roiback */
#ventaja_exclusiva{
    background-color:rgba(24,115,118,0.8) !important;
}
#ventaja_exclusiva .txt1{
    font-weight:bold;
}
html.estancias-color-roiback #ventaja_exclusiva{
    background-color:rgba(157,132,63,0.8) !important;
}
html.palmares-color-roiback #ventaja_exclusiva{
    background-color:rgba(24,115,118,0.8) important;
}


/*Botones de add*/
.button-add .btn-add, .btn-book{
    background-color:#187376 !important;
}
html.estancias-color-roiback .button-add .btn-add, html.estancias-color-roiback .btn-book{
    background-color:#9d843f !important;
}
html.palmares-color-roiback .button-add .btn-add, html.palmares-color-roiback .btn-book{
    background-color:#187376 !important;
}


/*Btn modify*/
.btn-mod.roi-modal__show,.btn-mod.roi-modal__show:active{
    border: 1px solid #187376 !important;
    color: #187376;
    background:transparent;
}
.btn-mod.roi-modal__show:hover{
    background-color:#187376;
    color: #fff;
}
html.estancias-color-roiback .btn-mod.roi-modal__show, html.estancias-color-roiback .btn-mod.roi-modal__show:active{
    border: 1px solid #9d843f !important;
    color: #9d843f !important;
    background:transparent;
}
html.estancias-color-roiback .btn-mod.roi-modal__show:hover{
    background-color:#9d843f !important;
    color: #fff !important;
}

html.palmares-color-roiback .btn-mod.roi-modal__show,html.palmares-color-roiback .btn-mod.roi-modal__show:active{
    border: 1px solid #187376 !important;
    color: #187376 !important;
    background:transparent;
}
html.palmares-color-roiback .btn-mod.roi-modal__show:hover{
    background-color:#187376 !important;
    color: #fff !important;
}
/*Btn Modal Modify*/
.roi-modal.roi-modal--occupancy .roi-btn--occupancy, .roi-modal.roi-modal--occupancy .roi-btn--occupancy:hover{
    background-color:#187376;
    color: #fff;
}
html.estancias-color-roiback .roi-modal.roi-modal--occupancy .roi-btn--occupancy,
html.estancias-color-roiback .roi-modal.roi-modal--occupancy .roi-btn--occupancy:hover{
    background-color:#9d843f !important;
    color: #fff !important;
}

html.palmares-color-roiback .roi-modal.roi-modal--occupancy .roi-btn--occupancy,
html.palmares-color-roiback .roi-modal.roi-modal--occupancy .roi-btn--occupancy:hover{
    background-color:#187376 !important;
    color: #fff !important;
}

/*Btn Form Submit Details- Step 2*/
#form_submit.roi-booking-form__submit-button, .roi-booking-cart__room-wrapper-title{
    background-color:#187376;
}
html.estancias-color-roiback #form_submit.roi-booking-form__submit-button,
html.estancias-color-roiback .roi-booking-cart__room-wrapper-title{
    background-color:#9d843f;
}
html.palmares-color-roiback #form_submit.roi-booking-form__submit-button,
html.palmares-color-roiback .roi-booking-cart__room-wrapper-title{
    background-color:#187376;
}


/********* Notas TVG **********/
html.palmares-color-roiback #notaThn {
    background-color: #187376;
}
html.estancias-color-roiback #notaThn {
    background-color: #9d843f;
}
#notaThn {
    font-family: 'Nunito Sans', sans-serif;
    position:fixed;
    left:30px;
    bottom:130px;
    width:300px;
    max-width:100%;
    z-index:99988;
    transition:all 0.4s;
    opacity:0;
    border-radius: 5px;
}
#notaThn.slideDown {
    bottom:40px;
    opacity:1;
}
#notaThn.slideUp {
    bottom:130px;
    opacity:0;
}
#notaThn .container-note {
    color:white;
    position:relative;
    padding:15px 10px;
    border-radius:5px;
    box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.4);
}
#notaThn .container-note .icon-nota {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
}
#notaThn .container-note .icon-nota img {
    filter: brightness(100);
}
#notaThn .container-note .description-nota {
    padding: 16px 0;
    flex: 0 0 65%;
    max-width: 65%;
    position: relative;
    width: 100%;
}
#notaThn .container-note .icon-nota	i {
    font-size:28px;
}
#notaThn .container-note .description, #notaThn .container-note .description p {
    font-size: 14px;
    line-height:18px;
    margin:0;
    font-weight: 500;
}
#notaThn .container-note	.link-action {
    color:#000;
    white-space: nowrap;
    background:none;
    border:none;
    box-shadow:none;
    padding:0;
    cursor:pointer;
    font-weight:bold;
}
#notaThn .container-note .close-note {
    color: white;
    position:absolute;
    top: 2px;
    right: 7px;
    background:none;
    border:none;
    cursor:pointer;
    font-size:20px;
}

#notaThn .container-note .close-note:active,
#notaThn .container-note .close-note:focus,
#notaThn .container-note .close-note:visited {
    background:none;
    border:none;
}
#notaThn .row {
    display: flex;
    flex-wrap: wrap;
}
#notaThn .d-none {
    display: none;
}

#bannerThn {
    display: block;
    text-align: center;
    padding-top: 1rem;
}

#bannerThn img {
    width: 100%;
    height: auto;
}

.minibannerThn img {
    margin-top: 1rem;
}

/********* End Notas TVG **********/

/** roiback-booking.js styles **/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@keyframes pulse {
    0% {
        background-color: rgba(165,165,165,.1);
    }
    50% {
        background-color: rgba(165,165,165,.3);
    }
    100% {
        background-color: rgba(165,165,165,.1);
    }
}

@-webkit-keyframes pulse {
    0% {
        background-color: rgba(165,165,165,.1);
    }
    50% {
        background-color: rgba(165,165,165,.3);
    }
    100% {
        background-color: rgba(165,165,165,.1);
    }
}

@keyframes pulse_vlevel {
    20% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.85);
    }
    90% {
        transform: scale(1.1);
    }
}
.vgr_custom_rate_list.pensiones_box_item.roi-boards__item .roi-boards__block--info,
.vgr_custom_rate_list.pensiones_box_item .pension_ocupacion.roi-boards__block--action,
.vgr_custom_rate_list.pensiones_box_item .roi-boards__block--wrap-prices,
.pensiones_box_header .roi-boards__block--info,
.pensiones_box_header .roi-boards__block--action {
    width: auto;
}
.vgr_custom_rate_list.pensiones_box_item.roi-boards__item,
.pensiones_box_header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 278px 1fr 1fr;
    grid-template-columns: 278px 1fr 1fr;
    -ms-grid-columns: minmax(auto, 278px) 1fr 1fr;
    grid-template-columns: minmax(auto, 278px) 1fr 1fr;
}
.head_price_mx{
    grid-template-columns: minmax(auto, 470px) 1fr 1fr !important;
}
.head_price_us{
    grid-template-columns: minmax(auto, 600px) 1fr 1fr !important;
}
@media screen and (max-width: 1070px) {
    .head_price_mx,
    .head_price_us{
        grid-template-columns: minmax(auto, 278px) 1fr 1fr !important;
    }
}
.vgr_custom_rate_list .contenedor-complementos.roi-complements__contenedor {
    -ms-grid-column-span: -2;
    grid-column-end: -1;
    -ms-grid-column: 1;
    grid-column-start: 1;
}
.pensiones_box_header {
    padding: .8rem 0;
}
.pensiones_box_header .roi-boards__block--info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.pensiones_box_header .roi-boards__block--action:last-child {
    padding-right: 72px;
}
.vgr_custom_rate_list.pensiones_box_header .roi-boards__block {
    -ms-grid-column-align: center;
    justify-self: center;
}
.vgr_custom_rate_list.calculating-price-per-night.js-rates-prices-per-night .roi-boards__block--locked-price .roi-boards-locked-price__amount {
    animation: pulse 1s infinite ease-in-out;
    -webkit-animation:pulse 1s infinite ease-in-out;
    color: transparent;
}
.roi-boards-locked-price__amount{
    font-size: 12.8px !important;
}
.vgr_custom_rate_list .pension_ocupacion .roi-boards__block--wrap-prices .roi-boards__block--total-price {
    width: 100%;
    text-align: right;
}
.roi-boards-discount-price__amount{
    font-size: 16px !important;
}
.roi-boards-total-price__amount{
    font-size: 20px !important;
}
/** end roiback-booking.js styles **/
.tooltipdiv {
    position: relative;
    display: inline-block;
}
.tooltiptext {
    /*min-height: 71px;*/
    width: 150%;
    background-color: #187376;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    z-index: 1;
    position: absolute;
    top: -50%;
    left: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: #187376 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    /*animation: updown 1.5s infinite;
    animation-timing-function: ease-in-out;*/
    transition: .5s all;
    transform: translate(-50%, -100%);
}
.roi-boards__block--wrap-prices{
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    grid-template-areas:"roi-boards__block--discount-price roi-boards__block--total-price""roi-boards__block--discount-price roi-boards__block--locked-price";
}
.roi-boards__block.roi-boards__block--locked-price{
    grid-area: roi-boards__block--locked-price;
}
.roi-boards-locked-price__logo{
    animation: pulse_vlevel 4s infinite;
}
.roi-boards__block--discount-price{
    align-self: end;
    grid-area: roi-boards__block--discount-price;
    min-width: max-content;
}
.roi-boards__block--total-price{
    grid-area: roi-boards__block--total-price;
    padding-bottom: 1rem;
    text-align: center !important;
    font-size: 20px;
}
.roi-boards__block.roi-boards__block--locked-price.tooltipdiv:hover > .tooltiptext {
    /*opacity: 1 !important;*/
    visibility: initial;
    opacity: 0.9;
}
.tooltiparrrow{
    border: 14px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
}
.close-btn-ga{
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 0.6;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

@media not print {
    .tvg-terms label {
        margin: 0;
        padding: 0;
    }

    .tvg-terms label > strong {
        display: inline-block;
    }

    .tvg-terms label > strong::before {
        display: inline-block;
        content: "â–¾";
        margin-right: 0.3rem;
        transform: rotate(-90deg);
        transition: transform 0.2s;
    }

    .tvg-terms label > input:checked + strong::before {
        transform: rotate(0deg);
    }

    .tvg-terms label > input + strong + .tvg-terms__content {
        height: 0;
        overflow: hidden;
    }

    .tvg-terms label > input:checked + strong + .tvg-terms__content {
        height: auto;
        overflow: auto;
    }
}

.nav.navbar-nav.custom-style {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 10px;
    list-style: none;
}

.nav.navbar-nav.custom-style li {
    border-right: 1px solid hsla(0,0%,100%,.3);
}

.nav.navbar-nav.custom-style li:last-child {
    border-right: 0;
}

.nav.navbar-nav.custom-style li button {
    /*height: 60px;*/
    padding: 0 15px;
    border: 0;
    background: transparent;
    /*line-height: 60px;*/
    cursor: pointer;
    color: #fff;

    -webkit-transition: background .3s;
    transition: background .3s;
}
.nav.navbar-nav.custom-style li button .currentCurrencySymbol {
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
}

.nav.navbar-nav.custom-style li button svg[class*="icon-anyfill"] {
    fill: #ffffff;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    border: none;
}

.nav.navbar-nav.custom-style li button #currentLanguageFlag,
.nav.navbar-nav.custom-style li button .currentLanguageFlag {
    display: inline-block;
    vertical-align: middle;
}

.nav.navbar-nav.custom-style li button #currentLanguageFlag .icon,
.nav.navbar-nav.custom-style li button .currentLanguageFlag .icon {
    width: 20px;
    height: 15px;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.15);
    margin: 0 4px;

    display: inline-block;
    border: none;
}

.nav.navbar-nav.custom-style li button svg.icon-anyfill-graph-user {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
}

.bono .voucher nav.voucher__menu a.voucher__menu-button.voucher__menu-button--cancel {
    display: none !important;
}


.dropdown-currency {
    width: auto;
    min-width: 100%;
    white-space: nowrap;
    background: rgba(51, 51, 51, 0.8);
    margin-right: 0;
    right: auto;
}
.dropdown-currency ul {
    background: transparent;
    border: 0;
}
.dropdown-currency ul li {
    float: none;
    border: 0;
    width: 100% !important;
}
.dropdown-currency ul li button {
    display: flex;
    flex-wrap: nowrap;
}
.dropdown-currency .element-symbol, .collapse-currency-selector .element-symbol {
    color: #fff !important;
    float: none;
}

#dropdown-language {
    width: auto;
    min-width: 100%;
    white-space: nowrap;
    background: rgba(51, 51, 51, 0.8);
}
#dropdown-language ul {
    background: transparent;
    border: 0;
}
#dropdown-language ul li {
    float: none;
    border: 0;
    width: 100% !important;
}
header #dropdown-language ul li > a {
    color: #fff !important;
    background: transparent;
    display: flex;
    flex-wrap: nowrap;
}
#dropdown-language ul li span.element-symbol {
    float: none;
}
#dropdown-language ul li span {
    overflow: visible;
}
#phone-extended-info-opener  button.dropdown-toggle,
.dropdown.phone-assistant  button.dropdown-toggle {
    padding-right: 0;
}
@media (min-width: 768px) {
    #phone-extended-info-opener, .dropdown.phone-assistant {
        display: block;
    }
    #phone-extended-info-opener .dropdown-toggle, .dropdown.phone-assistant .dropdown-toggle {
        text-transform: uppercase;
    }
    #phone-extended-info-opener .dropdown-toggle .icon-anyfill-graph-customerservice,
    .dropdown.phone-assistant .dropdown-toggle .icon-anyfill-graph-customerservice {
        display: none;
    }
}
#phone-extended-info,
.phone-extended-info {
    background: rgba(51, 51, 51, 0.8);
}
#phone-extended-info a,
.phone-extended-info a {
    color: #fff !important;
    background: transparent;
}
#phone-extended-info a:focus, #phone-extended-info a:hover,
.phone-extended-info a:focus, .phone-extended-info a:hover {
    background: transparent;
}
#phone-extended-info .phonetype_place,
.phone-extended-info .phonetype_place {
    color: #fff !important;
}
#phone-extended-info .phonetype_phone,
.phone-extended-info .phonetype_phone {
    color: #fff !important;
}
.navigation-roiback .links-container .nav.navbar-nav.custom-style li button svg[class*="icon-anyfill"] {
    display: none;
}
.navigation-roiback .links-container .nav.navbar-nav.custom-style li button.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

#phone-extended-info ul li svg, #phone-extended-info ul li svg *,
.phone-extended-info ul li svg, .phone-extended-info ul li svg * {
    fill: #fff;
}