/* General Css classes */
html {
  height: 100%;
}
body {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  line-height: 20px;
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  color: #1c1c1c;
  background-color: #eee;
}
body * {
  box-sizing: border-box;
}
input,
select,
textarea {
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
  font-size: 1.2em;
  line-height: 2em;
}
.loader,
.loadingData,
#alert {
  z-index: 1001;
}
.loader {
  position: fixed;
  width: auto;
  height: auto;
  top: 50%;
  left: 7.5%;
  right: 7.5%;
  text-align: center;
  font-size: 1.8em;
  z-index: 1002;
}
.progress {
  display: none;
}
#alert .progress {
  height: 40px;
}
#redirecting {
  z-index: 20;
}
.transitions {
  transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}
a {
  color: #1c1c1c;
}
ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  background-color: #FAFAFA;
}
ul li {
  padding: 5px 0;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
ul li > span {
  float: right;
}
ul li > span.value {
  padding-left: 4px;
}
ul li > span.value.amount {
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  margin-right: -4px;
}
ul .first {
  border-top: none;
}
ul .last {
  border-bottom: none;
}
ul:empty {
  display: none;
}
.nooffer ul {
  background-color: transparent;
  border: none;
  list-style: disc inside;
}
.nooffer ul li {
  border: none;
}
label {
  display: inline-block;
  width: 35%;
}
label.long {
  width: 90%;
}
.searchSummary,
#offerSummary,
#productSummary {
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  text-align: right;
}
.hide {
  display: none;
}
.error {
  color: #f16260;
}
/* Buttons */
.button {
  display: block;
  text-decoration: none;
}
.button:hover,
.button:active {
  cursor: pointer;
}
#bestRate {
  display: flex;
  width: 100%;
  height: 12.5%;
  color: #fff;
  font-size: 1.4em;
}
#bestRate label {
  background: url('bin/sprite_mob.png') scroll no-repeat 0 -555px transparent;
  background-size: 127.5px auto;
  background-size: 385px auto;
  padding-left: 90px;
  width: auto;
  margin: auto;
  text-align: center;
  align-content: center;
  height: 60px;
  line-height: 54px;
}
#bestRate label:before {
  margin-right: 5px;
  content: "Book Direct.";
}
#bestRate label:after {
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  content: "Best Rate Guaranteed.";
}
/* Header */
header {
  visibility: hidden;
  z-index: 301;
  overflow: visible;
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 55px;
  top: 0;
  left: 0;
  background-color: #fff;
}
header a {
  text-decoration: none;
}
header.show {
  visibility: visible;
  top: 0px;
}
header .hotelname {
  font-size: 1.2em;
  margin-left: 2.5%;
  line-height: 55px;
  display: block;
  width: 67.5%;
  height: 55px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
header .hotelname:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 15px;
  background: url('bin/sprite_mob.png') scroll no-repeat -23px -185px transparent;
  background-size: 127.5px auto;
  margin-right: 7px;
  position: relative;
  top: 2px;
}
header .callus {
  position: fixed;
  width: 55px;
  height: 55px;
  background: url('bin/sprite_mob.png') scroll no-repeat -50px 7px transparent;
  background-size: 127.5px auto;
  background-size: 158px auto;
  background-color: #999999;
  top: 0;
  right: 0;
}
header .callus span {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
header .navigation_location {
  text-align: center;
  cursor: pointer;
  position: fixed;
  width: 55px;
  height: 55px;
  background: url('bin/sprite_mob.png') scroll no-repeat 1px 7px transparent;
  background-size: 127.5px auto;
  background-size: 160px auto;
  background-color: #999999;
  top: 0;
  right: 55px;
  z-index: 3;
  text-indent: -9999px;
  border-right: 1px solid #fff;
}
/* Navigation bar */
.navigation {
  position: fixed;
  width: 100%;
  height: 45px;
  padding: 0 2.5%;
  top: 55px;
  left: 0;
  background: #eee;
  z-index: 3;
  z-index: 1000;
  overflow: hidden;
  border-bottom: 1px solid #fff;
}
.navigation > div {
  float: left;
}
.navigation .navigation_btns .backButton {
  padding: 0;
}
.navigation .navigation_resume {
  float: right;
  line-height: 45px;
}
.navigation .button {
  text-decoration: none;
  position: relative;
  width: 100%;
  height: 100%;
}
.navigation .backButton > span {
  position: relative;
  width: auto;
  height: auto;
  z-index: 2;
}
.nav {
  position: relative;
  width: 100%;
  height: 12.5vh;
  text-align: center;
  background-color: #1c1c1c;
  display: block;
  padding: 0;
}
.nav div {
  width: 50%;
  height: 100%;
  font-size: 1.2em;
  line-height: 30px;
  cursor: pointer;
  float: left;
  color: #01aaec;
  background-color: #fff;
}
.nav div:before {
  content: "";
  margin: 12px auto 0;
  display: block;
  position: relative;
  width: 34px;
  height: 35px;
}
.nav div#quick_nav_quick:before,
.nav div#search_nav_quick:before {
  background: url('bin/sprite_mob.png') scroll no-repeat 0 -75px transparent;
  background-size: 127.5px auto;
  background-size: 215px;
}
.nav div#quick_nav_quick.selected:before,
.nav div#search_nav_quick.selected:before {
  background-position: 0 -75px;
}
.nav div#quick_nav_search:before,
.nav div#search_nav_search:before {
  background: url('bin/sprite_mob.png') scroll no-repeat -70px -75px transparent;
  background-size: 127.5px auto;
  background-size: 215px;
}
.nav div#quick_nav_search.selected:before,
.nav div#search_nav_search.selected:before {
  background-position: -71px -75px;
}
.nav div#quick_nav_location,
.nav div#search_nav_location {
  display: none;
  position: fixed;
  width: 55px;
  height: 55px;
  background: url('bin/sprite_mob.png') scroll no-repeat 3px 14px transparent;
  background-size: 127.5px auto;
  background-size: 215px;
  background-color: #999999;
  top: 0;
  right: 55px;
  z-index: 3;
  text-indent: -9999px;
  border-right: 1px solid #fff;
}
.nav div#quick_nav_location:before,
.nav div#search_nav_location:before {
  display: none;
}
.nav .selected {
  background-color: #f1f1f1;
  color: #01aaec;
}
/* Back button */
.backButton {
  font-size: 1.4em;
  line-height: 45px;
}
.backButton:before {
  content: "";
  background: url('bin/sprite_mob.png') scroll no-repeat -96px -45px transparent;
  background-size: 127.5px auto;
  display: inline-block;
  width: 12px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
/* Typography */
.text {
  font-size: 1.2em;
  line-height: 1.2em;
}
p:empty {
  display: none;
}
.label,
.total_label {
  font-size: 1.4em;
  text-transform: capitalize;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
}
.field {
  font-size: 1em;
}
.nolink {
  text-decoration: none;
}
/* cookiesWarning  */
.cookiesWarning {
  display: none;
  background-color: #121212;
  color: #FFFFFF;
  position: relative;
  width: 100%;
  height: auto;
  top: 55px;
  padding: 15px 68px 15px 25px;
  text-align: left;
}
.cookiesWarning p {
  font-size: 1.2em;
  margin: 0;
}
.cookiesWarning span {
  text-decoration: underline;
  cursor: pointer;
}
.cookiesWarning.show {
  display: block;
}
.cookiesWarning .cookiesWarningClose {
  display: block;
  position: absolute;
  width: 22.5px;
  height: 22.5px;
  top: 14px;
  right: 20px;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background: url('bin/sprite_mob.png') scroll no-repeat -65px -184px transparent;
  background-size: 127.5px auto;
}
.results_active .cookiesWarning {
  top: 145px;
}
.offer_active .cookiesWarning,
.book_active .cookiesWarning {
  top: 100px;
  z-index: 45;
}
/* Pages general css classes */
#pages {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #eee;
  margin-top: 55px;
}
.page {
  background-color: #eee;
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  border: 0;
  transition: 0.35s all ease-in;
  left: 0;
}
.page#location {
  padding-top: 0;
  z-index: 10;
}
.page#results .poweredBy,
.page#book .poweredBy,
.page#confirmation .poweredBy,
.page#productsResults .poweredBy {
  margin-bottom: 0;
}
.page#offer,
.page#voucher {
  z-index: 40;
  padding-top: 45px;
}
.page#offer #offerName,
.page#voucher #offerName,
.page#offer #voucherName,
.page#voucher #voucherName {
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
  font-size: 1.8em;
  max-height: none;
  padding-bottom: 15px;
  border-bottom: none;
  -webkit-line-clamp: initial;
}
.page#offer #offerName,
.page#voucher #offerName,
.page#offer #voucherName,
.page#voucher #voucherName,
.page#offer .InfoIconsContainer,
.page#voucher .InfoIconsContainer {
  position: relative;
  width: 100%;
  height: 100%;
}
.page#offer #offerName:after,
.page#voucher #offerName:after,
.page#offer #voucherName:after,
.page#voucher #voucherName:after,
.page#offer .InfoIconsContainer:after,
.page#voucher .InfoIconsContainer:after {
  content: "";
  border-bottom: 1px solid #e7e7e7;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
}
.page#offer .InfoIconsContainer,
.page#voucher .InfoIconsContainer {
  text-align: center;
}
.page#offer .InfoIconsContainer .amenitiesContainer,
.page#voucher .InfoIconsContainer .amenitiesContainer,
.page#offer .InfoIconsContainer .maxOccupancyContainer,
.page#voucher .InfoIconsContainer .maxOccupancyContainer {
  display: inline-block;
  vertical-align: top;
}
.page#offer .InfoIconsContainer .amenitiesContainer div,
.page#voucher .InfoIconsContainer .amenitiesContainer div,
.page#offer .InfoIconsContainer .maxOccupancyContainer div,
.page#voucher .InfoIconsContainer .maxOccupancyContainer div {
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: none;
  z-index: 1;
}
.page#offer .InfoIconsContainer .amenitiesContainer:hover > div,
.page#voucher .InfoIconsContainer .amenitiesContainer:hover > div,
.page#offer .InfoIconsContainer .maxOccupancyContainer:hover > div,
.page#voucher .InfoIconsContainer .maxOccupancyContainer:hover > div,
.page#offer .InfoIconsContainer .amenitiesContainer span:hover > div,
.page#voucher .InfoIconsContainer .amenitiesContainer span:hover > div,
.page#offer .InfoIconsContainer .maxOccupancyContainer span:hover > div,
.page#voucher .InfoIconsContainer .maxOccupancyContainer span:hover > div {
  display: block;
}
.page#offer .InfoIconsContainer .amenitiesContainer > span,
.page#voucher .InfoIconsContainer .amenitiesContainer > span {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: transparent url("bin/amenities_icons.png") center center no-repeat;
  background-size: 30px auto !important;
  margin: 0 6px;
}
.page#offer .InfoIconsContainer .amenitiesContainer > span.smoking_rooms,
.page#voucher .InfoIconsContainer .amenitiesContainer > span.smoking_rooms {
  background-position: 0px -30px !important;
}
.page#offer .InfoIconsContainer .amenitiesContainer > span.internet_access_-_free,
.page#voucher .InfoIconsContainer .amenitiesContainer > span.internet_access_-_free {
  background-position: 0px -150px !important;
}
.page#offer .InfoIconsContainer .amenitiesContainer > span.handicap_accessible,
.page#voucher .InfoIconsContainer .amenitiesContainer > span.handicap_accessible {
  background-position: 0px -60px;
}
.page#offer .InfoIconsContainer .amenitiesContainer > span.room_service,
.page#voucher .InfoIconsContainer .amenitiesContainer > span.room_service {
  background-position: 0px -120px;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .adults,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .adults,
