.row {
  margin: 0px;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
.slick-prev {
  left: 10px !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
}
.slick-next {
  right: 10px !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
}
.slick-prev::before,
.slick-next::before {
  font-size: 36px !important;
  opacity: 0.85 !important;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.flags_bar.row {
  margin-left: -15px;
  margin-right: -15px;
}

.flags_bar.row .flag_img,
.flags_bar.row .flag_name,
.flags_bar.row .flag_short {
  padding-left: 15px;
  padding-right: 15px;
}

/* #content_main {
  width: 976px;
  margin-left: auto;
  margin-right: auto;
} */
h1 {
  margin-bottom: 6px;
}
h4 {
  font-weight: 400;
  font-size: 16px;
}
#choose_room {
  display: none;
}
#box {
  border: 2px solid #e4006b;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -kthtml-transition: all 1s ease;
  transition: all 1s ease;
}
.shadow {
  -webkit-box-shadow: 0px 0px 6px 3px #e4006b;
  -moz-box-shadow: 0px 0px 6px 3px #e4006b;
  box-shadow: 0px 0px 6px 3px #e4006b;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -kthtml-transition: all 1s ease;
  transition: all 1s ease;
}
.remove_shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -kthtml-transition: all 1s ease;
  transition: all 1s ease;
}
.modal-backdrop {
  opacity: 0.75 !important;
}
ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.main_content_borders ul,
.main_content_borders ol {
  list-style-type: disc;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
#top_hotel_details {
  padding-top: 30px;
}
.single_facility {
  white-space: nowrap;
}
.image_gallery_img {
  width: 320px;
  max-height: 180px;
}
#image_gallery::-webkit-scrollbar {
  display: none;
}
#image_gallery {
  -ms-overflow-style: none; 
  scrollbar-width: none;
}
.widget.button {
  background-color: #e4006b;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  max-width: 100%;
  min-height: 40px;
  min-width: 110px;
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  padding: 0 20px;
  text-align: center;
}

.widget.button.disabled {
  zoom: 1;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.widget.button.fit {
  min-width: 0;
  width: 100%;
}

a.widget.button,
span.widget.button {
  min-height: 0;
  padding: 9px 20px 8px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  a.widget.button,
  span.widget.button {
    padding: 9px 20px;
  }
}
.widget.button:hover {
  background-color: #c1005d;
  border-color: #c1005d;
}

.widget.button:focus,
.widget.button:active {
  border-color: #e4006b;
  -webkit-box-shadow: inset 1px 2px #c1005d;
  -moz-box-shadow: inset 1px 2px #c1005d;
  box-shadow: inset 1px 2px #c1005d;
  outline: 0;
}

.widget.button:focus:hover {
  border-color: #c1005d;
  -webkit-box-shadow: inset 1px 2px #0083c9;
  -moz-box-shadow: inset 1px 2px #0083c9;
  box-shadow: inset 1px 2px #0083c9;
}

.widget.button.generic {
  font-size: 13px;
  min-height: 0;
  padding: 5px 10px;
}

.widget.button.empty {
  background-color: #959595;
  border-color: #7c7c7c;
  color: #fff;
}

.widget.button.empty:hover {
  background-color: #a4a4a4;
  border-color: #989898;
}

.widget.button.empty:focus,
.widget.button.empty:active {
  border-color: #959595;
  -webkit-box-shadow: inset 1px 2px #7c7c7c;
  -moz-box-shadow: inset 1px 2px #7c7c7c;
  box-shadow: inset 1px 2px #7c7c7c;
  outline: 0;
}

.widget.button.empty:focus:hover {
  border-color: #a4a4a4;
}

.widget.button.nav {
  background-color: #fff;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #007ec4;
}

.widget.button.nav:focus,
.widget.button.nav:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.widget.button.nav.active {
  background-color: #007ec4;
  border-color: #007ec4;
  color: #fff;
}

.widget.button.progress-on-click,
.widget.button.clicked {
  font-size: auto;
  position: relative;
}

.widget.button.progress-on-click .widget.progressbar,
.widget.button.clicked .content {
  display: none;
}

.widget.button.clicked {
  background-color: #c1005d;
  border: 0 none;
  -webkit-box-shadow: inset 1px 2px #0083c9;
  -moz-box-shadow: inset 1px 2px #0083c9;
  box-shadow: inset 1px 2px #0083c9;
  outline: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.widget.button.clicked .widget.progressbar {
  display: inline-block;
}

.widget.button.clicked.disabled {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.rooms {
  margin: 0;
  /*border-width: 1px;
      border-style: solid;
      border-color: #e0e0e0;*/
  padding: 0;
  /*margin: 30px 0 16px 0;
      border-bottom: 1px solid #e0e0e0;
      border-top: 1px solid #e0e0e0;*/
}

.rooms hr {
  background-color: #dbdbdb;
  color: #dbdbdb;
  margin: 0;
}

.rooms-distance {
  margin-top: 25px;
  margin: 0px;
}

@media screen and (max-width: 1024px) {
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .price {
    text-align: right;
  }
}

.booking.view .rooms .room.more {
  display: none;
}

.booking.view .rooms.active .room.more {
  display: block;
}

.booking.view .rooms .room-padder {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 0 1px;
  zoom: 1;
  padding: 0 10px;
}

.booking.view .rooms .room-padder:before,
.booking.view .rooms .room-padder:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.booking.view .rooms .room-container .grid-node {
  padding: 0;
}

.booking.view .rooms .room-container .grid-node + .grid-node {
  text-align: center;
}

.booking.view .rooms .room .head {
  background-color: #dbdbdb;
  display: none;
  font-size: 14px;
  padding: 10px 20px;
}

.booking.view .rooms .room .head.first-row {
  -webkit-box-shadow: 0 1px #dbdbdb;
  -moz-box-shadow: 0 1px #dbdbdb;
  box-shadow: 0 1px #dbdbdb;
  display: block;
}

.booking.view .rooms .room .head.first-column {
  margin: 0 0 0 -10px;
  padding: 10px 20px 10px 30px;
}

html[dir="rtl"] .booking.view .rooms .room .head.first-column {
  margin: 0 -10px 0 0;
}

html[dir="rtl"] .booking.view .rooms .room .head.first-column {
  padding: 10px 30px 10px 20px;
}

.booking.view .rooms .room .head.last-column {
  margin: 0 -10px 0 0;
  padding: 10px 30px 10px 20px;
}

html[dir="rtl"] .booking.view .rooms .room .head.last-column {
  margin: 0 0 0 -10px;
}

html[dir="rtl"] .booking.view .rooms .room .head.last-column {
  padding: 10px 20px 10px 30px;
}

.booking.view .rooms .room .body {
  padding: 15px 20px;
}

.booking.view .rooms .room .body.right {
  text-align: right;
}

html[dir="rtl"] .booking.view .rooms .room .body.right {
  text-align: left;
}

.booking.view .rooms .room .show-when-narrow {
  display: none;
}

@media screen and (max-width: 768px) {
  .desktop_rooms_lnbr {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  #rooms_selection_form {
    margin: 0px !important;
    font-size: 13px;
  }
  .desktop_lnbr {
    display: none !important;
  }
  #rooms_selection_rooms,
  #rooms_selection_adults,
  #rooms_selection_children {
    width: auto;
    display: inline;
    padding: 0px;
  }
  #top_hotel_details {
    padding-top: 10px;
  }
  #choose_room {
    font-size: 24px;
    margin-top: 10px;
  }
  #checkin_checkout_desktop {
    display: none;
  }
  /* #checkin_checkout_mobile {
    display: inline;
  } */
  #box {
    margin-top: 12px;
  }
  .single_facility {
    white-space: normal;
  } /*
      .image_gallery_img{
          width:150px;
          max-height:84px;
      }*/
  .booking.view .rooms .room-padder {
    border-width: 0;
  }
  .booking.view .rooms .room .grid-node + .grid-node {
    text-align: left;
  }
  html[dir="rtl"] .booking.view .rooms .room .grid-node + .grid-node {
    text-align: right;
  }
  .booking.view .rooms .room .head {
    background-color: transparent;
    display: block;
    font-weight: 700;
    height: auto;
    padding-bottom: 0;
  }
  .booking.view .rooms .room .head.first-row {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .booking.view .rooms .room .body {
    padding-top: 5px;
  }
  .booking.view .rooms .room .body.right {
    text-align: left;
  }
  html[dir="rtl"] .booking.view .rooms .room .body.right {
    text-align: right;
  }
}

.booking.view .rooms .discount {
  color: #007ec4;
}

.booking.view .rooms h4 {
  margin: 0 0 5px;
}

.booking.view .rooms h4 + div + p {
  margin: 5px 0 10px;
}

.booking.view .rooms .bedding b {
  color: #32baea;
  font-size: 15px;
  margin: 0 5px 0 0;
}

html[dir="rtl"] .booking.view .rooms .bedding b {
  margin: 0 0 0 5px;
}

.booking.view .rooms .bedding b + select {
  width: auto;
}

.booking.view .rooms .extra + .extra {
  margin: 5px 0 0;
}

.booking.view .rooms .extra select {
  font-size: 14px;
  height: 30px;
  padding: 4px;
}

.booking.view .rooms .food-ok {
  color: #32baea;
}

.booking.view .rooms .amount {
  font-size: 20px;
  font-weight: 700;
}

.booking.view .rooms .taxfee {
  margin: 7px 0 0;
}

.booking.view .morerooms,
.booking.view .morerooms .off,
.booking.view .morerooms .on,
.booking.view .morerooms .loading {
  display: none;
}

.booking.view .morerooms.visible,
.booking.view .morerooms.loading,
.booking.view .morerooms.visible .off,
.booking.view .morerooms.loading .loading {
  display: block;
}

.booking.view .morerooms.visible.loading .count .off,
.booking.view .morerooms.visible.loading .count .on {
  display: none;
}

.booking.view .morerooms p {
  margin: 0;
}

.booking.view .rooms.active .morerooms.visible .off {
  display: none;
}

.booking.view .rooms.active .morerooms.visible .on {
  display: block;
}

.booking.view .morerooms .widget.progressbar {
  background-size: 28px 10px;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0;
}

html[dir="rtl"] .booking.view .morerooms .widget.progressbar {
  margin: 0 0 0 5px;
}

.booking.view .morerooms .widget.progressbar span {
  height: 10px;
  width: 25px;
}

.booking.view .rooms .norooms {
  margin: 20px 0 0;
  text-align: left;
}

html[dir="rtl"] .booking.view .rooms .norooms {
  text-align: right;
}

.booking.view .rooms .room-container .widget.notify {
  text-align: left;
}

html[dir="rtl"] .booking.view .rooms .room-container .widget.notify {
  text-align: right;
}

.booking.view .rooms .room-container .box.citytax {
  background-color: #ededed;
  border: 1px solid #e0e0e0;
  margin: 10px 0 0;
  padding: 10px 20px 10px 46px;
  position: relative;
}

html[dir="rtl"] .booking.view .rooms .room-container .box.citytax {
  padding: 10px 46px 10px 20px;
}

.booking.view .rooms .room-container .box.citytax .icon {
  color: #404040;
  left: 20px;
  margin: -7px 0 0;
  position: absolute;
  top: 50%;
}

html[dir="rtl"] .booking.view .rooms .room-container .box.citytax .icon {
  left: auto;
  right: 20px;
}

.booking.view .rooms .room-container .box.citytax p {
  margin: 0;
}

.booking.view .tabs {
  zoom: 1;
}

.booking.view .tabs:before,
.booking.view .tabs:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.booking.view .tabs li {
  float: left;
}

html[dir="rtl"] .booking.view .tabs li {
  float: right;
}

.booking.view .tabs li + li {
  margin: 0 0 0 10px;
}

html[dir="rtl"] .booking.view .tabs li + li {
  margin: 0 10px 0 0;
}

.widget.tabbed.tab-container,
.booking.view .tabs .widget.tabbed.tab-ui {
  border: 1px solid #dbdbdb;
}

.booking.view .tabs .widget.tabbed.tab-ui {
  background-color: #fff;
  color: #404040;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 -1px;
  padding: 10px 30px;
}

.booking.view .tabs .widget.tabbed.tab-ui.active,
.booking.view .tabs .widget.tabbed.tab-ui:hover {
  color: #007ec4;
}

.booking.view .tabs .widget.tabbed.tab-ui.active {
  border-bottom-color: transparent;
}

.booking.view .widget.tabbed[data-tab-id="description"] h4 {
  margin: 10px 0 5px;
}

.booking.view .widget.tabbed[data-tab-id="description"] p + h4 {
  margin: 20px 0 5px;
}

.booking.view .widget.tabbed[data-tab-id="description"] p {
  margin: 5px 0 10px;
}

.booking.view .daterange {
  list-style-type: disc;
  margin: 0 0 0 15px;
}

html[dir="rtl"] .booking.view .daterange {
  margin: 0 15px 0 0;
}

.booking.view .daterange .from,
.booking.view .daterange .to {
  color: #32baea;
}

.booking.view .rv_content .review_green {
  color: #45ae4a;
}

.booking.view .rv_content .bar_green {
  background-color: #45ae4a;
}

.booking.view .rv_content .review_darkgreen {
  color: #358d42;
}

.booking.view .rv_content .bar_darkgreen {
  background-color: #358d42;
}

.booking.view .rv_content .review_orange {
  color: #ff8e1a;
}

.booking.view .rv_content .bar_orange {
  background-color: #ff8e1a;
}

.booking.view .rv_content .review_red {
  color: #eb4141;
}

.booking.view .rv_content .bar_red {
  background-color: #eb4141;
}

.booking.view .v2.info .rv_content h2.no_amount {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 0 0 1px;
  margin: 0 0 20px;
  padding: 0 0 15px;
}

.booking.view .rv_content h2 span {
  font-weight: 700;
}

.booking.view .rv_content .review_amount {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 0 0 1px;
  height: 0;
  margin: 15px 0 20px;
  position: relative;
}

.booking.view .rv_content .review_amount .move_position {
  color: gray;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: -30px;
}

html[dir="rtl"] .booking.view .rv_content .review_amount .move_position {
  left: 0;
  right: auto;
}

.booking.view .rv_content .review-grid {
  margin: 0 -25px;
}

.booking.view .rv_content .review-grid-node {
  padding: 0 25px 20px;
}

.booking.view .v2.info .rv_content .review-grid hr {
  background-color: transparent;
  border-color: #dbdbdb;
  border-style: dashed;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 0 25px 20px;
}

.booking.view .v2.info .rv_content h3 {
  float: left;
  font-weight: 400;
  margin: 0 0 5px;
}

html[dir="rtl"] .booking.view .v2.info .rv_content h3 {
  float: right;
}

.booking.view .rv_content .score {
  float: right;
  font-weight: 700;
  margin: 0 0 5px;
}

html[dir="rtl"] .booking.view .rv_content .score {
  float: left;
}

.booking.view .rv_content .bar_container {
  background-color: #e5e5e5;
  clear: both;
  height: 15px;
  margin: 0 0 5px;
  position: relative;
}

.booking.view .rv_content .bar_container .bar {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
}

html[dir="rtl"] .booking.view .rv_content .bar_container .bar {
  left: auto;
  right: 0;
}

.booking.view .rv_content .amountof {
  color: gray;
  font-size: 12px;
}

.booking.view .rv_top {
  background-color: #fff;
  cursor: default;
  font-size: 18px;
  font-weight: 700;
  left: 10px;
  line-height: 1;
  padding: 10px;
  position: absolute;
  top: 10px;
  white-space: nowrap;
}

html[dir="rtl"] .booking.view .rv_top {
  left: auto;
  right: 10px;
}

