/* @important - this file should be used as the base for auto styles */
@import url("https://onepagebooking.com/fonts/v5/ogg-medium/stylesheet.css");
@import url("https://onepagebooking.com/fonts/google/jost/stylesheet.css");
@import url("https://onepagebooking.com/fonts/google/montserrat/stylesheet.css");
/* Icons */
@font-face {
  font-family: "opb-icons-line";
  src: url("https://onepagebooking.com/fonts/v5/line.eot?69258248");
  src: url("https://onepagebooking.com/fonts/v5/line.eot?69258248#iefix") format("embedded-opentype"), url("https://onepagebooking.com/fonts/v5/line.woff2?69258248") format("woff2"), url("https://onepagebooking.com/fonts/v5/line.woff?69258248") format("woff"), url("https://onepagebooking.com/fonts/v5/line.ttf?69258248") format("truetype"), url("https://onepagebooking.com/fonts/v5/line.svg?69258248#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-calendar:before {
  content: "\e800";
  font-family: "opb-icons-line";
}

.icon-give:before {
  content: "\e801";
  font-family: "opb-icons-line";
}

.icon-insurance:before {
  content: "\e802";
  font-family: "opb-icons-line";
}

.icon-key:before {
  content: "\e803";
  font-family: "opb-icons-line";
}

.icon-leave:before {
  content: "\e804";
  font-family: "opb-icons-line";
}

.icon-lock:before {
  content: "\e805";
  font-family: "opb-icons-line";
}

.icon-person:before {
  content: "\e806";
  font-family: "opb-icons-line";
}

.icon-persons-males:before {
  content: "\e807";
  font-family: "opb-icons-line";
}

.icon-persons:before {
  content: "\e808";
  font-family: "opb-icons-line";
}

.icon-private-business:before {
  content: "\e809";
  font-family: "opb-icons-line";
}

.icon-purse:before {
  content: "\e80a";
  font-family: "opb-icons-line";
}

.icon-rooms-rates:before {
  content: "\e80b";
  font-family: "opb-icons-line";
}

.icon-stars:before {
  content: "\e80d";
  font-family: "opb-icons-line";
}

.icon-wlan:before {
  content: "\e80e";
  font-family: "opb-icons-line";
}

.icon-square:before {
  content: "\e80c";
  font-family: "opb-icons-line";
}

.icon-house:before {
  content: "\e80f";
  font-family: "opb-icons-line";
}

.icon-house-fill:before {
  content: "\e810";
  font-family: "opb-icons-line";
}

/* Negative design colors */
/* Configuration */
/* For example modal for login */
/* For complex neg design rooms tile on hover elements colors */
/* PACKAGES SECTION IN BOOKING! */
/* Background from cv-feedback-success, or whatever you like */
/* Calendar popup */
/* Calendar restrictions */
/* Enhancements configurator modal */
/* Section header switch */
opb-rooms-and-rates h2 opb-radio .custom-radio label:before,
opb-address-form h2 opb-radio .custom-radio label:before {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.btn-show-not-available-rooms {
  color: rgba(0, 0, 0, 0.5) !important;
  border: 2px solid rgba(0, 0, 0, 0.5) !important;
}

/* Booking button hover! */
/* Rate compare modal */
#rates-compare-wrapper ul li div.badge {
  background: rgb(42, 46, 70);
  color: 16px;
}
#rates-compare-wrapper ul li button.badge {
  background: rgb(197, 96, 44);
  color: rgb(255, 255, 255);
}

/* alt logo for basketbar */
@media (min-width: 992px) {
  opb-basketbar #logo-wrap a {
    width: 168px !important;
  }
}
opb-basketbar #logo-wrap a > .image-wrap {
  background-image: url("/assets/images/logos/hayk-hotel-alt.svg") !important;
}

/* Confirmation alternative logo */
/* map tooltip */
opb-location .leaflet-popup-content-wrapper,
opb-location .leaflet-popup-tip {
  background: #000;
  color: #fff;
}
opb-location .leaflet-popup-close-button {
  color: #fff !important;
}

.main-content-wrap app-corporate-login-bar #corporate-login-info {
  color: rgba(0, 0, 0, 0.5) !important;
}

.person-number-config-button > div.not-available {
  font-size: 14px;
  background: #000;
  color: #fff;
}
.person-number-config-button > div.not-available:before {
  border-color: transparent transparent #000000 transparent;
}

opb-booking #booking-wrap p.check-or-not-text a.cb-link {
  text-decoration: underline !important;
}

opb-calendar app-calendar-extended h2 .date-pick-wrap a {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}

.my-tooltip {
  z-index: 303 !important;
}

.badge {
  font-weight: 400 !important;
}

/* Confirmation page Basket bar (multiple travels-bar) */
app-travels-bar #travels-bar {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
}
app-travels-bar #travels-bar > .travel-column {
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
}
app-travels-bar #travels-bar > .travel-column:not(.active) {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
app-travels-bar #travels-bar > .travel-column.active {
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
  background: rgb(42, 46, 70);
}

#basket-main-wrap .basket-column.active .basket-step-checked {
  background: rgb(255, 255, 255);
  color: rgb(42, 46, 70);
}

.basket-visible .navbar-static-top.gradient-bg .hamburger::after {
  color: rgba(0, 0, 0, 0.5);
}
.basket-visible .navbar-static-top.gradient-bg .hamburger-inner {
  background-color: rgba(0, 0, 0, 0.5);
}
.basket-visible .navbar-static-top.gradient-bg .hamburger-inner::after, .basket-visible .navbar-static-top.gradient-bg .hamburger-inner::before {
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 992px) {
  #category-wrap.enhancement-categories-wrap-mobile .carousel .carousel-cell.is-selected {
    background-color: rgb(197, 96, 44) !important;
  }
}

.login-modal.modal-open .modal-content .icon-close-large,
.gray-bg-modal.modal-open .modal-content .icon-close-large,
body.modify-booking .modal-content .icon-close-large,
body.allotments .modal-content .icon-close-large,
body.corporate app-corporate-login .icon-close-large {
  color: #fff;
}

.triangle {
  color: transparent;
}

/* Leaflet logo size fix */
.custom-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
  max-width: 100% !important;
}

.cross-selling-map-popup .cs-map-details {
  border: none;
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
  color: #fff;
}

.cross-selling-hotel .hotel-bottom-row .btn {
  border: 1px solid rgb(0, 0, 0);
}

.modify-booking .form-select .btn:hover {
  color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 992px) {
  .confirmation #confirmation-text-section h2 {
    margin-top: 45px;
  }
}
#confirmation-rating-section button.gradient-border {
  background: transparent;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 11px;
  text-transform: uppercase;
}

.corporate-section .corporate-list-body .corporate-list-element .booking-number-col {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  padding-top: 12px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 16px;
}
.corporate-section .corporate-list-body .corporate-list-element .booking-number-col .guest-names {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}

#confirmation-location-section #google-maps-holder a {
  color: #000;
}

/* Don't touch this! */
/* indicates missing mixin in sketch file */
body {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
}

/* text decoration underline by default wasn't added cause some other elements wrapped by a should not be decorated */
a {
  color: rgba(0, 0, 0, 0.5);
}

#section-3 {
  overflow-x: hidden;
}

.logo-wrapper {
  overflow: hidden;
}

/* global checkbox */
opb-cb input {
  display: none;
}

/* Global checkbox */
opb-cb.simple .custom-select label {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}

button.gradient-bg:not(.navbar),
a.gradient-bg:not(.navbar) {
  background: rgb(197, 96, 44);
}

/* Form fields */
.form-field-row {
  border-color: rgb(226, 226, 226);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
}
.form-field-row:not(.credit-card) {
  /* This is commented until mobile Design is ready */
  padding: 16px 15px 15px;
  margin-bottom: 15px;
}
.form-field-row label {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 19px;
  text-transform: none;
}
@media (max-width: 992px) {
  .form-field-row label {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    text-transform: none;
    opacity: 0.8;
  }
}
.form-field-row .form-group.has-error label {
  color: #ff1a1a;
}
.form-field-row .form-group.has-error .valid label {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 19px;
  text-transform: none;
}
@media (max-width: 992px) {
  .form-field-row .form-group.has-error .valid label {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    text-transform: none;
    opacity: 0.65;
  }
}
.form-field-row .form-control {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}
@media (max-width: 992px) {
  .form-field-row .form-control {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    text-transform: none;
  }
}
.form-field-row textarea.form-control {
  background: transparent;
}
.form-field-row .overflow-wrap p {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 19px;
  text-transform: none;
}
@media (min-width: 992px) {
  .form-field-row > .row > div:not(:first-child), .form-field-row:not(.credit-card) .inputs > div:not(:first-child) {
    border-color: rgb(226, 226, 226);
    border-width: 1px;
    border-style: solid;
    background: rgb(255, 255, 255);
    background: transparent;
    border-width: 0 0 0 1px;
  }
}

/* Chrome global fix */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0 100px rgb(255, 255, 255) inset !important;
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}
@media (max-width: 992px) {
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    text-transform: none;
  }
}

/* Form dropdowns */
ng-select .ui-select-container ul.dropdown-menu {
  border-color: rgb(226, 226, 226);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  border-top: 0;
  max-height: 375px !important;
}
ng-select .ui-select-container ul.dropdown-menu li {
  border-color: rgb(226, 226, 226);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  border-right: 0;
  border-left: 0;
  border-top: 0;
}
ng-select .ui-select-container ul.dropdown-menu li .active a {
  background: rgba(0, 0, 0, 0.05);
}
ng-select .ui-select-container ul.dropdown-menu li a {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  font-size: 15px;
}
ng-select .ui-select-container ul.dropdown-menu li a:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* Section gradient for other pages like location, confirmation */
.section-gradient {
  background: rgb(255, 255, 255);
}

.white-box {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  box-shadow: none;
}

/* Buttons */
.btn-green,
.modify-booking .btn-default {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  background-color: transparent;
  border: 2px solid rgb(197, 96, 44);
  color: rgb(197, 96, 44);
}
.btn-green:focus,
.modify-booking .btn-default:focus {
  background-color: transparent;
  border: 2px solid rgb(197, 96, 44);
  color: rgb(197, 96, 44);
}
.btn-green:hover,
.modify-booking .btn-default:hover {
  border: 2px solid rgb(197, 96, 44);
  background: rgb(197, 96, 44);
  color: #fff;
}

.modify-booking .btn-default {
  min-height: 42px;
  text-align: center;
  padding: 0 15px;
  margin: 0 5px;
}

.btn-red {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border: 2px solid #ec4545;
  color: #ec4545;
}
.btn-red:focus {
  background-color: transparent;
  border: 2px solid #ec4545;
  color: #ec4545;
}
.btn-red:hover {
  background: #ec4545;
  border: 2px solid #ec4545;
  color: #fff;
}

.modify-booking .btn-red:not(:hover) {
  background: transparent;
}

.btn-large {
  font-size: 20px !important;
  margin: 0 5px;
  padding: 5px 15px;
}
.btn-large i {
  font-size: 12px;
}
.btn-large:hover, .btn-large:active, .btn-large:focus {
  font-size: 20px;
}

/* Form popover */
.form-popover .form-group .form-control {
  height: 54px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #e4e4e4;
  background: #f5f5f5;
  box-shadow: none;
}

#never-leave-widget .close-widget {
  color: #fff;
}
#never-leave-widget .close-widget:hover {
  color: #fff;
}

.dropdown-item > div,
.ui-select-match-text {
  pointer-events: none;
}

.leaflet-popup-close-button {
  color: #fff !important;
}

.adults-holder .form-group input::placeholder {
  visibility: hidden;
}
.adults-holder .form-group input:focus::placeholder {
  visibility: visible;
}

@media (min-width: 992px) {
  #category-wrap .slider-gradient-mask > div > div:last-child #category-wrap .slider-gradient-mask > div > div:last-child {
    background: rgb(255, 255, 255);
  }
}
@media (min-width: 992px) {
  #category-wrap .slider-gradient-mask > div > div:last-child #category-wrap .slider-gradient-mask > div > div:first-child {
    background: rgb(255, 255, 255);
  }
}

#advertising-wrap {
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.5);
}

body.modal-open .modal-content {
  background: rgba(0, 0, 0, 0.5);
}
body.modal-open .modal-content #modal-configurator .options-list-padding {
  background: rgb(235, 235, 235);
  box-shadow: 0px 10px 12px 0px rgba(130, 130, 130, 0.25);
}
body.modal-open .modal-content #enhancement-details {
  background: rgb(255, 255, 255);
}
body.modal-open .modal-content #enhancement-details h2 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
body.modal-open .modal-content #enhancement-details p {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
body.modal-open .modal-content .popup-button-wrapper {
  background: rgb(255, 255, 255);
}
body.modal-open .modal-content #modal-configurator .enhancement .enhancement-option {
  border-color: rgb(222, 222, 222);
  border-width: 1px;
  border-style: solid;
  background: rgb(250, 250, 250);
  box-shadow: none;
}
body.modal-open .modal-content #modal-configurator .enhancement .enhancement-option .options-inside .enhancement-option {
  border-left: 0;
  border-right: 0;
}
body.modal-open .modal-content .enhancement-option .custom-radio span.cb-details {
  margin-top: 5px;
  display: block;
  opacity: 0.75;
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
body.modal-open .modal-content #modal-configurator .btn-accept-enhancements {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  font-size: 16px;
}
body.modal-open .modal-content #modal-configurator .btn-accept-enhancements.btn-red {
  border: 2px solid #ec4545;
  color: #ec4545;
}
body.modal-open .modal-content #modal-configurator .btn-accept-enhancements.btn-red:hover {
  background: #ec4545;
  color: #fff;
}
body.modal-open .modal-content #modal-configurator .btn-accept-enhancements.btn-default {
  border: 2px solid rgb(197, 96, 44);
  color: rgb(197, 96, 44);
}
body.modal-open .modal-content #modal-configurator .btn-accept-enhancements.btn-default:hover {
  background: rgb(197, 96, 44);
  color: #fff;
}
body.modal-open .modal-content #modal-configurator .time-picker .time-picker-carousel span.time.active {
  box-shadow: 0 0 0 1.5px rgb(197, 96, 44);
}
body.modal-open .modal-content #modal-configurator .close-modal {
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
}
body.modal-open .modal-content #modal-configurator h3 {
  margin-bottom: 5px;
}
body.modal-open .modal-content #modal-configurator h3 + p {
  margin-bottom: 5px;
}
body.modal-open .modal-content #modal-configurator .enhancement .sticky-element p.details {
  font-family: "Jost";
  font-weight: 400;
  color: #ABABAB;
  font-size: 12px;
  text-transform: none;
}
body.modal-open .modal-content #modal-configurator .enhancement .sticky-element h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 19px;
  text-transform: none;
}
body.modal-open .modal-content #modal-configurator .enhancement .enhancement-option.increase-input p {
  font-family: "Jost";
  font-weight: 400;
  color: #ABABAB;
  font-size: 12px;
  text-transform: none;
}
body.modal-open .modal-content #modal-configurator .enhancement .enhancement-option.increase-input .control-wrapper .value,
body.modal-open .modal-content #modal-configurator .enhancement .enhancement-option.increase-input .value-wrapper .value {
  padding-top: 16px;
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 94px;
  text-transform: none;
}
body.modal-open .modal-content #modal-configurator .enhancement .enhancement-option.increase-input .control-wrapper.disabled .value,
body.modal-open .modal-content #modal-configurator .enhancement .enhancement-option.increase-input .value-wrapper.disabled .value {
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.15;
}
body.modal-open .modal-content #modal-configurator .enhancement .enhancement-option.increase-input .control {
  font-family: "opb-icons";
  color: rgb(197, 96, 44) !important;
  border: 2px solid rgb(197, 96, 44) !important;
}
body.modal-open .modal-content #modal-configurator .enhancement .enhancement-option.increase-input .control.disabled {
  color: rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(0, 0, 0, 0.5) !important;
}
body.modal-open .modal-content #modal-configurator app-day-count-selector .date,
body.modal-open .modal-content #modal-configurator app-range-count-selector .date {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
body.modal-open .modal-content #modal-configurator app-day-count-selector .control,
body.modal-open .modal-content #modal-configurator app-range-count-selector .control {
  font-size: 50px;
}
body.modal-open .modal-content #modal-configurator app-day-count-selector .control .icon-plus,
body.modal-open .modal-content #modal-configurator app-day-count-selector .control .icon-minus,
body.modal-open .modal-content #modal-configurator app-range-count-selector .control .icon-plus,
body.modal-open .modal-content #modal-configurator app-range-count-selector .control .icon-minus {
  margin-top: -1px;
}
@media (max-width: 600px) {
  body.modal-open .modal-content #modal-configurator app-day-count-selector .value,
  body.modal-open .modal-content #modal-configurator app-range-count-selector .value {
    font-size: 60px !important;
  }
  body.modal-open .modal-content #modal-configurator app-day-count-selector .control,
  body.modal-open .modal-content #modal-configurator app-range-count-selector .control {
    font-size: 36px !important;
  }
}
body.modal-open .modal-content #modal-configurator app-amount-input .enhancement-option {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
body.modal-open .modal-content #modal-configurator app-amount-input .enhancement-option .price-value-input {
  font-size: 3.2em;
}
@media (max-width: 600px) {
  body.modal-open .modal-content #modal-configurator app-amount-input .enhancement-option {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
  body.modal-open .modal-content #modal-configurator app-amount-input .enhancement-option .price-value-input {
    font-size: 2.6em;
  }
}
body.modal-open .modal-content #modal-configurator .close-modal .icon-close-large {
  position: relative;
  top: 2px;
}

/* Rates compare popup */
#rates-compare-wrapper {
  background: rgb(249, 248, 246);
  color: rgba(0, 0, 0, 0.5);
}
#rates-compare-wrapper ul li {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  font-size: 20px;
  border-bottom: 1px solid rgba(82, 82, 82, 0.3);
  color: rgba(0, 0, 0, 0.5);
  line-height: 45px;
}
#rates-compare-wrapper ul li h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
}
#rates-compare-wrapper ul li p.strike-price {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#rates-compare-wrapper ul li .icon-check {
  color: 16px !important;
}
#rates-compare-wrapper ul li .badge {
  background: rgb(197, 96, 44);
  color: rgb(255, 255, 255);
}
#rates-compare-wrapper .rate-button-wrapper button {
  display: inline-block;
  min-height: 36px;
  margin-top: 50px;
  background-color: transparent;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
#rates-compare-wrapper .rate-button-wrapper button span {
  vertical-align: middle;
  line-height: normal !important;
}
#rates-compare-wrapper .rate-button-wrapper button span span {
  display: block;
}
#rates-compare-wrapper .rate-button-wrapper button i {
  vertical-align: top;
  font-size: 75%;
}
#rates-compare-wrapper .rate-button-wrapper button:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
#rates-compare-wrapper .rate-button-wrapper button:hover {
  border-color: rgb(197, 96, 44);
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
}

#rates-compare-slides .rates-compare-slide:nth-child(odd) {
  background: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
}
#rates-compare-slides .rates-compare-slide:nth-child(even) {
  background: rgb(249, 248, 246);
  color: rgba(0, 0, 0, 0.5);
}