.page#offer .InfoIconsContainer .maxOccupancyContainer .children,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .children {
  display: inline-block;
  width: 18px;
  height: 30px;
  vertical-align: text-bottom;
  overflow: hidden;
  margin-left: 1px;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .adults > span,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .adults > span,
.page#offer .InfoIconsContainer .maxOccupancyContainer .children > span,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .children > span {
  display: none;
  float: left;
  padding-top: 2px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .adults.maxFirst,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .adults.maxFirst,
.page#offer .InfoIconsContainer .maxOccupancyContainer .children.maxFirst,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .children.maxFirst {
  margin-left: 3px;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .adults.more,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .adults.more,
.page#offer .InfoIconsContainer .maxOccupancyContainer .children.more,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .children.more {
  width: auto;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .adults.more > span,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .adults.more > span,
.page#offer .InfoIconsContainer .maxOccupancyContainer .children.more > span,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .children.more > span {
  font-size: 18px;
  display: block;
  line-height: 42px;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .adults.zero,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .adults.zero,
.page#offer .InfoIconsContainer .maxOccupancyContainer .children.zero,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .children.zero {
  display: none;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .adults,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .adults {
  background: transparent url("bin/amenities_icons.png") -6px -180px no-repeat;
  background-size: 30px auto !important;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .adults.two,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .adults.two {
  width: 30px;
  background-position: 0px -210px;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .adults.more,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .adults.more {
  padding: 0 0 0 30px;
  background-position: 0px -240px;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .children,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .children {
  background: transparent url("bin/amenities_icons.png") -6px -270px no-repeat;
  background-size: 30px auto !important;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .children.two,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .children.two {
  width: 26px;
  background-position: 0px -300px;
}
.page#offer .InfoIconsContainer .maxOccupancyContainer .children.more,
.page#voucher .InfoIconsContainer .maxOccupancyContainer .children.more {
  padding-left: 30px;
  background-position: 0px -330px;
}
.page#offer .promoStar,
.page#voucher .promoStar {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  width: 13px;
  height: 13px;
  top: -5px;
  left: auto;
  margin-right: 10px;
}
.page#offer .value,
.page#voucher .value {
  font-size: 2em;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
}
.page#offer .value > span,
.page#voucher .value > span {
  margin-right: -5px;
}
.page#offer .label,
.page#voucher .label {
  top: 5px;
  font-size: 1.2em;
}
.page#offer .searchBtn,
.page#voucher .searchBtn {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  width: 100%;
  left: 0;
  bottom: 0;
}
.page#offer .searchBtn#voucherBuyBtn,
.page#voucher .searchBtn#voucherBuyBtn {
  position: relative;
  width: 100%;
  height: auto;
}
.page#book {
  padding-top: 45px;
}
.page#book .searchBtn {
  position: relative;
}
.page#book,
.page#confirmation {
  z-index: 40;
}
.page#book .bookInfo,
.page#confirmation .bookInfo {
  background-color: #fff;
}
.page#book .bookInfo#addons,
.page#confirmation .bookInfo#addons {
  background-color: #eee;
}
.page#book .bookInfo#addons .toggle ul,
.page#confirmation .bookInfo#addons .toggle ul {
  padding: 0 !important;
}
.page#book .bookInfo > ul > li:nth-child(2) .label,
.page#confirmation .bookInfo > ul > li:nth-child(2) .label {
  margin-right: 10px;
}
.page#book .bookInfo > ul > li:nth-child(2) .value,
.page#confirmation .bookInfo > ul > li:nth-child(2) .value {
  float: left;
}
.page#book .bookInfo > ul > li:nth-child(2) .value.nrNights,
.page#confirmation .bookInfo > ul > li:nth-child(2) .value.nrNights {
  text-decoration: underline;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
}
.page#book .bookInfo.list h3.textTitle,
.page#confirmation .bookInfo.list h3.textTitle {
  font-size: 1.4em;
  margin: 0;
  padding: 0;
}
.page#book .textTitle,
.page#confirmation .textTitle {
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
  font-size: 2em;
  max-height: none;
  padding-bottom: 10px;
  -webkit-line-clamp: initial;
}
.page#book #book_frm,
.page#confirmation #book_frm {
  background-color: #eee;
}
.page#book #book_frm .bookInfo,
.page#confirmation #book_frm .bookInfo {
  background-color: transparent;
}
.page#book #book_frm ul,
.page#confirmation #book_frm ul {
  background-color: transparent !important;
  min-height: 100px;
}
.page#book #book_frm .dialogTermsTitle,
.page#confirmation #book_frm .dialogTermsTitle {
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
  position: absolute;
  margin-top: 60px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.page#book #book_frm .dialogPolicyTitle,