.booking.view .rv_top .box_score {
  border-radius: 4px;
  color: #fff;
  float: left;
  padding: 5px;
  text-align: center;
  width: 30px;
}

html[dir="rtl"] .booking.view .rv_top .box_score {
  float: right;
}

.booking.view .rv_top p,
.booking.view .rv_top .under {
  margin: 0 0 0 40px;
  padding: 0 0 0 10px;
}

.booking.view .rv_top .under {
  font-size: 10px;
  font-weight: 400;
}

@media screen and (max-width: 568px) {
  .booking.view .rv_top {
    font-size: 16px;
    padding: 5px;
  }
  .booking.view .rv_content .review_amount {
    height: auto;
    margin: 0 0 15px;
    padding: 0 0 15px;
  }
  .booking.view .rv_content .review_amount .move_position {
    position: static;
  }
}

@media screen and (max-width: 768px) {
  .booking.view .rooms .right-on-desktop {
    text-align: left;
  }
  html[dir="rtl"] .booking.view .rooms .right-on-desktop {
    text-align: right;
  }
  .booking.view .tabs li {
    float: none;
  }
  .booking.view .tabs li + li {
    border-width: 0 1px 1px;
    margin: 0;
  }
}

.booking.view .deals.index .image .underlay .icon {
  margin: -32px 0 0 -32px;
}

html[dir="rtl"] .booking.view .deals.index .image .underlay .icon {
  margin: -32px -32px 0 0;
}

.widget.rooms .rooms-holder .offer-holder.hide,
.widget.rooms .rooms-holder.hide {
  display: none;
}

.widget.rooms .rooms-holder .offer-holder .offer .name {
  padding-left: 0;
  padding-right: 10px;
}

html[dir="rtl"] .widget.rooms .rooms-holder .offer-holder .offer .name {
  padding-left: 10px;
  padding-right: 0;
}

.widget.rooms .rooms-holder .offer-holder.partner {
  background-color: rgba(0, 126, 196, 0.09);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#17007ec4, endColorstr=#17007ec4);
  zoom: 1;
}

.widget.rooms .rooms-holder .offer-holder .offer .name h4 {
  font-size: 14px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 0;
}

.widget.rooms .rooms-holder .offer-holder .offer .name h4.has-hash {
  margin-top: 3px;
}

.widget.rooms .rooms-holder .offer-holder .offer .name h4 bdi {
  direction: ltr;
}

.widget.rooms .rooms-holder .offer-holder .offer .name .description-link {
  font-size: 12px;
  color: #007ec4;
  margin: 3px 0;
  cursor: pointer;
}

.widget.rooms .rooms-holder .offer-holder .offer .tags ul {
  margin-top: 4px;
}

.widget.rooms .rooms-holder .offer-holder .offer .tags ul li {
  font-size: 12px;
}

.widget.rooms .rooms-holder .hot-deal {
  color: #e93f3f;
}

.widget.rooms .rooms-holder .icon {
  color: inherit;
  font-size: 12px;
}

.widget.rooms .rooms-holder .tags .icon {
  position: relative;
  top: 1px;
}

html[dir="rtl"] .widget.rooms .rooms-holder .tags .icon {
  padding: 0 0 0 5px;
}

.widget.rooms .rooms-holder .tags li.ok {
  color: #349719;
}

.widget.rooms .rooms-holder .offer-holder .offer .included {
  text-align: center;
}

.widget.rooms .rooms-holder .offer-holder .offer .included label {
  font-weight: 400;
  display: block;
  text-align: left;
  font-size: 13px;
}

.widget.rooms .rooms-holder .offer-holder .offer .included input[type="radio"] {
  vertical-align: middle;
}

.widget.rooms .rooms-holder .offer-holder .offer .included p {
  font-size: 14px;
  color: #007ec4;
  margin-bottom:0px;
}

.widget.rooms .rooms-holder .offer-holder .breakfast,
.widget.rooms .rooms-holder .offer-holder .offer .included p.breakfast {
  color: #349719;
  font-size: 13px;
}

.widget.rooms .rooms-holder .offer-holder .regular,
.widget.rooms .rooms-holder .offer-holder .offer .included p.regular {
  color: #404040;
  font-size: 13px;
}

.widget.rooms .rooms-holder .offer-holder .breakfast .icon {
  font-size: 16px;
}

.widget.rooms .rooms-holder .offer-holder .offer .included select {
  padding: 2px 10px;
  display: inline-block;
  height: 30px;
  width: auto;
  margin: 0 0 10px;
}

.widget.rooms .rooms-holder .hash-cheapest {
  background-color: #349719;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 3px 4px;
}

html[dir="rtl"] .widget.rooms .rooms-holder .hash-cheapest {
  margin-left: 0;
  margin-right: 5px;
}

.widget.rooms .rooms-holder .hash-cheapest:after {
  content: "";
  clear: both;
  display: block;
}

.widget.rooms .widget.box.citytax {
  background-color: #ededed;
  border: 1px solid #e0e0e0;
  margin: 10px 0 20px;
  padding: 10px 20px 10px 46px;
  position: relative;
}

html[dir="rtl"] .widget.rooms .widget.box.citytax {
  padding: 10px 46px 10px 20px;
}

.widget.rooms .box.citytax .icon {
  color: #404040;
  left: 20px;
  margin: -7px 0 0;
  position: absolute;
  top: 50%;
}

html[dir="rtl"] .widget.rooms .box.citytax .icon {
  left: auto;
  right: 20px;
}

.widget.rooms .box.citytax p {
  margin: 0;
}

.widget.rooms .rooms-holder .offer-holder .offer .price {
  text-align: center;
}

html[dir="rtl"] .widget.rooms .rooms-holder .offer-holder .offer .price {
  text-align: left;
}

.widget.rooms .rooms-holder .offer-holder .offer .price a {
  color: inherit;
}

.widget.rooms .rooms-holder .offer-holder .offer .price p {
  margin: 0;
}