/* booking cancelation confirm modal */
.dark.modal-open .modal-content,
.light-dark.modal-open .modal-content {
  background: rgba(0, 0, 0, 0.9);
  /* maybe temporary solution as those colors should come from provided mixins */
}
.dark.modal-open .modal-content #close-modal-wrap button,
.light-dark.modal-open .modal-content #close-modal-wrap button {
  color: #fff;
}

.login-modal.modal-open .modal-content,
.gray-bg-modal.modal-open .modal-content,
body.modify-booking .modal-content,
body.allotments .modal-content,
body.corporate app-corporate-login {
  background: rgb(249, 248, 246);
}
.login-modal.modal-open .modal-content .close-modal,
.gray-bg-modal.modal-open .modal-content .close-modal,
body.modify-booking .modal-content .close-modal,
body.allotments .modal-content .close-modal,
body.corporate app-corporate-login .close-modal {
  background: rgb(197, 96, 44);
  color: rgb(255, 255, 255);
  text-shadow: 0 0 rgb(255, 255, 255);
}
.login-modal.modal-open .modal-content button[type=submit],
.login-modal.modal-open .modal-content input[type=submit],
.gray-bg-modal.modal-open .modal-content button[type=submit],
.gray-bg-modal.modal-open .modal-content input[type=submit],
body.modify-booking .modal-content button[type=submit],
body.modify-booking .modal-content input[type=submit],
body.allotments .modal-content button[type=submit],
body.allotments .modal-content input[type=submit],
body.corporate app-corporate-login button[type=submit],
body.corporate app-corporate-login input[type=submit] {
  background-color: transparent;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  font-size: 22px;
  font-weight: bold;
}
.login-modal.modal-open .modal-content button[type=submit]:focus,
.login-modal.modal-open .modal-content input[type=submit]:focus,
.gray-bg-modal.modal-open .modal-content button[type=submit]:focus,
.gray-bg-modal.modal-open .modal-content input[type=submit]:focus,
body.modify-booking .modal-content button[type=submit]:focus,
body.modify-booking .modal-content input[type=submit]:focus,
body.allotments .modal-content button[type=submit]:focus,
body.allotments .modal-content input[type=submit]:focus,
body.corporate app-corporate-login button[type=submit]:focus,
body.corporate app-corporate-login input[type=submit]:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  font-size: 22px;
  font-weight: bold;
}
.login-modal.modal-open .modal-content button[type=submit]:hover,
.login-modal.modal-open .modal-content input[type=submit]:hover,
.gray-bg-modal.modal-open .modal-content button[type=submit]:hover,
.gray-bg-modal.modal-open .modal-content input[type=submit]:hover,
body.modify-booking .modal-content button[type=submit]:hover,
body.modify-booking .modal-content input[type=submit]:hover,
body.allotments .modal-content button[type=submit]:hover,
body.allotments .modal-content input[type=submit]:hover,
body.corporate app-corporate-login button[type=submit]:hover,
body.corporate app-corporate-login input[type=submit]:hover {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  font-size: 22px;
  font-weight: bold;
}

.modal-content button[type=submit],
.modal-content input[type=submit] {
  background-color: transparent;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  font-size: 22px;
  font-weight: bold;
}
.modal-content button[type=submit]:focus,
.modal-content input[type=submit]:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  font-size: 22px;
  font-weight: bold;
}
.modal-content button[type=submit]:hover,
.modal-content input[type=submit]:hover {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  font-size: 22px;
  font-weight: bold;
}

.mobile-menu .modal-content {
  background: #000;
}

body.dark #close-modal-wrap {
  color: #fff;
}

/* Navbar */
.navbar-right {
  display: flex;
  align-items: baseline;
}
.navbar-right li {
  float: none;
}
.navbar-right > li > span {
  padding-top: 6px !important;
}

body.basket-visible header.navbar {
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

body.basket-visible .navbar.gradient-bg {
  background: rgb(255, 255, 255);
}
body.basket-visible .navbar.gradient-bg #bs-navbar a,
body.basket-visible .navbar.gradient-bg #bs-navbar input[type=text] {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
body.basket-visible .navbar.gradient-bg #bs-navbar input[type=text]::-webkit-input-placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
body.basket-visible .navbar.gradient-bg #bs-navbar input[type=text]::-moz-placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
body.basket-visible .navbar.gradient-bg #bs-navbar input[type=text]:-ms-input-placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
body.basket-visible .navbar.gradient-bg #bs-navbar input[type=text]::-ms-input-placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
body.basket-visible .navbar.gradient-bg #bs-navbar input[type=text]::placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
body.basket-visible .navbar.gradient-bg .navbar-nav.navbar-right .input-wrap:after,
body.basket-visible .navbar.gradient-bg .navbar-nav.navbar-right a:after,
body.basket-visible .navbar.gradient-bg .navbar-nav.navbar-left a.active:after {
  background-color: #fff;
}

body:not(.basket-visible) #bs-navbar a,
body:not(.basket-visible) #bs-navbar input[type=text] {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
}
body:not(.basket-visible) #bs-navbar input[type=text]::-webkit-input-placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
}
body:not(.basket-visible) #bs-navbar input[type=text]::-moz-placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
}
body:not(.basket-visible) #bs-navbar input[type=text]:-ms-input-placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
}
body:not(.basket-visible) #bs-navbar input[type=text]::-ms-input-placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
}
body:not(.basket-visible) #bs-navbar input[type=text]::placeholder {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
}
body:not(.basket-visible) .bs-docs-nav .navbar-nav.navbar-right .input-wrap:after,
body:not(.basket-visible) .bs-docs-nav .navbar-nav.navbar-right a:after,
body:not(.basket-visible) .bs-docs-nav .navbar-nav.navbar-left a.active:after {
  background-color: #fff;
}

/* Navbar end */
/* Name instead of hotel logo */
#name-instead-of-logo-wrap a {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}

/* Name of hotel instead logo in basketbar */
#basketbar-text-hotel-id {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
  font-size: 15px;
}

body:not(.basket-visible) #bs-navbar input[type=text].text-transform-none {
  text-transform: none;
}

/* Basket */
#basket-main-wrap {
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
#basket-main-wrap .basket-column {
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
}
@media (hover: hover) {
  #basket-main-wrap .basket-column:hover {
    background: rgb(245, 245, 245);
  }
}
@media (min-width: 600px) {
  #basket-main-wrap .basket-column.active {
    background: rgb(42, 46, 70);
  }
  #basket-main-wrap .basket-column.active .amount,
  #basket-main-wrap .basket-column.active .price-wrap-inner {
    font-family: "Jost";
    font-weight: 400;
    color: #FDFDFD;
    font-size: 62px;
    text-transform: none;
  }
  #basket-main-wrap .basket-column.active .order-value-text-wrap,
  #basket-main-wrap .basket-column.active .details,
  #basket-main-wrap .basket-column.active .amount-details-listing p {
    font-family: "Jost";
    font-weight: 400;
    color: #FDFDFD;
    font-size: 13px;
    text-transform: none;
  }
  #basket-main-wrap .basket-column.active .sumary-details-table,
  #basket-main-wrap .basket-column.active .details-table,
  #basket-main-wrap .basket-column.active .price-wrap-heading {
    font-family: "Jost";
    font-weight: 400;
    color: #FDFDFD;
    font-size: 13px;
    text-transform: none;
  }
  #basket-main-wrap .basket-column.active .labels-only-tablet p, #basket-main-wrap .basket-column.active .labels-only-tablet span {
    font-family: "Jost";
    font-weight: 400;
    color: #FDFDFD;
    font-size: 13px;
    text-transform: none;
  }
}
#basket-main-wrap .basket-column .amount-details-listing {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#basket-main-wrap .basket-column .amount,
#basket-main-wrap .basket-column .price-wrap-inner {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 62px;
  text-transform: none;
  display: inline-block;
  line-height: 1em;
  height: auto;
}
@media (min-width: 1280px) {
  #basket-main-wrap .basket-column .amount,
  #basket-main-wrap .basket-column .price-wrap-inner {
    line-height: 62px !important;
    height: 62px !important;
  }
}
#basket-main-wrap .basket-column .amount > span,
#basket-main-wrap .basket-column .price-wrap-inner > span {
  line-height: 1em;
  height: auto;
}
#basket-main-wrap .basket-column .amount > span #toggle-basket,
#basket-main-wrap .basket-column .price-wrap-inner > span #toggle-basket {
  line-height: 1em;
  height: auto;
}
@media (min-width: 1280px) {
  #basket-main-wrap .basket-column .amount > span,
  #basket-main-wrap .basket-column .price-wrap-inner > span {
    line-height: 62px !important;
    height: 62px !important;
  }
}
@media (max-width: 991px) {
  #basket-main-wrap .basket-column .amount span,
  #basket-main-wrap .basket-column .price-wrap-inner span {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 40px;
    text-transform: none;
  }
}
@media (min-width: 1280px) {
  #basket-main-wrap .basket-column .price-wrap-inner:not(.default-size) {
    line-height: 46px !important;
    height: 46px !important;
  }
  #basket-main-wrap .basket-column .price-wrap-inner:not(.default-size) > span {
    font-size: 46px !important;
    line-height: 46px !important;
    height: 46px !important;
  }
  #basket-main-wrap .basket-column .price-wrap-inner:not(.default-size) > span #toggle-basket {
    top: 4px !important;
  }
}
#basket-main-wrap .basket-column .basket-step-checked {
  background: rgb(197, 96, 44);
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 62px;
  text-transform: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  position: relative;
}
#basket-main-wrap .basket-column .basket-step-checked i {
  font-size: 8px;
  position: absolute;
  top: 10px;
  left: 8px;
  transform: translateX(-50%) translateY(-50%);
}
#basket-main-wrap .basket-column .details {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#basket-main-wrap .basket-column .sumary-details-table,
#basket-main-wrap .basket-column .details-table,
#basket-main-wrap .basket-column .price-wrap-heading {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#basket-main-wrap .basket-column .order-value-text-wrap {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#basket-main-wrap .basket-column .btn-edit {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}

#travel-option-wrap {
  display: flex;
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#travel-option-wrap a {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#travel-option-wrap .current-travel {
  background: rgb(42, 46, 70);
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
}
#travel-option-wrap .current-travel a {
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
}
#travel-option-wrap #travel-wrap {
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  height: 30px;
  border-left: 0;
  border-bottom: 0;
  border-top: 0;
}
#travel-option-wrap #travel-wrap > div:not(:first-child) {
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  border-right: 0;
  border-bottom: 0;
  border-top: 0;
}

/* Confirmation page Multiple Basket bar (travels-bar) */
app-travels-bar #travels-bar {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
}
app-travels-bar #travels-bar > .travel-column {
  border-color: rgb(229, 229, 229);
  border-width: 1px;
  border-style: solid;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
}
app-travels-bar #travels-bar > .travel-column:not(.active) {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
app-travels-bar #travels-bar > .travel-column.active {
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
  background: rgb(42, 46, 70);
}

/* Basket end */
/* Masthead */
#masthead-content .booking-number span {
  background: rgb(255, 255, 255);
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
}

#masthead-content h1 {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #FFFFFF;
  font-size: 40px;
  text-transform: none;
}
#masthead-content #person-select-wrap .btn.gradient-bg {
  background: transparent;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 11px;
  text-transform: uppercase;
}
#masthead-content #person-select-wrap .btn.gradient-bg i {
  font-size: 150%;
}
#masthead-content #guest-count {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 44px;
  text-transform: none;
}
#masthead-content #booking-code-wrap {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#masthead-content #masthead-select,
#masthead-content #booking-code-wrap {
  border-color: rgb(232, 232, 232);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
}
#masthead-content #masthead-select #col-booking-code {
  background-color: rgb(255, 255, 255);
}
#masthead-content #masthead-select #col-booking-code .icon-enter_booking_code-wrap {
  color: rgb(0, 0, 0) !important;
  text-shadow: 0 0 0 #000 !important;
  font-size: 8px !important;
}
#masthead-content #masthead-select #col-booking-code .icon-enter_booking_code-wrap i:before {
  font-weight: 700;
}
#masthead-content #booking-code-wrap {
  border-width: 1px 0 0 0;
}
#masthead-content #guests-config-wrap {
  /* Config buttons */
}
#masthead-content #guests-config-wrap #mobile-child-config-icon-warp {
  position: absolute;
  right: 15px;
  top: 34px;
  line-height: 10px;
}
#masthead-content #guests-config-wrap #mobile-child-config-icon-warp i {
  font-size: 16px;
}
#masthead-content #guests-config-wrap #accept-changes button {
  background: rgb(42, 46, 70);
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
  font-size: 18px;
}
#masthead-content #guests-config-wrap > div > ul {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 44px;
  text-transform: none;
}
#masthead-content #guests-config-wrap > div > ul > li {
  border-color: rgb(232, 232, 232);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  border-bottom: 0;
  font-size: 0.75em;
}
#masthead-content #guests-config-wrap > div > ul > li .input-wrap input {
  background: none;
  font-size: 1.25em;
  user-select: none;
  -webkit-text-fill-color: #000000;
}
#masthead-content #guests-config-wrap > div > ul > li .guest-age-info span:not(.first-child) {
  font-size: 16px;
}
#masthead-content #guests-config-wrap > div > ul > li:first-child {
  border-top: 0;
}
#masthead-content #guests-config-wrap > div .child-config-row {
  border-color: rgb(232, 232, 232);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
}
#masthead-content #guests-config-wrap .person-number-config-button button {
  border: 2px solid #000000;
  border-radius: 50%;
}
#masthead-content #guests-config-wrap .person-number-config-button button i {
  font-size: 36px;
  color: #000000;
}
#masthead-content #guests-config-wrap .person-number-config-button button:hover {
  background: #000000;
}
#masthead-content #guests-config-wrap .person-number-config-button button:hover i {
  color: #fff;
}
#masthead-content #guests-config-wrap .person-number-config-button div.not-available {
  font-weight: normal;
  font-size: 12px;
  background: #000;
  color: #fff;
}
#masthead-content #guests-config-wrap .person-number-config-button div.not-available:before {
  border-color: transparent transparent #000000 transparent;
}
#masthead-content #guests-config-toggle i:not(.glyphicon) {
  font-family: "HNS Line";
  font-weight: 400;
  color: #000000;
  font-size: 36px;
  text-transform: none;
}
#masthead-content #guests-config-toggle i.glyphicon {
  font-size: 15px;
}
#masthead-content .roomindex-select-wrap,
#masthead-content .current-roomindex-select-wrap {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  border-color: rgb(232, 232, 232);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  border-bottom: 0;
}
#masthead-content .delete-room-btn {
  color: rgb(0, 0, 0);
}

/* Masthead end*/
#masthead-select {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 44px;
  text-transform: none;
  font-size: 1.2rem;
  text-transform: none;
}
#masthead-select .form-field-row .form-group label.floating {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 44px;
  text-transform: none;
  font-size: 1.2rem;
  text-transform: none;
}
#masthead-select ng-select .ui-select-container span.ui-select-placeholder,
#masthead-select ng-select .ui-select-container span.ui-select-match-text {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 44px;
  text-transform: none;
  font-size: 1rem;
  text-transform: none;
}

@media (min-width: 600px) {
  #masthead-wrap .child-age {
    font-size: 1.5rem !important;
  }
  #masthead-wrap .child-age .ui-select-match-text {
    font-size: 1rem;
  }
}
.child-config-row + .child-config-row {
  border-top: 0 !important;
}

/* Buttons for selecting Hotel/Apartments */
#header-filter-selection {
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#header-filter-selection .text {
  font-size: 34px;
  padding: 0 10px;
  display: block;
}
#header-filter-selection .header-filter-selection-radio input {
  display: none;
}
#header-filter-selection .header-filter-selection-radio input + label {
  background: rgb(245, 245, 245);
  cursor: pointer;
  display: block;
  padding: 10px 20px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 24px;
  font-weight: normal;
  transition: all 0.3s;
  margin: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
@media (max-width: 420px) {
  #header-filter-selection .header-filter-selection-radio input + label {
    font-size: 16px;
  }
}
#header-filter-selection .header-filter-selection-radio input:checked + label {
  background: rgb(42, 46, 70);
  color: #fff;
  font-size: 34px;
}
@media (max-width: 420px) {
  #header-filter-selection .header-filter-selection-radio input:checked + label {
    font-size: 22px;
  }
}

.container-fluid .masthead-select-wrap #col-booking-code {
  background: rgb(255, 255, 255);
  box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
  box-shadow: none;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a {
  font-size: 0.5rem;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a i {
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 0 0 0 #000;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a i.icon-close {
  color: red;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a i.icon-check {
  color: #39e455;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap a i:before {
  font-weight: bold;
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap:after {
  background-color: rgba(0, 0, 0, 0.5);
}
.container-fluid .masthead-select-wrap #col-booking-code .input-wrap input {
  font-size: 13px;
}
.container-fluid .masthead-select-wrap > div > .row:last-child span i {
  font-size: 10px;
  margin-left: 4px;
}

.container-fluid .masthead-select-wrap .has-border-left {
  border-left: 1px solid #e8e8e8;
}

/* Sections */
.bg-light-grey {
  /* Temporary until proper mixin appears  */
  background: rgb(249, 248, 246);
  color: rgba(0, 0, 0, 0.5);
}
.bg-light-grey .slider-gradient-mask > div > div:last-child {
  background: rgb(249, 248, 246);
}

@media (min-width: 992px) {
  .bg-white,
  .alternate-color:not(.bg-light-grey) {
    background: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.5);
  }
  .bg-white .slider-gradient-mask > div > div:last-child,
  .alternate-color:not(.bg-light-grey) .slider-gradient-mask > div > div:last-child {
    background: rgb(255, 255, 255);
  }
}

.section-gradient:nth-child(even),
.corporate-section:nth-child(even) {
  background: rgb(249, 248, 246);
  color: rgba(0, 0, 0, 0.5);
}
.section-gradient:nth-child(even) h1,
.section-gradient:nth-child(even) h2,
.section-gradient:nth-child(even) h3,
.section-gradient:nth-child(even) h4,
.section-gradient:nth-child(even) h5,
.section-gradient:nth-child(even) h6,
.corporate-section:nth-child(even) h1,
.corporate-section:nth-child(even) h2,
.corporate-section:nth-child(even) h3,
.corporate-section:nth-child(even) h4,
.corporate-section:nth-child(even) h5,
.corporate-section:nth-child(even) h6 {
  color: rgba(0, 0, 0, 0.5);
}

.section-gradient:nth-child(odd),
.corporate-section:nth-child(odd) {
  background: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
}

h2 {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}

.bg-light-grey h2 {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}

/* Sections end */
/* Desktop preview (user guidance) */
.desktop-preview-wrap {
  background: rgb(255, 255, 255);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.desktop-preview-wrap button {
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase;
}
.desktop-preview-wrap button:hover, .desktop-preview-wrap button:active {
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase;
}
.desktop-preview-wrap h5 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.desktop-preview-wrap p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 21px;
}
.desktop-preview-wrap p.big {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
  font-size: 40px;
}
@media (min-width: 992px) {
  .desktop-preview-wrap p.big {
    margin-right: -50px;
  }
}
.desktop-preview-wrap p.big i.icon-slider-arrow-right {
  color: rgba(0, 0, 0, 0.7);
  font-size: 35px;
  bottom: 14px;
}
.desktop-preview-wrap p.big i.step-ready {
  font-size: 26px;
  bottom: 13px;
  margin-left: -10px;
}

#overscroll-progress-wrap {
  background: rgb(42, 46, 70);
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 19px;
  text-transform: none;
}

