@media (max-height: 600px) and (orientation: landscape) {
  .header-img-container {
    display: none; } }

body {
  padding-top: 60px; }

#content-column {
  padding-bottom: 100px !important; }
  @media (max-width: 767px) {
    .mobile-sidebar-on #content-column {
      display: none; } }
  #content-column:after {
    content: ' ';
    display: block;
    position: fixed;
    bottom: 0;
    height: 48px;
    box-shadow: 0px -30px 30px 0px white;
    width: calc(100% + 50px);
    margin-left: -25px; }

@media (max-width: 767px) {
  body .card {
    border-radius: 0 !important; }
    body .card .card-img-top {
      border-radius: 0 !important; } }

footer .continue-button.highlight {
  -webkit-animation: bounceHeight 3s 1;
  /* Safari 4+ */
  -moz-animation: bounceHeight 3s 1;
  /* Fx 5+ */
  -o-animation: bounceHeight 3s 1;
  /* Opera 12+ */
  animation: bounceHeight 3s 1;
  /* IE 10+, Fx 29+ */ }

@keyframes bounceHeight {
  0% {
    height: 50px; }
  10% {
    height: 100px; }
  20% {
    height: 90px; }
  30% {
    height: 80px; }
  40% {
    height: 70px; }
  50% {
    height: 62px; }
  60% {
    height: 55px; }
  70% {
    height: 48px; } }

a {
  color: #1279b3; }

a:hover {
  color: #10699c; }

a:focus {
  color: #10699c; }

strong {
  font-weight: bold !important; }

* {
  font-display: auto; }

/* Main */
.container {
  background-color: rgba(221, 221, 221, 0.9) !important; }

.container-drop-shadow {
  box-shadow: 0px 5px 20px 1px black; }

img.img_preview_small {
  width: 82px !important; }

.trust-you-review-btn {
  position: fixed;
  right: 0px;
  width: auto !important; }

.view_basket {
  width: auto !important; }

.header-img {
  width: 100%;
  max-height: 200px; }

#footer-image {
  width: 100%;
  max-height: 150px; }

/* Helper */
.form-field-required label:after {
  content: " *";
  color: #e86161; }

.disabled {
  cursor: not-allowed; }

.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  border: 1px solid rgba(86, 61, 124, 0.2);
  list-style: none; }

/* NotifyJS */
.notifyjs-bootstrap-base {
  white-space: normal !important; }

.notifyjs-bootstrap-error {
  border-radius: 0px !important;
  text-align: center !important; }

.notifyjs-container {
  margin: 0px !important;
  text-align: center; }

.notifyjs-wrapper {
  margin: 0px !important; }

.notifyjs-corner {
  margin: 0px;
  left: 0px;
  margin: 0px !important; }

.glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 35px; }

.inactive {
  color: #ccc;
  background-color: #fafafa; }

.container-drop-shadow {
  box-shadow: unset !important; }

.full-width {
  width: 100%; }

.align-center {
  text-align: center; }

.btn.disabled {
  cursor: not-allowed; }

.inner-page-height {
  height: 100vh; }

.align-center {
  text-align: center; }

.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  border: 1px solid rgba(86, 61, 124, 0.2);
  list-style: none; }

.glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 35px; }

.inactive {
  color: #ccc;
  background-color: #fafafa; }

.wrapper {
  align-items: stretch; }

.btn-rounded {
  border-radius: 30px; }

.fs-xl {
  font-size: x-large; }

#page-content-wrapper {
  /*padding-top: 60px!important;*/
  text-align: left !important;
  overflow-y: auto;
  overflow-x: hidden; }

.modal-content {
  text-align: left; }

.modal-content li {
  text-align: left; }

.standard-page-direction {
  /*margin-top: 60px!important;*/
  text-align: left !important; }

.container-fluid {
  padding-left: 0px !important; }

.notifyjs-corner {
  text-align: left; }