.widget.rooms .rooms-holder .offer-holder .offer .price .main-price {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.widget.rooms .rooms-holder .offer-holder .offer .price p small {
  color: gray;
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: 400;
}

.widget.rooms .rooms-holder .offer-holder .offer .price p small del {
  color: #e93f3f;
  font-size: 14px;
}

.widget.rooms .rooms-holder .offer-holder .offer .book-now {
  text-align: center;
  /*padding-top: 8px;*/
}

.widget.rooms footer {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #e0e0e0;
  position: relative;
  padding: 9px 20px;
  margin: 0;
  background-color: #fff;
}

.widget.rooms footer .more-info,
html[dir="rtl"] .widget.rooms footer .show-more {
  text-align: left;
}

html[dir="rtl"] .widget.rooms footer .more-info,
.widget.rooms footer .show-more {
  text-align: right;
}

.widget.rooms footer p {
  margin: 0;
  padding: 0;
}

.widget.rooms .rooms-holder .offer-holder .offer .mobile-book {
  color: inherit;
}

.widget.rooms .rooms-holder .offer-holder .offer .book-now .widget.button {
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 16px;
  color:white;
  padding: 7px 8px 7px 12px;
}

.widget.rooms .rooms-holder .widget.capo .icon {
  font-size: 12px;
  color: #404040;
}

.widget.rooms .rooms-holder .widget.capo.free,
.widget.rooms .rooms-holder .widget.capo.free .icon {
  color: #349719;
}

.widget.rooms footer .more-info .widget.progressbar {
  margin: 0;
  display: inline-block;
  padding-left: 0;
  padding-right: 10px;
}

html[dir="rtl"] .widget.rooms footer .more-info .widget.progressbar {
  padding-left: 10px;
  padding-right: 0;
}

.widget.rooms .offer-holder .offer .partner {
  text-align: center;
}

.widget.rooms .one-room-style .offer-holder .offer .partner {
  display: inline-block;
  min-width: 110px;
}

.widget.rooms .offer-holder .offer .partner span {
  font-size: 11px;
  color: gray;
  display: block;
}

.widget.rooms .offer-holder .offer .partner div {
  margin: 0 auto;
  background-repeat: no-repeat;
}

.widget.rooms .offer-holder .offer .partner.wego div {
  width: 55px;
  height: 22px;
  background-size: 55px 22px;
  background-image: url(../../img/partners/partner_wego.png);
}

.widget.rooms .offer-holder .offer .partner.trivago div {
  width: 76px;
  height: 22px;
  background-size: 76px 22px;
  background-image: url(../../img/partners/partner_trivago.png);
}

.widget.rooms .offer-holder .offer .partner.tripadvisor div {
  width: 100px;
  height: 16px;
  background-size: 100px 16px;
  background-image: url(../../img/partners/partner_tripadvisor.png);
}

.widget.rooms .offer-holder .offer .partner.google div {
  width: 64px;
  height: 22px;
  background-size: 64px 22px;
  background-image: url(../../img/partners/partner_google.png);
}

.widget.rooms .offer-holder .offer .partner.idealo div {
  width: 100px;
  height: 22px;
  background-size: 100px 22px;
  background-image: url(../../img/partners/partner_idealo.png);
}

.widget.rooms .offer-holder .offer .partner.travelsupermarket div {
  width: 78px;
  height: 52px;
  background-size: 78px 52px;
  background-image: url(../../img/partners/partner_travelsupermarket.png);
}

.widget.rooms .offer-holder .offer .partner.skyscanner div {
  width: 76px;
  height: 22px;
  background-size: 76px 22px;
  background-image: url(../../img/partners/partner_skyscanner.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2),
  screen and (-o-min-device-pixel-ratio: 2/1),
  screen and (min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
  .widget.rooms .offer-holder .offer .partner.wego div {
    background-image: url(../../img/partners/partner_wego_re.png);
  }
  .widget.rooms .offer-holder .offer .partner.trivago div {
    background-image: url(../../img/partners/partner_trivago_re.png);
  }
  .widget.rooms .offer-holder .offer .partner.tripadvisor div {
    background-image: url(../../img/partners/partner_tripadvisor_re.png);
  }
  .widget.rooms .offer-holder .offer .partner.google div {
    background-image: url(../../img/partners/partner_google_re.png);
  }
  .widget.rooms .offer-holder .offer .partner.idealo div {
    background-image: url(../../img/partners/partner_idealo_re.png);
  }
  .widget.rooms .offer-holder .offer .partner.travelsupermarket div {
    background-image: url(../../img/partners/partner_travelsupermarket_re.png);
  }
  .widget.rooms .offer-holder .offer .partner.skyscanner div {
    background-image: url(../../img/partners/partner_skyscanner_re.png);
  }
}

.widget.rooms footer .show-more .on {
  display: none;
}

.widget.rooms footer.show-more-active .show-more .on {
  display: inline;
}

.widget.rooms footer.show-more-active .show-more .off {
  display: none;
}

.widget.rooms footer.show-more-active .more-rooms-available {
  visibility: hidden;
}

.widget.rooms .rooms-holder {
  margin-bottom: 20px;
}

.widget.rooms .one-room-style .rooms-holder header {
  font-size: 16px;
  padding: 6px 20px;
  font-weight: 400;
}

.widget.rooms .rooms-holder {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
  border-radius: 4px;
}

.widget.rooms .one-room-style .rooms-holder .hash-cheapest {
  margin-top: 5px;
}

.widget.rooms .rooms-holder .offer-holder .description {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #e0e0e0;
  margin: 10px 0 5px;
  padding: 5px 0;
  display: none;
}

.widget.rooms .rooms-holder .offer-holder .description .icon {
  color: #007ec4;
}

.widget.rooms .rooms-holder .offer-holder .description.show {
  clear: both;
  display: block;
}

.widget.rooms
  .rooms-holder
  .offer-holder
  .description.show
  + .description.show {
  clear: none;
}

.widget.rooms .rooms-holder .offer-holder .description h5 {
  font-weight: 700;
  font-size: 12px;
  margin: 7px 0;
}

.widget.rooms .rooms-holder .offer-holder .description p {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
}

.widget.rooms .rooms-holder .offer-holder .description ul {
  zoom: 1;
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
  overflow: hidden;
  font-size: 12px;
}

.widget.rooms .rooms-holder .offer-holder .description ul:before,
.widget.rooms .rooms-holder .offer-holder .description ul:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.widget.rooms .rooms-holder .offer-holder .description .grid-50 ul {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.widget.rooms .rooms-holder .offer-holder .description ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px 5px 27px;
  page-break-inside: avoid;
  position: relative;
  line-height: 1.4;
}

html[dir="rtl"] .widget.rooms .rooms-holder .offer-holder .description ul li {
  padding: 0 27px 5px 5px;
}

.widget.rooms .rooms-holder .offer-holder .description ul li .icon {
  font-size: 12px;
  left: 5px;
  position: absolute;
  top: 2px;
}

html[dir="rtl"]
  .widget.rooms
  .rooms-holder
  .offer-holder
  .description
  ul
  li
  .icon {
  left: auto;
  right: 5px;
}

.widget.rooms .one-room-style .rooms-holder .offer-holder {
  padding: 12px 8px 12px;
}

.variant1 .widget.rooms .rooms-holder .offer-holder.cheap-offer {
  background-color: rgba(52, 151, 25, 0.1);
  outline: 3px solid #349719;
}

.widget.rooms .one-room-style .rooms-holder .offer-holder .offer .book-now {
  text-align: right;
}

html[dir="rtl"]
  .widget.rooms
  .one-room-style
  .rooms-holder
  .offer-holder
  .offer
  .book-now {
  text-align: left;
}

.widget.rooms .one-room-style .rooms-holder .offer-holder .capopop {
  clear: both;
}

@media screen and (max-width: 1024px) {
  .widget.rooms .one-room-style .offer-holder .offer .partner {
    display: block;
    min-width: 0;
    text-align: right;
  }
  .widget.rooms .one-room-style .offer-holder .offer .partner div {
    float: right;
  }
  .widget.rooms .rooms-holder .offer-holder .description ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .widget.rooms .rooms-holder .offer-holder .description .grid-50 ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media screen and (max-width: 768px) {
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .price,
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .book-now {
    margin-top: 10px;
  }
  .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .price
    .main-price {
    margin-top: 0;
  }
  .widget.rooms .rooms-holder .offer-holder .offer .included select {
    width: 90%;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .tags ul {
    margin-top: 0;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .tags,
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .name,
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .book-now,
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .included {
    text-align: left;
  }
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .tags,
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .name,
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .book-now,
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .included {
    text-align: right;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .price {
    clear: both;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .included {
    clear: both;
    min-height: 0;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder {
    padding: 12px 8px 12px;
  }
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .name
    h4 {
    margin: 0 0 5px 5px;
  }
  .widget.rooms .one-room-style .rooms-holder .hash-cheapest {
    margin: 0 0 3px;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .book-now {
    margin: 0;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .price,
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .book-now {
    margin-top: 0;
    text-align: right;
  }
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .price,
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .book-now {
    text-align: left;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .name {
    padding: 0;
  }
  .widget.rooms .rooms-holder .offer-holder .description ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

@media screen and (max-width: 568px) {
  .widget.rooms .one-room-style .rooms-holder .offer-holder {
    padding: 12px 8px 12px;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .tags ul li {
    font-size: 13px;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .name {
    padding: 0;
  }
  .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .included
    > div {
    text-align: left;
  }
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .included
    > div {
    text-align: right;
  }
  .widget.rooms .one-room-style .rooms-holder header {
    font-weight: 700;
    padding: 6px 15px;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .description {
    margin: 5px 0 0;
  }
  .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .included
    > div
    + div,
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .price,
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .book-now {
    text-align: right;
  }
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .included
    > div
    + div,
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .price,
  html[dir="rtl"]
    .widget.rooms
    .one-room-style
    .rooms-holder
    .offer-holder
    .offer
    .book-now {
    text-align: left;
  }
  .widget.rooms .one-room-style .rooms-holder .offer-holder .offer .included p {
    font-size: 13px!important;
  }
  .widget.rooms .rooms-holder .offer-holder .offer .book-now .widget.button {
    min-width: 0;
    padding: 6px 10px;
  }
  .widget.rooms
    .rooms-holder
    .offer-holder
    .offer
    .book-now
    .widget.button.progressbar
    .widget.progressbar
    span {
    width: 8px;
  }
  .widget.rooms .rooms-holder .offer-holder .description ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.widget.rooms .more-room-style .hr + .hr {
  margin-top: 10px;
  border-width: 1px 0 0;
  border-color: #e0e0e0;
  border-style: solid;
}

.widget.rooms .more-room-style .rooms-holder .offer-holder {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #e0e0e0;
  padding: 5px 0 5px 20px;
}

html[dir="rtl"] .widget.rooms .more-room-style .rooms-holder .offer-holder {
  padding: 5px 20px 5px 0;
}

.widget.rooms .more-room-style .rooms-holder .offer-holder .offer {
  position: relative;
  height: 100%;
}

.widget.rooms .more-room-style .rooms-holder .offer-holder .offer > .grid-20 {
  position: absolute;
  right: 0;
  height: 100%;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #e0e0e0;
}

html[dir="rtl"]
  .widget.rooms
  .more-room-style
  .rooms-holder
  .offer-holder
  .offer
  > .grid-20 {
  left: 0;
  right: auto;
}

html[dir="rtl"]
  .widget.rooms
  .more-room-style
  .rooms-holder
  .offer-holder
  .offer
  > .grid-20 {
  border-width: 0 1px 0 0;
}

.widget.rooms
  .more-room-style
  .rooms-holder
  .offer-holder
  .offer
  > .grid-20
  .book-now-holder {
  display: table;
  height: 100%;
  width: 100%;
}

.widget.rooms
  .more-room-style
  .rooms-holder
  .offer-holder
  .offer
  > .grid-20
  .book-now-holder
  > div {
  display: table-cell;
  vertical-align: middle;
}

.widget.rooms .more-room-style .rooms-holder .offer-holder .offer > .align-hax {
  visibility: hidden;
  position: relative;
}

.widget.rooms .more-room-style .rooms-holder .hash-cheapest {
  position: relative;
  top: -1px;
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] .widget.rooms .more-room-style .rooms-holder .hash-cheapest {
  margin-left: 0;
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  .widget.rooms .more-room-style .rooms-holder .offer-holder {
    padding: 5px 20px;
  }
  html[dir="rtl"] .widget.rooms .more-room-style .rooms-holder .offer-holder {
    padding: 5px 20px;
  }
  .widget.rooms .more-room-style .rooms-holder .offer-holder .offer > .grid-20 {
    border: 0;
  }
  html[dir="rtl"]
    .widget.rooms
    .more-room-style
    .rooms-holder
    .offer-holder
    .offer
    > .grid-20 {
    border: 0;
  }
  .widget.rooms
    .more-room-style
    .rooms-holder
    .offer-holder
    .offer
    > .align-hax {
    display: none;
  }
  .widget.rooms .more-room-style .rooms-holder .offer-holder .offer > .grid-20 {
    position: relative;
  }
  .widget.rooms
    .more-room-style
    .rooms-holder
    .offer-holder
    .offer
    > .grid-20
    .book-now-holder,
  .widget.rooms
    .more-room-style
    .rooms-holder
    .offer-holder
    .offer
    > .grid-20
    .book-now-holder
    > div {
    display: block;
  }
}

.widget.rooms .more-room-style .rooms-holder header {
  background-color: #ededed;
}

.widget.rooms .more-room-style .rooms-holder header .arrow {
  width: 20px;
  height: 24px;
  background-color: #fff;
  padding-left: 10px;
  padding-top: 4px;
  cursor: pointer;
}

.widget.rooms .more-room-style .rooms-holder header .arrow .icon {
  font-size: 12px;
}

.widget.rooms .more-room-style .rooms-holder header .arrow .arrow_up {
  display: none;
}

.widget.rooms .more-room-style .rooms-holder.close .offer-holder,
.widget.rooms .more-room-style .rooms-holder.close header .arrow .arrow_down {
  display: none;
}

.widget.rooms .more-room-style .rooms-holder.close header .arrow .arrow_up {
  display: inline;
}

html[dir="rtl"] .widget.rooms .more-room-style .rooms-holder header .arrow {
  padding-left: 0;
  padding-right: 5px;
}

.widget.rooms .more-room-style .rooms-holder header > div {
  display: inline-block;
}

.widget.rooms .more-room-style .rooms-holder header .rate-option h4 {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  text-indent: 10px;
}

.widget.rooms
  .more-room-style
  .rooms-holder
  .offer-holder
  .offer
  .book-now-holder {
  text-align: center;
}

.widget.rooms .more-room-style footer {
  border-width: 1px;
}

.widget.rooms .more-room-style .rooms-holder .capopopup {
  clear: both;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .widget.rooms .rooms-holder .offer-holder .offer .tags,
  .widget.rooms .rooms-holder .offer-holder .offer .name,
  .widget.rooms .rooms-holder .offer-holder .offer .book-now {
    text-align: center;
  }
}

@media screen and (max-width: 568px) {
  .widget.rooms footer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .widget.rooms footer.show-more-active .more-rooms-available {
    display: none;
  }
  .widget.rooms footer .more-info,
  .widget.rooms footer .show-more {
    text-align: left;
  }
  html[dir="rtl"] .widget.rooms footer .more-info,
  html[dir="rtl"] .widget.rooms footer .show-more {
    text-align: right;
  }
}

.booking.view .important.infobox {
  border: 1px solid #dbdbdb;
  padding: 7px 10px 7px 44px;
  position: relative;
}

.booking.view .important.infobox .icon {
  color: inherit;
  font-size: 16px;
  left: 18px;
  position: absolute;
  top: 18px;
}

.booking.view .v2.info {
  margin: 20px 0 10px;
}

.booking.view .v2.info h2 {
  margin: 0;
}

.booking.view .v2.info hr {
  background-color: #e0e0e0;
  color: #e0e0e0;
  margin: 15px 0;
}

.booking.view .v2.info h3 {
  font-size: 15px;
  font-weight: 700;
}

.booking.view .v2.info .main-grid {
  padding: 0 30px 0 5px;
}

html[dir="rtl"] .booking.view .v2.info .main-grid {
  padding: 0 5px 0 30px;
}

.booking.view .v2.info .main-grid + .main-grid {
  padding: 0 5px 0 30px;
}

html[dir="rtl"] .booking.view .v2.info .main-grid + .main-grid {
  padding: 0 30px 0 5px;
}

.booking.view .v2.info .amenity {
  zoom: 1;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  overflow: hidden;
}

.booking.view .v2.info .amenity:before,
.booking.view .v2.info .amenity:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.booking.view .v2.info .amenity li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 5px 3px 27px;
  position: relative;
  width: 50%\9;
}

html[dir="rtl"] .booking.view .v2.info .amenity li {
  float: right;
}

html[dir="rtl"] .booking.view .v2.info .amenity li {
  padding: 0 27px 3px 5px;
}

.booking.view .v2.info .amenity li .icon {
  color: #007ec4;
  font-size: 12px;
  left: 5px;
  position: absolute;
  top: 4px;
}

html[dir="rtl"] .booking.view .v2.info .amenity li .icon {
  left: auto;
  right: 5px;
}

.booking.view .v2.info .amenity.simple {
  list-style-position: inside;
  list-style-type: disc;
  margin: 0 -5px;
}

.booking.view .v2.info .amenity.nocolumns {
  -webkit-column-count: auto;
  -moz-column-count: auto;
  column-count: auto;
}

.booking.view .v2.info .amenity.simple li {
  padding: 0 5px 3px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

html[dir="rtl"] .booking.view .v2.info .amenity.simple li {
  padding: 0 5px 3px;
}

.booking.view
  .v2.info
  .widget.toggle.active
  .amenity.simple
  li.show-when-active {
  display: list-item;
}

.booking.view .v2.info .paymenticon {
  display: inline-block;
  font-size: 0;
  height: 30px;
  text-indent: -9999px;
  width: 48px;
}

.booking.view .v2.info .paymenticon + .paymenticon {
  margin: 0 0 0 10px;
}

html[dir="rtl"] .booking.view .v2.info .paymenticon + .paymenticon {
  margin: 0 10px 0 0;
}

.booking.view .v2.info .paymenticon.americanexpress {
  background: url(../../img/paymenticons/americanexpress.png) no-repeat center;
  background: none,
    url(../../img/paymenticons/americanexpress.svg) no-repeat center;
}

.booking.view .v2.info .paymenticon.dinersclub {
  background: url(../../img/paymenticons/dinersclub.png) no-repeat center;
  background: none, url(../../img/paymenticons/dinersclub.svg) no-repeat center;
}

.booking.view .v2.info .paymenticon.discover {
  background: url(../../img/paymenticons/discover.png) no-repeat center;
  background: none, url(../../img/paymenticons/discover.svg) no-repeat center;
}

.booking.view .v2.info .paymenticon.jcbinternational {
  background: url(../../img/paymenticons/jcbinternational.png) no-repeat center;
  background: none,
    url(../../img/paymenticons/jcbinternational.svg) no-repeat center;
}

.booking.view .v2.info .paymenticon.mastercard {
  background: url(../../img/paymenticons/mastercard.png) no-repeat center;
  background: none, url(../../img/paymenticons/mastercard.svg) no-repeat center;
}

.booking.view .v2.info .paymenticon.visa {
  background: url(../../img/paymenticons/visa.png) no-repeat center;
  background: none, url(../../img/paymenticons/visa.svg) no-repeat center;
}

@media screen and (min-width: 769px) {
  .booking.view.wrap-container.hotelslider {
    padding-left: 9px;
    padding-right: auto;
  }
  html[dir="rtl"] .booking.view.wrap-container.hotelslider {
    padding-left: auto;
    padding-right: 9px;
  }
}

@media screen and (max-width: 768px) {
  .booking.view .v2.info .main-grid,
  .booking.view .v2.info .main-grid + .main-grid {
    padding: 0 5px;
  }
}

html[dir="rtl"] .widget.breadcrumbs .icon.rtl-hide {
  display: none;
}

html[dir="rtl"] .widget.breadcrumbs .icon.rtl-inline {
  display: inline !important;
}

html.disable-overflow {
  overflow: hidden;
}

html.disable-overflow body {
  overflow: hidden;
}

@media screen {
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }
  .clearfix:before,
  .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
  .clearfix:after {
    clear: both;
  }
  .grid-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
  }
  .grid-5,
  .mobile-grid-5,
  .tablet-grid-5,
  .grid-10,
  .mobile-grid-10,
  .tablet-grid-10,
  .grid-15,
  .mobile-grid-15,
  .tablet-grid-15,
  .grid-20,
  .mobile-grid-20,
  .tablet-grid-20,
  .grid-25,
  .mobile-grid-25,
  .tablet-grid-25,
  .grid-30,
  .mobile-grid-30,
  .tablet-grid-30,
  .grid-35,
  .mobile-grid-35,
  .tablet-grid-35,
  .grid-40,
  .mobile-grid-40,
  .tablet-grid-40,
  .grid-45,
  .mobile-grid-45,
  .tablet-grid-45,
  .grid-50,
  .mobile-grid-50,
  .tablet-grid-50,
  .grid-55,
  .mobile-grid-55,
  .tablet-grid-55,
  .grid-60,
  .mobile-grid-60,
  .tablet-grid-60,
  .grid-65,
  .mobile-grid-65,
  .tablet-grid-65,
  .grid-70,
  .mobile-grid-70,
  .tablet-grid-70,
  .grid-75,
  .mobile-grid-75,
  .tablet-grid-75,
  .grid-80,
  .mobile-grid-80,
  .tablet-grid-80,
  .grid-85,
  .mobile-grid-85,
  .tablet-grid-85,
  .grid-90,
  .mobile-grid-90,
  .tablet-grid-90,
  .grid-95,
  .mobile-grid-95,
  .tablet-grid-95,
  .grid-100,
  .mobile-grid-100,
  .tablet-grid-100,
  .grid-33,
  .mobile-grid-33,
  .tablet-grid-33,
  .grid-66,
  .mobile-grid-66,
  .tablet-grid-66 {
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
  }
  .grid-parent {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 568px) {
  .mobile-grid-100:before,
  .mobile-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
  .mobile-grid-100:after {
    clear: both;
  }
  .mobile-push-5,
  .mobile-pull-5,
  .mobile-push-10,
  .mobile-pull-10,
  .mobile-push-15,
  .mobile-pull-15,
  .mobile-push-20,
  .mobile-pull-20,
  .mobile-push-25,
  .mobile-pull-25,
  .mobile-push-30,
  .mobile-pull-30,
  .mobile-push-35,
  .mobile-pull-35,
  .mobile-push-40,
  .mobile-pull-40,
  .mobile-push-45,
  .mobile-pull-45,
  .mobile-push-50,
  .mobile-pull-50,
  .mobile-push-55,
  .mobile-pull-55,
  .mobile-push-60,
  .mobile-pull-60,
  .mobile-push-65,
  .mobile-pull-65,
  .mobile-push-70,
  .mobile-pull-70,
  .mobile-push-75,
  .mobile-pull-75,
  .mobile-push-80,
  .mobile-pull-80,
  .mobile-push-85,
  .mobile-pull-85,
  .mobile-push-90,
  .mobile-pull-90,
  .mobile-push-95,
  .mobile-pull-95,
  .mobile-push-33,
  .mobile-pull-33,
  .mobile-push-66,
  .mobile-pull-66 {
    position: relative;
  }
  .mobile-grid-5,
  .mobile-grid-10,
  .mobile-grid-15,
  .mobile-grid-20,
  .mobile-grid-25,
  .mobile-grid-30,
  .mobile-grid-35,
  .mobile-grid-40,
  .mobile-grid-45,
  .mobile-grid-50,
  .mobile-grid-55,
  .mobile-grid-60,
  .mobile-grid-65,
  .mobile-grid-70,
  .mobile-grid-75,
  .mobile-grid-80,
  .mobile-grid-85,
  .mobile-grid-90,
  .mobile-grid-95,
  .mobile-grid-33,
  .mobile-grid-66 {
    float: left;
  }
  html[dir="rtl"] .mobile-grid-5,
  html[dir="rtl"] .mobile-grid-10,
  html[dir="rtl"] .mobile-grid-15,
  html[dir="rtl"] .mobile-grid-20,
  html[dir="rtl"] .mobile-grid-25,
  html[dir="rtl"] .mobile-grid-30,
  html[dir="rtl"] .mobile-grid-35,
  html[dir="rtl"] .mobile-grid-40,
  html[dir="rtl"] .mobile-grid-45,
  html[dir="rtl"] .mobile-grid-50,
  html[dir="rtl"] .mobile-grid-55,
  html[dir="rtl"] .mobile-grid-60,
  html[dir="rtl"] .mobile-grid-65,
  html[dir="rtl"] .mobile-grid-70,
  html[dir="rtl"] .mobile-grid-75,
  html[dir="rtl"] .mobile-grid-80,
  html[dir="rtl"] .mobile-grid-85,
  html[dir="rtl"] .mobile-grid-90,
  html[dir="rtl"] .mobile-grid-95,
  html[dir="rtl"] .mobile-grid-33,
  html[dir="rtl"] .mobile-grid-66 {
    float: right;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .mobile-grid-5 {
    width: 5%;
  }
  .mobile-prefix-5 {
    margin: 0 0 0 5%;
  }
  html[dir="rtl"] .mobile-prefix-5 {
    margin: 0 5% 0 0;
  }
  .mobile-suffix-5 {
    margin: 0 5% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-5 {
    margin: 0 0 0 5%;
  }
  .mobile-prefix-suffix-5 {
    margin: 0 5%;
  }
  .mobile-push-5 {
    left: 5%;
  }
  html[dir="rtl"] .mobile-push-5 {
    left: auto;
    right: 5%;
  }
  .mobile-pull-5 {
    left: -5%;
  }
  html[dir="rtl"] .mobile-pull-5 {
    left: auto;
    right: -5%;
  }
  .mobile-grid-10 {
    width: 10%;
  }
  .mobile-prefix-10 {
    margin: 0 0 0 10%;
  }
  html[dir="rtl"] .mobile-prefix-10 {
    margin: 0 10% 0 0;
  }
  .mobile-suffix-10 {
    margin: 0 10% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-10 {
    margin: 0 0 0 10%;
  }
  .mobile-prefix-suffix-10 {
    margin: 0 10%;
  }
  .mobile-push-10 {
    left: 10%;
  }
  html[dir="rtl"] .mobile-push-10 {
    left: auto;
    right: 10%;
  }
  .mobile-pull-10 {
    left: -10%;
  }
  html[dir="rtl"] .mobile-pull-10 {
    left: auto;
    right: -10%;
  }
  .mobile-grid-15 {
    width: 15%;
  }
  .mobile-prefix-15 {
    margin: 0 0 0 15%;
  }
  html[dir="rtl"] .mobile-prefix-15 {
    margin: 0 15% 0 0;
  }
  .mobile-suffix-15 {
    margin: 0 15% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-15 {
    margin: 0 0 0 15%;
  }
  .mobile-prefix-suffix-15 {
    margin: 0 15%;
  }
  .mobile-push-15 {
    left: 15%;
  }
  html[dir="rtl"] .mobile-push-15 {
    left: auto;
    right: 15%;
  }
  .mobile-pull-15 {
    left: -15%;
  }
  html[dir="rtl"] .mobile-pull-15 {
    left: auto;
    right: -15%;
  }
  .mobile-grid-20 {
    width: 20%;
  }
  .mobile-prefix-20 {
    margin: 0 0 0 20%;
  }
  html[dir="rtl"] .mobile-prefix-20 {
    margin: 0 20% 0 0;
  }
  .mobile-suffix-20 {
    margin: 0 20% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-20 {
    margin: 0 0 0 20%;
  }
  .mobile-prefix-suffix-20 {
    margin: 0 20%;
  }
  .mobile-push-20 {
    left: 20%;
  }
  html[dir="rtl"] .mobile-push-20 {
    left: auto;
    right: 20%;
  }
  .mobile-pull-20 {
    left: -20%;
  }
  html[dir="rtl"] .mobile-pull-20 {
    left: auto;
    right: -20%;
  }
  .mobile-grid-25 {
    width: 25%;
  }
  .mobile-prefix-25 {
    margin: 0 0 0 25%;
  }
  html[dir="rtl"] .mobile-prefix-25 {
    margin: 0 25% 0 0;
  }
  .mobile-suffix-25 {
    margin: 0 25% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-25 {
    margin: 0 0 0 25%;
  }
  .mobile-prefix-suffix-25 {
    margin: 0 25%;
  }
  .mobile-push-25 {
    left: 25%;
  }
  html[dir="rtl"] .mobile-push-25 {
    left: auto;
    right: 25%;
  }
  .mobile-pull-25 {
    left: -25%;
  }
  html[dir="rtl"] .mobile-pull-25 {
    left: auto;
    right: -25%;
  }
  .mobile-grid-30 {
    width: 30%;
  }
  .mobile-prefix-30 {
    margin: 0 0 0 30%;
  }
  html[dir="rtl"] .mobile-prefix-30 {
    margin: 0 30% 0 0;
  }
  .mobile-suffix-30 {
    margin: 0 30% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-30 {
    margin: 0 0 0 30%;
  }
  .mobile-prefix-suffix-30 {
    margin: 0 30%;
  }
  .mobile-push-30 {
    left: 30%;
  }
  html[dir="rtl"] .mobile-push-30 {
    left: auto;
    right: 30%;
  }
  .mobile-pull-30 {
    left: -30%;
  }
  html[dir="rtl"] .mobile-pull-30 {
    left: auto;
    right: -30%;
  }
  .mobile-grid-35 {
    width: 35%;
  }
  .mobile-prefix-35 {
    margin: 0 0 0 35%;
  }
  html[dir="rtl"] .mobile-prefix-35 {
    margin: 0 35% 0 0;
  }
  .mobile-suffix-35 {
    margin: 0 35% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-35 {
    margin: 0 0 0 35%;
  }
  .mobile-prefix-suffix-35 {
    margin: 0 35%;
  }
  .mobile-push-35 {
    left: 35%;
  }
  html[dir="rtl"] .mobile-push-35 {
    left: auto;
    right: 35%;
  }
  .mobile-pull-35 {
    left: -35%;
  }
  html[dir="rtl"] .mobile-pull-35 {
    left: auto;
    right: -35%;
  }
  .mobile-grid-40 {
    width: 40%;
  }
  .mobile-prefix-40 {
    margin: 0 0 0 40%;
  }
  html[dir="rtl"] .mobile-prefix-40 {
    margin: 0 40% 0 0;
  }
  .mobile-suffix-40 {
    margin: 0 40% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-40 {
    margin: 0 0 0 40%;
  }
  .mobile-prefix-suffix-40 {
    margin: 0 40%;
  }
  .mobile-push-40 {
    left: 40%;
  }
  html[dir="rtl"] .mobile-push-40 {
    left: auto;
    right: 40%;
  }
  .mobile-pull-40 {
    left: -40%;
  }
  html[dir="rtl"] .mobile-pull-40 {
    left: auto;
    right: -40%;
  }
  .mobile-grid-45 {
    width: 45%;
  }
  .mobile-prefix-45 {
    margin: 0 0 0 45%;
  }
  html[dir="rtl"] .mobile-prefix-45 {
    margin: 0 45% 0 0;
  }
  .mobile-suffix-45 {
    margin: 0 45% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-45 {
    margin: 0 0 0 45%;
  }
  .mobile-prefix-suffix-45 {
    margin: 0 45%;
  }
  .mobile-push-45 {
    left: 45%;
  }
  html[dir="rtl"] .mobile-push-45 {
    left: auto;
    right: 45%;
  }
  .mobile-pull-45 {
    left: -45%;
  }
  html[dir="rtl"] .mobile-pull-45 {
    left: auto;
    right: -45%;
  }
  .mobile-grid-50 {
    width: 50%;
  }
  .mobile-prefix-50 {
    margin: 0 0 0 50%;
  }
  html[dir="rtl"] .mobile-prefix-50 {
    margin: 0 50% 0 0;
  }
  .mobile-suffix-50 {
    margin: 0 50% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-50 {
    margin: 0 0 0 50%;
  }
  .mobile-prefix-suffix-50 {
    margin: 0 50%;
  }
  .mobile-push-50 {
    left: 50%;
  }
  html[dir="rtl"] .mobile-push-50 {
    left: auto;
    right: 50%;
  }
  .mobile-pull-50 {
    left: -50%;
  }
  html[dir="rtl"] .mobile-pull-50 {
    left: auto;
    right: -50%;
  }
  .mobile-grid-55 {
    width: 55%;
  }
  .mobile-prefix-55 {
    margin: 0 0 0 55%;
  }
  html[dir="rtl"] .mobile-prefix-55 {
    margin: 0 55% 0 0;
  }
  .mobile-suffix-55 {
    margin: 0 55% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-55 {
    margin: 0 0 0 55%;
  }
  .mobile-prefix-suffix-55 {
    margin: 0 55%;
  }
  .mobile-push-55 {
    left: 55%;
  }
  html[dir="rtl"] .mobile-push-55 {
    left: auto;
    right: 55%;
  }
  .mobile-pull-55 {
    left: -55%;
  }
  html[dir="rtl"] .mobile-pull-55 {
    left: auto;
    right: -55%;
  }
  .mobile-grid-60 {
    width: 60%;
  }
  .mobile-prefix-60 {
    margin: 0 0 0 60%;
  }
  html[dir="rtl"] .mobile-prefix-60 {
    margin: 0 60% 0 0;
  }
  .mobile-suffix-60 {
    margin: 0 60% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-60 {
    margin: 0 0 0 60%;
  }
  .mobile-prefix-suffix-60 {
    margin: 0 60%;
  }
  .mobile-push-60 {
    left: 60%;
  }
  html[dir="rtl"] .mobile-push-60 {
    left: auto;
    right: 60%;
  }
  .mobile-pull-60 {
    left: -60%;
  }
  html[dir="rtl"] .mobile-pull-60 {
    left: auto;
    right: -60%;
  }
  .mobile-grid-65 {
    width: 65%;
  }
  .mobile-prefix-65 {
    margin: 0 0 0 65%;
  }
  html[dir="rtl"] .mobile-prefix-65 {
    margin: 0 65% 0 0;
  }
  .mobile-suffix-65 {
    margin: 0 65% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-65 {
    margin: 0 0 0 65%;
  }
  .mobile-prefix-suffix-65 {
    margin: 0 65%;
  }
  .mobile-push-65 {
    left: 65%;
  }
  html[dir="rtl"] .mobile-push-65 {
    left: auto;
    right: 65%;
  }
  .mobile-pull-65 {
    left: -65%;
  }
  html[dir="rtl"] .mobile-pull-65 {
    left: auto;
    right: -65%;
  }
  .mobile-grid-70 {
    width: 70%;
  }
  .mobile-prefix-70 {
    margin: 0 0 0 70%;
  }
  html[dir="rtl"] .mobile-prefix-70 {
    margin: 0 70% 0 0;
  }
  .mobile-suffix-70 {
    margin: 0 70% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-70 {
    margin: 0 0 0 70%;
  }
  .mobile-prefix-suffix-70 {
    margin: 0 70%;
  }
  .mobile-push-70 {
    left: 70%;
  }
  html[dir="rtl"] .mobile-push-70 {
    left: auto;
    right: 70%;
  }
  .mobile-pull-70 {
    left: -70%;
  }
  html[dir="rtl"] .mobile-pull-70 {
    left: auto;
    right: -70%;
  }
  .mobile-grid-75 {
    width: 75%;
  }
  .mobile-prefix-75 {
    margin: 0 0 0 75%;
  }
  html[dir="rtl"] .mobile-prefix-75 {
    margin: 0 75% 0 0;
  }
  .mobile-suffix-75 {
    margin: 0 75% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-75 {
    margin: 0 0 0 75%;
  }
  .mobile-prefix-suffix-75 {
    margin: 0 75%;
  }
  .mobile-push-75 {
    left: 75%;
  }
  html[dir="rtl"] .mobile-push-75 {
    left: auto;
    right: 75%;
  }
  .mobile-pull-75 {
    left: -75%;
  }
  html[dir="rtl"] .mobile-pull-75 {
    left: auto;
    right: -75%;
  }
  .mobile-grid-80 {
    width: 80%;
  }
  .mobile-prefix-80 {
    margin: 0 0 0 80%;
  }
  html[dir="rtl"] .mobile-prefix-80 {
    margin: 0 80% 0 0;
  }
  .mobile-suffix-80 {
    margin: 0 80% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-80 {
    margin: 0 0 0 80%;
  }
  .mobile-prefix-suffix-80 {
    margin: 0 80%;
  }
  .mobile-push-80 {
    left: 80%;
  }
  html[dir="rtl"] .mobile-push-80 {
    left: auto;
    right: 80%;
  }
  .mobile-pull-80 {
    left: -80%;
  }
  html[dir="rtl"] .mobile-pull-80 {
    left: auto;
    right: -80%;
  }
  .mobile-grid-85 {
    width: 85%;
  }
  .mobile-prefix-85 {
    margin: 0 0 0 85%;
  }
  html[dir="rtl"] .mobile-prefix-85 {
    margin: 0 85% 0 0;
  }
  .mobile-suffix-85 {
    margin: 0 85% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-85 {
    margin: 0 0 0 85%;
  }
  .mobile-prefix-suffix-85 {
    margin: 0 75%;
  }
  .mobile-push-85 {
    left: 85%;
  }
  html[dir="rtl"] .mobile-push-85 {
    left: auto;
    right: 85%;
  }
  .mobile-pull-85 {
    left: -85%;
  }
  html[dir="rtl"] .mobile-pull-85 {
    left: auto;
    right: -85%;
  }
  .mobile-grid-90 {
    width: 90%;
  }
  .mobile-prefix-90 {
    margin: 0 0 0 90%;
  }
  html[dir="rtl"] .mobile-prefix-90 {
    margin: 0 90% 0 0;
  }
  .mobile-suffix-90 {
    margin: 0 90% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-90 {
    margin: 0 0 0 90%;
  }
  .mobile-prefix-suffix-90 {
    margin: 0 90%;
  }
  .mobile-push-90 {
    left: 90%;
  }
  html[dir="rtl"] .mobile-push-90 {
    left: auto;
    right: 90%;
  }
  .mobile-pull-90 {
    left: -90%;
  }
  html[dir="rtl"] .mobile-pull-90 {
    left: auto;
    right: -90%;
  }
  .mobile-grid-95 {
    width: 95%;
  }
  .mobile-prefix-95 {
    margin: 0 0 0 95%;
  }
  html[dir="rtl"] .mobile-prefix-95 {
    margin: 0 95% 0 0;
  }
  .mobile-suffix-95 {
    margin: 0 95% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-95 {
    margin: 0 0 0 95%;
  }
  .mobile-prefix-suffix-95 {
    margin: 0 95%;
  }
  .mobile-push-95 {
    left: 95%;
  }
  html[dir="rtl"] .mobile-push-95 {
    left: auto;
    right: 95%;
  }
  .mobile-pull-95 {
    left: -95%;
  }
  html[dir="rtl"] .mobile-pull-95 {
    left: auto;
    right: -95%;
  }
  .mobile-grid-33 {
    width: 33.33333%;
  }
  .mobile-prefix-33 {
    margin: 0 0 0 33.33333%;
  }
  html[dir="rtl"] .mobile-prefix-33 {
    margin: 0 33.33333% 0 0;
  }
  .mobile-suffix-33 {
    margin: 0 33.33333% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-33 {
    margin: 0 0 0 33.33333%;
  }
  .mobile-prefix-suffix-33 {
    margin: 0 33.33333%;
  }
  .mobile-push-33 {
    left: 33.33333%;
  }
  html[dir="rtl"] .mobile-push-33 {
    left: auto;
    right: 33.33333%;
  }
  .mobile-pull-33 {
    left: -33.33333%;
  }
  html[dir="rtl"] .mobile-pull-33 {
    left: auto;
    right: -33.33333%;
  }
  .mobile-grid-66 {
    width: 66.66667%;
  }
  .mobile-prefix-66 {
    margin: 0 0 0 66.66667%;
  }
  html[dir="rtl"] .mobile-prefix-66 {
    margin: 0 66.66667% 0 0;
  }
  .mobile-suffix-66 {
    margin: 0 66.66667% 0 0;
  }
  html[dir="rtl"] .mobile-suffix-66 {
    margin: 0 0 0 66.66667%;
  }
  .mobile-prefix-suffix-66 {
    margin: 0 66.66667%;
  }
  .mobile-push-66 {
    left: 66.66667%;
  }
  html[dir="rtl"] .mobile-push-66 {
    left: auto;
    right: 66.66667%;
  }
  .mobile-pull-66 {
    left: -66.66667%;
  }
  html[dir="rtl"] .mobile-pull-66 {
    left: auto;
    right: -66.66667%;
  }
  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}

@media screen and (min-width: 569px) and (max-width: 768px) {
  .tablet-grid-100:before,
  .tablet-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
  .tablet-grid-100:after {
    clear: both;
  }
  .tablet-push-5,
  .tablet-pull-5,
  .tablet-push-10,
  .tablet-pull-10,
  .tablet-push-15,
  .tablet-pull-15,
  .tablet-push-20,
  .tablet-pull-20,
  .tablet-push-25,
  .tablet-pull-25,
  .tablet-push-30,
  .tablet-pull-30,
  .tablet-push-35,
  .tablet-pull-35,
  .tablet-push-40,
  .tablet-pull-40,
  .tablet-push-45,
  .tablet-pull-45,
  .tablet-push-50,
  .tablet-pull-50,
  .tablet-push-55,
  .tablet-pull-55,
  .tablet-push-60,
  .tablet-pull-60,
  .tablet-push-65,
  .tablet-pull-65,
  .tablet-push-70,
  .tablet-pull-70,
  .tablet-push-75,
  .tablet-pull-75,
  .tablet-push-80,
  .tablet-pull-80,
  .tablet-push-85,
  .tablet-pull-85,
  .tablet-push-90,
  .tablet-pull-90,
  .tablet-push-95,
  .tablet-pull-95,
  .tablet-push-33,
  .tablet-pull-33,
  .tablet-push-66,
  .tablet-pull-66 {
    position: relative;
  }
  .tablet-grid-5,
  .tablet-grid-10,
  .tablet-grid-15,
  .tablet-grid-20,
  .tablet-grid-25,
  .tablet-grid-30,
  .tablet-grid-35,
  .tablet-grid-40,
  .tablet-grid-45,
  .tablet-grid-50,
  .tablet-grid-55,
  .tablet-grid-60,
  .tablet-grid-65,
  .tablet-grid-70,
  .tablet-grid-75,
  .tablet-grid-80,
  .tablet-grid-85,
  .tablet-grid-90,
  .tablet-grid-95,
  .tablet-grid-33,
  .tablet-grid-66 {
    float: left;
  }
  html[dir="rtl"] .tablet-grid-5,
  html[dir="rtl"] .tablet-grid-10,
  html[dir="rtl"] .tablet-grid-15,
  html[dir="rtl"] .tablet-grid-20,
  html[dir="rtl"] .tablet-grid-25,
  html[dir="rtl"] .tablet-grid-30,
  html[dir="rtl"] .tablet-grid-35,
  html[dir="rtl"] .tablet-grid-40,
  html[dir="rtl"] .tablet-grid-45,
  html[dir="rtl"] .tablet-grid-50,
  html[dir="rtl"] .tablet-grid-55,
  html[dir="rtl"] .tablet-grid-60,
  html[dir="rtl"] .tablet-grid-65,
  html[dir="rtl"] .tablet-grid-70,
  html[dir="rtl"] .tablet-grid-75,
  html[dir="rtl"] .tablet-grid-80,
  html[dir="rtl"] .tablet-grid-85,
  html[dir="rtl"] .tablet-grid-90,
  html[dir="rtl"] .tablet-grid-95,
  html[dir="rtl"] .tablet-grid-33,
  html[dir="rtl"] .tablet-grid-66 {
    float: right;
  }
  .hide-on-tablet {
    display: none !important;
  }
  .tablet-grid-5 {
    width: 5%;
  }
  .tablet-prefix-5 {
    margin: 0 0 0 5%;
  }
  html[dir="rtl"] .tablet-prefix-5 {
    margin: 0 5% 0 0;
  }
  .tablet-suffix-5 {
    margin: 0 5% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-5 {
    margin: 0 0 0 5%;
  }
  .tablet-prefix-suffix-5 {
    margin: 0 5%;
  }
  .tablet-push-5 {
    left: 5%;
  }
  html[dir="rtl"] .tablet-push-5 {
    left: auto;
    right: 5%;
  }
  .tablet-pull-5 {
    left: -5%;
  }
  html[dir="rtl"] .tablet-pull-5 {
    left: auto;
    right: -5%;
  }
  .tablet-grid-10 {
    width: 10%;
  }
  .tablet-prefix-10 {
    margin: 0 0 0 10%;
  }
  html[dir="rtl"] .tablet-prefix-10 {
    margin: 0 10% 0 0;
  }
  .tablet-suffix-10 {
    margin: 0 10% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-10 {
    margin: 0 0 0 10%;
  }
  .tablet-prefix-suffix-10 {
    margin: 0 10%;
  }
  .tablet-push-10 {
    left: 10%;
  }
  html[dir="rtl"] .tablet-push-10 {
    left: auto;
    right: 10%;
  }
  .tablet-pull-10 {
    left: -10%;
  }
  html[dir="rtl"] .tablet-pull-10 {
    left: auto;
    right: -10%;
  }
  .tablet-grid-15 {
    width: 15%;
  }
  .tablet-prefix-15 {
    margin: 0 0 0 15%;
  }
  html[dir="rtl"] .tablet-prefix-15 {
    margin: 0 15% 0 0;
  }
  .tablet-suffix-15 {
    margin: 0 15% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-15 {
    margin: 0 0 0 15%;
  }
  .tablet-prefix-suffix-15 {
    margin: 0 15%;
  }
  .tablet-push-15 {
    left: 15%;
  }
  html[dir="rtl"] .tablet-push-15 {
    left: auto;
    right: 15%;
  }
  .tablet-pull-15 {
    left: -15%;
  }
  html[dir="rtl"] .tablet-pull-15 {
    left: auto;
    right: -15%;
  }
  .tablet-grid-20 {
    width: 20%;
  }
  .tablet-prefix-20 {
    margin: 0 0 0 20%;
  }
  html[dir="rtl"] .tablet-prefix-20 {
    margin: 0 20% 0 0;
  }
  .tablet-suffix-20 {
    margin: 0 20% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-20 {
    margin: 0 0 0 20%;
  }
  .tablet-prefix-suffix-20 {
    margin: 0 20%;
  }
  .tablet-push-20 {
    left: 20%;
  }
  html[dir="rtl"] .tablet-push-20 {
    left: auto;
    right: 20%;
  }
  .tablet-pull-20 {
    left: -20%;
  }
  html[dir="rtl"] .tablet-pull-20 {
    left: auto;
    right: -20%;
  }
  .tablet-grid-25 {
    width: 25%;
  }
  .tablet-prefix-25 {
    margin: 0 0 0 25%;
  }
  html[dir="rtl"] .tablet-prefix-25 {
    margin: 0 25% 0 0;
  }
  .tablet-suffix-25 {
    margin: 0 25% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-25 {
    margin: 0 0 0 25%;
  }
  .tablet-prefix-suffix-25 {
    margin: 0 25%;
  }
  .tablet-push-25 {
    left: 25%;
  }
  html[dir="rtl"] .tablet-push-25 {
    left: auto;
    right: 25%;
  }
  .tablet-pull-25 {
    left: -25%;
  }
  html[dir="rtl"] .tablet-pull-25 {
    left: auto;
    right: -25%;
  }
  .tablet-grid-30 {
    width: 30%;
  }
  .tablet-prefix-30 {
    margin: 0 0 0 30%;
  }
  html[dir="rtl"] .tablet-prefix-30 {
    margin: 0 30% 0 0;
  }
  .tablet-suffix-30 {
    margin: 0 30% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-30 {
    margin: 0 0 0 30%;
  }
  .tablet-prefix-suffix-30 {
    margin: 0 30%;
  }
  .tablet-push-30 {
    left: 30%;
  }
  html[dir="rtl"] .tablet-push-30 {
    left: auto;
    right: 30%;
  }
  .tablet-pull-30 {
    left: -30%;
  }
  html[dir="rtl"] .tablet-pull-30 {
    left: auto;
    right: -30%;
  }
  .tablet-grid-35 {
    width: 35%;
  }
  .tablet-prefix-35 {
    margin: 0 0 0 35%;
  }
  html[dir="rtl"] .tablet-prefix-35 {
    margin: 0 35% 0 0;
  }
  .tablet-suffix-35 {
    margin: 0 35% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-35 {
    margin: 0 0 0 35%;
  }
  .tablet-prefix-suffix-35 {
    margin: 0 35%;
  }
  .tablet-push-35 {
    left: 35%;
  }
  html[dir="rtl"] .tablet-push-35 {
    left: auto;
    right: 35%;
  }
  .tablet-pull-35 {
    left: -35%;
  }
  html[dir="rtl"] .tablet-pull-35 {
    left: auto;
    right: -35%;
  }
  .tablet-grid-40 {
    width: 40%;
  }
  .tablet-prefix-40 {
    margin: 0 0 0 40%;
  }
  html[dir="rtl"] .tablet-prefix-40 {
    margin: 0 40% 0 0;
  }
  .tablet-suffix-40 {
    margin: 0 40% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-40 {
    margin: 0 0 0 40%;
  }
  .tablet-prefix-suffix-40 {
    margin: 0 40%;
  }
  .tablet-push-40 {
    left: 40%;
  }
  html[dir="rtl"] .tablet-push-40 {
    left: auto;
    right: 40%;
  }
  .tablet-pull-40 {
    left: -40%;
  }
  html[dir="rtl"] .tablet-pull-40 {
    left: auto;
    right: -40%;
  }
  .tablet-grid-45 {
    width: 45%;
  }
  .tablet-prefix-45 {
    margin: 0 0 0 45%;
  }
  html[dir="rtl"] .tablet-prefix-45 {
    margin: 0 45% 0 0;
  }
  .tablet-suffix-45 {
    margin: 0 45% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-45 {
    margin: 0 0 0 45%;
  }
  .tablet-prefix-suffix-45 {
    margin: 0 45%;
  }
  .tablet-push-45 {
    left: 45%;
  }
  html[dir="rtl"] .tablet-push-45 {
    left: auto;
    right: 45%;
  }
  .tablet-pull-45 {
    left: -45%;
  }
  html[dir="rtl"] .tablet-pull-45 {
    left: auto;
    right: -45%;
  }
  .tablet-grid-50 {
    width: 50%;
  }
  .tablet-prefix-50 {
    margin: 0 0 0 50%;
  }
  html[dir="rtl"] .tablet-prefix-50 {
    margin: 0 50% 0 0;
  }
  .tablet-suffix-50 {
    margin: 0 50% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-50 {
    margin: 0 0 0 50%;
  }
  .tablet-prefix-suffix-50 {
    margin: 0 50%;
  }
  .tablet-push-50 {
    left: 50%;
  }
  html[dir="rtl"] .tablet-push-50 {
    left: auto;
    right: 50%;
  }
  .tablet-pull-50 {
    left: -50%;
  }
  html[dir="rtl"] .tablet-pull-50 {
    left: auto;
    right: -50%;
  }
  .tablet-grid-55 {
    width: 55%;
  }
  .tablet-prefix-55 {
    margin: 0 0 0 55%;
  }
  html[dir="rtl"] .tablet-prefix-55 {
    margin: 0 55% 0 0;
  }
  .tablet-suffix-55 {
    margin: 0 55% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-55 {
    margin: 0 0 0 55%;
  }
  .tablet-prefix-suffix-55 {
    margin: 0 55%;
  }
  .tablet-push-55 {
    left: 55%;
  }
  html[dir="rtl"] .tablet-push-55 {
    left: auto;
    right: 55%;
  }
  .tablet-pull-55 {
    left: -55%;
  }
  html[dir="rtl"] .tablet-pull-55 {
    left: auto;
    right: -55%;
  }
  .tablet-grid-60 {
    width: 60%;
  }
  .tablet-prefix-60 {
    margin: 0 0 0 60%;
  }
  html[dir="rtl"] .tablet-prefix-60 {
    margin: 0 60% 0 0;
  }
  .tablet-suffix-60 {
    margin: 0 60% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-60 {
    margin: 0 0 0 60%;
  }
  .tablet-prefix-suffix-60 {
    margin: 0 60%;
  }
  .tablet-push-60 {
    left: 60%;
  }
  html[dir="rtl"] .tablet-push-60 {
    left: auto;
    right: 60%;
  }
  .tablet-pull-60 {
    left: -60%;
  }
  html[dir="rtl"] .tablet-pull-60 {
    left: auto;
    right: -60%;
  }
  .tablet-grid-65 {
    width: 65%;
  }
  .tablet-prefix-65 {
    margin: 0 0 0 65%;
  }
  html[dir="rtl"] .tablet-prefix-65 {
    margin: 0 65% 0 0;
  }
  .tablet-suffix-65 {
    margin: 0 65% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-65 {
    margin: 0 0 0 65%;
  }
  .tablet-prefix-suffix-65 {
    margin: 0 65%;
  }
  .tablet-push-65 {
    left: 65%;
  }
  html[dir="rtl"] .tablet-push-65 {
    left: auto;
    right: 65%;
  }
  .tablet-pull-65 {
    left: -65%;
  }
  html[dir="rtl"] .tablet-pull-65 {
    left: auto;
    right: -65%;
  }
  .tablet-grid-70 {
    width: 70%;
  }
  .tablet-prefix-70 {
    margin: 0 0 0 70%;
  }
  html[dir="rtl"] .tablet-prefix-70 {
    margin: 0 70% 0 0;
  }
  .tablet-suffix-70 {
    margin: 0 70% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-70 {
    margin: 0 0 0 70%;
  }
  .tablet-prefix-suffix-70 {
    margin: 0 70%;
  }
  .tablet-push-70 {
    left: 70%;
  }
  html[dir="rtl"] .tablet-push-70 {
    left: auto;
    right: 70%;
  }
  .tablet-pull-70 {
    left: -70%;
  }
  html[dir="rtl"] .tablet-pull-70 {
    left: auto;
    right: -70%;
  }
  .tablet-grid-75 {
    width: 75%;
  }
  .tablet-prefix-75 {
    margin: 0 0 0 75%;
  }
  html[dir="rtl"] .tablet-prefix-75 {
    margin: 0 75% 0 0;
  }
  .tablet-suffix-75 {
    margin: 0 75% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-75 {
    margin: 0 0 0 75%;
  }
  .tablet-prefix-suffix-75 {
    margin: 0 75%;
  }
  .tablet-push-75 {
    left: 75%;
  }
  html[dir="rtl"] .tablet-push-75 {
    left: auto;
    right: 75%;
  }
  .tablet-pull-75 {
    left: -75%;
  }
  html[dir="rtl"] .tablet-pull-75 {
    left: auto;
    right: -75%;
  }
  .tablet-grid-80 {
    width: 80%;
  }
  .tablet-prefix-80 {
    margin: 0 0 0 80%;
  }
  html[dir="rtl"] .tablet-prefix-80 {
    margin: 0 80% 0 0;
  }
  .tablet-suffix-80 {
    margin: 0 80% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-80 {
    margin: 0 0 0 80%;
  }
  .tablet-prefix-suffix-80 {
    margin: 0 80%;
  }
  .tablet-push-80 {
    left: 80%;
  }
  html[dir="rtl"] .tablet-push-80 {
    left: auto;
    right: 80%;
  }
  .tablet-pull-80 {
    left: -80%;
  }
  html[dir="rtl"] .tablet-pull-80 {
    left: auto;
    right: -80%;
  }
  .tablet-grid-85 {
    width: 85%;
  }
  .tablet-prefix-85 {
    margin: 0 0 0 85%;
  }
  html[dir="rtl"] .tablet-prefix-85 {
    margin: 0 85% 0 0;
  }
  .tablet-suffix-85 {
    margin: 0 85% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-85 {
    margin: 0 0 0 85%;
  }
  .tablet-prefix-suffix-85 {
    margin: 0 85%;
  }
  .tablet-push-85 {
    left: 85%;
  }
  html[dir="rtl"] .tablet-push-85 {
    left: auto;
    right: 85%;
  }
  .tablet-pull-85 {
    left: -85%;
  }
  html[dir="rtl"] .tablet-pull-85 {
    left: auto;
    right: -85%;
  }
  .tablet-grid-90 {
    width: 90%;
  }
  .tablet-prefix-90 {
    margin: 0 0 0 90%;
  }
  html[dir="rtl"] .tablet-prefix-90 {
    margin: 0 90% 0 0;
  }
  .tablet-suffix-90 {
    margin: 0 90% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-90 {
    margin: 0 0 0 90%;
  }
  .tablet-prefix-suffix-90 {
    margin: 0 90%;
  }
  .tablet-push-90 {
    left: 90%;
  }
  html[dir="rtl"] .tablet-push-90 {
    left: auto;
    right: 90%;
  }
  .tablet-pull-90 {
    left: -90%;
  }
  html[dir="rtl"] .tablet-pull-90 {
    left: auto;
    right: -90%;
  }
  .tablet-grid-95 {
    width: 95%;
  }
  .tablet-prefix-95 {
    margin: 0 0 0 95%;
  }
  html[dir="rtl"] .tablet-prefix-95 {
    margin: 0 95% 0 0;
  }
  .tablet-suffix-95 {
    margin: 0 95% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-95 {
    margin: 0 0 0 95%;
  }
  .tablet-prefix-suffix-95 {
    margin: 0 95%;
  }
  .tablet-push-95 {
    left: 95%;
  }
  html[dir="rtl"] .tablet-push-95 {
    left: auto;
    right: 95%;
  }
  .tablet-pull-95 {
    left: -95%;
  }
  html[dir="rtl"] .tablet-pull-95 {
    left: auto;
    right: -95%;
  }
  .tablet-grid-33 {
    width: 33.33333%;
  }
  .tablet-prefix-33 {
    margin: 0 0 0 33.33333%;
  }
  html[dir="rtl"] .tablet-prefix-33 {
    margin: 0 33.33333% 0 0;
  }
  .tablet-suffix-33 {
    margin: 0 33.33333% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-33 {
    margin: 0 0 0 33.33333%;
  }
  .tablet-prefix-suffix-33 {
    margin: 0 33.33333%;
  }
  .tablet-push-33 {
    left: 33.33333%;
  }
  html[dir="rtl"] .tablet-push-33 {
    left: auto;
    right: 33.33333%;
  }
  .tablet-pull-33 {
    left: -33.33333%;
  }
  html[dir="rtl"] .tablet-pull-33 {
    left: auto;
    right: -33.33333%;
  }
  .tablet-grid-66 {
    width: 66.66667%;
  }
  .tablet-prefix-66 {
    margin: 0 0 0 66.66667%;
  }
  html[dir="rtl"] .tablet-prefix-66 {
    margin: 0 66.66667% 0 0;
  }
  .tablet-suffix-66 {
    margin: 0 66.66667% 0 0;
  }
  html[dir="rtl"] .tablet-suffix-66 {
    margin: 0 0 0 66.66667%;
  }
  .tablet-prefix-suffix-66 {
    margin: 0 66.66667%;
  }
  .tablet-push-66 {
    left: 66.66667%;
  }
  html[dir="rtl"] .tablet-push-66 {
    left: auto;
    right: 66.66667%;
  }
  .tablet-pull-66 {
    left: -66.66667%;
  }
  html[dir="rtl"] .tablet-pull-66 {
    left: auto;
    right: -66.66667%;
  }
  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .grid-100:before,
  .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
  .grid-100:after {
    clear: both;
  }
  .push-5,
  .pull-5,
  .push-10,
  .pull-10,
  .push-15,
  .pull-15,
  .push-20,
  .pull-20,
  .push-25,
  .pull-25,
  .push-30,
  .pull-30,
  .push-35,
  .pull-35,
  .push-40,
  .pull-40,
  .push-45,
  .pull-45,
  .push-50,
  .pull-50,
  .push-55,
  .pull-55,
  .push-60,
  .pull-60,
  .push-65,
  .pull-65,
  .push-70,
  .pull-70,
  .push-75,
  .pull-75,
  .push-80,
  .pull-80,
  .push-85,
  .pull-85,
  .push-90,
  .pull-90,
  .push-95,
  .pull-95,
  .push-33,
  .pull-33,
  .push-66,
  .pull-66 {
    position: relative;
  }
  .grid-5,
  .grid-10,
  .grid-15,
  .grid-20,
  .grid-25,
  .grid-30,
  .grid-35,
  .grid-40,
  .grid-45,
  .grid-50,
  .grid-55,
  .grid-60,
  .grid-65,
  .grid-70,
  .grid-75,
  .grid-80,
  .grid-85,
  .grid-90,
  .grid-95,
  .grid-33,
  .grid-66 {
    float: left;
  }
  html[dir="rtl"] .grid-5,
  html[dir="rtl"] .grid-10,
  html[dir="rtl"] .grid-15,
  html[dir="rtl"] .grid-20,
  html[dir="rtl"] .grid-25,
  html[dir="rtl"] .grid-30,
  html[dir="rtl"] .grid-35,
  html[dir="rtl"] .grid-40,
  html[dir="rtl"] .grid-45,
  html[dir="rtl"] .grid-50,
  html[dir="rtl"] .grid-55,
  html[dir="rtl"] .grid-60,
  html[dir="rtl"] .grid-65,
  html[dir="rtl"] .grid-70,
  html[dir="rtl"] .grid-75,
  html[dir="rtl"] .grid-80,
  html[dir="rtl"] .grid-85,
  html[dir="rtl"] .grid-90,
  html[dir="rtl"] .grid-95,
  html[dir="rtl"] .grid-33,
  html[dir="rtl"] .grid-66 {
    float: right;
  }
  .hide-on-desktop {
    display: none !important;
  }
  .grid-5 {
    width: 5%;
  }
  .prefix-5 {
    margin: 0 0 0 5%;
  }
  html[dir="rtl"] .prefix-5 {
    margin: 0 5% 0 0;
  }
  .suffix-5 {
    margin: 0 5% 0 0;
  }
  html[dir="rtl"] .suffix-5 {
    margin: 0 0 0 5%;
  }
  .prefix-suffix-5 {
    margin: 0 5%;
  }
  .push-5 {
    left: 5%;
  }
  html[dir="rtl"] .push-5 {
    left: auto;
    right: 5%;
  }
  .pull-5 {
    left: -5%;
  }
  html[dir="rtl"] .pull-5 {
    left: auto;
    right: -5%;
  }
  .grid-10 {
    width: 10%;
  }
  .prefix-10 {
    margin: 0 0 0 10%;
  }
  html[dir="rtl"] .prefix-10 {
    margin: 0 10% 0 0;
  }
  .suffix-10 {
    margin: 0 10% 0 0;
  }
  html[dir="rtl"] .suffix-10 {
    margin: 0 0 0 10%;
  }
  .prefix-suffix-10 {
    margin: 0 10%;
  }
  .push-10 {
    left: 10%;
  }
  html[dir="rtl"] .push-10 {
    left: auto;
    right: 10%;
  }
  .pull-10 {
    left: -10%;
  }
  html[dir="rtl"] .pull-10 {
    left: auto;
    right: -10%;
  }
  .grid-15 {
    width: 15%;
  }
  .prefix-15 {
    margin: 0 0 0 15%;
  }
  html[dir="rtl"] .prefix-15 {
    margin: 0 15% 0 0;
  }
  .suffix-15 {
    margin: 0 15% 0 0;
  }
  html[dir="rtl"] .suffix-15 {
    margin: 0 0 0 15%;
  }
  .prefix-suffix-15 {
    margin: 0 15%;
  }
  .push-15 {
    left: 15%;
  }
  html[dir="rtl"] .push-15 {
    left: auto;
    right: 15%;
  }
  .pull-15 {
    left: -15%;
  }
  html[dir="rtl"] .pull-15 {
    left: auto;
    right: -15%;
  }
  .grid-20 {
    width: 20%;
  }
  .prefix-20 {
    margin: 0 0 0 20%;
  }
  html[dir="rtl"] .prefix-20 {
    margin: 0 20% 0 0;
  }
  .suffix-20 {
    margin: 0 20% 0 0;
  }
  html[dir="rtl"] .suffix-20 {
    margin: 0 0 0 20%;
  }
  .prefix-suffix-20 {
    margin: 0 20%;
  }
  .push-20 {
    left: 20%;
  }
  html[dir="rtl"] .push-20 {
    left: auto;
    right: 20%;
  }
  .pull-20 {
    left: -20%;
  }
  html[dir="rtl"] .pull-20 {
    left: auto;
    right: -20%;
  }
  .grid-25 {
    width: 25%;
  }
  .prefix-25 {
    margin: 0 0 0 25%;
  }
  html[dir="rtl"] .prefix-25 {
    margin: 0 25% 0 0;
  }
  .suffix-25 {
    margin: 0 25% 0 0;
  }
  html[dir="rtl"] .suffix-25 {
    margin: 0 0 0 25%;
  }
  .prefix-suffix-25 {
    margin: 0 25%;
  }
  .push-25 {
    left: 25%;
  }
  html[dir="rtl"] .push-25 {
    left: auto;
    right: 25%;
  }
  .pull-25 {
    left: -25%;
  }
  html[dir="rtl"] .pull-25 {
    left: auto;
    right: -25%;
  }
  .grid-30 {
    width: 30%;
  }
  .prefix-30 {
    margin: 0 0 0 30%;
  }
  html[dir="rtl"] .prefix-30 {
    margin: 0 30% 0 0;
  }
  .suffix-30 {
    margin: 0 30% 0 0;
  }
  html[dir="rtl"] .suffix-30 {
    margin: 0 0 0 30%;
  }
  .prefix-suffix-30 {
    margin: 0 30%;
  }
  .push-30 {
    left: 30%;
  }
  html[dir="rtl"] .push-30 {
    left: auto;
    right: 30%;
  }
  .pull-30 {
    left: -30%;
  }
  html[dir="rtl"] .pull-30 {
    left: auto;
    right: -30%;
  }
  .grid-35 {
    width: 35%;
  }
  .prefix-35 {
    margin: 0 0 0 35%;
  }
  html[dir="rtl"] .prefix-35 {
    margin: 0 35% 0 0;
  }
  .suffix-35 {
    margin: 0 35% 0 0;
  }
  html[dir="rtl"] .suffix-35 {
    margin: 0 0 0 35%;
  }
  .prefix-suffix-35 {
    margin: 0 35%;
  }
  .push-35 {
    left: 35%;
  }
  html[dir="rtl"] .push-35 {
    left: auto;
    right: 35%;
  }
  .pull-35 {
    left: -35%;
  }
  html[dir="rtl"] .pull-35 {
    left: auto;
    right: -35%;
  }
  .grid-40 {
    width: 40%;
  }
  .prefix-40 {
    margin: 0 0 0 40%;
  }
  html[dir="rtl"] .prefix-40 {
    margin: 0 40% 0 0;
  }
  .suffix-40 {
    margin: 0 40% 0 0;
  }
  html[dir="rtl"] .suffix-40 {
    margin: 0 0 0 40%;
  }
  .prefix-suffix-40 {
    margin: 0 40%;
  }
  .push-40 {
    left: 40%;
  }
  html[dir="rtl"] .push-40 {
    left: auto;
    right: 40%;
  }
  .pull-40 {
    left: -40%;
  }
  html[dir="rtl"] .pull-40 {
    left: auto;
    right: -40%;
  }
  .grid-45 {
    width: 45%;
  }
  .prefix-45 {
    margin: 0 0 0 45%;
  }
  html[dir="rtl"] .prefix-45 {
    margin: 0 45% 0 0;
  }
  .suffix-45 {
    margin: 0 45% 0 0;
  }
  html[dir="rtl"] .suffix-45 {
    margin: 0 0 0 45%;
  }
  .prefix-suffix-45 {
    margin: 0 45%;
  }
  .push-45 {
    left: 45%;
  }
  html[dir="rtl"] .push-45 {
    left: auto;
    right: 45%;
  }
  .pull-45 {
    left: -45%;
  }
  html[dir="rtl"] .pull-45 {
    left: auto;
    right: -45%;
  }
  .grid-50 {
    width: 50%;
  }
  .prefix-50 {
    margin: 0 0 0 50%;
  }
  html[dir="rtl"] .prefix-50 {
    margin: 0 50% 0 0;
  }
  .suffix-50 {
    margin: 0 50% 0 0;
  }
  html[dir="rtl"] .suffix-50 {
    margin: 0 0 0 50%;
  }
  .prefix-suffix-50 {
    margin: 0 50%;
  }
  .push-50 {
    left: 50%;
  }
  html[dir="rtl"] .push-50 {
    left: auto;
    right: 50%;
  }
  .pull-50 {
    left: -50%;
  }
  html[dir="rtl"] .pull-50 {
    left: auto;
    right: -50%;
  }
  .grid-55 {
    width: 55%;
  }
  .prefix-55 {
    margin: 0 0 0 55%;
  }
  html[dir="rtl"] .prefix-55 {
    margin: 0 55% 0 0;
  }
  .suffix-55 {
    margin: 0 55% 0 0;
  }
  html[dir="rtl"] .suffix-55 {
    margin: 0 0 0 55%;
  }
  .prefix-suffix-55 {
    margin: 0 55%;
  }
  .push-55 {
    left: 55%;
  }
  html[dir="rtl"] .push-55 {
    left: auto;
    right: 55%;
  }
  .pull-55 {
    left: -55%;
  }
  html[dir="rtl"] .pull-55 {
    left: auto;
    right: -55%;
  }
  .grid-60 {
    width: 60%;
  }
  .prefix-60 {
    margin: 0 0 0 60%;
  }
  html[dir="rtl"] .prefix-60 {
    margin: 0 60% 0 0;
  }
  .suffix-60 {
    margin: 0 60% 0 0;
  }
  html[dir="rtl"] .suffix-60 {
    margin: 0 0 0 60%;
  }
  .prefix-suffix-60 {
    margin: 0 60%;
  }
  .push-60 {
    left: 60%;
  }
  html[dir="rtl"] .push-60 {
    left: auto;
    right: 60%;
  }
  .pull-60 {
    left: -60%;
  }
  html[dir="rtl"] .pull-60 {
    left: auto;
    right: -60%;
  }
  .grid-65 {
    width: 65%;
  }
  .prefix-65 {
    margin: 0 0 0 65%;
  }
  html[dir="rtl"] .prefix-65 {
    margin: 0 65% 0 0;
  }
  .suffix-65 {
    margin: 0 65% 0 0;
  }
  html[dir="rtl"] .suffix-65 {
    margin: 0 0 0 65%;
  }
  .prefix-suffix-65 {
    margin: 0 65%;
  }
  .push-65 {
    left: 65%;
  }
  html[dir="rtl"] .push-65 {
    left: auto;
    right: 65%;
  }
  .pull-65 {
    left: -65%;
  }
  html[dir="rtl"] .pull-65 {
    left: auto;
    right: -65%;
  }
  .grid-70 {
    width: 70%;
  }
  .prefix-70 {
    margin: 0 0 0 70%;
  }
  html[dir="rtl"] .prefix-70 {
    margin: 0 70% 0 0;
  }
  .suffix-70 {
    margin: 0 70% 0 0;
  }
  html[dir="rtl"] .suffix-70 {
    margin: 0 0 0 70%;
  }
  .prefix-suffix-70 {
    margin: 0 70%;
  }
  .push-70 {
    left: 70%;
  }
  html[dir="rtl"] .push-70 {
    left: auto;
    right: 70%;
  }
  .pull-70 {
    left: -70%;
  }
  html[dir="rtl"] .pull-70 {
    left: auto;
    right: -70%;
  }
  .grid-75 {
    width: 75%;
  }
  .prefix-75 {
    margin: 0 0 0 75%;
  }
  html[dir="rtl"] .prefix-75 {
    margin: 0 75% 0 0;
  }
  .suffix-75 {
    margin: 0 75% 0 0;
  }
  html[dir="rtl"] .suffix-75 {
    margin: 0 0 0 75%;
  }
  .prefix-suffix-75 {
    margin: 0 75%;
  }
  .push-75 {
    left: 75%;
  }
  html[dir="rtl"] .push-75 {
    left: auto;
    right: 75%;
  }
  .pull-75 {
    left: -75%;
  }
  html[dir="rtl"] .pull-75 {
    left: auto;
    right: -75%;
  }
  .grid-80 {
    width: 80%;
  }
  .prefix-80 {
    margin: 0 0 0 80%;
  }
  html[dir="rtl"] .prefix-80 {
    margin: 0 80% 0 0;
  }
  .suffix-80 {
    margin: 0 80% 0 0;
  }
  html[dir="rtl"] .suffix-80 {
    margin: 0 0 0 80%;
  }
  .prefix-suffix-80 {
    margin: 0 80%;
  }
  .push-80 {
    left: 80%;
  }
  html[dir="rtl"] .push-80 {
    left: auto;
    right: 80%;
  }
  .pull-80 {
    left: -80%;
  }
  html[dir="rtl"] .pull-80 {
    left: auto;
    right: -80%;
  }
  .grid-85 {
    width: 85%;
  }
  .prefix-85 {
    margin: 0 0 0 85%;
  }
  html[dir="rtl"] .prefix-85 {
    margin: 0 85% 0 0;
  }
  .suffix-85 {
    margin: 0 85% 0 0;
  }
  html[dir="rtl"] .suffix-85 {
    margin: 0 0 0 85%;
  }
  .prefix-suffix-85 {
    margin: 0 85%;
  }
  .push-85 {
    left: 85%;
  }
  html[dir="rtl"] .push-85 {
    left: auto;
    right: 85%;
  }
  .pull-85 {
    left: -85%;
  }
  html[dir="rtl"] .pull-85 {
    left: auto;
    right: -85%;
  }
  .grid-90 {
    width: 90%;
  }
  .prefix-90 {
    margin: 0 0 0 90%;
  }
  html[dir="rtl"] .prefix-90 {
    margin: 0 90% 0 0;
  }
  .suffix-90 {
    margin: 0 90% 0 0;
  }
  html[dir="rtl"] .suffix-90 {
    margin: 0 0 0 90%;
  }
  .prefix-suffix-90 {
    margin: 0 90%;
  }
  .push-90 {
    left: 90%;
  }
  html[dir="rtl"] .push-90 {
    left: auto;
    right: 90%;
  }
  .pull-90 {
    left: -90%;
  }
  html[dir="rtl"] .pull-90 {
    left: auto;
    right: -90%;
  }
  .grid-95 {
    width: 95%;
  }
  .prefix-95 {
    margin: 0 0 0 95%;
  }
  html[dir="rtl"] .prefix-95 {
    margin: 0 95% 0 0;
  }
  .suffix-95 {
    margin: 0 95% 0 0;
  }
  html[dir="rtl"] .suffix-95 {
    margin: 0 0 0 95%;
  }
  .prefix-suffix-95 {
    margin: 0 95%;
  }
  .push-95 {
    left: 95%;
  }
  html[dir="rtl"] .push-95 {
    left: auto;
    right: 95%;
  }
  .pull-95 {
    left: -95%;
  }
  html[dir="rtl"] .pull-95 {
    left: auto;
    right: -95%;
  }
  .grid-33 {
    width: 33.33333%;
  }
  .prefix-33 {
    margin: 0 0 0 33.33333%;
  }
  html[dir="rtl"] .prefix-33 {
    margin: 0 33.33333% 0 0;
  }
  .suffix-33 {
    margin: 0 33.33333% 0 0;
  }
  html[dir="rtl"] .suffix-33 {
    margin: 0 0 0 33.33333%;
  }
  .prefix-suffix-33 {
    margin: 33.33333%;
  }
  .push-33 {
    left: 33.33333%;
  }
  html[dir="rtl"] .push-33 {
    left: auto;
    right: 33.33333%;
  }
  .pull-33 {
    left: -33.33333%;
  }
  html[dir="rtl"] .pull-33 {
    left: auto;
    right: -33.33333%;
  }
  .grid-66 {
    width: 66.66667%;
  }
  .prefix-66 {
    margin: 0 0 0 66.66667%;
  }
  html[dir="rtl"] .prefix-66 {
    margin: 0 66.66667% 0 0;
  }
  .suffix-66 {
    margin: 0 66.66667% 0 0;
  }
  html[dir="rtl"] .suffix-66 {
    margin: 0 0 0 66.66667%;
  }
  .prefix-suffix-66 {
    margin: 0 66.66667%;
  }
  .push-66 {
    left: 66.66667%;
  }
  html[dir="rtl"] .push-66 {
    left: auto;
    right: 66.66667%;
  }
  .pull-66 {
    left: -66.66667%;
  }
  html[dir="rtl"] .pull-66 {
    left: auto;
    right: -66.66667%;
  }
  .grid-100 {
    clear: both;
    width: 100%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .netbook-grid-100:before,
  .netbook-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
  .netbook-grid-100:after {
    clear: both;
  }
  .netbook-push-5,
  .netbook-pull-5,
  .netbook-push-10,
  .netbook-pull-10,
  .netbook-push-15,
  .netbook-pull-15,
  .netbook-push-20,
  .netbook-pull-20,
  .netbook-push-25,
  .netbook-pull-25,
  .netbook-push-30,
  .netbook-pull-30,
  .netbook-push-35,
  .netbook-pull-35,
  .netbook-push-40,
  .netbook-pull-40,
  .netbook-push-45,
  .netbook-pull-45,
  .netbook-push-50,
  .netbook-pull-50,
  .netbook-push-55,
  .netbook-pull-55,
  .netbook-push-60,
  .netbook-pull-60,
  .netbook-push-65,
  .netbook-pull-65,
  .netbook-push-70,
  .netbook-pull-70,
  .netbook-push-75,
  .netbook-pull-75,
  .netbook-push-80,
  .netbook-pull-80,
  .netbook-push-85,
  .netbook-pull-85,
  .netbook-push-90,
  .netbook-pull-90,
  .netbook-push-95,
  .netbook-pull-95,
  .netbook-push-33,
  .netbook-pull-33,
  .netbook-push-66,
  .netbook-pull-66 {
    position: relative;
  }
  .netbook-grid-5,
  .netbook-grid-10,
  .netbook-grid-15,
  .netbook-grid-20,
  .netbook-grid-25,
  .netbook-grid-30,
  .netbook-grid-35,
  .netbook-grid-40,
  .netbook-grid-45,
  .netbook-grid-50,
  .netbook-grid-55,
  .netbook-grid-60,
  .netbook-grid-65,
  .netbook-grid-70,
  .netbook-grid-75,
  .netbook-grid-80,
  .netbook-grid-85,
  .netbook-grid-90,
  .netbook-grid-95,
  .netbook-grid-33,
  .netbook-grid-66 {
    float: left;
  }
  html[dir="rtl"] .netbook-grid-5,
  html[dir="rtl"] .netbook-grid-10,
  html[dir="rtl"] .netbook-grid-15,
  html[dir="rtl"] .netbook-grid-20,
  html[dir="rtl"] .netbook-grid-25,
  html[dir="rtl"] .netbook-grid-30,
  html[dir="rtl"] .netbook-grid-35,
  html[dir="rtl"] .netbook-grid-40,
  html[dir="rtl"] .netbook-grid-45,
  html[dir="rtl"] .netbook-grid-50,
  html[dir="rtl"] .netbook-grid-55,
  html[dir="rtl"] .netbook-grid-60,
  html[dir="rtl"] .netbook-grid-65,
  html[dir="rtl"] .netbook-grid-70,
  html[dir="rtl"] .netbook-grid-75,
  html[dir="rtl"] .netbook-grid-80,
  html[dir="rtl"] .netbook-grid-85,
  html[dir="rtl"] .netbook-grid-90,
  html[dir="rtl"] .netbook-grid-95,
  html[dir="rtl"] .netbook-grid-33,
  html[dir="rtl"] .netbook-grid-66 {
    float: right;
  }
  .hide-on-netbook {
    display: none !important;
  }
  .netbook-grid-5 {
    width: 5%;
  }
  .netbook-prefix-5 {
    margin: 0 0 0 5%;
  }
  html[dir="rtl"] .netbook-prefix-5 {
    margin: 0 5% 0 0;
  }
  .netbook-suffix-5 {
    margin: 0 5% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-5 {
    margin: 0 0 0 5%;
  }
  .netbook-prefix-suffix-5 {
    margin: 0 5%;
  }
  .netbook-push-5 {
    left: 5%;
  }
  html[dir="rtl"] .netbook-push-5 {
    left: auto;
    right: 5%;
  }
  .netbook-pull-5 {
    left: -5%;
  }
  html[dir="rtl"] .netbook-pull-5 {
    left: auto;
    right: -5%;
  }
  .netbook-grid-10 {
    width: 10%;
  }
  .netbook-prefix-10 {
    margin: 0 0 0 10%;
  }
  html[dir="rtl"] .netbook-prefix-10 {
    margin: 0 10% 0 0;
  }
  .netbook-suffix-10 {
    margin: 0 10% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-10 {
    margin: 0 0 0 10%;
  }
  .netbook-prefix-suffix-10 {
    margin: 0 10%;
  }
  .netbook-push-10 {
    left: 10%;
  }
  html[dir="rtl"] .netbook-push-10 {
    left: auto;
    right: 10%;
  }
  .netbook-pull-10 {
    left: -10%;
  }
  html[dir="rtl"] .netbook-pull-10 {
    left: auto;
    right: -10%;
  }
  .netbook-grid-15 {
    width: 15%;
  }
  .netbook-prefix-15 {
    margin: 0 0 0 15%;
  }
  html[dir="rtl"] .netbook-prefix-15 {
    margin: 0 15% 0 0;
  }
  .netbook-suffix-15 {
    margin: 0 15% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-15 {
    margin: 0 0 0 15%;
  }
  .netbook-prefix-suffix-15 {
    margin: 0 15%;
  }
  .netbook-push-15 {
    left: 15%;
  }
  html[dir="rtl"] .netbook-push-15 {
    left: auto;
    right: 15%;
  }
  .netbook-pull-15 {
    left: -15%;
  }
  html[dir="rtl"] .netbook-pull-15 {
    left: auto;
    right: -15%;
  }
  .netbook-grid-20 {
    width: 20%;
  }
  .netbook-prefix-20 {
    margin: 0 0 0 20%;
  }
  html[dir="rtl"] .netbook-prefix-20 {
    margin: 0 20% 0 0;
  }
  .netbook-suffix-20 {
    margin: 0 20% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-20 {
    margin: 0 0 0 20%;
  }
  .netbook-prefix-suffix-20 {
    margin: 0 20%;
  }
  .netbook-push-20 {
    left: 20%;
  }
  html[dir="rtl"] .netbook-push-20 {
    left: auto;
    right: 20%;
  }
  .netbook-pull-20 {
    left: -20%;
  }
  html[dir="rtl"] .netbook-pull-20 {
    left: auto;
    right: -20%;
  }
  .netbook-grid-25 {
    width: 25%;
  }
  .netbook-prefix-25 {
    margin: 0 0 0 25%;
  }
  html[dir="rtl"] .netbook-prefix-25 {
    margin: 0 25% 0 0;
  }
  .netbook-suffix-25 {
    margin: 0 25% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-25 {
    margin: 0 0 0 25%;
  }
  .netbook-prefix-suffix-25 {
    margin: 0 25%;
  }
  .netbook-push-25 {
    left: 25%;
  }
  html[dir="rtl"] .netbook-push-25 {
    left: auto;
    right: 25%;
  }
  .netbook-pull-25 {
    left: -25%;
  }
  html[dir="rtl"] .netbook-pull-25 {
    left: auto;
    right: -25%;
  }
  .netbook-grid-30 {
    width: 30%;
  }
  .netbook-prefix-30 {
    margin: 0 0 0 30%;
  }
  html[dir="rtl"] .netbook-prefix-30 {
    margin: 0 30% 0 0;
  }
  .netbook-suffix-30 {
    margin: 0 30% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-30 {
    margin: 0 0 0 30%;
  }
  .netbook-prefix-suffix-30 {
    margin: 0 30%;
  }
  .netbook-push-30 {
    left: 30%;
  }
  html[dir="rtl"] .netbook-push-30 {
    left: auto;
    right: 30%;
  }
  .netbook-pull-30 {
    left: -30%;
  }
  html[dir="rtl"] .netbook-pull-30 {
    left: auto;
    right: -30%;
  }
  .netbook-grid-35 {
    width: 35%;
  }
  .netbook-prefix-35 {
    margin: 0 0 0 35%;
  }
  html[dir="rtl"] .netbook-prefix-35 {
    margin: 0 35% 0 0;
  }
  .netbook-suffix-35 {
    margin: 0 35% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-35 {
    margin: 0 0 0 35%;
  }
  .netbook-prefix-suffix-35 {
    margin: 0 35%;
  }
  .netbook-push-35 {
    left: 35%;
  }
  html[dir="rtl"] .netbook-push-35 {
    left: auto;
    right: 35%;
  }
  .netbook-pull-35 {
    left: -35%;
  }
  html[dir="rtl"] .netbook-pull-35 {
    left: auto;
    right: -35%;
  }
  .netbook-grid-40 {
    width: 40%;
  }
  .netbook-prefix-40 {
    margin: 0 0 0 40%;
  }
  html[dir="rtl"] .netbook-prefix-40 {
    margin: 0 40% 0 0;
  }
  .netbook-suffix-40 {
    margin: 0 40% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-40 {
    margin: 0 0 0 40%;
  }
  .netbook-prefix-suffix-40 {
    margin: 0 40%;
  }
  .netbook-push-40 {
    left: 40%;
  }
  html[dir="rtl"] .netbook-push-40 {
    left: auto;
    right: 40%;
  }
  .netbook-pull-40 {
    left: -40%;
  }
  html[dir="rtl"] .netbook-pull-40 {
    left: auto;
    right: -40%;
  }
  .netbook-grid-45 {
    width: 45%;
  }
  .netbook-prefix-45 {
    margin: 0 0 0 45%;
  }
  html[dir="rtl"] .netbook-prefix-45 {
    margin: 0 45% 0 0;
  }
  .netbook-suffix-45 {
    margin: 0 45% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-45 {
    margin: 0 0 0 45%;
  }
  .netbook-prefix-suffix-45 {
    margin: 0 45%;
  }
  .netbook-push-45 {
    left: 45%;
  }
  html[dir="rtl"] .netbook-push-45 {
    left: auto;
    right: 45%;
  }
  .netbook-pull-45 {
    left: -45%;
  }
  html[dir="rtl"] .netbook-pull-45 {
    left: auto;
    right: -45%;
  }
  .netbook-grid-50 {
    width: 50%;
  }
  .netbook-prefix-50 {
    margin: 0 0 0 50%;
  }
  html[dir="rtl"] .netbook-prefix-50 {
    margin: 0 50% 0 0;
  }
  .netbook-suffix-50 {
    margin: 0 50% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-50 {
    margin: 0 0 0 50%;
  }
  .netbook-prefix-suffix-50 {
    margin: 0 50%;
  }
  .netbook-push-50 {
    left: 50%;
  }
  html[dir="rtl"] .netbook-push-50 {
    left: auto;
    right: 50%;
  }
  .netbook-pull-50 {
    left: -50%;
  }
  html[dir="rtl"] .netbook-pull-50 {
    left: auto;
    right: -50%;
  }
  .netbook-grid-55 {
    width: 55%;
  }
  .netbook-prefix-55 {
    margin: 0 0 0 55%;
  }
  html[dir="rtl"] .netbook-prefix-55 {
    margin: 0 55% 0 0;
  }
  .netbook-suffix-55 {
    margin: 0 55% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-55 {
    margin: 0 0 0 55%;
  }
  .netbook-prefix-suffix-55 {
    margin: 0 55%;
  }
  .netbook-push-55 {
    left: 55%;
  }
  html[dir="rtl"] .netbook-push-55 {
    left: auto;
    right: 55%;
  }
  .netbook-pull-55 {
    left: -55%;
  }
  html[dir="rtl"] .netbook-pull-55 {
    left: auto;
    right: -55%;
  }
  .netbook-grid-60 {
    width: 60%;
  }
  .netbook-prefix-60 {
    margin: 0 0 0 60%;
  }
  html[dir="rtl"] .netbook-prefix-60 {
    margin: 0 60% 0 0;
  }
  .netbook-suffix-60 {
    margin: 0 60% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-60 {
    margin: 0 0 0 60%;
  }
  .netbook-prefix-suffix-60 {
    margin: 0 60%;
  }
  .netbook-push-60 {
    left: 60%;
  }
  html[dir="rtl"] .netbook-push-60 {
    left: auto;
    right: 60%;
  }
  .netbook-pull-60 {
    left: -60%;
  }
  html[dir="rtl"] .netbook-pull-60 {
    left: auto;
    right: -60%;
  }
  .netbook-grid-65 {
    width: 65%;
  }
  .netbook-prefix-65 {
    margin: 0 0 0 65%;
  }
  html[dir="rtl"] .netbook-prefix-65 {
    margin: 0 65% 0 0;
  }
  .netbook-suffix-65 {
    margin: 0 65% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-65 {
    margin: 0 0 0 65%;
  }
  .netbook-prefix-suffix-65 {
    margin: 0 65%;
  }
  .netbook-push-65 {
    left: 65%;
  }
  html[dir="rtl"] .netbook-push-65 {
    left: auto;
    right: 65%;
  }
  .netbook-pull-65 {
    left: -65%;
  }
  html[dir="rtl"] .netbook-pull-65 {
    left: auto;
    right: -65%;
  }
  .netbook-grid-70 {
    width: 70%;
  }
  .netbook-prefix-70 {
    margin: 0 0 0 70%;
  }
  html[dir="rtl"] .netbook-prefix-70 {
    margin: 0 70% 0 0;
  }
  .netbook-suffix-70 {
    margin: 0 70% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-70 {
    margin: 0 0 0 70%;
  }
  .netbook-prefix-suffix-70 {
    margin: 0 70%;
  }
  .netbook-push-70 {
    left: 70%;
  }
  html[dir="rtl"] .netbook-push-70 {
    left: auto;
    right: 70%;
  }
  .netbook-pull-70 {
    left: -70%;
  }
  html[dir="rtl"] .netbook-pull-70 {
    left: auto;
    right: -70%;
  }
  .netbook-grid-75 {
    width: 75%;
  }
  .netbook-prefix-75 {
    margin: 0 0 0 75%;
  }
  html[dir="rtl"] .netbook-prefix-75 {
    margin: 0 75% 0 0;
  }
  .netbook-suffix-75 {
    margin: 0 75% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-75 {
    margin: 0 0 0 75%;
  }
  .netbook-prefix-suffix-75 {
    margin: 0 75%;
  }
  .netbook-push-75 {
    left: 75%;
  }
  html[dir="rtl"] .netbook-push-75 {
    left: auto;
    right: 75%;
  }
  .netbook-pull-75 {
    left: -75%;
  }
  html[dir="rtl"] .netbook-pull-75 {
    left: auto;
    right: -75%;
  }
  .netbook-grid-80 {
    width: 80%;
  }
  .netbook-prefix-80 {
    margin: 0 0 0 80%;
  }
  html[dir="rtl"] .netbook-prefix-80 {
    margin: 0 80% 0 0;
  }
  .netbook-suffix-80 {
    margin: 0 80% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-80 {
    margin: 0 0 0 80%;
  }
  .netbook-prefix-suffix-80 {
    margin: 0 80%;
  }
  .netbook-push-80 {
    left: 80%;
  }
  html[dir="rtl"] .netbook-push-80 {
    left: auto;
    right: 80%;
  }
  .netbook-pull-80 {
    left: -80%;
  }
  html[dir="rtl"] .netbook-pull-80 {
    left: auto;
    right: -80%;
  }
  .netbook-grid-85 {
    width: 85%;
  }
  .netbook-prefix-85 {
    margin: 0 0 0 85%;
  }
  html[dir="rtl"] .netbook-prefix-85 {
    margin: 0 85% 0 0;
  }
  .netbook-suffix-85 {
    margin: 0 85% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-85 {
    margin: 0 0 0 85%;
  }
  .netbook-prefix-suffix-85 {
    margin: 0 85%;
  }
  .netbook-push-85 {
    left: 85%;
  }
  html[dir="rtl"] .netbook-push-85 {
    left: auto;
    right: 85%;
  }
  .netbook-pull-85 {
    left: -85%;
  }
  html[dir="rtl"] .netbook-pull-85 {
    left: auto;
    right: -85%;
  }
  .netbook-grid-90 {
    width: 90%;
  }
  .netbook-prefix-90 {
    margin: 0 0 0 90%;
  }
  html[dir="rtl"] .netbook-prefix-90 {
    margin: 0 90% 0 0;
  }
  .netbook-suffix-90 {
    margin: 0 90% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-90 {
    margin: 0 0 0 90%;
  }
  .netbook-prefix-suffix-90 {
    margin: 0 90%;
  }
  .netbook-push-90 {
    left: 90%;
  }
  html[dir="rtl"] .netbook-push-90 {
    left: auto;
    right: 90%;
  }
  .netbook-pull-90 {
    left: -90%;
  }
  html[dir="rtl"] .netbook-pull-90 {
    left: auto;
    right: -90%;
  }
  .netbook-grid-95 {
    width: 95%;
  }
  .netbook-prefix-95 {
    margin: 0 0 0 95%;
  }
  html[dir="rtl"] .netbook-prefix-95 {
    margin: 0 95% 0 0;
  }
  .netbook-suffix-95 {
    margin: 0 95% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-95 {
    margin: 0 0 0 95%;
  }
  .netbook-prefix-suffix-95 {
    margin: 0 95%;
  }
  .netbook-push-95 {
    left: 95%;
  }
  html[dir="rtl"] .netbook-push-95 {
    left: auto;
    right: 95%;
  }
  .netbook-pull-95 {
    left: -95%;
  }
  html[dir="rtl"] .netbook-pull-95 {
    left: auto;
    right: -95%;
  }
  .netbook-grid-33 {
    width: 33.33333%;
  }
  .netbook-prefix-33 {
    margin: 0 0 0 33.33333%;
  }
  html[dir="rtl"] .netbook-prefix-33 {
    margin: 0 33.33333% 0 0;
  }
  .netbook-suffix-33 {
    margin: 0 33.33333% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-33 {
    margin: 0 0 0 33.33333%;
  }
  .netbook-prefix-suffix-33 {
    margin: 0 33.33333%;
  }
  .netbook-push-33 {
    left: 33.33333%;
  }
  html[dir="rtl"] .netbook-push-33 {
    left: auto;
    right: 33.33333%;
  }
  .netbook-pull-33 {
    left: -33.33333%;
  }
  html[dir="rtl"] .netbook-pull-33 {
    left: auto;
    right: -33.33333%;
  }
  .netbook-grid-66 {
    width: 66.66667%;
  }
  .netbook-prefix-66 {
    margin: 0 0 0 66.66667%;
  }
  html[dir="rtl"] .netbook-prefix-66 {
    margin: 0 66.66667% 0 0;
  }
  .netbook-suffix-66 {
    margin: 0 66.66667% 0 0;
  }
  html[dir="rtl"] .netbook-suffix-66 {
    margin: 0 0 0 66.66667%;
  }
  .netbook-prefix-suffix-66 {
    margin: 0 66.66667%;
  }
  .netbook-push-66 {
    left: 66.66667%;
  }
  html[dir="rtl"] .netbook-push-66 {
    left: auto;
    right: 66.66667%;
  }
  .netbook-pull-66 {
    left: -66.66667%;
  }
  html[dir="rtl"] .netbook-pull-66 {
    left: auto;
    right: -66.66667%;
  }
  .netbook-grid-100 {
    clear: both;
    width: 100%;
  }
}

.gutter-5 {
  padding: 0 5px;
}

.gutter-10 {
  padding: 0 10px;
}

.gutter-15 {
  padding: 0 15px;
}

.gutter-20 {
  padding: 0 20px;
}

.gutter-25 {
  padding: 0 25px;
}

.grid-widen-5 {
  margin: 0 -5px;
}

.grid-widen-10 {
  margin: 0 -10px;
}

.grid-widen-15 {
  margin: 0 -15px;
}

.grid-widen-20 {
  margin: 0 -20px;
}

.grid-widen-25 {
  margin: 0 -25px;
}
#main_loader_div {
  text-align: center;
}
#main_loader,
#main_loader:before,
#main_loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
#main_loader {
  color: #e4006b;
  font-size: 10px;
  margin: 20px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
#main_loader:before,
#main_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
#main_loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#main_loader:after {
  left: 3.5em;
}
.small_loader {
  display: none;
}
.small_loader_div {
  text-align: center;
}
.small_loader,
.small_loader:before,
.small_loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.small_loader {
  color: #e4006b;
  font-size: 10px;
  margin-top: 20px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.small_loader:before,
.small_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.small_loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.small_loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.cancellation_policy_div {
  cursor: pointer;
}

#overlay{
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5);
}
.flatpickr-day.today {
  border:none;
}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.15)!important;
}
.flatpickr-day {
  color:black!important;
}
.flatpickr-day.nextMonthDay{
  color: rgba(57, 57, 57, 0.6)!important;
}
#checkin_div .flatpickr-input[readonly], #checkout_div .flatpickr-input[readonly] {
  width:78px!important;
}
.checkin_datebox{
  height:30px!important;
  border:1px solid #ccc!important;
  border-top-left-radius:4px!important;
  border-bottom-left-radius:4px!important;
  -webkit-border-top-left-radius:4px!important;
  -webkit-border-bottom-left-radius:4px!important;
}
.checkout_datebox{
  height:30px!important;
  border-top:1px solid #ccc!important;
  border-bottom:1px solid #ccc!important;
  border-right:0;
}
#travel_dates_and_rooms_selection_div input{
  border:none;
  padding:0px;
  width:100px;
}
@media screen and (max-width: 420px) {
  #travel_dates_and_rooms_selection_div input{
    width:85px!important;
  }
}
input:focus
{
  outline-width:0;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border: none;
  box-shadow: none;
}
#room_selection_div .form-group{
  margin-bottom:4px!important;
}
#room_selection_div .form-control{
  display: inline !important;
}
.form-control {
  height: 15px;
  padding: 0;
  line-height: 1;
  border: 0;
  box-sizing: unset;
  -webkit-box-shadow: unset;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: text;
  background-color: #FFF;
  opacity: 1;
}
.navbar-inverse .navbar-inner {
  background-color: #E0E0E0;
  border-color: #252525;
}
.navbar-inverse{
  background-color: #E0E0E0;
}
a.brand.show_desktop:hover{
  text-decoration: none;
}
.flag_image{
  vertical-align: middle;
}
.flag_content.row{
  margin-left: 0px;
  margin-right: 0px;
}
.login_content.row{
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-wrap: wrap;
}
.most_searched_footer{
  margin-top:30px;
  position: relative;
  border-radius: 8px;
  font-family: "Roboto", sans-serif !important;
  padding-bottom:20px;
}
.most_searched_footer .row::before,.most_searched_footer .row::before{
  display:none;
}
.most_searched_footer_title {
  width: 100%;
  font-size:14px;
  border-radius: 8px;
  font-weight:bold;
  text-align:left;
  padding-left:16px;
  margin-bottom: 10px;
}
.most_searched_footer_content {
  padding: 0px 5px;
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: "Roboto", sans-serif !important;
  margin-right:0px;
  margin-left:0px;
  scrollbar-width: thin;
}
.most_searched_footer_content a{
  display: block;
  padding: 10px 0px;
  border-bottom: 1px solid rgb(224,224,224);
}
.offer{
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media screen and (min-width: 718px){
  .room_type_policy_included_mobile{
    display: none;
  }
  .desktop_hide{
    display:none;
  }
  .provider_photo{
    width: 124px;
  }
  .provider_photo_hp{
    width: 124px;
  }
  .price.book-now{
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .deals_price_and_per_night{
    padding: 0px 16px;
  }
  .phone_reservations_info{
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .phone_icon{
    width:124px;
    text-align:center;
  }
  .reservation_from_phone{
    flex:5 1 0px;
    line-height: 18px;
    font-size:14px;
  }
  .reservation_phonenumber{
    width:22%;
    text-align:center;
    font-size:18px;
    font-weight:bold;
  }
  .phone_icon_for_mobile{
    display: none;
  }
  .button_with_prices{
    height: 42px;
    max-height: 42px;
  }
}
@media screen and (min-width: 717px) and (max-width: 718px){
  .offer{
    justify-content: space-between;
  }
  .room_type_policy_included_desktop{
    display: none;
  }
  .room_type_policy_included_mobile{
    display: block;
  }
  .provider_photo{
    width: 65%;
  }
  .provider_photo_hp{
    width: 65%;
  }
  .desktop_hide{
    display:none;
  }
  .price.book-now{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .deals_price_and_per_night{
    text-align: right;
  }
  .room_type_included{
    width:65%;
  }
}
@media screen and (max-width: 717px){
  .offer{
    justify-content: space-between;
  }
  .room_type_policy_included_desktop{
    display: none;
  }
  .provider_photo{
    width: 65%;
  }
  .provider_photo_hp{
    width: 65%;
  }
  .desktop_hide{
    display:none;
  }
  .price.book-now{
    display: flex;
    flex-direction: column;
  }
  .deals_price_and_per_night{
    text-align: right;
  }
  .room_type_included{
    width:65%;
  }
  .phone_reservations_info{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .phone_icon{
    font-size:20px;
  }
  .reservation_from_phone{

  }
  .reservation_phonenumber{
    display: flex;
    flex-direction: row;
    text-align: left;
    font-size:18px;
    font-weight:bold;
  }
  .phone_icon_for_desktop{
    display:none;
  }
}
.room_type_name{
  display:flex;
  flex-direction: column;
  font-size:14px;
  line-height:18px;
  font-weight: bold;
}
.room_type_policy_included_desktop{
  flex:5 1 0px;
  line-height: 18px;
}
.room_type_policy_included_mobile{
  line-height: 18px;
}
.deals_price_and_per_night{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.provider_deal_photo{
  max-width:120px!important;
}
@media screen and (min-width: 768px){
  .room_type_included{
    flex:5 1 0px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px){
  .room_type_included{
    width:65%;
    line-height: 18px;
  }
}
.rooms_types_descriptions{
  color: grey;
  font-weight:400;
  font-size: 13px;
}