p.enhancement-csv > span:last-child:after,
p.desire-csv > span:last-child:after {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}

/* Fix for ie scrollbar X */
/* Fixed fonts in closed sections */
#section-1 .desktop-preview p.big,
#section-2 .desktop-preview p.big,
#section-3 .desktop-preview p.big {
  display: flex;
  align-items: center;
  justify-content: center;
}
#section-1 .desktop-preview p.big i.icon-slider-arrow-right,
#section-2 .desktop-preview p.big i.icon-slider-arrow-right,
#section-3 .desktop-preview p.big i.icon-slider-arrow-right {
  bottom: auto;
  font-size: 70%;
}
#section-1 .desktop-preview p.big i.step-ready,
#section-2 .desktop-preview p.big i.step-ready,
#section-3 .desktop-preview p.big i.step-ready {
  margin-left: 15px;
  bottom: auto;
}

.guests-in-rooms-wrap + .guests-in-rooms-wrap {
  margin-bottom: 50px;
}

p.enhancement-csv > span:last-child:after,
p.desire-csv > span:last-child:after {
  right: auto !important;
  bottom: auto !important;
  margin-left: 15px !important;
}

.blue-background-gradient {
  background: #5b6375;
}
.blue-background-gradient h2,
.blue-background-gradient .icon-close-large {
  color: #fff;
}

/* Calendar */
.cb-holder-item label,
.cb-holder-item a,
.cb-holder-item i {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  text-transform: none;
}
.cb-holder-item.active label,
.cb-holder-item.active a,
.cb-holder-item.active i {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 14px;
  text-transform: none;
}
.cb-holder-item.active label > span {
  text-decoration: underline;
}
.cb-holder-item .icon-filter {
  font-size: 0.65em !important;
}

/* Complex month select wrap*/
#complex-month-select-wrap {
  background: rgb(249, 247, 243);
}
#complex-month-select-wrap .triangle {
  border-color: transparent transparent rgb(249, 247, 243) transparent;
  /* NEED SPECIAL FIX IN PLUGIN !!!!!!!*/
}
#complex-month-select-wrap #month-name-wrap span {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 13px;
  text-transform: none;
}
#complex-month-select-wrap .close-me i {
  color: rgb(1, 1, 1);
}
#complex-month-select-wrap > div > div > div > div > div > div {
  background: rgb(197, 96, 44);
  opacity: 0.15;
}
#complex-month-select-wrap > div > div > div > div > div:after {
  background: rgb(197, 96, 44);
  opacity: 1;
}
#complex-month-select-wrap .opb5-tooltip > div {
  color: #fff;
  background-color: #a47b5b;
}
#complex-month-select-wrap .opb5-tooltip opb5-arrow-svg path {
  fill: #a47b5b;
}

/* Calendar filter */
opb-calendar-filters #filter-wrap {
  background: rgb(249, 247, 243);
}
opb-calendar-filters #filter-wrap .filter-label {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-calendar-filters #filter-wrap .triangle {
  border-color: transparent transparent rgb(249, 247, 243) transparent;
}
opb-calendar-filters #filter-wrap .close-me i {
  color: rgb(1, 1, 1);
}
opb-calendar-filters #filter-wrap opb-cb.calendar-filter label span {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-calendar-filters #filter-wrap .btn-filter-wrap button {
  background: rgb(42, 46, 70);
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
  font-size: 16px;
}

.calendar-day-cell .bg-wrap {
  border-color: rgb(238, 238, 238);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  box-shadow: 0 !important;
}
.calendar-day-cell > .restictions > span {
  font-size: 9px;
  color: #000 !important;
  background-color: #e1be23;
}
.calendar-day-cell > .restictions > span:nth-child(n+2) {
  background-color: #4b9be6;
}
.calendar-day-cell > .restictions > span span {
  color: #000 !important;
}
@media (hover: hover) {
  .calendar-day-cell:hover .bg-wrap {
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
    background: rgb(255, 255, 255);
  }
  .calendar-day-cell:hover .day {
    font-family: "Jost";
    font-weight: 400;
    color: #C5602C;
    font-size: 40px;
    text-transform: none;
  }
  .calendar-day-cell:hover span.info,
  .calendar-day-cell:hover .price,
  .calendar-day-cell:hover .day-short {
    font-family: "Jost";
    font-weight: 400;
    color: #C5602C;
    font-size: 13px;
    text-transform: none;
  }
}
.calendar-day-cell.maybe-selected:not(.bad-day):not(.bad-day-before):not(.selected) .bg-wrap {
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
}
.calendar-day-cell.maybe-selected:not(.bad-day):not(.bad-day-before):not(.selected) .day {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 40px;
  text-transform: none;
}
.calendar-day-cell.maybe-selected:not(.bad-day):not(.bad-day-before):not(.selected) span.info,
.calendar-day-cell.maybe-selected:not(.bad-day):not(.bad-day-before):not(.selected) .price,
.calendar-day-cell.maybe-selected:not(.bad-day):not(.bad-day-before):not(.selected) .day-short {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 13px;
  text-transform: none;
}
.calendar-day-cell .day {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 40px;
  text-transform: none;
}
.calendar-day-cell span.info,
.calendar-day-cell .price,
.calendar-day-cell .day-short {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  text-transform: none;
}
.calendar-day-cell .price .line-through:after {
  background-color: rgba(0, 0, 0, 0.5);
}
.calendar-day-cell .weather-info i {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  text-transform: none;
  font-size: 26px;
}
.calendar-day-cell .weather-info span {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  text-transform: none;
}
.calendar-day-cell .after-element {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 12px;
  text-transform: none;
  white-space: nowrap;
}
.calendar-day-cell .after-element i {
  font-size: 8px !important;
}
.calendar-day-cell.selected .bg-wrap {
  border-color: transparent;
  background: rgb(42, 46, 70);
  box-shadow: 0 !important;
}
.calendar-day-cell.selected .day {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 40px;
  text-transform: none;
}
.calendar-day-cell.selected span.info,
.calendar-day-cell.selected .price,
.calendar-day-cell.selected .day-short {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: none;
}
.calendar-day-cell.selected .weather-info i {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  text-transform: none;
  font-size: 26px;
}
.calendar-day-cell.selected .weather-info span {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  text-transform: none;
}
.calendar-day-cell .deselect-button {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(42, 46, 70) !important;
}
@media (max-width: 992px) {
  .calendar-day-cell .deselect-button {
    background: #fff;
  }
}
.calendar-day-cell .deselect-button .icon-close {
  color: rgb(42, 46, 70);
  font-size: 11px;
  top: 0;
  right: 0;
  position: relative;
}
@media (hover: hover) {
  .calendar-day-cell .deselect-button:hover {
    background: rgb(42, 46, 70);
  }
  .calendar-day-cell .deselect-button:hover .icon-close {
    color: rgb(255, 255, 255);
  }
}

.calendar-month-wrap h4 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}

opb-calendar #calendar-nav-icons a,
opb-calendar #calendar-nav-icons-mobile a {
  color: rgba(0, 0, 0, 0.5);
}
@media (hover: hover) {
  opb-calendar #calendar-nav-icons a:hover,
  opb-calendar #calendar-nav-icons-mobile a:hover {
    color: rgb(42, 46, 70);
  }
}

#opb-calendar + button {
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase;
}

#month-select-wrap span {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  text-transform: none;
}
#month-select-wrap span.active {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 14px;
  text-transform: none;
}

opb-calendar h2 .date-pick-wrap a {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}

/* Sticky days */
#sticky-days {
  background: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}
#sticky-days #days-wrap {
  border-color: rgb(238, 238, 238);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}

opb-calendar h2 .date-pick-wrap a {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}
opb-calendar h2 .date-pick-wrap:after {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-color: rgb(206, 206, 206);
  border-width: 1px;
  border-style: solid;
}

/* Inline radios */
opb-radio.simple.grey .custom-radio input[type=radio] + label,
opb-radio.simple.text-shadow .custom-radio input[type=radio] + label {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  font-size: 31px;
  text-transform: none;
}
opb-radio.simple.grey .custom-radio input[type=radio]:checked + label,
opb-radio.simple.text-shadow .custom-radio input[type=radio]:checked + label {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
  /* Section header switch */
}

opb-rooms-and-rates h2 opb-radio .custom-radio label:before,
opb-address-form h2 opb-radio .custom-radio label:before {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.alternate-color.bg-light-grey opb-radio.simple.grey .custom-radio input[type=radio]:checked + label,
.alternate-color.bg-light-grey opb-radio.simple.text-shadow .custom-radio input[type=radio]:checked + label {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}

/* radios */
opb-radio label {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}

/* Rooms */
opb-rooms .grid-items .grid-item > div,
opb-rooms .grid-items .list-item > div,
opb-rooms .list-items .grid-item > div,
opb-rooms .list-items .list-item > div {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
}
opb-rooms .grid-items .grid-item > div .item-content h3,
opb-rooms .grid-items .list-item > div .item-content h3,
opb-rooms .list-items .grid-item > div .item-content h3,
opb-rooms .list-items .list-item > div .item-content h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-rooms .grid-items .grid-item > div .item-content h3,
  opb-rooms .grid-items .list-item > div .item-content h3,
  opb-rooms .list-items .grid-item > div .item-content h3,
  opb-rooms .list-items .list-item > div .item-content h3 {
    font-size: 18px;
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    text-transform: none;
  }
}
opb-rooms .grid-items .grid-item > div .item-content .room-infos,
opb-rooms .grid-items .list-item > div .item-content .room-infos,
opb-rooms .list-items .grid-item > div .item-content .room-infos,
opb-rooms .list-items .list-item > div .item-content .room-infos {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-rooms .grid-items .grid-item > div .item-content .room-infos,
  opb-rooms .grid-items .list-item > div .item-content .room-infos,
  opb-rooms .list-items .grid-item > div .item-content .room-infos,
  opb-rooms .list-items .list-item > div .item-content .room-infos {
    font-family: "Jost";
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    text-transform: none;
  }
}
opb-rooms .grid-items .grid-item > div .item-content .room-infos i,
opb-rooms .grid-items .list-item > div .item-content .room-infos i,
opb-rooms .list-items .grid-item > div .item-content .room-infos i,
opb-rooms .list-items .list-item > div .item-content .room-infos i {
  font-size: 13px;
}
opb-rooms .grid-items .grid-item > div .btn-details button,
opb-rooms .grid-items .list-item > div .btn-details button,
opb-rooms .list-items .grid-item > div .btn-details button,
opb-rooms .list-items .list-item > div .btn-details button {
  background: transparent !important;
  color: rgb(197, 96, 44);
}
@media (max-width: 992px) {
  opb-rooms .grid-items .grid-item > div,
  opb-rooms .grid-items .list-item > div,
  opb-rooms .list-items .grid-item > div,
  opb-rooms .list-items .list-item > div {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
  }
}
opb-rooms .grid-items .list-item .same-height,
opb-rooms .list-items .list-item .same-height {
  border: 0;
}
opb-rooms .grid-items .cb-rooms-compare opb-cb label,
opb-rooms .list-items .cb-rooms-compare opb-cb label {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
}
opb-rooms .grid-items .btn-compare-now,
opb-rooms .list-items .btn-compare-now {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
}
opb-rooms .grid-items .details-btn-wrap,
opb-rooms .list-items .details-btn-wrap {
  color: #fff;
  color: #fff;
}
opb-rooms .grid-items .details-btn-wrap button,
opb-rooms .list-items .details-btn-wrap button {
  color: #fff;
}
opb-rooms .grid-items .details-btn-wrap button:hover,
opb-rooms .list-items .details-btn-wrap button:hover {
  color: #fff;
}
opb-rooms .room-lowest-price {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 29px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-rooms .room-lowest-price {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
}
opb-rooms .room-lowest-price span {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
opb-rooms .room-lowest-price span.additional-stuff {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-rooms .room-lowest-price span {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    text-transform: none;
  }
}
opb-rooms .room-details-btn-wrap button {
  background-color: transparent;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  border-width: 1px !important;
}
opb-rooms .room-details-btn-wrap button span {
  vertical-align: middle;
  line-height: normal !important;
}
opb-rooms .room-details-btn-wrap button span span {
  display: block;
}
opb-rooms .room-details-btn-wrap button i {
  vertical-align: top;
  font-size: 75%;
}
opb-rooms .room-details-btn-wrap button:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
opb-rooms .room-details-btn-wrap button:hover {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  /* THIS SHOULD COME FROM DESIGN */
}
opb-rooms .active .room-details-btn-wrap button {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  /* THIS SHOULD COME FROM DESIGN */
}
opb-rooms .same-height {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
@media (max-width: 992px) {
  opb-rooms .same-height {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-width: 0;
  }
}
@media (min-width: 992px) {
  opb-rooms .same-height {
    margin-bottom: 15px;
  }
}
@media (max-width: 992px) {
  opb-rooms .room-bottom-row .tiny-wrap .tiny {
    display: none !important;
  }
}
opb-rooms .room-bottom-row.row {
  margin: 0;
}
opb-rooms .room-bottom-row.row > div.has-breakpoints {
  padding-left: 0;
  padding-right: 0;
}
opb-rooms .highlight-wrap,
opb-rooms .tiny-wrap {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-rooms .highlight-wrap,
  opb-rooms .tiny-wrap {
    font-family: "Jost";
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    text-transform: none;
  }
}
opb-rooms .badge.suggestion {
  background: rgb(42, 46, 70);
}
opb-rooms .badge.hint {
  background: rgb(42, 46, 70);
}
opb-rooms #rooms-grid.grid .grid-items .grid-item > div > .triangle > div {
  border-color: rgb(255, 255, 255) transparent transparent transparent;
}
opb-rooms .room-config-wrap a {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}
opb-rooms .room-config-wrap a i {
  font-size: 50%;
  margin-left: 15px;
}

app-gallery-modal-content {
  color: #fff;
}

.package-teaser span a {
  color: rgba(0, 0, 0, 0.5);
}

.mobile-room-btn button {
  width: 100%;
  height: 32px;
  background-color: transparent;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
.mobile-room-btn button span {
  vertical-align: middle;
  line-height: normal !important;
}
.mobile-room-btn button span span {
  display: block;
}
.mobile-room-btn button i {
  vertical-align: top;
  font-size: 75%;
}
.mobile-room-btn button:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
.mobile-room-btn button:hover {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  /* THIS SHOULD COME FROM DESIGN */
}

@media (max-width: 992px) {
  .visible-section .mobile-step-checked {
    right: -1px;
  }
  .room-details-btn-wrap {
    margin: 0 !important;
  }
  .room-details-btn-wrap button {
    width: 100%;
    height: 32px;
    background-color: transparent;
    margin: 0 !important;
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
  .room-details-btn-wrap button span {
    vertical-align: middle;
    line-height: normal !important;
  }
  .room-details-btn-wrap button span span {
    display: block;
  }
  .room-details-btn-wrap button i {
    vertical-align: top;
    font-size: 75%;
  }
  .room-details-btn-wrap button:focus {
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
  .room-details-btn-wrap button:hover {
    border-color: rgb(197, 96, 44);
    border-width: 2px;
    border-style: solid;
    background: rgb(197, 96, 44);
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
    /* THIS SHOULD COME FROM DESIGN */
  }
}
.list-item > div .triangle > div {
  border-color: white transparent transparent transparent;
}

/* Rates */
opb-room-details .underdotted {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
}
opb-room-details .line-through {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
}
opb-room-details .line-through:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 5px;
  transform: rotate(-15deg);
  background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  opb-room-details .line-through:after {
    width: calc(100% - 8px);
  }
}
opb-room-details .room-infos span.read-more-dots {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
}
opb-room-details .room-infos span.read-more-dots a {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-room-details .room-details {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
}
opb-room-details .room-details h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
opb-room-details .room-details h3 > span > a {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-room-details .room-details .ps-content,
opb-room-details .room-details .rate-plan-row {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-room-details .room-details .ps-content .inactive,
opb-room-details .room-details .rate-plan-row .inactive {
  opacity: 0.3;
}
opb-room-details .room-details .ps-content .more-infos h4 {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
}
opb-room-details .room-details .ps-content a {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-room-details .room-details .rate-plan-row .select-button-wrap button {
  background: transparent;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  border-width: 1px !important;
}
opb-room-details .room-details .rate-plan-row .select-button-wrap button .mat-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
opb-room-details .room-details .rate-plan-row .select-button-wrap button i,
opb-room-details .room-details .rate-plan-row .select-button-wrap button span {
  display: block;
}
opb-room-details .room-details .rate-plan-row .select-button-wrap button i:not(.icon-add-to-cart) {
  font-size: 75%;
}
opb-room-details .room-details .rate-plan-row .select-button-wrap button:disabled {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
}
opb-room-details .room-details .rate-plan-row .select-button-wrap button:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
opb-room-details .room-details .rate-plan-row .select-button-wrap button:hover {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  /* THIS SHOULD COME FROM DESIGN */
}
opb-room-details .room-details .rate-plan-row .select-button-wrap a:hover {
  text-decoration: none;
}
opb-room-details .room-details .rate-plan-row.active {
  background: rgba(181, 164, 149, 0.05);
}
opb-room-details .room-details .rate-plan-row.active .select-button-wrap button {
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  /* THIS SHOULD COME FROM DESIGN */
}
opb-room-details .room-details .rate-plan-row.package-special {
  background: rgba(181, 164, 149, 0.05);
}
opb-room-details .room-details .price-wrap .price {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 29px;
  text-transform: none;
}
opb-room-details .room-details .bg-gradient-wrap {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(39, 39, 39, 0.08) 100%);
}
opb-room-details .room-details .rate-plan-row {
  position: relative;
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-width: 0 0 1px 0;
}
opb-room-details .room-details .rate-plan-row.active {
  /* Missing! */
}
opb-room-details .btn-close {
  background: rgb(255, 255, 255);
  transition: 0.15s ease all !important;
  box-shadow: 0 0 1px 1px rgb(197, 96, 44) !important;
}
opb-room-details .btn-close .icon-close {
  color: rgb(197, 96, 44);
  font-size: 13px;
  top: 0;
  right: 0;
  position: relative;
}
opb-room-details .btn-close:hover {
  background: rgb(197, 96, 44);
}
opb-room-details .btn-close:hover .icon-close {
  color: rgb(255, 255, 255);
}
opb-room-details .btn-show-gallery {
  color: rgb(197, 96, 44);
  background: rgb(255, 255, 255);
  font-size: 28px;
  position: relative;
  transition: 0.15s ease all !important;
  box-shadow: 0 0 1px 1px rgb(197, 96, 44) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
opb-room-details .btn-show-gallery:hover {
  background: rgb(197, 96, 44);
  color: rgb(255, 255, 255);
}
opb-room-details .btn-show-gallery i {
  position: relative;
  display: block;
  height: 28px;
  width: 28px;
}

/* Rates start */
#rates-rows-wrap .lines-helper li:first-child,
#rates-rows-wrap .rates-legend li:first-child {
  border: 0;
}
#rates-rows-wrap .lines-helper .rates-legend {
  margin-left: 5px !important;
}
#rates-rows-wrap .rates-legend {
  background: rgb(249, 248, 246);
}
#rates-rows-wrap .rates-legend li,
#rates-rows-wrap .rate-item li {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
#rates-rows-wrap .rate-item {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
  box-shadow: none;
}
#rates-rows-wrap .rate-item h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
#rates-rows-wrap .rate-item .badge {
  background: rgb(197, 96, 44);
  color: rgb(255, 255, 255);
}
#rates-rows-wrap .rate-item .info-wrap .price {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 29px;
  text-transform: none;
}
#rates-rows-wrap .rate-item .info-wrap .price span {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
#rates-rows-wrap .rate-item .info-wrap .price span.additional-stuff {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#rates-rows-wrap .room-details-btn-wrap button,
#rates-rows-wrap .info-wrap button {
  background-color: transparent;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
#rates-rows-wrap .room-details-btn-wrap button span,
#rates-rows-wrap .info-wrap button span {
  vertical-align: middle;
  line-height: normal !important;
}
#rates-rows-wrap .room-details-btn-wrap button span span,
#rates-rows-wrap .info-wrap button span span {
  display: block;
}
#rates-rows-wrap .room-details-btn-wrap button i,
#rates-rows-wrap .info-wrap button i {
  vertical-align: top;
  font-size: 75%;
}
#rates-rows-wrap .room-details-btn-wrap button:focus,
#rates-rows-wrap .info-wrap button:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
#rates-rows-wrap .room-details-btn-wrap button:hover,
#rates-rows-wrap .info-wrap button:hover {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  /* THIS SHOULD COME FROM DESIGN */
}