.page#confirmation #book_frm .dialogPolicyTitle {
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
}
.page#location,
.page#productsConfirmation,
.page#productsBuy {
  padding-top: 45px;
}
.page#productsConfirmation .textTitle {
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
  font-size: 2em;
  padding: 10px 10px 10px 65px;
  margin: 0 -20px;
  max-height: none;
  -webkit-line-clamp: initial;
}
.page#productsConfirmation .list .textTitle {
  background-color: transparent;
  margin: 0;
  padding: 20px 0;
}
.page#confirmation .textTitle {
  padding: 10px 10px 10px 65px;
  margin: 0 -20px;
  background-color: #eee;
}
.page#confirmation .list .textTitle {
  background-color: transparent;
  margin: 0;
  padding: 20px 0;
}
.page#confirmation .bookInfo ul {
  padding: 0 20px !important;
}
#curLocationDir .viewMore,
#bookLocationDir .viewMore,
#shareEmail .viewMore,
#shareFacebook .viewMore,
#shareTwitter .viewMore,
#locationMap .viewMore,
#locationGetDirections .viewMore {
  position: relative;
  width: 30px;
  height: 30px;
  top: -2px;
}
#curLocationDir .viewMore span,
#bookLocationDir .viewMore span,
#shareEmail .viewMore span,
#shareFacebook .viewMore span,
#shareTwitter .viewMore span,
#locationMap .viewMore span,
#locationGetDirections .viewMore span {
  display: none;
}
#curLocationDir,
#bookLocationDir,
#shareEmail,
#shareFacebook,
#shareTwitter {
  margin: 0;
  padding: 0;
  line-height: 1em;
}
#curLocationDir span,
#bookLocationDir span,
#shareEmail span,
#shareFacebook span,
#shareTwitter span {
  font-size: 0.75em;
}
#curLocationDir .viewMore,
#bookLocationDir .viewMore,
#locationMap .viewMore,
#shareEmail .viewMore,
#shareFacebook .viewMore,
#shareTwitter .viewMore,
#locationGetDirections .viewMore {
  float: right;
}
#curLocationDir,
#bookLocationDir {
  padding: 5px 0;
}
#curLocationDir {
  margin-bottom: 10px;
  display: none;
}
#bookLocationDir .viewMore,
#locationMap .viewMore {
  background: url('bin/sprite_mob.png') scroll no-repeat -105px -65px transparent;
  background-size: 127.5px auto;
}
#shareEmail .viewMore {
  background: url('bin/sprite_mob.png') scroll no-repeat 1px -65px transparent;
  background-size: 127.5px auto;
}
#shareFacebook .viewMore {
  background: url('bin/sprite_mob.png') scroll no-repeat -60px -65px transparent;
  background-size: 127.5px auto;
}
#shareTwitter .viewMore {
  background: url('bin/sprite_mob.png') scroll no-repeat -30px -65px transparent;
  background-size: 127.5px auto;
}
#locationGetDirections .viewMore,
#curLocationDir .viewMore {
  background: url('bin/sprite_mob.png') scroll no-repeat -29px -65px transparent;
  background-size: 127.5px auto;
}
#resultsFrm {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.next {
  left: 100%;
}
.page.previous {
  left: -100%;
}
#pages .current {
  left: 0;
}
.page-active {
  display: block;
  overflow: visible;
}
#productsResults .navigation {
  padding: 0;
}
#resultsList,
#productsResultsList {
  padding: 2.5%;
}
.alternativeResults * {
  text-decoration: none;
}
.alternativeResults li {
  padding: 0;
  border-radius: 6px;
  background-color: #eeeeee;
  list-style-type: none;
  margin: 0 0 8px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.alternativeResults li div {
  padding: 0;
  position: relative;
  width: 100%;
  height: 200px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
}
.alternativeResults li div h3 {
  padding: 14px 20px;
  display: block;
  margin: 0;
  color: #fff;
  line-height: 26px;
}
.alternativeResults li div a.alternativeWeb {
  font-size: 14px;
  font-weight: bold;
  padding: 4px 8px;
  border: 1px solid #ffffff;
  color: #fff !important;
  display: inline-block;
  width: auto;
}
.alternativeResults li div a.alternativeBE {
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: calc(100% - 8px);
  font-size: 12px;
  text-align: center;
  color: #fff !important;
  background-color: #00abed;
  padding: 10px 0;
}
.alternativeResults li div a.alternativeBE .small {
  font-size: 12px;
  color: #ffffff !important;
}
.alternativeResults li div a.alternativeBE .large {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff !important;
}
.alternativeResults li div a.alternativeBE .large span,
.alternativeResults li div a.alternativeBE .large sub {
  font-size: 12px;
  font-weight: normal;
  color: #ffffff !important;
  vertical-align: baseline;
}
.alternativeResults li div a.alternativeBE .large sub:nth-child(1) {
  font-size: 12px;
  font-weight: bold;
}
/* Page forms */
input,
select,
textarea {
  width: 100%;
  border: none;
  background-color: #fff;
  text-overflow: ellipsis;
  text-indent: 7px;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background: url('bin/sprite_mob.png') scroll no-repeat 17px -93px transparent;
  background-size: 127.5px auto;
  background-color: transparent;
  z-index: 10;
}
input[type=checkbox]:checked {
  background-position: 17px -136px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #757575;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #757575;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password] {
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('bin/sprite_mob.png') scroll no-repeat 90% -210px transparent;
  background-size: 127.5px auto;
}
select.long {
  width: 100%;
}
textarea {
  width: 100%;
  min-height: 120px;
  line-height: 1.4em;
  padding: 2%;
  text-indent: 0;
}
/* Results css classes */
.offer,
.product,
.nooffer {
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  min-height: 131px;
  margin: 0 0 8px;
  padding: 3px 35px 3px 140px;
  overflow: hidden;
  position: relative;
}
#resultsList .nooffer,
#productsResultsList .nooffer {
  font-size: 1.3em;
  padding: 20px 30px;
}
.typeSep {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px 2.5%;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom: 7px;
}
.goTopButton {
  display: none;
}
.offer:active,
.product:active {
  cursor: pointer;
  background-image: none;
}
.offer:active:after,
.product:active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #01aaec;
  pointer-events: none;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
