/* buscador header */
.buscador.uk-container.uk-container-small {padding-left: 0 !important; padding-right: 0 !important;}
#buscador_reserva{width: 100%;background-color: rgba(91, 127, 147,0.9);position: relative;z-index: 2;padding: 15px;box-sizing: border-box;    padding-bottom: 35px;margin-top:0;}
/* .buscador {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);} */
.b-book{position: relative;font-size: 0.8rem;cursor: pointer;display: block; right: 10px; bottom: 8px;text-align: right;margin: 5px 10px 0 10px !important;text-decoration: underline;background-color: transparent;width: auto;border: 0;color:white;}
.b-book:hover {color: white;}
.mis-reservas {text-align: center; color: #012428; margin-top: 35px;}
.mis-reservas:before {content: "";display: inline-block;width: 10px;height: 10px;background-image: url('../img/assets-sprite.svg');background-position: -160px 0;position: absolute; background-size: 1000px 500px; margin-left: -15px; margin-top: 5px;}
.promo { height: 80px; text-align: center; margin-top: 20px;}
.promo h5 {color: #012428; text-align: center; font-weight: 400; margin-top: 8px;}
.promo .b-voucher-input {height: 20px; width: 100%; padding-top: 10px;}
.promo .b-voucher-input::placeholder {color:  #012428; opacity: 0.5; font-size: 0.9rem; font-family: 'Montserrat', sans-serif;}
.form input::-webkit-input-placeholder , .form input:-moz-placeholder , .form input::-moz-placeholder, .form input:-ms-input-placeholder {height: 30px; width: 100%;}
/*#reservar {}*/
.kids-years {height: 50px;}

/* counter */
.counter-container{position: relative;width:80px; padding-bottom: 10px; margin: 0 auto;}
.counter{position: relative;padding: 0 30px; display: inline-block;height:30px;width: 20px;text-align: center;line-height: 1.9; color:#012428;}
.b-more-beds span{display: block;}
.b-more-beds .uk-width-expand{position: relative;padding: 0 5px;}
.icon.less{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url(../img/assets-sprite.svg); background-position: -400px -0px; text-align: center; background-color:#012428;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;left: 2px;}
.icon.more{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url(../img/assets-sprite.svg); background-position: -430px -0px; text-align: center; background-color:#012428;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;right:2px;}
.icon.kids_less{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url(../img/assets-sprite.svg); background-position: -400px -0px; text-align: center; background-color:#012428;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;left: 2px;}
.icon.kids_more{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url(../img/assets-sprite.svg); background-position: -430px -0px; text-align: center; background-color:#012428;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;right:2px;}
.icon.more.disabled, .icon.less.disabled, .icon.kids_more.disabled, .icon.kids_less.disabled{background-color: #999;}
/* .b-beds.uk-dropdown.uk-open.uk-dropdown-top-left {background-color: #012428;}    */

.sticky-buscador{z-index: 3 !important; margin-top: -115px;}
.sticky-buscador.uk-active{ margin-top: 90px !important;/*background-color: rgb(248, 248, 248);*/ background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);left:0;padding-bottom: 0;}
.sticky-buscador{z-index: 3 !important;}
.sticky-buscador.uk-active{ margin-top: 80px !important; }
.sticky-buscador.uk-active .b-datepicker {height: 80px !important; z-index: 5 !important;}
.sticky-buscador.uk-active .b-book {bottom: -50px; color: white; background-color: #012428; width: auto; height: 15px; padding: 13px; right: -10px;}
.sticky-buscador.uk-active .b-book:hover {color: #999;}

    .b-beds.uk-dropdown.uk-open.uk-dropdown-bottom-left {margin-top: 25px !important; background-color: #fff;}

.header-search{margin-left: -15px !important;}
.uk-form-div{border:0;padding-left: 15px !important;}
.b-datepicker{height: 95px;border: 0;padding: 0;width: 100%;background-color: transparent; cursor: pointer; text-align: center;color: transparent !important;font-size: 0.8rem;line-height: 4.8;position: relative;z-index: 1;top: -95px;}
.b-datepicker::-webkit-input-placeholder, .b-datepicker:-moz-placeholder,.b-datepicker::-moz-placeholder,.b-datepicker:-ms-input-placeholder {  color: white !important;}
.b-hotel{width: 100%; padding-top: 20px; position: relative;}
.b-hotel:after{content: "";width: 25px;height: 25px;position: absolute;bottom: 25px;background-image: url('../img/assets-sprite.svg');background-position: 0 -75px;right: 10px;z-index: 0; background-size: 1000px 500px;}
.b-hotel select.uk-select{font-weight: 700;color: #012428;width:100%;cursor: pointer;height: 80px !important;border:0; border-right:1px solid #012428;line-height: 5.6;padding-left: 10px;font-size: 0.9rem;background: none !important;z-index: 1;position: relative; }

.uk-notification-message{font-size: 1rem;}
.uk-notification{width: 400px;}
.uk-notification-top-center{margin-left: -200px;}
.buscador .uk-dropdown {min-width: 290px !important; left: 0 !important; overflow: hidden;height: auto;}
.buscador .b-more-beds .uk-grid>.uk-grid-margin {margin-top: 5px !important;}
.buscador .uk-select:not([multiple]):not([size]) {border: 1px solid #012428; color: #012428; border-radius: 5px; background-color: transparent;}

.uk-select:not([multiple]):not([size]) {background-image:  url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");}
/* BUSCADOR NUEVO*/
    .sticky-buscador .uk-form-div:nth-child(3), .sticky-buscador .uk-form-div:nth-child(4){margin-top: 15px;}
    .sticky-buscador {width: 700px; margin: 0 auto;position: absolute; margin-top: -83px; left: calc(50% - 350px);}
    .sticky-buscador.uk-active{width: 100% !important;max-width: 100% !important;}
    .sticky-buscador.uk-active .uk-form-div{width: 25% !important;padding: 0 !important;border-left:1px solid #012428;margin: 0;}
    .sticky-buscador.uk-active .uk-form-div:first-child{border-left:1px solid #012428;}
    .sticky-buscador.uk-active #buscador_reserva {height: 60px;padding:0;}
    .sticky-buscador.uk-active .bh .header-search {height: 60px;margin: 0 !important;}
    .sticky-buscador.uk-active .uk-form-div.con-book {width: 100% !important; height: 60px;}
    .sticky-buscador.uk-active .bh .reservas .con {border-top: 0;}
    .sticky-buscador.uk-active .bh .reservas .promo {border-top: 0; }
    .sticky-buscador.uk-active .bh .rooms .con .hab-value{padding-left: 70px;}
    .buscador {margin: 0 auto;}
    .bh .hotel-sel-con .con{position: relative;background-color: white;width: 100%;height: 60px;}
    .bh .hotel-sel-con .uk-select#hotel-sel{border: 0;background-color: transparent;color: transparent  ;border-radius: 0;height: 60px;text-align: center;position: relative;z-index: 1;}
    .bh .hotel-sel-con span{position: absolute;width: 100%;text-align: center;margin-top: 20px;color: #012428;z-index: 0;}
    .bh .dates {height: 60px; position: relative;}
    .bh .dates .ida-vuelta {text-align: center; height: 60px;}
    .bh .dates .ida-vuelta .con {height: 60px; width: 100%;position: relative; color: #012428;background-color: white;}
    .bh .dates .ida-vuelta #rangepicker_title {position: absolute; width: 100%; left: 0; top: 20px;}
    .bh .dates .ida-vuelta #rangepicker{opacity: 0;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 1rem;text-transform: uppercase;}
    .bh .dates .ida-vuelta #rangepicker span{font-weight: 400;}
    .bh .dates .daterange {border: 0;padding: 0;width: 100%;background-color: white; cursor: pointer; text-align: center;color: #012428 !important;position: relative;z-index: 1; height: 60px;font-size: 0.9rem;}
    .bh .rooms {height: 60px; position: relative;}
    .bh .rooms .con {height: 60px; position: relative; width: 100%; left: 0; top: 0; color: #012428; background-color: white;}
    .bh .rooms .con .hab-value { position: relative;width: 100%;left: 0px;top: 20px;text-align: left;font-weight: 700;color: #012428;z-index: 3;padding-left: 90px;box-sizing: border-box;opacity: 0;}
    .bh .rooms .con .b-title.hab-num {position: absolute; width: 100%; left: 0; top: 20px; text-align: center; text-transform: none;font-size: 1rem;color: #012428;}
    .bh .rooms .con .b-title.hab-num .ac-counter, .bh .rooms .con .b-title.hab-num .kc-counter{font-weight: 700;}
    /* .bh .rooms .con .b-beds {position: relative; width: 100%; left: 0; top: 20px; height: 240px;overflow-y: auto;} */
    .bh .rooms .con .b-beds {position: relative; width: 100%; left: 0; top: 20px;max-height: 60vh;overflow-y: auto;}
    .bh .rooms .con .hv-title {font-weight: 700; color: #012428; margin-bottom: 5px; font-size: 0.8rem; text-transform: uppercase; text-align: center;}
    .bh .rooms .con .b-more-beds{padding-top: 0;}
    .bh .rooms .con .b-more-beds span {color: #012428; text-align: center; font-size: 0.7rem;text-transform: uppercase;font-weight: 700;margin-top: 5px;padding: 0;margin: 0;}
    .bh .rooms .con .b-more-beds .bmb-kids-cont{margin-bottom: 5px;margin-left: 0;}
    .bh .code {height: 60px;}
    .bh .reservas .promo {height: 60px; margin-top: 0;position: relative;background-color: white;}
    .bh .reservas .promo small {color: #012428; position: absolute; bottom: 4px; text-align: center; width: 100%; left: 0;}
    .bh .reservas .promo .b-voucher-input {border: 0; height: 55px; padding-top: 0; text-align: center; font-size: 1rem; color: #012428; width: calc(100% - 2px);}
    .bh .reservas {height: 60px;}
    .bh .reservas .con-book {background-color: #012428; -webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
    .bh .reservas .b-book{height: 59px; width: 100%; text-align: center; cursor: pointer;-webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
    .bh .reservas .b-book:hover{background-color: rgba(27, 195, 234, 0.8)}
    .bh .reservas .b-book span {top: 20px; color: white; -webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;text-transform: uppercase;font-weight: 700;font-size: 0.8rem;display: block;}
    .bh .reservas .b-book:hover span {color: #012428; }
    .bh .reservas .b-send {background-color:#012428; border: 0; height: 60px; padding: 0; color: white;width:100%; -webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
    .bh .reservas .b-send:hover{background-color: rgba(1, 36, 40, 0.9) !important;}
    .bh .buscador .uk-select:not([multiple]):not([size]) {background-color: transparent !important;}

            /*DATERANGEPICKER*/
            .daterangepicker {background-color: white !important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);font-family:  'Montserrat', sans-serif !important; border: 1px solid #012428 !important; z-index: 3 !important;}
            .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {color: #012428;}
            .daterangepicker td.active, .daterangepicker td.active:hover {background-color: #012428 !important;color: white !important;}
            .daterangepicker td.in-range {background-color: #012428 !important;color: white !important;}
            .daterangepicker td.start-date, .daterangepicker td.end-date {background-color: #012428 !important;color: white !important;}
            .daterangepicker td.off.available, .daterangepicker td.disabled, .daterangepicker option.disabled{opacity: 0.2;}
            .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{background-color:transparent !important;}
            
            .icons-bottom{display: none;}

            .daterangepicker.show-calendar.openscenter {left: calc(50% - 263px) !important;}

            .uk-sticky-placeholder{display: none !important;}


@media (max-width: 959px){ /* medium */
            
        .sticky-buscador.uk-active .uk-form-div {width: 50% !important; border-bottom: 1px solid #012428; height: calc(100% - -1px);}
        .bh .dates .ida-vuelta #rangepicker {border-bottom: 1px solid #012428;}
        .sticky-buscador.uk-active #buscador_reserva {height: 120px;}
        .sticky-buscador.uk-active .bh .code .con {border-top: 1px solid #012428; background-color: white;}
        .sticky-buscador.uk-active .bh .rooms .con {border-bottom: 1px solid #012428;}
        .sticky-buscador.uk-active .b-book {bottom: -53px;}
        .header-search{margin-left: -7.5px !important;}

}

@media (max-width: 767px){ /* medium-small */
    #buscador_reserva {width: 100%;}
    .sticky-buscador{position: relative;width: 100%;top: auto;left: auto;}
    #buscador_reserva{background-color: #ccc;}
    .b-book{margin: 5px 20px 0 10px !important;color: #012428;}
}

@media only screen and (max-width: 639px){ /* small */
        /* buscador */
        #buscador_reserva {width: 100%;}
        .date-vuelta {border-right: 0;}
        .promo {border-right: 0;}
        .date-ida {border-left: 0;}
        .home .header {margin-top: -90px; top:0; width: 100%; margin-left: 0;}
        .bm-waves span {margin-left: -10px;width: 220px;}
        .uk-navbar-right {padding-right: 20px;}
        .uk-navbar-left {padding-left: 20px;}
        .hab-value{  height: 90px; top: 0px; padding-top: 5px; padding-left: 15px; width: 100%; border-left: 0px;}
        .hab-value:after {right: 40px;}
        .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left {padding-left: 0px; }
        .uk-navbar-container.uk-active .bm-waves span {margin-left: 10px !important;}
        .habitaciones .header {width: 100%; margin-top: -90px; margin-left: 0px; }
        .habitaciones .sticky-buscador {margin-top: 0;}
        .footer-ul {width: 100%;}

        

        /* BUSCADOR NUEVO*/
        .uk-form-div {height: 60px; margin-top: 0;}
        /* .buscador .uk-grid {display: inherit;} */
        .buscador .icons-bottom .uk-grid {display: -webkit-box;}
        /* .buscador .uk-dropdown {max-width: 290px !important;} */
        .sticky-buscador {width: 100%;position: relative !important; border: 0 !important; margin-top: -104px !important;}
        .sticky-buscador.uk-active .uk-form-div {width: 100% !important;}
        .sticky-buscador.uk-active .bh .code .con {border-top: 1px solid #012428;}
        .sticky-buscador.uk-active .bh .code .promo {border-left: 0;}
        #buscador_reserva {height: 410px !important;}
        .bh .dates {height: 60px; position: relative;}
        .bh .rooms .con {border-left: 0;}
        .bh .reservas .con {border-left: 0;}
        .bh .dates .ida-vuelta .title {position: relative; width: 100%; left: 0; top: 20px; }
        .bh .dates .ida-vuelta .day{position: relative; width: 100%; left: 0; top: 15px; font-weight: 700; font-size: 1.4rem;}
        .bh .dates .ida-vuelta .month{ position: relative; width: 100%; left: 0; top: 15px; }
        .bh .dates .daterange {border: 0;padding: 0;width: 100%;background-color: transparent; cursor: pointer; text-align: center;color: #012428 !important;position: relative;z-index: 1; height: 60px; margin-top: 0px;} 
        .bh .code {height: 60px; top: 60px; border: 0; border-bottom: 0; }
        .bh .code .promo {border-left: 0;  border-bottom: 0;}
        .bh .rooms {border-right: 0; width: 100%; }
        .bh .rooms .con { border-right: 0;} 
        .bh .rooms .con .hab-value {left: -80px;}
        .bh .rooms .con .hab-value{top: 15px;}
        .bh .reservas {width: 100%;height: 135px;}
        .bh .reservas .b-send{margin-top: 15px !important;}
        .b-book{padding: 0;margin: 5px 10px 0 15px !important;width: calc(100% - 20px);}
        .bh .dates .ida-vuelta #rangepicker_title, .bh .hotel-sel-con span{text-align: center;padding-left: 10px;width: calc(100% - 10px);}
        .bh .rooms .con .b-title.hab-num{text-align: center;padding-left: 30px;width: calc(100% - 30px);}

}

@media (max-width: 563px){ /* x-small */
    .daterangepicker.show-calendar.openscenter {left: calc(50% - 133px) !important;}
}




@media (max-width: 459px){ /* x-small */
    .sticky-buscador {margin-top: -20px !important;}

}