/* Rates end */
/* Rates section v2 */
opb-rates-v2 .rate-wrap-content {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
}
opb-rates-v2 .rate-wrap-content h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
opb-rates-v2 .rate-wrap-content .rate-details {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-rates-v2 .rate-wrap-content .rate-price {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
opb-rates-v2 .rate-wrap-content .rate-price .price {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 29px;
  text-transform: none;
}
opb-rates-v2 .rate-wrap-content .details-link {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}

/* Enhancements */
opb-enhancements .headline-right-btn-wrap button,
opb-enhancements-listview .headline-right-btn-wrap button {
  color: rgba(0, 0, 0, 0.5);
}
opb-enhancements .headline-right-btn-wrap button:before,
opb-enhancements-listview .headline-right-btn-wrap button:before {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
opb-enhancements .headline-right-btn-wrap button:hover,
opb-enhancements-listview .headline-right-btn-wrap button:hover {
  color: rgba(0, 0, 0, 0.5);
}
opb-enhancements .grid-item > div,
opb-enhancements .list-item > div,
opb-enhancements-listview .grid-item > div,
opb-enhancements-listview .list-item > div {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.18);
}
@media (max-width: 992px) {
  opb-enhancements .grid-item > div,
  opb-enhancements .list-item > div,
  opb-enhancements-listview .grid-item > div,
  opb-enhancements-listview .list-item > div {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
  }
}
opb-enhancements .item-content .price,
opb-enhancements-listview .item-content .price {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  opb-enhancements .item-content .price,
  opb-enhancements-listview .item-content .price {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
}
opb-enhancements .item-content .small,
opb-enhancements-listview .item-content .small {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-enhancements .item-content .small,
  opb-enhancements-listview .item-content .small {
    font-family: "Jost";
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 11px;
    text-transform: none;
  }
}
opb-enhancements .item-content .content,
opb-enhancements-listview .item-content .content {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-enhancements .item-content .content,
  opb-enhancements-listview .item-content .content {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 11px;
    text-transform: none;
  }
}
opb-enhancements .item-content .content .included,
opb-enhancements-listview .item-content .content .included {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
}
opb-enhancements .item-content .content .included i,
opb-enhancements-listview .item-content .content .included i {
  font-size: 85%;
}
@media (max-width: 992px) {
  opb-enhancements .item-content .content .included,
  opb-enhancements-listview .item-content .content .included {
    font-family: "Jost";
    font-weight: 400;
    color: #C5602C;
    font-size: 18px;
    text-transform: none;
    font-size: 14px;
  }
  opb-enhancements .item-content .content .included i,
  opb-enhancements-listview .item-content .content .included i {
    font-size: 60%;
  }
}
opb-enhancements .item-content .content .btn-show-more,
opb-enhancements .item-content .content .toggle-text-button,
opb-enhancements-listview .item-content .content .btn-show-more,
opb-enhancements-listview .item-content .content .toggle-text-button {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  text-decoration: underline;
}
@media (max-width: 992px) {
  opb-enhancements .item-content .content .btn-show-more,
  opb-enhancements .item-content .content .toggle-text-button,
  opb-enhancements-listview .item-content .content .btn-show-more,
  opb-enhancements-listview .item-content .content .toggle-text-button {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 11px;
    text-transform: none;
  }
}
opb-enhancements .item-content .bottom-line,
opb-enhancements-listview .item-content .bottom-line {
  border-color: rgb(213, 213, 213);
  border-width: 1px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
@media (max-width: 992px) {
  opb-enhancements .item-content .bottom-line,
  opb-enhancements-listview .item-content .bottom-line {
    border-color: rgb(230, 230, 230);
    border-width: 1px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
}
opb-enhancements .item-content .fake-cb label.cb-child,
opb-enhancements .item-content .fake-cb label.cb-child span,
opb-enhancements-listview .item-content .fake-cb label.cb-child,
opb-enhancements-listview .item-content .fake-cb label.cb-child span {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-enhancements .item-content .fake-cb label.cb-child,
  opb-enhancements .item-content .fake-cb label.cb-child span,
  opb-enhancements-listview .item-content .fake-cb label.cb-child,
  opb-enhancements-listview .item-content .fake-cb label.cb-child span {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    text-transform: none;
  }
}

opb-enhancements-listview .enhancment-content {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-enhancements-listview .enhancment-content a {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-enhancements-listview .enhancment-content h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
opb-enhancements-listview .item-content .included {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
}

#enhancements-wrap .cat-main-wrap .category-list-view-wrap {
  position: relative;
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 31px;
  text-transform: none;
}
#enhancements-wrap .cat-main-wrap .category-list-view-wrap span {
  position: relative;
}
#enhancements-wrap .cat-main-wrap .category-list-view-wrap:before {
  background: rgba(42, 46, 70, 0.65);
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.category-list-view-sticky-wrap {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
.category-list-view-sticky-wrap.border-bottom {
  background: rgb(255, 255, 255);
}
.category-list-view-sticky-wrap.border-bottom span:after {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-top: 0;
}

/* Enhancement radios */
opb-cb.simple .custom-select input[type=checkbox]:checked + label:after,
opb-radio .custom-radio input[type=radio]:checked + label:after {
  background: rgb(197, 96, 44);
  color: #fff;
}

opb-cb.simple .custom-select label:before,
opb-radio .custom-radio label:before {
  border-color: rgb(206, 206, 206);
  border-width: 1px;
  border-style: solid;
  color: transparent;
}

/* climate radio */
opb-radio.climate-radio input[type=radio]:checked + label:after {
  background: rgb(197, 96, 44);
}

opb-radio.climate-radio input[type=radio]:checked + label:before {
  display: none;
}

opb-radio.climate-radio label:before {
  background: #FFF;
  color: transparent;
  border: 0;
}

/* climate */
#climate-bg h2 {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #FFFFFF;
  font-size: 31px;
  text-transform: none;
}
#climate-bg .video-bg-wrap:after {
  background: rgba(42, 46, 70, 0.65);
  opacity: 1 !important;
}
#climate-bg opb-radio label span {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}
#climate-bg opb-radio + div p.small {
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
}

/* Notifications */
#notification-wrap {
  background: rgb(42, 46, 70);
}
#notification-wrap.bad {
  background: rgb(197, 96, 44);
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 23px;
  text-transform: none;
}
#notification-wrap.bad span {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 23px;
  text-transform: none;
}
@media (max-width: 992px) {
  #notification-wrap.bad span {
    font-size: 12px;
  }
}
#notification-wrap span {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 23px;
  text-transform: none;
}
@media (max-width: 992px) {
  #notification-wrap span {
    font-size: 12px;
  }
}
#notification-wrap > .notification-bg-wrap > .bad {
  background: rgb(197, 96, 44);
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 23px;
  text-transform: none;
}
#notification-wrap > .notification-bg-wrap > .bad span {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 23px;
  text-transform: none;
}
@media (max-width: 992px) {
  #notification-wrap > .notification-bg-wrap > .bad span {
    font-size: 12px;
  }
}
#notification-wrap > .notification-bg-wrap > .good {
  background: rgb(42, 46, 70);
}
#notification-wrap > .notification-bg-wrap > .good span {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 23px;
  text-transform: none;
}
@media (max-width: 992px) {
  #notification-wrap > .notification-bg-wrap > .good span {
    font-size: 12px;
  }
}

/* Wishes */
opb-cb.desires .custom-select,
opb-cb.giveaways .custom-select {
  overflow: hidden;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
opb-cb.desires .custom-select label,
opb-cb.giveaways .custom-select label {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 17px;
  text-transform: none;
  height: 100%;
}
opb-cb.desires .custom-select input[type=checkbox]:checked + label,
opb-cb.giveaways .custom-select input[type=checkbox]:checked + label {
  background: rgb(197, 96, 44);
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 17px;
  text-transform: none;
}
opb-cb.desires .custom-select.checked,
opb-cb.giveaways .custom-select.checked {
  background: rgb(197, 96, 44);
  border-color: transparent;
}

opb-cb.desires .custom-select, opb-cb.giveaways .custom-select {
  border-radius: 23px;
}
opb-cb.desires .custom-select input + label, opb-cb.giveaways .custom-select input + label {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 0;
  line-height: 1;
  padding: 9px 35px 7px 20px;
  cursor: pointer;
  background: transparent;
}
@media (min-width: 992px) {
  opb-cb.desires .custom-select input + label, opb-cb.giveaways .custom-select input + label {
    min-height: 47px;
    padding: 13px 35px 11px 20px;
  }
}
opb-cb.desires .custom-select input + label:after, opb-cb.desires .custom-select input + label:before, opb-cb.giveaways .custom-select input + label:after, opb-cb.giveaways .custom-select input + label:before {
  transition: 0.2s ease all;
  position: absolute;
  display: block;
  right: 15px;
  top: 50%;
  font-family: "verdana", sans-serif;
  font-size: 11px;
  opacity: 0;
  transform: scale(0) translateY(-50%);
  line-height: 1;
}
opb-cb.desires .custom-select input + label:before, opb-cb.giveaways .custom-select input + label:before {
  font-family: "opb-icons";
  content: "\e901";
  opacity: 1;
  transform: scale(1) translateY(-50%) rotate(45deg);
}
opb-cb.desires .custom-select input + label:after, opb-cb.giveaways .custom-select input + label:after {
  font-family: "opb-icons";
  content: "\e900";
  text-shadow: 1px 0px #fff;
}
opb-cb.desires .custom-select input:checked + label:before, opb-cb.giveaways .custom-select input:checked + label:before {
  opacity: 0;
}
opb-cb.desires .custom-select input:checked + label:after, opb-cb.giveaways .custom-select input:checked + label:after {
  opacity: 1;
  transform: scale(1) translateY(-50%);
}
@media (hover: hover) {
  opb-cb.desires .custom-select input:checked:hover + label:before, opb-cb.giveaways .custom-select input:checked:hover + label:before {
    opacity: 1;
    transform: scale(1) translateY(-50%) rotate(0);
  }
  opb-cb.desires .custom-select input:checked:hover + label:after, opb-cb.giveaways .custom-select input:checked:hover + label:after {
    opacity: 0;
    transform: scale(0) translateY(-50%);
  }
}
opb-cb.desires .custom-select input:not(:checked) + label:after, opb-cb.giveaways .custom-select input:not(:checked) + label:after {
  height: 22px;
}
@media (hover: hover) {
  opb-cb.desires .custom-select:hover input + label:before, opb-cb.giveaways .custom-select:hover input + label:before {
    opacity: 1;
    transform: scale(1) translateY(-50%) rotate(45deg);
  }
  opb-cb.desires .custom-select:hover input:not(:checked) + label, opb-cb.giveaways .custom-select:hover input:not(:checked) + label {
    background: rgba(0, 0, 0, 0.05);
  }
}

/* Payment */
opb-payment-method .facts-list {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 13px;
  text-transform: none;
  margin-top: 10px;
}
opb-payment-method .small {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  text-transform: none;
}
opb-payment-method opb-radio label {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}

/* Credit card form */
@media (min-width: 992px) {
  #credidcard-number-wrap {
    border-color: rgb(226, 226, 226);
    border-width: 1px;
    border-style: solid;
    background: rgb(255, 255, 255);
    border-top: 0;
    border-right: 0;
    border-left: 0;
  }
}

/* Booking wrap */
#booking-wrap {
  background: rgb(42, 46, 70);
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 19px;
  text-transform: none;
}
@media (max-width: 992px) {
  #booking-wrap {
    font-family: "Jost";
    font-weight: 400;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: none;
  }
}
#booking-wrap p.check-or-not-text a.cb-link {
  text-decoration: underline !important;
}
#booking-wrap a {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 19px;
  text-transform: none;
  text-decoration: underline;
}
@media (max-width: 992px) {
  #booking-wrap a {
    font-family: "Jost";
    font-weight: 400;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: none;
  }
}
#booking-wrap button {
  background: rgb(255, 255, 255);
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 27px;
  text-transform: uppercase;
}
#booking-wrap button:hover {
  color: #fff;
  box-shadow: 0px 0px 0px 1px #fff !important;
  background: #5b6375;
  background: -moz-linear-gradient(90deg, #5b6375 0%, #5b6375 100%);
  background: -webkit-linear-gradient(90deg, #5b6375 0%, #5b6375 100%);
  background: linear-gradient(90deg, #5b6375 0%, #5b6375 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c6f2a",endColorstr="#5b7d2f",GradientType=1);
}
@media (max-width: 992px) {
  #booking-wrap button {
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 16px;
    text-transform: uppercase;
  }
}
#booking-wrap .facts-list {
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
  line-height: 1.65em;
}
#booking-wrap .booking-footer,
#booking-wrap .booking-footer a {
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
}

#booking-wrap button[type=submit] {
  font-size: 14px;
}
@media (min-width: 375px) {
  #booking-wrap button[type=submit] {
    font-size: 16px;
  }
}
@media (min-width: 600px) {
  #booking-wrap button[type=submit] {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  #booking-wrap button[type=submit] {
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  #booking-wrap button[type=submit] {
    font-size: 26px;
  }
}
@media (min-width: 1750px) {
  #booking-wrap button[type=submit] {
    font-size: 32px;
  }
}

/* Footer */
.sticky-footer {
  background: rgb(249, 247, 243);
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  text-transform: none;
}
.sticky-footer a {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  text-transform: none;
}

.sticky-footer.fake {
  background: rgb(0, 0, 0);
}

@media (min-width: 992px) {
  .sticky-footer {
    background: rgb(0, 0, 0);
  }
  .sticky-footer > div a {
    font-family: "Jost";
    font-weight: 400;
    color: #838383;
    font-size: 13px;
    text-transform: none;
  }
  .sticky-footer > div ul li {
    font-family: "Jost";
    font-weight: 400;
    color: #838383;
    font-size: 13px;
    text-transform: none;
  }
}
/* Next step */
#next-step-overscroll > div #bg-wrap-overscroll-progress {
  background: rgb(197, 96, 44);
  border: none !important;
}

#next-step-overscroll > div #bg-wrap-overscroll-help {
  border: none !important;
  background-color: #000;
}

body.MS-Edge #next-step-overscroll > div #bg-wrap-overscroll-help,
body.IE #next-step-overscroll > div #bg-wrap-overscroll-help {
  background: rgb(197, 96, 44);
  transform: none !important;
}
body.MS-Edge #next-step-overscroll button,
body.IE #next-step-overscroll button {
  background: rgb(197, 96, 44);
}

/* Carousel buttons */
.flickity-button {
  background: rgb(255, 255, 255);
  color: rgb(197, 96, 44);
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  transition: 0.15s ease all !important;
  box-shadow: 0 0 1px 1px rgb(197, 96, 44) !important;
}
.flickity-button svg {
  display: none;
}
.flickity-button:hover {
  background: rgb(197, 96, 44);
  color: rgb(255, 255, 255);
}
.flickity-button:hover:after {
  color: rgb(255, 255, 255);
}
.flickity-button:after {
  content: "\e809";
  font-family: "opb-icons";
  display: block;
  color: rgb(197, 96, 44);
}
.flickity-button.previous:after {
  content: "\e810";
}
.flickity-button:disabled {
  opacity: 0;
}
.flickity-button:active {
  opacity: 1;
}

.room-details-carousel-wrap .flickity-button {
  width: 32px;
  height: 32px;
}
.room-details-carousel-wrap .flickity-button.next {
  right: 16px;
}
.room-details-carousel-wrap .flickity-button.previous {
  right: 70px;
  left: auto;
}

/* Global dropdowns */
dropdown:not(.dd-styled) .ul-wrap,
dropdown:not(.dd-styled) ul {
  background: rgb(42, 42, 42);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.6);
}
dropdown .ul-wrap li,
dropdown ul li {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
dropdown .ul-wrap li:hover, dropdown .ul-wrap li.active-element,
dropdown ul li:hover,
dropdown ul li.active-element {
  background: rgb(197, 96, 44);
}

/* Dropdown for filters */
.dd-styled .triangle {
  z-index: 10;
  border-color: transparent transparent rgb(42, 42, 42) transparent;
}
.dd-styled ul {
  border-radius: 8px;
  background: rgb(42, 42, 42);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.6);
}
.dd-styled ul li {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: none;
}
.dd-styled ul li:hover {
  background: rgb(197, 96, 44);
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: none;
}

body.not-rounded .dd-styled ul {
  border-radius: 0;
}

/* Please dont remove commented since this is an attemp to avoid another mixins
		  for address form by using the tooltips mixins */
opb-address-form ng-select .ui-select-container ul.dropdown-menu {
  background: rgb(42, 42, 42);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.6);
}
opb-address-form ng-select .ui-select-container ul.dropdown-menu li {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: none;
}
opb-address-form ng-select .ui-select-container ul.dropdown-menu li:hover {
  /* Please dont remove commented since this is an attemp to avoid another mixins
  for address form by using the tooltips mixins */
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: none;
}