.offer:active .viewMore,
.product:active .viewMore {
  cursor: pointer;
}
.offer img,
.product img,
.offer .resultImage,
.product .resultImage {
  width: 125px;
  height: 125px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  position: absolute;
  overflow: hidden;
  top: 3px;
  left: 3px;
  display: flex;
  align-content: center;
  align-items: center;
  color: #FFFFFF;
  background-color: #999999;
}
.offer .selection,
.product .selection {
  margin: 10px 0 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  font-size: 0.8em;
  padding: 0 10px;
  float: left;
  line-height: 25px;
  color: #fff;
  background-color: #01aaec;
  display: none;
}
.offer.hilited .selection,
.product.hilited .selection {
  display: block;
}
.voucherInfo {
  background-color: #fff;
  overflow: hidden;
}
.hideNotBookable {
  display: none;
}
.bookInfo,
.voucherInfo {
  padding: 20px;
}
.bookInfo #policies,
.voucherInfo #policies {
  background-color: #FFFFFF;
  display: block;
  margin: 0 -20px;
  padding: 10px 20px;
}
.bookInfo.hideNotBookable,
.voucherInfo.hideNotBookable {
  position: fixed;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding: 2px 0 0;
}
.bookInfo #offerName,
.voucherInfo #offerName,
.bookInfo #shortDescription,
.voucherInfo #shortDescription,
.bookInfo #offerGallery,
.voucherInfo #offerGallery,
.bookInfo #voucherShortDescription,
.voucherInfo #voucherShortDescription,
.bookInfo #voucherGallery,
.voucherInfo #voucherGallery,
.bookInfo #infoIconsContainer,
.voucherInfo #infoIconsContainer,
.bookInfo > ul,
.voucherInfo > ul {
  background-color: #fff !important;
  margin: 0 -20px !important;
  padding: 20px !important;
  min-width: 100%;
  width: auto !important;
}
.bookInfo #offerName li,
.voucherInfo #offerName li,
.bookInfo #shortDescription li,
.voucherInfo #shortDescription li,
.bookInfo #offerGallery li,
.voucherInfo #offerGallery li,
.bookInfo #voucherShortDescription li,
.voucherInfo #voucherShortDescription li,
.bookInfo #voucherGallery li,
.voucherInfo #voucherGallery li,
.bookInfo #infoIconsContainer li,
.voucherInfo #infoIconsContainer li,
.bookInfo > ul li,
.voucherInfo > ul li {
  font-size: 1em;
}
.bookInfo .fbLi,
.voucherInfo .fbLi {
  list-style: none;
}
.bookInfo .twitterValidation,
.voucherInfo .twitterValidation {
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: none;
  text-align: center;
  padding: 0 10px;
  background-color: #00abed;
  color: #ffffff;
  float: left;
  margin-right: 10px;
}
.bookInfo .facebookValidation,
.voucherInfo .facebookValidation {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: none;
  text-align: center;
  padding: 0 10px;
  background-color: #3b5998;
  color: #ffffff;
  float: left;
}
.bookInfo#offerRestrictions .textTitle,
.voucherInfo#offerRestrictions .textTitle {
  margin: 15px 0;
  max-height: 100%;
}
.bookInfo#offerRestrictions ul,
.voucherInfo#offerRestrictions ul {
  padding-top: 20px !important;
}
.bookInfo#offerRestrictions ul li,
.voucherInfo#offerRestrictions ul li {
  line-height: 34px;
}
#shortDescription {
  display: block;
  margin-bottom: 30px;
}
.promoStar {
  position: absolute;
  width: 13px;
  height: 13px;
  background: url('bin/sprite_mob.png') scroll no-repeat -89px -65px transparent;
  background-size: 127.5px auto;
  top: 8px;
  left: 110px;
}
.viewMore {
  position: absolute;
  width: 20px;
  height: auto;
  top: 3px;
  right: 3px;
  bottom: 3px;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 30;
}
.viewMore span {
  background: url('bin/sprite_mob.png') scroll no-repeat -85px -45px transparent;
  background-size: 127.5px auto;
  position: absolute;
  width: 10px;
  height: 20px;
  top: 50%;
  right: 4px;
  margin-top: -10px;
}
.viewMore span.collapse {
  background-position: -109px -45px;
}
.viewMore span.expand {
  background-position: -109px -181px;
}
.viewMore span.left {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.addon {
  font-size: 1.5em;
  padding: 13px 0 !important;
}
.addon label {
  width: auto;
  float: left;
  padding-left: 45px;
  font-size: 0.9em;
}
.addon .price {
  float: right;
}
/* terms and conditions */
.terms {
  margin-top: 90px;
  padding: 0 5%;
  background-color: #fff;
  overflow: hidden;
}
.alert {
  color: #f16260;
  font-size: 0.9em;
  margin-top: 5px;
}
.textTitle {
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  line-height: 1.2em;
  font-size: 1em;
  max-height: 75px;
  margin: 7px 0;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.imageTitle {
  line-height: 1.2em;
  font-size: 1em;
  padding: 0 10px;
  text-align: center;
  display: block;
  width: 100%;
}
.imageTitle:before,
.imageTitle:after {
  content: "";
  border-bottom: 1px solid #FFFFFF;
  margin: 8px auto;
  display: block;
  width: 40%;
  clear: both;
}
.total {
  font-size: 2em;
}
.total span,
.total sub {
  font-size: 0.6em;
  vertical-align: middle;
}
.total_label {
  display: block;
  font-size: 0.8em;
}
/* Offer gallery css classes */
.gallery {
  height: 330px;
  position: relative;
  width: 100%;
  height: 100%;
}
.gallery .img {
  padding: 0;
  margin: 0;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  left: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent no-repeat center center;
  background-size: cover;
}
.gallery .img:first-child {
  display: block;
  left: 0px;
}
.gallery #showAddons,
.gallery .viewMore {
  top: 55px;
}
.galleryLeft {
  left: 10px;
}
.galleryRight {
  right: 10px;
}
/* Offer page css class */
.text ul {
  background-color: transparent;
  border: medium none;
  list-style: disc inside none;
  padding-left: 20px;
}
.text ul li {
  border: none;
}
.offerDetails li > label {
  width: auto;
}
.offerDetails li > span {
  width: auto;
}
/* Animations css classes */
.slideTop {
  -webkit-transition-property: top;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-in;
}
.slidein {
  -moz-transition-property: left;
  -webkit-transition-property: left;
  -o-transition-property: left;
}
.slideoutR {
  -moz-transition-property: left;
  -webkit-transition-property: left;
  -o-transition-property: left;
  left: 100%;
}
.slideinR {
  -moz-transition-property: left;
  -webkit-transition-property: left;
  -o-transition-property: left;
  left: 0;
}
.slideout {
  -moz-transition-property: left;
  -webkit-transition-property: left;
  -o-transition-property: left;
  left: -100%;
}
/* Loading data css classes */
.alert_overlay,
.loadingData_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.95);
  opacity: 1;
  z-index: 1001;
}
.loadingData_overlay {
  background-color: transparent;
}
.loadingData_content,
.alert_content {
  left: 5%;
  top: 50%;
  opacity: 1;
  position: absolute;
  width: 90%;
  height: auto;
  z-index: 1002;
  text-align: center;
  margin-top: 50px;
}
.loadingData_content .content li,
.alert_content .content li {
  list-style: none;
  color: #f16260;
}
.loadingData_content .content ul,
.alert_content .content ul {
  padding: 0;
  margin: 10%;
}
.loadingData_content .content ul li,
.alert_content .content ul li {
  list-style: none;
}
.loadingData_content .content ul li:after,
.alert_content .content ul li:after {
  width: 5px;
  height: 5px;
  margin: 8px auto 2px;
  display: block;
  clear: both;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #f16260;
}
.loadingData_content .content ul li:last-child:after,
.alert_content .content ul li:last-child:after {
  display: none;
}
.loadingData_content .content p > a,
.alert_content .content p > a {
  margin-left: 5px;
}
.loadingData_content {
  position: fixed;
  width: 90%;
  height: auto;
}
.loadingData_img {
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 20px;
  left: 0;
}
.loadingData_img_loading {
  background: transparent url("bin/loadingBar.gif") center center no-repeat;
  background-color: rgba(255, 255, 255, 0.95);
  background-size: 50% auto;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
}
/* alert modal */
#bgValidationList {
  color: #f16260;
}
.content h2,
.redir .content strong {
  font-size: 1.25em;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  margin: 5px 0px;
}
.redir .content {
  text-align: center;
}
.redir .content strong {
  display: inline-block;
  padding-bottom: 10px;
}
.content ul {
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  list-style: disc inside none;
  background: none;
  padding-left: 5px;
  margin: 0px;
}
.content li {
  position: static;
  border: none;
}
#alert .buttons {
  margin: 10% 0;
  text-align: center;
}
#alertButton,
#rotate_screen button {
  position: fixed;
  width: 22.5px;
  height: 22.5px;
  background: url('bin/sprite_mob.png') scroll no-repeat -65px -184px transparent;
  background-size: 127.5px auto;
  top: 20px;
  right: 20px;
  text-indent: 99999px;
  border: none;
  padding: 0;
}
/* Languages flags */
.languages {
  text-align: center;
  padding: 20px 0;
  background-color: #eee;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 100;
}
.languages a:before {
  content: attr(title);
  display: inline-block;
  font-size: 1em;
}
.languages a:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #000;
  margin: 0 10px;
  top: -2px;
}
.languages a img {
  width: 40px;
  display: none;
}
.languages a:last-child:after {
  display: none;
}
/* currencies */
.currenciesLabel {
  width: 100%;
  text-align: center;
}
.currencies {
  text-align: center;
  padding: 0 0 20px 0;
  background-color: #eee;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 100;
}
.currencies a {
  text-decoration: none;
}
.currencies a:before {
  content: attr(title);
  display: inline-block;
  font-size: 1em;
}
.currencies a:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #000;
  margin: 0 10px;
  top: -2px;
}
.currencies a img {
  width: 40px;
  display: none;
}
.currencies a:last-child:after {
  display: none;
}
.totalsContainer {
  padding: 0px;
}
.totalsContainer ul {
  font-size: 1em !important;
  background-color: #ffffff;
  margin-bottom: 0;
}
.totalsContainer span .bg_currency {
  font-size: 0.6em !important;
}
.totalsContainer.currencyExchanged ul {
  background-color: #eeee;
}
#totalAmountSelectedCurrencyContainer {
  display: none;
}
#totalAmountSelectedCurrencyContainer.currencyExchanged {
  display: block;
}
.bookInfo .value .ratePlaceholder {
  font-size: 1em;
}
.bookInfo .value .ratePlaceholder span {
  font-size: 0.8em;
}
.poweredBy {
  text-align: center;
  padding: 20px 0 50px;
  background-color: #eee;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 100;
  margin-bottom: 50px;
}
.poweredBy a {
  display: inline-block;
  width: 100%;
  height: auto;
  background: url(bin/poweredby.png) no-repeat top center;
  background-size: 70% auto;
  text-indent: -9999px;
}
/* QuickSearch */
#quickFrm,
#search_frm {
  background-color: #fff;
}
#quickFrm ul,
#search_frm ul {
  background: none !important;
}
#quickFrm ul li,
#search_frm ul li {
  background-color: transparent;
}
#quickFrm ul li label,
#search_frm ul li label {
  display: block;
  width: 100%;
}
#quickFrm ul li #checkin_day,
#search_frm ul li #checkin_day {
  width: 30%;
  background-position: 100% -210px;
}
#quickFrm ul li #checkin_month,
#search_frm ul li #checkin_month {
  width: 63%;
}
#quickFrm ul li select,
#search_frm ul li select {
  font-size: 1.4em;
  line-height: 1.4em;
}
#quickFrm #promoCodesFormSearchPage,
#search_frm #promoCodesFormSearchPage {
  position: relative;
  padding: 10px 0 0;
  overflow: hidden;
  clear: both;
}
#quickFrm #promoCodesFormSearchPage > *,
#search_frm #promoCodesFormSearchPage > * {
  float: left;
  min-height: 45px;
}
#quickFrm #promoCodesFormSearchPage input,
#search_frm #promoCodesFormSearchPage input {
  width: 80%;
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  margin: 0;
  background-color: #f1f1f1;
}
#quickFrm #promoCodesFormSearchPage input::-webkit-input-placeholder,
#search_frm #promoCodesFormSearchPage input::-webkit-input-placeholder {
  color: #000000;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
}
#quickFrm #promoCodesFormSearchPage a.button,
#search_frm #promoCodesFormSearchPage a.button {
  width: 20%;
  text-align: center;
  color: #ffffff;
  background-color: #01aaec;
  line-height: 45px;
  font-size: 1.4em;
}
#quickFrm .promoCodesList,
#search_frm .promoCodesList {
  font-size: 1.2em;
  color: #fff;
}
#quickFrm .promoCodesList ul,
#search_frm .promoCodesList ul {
  padding: 0;
  margin: 10px 0;
  overflow: hidden;
}
#quickFrm input,
#search_frm input {
  background-color: rgba(255, 255, 255, 0.25);
  padding: 7px;
}
.bestrate {
  text-align: center;
  height: 48.5vh;
  padding: 0.25%;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.bestrate .dayNode {
  cursor: pointer;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background-color: #f1f1f1;
  background-image: -webkit-linear-gradient(bottom, #f1f1f1, #f0f0f0);
  background-image: -moz-linear-gradient(bottom, #f1f1f1, #f0f0f0);
  background-image: -o-linear-gradient(bottom, #f1f1f1, #f0f0f0);
  background-image: -ms-linear-gradient(bottom, #f1f1f1, #f0f0f0);
  background-image: linear-gradient(bottom, #f1f1f1, #f0f0f0);
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  height: 32.3333%;
  width: 32.3333%;
  margin: 0.5%;
  color: #707070;
}
.bestrate .dayNode span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bestrate .dayNode .weekday {
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
  font-size: 0.85em;
  height: 30%;
}
.bestrate .dayNode .date {
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  font-size: 0.75em;
  text-transform: uppercase;
  height: 20%;
  width: 50%;
  margin: 0 auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.bestrate .dayNode .rate {
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
  font-size: 1.4em;
  height: calc(50% - 1px);
}
.bestrate .dayNode .rate .rateSymbol {
  display: inline-block;
  padding-right: 5px;
}
.bestrate .dayNode .rate sub {
  display: none;
}
.bestrate .dayNode .rate.rate_NOK {
  font-size: 1.2em;
}
.bestrate .dayNode .rate.rate_RUB {
  font-size: 1.2em;
}
.bestrate .dayNode .rate.rate_SZK {
  font-size: 1.2em;
}
.bestrate .dayNode .rate.rate_HUF {
  font-size: 1.2em;
}
.bestrate .dayNode .rate.rate_INR {
  font-size: 1.2em;
}
.bestrate .dayNode .rate.rate_JPY {
  font-size: 1.2em;
}
.bestrate .dayNode .rate.rate_MXN {
  font-size: 1.2em;
}
.bestrate .dayNode .rate.rate_ZAR {
  font-size: 1.2em;
}
.bestrate .dayNode .rate.rate_THB {
  font-size: 1.2em;
}
.bestrate .dayNode.hideRates .date {
  font-size: 1em;
  border-bottom: 0;
}
.bestrate .dayNode.hideRates .rate {
  visibility: hidden;
}
.bestrate .unavailable {
  background-color: #eba1a1;
  background-image: -webkit-linear-gradient(bottom, #eba1a1, #b35757);
  background-image: -moz-linear-gradient(bottom, #eba1a1, #b35757);
  background-image: -o-linear-gradient(bottom, #eba1a1, #b35757);
  background-image: -ms-linear-gradient(bottom, #eba1a1, #b35757);
  background-image: linear-gradient(bottom, #eba1a1, #b35757);
  border: 1px solid #b97e7e;
  cursor: default;
  background-color: #4c4c4c;
  background-image: -webkit-linear-gradient(bottom, #4c4c4c, #505050);
  background-image: -moz-linear-gradient(bottom, #4c4c4c, #505050);
  background-image: -o-linear-gradient(bottom, #4c4c4c, #505050);
  background-image: -ms-linear-gradient(bottom, #4c4c4c, #505050);
  background-image: linear-gradient(bottom, #4c4c4c, #505050);
}
.bestrate .selected {
  color: #fff;
  background-color: #0c8dbf;
  background-image: -webkit-linear-gradient(bottom, #0c8dbf, #03a6e5);
  background-image: -moz-linear-gradient(bottom, #0c8dbf, #03a6e5);
  background-image: -o-linear-gradient(bottom, #0c8dbf, #03a6e5);
  background-image: -ms-linear-gradient(bottom, #0c8dbf, #03a6e5);
  background-image: linear-gradient(bottom, #0c8dbf, #03a6e5);
}
.bestrate .unavailable span {
  color: rgba(255, 255, 255, 0.6);
  text-shadow: none;
}
.bestrate .unavailable span.rate {
  display: none;
}
.bestrate .unavailable span.msg {
  height: calc(50% - 1px);
}
.hasBarLabel .bestrate {
  height: 42vh;
}
.hasBarLabel .spinner {
  height: 9vh;
  padding-bottom: 0;
}
.hasBarLabel #bestRateMark {
  display: flex;
  margin-top: 2%;
}
.spinner {
  position: relative;
  width: 32.533%;
  height: 11vh;
  text-align: center;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 2vw;
  box-sizing: border-box;
  padding-bottom: 10px;
}
.spinner:after {
  content: "";
  position: absolute;
  width: 0;
  height: 80%;
  top: 12.5%;
  right: -5px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.spinner:nth-of-type(4):after,
.spinner:nth-of-type(7):after,
.spinner:nth-of-type(10):after {
  display: none;
}
.spinner.hide {
  display: none;
}
.spinner .label {
  display: block;
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 6px;
}
.spinner .value {
  font-size: 2em;
  line-height: 2em;
  padding: 0px 10px;
}
.spinner .button {
  border-radius: 50%;
  border: 1px solid #707070;
  font-size: 2em;
  line-height: 18px;
  width: 25px;
  height: 25px;
}
.spinner .button:active {
  background-color: #0293e7;
  background-image: -webkit-linear-gradient(bottom, #0293e7, #00496f);
  background-image: -moz-linear-gradient(bottom, #0293e7, #00496f);
  background-image: -o-linear-gradient(bottom, #0293e7, #00496f);
  background-image: -ms-linear-gradient(bottom, #0293e7, #00496f);
  background-image: linear-gradient(bottom, #0293e7, #00496f);
  -webkit-box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, 0.75);
  border: 1px solid #464646;
}
#bestRateMark {
  background-color: #2f2f2f;
  text-align: center;
  position: relative;
  width: 100%;
  height: 9vh;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
#bestRateMark:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url('bin/sprite_mob.png') scroll no-repeat 0 -184px transparent;
  background-size: 127.5px auto;
  margin-right: 10px;
  position: relative;
}
#bestRateMark div {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 0.9em;
  line-height: 1em;
  color: #ffffff;
}
#bestRateMark div:after {
  content: attr(title);
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
}
.promoCodesBt {
  background-color: #999999;
  position: fixed;
  width: 100%;
  height: 45px;
  line-height: 40px;
  top: 100px;
  left: 0;
  font-size: 1.15em;
  color: #fff;
  z-index: 1;
  text-align: center;
  display: none;
}
.promoCodesBt span:before {
  content: "";
  background: url('bin/sprite_mob.png') scroll no-repeat -46px -184px transparent;
  background-size: 127.5px auto;
  display: inline-block;
  width: auto;
  height: auto;
  margin-right: 6px;
  position: relative;
  width: 15px;
  height: 15px;
  top: 2px;
}
.results_active .promoCodesBt {
  display: block;
}
.results_active #pages {
  top: 90px;
}
.confirmation_active .navigation {
  display: none;
}
.searchBtn,
#addonsSubmit {
  background-color: #01aaec;
  background-image: -webkit-linear-gradient(bottom, #0c8dbf, #03a6e5);
  position: fixed;
  width: 100%;
  height: 55px;
  bottom: 0;
  left: 0;
  min-height: 55px;
  z-index: 1000;
  margin: 0 auto;
  color: #fff;
  font-size: 1.6em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.searchBtn.disabled,
#addonsSubmit.disabled {
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.searchBtn#bookAnother,
#addonsSubmit#bookAnother,
.searchBtn#addonsSubmit,
#addonsSubmit#addonsSubmit,
.searchBtn#returnWebsite,
#addonsSubmit#returnWebsite {
  position: relative !important;
}
.quickSubmit {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  width: 100%;
  left: 0;
  bottom: 0;
}
/* Location screen */
#location_frm .bookInfo ul {
  margin-top: 30px !important;
}
/* Book, Buy and voucher screen */
.bookInfo,
.buyInfo,
#bgVoucherForm,
.voucherInfo {
  position: relative;
  overflow: hidden;
}
.bookInfo .labels span,
.buyInfo .labels span,
#bgVoucherForm .labels span,
.voucherInfo .labels span,
.bookInfo .values span,
.buyInfo .values span,
#bgVoucherForm .values span,
.voucherInfo .values span {
  display: inline-block;
  width: 27.4%;
  text-align: center;
}
.bookInfo .labels .separator,
.buyInfo .labels .separator,
#bgVoucherForm .labels .separator,
.voucherInfo .labels .separator,
.bookInfo .values .separator,
.buyInfo .values .separator,
#bgVoucherForm .values .separator,
.voucherInfo .values .separator {
  width: 6%;
}
.bookInfo .labels,
.buyInfo .labels,
#bgVoucherForm .labels,
.voucherInfo .labels {
  color: #757575;
  font-size: 1.6em;
}
.bookInfo .values,
.buyInfo .values,
#bgVoucherForm .values,
.voucherInfo .values {
  font-size: 1.6em;
  text-align: center;
}
.bookInfo ul,
.buyInfo ul,
#bgVoucherForm ul,
.voucherInfo ul {
  font-size: 0.85em;
}
.bookInfo .label,
.buyInfo .label,
#bgVoucherForm .label,
.voucherInfo .label {
  float: left;
  position: relative;
  width: auto;
  height: auto;
  font-size: 1.2em;
}
.bookInfo .value,
.buyInfo .value,
#bgVoucherForm .value,
.voucherInfo .value {
  font-size: 1.4em;
  line-height: 1.2em;
  float: none;
}
.bookInfo .value > span,
.buyInfo .value > span,
#bgVoucherForm .value > span,
.voucherInfo .value > span,
.bookInfo .value sub,
.buyInfo .value sub,
#bgVoucherForm .value sub,
.voucherInfo .value sub {
  font-size: 0.6em;
}
.bookInfo .value > span,
.buyInfo .value > span,
#bgVoucherForm .value > span,
.voucherInfo .value > span {
  margin-right: 5px;
}
.bookInfo .value sub,
.buyInfo .value sub,
#bgVoucherForm .value sub,
.voucherInfo .value sub {
  vertical-align: baseline;
}
.bookInfo iframe,
.buyInfo iframe,
#bgVoucherForm iframe,
.voucherInfo iframe {
  width: 100%;
  height: auto;
}
.cardField .label,
.installmentsField .label {
  padding-left: 10px;
  display: block;
  width: 100%;
  margin: 0 0 15px;
}
.cardField select,
.installmentsField select {
  float: left;
  text-indent: 10px;
}
.cardField select#card_month,
.installmentsField select#card_month {
  width: 35%;
  margin-right: 10%;
}
.cardField select#card_year,
.installmentsField select#card_year {
  width: 55%;
  background-position: 65% -210px;
}
.cardField iframe,
.installmentsField iframe {
  height: 32px !important;
}
#book_frm #paymentArea > .textTitle {
  display: block;
}
#book_frm #paymentArea > .textTitle:after {
  content: "";
  background: url('bin/sprite_mob.png') scroll no-repeat -204px -475px transparent;
  background-size: 127.5px auto;
  background-size: 250px auto;
  display: inline-block;
  width: 60px;
  height: 25px;
  float: right;
}
#book_frm #paymentArea .loadingData_content {
  display: none;
  background: none;
  border: none;
}
#book_frm #paymentArea.loading {
  height: 150px;
}
#book_frm #paymentArea.loading ul {
  display: none;
}
#book_frm #paymentArea.loading .loadingData_content {
  display: block;
}
#productsResultsFrm {
  margin-top: 45px;
}
#productsTypeNavSelect {
  display: none;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  float: none;
  font-size: 1.4em;
  height: 100%;
  line-height: 45px;
  text-overflow: ellipsis;
  padding: 0 50px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('bin/sprite_mob.png') scroll no-repeat 90% -273px transparent;
  background-size: 127.5px auto;
  text-indent: 15px;
  background-size: 170px auto;
}
.prodScroll #productsTypeNavSelect {
  display: block;
}
#book_frm .bookInfo h3,
#buy_frm .buyInfo h3 {
  display: inline-block;
  font-size: 1.4em !important;
}
.totalAmountNow {
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  font-size: 24px !important;
  line-height: 15px !important;
  float: right !important;
  color: #01aaec;
}
#returnWebsite .viewMore span,
#bookAnother .viewMore span {
  width: 100%;
  height: 100%;
  margin: 0px;
  background-position: center 8px;
}
#viewTermsRow label {
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: left;
  top: 8px;
  position: relative;
  width: 70%;
  height: auto;
}
#viewTermsRow input {
  float: left;
  margin-right: 30px;
  width: 70% !important;
}
#viewTermsRow #viewTerms {
  background-color: transparent;
  right: 15px;
}
#viewTermsRow #viewTerms span {
  width: 20px;
  right: 0;
  top: 10px;
  margin: 0;
}
#viewTerms:hover {
  cursor: pointer;
}
.list ul {
  margin: 0px 23px 23px 23px;
  padding: 0;
}
.list ul li {
  background-color: #fff;
  margin-bottom: 10px;
}
.list ul li input {
  border: none;
}
.list ul li.captchaImage {
  background-color: transparent;
  padding: 0;
}
.list ul li.captchaImage img {
  width: 80%;
}
.list ul li.payInlineDesc {
  padding: 10px;
  font-size: 1.2em;
  background-color: #fff8b8;
}
.list ul li.payInlineDesc p {
  margin: 0;
}
.list ul li a {
  font-size: 1.9em;
  line-height: 1.9em;
  margin: 0;
  text-decoration: none;
  display: block;
}
.list ul li a#getCaptcha {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
  padding: 0 0;
  background: url('bin/sprite_mob.png') scroll -262px 'sprite_mob.png' -254px transparent;
  background-size: 127.5px auto;
  text-indent: -9999px;
  overflow: hidden;
}
.list ul li.last {
  margin-bottom: 0;
}
.list ul li a:active {
  background-image: -moz-linear-gradient(center top, #0293e7 0%, #00496f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0293e7), to(#00496f));
  -webkit-box-shadow: inset 0px 0px 7px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 0px 7px 5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 0px 7px 5px rgba(0, 0, 0, 0.75);
}
.secureSeals {
  background: url('bin/sprite_mob.png') scroll no-repeat 0 -347px transparent;
  background-size: 127.5px auto;
  background-size: 255px auto;
  margin: 10px 0;
  display: block;
  height: 20px;
  display: none;
}
/* Confirmation page */
.reservationOk {
  background: url('bin/sprite_mob.png') scroll no-repeat -84px 0 transparent;
  background-size: 127.5px auto;
  position: absolute;
  width: 34px;
  height: 36px;
  top: 34px;
  left: 15px;
}
#returnWebsite {
  background: none;
  height: auto;
  min-height: 80px;
  color: #000;
  font-size: 1.4em;
  text-decoration: underline;
}
/* Action button */
.actionBtn {
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-size: 2em;
  line-height: 1.3em;
  padding: 15px 24px 12px 22px;
  text-align: left;
  text-shadow: 1px 1px #000000;
  position: relative;
  width: 100%;
  height: 100%;
}
.actionBtn .viewMore {
  width: 30px;
  height: 30px;
  position: relative;
  width: 100%;
  height: 100%;
  float: right;
  line-height: 0.5em;
  top: 0;
  right: 0;
}
.actionBtn .viewMore span {
  width: 8px;
  height: 8px;
  margin: 8px 0px 0px -4px;
  border-width: 4px;
}
/**
 * addons
 */
#addons {
  overflow: hidden;
}
#addons ul {
  margin: 0;
  background-color: transparent;
}
#addons li {
  background-color: transparent;
}
#addons li .check {
  z-index: 10;
}
#addons li .check input[type=checkbox] {
  background-position: 5px -100px;
}
#addons li .check input[type=checkbox]:checked {
  background-position: 5px -142px;
}
#addons li .price {
  font-size: 1.4em;
}
#addons #showAddons {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 30px;
  right: 15px;
  bottom: auto;
  background-color: transparent;
}
#addons #showAddons span {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  top: auto;
  left: auto;
  margin: 0;
}
div.expand {
  display: none;
}
/**
 * fees
 */
