html, body {
  font-family: Roboto, sans-serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: Roboto, sans-serif;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #eb6032;
}
.custom-control-input:active ~ .custom-control-label::before {
  background-color: #eb6032;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #eb6032;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #eb6032;
}
/* Styling
*/
.noUi-target {
  background: #FFFFFF;
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0.15);
}
.noUi-connect {
  background: #E94E1B;
  background: linear-gradient(to bottom right, #f29678 0%, #eb6032 100%);
}
/* Handle stripes
*/
.noUi-handle:after {
  background-color: #bf3d12;
}
/* Vertical layout
*/
.noUi-tooltip {
  color: #4b4b4b;
}
body {
  color: #313131;
  background: linear-gradient(to right, white 0%, #eee 100%);
}
body footer .subfooter li a:hover {
  color: #E94E1B;
}
.button {
  background: #E94E1B;
  background: linear-gradient(to bottom right, #eb6032 0%, #d64415 100%);
}
.button:hover {
  background: #eb6032;
  background: linear-gradient(to bottom right, #ed724a 0%, #E94E1B 100%);
}
.button.secondary {
  color: #FFFFFF;
  background: #5a5a5a;
  background: linear-gradient(to bottom right, #5a5a5a 0%, #404040 100%);
}
.button.secondary:hover {
  color: #f29678;
  background: linear-gradient(to bottom right, #676767 0%, #4D4D4D 100%);
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select {
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0.15);
}
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus, select:focus {
  box-shadow: 0 2px 4px 1px rgba(233, 78, 27, 0.5);
}
table {
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0.15);
}
ul.progress {
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0.15);
}
ul.progress li a {
  color: #888888;
}
ul.progress li a:hover {
  color: #E94E1B;
}
ul.progress li a:after {
  background-color: #AAAAAA;
}
ul.progress li.done a {
  color: #4D4D4D;
}
ul.progress li.done a:after {
  background-color: #a6a6a6;
}
ul.progress li.current a {
  color: #E94E1B;
}
ul.progress li.current a:after {
  background-color: #f4a78d;
}
.intro {
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0.15);
}
.intro .text-container h1 {
  color: #4D4D4D;
}
body > footer .logo {
  background-color: #4D4D4D;
}
.welcome .selection a i {
  border-right: solid 1px rgba(255, 255, 255, 0.25);
}
.hotel:before {
  background-color: #DBDBDB;
}
.hotel .hotels #filters .filter-label {
  color: #4b4b4b;
}
.hotel .hotels #filters .filter-checkbox label {
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0.15);
}
.hotel .hotels #filters .filter-checkbox label i {
  color: #4D4D4D;
}
.hotel .hotels #filters .filter-checkbox input:checked ~ label {
  background: linear-gradient(to bottom right, #f29678 0%, #eb6032 100%);
}
.hotel .hotels #filters .filter-checkbox input:checked ~ label i {
  color: #FFFFFF;
}
.hotel .hotels .select-hotel select, .hotel .hotels .select-hotel button, .hotel .hotels .select-hotel .button {
  color: #4b4b4b;
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0.15);
}
.hotel .hotels .select-hotel button:after, .hotel .hotels .select-hotel .button:after {
  color: #717171;
}
.hotel .hotels .select-hotel button:hover, .hotel .hotels .select-hotel .button:hover {
  background: linear-gradient(to bottom right, #f29678 0%, #eb6032 100%);
}
.hotel .hotels .select-hotel button:hover:after, .hotel .hotels .select-hotel .button:hover:after {
  color: #FFFFFF;
}
.hotel .hotels .select-hotel button:active, .hotel .hotels .select-hotel .button:active {
  background: linear-gradient(to bottom right, #ed724a 0%, #d64415 100%);
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0);
}
#map-selected-hotel .single-hotel, .hotel-list .single-hotel {
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0.15);
}
#map-selected-hotel .single-hotel:hover, .hotel-list .single-hotel:hover {
  box-shadow: 0 2px 5px 1px rgba(233, 78, 27, 0.3);
}
#map-selected-hotel .single-hotel .images, .hotel-list .single-hotel .images {
  background-color: #161616;
}
#map-selected-hotel .single-hotel .images .tns-nav button, .hotel-list .single-hotel .images .tns-nav button {
  background-color: rgba(255, 255, 255, 0.25);
}
#map-selected-hotel .single-hotel .images .tns-nav button.tns-nav-active, .hotel-list .single-hotel .images .tns-nav button.tns-nav-active {
  background-color: rgba(255, 255, 255, 0.5);
}
#map-selected-hotel .single-hotel .text .label, .hotel-list .single-hotel .text .label {
  background-color: #E94E1B;
}
#map-selected-hotel .single-hotel .price, .hotel-list .single-hotel .price {
  color: #FFFFFF;
  background-color: #4D4D4D;
}
#map-selected-hotel .single-hotel .rating, .hotel-list .single-hotel .rating {
  color: #FFFFFF;
  background-color: rgba(86, 181, 23, 0.9);
}
#map-selected-hotel .single-hotel.selected .text, .hotel-list .single-hotel.selected .text {
  background: linear-gradient(to bottom right, #f29678 0%, #eb6032 100%);
}
#map-selected-hotel .single-hotel.selected .text p, #map-selected-hotel .single-hotel.selected .text h3, .hotel-list .single-hotel.selected .text p, .hotel-list .single-hotel.selected .text h3 {
  color: #FFFFFF;
}
.tile-view .single-hotel .text:before {
  background: linear-gradient(to bottom, rgba(77, 77, 77, 0) 0%, rgba(77, 77, 77, 0.5) 100%);
}
.tile-view .single-hotel .text h3 {
  color: #FFFFFF;
}
.tile-view .single-hotel.selected {
  border: solid 10px #E94E1B;
}
@media screen and zf-str-join("(min-width: -zf-bp-to-em(0))", "(max-width: -zf-bp-to-em(640px) - 0.00125)", " and ") {
  #map-selected-hotel .single-hotel .text:before {
    background: linear-gradient(to bottom, rgba(77, 77, 77, 0) 0%, rgba(77, 77, 77, 0.5) 100%);
  }
  #map-selected-hotel .single-hotel .text h3 {
    color: #FFFFFF;
  }
}
.rooms > header {
  background-color: #FFFFFF;
}
.rooms > header .grid-container .title h1 {
  color: #4D4D4D;
}
.rooms > header .grid-container .title .rating {
  color: #eaaf6a;
}
.rooms > header .grid-container .phonenumber {
  color: #313131;
}
.rooms > header .grid-container .phonenumber:hover {
  color: #E94E1B;
}
.rooms .description .image-slider .tns-controls button {
  background-color: rgba(255, 255, 255, 0.25);
}
.rooms .description .image-slider .tns-controls button:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.rooms .description .image-slider .tns-controls button:active {
  background-color: rgba(233, 78, 27, 0.7);
}
.rooms .description .image-slider .tns-outer:nth-child(2) .tns-nav-active img {
  border: solid 4px #E94E1B;
}
.rooms .amenities {
  background-color: #FFFFFF;
}
.available-rooms .single-room {
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 1px rgba(49, 49, 49, 0.15);
}
.available-rooms .single-room:hover {
  box-shadow: 0 2px 5px 1px rgba(233, 78, 27, 0.3);
}
.available-rooms .single-room .images {
  background-color: #161616;
}
.available-rooms .single-room .images .tns-nav button {
  background-color: rgba(255, 255, 255, 0.25);
}
.available-rooms .single-room .images .tns-nav button.tns-nav-active {
  background-color: rgba(255, 255, 255, 0.5);
}
.available-rooms .single-room .text .label {
  background-color: #E94E1B;
}
.available-rooms .single-room .price {
  color: #FFFFFF;
  background-color: #4D4D4D;
}
.available-rooms .single-room.selected .text {
  background: linear-gradient(to bottom right, #f29678 0%, #eb6032 100%);
}
.available-rooms .single-room.selected .text p, .available-rooms .single-room.selected .text h3 {
  color: #FFFFFF;
}
.booking-information:before {
  background-color: #DBDBDB;
}
.booking-information .grid-container .extra-options-container > form .extra-option-row {
  background-color: #FFFFFF;
}
.booking-information .total ul.currenttotal {
  background: #F3F3F3;
}
@media screen and zf-str-join("(min-width: -zf-bp-to-em(0))", "(max-width: -zf-bp-to-em(640px) - 0.00125)", " and ") {
  .booking-information .total ul.currenttotal {
    background: #fdfdfd;
  }
}
.booking-information .total ul.roomtotal li.add, .booking-information .total ul.roomtotal li.remove, .booking-information .total ul.optiontotal li.add, .booking-information .total ul.optiontotal li.remove {
  color: #D56969;
}
.booking-information .total ul.grandtotal li:last-child {
  border-top: solid 2px #E94E1B;
}
.booking-information .custom-callout {
  background: #fad7cc;
}
.summary-room .text-container ul.checklist li:before, .summary-hotel .text-container ul.checklist li:before {
  color: #717171;
  color: #E94E1B;
}