.opb5-tooltip > div {
  background: rgb(42, 42, 42);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.6);
}
.opb5-tooltip > div p, .opb5-tooltip > div span, .opb5-tooltip > div a, .opb5-tooltip > div li {
  font-family: "Jost";
  font-weight: 400;
  color: #BABABA;
  font-size: 13px;
  text-transform: none;
}
.opb5-tooltip > div h4, .opb5-tooltip > div strong {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: none;
}

.opb5-tooltip opb5-arrow-svg path {
  fill: rgb(42, 42, 42);
}

.opb5-tooltip ul:not(.no-list-item-dots) li:before {
  background-color: #BABABA;
}

.my-tooltip {
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
  z-index: 302 !important;
}
.my-tooltip span,
.my-tooltip p {
  color: rgba(0, 0, 0, 0.5);
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.my-tooltip h3 {
  font-family: "Ogg Medium";
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
}
.my-tooltip .col-xs-3 span {
  opacity: 0.5;
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
.my-tooltip .col-xs-9 span {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
.my-tooltip .triangle > div {
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
}

/* tooltip left column constant opacity */
tooltip-content .row > div.col-xs-3 > span {
  opacity: 0.4;
}

.booking-details-section .order-list .opb5-tooltip div p {
  line-height: 1em;
}

/* Room compare old start */
.old-module {
  background: rgb(249, 248, 246);
  color: rgba(0, 0, 0, 0.5);
}
.old-module #rooms-rows-wrap > div ul.rooms-legend,
.old-module #rooms-compare-main > div ul.rooms-legend {
  box-shadow: 11px 0px 10px -9px rgba(0, 0, 0, 0.08);
  background: rgb(249, 248, 246);
}
.old-module #rooms-rows-wrap > div ul.rooms-legend:before,
.old-module #rooms-compare-main > div ul.rooms-legend:before {
  background: rgb(249, 248, 246);
}
.old-module #rooms-rows-wrap > div ul.rooms-legend li,
.old-module #rooms-compare-main > div ul.rooms-legend li {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .room-item ul li,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .room-item ul li {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
.old-module #rooms-rows-wrap > div li:not(:last-child):not(.dot),
.old-module #rooms-compare-main > div li:not(:last-child):not(.dot) {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}
.old-module #rooms-rows-wrap > div li .room-details-btn-wrap button,
.old-module #rooms-compare-main > div li .room-details-btn-wrap button {
  background-color: transparent;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
.old-module #rooms-rows-wrap > div li .room-details-btn-wrap button span,
.old-module #rooms-compare-main > div li .room-details-btn-wrap button span {
  vertical-align: middle;
  line-height: normal !important;
}
.old-module #rooms-rows-wrap > div li .room-details-btn-wrap button span span,
.old-module #rooms-compare-main > div li .room-details-btn-wrap button span span {
  display: block;
}
.old-module #rooms-rows-wrap > div li .room-details-btn-wrap button i,
.old-module #rooms-compare-main > div li .room-details-btn-wrap button i {
  vertical-align: top;
  font-size: 75%;
}
.old-module #rooms-rows-wrap > div li .room-details-btn-wrap button:focus,
.old-module #rooms-compare-main > div li .room-details-btn-wrap button:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
.old-module #rooms-rows-wrap > div li .room-details-btn-wrap button:hover,
.old-module #rooms-compare-main > div li .room-details-btn-wrap button:hover {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  /* THIS SHOULD COME FROM DESIGN */
}
.old-module #rooms-rows-wrap > div.lines-helper ul.rooms-legend li:not(:last-child):not(.dot):after,
.old-module #rooms-compare-main > div.lines-helper ul.rooms-legend li:not(:last-child):not(.dot):after {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .badge,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item .badge {
  position: relative;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .badge i,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item .badge i {
  font-size: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge {
  background: rgb(197, 96, 44);
  color: rgb(255, 255, 255) !important;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge:hover,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge:hover {
  background: rgb(255, 255, 255);
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge:hover span i,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item .room-image-wrap div button.badge:hover span i {
  color: rgb(255, 255, 255) !important;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item h3,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item ul li:first-child,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item ul li:first-child {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .info-wrap .price,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item .info-wrap .price {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 29px;
  text-transform: none;
}
.old-module #rooms-rows-wrap > div #rooms-carousel-wrap .carousel .room-item .info-wrap .price span,
.old-module #rooms-compare-main > div #rooms-carousel-wrap .carousel .room-item .info-wrap .price span {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}

/* Room compare old end */
/* New room compare */
#rooms-compare-wrapper {
  background: rgb(249, 248, 246);
  color: rgba(0, 0, 0, 0.5);
}
#rooms-compare-wrapper ul li {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  font-size: 20px;
  border-bottom: 1px solid rgba(82, 82, 82, 0.3);
  color: rgba(0, 0, 0, 0.5);
  line-height: 45px;
}
#rooms-compare-wrapper ul li h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
}
#rooms-compare-wrapper ul li p.strike-price {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#rooms-compare-wrapper ul li .icon-check {
  color: 16px !important;
}
#rooms-compare-wrapper ul li .badge {
  background: rgb(197, 96, 44);
  color: rgb(255, 255, 255);
}
#rooms-compare-wrapper .room-button-wrapper button {
  display: inline-block;
  min-height: 36px;
  margin-top: 50px;
  background-color: transparent;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
#rooms-compare-wrapper .room-button-wrapper button span {
  vertical-align: middle;
  line-height: normal !important;
}
#rooms-compare-wrapper .room-button-wrapper button span span {
  display: block;
}
#rooms-compare-wrapper .room-button-wrapper button i {
  vertical-align: top;
  font-size: 75%;
}
#rooms-compare-wrapper .room-button-wrapper button:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
#rooms-compare-wrapper .room-button-wrapper button:hover {
  border-color: rgb(197, 96, 44);
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
}

#rooms-carousel-wrap .flickity-slider .carousel-cell:nth-child(odd) {
  background: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
}
#rooms-carousel-wrap .flickity-slider .carousel-cell:nth-child(even) {
  background: rgb(249, 248, 246);
  color: rgba(0, 0, 0, 0.5);
}

/* room compare label */
.cb-rooms-compare .rooms-compare label {
  color: #fff !important;
}
.cb-rooms-compare .rooms-compare label:before {
  border-color: #fff !important;
}
.cb-rooms-compare .rooms-compare label span {
  color: #fff !important;
}

/* room compare check mark */
opb-rooms .grid-item > div:hover .simple .custom-select input[type=checkbox] + label:before {
  color: #fff !important;
  border-color: #fff !important;
}

/* room tile hover details button */
opb-rooms .grid-items .details-btn-wrap button {
  color: #fff !important;
}

opb-rooms .grid-items .btn-compare-now,
opb-rooms .list-items .btn-compare-now {
  color: #fff !important;
}

/* Location */
#confirmation-location-section {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  font-size: 16px;
}
#confirmation-location-section a {
  color: rgb(197, 96, 44);
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  font-size: 16px;
}
#confirmation-location-section h4 {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}

/* Packages page */
#category-wrap span {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 31px;
  text-transform: none;
}
#category-wrap .enhancement-cell-bg:not(.has-image):after {
  background: rgba(42, 46, 70, 0.65);
}

.arrangement {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
}
.arrangement h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
  color: #fff;
}
.arrangement a {
  color: #fff;
}

.package-content {
  background: rgb(42, 46, 70);
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 19px;
  text-transform: none;
}

#package-info-wrap {
  background: rgb(255, 255, 255);
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
#package-info-wrap a {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}

/* Package chat teaser */
app-package-teaser .chat-wrap .btn {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
app-package-teaser .chat-wrap .btn:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
app-package-teaser .chat-wrap .btn:hover {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  /* THIS SHOULD COME FROM DESIGN */
}

@media (min-width: 992px) {
  app-arrangements-overview #category-wrap .slider-gradient-mask.left > div > div:last-child {
    background: rgb(249, 248, 246);
  }
}
@media (min-width: 992px) {
  app-arrangements-overview #category-wrap .slider-gradient-mask.left > div > div:first-child {
    background: rgb(249, 248, 246);
  }
}
@media (min-width: 992px) {
  app-arrangements-overview #category-wrap .slider-gradient-mask.right > div > div:last-child {
    background: rgb(249, 248, 246);
  }
}
@media (min-width: 992px) {
  app-arrangements-overview #category-wrap .slider-gradient-mask.right > div > div:first-child {
    background: rgb(249, 248, 246);
  }
}

/* Additional nights */
.night:hover .gradient-fake-border,
.night.active .gradient-fake-border {
  background: rgb(42, 46, 70);
}
.night:hover ~ .night .gradient-fake-border,
.night.active ~ .night .gradient-fake-border {
  background: rgb(42, 46, 70);
}

.additional-nights .night:after {
  background: rgb(42, 46, 70);
}
.additional-nights .night .night-badage {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  text-transform: none;
}
.additional-nights .night .night-badage i {
  color: rgb(42, 46, 70);
  font-size: 0.6em;
}

.additional-nights-list li span.colored-active,
.additional-nights-list li .night-rate {
  color: rgb(42, 46, 70);
}
.additional-nights-list li .night-rate .remove-night:hover {
  color: rgb(42, 46, 70);
}

.night .gradient-fake-border {
  background: transparent;
}

.circle-night {
  border-color: rgb(238, 238, 238);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
}
.circle-night .date {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 40px;
  text-transform: none;
}
.circle-night .month-name,
.circle-night .rate,
.circle-night .info {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  text-transform: none;
}

.nights-current .night:after {
  background: #696969 !important;
}
.nights-current .night .gradient-fake-border,
.nights-current .night .circle-night {
  background: #696969 !important;
  color: #a5a5a5 !important;
  border: 0;
}
.nights-current .night .gradient-fake-border span,
.nights-current .night .circle-night span {
  color: #FFF;
}

.night.active .circle-night {
  border-color: rgb(238, 238, 238);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  border: 0;
}
.night.active .circle-night .date {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 40px;
  text-transform: none;
}
.night.active .circle-night .month-name,
.night.active .circle-night .rate,
.night.active .circle-night .info {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: none;
}
.night.active ~ .night .circle-night {
  border-color: rgb(238, 238, 238);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  border: 0;
}
.night.active ~ .night .circle-night .date {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 40px;
  text-transform: none;
}
.night.active ~ .night .circle-night .month-name,
.night.active ~ .night .circle-night .rate,
.night.active ~ .night .circle-night .info {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: none;
}

.additional-nights-list li {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: none;
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  font-size: 16px;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  color: rgba(0, 0, 0, 0.5);
}
.additional-nights-list li.active {
  color: rgba(0, 0, 0, 0.5);
}
.additional-nights-list li:last-child {
  border-bottom-width: 1px;
}
.additional-nights-list li .night-rate .remove-night {
  color: rgba(0, 0, 0, 0.3);
}

/* Confirmation page */
opb-booking-confirmation #confirmation-text-section {
  background: rgb(42, 46, 70);
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 19px;
  text-transform: none;
}
opb-booking-confirmation #confirmation-text-section h2 {
  color: #fff;
}
opb-booking-confirmation #confirmation-text-section #confirmation-icons a {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  color: #fff;
  line-height: 1;
}
opb-booking-confirmation #confirmation-text-section #confirmation-icons a i {
  font-size: 35px;
}
opb-booking-confirmation #confirmation-text-section #confirmation-icons .addeventatc {
  background: transparent;
}
opb-booking-confirmation #confirmation-text-section #confirmation-icons .addeventatc + span {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  line-height: 1;
  color: #fff;
}
opb-booking-confirmation .all-bookings-text {
  background: rgb(249, 248, 246);
}
opb-booking-confirmation h2.hotel-name a {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
  color: #fff;
}
opb-booking-confirmation .booking-number {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 37px;
  text-transform: none;
}
opb-booking-confirmation .booking-date {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
opb-booking-confirmation .booking-details-section {
  background: rgb(249, 248, 246);
}
@media (max-width: 992px) {
  opb-booking-confirmation .booking-details-section {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
  }
}
opb-booking-confirmation .section-gradient {
  font-size: 20px;
}
opb-booking-confirmation .check-in-info h5 {
  font-family: "Jost";
  font-weight: 400;
  color: #C5602C;
  font-size: 36px;
  text-transform: none;
}
opb-booking-confirmation .check-in-info h4,
opb-booking-confirmation .check-in-info p {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
  font-size: 16px;
}
opb-booking-confirmation .check-in-info .arrow-holder {
  color: rgb(197, 96, 44);
}
opb-booking-confirmation .check-in-info .arrow-holder > span {
  color: rgb(197, 96, 44) !important;
}
opb-booking-confirmation .room-details-text h4 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
opb-booking-confirmation .order-list .room-details-text h4:first-child, opb-booking-confirmation .order-list .photo-col h4:first-child {
  margin: 0;
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-booking-confirmation .order-list .room-details-text h4:first-child, opb-booking-confirmation .order-list .photo-col h4:first-child {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-transform: uppercase;
  }
}
opb-booking-confirmation .order-list .room-details-text h4:not(:first-child), opb-booking-confirmation .order-list .photo-col h4:not(:first-child) {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
opb-booking-confirmation .order-list .room-details-text .room-infos, opb-booking-confirmation .order-list .photo-col .room-infos {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-booking-confirmation .order-list .room-details-text .room-infos .room-information, opb-booking-confirmation .order-list .photo-col .room-infos .room-information {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-booking-confirmation .order-list .room-details-text .room-infos .room-information, opb-booking-confirmation .order-list .photo-col .room-infos .room-information {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
opb-booking-confirmation .order-list .room-details-text p.room-description, opb-booking-confirmation .order-list .room-details-text .price-col span, opb-booking-confirmation .order-list .room-details-text .price-details, opb-booking-confirmation .order-list .photo-col p.room-description, opb-booking-confirmation .order-list .photo-col .price-col span, opb-booking-confirmation .order-list .photo-col .price-details {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
opb-booking-confirmation .order-list .room-details-text p:not(.room-description), opb-booking-confirmation .order-list .photo-col p:not(.room-description) {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 25px;
  text-transform: none;
}
@media (max-width: 992px) {
  opb-booking-confirmation .order-list .room-details-text p:not(.room-description), opb-booking-confirmation .order-list .photo-col p:not(.room-description) {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  opb-booking-confirmation .order-list .room-details-text p:not(.room-description), opb-booking-confirmation .order-list .photo-col p:not(.room-description) {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  opb-booking-confirmation .order-list .room-details-text .price-details div, opb-booking-confirmation .order-list .room-details-text .price-col span, opb-booking-confirmation .order-list .photo-col .price-details div, opb-booking-confirmation .order-list .photo-col .price-col span {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  opb-booking-confirmation .order-list .photo-col h4 {
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 17px;
    text-transform: none;
  }
}
opb-booking-confirmation .confirmation-summary,
opb-booking-confirmation .additional-info {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  font-size: 20px;
}
opb-booking-confirmation .confirmation-summary h4,
opb-booking-confirmation .additional-info h4 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}
opb-booking-confirmation .confirmation-summary .font-bold,
opb-booking-confirmation .additional-info .font-bold {
  font-weight: bold;
}
opb-booking-confirmation .confirmation-summary .ordered-list .list-element {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
opb-booking-confirmation .color-box {
  background: rgb(197, 96, 44);
}
opb-booking-confirmation .color-box h4 {
  color: #fff;
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 30px;
  text-transform: none;
}
opb-booking-confirmation #confirmation-informations-section h4 {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
  font-size: 24px;
}
@media (max-width: 992px) {
  opb-booking-confirmation #confirmation-informations-section h4 {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    text-transform: none;
  }
}
opb-booking-confirmation #confirmation-informations-section h4 p {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
opb-booking-confirmation #confirmation-informations-section i {
  font-size: 40px;
  color: rgb(197, 96, 44);
}
opb-booking-confirmation #confirmation-faq-section .contact-links i {
  margin-right: 10px;
}
opb-booking-confirmation #confirmation-faq-section .contact-links a,
opb-booking-confirmation #confirmation-faq-section .contact-links i {
  color: rgb(197, 96, 44);
}
opb-booking-confirmation #confirmation-faq-section #confirmation-faq-questions .white-box {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}
opb-booking-confirmation #confirmation-faq-section #confirmation-faq-questions i {
  font-size: 20px;
}
opb-booking-confirmation #confirmation-faq-section #confirmation-faq-questions h4 {
  font-size: 0.85em;
}
opb-booking-confirmation #confirmation-faq-section #confirmation-faq-questions p {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  font-size: 20px;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button:after {
  border-color: rgb(206, 206, 206);
  border-width: 1px;
  border-style: solid;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button.active:after {
  background: rgb(197, 96, 44);
}
opb-booking-confirmation #confirmation-rating-section #feedback-input-wrap .feedback-group label {
  font-family: "Jost";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 19px;
  text-transform: none;
}
opb-booking-confirmation #confirmation-rating-section #feedback-input-wrap .feedback-group textarea {
  border-color: rgb(226, 226, 226);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}
opb-booking-confirmation #confirmation-rating-section #feedback-input-wrap .feedback-group textarea:active, opb-booking-confirmation #confirmation-rating-section #feedback-input-wrap .feedback-group textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}

.opb5-tooltip.wallet {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
  box-shadow: 0px -2px 25px rgba(115, 115, 115, 0.4);
  width: 300px;
}
.opb5-tooltip.wallet .add-input {
  color: #838383 !important;
}
.opb5-tooltip.wallet p.popover-heading {
  color: #000;
  font-size: 18px;
  margin-bottom: 30px !important;
  margin-top: 25px;
  font-weight: normal;
}
.opb5-tooltip.wallet .form-group-animation-wrapper {
  overflow: hidden;
}
.opb5-tooltip.wallet .form-group {
  position: relative;
  margin-bottom: 7px;
}
.opb5-tooltip.wallet .form-group .remove-input {
  background: none;
  border: 0;
  position: absolute;
  right: 3px;
  top: 2px;
  width: 15px;
  height: 15px;
  padding: 0;
  line-height: 15px;
  user-select: none;
}
.opb5-tooltip.wallet .form-group .remove-input i {
  width: 12px;
  height: 12px;
  font-size: 10px;
  line-height: 15px;
}
.opb5-tooltip.wallet .form-group .form-control {
  height: 54px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #e4e4e4;
  background: #f5f5f5;
  box-shadow: none;
}
.opb5-tooltip.wallet .form-group .form-select {
  border: 1px solid #e4e4e4;
  background: #f5f5f5;
}
.opb5-tooltip.wallet a.add-input {
  font-size: 12px;
}
.opb5-tooltip.wallet .submit-button-row {
  border-top: 1px solid #ebebeb;
  margin: 0 -10px;
  margin-top: 25px;
}
.opb5-tooltip.wallet .submit-button-row button {
  background: transparent;
  border: 0;
  font-size: 18px;
  color: #b0b0b0;
  height: 60px;
  width: 100%;
}
.opb5-tooltip.wallet .submit-button-row button.valid {
  color: rgb(197, 96, 44);
}
.opb5-tooltip.wallet .submit-button-row button i {
  font-size: 14px;
}
.opb5-tooltip.wallet .form-status {
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 67px;
  left: 0;
  right: 0;
}
.opb5-tooltip.wallet .form-status .success-message {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  font-size: 18px;
  color: #00e760;
}
.opb5-tooltip.wallet .form-status .success-message i {
  display: block;
  font-size: 26px;
  margin-bottom: 8px;
}
.opb5-tooltip.wallet .content-wrap > .text-center {
  position: relative;
}