.fees {
  display: none;
}
.price {
  font-size: 1.2em;
  text-align: right;
}
.price > span,
.price sub {
  font-size: 0.6em;
  vertical-align: middle;
}
.radio,
#viewTermsRow,
.check {
  text-align: center;
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  vertical-align: middle;
}
.radio input[type=checkbox],
#viewTermsRow input[type=checkbox],
.check input[type=checkbox] {
  position: absolute;
  width: 100%;
  height: 30px;
  left: 0;
  right: 0;
  margin: 0;
}
#viewTermsRow {
  min-height: 40px;
}
/**
 * meal plans
 */
#offerMealPlans {
  position: relative;
  width: auto;
  height: auto;
  padding: 20px;
  z-index: 0;
}
#offerMealPlans h3 {
  margin: 0 0 10px;
}
#offerMealPlans h3 .total_label {
  padding-left: 15px;
  display: inline;
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
}
#offerMealPlans .mealPlansContainer {
  width: 100%;
}
#offerMealPlans .mealPlansContainer .text {
  display: block;
}
#offerMealPlans table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
#offerMealPlans table .label {
  font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 100;
  top: auto !important;
  font-size: 1em !important;
  padding: 7px 0 7px 30px;
  text-align: left;
}
#offerMealPlans table .price {
  white-space: nowrap;
}
/* vouchers */
#voucher .voucherItem {
  overflow: hidden;
  margin: 0;
  padding: 0 0 15px;
  max-height: 106px;
}
#voucher .voucherItemInner {
  overflow: auto;
}
#voucher .voucherItemInner > h3 {
  margin: 0;
  padding: 25px 0 25px 25px;
  font-size: 1.25em;
  max-height: 100%;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