.rotate.left {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

@media (min-width: 786px) {
  .visible-up-to-785 {
    display: none; } }

.sm-sc-page-ctrl-btns {
  position: fixed;
  bottom: 30px;
  width: 100%;
  z-index: 99;
  box-shadow: 0 0 40px 30px white; }

.sm-sc-page-ctrl-btns button {
  width: 100%;
  border-radius: 0px; }

/* Animations */
/* ----------------------------------------------
 * Generated by Animista on 2019-9-16 8:31:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.dropdown-item.active, .dropdown-item:active {
  color: white !important; }

.dropdown-item {
  cursor: pointer !important; }

@media (max-width: 767px) {
  .accommodation-search-and-filter-pane {
    padding-left: 0px !important; } }

body {
  background-color: #fbfbfb; }

.payment-prompt-selection-container {
  color: #1279b3; }

.btn-outline {
  border-color: #ccc; }

#basket-footer {
  width: 100%;
  left: auto;
  right: 0;
  margin-right: 10px; }

.basket-card-header.card-header {
  background-color: #e8e8e8; }
  .basket-card-header.card-header .header-text {
    color: #484848; }

#page-content-wrapper {
  text-align: left; }

#sidebar-wrapper > * {
  text-align: left; }

#basket-scroller {
  overflow-y: scroll; }

#yourStayForms_discountCode {
  padding: 0px 15px; }

.basket-no-rooms-message {
  text-align: center;
  border-top: 1px solid #d8d8d8;
  padding-top: 15px;
  margin-top: 10px;
  font-size: 16px;
  color: #5f5f5f; }

.booked-room-property {
  line-height: 1em;
  padding: 5px;
  display: block; }

@keyframes flash-red-border {
  50% {
    border-color: red; } }

@keyframes flash {
  50% {
    visibility: hidden; } }

.new-booking-highlight .accommodation-cart-room-card {
  animation: flash-red-border .3s step-end 6 alternate; }

.show-when-discount-open {
  display: none !important; }

.discount-open .show-when-discount-open {
  display: initial !important; }

.discount-open .show-when-discount-closed {
  display: none !important; }

.breadcrumbs {
  height: 60px;
  box-shadow: 0 10px 10px 0 #00000033; }

#mobile-breadcrumbs {
  background-color: #1279b3;
  color: #fff; }
  #mobile-breadcrumbs a {
    color: #fff; }

.cart-number-of-bookings {
  position: absolute;
  right: -10px;
  top: -5px;
  font-size: 14px; }
  .cart-number-of-bookings.empty {
    background-color: #666 !important; }

.booking-updated .cart-number-of-bookings {
  animation: flash .3s step-end 6 alternate; }

.breadcrumb-container {
  top: 0;
  max-width: 100% !important;
  background-color: unset !important;
  box-shadow: 6px 4px 12px 10px #00000038;
  position: sticky;
  width: 100%;
  z-index: 1001; }

.breadcrumb-crumb {
  padding: 18px 20px;
  text-align: center;
  background-color: #e8e8e8;
  color: #484848; }

.breadcrumb-crumb h4 {
  font-weight: 200; }

.breadcrumb-crumb.active {
  background-color: #1279b3;
  color: #fff; }

.breadcrumb-crumb.completed {
  background: none;
  background-color: #1279b3;
  color: #fff;
  border-right: 1px solid #10699c; }
  .breadcrumb-crumb.completed h5 {
    opacity: .6; }
  .breadcrumb-crumb.completed:after {
    display: none; }

.breadcrumb-crumb:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 25px;
  border-color: transparent transparent transparent #dbdbdb;
  right: -16px;
  position: absolute;
  z-index: 99;
  top: 10px; }

.breadcrumb-crumb.active:after {
  border-color: transparent transparent transparent #1279b3; }

.breadcrumb-crumb {
  padding: 14px 20px;
  text-align: center;
  background-color: #e8e8e8;
  color: #484848;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.1+100 */
  background: -moz-linear-gradient(left, #e8e8e8 0%, #dbdbdb 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e8e8e8 0%, #dbdbdb 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e8e8e8 0%, #dbdbdb 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.breadcrumb-crumb h4 {
  font-weight: 200; }

.breadcrumb-crumb h5 {
  cursor: default; }

.breadcrumb-btn-container-right-side {
  text-align: left;
  direction: ltr; }

.language-locale-dropdown-menu {
  text-align: left !important; }

.languageDropdownBtn {
  border-radius: 30px !important; }

@media (max-width: 767px) {
  .wo-cart-current-page {
    padding-left: 25px;
    padding-top: 2px; }
  .wo-cart-btn {
    margin-top: 4px;
    margin-bottom: 15px; }
  .wo-roomtype-card-body {
    padding: 10px; }
  .wo-roomtype-card-body .card-text {
    font-size: 14px; }
  .wo-cart-card-container {
    display: none; } }

#sidebar {
  width: 33.3%;
  height: 100%;
  right: 0;
  transition: left .5s linear; }
  @media (max-width: 767px) {
    #sidebar {
      right: auto !important;
      left: 100%; }
      .mobile-sidebar-on #sidebar {
        display: block !important;
        left: 0 !important;
        width: 100% !important; } }