/* Testeczek */
.opb5-tooltip.wallet .form-group .select-input .form-select span {
  line-height: auto !important;
  transform: none !important;
  position: relative !important;
  display: block !important;
  width: 100%;
  text-transform: none !important;
  display: flex !important;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.opb5-tooltip.wallet .form-group .select-input .form-select span,
.opb5-tooltip.wallet .form-group .select-input .form-select input {
  font-size: 14px !important;
  text-align: center;
  text-transform: none;
}
.opb5-tooltip.wallet .form-group .select-input .form-select span.ui-select-placeholder {
  opacity: 0.5;
}
.opb5-tooltip.wallet .form-group .select-input .form-select .ui-select-container ul.dropdown-menu {
  margin: 0;
}
.opb5-tooltip.wallet .form-group .select-input .form-select .ui-select-container ul.dropdown-menu li {
  height: auto !important;
}
.opb5-tooltip.wallet .form-group .select-input .form-select .ui-select-container ul.dropdown-menu li:last-child {
  border-bottom: 0px !important;
}
.opb5-tooltip.wallet .form-group .select-input .form-select .ui-select-container ul.dropdown-menu li a {
  line-height: 1 !important;
  font-size: 14px;
  padding: 10px 15px !important;
}

/* Angebotstyp hovering tooltip text color */
opb-booking-confirmation .order-list .room-details-text .opb5-tooltip.wallet p.room-infos {
  color: #fff;
}

@media (min-width: 992px) {
  opb-booking-confirmation .ordered-list .list-element {
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    padding-top: 13px;
    padding-bottom: 11px;
    padding-right: 10px;
    line-height: 1;
  }
}
/* Booking cancelation, modify */
app-cancel-booking .primary-color {
  color: rgb(197, 96, 44);
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-wrapper {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.18);
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-wrapper .room-details {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-wrapper .room-details h4 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-wrapper .room-details .guest-name {
  font-size: 20px;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-wrapper .room-details .guest-name .btn-small {
  font-size: 60%;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-wrapper .room-details .room-infos {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  font-size: 16px;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-wrapper .room-details .room-infos span {
  margin-right: 15px;
}
app-cancel-booking #cancellation-rooms-section #rooms-listing .room-wrapper .room-details .room-infos span:last-child {
  margin-right: 0;
}
app-cancel-booking #cancellation-payment-section .cc-number {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}
app-cancel-booking #cancellation-payment-section .summary-price {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}
app-cancel-booking #cancellation-payment-section .inline-button {
  font-size: 20px;
}

/* Corporate page */
.corporate-section {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
.corporate-section .corporate-list-header {
  font-size: 16px;
}
.corporate-section .corporate-list-body .corporate-list-element {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  font-size: 16px;
}
.corporate-section .corporate-list-body .corporate-list-element a {
  color: rgb(197, 96, 44);
}
.corporate-section .corporate-list-body .corporate-list-element .booking-number-col {
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}
.corporate-section .corporate-list-body .corporate-list-element .booking-number-col .guest-names {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}
.corporate-section .btn {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  font-size: 22px;
  font-weight: bold;
  background-color: transparent;
}
.corporate-section .btn:focus {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  font-size: 22px;
  font-weight: bold;
}
.corporate-section .btn:hover {
  border-color: rgb(197, 96, 44);
  border-width: 2px;
  border-style: solid;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  font-size: 22px;
  font-weight: bold;
}
.corporate-section .btn:disabled {
  opacity: 0.6;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  font-size: 22px;
  font-weight: bold;
  background-color: transparent;
}

/* Ratemonitor chat */
.chat-wrap .messages > div .message {
  background: rgb(42, 46, 70);
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
}

.chat-wrap .bubble {
  background: rgb(42, 46, 70);
  font-family: "Jost";
  font-weight: 400;
  color: #FDFDFD;
  font-size: 13px;
  text-transform: none;
}

.chat-wrap .messages > div .message .price-compare-wrap h4,
.chat-wrap .messages > div .message .price-compare-wrap .compare-list li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.chat-wrap .messages > div .message .price-compare-wrap .time-message {
  border-top: 1px solid rgba(0, 0, 0, 0.14);
}

/* Rate monitor */
app-rate-monitor,
app-booking-code-sticky {
  color: rgba(0, 0, 0, 0.5);
}
app-rate-monitor #rate-monitor-new,
app-rate-monitor #booking-code-sticky-wrapper,
app-booking-code-sticky #rate-monitor-new,
app-booking-code-sticky #booking-code-sticky-wrapper {
  background: rgb(255, 255, 255);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  /* Loader */
  /* lighten */
}
app-rate-monitor #rate-monitor-new #rate-monitor-trigger .icon-wrap i,
app-rate-monitor #rate-monitor-new #booking-code-sticky-trigger .icon-wrap i,
app-rate-monitor #booking-code-sticky-wrapper #rate-monitor-trigger .icon-wrap i,
app-rate-monitor #booking-code-sticky-wrapper #booking-code-sticky-trigger .icon-wrap i,
app-booking-code-sticky #rate-monitor-new #rate-monitor-trigger .icon-wrap i,
app-booking-code-sticky #rate-monitor-new #booking-code-sticky-trigger .icon-wrap i,
app-booking-code-sticky #booking-code-sticky-wrapper #rate-monitor-trigger .icon-wrap i,
app-booking-code-sticky #booking-code-sticky-wrapper #booking-code-sticky-trigger .icon-wrap i {
  color: #fff;
}
app-rate-monitor #rate-monitor-new .spinner > div,
app-rate-monitor #booking-code-sticky-wrapper .spinner > div,
app-booking-code-sticky #rate-monitor-new .spinner > div,
app-booking-code-sticky #booking-code-sticky-wrapper .spinner > div {
  background-color: rgba(0, 0, 0, 0.5);
}
app-rate-monitor #rate-monitor-new .extra-text,
app-rate-monitor #booking-code-sticky-wrapper .extra-text,
app-booking-code-sticky #rate-monitor-new .extra-text,
app-booking-code-sticky #booking-code-sticky-wrapper .extra-text {
  color: rgba(0, 0, 0, 0.5);
}
app-rate-monitor #rate-monitor-new #rate-monitor-trigger:after,
app-rate-monitor #rate-monitor-new #booking-code-sticky-trigger:after,
app-rate-monitor #booking-code-sticky-wrapper #rate-monitor-trigger:after,
app-rate-monitor #booking-code-sticky-wrapper #booking-code-sticky-trigger:after,
app-booking-code-sticky #rate-monitor-new #rate-monitor-trigger:after,
app-booking-code-sticky #rate-monitor-new #booking-code-sticky-trigger:after,
app-booking-code-sticky #booking-code-sticky-wrapper #rate-monitor-trigger:after,
app-booking-code-sticky #booking-code-sticky-wrapper #booking-code-sticky-trigger:after {
  border-color: #fcf7f4 transparent #fcf7f4 transparent;
}
app-rate-monitor #rate-monitor-new #rate-monitor-price,
app-rate-monitor #rate-monitor-new .booking-code-sticky-content,
app-rate-monitor #booking-code-sticky-wrapper #rate-monitor-price,
app-rate-monitor #booking-code-sticky-wrapper .booking-code-sticky-content,
app-booking-code-sticky #rate-monitor-new #rate-monitor-price,
app-booking-code-sticky #rate-monitor-new .booking-code-sticky-content,
app-booking-code-sticky #booking-code-sticky-wrapper #rate-monitor-price,
app-booking-code-sticky #booking-code-sticky-wrapper .booking-code-sticky-content {
  background: rgba(197, 96, 44, 0.05);
  color: rgba(0, 0, 0, 0.5);
}
app-rate-monitor #rate-monitor-new #rate-monitor-other-prices li:not(.our-price) .push-name,
app-rate-monitor #booking-code-sticky-wrapper #rate-monitor-other-prices li:not(.our-price) .push-name,
app-booking-code-sticky #rate-monitor-new #rate-monitor-other-prices li:not(.our-price) .push-name,
app-booking-code-sticky #booking-code-sticky-wrapper #rate-monitor-other-prices li:not(.our-price) .push-name {
  color: rgba(0, 0, 0, 0.7);
}

/* Booking summary */
#booking-summary-list-wrap .room-header,
#booking-summary-list-wrap .booking-footer,
#booking-summary-list-wrap .booking-header {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-left: 0;
  border-right: 0;
}
#booking-summary-list-wrap .booking-header {
  border-bottom: 0;
}
#booking-summary-list-wrap .room-header h4,
#booking-summary-list-wrap #order-value-wrap h4 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}
#booking-summary-list-wrap .booking-header h3 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 21px;
  text-transform: none;
}
#booking-summary-list-wrap .booking-footer,
#booking-summary-list-wrap .booking-header {
  background: rgba(255, 255, 255, 0.25);
}
#booking-summary-list-wrap .room-information i {
  font-size: 55%;
}
/* Booking engine Summary re-design */
opb-booking-summary .container h2 {
  text-align: center;
  font-family: "Ogg Medium";
  font-weight: 500;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}
opb-booking-summary .container .thin.has-commar {
  margin-right: 5px;
}
opb-booking-summary .container #booking-summary-list-wrap .booking-header {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}
opb-booking-summary .container #booking-summary-list-wrap .room-header .enhancement-row .thin {
  color: rgb(197, 96, 44);
}
opb-booking-summary .container #booking-summary-list-wrap .room-information .thin {
  color: rgb(197, 96, 44);
}
opb-booking-summary .container #booking-summary-list-wrap .booking-footer {
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 18px;
  text-transform: uppercase;
}
opb-booking-summary .container #booking-summary-list-wrap #order-value-wrap h4 {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}
opb-booking-summary .container #booking-summary-list-wrap #payment-summary-wrap {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  text-transform: none;
}

opb-booking-summary .container .room-header h4 > span.line-through:after {
  background-color: rgba(0, 0, 0, 0.5);
}

