#sp-main-body {
    padding: 30px 0!important;
}
:root {
    --vbo-blue-color: #333;
}
/* mercadopago */				 
.submit-button.btn.mp {
    background: #46a546;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    padding: 10px 24px;
    border-radius: 3px;
    width: 200px;
    font-weight: 600;
    margin-bottom: 12px;
}
i.fa-solid.fa-credit-card {
    margin-right: 4px;
}
/* Khipu */		   
button.submit-button.btn.kh {
    background: #46a546;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 24px;
    border-radius: 3px;
    width: 260px;
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 14px;
}
/* room list */			   
h1.vbclistheadt {
    font-size: 28px;
    margin-left: 5px;
}
div.vbdescrlistdiv > h2 > a {
    color: #333;
    font-size: 22px;
}
/* icono servicios */
.roomlist_carats .vbo-room-carat img, .room_carats .vbo-room-carat img {
    max-width: 24px;
}
.vbsrowprice .vbsrowpricediv .room_cost {
    font-size: 26px;
    font-weight: 400;
    color: #333;
}
.vblist li .vbliststartfrom {
    color: #666;
    text-transform: lowercase;
    font-size: 13px;
}
@media only screen and (max-width: 767px) {
    h1.vbclistheadt {
        font-size: 24px;
        margin-left: 5px;
    }
    div.vbdescrlistdiv > h2 > a {
        font-size: 20px;
    }
    h2.vbrowcname {
        line-height: 25px;
        margin-right: 32px;
        margin-top: 6px;
    }
    .vbselectr {
        padding: 5px 25px 12px 25px;
    }
    .vblist li .vbliststartfrom {
        display: inline-block;
    }
    .vbsrowprice .vbsrowpricediv .room_cost {
        font-size: 24px;
        font-weight: 400;
        display: block;
    }
    .vblist .vbsrowpricediv {
        padding: 0 5px;
    }
}
.vbrowcdescr {
    font-size: 14px;
}
span.vblistroomcat {
    display: none;
}
.vbselectr a, .vbselectr-result {
    background: #333;
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #fff;
	border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.vbselectr a, .vbselectr-result {
	border-radius: 0;
}
}
.vbrowroomcapacity i {
    color: #333;
}
.vblistroomblock .vbo-info-room {
    position: relative;
}
div.vbdescrlistdiv > div.vbrowroomcapacity {
    font-weight: 900;
    color: #333;
    position: absolute;
    top: 0;
    right: 0;
    margin: 12px;
}
@media only screen and (min-width: 998px) {
    div.vbdescrlistdiv > div.vbrowroomcapacity {
        margin: 0;
        right: 12px;
    }
}
.vbrowroomcapacity {
    margin: 0;
}
.vbcontdivtot {
    left: 0;
    margin: auto;
}
.vbsrowprice {
    padding: 0;
}
.vbselectordiv {
    border-top: 0;
    padding: 0 0 5px;
}
@media only screen and (max-width: 767px) {
.vbselectordiv {
    padding: 0;
}
}
.vbselectr a:hover, .vbselectr-result:hover {
    background: #000;
    color: #c5c5c5;
}
.vblistroomblock .vbo-info-room {
    padding: 0 20px 0;
    margin: auto;
}
@media only screen and (max-width: 550px) {
    .vbcontdivtot {
        border-top: 0;
    }
}
.vblistroomblock {
    border-right: 1px solid var(--vbo-border-color);
}
/* buscador por defecto */						  
.vbo-search-submit .btn {
    background: #333;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
	color: #fff;
	transition: background-color 0.7s ease;
}
.vbo-search-submit .btn:hover {
    background: #111;
    letter-spacing: 1px;
    text-transform: uppercase;
	color: #fff;
}
/* linea pasos busqueda */			  
ol.vbo-stepbar li.vbo-step-complete, ol.vbo-stepbar li.vbo-step-current {
    color: #333;
    border-bottom: 4px solid #333;
}
ol.vbo-stepbar li.vbo-step-complete:before {
    background-color: #333;
}
ol.vbo-stepbar li.vbo-step-current:before {
    content: "";
    color: var(--vbo-contrast-text-color);
    background-color: var(--vbo-white-bg-color);
    border: 2px solid #333;
}
/* search */			
.vik-dots-slider-inner {
    height: 250px !important;
}
.room_resultdiffusage .vblistroomblock {
    border-right: 1px solid var(--vbo-border-color);
}
@media only screen and (max-width: 767px) {
    .vik-dots-slider-inner .vik-dots-slider-slide img {
        max-height: 240px;
    }
    .vik-dots-slider-inner {
        height: 238px !important;
    }
	.vbrowcname {
    margin-top: 10px;
	font-size: 20px;
	line-height: 1.3em;
}
}
.vik-dots-slider-navbuttons {
    opacity: 1;
    top: 52%;
}
.vik-dots-slider-navbuttons > span {
    width: 24px;
    height: 24px;
    line-height: 24px;
}
.vik-dots-slider-navbuttons > span i {
    line-height: 24px;
}
.ptotal {
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    line-height: 18px;
}
.vbo-results-chdates a {
    color: #777;
    border: 1px solid #d7d7d7;
}
div.vbsrowprice > div.vbrowroomcapacity {
    display: none;
}
.booknow {
    background: none repeat scroll 0 0 var(--vbo-green-color) !important;
    color: #fff !important;
    letter-spacing: 1px;
    border: 0 none;
    border-radius: 4px;
    font-size: 16px !important;
    margin: 8px 0 0 !important;
    padding: 8px 25px !important;
}
input#vbf-inp5 {
    padding-left: 52px !important;
}
div.vbo-oconfirm-cfield-entry.vbo-oconfirm-cfield-entry-checkbox > div.vbo-oconfirm-cfield-label {
    margin: 14px 0;
    font-size: 13px;
    text-transform: uppercase;
}
div.vbo-oconfirm-cfield-entry.vbo-oconfirm-cfield-entry-checkbox > div.vbo-oconfirm-cfield-label > a {
    color: #333;
    background: #ffff00;
}
/* room details */				  
.vbroomimgdesc .vikfx-roomdetails-gallery-container {
    max-width: 700px;
    margin: auto;
}
.vikfx-gallery-container .vikfx-gallery img {
    max-height: 50px;
}
div.vblistroomnamediv > h3 {
    text-align: center;
}
div.vbo-room-details-booking-wrapper > div > form > div > div.vbo-search-inpblock.vbo-search-inpblock-checkin > div > i, div.vbo-room-details-booking-wrapper > div > form > div > div.vbo-search-inpblock.vbo-search-inpblock-checkout > div > i {
    height: 42px;
    line-height: 42px;
}
.vbo-search-submit {
    margin: 22px 0 10px 0;
}
#vbjstotnights {
    margin: 38px 10px 10px 25px;
}
/* price */		   
.vbo-results-head > div > i {
    margin: 0 10px 0 auto;
}
.vbo-results-head .vbo-results-head-det-lbl {
    display: inline;
}
.vbo-results-head .vbo-results-head-det-val {
    display: inline;
}
div.vbo-showprc-room-block > div.vbo-showprc-roomname > h3 {
    font-size: 26px;
    margin: 10px 0 24px 0;
}
.vikfx-gallery-container .vikfx-gallery-navigation-controls .vikfx-gallery-navigation-controls-prevnext > a {
    padding: 1px 8px;
    border-radius: 12px;
    height: 24px;
    width: 24px;
    line-height: 24px;
}
.vikfx-gallery-container .vikfx-gallery-navigation-controls {
    opacity: 1;
}
.backsl {
    margin: auto;
    padding: 10px 0 0;
}
#sp-component > div > div.vbdivsearch.vbo-search-mainview {
    margin-bottom: 70px;
}
.vbmodhorsearchmaindiv .input-group input {
    height: 38px !important;
}
div.vbmodhorsearchcheckindiv > div > input, div.vbmodhorsearchcheckoutdiv > div > input {
    border: none !important;
}
div.vbmodhorsearchcheckindiv > div > i, div.vbmodhorsearchcheckoutdiv > div > i {
    height: 38px !important;
    line-height: 38px !important;
    border: none !important;
}
div.vbmodhorsearch-hum-guests-wrap > label {
    display: none;
}
label, .vbdivsearch .vb-search-inner {
    font-size: 13px;
    text-transform: uppercase;
    text-align:left;
}
select:not(.form-select):not(.form-control) {
    height: 38px !important;
    font-size: 14px;
    padding: 0.3rem 0.8rem !important;
}
.vbmodhorsearchrac > div.vbmodhorsearchroomsel > span > select {
    border: 1px solid #ffffff;
}
.vbmodhorsearchrac > div.vbmodhorsearchroomdentr > div.vbmodhorsearchroomdentrfirst > div > span > select {
    border: 1px solid #ffffff;
}
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .btn {
 position: relative;
    padding: 4px 30px !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    background: #fff;
    height: 38px;
    margin: 24px 0 0 10px;
    letter-spacing: 1px;
    border-radius: 3px;
}
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .btn:hover, .vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .btn:active, .vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .btn:focus-visible {
    color: #000000;
}
i.far.fa-calendar-alt.vbo-caltrigger {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.vbo-horizsearch-numnights-inner {
    margin: 38px 10px 0 10px !important;
    font-size: 12px;
    text-transform: uppercase;
}
.vbmodhorsearchroomdentrfirst .horsrnum {
    display: inline-block;
    float: left;
    margin: 38px 7px 0 5px;
    font-size: 12px;
    text-transform: uppercase;
}
.vbmoreroomscontmod .horsrnum {
    margin: 12px 7px 0 5px;
    font-size: 12px;
    text-transform: uppercase;
}
div.vbmodhorsearchrac > div.vbmodhorsearchroomdentr > div.vbmoreroomscontmod > div > div > div {
    display: flex;
}
#vb2racont > div > div > span,#vb3racont > div > div > span, #vb4racont > div > div > span, #vb5racont > div > div > span, #vb6racont > div > div > span, #vb7racont > div > div > span, #vb8racont > div > div > span {
    width: 100%;
}
.vbmoreroomscontmod .horsanumsel {
    margin: 0 0px 0 0;
}
.vbmoreroomscontmod {
    display: block!important;
}
.horsanumdiv {
    float: inherit;
}
@media (max-width: 991px) {
label {
   padding-top: 5px;
}
.vbo-horizsearch-numnights-inner {
margin: 10px 0px 0px 0px !important;
text-align: center;
border-radius: 5px;
padding: 5px;
}
.horsanumdiv {
flex: 1 !important;
margin: 0 0px 0 0;
}
.vbmoreroomscontmod .horsanumsel {
    margin: 0 0px 0 2px;
}
.vbmoreroomscontmod .horsrnum {
    margin: 8px 5px 0 5px;
}
.vbmodhorsearchroomdentrfirst .horsrnum {
    margin: 36px 7px 0 5px;
}
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .btn {
    margin: 0 0 20px 0px;
    width: 100%;
}
}
@media only screen and (min-width: 992px) {
form {
    margin: auto;
    display: table;
}
}
.rd {
margin-bottom:30px;
}
#ui-datepicker-div {
    z-index: 999999!important;
}
/* buscador componente */
#vbo-search-num-aduchild-block > div > div > div > span > select, #vbo-roomsnum, #vbo-search-num-aduchild-block > div > div > span > select {
    height: 42px !important;
    width: 100% !important;
}
.vbo-search-num-rooms > span, .vbo-search-num-rooms > label {
    margin: 0 0 5px 0;
}
.vbo-search-inpblock {
    margin: 0 20px 8px 0;
}
.vbdivsearch .vb-search-inner > .vbo-search-num-racblock {
    margin-left: 0px;
}
#vbo-search-num-aduchild-block > div > span {
    margin: 32px 10px 0 0;
}
div.vbdivsearch.vbo-search-mainview > form > div > div.vbo-search-submit {
    margin: 0 auto auto auto;
}
.vbdivsearch.vbo-search-mainview > form > div > div.vbo-search-num-racblock > div:nth-child(3) {
    margin: 15px 20px 10px 20px !important;
    text-align: center;
}
.vbdivsearch.vbo-search-mainview > form > div > div.vbo-search-submit > button {
    width: 100%;
}
.vbo-search-submit .btn {
    padding: 0 40px !important;
    height: 42px;
}
@media screen and (min-width: 781px) {
.vbo-search-num-rooms {
        margin: 0px 30px 0px 20px !important;
}
.vbdivsearch.vbo-search-mainview > form > div > div.vbo-search-num-racblock > div:nth-child(3) {
    margin: 38px 25px 0 15px !important;
    text-align: center;
}
.vbdivsearch.vbo-search-mainview > form > div > div.vbo-search-submit > button {
    margin: 25px 0 10px 0px;
}
}
/* calendario */
#ui-datepicker-div > div.vbo-drp-commands-bottom > div.vbo-drp-command.vbo-drp-command-close > button {
    border: 1px solid;
    padding: 8px 15px;
}
.ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-clear a {
    color: #8f8f8f;
    text-decoration: underline;
}
a.ui-state-default.ui-state-active {
    color: #ffffff !important;
}
.ui-datepicker-calendar td.checkin-date > *, .ui-datepicker-calendar td.checkout-date > *, .ui-datepicker-calendar td > *.ui-state-active {
    background: #11202a!important;
    color: var(--vbo-contrast-text-color);
}
.ui-datepicker td.checkin-date a:hover, .ui-datepicker td.checkout-date a:hover, .ui-datepicker-calendar td.ui-datepicker-current-day > :hover {
    color: #fff !important;
}
/* ----------- head moviles ----------- */
.logo-image-phone {
    height: 50px!important;
}
@media screen and (max-width: 991px) {
#sp-header .logo {
    height: 60px;
}
#sp-header {
    height: 60px;
}
}
/* - esconder tiempo para reservar  */
div#vbo-timer-payment {
    display: none;
}