.visible-when-sidebar-on {
  display: none; }

@media (max-width: 767px) {
  .mobile-sidebar-on .visible-when-sidebar-on {
    display: initial; }
  .mobile-sidebar-on .visible-when-sidebar-off {
    display: none; } }

#wrapper.toggled {
  padding-right: 250px; }

#sidebar-wrapper {
  z-index: 1000;
  position: absolute;
  top: 0;
  right: 235px;
  width: 0;
  margin-right: -250px;
  overflow: hidden;
  height: calc(100vh - 74px);
  background: #f1f1f1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#wrapper.toggled #sidebar-wrapper {
  width: 250px; }

#page-content-wrapper {
  /*width: 100%;*/
  /*position: absolute;
	*/
  /*padding: 15px;*/ }

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: 0px; }

/* Sidebar Styles */
.sidebar-nav {
  /*position: absolute;
	*/
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none; }

.sidebar-nav li.stay-property {
  text-indent: 5px;
  line-height: 40px; }

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2); }

.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none; }

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px; }

.sidebar-nav > .sidebar-brand a {
  color: #999999; }

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none; }

@media (min-width: 768px) {
  #wrapper {
    padding-left: 0; }
  #wrapper.toggled {
    padding-right: 400px; }
  #sidebar-wrapper {
    width: 0; }
  #wrapper.toggled #sidebar-wrapper {
    width: 400px; }
  #page-content-wrapper {
    /*padding: 20px;*/
    position: relative; }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0; } }

@media (max-width: 768px) {
  #wrapper.toggled #sidebar-wrapper {
    width: 104%; }
  #wrapper.toggled #page-content-wrapper {
    display: none; } }

.sidebar-nav {
  width: 100%; }

.sidebar-nav h4 {
  margin: 0px; }

.sidebar-brand {
  padding: 15px;
  text-align: center; }

.basket-card-icons {
  direction: rtl; }

.m-t-m3 {
  margin-top: -15px !important; }

.t-i-0 {
  text-indent: 0px !important; }

#sidebar-wrapper {
  box-shadow: 3px 0px 20px -5px #00000066; }

#sidebar-wrapper .card-header {
  max-height: 60px; }

#toggle-sidebar-visibility {
  border-radius: 20px; }

.sidebar-nav.navigation-btns {
  bottom: 0;
  top: unset; }

#sidebar-wrapper .card-body {
  max-height: calc(100% - 126px);
  overflow: auto; }

#sidebar-wrapper .card {
  height: 100%; }

#sidebar-wrapper .header-text {
  padding: 5px 10px 10px 50px; }