/* MOBILE STARTS HERE ! */
@media (max-width: 992px) {
  body {
    background: rgb(249, 247, 243);
  }
  body.mobile-menu.modal-open .modal-content {
    background-color: rgb(23, 23, 23);
  }
  .selects-wrap .select-wrap span {
    top: 15px !important;
  }
  h2 i {
    display: none;
  }
  .mobile-preview-wrap h2 i {
    display: block;
  }
  .basket-column.sum-price {
    border: 0 !important;
  }
  .basket-column.sum-price:active {
    background: transparent;
  }
  #available-rates {
    border-radius: 0px !important;
  }
  #basket-main-wrap .basket-column.mobile-menu-icon-wrap {
    color: rgba(0, 0, 0, 0.5);
  }
  #basket-main-wrap .basket-column.mobile-menu-icon-wrap .hamburger-inner,
  #basket-main-wrap .basket-column.mobile-menu-icon-wrap .hamburger-inner::before,
  #basket-main-wrap .basket-column.mobile-menu-icon-wrap .hamburger-inner::after {
    background: rgba(0, 0, 0, 0.5);
  }
  /* Masthead */
  /* Headers */
  /* Sections */
  /* Calendar */
  /* Room and rates? */
  /* Room details */
  /* Enhancements */
  /* Check icon in sections */
  /* Payment methods */
  /* ERV payments fix */
  /* Icons fixes */
  /* More new fixes */
}
@media (max-width: 992px) and (hover: hover) {
  #basket-main-wrap .basket-column.mobile-menu-icon-wrap:hover {
    background: rgb(197, 96, 44);
  }
}
@media (max-width: 992px) {
  body.mobile-view:not(.basket-visible):not(.mobile-menu):not(.packages) #basket-wrap .basket-column.mobile-menu-icon-wrap,
  body.mobile-view:not(.basket-visible):not(.mobile-menu):not(.packages) #basket-main-wrap .basket-column.mobile-menu-icon-wrap {
    background: transparent;
    color: #fff;
  }
  body.mobile-view:not(.basket-visible):not(.mobile-menu):not(.packages) #basket-wrap .basket-column.mobile-menu-icon-wrap .hamburger-inner,
  body.mobile-view:not(.basket-visible):not(.mobile-menu):not(.packages) #basket-wrap .basket-column.mobile-menu-icon-wrap .hamburger-inner::before,
  body.mobile-view:not(.basket-visible):not(.mobile-menu):not(.packages) #basket-wrap .basket-column.mobile-menu-icon-wrap .hamburger-inner::after,
  body.mobile-view:not(.basket-visible):not(.mobile-menu):not(.packages) #basket-main-wrap .basket-column.mobile-menu-icon-wrap .hamburger-inner,
  body.mobile-view:not(.basket-visible):not(.mobile-menu):not(.packages) #basket-main-wrap .basket-column.mobile-menu-icon-wrap .hamburger-inner::before,
  body.mobile-view:not(.basket-visible):not(.mobile-menu):not(.packages) #basket-main-wrap .basket-column.mobile-menu-icon-wrap .hamburger-inner::after {
    background: #fff;
  }
}
@media (max-width: 992px) {
  #address-form-fields-wrap .form-field-row {
    border: 0px;
    background: transparent !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #address-form-fields-wrap .form-field-row *[class*=col-] {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }
  #address-form-fields-wrap .form-field-row #slide-search-wrap {
    padding-top: 0 !important;
  }
}
@media (max-width: 992px) {
  .mobile-border-top {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
}
@media (max-width: 992px) {
  .btn-mobile-next-step {
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 17px;
    text-transform: uppercase;
    background: rgb(197, 96, 44);
  }
  .btn-mobile-next-step:focus {
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 17px;
    text-transform: uppercase;
  }
}
@media (max-width: 992px) and (hover: hover) {
  .btn-mobile-next-step:hover {
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 17px;
    text-transform: uppercase;
  }
}
@media (max-width: 992px) {
  .main-content-wrap,
  #section-5 {
    background: rgb(249, 247, 243);
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 992px) {
  .main-content-wrap opb-masthead .visible-section {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 992px) {
  .mobile-preview-section {
    background: transparent !important;
  }
}
@media (max-width: 992px) {
  #section-3 .active-section .on-mobile-rounded-bg-wrap {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    border-radius: 5px;
    overflow: hidden;
  }
}
@media (max-width: 992px) {
  #enhancements-wrap #category-wrap + .container {
    background: rgba(0, 0, 0, 0.01);
  }
  #enhancements-wrap #enhancement-list-items-wrap .list-item .item-content {
    padding-bottom: 1px !important;
  }
}
@media (max-width: 992px) {
  #enhancements-wrap .select-mobile-button {
    background-color: transparent;
    padding: 9px 12px 7px;
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
  #enhancements-wrap .select-mobile-button.active {
    border-color: rgb(197, 96, 44);
    border-width: 2px;
    border-style: solid;
    background: rgb(197, 96, 44);
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
  }
}
@media (max-width: 992px) and (hover: hover) {
  #enhancements-wrap .select-mobile-button:hover {
    border-color: rgb(197, 96, 44);
    border-width: 2px;
    border-style: solid;
    background: rgb(197, 96, 44);
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
  }
}
@media (max-width: 992px) {
  #masthead-content h1 {
    font-family: "Ogg Medium";
    font-weight: 500;
    color: #FFFFFF;
    font-size: 27px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  #masthead-select .mobile-step-description {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
  #masthead-select .mobile-step-description + h2 {
    font-family: "Ogg Medium";
    font-weight: 500;
    color: #000000;
    font-size: 21px;
    text-transform: none;
    text-align: left;
    margin-top: 10px;
  }
  #masthead-select .new-mobile-room {
    font-family: "Montserrat";
    font-weight: 600;
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    background: rgb(255, 255, 255);
  }
  #masthead-select #booking-code-wrap {
    background: rgb(255, 255, 255);
  }
  #masthead-select #booking-code-wrap span {
    font-family: "Montserrat";
    font-weight: 600;
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
  }
  #masthead-select #guests-config-wrap .person-number-config-button button {
    border: 2px solid #000000;
    border-radius: 50%;
  }
  #masthead-select #guests-config-wrap .person-number-config-button button i {
    font-size: 36px;
    color: #000000;
  }
}
@media (max-width: 992px) and (hover: hover) {
  #masthead-select #guests-config-wrap .person-number-config-button button:hover {
    background: #000000;
  }
  #masthead-select #guests-config-wrap .person-number-config-button button:hover i {
    color: #fff;
  }
}
@media (max-width: 992px) {
  .icon-person {
    font-family: "HNS Line";
    font-weight: 400;
    color: #000000;
    font-size: 34px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  #guests-config-wrap li > .row.mobile-child-config-row .guest-age-info span.first-child {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
  #guests-config-wrap li > .row.mobile-child-config-row .input-wrap input {
    background: transparent !important;
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  #guests-config-wrap {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
  }
  #guests-config-wrap .guest-age-info span.first-child {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    text-transform: none;
  }
  #guests-config-wrap .guest-age-info span.first-child + span {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
  #guests-config-wrap #mobile-child-config-icon-warp {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
  #guests-config-wrap .input-wrap input {
    background: transparent !important;
    font-family: "Jost";
    font-weight: 400;
    color: #C5602C;
    font-size: 46px;
    text-transform: none;
  }
  #guests-config-wrap ul li {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
  }
  #guests-config-wrap ul li:last-child {
    border-bottom-width: 0;
  }
  #guests-config-wrap .mobile-child-config-row {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    background: rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 992px) {
  .container-fluid .masthead-select-wrap .current-roomindex-select-wrap {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
  }
}
@media (max-width: 992px) {
  .container-fluid .main-wrap:first-child .roomindex-select-wrap,
  .container-fluid .main-wrap .current-roomindex-select-wrap {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
  }
  .container-fluid .main-wrap .roomindex-select-wrap {
    position: relative;
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    box-shadow: none;
  }
  .container-fluid .main-wrap .roomindex-select-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, 0.05) 100%);
  }
  .container-fluid .main-wrap .current-roomindex-select-wrap {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    box-shadow: none;
  }
}
@media (max-width: 992px) {
  app-masthead-room-options .main-wrap {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    font-family: "Montserrat";
    font-weight: 600;
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    background: transparent;
  }
  app-masthead-room-options .main-wrap .delete-room-btn {
    font-family: "Montserrat";
    font-weight: 600;
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
  }
}
@media (max-width: 992px) {
  .mobile-bottom-buttons,
  .btn-mobile-next-step-wrap {
    background: rgb(249, 247, 243);
  }
}
@media (max-width: 992px) {
  .container h2,
  .container-fluid h2,
  h2 {
    font-family: "Ogg Medium";
    font-weight: 500;
    color: #000000;
    font-size: 21px;
    text-transform: none;
    text-align: left;
    margin-top: 39px;
    margin-bottom: 26px;
  }
}
@media (max-width: 992px) {
  app-text-content-modal .container h1,
  app-text-content-modal .container h2 {
    font-family: "Ogg Medium";
    font-weight: 500;
    color: #000000;
    font-size: 21px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  .mobile-preview {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
  }
  .mobile-preview h2 {
    font-family: "Ogg Medium";
    font-weight: 500;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
  .mobile-preview h2.section-ready {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .mobile-selection-preview .big {
    font-family: "Ogg Medium";
    font-weight: 500;
    color: #000000;
    font-size: 21px;
    text-transform: none;
    line-height: 1;
  }
  .mobile-selection-preview p {
    line-height: 1;
  }
}
@media (max-width: 992px) {
  .mobile-step-description {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  #calendar-options h2.no-margin-bottom {
    margin-top: 10px !important;
  }
}
@media (max-width: 992px) {
  #mobile-loading-screen {
    background-color: rgb(255, 255, 255);
  }
  #mobile-loading-screen .lds-roller div:after {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  #section-2.bg-white .active-section #calendar-options {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    box-shadow: none !important;
  }
  #section-2.bg-white .active-section > div:last-child {
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    box-shadow: none !important;
  }
}
@media (max-width: 992px) {
  opb-calendar .calendar-month-wrap h4 {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
  opb-calendar #calendar-nav-icons-mobile .select-wrap {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
  opb-calendar .calendar-day-cell .bg-wrap {
    background: transparent;
    border-color: rgb(222, 221, 221);
    border-width: 1px;
    border-style: solid;
  }
  opb-calendar .calendar-day-cell .day {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    text-transform: none;
  }
  opb-calendar .calendar-day-cell .day-short,
  opb-calendar .calendar-day-cell .price,
  opb-calendar .calendar-day-cell .info span {
    font-family: "Jost";
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 9px;
    text-transform: none;
  }
  opb-calendar .calendar-day-cell.selected .bg-wrap {
    background: rgb(42, 46, 70);
  }
  opb-calendar .calendar-day-cell.selected .day {
    font-family: "Jost";
    font-weight: 400;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: none;
  }
  opb-calendar .calendar-day-cell.selected .day-short,
  opb-calendar .calendar-day-cell.selected .price,
  opb-calendar .calendar-day-cell.selected .info span {
    font-family: "Jost";
    font-weight: 400;
    color: #FFFFFF;
    font-size: 9px;
    text-transform: none;
  }
}
@media (max-width: 992px) and (hover: hover) {
  opb-calendar .calendar-day-cell:hover .bg-wrap {
    background: rgb(42, 46, 70);
  }
  opb-calendar .calendar-day-cell:hover .day {
    font-family: "Jost";
    font-weight: 400;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: none;
  }
  opb-calendar .calendar-day-cell:hover .day-short,
  opb-calendar .calendar-day-cell:hover .price,
  opb-calendar .calendar-day-cell:hover .info span {
    font-family: "Jost";
    font-weight: 400;
    color: #FFFFFF;
    font-size: 9px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  opb-rooms-and-rates .mobile-select-row {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
  }
  opb-rooms-and-rates .mobile-select-row > div:first-child {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
  }
}
@media (max-width: 992px) {
  opb-radio.as-background input:not(:checked) + label {
    font-family: "Montserrat";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    text-transform: uppercase;
  }
  opb-radio.as-background input:not(:checked) + label:before {
    background: black !important;
  }
  opb-radio.as-background input:checked + label {
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 17px;
    text-transform: uppercase;
  }
  opb-radio.as-background input:checked + label:before {
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
    background: rgb(197, 96, 44);
  }
}
@media (max-width: 992px) {
  app-room-detail-mobile-modal {
    /* Rates in modal */
  }
  app-room-detail-mobile-modal .mobile-room-details {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  app-room-detail-mobile-modal .carousel .flickity-page-dots {
    bottom: 5px;
  }
  app-room-detail-mobile-modal .mobile-room-details.scrollable .rates-wrap {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    font-family: "Jost";
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    text-transform: none;
  }
  app-room-detail-mobile-modal .mobile-room-details.scrollable .rates-wrap h3 {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    text-transform: none;
  }
  app-room-detail-mobile-modal .mobile-room-details.scrollable .rates-wrap .read-more-dots {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  }
  app-room-detail-mobile-modal .btn-default {
    background-color: transparent;
    padding: 9px 12px 7px;
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
  app-room-detail-mobile-modal .btn-default:focus {
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
}
@media (max-width: 992px) and (hover: hover) {
  app-room-detail-mobile-modal .btn-default:hover {
    border-color: rgb(197, 96, 44);
    border-width: 2px;
    border-style: solid;
    background: rgb(197, 96, 44);
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
  }
}
@media (max-width: 992px) {
  app-room-detail-mobile-modal .rate-plan-row {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
  }
  app-room-detail-mobile-modal .rate-plan-row h3 {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    text-transform: none;
  }
  app-room-detail-mobile-modal .rate-plan-row .price {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
  app-room-detail-mobile-modal .rate-plan-row .price-per-night,
  app-room-detail-mobile-modal .rate-plan-row .fact-list {
    font-family: "Jost";
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  #section-4 .active-section {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    border-radius: 5px;
  }
  #section-4 #enhancements-wrap opb-cb label {
    padding-top: 0 !important;
  }
  #section-4 #enhancements-wrap .content.bottom-line {
    padding-bottom: 15px;
  }
  #section-4 #enhancements-wrap .headline-wrap {
    padding-top: 4px;
  }
  #section-4 #enhancements-wrap .headline-wrap button {
    background-color: transparent;
    padding: 9px 12px 7px;
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
  #section-4 #enhancements-wrap .headline-wrap button:focus {
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
}
@media (max-width: 992px) and (hover: hover) {
  #section-4 #enhancements-wrap .headline-wrap button:hover {
    border-color: rgb(197, 96, 44);
    border-width: 2px;
    border-style: solid;
    background: rgb(197, 96, 44);
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
  }
}
@media (max-width: 992px) {
  #section-4 #enhancements-wrap .headline-wrap h3.mobile-step-headline {
    margin-top: 10px;
    margin-bottom: 12px;
    font-family: "Ogg Medium";
    font-weight: 500;
    color: #000000;
    font-size: 21px;
    text-transform: none;
    line-height: 1;
  }
}
@media (max-width: 992px) {
  #section-4 #enhancements-wrap .headline-wrap span.mobile-step-description {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 5px;
  }
}
@media (max-width: 992px) {
  #section-4 #enhancements-wrap .headline-wrap h2 {
    margin-top: 26px;
  }
}
@media (max-width: 992px) {
  #section-4 #enhancements-wrap .headline-wrap .col-xs-2:not(.mobile-section-icon) {
    padding-right: 9px;
  }
  #section-4 #enhancements-wrap .headline-wrap .col-xs-2:not(.mobile-section-icon) i.mobile-step-checked {
    top: 2px;
  }
}
@media (max-width: 992px) {
  #section-4 #category-wrap.enhancement-categories-wrap-mobile {
    background: rgba(0, 0, 0, 0.01);
  }
  #section-4 #category-wrap .container .carousel-cell {
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
  #section-4 #category-wrap .container .carousel-cell.is-selected {
    background: rgb(197, 96, 44);
  }
  #section-4 #category-wrap .container .carousel-cell.is-selected span {
    font-family: "Jost";
    font-weight: 400;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: none;
  }
  #section-4 #category-wrap .container .carousel-cell span {
    font-family: "Jost";
    font-weight: 400;
    color: #C5602C;
    font-size: 14px;
    text-transform: none;
  }
  #section-4 #category-wrap .container .flickity-page-dots .dot {
    background: rgb(197, 96, 44);
  }
}
@media (max-width: 992px) {
  #section-5 .alternate-color {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    border-radius: 5px;
  }
}
@media (max-width: 992px) {
  #climate-bg .video-bg-wrap video {
    display: none;
  }
}
@media (max-width: 992px) {
  .mobile-step-checked {
    background: rgb(225, 225, 225);
  }
  .mobile-step-checked.active {
    background: rgb(197, 96, 44);
  }
}
@media (max-width: 992px) {
  .payment-method-row {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
  }
  .payment-method-row .padding-wrap {
    padding: 0 !important;
  }
}
@media (max-width: 992px) {
  #creditcard-wrap {
    margin: 0 -10px !important;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  #creditcard-wrap {
    border-color: rgb(226, 226, 226);
    border-width: 1px;
    border-style: solid;
    background: rgb(255, 255, 255);
  }
}
@media (max-width: 992px) {
  #amazon-pay-login {
    margin-top: 15px !important;
  }
}
@media (max-width: 992px) {
  #erv-cc-form,
  #erv-sepa-form {
    padding-left: 0 !important;
  }
}
@media (max-width: 992px) {
  #erv-cc-form #credidcard-number-wrap {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
}
@media (max-width: 992px) {
  #erv-guest-names .adults-holder .col-sm-4:first-child {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    border-right: 0;
  }
  #erv-guest-names .adults-holder .form-field-row + .form-field-row {
    margin-top: -1px;
  }
}
@media (max-width: 992px) {
  #desire-input-wrap {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
  }
  #desire-input-wrap p {
    margin: 0 !important;
    font-size: 16px;
  }
  #desire-input-wrap textarea {
    padding: 16px 15px 15px !important;
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  #erv-sepa-form .row {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
}
@media (max-width: 992px) {
  .credit-card-form-wrap .form-field-row {
    border: 0;
  }
  .credit-card-form-wrap .form-field-row .no-border-left-mobile {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-bottom: none;
  }
  .credit-card-form-wrap .row {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-width: 1px 0 0 0;
  }
  .credit-card-form-wrap .col-xs-3 .form-group,
  .credit-card-form-wrap .col-xs-4 .form-group {
    border-color: rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
  }
}
@media (max-width: 992px) {
  .form-field-row > div.row > div {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}
@media (max-width: 992px) {
  #erv-accept-checkbox {
    margin-top: 25px !important;
  }
}
@media (max-width: 992px) {
  h2 > i {
    display: none;
  }
}
@media (max-width: 992px) {
  .mobile-section-icon h2 > i {
    display: block;
  }
}
@media (max-width: 992px) {
  opb-cb.simple .custom-select label,
  opb-payment-method opb-radio label {
    font-family: "Ogg Medium";
    font-weight: 500;
    color: #000000;
    font-size: 21px;
    text-transform: none;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  opb-booking-summary .container h2,
  #booking-summary-list-wrap .booking-header h3,
  opb-booking-summary .container #booking-summary-list-wrap #order-value-wrap h4 {
    font-family: "Ogg Medium";
    font-weight: 500;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  opb-booking-summary .container #booking-summary-list-wrap .room-information {
    font-size: 16px;
  }
}
app-room-detail-mobile-modal .read-more-dots > a.toggle-text-button,
app-room-detail-mobile-modal .read-less > a.toggle-text-button {
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 490px) and (max-width: 992px) {
  app-masthead-room-options .main-wrap,
  #section-2 {
    background: transparent;
    box-shadow: none;
  }
}
@media (max-width: 991px) {
  .container .payment-method-wrap #creditcard-wrap {
    border-color: rgb(226, 226, 226);
    border-width: 1px;
    border-style: solid;
    background: rgb(255, 255, 255);
  }
  #section-5 .active-section {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  /* If .bg-light-grey fails this is alternative solution */
  .bg-light-grey {
    background: rgb(249, 247, 243);
  }
  opb-desires .bg-light-grey {
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 6px 0px rgba(64, 64, 64, 0.25);
    box-shadow: none !important;
  }
  span.enhancement-wrap {
    display: inline-block;
  }
  .row.enhancement-row div.extras-selected-items > span {
    display: inline-block;
  }
}
.mobile-preview a.btn-change-mobile-section {
  font-family: "Jost";
  font-weight: 400;
  color: #000000;
  font-size: 11px;
  text-transform: none;
}

