/********** FIXED **********/
/* Esta seccion corresponde a arreglar los bugs que las demas hojas de estilos generan en la pagina, se sobre escriben para no afectar a nuestros estilos*/
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 0px;
margin: 0 0 0px;
}
html {
font-size: 100%;
}
body {
line-height: normal;
font-size: 14px;
}
.fade:not(.show) {
opacity: 1;
}
.fade.in {
opacity: 1;
}
.collapse.in {
display: block !important;
}
.modal-backdrop {
background-color: #fff;
opacity: .5 !important;
}
/*.modal-open {
padding-right: 17px;
}*/
.modal.fade .modal-dialog {
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
}
#exampleModal .modal-header {
padding: 0px;
padding-right: 10px;
padding-top: 10px;
border: 0px;
}
#exampleModal iframe {
height: 428PX;
margin: 0px;
border: 0px;
width: 100%;
}
#exampleModal .modal-body {
height: 695px;
}
/* TSK 3974 */
#exampleModal .modal-dialog {
max-width: 900px !important;
margin: 1.75rem auto;
}
#exampleModal {
padding: 110px 75px;
margin: 0 auto;
width: 100%;
}
iframe {
width: 900px
}
.popover {
max-width: 445px;
}
.popover-content {
padding: 44px;
}
.navbar-brand {
height: auto;
padding: 0px;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
line-height: normal;
}
.navbar {
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border: 0px;
}
.navbar-collapse {
padding-right: 0px;
padding-left: 0px;
border-top: 0px solid transparent;
}
.navbar .container {
padding: 0px;
width: 100% !important;
}
.navbar-nav:first-child {
padding-left: 6px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: transparent;
}
.navbar .navbar-brand img {
width: 177px;
max-width: 177px;
height: initial;
}
footer form p {
padding: 0px !important;
}
footer .row > * {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
flex-shrink: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
}
footer .col-12.justify-content-center.text-center {
padding: 0px;
}
li {
margin-bottom: 0px;
}
#spinMessage {
font-size: 20px;
}
.row > * {
padding-right: 12px;
padding-left: 12px
}
.order-5 {
order: 5;
}
.order-4 {
order: 4;
}
.order-3 {
order: 3;
}
.order-2 {
order: 2;
}
.order-1 {
order: 1;
}
.order-0 {
order: 0;
}
.invalid-feedback {
margin-top: 4px;
font-size: 14px;
margin-bottom: 8px;
}
div#alert-red {
margin: 0px !important;
margin-bottom: 20px !important;
}
div#alert-red img {
display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.intl-tel-input.allow-dropdown input[type=number] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
/********** CUSTOM **********/
/* Esta seccion aplicamos nuestros estilos a elementos */
::selection {
color: white;
background: #3297FD;
background-color: #3297FD;
}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
box-shadow: 0px 0px 0px transparent;
-webkit-box-shadow: 0px 0px 0px transparent;
-moz-box-shadow: 0px 0px 0px transparent;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
background-color: #818181;
border-color: #82A0BC;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 55px;
padding: 5px 10px;
background-color: #FFF;
border: 1px solid var(--indigo-dark);
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid var(--indigo-dark);
outline: 0;
}
.button.button-secondary,
button.button-secondary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
color: #FFF;
background-color: var(--indigo-dark);;
border-color: var(--indigo-dark);;
height: 35px;
}
.button.button-secondary:hover,
button.button-secondary:hover,
input[type="submit"].button-secondary:hover,
input[type="reset"].button-secondary:hover,
input[type="button"].button-secondary:hover,
.button.button-secondary:focus,
button.button-secondary:focus,
input[type="submit"].button-secondary:focus,
input[type="reset"].button-secondary:focus,
input[type="button"].button-secondary:focus {
color: #FFF;
background-color: #82A0BC;
border-color: #818181;
}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background-color: var(--indigo-dark);;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
content: "";
display: none;
}
.container:after,
.row:after,
.u-cf {
content: "";
display: none;
clear: both;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
content: "";
display: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 0px solid #999999;
background: transparent;
}
.results-pagination ul li.active span,
.results-pagination ul li.active span,
.results-pagination ul li a.page-link:hover {
background-color: var(--indigo-dark);
border-radius: 50%;
line-height: normal;
font-family: 'Montserrat-Bold';
font-size: 13px;
padding: 6px 11px;
font-weight: normal;
border: 0px;
color: var(--white) !important;
margin: 0px;
}
.results-pagination ul li a.page-link,
.results-pagination ul li span {
background-color: transparent;
border-radius: 50%;
line-height: normal;
font-family: 'Montserrat-Bold';
font-size: 13px;
padding: 6px 11px;
font-weight: normal;
border: 0px;
color: var(--indigo-dark) !important;
margin: 0px;
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
border-color: transparent;
box-shadow: 0 0 0 0.25rem transparent;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
background-image: none;
}
.was-validated .form-control:valid,
.form-control.is-valid {
background-image: none;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
border-color: var(--color-1);
box-shadow: 0 0 0 0;
}
#booking_form.was-validated .form-control:invalid:focus,
#booking_form .form-control.is-invalid:focus {
border-color: #bcbcbc;
box-shadow: 0 0 0 0;
}
#booking_form .form-control.is-valid:focus,
#booking_form.was-validated .form-control:valid:focus {
border-color: #bcbcbc;
box-shadow: 0 0 0 0;
}
.intl-tel-input.allow-dropdown .flag-container {
height: 55px;
display: none;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
border-color: transparent;
}
header button:hover,
header button:focus {
background-color: transparent;
}
.input-group-text {
border-right: 0;
border-radius: 0px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
padding: 10px;
padding-right: 6px;
}
.row.search-body {
background-color: #F0F6FC;
margin-top: 78px;
padding-top: 26px;
padding-bottom: 26px;
}
.row.search-body input.form-control {
border: 0px;
font-size: 16px;
padding-left: 0px;
padding-right: 3px;
}
.row.search-body input.form-control:not(.autocompletion-service) {
padding-top: 25px;
}
.row.search-body .input-group-text {
border: 0px;
}
.label-over-input {
position: absolute;
z-index: 4;
font-size: 12px;
margin-left: 35px;
font-family: 'Montserrat-Medium';
font-weight: normal;
margin-top: 10px;
}
.label-over-input-big {
margin-top: 17.5px;
font-size: 16px;
}
.end-0 {
right: 0;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #FFF;
opacity: 1;
}
.form-control:focus {
box-shadow: 0 0 0 0 transparent;
}
#form-re-search input {
border-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#form-re-search .col-auto + .col-auto {
margin-left: 10px;
}
#form-re-search .col-destination {
max-width: 342px;
width: 100%
}
#form-re-search .col-check-out {
width: 100%;
max-width: 207px;
}
#form-re-search .col-check-in {
max-width: 208px;
width: 100%;
}
#form-re-search input#destination {
margin-left: -34px;
padding-left: 34px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#form-re-search .col-destination .input-group-text {
z-index: 5;
}
#form-re-search input.btn.btn-indigo.monserrat-bold.w-100.h-100 {
border-radius: 5px !important;
}
#form-re-search .col-check-in .input-group,
#form-re-search .col-check-in label,
#form-re-search .col-destination .input-group,
#form-re-search .col-destination label,
#form-re-search .col-destination input,
#form-re-search .col-traveler .input-group,
#form-re-search .col-traveler label,
#form-re-search .col-traveler input,
#form-re-search .col-check-out .input-group,
#form-re-search .col-check-out label,
#detail-map-big {
cursor: pointer;
}
#form-re-search .col-traveler {
max-width: 244px;
width: 100%
}
#form-re-search .col-submit {
max-width: 205px;
width: 100%
}
.row.search-body .row > * {
padding-right: 0px;
padding-left: 0px;
}
ul#results-sort-bar {
display: none;
}
.filter-tag {
background-color: #F0F0F0;
border-radius: 5px;
padding: 10px;
font-size: 14px;
margin-right: 10px;
margin-bottom: 10px;
}
.filter-tag > span {
margin-left: 5px;
font-family: 'Montserrat-SemiBold';
}
.body-filter-tag {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0px;
margin-top: 37px;
}
#traveler-picker label {
margin-bottom: 0px;
line-height: normal;
}
#search-back-bar.spacer-bottom {
margin-bottom: 30px;
}
#results-list-view,
#results-map-view {
margin: 15px 0px;
}
#results-view-type li a.active,
#results-view-type li a:hover {
background-color: transparent !important;
color: var(--indigo-dark);
}
#results-page-main .ui-state-hover a,
#results-page-main .ui-tabs-active a,
#results-page-main .ui-state-active a {
background-color: transparent !important;
color: var(--indigo-dark);
}
#results-page-main .ui-tabs-active a span,
#results-page-main .ui-state-active a span {
color: var(--indigo-dark);
font-family: 'Montserrat-SemiBold';
font-size: 13px;
width: 66px;
height: 16px;
display: inline-flex;
}
#results-page-main .ui-state-hover a span {
color: #82A0BC;
font-family: 'Montserrat-SemiBold';
font-size: 13px;
width: 66px;
height: 16px;
display: inline-flex;
}
#results-view-type li.ui-state-hover a i {
color: #82A0BC !important;
height: 12px;
width: 19px;
font-size: 19px;
}
#results-view-type li.ui-tabs-active a i,
#results-view-type li.ui-state-active a i {
color: var(--indigo-dark);
height: 12px;
width: 19px;
font-size: 19px;
}
#results-view-type li a i,
#results-view-type li a i,
#results-view-type li a i {
color: #818181;
height: 12px;
width: 19px;
font-size: 19px;
}
#results-page-main a span,
#results-page-main a span,
#results-page-main a span {
color: #818181;
font-family: 'Montserrat-SemiBold';
font-size: 13px;
width: 66px;
height: 16px;
display: inline-flex;
}
#results-view-type li a {
padding: 0px;
padding-left: 8px;
padding-right: 0px;
padding-top: 0px;
}
#results-view-type i.fa.fa-lg.fa-map-marker {
height: 18px;
width: 13px;
font-size: 18px;
}
#results-view-tabs ul li {
font-size: 13px !important;
margin: 0px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: var(--indigo-dark);
}
#results-view-type li a i {
color: #818181;
}
#results-page-main .row > .nine.columns {
padding: 0px;
margin-left: 2%;
padding-left: 35px;
}
#results-sort-bar li {
color: var(--indigo-dark);
}
#results-sort-bar li a.active {
color: #63ADF2;
}
#hotel-name-search {
display: inline-flex;
width: 100%;
margin-bottom: 0px;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
}
#hotel-name-search input {
width: 180px;
margin-right: 0px;
background: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: 12px 50%;
background-size: 16px;
border-radius: 5px;
font-size: 16px;
padding-left: 39px;
padding-top: 19px;
padding-bottom: 17px;
padding-right: 8px;
}
#hotel-name-search button {
font-size: 14px;
height: 55px;
width: 110px;
padding: 0px;
text-align: center;
font-family: 'Montserrat-Bold';
border-radius: 5px;
font-weight: normal;
}
#trResetFilters {
height: 55px;
padding: 0px;
line-height: 55px;
text-align: center;
font-family: 'Montserrat-Bold';
order: 2;
font-size: 14px;
text-transform: uppercase;
margin-bottom:25px;
}
.hotel-results-listing {
padding: 0px;
border: 1px solid #A7CCED;
border-radius: 10px;
position: relative;
display: inline-block;
width: 100%;
-webkit-box-shadow: 0px 3px 6px #00000029;
-moz-box-shadow: 0px 3px 6px #00000029;
box-shadow: 0px 3px 6px #00000029;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
min-height: 160px;
cursor: pointer;
}
.hotel-results-listing .hotel-photo {
width: 25%;
position: absolute;
height: 100%;
justify-content: center;
align-items: center;
left: 0px;
}
.hotel-results-listing .hotel-photo img {
width: 100%;
height: 100%;
object-fit: cover;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.hotel-results-listing .hotel-info .name {
color: var(--indigo-dark) !important;
}
.hotel-results-listing .hotel-info {
padding-top: 19px;
padding-bottom: 5px;
color: var(--indigo-dark);
padding-left: 2%;
margin-left: 25%;
}
.hotel-results-listing .hotel-pricing {
text-align: right;
padding-right: 50px;
color: var(--indigo-dark);
float: left;
width: 22%;
padding-top: 23px;
padding-bottom: 19px;
position: relative;
align-self: flex-end;
position: relative;
}
.hotel-results-listing .hotel-pricing.not-package {
display: flex;
flex-direction: column;
position: absolute;
right: 0;
height: 100%;
justify-content: flex-end;
}
.hotel-results-listing .hotel-pricing .price-box span.price strong {
color: #82A0BC;
font-size: 40px;
font-family: 'Montserrat-Bold';
line-height: normal;
padding: 0px;
font-weight: normal;
margin: 0px;
}
.hotel-results-listing:hover {
-webkit-box-shadow: 0px 0px 6px 1px #b9b9b9;
-moz-box-shadow: 0px 0px 6px 1px #b9b9b9;
box-shadow: 0px 0px 6px 1px #b9b9b9;
}
.hotel-results-listing .hotel-info .name a {
color: var(--indigo-dark) !important;
font-size: 25px !important;
line-height: normal;
font-family: 'Montserrat-bold';
font-weight: normal;
}
.hotel-results-listing .hotel-pricing .price-box strong {
color: var(--indigo-dark);
font-size: 12px;
font-family: 'Montserrat-Bold';
padding-top: 6px;
padding-bottom: 3px;
display: block;
font-weight: normal;
}
.hotel-results-listing .price-box span:nth-child(2) {
text-transform: lowercase;
}
.hotel-results-listing .hotel-pricing .button {
position: absolute;
right: -16px;
width: 42px;
height: 42px;
content: " ";
border-radius: 50%;
background: #82A0BC;
color: #82A0BC !important;
top: calc(100% - 18px);
background-position: 3px 0px !important;
z-index: 6;
background-image: url("data:image/svg+xml,");
}
.hotel-results-listing .hotel-pricing .price-box {
border: 0px solid #cecece;
background: -moz-linear-gradient(top, transparent 0%, transparent 100%);
background: -webkit-linear-gradient(top, transparent 0%, transparent 100%);
background: transparent;
filter: none;
margin-bottom: 0px;
padding: 0px;
padding-top: 0px;
}
.hotel-results-listing .best-package-desc,
.hotel-results-listing .room-and-meal {
display: none;
}
.box-featured-packages {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#mapcanvasHotResult {
border-radius: 5px;
}
.view-filters-mobile {
display: none;
}
span.dim.prev {
color: #63ADF2 !important;
font-family: 'Montserrat-SemiBold';
padding-left: 0px;
margin-left:10px;
}
.dropdown-filter {
display: inline-flex !important;
margin-left: 0px;
height: 18px;
align-items: baseline;
padding: 0px;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.dropdown-filter .dropdown-menu {
box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
padding-top: 16px;
padding-bottom: 16px;
}
.dropdown-filter .dropdown-toggle {
height: 18px;
text-transform: capitalize;
padding: 0px;
font-size: 14px;
}
.dropdown-filter .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
color: #304D6D;
background-color: #eee;
}
.dropdown-filter .dropdown-menu > li > a {
font-size: 14px;
color: #304D6D;
font-family: 'Montserrat-SemiBold';
padding-left: 15px;
}
.dropdown-filter .dropdown-menu > li > a.active {
color: var(--blue-dark);
background-color: #fff;
}
.box-featured-packages .best-package-desc,
.box-featured-packages .room-and-meal {
display: block;
}
.box-featured-packages .hotel-info .name a {
background: #DF7027;
border-radius: 14px;
padding: 6px;
padding-left: 24px;
padding-right: 24px;
margin-right: 10px;
color: var(--white) !important;
font-size: 13px !important;
width: 120px;
text-align: center;
}
.box-featured-packages .hotel-info .name span {
display: inline-block;
}
.box-featured-packages .hotel-info .name {
margin-bottom: 8px;
display: flex;
align-items: center;
line-height: normal;
}
.hotel-results-listing .hotel-pricing .price-box span {
font-size: 10px;
line-height: normal;
}
.box-featured-packages p.span-1 {
font-family: 'Montserrat-SemiBold';
font-size: 17px;
margin-bottom: 0px !important;
}
.box-featured-packages p.span-2 {
font-style: italic;
font-size: 13px;
margin-bottom: 0px !important;
}
.box-featured-packages .best-package-desc {
color: #DF7027 !important;
font-family: 'Montserrat-Bold';
font-size: 15px;
margin: 0px !important;
margin-bottom: 21px !important;
}
.box-featured-packages .hotel-pricing .price-box span.price strong {
color: #DF7027;
}
.order-inn-menu a:not(.button) {
font-family: 'Montserrat-Medium' !important;
font-weight: normal !important;
color: #63ADF2;
}
#page-progress-bar-hot ul li i {
width: 50px;
background: #F0F0F0;
height: 50px;
border-radius: 50%;
border: 2px solid #818181;
padding-top: 23px;
padding-left: 0.05em;
color: #818181;
font-size: 18px;
margin-top: -10px;
}
#page-progress-bar-hot .active .fa-hotel, #page-progress-bar-hot .active .fa-building::before, #page-progress-bar-hot .active .fa-check-circle {
color: #A7CCED;
font-size: 18px;
}
#page-progress-bar-hot .fa-check-circle::before {
content: "\f14a";
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
#page-progress-bar-hot .fa-building::before {
content: "\f594";
}
#page-progress-bar-hot ul li.active i {
background-color: var(--indigo-dark);
color: #fff;
}
#page-progress-bar-hot ul li {
background-color: transparent;
width: 33.33%;
margin: 0px;
padding: 0px;
margin-top: -10px;
}
#page-progress-bar-hot ul li.active {
background-color: transparent;
}
#page-progress-bar-hot ul li:after {
content: none;
}
#page-progress-bar-hot ul li:after {
content: none;
}
#page-progress-bar-hot ul li:before {
content: none;
}
#page-progress-bar-hot ul li:first-child i {
left: 0;
margin-left: -3px;
position: absolute;
}
#page-progress-bar-hot ul li:last-child i {
right: 0;
position: absolute;
margin-right: -3px;
}
#page-progress-bar-hot {
height: 0px;
border: 0px;
}
#page-progress-bar-hot ul {
box-shadow: 0px 3px 6px #00000029;
background: #FFF;
padding-top: 0px;
padding-bottom: 0px;
height: 15px;
}
#page-progress-bar-hot ul.advance-2 {
background: linear-gradient(to right, #A7CCED 50%, #FFF 50%);
}
#page-progress-bar-hot ul.advance-3 {
background: linear-gradient(to right, #A7CCED 100%, #FFF 0%);
}
#HotelLocation {
margin-top: 5px;
}
#search-results-filters {
padding-left: 0px;
padding-right: 0px;
max-width: 300px;
}
.search-results-filters-fixed {
position: sticky;
top: 142px;
display: flex;
flex-direction: column;
}
section#mealBlockDiv {
order: 1;
}
#search-results-filters h5 {
font-family: 'Montserrat-SemiBold';
}
#search-back-bar {
border-bottom: 0px solid #dfdfdf;
padding-top: 39px;
padding-bottom: 13px;
margin-top: 15px;
}
#property-page-main {
padding-top: 0px;
padding-bottom: 20px;
}
/* tsk-4 4121*/
.sidebar-widget ul li {
list-style: none;
white-space: nowrap;
line-height: 24px;
}
.filter-list li label {
display: inline-block;
padding: 2px 0 0 5px;
font-weight: normal;
font-size: 12px;
width: 80%;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: -3px;
}
.sidebar-widget p {
display: inline-flex;
margin-bottom: 10px;
}
.sidebar-widget p label {
font-size: 18px;
margin-bottom: 0px;
width: 50%;
font-family: 'Montserrat-SemiBold';
font-weight: normal;
}
h5#trAmenities {
font-size: 18px;
}
#slider-values {
position: initial;
top: 0;
right: 0;
border: 0px;
padding: 0px;
line-height: 12px;
font-size: 14px;
text-align: right;
width: 50%;
height: auto;
font-family: 'Montserrat-SemiBold';
}
#price-slider {
padding: 0 !important;
margin-bottom: 14px;
}
#slider-range {
border: 0px solid transparent !important;
margin-left: 6px;
margin-right: 15px;
background-color: #C9C9C9 !important
}
#slider-range .ui-widget-header {
background: var(--blue-dark) !important;
height: 3px;
}
#slider-range .ui-state-default,
#slider-range .ui-widget-content .ui-state-default,
#slider-range .ui-widget-header .ui-state-default {
border: 3px solid var(--indigo-dark) !important;
background-color: var(--white) !important;
border-radius: 50% !important;
}
#slider-range .ui-state-hover,
#slider-range .ui-widget-content .ui-state-hover,
#slider-range .ui-widget-header .ui-state-hover {
background-color: var(--white) !important;
}
.ui-slider-horizontal {
height: 3px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -13px;
height: 26px;
width: 26px;
}
.ui-state-default {
background: transparent !important;
}
.ui-widget-content a:not(.button) {
font-family: 'Montserrat-SemiBold';
}
.ui-widget-content {
color: var(--indigo-dark) !important;
}
.fa-star,
.fa-star-half-o {
color: var(--indigo-dark);
}
.hotel-results-listing .fa-star,
.hotel-results-listing .fa-star-half-o,
.hotel-results-listing .fa-star-o {
font-size: 10px !important;
height: 10px;
width: 10px;
margin-right: 2px;
}
.hotel-rating span.stars {
line-height: normal;
height: auto;
margin: 0px;
}
.ui-widget {
font-size: 14px;
}
.filter-list li span {
color: var(--indigo-dark);
font-size: 12px;
font-family: 'Montserrat-SemiBold';
font-weight: normal;
}
.filter-list li input {
height: 17px;
width: 17px;
border-radius: 3px;
border-color: var(--indigo-dark);
}
.filter-list {
margin: 10px 10px 0px 0px;
}
.filter-reset {
width: 100%;
}
.filter-list .fa {
font-size: 18px !important;
height: 17px;
width: 18px;
margin-right: 2px;
}
.filter-showing {
text-align: left;
font-family: 'Montserrat-SemiBold';
font-size: 14px;
margin-top: 37px !important;
margin-bottom: 15px !important;
width: 100%;
height: 18px;
line-height: normal;
padding: 0px !important;
}
a#seeMoreAmenities {
font-size: 13px;
margin-top: 10px;
display: block;
}
section#lesAmenities {
margin-bottom: 0px;
}
section#mealBlockDiv {
margin-bottom: 36px;
}
#detail-map-big {
display: none;
border-radius: 5px;
object-fit: cover;
height: 210px;
}
#rating-slider,
#trSelectHotel,
#trSelectRoomType,
#trBooking,
.main_slider_container,
.hotel-results-listing .hotel-pricing .button span,
.sidebar-widget header,
.top-amenities,
.best-package-name,
.property-update-rates,
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
display: none;
}
.hotel-info {
display: flex;
flex-direction: column;
}
.hotel-info .name {
order: 0;
}
.hotel-info .hotel-rating {
order: 0;
}
.hotel-info .address {
order: 1;
}
.hotel-info .room-and-amenities {
order: 2;
}
.hotel-info .order-inn-menu {
order: 3;
padding-left: 0px;
margin-right: 15px;
font-size: 12px;
margin-bottom: 12px !important;
color: #545E75;
}
.hotel-info .order-inn-menu:before {
content: "\f0f5";
font-family: 'FontAwesome';
margin-right: 5px;
font-size: 16px;
}
.hotel-info .sale-tag {
order: 5;
display: none;
}
.hotel-info .address i {
margin-right: 5px;
}
.best-package-name-2 {
font-size: 15px;
}
.label-amenities:before {
content: "\f02e";
font-family: 'FontAwesome';
margin-right: 5px;
}
.pax_section {
border: 0px solid #d8d8d8;
padding: 0px;
display: flex;
flex-direction: column;
margin-bottom: 0px;
}
.amenity-item {
background-image: none;
background-repeat: no-repeat;
padding-left: 0px;
margin-right: 15px;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
color: #545E75;
max-width: 80%;
margin-top: 5px;
}
.room-and-amenities a {
font-size: 12px;
display: inline-block;
color: #63ADF2;
font-family: 'Montserrat-Medium' !important;
overflow: hidden;
}
.label-amenities.post {
border-bottom: 0px solid #e6e6e6;
}
.label-amenities.card {
border: 0px solid rgba(0, 0, 0, .125);
}
.address a {
font-size: 13px;
}
.address .link-address:hover,
.address a:hover,
.order-inn-menu a:not(.button):hover,
.room-and-amenities a:hover {
color: var(--indigo-dark) !important;
}
.address .link-address,
.address a {
color: #63ADF2 !important;
}
.address .link-address {
white-space: nowrap;
cursor: pointer;
}
span.amenity-item:before,
.property-amenities .col-auto:before,
.show-less-amenities-room .col-auto:before {
content: "\f02e";
font-family: 'FontAwesome';
margin-right: 5px;
font-size: 16px;
color: var(--indigo-dark);
}
span.amenity-item.amenity-Smallpetsallowed\(under5kg\):before,
.col-auto.Small.pets.allowed.\(under.\35 .kg\):before {
content: "\f1b0";
}
span.amenity-item.amenity-Fitness:before,
label.label-amenities.Fitness:before {
content: "\f004";
}
.col-auto.Car.park:before,
.col-auto.Garage:before,
span.amenity-item.amenity-Carpark:before {
content: "\f1b9";
}
.col-auto.TV:before {
content: "\f108";
}
.col-auto.Cable.TV:before {
content: "\f012";
}
.col-auto.Pay.movies:before {
content: "\f03d";
}
.col-auto.Minibar:before {
content: "\f000";
}
.col-auto.Minibar:before {
content: "\f000";
}
span.amenity-item.amenity-Cycling\/mountainbiking:before,
label.label-amenities.Cycling.\/.mountain.biking:before,
.col-auto.Gym:before {
content: "\f206";
}
span.amenity-item.amenity-BlueDiamondResorts-EnhancedHealth\,Safety\&CleanlinessProtocols:before,
label.label-amenities.Blue.Diamond.Resorts.\-.Enhanced.Health\,.Safety.\&.Cleanliness.Protocols:before {
content: "\f219";
}
span.amenity-item.amenity-Football:before,
label.label-amenities.Football:before {
content: "\f1e3";
}
label.label-amenities.Basketball:before {
content: "\f17d";
}
span.amenity-item.amenity-Banquethall:before,
.col-auto.Room.service:before {
content: "\f0f5";
}
.col-auto.Air.conditioning.in.public.areas:before {
content: "\f1d1";
}
.col-auto.Shop:before {
content: "\f290";
}
span.amenity-item.amenity-Wi-fi:before,
label.label-amenities.Wi-fi:before,
.col-auto.Wi-fi:before,
.col-auto.Wired.Internet:before {
content: "\f1eb";
}
span.amenity-item.amenity-Minimumcheck-inage:before,
.col-auto.\32 4-hour.reception:before,
.col-auto.Alarm.clock:before,
.col-auto.Wake-up.service:before,
span.amenity-item.amenity-24-hourreception:before {
content: "\f017";
}
.lyx-update-search-overlay {
background-color: #FFF;
}
.scrollBar {
color: var(--indigo-dark);
}
header {
position: fixed;
top: 0;
background: #FFF;
z-index: 30;
}
.vsi-fix-scroll {
position: fixed;
}
.container {
position: initial;
}
.white-back {
background-image: var(--white);
}
.global-wrap {
margin-top: 50px;
}
.mfp-bg {
background: var(--white);
}
.price {
color: #82A0BC;
}
.toast {
opacity: initial;
font-size: 14px;
top: 95px;
}
.toast-body {
padding: 0px;
margin-right: 21px;
text-align: justify;
}
.toast button {
height: 21px;
width: 21px;
position: absolute;
top: calc(50% - 10.5px);
padding: 0px;
right: 10px;
opacity: .75;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.btn-close:hover {
background-color: transparent;
}
div#mapcanvasHotResultSelect {
height: auto !important;
margin-top: 25px;
}
/*Page Details Hotel*/
#backHistory a {
font-size: 13px;
;
}
.featherlight .featherlight-content {
overflow-y: hidden;
}
.property-rooms-list:not([id*="div-multiroom"]) li:not([class*="package"]) .room-rate .button {
display: none;
}
.property-rooms-list li .room-rate .button {
text-align: center;
justify-self: right;
margin-right: 0px;
margin-bottom: 0px;
height: 40px;
width: 169px;
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
font-family: 'Montserrat-Bold';
}
#property-gallery,
#property-gallery > * {
display: none;
}
#carousel-section-1 img, #carousel-section-1-2 img {
height: 267px;
width: 33.33%;
object-fit: cover;
}
#carousel-section-1 .item.active, #carousel-section-1-2 .item.active,
.next.left,
.prev.right {
display: flex !important;
}
.carousel-control {
background-color: var(--white);
border-radius: 50%;
width: 50px;
height: 50px;
background-size: 80% 80%;
background-position: 40%;
color: #000;
box-shadow: 0px 3px 6px #00000029;
background-image: none;
margin-left: -29px;
margin-right: -29px;
top: calc(50% - 25px);
opacity: 1;
}
.carousel .carousel-inner,
.carousel .carousel-inner .item {
height: 100%;
}
.carousel-control.left {
background-image: url("data:image/svg+xml,");
}
.carousel-control.right {
background-image: url("data:image/svg+xml,");
}
.carousel-control:hover {
opacity: 1 !important;
}
#property-page-main > .row {
padding-top: 39px;
padding-bottom: 40px;
border-bottom: 1px solid #f0f0f0;
display: flex;
justify-content: space-between;
}
#property-page-main > .row:nth-child(3) {
border-bottom: 0px !important;
}
.property-overview h1 {
margin: 0 0 8px 0;
font-size: 25px;
text-transform: capitalize;
line-height: normal;
}
.property-overview p.address {
margin: 0 0 8px 0;
padding: 0;
font-size: 14px;
}
.property-overview p.address span {
padding-left: 10px;
display: none;
}
.property-overview .fa-star,
.property-overview .fa-star-o {
font-size: 18px;
height: 18px;
width: 18px;
margin-right: 4px;
}
#property-page-main > .menu-propertys {
padding-top: 24px;
padding-bottom: 0px;
border-bottom: 0px solid #f0f0f0;
display: flex;
justify-content: flex-start;
}
#property-page-main .row > * {
padding-left: 0px;
padding-right: 0px;
}
#property-top-rate .rate p.price {
color: #DF7027;
font-family: var(--monserrat-semibold);
}
#property-page-main .property-overview-description {
color: #707070;
text-align: left;
margin-top: 28px;
line-height: 28px;
height: 109px;
font-size: 16px;
max-width: 789px;
overflow: hidden;
}
#property-top-rate {
width: 100%;
display: flex;
flex-direction: column;
}
#property-top-rate .rate span {
font-size: 10px;
}
#property-top-rate .rate p {
margin: 0 0 0px 0;
padding: 0;
font-size: 12px;
line-height: normal;
text-align: right;
}
#property-top-rate p#trTotalCost {
text-transform: lowercase;
}
#property-top-rate .prices-taxes {
font-size: 10px !important;
}
#property-top-rate .rate p.price strong {
font-family: 'Montserrat-Bold';
font-weight: normal;
font-size: 45px;
}
#property-top-rate .prices-for-all-day {
font-family: 'Montserrat-Bold';
font-weight: normal;
line-height: normal;
margin-top: 5px;
display: block;
margin-bottom: 1px;
}
#property-top-rate .button {
float: right;
margin-top: 10px;
align-self: flex-end;
height: 55px;
line-height: 55px;
font-size: 14px;
width: 237px;
font-family: 'Montserrat-Bold';
font-weight: normal;
margin-bottom: 0px;
}
.menu-propertys a {
color: var(--indigo-dark);
font-family: 'Montserrat-SemiBold';
margin-right: 20px;
}
.menu-propertys a.active {
border-bottom: 1px solid var(--indigo-dark);
}
a.a-property-overview-description {
font-size: 12px;
}
a.a-amenities {
font-size: 12px;
}
:target:before {
content: '';
display: block;
height: 100px;
margin-top: -100px;
visibility: hidden;
}
.property-map-thumb {
border-radius: 5px;
width: 372px;
height: 213px;
object-fit: cover;
}
#search-back-bar ul li:not(#backHistory) {
display: none;
}
#search-back-bar ul li {
border-right: 0px solid #dfdfdf;
}
li[aria-labelledby="ui-id-2"],
li[aria-labelledby="ui-id-3"],
.sidebar-alternate-property,
.sidebar-amenities,
#property-sidebar,
.lyx-headerStop {
display: none !important;
}
.best-value-package {
background-color: #DF7027;
border: 1px solid #DF7027;
border-radius: 14px;
width: 120px;
text-align: center;
font-size: 10px;
font-family: 'Montserrat-Bold';
order: 1;
margin-left: 0px;
padding: 4px 15px;
margin-bottom: 10px;
}
.property-update-rates {
border-radius: 25px;
margin-right: 10px;
}
.property-rooms-list li .room-rate .rate strong {
color: var(--indigo-dark);
font-size: 25px;
font-family: 'Montserrat-Bold';
}
.property-rooms-list li .room-rate .rate strong.orange {
color: #DF7027;
}
#property-page-main .sidebar-widget {
margin: 0 0 0 0;
text-align: right
}
#property-page-main .ui-state-hover a,
#property-page-main .ui-tabs-active a,
#property-page-main .ui-state-active a {
color: var(--indigo-dark) !important;
background-color: transparent !important;
}
#property-page-main .ui-tabs-nav {
border-bottom: 0px solid #FFF !important;
}
#property-page-main > div:nth-child(2) .eight.columns {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
#property-page-main .four.columns {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.col-custom-2 {
margin-bottom: 32px;
}
.property-overview {
margin: 0 0 0px 0;
}
#property-page-main .ui-tabs-nav li a {
font-size: 25px;
font-weight: normal;
padding: 0px;
outline: none;
cursor: default !important;
font-family: 'Montserrat-Bold';
}
.property-amenities {
display: flex;
flex-direction: column;
}
.property-amenities .col-auto,
.show-less-amenities-room .col-auto {
padding: 0px;
padding-left: 0px !important;
padding-right: 35px !important;
padding-bottom: 28px;
font-size: 16px;
}
.room-type .property-amenities .col-auto,
.room-type .show-less-amenities-room .col-auto {
padding-bottom: 18px;
}
.room-type .property-amenities .col-auto,
.room-type .show-less-amenities-room .col-auto {
font-size: 14px;
}
.property-amenities div.row.show-less {
width: 80%;
height: 77px;
overflow: hidden;
}
.room-type .property-amenities div.row.show-less {
height: 72px;
}
.property-rooms-list li:not([class*="package"]) {
border: 1px solid #A7CCED !important;
border-radius: 5px;
padding: 0px;
width: 49.1%;
min-height: 144px;
margin-bottom: 16px;
cursor: pointer;
display: flex;
}
.property-rooms-list li:not([class*="package"]).only {
background-color: #F0F0F0;
}
.property-rooms-list li:not([class*="package"]):hover {
background-color: #cfe0ef;
}
.property-rooms-list li:not([class*="package"]).active {
background-color: #cfe0ef;
}
.cyd-paginated-text {
font-family: 'Montserrat-SemiBold';
font-size: 14px;
}
.cyd-paginated-link {
font-family: 'Montserrat-Medium' !important;
font-size: 14px;
color: #63ADF2 !important;
}
#roomSelector {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 12px;
width: 100%;
padding-bottom: 4px;
}
.property-rooms-list .hotel-photo img {
width: 100%;
height: 100%;
object-fit: cover;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.room-type .hotel-photo img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.property-rooms-list .hotel-photo {
width: 25%;
position: absolute;
height: 100%;
justify-content: center;
align-items: center;
}
.property-rooms-list li[class*="package"] .hotel-photo {
height: calc(100% - 80px);
}
.property-rooms-list li .room-name {
width: 45%;
margin-left: 25%;
padding: 10px;
display: flex;
flex-direction: column;
padding-right: 0px;
}
.property-rooms-list li {
border-bottom: 1px solid #A7CCED;
}
.property-rooms-list li .room-name p:not(.name) {
order: 3;
font-size: 12px;
line-height: normal;
font-family: 'Montserrat-Medium';
color: var(--indigo-dark);
}
.best-value-package-voucher {
color: #DF7027 !important;
font-family: 'Montserrat-Bold' !important;
}
.property-rooms-list li.only .room-name p:not(.name) {
color: #818181;
}
.property-rooms-list li .room-rate {
width: 30%;
margin: 0px;
padding: 0px;
height: 100%;
display: flex;
padding-bottom: 0px;
align-items: flex-end;
flex-direction: column;
justify-content: flex-end;
flex-wrap: nowrap;
align-self: flex-end;
padding-right: 18px;
padding-bottom: 9px;
}
.room-type .property-rooms-list li .room-rate {
padding-right: 0px;
padding-bottom: 0px;
}
.room-type .property-rooms-list li br.clear {
display: none;
}
.property-rooms-list li .room-rate .rate {
display: inline-block;
align-self: flex-end;
width: fit-content;
justify-self: flex-end;
margin-right: 0px;
}
.ui-tabs {
padding: 1px 0 0 0;
}
.select-room-header {
display: none;
}
.room-type .property-rooms-list li {
padding: 0px;
margin-bottom: 0px;
height: auto;
width: 100%;
display: flex;
padding-top: 40px;
padding-bottom: 40px;
}
/* TSK 3507 */
.div-package-room-name .row.show-less-amenities-room {
height: 70px;
overflow: hidden;
}
.hotel-info .row.show-less-amenities-room {
height: 55px;
overflow: hidden;
}
h2#amenities {
margin-bottom: 23px;
}
.property-rooms-list .room-amenitis a {
font-size: 13px;
color: #63ADF2;
}
.property-rooms-list .room-amenitis p {
font-size: 16px;
margin-bottom: 11px;
}
.property-rooms-list li:hover {
background-color: #FFF;
}
.property-rooms-list li .div-package-room-name {
margin-left: 25%;
padding-left: 25px;
width: 50%;
}
.package-room-name {
font-size: 20px;
font-family: 'Montserrat-Bold';
}
p.packade-desc2 {
font-size: 14px;
font-style: italic;
margin-top: 5px;
}
.room-facilities {
display: flex;
margin-top: 20px;
margin-bottom: 20px;
}
.room-size-icon {
height: 16px;
width: 20px;
border: 1px dashed var(--indigo-dark);
display: flex;
align-items: flex-end;
justify-content: flex-start;
margin-right: 5px;
}
.room-size-icon-into {
height: 6px;
width: 6px;
background-color: var(--indigo-dark);
bottom: 0px;
}
.property-rooms-list li .room-rate p,
.property-rooms-list li .room-rate span {
font-size: 10px;
color: var(--indigo-dark);
}
.room-type .property-rooms-list li .room-rate p {
font-size: 12px;
}
#roomSelector p.trTotalCost {
text-transform: lowercase;
}
#roomSelector .only p.trTotalCost,
#roomSelector .only p.from {
color: #818181;
}
#roomSelector .prices-for-all-day {
font-size: 12px;
font-weight: normal;
line-height: normal;
font-family: 'Montserrat-Bold';
display: block;
margin-top: 3px;
}
#roomSelector .room-name p.name {
font-size: 16px;
font-weight: normal;
color: var(--indigo-dark);
font-family: 'Montserrat-SemiBold';
order: 2;
}
#roomSelector .only .room-name p.name {
color: #818181;
}
.room-type .room-name p {
font-size: 16px;
font-weight: normal;
color: var(--indigo-dark);
font-family: 'Montserrat-Medium';
}
.div-package-room-name .packade-desc2 span {
display: block;
}
.room-type .room-name p.room-voucher-value {
font-size: 16px;
color: #DF7027;
font-family: 'Montserrat-Bold';
}
.room-type .room-name p.name {
font-size: 20px;
font-weight: normal;
color: var(--indigo-dark);
font-family: 'Montserrat-Bold';
margin-bottom: 7px;
}
.room-type .room-name {
margin-top: 31px;
}
.room-type .property-rooms-list li .room-rate .rate strong {
color: #DF7027;
font-size: 45px;
}
.title-room-selected {
cursor: pointer;
margin-top: 20px;
}
.three.columns {
width: 24%;
}
.mfp-container.mfp-s-ready.mfp-inline-holder .mfp-close {
visibility: hidden;
}
#property-top-rate b {
color: var(--indigo-dark);
font-size: 12px;
font-family: 'Montserrat-Bold';
padding-top: 6px;
padding-bottom: 3px;
display: block;
}
/*
*/
.book-header,
.book-header-trip-summary,
.poweredByReslynx,
.fa.fa-2x.fa-hotel,
.row.book-confirm.lyx-booking-buy-button-section-under,
.sidebar-widget.trip-summary div[style*="margin-left"] > p:first-child,
#book-sidebar .booking-cancel-policies,
#book-sidebar .taxes-included,
#book-sidebar .sidebar-widget.trip-summary hr:last-child,
#returnToRooms,
.room-type .lyx-links,
.hotel-summary .room-type strong {
display: none;
}
.global-wrap form input:not(input[type="radio"]):not(input[type="checkbox"]),
select.form-control {
background: var(--white);
height: 55px;
font-size: 16px;
border-radius: 5px;
border: solid 1px #bcbcbc;
color: #304D6D;
margin-bottom: 0px !important;
padding-left: 10px;
}
#paymentDiv input:not(input[type="radio"]):not(input[type="checkbox"]) {
color: #304D6D !important;
}
input::placeholder,
input[readonly]::placeholder {
color: #bcbcbc;
font-size: 16px;
}
.form-control::placeholder {
color: #bcbcbc;
opacity: 1;
}
.hotel-summary .hotel-info .name {
font-size: 25px;
line-height: normal;
font-weight: normal;
font-family: 'Montserrat-Bold';
padding: 0px;
}
.hotel-summary .room-type {
padding: 0px;
}
.hotel-summary .fa-lg {
font-size: 16.5px;
line-height: normal;
vertical-align: middle;
margin-right: 4px;
}
#booking_form .row > * {
padding-left: 0px;
padding-right: 0px;
}
#booking_form .form-control:focus {
color: #304D6D;
}
/*.global-wrap .form-control:focus {
color: #304D6D;
}
*/
.title-paymets {
margin-top: 60px;
margin-bottom: 57px;
}
#book-page-main {
padding-top: 0px;
padding-bottom: 35px;
}
#trip-details-summary .row.hotel-summary {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
#trip-details-summary p.room-type + p {
font-style: italic;
font-family: 'Montserrat-Medium';
font-size: 14px;
}
#trip-details-summary .hotel-info .address {
order: 0;
padding: 0px;
margin-top: 8px;
margin-bottom: 8px;
}
#trip-details-summary p.package-type {
font-family: 'Montserrat-SemiBold';
font-size: 20px;
margin-top: 12px;
}
#trip-details-summary p.package-type-desc {
font-family: 'Montserrat-SemiBold';
font-size: 16px;
margin-top: 7px;
}
#trip-details-summary p.room-type {
font-family: 'Montserrat-SemiBold';
font-size: 16px;
margin-top: 14px;
margin-bottom: 14px;
}
#trip-details-summary .booking-cancel-policies a {
color: #63ADF2;
}
#trip-details-summary .hotel-summary .hotel-info {
width: 56% !important;
margin-left: 30px;
}
#trip-details-summary .hotel-summary .hotel-photo {
width: 44%;
max-width: 280px;
margin-right: 0px;
}
.hotel-summary .hotel-info p {
padding: 0px 0;
}
#trip-details-summary .hotel-summary .package-vouchers {
font-size: 16px;
font-family: 'Montserrat-SemiBold';
color: #DF7027;
margin-top: 4px;
}
#trip-details-summary .hotel-summary p.booking-cancel-policies {
margin-top: 9px !important;
}
#trip-details-summary .hotel-summary .hotel-photo img {
border-radius: 5px;
}
#trip-details-summary .hotel-summary {
border-bottom: 0px solid #dfdfdf;
}
#book-sidebar .row > * {
width: 100%;
}
#book-sidebar b {
font-weight: normal;
font-family: 'Montserrat-SemiBold';
text-transform: capitalize;
font-size: 16px;
}
#book-sidebar {
font-family: 'Montserrat-SemiBold' !important;
}
#property-page-main .policies {
display: none;
}
.hotel-summary .hotel-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pax-header {
/* color: var(--indigo-dark);
background-color: transparent;
margin: 0px;
padding: 10px 0px 10px 0px;*/
display:none;
}
/* .pax-header strong {
font-family: 'Montserrat-Bold';
color: #304D6D;
font-size: 20px;
}*/
#trip-details-summary,
#traveler {
margin-bottom: 50px;
}
.sidebar-widget.trip-summary hr {
margin: 15px 0 20px 0;
}
.sidebar-widget.trip-summary {
border: 1px solid #ccc;
border-radius: 5px;
padding: 25px 45px;
position: sticky;
top: 100px;
background: #fff;
}
.sidebar-widget.trip-summary div[style*="margin-left"] {
margin-left: 0px !important;
display: flex;
flex-direction: column;
}
#book-sidebar .row-splits > .col,
#book-sidebar .row-splits > .col span {
padding: 0px;
text-transform: capitalize;
font-family: 'Montserrat-SemiBold';
font-size: 16px;
font-weight: normal;
}
span#grTotal {
font-size: 18px;
}
strong {
font-weight: normal;
}
#book-sidebar .row-splits > .col strong {
font-family: 'Montserrat-SemiBold';
font-weight: normal;
font-size: 16px;
}
#book-sidebar #trip-summary-total .row-splits > .col strong {
font-family: 'Montserrat-SemiBold';
font-weight: normal;
font-size: 18px;
}
#book-sidebar .booking-passengers .row-splits > .col strong {
font-family: 'Montserrat-SemiBold';
font-weight: normal;
font-size: 16px;
text-transform: none;
}
#book-sidebar tr:last-child {
display: none;
}
.sidebar-widget .row-splits .col {
width: 64%;
}
.sidebar-widget .row-splits .col-right {
width: 36%;
}
.sidebar-widget.trip-summary div[style*="margin-left"] > p:nth-child(2) {
font-family: 'Montserrat-SemiBold';
font-size: 20px;
}
.sidebar-widget.trip-summary div[style*="margin-left"] > p:nth-child(3) {
font-family: 'Montserrat-SemiBold';
font-size: 16px;
}
.sidebar-widget.trip-summary .col.col-right {
font-family: 'Montserrat-SemiBold';
font-size: 16px;
}
.sidebar-widget.trip-summary p {
display: inline-flex;
flex-direction: column;
font-family: 'Montserrat-SemiBold';
margin-bottom: 2px;
}
.total-second, .s-total-now, .total-now, .total-check {
color: #82A0BC !important;
font-size: 16px !important;
}
.six.columns .h5,
.six.columns h5, .div-payment h5 {
text-transform: capitalize;
font-size: 25px;
}
h1,
h2 {
text-transform: capitalize;
font-size: 25px;
}
.important-note {
height: 100px;
overflow: hidden;
line-height: 25px;
text-align: left;
color: #707070;
font-size: 12px;
}
.important-note.show-more {
height: auto;
overflow: inherit;
}
.a-important-note {
color: #63ADF2;
}
.a-important-note:hover {
color: #63ADF2 !important;
}
.show-more {
height: auto !important;
overflow: inherit !important;
}
.important-note strong {
display: block;
font-family: 'Montserrat-SemiBold';
font-weight: 600;
color: #707070;
font-size: 13px;
}
#paymentDiv .row.form-fields > div.six.columns:nth-child(1) {
width: 100%;
margin-bottom: 30px;
display: flex;
flex-direction: column;
}
#paymentDiv .row.form-fields > div.six.columns:nth-child(1) > label {
order: 1;
color: #818181;
font-size: 16px !important;
font-weight: normal;
}
#paymentDiv .row.form-fields > div.six.columns:nth-child(1) > div:nth-child(7) {
order: 2;
}
#paymentDiv .row.form-fields > div.six.columns:nth-child(1) > div:nth-child(3),
#paymentDiv .row.form-fields > div.six.columns:nth-child(1) > div:nth-child(4) {
order: 3;
}
#paymentDiv .row.form-fields > div.six.columns:nth-child(1) > div:nth-child(8) {
order: 4;
}
#paymentDiv .row.form-fields > div.six.columns:nth-child(1) p {
padding-top: 10px;
padding-bottom: 15px;
color: #FFF;
}
#paymentDiv .row.form-fields > div.six.columns:nth-child(2) {
width: 100%;
margin-bottom: 30px;
margin-left: 0px;
}
.row.book-confirm.lyx-booking-buy-button-section-inside .columns.eight {
margin-left: 0px;
}
[id^="addons_vouchers_"] {
background-color: transparent;
}
#btnBooker {
font-size: 14px;
}
#useLeadPAX {
color: #818181;
font-size: 16px !important;
}
.column,
.columns {
margin-left: 0%;
}
.column:first-child,
.columns:first-child {
margin-left: 0%;
}
.two.columns {
width: 15.6666666%;
}
.four.columns {
width: 32.3333333333%;
}
.six.columns {
width: 50%;
}
.eight.columns {
width: 65.666666%;
}
.twelve.columns {
width: 100%;
}
#property-page-main .eight.columns {
margin-left: 0px;
}
.form-fields input,
.form-fields select {
width: 100%;
}
#book-sidebar {
margin-left: 0px;
width: 369px;
}
.book-sidebar-clone {
display: none;
}
#booking_form > .row {
justify-content: space-between;
}
.optional_vouchers {
flex-direction: column;
}
.optional_vouchers:not(.more-rows) > div.row:nth-child(2) {
display: none;
}
.optional_vouchers:not(.more-rows) > div.row:nth-child(3) {
display: flex;
font-size: 12px;
color: #707070;
padding-bottom: 20px;
}
.optional_vouchers:not(.more-rows) > div.row:nth-child(3) > div {
display: flex;
flex-direction: column;
}
.optional_vouchers:not(.more-rows) > div.row:nth-child(1) > div {
display: flex;
flex-wrap: wrap;
}
.optional_vouchers.more-rows > div.row:nth-child(5) > div {
display: flex;
flex-direction: column;
}
.optional_vouchers.more-rows > div.row:nth-child(3) > div {
display: flex;
flex-wrap: wrap;
}
.optional_vouchers p {
order: 3;
}
.optional_vouchers p.vouchers-link {
order: 2;
display: none;
}
p.activation_fees {
order: 1;
font-size: 12px;
line-height: 25px;
max-width: 633px;
}
.voucher-porcent {
font-size: 12px;
line-height: 25px;
}
.form-group .input-icon {
height: 55px;
line-height: 55px;
top: auto !important;
margin-top: 11px;
width: fit-content;
margin-left: 4px;
}
.item-voucher-0,
.item-voucher-3 {
order: 1;
}
.item-voucher-1,
.item-voucher-4 {
order: 2;
}
.item-voucher-2,
.item-voucher-5 {
order: 3;
}
.item-voucher-1,
.item-voucher-2 {
margin-left: 58px;
}
.form-group.form-group-icon-left {
margin-right: 10px;
width: 94px;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
.amt-label {
text-align: left;
font-size: 20px;
font-family: 'Montserrat-SemiBold';
}
.item-voucher-3:before,
.item-voucher-4:before,
.item-voucher-5:before {
/* content: "Qty";*/
text-align: center;
font-size: 20px;
font-family: 'Montserrat-SemiBold';
}
p.gouv-psg-info {
font-size: 14px;
color: #707070;
margin-bottom: 15px;
}
div[id*="vouchers"] {
padding-bottom: 20px;
}
.form-fields-bottom {
margin-bottom: 8px !important;
}
#booking_form .form-group.form-group-icon-left select.form-control {
padding-right: 0px;
margin-top: 11px;
padding-left: 12px;
width: 100%;
text-align: center;
}
.guest-voucher {
color: #82A0BC;
border-top: 1px solid #E2E2E2;
width: 100%;
padding-top: 47px;
padding-bottom: 17px;
font-size: 20px;
position: relative;
font-family: 'Montserrat-Bold';
margin-top: 0px;
}
.fa-hashtag:before {
content: "";
}
.guest-voucher:before {
background-repeat: no-repeat;
transform: rotate(90deg);
content: "";
position: absolute;
right: 0;
height: 30px;
width: 30px;
background-image: url("data:image/svg+xml,");
}
#booking_form .column,
#booking_form .columns {
margin-bottom: 10px;
}
.guest-voucher.active:before {
transform: rotate(-90deg);
}
#results-sort-mobile {
border: 0px;
padding: 0px;
height: 30px;
width: 150px;
font-family: 'Montserrat-Semibold';
color: #63ADF2;
display: block;
font-size: 14px;
display: none;
}
.search-results-filters-label-select {
font-size: 14px;
font-family: 'Montserrat-Semibold';
height: 18px;
margin-top: 0px;
width: 65px;
display: inline-flex;
align-items: baseline;
}
.search-results-filters-a {
margin-left: 25px;
font-size: 14px;
font-family: 'Montserrat-Semibold';
display: none;
}
.search-results-filters-close {
position: absolute;
right: 65px;
top: 67px;
cursor: pointer;
display: none;
height: 21px;
width: 21px;
}
#results-list-view > li {
list-style: none;
}
.row.res-invoice {
display: block;
}
.search-body input.btn.btn-indigo.monserrat-bold.w-100.h-100 {
height: 55px !important;
font-size: 14px;
text-align: center;
margin-bottom: 5px;
}
.hotel-results-listing .hotel-info .address {
color: #545E75;
}
.hotel-results-listing .hotel-info {
width: 53%;
}
.a-not-package {
top: calc(50% - 18px) !important;
}
.visually-hidden {
display: none;
}
th,
td {
border-bottom: 0px solid #E1E1E1;
}
.title-paymets p {
font-size: 16px;
color: #707070;
}
.search-results-filters-close {
z-index: 5;
}
.filter-tag .fa {
cursor: pointer;
}
/*.datepicker table tr td.old,*/
.datepicker table tr td.new {
color: transparent !important;
}
.datepicker table tr td.new {
display: none;
}
.datepicker table tr td.day {
border: 0px solid #e6e6e6;
font-family: 'Montserrat-Medium';
font-size: 14px;
}
.datepicker table tr td.old {
cursor: default !important;
}
.datepicker.dropdown-menu .dow {
color: transparent;
}
.datepicker th.datepicker-switch {
font-family: 'Montserrat-SemiBold';
color: var(--indigo-dark);
font-size: 16px;
}
.datepicker thead tr:first-child th.prev,
.datepicker thead tr:first-child th.next {
box-shadow: 0px 3px 6px #00000029;
background-color: #FFF;
}
.datepicker thead tr:first-child th.prev:before,
.datepicker thead tr:first-child th.next:before {
color: var(--indigo-dark);
}
.datepicker thead tr:first-child th.next:before {
padding-left: 3px;
}
.datepicker table tr td,
.datepicker table tr th {
border-radius: 50%;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
color: #fff !important;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
background: #fff;
}
/*td.old.range.day {
background: transparent;
}*/
td.old.range.day:hover {
background: transparent;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th {
padding: 5px 0px;
}
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
padding: 12px 13px;
font-size: 14px;
font-family: 'Montserrat-Medium';
}
.datepicker .datepicker-days thead tr:last-child {
display: none;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled.disabled {
text-shadow: none;
background-color: #63ADF2;
}
td.old.selected.day {
background: transparent;
}
/*
td.old.active.selected.day {
background: transparent;
}*/
/*td.old.disabled.day {
color: #fff !important;
}*/
.datepicker table tr td.day.old:hover,
.datepicker table tr td.day.focused.old {
background: transparent;
cursor: none;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: var(--indigo-dark);
border-color: var(--indigo-dark);
color: #fff !important;
}
.datepicker thead tr:first-child th.prev:before,
.datepicker thead tr:first-child th.next:before {
font-size: 12px;
}
.datepicker.dropdown-menu {
border: 0px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 2px 1px rgb(0 0 0 / 20%);
transform: translate(0px, 0px);
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.datepicker-dropdown:after,
.datepicker-dropdown:before {
display: none;
}
.datepicker table tr td.today:before,
.datepicker table tr td.today:hover:before,
.datepicker table tr td.today.disabled:before,
.datepicker table tr td.today.disabled:hover:before {
display: none;
}
.btn-group-select-num > .btn.active,
.btn-group-select-num > .btn.active:hover,
.btn-primary,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
border-color: #63ADF2;
}
.post .post-header .post-link:hover,
.booking-item-raiting-summary-list > li > .booking-item-raiting-list-bar > div,
.booking-item-raiting-list > li > .booking-item-raiting-list-bar > div,
.btn-primary,
.btn-ghost.btn-primary:hover,
.i-check.checked,
.i-radio.checked,
.checkbox-switch .i-check.checked:before,
.radio-switch .i-radio.checked:before,
.irs-diapason,
.bg-color,
.nav-drop > .nav-drop-menu > li > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.card-thumb .card-thumb-primary-label,
.card-thumb .card-thumb-new,
.card-thumb .card-thumb-actions > li > a:hover,
.owl-controls .owl-page span,
.owl-controls .owl-buttons div:hover,
.tt-suggestion.tt-cursor,
.user-profile-sidebar .user-profile-nav > li.active > a,
.user-profile-sidebar .user-profile-nav > li.active > a:hover,
.hover-img .hover-inner,
.box-icon,
.search-tabs-bg > .tabbable > .nav-tabs > li.active > a,
ul.slimmenu li.active > a,
ul.slimmenu li:hover > a,
.btn-group-select-num > .btn.active,
.btn-group-select-num > .btn.active:hover,
.search-tabs-bg > .tabbable > .nav-tabs > li > a:hover > .fa,
.box-icon-border:hover,
.pagination > li.active > a,
.pagination > li.active > a:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.testimonial-color .testimonial-inner,
.booking-item-raiting-list > li > div.booking-item-raiting-list-bar > div,
.booking-item-raiting-summary-list > li > div.booking-item-raiting-list-bar > div,
::selection {
background-color: #63ADF2;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
background-color: var(--indigo-dark);
border-color: var(--indigo-dark);
}
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
background-color: #999 !important;
border-color: #555 !important;
}
.datepicker td.today.disabled.selected.day {
background-color: #63ADF2;
}
.datepicker table tr td.selected.disabled.disabled:active {
background-color: #63ADF2 !important;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover {
background-color: #63ADF2 !important;
}
.room-type {
width: 100%;
}
#carousel-section-1-2 {
display: none;
}
#exampleModal .modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
#exampleModal .modal-body {
height: 100%;
}
.trip-summary .row p {
font-size: 16px;
font-family: 'Montserrat-SemiBold';
line-height: 20px;
}
.trip-summary .row p strong {
font-size: 20px;
font-family: 'Montserrat-SemiBold';
}
.label-check-gues {
font-size: 16px;
line-height: 18px;
color: #818181;
font-weight: normal;
}
.changed-guest {
margin-right: 6px !important;
width: 17px !important;
height: 17px;
}
#labelGuest1, #labelcheckPay, .label-check-gues {
margin-top: 15px;
}
#labelGuest2 {
margin-top: 5px;
}
.dw-save-payment, .dw-save-recipient {
margin-left: 0px;
margin-top: 20px;
}
.dw-save-payment button, .dw-save-recipient button, .dw-AmtQty button {
text-transform: capitalize;
text-align: left;
font-size: 16px;
color: #304D6D;
border: solid 1px #BCBBBB !important;
border-radius: 5px;
padding: 14px 0 17px 14px !important;
height: 55px;
background-color: white;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.dw-save-payment ul, .dw-save-recipient ul, .dw-AmtQty ul {
position: absolute;
will-change: transform;
top: 0px;
left: 0px;
overflow: auto;
max-height: 286px;
transform: translate3d(0px, 57px, 0px) !important;
width: 100%;
}
.dw-save-payment ul li a, .dw-save-recipient ul li a, .dw-AmtQty ul li a {
color: #304D6D;
font-size: 16px;
white-space: normal;
word-wrap: break-word;
font-family: 'Montserrat-Medium';
padding: 6px 13px;
}
.dropdown-toggle::after {
position: absolute;
right: -13px;
top: 61%;
}
.dropdown .dropdown-toggle.text-center {
padding: 8px;
}
.select-icon {
position: absolute;
top: 33%;
left: 5px;
}
.dw-AmtQty ul, .dw-Qty ul {
min-width: 86px !important;
box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
opacity: 1;
}
.btn-qty {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
height: 55px;
padding: 5px 8px 5px 0;
border: solid 1px #BCBBBB;
color: #304D6D;
text-align: center;
white-space: nowrap;
font-weight: 400;
line-height: 1.5;
display: flex;
align-items: center;
margin: 0;
background-color: var(--white);
border-right: solid 1px #BCBBBB;
border-left: 0;
font-size: 11px;
}
.input-quantity {
border-right-width: 0px !important;
border-right-style: initial !important;
border-right-color: initial !important;
color: #304D6D !important;
padding-left: 26px !important;
padding-right: 7px !important;
}
.select-amount {
padding: 5px 13px 5px 10px !important;
}
.select-amount::after {
font-size: 17px;
right: 14px !important;
}
.dw-AmtQty, .dw-Qty {
margin-top: 11px;
}
.select-icon {
color: #304D6D;
margin-left: 8px;
font-size: 16px;
}
.pax_section .row .twelve.columns {
margin-bottom: 30px !important;
}
.guest-custom-addns {
margin-bottom: 0px !important;
padding-bottom: 14px !important;
}
.guest-voucher.active {
padding-bottom: 0px !important;
margin-bottom: -10px;
}
.row.form-fields.form-fields-bottom.form-fields-phone.order-3 {
margin-bottom: 16px !important;
}
.ps-0 {
padding-left: 0px !important;
padding-right: 7px;
}
.mt-9 {
margin-top: 9px;
}
#paymentDiv input:disabled {
background-color: #e9ecef !important;
}
.col-lg-6, .col-sm-6, .col-lg-3, .col-12 {
float: left;
}
.filter-list .fa {
margin-top: 11px !important;
}
.filter-list li label {
height: 22px;
}
#grTotal3, #grTotal2 {
font-size: 18px !important;
}
.booking-cancel-policies {
font-size: 13px;
}
.dwlRecipient {
padding-right: 8px !important;
margin-bottom: 10px;
margin-top: 0px;
color: #304D6D;
}
.dwlRecipient button {
color: #304D6D;
}
#dwlCountry, #dwlState {
padding-right: 0px !important;
}
#booking_form .dropdown .dropdown-toggle {
padding: 5px 29px 5px 10px !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#booking_form .dropdown-toggle::after {
position: absolute;
right: 27px;
top: 45%;
}
.main-amenities {
font-size: 12px !important;
padding-right: 5px !important;
padding-left: 5px !important;
padding-bottom: 13px !important;
}
.a-amenities-main {
font-size: 12px !important;
color: #63ADF2 !important;
margin-bottom: 11px;
}
.a-amenities-main:hover, .hotel-list-amenities:hover {
color: #304D6D !important;
}
.guest-custom-addns {
display: flex;
flex-wrap: wrap;
}
.btn-qty:hover, .btn-qty:focus {
background-color: white;
border-color: #bcbcbc;
color: #818181;
}
#traveler {
border-bottom: solid 1px #E2E2E2;
}
.sumary-tit {
font-size: 20px !important;
padding-bottom: 12px !important;
padding-top: 0px !important;
}
.summary-subroom {
padding: 1px 0 0 0 !important;
font-family: 'Montserrat-SemiBold' !important;
font-size: 16px !important;
line-height: 18px;
}
.summary-subroom p {
margin-top: 14px;
margin-bottom: 0px !important;
padding: 0px !important;
}
.summary-subroom .col, .summary-subroom-2 .col {
width: 100% !important;
margin-top: 0px !important;
}
.sumary-subtit {
margin-bottom: 6px !important;
margin-top: 6px !important;
}
.summary-subroom-2 {
padding-top: 8px !important;
padding-bottom: 12.5px !important;
}
.booking-passengers p {
padding-top: 7.5px !important;
}
.summary-taxesAndfees {
padding-top: 15px !important;
}
.booking-passengers .row-splits{
padding-top: 14px !important;
padding-bottom:0px !important;
}
.summary-taxesAndfees {
padding-bottom: 15px !important;
}
.p-resort {
font-size: 12px !important;
color: #82aebc;
font-family: 'Montserrat-Medium' !important;
padding-top: 0px !important;
line-height: 12px !important;
padding-bottom: 27px !important;
}
.summary-resort-fees {
padding-bottom: 0px !important;
line-height: 16px !important;
}
.trip-paid-check {
padding-top: 6px !important;
padding-bottom: 2px !important;
}
.trip-paid-now {
padding-top: 16px !important;
padding-bottom: 2px !important;
}
/**Tootip*/
.tooltip-global {
position: absolute;
margin-left: 2px;
}
.tool-tip-content-global {
background: white;
border: 1px solid #82A0BC;
border-radius: 5px;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
color: var(--indigo-dark);
font-size: 10px;
padding: 10px;
position: relative;
z-index: 100;
margin-right: 10px;
margin-left: 10px;
text-align: center;
}
.tool-tip-S {
width: 190px;
}
.tool-tip-M {
width: 340px;
}
.tool-tip-M h4 {
font-size: 19px !important;
}
.tool-tip-S div {
line-height: 15px;
}
.tool-tip-M div {
line-height: 16px;
text-align: justify;
}
.tool-tip-L {
width: 520px;
}
.arrow-tooltip-global::before {
position: absolute;
content: "";
width: 18px;
height: 18px;
background: white;
transform: rotate(45deg);
border-top: 1px solid #82A0BC;
border-left: 1px solid #82A0BC;
top: -10.5px;
left: 88px;
}
.tool-tip-L .arrow-tooltip-global::before {
left: 97px;
}
.left-field {
padding-right: 8px !important;
}
.datepicker-orient-left-card {
margin-left: 39px;
}
.tit-room-guest {
font-size: 20px;
color: #82A0BC;
font-family: 'Montserrat-Bold';
margin-bottom: 15px;
margin-top: 45px;
}
.optio-voucher {
font-size: 14px;
font-family: 'Montserrat-SemiBold';
}
#traveler hr {
margin-top: 0px !important;
}
.btn:hover {
color: #304D6D;
}
#booking_form .dw-AmtQty .dropdown-toggle::after {
position: absolute;
right: 15px;
top: 45%;
font-size: 19px;
margin-right: -5px;
}
#booking_form .dw-AmtQty .dropdown-toggle {
padding: 5px 8px 5px 10px !important;
}
.booking-cancel-policies a {
cursor: auto;
}
.dw-AmtQty .btn:focus, .dw-AmtQty .btn.focus, .dwlRecipient .btn:focus, .dwlRecipient .btn.focus {
color: #304D6D !important;
}
#cellphone_0 {
padding-left: 51px !important;
}
.left-field .flag-container {
display: block !important;
}
.selected-flag {
border-right: 1px solid #BCBBBB !important;
}
.dwlBilling {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.div-state-heigth, .div-state-heigth-req {
height: 77px !important;
}
.label-check-gues-1 {
margin-top: 19px;
margin-bottom: 49px;
}
.btn-qty::after {
display: inline-block;
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;
font-size: 19px;
}
.select-error::after {
top: 34% !important;
}
#vus-login .btn {
font-size: 14px;
height: 55px;
width: 100%;
padding: 0px;
text-align: center;
font-family: 'Montserrat-Bold';
align-items: end;
border-radius: 5px;
font-weight: normal;
background-color: var(--indigo-dark);
}
/* tsk-4 4121*/
#amenitiesList {
/* height: 100px;*/
height: 111px;
overflow: hidden;
margin-right: -1px;
padding-right: 8px;
}
.modal-header .close {
margin-top: -21px !important;
}
.modal-header .close:hover {
background: transparent !important;
margin-top: -21px !important;
}
.row-media {
padding: 85px 0 15px 0 !important;
}
.row-media ul {
padding-bottom: 36px !important;
}
.social-icon {
width: 52px !important;
max-width: 52px !important;
margin-left: 5px !important;
margin-right: 5px !important;
}
#results-list-view > section > div.hotel-pricing > div > span.price > strong,
#property-top-rate .rate p.price {
color: #82A0BC !important;
}
.property-rooms-list li .room-rate .rate .price strong {
color: #304D6D !important;
}
#property-top-rate > div > p.price > strong {
color: #DF7027 !important;
}
.tool-tip-content-global.tool-tip-M p {
margin-top: 10px;
}
.tool-tip-content-global.tool-tip-M p strong {
margin-top: 10px;
font-weight: 600;
}
/*PARA EL ENCABEZADO*/
.navbar .navbar-brand {
margin-left: 0px !important;
}
.navbar .navbar-brand {
padding-left: 0px !important;
}
/*PARA EL PIE*/
#btn-newsletter {
width: 204px !important;
}
#form-news-letter p {
margin-bottom: 12px;
}
.navbar .navbar-nav .nav-item.sign-in {
margin-right: 20px !important;
}
section.property-amenities {
order: 2 !important;
}
.a-amenities-main{
margin-top:10px;
}
.a-login{
text-align:right !important;
}
.btn.btn-sm.text-blue-dark.monserrat-semibold:hover {
color: #63ADF2 !important;
}
.btn.btn-sm.text-blue-dark.monserrat-semibold {
color: #63ADF2 !important;
text-transform: none;
}
.dropdown-filter .dropdown-menu > li > a:hover {
color: #63ADF2 !important;
background-color: #fff;
}
.room-type {
margin-top: 14px !important;
margin-bottom: 0px !important;
font-family: 'Montserrat-SemiBold' !important;
font-size: 16px !important;
font-style: normal !important;
}
.includes {
margin-top: 14px !important;
}
.link-back {
color: #63ADF2 !important;
margin-bottom: 13px;
font-size: 13px !important;
}
.link-back a i {
margin-right: 5px;
}
.summary-subroom p{
display:flex !important;
}
/* TSK 3703 c2p2*/
.hotel-results-listing {
position: relative;
z-index: 1;
}
.a-amenities-main, .link-address a, .address .link-address {
position: sticky !important;
z-index: 10000 !important;
}
.a-amenities-main {
max-width: max-content;
}
.right.carousel-control.w-aut {
left: 100.3%;
}
/* FIN TSK 3703 c2p2*/
.booking-cancel-policies a {
color: #63ADF2 !important;
}
.booking-cancel-policies {
margin-top: 12px;
}
.packade-val2 {
font-size: 16px;
color: #DF7027;
font-family: 'Montserrat-Bold';
}
/* TSK 3701 */
.social-media-fb {
min-height: 60px;
min-width: 60px;
background: url(../images/facebook-icon.png) no-repeat;
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
}
.social-media-fb:hover {
min-height: 60px;
min-width: 60px;
background: url(../images/facebook_icon-hoover.png) no-repeat;
background-size: cover;
background-repeat: no-repeat;
}
.social-media-ig {
min-height: 52px;
min-width: 52px;
background: url(../images/instagram_icon.png) no-repeat;
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
margin-top: 5px;
}
.social-media-ig:hover {
min-height: 52px;
min-width: 52px;
background: url(../images/instagram_icon_hoover.png) no-repeat;
background-size: cover;
background-repeat: no-repeat;
}
#input-newsletter_spanerror, #input-newsletter_spanerrorrReq {
color: #f14848 !important;
}
#btn-newsletter:hover {
background: #82A0BC !important;
}/* FIN TSK 3701 */
.carousel-top-list {
margin: 0 auto;
width: 1270px;
overflow: hidden;
max-height: 267px;
padding:0px;
}
.slick-prev, .slick-next {
width: 50px ;
height:50px;
z-index:2;
}
.slick-prev
{
left:0px;
top:140px;
}
.slick-next {
right: 0px;
top: 140px;
}
.slick-prev::before, .slick-next::before {
opacity: .95;
font-size: 40px;
text-shadow: 0px 3px 6px var(--gray);
}
.card {
background-color: transparent;
border: none;
}
.card-img, .card-img-top {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* tsk-3 4032*/
.toast.bg-success {
background-color: #198754 !important;
}
/* 3926 */
.div-package-carrusel {
margin: 0 auto;
overflow: hidden;
padding: 0px;
position: absolute;
width: 100%;
height: 100%;
}
.package-carousel .slick-list {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
height: 100%;
}
.package-carousel .slick-prev {
left: 0px;
top: 76px;
}
.package-carousel .slick-next {
right: 0px;
top: 76px;
}
.package-carousel .slick-prev::before, .package-carousel .slick-next::before {
opacity: .95;
font-size: 34px;
}
.img-package-carrusel {
height: 150px;
}
.package-carousel .slick-initialized .slick-slide {
margin-top: -20px;
}
.package-carousel .slick-prev, .package-carousel .slick-next {
width: 34px;
height: 30px;
}
.property-rooms-list .hotel-photo .package-carousel img {
width: auto;
height: auto;
max-height: 200px;
}
/* 3923*/
.btn-see-more {
background-color: #fff;
color: #6D93BE !important;
border: 1px solid #9BADC2 !important;
font-size: 12px;
position: absolute;
left: 17px;
height: 30px;
line-height: 27px;
margin: 0px;
width: 100px;
padding: 0;
bottom: 15px;
}
.button.btn-see-more:hover, .button.btn-see-more:active {
background: white;
}
.div-rooms-carrusel-for{
height:400px;
}
.div-rooms-carrusel-for {
margin: 0 auto;
margin-bottom: 0px;
margin-bottom: 0px;
overflow: hidden;
padding: 0px;
position: absolute;
width: 100%;
height: 75%;
}
.div-rooms-carrusel-nav {
margin: 0 auto;
margin-bottom: 0px;
margin-bottom: 0px;
overflow: hidden;
padding: 0px;
position: absolute;
width: 100%;
height: 25%;
top: 75%;
margin-top: 10px;
max-height: 94px;
}
.modalRooms .modal-content {
height: 97%;
max-height: 902px;
max-height: 902px;
}
.modalRooms .modal-header {
border-bottom: none;
}
.modalRooms .modal-dialog {
width: 100%;
height: 100%;
max-width: 1280px !important;
margin: auto;
}
.modalRooms .modal-body {
margin-top: 5%;
}
.modalRooms .slick-prev::before, .modalRooms .slick-next::before {
opacity: .95;
font-size: 50px;
}
.modalRooms .slick-prev {
left: 100px;
top: 298px;
text-shadow: 0px 3px 6px var(--gray);
}
.modalRooms .slick-next {
right: 100px;
top: 298px;
text-shadow: 0px 3px 6px var(--gray);
}
.modalRooms .rooms-carrusel-nav .slick-slide img {
display: block;
padding: 10px 5px;
max-width: 183px;
margin-top: -30px;
}
.modalRooms .slick-dots{
display:none;
}
.modalRooms .slick-list {
margin: 0px 15%;
}
/*carrusel top see more all photo*/
.btn-see-more.btn-carrusel-detail {
position: relative;
float: right;
margin: 10px 18px 0 0;
width: 145px;
top: 0px;
padding: 6px 10px;
line-height: 17px;
}
.rooms-carrusel-for .slick-active {
width: 1%;
}
/*//////////////*/
#icon-check-in, #icon-check-out {
position: absolute;
top: 17px;
left: 10px;
cursor: pointer;
font-size: 18px;
z-index: 28;
}
.labelCheck {
padding-left: 35px;
padding-top: 10px;
text-align: left;
font: 12px 12px / 67px Montserrat;
opacity: 1;
}
.labelFormatDate {
padding-left: 35px;
padding-top: 30px;
text-align: left;
font: medium 12px / 67px Montserrat;
opacity: 1;
}
.labelCheck, .labelFormatDate {
letter-spacing: 0;
background: white;
position: absolute;
z-index: 26;
color: #304D6D;
/* width: 144px;*/
}
/*.labelFormatDate {
width: 144px;
}*/
#input-check-in, #input-check-out {
background-color: white;
padding: 5px 0 5px 35px;
margin-left: 0;
cursor: pointer;
text-align: left;
color: transparent;
}
.col-check-in .input-group, col-check-out .input-group {
background: white;
}
.labelCheck {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
z-index: 27;
}
#input-check-in::placeholder, #input-check-out::placeholder {
color: #304D6D;
}
#lblCheckIn, #labelCheckIn, #lblCheckOut, #labelCheckOut {
cursor: pointer;
}
.img-loading-list {
content: url(//vsistore.blob.core.windows.net/vsi-resources/images/VSI_Animation_V2.gif);
}
.mfp-container.mfp-s-ready{
background: white !important;
}
.mfp-content {
margin-top: -120px;
}
.div-pick {
max-width: 425px;
}
.div-in{
padding-right:10px !important;
}
#input-check-out, #lblCheckIn, #lblCheckOut, #input-check-in,
#labelCheckIn, #labelCheckOut, .col-check-in .input-group, .col-check-out .input-group {
border-radius: 5px !important;
}
.markDays{
color:red !important;
}
/*´para fijar la barra solo en web*/
.row.search-body.fixed-search {
position: fixed;
top: 0;
z-index: 30;
width: 100%;
}
.global-wrap.fixed-search {
margin-top: 247px;
}
.active-pic {
background-color: #63ADF2 !important;
color: #fff !important;
border-radius: 50% !important;
}
#modal_login .modal-sm {
max-width: 380px !important;
}
.img-ccv {
max-width: 150px !important;
width: 100%;
}
.sumary-tit{
padding-top:15px;
}
.sumary-check {
font-size: 16px;
font-family: 'Montserrat-SemiBold';
}
.row.search-body.nav-fix-scroll {
margin-top: 0px !important;
}
.global-wrap.fixed-search.position-fixed-bar {
margin-top: 133px !important;
}
@media (min-width: 1400px) {
.navbar > .container .navbar-brand {
margin-left: 0px;
padding-left: 0px;
}
.container,
#carousel-section-1 {
max-width: 1270px !important;
width: 1270px !important;
margin: 0 auto;
}
#carousel-section-1-2 {
max-width: 1270px !important;
width: 1270px !important;
margin: 0 auto;
}
#section5Footer {
margin-left: 27px !important;
}
.col-xxl-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xxl-2 {
-ms-flex: 0 0 16.66666%;
flex: 0 0 16.66666%;
max-width: 16.66666%;
}
.col-xxl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
.col-xxl-5 {
-ms-flex: 0 0 41.666666%;
flex: 0 0 41.666666%;
max-width: 41.666666%;
}
.col-xxl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xxl-8 {
-ms-flex: 0 0 66.6666666666666%;
flex: 0 0 66.6666666666666%;
max-width: 66.6666666666666%;
}
.col-xxl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
-ms-flex: 0 0 83.33333333333333%;
flex: 0 0 83.33333333333333%;
max-width: 83.33333333333333%;
}
.col-xxl-11 {
-ms-flex: 0 0 91.6666666666666%;
flex: 0 0 91.6666666666666%;
max-width: 91.6666666666666%;
}
.col-xxl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-last {
order: 6;
}
.d-xxl-none {
display: none !important;
}
.footer .container {
padding: 100px 0 0px 0 !important;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.footer .container {
padding-left: 75px !important;
padding-right: 75px !important;
padding-bottom: 15px !important;
}
.navbar .container {
padding-left: 75px !important;
padding-right: 75px !important;
}
footer .col-xl-3 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
#results-page-main .row > .nine.columns {
padding-left: 10px;
}
.search-body .container {
width: 934px !important;
margin: auto;
}
.hotel-results-listing .hotel-pricing {
padding-right: 45px;
}
#form-re-search .col-destination {
max-width: 255px;
}
#form-re-search .col-check-out {
max-width: 155px;
}
#form-re-search .col-check-in {
max-width: 156px;
}
#form-re-search .col-traveler {
max-width: 183px;
}
#form-re-search .col-submit {
max-width: 153px;
}
#form-re-search .col-auto + .col-auto {
margin-left: 8px;
}
#exampleModal .modal-dialog {
margin: 0 auto 1.75rem auto;
}
#hotel-name-search .button, #hotel-name-search input {
margin-top: 17px !important;
}
.row-media {
padding: 75px 0 0px 0 !important;
}
.m-first {
margin-bottom: 70px !important;
}
.navbar .navbar-nav .nav-item.sign-in {
margin-right: 30px !important;
}
.modalRooms .slick-prev {
left: 88px;
}
.modalRooms .slick-next {
right: 88px;
}
#lblCheckIn, #lblCheckOut {
font-size: .7rem !important;
}
#labelCheckIn, #labelCheckOut {
font-size: 13.5px !important;
}
}
/*(min-width: 0px) and (max-width: 1399.98px)*/
@media (max-width: 1399.98px) {
div.global-wrap div.container,
section.container,
main.container,
#carousel-section-1,
.search-body .container {
width: 100% !important;
padding: 0px;
padding-left: 49.5px;
padding-right: 49.5px;
max-width: 100% !important;
}
#property-page-main h2 {
font-size: 25px;
}
#carousel-section-1 .carousel-control {
margin-left: 23px;
margin-right: 23px;
}
footer .container {
width: 100% !important;
}
.navbar-nav > li {
float: initial;
}
section#mealBlockDiv {
display: block !important;
}
.filter-showing {
display: none !important;
}
#price-slider p {
width: 100%;
}
.view-mobile-only {
display: none;
}
#booking_form > .row > .eight.columns {
width: 100%;
margin-left: 0px;
}
#book-sidebar:not(.book-sidebar-clone) {
display: none;
}
.book-sidebar-clone {
display: block;
}
#book-sidebar {
width: 100%;
}
.sidebar-widget.trip-summary {
border: 0px solid #ccc;
border-radius: 5px;
padding: 0px;
padding-left: 0px;
padding-right: 0px;
position: initial;
top: 100px;
background: #fff;
}
#paymentDiv .row.form-fields {
width: 100%;
}
.ps-0 {
padding: 0px;
}
.pl-1, .pl-2 {
padding-left: 6px !important;
}
.footer .container {
padding-top: 70px !important;
}
.a-login {
margin-bottom: 0px !important;
}
.navbar .navbar-nav .nav-item .nav-link {
margin: 0px 10px;
}
.modalRooms .modal-content {
max-height: 834px;
max-height: 834px;
}
.modalRooms .slick-prev {
top: 272px;
}
.modalRooms .slick-next {
top: 272px;
}
.a-amenities-main:hover, .hotel-list-amenities:hover {
color: #63ADF2 !important;
}
.address .link-address:hover, .address a:hover,
.order-inn-menu a:not(.button):hover,
.room-and-amenities a:hover {
color: #63ADF2 !important;
}
.tool-tip-L {
left: -496px !important;
width: 528px;
top: 14px !important;
}
.tool-tip-L .arrow-tooltip-global::before {
left: 494px;
top: -10px;
}
}
@media (min-width: 992px) and (max-width: 1371.99px) {
.carousel-top-list {
padding-left: 49.5px;
padding-right: 49.5px;
margin: 0px;
}
.carousel-top-list {
margin: 0 auto;
width: 1441px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.footer .col-lg-3 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
max-width: initial;
}
.footer .container {
padding-left: 35px !important;
padding-right: 35px !important;
padding-bottom: 40px !important;
}
.navbar .container {
padding-left: 35px !important;
padding-right: 35px !important;
}
#page-progress-bar-hot.container-2 {
width: 100% !important;
padding: 0px !important;
padding-left: 49.5px !important;
padding-right: 49.5px !important;
}
#results-page-main,
#page-progress-bar-hot {
width: 795px !important;
margin: auto;
padding: 0px;
}
#property-page-main .property-overview-description {
line-height: 29px;
height: 229px;
width: 410px;
}
.col-custom-2,
.col-custom-1 {
margin-bottom: 68px;
}
.search-body .container {
width: 825px !important;
margin: auto;
}
.hotel-results-listing .hotel-pricing {
padding-right: 44px;
}
#form-re-search .col-destination {
max-width: 225px;
}
#form-re-search .col-check-out {
max-width: 137px;
}
#form-re-search .col-check-in {
max-width: 138px;
}
#form-re-search .col-traveler {
max-width: 161px;
}
#form-re-search .col-submit {
max-width: 135px;
}
#form-re-search .col-auto + .col-auto {
margin-left: 7px;
}
.search-results-filters-fixed {
width: 592px;
margin: auto;
}
.pl-1, .pl-2 {
padding-left: 6px !important;
}
.row-media {
padding: 50px 0 0 0 !important;
}
.m-first {
margin-bottom: 70px !important;
}
.label-login {
margin-left: 30px;
}
.modalRooms .modal-content {
max-height: 700px;
min-height: 700px;
}
.modalRooms .slick-prev {
top: 300px;
left: auto;
margin-left: 6%;
}
.modalRooms .slick-next {
right: 6%;
top: 300px;
}
#section1Footer {
width: 233px;
}
#section2Footer {
width: 238px;
}
#section3Footer {
width: 24%;
}
#section4Footer {
width: 146px;
}
#labelCheckIn, #labelCheckOut {
font-size: 13.5px;
}
}
/*(min-width: 0px) and (max-width: 1199.98px)*/
@media (max-width: 1199.98px) {
#search-results-filters {
display: none !important;
z-index: 1000;
position: fixed;
top: 0px;
left: 0;
width: 100%;
background-color: #fff;
height: 100vh;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
margin-left: 0px;
max-width: 100%;
overflow-x: scroll;
}
#property-page-main > div:nth-child(2) .eight.columns {
justify-content: flex-start;
}
.search-results-filters-close {
display: block;
}
.search-results-filters-fixed {
top: 0px;
}
#hotel-name-search {
padding-top: 90px;
}
#hotel-name-search input {
width: 80%;
}
#results-page-main .row > .nine.columns {
padding: 0px;
width: 100%;
}
#results-sort-bar {
display: none;
}
.search-results-filters-a {
display: inline-flex;
}
.search-body input.btn.btn-indigo.monserrat-bold.w-100.h-100 {
font-size: 12px;
text-align: center;
padding: initial;
}
.row.search-body input.form-control {
font-size: 14px;
}
#results-page-main .row > .nine.columns {
margin-left: 0%;
}
.hotel-results-listing .hotel-pricing {
align-self: flex-end;
}
.filter-list .fa {
margin-right: 12px;
}
.filter-list li label {
padding: 0px 0px 0px 10px;
}
.filter-list li {
margin: 0 0 10px 0;
}
.view-mobile-only {
display: none;
}
#trResetFilters {
margin-bottom: 20px;
}
.search-results-filters-fixed {
padding-bottom: 10px;
}
#search-results-filters {
padding-bottom: 10px;
}
/* tsk-4 4121*/
#amenitiesList {
/*height: 119px;*/
height: 99px;
}
.navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar .navbar-nav .nav-item .nav-link {
text-align: left !important;
}
.navbar .navbar-nav .nav-item.sign-in {
margin-right: 0px !important;
}
#search-back-bar.spacer-bottom {
margin: 1px;
}
#trResetFilters {
margin-bottom: 70px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.footer .container {
padding-left: 150px !important;
padding-right: 150px !important;
padding-bottom: 0px !important;
}
.navbar .container {
padding-left: 30px !important;
padding-right: 30px !important;
}
#page-progress-bar-hot.container-2 {
width: 100% !important;
padding: 0px !important;
padding-left: 49.5px !important;
padding-right: 49.5px !important;
}
.col-custom-2,
.col-custom-1 {
margin-bottom: 65px;
}
.eight.columns.col-custom-3 {
width: 80%;
}
.item-voucher-1, .item-voucher-2 {
margin-left: 26px;
}
#results-page-main,
#page-progress-bar-hot,
.search-body .container, #book-page-main {
width: 100% !important;
margin: 0px;
padding: 0 30px;
}
.property-amenities div.row.show-less {
width: 120%;
}
.room-type li .div-package-room-name {
margin-left: 35%;
width: 65%;
}
.room-type .property-rooms-list li {
flex-direction: column;
}
.room-type .hotel-photo {
width: 35%;
}
#property-page-main .property-overview-description {
max-width: 410px;
height: 229px;
}
.hotel-results-listing .hotel-info .name a {
font-size: 22px !important;
}
.box-featured-packages .hotel-info .name a,
.box-featured-packages p.span-2 {
font-size: 11px !important;
}
.property-rooms-list li:not([class*="package"]) {
width: 100%;
}
#roomSelector {
display: inline-block;
}
.hotel-results-listing .hotel-pricing {
padding-right: 33px;
}
.hotel-results-listing .hotel-pricing .button {
width: 37px;
height: 37px;
}
#form-re-search .col-destination {
max-width: 100%;
}
.row.justify-content-center {
padding: 0 50px;
}
#form-re-search .col-auto + .col-auto {
margin-left: 6px;
max-width: 50%;
margin-left: 0px;
}
#form-re-search .col-check-in, #form-re-search .col-check-out {
margin-left: 0px !important;
padding-right: 5px !important;
max-width: 50% !important;
}
.col-auto.col-traveler {
max-width: 25% !important;
margin-left: 0px !important;
padding-right: 5px !important;
}
.col-auto.text-end.text-right.col-submit {
max-width: 25% !important;
margin-left: 0px !important;
}
.item-reg-active {
width: 266px !important;
}
.item-reg {
width: 25% !important;
}
.item-reg-active {
width: 50% !important;
}
.pl-2 {
padding-left: 6px;
}
/*Nuevo tootip*/
.tool-tip-L {
left: -513px !important;
width: 528px;
top: 14px !important;
}
.tool-tip-L .arrow-tooltip-global::before {
left: auto;
right: 5px !important;
}
.cvv-tool .fa-question-circle {
margin: 17px 0 0 1px !important;
}
.global-large {
width: 10px;
}
.row-media {
padding: 60px 0 15px 0 !important;
}
#input-newsletter {
width: 100% !important;
}
.m-first {
margin-bottom: 70px !important;
}
.label-login {
margin-left: 20px;
}
.package-carousel .slick-slide {
max-width: 330px;
min-width: 330px;
}
.modalRooms .slick-prev {
left: auto;
top: 176px;
margin-left: 8%;
}
.modalRooms .slick-next {
right: 8%;
top: 176px;
}
.modalRooms .modal-content {
max-height: 567px;
min-height: 567px;
}
.modalRooms .modal-body {
margin-top: 0%;
}
.div-rooms-carrusel-nav {
top: 68%;
}
.div-rooms-carrusel-for {
height: 68%;
}
.modalRooms .rooms-carrusel-nav .slick-slide img {
max-width: 192px;
}
/* .btn-see-more {
top: 90%;
}*/
#carousel-top-list .slick-slide {
max-width: 330px;
min-width: 330px;
}
}
/*(min-width: 0px) and (max-width: 991.98px)*/
@media (max-width: 991.98px) {
#carousel-section-1 {
display: none;
}
#carousel-section-1-2 {
display: block;
}
.carousel-control {
display: none;
}
.carousel-inner > .item {
-webkit-transition: none;
transition: none;
}
#detail-map-big {
display: block;
}
#book-sidebar {
width: 100%;
}
.filter-list .fa {
margin-right: 4px;
}
#staticMapHotel {
display: none;
}
#paymentDiv .eight.columns {
width: 65.3333333333%;
}
.hotel-results-listing .hotel-pricing .button {
width: 37px;
height: 37px;
}
#form-re-search .input-daterange {
margin-left: 0px !important;
}
.search-results-filters-fixed {
width: 476px;
margin: auto;
}
.search-results-filters-close {
right: 47px;
top: 52px;
}
div#navbarSupportedContent {
display: flex;
}
ul.navbar-nav.w-100 {
margin: 0;
float: left;
}
/*Display none*/
.view-mobile-only {
display: none;
}
/*Font 15*/
.box-featured-packages p.span-1 {
font-size: 15px;
}
/*Font 12*/
.best-package-name-2,
.box-featured-packages .best-package-desc {
font-size: 12px;
}
.box-featured-packages .hotel-pricing .price-box strong,
.hotel-info .order-inn-menu,
.hotel-results-listing .hotel-info .address,
.hotel-info .room-services,
.amenity-item {
font-size: 11px;
}
/*Font 11 important*/
.box-featured-packages .hotel-info .name a,
.box-featured-packages p.span-2 {
font-size: 11px !important;
}
/*Font 10*/
.search-body input.btn.btn-indigo.monserrat-bold.w-100.h-100,
.address a,
.room-and-amenities a,
.order-inn-menu a {
font-size: 10px;
}
.address .link-address {
display: inline-block;
}
.body-filter-tag {
margin-top: 45px;
}
.col-submit a {
font-size: 15px !important;
}
.search-body input.btn.btn-indigo.monserrat-bold.w-100.h-100 {
margin-bottom: 10px !important;
}
.a-amenities-main {
font-size: 10px !important;
}
.main-amenities {
font-size: 11px !important;
}
.tool-tip-S {
left: -58px !important;
top: 12px !important;
}
.tool-tip-S .arrow-tooltip-global::before {
top: -9.5px !important;
left: 44px !important;
}
.tool-tip-S {
width: 95px;
}
.pl-1, .pl-2 {
padding-left: 0px !important;
}
.p-left-3, .p-left-4 {
padding-left: 6px !important;
}
.tooltip-global {
width: 20px;
}
.input-quantity {
padding-right: 1px !important;
}
.social-icon {
width: 40px !important;
height: 40px !important;
}
#section2Footer {
margin-bottom: 35px !important;
}
#exampleModal iframe {
height: 519px;
}
.carousel-top-list {
padding: 0px;
margin: 0px;
}
/* tsk-3 4053*/
.a-amenities-main:hover, .hotel-list-amenities:hover, .order-inn-menu a:not(.button):hover,
.property-rooms-list .room-amenitis a:hover {
color: #63ADF2 !important;
}
#hotel-name-search input {
width: 69%;
}
#hotel-name-search button {
width: 30%;
}
.modalRooms .slick-prev::before, .modalRooms .slick-next::before {
opacity: .95;
font-size: 40px;
}
#cvvMask {
width: 89%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.search-body .container {
width: 475px !important;
margin: auto;
}
.footer .container {
padding: 75px 30px 40px 30px !important;
}
.navbar .container {
padding-left: 30px !important;
padding-right: 30px !important;
}
.form-group.form-group-icon-left {
margin-right: 8px;
width: 75px;
}
.item-voucher-1, .item-voucher-2 {
margin-left: 13px;
}
.form-group.form-group-icon-left.item-voucher-5 {
margin-right: 0px;
}
#trip-details-summary .hotel-summary .hotel-photo {
max-width: 204px;
}
.hotel-summary .hotel-info .name {
font-size: 20px;
}
#trip-details-summary .hotel-summary .hotel-info {
margin-left: 24px;
}
.hotel-results-listing .hotel-info .name a {
font-size: 22px !important;
}
header div.nav-content {
position: fixed !important;
}
#property-page-main .property-overview-description {
height: 169px;
}
.hotel-results-listing .hotel-pricing .price-box span {
display: block;
font-size: 9px;
}
.property-rooms-list li:not([class*="package"]) {
width: 100%;
}
.hotel-results-listing .hotel-pricing {
padding-right: 24px;
}
.hotel-results-listing .hotel-pricing .button {
width: 37px;
height: 37px;
}
.address a {
font-size: 10px;
}
#roomSelector {
display: inline-block;
}
.box-featured-packages .hotel-info .name a,
.box-featured-packages p.span-2 {
font-size: 11px !important;
}
#form-re-search .col-destination {
max-width: 475px;
}
#form-re-search .col-check-out {
max-width: 233px;
}
#form-re-search .col-check-in {
max-width: 235px;
}
#form-re-search .col-traveler {
max-width: 256px;
}
#form-re-search .col-submit {
max-width: 211px;
}
.item-reg {
width: 25% !important;
height: 232px !important;
}
.item-reg-active {
width: 50% !important;
height: 232px !important;
}
.pl-2 {
padding-left: 6px;
}
/*Nuevo tootip*/
.tool-tip-L {
left: -495px !important;
width: 520px;
top: 14px !important;
}
.tool-tip-L .arrow-tooltip-global::before {
left: auto;
right: 5px !important;
}
.global-large {
width: 10px;
}
.row-media {
padding: 50px 0 0 0 !important;
}
.m-first {
margin-bottom: 75px !important;
}
#input-newsletter {
width: 386px !important;
}
.carousel-top-list {
max-height: 210px !important;
}
.carousel-top-list .slick-slide {
max-width: 260px;
min-width: 260px;
}
.carousel-top-list {
max-height: 210px !important;
}
.carousel-top-list .slick-prev {
left: 0px;
top: 113px;
}
.carousel-top-list .slick-next {
right: 0px;
top: 118px;
}
.modalRooms .modal-content {
max-height: 469px;
min-height: 469px;
}
.modalRooms .modal-body {
margin-top: 0%;
}
.div-rooms-carrusel-nav {
top: 60%;
}
.div-rooms-carrusel-for {
height: 60%;
}
.modalRooms .slick-prev {
left: auto;
top: 129px;
margin-left: 6%;
}
.modalRooms .slick-next {
right: 6%;
top: 129px;
}
}
/*(min-width: 0px) and (max-width: 767.98px)*/
@media (max-width: 767.98px) {
div.global-wrap div.container,
section.container,
main.container,
.search-body .container,
#page-progress-bar-hot {
padding-left: 15px;
padding-right: 15px;
}
.custom-column-1 {
width: 49% !important;
}
p.activation_fees, .voucher-porcent {
font-size: 10px;
line-height: 18px;
}
#booking_form > .row > .eight.columns {
width: 100%;
}
p.gouv-psg-info {
font-size: 13px;
}
.eight.columns.col-custom-1 {
margin-bottom: 47px;
}
#property-page-main aside.four.columns.col-custom-2 {
width: 35%;
order: 2;
margin-left: 0px;
margin-bottom: 0px;
}
#property-page-main > div:nth-child(2) .eight.columns.col-custom-3 {
width: 65%;
order: 1;
justify-content: flex-end;
}
#property-page-main > .menu-propertys {
padding-top: 27px;
}
#property-top-rate .button {
line-height: 30px;
font-size: 10px;
width: 126px;
font-family: 'Montserrat-Bold';
font-weight: normal;
height: 30px;
}
#backHistory a {
font-size: 12px;
}
.property-rooms-list li .room-name {
padding-left: 14px;
padding-top: 9px;
}
.property-rooms-list li .room-rate {
padding-bottom: 8px;
}
.property-rooms-list li .room-name p:not(.name),
#roomSelector .prices-for-all-day {
font-size: 10px;
}
.best-value-package {
width: 93px;
font-size: 10px;
padding: 5px 13px;
}
.property-rooms-list li .room-rate p:last-child {
font-size: 9px;
}
#roomSelector .room-name p.name {
font-size: 14px;
}
#property-page-main h2 {
font-size: 20px;
}
.menu-propertys a {
margin-right: 15px;
}
#property-page-main .four.columns,
#property-page-main .eight.columns {
width: 100%;
}
#property-page-main .eight.columns.col-custom-3 {
width: 65%;
order: 1;
}
.property-overview h1 {
margin: 0 0 7px 0;
font-size: 20px;
}
.property-overview p.address {
margin: 0 0 6px 0;
font-size: 12px;
}
#property-page-main .property-overview-description {
font-size: 16px;
}
.property-overview .fa-star,
.property-overview .fa-star-o {
font-size: 13px;
height: 13px;
width: 13px;
margin-right: 3px;
}
.property-amenities .col-auto,
.show-less-amenities-room .col-auto {
font-size: 15px;
padding-right: 22px !important;
padding-bottom: 22px;
}
.room-name .property-amenities .col-auto,
.room-name .show-less-amenities-room .col-auto {
font-size: 12px;
}
.property-rooms-list .package-room-name {
font-size: 18px;
margin-top: 20px;
}
.property-rooms-list .room-amenitis p {
font-size: 14px;
}
.property-rooms-list p.packade-desc2 {
font-size: 14px;
font-style: italic;
}
.body-filter-tag {
margin-top: 59px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -10.5px;
height: 21px;
width: 21px;
}
.filter-list li input {
height: 14px;
width: 14px;
}
.filter-list .fa {
font-size: 14px !important;
height: 14px;
width: 14px;
margin-right: 3px;
}
.search-results-filters-close img {
height: 16px;
width: 16px;
}
.hotel-results-listing .hotel-pricing .price-box strong {
font-size: 10px;
}
.property-rooms-list li:not([class*="package"]) {
min-height: 111px;
}
.room-type .property-rooms-list li .room-name {
width: 50%;
margin-left: 0px;
}
/*Font 12*/
.room-type .property-rooms-list .room-amenitis a,
.room-type .property-rooms-list p.packade-desc2,
.room-type .room-facilities span,
.room-type .property-amenities .col-auto,
.room-type .show-less-amenities-room .col-auto {
font-size: 12px;
}
.room-type .property-rooms-list li .room-rate {
width: 35%;
grid-template-rows: auto;
}
.room-type .property-rooms-list li[class*="package"] .hotel-photo {
height: 210px;
width: 65%;
position: relative;
}
.room-type .property-rooms-list li .div-package-room-name {
margin-left: 0px;
width: 65%;
padding: 0px;
}
.property-rooms-list li .room-rate .button {
height: 30px;
width: 126px;
font-size: 10px;
line-height: 30px;
}
.sidebar-widget.trip-summary {
position: initial;
}
.hotel-results-listing .hotel-photo {
width: 100%;
position: relative;
height: 193px;
margin-right: 0px;
}
.hotel-results-listing .hotel-photo img {
height: 193px;
border-top-left-radius: 10px;
border-bottom-left-radius: 0px;
border-top-right-radius: 10px;
}
.hotel-results-listing .hotel-info {
width: 69%;
margin-left: 0px;
padding-left: 32px;
}
.hotel-results-listing .hotel-pricing {
width: 31%;
}
.not-package {
height: calc(100% - 193px);
position: absolute !important;
right: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.room-type .property-rooms-list li {
flex-direction: row;
flex-wrap: wrap;
}
#form-re-search .justify-content-center {
-ms-flex-pack: flex-start !important;
justify-content: flex-start !important;
}
#property-page-main .property-overview-description {
width: 100%;
}
.property-amenities div.row.show-less {
width: 100%;
}
.hotel-results-listing .hotel-info .address {
display: inline;
}
.hotel-results-listing .hotel-pricing .price-box span {
display: block;
}
.search-results-filters-label-select {
display: block;
margin-bottom: 6px;
}
#form-re-search .col-auto + .col-auto {
margin-left: 0px;
}
#form-re-search .col-traveler {
margin-left: 0px !important;
}
.search-results-filters-fixed {
width: 369px;
margin: auto;
}
.search-results-filters-close {
right: 30px;
top: 32px;
}
#trResetFilters {
font-size: 11px;
}
.hotel-results-listing .hotel-pricing .a-not-package {
top: 175px !important;
}
.filter-list li label {
height: 22px;
}
#trip-details-summary .hotel-info .address {
font-size: 13px;
}
#trip-details-summary p.package-type-desc {
font-size: 14px;
}
#trip-details-summary p.room-type + p {
font-size: 13px;
}
.input-quantity, .dw-Qty, .select-amount, .btn-qty, .dw-AmtQty button {
height: 52px !important;
}
.dw-AmtQty ul, .dw-Qty ul {
min-width: 67px !important;
}
.input-quantity {
padding-left: 19px !important;
}
.select-amount::after {
font-size: 14px;
}
.tool-tip-M {
width: 320px;
left: -138px !important;
}
.arrow-tooltip-global::before {
top: -9.5px !important;
left: 124px !important;
}
.tool-tip-L .arrow-tooltip-global::before {
left: 495px !important;
}
.room-type .room-name p.name {
font-size: 18px;
}
.room-type .room-name p, .room-type .room-name p.room-voucher-value {
font-size: 14px;
line-height: 20px;
}
#exampleModal iframe {
height: 628px;
}
.div-package-carrusel .slick-slide {
max-width: 260px;
min-width: 260px;
}
#amenitiesList {
height: 103px;
}
#hotel-name-search {
padding-top: 40px;
}
.carousel-top-list .slick-prev {
left: 0px;
top: 136px;
}
.carousel-top-list .slick-next {
right: 0px;
top: 136px;
}
.hotel-results-listing {
min-height: 353px;
}
.btn-see-more.btn-carrusel-detail {
margin: 10px 17px 0 0;
}
.package-carousel .slick-next {
right: 2px;
top: 62px;
}
.package-carousel .slick-prev {
left: 1px;
top: 62px;
}
.div-pick {
max-width: 475px;
}
#form-re-search .col-check-in, #form-re-search .col-check-out {
max-width: 238px;
}
#form-re-search .col-traveler {
margin-right: 7px;
}
}
@media (min-width: 480px) and (max-width: 575.98px) {
.search-body .container {
width: 425px !important;
max-width: 425px !important;
margin: auto;
}
header div.nav-content {
position: fixed !important;
}
.property-rooms-list li:not([class*="package"]) {
width: 100%;
}
#roomSelector {
display: inline-block;
}
#trip-details-summary .hotel-summary .hotel-info {
width: 100% !important;
margin-left: 0px;
margin-top: 15px;
}
#trip-details-summary .row.hotel-summary {
display: flex;
flex-direction: column;
}
#traveler .columns,
#paymentDiv .colums {
width: 100% !important;
margin-left: 0px;
}
#form-re-search .col-destination {
max-width: 425px;
}
#form-re-search .col-check-out {
max-width: 208px;
}
#form-re-search .col-check-in {
max-width: 210px;
}
#form-re-search .col-traveler {
max-width: 229px;
}
#form-re-search .col-submit {
max-width: 187px;
}
.m-first {
margin-bottom: 70px !important;
}
}
/*(min-width: 0px) and (max-width: 575.98px)*/
@media (max-width: 575.98px) {
.footer .container {
padding: 70px 20px 40px 20px !important
}
.navbar .container {
padding-left: 20px !important;
padding-right: 20px !important;
}
/* TSK 3502 */
.item-reg-active {
width: 60% !important;
height: 210px !important;
}
.item-reg {
width: 20% !important;
height: 210px !important;
}
.item-voucher-3, .item-voucher-4 {
margin-right: calc(58%) !important;
}
.form-group.form-group-icon-left {
margin-right: 8px;
width: 75px;
}
.optional_vouchers > div.row:nth-child(1) > div {
display: flex;
flex-wrap: wrap;
}
.item-voucher-1, .item-voucher-2 {
margin-left: 0px;
}
.title-paymets h2 {
font-size: 22px;
}
.title-paymets p {
font-size: 13px;
}
.hotel-results-listing .hotel-pricing .price-box span {
font-size: 8px;
line-height: normal;
}
#trip-details-summary .hotel-summary .hotel-photo {
width: 100%;
max-width: 100%;
height: 153px;
}
.hotel-results-listing .hotel-pricing {
padding-right: 37px;
}
.box-featured-packages .hotel-info .name {
flex-direction: row;
flex-wrap: wrap;
}
.box-featured-packages p.span-1 {
padding-top: 10px;
}
.box-featured-packages {
height: auto !important;
}
.div-package-room-name .packade-desc2 span {
display: initial;
}
.property-rooms-list li:not([class*="package"]) {
min-height: 130px;
}
.room-type .property-rooms-list li[class*="package"] .hotel-photo {
width: 100%;
}
.hotel-results-listing .hotel-pricing {
align-self: flex-end;
position: relative;
}
.box-featured-packages,
.hotel-results-listing {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.hotel-results-listing .hotel-photo {
margin-right: 0rem;
}
.search-results-filters-fixed {
width: 304px;
margin: auto;
}
.search-results-filters-close {
right: 29px;
top: 32px;
}
/*Font 30px*/
.hotel-results-listing .hotel-pricing .price-box span.price strong {
font-size: 30px;
}
/*Font 18px*/
.hotel-results-listing .hotel-info .name a {
font-size: 18px !important;
}
/*Font 11px*/
.box-featured-packages .hotel-info .name a,
.box-featured-packages p.span-2 {
font-size: 11px !important;
}
/*Font 10px*/
.hotel-results-listing .hotel-info .address,
.best-package-name-2,
.box-featured-packages .best-package-desc,
.hotel-info .order-inn-menu,
.amenity-item {
font-size: 10px;
}
/*Font 9px*/
.address a,
.order-inn-menu a,
.hotel-results-listing .hotel-pricing .price-box strong,
.room-and-amenities a {
font-size: 9px;
}
.filter-list li span {
font-size: 13px;
}
.eight.columns.col-custom-1 {
margin-bottom: 25px;
}
.item {
justify-content: center !important;
}
.search-body input.btn.btn-indigo.monserrat-bold.w-100.h-100 {
margin-bottom: 10px;
line-height: 40px;
}
.p-left-3 {
padding-left: 0px !important;
}
.hotel-summary .hotel-info .name {
font-size: 22px;
}
.hotel-summary .fa-lg {
font-size: 15px;
}
#dwlRecipient {
padding-right: 0px;
}
.a-amenities-main {
font-size: 9px !important;
}
.main-amenities {
font-size: 10px !important;
}
/*Nuevo tootip*/
.tool-tip-L {
left: -422px !important;
width: 461px;
top: 14px !important;
}
.tool-tip-L .arrow-tooltip-global::before {
left: auto;
right: 5px !important;
}
.tool-tip-S {
max-width: 220px;
}
.global-large {
width: 10px;
}
.item-voucher-1, .item-voucher-2, .item-voucher-4, .item-voucher-5 {
margin-top: 24px !important;
}
.item-voucher-3::before, .item-voucher-4::before, .item-voucher-5::before {
line-height: 22px;
}
.left-field {
padding-right: 0px !important;
}
div.global-wrap div.container,
section.container,
main.container,
.search-body .container,
#page-progress-bar-hot {
padding-left: 10px;
padding-right: 10px;
}
.dwlRecipient {
padding-right: 0px !important;
}
.select-icon {
margin-left: 0px;
}
.row-media {
padding: 50px 0 0px 0 !important;
}
.row-media ul {
padding-bottom: 26px !important;
}
#exampleModal iframe {
height: 640px;
}
#exampleModal .modal-dialog {
width: 345px;
}
.carousel-top-list .card-img-top, .card.pointer {
/* //max-width: 80% !important;*/
width: 100% !important;
}
.carousel-top-list {
max-height: 210px !important;
}
.carousel-top-list .slick-prev {
left: 0px;
top: 113px;
}
.carousel-top-list .slick-next {
right: 0px;
top: 118px;
}
#amenitiesList {
height: 64px;
}
.modalRooms .modal-content {
max-height: 505px;
min-height: 505px;
}
.modalRooms .slick-list {
margin: 0px 5%;
}
.modalRooms .slick-prev::before, .modalRooms .slick-next::before {
font-size: 35px;
}
.modalRooms .slick-prev {
left: auto;
margin-left: 0%;
top: 150px;
}
.modalRooms .slick-next {
right:0%;
top: 150px;
}
.modalRooms .modal-body {
margin-top: 0%;
}
.div-rooms-carrusel-nav {
top: 64%;
}
.div-rooms-carrusel-for {
height: 64%;
}
.carousel-top-list .slick-slide {
max-width: 260px;
min-width: 260px;
}
.row.menu-propertys {
min-width:300px;
padding-top:3px;
}
#form-re-search .col-check-in, #form-re-search .col-check-out {
max-width: 212px;
}
.tool-tip-L .arrow-tooltip-global::before {
left: 422px !important;
}
}
/*(min-width: 0px) and (max-width: 479.98px)*/
@media (max-width: 479.98px) {
.hotel-results-listing > .hotel-pricing > .price-box {
bottom: 18px;
}
.hotel-results-listing > .hotel-info > .name, .hotel-results-listing > .hotel-info > .address {
width: 108%;
}
.hotel-info .room-and-amenities {
margin-bottom: 30px !important;
}
#property-page-main > div:nth-child(2) .eight.columns.col-custom-3 {
justify-content: flex-start;
}
/**/
#trip-details-summary .hotel-summary .hotel-photo img {
height: 153px;
}
.item-voucher-3, .item-voucher-4 {
margin-right: calc(47%) !important;
}
.hotel-summary .hotel-info .name {
font-size: 22px;
}
#traveler h2 {
font-size: 20px;
}
#trip-details-summary .hotel-info .address,
#trip-details-summary p.room-type + p {
font-size: 13px;
}
#trip-details-summary p.package-type-desc {
font-size: 14px;
}
.datepicker.dropdown-menu {
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;
}
.navbar .navbar-brand {
padding-left: 0px;
}
div.global-wrap div.container,
section.container,
main.container,
.search-body .container,
#page-progress-bar-hot {
padding-left: 15px;
padding-right: 15px;
}
.row.search-body {
padding: 15px;
}
header div.nav-content {
position: fixed !important;
}
.global-wrap {
margin-top: 30px;
}
#search-back-bar.spacer-bottom {
margin-bottom: 0px;
margin-top: 0px;
}
footer .col-6.col-lg-3 {
width: 100%;
flex: 100%;
max-width: 100%;
}
#results-view-tabs,
#results-view-tabs ul {
float: right;
background: transparent !important;
width: 100%;
padding: 0px;
}
.box-featured-packages .hotel-info .name a {
font-size: 10px !important;
}
#roomSelector {
display: inline-block;
}
.room-type .property-rooms-list li .room-rate .rate strong {
font-size: 2rem;
}
.menu-propertys a {
font-size: 12px;
}
#trip-details-summary .hotel-summary .hotel-info {
width: 100% !important;
margin-left: 0px;
margin-top: 15px;
}
#trip-details-summary .hotel-summary .hotel-photo {
width: 100%;
max-height: 200px;
}
#trip-details-summary .row.hotel-summary {
display: flex;
flex-direction: column;
}
#form-re-search .col-traveler {
margin-bottom: 1rem !important
}
#form-re-search .col-auto + .col-auto {
margin-left: 0px;
}
.results-pagination ul {
width: 100%;
text-align: center;
}
.results-pagination ul li {
margin-right: 0px;
}
.dropdown-filter {
display: block;
}
.search-results-filters-a {
float: right;
}
.hotel-results-listing .hotel-info {
padding-left: 12px;
padding-top: 12px;
}
.hotel-results-listing .hotel-pricing {
padding-right: 12px;
}
#form-re-search .input-daterange {
flex-direction: column;
}
/*100%*/
.property-rooms-list li:not([class*="package"]),
.property-rooms-list li .room-rate .button,
#traveler .columns,
#paymentDiv .colums,
#form-re-search .col-destination,
#form-re-search .col-submit,
#form-re-search .col-traveler,
#form-re-search .col-check-in,
#form-re-search .col-check-out,
#form-re-search .input-daterange,
.amenity-item {
width: 100% !important;
max-width: 100% !important;
margin-left: 0px;
}
/*Nuevo tootip*/
.tool-tip-L {
left: -296px !important;
width: 320px;
top: 14px !important;
}
.btn-qty .bi-caret-down-fill::before {
font-size: 8px;
}
.optio-voucher {
display: flex;
}
#trip-details-summary, #traveler {
margin-bottom: 40px;
}
.guest-voucher {
color: #82A0BC;
border-top: 1px solid #E2E2E2;
width: 100%;
padding-top: 40px;
padding-bottom: 10px;
}
#trip-details-summary, #traveler {
margin-bottom: 40px !important;
}
#paymentDiv .row.form-fields > div.six.columns:nth-child(1) p {
padding-bottom: 5px !important;
}
.div-payment h5 {
padding-top: 10px !important;
}
.title-paymets {
margin-bottom: 40px !important;
}
/* TSK 3507 */
.property-amenities .row.show-less-amenities-room,
.property-amenities .row.show-less,
.room-amenitis .show-less-amenities-room {
display: block;
}
.property-amenities .show-less .col-auto {
padding-bottom: 18px;
}
.footer .container {
padding-top: 35px !important;
}
.m-first, .mb-xs-35 {
margin-bottom: 35px !important;
}
#exampleModal {
padding: 0px;
}
#hotel-name-search input {
width: 100%;
margin-bottom: 10px;
}
#hotel-name-search button {
width: 100%;
}
.search-results-filters-close {
right: 4px;
}
.toast {
right: 15px;
}
.modalRooms .modal-content {
max-height: 423px;
min-height: 423px;
}
.div-rooms-carrusel-nav {
top: 65%;
}
.div-rooms-carrusel-for {
height: 65%;
}
.package-carousel .slick-prev::before, .package-carousel .slick-next::before {
font-size: 30px;
}
.package-carousel .slick-next {
right: 1px;
top: 66px;
}
.package-carousel .slick-prev {
left: 1px;
top: 66px;
}
.modalRooms .slick-prev {
left: auto;
margin-left: 0%;
top: 121px;
}
.modalRooms .slick-next {
right: 0%;
top: 121px;
}
.div-pick {
width: 100%;
}
.col-check-in {
padding-right: 0px !important;
margin-bottom: 16px;
}
.div-pick {
display: block !important;
}
.tool-tip-L .arrow-tooltip-global::before {
left: 295px !important;
}
@media (min-width: 0px) and (max-width: 386.98px) {
.toast {
right: 10px;
left: 10px;
}
.modalRooms .modal-content {
max-height: 389px;
max-height: 389px;
}
.modalRooms .slick-next {
right: -1.8%;
top: 118px;
}
.modalRooms .slick-prev {
left: auto;
margin-left: -2%;
top: 118px;
}
}
}