#voucher .voucherItemInner > h3 > span {
  position: absolute;
  width: 40px;
  height: 27px;
  top: 38px;
  right: 22px;
  background: url('bin/sprite_mob.png') scroll no-repeat 0 -412px transparent;
  background-size: 127.5px auto;
  display: none;
}
#voucher .voucherItemInner .voucherInfo.list {
  padding: 0 20px;
}
#voucher.multi .voucherItem .voucherItemInner > h3 {
  background-color: #999999;
  color: #ffffff;
}
#voucher.multi .voucherItem .voucherItemInner > h3 > span {
  display: block;
}
#voucher.multi .voucherItem.opened .voucherItemInner > h3 {
  padding: 26px 0 14px 25px;
  background-image: none;
  background-color: transparent;
  color: #1c1c1c;
}
#voucher.multi .voucherItem.opened .voucherItemInner > h3 > span {
  display: none;
}
#voucher .list > ul {
  background-color: transparent !important;
  padding: 0 20px !important;
}
#voucher .list > ul > li {
  background-color: #eee;
  border: none;
  margin: 0;
}
#voucher .list > ul > li.itemValue > label {
  position: absolute;
  width: auto;
  height: auto;
  padding-left: 0;
  left: 6px;
  top: -1px;
  line-height: 1.9em;
  pointer-events: none;
}
#voucher .list > ul > li.itemValue > label.in {
  top: 15px;
  font-size: 1.2em;
  line-height: 1em;
}
#voucher .list > ul > li.itemValue > div {
  text-align: right;
  font-size: 1.9em;
  line-height: 1.9em;
}
#voucher .voucherInfo select {
  padding-right: 60px;
  width: 100%;
}
#voucher .voucherInfo select.bgComboboxPrice {
  width: 70%;
  float: right;
}
#voucher .voucherInfo select.bgComboboxDeliveryOptions {
  background-color: #fff;
}
#voucher .voucherInfo textarea {
  height: 120px;
}
#voucher .voucherInfo #viewTermsRow label {
  padding-left: 0;
}
#voucher .voucherInfo > label {
  top: 10px;
}
#voucher .voucherInfo .value {
  float: right;
}
#voucher .voucherInfo .value span {
  margin-right: 5px;
}
#voucher .voucherInfo.policy {
  padding: 18px 0px;
}
#voucher .voucherInfo.policy #viewTermsRow {
  position: relative;
  width: 100%;
  height: auto;
}
#voucher .voucherInfo.policy .terms {
  margin-top: 0;
}
#voucher .voucherInfo.policy #dialogTermsTitle {
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
}
#voucher .voucherInfo.policy #dialogPolicyTitle {
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
}
#voucher .bgBtnAddContainer {
  padding: 20px 0;
}
#voucher .bgBtnAdd,
#voucher .deleteBtn {
  position: relative;
  width: auto;
  height: 50px;
  min-height: 50px;
  margin: 0 20px;
  color: #fff;
  font-size: 1.2em;
  display: flex!important;
  align-items: center;
  justify-content: center;
}
#voucher .bgBtnAdd {
  background-color: #01aaec;
}
#voucher .deleteBtn {
  background-color: #f16260;
  margin-top: 20px;
}
#voucher .contDelivOptions,
#voucher .delivOptions {
  display: none;
}
#voucher .contDelivOptions.show,
#voucher .delivOptions.show {
  display: block;
}
#voucher .contDelivOptions .voucherInfo.list,
#voucher .delivOptions .voucherInfo.list {
  padding: 0 20px;
}
#voucher #viewTerms {
  margin-top: 3px;
}
#voucher .deleteBtn {
  display: none;
}
#voucher .deleteBtn.show {
  display: block;
}
#bgVoucherForm {
  margin: 0 0;
  padding: 0 0;
}
#bgVoucherForm .voucherInfo {
  background-image: none;
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}
#productName {
  padding: 10px 20px;
}
#productTotals,
#prodConfirmationItems {
  padding: 20px;
  margin: 0 0 1px;
}
#productTotals:empty,
#prodConfirmationItems:empty {
  display: none;
}
#productTotals > li,
#prodConfirmationItems > li {
  overflow: visible;
  padding: 4px;
  font-size: 1.6em;
}
#productTotals > li .ratePlaceholder,
#prodConfirmationItems > li .ratePlaceholder,
#productTotals > li .formatCurrencyForProductsConfirmation,
#prodConfirmationItems > li .formatCurrencyForProductsConfirmation {
  font-size: 1.2em;
}
#productTotals > li span,
#prodConfirmationItems > li span {
  float: none;
  font-size: 0.5em;
  margin-right: 4px;
}
#productTotals + ul {
  padding: 10px 20px;
}
#productsBuy .textTitle {
  padding: 10px 20px;
}
#promoCodesForm {
  position: relative;
  padding-bottom: 20px;
}
#promoCodesForm .pcodes-code {
  display: block;
  position: relative;
  width: 80%;
  height: auto;
  line-height: 55px;
  border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  background-color: #eee;
  padding: 1px 0;
}
#promoCodesForm .button {
  position: absolute;
  width: 20%;
  height: 57px;
  top: 0;
  right: 0;
  color: #fff;
  background-color: #01aaec;
  border: none;
  font-size: 1em;
  border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  outline: none;
  line-height: 55px;
  font-size: 1.2em;
}
#promoCodesList,
.promoCodesList {
  padding-bottom: 20px;
}
#promoCodesList ul,
.promoCodesList ul {
  margin: 2.5% 0 !important;
  text-align: left;
}
#promoCodesList ul li,
.promoCodesList ul li {
  cursor: pointer;
  display: block;
  position: relative;
  line-height: 35px;
  color: #1c1c1c !important;
}
#promoCodesList ul li span,
.promoCodesList ul li span {
  float: none;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  display: inline-block;
  width: auto;
  height: auto;
  margin-right: 5px;
}
#promoCodesList ul li a,
.promoCodesList ul li a {
  position: absolute;
  width: 23px;
  height: 23px;
  display: block;
  right: 0;
  top: 8px;
  background: url('bin/sprite_mob.png') scroll no-repeat -93px -194px transparent;
  background-size: 127.5px auto;
  background-size: 135px auto;
  text-indent: -9999px;
}
#promoCodesList ul li:after,
.promoCodesList ul li:after {
  display: none !important;
}
#promoCodesList ul li.selected a,
.promoCodesList ul li.selected a {
  display: inline-block;
}
#promoCodesList .error,
.promoCodesList .error {
  color: #f16260;
  padding: 10px;
  display: block;
}
/**
 * conversion tracking
 */