@media (max-width: 992px) {
  #section-5 {
    margin-bottom: 10px;
  }
  #section-5 .container h2 {
    display: flex;
  }
  #section-5 .container h2 > i {
    display: inline-block;
    padding-right: 10px;
    top: 0;
  }
  #section-5 .container h2 > i.icon-purse {
    padding-right: 15px;
  }
  #section-5 .container div.col-xs-8 {
    padding-left: 5px;
  }
  #section-5 .visible-section .mobile-step-checked {
    right: -6px;
  }
  #section-2 .active-section.visible-section .container .row.same-height-options > div.col-xs-8,
  #section-3 .active-section.visible-section .container .row.same-height-options > div.col-xs-8 {
    margin-top: 5px;
  }
  #section-2 .active-section.visible-section .container .row.same-height-options > div.mobile-section-icon h2 i,
  #section-3 .active-section.visible-section .container .row.same-height-options > div.mobile-section-icon h2 i {
    text-align: left;
  }
  .visible-section.active-section > .container {
    padding-left: 3px;
  }
  .visible-section.active-section .on-mobile-rounded-bg-wrap {
    border-radius: 5px;
  }
  .visible-section.active-section .on-mobile-rounded-bg-wrap > .container {
    padding-left: 3px;
  }
  #section-5 h2 {
    padding-bottom: 0;
  }
  #section-5 .alternate-color {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #section-5 .mobile-preview > div.col-xs-2:first-child {
    padding-left: 20px;
  }
  #section-5 .mobile-preview div.col-xs-8 {
    padding-left: 0;
  }
  #section-2 .visible-section.active-section,
  #section-3 .visible-section.active-section {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #section-1 .visible-section.active-section {
    margin-bottom: 10px;
  }
  #section-4 .visible-section.active-section {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #section-4 .visible-section.active-section .visible-section.active-section div.col-xs-8 {
    padding-left: 3px;
  }
  #payment-method-wrap .payment-method-row ul.facts-list {
    padding-left: 45px;
  }
  #payment-method-wrap .payment-method-row .no-facts p {
    padding: 0 0 0 45px;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  #payment-method-wrap .payment-method-row opb-radio .custom-radio label {
    display: flex;
  }
  #payment-method-wrap .payment-method-row opb-radio .custom-radio label:before {
    top: 21px;
  }
  #payment-method-wrap .payment-method-row opb-radio .custom-radio label:after {
    top: 21px;
  }
}
@media (max-width: 992px) {
  #enhancements-wrap .container .headline-wrap .row.same-height-options {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 992px) {
  .mobile-preview > div.col-xs-2:first-child {
    padding-left: 15px;
  }
  .mobile-preview div.col-xs-8 {
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  .container .row.same-height-options > div.mobile-section-icon h2 i {
    text-align: left;
  }
  .container .row.same-height-options > div.mobile-section-icon h2 i:before {
    margin-left: 19px;
  }
}
@media (max-width: 992px) {
  #enhancements-wrap .container .row.same-height-options > div.mobile-section-icon h2 i:before {
    margin-left: 0;
  }
  #enhancements-wrap .container .row.same-height-options div.col-xs-2 {
    padding-left: 20px;
  }
  #enhancements-wrap .container .row.same-height-options div.col-xs-8 {
    padding-left: 0;
  }
  #enhancements-wrap .headline-right-btn-wrap {
    position: relative;
    text-align: left;
  }
  #enhancements-wrap .headline-right-btn-wrap button.btn {
    left: 60px;
  }
}
@media (max-width: 992px) {
  #section-3 .container h2 {
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #section-3 .container .mobile-step-description + h2 {
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .mobile-preview > div.col-xs-2:first-child {
    min-width: 65px;
  }
}
@media (max-width: 992px) {
  .same-height-options {
    display: flex;
  }
  .same-height-options .col-xs-2.mobile-section-icon {
    min-width: 65px;
  }
}
@media (max-width: 992px) {
  .col-xs-offset-2 {
    margin-left: 65px;
  }
}
@media (max-width: 992px) {
  #booking-summary-list-wrap .booking-header .row h3 {
    margin-left: 10px;
  }
}
@media (max-width: 992px) {
  opb-address-form #form-wrap .row .col-md-12 > .row {
    display: flex;
  }
  opb-address-form #form-wrap .row .col-md-12 > .row > .col-xs-2:first-child {
    min-width: 66px;
  }
  opb-address-form #form-wrap .row .col-md-12 > .row .col-xs-8 h2 {
    padding-bottom: 0;
  }
  opb-address-form #form-wrap form {
    display: block;
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .mobile-preview > div.col-xs-2:first-child h2 i:before {
    margin: 0;
  }
}
@media (max-width: 992px) {
  #guests-config-wrap .guest-age-info span.dropdown-wrap i {
    font-size: 0.6875em;
  }
}
@media (max-width: 992px) and (max-width: 400px) {
  #guests-config-wrap .guest-age-info span.first-child {
    font-size: 1.2rem;
  }
}
@media (max-width: 992px) {
  #erv-stuff a.more-informations {
    padding: 13px 15px 1px 45px;
  }
}
@media (max-width: 992px) {
  .packages #content-wrap app-arrangements-overview .container .carousel-cell {
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
  .packages #content-wrap app-arrangements-overview .container .carousel-cell.is-selected {
    border-color: rgb(197, 96, 44);
    border-width: 2px;
    border-style: solid;
    background: rgb(197, 96, 44);
  }
  .packages #content-wrap app-arrangements-overview .container .carousel-cell.is-selected span {
    font-size: 18px !important;
    font-family: "Montserrat";
    font-weight: 600;
    color: #FFFFFF;
    font-size: 17px;
    text-transform: uppercase;
  }
  .packages #content-wrap app-arrangements-overview .container .carousel-cell span {
    font-size: 18px !important;
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 13px;
    text-transform: uppercase;
  }
  .packages #content-wrap app-arrangements-overview .container .flickity-page-dots .dot {
    background: rgb(197, 96, 44);
  }
}
@media (max-width: 380px) {
  #payment-wrap h2 .reg-headline {
    display: none;
  }
}
@media (min-width: 381px) {
  #payment-wrap h2 .spc-headline {
    display: none;
  }
}
@media (max-width: 992px) {
  opb-booking-confirmation app-travels-bar #travels-bar > .travel-column.summary {
    padding: 0 0 0 60px !important;
  }
  opb-booking-confirmation app-travels-bar #travels-bar > .travel-column.summary .price-wrapper {
    width: 100%;
    justify-content: space-around;
  }
  .confirmation-wrapper {
    padding: 0 10px;
    background-color: #f2f2f2;
  }
  .confirmation-wrapper .all-bookings-text {
    padding-top: 17px;
    padding-bottom: 16px;
    background-color: transparent;
  }
  .confirmation-wrapper .booking-details-section {
    box-shadow: 0 2px 6px 0 rgba(64, 64, 64, 0.26);
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .confirmation-wrapper .booking-details-section h2.small-margin {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 27px;
    text-transform: none;
  }
  .confirmation-wrapper .booking-details-section .booking-number {
    text-align: left;
  }
  .confirmation-wrapper .booking-details-section .booking-number p {
    font-size: 18px;
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    text-transform: none;
  }
  .confirmation-wrapper .booking-details-section .booking-date {
    text-align: left;
  }
  .confirmation-wrapper .booking-details-section .booking-date p {
    margin: 0;
    font-family: "Jost";
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    text-transform: none;
  }
  .confirmation-wrapper .booking-details-section .check-in-info {
    text-align: left;
  }
  .confirmation-wrapper .booking-details-section .check-in-info .arrow-holder {
    max-width: 130px;
    margin: 25px 0;
  }
  .confirmation-wrapper .booking-details-section .check-in-info .long-arrow {
    text-align: center;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .check-in-info .long-arrow {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .check-in-info .long-arrow i {
    transform: translateX(-20%);
    display: inline-block;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  .confirmation-wrapper .booking-details-section .check-in-info .long-arrow i {
    transform: none;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .check-in-info h4 {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .check-in-info h5 {
    font-family: "Jost";
    font-weight: 400;
    color: #C5602C;
    font-size: 17px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .check-in-info p {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .order-list .row .white-box .stretch-image.room-info-wrapper h4 {
    font-family: "Jost";
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    text-transform: uppercase;
  }
  .confirmation-wrapper .booking-details-section .order-list .row .white-box .stretch-image.room-info-wrapper .room-infos .room-information {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
  .confirmation-wrapper .booking-details-section .order-list .row .white-box .room-details-text h4 {
    font-family: "Jost";
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    text-transform: uppercase;
  }
  .confirmation-wrapper .booking-details-section .order-list .row .white-box .room-details-text p span {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper .booking-details-section .confirmation-summary .row {
    margin: 0;
  }
  .confirmation-wrapper .booking-details-section .confirmation-summary .row .white-box {
    padding: 0;
  }
  .confirmation-wrapper .booking-details-section .confirmation-summary .row:last-child {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 992px) {
  .confirmation-wrapper section {
    margin-bottom: 25px;
    box-shadow: 0 2px 6px 0 rgba(64, 64, 64, 0.26);
    border-radius: 5px;
  }
}
@media (max-width: 992px) {
  .booking-details-section .col-xs-1,
  .booking-details-section .col-sm-1,
  .booking-details-section .col-md-1,
  .booking-details-section .col-lg-1,
  .booking-details-section .col-xs-2,
  .booking-details-section .col-sm-2,
  .booking-details-section .col-md-2,
  .booking-details-section .col-lg-2,
  .booking-details-section .col-xs-3,
  .booking-details-section .col-sm-3,
  .booking-details-section .col-md-3,
  .booking-details-section .col-lg-3,
  .booking-details-section .col-xs-4,
  .booking-details-section .col-sm-4,
  .booking-details-section .col-md-4,
  .booking-details-section .col-lg-4,
  .booking-details-section .col-xs-5,
  .booking-details-section .col-sm-5,
  .booking-details-section .col-md-5,
  .booking-details-section .col-lg-5,
  .booking-details-section .col-xs-6,
  .booking-details-section .col-sm-6,
  .booking-details-section .col-md-6,
  .booking-details-section .col-lg-6,
  .booking-details-section .col-xs-7,
  .booking-details-section .col-sm-7,
  .booking-details-section .col-md-7,
  .booking-details-section .col-lg-7,
  .booking-details-section .col-xs-8,
  .booking-details-section .col-sm-8,
  .booking-details-section .col-md-8,
  .booking-details-section .col-lg-8,
  .booking-details-section .col-xs-9,
  .booking-details-section .col-sm-9,
  .booking-details-section .col-md-9,
  .booking-details-section .col-lg-9,
  .booking-details-section .col-xs-10,
  .booking-details-section .col-sm-10,
  .booking-details-section .col-md-10,
  .booking-details-section .col-lg-10,
  .booking-details-section .col-xs-11,
  .booking-details-section .col-sm-11,
  .booking-details-section .col-md-11,
  .booking-details-section .col-lg-11,
  .booking-details-section .col-xs-12,
  .booking-details-section .col-sm-12,
  .booking-details-section .col-md-12,
  .booking-details-section .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (max-width: 992px) {
  #confirmation-location-section {
    background: rgb(255, 255, 255);
    box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
    border-color: rgb(215, 215, 215);
    border-width: 1px;
    border-style: solid;
  }
  #confirmation-location-section .container {
    padding: 0 !important;
  }
  #confirmation-location-section .container .row {
    margin-left: 0;
    margin-right: 0;
  }
  #confirmation-location-section .container .col-md-12 {
    padding: 0;
  }
  #confirmation-location-section .container .col-md-12 .flex-horizontal-wrap {
    padding: 26px 20px;
  }
  #confirmation-location-section .container .col-md-12 .flex-horizontal-wrap .white-box {
    padding: 0;
    background: none;
  }
}
@media (max-width: 992px) {
  #confirmation-informations-section {
    background: rgb(255, 255, 255);
    box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
    border-color: rgb(215, 215, 215);
    border-width: 1px;
    border-style: solid;
  }
  #confirmation-informations-section .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
  #confirmation-informations-section h2 {
    text-align: left;
    padding-left: 20px;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  #confirmation-informations-section h2 {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
}
@media (max-width: 992px) and (max-width: 992px) and (max-width: 992px) {
  #confirmation-informations-section h2 {
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  #confirmation-informations-section p,
  #confirmation-informations-section h4 {
    text-align: left;
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  #confirmation-informations-section p,
  #confirmation-informations-section h4 {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  #confirmation-informations-section .half.text-center .icon-wrap {
    justify-content: left !important;
  }
}
@media (max-width: 992px) {
  #confirmation-faq-section {
    background: rgb(255, 255, 255);
    box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
    border-color: rgb(215, 215, 215);
    border-width: 1px;
    border-style: solid;
  }
  #confirmation-faq-section .col-md-12 {
    padding-left: 20px;
    padding-right: 20px;
  }
  #confirmation-faq-section h2 {
    text-align: left;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  #confirmation-faq-section h2 {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
}
@media (max-width: 992px) and (max-width: 992px) and (max-width: 992px) {
  #confirmation-faq-section h2 {
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  #confirmation-faq-section p {
    text-align: left;
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  #confirmation-faq-section p {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  #confirmation-faq-section .contact-links p {
    margin: 0;
  }
  #confirmation-faq-section .contact-links a {
    font-family: "Jost";
    font-weight: 400;
    color: #C5602C;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  #confirmation-rating-section {
    background: rgb(255, 255, 255);
    box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
    border-color: rgb(215, 215, 215);
    border-width: 1px;
    border-style: solid;
    margin: 0;
  }
  #confirmation-rating-section .container {
    padding-bottom: 0;
  }
  #confirmation-rating-section h2 {
    text-align: left;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  #confirmation-rating-section h2 {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
}
@media (max-width: 992px) and (max-width: 992px) and (max-width: 992px) {
  #confirmation-rating-section h2 {
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  #confirmation-rating-section p {
    text-align: left;
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  #confirmation-rating-section p {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  #confirmation-rating-section #confirmation-rating {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 46px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  #confirmation-rating-section .text-center button {
    width: 100%;
    min-width: calc(100% + 40px);
    height: 65px;
    margin-right: -20px;
    margin-left: -20px;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    font-size: 21px;
    border: 0;
    background-color: #5b6375;
    color: #fff;
    background: rgb(197, 96, 44);
  }
}
@media (max-width: 992px) {
  .order-list #total-paid .white-box.color-box {
    background-color: #5b6375;
    color: #fff;
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 46px;
    text-transform: none;
    padding: 20px;
    margin-right: -20px;
    margin-left: -20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 21px;
    line-height: 0.95;
  }
  .order-list #total-paid .white-box.color-box h4 {
    font-size: 21px;
  }
}
@media (max-width: 992px) {
  #confirmation-faq-questions .faq-section-header {
    text-align: left;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  #confirmation-faq-questions .faq-section-header {
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 21px;
    text-transform: none;
  }
}
@media (max-width: 992px) and (max-width: 992px) and (max-width: 992px) {
  #confirmation-faq-questions .faq-section-header {
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  #confirmation-faq-questions .question-header {
    margin-top: 0;
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 15px;
    text-transform: none;
  }
}
@media (max-width: 992px) {
  #confirmation-faq-questions i {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  #confirmation-faq-questions p {
    text-align: left;
    font-family: "Jost";
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: none;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  #confirmation-faq-questions p {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 992px) {
  .confirmation #confirmation-faq-section > .container > .row .col-md-12 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .confirmation #confirmation-faq-section #faq-text .col-md-12 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 992px) {
  #confirmation-faq-questions .white-box {
    padding: 15px 20px;
  }
}
@media (max-width: 992px) {
  #confirmation-rating-section .col-md-12 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 992px) {
  #feedback-input-wrap {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 992px) {
  .order-list .room-description .read-more-dots {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  }
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button {
  padding-bottom: 40px;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button.active .icon-check {
  display: block;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 6px;
  font-size: 16px;
  z-index: 1;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button.active .icon-check:before {
  margin-left: 0em;
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button.active:after {
  background: rgb(197, 96, 44);
}
opb-booking-confirmation #confirmation-rating-section #confirmation-rating button .icon-check {
  display: none;
}

@media (max-width: 992px) {
  #section-4 #enhancements-wrap #grid-wrap .btn.btn-radius {
    background-color: transparent;
    padding: 9px 12px 7px;
    font-family: "Montserrat";
    font-weight: 600;
    color: #C5602C;
    font-size: 13px;
    text-transform: uppercase;
    border-color: rgb(197, 96, 44);
    border-width: 1px;
    border-style: solid;
  }
}

@media (max-width: 992px) {
  ul#confirmation-icons li:first-child .opb5-tooltip.wallet > div {
    margin-left: 57px;
    width: 300px;
  }
}
#room-addon-wrap #button-wrap button {
  background-color: transparent;
  background: rgb(197, 96, 44);
  font-family: "Montserrat";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase;
}

#page-nav-status-wrap > .midnightHeader.white > div > div > div {
  color: #fff;
}

#page-nav-status-wrap > .midnightHeader.default > div > div > div {
  color: rgba(0, 0, 0, 0.5);
}

/* Cancelation chart*/
#free-cancellation-chart {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#free-cancellation-chart .middle-line {
  background: rgba(0, 0, 0, 0.1);
}
#free-cancellation-chart .bar {
  background: rgba(0, 0, 0, 0.1);
}
#free-cancellation-chart .chart-point {
  background: rgb(255, 255, 255);
}
#free-cancellation-chart .chart-tooltip {
  background: #000;
  color: #fff;
}
#free-cancellation-chart .chart-tooltip:after {
  border-color: transparent transparent #000000 transparent;
  margin-left: -7.5px;
}
#free-cancellation-chart .color-bar {
  background: rgb(42, 46, 70);
}
#free-cancellation-chart .label-free,
#free-cancellation-chart .label-paid,
#free-cancellation-chart .label-free {
  background: rgb(255, 255, 255);
}
#free-cancellation-chart .label-paid {
  background: rgb(255, 255, 255);
}

.bg-light-grey #free-cancellation-chart .chart-point {
  background: rgb(249, 248, 246);
}
.bg-light-grey #free-cancellation-chart .label-free,
.bg-light-grey #free-cancellation-chart .label-paid,
.bg-light-grey #free-cancellation-chart .label-free {
  background: rgb(249, 248, 246);
}
.bg-light-grey #free-cancellation-chart .label-paid {
  background: rgb(249, 248, 246);
}

app-cancel-booking-confirmation-content #confirm-cancellation-modal {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal button.disabled {
  color: grey;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-content {
  font-size: 1.3em;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-content strong {
  font-size: 1.8em;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row {
  padding: 0;
  margin: 0;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-6:first-child {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-width: 0;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-6 .btn-black-hover:hover {
  background: #ec4545;
  color: #fff;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-12:first-child {
  border-color: rgb(215, 215, 215);
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-width: 0;
}
app-cancel-booking-confirmation-content #confirm-cancellation-modal .cancellation-modal-controls .row .col-md-12 .btn-black-hover:hover {
  background: #ec4545;
  color: #fff;
}

app-text-content-modal #modal-content {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
  padding: 15px;
}

app-calendar-extended .date-pick-wrap ngb-datepicker {
  background-color: #000;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day {
  border-color: #4d4d4d;
  width: 2.5rem !important;
  height: 2.5rem !important;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > * {
  line-height: 2.5rem;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day.disabled:not(.hidden) > .custom-day {
  color: #777;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light {
  color: #fff;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.text-muted, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.text-muted {
  color: rgba(255, 255, 255, 0.5);
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.day-highlighted, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.bg-primary, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day:hover, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.day-highlighted, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.bg-primary, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light:hover {
  background-color: rgb(197, 96, 44);
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.range, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.range {
  background-color: rgb(197, 96, 44);
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .custom-day.faded, app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day > .btn-light.faded {
  background-color: #5d2d15;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-day:not(.hidden) + .hidden {
  border-color: #4d4d4d !important;
}
app-calendar-extended .date-pick-wrap ngb-datepicker .ngb-dp-weekday {
  width: 2.5rem !important;
  height: 2.5rem !important;
  line-height: 2.5rem !important;
}

.booking-code-notification {
  background: linear-gradient(to right, rgb(197, 96, 44) -30%, rgb(197, 96, 44) 130%);
}
.booking-code-notification span {
  color: #fff;
}
.booking-code-notification .triangle {
  border-color: transparent transparent rgb(197, 96, 44) transparent;
}

.navbar-nav .show-close-icon {
  color: #fff;
}

body.basket-visible .navbar-right a i.icon-check {
  color: #fff !important;
}
body:not(.basket-visible) .navbar-right a i.icon-check {
  color: #fff !important;
}

#col-booking-code .icon-check {
  color: rgba(0, 0, 0, 0.5) !important;
}

#alerts-wrapper {
  background: rgb(0, 0, 0);
}
#alerts-wrapper .alert-message,
#alerts-wrapper .close-alert,
#alerts-wrapper .alert-message a {
  font-family: "Jost";
  font-weight: 400;
  color: #FFFFFF;
  font-size: 23px;
  text-transform: none;
}

app-cross-selling .chat-wrap .message-buttons .message-button.active button {
  background: rgb(42, 46, 70);
  color: #fff;
}
app-cross-selling .chat-wrap .message-buttons .message-button button {
  background-color: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(101, 101, 101, 0.5) !important;
  color: #1c65ff;
}
app-cross-selling .chat-wrap .alternative-period-select {
  background: #ffffff;
  color: #000;
}
app-cross-selling .chat-wrap .alternative-period-select .ap-dates > div {
  color: #000;
}
app-cross-selling .chat-wrap .alternative-period-select .ap-dates .ap-nights {
  color: #838383;
}
app-cross-selling .chat-wrap .alternative-period-select .ap-dates .arrow {
  background: #838383;
}
app-cross-selling .chat-wrap .alternative-period-select .ap-dates .arrow + i {
  color: #838383;
}
app-cross-selling .chat-wrap .alternative-period-select .ap-dates .arrow:before, app-cross-selling .chat-wrap .alternative-period-select .ap-dates .arrow:after {
  background: #000;
}
app-cross-selling .chat-wrap .alternative-period-select .ap-arrow {
  background: #e3e3e3;
  color: #000;
}
app-cross-selling .chat-wrap .alternative-period-select .ap-arrow.inactive {
  color: #b1b1b1;
}
app-cross-selling .chat-wrap .ap-button {
  border-top: 1px solid #dadada;
  background: transparent;
}
app-cross-selling .chat-wrap .ap-button.no-border-top {
  text-align: center;
  margin-top: 15px;
  padding-top: 15px;
}
app-cross-selling .chat-wrap .ap-button.no-border-top .btn {
  display: inline-block;
}
app-cross-selling .chat-wrap .ap-button .btn {
  background-color: transparent;
  font-family: "Montserrat";
  font-weight: 600;
  color: #C5602C;
  font-size: 13px;
  text-transform: uppercase;
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
}
app-cross-selling .chat-wrap .message-animation-wrap:last-child .btn {
  color: #fff;
  border-color: #fff;
}

.cross-selling-map-popup .leaflet-popup-content-wrapper {
  border-radius: 10px !important;
  background: linear-gradient(to bottom, rgb(47, 47, 47) 0%, rgb(31, 31, 31) 100%);
  min-width: 300px;
}
.cross-selling-map-popup .leaflet-popup-content-wrapper,
.cross-selling-map-popup .leaflet-popup-tip {
  background: rgb(31, 31, 31);
}
.cross-selling-map-popup .cs-map-hotel-picture {
  width: 105px;
  height: 105px;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.4);
}
.cross-selling-map-popup .cs-map-logo {
  margin-top: 45px;
}
.cross-selling-map-popup .cs-map-logo img {
  max-width: 120px;
}
.cross-selling-map-popup .btn {
  margin: 20px 0;
}
.cross-selling-map-popup .cs-map-details {
  text-align: left;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 0;
  border-right: 0;
  padding: 15px 0;
  margin-top: 20px;
  font-size: 13px;
}
.cross-selling-map-popup .cs-map-details p {
  margin: 0;
  margin-bottom: 5px;
}
.cross-selling-map-popup .cs-map-details p:last-child {
  margin-bottom: 0;
}

.cross-selling-marker {
  border-radius: 50%;
  background: linear-gradient(to bottom, rgb(47, 47, 47) 0%, rgb(31, 31, 31) 100%);
  border: 3px solid rgb(197, 96, 44);
}

/* main mobile menu */
app-mobile-menu-content .nav-items > ul.mobile-navigation li span {
  font-family: "Jost", sans-serif !important;
}

div.day-messages-handle:hover div.day-messages-dot {
  background: #5b6375;
}
div.day-messages-handle div.day-messages-dot {
  background: rgba(0, 0, 0, 0.5);
}
div.day-messages-handle .day-messages-tooltip {
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
}
div.day-messages-handle .day-messages-tooltip .day-messages-body .day-messages-body-header {
  font-family: "Ogg Medium";
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
div.day-messages-handle .day-messages-tooltip .day-messages-body .day-messages-body-entry {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}
div.day-messages-handle .day-messages-tooltip .day-messages-point {
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
  box-shadow: unset !important;
}
div.day-messages-handle .day-messages-tooltip .day-messages-point .point-border-cover {
  border-color: rgb(197, 96, 44);
  border-width: 1px;
  border-style: solid;
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 12px 0px rgba(184, 184, 184, 0.25);
  border: unset !important;
  box-shadow: unset !important;
}

#masthead-content #guests-config-wrap .person-number-config-button button:hover i {
  color: #191919;
}

#masthead-content #person-select-wrap .btn.gradient-bg {
  color: #fff;
}

#basket-main-wrap .basket-column.active .basket-step-checked {
  background: #fff;
  color: #b42354;
}

#google-maps-holder svg path {
  fill: rgb(23, 30, 47);
}

@media (max-width: 992px) {
  #booking-wrap button {
    color: #fff;
    box-shadow: 0px 0px 0px 1px #fff !important;
    background: #5b6375;
    background: -moz-linear-gradient(90deg, #5b6375 0%, #5b6375 100%);
    background: -webkit-linear-gradient(90deg, #5b6375 0%, #5b6375 100%);
    background: linear-gradient(90deg, #5b6375 0%, #5b6375 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c6f2a",endColorstr="#5b7d2f",GradientType=1);
  }
}
@media (max-width: 992px) {
  #masthead-select #guests-config-wrap .person-number-config-button button:not(.disabled) {
    border: 2px solid #b42354;
    color: #b42354;
  }
  #masthead-select #guests-config-wrap .person-number-config-button button:not(.disabled) i {
    color: #b42354;
  }
}

/*# sourceMappingURL=hotel-topazz-lamee.css.map */