#hiddenIframes {
  width: 0;
  height: 0;
  display: none;
}
#rotate_screen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100009;
  text-align: center;
  font-size: 2em;
  line-height: 1.2em;
  padding: 10%;
  align-items: center;
  display: none;
}
#rotate_screen.hide {
  display: none !important;
}
@media screen and (max-width: 320px) {
  body {
    font-size: 12px;
    line-height: 18px;
  }
  .nav div {
    line-height: 16px;
  }
  .nav div::before {
    transform: scale(0.7);
  }
  #addonsSubmit,
  .searchBtn {
    height: 55px;
    min-height: 55px;
  }
  .bestrate {
    height: 48vh;
  }
  .spinner {
    height: 10vh;
  }
  .spinner button {
    line-height: 18px;
  }
  .list ul li.captchaImage {
    margin: 0 -11px;
    width: calc(100% + 40px);
  }
}
.no-flex header {
  display: block;
}
.no-flex .nav {
  height: 76px;
}
.no-flex .bestrate {
  display: block;
  height: 190px;
}
.no-flex .bestrate .dayNode {
  display: block;
  float: left;
  height: 60px;
}
.no-flex .bestrate .dayNode span {
  display: block;
}
.no-flex .bestrate .dayNode span.bg_currency {
  display: inline-block;
}
.no-flex .bestrate .dayNode .date {
  line-height: 1em;
}
.no-flex .bestrate .dayNode .ratePlaceholder {
  line-height: 1.6em;
}
.no-flex .hasBarLabel .bestrate {
  height: 190px;
}
.no-flex .hasBarLabel .spinner,
.no-flex .spinner {
  height: 50px;
  display: inline-block !important;
}
.no-flex .spinner.hide {
  display: none !important;
}
.no-flex .hasBarLabel #bestRateMark {
  display: block;
  height: 40px;
}
.no-flex .spinner .button {
  display: inline-block;
}
.no-flex #addonsSubmit,
.no-flex .searchBtn {
  text-align: center;
  line-height: 2.2em;
  display: block;
}
/* Landscape */
@media only screen and (orientation: landscape) and (min-aspect-ratio: 1.44444444) {
  #rotate_screen {
    display: flex;
  }
  .nav {
    height: 21vh;
  }
  .bestrate {
    height: 37vh !important;
  }
  .bestrate .dayNode {
    width: 24%;
    height: 46%;
  }
  .bestrate .dayNode:last-of-type {
    display: none;
  }
  .spinner {
    height: 23vh !important;
  }
  #bestRateMark {
    height: 20vh;
  }
  .poweredBy a {
    background-size: auto 100%;
  }
  #search_frm ul li {
    float: left;
    width: 50%;
  }
  #search_frm ul li:first-child {
    width: 100%;
  }
  #search_frm ul li #checkin_day {
    width: 47%;
    background-position: 100% -210px;
  }
  #search_frm ul li #checkin_month {
    width: 50%;
    background-position: 93% -210px;
  }
}
.promo .textTitle.promo {
  min-height: 22px;
  pointer-events: none;
}
.promo .total_label {
  line-height: 15px;
}
.promo .total {
  line-height: 15px;
}
.nightsPlaceholder {
  font-size: 0.4em;
  font-weight: normal;
}
.select_room {
  text-decoration: underline;
  line-height: 30px;
  height: 25px;
  display: block;
}
.roomList_wrapper {
  background: #fff;
  overflow: hidden;
  color: #000;
  line-height: 50px;
  transition: all 0.5s ease-in-out;
  margin-top: 15px;
  margin-left: -130px;
  width: calc(100% + 156px);
}
.roomList_wrapper .promo_RoomsList {
  display: block;
}
.promo_room {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.promo_room > * {
  pointer-events: none;
}
.promo_room:last-of-type {
  border-bottom: unset;
}
.promo_room .room_name {
  margin-right: 10px;
  max-width: 64%;
}
.promo_room .room_name p {
  font-weight: 600;
  margin: 0;
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.promo_room .room_name .alert {
  margin: 0;
  line-height: normal;
}
.promo_room .room_rate {
  margin: 0 8px 0 auto;
  display: inherit;
}
.promo_room .room_rate .room_currency {
  display: flex;
}
.promo_room .room_rate .room_currency span {
  margin-right: 4px;
}
.promo_room .room_rate .room_currency sub {
  vertical-align: unset;
}
.promo_room .room_promo-arrow {
  background: url(bin/sprite_mob.png) scroll no-repeat -85px -45px transparent;
  background-size: 127.5px auto;
  width: 10px;
  height: 20px;
}