.button, .Button {
  text-align: center;
  border-radius: 2px;
  padding: 14px 20px;
  line-height: 1;
  border: 1px solid transparent;
  color: #fff;
  float: none !important;
  font-size: 14px;
  font-weight: 700;
  font-family: Source Sans Pro, sans-serif;
  cursor: pointer;
  display: inline-block
}

.button[type=submit], .Button[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.button[disabled], .Button[disabled] {
  cursor: unset
}

@media only screen and (max-width: 767px) {
  .button, .Button {
    width: 100%
  }
}

.button:hover:enabled, .Button:hover:enabled {
  text-decoration: none
}

.button--small, .Button--small {
  padding: 10.5px 15px;
  font-size: 12px
}

.button--xsmall, .Button--xsmall {
  padding: 4.5px 10px;
  font-size: 12px
}

.button--primary, .Button--primary {
  background-color: #bd1343;
  transition: all .1s ease-out;
  color: #fff
}

.button--primary:hover:enabled, .Button--primary:hover:enabled {
  color: #fff;
  transition: all .2s ease-out;
  background-color: #a5113a
}

.button--secondary, .Button--secondary {
  background-color: #8a8a8a;
  transition: all .1s ease-out;
  color: #fff
}

.button--secondary:hover:enabled, .Button--secondary:hover:enabled {
  transition: all .2s ease-out;
  background-color: #666;
  color: #fff
}

.button--white, .Button--white {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  color: #666;
  transition: all .1s ease-out
}

.button--white:hover:enabled, .Button--white:hover:enabled {
  transition: all .2s ease-out;
  color: #666;
  border-color: #8a8a8a
}

.button--transparent, .Button--transparent {
  background-color: transparent;
  border: 1px solid #d3d3d3;
  color: #666;
  transition: all .1s ease-out
}

.button--transparent:hover:enabled, .Button--transparent:hover:enabled {
  transition: all .2s ease-out;
  border-color: #8a8a8a
}

.button--dark, .Button--dark {
  background-color: #1d1d1d;
  transition: all .1s ease-out
}

.button--dark:hover:enabled, .Button--dark:hover:enabled {
  transition: all .2s ease-out;
  background-color: #000
}

.button--light, .Button--light {
  background-color: #eee;
  border: 1px solid #d3d3d3;
  color: #666;
  transition: all .1s ease-out
}

.button--light:hover:enabled, .Button--light:hover:enabled {
  transition: all .2s ease-out;
  background-color: #d3d3d3;
  border-color: #afafaf
}

.button--disabled, .Button--disabled {
  background-color: #eee;
  color: #d3d3d3;
  cursor: unset
}

.button--link, .Button--link {
  color: #666;
  text-decoration: underline;
  border-color: transparent;
  font-weight: 700
}

.button--link:hover:enabled, .Button--link:hover:enabled {
  text-decoration: none;
  color: #1d1d1d
}

.button--append, .Button--append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px
}

.button--dropdown, .Button--dropdown {
  padding-right: 42px;
  position: relative
}

.button--dropdown .icon, .Button--dropdown .icon {
  position: absolute;
  right: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 24px
}

.button--dropdown .isSelected, .Button--dropdown .isSelected, .expanded .button--dropdown:not(.button--dropdownSubLevel), .expanded .Button--dropdown:not(.button--dropdownSubLevel), .expanded_sublevel .button--dropdown, .expanded_sublevel .Button--dropdown {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  color: #666;
  transition: all .1s ease-out
}

.button--dropdown .isSelected:hover, .Button--dropdown .isSelected:hover, .expanded .button--dropdown:not(.button--dropdownSubLevel):hover, .expanded .Button--dropdown:not(.button--dropdownSubLevel):hover, .expanded_sublevel .button--dropdown:hover, .expanded_sublevel .Button--dropdown:hover {
  transition: all .2s ease-out;
  color: #414141;
  border-color: #8a8a8a;
  background-color: #fff
}

.button--dropdown .isSelected .icon, .Button--dropdown .isSelected .icon, .expanded .button--dropdown:not(.button--dropdownSubLevel) .icon, .expanded .Button--dropdown:not(.button--dropdownSubLevel) .icon, .expanded_sublevel .button--dropdown .icon, .expanded_sublevel .Button--dropdown .icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.button--noPadding, .Button--noPadding {
  padding: 0
}

.button--noDecoration, .Button--noDecoration {
  text-decoration: none
}

@media only screen and (max-width: 767px) {
  .button--autoWidthMobile, .Button--autoWidthMobile {
    width: auto
  }
}

.ImportantMessage {
  max-width: 980px;
  width: 100%;
  margin: 0 auto
}

@media only screen and (min-width: 1400px) {
  .ImportantMessage {
    max-width: 1200px
  }
}

.modalImportantMessage__title.has-decorator:after, .NearYouModal .NearYou__title.has-decorator:after, .RecoQuiz .Quiz__title.has-decorator:after {
  content: "";
  height: 3px;
  width: 20px;
  background-color: #bd1343;
  display: block;
  margin: 15px 0 0
}

.centered.modalImportantMessage__title.has-decorator:after, .NearYouModal .centered.NearYou__title.has-decorator:after, .RecoQuiz .centered.Quiz__title.has-decorator:after {
  margin-left: auto;
  margin-right: auto
}

input[type=date], input[type=email], input[type=password], input[type=text], select, textarea {
  padding: 0;
  background: none;
  color: #000;
  height: auto;
  width: auto;
  float: none
}

body {
  background-color: #eee;
}

#nbSales {
  font-size: 16px
}

#nbSales, .hidden {
  display: none
}

#page-container.logged {
  padding-bottom: 0
}

.page-center {
  max-width: 100%
}

#bottom-sdv .pagination, #header .page-center, #nearYouSaleCarousel, #recentSalesBanner, .generic-width, nav .page-center {
  max-width: 980px;
  margin: 0 auto
}

@media only screen and (min-width: 1400px) {
  #bottom-sdv .pagination, #header .page-center, #nearYouSaleCarousel, #recentSalesBanner, .generic-width, nav .page-center {
    max-width: 1200px
  }
}

#killerDealContainer {
  margin: auto
}

.header-ribbon {
  width: 100%;
  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, .75), inset 0 -8px 8px -8px rgba(0, 0, 0, .75);
  position: relative;
  z-index: 0;
  /*background: url("s/statics/images/background/bg-ftux.png") repeat scroll 0 0 transparent
  */
}


.header-ribbon .page-center {
  max-width: 1000px
}

.header-ribbon .ftux-welcome {
  float: left;
  margin: 30px 0 30px 10px
}

.header-ribbon .ftux-welcome p {
  font-size: 28px;
  font-weight: 300;
  text-align: center
}

.header-ribbon .ftux-welcome p, .header-ribbon .ftux-welcome p:first-child {
  line-height: 14px;
  text-transform: uppercase;
  font-family: Source Sans Pro, sans-serif;
  color: #000
}

.header-ribbon .ftux-welcome p:first-child {
  font-size: 50px;
  text-align: justify
}

.header-ribbon .ftux-coche {
  float: left;
  /*background: url("s/statics/images/picto/ftux-coche.png") no-repeat scroll 0 0 transparent;
  */
  width: 12px;
  height: 69px;
  margin: 38px 60px 0 80px
}

.header-ribbon .ftux-messages {
  float: left;
  margin-top: 35px
}

.header-ribbon .ftux-messages ul {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px
}

.header-ribbon .ftux-messages ul.ftux-guest {
  font-weight: 300;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  list-style-type: disc;
  margin: 0 0 0 15px
}

.header-ribbon .ftux-messages a.ftux-guest {
  margin: 5px 0 20px;
  text-decoration: underline;
  display: block;
  color: #fff
}

#ribbon-confirm_new_alert {
  display: none
}

#confirm_new_alert {
  background: #fff;
  color: #000;
  padding: 20px;
  margin-top: 20px
}

#confirm_new_alert span {
  display: block
}

#confirm_new_alert span.title_confirm_new_alert {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 18px;
  margin-bottom: 10px;
  padding-right: 20px
}

#confirm_new_alert span.txt_confirm_new_alert {
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px
}

.bloc-nl {
  max-width: 980px;
  height: 100px;
  overflow: hidden;
  margin: 20px auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff
}

.bloc-nl:not([style*="display: none"]) + .sliderContainer:not([style*="display: none"]) .rsOverflow {
  margin-top: 0
}

.bloc-nl #nlbanner-sale-picture {
  height: 100px;
  float: left;
  position: inherit;
  margin-right: 20px
}

.bloc-nl #nlbanner-sale-picture img {
  width: auto;
  height: 100%
}

.bloc-nl #nlbanner-sale-trailer .trailer-link {
  text-decoration: underline;
  cursor: pointer
}

.bloc-nl #close-nlb-cross {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer
}

#modal-trailer.semantic-content .button-close {
  color: #000
}

.header-ribbon #welcome-dream-page-center {
  height: 100%
}

.header-ribbon #welcome-dream-picture {
  float: left;
  overflow: hidden;
  width: 35%;
  position: relative;
  cursor: pointer
}

.header-ribbon #welcome-dream-description {
  display: inline-block;
  width: 65%;
  margin-bottom: 20px;
  cursor: pointer
}

.header-ribbon #welcome-dream-description p {
  margin: 0 35px 0 0;
  color: #fff;
  font-family: Source Sans Pro, sans-serif;
  line-height: 20px
}

.header-ribbon #welcome-dream-description p#welcome-dream-desc-title {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-weight: 700;
  line-height: 18px;
  font-size: 25px
}

.header-ribbon .close-ribbon-result, .header-ribbon .ftux-messages ul li a {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666;
  font-size: 14px;
  z-index: 999
}

.header-ribbon .close-ribbon-result .icon-close {
  font-size: 14px
}

section.filter_choices {
  width: 98%;
  max-width: 980px;
  margin: 10px auto
}

section.filter_choices .close-filter-result .icon-reload, section.filter_choices .return-filter-label-mobile {
  display: none
}

#section-sdv section.filter_choices {
  display: none;
  margin: 0 0 10px
}

#nav-filters section.filter_choices {
  display: none
}

.fullWidth {
  max-width: inherit
}

section.filter_choices div.filter_choice:hover {
  cursor: pointer
}

section.filter_choices div.filter_choice {
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  color: #666;
  padding: 10px;
  float: left
}

section.filter_choices div.filter_choice.reset {
  background-color: #2c2c2c;
  color: #fff;
  float: right;
  margin-right: 0
}

section.filter_choices div.filter_choice .icon-close {
  font-size: 14px;
  display: inline-block;
  padding-left: 15px;
  color: #e6e6e6;
  vertical-align: middle;
  margin-top: -5px
}

#create-alert-bottom {
  padding-bottom: 20px
}

#reset-dedicated-showroom {
  padding: 0
}

#btn-reset-dedicated-showroom {
  margin: 20px auto;
  width: 30.6666%;
  background: #1d1d1d;
  font-size: 18px;
  cursor: pointer
}

#btn-create-alert-bottom {
  display: block;
  margin: auto;
  width: 30.6666%;
  background: #1d1d1d;
  font-size: 18px;
  margin-bottom: 20px
}

a.myWishesUrl {
  text-decoration: underline
}

div.createAlertButton {
  cursor: pointer
}

#createAlertContainer {
  float: left;
  background-color: #2c2c2c;
  color: #fff;
  padding: 10px
}

#createAlertContainer a {
  color: #fff
}

.createalert {
  background: #2c2c2c;
  color: #fff;
  font-size: 12px;
  padding: 3px 10px;
  float: right
}

#filters .filters-top .gray-box .option .createalert i.left-arrow.CNA {
  vertical-align: -3px;
  border-right: 6px solid #2c2c2c;
  margin: 5px 0 0 -15px
}

#createAlertContainer .clearfix {
  display: none
}

.sdv-filters-phone.filtered, .sdv-filters.filtered {
  margin-bottom: 0
}

.sdv-filters-phone .sdv-filters-title, .sdv-filters .sdv-filters-title {
  font-size: 17px;
  font-weight: 800;
  color: #1d1d1d;
  padding: 5px 20px 5px 1%;
  display: inline-block
}

.sdv-filters-phone .sdv-filters-title .nbSales, .sdv-filters .sdv-filters-title .nbSales {
  color: #bd1343
}

.sdv-filters-phone.sdv-filters-cat, .sdv-filters .sdv-filters-cat {
  cursor: pointer;
  color: #1d1d1d;
  padding: 5px 0;
  opacity: .8
}

.sdv-filters-phone .sdv-filters-cat.selected, .sdv-filters .sdv-filters-cat.selected {
  color: #bd1343;
  cursor: pointer;
  opacity: 1
}

.filteredRoom {
  display: none;
  width: 100%
}

.sdv-filters .orderby-menu {
  border-bottom: 1px solid #fff;
  padding-bottom: 25px
}

.sdv-filters .current .icon-arrow-down {
  color: #bd1343;
  vertical-align: middle
}

.sdv-filters, .sdv-filters-phone {
  padding-top: 18px;
  display: inline-block;
  width: 100%;
  margin-bottom: 0
}

.pagination.page-center > div {
  width: 100%;
  padding: 20px 10px 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.pagination.top {
  width: auto;
  float: right;
  padding: 0 1%
}

.pagination .btn {
  display: inline-block;
  float: right;
  cursor: pointer;
  padding: 0 15px;
  font-size: 1em
}

.pagination .btn.disabled {
  color: #666;
  cursor: default
}

.pagination .btn.disabled:hover {
  background-color: #000
}

.pagination .btn .icon-arrow-right-t1 {
  float: right;
  margin-top: 10px
}

.pagination .btn .icon-arrow-left-t1 {
  float: left;
  margin-top: 10px
}

.pagination .pageNumber {
  float: right;
  display: inline-block;
  background-color: #000;
  color: #fff;
  line-height: 35px;
  padding: 0 20px;
  height: 35px;
  border-left: 3px solid #e6e6e6;
  border-right: 3px solid #e6e6e6
}

.pagination .btn .icon-arrow-right-t1 .paginationArrow {
  margin-left: 10px
}

.pagination .btn .icon-arrow-left-t1 .paginationArrow {
  margin-right: 10px
}

.sdv-section {
  width: 100%;
  position: relative;
  padding: 0;
  display: none
}

.saleroom-section {
  width: 100%;
  position: relative;
  padding: 0 0 5px
}

.section-white {
  background: #fff
}

#bottom-sdv.section-white {
  padding-bottom: 10px !important
}

.sdv-section-container .saleroom-section, .sdv-section-container .section-white {
  margin-bottom: 0;
  padding-bottom: 14px
}

.sales-container {
  width: 100%;
  max-width: 1000px;
  clear: both
}

@media only screen and (min-width: 1400px) {
  .sales-container {
    max-width: 1220px
  }
}

.saleroom-section-blm {
  background-color: #fff !important
}

.saleroom-section-blm .title {
  color: #000;
  text-align: center;
  padding-bottom: 4px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 24px;
  line-height: 27px;
  border-top: none !important
}

.saleroom-section-blm .subtitle {
  color: #000;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center
}

.saleroom-section-blm .subtitle span {
  font-weight: 700
}

.separator {
  width: 24px;
  background-color: #bd1343;
  height: 4px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
  .separator {
    margin-top: 10px
  }
}

em {
  color: #bd1343;
  display: block;
  text-align: center;
  font-size: 24px;
  line-height: 20px;
  font-family: Georgia, Times New Roman, Times, serif
}

.merchSDV-error-container {
  width: 100%;
  max-width: 600px;
  clear: both;
  margin: 20px auto;
  color: #555;
  font-size: 17px;
  text-align: center
}

.merchSDV-error-container a {
  margin-top: 10px
}

.nbSale {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 16px;
  margin-bottom: 24px;
  margin-top: 24px
}

.content-alert-no-sales {
  display: block;
  padding-top: 14px;
  margin-bottom: 16px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1000px) {
  .content-alert-no-sales {
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width: 767px) {
  .content-alert-no-sales {
    margin-bottom: inherit
  }
}

.content-alert-no-sales .alert-no-sales {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 24px 40px;
  width: 100%;
  height: 114px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-left: 4px solid #000;
  max-width: 980px;
  margin: 0 auto
}

@media only screen and (min-width: 1400px) {
  .content-alert-no-sales .alert-no-sales {
    max-width: 1200px
  }
}

.content-alert-no-sales .alert-no-sales .title {
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: #000;
  border: none;
  padding: 0;
  margin: 0
}

.content-alert-no-sales .alert-no-sales .title .section-subtitle-city {
  font-weight: 700
}

.content-alert-no-sales .alert-no-sales.mobile {
  padding: 24px 16px;
  border: none;
  text-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: auto
}

.content-alert-no-sales .alert-no-sales.mobile .target, .content-alert-no-sales .alert-no-sales.mobile .title {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #000
}

.content-alert-no-sales .alert-no-sales.mobile .target {
  font-weight: 700
}

.section-title {
  text-align: center;
  padding: 20px 0 0;
  margin: 0;
  position: relative;
  z-index: 2
}

#crossSaleCarousel .section-title {
  padding-top: 0
}

.sdv-section-container .section-title {
  float: none;
  line-height: 27px;
  padding-top: 24px
}

.sdv-section-container .section-title .nbSales {
  padding-bottom: 10px;
  font-size: 16px
}

@media only screen and (max-width: 767px) {
  .sdv-section-container .section-title .nbSales {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
  }
}

@media only screen and (max-width: 767px) {
  .sdv-section-container .section-title {
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 0
  }
}

.sdv-section-container .section-subtitle {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0
}

.sdv-section-container .no-result {
  margin-top: 0;
  padding-bottom: 8px
}

.sdv-section-container .page-center {
  margin-bottom: 0 !important
}

.separator-rectangle {
  margin: 20px auto;
  width: 24px;
  height: 3px;
  background: #bd1343
}

@media only screen and (max-width: 767px) {
  .separator-rectangle {
    margin: 10px auto 16px
  }
}

.section-title .catch {
  color: #bd1343;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 600
}

#editoImage.section-title {
  text-align: center;
  line-height: 25px
}

#editoImage.dedicatedRoom {
  margin-bottom: 0
}

.saleList .push-promo, .saleList .sale {
  margin: 1%;
  width: 48%;
  float: left
}

.saleList .push-promo a, .saleList .sale a {
  text-decoration: none;
  cursor: pointer
}

.saleList .sale {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e6e6e6
}

.saleList .sale img {
  width: 100%;
  height: auto
}

.saleList .sale .sale-figure {
  /*background: url("statics/images/visual/load-img.png") no-repeat 0 0
   */
}

.saleList .sale .trailer-link {
  z-index: 10;
  position: absolute;
  width: 50px;
  text-align: center;
  top: 0;
  right: 0;
  height: 50px;
  line-height: 45px;
  background: none;
  display: none \9
}

.saleList .sale .trailer-link i {
  font-size: 20px;
  color: #fff;
  vertical-align: middle
}

.saleList .sale .sale-image {
  background: #d6d6d6 no-repeat 0 0
}

.saleList .sale .tag {
  color: #fff;
  background: rgba(0, 0, 0, .6);
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px
}

.saleList .sale .sale-time-remaining {
  margin: 5px 0 0
}

.saleList .sale.col-6 .sale-time-remaining {
  /*#bottom: 80px;*/
  bottom: 5rem;
  position: absolute;
  left: 0
}

.saleList .sale.col-12 .sale-time-remaining {
  bottom: 80px
}

.saleList .sale .sale_content i.line-icon-clock {
  font-size: 14px;
  margin: 0 10px;
  color: #fff
}

.saleList .sale .sale_content {
  width: 78%;
  float: left;
  background: #fff;
  padding: 12px 0 12px 2%;
  line-height: 1.2em;
  height: 100%;
  min-height: 56px;
  max-height: 56px
}

.saleList .sale .sale_content .tag {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 2px;
  color: #000;
  background: #fff;
  font-weight: 700;
  font-family: Source Sans Pro, sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding: 5px;
  text-transform: lowercase
}

.saleList .sale .sale_content .tag.admin {
  top: 58px
}

.saleList .sale .sale-destination, .saleList .sale .sale-name {
  padding: 0;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  height: 17px
}

.saleList .sale .hotel-name, .saleList .sale .sale-name {
  font-size: 14px;
  font-family: Source Sans Pro, sans-serif;
  color: #666;
  display: inline-block;
  width: 100%
}

.saleList .sale .sale-name {
  height: auto
}

.saleList .sale .sale-destination {
  display: inline-block;
  font-size: 16px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  color: #1d1d1d;
  width: 97.9591836734694%;
  margin-bottom: 5px
}

.saleList .sale .hotel-name {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px
}

.saleList .sale .sale_price_separator {
  width: 2%;
  background: #e6e6e6;
  height: 60px;
  float: left;
  margin: 4px 0
}

.saleList .sale .sale_price {
  width: 20%;
  background: #fff;
  float: left;
  height: 100%;
  min-height: 80px;
  max-height: none;
  padding: 0
}

.saleList .sale .ribbon {
  max-height: 80px;
  min-height: 80px;
  height: 80px;
  border-left: 1px solid #e6e6e6;
  width: 100%
}

.saleList .sale .ribbon .label {
  display: block
}

.saleList .ribbon .ribbon-content .ribbon-txt-2, .saleList .ribbon .ribbon-content .ribbon-txt-3, .saleList .ribbon .ribbon-content .ribbon-txt-3.medium_text {
  font-size: 28px;
  line-height: 23px;
  font-weight: 400
}

.saleList .ribbon .ribbon-content .ribbon-txt-3 .chf {
  font-size: 14px;
  padding-top: 5px;
  display: block;
  line-height: 1
}

.saleList .ribbon .ribbon-content .ribbon-txt-4 {
  font-size: 16px;
  text-transform: uppercase
}

.saleList .push-promo {
  overflow: hidden;
  border: 1px solid #fff
}

.saleList .push-promo a {
  background: none;
  height: 100%
}

.saleList .push-promo .ppimg {
  position: absolute;
  z-index: 20
}

.saleList .push-promo figure {
  text-align: center
}

.saleList .push-promo figure img {
  position: relative
}

.saleList .push-promo .sale_content, .saleList .push-promo .sale_price {
  background: none;
  height: 80px
}

.saleList .sale.next a {
  padding: 0;
  cursor: pointer
}

.saleList .sale.next .sale-bottom {
  border-top-color: #fff;
  padding: 5px 0 7px;
  margin: 0
}

.saleList .sale.next a.next-sale-btn {
  position: absolute;
  right: 5px;
  float: none;
  display: inline-block;
  width: auto;
  background: none repeat scroll 0 0
}

.saleList .sale.next a.next-sale-btn span.btn {
  font-size: 14px;
  padding: 0 15px;
  background: rgba(189, 19, 67, .8)
}

.saleList .sale.next a.next-sale-btn span.btn:hover {
  background: #bd1343
}

.saleList .sale.next .sale_price_separator {
  width: 2%;
  background: #d6d6d6;
  float: left;
  margin: 4px 0
}

.saleList .sale.catalog, .saleList .sale.catalog .sale_content, .saleList .sale.catalog .sale_price {
  background: #1d1d1d
}

.saleList .sale.catalog .sale_content > *, .saleList .sale.catalog .sale_price > * {
  color: #fff
}

.saleList .sale.catalog .sale_content .sale-time-remaining {
  top: 202.5px
}

.saleList .sale.catalog .sale_content .sale-time-remaining .time {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 22px;
  font-style: italic;
  float: right;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.saleList .sale.catalog .sale_price {
  border-left: 1px solid #000;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.saleList .sale.catalog .sale_price .ribbon {
  border-left: 1px solid #2c2c2c
}

.saleList .sale.catalog .sale_price .ribbon .ribbon-content {
  padding: 5px
}

.saleList .sale.catalog .sale_price .ribbon .ribbon-content * {
  line-height: 1;
  display: block
}

.saleList .sale.catalog .sale_price .ribbon .ribbon-content .ribbon-txt-3 span {
  display: inline
}

.saleList .sale.catalog .sale_price .ribbon .ribbon-content .ribbon-txt-3 .chf {
  display: block
}

.saleList .sale.catalog .sale_price .ribbon .ribbon-txt-1, .saleList .sale.catalog .sale_price .ribbon .ribbon-txt-6 {
  font-size: 11px
}

.saleList .sale.catalog .sale_price .ribbon .ribbon-txt-6 {
  font-weight: 400;
  display: inline-block
}

.saleList .sale .vip-layer {
  display: none
}

.saleList .sale.vip .vip-layer {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: auto;
  z-index: 1;
  opacity: .9
}

.saleList .sale .sale-bottom {
  display: block;
  border-top: 1px solid #e6e6e6;
  margin: 15px 0 0;
  padding: 5px 0;
  width: 100%;
  position: relative;
  height: 28px;
  line-height: 28px
}

.saleList .sale .sale-end {
  display: inline-block;
  font-family: Source Sans Pro, sans-serif;
  color: #666;
  vertical-align: middle
}

.saleList .lt-ie8 .sale .sale-end {
  float: left
}

.saleList .sale .sale-end .icon-watch {
  vertical-align: middle;
  margin: -2px 0 0
}

.saleList .sale .icon-event1, .saleList .sale .icon-event2, .saleList .sale .icon-event3, .saleList .sale .icon-event4, .saleList .sale .icon-new {
  position: absolute;
  top: 0;
  left: 0;
  display: block
}

.saleList .sale .picto-event {
  display: block;
  color: #fff;
  width: 20%;
  height: 20%;
  position: absolute;
  top: 0
}

.saleList .tag {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 2px;
  color: #000;
  background: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: Source Sans Pro, sans-serif;
  font-size: 11px;
  line-height: 14px;
  padding: 5px
}

.tooltip-rel {
  padding: 0
}

#tooltip-departure .datepicker {
  border-bottom: 1px dashed #e6e6e6;
  padding-bottom: 5px
}

#tooltip-departure .datepicker #calendar {
  display: none
}

#tooltip-departure.flexibility .slider-datepicker {
  border: 0;
  background: #fff;
  cursor: pointer;
  height: 4px;
  width: 100%
}

#tooltip-departure .btn_action_departure {
  margin: 0 -10px;
  width: 100%
}

#tooltip-departure .btn_action_departure a.btn-dark-gray {
  float: right;
  width: auto;
  padding: 0 30px
}

#tooltip-departure .btn_action_departure #departure-close {
  float: right;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  width: 40%
}

.ribbon {
  display: table;
  text-align: center;
  margin: 0 auto;
  color: #bd1343;
  max-height: 70px;
  min-height: 70px;
  width: 98%;
  height: 70px
}

.ribbon .ribbon-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.ribbon .ribbon-content .ribbon-txt-1 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  margin: 0
}

.ribbon .ribbon-content .ribbon-txt-2 {
  line-height: 22px;
  font-weight: 400;
  margin: 0
}

.ribbon .ribbon-content .ribbon-txt-2.small_text {
  font-size: 17px
}

.ribbon .ribbon-content .ribbon-txt-3.small_text {
  font-size: 13px
}

.ribbon .ribbon-content .ribbon-txt-4 {
  font-weight: 400;
  margin: 0;
  display: block;
  padding: 5px
}

.ribbon .ribbon-content .ribbon-txt-5 {
  font-size: 12px;
  display: block;
  line-height: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0 20% 5px
}

.ribbon .ribbon-content .ribbon-txt-5 + .ribbon-txt-2 {
  font-size: 24px
}

.ribbon-black {
  background-color: #000
}

#filters {
  left: 0;
  width: 100% !important;
  z-index: 100;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

#filters.filters-top, #filters.wide, .pin #filters {
  box-shadow: 0 0 10px, #4d4d4d;
  background: #fff
}

#filters .filters-top {
  width: 100%;
  font-family: Source Sans Pro, sans-serif;
  background: #fff
}

#filters .filters-top .link-box {
  text-decoration: none;
  color: #2c2c2c
}

#filters .filters-top .filter-by-title {
  padding: 0 10px;
  color: #000;
  text-transform: uppercase
}

#filters .filters-top .criteria-action, #filters .filters-top .filters-details, #filters .filters-top .region, #filters .filters-top .reset, #filters .filters-top .theme {
  position: relative;
  display: inline-block
}

#filters .filters-top .criteria-action a {
  position: relative
}

#filters .filters-top .criteria-action a span {
  padding: 0 0 0 27px
}

#filters .filters-top .criteria-action .tablet_title {
  display: none
}

#filters .filters-top .criteria-action .icon-less, #filters .filters-top .criteria-action .icon-more {
  padding: 0 10px 0 0;
  position: absolute;
  top: 12px;
  left: 12px
}

#filters .filters-top .reset {
  background: #fff;
  z-index: 1;
  padding: 0 15px;
  cursor: pointer
}

#filters .filters-top .reset:hover {
  background: #1d1d1d none repeat scroll 0 0;
  color: #fff
}

#filters .filters-top .theme {
  background: #fff;
  padding: 0 15px;
  cursor: pointer
}

#filters .filters-top .link-box.theme-last {
  margin-right: 1%
}

#filters .filters-top .filters-txt {
  float: left;
  margin: 20px 1%;
  text-transform: uppercase;
  color: #1d1d1d
}

#filters .filters-top .bottom-arrow {
  margin: 0 0 0 10px
}

#filters .filters-top .right-arrow.big {
  position: absolute;
  top: 0;
  right: -18px
}

#filters .filters-top .right-arrow.gray {
  width: 2px;
  right: -22px
}

#filters .filters-top .gray-box {
  display: inline-block;
  height: 35px;
  background: #e6e6e6;
  line-height: 35px;
  position: relative
}

#filters .filters-top .gray-box input {
  position: relative;
  display: inline-block;
  height: 35px;
  z-index: 1;
  padding: 0 30px 2px;
  width: 100% !important;
  line-height: normal !important
}

#filters .filters-top .gray-box input::-webkit-input-placeholder {
  color: #000;
  opacity: 1
}

#filters .filters-top .gray-box input::-moz-placeholder {
  color: #000;
  opacity: 1
}

#filters .filters-top .gray-box input:-ms-input-placeholder, #filters .filters-top .gray-box input::-ms-input-placeholder {
  color: #000;
  opacity: 1
}

#filters .filters-top .gray-box input::placeholder {
  color: #000;
  opacity: 1
}

.tooltip-desti .hide-filter {
  display: none
}

#nav-filters #filters .filters-top .filter-icon-right {
  position: absolute;
  right: 10px;
  top: 12px;
  line-height: 1;
  margin: 0
}

#filters .filters-top .tooltip {
  background: #e6e6e6;
  top: 54px;
  width: auto
}

#filters .filters-top .tooltip .theme-list {
  position: relative;
  width: 50%;
  margin: 10px 0;
  float: left
}

#filters .filters-top .tooltip .theme-list li {
  line-height: 2.2em
}

#filters .filters-top .tooltip .theme-list li:last-child {
  border-bottom: 0
}

#filters .filters-top .tooltip .theme-list li a {
  display: inline-block;
  color: #666;
  padding: 3px 0;
  line-height: 1.2em;
  width: 100%
}

#filters .filters-top .tooltip .theme-list li a:hover {
  color: #000
}

#filters .filters-top .tooltip .theme-list li.active figure {
  display: inline-block
}

#filters .filters-top .tooltip figure {
  float: left;
  margin: 10px 0;
  position: relative;
  width: 50%
}

.filters-top .tooltip .big-top-arrow {
  left: 15%
}

.filters-top #tooltip-theme.tooltip .big-top-arrow {
  left: 50%
}

#filters .filters-top .destination-title {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 14px;
  display: block
}

#filters .filters-top ul.destination-list {
  margin: 5px 0 15px;
  border-bottom: 1px dashed #666;
  width: 90%;
  padding: 0 0 10px
}

#filters .filters-top section.last ul.destination-list {
  border-bottom: none
}

#filters .filters-top ul.destination-list li {
  padding: 5px 0;
  cursor: pointer;
  line-height: 1.2em;
  color: #666
}

#filters .filters-top ul.destination-list li:hover {
  font-weight: 700;
  color: #000
}

#filters .filters-top .tooltip-desti .section-no-results a {
  text-decoration: underline
}

#filters .filters-top .tooltip-desti .section-no-results .icon-ringalert {
  padding-right: 5px;
  color: #bd1343;
  position: relative;
  left: 0;
  right: 0;
  top: 0
}

#filters .filters-top .tooltip-desti .section-no-results {
  line-height: 20px;
  color: #666;
  font-family: Source Sans Pro, sans-serif;
  width: 89.1892%;
  height: 225px;
  position: absolute;
  background: #fff;
  padding: 0 5.40541% 5.40541%
}

#filters .filters-top .tooltip-desti .section-no-results .isBold {
  font-weight: 700
}

#filters .filters-top .gray-box .option i {
  float: left;
  margin: 1px 5px 0 0;
  position: absolute;
  top: 0;
  color: #555
}

#filters .filters-top .gray-box .desti_inactive.option i {
  color: #a7a7a7
}

#filters .filters-top .gray-box select.destination-input {
  position: absolute;
  width: 100%;
  margin-top: 8px;
  padding: 0 0 0 26px;
  color: #666;
  font-weight: 400
}

#filters .filters-top .tooltip-desti .section-no-results #noresults-text, #filters .filters-top .tooltip-desti .section-no-results .alert-content {
  color: #2c2c2c;
  font-size: 14px;
  padding-top: 10px;
  margin-right: 5px
}

#filters .filters-top span.search-box .selectize-control .selectize-input {
  width: 100%;
  height: 35px;
  float: left;
  line-height: 35px
}

#filters .filters-top span.search-box .selectize-control .selectize-input div.item {
  padding-left: 35px;
  z-index: 9999;
  overflow: hidden;
  height: inherit
}

#filters .filters-top .tooltip-desti .section-no-results #noresults-text-type {
  color: #666;
  font-size: 12px
}

#filters .filters-top div.optgroup-header {
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 8px
}

#filters .filters-top .section-no-results {
  display: none
}

#filters .filters-top div.selectize-dropdown {
  top: 47px !important;
  width: 100% !important;
  position: absolute;
  z-index: 999;
  border-top: 5px solid #1d1d1d;
  box-shadow: 0 0 3px, #4d4d4d;
  padding: 5.40541% 0
}

#filters div.selectize-dropdown .desti_inactive .text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 60%;
  white-space: nowrap;
  float: left;
  color: #a7a7a7;
  padding-bottom: 0
}

#filters div.selectize-dropdown .text {
  padding: 3px 0 3px 5px;
  float: left
}

#filters .filters-top div.selectize-input {
  border: 0;
  box-shadow: none;
  overflow: visible;
  background: none
}

#filters .filters-top #select-desti {
  display: none !important
}

#filters .filters-top #destinationOther #pre-placeholder {
  margin-top: -15px;
  display: block;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

#filters .filters-top #destinationOther .big-top-arrow {
  left: 10%;
  position: absolute;
  top: -20px;
  z-index: 999999
}

#filters .filters-top .selectize-dropdown-content .optgroup {
  padding: 0 0 10px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 10px
}

#filters .filters-top .selectize-dropdown-content .optgroup:last-child {
  border-bottom: medium none;
  margin-bottom: 0;
  padding-bottom: 0
}

#filters .filters-top .selectize-control.single .selectize-input:after {
  display: none
}

#filters .filters-top div.selectize-control {
  position: static
}

#filters .tooltip-desti .section-create-alert {
  display: none;
  line-height: 20px;
  color: #666;
  font-family: Georgia, Times New Roman, Times, serif;
  width: 95.1892%;
  position: absolute;
  background: #fff;
  padding: 2.40541%
}

#filters .tooltip-desti .section-create-alert hr {
  width: 4%;
  text-align: left;
  margin: 15px 0;
  background: #bd1342;
  border: none;
  height: 1px
}

#filters .tooltip-desti .section-create-alert p {
  color: #1d1d1d;
  text-align: left
}

#filters .tooltip-desti .section-create-alert p.alert-notice {
  font-size: 16px;
  font-style: italic;
  margin-top: 10px
}

#filters .tooltip-desti .section-create-alert p.alert-hint {
  font-size: 14px;
  margin-bottom: 20px
}

#filters .tooltip-desti .section-create-alert .create-alert-btns button {
  width: 48.6%
}

#filters .tooltip-desti .section-create-alert .create-alert-btns button.close-alert {
  float: left;
  background-color: #e6e6e6;
  color: #1d1d1d
}

#filters .tooltip-desti .section-create-alert .create-alert-btns button.confirm-alert {
  float: right
}

#filters #theme-mobile .icon-earth, #filters #theme-mobile .icon-selection {
  font-size: 18px;
  margin-right: 17px;
  position: absolute;
  left: 0;
  top: 0
}

.fb_vp_widget {
  position: absolute;
  right: 43%;
  bottom: 34px;
  z-index: 25
}

.section-subtitle {
  display: block;
  margin: 5px 0 20px;
  font-size: 16px;
  text-align: center;
  color: #000;
  font-family: Source Sans Pro, sans-serif
}

.section-subtitle .section-subtitle-city {
  font-weight: 700
}

#section-next #searchNoResults {
  display: none
}

.alert-banner {
  max-width: none !important;
  z-index: 2;
  position: relative;
  margin: 0 !important;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.alert-banner section {
  display: block;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  padding: 15px 0;
  border: 1px solid #ccc
}

@media only screen and (min-width: 1025px) {
  .sdv-filters-phone {
    display: none
  }

  .saleList .push-promo, .saleList .sale, .saleList .sale .sale-figure {
    position: relative
  }

  .saleList #datepicker-input {
    font-size: 13px
  }

  .saleList .sale i.line-icon-clock {
    margin: 0 10px
  }

  .saleList .sale .sale-time-remaining {
    margin: 1px 0 0
  }

  .saleList .sale .sale_price_separator {
    height: 58px;
    margin: 6px 0
  }

  .saleList .ribbon {
    max-height: 66px;
    min-height: 66px;
    height: 66px
  }

  .saleList .sale.next a.next-sale-btn {
    top: inherit;
    bottom: 85px
  }

  #filters .filters-top .tooltip {
    background: #fff;
    min-height: 195px
  }

  .tooltip-rel {
    padding: 10px
  }

  #filters .filters-top .reset {
    width: 5.51020408%
  }

  #filters .filters-top .theme {
    width: 100px
  }

  #filters .filters-top .region {
    width: 18.87755102%
  }

  #filters .filters-top .criteria-action {
    width: 120px
  }

  #filters .filters-top .criteria-action, #filters .filters-top .theme, #filters .filters-top .tooltip-calendar {
    float: right
  }

  #filters .filters-top .tooltip .theme-list {
    min-height: 123px
  }

  .filters-fixed #filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    box-shadow: 0 0 3px, #4d4d4d
  }

  #filters .filters-top {
    height: 54px
  }

  #filters .filters-top .region {
    border-right: 2px solid #e6e6e6
  }

  #filters .filters-top .region .icon-arrow-down-t1, #filters .filters-top .theme .icon-arrow-down-t1 {
    color: #000;
    padding: 0 10px 0 0;
    float: right;
    line-height: 54px
  }

  #filters .filters-top .link-box {
    height: 54px;
    line-height: 54px
  }

  #filters .filters-top .filter-by-title {
    padding: 0 8px 0 10px;
    width: 21.25821596%;
    float: left
  }

  #filters .filters-top .selectize-control.single .selectize-input {
    padding: 0
  }

  #filters .filters-top #tooltip-theme {
    left: -158px !important;
    width: 410px;
    min-height: auto
  }

  #filters .filters-top .region, #filters .filters-top .reset, #filters .filters-top .theme {
    float: left;
    height: 54px;
    line-height: 54px;
    text-align: center;
    padding: 0
  }

  #filters .filters-top .theme {
    float: right
  }

  #filters .filters-top .tooltip-link {
    display: inline-block
  }

  #filters .filters-top .reset .icon-home.dark-gray {
    display: block;
    font-size: 25px;
    line-height: 54px
  }

  #filters .filters-top .region, #filters .filters-top .theme {
    text-align: left;
    cursor: pointer
  }

  #filters .filters-top .region .filter-title, #filters .filters-top .theme .filter-title {
    padding: 0 5px 0 14px;
    text-transform: uppercase
  }

  #filters .filters-top .gray-box {
    width: 100%
  }

  #filters .filters-top .tooltip-desti input:hover:-moz-placeholder, #filters .filters-top .tooltip-desti span:hover input:hover:-moz-placeholder {
    color: #c1c1c1
  }

  #filters p {
    display: inline-block
  }

  .lt-ie8 #filters p {
    display: inline;
    zoom: 1
  }

  #filters .filters-top .region.active .icon-arrow-down-t1, #filters .filters-top .region:hover .icon-arrow-down-t1, #filters .filters-top .theme.active .icon-arrow-down-t1, #filters .filters-top .theme:hover .icon-arrow-down-t1 {
    color: #fff
  }

  #filters .filters-top .reset:hover .right-arrow, #filters .filters-top .theme:hover .right-arrow {
    border-color: rgba(43, 43, 43, 0) rgba(43, 43, 43, 0) rgba(43, 43, 43, 0) #2c2c2c
  }

  #filters .filters-top .theme:hover .bottom-arrow {
    border-color: #fff hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0)
  }

  #filters .filters-top .filters-details p {
    display: inline-block;
    text-align: right
  }

  .lt-ie8 #filters .filters-top .filters-details {
    display: inline;
    zoom: 1
  }

  #filters .filters-top .filters-details .destination {
    max-height: 200px;
    display: block
  }

  #filters .filters-top .filters-details .destination p {
    margin: 0;
    display: block;
    line-height: 1
  }

  #filters .filters-top .filters-details .destination p.titre {
    font-weight: 600;
    color: #1d1d1d
  }

  #filters .filters-top .gray-box input:hover, #filters .filters-top .gray-box span:hover input {
    opacity: .5
  }

  #filters .filters-top .gray-box input:hover::-webkit-input-placeholder, #filters .filters-top .gray-box span:hover input::-webkit-input-placeholder {
    color: #c1c1c1;
    opacity: 1
  }

  #filters .filters-top .gray-box input:hover::-moz-placeholder, #filters .filters-top .gray-box span:hover input::-moz-placeholder {
    color: #c1c1c1;
    opacity: 1
  }

  #filters .filters-top .gray-box input:hover:-ms-input-placeholder, #filters .filters-top .gray-box input:hover::-ms-input-placeholder, #filters .filters-top .gray-box span:hover input:-ms-input-placeholder, #filters .filters-top .gray-box span:hover input::-ms-input-placeholder {
    color: #c1c1c1;
    opacity: 1
  }

  #filters .filters-top .gray-box input:hover::placeholder, #filters .filters-top .gray-box span:hover input::placeholder {
    color: #c1c1c1;
    opacity: 1
  }

  #filters .filters-top .gray-box input:hover:-moz-placeholder, #filters .filters-top .gray-box input:hover::-moz-placeholder, #filters .filters-top .gray-box span:hover input:hover:-moz-placeholder, #filters .filters-top .gray-box span:hover input:hover::-moz-placeholder {
    color: #c1c1c1
  }

  #filters .filters-top .link-box {
    display: inline-block;
    position: relative
  }

  #filters .filters-top div.selectize-dropdown {
    padding: 10px 0
  }

  #killerdeal {
    padding: 0 1%
  }

  .browser-chrome #filters .filters-top .tooltip-calendar.fix, .vendor-webkit #filters .filters-top .tooltip-calendar.fix {
    position: absolute;
    top: 0;
    left: 543px
  }

  #filters .filters-top .theme, #filters .filters-top .tooltip-calendar {
    width: 150px;
    margin-left: 8px;
    float: right
  }

  .tooltip-calendar .datepicker-input, .tooltip-calendar .tooltip-link, .tooltip-departure {
    width: 100%
  }

  #tooltip-departure .big-top-arrow {
    left: 50%
  }

  .tooltip-desti {
    width: 480px;
    height: 100%;
    margin-top: 9px
  }

  .criteria-action {
    height: 54px
  }

  .tooltip-desti .selectize-input input {
    padding-left: 30px !important
  }

  #filters .filters-top .criteria-action a {
    margin-top: 9px
  }

  #filters .filters-top .tooltip-calendar {
    margin-left: 0
  }

  .link-slide {
    cursor: default
  }

  #killerdeal {
    height: 435px
  }
}

@media only screen and (min-width: 1025px) {
  .saleList .sale .hotel-name, .saleList .sale .trailer-link {
    display: inline-block
  }

  .saleList .sale, .saleList .sale .sale-figure {
    position: relative
  }

  .saleList .sale .sale-figure {
    max-height: 244px;
    overflow: hidden
  }

  .saleList .sale i.line-icon-clock {
    color: #fff;
    margin: 0 10px
  }

  .saleList .sale .sale-time-remaining {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%;
    padding: 50px 0 10px;
    margin: 5px 0 0;
    display: inline-block;
    color: #fff;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .2))
  }

  #datepicker-input {
    font-size: 13px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sdv-filters {
    padding-top: 8px
  }

  .sdv-filters-phone {
    display: none
  }

  #filters .filters-top #destinationOther #pre-placeholder {
    margin-top: 0
  }

  #filters .page-center {
    max-width: 1024px
  }

  #btn-create-alert-bottom, #btn-reset-dedicated-showroom {
    width: 50%
  }

  .bloc-nl {
    margin-bottom: 20px
  }

  .threeSlides .bloc-recent-title {
    width: 18%;
    padding-right: 4%;
    padding-left: 10px;
    vertical-align: middle
  }

  .threeSlides .bloc-recent-carousel {
    width: 80%;
    vertical-align: middle;
    display: inline-block;
    float: left;
    padding: 0
  }

  .threeSlides #slider-prev-recent {
    left: 15%
  }

  .threeSlides #slider-next-recent {
    left: calc(18% + 600px)
  }

  .bloc-recent .tips {
    margin: 10px 1% 0;
    width: 98%;
    position: relative
  }

  .bloc-recent .tips:before {
    left: 24%
  }

  .bloc-recent .tips .icon-close {
    position: absolute;
    right: 5px;
    top: 2px
  }

  #filters #criteria-box .criteria-input i.icon-ringalert {
    padding: 0 15px 0 0;
    color: #bd1343
  }

  #filters .tooltip-desti .section-no-results .alert-content .create-alert-link {
    text-decoration: underline
  }

  #filters .filters-top .filters-details .tooltip-calendar {
    width: 41%;
    position: relative;
    padding: 0
  }

  #filters .filters-top .filters-details .tooltip-calendar .tooltip-link {
    width: 100%
  }

  .btn-dark-gray {
    height: auto;
    display: inline-block;
    padding: 0;
    line-height: 54px
  }

  #filters .filters-top .criteria-action .icon-less, #filters .filters-top .criteria-action .icon-more {
    float: right;
    line-height: 54px;
    padding: 0;
    top: 0;
    right: 15px;
    left: auto
  }

  #filters .filters-top .tooltip {
    background: none
  }

  #filters .filters-top .link-box {
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    line-height: 54px;
    cursor: pointer;
    padding: 0 15px
  }

  #container-destination, #tooltip-departure {
    width: auto;
    padding: 15px
  }

  .scrollbar-container .scrollbar {
    margin: 0 15px 0 0
  }

  #filters {
    padding: 0
  }

  #filters .filters-top {
    font-size: 1em
  }

  #filters .filters-top .gray-box {
    display: inline-block;
    width: 100%
  }

  #filters .filters-top .link-box {
    float: right;
    padding: 0;
    width: 20%
  }

  #filters .filters-top .reset {
    float: left;
    width: 69%;
    margin-left: 0;
    text-align: center
  }

  #filters .filters-top .reset .icon-home.dark-gray {
    font-size: 2em;
    vertical-align: middle
  }

  #filters #criteria-box .criteria-input input, #filters .filters-top .criteria-action .other_title, #filters .filters-top .filter-by-title {
    display: inline
  }

  #filters .filters-top .reset {
    width: 7%;
    border-right: 2px solid #e6e6e6
  }

  #filters .filters-top .criteria-action {
    width: 15%;
    padding: 10px 1% 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: right
  }

  #filters .filters-top a#criteria-action {
    width: 100%
  }

  #filters .filters-top .filters-details {
    width: 78%
  }

  #filters .filters-top #tooltip-theme {
    background: #fff;
    width: 155px;
    right: inherit;
    min-height: auto
  }

  .filters-top .tooltip .big-top-arrow {
    left: 45%
  }

  #filters .filters-top .tooltip-desti {
    width: 35%;
    margin: 10px 0 0 1%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
  }

  #filters .filters-top .tooltip-desti .selectize-input {
    padding: 0 0 0 30px
  }

  #filters .filters-top .criteria-action a span {
    line-height: 35px;
    float: left;
    padding-left: 30px
  }

  #filters .filters-top .criteria-action .icon-less, #filters .filters-top .criteria-action .icon-more {
    right: inherit;
    float: none;
    line-height: 35px;
    left: 10px
  }

  #filters .filters-top a#criteria-action {
    height: 35px;
    background: #2c2c2c;
    color: #fff
  }

  #filters .filters-top #tooltip-theme figure {
    display: none
  }

  #filters .filters-top #tooltip-region ul, #filters .filters-top #tooltip-theme ul {
    width: 100%
  }

  #filters .filters-top div.selectize-dropdown {
    top: 45px !important
  }

  .header-ribbon .ftux-messages {
    float: left;
    margin: 25px 0 0 20px
  }

  .header-ribbon .ftux-messages ul {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 20px;
    color: #c1c1c1
  }

  .header-ribbon .ftux-messages ul li a {
    color: #c1c1c1;
    text-decoration: underline
  }

  .header-ribbon .ftux-messages ul.ftux-guest {
    font-size: 18px;
    line-height: 20px
  }

  .header-ribbon .ftux-messages a.ftux-guest {
    font-size: 16px;
    margin: 10px 0 25px
  }

  .header-ribbon #welcome-dream-picture {
    width: 30%
  }

  .header-ribbon #welcome-dream-description {
    width: 70%
  }

  .ribbon .ribbon-content .ribbon-txt-3.medium_text {
    font-size: 22px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #filters .filters-top .section-create-alert .create-alert-btns .close-alert {
    float: none;
    width: 100%
  }

  #filters .filters-top .section-create-alert .create-alert-btns .confirm-alert {
    float: none;
    width: 100%;
    margin-bottom: 8px
  }

  .ribbon .ribbon-content .ribbon-txt-5 {
    padding: 0 5px 5px
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .saleList .ribbon {
    max-height: 66px;
    min-height: 66px;
    height: 66px
  }

  .saleList .sale .sale-name {
    font-size: 14px
  }

  .saleList .sale .hotel-name, .saleList .sale .sale-name {
    font-weight: 600
  }

  .saleList .sale .sale-destination, .saleList .sale .sale-name {
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: 17px
  }

  .saleList .tooltip-desti {
    width: 480px
  }

  #datepicker-input {
    font-size: 13px
  }
}

@media only screen and (max-width: 1024px) {
  .bloc-nl, .bloc-nl #nlbanner-sale-picture {
    height: 75px
  }

  .saleList .sale.col-6 .sale-time-remaining {
    color: #fff;
    margin: 0;
    width: 100%;
    padding: 10px 0;
    display: inline-block;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .2))
  }

  .saleList .sale.catalog .sale_content .sale-time-remaining {
    top: inherit
  }

  .saleList .ribbon {
    max-height: 66px;
    min-height: 66px;
    height: 66px
  }

  .saleList .ribbon .ribbon-content .ribbon-txt-4.smaller {
    font-size: 13px
  }

  .saleList .sale .hotel-name, .saleList .sale .sale-name {
    font-weight: 400
  }

  .saleList .sale .sale-destination, .saleList .sale .sale-name {
    font-size: 14px;
    white-space: nowrap;
    max-width: 96%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: 17px
  }

  .saleList .sale .sale_content {
    width: 78%
  }

  .saleList .sale.next a.next-sale-btn {
    top: inherit;
    bottom: 85px
  }

  .saleList .sale, .saleList .sale-figure {
    position: relative
  }

  .saleList .sale .trailer-link i {
    padding-right: 10%
  }

  .tooltip .top-arrow {
    display: none
  }

  #tooltip-departure .datepicker {
    border-bottom: 1px dashed #666
  }

  .sale .sale-bottom {
    height: 40px;
    line-height: 40px
  }

  .section-subtitle {
    margin: 0 70px 30px;
    line-height: 1.2em;
    font-size: 14px
  }

  #filters div.selectize-dropdown .desti_inactive .text {
    width: 50%
  }

  #tooltip-departure {
    border-top: 5px solid #1d1d1d;
    box-shadow: 0 0 3px, #4d4d4d
  }

  #filters .filters-top span.search-box .selectize-control .selectize-input div.item {
    padding-left: 0
  }

  .page-center {
    padding: 0
  }
}

@media only screen and (max-width: 767px) {
  .sdv-filters .current {
    display: block
  }

  .section-subtitle {
    margin: 0 30px
  }

  #btn-create-alert-bottom, #btn-reset-dedicated-showroom {
    width: 75%
  }

  .bloc-nl {
    margin: 5px
  }

  .bloc-recent:not([style*="display: none"]) + .bloc-nl {
    margin-top: -5px
  }

  .alert-banner-block {
    margin-top: 350px
  }

  .map-open .alert-banner-block {
    margin-top: 60px
  }

  .filtered .alert-banner-block {
    margin-top: 70px !important
  }

  section.filter_choices {
    margin: 0 auto
  }

  section.filter_choices #createAlertContainer, section.filter_choices .filter_choice {
    margin: 10px 0
  }

  .mfp-ready {
    position: fixed;
    max-height: 100%;
    padding-bottom: 30px
  }

  .mfp-content {
    position: relative;
    max-height: 100%;
    overflow: scroll
  }

  #filters .filters-top .reset, #filters .filters-top .theme {
    line-height: 38px;
    padding: 0;
    width: 100%;
    float: left;
    box-shadow: none;
    border: 2px solid #e6e6e6
  }

  #filters .filters-top .reset .right-arrow, #filters .filters-top .theme .right-arrow {
    display: none
  }

  #filters .filters-top .filters-details {
    display: block;
    width: 100%;
    font-size: 14px
  }

  #filters .filters-top .filters-details .gray-box {
    width: 100%
  }

  #filters .filters-top .link-box {
    display: block
  }

  #tooltip-departure .datepicker {
    font-size: 18px;
    margin-top: 2px;
    padding-bottom: 15px
  }

  input[type=date], input[type=email], input[type=password], input[type=text], select, textarea {
    padding: 0;
    background: none;
    color: #000;
    height: auto;
    width: 70%;
    float: none
  }

  #filters, #filters #criteria-box .tooltip-rel {
    background: #e6e6e6;
    padding: 14px 2px
  }

  #filters .filters-top {
    background: #e6e6e6
  }

  #filters .filters-top .link-box {
    background: #fff;
    margin: 10px 10px 0;
    line-height: 35px;
    cursor: pointer
  }

  #filters .filters-top .reset {
    display: none
  }

  #filters .filters-top #tooltip-region a, #filters .filters-top #tooltip-theme a {
    color: #666;
    width: 100%;
    display: inline-block;
    margin-left: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  #filters .filters-top .tooltip-desti {
    padding: 0 10px
  }

  #filters .filters-top .gray-box {
    width: 100%
  }

  #filters .filters-top #destinationOther #pre-placeholder {
    margin-top: 10px;
    position: absolute;
    margin-left: 40px
  }

  #filters .filters-top .tooltip-desti .gray-box .selectize-input {
    padding: 0 0 0 35px
  }

  #filters .filters-top .tooltip-calendar .tooltip-link {
    margin-bottom: 10px
  }

  #filters #moreCriteriaTitle .lessCriteriaTitle, #filters .filters-top .criteria-action, #filters .link-box.moreCriteria {
    display: none
  }

  #filters .moreCriteriaActive .link-box.moreCriteria {
    display: block
  }

  #filters #moreCriteriaTitle {
    text-decoration: underline;
    color: #000;
    margin: 0 10px;
    padding: 10px 0;
    cursor: pointer;
    font-size: 13px
  }

  #filters .filters-top .filters-details {
    background: #fff;
    margin: 0 10px
  }

  #filters .filters-top .filter-title {
    margin: 0 0 0 10px;
    font-size: 16px;
    color: #000
  }

  #filters .filters-top #container-destination, #filters .filters-top #tooltip-departure {
    background: #e6e6e6
  }

  #filters .filters-top #tooltip-departure {
    width: 100%;
    position: inherit;
    float: left;
    background: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e6e6e6;
    border-top: none
  }

  #filters .filters-top .region {
    display: none;
    padding: 0;
    margin: 0
  }

  #filters .filters-top div.selectize-dropdown {
    padding: 0 0 5.40541%;
    box-shadow: none
  }

  #filters .filters-top .selectize-dropdown-content {
    max-height: none
  }

  #filters .filters-top .selectize-dropdown-content .optgroup {
    margin: 0 10px;
    padding: 14px 15px
  }

  #filters .filters-top .section-create-alert {
    height: auto;
    position: static;
    border: 0;
    margin-top: -5px
  }

  #filters .filters-top .section-create-alert .create-alert-btns .close-alert {
    float: none;
    width: 100%
  }

  #filters .filters-top .section-create-alert .create-alert-btns .confirm-alert {
    float: none;
    width: 100%;
    margin-bottom: 8px
  }

  #filters .filters-top .filters-details .tooltip-calendar {
    margin-bottom: 0
  }

  #filters .filters-top .filter-icon-right.icon-arrow-down-t1, #filters .filters-top .filter-icon-right.icon-arrow-up-t1 {
    font-size: 18px;
    line-height: 48px
  }

  #theme-mobile .theme-list li {
    background: #e6e6e6;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    line-height: 35px;
    position: relative
  }

  #filters .filters-top .gray-box .selectize-dropdown.destination-input {
    color: #666
  }

  #filters .filters-top .selectize-dropdown-content .optgroup {
    padding: 0 0 10px
  }

  #filters #criteria-box .criteria .criteria-title {
    font-weight: 400;
    text-transform: none;
    padding: 0 30px 0 35px;
    cursor: pointer;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .tooltip-rel.open {
    padding: 5px 10px
  }

  #filters #theme-mobile .icon-earth, #filters #theme-mobile .icon-selection {
    font-size: 16px;
    margin: 0;
    position: absolute;
    top: 10px;
    left: 10px
  }

  #tooltip-departure .datepicker {
    font-size: 14px
  }

  #tooltip-departure .btn_action_departure {
    margin: 10px 0 5px -10px;
    display: inline-block
  }

  .tooltip-rel {
    border-bottom: none
  }

  .filters-top .flexibility p {
    font-size: 12px
  }

  .noUi-origin {
    background-color: #e6e6e6
  }

  .noUi-target {
    border-color: #666
  }

  .header-ribbon .ftux-messages {
    float: left;
    margin: 0;
    padding: 25px 30px 25px 25px
  }

  .header-ribbon .ftux-messages ul {
    margin: 0 0 0 15px;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 16px;
    color: #c1c1c1;
    list-style: disc
  }

  .header-ribbon .ftux-messages ul li a {
    color: #c1c1c1;
    text-decoration: underline
  }

  .header-ribbon .ftux-messages a.ftux-guest {
    margin: 15px 0 0
  }

  .sale .sale-figure .trailer-link {
    height: 50px;
    line-height: 50px
  }

  .header-ribbon #welcome-dream-description {
    width: 100%;
    padding: 15px 0 15px 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .header-ribbon #welcome-dream-description p#welcome-dream-desc-title {
    font-size: 18px
  }

  #nbSales {
    margin: 10px 0
  }

  #header .header-filters-mobile {
    border-left: 1px solid #000;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    line-height: 1;
    width: 50px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    padding: 9px 0
  }

  #header .header-filters-mobile .icon-search {
    font-size: 18px
  }

  #header .header-filters-mobile .label-filter {
    display: block;
    font-size: 10px;
    padding-top: 4px;
    text-transform: uppercase
  }

  #header .header-filters-mobile .icon-close {
    font-size: 16px;
    margin-top: 17px;
    display: block
  }

  #header .header-filters-mobile .menu-mobile-separator {
    background-color: #555;
    height: 100%;
    right: 51px;
    position: absolute;
    top: 0;
    width: 1px
  }

  #returnFiltersMobile {
    color: #fff;
    font-size: 16px;
    background-color: #1d1d1d;
    display: none;
    position: absolute;
    left: 52px;
    right: 52px;
    top: 0;
    height: 100%;
    padding: 0 10px
  }

  #returnFiltersMobile #returnFiltersMobileText {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 18px;
    font-size: 13px;
    padding-top: 18px;
    width: 80%;
    margin: auto
  }

  #returnFiltersMobile #returnFiltersMobileText.extraCriteria {
    padding-top: 8px
  }

  #returnFiltersMobile #nbSelectedFilters {
    line-height: 18px;
    font-size: 12px;
    color: #555;
    display: none
  }

  #returnFiltersMobile #nbSales {
    line-height: 14px;
    font-size: 12px;
    color: #e6e6e6;
    display: none;
    margin: 0 !important
  }

  #returnFiltersMobile .text_nb_sales {
    color: #1d1d1d;
    background-color: #fff;
    padding: 0 4px;
    border-radius: 4px;
    max-width: 20%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    line-height: 18px;
    margin-top: 16px;
    float: right
  }

  #returnFiltersMobile.filtersVisible {
    display: inline
  }

  #nav-filters, #nav-filters #filters {
    width: 100%;
    height: 100%
  }

  #nav-filters #filters {
    padding: 50px 0 65px;
    box-shadow: none
  }

  #nav-filters #filters .filters-top {
    background: none
  }

  #nav-filters #filters .filters-top .region {
    padding: 0
  }

  #nav-filters #filters .filters-top .region .filter-icon-right {
    font-size: 16px
  }

  #nav-filters .tooltip-rel {
    background-color: #e6e6e6;
    box-shadow: none;
    border-top: 5px solid #fff
  }

  #nav-filters .nav-filters-reset {
    margin: 0 10px;
    position: relative
  }

  #nav-filters section.filter_choices .close-filter-result .icon-reload {
    padding-left: 5px;
    color: #fff;
    display: inline-block
  }

  section.filter_choices .return-filter-label-mobile {
    display: inline-block
  }

  section.filter_choices .reset .return-filter-label {
    display: none
  }

  #nav-filters #criteria-box {
    padding-top: 0
  }

  .separator-with-text {
    font-size: 13px;
    color: #a7a7a7;
    font-family: Georgia, Times New Roman, Times, serif
  }

  .separator-with-text:after, .separator-with-text:before {
    background-color: #e6e6e6
  }

  #nav-filters .filters_search, #nav-filters .filters_theme {
    display: inline-block;
    padding: 20px 10px 10px 0;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 1.07em;
    color: #000
  }

  #nav-filters .filters_theme {
    padding: 20px 10px 15px 0
  }

  #nav-filters section.filter_choices div.filter_choice {
    margin: 15px 0 0;
    background-color: #000;
    text-align: center;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px
  }

  #nav-filters #results-access {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 38px;
    margin: 0 10px 15px;
    cursor: pointer;
    position: relative
  }

  #filters .filters-top .link-box, #nav-filters #results-access .singular {
    display: none
  }

  #filters .filters-top #theme-mobile .theme {
    display: block;
    padding: 0;
    margin: 0
  }

  #nav-filters #theme-mobile {
    margin: 10px;
    padding-bottom: 30px
  }

  #nav-filters #theme-mobile .theme-list li {
    margin-bottom: 10px;
    font-size: 13px;
    color: #000
  }

  #nav-filters #theme-mobile .theme-list li a {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 0 0 35px;
    width: 100%
  }

  #nav-filters #theme-mobile li.active {
    background-color: #bd1343;
    color: #fff
  }

  #nav-filters #theme-mobile li.active a {
    color: #fff
  }

  #nav-filters .selectize-dropdown {
    border-radius: 0;
    box-shadow: none
  }

  #nav-filters #filters .filters-top .filter-icon-right {
    line-height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    left: auto
  }

  #nav-filters #filters .filters-top #calendar-button .filter-icon-right {
    right: 10px
  }

  #nav-filters .loaderMini {
    background-color: #000;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1000
  }

  .magnificFilters {
    z-index: 10000;
    overflow: auto;
    top: 0 !important
  }

  .magnificFilters .mfp-container {
    padding: 0;
    right: 0;
    bottom: 0;
    background: #fff
  }

  .magnificFilters .mfp-content {
    height: 100%
  }

  #nav-filters .top-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    z-index: 1000;
    background: #1d1d1d
  }

  #nav-filters .top-container .cancel, #nav-filters .top-container .titleFilters {
    cursor: pointer;
    width: 25%;
    float: left;
    font-size: 14px;
    height: 50px;
    line-height: 60px;
    display: inline-block;
    position: relative;
    padding: 0 3%;
    text-align: right;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    opacity: 1
  }

  #nav-filters .top-container .titleFilters {
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 50px;
    margin-left: 25%
  }

  #nav-filters .top-container .cancel i {
    font-size: 22px
  }

  .killerdeal {
    padding: 0
  }

  .sdv-filters, .sdv-filters-phone {
    padding: 10px 0 5px;
    border: none;
    margin: 0
  }

  .sdv-filters-phone.noKillerDeal, .sdv-filters.noKillerDeal {
    padding: 10px 0 0 !important
  }

  .sdv-filters-phone .filter-select, .sdv-filters .filter-select {
    background-color: #fff;
    padding: 13px 10px;
    margin: 0 1%;
    color: #1d1d1d
  }

  .sdv-filters-phone .filter-select .filter-title, .sdv-filters .filter-select .filter-title {
    margin-right: 10px
  }

  .sdv-filters-phone .filter-select i, .sdv-filters .filter-select i {
    float: right;
    margin-top: 1px;
    font-size: 1.28em
  }

  #popupFilters {
    background-color: #fff
  }

  #popupFilters span.filter-title {
    padding: 19px 15px;
    display: block;
    font-family: Georgia, Times New Roman, Times, serif;
    color: #1d1d1d;
    font-size: 1.14em
  }

  #popupFilters li {
    padding: 8px 15px;
    border-top: 1px solid #e6e6e6;
    color: rgba(27, 27, 27, .7);
    cursor: pointer
  }

  #popupFilters li.filter-cat {
    text-transform: uppercase;
    color: #1d1d1d;
    font-weight: 800;
    pointer-events: none
  }

  #popupFilters li.selected {
    background-color: #e6e6e6;
    color: #1b1b1b
  }

  #popupFilters li:hover {
    color: #1b1b1b
  }

  .pagination {
    padding: 5px 2% 10px
  }

  .pagination .btn, .pagination .pageNumber {
    width: 30%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    text-align: center
  }

  .pagination .pageNumber {
    width: 40%
  }

  .pagination.top {
    width: 100%;
    padding: 10px 2% 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .bloc-recent {
    height: auto;
    margin: 0 0 10px;
    padding: 0
  }

  .bloc-recent-title {
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 15px 0;
    line-height: 1
  }

  .bloc-recent-title .dpv-count {
    background-color: #666;
    color: #fff;
    padding: 3px;
    margin-left: 10px;
    display: none
  }

  .bloc-recent-title i {
    font-size: 1.48em;
    float: right;
    height: 0;
    margin-top: -3px;
    margin-right: 10px
  }

  .bloc-recent-carousel {
    width: 100%;
    padding: 10px 12px 0;
    text-align: center;
    display: none;
    border-top: 2px solid #e6e6e6
  }

  .bloc-recent-carousel .slides-recent {
    display: inline-block;
    max-width: 100%
  }

  .bloc-recent-carousel .slide-recent {
    width: 50%;
    min-width: 0;
    float: left;
    padding: 0 8px;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .bloc-recent-carousel .caption {
    text-align: left;
    margin: 4px 0;
    min-height: 32px;
    width: 100%;
    position: relative
  }

  .bloc-recent-carousel .caption-block {
    position: absolute;
    top: 0
  }

  .bloc-recent .img-recent {
    max-width: 100%
  }

  .bloc-recent .img-recent img {
    float: none;
    width: auto
  }

  .bloc-recent .img-recent .desc {
    display: inline;
    padding: 4px;
    top: auto;
    background-color: rgba(0, 0, 0, .4)
  }

  .bloc-recent .show {
    text-decoration: underline;
    color: #1d1d1d;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    display: none;
    margin-bottom: 10px
  }

  .bloc-recent .tips {
    margin: 0 3% 10px;
    text-align: left;
    width: 94%;
    line-height: 16px;
    padding: 10px;
    font-size: 12px
  }

  .bloc-recent .tips:before {
    left: 25%
  }

  .bloc-recent .hidden-slide {
    display: none
  }

  .carousel {
    width: auto
  }

  .carousel .caption {
    width: 100%
  }

  .carousel .caption .caption-title {
    font-size: 20px
  }

  .carousel .caption .caption-subtitle {
    margin-bottom: 0
  }

  .carousel .caption .btn {
    border: 0;
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    height: auto
  }

  .carousel .caption .btn:hover {
    /* background-color: fade(#fff, 0);*/
    color: #fff
  }

  .carousel .arrow-container .arrow {
    padding: 15px;
    font-size: 25px
  }

  .saleList .push-promo a, .saleList .sale a {
    margin: 0
  }

  .saleList .sale .sale_content {
    line-height: 13px
  }

  .saleList .sale .sale-destination {
    font-size: 13px;
    margin-bottom: 8px
  }

  .saleList .sale .hotel-name {
    line-height: 16px
  }

  .saleList .ribbon .ribbon-content .ribbon-txt-2 {
    font-size: 22px
  }

  .saleList .ribbon .ribbon-content .ribbon-txt-2 span {
    font-size: 14px;
    font-weight: 800;
    margin-left: 3px
  }

  .saleList .ribbon .ribbon-content .ribbon-txt-3, .saleList .ribbon .ribbon-content .ribbon-txt-3.medium_text, .saleList .ribbon .ribbon-content .ribbon-txt-3.small_text {
    font-size: 20px;
    font-weight: 600
  }
}

@media only screen and (max-width: 767px) {
  .bloc-nl #nlbanner-sale-description {
    padding-right: 25px;
    line-height: 20px;
    font-size: 12px
  }

  .saleList .sale .sale_content {
    width: 74%
  }

  .saleList .sale .sale_price {
    width: 24%
  }

  .saleList .ribbon .ribbon-content .ribbon-txt-5 {
    padding: 0 10% 5px
  }

  .alert-banner section {
    padding-top: 30px
  }

  .alert-banner section h1 {
    margin-bottom: 10px
  }
}

html {
  overflow-x: hidden
}

.clear-both {
  clear: both
}

#saleroom-container {
  position: relative;
  background-color: #eee;
  overflow: hidden
}

@media only screen and (max-width: 767px) {
  #saleroom-container {
    margin-top: -10px
  }
}

#page-container {
  z-index: auto;
  min-height: 0
}

#page-container .page-center {
  margin-bottom: -5px
}

#page-container #sdv-container .loading-block {
  min-height: 350px;
  position: relative
}

#page-container #sdv-container .loading-block .ajax-loader {
  top: calc(25% - 25px)
}

#page-container #sdv-container .sdv-section:last-child .sales-container {
  margin-bottom: 10px
}

#page-container #sdv-container .sdv-title-center {
  width: 100%;
  max-width: 1000px;
  clear: both
}

@media only screen and (min-width: 1400px) {
  #page-container #sdv-container .sdv-title-center {
    max-width: 1220px
  }
}

#page-container #sdv-container .sdv-title-center em {
  font-size: 24px;
  margin-bottom: 5px
}

#page-container #sdv-container .sdv-title-center .section-title {
  margin-bottom: 5px
}

#page-container #sdv-container .sdv-title-center .subtitle {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #1d1d1d
}

@media only screen and (max-width: 767px) {
  #page-container #sdv-container .sales-container article.sale {
    /*width: 94%;*/
    width: calc(100% - 20px);
    margin: 0 10px 10px
  }
}

#footer {
  position: relative;
  z-index: 2
}

.filtered .generic-width:not(.always-visible) {
  display: none
}

.section-title .nbSales {
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  color: #666
}

.section-title .nbSales span {
  font-weight: 700
}

.section-title .nbSales .button {
  padding: 7px;
  margin: 0 5px;
  font-size: 11px;
  width: auto
}

.no-result {
  width: 100%;
  text-align: center;
  margin-top: 40px
}

.no-result .text {
  margin-top: 15px
}

.pagination .btn.disabled {
  color: #9a9a9a
}

.head {
  overflow: hidden;
  position: fixed;
  z-index: 0;
  text-align: center;
  height: 435px;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

@media only screen and (max-width: 767px) {
  .head {
    max-height: 350px
  }
}

.head .headBg, .head.isFocused {
  position: absolute
}

.head .headBg {
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: 50%
}

.head .headBg.lazyload, .head .headBg.lazyloading {
  opacity: 0
}

.head .headBg.lazyloaded {
  opacity: 1;
  transition: opacity .2s ease
}

@supports ((-o-object-fit: cover) or (object-fit:cover)) {
  .head .headBg {
    background-image: none !important
  }

  .head .headBg.lazyload, .head .headBg.lazyloading {
    opacity: 1
  }

  .head .headBg.lazyloaded {
    opacity: 1;
    transition: none
  }
}

.head .headBg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(0, 0, 0, .15)
}

.head .headBg__figure {
  height: 100%;
  width: 100%;
  display: none
}

@supports ((-o-object-fit: cover) or (object-fit:cover)) {
  .head .headBg__figure {
    display: block
  }
}

.head .headBg__img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0
}

.head .headBg__img.lazyload, .head .headBg__img.lazyloading {
  opacity: 0
}

.head .headBg__img.lazyloaded {
  opacity: 1;
  transition: opacity .2s ease
}

.messages {
  position: relative;
  z-index: 1;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 980px;
  padding: 0 20px 10px;
  margin: 0 auto;
  color: #fff;
  line-height: 1;
  font-size: 23px
}

@media only screen and (max-width: 767px) {
  .messages {
    font-size: 18px
  }
}

@supports ((-o-object-fit: cover) or (object-fit:cover)) {
  .messages {
    opacity: 0
  }

  .messages.show {
    opacity: 1;
    transition: opacity .5s ease-out
  }
}

body.filtered .head .messages {
  opacity: 0
}

.messages .header_title {
  display: block;
  font-size: 44px
}

@media only screen and (max-width: 767px) {
  .messages .header_title {
    font-size: 32px;
    word-wrap: break-word
  }
}

.messages .header_subtitle {
  display: block
}

.messages .header_message {
  display: block;
  line-height: 1;
  font-size: 32px
}

.messages .header_link {
  font-family: Source Sans Pro, sans-serif;
  color: #fff;
  cursor: pointer;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
  border: 1px solid #fff;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  margin: 14px 14px 0 0;
  line-height: 1;
  transition: all .1s ease-out
}

.messages .header_link.white, .messages .header_link:hover {
  background-color: #fff;
  color: #1d1d1d;
  transition: all .2s ease-out
}

@media only screen and (max-width: 1024px) {
  .messages .legal_bf, .messages .legal_event_special {
    display: block;
    font-family: Source Sans Pro, sans-serif;
    font-style: normal;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: -30px
  }
}

@media only screen and (min-width: 1025px) {
  .messages .legal_bf, .messages .legal_event_special {
    display: block;
    font-family: Source Sans Pro, sans-serif;
    font-style: normal;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: -40px
  }
}

@media only screen and (min-width: 1025px) {
  .messages.reinsurance, .messages.welcome {
    width: 980px
  }
}

.messages.reinsurance .header_message, .messages.welcome .header_message {
  margin-bottom: 30px;
  text-transform: none;
  font-weight: 300;
  font-size: 42px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic
}

@media only screen and (max-width: 767px) {
  .messages.reinsurance .header_message, .messages.welcome .header_message {
    font-size: 21px;
    margin-bottom: 10px
  }
}

.messages.reinsurance .blocs .slick-slide, .messages.welcome .blocs .slick-slide {
  float: left;
  width: 33.33333%;
  position: relative;
  text-align: center;
  height: auto
}

.messages.reinsurance .blocs .slick-slide img, .messages.welcome .blocs .slick-slide img {
  width: 90px;
  height: 90px;
  display: inline-block
}

.reinsurance .messages.reinsurance .blocs .slick-slide img, .reinsurance .messages.welcome .blocs .slick-slide img {
  width: 50px;
  height: 50px
}

.messages.reinsurance .blocs .slick-slide span, .messages.welcome .blocs .slick-slide span {
  display: block;
  font-size: 16px;
  line-height: 22px;
  margin-top: 30px
}

@media only screen and (max-width: 767px) {
  .messages.reinsurance .blocs .slick-slide span, .messages.welcome .blocs .slick-slide span {
    margin-top: 10px
  }
}

.messages.reinsurance .blocs .slick-slide img {
  width: 50px;
  height: 50px
}

.messages.reinsurance .blocs .slick-slide span {
  margin: 30px auto 0;
  max-width: 250px
}

.messages.common, .messages.participation, .messages.pushPromo {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  line-height: 1.5
}

.messages.common .header_title:first-letter, .messages.participation .header_title:first-letter, .messages.pushPromo .header_title:first-letter {
  text-transform: uppercase
}

@media only screen and (max-width: 767px) {
  .messages.common .header_message, .messages.participation .header_message, .messages.pushPromo .header_message {
    font-size: 22px;
    line-height: 1.1
  }
}

.messages.persoQuiz {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  line-height: 1.5
}

.messages.persoQuiz .header_title:first-letter {
  text-transform: uppercase
}

.messages.persoQuiz .header_message {
  font-size: 28px
}

@media only screen and (max-width: 767px) {
  .messages.persoQuiz .header_message {
    font-size: 22px;
    line-height: 1.1
  }
}

.messages.birthday, .messages.credits, .messages.reviewReminder {
  line-height: 1.2
}

.messages.birthday .header_title, .messages.credits .header_title, .messages.reviewReminder .header_title {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic
}

.messages.birthday .header_title:first-letter, .messages.credits .header_title:first-letter, .messages.reviewReminder .header_title:first-letter {
  text-transform: uppercase
}

.messages.birthday .header_subtitle, .messages.credits .header_subtitle, .messages.reviewReminder .header_subtitle {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-size: 30px
}

@media only screen and (max-width: 767px) {
  .messages.birthday .header_subtitle, .messages.credits .header_subtitle, .messages.reviewReminder .header_subtitle {
    font-size: 20px
  }
}

.messages.birthday .header_message, .messages.credits .header_message, .messages.reviewReminder .header_message {
  font-weight: 600;
  margin-top: 6px;
  font-size: 20px
}

@media only screen and (max-width: 767px) {
  .messages.birthday .header_message, .messages.credits .header_message, .messages.reviewReminder .header_message {
    font-size: 18px
  }
}

.messages.dataCollect, .messages.welcomeQuiz {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  line-height: 1.5;
  position: relative
}

.messages.dataCollect .spaceAfter:after, .messages.welcomeQuiz .spaceAfter:after {
  content: "\A0   "
}

.messages.dataCollect .header_title, .messages.welcomeQuiz .header_title {
  font-size: 44px;
  line-height: 50px
}

@media only screen and (max-width: 767px) {
  .messages.dataCollect .header_title, .messages.welcomeQuiz .header_title {
    font-size: 32px
  }
}

.messages.dataCollect .header_message, .messages.welcomeQuiz .header_message {
  font-size: 28px;
  line-height: 1.2
}

@media only screen and (max-width: 767px) {
  .messages.dataCollect .header_message, .messages.welcomeQuiz .header_message {
    line-height: 1.1;
    font-size: 20px
  }

  .messages.dataCollect .header_message input, .messages.dataCollect .header_message select, .messages.welcomeQuiz .header_message input, .messages.welcomeQuiz .header_message select {
    font-size: 20px !important
  }
}

.messages.dataCollect .header_link, .messages.welcomeQuiz .header_link {
  width: 145px;
  border-radius: 2px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center
}

.messages.dataCollect input, .messages.welcomeQuiz input {
  border: none;
  background-image: linear-gradient(90deg, #fff 70%, hsla(0, 0%, 100%, 0) 0);
  background-position: 0 100%;
  background-size: 15px 1px;
  background-repeat: repeat-x;
  text-align: left;
  color: #fff;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-size: 28px !important;
  vertical-align: baseline
}

.messages.dataCollect input::-webkit-input-placeholder, .messages.welcomeQuiz input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .6)
}

.messages.dataCollect input::-moz-placeholder, .messages.welcomeQuiz input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .6)
}

.messages.dataCollect input:-ms-input-placeholder, .messages.dataCollect input::-ms-input-placeholder, .messages.welcomeQuiz input:-ms-input-placeholder, .messages.welcomeQuiz input::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .6)
}

.messages.dataCollect input::placeholder, .messages.welcomeQuiz input::placeholder {
  color: hsla(0, 0%, 100%, .6)
}

/*
.messages.dataCollect input::-webkit-contacts-auto-fill-button, .messages.welcomeQuiz input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0
}
 */

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .select-wrapper, .messages.welcomeQuiz .select-wrapper {
    position: relative;
    display: inline-block
  }
}

.messages.dataCollect .select-wrapper:after, .messages.welcomeQuiz .select-wrapper:after {
  content: "\E91A";
  font-family: VP-Icon-Line !important;
  position: absolute;
  right: 0;
  top: 8px;
  font-style: normal
}

.messages.dataCollect .header_step1, .messages.welcomeQuiz .header_step1 {
  margin-top: 14px
}

.messages.dataCollect .header_step1 .header_step1_label, .messages.welcomeQuiz .header_step1 .header_step1_label {
  display: block;
  opacity: .6;
  color: #fff;
  font-size: 18px;
  line-height: 21px
}

@media only screen and (max-width: 365px) {
  .messages.dataCollect .header_step1 .header_step1_label, .messages.welcomeQuiz .header_step1 .header_step1_label {
    font-size: 16px
  }
}

.messages.dataCollect .header_step1 .header_step1_form, .messages.welcomeQuiz .header_step1 .header_step1_form {
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  margin-bottom: 20px
}

.messages.dataCollect .header_step1 .header_step1_form input, .messages.welcomeQuiz .header_step1 .header_step1_form input {
  width: 249px;
  padding-bottom: 3px
}

@media only screen and (max-width: 365px) {
  .messages.dataCollect .header_step1 .header_step1_form input, .messages.welcomeQuiz .header_step1 .header_step1_form input {
    font-size: 26px;
    width: 220px
  }
}

.messages.dataCollect .header_step1 .header_step1_form .header_link, .messages.welcomeQuiz .header_step1 .header_step1_form .header_link {
  margin-top: 0
}

.messages.dataCollect .header_step1 .header_step1_form .header_step1_error, .messages.welcomeQuiz .header_step1 .header_step1_form .header_step1_error {
  position: absolute;
  bottom: -30px;
  font-size: 12px;
  background-color: #fff;
  color: #1d1d1d;
  border-left: 2px solid #bd1343;
  font-style: normal;
  font-family: Source Sans Pro, sans-serif;
  padding: 1px 5px;
  left: 50%;
  /*-webkit-transform: translateX(-50%);*/
  transform: translateX(-50%)
}

.messages.dataCollect .header_step1 .header_step1_form .header_step1_error .icon, .messages.welcomeQuiz .header_step1 .header_step1_form .header_step1_error .icon {
  color: #bd1343;
  vertical-align: middle;
  margin-right: 6px
}

.messages.dataCollect .header_step1 .header_step1_form .header_step1_error .error-msg, .messages.welcomeQuiz .header_step1 .header_step1_form .header_step1_error .error-msg {
  vertical-align: middle
}

.messages.dataCollect .header_step2_wrapper, .messages.welcomeQuiz .header_step2_wrapper {
  display: table;
  table-layout: fixed;
  width: 100%
}

.messages.dataCollect .header_step2_wrapper .header_title, .messages.welcomeQuiz .header_step2_wrapper .header_title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media only screen and (min-width: 1025px) {
  .messages.dataCollect .header_step2, .messages.welcomeQuiz .header_step2 {
    padding-bottom: 80px
  }
}

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .header_step2.header_message, .messages.welcomeQuiz .header_step2.header_message {
    margin-bottom: 20px
  }
}

.messages.dataCollect .header_step2 .header_step2_form, .messages.welcomeQuiz .header_step2 .header_step2_form {
  text-align: center;
  position: relative
}

.messages.dataCollect .header_step2 .header_step2_form span.spaceAfter, .messages.welcomeQuiz .header_step2 .header_step2_form span.spaceAfter {
  display: inline-block;
  vertical-align: bottom
}

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .header_step2 .header_step2_form, .messages.welcomeQuiz .header_step2 .header_step2_form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .messages.dataCollect .header_step2 .header_step2_form > span:first-child, .messages.welcomeQuiz .header_step2 .header_step2_form > span:first-child {
    -webkit-flex: 100%;
    flex: 100%
  }
}

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .header_step2 .header_step2_form input, .messages.dataCollect .header_step2 .header_step2_form select, .messages.welcomeQuiz .header_step2 .header_step2_form input, .messages.welcomeQuiz .header_step2 .header_step2_form select {
    font-size: 24px;
    text-align: left
  }
}

.messages.dataCollect .header_step2 .header_step2_form .header_step2_form_day, .messages.welcomeQuiz .header_step2 .header_step2_form .header_step2_form_day {
  width: 72px;
  margin-bottom: -1px;
  text-align: center
}

@media only screen and (min-width: 1025px) {
  .messages.dataCollect .header_step2 .header_step2_form .header_step2_form_day, .messages.welcomeQuiz .header_step2 .header_step2_form .header_step2_form_day {
    vertical-align: baseline
  }
}

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .header_step2 .header_step2_form .header_step2_form_day, .messages.welcomeQuiz .header_step2 .header_step2_form .header_step2_form_day {
    display: inline-block;
    vertical-align: sub;
    width: 52px
  }
}

.messages.dataCollect .header_step2 .header_step2_form .header_step2_form_month, .messages.welcomeQuiz .header_step2 .header_step2_form .header_step2_form_month {
  text-transform: capitalize;
  width: 192px
}

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .header_step2 .header_step2_form .header_step2_form_month, .messages.welcomeQuiz .header_step2 .header_step2_form .header_step2_form_month {
    background-color: transparent;
    border: none;
    background-image: linear-gradient(90deg, #fff 70%, hsla(0, 0%, 100%, 0) 0);
    background-position: 0 100%;
    background-size: 15px 1px;
    background-repeat: repeat-x;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Georgia, Times New Roman, Times, serif;
    font-style: italic;
    width: auto;
    padding: 0;
    display: inline-block;
    vertical-align: sub;
    color: hsla(0, 0%, 100%, .6);
    padding-right: 30px
  }
}

.messages.dataCollect .header_step2 .header_step2_form .header_step2_form_month.state-filled, .messages.welcomeQuiz .header_step2 .header_step2_form .header_step2_form_month.state-filled {
  color: #fff
}

.messages.dataCollect .header_step2 .header_step2_form .header_step2_form_year, .messages.welcomeQuiz .header_step2 .header_step2_form .header_step2_form_year {
  width: 90px;
  text-align: center
}

@media only screen and (min-width: 1025px) {
  .messages.dataCollect .header_step2 .header_step2_form .header_step2_form_year, .messages.welcomeQuiz .header_step2 .header_step2_form .header_step2_form_year {
    vertical-align: baseline
  }
}

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .header_step2 .header_step2_form .header_step2_form_year, .messages.welcomeQuiz .header_step2 .header_step2_form .header_step2_form_year {
    display: inline-block;
    vertical-align: sub
  }
}

.messages.dataCollect .header_step2 .header_step2_form input::-webkit-input-placeholder, .messages.welcomeQuiz .header_step2 .header_step2_form input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .6)
}

.messages.dataCollect .header_step2 .header_step2_form input::-moz-placeholder, .messages.welcomeQuiz .header_step2 .header_step2_form input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .6)
}

.messages.dataCollect .header_step2 .header_step2_form input:-ms-input-placeholder, .messages.dataCollect .header_step2 .header_step2_form input::-ms-input-placeholder, .messages.welcomeQuiz .header_step2 .header_step2_form input:-ms-input-placeholder, .messages.welcomeQuiz .header_step2 .header_step2_form input::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .6)
}

.messages.dataCollect .header_step2 .header_step2_form input::placeholder, .messages.welcomeQuiz .header_step2 .header_step2_form input::placeholder {
  color: hsla(0, 0%, 100%, .6)
}

.messages.dataCollect .header_step2 .header_step2_form input::-moz-placeholder, .messages.welcomeQuiz .header_step2 .header_step2_form input::-moz-placeholder {
  opacity: 1
}

.messages.dataCollect .header_step2 .header_link, .messages.welcomeQuiz .header_step2 .header_link {
  border-radius: 2px;
  transition: background-color .1s ease-out;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center
}

@media only screen and (min-width: 1025px) {
  .messages.dataCollect .header_step2 .header_link, .messages.welcomeQuiz .header_step2 .header_link {
    position: absolute;
    bottom: 30px;
    margin-top: 0
  }
}

.messages.dataCollect .header_step2 .skip-button, .messages.welcomeQuiz .header_step2 .skip-button {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: Source Sans Pro, sans-serif;
  line-height: 1.3;
  text-decoration: underline
}

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .header_step2 .skip-button, .messages.welcomeQuiz .header_step2 .skip-button {
    margin-top: 15px
  }
}

@media only screen and (min-width: 1025px) {
  .messages.dataCollect .header_step2 .skip-button, .messages.welcomeQuiz .header_step2 .skip-button {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.messages.dataCollect .header_step2 .skip-button:hover, .messages.welcomeQuiz .header_step2 .skip-button:hover {
  color: hsla(0, 0%, 100%, .8)
}

.messages.dataCollect .header_step3 .header_link, .messages.welcomeQuiz .header_step3 .header_link {
  width: 190px
}

.messages.dataCollect .header_step3 .header_step3_form, .messages.welcomeQuiz .header_step3 .header_step3_form {
  text-align: center;
  font-size: 32px;
  line-height: 1.2;
  position: relative
}

@media only screen and (max-width: 767px) {
  .messages.dataCollect .header_step3 .header_step3_form, .messages.welcomeQuiz .header_step3 .header_step3_form {
    font-size: 24px;
    line-height: 1.1
  }
}

@media only screen and (max-width: 365px) {
  .messages.dataCollect .header_step3 .header_step3_form, .messages.welcomeQuiz .header_step3 .header_step3_form {
    font-size: 20px
  }
}

.messages.dataCollect .header_step3 .header_step3_form > span, .messages.welcomeQuiz .header_step3 .header_step3_form > span {
  vertical-align: middle
}

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .header_step3 .header_step3_form > span:first-child, .messages.welcomeQuiz .header_step3 .header_step3_form > span:first-child {
    display: block
  }
}

.messages.dataCollect .header_step3 .header_step3_form .Select, .messages.welcomeQuiz .header_step3 .header_step3_form .Select {
  width: 380px
}

@media only screen and (max-width: 1024px) {
  .messages.dataCollect .header_step3 .header_step3_form select, .messages.welcomeQuiz .header_step3 .header_step3_form select {
    font-size: 24px;
    text-align: left;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Georgia, Times New Roman, Times, serif;
    font-style: italic;
    width: auto;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding-right: 25px
  }
}

@media only screen and (max-width: 365px) {
  .messages.dataCollect .header_step3 .header_step3_form select, .messages.welcomeQuiz .header_step3 .header_step3_form select {
    width: 100%;
    font-size: 20px
  }
}

.messages.dataCollect .header_step_firstname, .messages.welcomeQuiz .header_step_firstname {
  margin-bottom: 60px
}

.messages.dataCollect .header_step_firstname input, .messages.welcomeQuiz .header_step_firstname input {
  min-width: 375px;
  margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
  .messages.dataCollect .header_step_firstname input, .messages.welcomeQuiz .header_step_firstname input {
    font-size: 20px !important;
    line-height: 28px;
    min-width: 270px
  }
}

.messages.dataCollect .Select, .messages.welcomeQuiz .Select {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  color: hsla(0, 0%, 100%, .6)
}

.messages.dataCollect .Select.has-value, .messages.welcomeQuiz .Select.has-value {
  color: #fff !important
}

.messages.dataCollect .Select .Select-placeholder, .messages.welcomeQuiz .Select .Select-placeholder {
  color: hsla(0, 0%, 100%, .6);
  line-height: inherit
}

.messages.dataCollect .Select .Select-control, .messages.welcomeQuiz .Select .Select-control {
  cursor: pointer;
  display: table;
  width: 100%;
  background: none;
  border: none;
  background-image: linear-gradient(90deg, #fff 70%, hsla(0, 0%, 100%, 0) 0);
  background-position: 0 100%;
  background-size: 15px 1px;
  background-repeat: repeat-x;
  color: hsla(0, 0%, 100%, .6)
}

.messages.dataCollect .Select .Select-control .is-focused:not(.is-open) > .Select-control, .messages.welcomeQuiz .Select .Select-control .is-focused:not(.is-open) > .Select-control {
  background: none
}

.messages.dataCollect .Select .Select-control .Select-value-label, .messages.welcomeQuiz .Select .Select-control .Select-value-label {
  color: #fff !important
}

.messages.dataCollect .Select .Select-control .Select-multi-value-wrapper, .messages.welcomeQuiz .Select .Select-control .Select-multi-value-wrapper {
  display: table-cell
}

.messages.dataCollect .Select .Select-control .Select-arrow-zone, .messages.welcomeQuiz .Select .Select-control .Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px
}

.messages.dataCollect .Select .Select-control .Select-arrow-zone .Select-arrow, .messages.welcomeQuiz .Select .Select-control .Select-arrow-zone .Select-arrow {
  display: none
}

.messages.dataCollect .Select .Select-control .Select-arrow-zone:after, .messages.welcomeQuiz .Select .Select-control .Select-arrow-zone:after {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  font-size: 24px;
  content: "\E91A";
  font-family: VP-Icon-Line !important;
  font-style: normal
}

.messages.dataCollect .Select .Select-input, .messages.welcomeQuiz .Select .Select-input {
  display: none !important
}

.messages.dataCollect .Select .Select-menu-outer, .messages.welcomeQuiz .Select .Select-menu-outer {
  position: absolute;
  z-index: 1;
  height: 240px;
  min-width: 164px;
  background-color: #fff;
  margin-top: -120px;
  overflow-y: auto;
  font-family: Georgia, Times New Roman, Times, serif;
  color: #666;
  font-size: 24px;
  line-height: 26px;
  font-style: italic;
  text-align: left;
  top: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.messages.dataCollect .Select .Select-menu-outer .Select-option, .messages.welcomeQuiz .Select .Select-menu-outer .Select-option {
  cursor: pointer
}

.messages.dataCollect .Select .Select-menu-outer .Select-option.is-focused, .messages.welcomeQuiz .Select .Select-menu-outer .Select-option.is-focused {
  color: #000
}

.messages.eventSubscription, .messages.saleSubscription {
  line-height: 28px
}

.messages.eventSubscription .header_subtitle, .messages.eventSubscription .header_title, .messages.saleSubscription .header_subtitle, .messages.saleSubscription .header_title {
  text-transform: none;
  font-weight: 400;
  font-size: 33px;
  line-height: 1;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic
}

@media only screen and (max-width: 767px) {
  .messages.eventSubscription .header_subtitle, .messages.eventSubscription .header_title, .messages.saleSubscription .header_subtitle, .messages.saleSubscription .header_title {
    font-size: 24px
  }
}

.messages.eventSubscription .header_message, .messages.eventSubscription .header_submessage, .messages.saleSubscription .header_message, .messages.saleSubscription .header_submessage {
  display: block;
  text-transform: none;
  font-weight: 600;
  font-size: 20px;
  font-family: Source Sans Pro, sans-serif
}

@media only screen and (max-width: 767px) {
  .messages.eventSubscription .header_message, .messages.eventSubscription .header_submessage, .messages.saleSubscription .header_message, .messages.saleSubscription .header_submessage {
    line-height: 1.2;
    font-size: 18px
  }
}

.messages.eventSubscription .header_message, .messages.saleSubscription .header_message {
  margin-top: 10px
}

@media only screen and (max-width: 767px) {
  .messages.eventSubscription .header_link, .messages.saleSubscription .header_link {
    display: none !important
  }
}

.messages.departure, .messages.upsell {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  line-height: 1.5
}

.messages.departure .header_title, .messages.upsell .header_title {
  line-height: 1;
  margin-bottom: 10px
}

.messages.departure .header_message, .messages.departure .header_submessage, .messages.upsell .header_message, .messages.upsell .header_submessage {
  display: block;
  font-size: 32px;
  line-height: 1.2
}

@media only screen and (max-width: 767px) {
  .messages.departure .header_message, .messages.departure .header_submessage, .messages.upsell .header_message, .messages.upsell .header_submessage {
    font-size: 22px
  }
}

.messages.departure.departure .header_submessage, .messages.upsell.departure .header_submessage {
  font-family: Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  margin-top: 6px
}

@media only screen and (max-width: 767px) {
  .messages.departure.departure .header_submessage, .messages.upsell.departure .header_submessage {
    font-size: 18px;
    margin-top: 4px
  }
}

.messages.departure.upsell .header_message, .messages.upsell.upsell .header_message {
  line-height: 1.1
}

.messages .react-mapbox-content {
  display: inline-block
}

.messages .react-mapbox-ac-input {
  width: auto !important;
  padding: 0 !important
}

.messages .react-mapbox-ac-menu {
  display: inline-block;
  border: none;
  margin-top: 0;
  text-align: left;
  z-index: 1
}

.messages .react-mapbox-ac-suggestion {
  color: #666;
  font-size: 15px
}

@media only screen and (max-width: 767px) {
  .messages .react-mapbox-ac-suggestion {
    font-size: 12px
  }
}

.messages .react-mapbox-ac-suggestion:hover {
  background-color: #f8f8f8;
  color: #1d1d1d
}

#headerCarousel {
  position: relative;
  z-index: 2;
  background-color: #fff;
  max-width: none
}

body.sdv-collections #headerCarousel, body[data-sdv-collections=true] #headerCarousel {
  padding-top: 24px
}

#headerCarousel .generic-width {
  padding: 1px 0 20px
}

#headerCarousel.nearYou .carouselTab button.nearYou:before, #headerCarousel.recentSales .carouselTab button.recentSales:before, #headerCarousel.upsells .carouselTab button.upsells:before {
  border-bottom: 3px solid #bd1343;
  transition: .4s ease-in
}

#headerCarousel .carouselTab {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee
}

@media only screen and (max-width: 767px) {
  #headerCarousel .carouselTab {
    margin-bottom: 10px;
    overflow-x: scroll;
    white-space: nowrap;
    ms-overflow-style: none;
    scrollbar-width: none
  }

  #headerCarousel .carouselTab::-webkit-scrollbar {
    display: none
  }

  body.sdv-collections #headerCarousel .carouselTab, body[data-sdv-collections=true] #headerCarousel .carouselTab {
    margin-inline: 10px
  }
}

#headerCarousel .carouselTab button {
  position: relative;
  padding: 18px 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  font-family: Source Sans Pro;
  color: #000
}

#headerCarousel .carouselTab button:before {
  border-bottom: 3px solid #fff;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  margin-top: 1.2em;
  width: 100%
}

#headerCarousel .carouselTab button.is-active {
  border-bottom: 3px solid #bd1343
}

#searchBar {
  height: 75px;
  margin-top: 295px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #searchBar {
    margin-top: 300px
  }
}

@media only screen and (max-width: 767px) {
  #searchBar {
    position: absolute;
    height: 60px;
    width: 100%;
    margin-top: -60px
  }
}

#searchBar .search-result-dashboard.state-open {
  display: block
}

#searchBar .search-result-dashboard.state-close {
  display: none
}

#searchBar .searchResult {
  position: relative;
  z-index: 3;
  box-shadow: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  background-color: rgba(0, 0, 0, .2)
}

@media only screen and (min-width: 768px) {
  #searchBar .searchResult {
    padding: 10px
  }
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult {
    height: 75px
  }
}

#searchBar .searchResult.search-result-bar.state-open {
  display: none
}

#searchBar .searchResult.search-result-bar.state-close {
  display: block;
  height: 60px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #searchBar .searchResult.search-result-bar.state-close {
    height: 70px
  }
}

#searchBar .searchResult .searchInput {
  position: relative;
  z-index: 102;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  width: calc(100% - 177px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media only screen and (max-width: 1024px) {
  #searchBar .searchResult .searchInput {
    background: #fff;
    width: 100%
  }
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult .searchInput {
    height: 60px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #searchBar .searchResult .searchInput {
    height: 55px
  }
}

@media only screen and (max-width: 767px) {
  #searchBar .searchResult .searchInput {
    height: 50px
  }
}

@media only screen and (min-width: 768px) {
  #searchBar .searchResult .searchInput {
    line-height: 40px
  }
}

#searchBar .searchResult .searchInput .dropdown__trigger i {
  vertical-align: middle;
  margin-right: 10px;
  font-size: 24px
}

#searchBar .searchResult .searchInput .insearchbar {
  display: none
}

#searchBar .searchResult .searchInput .searchBar-section {
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  background: #fff
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult .searchInput .searchBar-section {
    position: relative;
    height: 55px
  }
}

#searchBar .searchResult .searchInput .searchBar-section.date, #searchBar .searchResult .searchInput .searchBar-section.more-filters {
  margin-left: 2px
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult .searchInput .searchBar-section.selected {
    padding-right: 26px !important;
    background: #f2f2f2
  }
}

#searchBar .searchResult .searchInput .searchBar-section.selected .btn-date {
  padding-right: 0
}

#searchBar .searchResult .searchInput .searchBar-section .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 0
}

#searchBar .searchResult .searchInput .searchBar-section .close-btn i.icon-close {
  font-size: 10px !important
}

#searchBar .searchResult .searchInput .searchBar-section button:not(.close-btn), #searchBar .searchResult .searchInput .searchBar-section input.searchInputDestination {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 15px;
  line-height: 24px;
  text-align: left;
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px
}

@media only screen and (max-width: 1024px) {
  #searchBar .searchResult .searchInput .searchBar-section button:not(.close-btn), #searchBar .searchResult .searchInput .searchBar-section input.searchInputDestination {
    padding: 10px 0
  }
}

#searchBar .searchResult .searchInput .searchBar-section button:not(.close-btn) {
  padding-right: 3px
}

#searchBar .searchResult .searchInput .searchBar-section input.searchInputDestination::-ms-clear {
  display: none
}

#searchBar .searchResult .searchInput .searchButton {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis
}

#searchBar .searchResult .searchInput .searchButton.desti {
  width: 100%;
  float: left;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult .searchInput .searchButton.desti {
    width: 466px
  }
}

@media only screen and (min-width: 1400px) {
  #searchBar .searchResult .searchInput .searchButton.desti {
    width: 666px;
    width: 686px
  }
}

#searchBar .searchResult .searchInput .searchButton i {
  font-size: 33px;
  vertical-align: middle;
  margin-right: 10px
}

#searchBar .searchResult .searchInput .searchButton button.btn-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination {
  width: 80%;
  width: calc(100% - 48px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: #1d1d1d
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult .searchInput .searchButton button.btn-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination {
    padding: 0
  }
}

#searchBar .searchResult .searchInput .searchButton button.btn-placeholder::-webkit-input-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination::-webkit-input-placeholder {
  color: #000;
  opacity: 1
}

#searchBar .searchResult .searchInput .searchButton button.btn-placeholder::-moz-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination::-moz-placeholder {
  color: #000;
  opacity: 1
}

#searchBar .searchResult .searchInput .searchButton button.btn-placeholder:-ms-input-placeholder, #searchBar .searchResult .searchInput .searchButton button.btn-placeholder::-ms-input-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination:-ms-input-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination::-ms-input-placeholder {
  color: #000;
  opacity: 1
}

#searchBar .searchResult .searchInput .searchButton button.btn-placeholder::placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination::placeholder {
  color: #000;
  opacity: 1
}

#searchBar .searchResult .searchInput .searchButton button.btn-placeholder.writable::-webkit-input-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination.writable::-webkit-input-placeholder {
  color: #a7a7a7;
  opacity: 1
}

#searchBar .searchResult .searchInput .searchButton button.btn-placeholder.writable::-moz-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination.writable::-moz-placeholder {
  color: #a7a7a7;
  opacity: 1
}

#searchBar .searchResult .searchInput .searchButton button.btn-placeholder.writable:-ms-input-placeholder, #searchBar .searchResult .searchInput .searchButton button.btn-placeholder.writable::-ms-input-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination.writable:-ms-input-placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination.writable::-ms-input-placeholder {
  color: #a7a7a7;
  opacity: 1
}

#searchBar .searchResult .searchInput .searchButton button.btn-placeholder.writable::placeholder, #searchBar .searchResult .searchInput .searchButton input.searchInputDestination.writable::placeholder {
  color: #a7a7a7;
  opacity: 1
}

#searchBar .searchResult .searchInput .searchButton .result-box {
  display: inline-block
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult .searchInput .searchButton .result-box {
    vertical-align: middle;
    background: #e6e6e6;
    color: #1d1d1d;
    border-radius: 5px;
    font-size: 16px;
    white-space: nowrap;
    margin-top: -2px
  }

  #searchBar .searchResult .searchInput .searchButton .result-box .text {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin: 0 10px
  }
}

#searchBar .searchResult .searchInput .searchButton .result-box .button {
  display: inline-block;
  vertical-align: baseline;
  height: 100%
}

@media only screen and (max-width: 1024px) {
  #searchBar .searchResult .searchInput .searchButton .result-box .button {
    display: none
  }
}

#searchBar .searchResult .searchInput .searchButton .result-box .button i {
  font-size: 16px
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult #map-pin {
    float: right;
    height: 55px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    width: 177px;
    padding: 10px 0 10px 10px
  }
}

#searchBar .searchResult.pin {
  z-index: 5
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult.pin {
    background: #1d1d1d;
    transition: background .5s ease;
    z-index: 1030
  }
}

@media only screen and (max-width: 1024px) {
  #searchBar .searchResult.pin {
    background: #fff
  }

  .branch-banner-is-active #searchBar .searchResult.pin {
    transition: none
  }
}

#searchBar .searchResult.pin.stacked {
  position: relative;
  z-index: 1031
}

@media only screen and (max-width: 1024px) {
  #searchBar .searchResult.pin.stacked {
    width: calc(100% - 150px)
  }
}

#SearchContainer {
  background-color: #000;
  min-width: 100%
}

#SearchContainer .searchResult {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.filterButton {
  float: right;
  width: 175px;
  line-height: inherit;
  text-align: left;
  font-family: Source Sans Pro, sans-serif
}

.filterButton.bottom {
  position: fixed;
  width: 200px;
  height: 50px;
  bottom: 15px;
  left: 50%;
  margin-left: -100px;
  padding: 16px 5px;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  border: none;
  border-radius: 25px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  text-align: center
}

.filterButton.bottom .btn-criterias {
  color: #fff
}

.filterButton span.countFilter {
  display: inline-block
}

@media only screen and (min-width: 1025px) {
  .filterButton span.countFilter {
    width: 29px
  }
}

@media only screen and (max-width: 1024px) {
  .filterButton span.countFilter {
    margin-right: 10px
  }
}

.filterButton span.countFilter i.icon-filters2 {
  margin: 0 !important
}

@media only screen and (max-width: 1024px) {
  .filterButton span.countFilter i.icon-filters2 {
    vertical-align: middle;
    font-size: 20px !important
  }
}

.filterButton span.countFilter span.pin {
  display: inline-block;
  position: absolute;
  background: #bd1343;
  color: #fff;
  border-radius: 50%;
  height: 17px;
  width: 17px;
  line-height: 18px;
  font-size: 11px;
  font-weight: 600;
  margin-left: -11px;
  text-align: center
}

@media only screen and (max-width: 1024px) {
  .filterButton span.countFilter span.pin {
    height: 15px;
    width: 15px;
    line-height: 16px;
    font-size: 10px;
    margin-left: -8px;
    margin-top: -6px
  }
}

@media only screen and (max-width: 1024px) {
  .filtered #header-container, .filtered .headBg {
    display: none !important
  }
}

.filtered #searchBar {
  z-index: 4
}

@media only screen and (min-width: 768px) {
  .filtered #searchBar {
    margin-top: 5px
  }
}

@media only screen and (max-width: 1024px) {
  .filtered #searchBar .searchResult .line-icon-arrow-left, .filtered #searchBar .searchResult .line-icon-home {
    display: block !important;
    font-size: 24px;
    padding: 5px 10px
  }
}

.filtered #searchBar .searchResult .icon-burgerlight {
  display: none !important
}

@media only screen and (max-width: 1024px) {
  .map-open #header-container, .map-open .headBg {
    display: none !important
  }
}

.map-open #searchBar {
  z-index: 5
}

@media only screen and (max-width: 1024px) {
  .map-open #searchBar .map-stacked {
    background: #fff;
    width: 100% !important
  }
}

@media only screen and (min-width: 1025px) {
  .map-open #searchBar .map-stacked {
    padding-right: 25px
  }
}

@media only screen and (max-width: 1024px) {
  .map-open #searchBar .searchResult .line-icon-arrow-left, .map-open #searchBar .searchResult .line-icon-home {
    display: block !important;
    font-size: 24px;
    padding: 5px 10px
  }
}

.filtersReminder {
  display: none
}

#searchBar .searchResult.pin.stacked {
  background: #fff;
  position: fixed;
  top: 0
}

@media only screen and (min-width: 1025px) {
  #searchBar .searchResult.pin.stacked {
    background: #1d1d1d
  }
}

@media only screen and (max-width: 1024px) {
  #searchBar .searchResult.pin.stacked .searchInput {
    transition: width 1s;
    font-size: 14px
  }

  #searchBar .searchResult.pin.stacked .icon-burgerlight {
    display: block;
    font-size: 45px;
    margin-top: 3px
  }

  #searchBar .searchResult.pin.stacked .line-icon-arrow-left, #searchBar .searchResult.pin.stacked .line-icon-home {
    display: none
  }
}

@media only screen and (max-width: 1024px) {
  .filtered #searchBar .searchResult, .map-open #searchBar .searchResult {
    background: #fff;
    position: fixed;
    top: 0
  }

  .filtered #searchBar .searchResult i.insearchbar, .map-open #searchBar .searchResult i.insearchbar {
    font-size: 25px;
    padding: 10px 15px 10px 0;
    border-right: 1px solid #e6e6e6;
    line-height: 30px;
    float: left
  }

  .filtered #searchBar .searchResult .icon-burgerlight, .map-open #searchBar .searchResult .icon-burgerlight {
    display: block;
    font-size: 45px;
    margin-top: -6px
  }

  .filtered #searchBar .searchResult .line-icon-arrow-left, .filtered #searchBar .searchResult .line-icon-home, .map-open #searchBar .searchResult .line-icon-arrow-left, .map-open #searchBar .searchResult .line-icon-home {
    display: none
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #searchBar .searchResult.pin.stacked .searchInput, .filtered #searchBar .searchResult .searchInput, .map-open #searchBar .searchResult .searchInput {
    width: calc(100% - 70px);
    transition: width 0s
  }
}

@media only screen and (max-width: 1024px) {
  #searchBar .searchResult.pin.stacked #map-pin, .filtered #searchBar .searchResult #map-pin, .map-open #searchBar .searchResult #map-pin {
    border-left: 1px solid #e6e6e6
  }
}

@media only screen and (max-width: 767px) {
  #searchBar .searchResult.pin.stacked #map-pin, .filtered #searchBar .searchResult #map-pin, .map-open #searchBar .searchResult #map-pin {
    transition: all .5s ease;
    margin-right: -10px
  }
}

.rangeslider {
  position: relative;
  touch-action: none;
  background-color: transparent
}

.rangeslider:before {
  content: "";
  background-color: #d3d3d3;
  position: absolute;
  left: 0;
  right: 0;
  height: 4px
}

.rangeslider, .rangeslider .rangeslider__fill {
  display: block
}

.rangeslider .rangeslider__handle {
  background: #fff;
  border: 2px solid #bd1343;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  outline: none
}

.rangeslider .rangeslider__handle .rangeslider__active {
  opacity: 1
}

.rangeslider .rangeslider__handle-tooltip {
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, .8);
  font-weight: 400;
  font-size: 14px;
  transition: all .1s ease-in;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.rangeslider .rangeslider__handle-tooltip span {
  margin-top: 12px;
  display: inline-block;
  line-height: 100%
}

.rangeslider .rangeslider__handle-tooltip:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0
}

.rangeslider-horizontal {
  height: 4px;
  border-radius: 10px
}

.rangeslider-horizontal .rangeslider__fill {
  position: relative;
  height: 100%;
  background-color: #bd1343;
  border-radius: 10px;
  top: 0
}

.rangeslider-horizontal .rangeslider__handle {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.rangeslider-horizontal .rangeslider__handle-tooltip {
  top: -55px
}

.rangeslider-horizontal .rangeslider__handle-tooltip:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, .8);
  left: 50%;
  bottom: -8px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.rangeslider-vertical {
  margin: 20px auto;
  height: 150px;
  max-width: 10px;
  background-color: transparent
}

.rangeslider-vertical .rangeslider__fill, .rangeslider-vertical .rangeslider__handle {
  position: absolute
}

.rangeslider-vertical .rangeslider__fill {
  width: 100%;
  background-color: #bd1343;
  box-shadow: none;
  bottom: 0
}

.rangeslider-vertical .rangeslider__handle {
  width: 30px;
  height: 10px;
  left: -10px;
  box-shadow: none
}

.rangeslider-vertical .rangeslider__handle-tooltip {
  left: -100%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.rangeslider-vertical .rangeslider__handle-tooltip:after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgba(0, 0, 0, .8);
  left: 100%;
  top: 12px
}

.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
  right: 0
}

.rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
  top: 0;
  bottom: inherit
}

.rangeslider__labels {
  position: relative
}

.rangeslider-vertical .rangeslider__labels {
  position: relative;
  list-style-type: none;
  margin: 0 0 0 24px;
  padding: 0;
  text-align: left;
  width: 250px;
  height: 100%;
  left: 10px
}

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item {
  position: absolute;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item:before {
  content: "";
  width: 10px;
  height: 2px;
  background: #000;
  position: absolute;
  left: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1
}

.rangeslider__labels .rangeslider__label-item {
  position: absolute;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  top: 10px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.rangeslider--theme-2 .rangeslider__handle {
  background: #bd1343;
  /* url("/s/images/picto/rangeslider-arrows.svg") no-repeat 50% 50%;
    */
  background-size: 18px;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 24px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
  z-index: 1
}

@media only screen and (min-width: 1025px) {
  .rangeslider--theme-2 .rangeslider__handle {
    width: 24px;
    height: 24px;
    background-size: 14px
  }
}

.rangeslider--theme-2 .rangeslider__handle-tooltip {
  width: auto;
  min-width: 81px;
  height: 40px;
  padding: 0 10px;
  background-color: hsla(0, 0%, 100%, .85);
  color: #000;
  font-family: Source Sans Pro, sans-serif;
  box-shadow: 0 1px 15px 2px rgba(0, 0, 0, .25)
}

.rangeslider--theme-2 .rangeslider__handle-tooltip span {
  margin-top: 12px;
  display: inline-block;
  line-height: 100%
}

.rangeslider--theme-2 .rangeslider__handle-tooltip:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, .8);
  left: 50%;
  bottom: -4px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.rangeslider--theme-2 .rangeslider__label-item {
  bottom: 30px;
  top: auto;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 700;
  -webkit-transform: none;
  transform: none
}

.rangeslider--theme-2 .rangeslider__label-item:first-child {
  left: auto !important;
  right: -20px !important
}

.rangeslider--theme-2 .rangeslider__label-item:last-child {
  left: -40px !important
}

.rangeslider--theme-2.is-disabled .rangeslider__fill, .rangeslider--theme-2.is-disabled .rangeslider__handle {
  background-color: #d3d3d3
}

.rangeslider--theme-3 .rangeslider__handle {
  background: #bd1343;
  border: none;
  width: 24px;
  height: 24px;
  background-size: 14px;
  border-radius: 24px;
  z-index: 1
}

.rangeslider--theme-3 .rangeslider__handle-tooltip {
  width: auto;
  min-width: 81px;
  height: 40px;
  padding: 0 10px;
  background-color: hsla(0, 0%, 100%, .85);
  color: #000;
  font-family: Source Sans Pro, sans-serif;
  box-shadow: 0 1px 15px 2px rgba(0, 0, 0, .25)
}

.rangeslider--theme-3 .rangeslider__handle-tooltip span {
  margin-top: 12px;
  display: inline-block;
  line-height: 100%
}

.rangeslider--theme-3 .rangeslider__handle-tooltip:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, .8);
  left: 50%;
  bottom: -4px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.rangeslider--theme-3 .rangeslider__label-item {
  bottom: 30px;
  top: auto;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 700;
  -webkit-transform: none;
  transform: none
}

.rangeslider--theme-3 .rangeslider__label-item:first-child {
  left: auto !important;
  right: -20px !important
}

.rangeslider--theme-3 .rangeslider__label-item:last-child {
  left: -40px !important
}

.rangeslider--theme-3.is-disabled .rangeslider__fill, .rangeslider--theme-3.is-disabled .rangeslider__handle {
  background-color: #d3d3d3
}

.abonnement-range .rangeslider {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .abonnement-range .rangeslider {
    margin-left: 70px;
    margin-right: 70px
  }
}

@media only screen and (max-width: 767px) {
  .abonnement-range .rangeslider {
    margin-left: 20px;
    margin-right: 20px
  }
}

.PriceFilter .rangeslider {
  padding-top: 14px;
  padding-bottom: 13px;
  cursor: pointer;
  height: 3px
}

.PriceFilter .rangeslider:before {
  height: 3px;
  right: -20px
}

.PriceFilter .rangeslider__fill {
  padding-left: calc(100% / 16 + 20px);
  margin-left: calc(-100% / 16 - 20px)
}

.TravelCompanion .rangeslider {
  padding: 10px 0
}

.TravelCompanion .rangeslider .rangeslider__fill, .TravelCompanion .rangeslider:before {
  margin: 0 5px
}

@media only screen and (max-width: 767px) {
  .TravelCompanion .rangeslider .rangeslider__handle {
    padding: 5px;
    background: none
  }
}

.TravelCompanion .rangeslider .rangeslider__handle:after {
  content: ""
}

@media only screen and (max-width: 767px) {
  .TravelCompanion .rangeslider .rangeslider__handle:after {
    display: block;
    background: #bd1343;
    width: 24px;
    height: 24px;
    background-size: 14px;
    border-radius: 24px
  }
}

@media only screen and (min-width: 1025px) {
  .TravelCompanion .rangeslider .rangeslider__handle:after {
    display: none
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .alert-banner-block {
    margin-top: 0 !important
  }
}

@media only screen and (max-width: 1024px) {
  .fullscreen #fh-title {
    display: none
  }

  .fullscreen .search-result-dashboard {
    display: none !important
  }

  .fullscreen.open {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 500;
    overflow-y: auto
  }

  .fullscreen.open .search-result-dashboard.state-open {
    display: block !important;
    padding-bottom: 150px;
    padding-top: 10px;
    min-height: calc(100vh - 230px);
    background-color: #fff
  }

  .fullscreen.open .fh-close-popup {
    position: fixed;
    z-index: 5;
    left: 0;
    float: left;
    padding: 15px 10px 15px 15px;
    font-size: 25px;
    line-height: 1;
    border-right: 1px solid #fff
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .fullscreen.open .fh-close-popup {
    padding: 22px 10px 15px 20px
  }
}

@media only screen and (max-width: 1024px) {
  .fullscreen.open .fh-close-popup.mode-close {
    left: auto;
    right: 0
  }

  .fullscreen.open .fh-close-popup.safari {
    padding: 14px 10px 15px 15px
  }

  .fullscreen.open .fh-close-popup i {
    vertical-align: middle;
    color: #000
  }

  .fullscreen.open #fh-title, .fullscreen.open .dropdown-section-title {
    display: block;
    padding: 20px 40px;
    margin: 0 15px;
    text-align: center;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #e6e6e6
  }

  .fullscreen.open .dropdown-section-title_message {
    display: block;
    padding: 20px;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    font-family: Source Sans Pro, sans-serif;
    color: #666;
    white-space: normal;
    line-height: 1.4
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .fullscreen.open .dropdown-section-title_message {
    text-align: center
  }
}

@media only screen and (max-width: 1024px) {
  .fullscreen.open #fh-title {
    position: fixed;
    z-index: 4;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #fff
  }

  .fullscreen.open #fh-title.smd {
    border: none
  }

  .fullscreen.open #fh-content {
    padding: 60px 10px 10px
  }

  .fullscreen.open .dashboardButton {
    display: block;
    height: 55px;
    min-width: 290px;
    border: 1px solid #e6e6e6;
    margin: 10px 0
  }
}

@media only screen and (max-width: 1024px) and (max-height: 540px) {
  .fullscreen.open .dashboardButton {
    height: 40px
  }
}

@media only screen and (max-width: 1024px) {
  .fullscreen.open .dashboardButton:first-child {
    margin-top: 0
  }

  .fullscreen.open .dashboardButton button {
    display: inline-block;
    width: calc(100% - 40px);
    text-align: left;
    font-family: Source Sans Pro, sans-serif;
    line-height: 18px
  }

  .fullscreen.open .dashboardButton button i {
    display: inline-block;
    max-width: 25px;
    font-size: 25px;
    margin: 15px;
    vertical-align: top;
    color: #000 !important
  }
}

@media only screen and (max-width: 1024px) and (max-height: 540px) {
  .fullscreen.open .dashboardButton button i {
    margin-top: 10px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 1024px) {
  .fullscreen.open .dashboardButton button .textButton {
    display: inline-block;
    margin-top: 12px;
    width: calc(100% - 55px)
  }
}

@media only screen and (max-width: 1024px) and (max-height: 540px) {
  .fullscreen.open .dashboardButton button .textButton {
    margin-top: 5px
  }
}

@media only screen and (max-width: 1024px) {
  .fullscreen.open .dashboardButton button .textButton span.label {
    display: block;
    text-transform: uppercase;
    color: #000;
    font-size: 12px;
    font-weight: 600
  }

  .fullscreen.open .dashboardButton button .textButton span.description {
    display: block;
    height: 15px;
    font-style: italic;
    color: #a7a7a7;
    line-height: 10px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .fullscreen.open .dashboardButton.activated {
    background: #f2f2f2;
    border-color: #f2f2f2
  }

  .fullscreen.open .dashboardButton.activated .description {
    color: #1d1d1d !important;
    font-style: normal !important
  }

  .fullscreen.open .dashboardButton.activated .clearButton {
    height: 55px;
    width: 30px;
    float: right
  }

  .fullscreen.open .dashboardButton.activated .clearButton.hidden {
    display: none
  }

  .fullscreen.open .dashboardButton.activated .clearButton i {
    font-size: 10px;
    line-height: 55px;
    vertical-align: middle
  }

  .fullscreen.open .dashboardCheckbox {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .fullscreen.open .dashboardCheckbox .sm-checkbox {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .fullscreen.open .dashboardCheckbox__content {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
  }

  .fullscreen.open .dashboardCheckbox__title {
    display: block;
    text-transform: uppercase;
    color: #000;
    font-size: 12px;
    font-weight: 600
  }

  .fullscreen .dropdown-section-option {
    display: block;
    height: 34px;
    font-size: 14px;
    color: #000;
    padding: 5px
  }

  .fullscreen .dropdown-section-option i {
    display: inline-block;
    text-align: center;
    width: 31px;
    font-size: 30px
  }

  .fullscreen .dropdown-section-option i.icon-natural {
    font-size: 18px;
    line-height: 1.7
  }

  .fullscreen .dropdown-section-option i.icon-weather-snow {
    margin-top: -2px
  }

  .fullscreen .dropdown-section-option i.icon-weather-snow:before {
    content: "\E972";
    font-family: VP-Icon-Line !important;
    font-size: 20px;
    margin: 0 5px
  }

  .fullscreen .dropdown-section-option span {
    vertical-align: top;
    font-size: 13px;
    margin-left: 5px;
    line-height: 30px
  }

  .fullscreen .dropdown-section-option.inactive *, .fullscreen .dropdown-section-option button.inactive {
    color: #a7a7a7 !important
  }

  .fullscreen .duration-picker .dropdown-section-option i {
    font-size: 16px;
    /*color: #000*/
  }

  .fullscreen .duration-picker .dropdown-section-option span {
    line-height: 16px;
    /*color: #1d1d1d*/
  }

  .fullscreen .stay-type-list .stay-type-button {
    display: block;
    width: 100%;
    text-align: left;
    color: #1d1d1d
  }

  .fullscreen .stay-type-list .stay-type-button i.icon-svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #000;
    -webkit-mask-position: center;
    mask-position: center
  }

  /*
    .fullscreen .stay-type-list .stay-type-button i.icon-svg.line-icon-adult-only {
      -webkit-mask-image: url("/s/images/sdv/filters/stay-type-adult-only.svg");
      mask-image: url("/s/images/sdv/filters/stay-type-adult-only.svg")
    }*/
  .fullscreen .stay-type-list .stay-type-button.selected i, .fullscreen .stay-type-list .stay-type-button:hover i {
    color: #bd1343
  }

  .fullscreen .stay-type-list .stay-type-button.selected i.icon-svg, .fullscreen .stay-type-list .stay-type-button:hover i.icon-svg {
    background-color: #bd1343
  }

  .fullscreen .stay-type-list .dropdown-section-option i {
    font-size: 18px;
    vertical-align: middle;
    width: 19px;
    margin: 5px 0
  }

  .fullscreen .city-list {
    padding-bottom: 70px
  }

  .fullscreen .city-list .dropdown-section-option {
    height: 25px
  }

  .fullscreen .city-list .dropdown-section-option input {
    display: none
  }

  .fullscreen .city-list .dropdown-section-option .city-checkbox {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 13px 15px 0 5px;
    border: 1px solid #000;
    border-radius: 3px
  }

  .fullscreen .city-list .dropdown-section-option .city-label {
    height: 40px;
    padding: 10px 0 10px 35px
  }

  .fullscreen .city-list .dropdown-section-option.inactive .city-checkbox {
    border: 1px solid #a7a7a7
  }

  .fullscreen .city-list .dropdown-section-option.selected .city-checkbox {
    border-color: #bd1343;
    background: #bd1343
  }

  .fullscreen .sm-list input {
    display: none
  }

  .fullscreen .sm-list .sm-checkbox {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 3px 15px 0 5px;
    border: 1px solid #8a8a8a;
    border-radius: 3px
  }

  .fullscreen .sm-list .sm-label {
    padding: 10px 0
  }

  .fullscreen .sm-list.inactive .sm-checkbox {
    border: 1px solid #a7a7a7
  }

  .fullscreen .sm-list.selected .sm-checkbox {
    background: #bd1343
  }

  .fullscreen button.submit {
    width: 100%;
    background: #bd1343;
    color: #fff;
    padding: 20px;
    margin-top: 10px;
    box-shadow: 0 -25px 18px -5px hsla(0, 0%, 100%, .97)
  }

  .fullscreen button.submit.disabled {
    background-color: #f3f3f3;
    color: #666
  }

  .fullscreen .stacked-bottom {
    position: fixed;
    bottom: 0;
    left: 10px;
    width: calc(100% - 20px) !important;
    border-bottom: 10px solid #fff
  }
}

.dropdown {
  display: inline-block;
  position: relative
}

.dropdown .dropdown__content {
  display: none;
  position: absolute;
  cursor: default
}

.dropdown .dropdown__content .dropdown-section-title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px
}

.dropdown--active .searchBar-section {
  box-shadow: 0 4px 0 0 #bd1343
}

.dropdown--active .dropdown__content {
  display: block;
  top: 59px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 10px 15px 15px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .19)
}

@media only screen and (min-width: 1025px) {
  .fulldestination + #fh-content .searchFilterMobile .dropdown__content, .searchDestinationDropdown .dropdown__content {
    width: 643px
  }
}

@media only screen and (min-width: 1400px) {
  .fulldestination + #fh-content .searchFilterMobile .dropdown__content, .searchDestinationDropdown .dropdown__content {
    width: 686px
  }
}

.fulldestination + #fh-content .searchFilterMobile .react-selectize-toggle-button-container, .searchDestinationDropdown .react-selectize-toggle-button-container {
  display: none
}

.fulldestination + #fh-content .searchFilterMobile .destination-list .destination, .searchDestinationDropdown .destination-list .destination {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
  cursor: pointer
}

.fulldestination + #fh-content .searchFilterMobile .destination-list .destination.selected, .fulldestination + #fh-content .searchFilterMobile .destination-list .destination:hover, .searchDestinationDropdown .destination-list .destination.selected, .searchDestinationDropdown .destination-list .destination:hover {
  background: hsla(0, 0%, 90%, .3)
}

@media only screen and (min-width: 1025px) {
  .fulldestination + #fh-content .searchFilterMobile .destination-list .destination.selected, .fulldestination + #fh-content .searchFilterMobile .destination-list .destination:hover, .searchDestinationDropdown .destination-list .destination.selected, .searchDestinationDropdown .destination-list .destination:hover {
    width: calc(100% + 15px);
    margin-left: -15px;
    padding-left: 15px;
    color: #bd1343
  }
}

.fulldestination + #fh-content .searchFilterMobile .destination-list .destination .highlighted-text, .searchDestinationDropdown .destination-list .destination .highlighted-text {
  display: inline
}

@media only screen and (max-width: 1024px) {
  .fulldestination + #fh-content .searchFilterMobile .destination-list .destination .highlighted-text, .searchDestinationDropdown .destination-list .destination .highlighted-text {
    color: #666
  }
}

.fulldestination + #fh-content .searchFilterMobile .destination-list .destination .highlighted-text .highlight, .searchDestinationDropdown .destination-list .destination .highlighted-text .highlight {
  font-weight: 600
}

.fulldestination + #fh-content .searchFilterMobile .destination-list .destination i, .searchDestinationDropdown .destination-list .destination i {
  margin: 0 5px;
  font-size: 16px;
  vertical-align: middle
}

@media only screen and (max-width: 1024px) {
  .fulldestination + #fh-content .searchFilterMobile .destination-list .destination i, .searchDestinationDropdown .destination-list .destination i {
    color: #1d1d1d;
    margin: 0 10px 0 20px
  }
}

@media only screen and (max-width: 1024px) {
  .fulldestination + #fh-content .searchFilterMobile .destination-list .destination .highlight, .searchDestinationDropdown .destination-list .destination .highlight {
    color: #1d1d1d
  }
}

.fulldestination + #fh-content .searchFilterMobile .destination-list .inactive .options-subtitle, .fulldestination + #fh-content .searchFilterMobile .destination-list .inactive.options-title, .searchDestinationDropdown .destination-list .inactive .options-subtitle, .searchDestinationDropdown .destination-list .inactive.options-title {
  line-height: 19px
}

.fulldestination + #fh-content .searchFilterMobile .destination-list .inactive .options-subtitle, .searchDestinationDropdown .destination-list .inactive .options-subtitle {
  font-weight: 400;
  font-size: 14px;
  text-transform: none
}

.fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination, .searchDestinationDropdown .geographical-area-list span.geographical-area, .searchDestinationDropdown .geographical-area-list span.top-destination, .searchDestinationDropdown .top-destinations span.geographical-area, .searchDestinationDropdown .top-destinations span.top-destination {
  display: inline-block;
  float: left;
  height: 40px;
  margin: 2px;
  padding: 0 10px;
  background: hsla(0, 0%, 90%, .3);
  border-radius: 5px;
  cursor: pointer
}

.fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.selected, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area:hover, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.selected, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination:hover, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.selected, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area:hover, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.selected, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination:hover, .searchDestinationDropdown .geographical-area-list span.geographical-area.selected, .searchDestinationDropdown .geographical-area-list span.geographical-area:hover, .searchDestinationDropdown .geographical-area-list span.top-destination.selected, .searchDestinationDropdown .geographical-area-list span.top-destination:hover, .searchDestinationDropdown .top-destinations span.geographical-area.selected, .searchDestinationDropdown .top-destinations span.geographical-area:hover, .searchDestinationDropdown .top-destinations span.top-destination.selected, .searchDestinationDropdown .top-destinations span.top-destination:hover {
  background: #bd1343;
  color: #fff
}

.fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i {
  vertical-align: middle;
  font-size: 40px
}

.fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.icon-desti, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.icon-desti, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.icon-desti, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.icon-desti, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.icon-desti, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.icon-desti, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.icon-desti, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.icon-desti {
  margin-right: -5px
}

.fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.icon-sea, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.icon-sea, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.icon-sea, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.icon-sea, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.icon-sea, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.icon-sea, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.icon-sea, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.icon-sea {
  font-size: 30px;
  margin-right: 3px
}

.fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.icon-pin2h, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.icon-pin2h, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.icon-pin2h, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.icon-pin2h, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.icon-pin2h, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.icon-pin2h, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.icon-pin2h, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.icon-pin2h {
  margin: 0 -5px
}

.fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.icon-natural, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.icon-natural, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.icon-natural, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.icon-natural, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.icon-natural, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.icon-natural, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.icon-natural, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.icon-natural {
  font-size: 25px
}

.fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.icon-mapes, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.icon-mapeur, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.icon-mapfr, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.icon-mapit, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.icon-mapuk, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.line-icon-geolocation, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.geographical-area.geographical-area i.line-icon-map-stop, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.icon-mapes, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.icon-mapeur, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.icon-mapfr, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.icon-mapit, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.icon-mapuk, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.line-icon-geolocation, .fulldestination + #fh-content .searchFilterMobile .geographical-area-list span.top-destination.geographical-area i.line-icon-map-stop, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.icon-mapes, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.icon-mapeur, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.icon-mapfr, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.icon-mapit, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.icon-mapuk, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.line-icon-geolocation, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.geographical-area.geographical-area i.line-icon-map-stop, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.icon-mapes, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.icon-mapeur, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.icon-mapfr, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.icon-mapit, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.icon-mapuk, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.line-icon-geolocation, .fulldestination + #fh-content .searchFilterMobile .top-destinations span.top-destination.geographical-area i.line-icon-map-stop, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.icon-mapes, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.icon-mapeur, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.icon-mapfr, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.icon-mapit, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.icon-mapuk, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.line-icon-geolocation, .searchDestinationDropdown .geographical-area-list span.geographical-area.geographical-area i.line-icon-map-stop, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.icon-mapes, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.icon-mapeur, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.icon-mapfr, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.icon-mapit, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.icon-mapuk, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.line-icon-geolocation, .searchDestinationDropdown .geographical-area-list span.top-destination.geographical-area i.line-icon-map-stop, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.icon-mapes, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.icon-mapeur, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.icon-mapfr, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.icon-mapit, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.icon-mapuk, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.line-icon-geolocation, .searchDestinationDropdown .top-destinations span.geographical-area.geographical-area i.line-icon-map-stop, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.icon-mapes, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.icon-mapeur, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.icon-mapfr, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.icon-mapit, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.icon-mapuk, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.line-icon-geolocation, .searchDestinationDropdown .top-destinations span.top-destination.geographical-area i.line-icon-map-stop {
  font-size: 20px;
  margin-right: 5px
}

.fulldestination + #fh-content .searchFilterMobile .create-alert .label, .searchDestinationDropdown .create-alert .label {
  font-weight: 700
}

.fulldestination + #fh-content .searchFilterMobile .create-alert button, .searchDestinationDropdown .create-alert button {
  width: 49%;
  height: 44px;
  float: right;
  margin-top: 20px;
  font-size: 14px
}

.fulldestination + #fh-content .searchFilterMobile .create-alert button.btn-back, .searchDestinationDropdown .create-alert button.btn-back {
  float: left;
  color: #1d1d1d;
  background: #e6e6e6
}

.fulldestination + #fh-content .searchFilterMobile .create-alert button.btn-back:hover, .searchDestinationDropdown .create-alert button.btn-back:hover {
  background: #a7a7a7
}

.fulldestination + #fh-content .searchFilterMobile .error-alert, .searchDestinationDropdown .error-alert {
  line-height: 1
}

.fulldestination + #fh-content .searchFilterMobile .error-alert div:first-child, .searchDestinationDropdown .error-alert div:first-child {
  font-weight: 600;
  padding: 15px 0
}

@media only screen and (min-width: 1025px) {
  .fulldestination + #fh-content .searchFilterMobile .error-alert div:nth-child(2), .searchDestinationDropdown .error-alert div:nth-child(2) {
    width: 66%;
    float: left;
    white-space: normal
  }
}

.fulldestination + #fh-content .searchFilterMobile .error-alert .btn-back, .searchDestinationDropdown .error-alert .btn-back {
  font-size: 14px
}

@media only screen and (min-width: 1025px) {
  .fulldestination + #fh-content .searchFilterMobile .error-alert .btn-back, .searchDestinationDropdown .error-alert .btn-back {
    width: 33%;
    float: right;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

.fulldestination + #fh-content .searchFilterMobile .error-alert .btn-back:hover, .searchDestinationDropdown .error-alert .btn-back:hover {
  background-color: grey
}

.searchFilterMobile {
  color: #1d1d1d
}

.searchFilterMobile .searchButton.desti {
  display: block;
  border: 1px solid #e6e6e6;
  padding: 10px;
  color: #1d1d1d;
  border-bottom: 3px solid #bd1343
}

.searchFilterMobile .searchButton.desti .icon-search-2 {
  font-size: 30px;
  vertical-align: middle;
  margin-right: 5px
}

.searchFilterMobile .searchButton.desti .searchInputDestination {
  width: calc(100% - 40px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Source Sans Pro, sans-serif
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .searchFilterMobile .searchButton.desti .searchInputDestination {
    font-size: 16px
  }
}

.searchFilterMobile .recent-search span {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.searchFilterMobile #noResultsFound {
  white-space: normal;
  line-height: 1.5;
  padding: 10px 0;
  color: #1d1d1d
}

.searchFilterMobile .dropdown-section-title.geographical-area-title, .searchFilterMobile .dropdown-section-title.recent-search-title, .searchFilterMobile .dropdown-section-title.top-destination-title, .searchFilterMobile .inactive.options-title {
  text-align: left;
  padding: 20px 0 15px;
  border: 0;
  font-size: 12px
}

.searchFilterMobile .alert {
  padding: 20px 0;
  color: #1d1d1d
}

.searchFilterMobile .alert .error-alert div:first-child {
  padding-top: 0
}

.searchFilterMobile .alert .error-alert .btn {
  margin-top: 20px;
  font-size: 14px
}

.searchFilterMobile .geographical-areas, .searchFilterMobile .top-destinations {
  padding-left: 10px;
  line-height: 40px
}

@media only screen and (max-width: 1024px) {
  .departureDate, .departureDateDropdown {
    margin-top: -10px
  }
}

@media only screen and (min-width: 1025px) {
  .departureDate .dropdown__content, .departureDateDropdown .dropdown__content {
    width: 353px;
    margin-left: 1px;
    padding: 0;
    cursor: default
  }
}

.departureDate .nav-tabs li, .departureDateDropdown .nav-tabs li {
  display: block;
  width: 50%;
  float: left;
  text-align: center
}

.departureDate .nav-tabs li a, .departureDateDropdown .nav-tabs li a {
  width: 100%;
  height: 100%;
  display: block
}

.departureDate .nav-tabs li.active a, .departureDateDropdown .nav-tabs li.active a {
  color: #bd1343
}

.departureDate .nav-tabs li:not(.active), .departureDateDropdown .nav-tabs li:not(.active) {
  background: hsla(0, 0%, 90%, .3);
  box-shadow: inset 2px -2px 3px 0 rgba(0, 0, 0, .25)
}

.departureDate .nav-tabs li:first-child:not(.active), .departureDateDropdown .nav-tabs li:first-child:not(.active) {
  box-shadow: inset -2px -2px 3px 0 rgba(0, 0, 0, .25)
}

.departureDate .date-picker, .departureDateDropdown .date-picker {
  padding: 10px 15px 15px;
  max-width: 450px;
  margin: 0 auto
}

@media only screen and (max-width: 365px) {
  .departureDate .date-picker, .departureDateDropdown .date-picker {
    padding: 10px 0 15px
  }
}

.departureDate .date-picker .date-flexibility .dropdown, .departureDateDropdown .date-picker .date-flexibility .dropdown {
  position: relative;
  width: 100%
}

.departureDate .date-picker .date-flexibility .dropdown #flexibility, .departureDateDropdown .date-picker .date-flexibility .dropdown #flexibility {
  position: relative;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 14px;
  color: #1d1d1d;
  cursor: pointer;
  text-align: left;
  padding: 0 10px;
  font-family: Source Sans Pro, sans-serif
}

@media only screen and (max-width: 1024px) {
  .departureDate .date-picker .date-flexibility .dropdown #flexibility, .departureDateDropdown .date-picker .date-flexibility .dropdown #flexibility {
    padding: 0 14px;
    height: 40px
  }
}

.departureDate .date-picker .date-flexibility .dropdown #flexibility .caret, .departureDateDropdown .date-picker .date-flexibility .dropdown #flexibility .caret {
  position: absolute;
  top: 15px;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px dashed;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

/*.departureDate .date-picker .date-flexibility .dropdown .dropdown-menu,.departureDateDropdown .date-picker .date-flexibility .dropdown .dropdown-menu {*/
/*    display: none*/
/*}*/

.departureDate .date-picker .date-flexibility .dropdown.open .dropdown-menu, .departureDateDropdown .date-picker .date-flexibility .dropdown.open .dropdown-menu {
  display: block;
  position: absolute;
  z-index: 3;
  top: -85px;
  background: #fff;
  width: 100%;
  padding: 0 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .19);
  line-height: 40px
}

@media only screen and (max-width: 1024px) {
  .departureDate .date-picker .date-flexibility .dropdown.open .dropdown-menu, .departureDateDropdown .date-picker .date-flexibility .dropdown.open .dropdown-menu {
    top: 0
  }
}

.departureDate .date-picker .date-flexibility .dropdown.open .dropdown-menu li a, .departureDateDropdown .date-picker .date-flexibility .dropdown.open .dropdown-menu li a {
  width: 100%;
  height: 100%;
  display: block
}

.departureDate .date-picker .date-flexibility .dropdown.open .dropdown-menu li:not(:last-child), .departureDateDropdown .date-picker .date-flexibility .dropdown.open .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 90%, .3)
}

.departureDate .date-picker .date-flexibility .dropdown.open .dropdown-menu li.active a, .departureDate .date-picker .date-flexibility .dropdown.open .dropdown-menu li:hover a, .departureDateDropdown .date-picker .date-flexibility .dropdown.open .dropdown-menu li.active a, .departureDateDropdown .date-picker .date-flexibility .dropdown.open .dropdown-menu li:hover a {
  color: #bd1343
}

.departureDate .date-picker .DayPicker, .departureDateDropdown .date-picker .DayPicker {
  margin: 0 auto;
  box-shadow: none !important;
  background: none !important
}

@media only screen and (max-width: 1024px) {
  .departureDate .date-picker .DayPicker, .departureDateDropdown .date-picker .DayPicker {
    line-height: 33px;
    margin-top: 20px
  }
}

.departureDate .date-picker .DayPicker .CalendarMonthGrid, .departureDateDropdown .date-picker .DayPicker .CalendarMonthGrid {
  background: none !important;
  z-index: 0;
  left: 0 !important
}

.departureDate .date-picker .DayPicker .CalendarMonth__caption, .departureDateDropdown .date-picker .DayPicker .CalendarMonth__caption {
  text-transform: uppercase;
  font-size: 12px;
  padding: 0;
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 30px
}

.departureDate .date-picker .DayPicker .CalendarMonth__caption strong, .departureDateDropdown .date-picker .DayPicker .CalendarMonth__caption strong {
  font-weight: 600 !important;
  color: #1d1d1d
}

.departureDate .date-picker .DayPicker__week-header, .departureDateDropdown .date-picker .DayPicker__week-header {
  color: inherit;
  top: 43px;
  width: 294px
}

@media only screen and (max-width: 1024px) {
  .departureDate .date-picker .DayPicker__week-header, .departureDateDropdown .date-picker .DayPicker__week-header {
    top: 40px
  }
}

.departureDate .date-picker .DayPicker .CalendarDay, .departureDateDropdown .date-picker .DayPicker .CalendarDay {
  background: transparent !important;
  border: none;
  padding: 1px
}

.departureDate .date-picker .DayPicker .CalendarDay button, .departureDateDropdown .date-picker .DayPicker .CalendarDay button {
  background: hsla(0, 0%, 90%, .3);
  color: #1d1d1d
}

.departureDate .date-picker .DayPicker .CalendarDay--blocked-out-of-range button, .departureDateDropdown .date-picker .DayPicker .CalendarDay--blocked-out-of-range button {
  color: #ccc;
  cursor: default
}

.departureDate .date-picker .DayPicker .CalendarDay--selected button, .departureDate .date-picker .DayPicker .CalendarDay:not(.CalendarDay--blocked-out-of-range):hover button, .departureDateDropdown .date-picker .DayPicker .CalendarDay--selected button, .departureDateDropdown .date-picker .DayPicker .CalendarDay:not(.CalendarDay--blocked-out-of-range):hover button {
  background: #bd1343;
  color: #fff
}

.departureDate .date-picker .DayPicker .DayPickerKeyboardShortcuts__show, .departureDateDropdown .date-picker .DayPicker .DayPickerKeyboardShortcuts__show {
  display: none
}

.departureDate .date-picker.active .CalendarDay:not(.CalendarDay--selected):not(.CalendarDay--blocked-out-of-range):hover button, .departureDateDropdown .date-picker.active .CalendarDay:not(.CalendarDay--selected):not(.CalendarDay--blocked-out-of-range):hover button {
  background: #eee;
  color: #1d1d1d
}

.departureDate .date-picker .DayPicker, .departureDateDropdown .date-picker .DayPicker {
  width: 293px !important
}

.departureDate .date-picker .DayPickerNavigation button, .departureDateDropdown .date-picker .DayPickerNavigation button {
  border: 0;
  color: #1d1d1d;
  font-family: vpgseticon;
  padding: 0 !important;
  width: 40px;
  height: 40px;
  top: 6px;
  background: none
}

.departureDate .date-picker .DayPickerNavigation button:active, .departureDateDropdown .date-picker .DayPickerNavigation button:active {
  background: none
}

.departureDate .date-picker .DayPickerNavigation button.DayPickerNavigation__prev, .departureDateDropdown .date-picker .DayPickerNavigation button.DayPickerNavigation__prev {
  left: -10px
}

.departureDate .date-picker .DayPickerNavigation button.DayPickerNavigation__prev:before, .departureDateDropdown .date-picker .DayPickerNavigation button.DayPickerNavigation__prev:before {
  content: "\E60B"
}

.departureDate .date-picker .DayPickerNavigation button.DayPickerNavigation__next, .departureDateDropdown .date-picker .DayPickerNavigation button.DayPickerNavigation__next {
  right: -10px
}

.departureDate .date-picker .DayPickerNavigation button.DayPickerNavigation__next:before, .departureDateDropdown .date-picker .DayPickerNavigation button.DayPickerNavigation__next:before {
  content: "\E60A"
}

.departureDate .date-picker .DayPickerNavigation button svg, .departureDateDropdown .date-picker .DayPickerNavigation button svg {
  display: none
}

.departureDate .date-picker .DayPicker__week-headers, .departureDateDropdown .date-picker .DayPicker__week-headers {
  margin-left: 0
}

.departureDate .date-picker .DayPicker__week-header, .departureDateDropdown .date-picker .DayPicker__week-header {
  padding: 0
}

.departureDate .date-picker .DayPicker__week-header li, .departureDateDropdown .date-picker .DayPicker__week-header li {
  width: 42px !important
}

.departureDate .date-picker .transition-container, .departureDateDropdown .date-picker .transition-container {
  width: 100% !important
}

.departureDate .date-picker .CalendarMonth, .departureDateDropdown .date-picker .CalendarMonth {
  padding: 0 !important
}

.departureDate .date-picker .CalendarDay, .departureDateDropdown .date-picker .CalendarDay {
  height: 41px !important;
  width: 42px !important
}

.departureDate .date-picker .date-anyday, .departureDateDropdown .date-picker .date-anyday {
  background: hsla(0, 0%, 90%, .3);
  width: 100%;
  padding: 13px 5px;
  white-space: normal;
  color: #1d1d1d
}

.departureDate .date-picker .date-anyday:hover, .departureDateDropdown .date-picker .date-anyday:hover {
  background: #bd1343;
  color: #fff
}

.departureDate .period-picker, .departureDateDropdown .period-picker {
  padding: 0 15px
}

.departureDate .period-picker .dropdown-section-title, .departureDateDropdown .period-picker .dropdown-section-title {
  margin: 0;
  padding: 13px 0 0
}

@media only screen and (max-width: 1024px) {
  .departureDate .period-picker .dropdown-section-title, .departureDateDropdown .period-picker .dropdown-section-title {
    padding-bottom: 13px;
    border-bottom: 1px solid #f8f8f8
  }
}

.departureDate .period-picker .period-label, .departureDateDropdown .period-picker .period-label {
  list-style: none;
  text-indent: 10px;
  line-height: 40px;
  border-bottom: 1px solid #f8f8f8
}

@media only screen and (max-width: 1024px) {
  .departureDate .period-picker .period-label, .departureDateDropdown .period-picker .period-label {
    text-align: center
  }
}

.departureDate .period-picker .period-label:last-child, .departureDateDropdown .period-picker .period-label:last-child {
  border-bottom: 0
}

.departureDate .period-picker .period-label.selected a, .departureDate .period-picker .period-label:hover a, .departureDateDropdown .period-picker .period-label.selected a, .departureDateDropdown .period-picker .period-label:hover a {
  color: #bd1343
}

.moreFiltersDropdown .more_filters {
  position: relative;
  max-height: 75%;
  max-height: calc(100vh - 145px);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto
}

.stacked .moreFiltersDropdown .more_filters {
  max-height: calc(100vh - 80px)
}

.moreFiltersDropdown .more_filters > div:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
  margin-bottom: 15px;
  padding-bottom: 15px
}

.moreFiltersDropdown .more_filters > div:last-child {
  padding-bottom: 80px
}

.moreFiltersDropdown .dropdown__content {
  margin-left: -643px;
  width: 820px;
  max-height: 80vh;
  max-height: calc(100vh - 80px);
  padding: 0 0 0 15px
}

.moreFiltersDropdown .dropdown__content .more_filters_content {
  max-height: 75vh;
  max-height: calc(100vh - 80px);
  position: relative
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list, .moreFiltersDropdown .dropdown__content .dropdown-section-title {
  display: block;
  float: left
}

.moreFiltersDropdown .dropdown__content .dropdown-section-title_message {
  display: block;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  font-family: Source Sans Pro, sans-serif;
  color: #666;
  white-space: normal;
  line-height: 1.4
}

.moreFiltersDropdown .dropdown__content .dropdown-section-title {
  width: 25%
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list {
  width: 75%
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option {
  display: inline-block;
  float: left;
  width: 33.333%;
  height: 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option.pcr {
  width: 100%
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button i.icon-svg {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-color: #000;
  -webkit-mask-position: center;
  mask-position: center
}

/*
.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button i.icon-svg.line-icon-adult-only {
  -webkit-mask-image: url("/s/images/sdv/filters/stay-type-adult-only.svg");
  mask-image: url("/s/images/sdv/filters/stay-type-adult-only.svg")
}*/

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button.selected i, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button.selected span, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button:hover i, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button:hover span {
  color: #bd1343
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button.selected i.icon-svg, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button.selected span.icon-svg, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button:hover i.icon-svg, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option button:hover span.icon-svg {
  background-color: #bd1343
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option i {
  font-size: 18px;
  vertical-align: middle;
  margin: 0 5px
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option i.icon-natural {
  font-size: 18px;
  margin: 6px
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option i.icon-weather-snow:before {
  content: "\E972";
  font-family: VP-Icon-Line !important;
  font-size: 18px;
  margin: 0 5px;
  vertical-align: middle
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option span {
  vertical-align: middle;
  font-family: Source Sans Pro, sans-serif
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option input {
  display: none
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option .city-checkbox, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option .sm-checkbox {
  position: absolute;
  height: 14px;
  width: 14px;
  margin: 14px 7px;
  border: 1px solid #9b9b9b;
  border-radius: 3px
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option .city-label, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option .sm-label {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px
}

@media (-moz-touch-enabled: 0),(hover: hover) {
  .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option:hover .city-checkbox, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option:hover .sm-checkbox {
    border-color: #bd1343
  }

  .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option:hover .city-label, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option:hover .sm-label {
    color: #bd1343
  }
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option.selected .city-checkbox, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option.selected .sm-checkbox {
  background: #bd1343;
  border-color: #bd1343
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option.selected .city-label, .moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option.selected .sm-label {
  color: #bd1343
}

.moreFiltersDropdown .dropdown__content .dropdown-section-list .dropdown-section-option .duration-icon {
  font-size: 18px !important;
  margin: 7px
}

.moreFiltersDropdown .buttons.no-sale, .moreFiltersDropdown .buttons.sales {
  position: absolute;
  bottom: 0;
  width: 98%;
  width: calc(100% + 15px);
  padding: 10px 0 10px 25%;
  margin: 0 -15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 -25px 18px -5px hsla(0, 0%, 100%, .97);
  z-index: 1;
  border-top: 1px solid #e6e6e6
}

.moreFiltersDropdown .buttons.no-sale button, .moreFiltersDropdown .buttons.sales button {
  display: inline-block;
  width: calc(50% - 12px);
  border: 1px solid #e6e6e6;
  font-size: 14px;
  height: 44px
}

.moreFiltersDropdown .buttons.no-sale button.reset, .moreFiltersDropdown .buttons.sales button.reset {
  margin-right: 6px;
  color: #1d1d1d
}

.moreFiltersDropdown .buttons.no-sale button.reset:hover, .moreFiltersDropdown .buttons.sales button.reset:hover {
  background: #e6e6e6
}

.moreFiltersDropdown .buttons.no-sale button.valid, .moreFiltersDropdown .buttons.sales button.valid {
  margin-left: 6px
}

.moreFiltersDropdown .buttons.no-sale button.valid.disabled, .moreFiltersDropdown .buttons.sales button.valid.disabled {
  color: #666;
  background-color: hsla(0, 0%, 90%, .5);
  border: unset;
  cursor: default
}

.moreFiltersDropdown .inactive {
  opacity: .3;
  cursor: default
}

.moreFiltersDropdown .inactive * {
  color: #1d1d1d !important;
  background-color: #fff !important;
  border-color: #1d1d1d !important;
  cursor: default
}

.search-filters-tooltip {
  position: absolute;
  bottom: 48px;
  background: #e6e6e6;
  padding: 10px 15px;
  left: 55%;
  width: 410px;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  white-space: normal;
  line-height: 17px
}

@media only screen and (max-width: 1024px) {
  .search-filters-tooltip {
    bottom: 60px;
    left: 0;
    width: 100%
  }
}

.search-filters-tooltip:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: hsla(0, 0%, 90%, 0);
  border-top-color: #e6e6e6;
  border-width: 11px;
  margin-left: -11px
}

.city-checkbox {
  position: absolute;
  height: 14px;
  width: 14px;
  margin: 14px 7px;
  border: 1px solid #9b9b9b;
  border-radius: 3px
}

.city-label {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px
}

.city-list__more-cities {
  color: #666;
  font-style: italic;
  font-size: 12px;
  line-height: 15px;
  margin: 5px 0 0 7px
}

@media only screen and (max-width: 1024px) {
  .city-list__more-cities {
    margin: 12px 0 0 10px
  }
}

.city-list__toggle {
  color: #bd1343;
  font-family: Source Sans Pro, sans-serif;
  margin-left: 7px
}

.city-list__toggle .icon {
  margin-left: 5px;
  vertical-align: middle
}

.stay-type-list__toggle {
  color: #bd1343;
  font-family: Source Sans Pro, sans-serif;
  margin-left: 7px
}

.bloc-budget-picker {
  overflow: visible !important
}

.PriceFilter {
  margin-top: 11px;
  padding: 15px 60px 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .PriceFilter {
    padding: 15px 100px 0
  }
}

@media only screen and (min-width: 1025px) {
  .PriceFilter {
    padding: 15px 180px 0 100px
  }
}

.PriceFilter__range {
  margin-top: -14px;
  padding-left: 3.125%;
  width: 100%
}

.PriceFilter__mention {
  font-size: 12px;
  font-style: italic;
  line-height: 1.4;
  text-align: center;
  margin-top: 30px
}

@media only screen and (min-width: 1025px) {
  .PriceFilter__mention {
    margin-top: 5px;
    margin-left: -30px;
    text-align: left
  }
}

.PriceFilter__mention.is-disabled {
  color: #d3d3d3
}

.Histogram {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 40px;
  -webkit-align-items: flex-end;
  align-items: flex-end
}

.Histogram .bar {
  -webkit-flex: 1;
  flex: 1;
  background-color: hsla(0, 0%, 69%, .3);
  transition: height .25s ease-in
}

.Histogram .bar--active {
  background-color: rgba(189, 19, 67, .3)
}

.capacity-list .Select {
  position: relative
}

.capacity-list .expandUp .Select-menu-outer {
  position: absolute !important;
  top: auto !important;
  bottom: calc(100% - 1px) !important;
  border-radius: 5px 5px 0 0 !important
}

.capacity-list .expandUp .is-open .Select-control {
  border-radius: 0 0 5px 5px !important
}

.capacity-list .Select, .capacity-list .Select div, .capacity-list .Select input, .capacity-list .Select span {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.capacity-list .Select.is-disabled > .Select-control {
  background-color: #f9f9f9
}

.capacity-list .Select.is-disabled > .Select-control:hover {
  box-shadow: none
}

.capacity-list .Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: .35
}

.capacity-list .Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%
}

.capacity-list .Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}

.capacity-list .Select-control .Select-input:focus {
  outline: none
}

.capacity-list .is-searchable.is-open > .Select-control {
  cursor: text
}

.capacity-list .is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px
}

.capacity-list .is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text
}

.capacity-list .is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1)
}

.capacity-list .Select--single > .Select-control .Select-value, .capacity-list .Select-placeholder {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.capacity-list .has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px
}

.capacity-list .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label, .capacity-list .has-value.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333
}

.capacity-list .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label, .capacity-list .has-value.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none
}

.capacity-list .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus, .capacity-list .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .capacity-list .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .capacity-list .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover {
  color: #007eff;
  outline: none;
  text-decoration: underline
}

.capacity-list .Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle
}

.capacity-list .Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  padding: 8px 0 12px;
  -webkit-appearance: none
}

.capacity-list .is-focused .Select-input > input {
  cursor: text
}

.capacity-list .has-value.is-pseudo-focused .Select-input {
  opacity: 0
}

.capacity-list .Select-control:not(.is-searchable) > .Select-input {
  outline: none
}

.capacity-list .Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px
}

.capacity-list .Select-loading {
  -webkit-animation: Select-animation-spin .4s infinite linear;
  animation: Select-animation-spin .4s infinite linear;
  width: 16px;
  height: 16px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle
}

.capacity-list .Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn .2s;
  animation: Select-animation-fadeIn .2s;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px
}

.capacity-list .Select-clear-zone:hover {
  color: #d0021b
}

.capacity-list .Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1
}

.capacity-list .Select--multi .Select-clear-zone {
  width: 17px
}

.capacity-list .Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px
}

.capacity-list .Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative
}

.capacity-list .is-open .Select-arrow, .capacity-list .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666
}

.capacity-list .Select--multi .Select-multi-value-wrapper {
  display: inline-block
}

.capacity-list .Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left
}

.capacity-list .Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch
}

.capacity-list .Select-menu {
  max-height: 198px;
  overflow-y: auto
}

.capacity-list .Select-option {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 8px 10px
}

.capacity-list .Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.capacity-list .Select-option.is-selected {
  color: #333
}

.capacity-list .Select-option.is-focused {
  background-color: #f5f5f5;
  color: #333
}

.capacity-list .Select-option.is-disabled {
  color: #ccc;
  cursor: default
}

.capacity-list .Select-noresults {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  cursor: default;
  display: block;
  padding: 8px 10px
}

.capacity-list .Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0
}

.capacity-list .Select--multi.has-value .Select-input {
  margin-left: 5px
}

.capacity-list .Select--multi .Select-value {
  background-color: #ebf5ff;
  background-color: rgba(0, 126, 255, .08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  border: 1px solid rgba(0, 126, 255, .24);
  color: #007eff;
  display: inline-block;
  font-size: .9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top
}

.capacity-list .Select--multi .Select-value-icon, .capacity-list .Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle
}

.capacity-list .Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px
}

.capacity-list .Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none
}

.capacity-list .Select--multi a.Select-value-label:hover {
  text-decoration: underline
}

.capacity-list .Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  border-right: 1px solid rgba(0, 126, 255, .24);
  padding: 1px 5px 3px
}

.capacity-list .Select--multi .Select-value-icon:focus, .capacity-list .Select--multi .Select-value-icon:hover {
  background-color: #d8eafd;
  background-color: rgba(0, 113, 230, .08);
  color: #0071e6
}

.capacity-list .Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  background-color: rgba(0, 126, 255, .24)
}

.capacity-list .Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333
}

.capacity-list .Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3
}

.capacity-list .Select--multi.is-disabled .Select-value-icon:active, .capacity-list .Select--multi.is-disabled .Select-value-icon:focus, .capacity-list .Select--multi.is-disabled .Select-value-icon:hover {
  background-color: #fcfcfc
}

@media only screen and (min-width: 1025px) {
  .capacity-list .dropdown-section-option {
    width: 50% !important;
    height: auto !important
  }
}

@media only screen and (max-width: 1024px) {
  .capacity-list .dropdown-section-option {
    margin-top: 20px;
    line-height: 31px
  }
}

.number-picker {
  color: #000
}

@media only screen and (max-width: 1024px) {
  .number-picker {
    float: right
  }

  .number-picker .increase {
    margin-right: 0 !important
  }
}

.number-picker button.decrease, .number-picker button.increase {
  display: inline-block;
  border: 1px solid #e6e6e6;
  height: 36px;
  width: 36px !important;
  font-size: 20px;
  text-align: center !important;
  margin: 0 15px;
  padding-bottom: 3px;
  border-radius: 2px;
  color: #1d1d1d
}

.number-picker button.decrease.decrease, .number-picker button.increase.decrease {
  font-size: 25px
}

.number-picker .value {
  margin: 0 2.5px !important;
  font-weight: 700;
  vertical-align: middle !important
}

.kids-capacity {
  padding-right: 50px
}

.kids-capacity .increase {
  margin-right: 0 !important
}

.kids-capacity .number-picker, .kids-capacity .Select {
  float: right
}

.select-kids-age {
  display: block;
  float: left;
  width: 100%;
  margin-top: 5px
}

@media only screen and (max-width: 1024px) {
  .select-kids-age {
    margin: 20px 0 0 !important;
    font-size: 14px !important
  }
}

.select-kids-age:first-of-type {
  margin-top: 20px
}

.select-kids-age .select-label {
  display: -webkit-flex;
  display: flex;
  float: left;
  -webkit-align-items: center;
  align-items: center;
  white-space: normal;
  line-height: 17px;
  height: 36px;
  max-width: calc(100% - 120px)
}

@media only screen and (max-width: 1024px) {
  .select-kids-age .select-label {
    margin-left: 0 !important;
    font-size: 14px !important;
    line-height: 17px !important
  }
}

.select-kids-age .Select {
  display: block;
  float: right;
  height: 35px
}

.select-kids-age .Select-control {
  position: relative;
  display: inline-block;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  height: 36px;
  width: 110px
}

@media only screen and (max-width: 1024px) {
  .select-kids-age .Select-control {
    width: 114px
  }
}

.select-kids-age .Select-arrow-zone {
  position: absolute;
  width: 100%;
  top: 0
}

@media only screen and (min-width: 1025px) {
  .select-kids-age .Select-arrow-zone {
    height: 100%
  }
}

.select-kids-age .Select-arrow-zone .Select-arrow {
  position: absolute;
  right: 3px;
  top: -2px;
  width: 20px;
  height: 20px;
  border: 0
}

@media only screen and (max-width: 1024px) {
  .select-kids-age .Select-arrow-zone .Select-arrow {
    top: 1px;
    right: 8px
  }
}

.select-kids-age .Select-arrow-zone .Select-arrow:after {
  content: "\E91A";
  font-family: VP-Icon-Line !important
}

#sorter .order-button {
  color: #bd1343;
  cursor: pointer
}

#sorter .order-button i {
  vertical-align: middle;
  margin-left: 5px
}

#sort-popover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 10px;
  padding: 2px;
  z-index: 6;
  background: #fff
}

@media only screen and (min-width: 768px) {
  #sort-popover {
    min-width: 175px
  }
}

#sort-popover .arrow {
  position: relative;
  background: #fff
}

#sort-popover .arrow:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: hsla(0, 0%, 100%, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px
}

#sort-popover .popover-content {
  color: #1d1d1d
}

#sort-popover .popover-content li {
  padding: 10px 15px;
  cursor: pointer
}

#sort-popover .popover-content li.selected, #sort-popover .popover-content li:hover {
  background: #e6e6e6
}

@media only screen and (max-width: 1024px) {
  #collectionCarousel, #nearYouSaleCarousel, #recentSalesBanner {
    padding: 0 0 0 10px
  }
}

#collectionCarousel .section-title.little, #nearYouSaleCarousel .section-title.little, #recentSalesBanner .section-title.little {
  font-size: 1.28em;
  text-align: left;
  font-style: italic;
  margin: 30px 0 10px;
  float: none
}

#collectionCarousel .slick-track, #nearYouSaleCarousel .slick-track, #recentSalesBanner .slick-track {
  margin-left: 0
}

#collectionCarousel .slider-dpv-container, #nearYouSaleCarousel .slider-dpv-container, #recentSalesBanner .slider-dpv-container {
  overflow: hidden;
  position: relative
}

#collectionCarousel .slider-dpv-container.v1, #nearYouSaleCarousel .slider-dpv-container.v1, #recentSalesBanner .slider-dpv-container.v1 {
  max-height: 161px
}

#collectionCarousel .slider-dpv-container.v2, #nearYouSaleCarousel .slider-dpv-container.v2, #recentSalesBanner .slider-dpv-container.v2 {
  overflow: inherit;
  background: inherit
}

#collectionCarousel .slider-dpv-container.v2 .slick-list, #nearYouSaleCarousel .slider-dpv-container.v2 .slick-list, #recentSalesBanner .slider-dpv-container.v2 .slick-list {
  overflow: hidden
}

#collectionCarousel .slider-dpv-container.v2 .slick-slide, #nearYouSaleCarousel .slider-dpv-container.v2 .slick-slide, #recentSalesBanner .slider-dpv-container.v2 .slick-slide {
  cursor: pointer;
  width: 283px;
  height: 283px;
  position: relative;
  margin-right: 20px;
  border: 1px solid #eee
}

@media only screen and (max-width: 767px) {
  #collectionCarousel .slider-dpv-container.v2 .slick-slide, #nearYouSaleCarousel .slider-dpv-container.v2 .slick-slide, #recentSalesBanner .slider-dpv-container.v2 .slick-slide {
    width: 215px;
    margin-right: 15px
  }
}

#collectionCarousel .slider-dpv-container.v2 .slick-arrow, #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow, #recentSalesBanner .slider-dpv-container.v2 .slick-arrow {
  -webkit-transform: inherit;
  transform: inherit;
  top: -40px;
  bottom: inherit;
  background: none
}

#collectionCarousel .slider-dpv-container.v2 .slick-arrow:before, #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow:before, #recentSalesBanner .slider-dpv-container.v2 .slick-arrow:before {
  font-family: VP-Icon-Line !important;
  font-size: 24px;
  color: #000
}

#collectionCarousel .slider-dpv-container.v2 .slick-prev, #nearYouSaleCarousel .slider-dpv-container.v2 .slick-prev, #recentSalesBanner .slider-dpv-container.v2 .slick-prev {
  right: 35px;
  left: inherit
}

#collectionCarousel .slider-dpv-container.v2 .slick-prev:before, #nearYouSaleCarousel .slider-dpv-container.v2 .slick-prev:before, #recentSalesBanner .slider-dpv-container.v2 .slick-prev:before {
  content: "\E901"
}

#collectionCarousel .slider-dpv-container.v2 .slick-next, #nearYouSaleCarousel .slider-dpv-container.v2 .slick-next, #recentSalesBanner .slider-dpv-container.v2 .slick-next {
  right: 0
}

#collectionCarousel .slider-dpv-container.v2 .slick-next:before, #nearYouSaleCarousel .slider-dpv-container.v2 .slick-next:before, #recentSalesBanner .slider-dpv-container.v2 .slick-next:before {
  content: "\E902"
}

body.sdv-collections #collectionCarousel .slider-dpv-container.v2 .slick-arrow, body.sdv-collections #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow, body.sdv-collections #recentSalesBanner .slider-dpv-container.v2 .slick-arrow, body[data-sdv-collections=true] #collectionCarousel .slider-dpv-container.v2 .slick-arrow, body[data-sdv-collections=true] #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow, body[data-sdv-collections=true] #recentSalesBanner .slider-dpv-container.v2 .slick-arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
  transition: all .2s ease-out
}

@media (max-width: 1044px) {
  body.sdv-collections #collectionCarousel .slider-dpv-container.v2 .slick-arrow, body.sdv-collections #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow, body.sdv-collections #recentSalesBanner .slider-dpv-container.v2 .slick-arrow, body[data-sdv-collections=true] #collectionCarousel .slider-dpv-container.v2 .slick-arrow, body[data-sdv-collections=true] #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow, body[data-sdv-collections=true] #recentSalesBanner .slider-dpv-container.v2 .slick-arrow {
    display: none !important
  }
}

body.sdv-collections #collectionCarousel .slider-dpv-container.v2 .slick-arrow:before, body.sdv-collections #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow:before, body.sdv-collections #recentSalesBanner .slider-dpv-container.v2 .slick-arrow:before, body[data-sdv-collections=true] #collectionCarousel .slider-dpv-container.v2 .slick-arrow:before, body[data-sdv-collections=true] #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow:before, body[data-sdv-collections=true] #recentSalesBanner .slider-dpv-container.v2 .slick-arrow:before {
  font-size: 20px;
  color: #000;
  transition: all .2s ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

body.sdv-collections #collectionCarousel .slider-dpv-container.v2 .slick-arrow:hover, body.sdv-collections #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow:hover, body.sdv-collections #recentSalesBanner .slider-dpv-container.v2 .slick-arrow:hover, body[data-sdv-collections=true] #collectionCarousel .slider-dpv-container.v2 .slick-arrow:hover, body[data-sdv-collections=true] #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow:hover, body[data-sdv-collections=true] #recentSalesBanner .slider-dpv-container.v2 .slick-arrow:hover {
  background: #000
}

body.sdv-collections #collectionCarousel .slider-dpv-container.v2 .slick-arrow:hover:before, body.sdv-collections #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow:hover:before, body.sdv-collections #recentSalesBanner .slider-dpv-container.v2 .slick-arrow:hover:before, body[data-sdv-collections=true] #collectionCarousel .slider-dpv-container.v2 .slick-arrow:hover:before, body[data-sdv-collections=true] #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow:hover:before, body[data-sdv-collections=true] #recentSalesBanner .slider-dpv-container.v2 .slick-arrow:hover:before {
  color: #fff
}

body.sdv-collections #collectionCarousel .slider-dpv-container.v2 .slick-arrow.slick-disabled, body.sdv-collections #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow.slick-disabled, body.sdv-collections #recentSalesBanner .slider-dpv-container.v2 .slick-arrow.slick-disabled, body[data-sdv-collections=true] #collectionCarousel .slider-dpv-container.v2 .slick-arrow.slick-disabled, body[data-sdv-collections=true] #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow.slick-disabled, body[data-sdv-collections=true] #recentSalesBanner .slider-dpv-container.v2 .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden
}

body.sdv-collections #collectionCarousel .slider-dpv-container.v2 .slick-arrow.slick-prev, body.sdv-collections #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow.slick-prev, body.sdv-collections #recentSalesBanner .slider-dpv-container.v2 .slick-arrow.slick-prev, body[data-sdv-collections=true] #collectionCarousel .slider-dpv-container.v2 .slick-arrow.slick-prev, body[data-sdv-collections=true] #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow.slick-prev, body[data-sdv-collections=true] #recentSalesBanner .slider-dpv-container.v2 .slick-arrow.slick-prev {
  right: inherit;
  left: -20px
}

body.sdv-collections #collectionCarousel .slider-dpv-container.v2 .slick-arrow.slick-next, body.sdv-collections #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow.slick-next, body.sdv-collections #recentSalesBanner .slider-dpv-container.v2 .slick-arrow.slick-next, body[data-sdv-collections=true] #collectionCarousel .slider-dpv-container.v2 .slick-arrow.slick-next, body[data-sdv-collections=true] #nearYouSaleCarousel .slider-dpv-container.v2 .slick-arrow.slick-next, body[data-sdv-collections=true] #recentSalesBanner .slider-dpv-container.v2 .slick-arrow.slick-next {
  right: -20px;
  left: inherit
}

#collectionCarousel .slider-dpv-container.v2 .product, #nearYouSaleCarousel .slider-dpv-container.v2 .product, #recentSalesBanner .slider-dpv-container.v2 .product {
  display: block;
  height: 100%
}

#collectionCarousel .slider-dpv-container.v2 .product .dpv-picture, #nearYouSaleCarousel .slider-dpv-container.v2 .product .dpv-picture, #recentSalesBanner .slider-dpv-container.v2 .product .dpv-picture {
  position: relative
}

#collectionCarousel .slider-dpv-container.v2 .product .dpv-picture img, #nearYouSaleCarousel .slider-dpv-container.v2 .product .dpv-picture img, #recentSalesBanner .slider-dpv-container.v2 .product .dpv-picture img {
  display: block;
  width: 283px;
  height: 200px
}

#collectionCarousel .slider-dpv-container.v2 .product .shadow, #nearYouSaleCarousel .slider-dpv-container.v2 .product .shadow, #recentSalesBanner .slider-dpv-container.v2 .product .shadow {
  position: absolute;
  bottom: 0;
  display: block;
  height: 40%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent)
}

#collectionCarousel .slider-dpv-container.v2 .product .sale-time-remaining, #nearYouSaleCarousel .slider-dpv-container.v2 .product .sale-time-remaining, #recentSalesBanner .slider-dpv-container.v2 .product .sale-time-remaining {
  color: #fff;
  padding: 15px;
  position: absolute;
  bottom: 0;
  font-size: 16px;
  line-height: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  top: auto;
  left: auto
}

#collectionCarousel .slider-dpv-container.v2 .product .sale-time-remaining .sale-schedule, #nearYouSaleCarousel .slider-dpv-container.v2 .product .sale-time-remaining .sale-schedule, #recentSalesBanner .slider-dpv-container.v2 .product .sale-time-remaining .sale-schedule {
  padding-left: 5px;
  font-size: 14px;
  line-height: 18px;
  vertical-align: bottom
}

#collectionCarousel .slider-dpv-container.v2 .product .desc, #nearYouSaleCarousel .slider-dpv-container.v2 .product .desc, #recentSalesBanner .slider-dpv-container.v2 .product .desc {
  position: inherit;
  height: 83px;
  background: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  color: #000;
  font-family: Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 400
}

@media only screen and (max-width: 767px) {
  #collectionCarousel .slider-dpv-container.v2 .product .desc, #nearYouSaleCarousel .slider-dpv-container.v2 .product .desc, #recentSalesBanner .slider-dpv-container.v2 .product .desc {
    padding: 10px
  }
}

#collectionCarousel .slider-dpv-container.v2 .product .desc__title, #nearYouSaleCarousel .slider-dpv-container.v2 .product .desc__title, #recentSalesBanner .slider-dpv-container.v2 .product .desc__title {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#collectionCarousel .slider-dpv-container.v2 .product .desc__subtitle, #nearYouSaleCarousel .slider-dpv-container.v2 .product .desc__subtitle, #recentSalesBanner .slider-dpv-container.v2 .product .desc__subtitle {
  display: block;
  font-size: 14px;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#collectionCarousel .slider-dpv-container.v2 .product .desc__reduc, #nearYouSaleCarousel .slider-dpv-container.v2 .product .desc__reduc, #recentSalesBanner .slider-dpv-container.v2 .product .desc__reduc {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.2em;
  color: #bd1343
}

@media only screen and (max-width: 767px) {
  #collectionCarousel .slider-dpv-container.v2 .product .desc__reduc, #nearYouSaleCarousel .slider-dpv-container.v2 .product .desc__reduc, #recentSalesBanner .slider-dpv-container.v2 .product .desc__reduc {
    margin-top: 5px
  }
}

#collectionCarousel .slider-dpv-container.v2 .product .desc__reduc .price:not(.label), #nearYouSaleCarousel .slider-dpv-container.v2 .product .desc__reduc .price:not(.label), #recentSalesBanner .slider-dpv-container.v2 .product .desc__reduc .price:not(.label) {
  font-weight: 700
}

#collectionCarousel .slider-dpv-container.v2 .product .desc__reduc .exclusive, #nearYouSaleCarousel .slider-dpv-container.v2 .product .desc__reduc .exclusive, #recentSalesBanner .slider-dpv-container.v2 .product .desc__reduc .exclusive {
  font-weight: 700;
  text-transform: uppercase
}

#collectionCarousel .slider-dpv-container.v2 .product .tag, #nearYouSaleCarousel .slider-dpv-container.v2 .product .tag, #recentSalesBanner .slider-dpv-container.v2 .product .tag {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 2px;
  color: #000;
  background: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: Source Sans Pro, sans-serif;
  font-size: 11px;
  line-height: 14px;
  padding: 5px
}

#collectionCarousel .slick-slide, #nearYouSaleCarousel .slick-slide, #recentSalesBanner .slick-slide {
  width: 257px;
  height: 161px;
  position: relative;
  margin-right: 10px
}

#collectionCarousel .v1 .slick-arrow, #nearYouSaleCarousel .v1 .slick-arrow, #recentSalesBanner .v1 .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: 0;
  height: 100%;
  line-height: 161px;
  background: rgba(0, 0, 0, .1);
  -webkit-transform: initial;
  transform: none
}

#collectionCarousel .v1 .slick-arrow:before, #nearYouSaleCarousel .v1 .slick-arrow:before, #recentSalesBanner .v1 .slick-arrow:before {
  opacity: 1
}

#collectionCarousel .v1 .slick-arrow:hover, #nearYouSaleCarousel .v1 .slick-arrow:hover, #recentSalesBanner .v1 .slick-arrow:hover {
  background: rgba(0, 0, 0, .3)
}

#collectionCarousel .v1 .slick-arrow.slick-next.slick-disabled, #collectionCarousel .v1 .slick-arrow.slick-prev.slick-disabled, #nearYouSaleCarousel .v1 .slick-arrow.slick-next.slick-disabled, #nearYouSaleCarousel .v1 .slick-arrow.slick-prev.slick-disabled, #recentSalesBanner .v1 .slick-arrow.slick-next.slick-disabled, #recentSalesBanner .v1 .slick-arrow.slick-prev.slick-disabled {
  display: none !important
}

.product {
  display: block;
  height: 100%;
  background-color: #d6d6d6
}

.product .dpv-picture img {
  display: block;
  height: 161px;
  width: 257px
}

.product .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  padding: 50px 10px 5px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent)
}

.product .desc .reduc {
  display: block;
  font-family: Source Sans Pro, sans-serif;
  font-style: normal;
  font-size: .85em
}

.product .desc .reduc .exclusive {
  font-size: 1.28em;
  text-transform: uppercase
}

.product .tag {
  color: #fff;
  background: rgba(0, 0, 0, .6);
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px
}

#upsellsCarousel a span {
  pointer-events: none
}

@media only screen and (max-width: 1024px) {
  #upsellsCarousel {
    padding: 0 0 0 10px
  }
}

#upsellsCarousel .slider-upsell-container {
  position: relative
}

#upsellsCarousel .slick-list {
  overflow: hidden
}

#upsellsCarousel .slick-slide {
  background-color: #d3d3d3;
  height: 285px;
  position: relative;
  margin-right: 20px
}

@media only screen and (max-width: 767px) {
  #upsellsCarousel .slick-slide {
    height: 300px;
    margin-right: 15px
  }
}

#upsellsCarousel .slick-slide:last-child {
  margin-right: 0
}

#upsellsCarousel .slick-track {
  margin-left: 0
}

#upsellsCarousel .slick-arrow {
  margin-top: 0;
  top: -40px;
  background: none
}

#upsellsCarousel .slick-arrow:before {
  font-family: VP-Icon-Line !important;
  font-size: 24px;
  color: #000
}

#upsellsCarousel .slick-prev {
  right: 35px;
  left: inherit
}

#upsellsCarousel .slick-prev:before {
  content: "\E901"
}

#upsellsCarousel .slick-next {
  right: 0
}

#upsellsCarousel .slick-next:before {
  content: "\E902"
}

#upsellsCarousel .product {
  display: block;
  position: relative;
  height: 100%;
  text-align: left
}

#upsellsCarousel .product .upsell-picture img {
  display: block
}

#upsellsCarousel .product .tag {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
  padding: 5px;
  text-transform: uppercase;
  font-weight: 700;
  background: #fff;
  border-radius: 2px;
  color: #000;
  font-family: Source Sans Pro, sans-serif;
  font-size: 11px;
  line-height: 14px
}

#upsellsCarousel .product .label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px 10px 10px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent)
}

#upsellsCarousel .product .label .description {
  height: 40px;
  font-family: Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

@media only screen and (max-width: 767px) {
  #upsellsCarousel .product .label .description {
    font-size: 14px;
    line-height: 18px
  }
}

#reco-slider {
  background-color: #fff;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#reco-slider *, #reco-slider :after, #reco-slider :before {
  -moz-box-sizing: inherit;
  box-sizing: inherit
}

@media only screen and (max-width: 1024px) {
  #reco-slider .generic-width {
    margin: 0 10px
  }
}

.RecoSlider {
  background-color: #fff;
  padding: 20px 0 25px
}

.RecoSlider__header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin-bottom: 10px
}

.RecoSlider__header a {
  -webkit-flex: 0 1 43px;
  flex: 0 1 43px;
  height: 43px
}

@media only screen and (min-width: 768px) {
  .RecoSlider__header a {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    height: auto
  }
}

.RecoSlider__title {
  font-size: 18px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  color: #1d1d1d;
  line-height: 1;
  margin-bottom: 10px
}

@media only screen and (min-width: 1025px) {
  .RecoSlider__title {
    margin-bottom: 17px
  }
}

.RecoSlider .slick-slider {
  margin-left: -5px;
  margin-right: -5px
}

.RecoSlider .slick-slider .slick-track {
  display: -webkit-flex;
  display: flex
}

.RecoSlider .slick-slider .slick-track:after, .RecoSlider .slick-slider .slick-track:before {
  display: none
}

.RecoSlider .slick-slider .slick-track .slick-slide {
  height: 100%;
  padding: 0 5px;
  outline: none;
  float: none
}

.RecoSlider .slick-slider .slick-track .slick-slide div {
  outline: none
}

.RecoSlider .slick-slider .slick-track .slick-slide > div > div {
  display: block !important
}

.RecoSlider .slick-slider .slick-list {
  padding-left: 0 !important
}

.RecoSlider .slick-slider .slick-arrow {
  top: 0;
  margin-top: 0;
  -webkit-transform: none;
  transform: none;
  height: 100%;
  background: rgba(0, 0, 0, .1);
  line-height: 1
}

.RecoSlider .slick-slider .slick-arrow:hover {
  background: rgba(0, 0, 0, .3)
}

.RecoSlider .slick-slider .slick-arrow:after, .RecoSlider .slick-slider .slick-arrow:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.RecoSlider .slick-slider .slick-arrow.slick-prev {
  left: 5px
}

.RecoSlider .slick-slider .slick-arrow.slick-next {
  right: 5px
}

.RecoSlider .slick-slider .slick-disabled.slick-prev {
  display: none !important
}

.RecoSlider .slick-slider .slick-disabled.slick-next, .RecoSlider .slick-slider .slick-disabled.slick-next:hover {
  background-color: rgba(0, 0, 0, .05)
}

.RecoSlider .slick-slider .RecoPlaceholder {
  background-color: #eee;
  position: relative;
  padding-bottom: 177%;
  border-radius: 4px
}

.RecoSlider .SliderFreescroll {
  display: -webkit-flex;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  min-width: 100%;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 5px;
  padding-right: 5px;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.RecoSlider .SliderFreescroll::-webkit-scrollbar {
  display: none
}

.RecoSlider .SliderFreescroll--moreThanMin {
  padding-right: 30px
}

.RecoSlider .SliderFreescroll > div {
  max-width: 50%;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  border-width: 0 5px;
  border-style: solid;
  border-color: transparent
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .RecoSlider .SliderFreescroll > div {
    max-width: 25%;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%
  }
}

@media only screen and (min-width: 768px) {
  .RecoSlider .SliderFreescroll > div {
    max-width: 25%;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%
  }
}

.RecoSlider .SliderFreescroll .RecoPlaceholder {
  background-color: #eee;
  width: 100%;
  height: 100%;
  border-radius: 4px
}

.Reco {
  position: relative;
  display: block;
  padding-bottom: 177%;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer
}

.Reco__content, .Reco__img {
  position: absolute;
  width: 100%;
  height: 100%
}

.Reco__content {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  color: #fff;
  font-size: 12px;
  padding: 10px 5px 10px 10px;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .35) 60%, rgba(0, 0, 0, .5))
}

.Reco__criteria {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 3px
}

.Reco__percentage {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 700
}

@media only screen and (max-width: 365px) {
  .Reco__percentage {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
}

.Reco__percentage .icon {
  font-weight: 700;
  font-size: 13px;
  margin-right: 5px
}

@media only screen and (max-width: 365px) {
  .Reco__percentage .icon {
    display: none
  }
}

.Reco__title {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 15.5px;
  line-height: 1.3;
  margin: auto 0 10px
}

.Reco__title:after {
  content: "";
  height: 2px;
  width: 20px;
  background-color: #fff;
  display: block;
  margin: 8px 0 0
}

.Reco__discount {
  margin-bottom: 8px
}

.Reco__price {
  font-size: 18px
}

.Reco__exclusive {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px
}

.Reco .sale-time-remaining {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  margin-bottom: 2px
}

.Reco .sale-time-remaining i {
  font-size: 14px;
  margin-right: 5px
}

.Reco .has-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.ReactTooltip .tooltip {
  width: 354px;
  top: -10px !important
}

.ReactTooltip .tooltip .arrow {
  bottom: -8px;
  width: 15px;
  height: 8px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.ReactTooltip .tooltip .arrow:before {
  border-width: 0 7.5px 8px;
  border-bottom-color: rgba(0, 0, 0, .9)
}

.ReactTooltip .tooltip-inner {
  padding: 10px;
  max-width: 326px;
  background-color: rgba(0, 0, 0, .9);
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  line-height: 18px
}

@media only screen and (min-width: 768px) {
  .ReactTooltip .tooltip-inner {
    padding: 14px
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 32px
}

.switch input {
  display: none
}

.switch input:checked + .switch__slider {
  background-color: #bd1343
}

.switch input:checked + .switch__slider:before {
  -webkit-transform: translateX(31px);
  transform: translateX(31px)
}

.switch input:focus + .switch__slider {
  box-shadow: 0 0 1px #bd1343
}

.switch__slider {
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8a8a8a;
  border-radius: 34px
}

.switch__slider, .switch__slider:before {
  position: absolute;
  transition: all .2s ease
}

.switch__slider:before {
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background-color: #fff;
  border-radius: 50%
}

.switch--small {
  width: 48px;
  height: 24px
}

.switch--small input:checked + .switch__slider:before {
  -webkit-transform: translateX(22px);
  transform: translateX(22px)
}

.switch--small .switch__slider:before {
  height: 18px;
  width: 18px
}

.Select {
  position: relative
}

.expandUp .Select-menu-outer {
  position: absolute !important;
  top: auto !important;
  bottom: calc(100% - 1px) !important;
  border-radius: 5px 5px 0 0 !important
}

.expandUp .is-open .Select-control {
  border-radius: 0 0 5px 5px !important
}

.Select, .Select div, .Select input, .Select span {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Select.is-disabled > .Select-control {
  background-color: #f9f9f9
}

.Select.is-disabled > .Select-control:hover {
  box-shadow: none
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: .35
}

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%
}

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}

.Select-control .Select-input:focus {
  outline: none
}

.is-searchable.is-open > .Select-control {
  cursor: text
}

.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px
}

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text
}

.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1)
}

.Select--single > .Select-control .Select-value, .Select-placeholder {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px
}

.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label, .has-value.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333
}

.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label, .has-value.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none
}

.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover {
  color: #007eff;
  outline: none;
  text-decoration: underline
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle
}

.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  padding: 8px 0 12px;
  -webkit-appearance: none
}

.is-focused .Select-input > input {
  cursor: text
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0
}

.Select-control:not(.is-searchable) > .Select-input {
  outline: none
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  text-align: center
}

.Select-loading, .Select-loading-zone {
  position: relative;
  vertical-align: middle;
  width: 16px
}

.Select-loading {
  -webkit-animation: Select-animation-spin .4s infinite linear;
  animation: Select-animation-spin .4s infinite linear;
  height: 16px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn .2s;
  animation: Select-animation-fadeIn .2s;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px
}

.Select-clear-zone:hover {
  color: #d0021b
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1
}

.Select--multi .Select-clear-zone {
  width: 17px
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative
}

.is-open .Select-arrow, .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block
}

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left
}

@-webkit-keyframes Select-animation-fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes Select-animation-fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto
}

.Select-option {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 8px 10px
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.Select-option.is-selected {
  color: #333
}

.Select-option.is-focused {
  background-color: #f5f5f5;
  color: #333
}

.Select-option.is-disabled {
  color: #ccc;
  cursor: default
}

.Select-noresults {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  cursor: default;
  display: block;
  padding: 8px 10px
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0
}

.Select--multi.has-value .Select-input {
  margin-left: 5px
}

.Select--multi .Select-value {
  background-color: #ebf5ff;
  background-color: rgba(0, 126, 255, .08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  border: 1px solid rgba(0, 126, 255, .24);
  color: #007eff;
  display: inline-block;
  font-size: .9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top
}

.Select--multi .Select-value-icon, .Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px
}

.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  border-right: 1px solid rgba(0, 126, 255, .24);
  padding: 1px 5px 3px
}

.Select--multi .Select-value-icon:focus, .Select--multi .Select-value-icon:hover {
  background-color: #d8eafd;
  background-color: rgba(0, 113, 230, .08);
  color: #0071e6
}

.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  background-color: rgba(0, 126, 255, .24)
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3
}

.Select--multi.is-disabled .Select-value-icon:active, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:hover {
  background-color: #fcfcfc
}

@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn)
  }
}

.noscroll--popin, .noscroll--popin body {
  overflow: hidden;
  position: relative;
  height: 100%
}

.Quiz__close {
  z-index: 99999;
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 24px;
  margin: 0;
  color: #1d1d1d;
  border-color: transparent
}

@media only screen and (min-width: 1025px) {
  .Quiz__close {
    position: fixed;
    top: 60px;
    right: calc(50% - 320px);
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700
  }

  .Quiz__close span {
    vertical-align: text-top
  }
}

.modal-quiz {
  z-index: 1050
}

.modal-quiz, .RecoQuiz {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.RecoQuiz {
  z-index: 10000;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff
}

@media only screen and (min-width: 1025px) {
  .RecoQuiz {
    top: 80px;
    width: 640px;
    height: 80%;
    margin: 0 auto
  }
}

.RecoQuiz .Quiz {
  position: relative
}

@media only screen and (min-width: 1025px) {
  .RecoQuiz .Quiz {
    margin: 0 auto
  }
}

.RecoQuiz .Quiz__content {
  position: relative;
  padding: 30px;
  z-index: 1;
  color: #1d1d1d
}

@media only screen and (max-width: 767px) {
  .RecoQuiz .Quiz__content {
    min-height: calc(100vh - 74px);
    min-height: calc((var(--vh, 1vh) * 100) - 74px);
    padding-bottom: 44px
  }
}

.RecoQuiz .Quiz__title {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px
}

.RecoQuiz .Quiz__paragraph {
  color: #666;
  margin-bottom: 20px
}

.RecoQuiz .Quiz__step {
  margin: 30px 0
}

.RecoQuiz .Quiz__submit {
  width: 100%;
  margin-top: 20px
}

@media only screen and (max-width: 767px) {
  .RecoQuiz .Quiz__submit {
    width: 100%;
    border-radius: 2px 2px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding-top: 19px;
    padding-bottom: 19px;
    margin-top: 0
  }
}

.RecoQuiz input[type=text] {
  border-radius: 2px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 11px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
  font-size: 16px
}

@media only screen and (min-width: 768px) {
  .RecoQuiz input[type=text] {
    font-size: 14px;
    padding: 12px 10px;
    width: 315px;
    max-width: 100%
  }
}

.Select--themeVP {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 768px) {
  .Select--themeVP {
    width: 315px;
    max-width: 100%
  }
}

.Select--themeVP div, .Select--themeVP input, .Select--themeVP span {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Select--themeVP .Select-placeholder {
  line-height: 44px
}

.Select--themeVP .Select-control {
  border-radius: 2px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  padding: 0;
  height: 46px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
  font-size: 16px
}

@media only screen and (min-width: 768px) {
  .Select--themeVP .Select-control {
    font-size: 14px
  }
}

.Select--themeVP .Select-control .Select-arrow-zone {
  display: none
}

.Select--themeVP .Select-control .Select-input, .Select--themeVP .Select-control .Select-placeholder, .Select--themeVP .Select-control .Select-value {
  line-height: 44px
}

.Select--themeVP .Select-control .Select-loading {
  margin-right: 10px
}

.Select--themeVP.is-focused:not(.is-open) > .Select-control {
  border-color: #d3d3d3
}

.ProgressionIndicatorContainer {
  position: fixed;
  z-index: 4
}

@media only screen and (max-width: 1024px) {
  .ProgressionIndicatorContainer {
    left: 0;
    right: 0;
    width: 100%
  }
}

@media only screen and (min-width: 1025px) {
  .ProgressionIndicatorContainer {
    position: -webkit-sticky;
    position: sticky;
    top: 0
  }
}

.ProgressionIndicator {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  left: 50%;
  width: 100%;
  margin: 0 auto
}

@media only screen and (min-width: 1025px) {
  .ProgressionIndicator {
    width: 640px
  }
}

.ProgressionIndicator__step {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-right: 2px;
  height: 4px;
  background-color: #d3d3d3
}

.ProgressionIndicator__step:last-child {
  margin-right: 0
}

.ProgressionIndicator__step.is-filled {
  background-color: #bd1343
}

.ProgressionIndicator__step span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap
}

.StayTypes, .Themes {
  margin-top: 20px
}

.StayType, .Theme {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 130px;
  margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
  .StayType, .Theme {
    height: 160px;
    margin-bottom: 10px
  }
}

.StayType__visual, .Theme__visual {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all .2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f8f8f8;
  height: 130px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .StayType__visual, .Theme__visual {
    height: 160px
  }
}

.StayType__visual:after, .Theme__visual:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .1)
}

.StayType__text, .Theme__text {
  color: #fff;
  font-size: 20px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.StayType__selectionIndicator, .Theme__selectionIndicator {
  margin-top: 10px
}

.StayType__selectionIndicator .icon, .Theme__selectionIndicator .icon {
  margin: 0 4px
}

.StayType__img, .Theme__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.StayType__rating, .Theme__rating {
  position: relative;
  width: 100%;
  height: 130px
}

@media only screen and (min-width: 768px) {
  .StayType__rating, .Theme__rating {
    height: 160px
  }
}

.StayType__arrow, .Theme__arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 20px;
  transition: right .15s ease
}

.StayType:hover .StayType__arrow, .StayType:hover .Theme__arrow, .Theme:hover .StayType__arrow, .Theme:hover .Theme__arrow {
  right: 11px
}

.StayType.is-open .StayType__visual, .StayType.is-open .Theme__visual, .Theme.is-open .StayType__visual, .Theme.is-open .Theme__visual {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: all .3s ease-in-out
}

.StayTypeRating, .ThemeRating {
  background-color: #bd1343;
  color: #fff;
  font-size: 24px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center
}

.StayTypeRating__item, .ThemeRating__item {
  text-align: center;
  color: #fff;
  margin: 0 10px;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%
}

.StayTypeRating__item:hover .icon, .ThemeRating__item:hover .icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.StayTypeRating__label, .ThemeRating__label {
  display: block;
  font-size: 12px
}

.StayTypeRating__text, .ThemeRating__text {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
  .StayTypeRating__text, .ThemeRating__text {
    margin-bottom: 15px
  }
}

.StayTypeRating__content, .ThemeRating__content {
  margin-top: 10px
}

@media only screen and (min-width: 768px) {
  .StayTypeRating__content, .ThemeRating__content {
    margin-top: 15px
  }
}

.StayTypeRating .icon, .ThemeRating .icon {
  display: block;
  transition: all .1s ease;
  margin-bottom: 5px
}

.StayType__view, .Theme__view {
  margin: 0
}

.StayType__view .label, .Theme__view .label {
  width: 130px;
  margin: 10px 50px 10px 0;
  display: inline-block
}

.StayType__view .value i, .Theme__view .value i {
  color: #eee;
  font-size: 18px;
  margin: 0 10px
}

.StayType__view .value i.line-icon-heart-solid, .StayType__view .value i.line-icon-no-heart-solid, .Theme__view .value i.line-icon-heart-solid, .Theme__view .value i.line-icon-no-heart-solid {
  color: #1d1d1d
}

.TravelCompanion {
  margin: 20px 0
}

.TravelCompanion__values {
  display: -webkit-flex;
  display: flex;
  margin: 10px 0 0;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.TravelCompanion__valueName {
  padding: 10px 0;
  text-align: center;
  color: #666
}

.TravelCompanion__label {
  font-weight: 700;
  font-size: 16px
}

.TravelCompanion .rangeslider {
  margin-left: 10px;
  margin-right: 10px
}

.TravelCompanion__view {
  margin: 0
}

.TravelCompanion__view .label {
  width: 130px;
  margin: 10px 50px 10px 0;
  display: inline-block
}

.TravelCompanion__view .value {
  font-weight: 700;
  color: #000
}

.RadioBtnCheck {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #d3d3d3;
  font-size: inherit;
  width: 26px;
  height: 26px;
  line-height: 1;
  margin: 0;
  position: relative;
  vertical-align: middle;
  border-radius: 50%;
  outline: none
}

.RadioBtnCheck:after, .RadioBtnCheck:before {
  content: "";
  position: absolute;
  transition: -webkit-transform .15s cubic-bezier(.22, .61, .36, 1);
  transition: transform .15s cubic-bezier(.22, .61, .36, 1);
  transition: transform .15s cubic-bezier(.22, .61, .36, 1), -webkit-transform .15s cubic-bezier(.22, .61, .36, 1);
  border-bottom: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  bottom: 0;
  height: 11px;
  margin: auto;
  right: 9px;
  top: -3px;
  -webkit-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0);
  width: 6px
}

.RadioBtnCheck:checked {
  border-color: #bd1343;
  background-color: #bd1343
}

.RadioBtnCheck:checked:before {
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1)
}

.RadioBtnCheck:focus {
  border: 1px solid #fff
}

.RadioBtnCheck .disabled, .RadioBtnCheck[disabled] {
  opacity: .45
}

.RadioBtnCheck .disabled + label, .RadioBtnCheck[disabled] + label {
  opacity: .75
}

.RadioBtnCheck label {
  position: relative;
  left: -.25em;
  padding-left: .75em
}

.RadioBtnCheck--small {
  border-width: 2px;
  width: 20px;
  height: 20px
}

.RadioBtnCheck--small:after, .RadioBtnCheck--small:before {
  width: 4px;
  height: 8px;
  top: -3px;
  right: 5px
}

.Destinations {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -10px;
  margin-right: -10px
}

@media only screen and (min-width: 768px) {
  .Destinations {
    margin-left: -20px;
    margin-right: -20px
  }
}

.Destinations__col {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  -webkit-flex: 0 1 50%;
  flex: 0 1 50%
}

@media only screen and (min-width: 768px) {
  .Destinations__col {
    -webkit-flex: 0 1 33.33%;
    flex: 0 1 33.33%;
    padding: 20px
  }
}

.Destination {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.Destination__checkbox {
  position: absolute;
  top: 8%;
  left: 8%;
  z-index: 2
}

@media only screen and (min-width: 1025px) {
  .Destination__checkbox {
    top: 7%;
    left: 7%
  }
}

.Destination__label {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  padding: 0 10px;
  text-align: center;
  color: #fff;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-size: 20px;
  line-height: 1;
  z-index: 2
}

.Destination__picture {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  will-change: transform;
  padding-bottom: 131.5%;
  transition: box-shadow .15s ease-out, -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
  transition: transform .15s cubic-bezier(.25, .46, .45, .94), box-shadow .15s ease-out;
  transition: transform .15s cubic-bezier(.25, .46, .45, .94), box-shadow .15s ease-out, -webkit-transform .15s cubic-bezier(.25, .46, .45, .94)
}

.Destination__picture:after {
  content: "";
  background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, .5), rgba(0, 0, 0, .6));
  z-index: 1
}

.Destination__img, .Destination__picture:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.Destination__img {
  width: 100%;
  height: 100%
}

.Destination.is-selected .Destination__picture {
  -webkit-transform: scale(.8);
  transform: scale(.8);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.Destination.is-selected .Select {
  -webkit-transform: scale(.8);
  transform: scale(.8);
  bottom: .8%
}

.Destination.is-selected .Select.is-open {
  top: .8%
}

.Destination.custom {
  position: relative
}

.Destination.custom.edit .Destination__label {
  bottom: 60px
}

.Destination.custom.is-focused .HeaderSelect {
  display: none
}

@media only screen and (max-width: 767px) {
  .Destination.custom.is-focused {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    z-index: 5;
    padding: 20px
  }

  .Destination.custom.is-focused .Select, .Destination.custom.is-focused .Select.is-open {
    position: unset;
    top: unset;
    bottom: unset
  }

  .Destination.custom.is-focused .Select-menu-outer {
    position: unset
  }

  .Destination.custom.is-focused .Destination__checkbox, .Destination.custom.is-focused .Destination__picture {
    display: none
  }

  .Destination.custom.is-focused .HeaderSelect {
    display: unset
  }

  .Destination.custom.is-focused .HeaderSelect .ButtonBack {
    position: fixed;
    z-index: 5;
    left: 0;
    top: 0;
    padding: 15px;
    font-size: 24px;
    line-height: 1
  }

  .Destination.custom.is-focused .HeaderSelect h2 {
    color: #1d1d1d;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 22px;
    font-style: italic;
    line-height: 20px;
    text-align: center;
    margin-bottom: 20px
  }
}

.Destination.custom .Select {
  cursor: pointer !important;
  pointer-events: none;
  z-index: 3;
  width: calc(100% - 10px);
  margin: 5px;
  position: absolute;
  bottom: 0
}

.Destination.custom .Select .Select-menu-outer {
  max-height: 162px
}

.Destination.custom .Select .Select-menu {
  max-height: 160px
}

.Destination.custom .Select.is-open {
  top: 0;
  bottom: unset
}

.Destination.custom .Select.is-focused {
  pointer-events: unset
}

.StackedBanner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  padding: 20px;
  background-color: #fff
}

@media only screen and (min-width: 1025px) {
  .StackedBanner {
    /* background-image: url("/s/images/visual/quiz/illu-quizz@2x.png");*/
    background-repeat: no-repeat;
    background-position-x: calc(50% - 340px);
    background-size: 225px
  }
}

.StackedBanner__close {
  color: #666;
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 24px;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .StackedBanner__close {
    color: #1d1d1d;
    top: 7px;
    right: 7px
  }
}

.StackedBanner__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row
}

@media only screen and (min-width: 768px) {
  .StackedBanner__content {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
  }
}

@media only screen and (min-width: 1025px) {
  .StackedBanner__content {
    margin-left: 10%
  }
}

.StackedBanner__title {
  color: #1d1d1d
}

.StackedBanner__title div:first-child {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-right: 20px
}

@media only screen and (min-width: 768px) {
  .StackedBanner__title div:last-child {
    margin: 0 20px 0 0
  }
}

.StackedBanner__cta {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

@media only screen and (max-width: 767px) {
  .StackedBanner__cta {
    display: inline;
    margin-top: 25px
  }
}

.StackedBanner__submit {
  cursor: pointer;
  width: 120px;
  padding: 14px
}

@media only screen and (min-width: 1025px) {
  .StackedBanner__submit {
    width: 140px
  }
}

.Credits .FormInput, .Credits .Quiz__title:not(:first-child) {
  margin-top: 20px
}

.Credits .FormInput__Flex {
  display: -webkit-flex;
  display: flex
}

.Credits .FormInput span.label:not(:empty) {
  padding-bottom: 8px;
  display: block;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 700;
  color: #666;
  font-size: 14px;
  line-height: 1.3
}

.Credits .FormInput select:not([multiple]) {
  border-radius: 2px;
  border: 1px solid #d3d3d3;
  position: relative;
  width: 100%;
  height: 44px;
  padding-right: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4gIDxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0xMS4yOSAxNS43MWExIDEgMCAwIDAgMS40MSAwbDYtNmExIDEgMCAwIDAtMS40MS0xLjQxTDEyIDEzLjU4IDYuNzEgOC4yOWExIDEgMCAwIDAtMS40MiAxLjQybDUuOTIgNS45M3oiLz48L3N2Zz4=") no-repeat right 9px center
}

.Credits .FormInput select:not([multiple])::-ms-expand {
  display: none
}

@media only screen and (max-width: 767px) {
  .Credits .FormInput select:not([multiple]) {
    font-size: 16px
  }
}

.Credits .FormInput textarea {
  background-color: #fff;
  height: 120px;
  width: 100%;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

@media only screen and (min-width: 1025px) {
  .Credits .FormInput textarea {
    font-size: 14px
  }
}

.Credits .FormInput__Switch {
  margin-right: 20px
}

.Credits .FormInput__SwitchLabel__title {
  color: #666;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px
}

.Credits .FormInput__SwitchLabel__desc {
  font-size: 14px;
  color: #1d1d1d;
  line-height: 1.3
}

.Credits .FormInput .button {
  margin-right: 10px;
  color: #1d1d1d;
  border-color: #1d1d1d;
  width: calc(50% - 10px);
  max-width: 200px
}

.Credits .FormInput .button.button--primary {
  border-color: #bd1343;
  color: #fff
}

.Credits .FormInput .button.button--secondary {
  border-color: #8a8a8a;
  color: #fff
}

#mapContainerElement .title {
  border-top: none;
  padding: 0;
  margin: 0
}

#mapContainerElement .cluster > div {
  font-size: 13px !important
}

.flexSideBar {
  display: -webkit-flex;
  display: flex
}

@media only screen and (min-width: 1025px) {
  .sideBarBlock {
    position: relative;
    height: 100%;
    z-index: 2147483647;
    background: #fff
  }

  .sideBarBlock .nearHotel {
    height: 25px;
    width: 190px;
    left: 120px;
    top: 140px;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    color: #1d1d1d;
    padding: 40px 0 23px 20px
  }

  .sideBarBlock .nearSale {
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    padding: 25px 0 15px 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000
  }

  .sideBarBlock .separator {
    margin: 0 0 28px 20px
  }
}

.relativeContent {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: flex
}

.Mapbox .marker {
  left: 3px
}

.Mapbox .marker.cluster span {
  position: absolute;
  left: 25%;
  right: 25%;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  font-family: Arial, sans-serif;
  line-height: 64px;
  color: #000
}

.Mapbox .marker .isNext {
  opacity: .7
}

.Mapbox .mapboxgl-ctrl-style button {
  width: 80px;
  display: inline-block;
  color: #000
}

.Mapbox .mapboxgl-ctrl-style button.active {
  font-weight: 600
}

.Mapbox .mapboxgl-ctrl-style button + button {
  border-top: none;
  border-left: 1px solid #ddd
}

.Mapbox .mapboxgl-ctrl-bottom-right {
  display: none
}

.Mapbox .mapboxgl-popup {
  z-index: 100000
}

@media only screen and (min-width: 1025px) {
  .Mapbox .mapboxgl-interest-point {
    left: -3px
  }
}

@media only screen and (max-width: 1024px) {
  .Mapbox .mapboxgl-interest-point, .Mapbox .mapboxgl-pin {
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 1000000
  }
}

.Mapbox .mapboxgl-popup-content {
  padding: 0 0 10px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .12), 0 10px 10px -5px rgba(0, 0, 0, .15);
  border-radius: 2px
}

.Mapbox .mapboxgl-popup-content .map-tooltip.specific-not-near {
  padding: 10px 10px 0
}

.Mapbox .mapboxgl-popup-content .map-tooltip .map-title {
  font-size: 15px
}

.Mapbox .mapboxgl-popup-content .map-tooltip .map-subtitle {
  font-size: 13px
}

.Mapbox .mapboxgl-popup-content .map-tooltip .space-around {
  padding: 10px 0
}

.Mapbox .mapboxgl-popup-content .map-tooltip .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.Mapbox .mapboxgl-popup-content .map-tooltip .map-sale .sale-time-remaining {
  font-size: 14px
}

.Mapbox .mapboxgl-popup-content .map-tooltip .map-sale .icon-fav {
  font-size: 15px !important
}

.Mapbox .mapboxgl-popup-content .map-tooltip .map-sale .ribbon-content {
  font-size: 12px !important
}

.Mapbox .mapboxgl-popup-content .map-tooltip .map-offers .block-durations-container {
  font-size: 11px !important
}

.Mapbox .mapboxgl-popup-content .map-tooltip .map-offers .offers-subdetail {
  font-size: 10.5px !important
}

.Mapbox .mapboxgl-popup-content .map-tooltip .map-offers .sale-button {
  font-size: 15px !important
}

.Mapbox .distanceOrCategory {
  position: absolute;
  top: 10px;
  left: 14px;
  border-radius: 2px;
  background-color: #1d1d1d;
  color: #fff;
  padding: 7px 8px;
  opacity: .95;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0;
  text-align: center
}

.Mapbox .distanceOrCategory__mapSDV {
  background-color: #fff;
  color: #1d1d1d
}

@media only screen and (max-width: 1024px) {
  .Mapbox .distanceOrCategory {
    position: -webkit-sticky;
    position: sticky;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 30px;
    left: 20px
  }
}

@media only screen and (max-width: 1024px) {
  .Mapbox .no-image-block {
    margin-top: 124px
  }
}

.Mapbox .closeMapPoint {
  padding: 0;
  position: absolute;
  top: 0;
  font-size: 20px;
  color: #fff
}

@media only screen and (min-width: 1025px) {
  .Mapbox .closeMapPoint {
    right: 10px;
    top: 10px
  }
}

.Mapbox .closeMap {
  padding: 10px 10px 8px;
  background: rgba(0, 0, 0, .2);
  border-radius: 2px
}

.Mapbox .closeMap:hover {
  transition: all .5s ease;
  background: rgba(0, 0, 0, .3)
}

.offer-box-details {
  width: 100%;
  height: auto;
  background-color: #e6e6e6;
  color: #1d1d1d;
  padding: 8px 8px 3px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: initial
}

.offer-box-details .block-details-container .details {
  float: left;
  width: 50%;
  height: 80px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block
}

.offer-box-details .block-details-container .details h4 {
  text-transform: uppercase;
  font-weight: 600
}

.offer-box-details .block-details-container .details .best-price-details .offer-label {
  display: block;
  min-width: 65px
}

.offer-box-details .block-details-container .details .best-price-details .offer-label:first-letter {
  text-transform: uppercase
}

.offer-box-details .block-details-container .details .best-price-details.block-details-double .offer-label {
  min-width: 65px
}

.offer-box-details .block-details-container .details .best-price-details .offer-price {
  font-weight: 600;
  color: #bd1343
}

.offer-box-details .block-details-container .details-right {
  border-left: 1px solid #fff;
  padding-left: 10px
}

.offer-box-details .block-durations-container {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-top: 1px dashed #ccc;
  padding: 6px 0 0;
  line-height: 1;
  font-weight: 600;
  font-size: 10px;
  margin-top: 10px
}

.offer-box-details .block-durations-container i {
  margin-right: 5px
}

html.map-opened {
  overflow: hidden !important
}

.map-open {
  overflow: hidden;
  min-width: 100%;
  max-height: 100%
}

.map-open #arrow-top {
  display: none !important
}

.map-open #homepage-map {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background-color: #fff
}

@media only screen and (max-width: 1024px) {
  .map-open #homepage-map {
    top: 60px
  }
}

.gm-style > div > div:nth-child(4) > div:nth-child(4) > div {
  visibility: hidden
}

.info-window {
  width: 560px !important;
  visibility: visible !important
}

@media only screen and (max-width: 767px) {
  .info-window {
    width: 295px !important;
    height: 340px !important
  }
}

.info-window > div > div:nth-child(2) {
  box-shadow: 0 0 10px -2px #1d1d1d !important
}

@media only screen and (max-width: 767px) {
  .info-window > div > div:first-child, .info-window > div > div:nth-child(3) {
    left: 140px !important
  }
}

.info-window > div > div:nth-child(2), .info-window > div > div:nth-child(4) {
  width: 580px !important
}

@media only screen and (max-width: 767px) {
  .info-window > div > div:nth-child(2), .info-window > div > div:nth-child(4) {
    width: 295px !important;
    left: 0 !important;
    height: 332px !important;
    top: 15px !important
  }
}

@media only screen and (max-width: 767px) {
  .info-window .gm-style-iw {
    width: 275px !important;
    left: 0 !important;
    top: 15px !important
  }
}

.info-window > button {
  display: none !important
}

.info-window.next {
  width: 255px !important;
  height: 266px !important
}

.info-window.next > div > div:nth-child(2), .info-window.next > div > div:nth-child(4) {
  height: 260px !important;
  width: 275px !important;
  top: 19px !important;
  left: 187px !important
}

@media only screen and (max-width: 767px) {
  .info-window.next > div > div:nth-child(2), .info-window.next > div > div:nth-child(4) {
    left: 0 !important
  }
}

.info-window.next .gm-style-iw {
  height: 255px !important;
  width: 255px !important;
  top: 19px !important;
  left: 187px !important
}

@media only screen and (max-width: 767px) {
  .info-window.next .gm-style-iw {
    left: 0 !important
  }
}

.gm-style-iw {
  text-align: center;
  padding: 10px 10px 0;
  width: 560px !important;
  top: 0 !important;
  left: 0 !important
}

.gm-style-iw + div {
  display: none
}

.gm-style-iw > div {
  width: 580px !important
}

@media only screen and (max-width: 767px) {
  .gm-style-iw > div {
    max-width: 275px !important;
    max-height: 320px !important
  }
}

@media only screen and (min-width: 1025px) {
  .sideBarBlock {
    position: relative;
    height: 100%;
    z-index: 100000000000
  }

  .sideBarBlock .nearHotel {
    height: 25px;
    width: 190px;
    left: 120px;
    top: 140px;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    color: #1d1d1d;
    padding: 21px 0 12px 20px;
    font-weight: 400;
    font-size: 16px
  }

  .sideBarBlock .separator {
    height: 3px;
    width: 20px;
    left: 120px;
    top: 188px;
    display: block;
    background-color: #bd1343;
    margin: 0 0 15px 20px
  }
}

@media only screen and (min-width: 1025px) {
  .sideBarforSale {
    width: 400px
  }
}

@media only screen and (min-width: 1025px) {
  .sizingSideBarList {
    position: absolute;
    height: calc(100% - 120px);
    z-index: 100000000000;
    background: #fff;
    margin: 0 20px;
    display: inline-block
  }
}

@media only screen and (max-width: 1024px) {
  .sizingSideBarList {
    position: absolute;
    bottom: 83px
  }
}

.sizingSideBarList .admin-msg-box {
  display: none
}

.sizingSideBarList .sale {
  min-width: 99%;
  margin-bottom: 10px;
  margin: 1% 0
}

.sizingSideBarList .sale article:last-child {
  margin-bottom: 30px
}

.sizingSideBarList .sale .adminTag {
  top: 12px !important;
  z-index: 100000
}

.sizingSideBarList .hoverBlock {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #1d1d1d;
  border-radius: 2px;
  transition: all .2s ease-in-out
}

.sizingSideBarList .hoverBlock .btn.pink {
  background: #bd1343
}

.sizingSideBarList .sideBarTitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #000;
  padding: 10px 0 5px
}

.scrollableSideBar {
  width: 360px;
  height: 100%;
  z-index: 10000;
  overflow-y: scroll;
  scroll-padding: 0;
  scroll-margin: 0;
  -webkit-scroll-snap-type: both mandatory;
  -ms-scroll-snap-type: both mandatory;
  scroll-snap-type: both mandatory;
  scroll-behavior: smooth
}

@media only screen and (max-width: 1024px) {
  .scrollableSideBar {
    overflow-x: scroll;
    overflow-y: unset;
    display: -webkit-flex;
    display: flex;
    width: 100vw;
    scroll-margin: 0;
    scroll-padding: 0
  }

  .scrollableSideBar .viewportBloc {
    scroll-margin: 0 6vw
  }

  .scrollableSideBar .viewportBloc:last-child {
    scroll-snap-align: end
  }
}

@media only screen and (max-width: 1024px) {
  .scrollableSideBar::-webkit-scrollbar {
    display: none
  }
}

.scrollableSideBar.safari {
  position: relative
}

.frameBlockContent:hover {
  border: 1px solid #1d1d1d
}

.activeBlockContent {
  border: 2px solid #9b9b9b !important
}

.frameBlockContent, .spaceMobSideBar {
  scroll-margin-block: 0;
  scroll-padding-block: 0;
  scroll-snap-align: start;
  scroll-snap-stop: revert
}

.frameBlockContent {
  z-index: 100000;
  height: 120px;
  width: 337px;
  border-radius: 2px;
  cursor: pointer;
  display: -webkit-flex;
  display: flex
}

@media only screen and (min-width: 1025px) {
  .frameBlockContent {
    left: 20px;
    top: 20px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 1024px) {
  .frameBlockContent {
    background-color: #fff;
    margin: 8px;
    position: relative;
    float: left
  }
}

.frameBlockContent .textSideBarBlock {
  width: 215px;
  padding: 12px
}

.frameBlockContent .nameSideBarBlock {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #1d1d1d;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  text-transform: uppercase
}

.frameBlockContent .descriptionSideBarBlock {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.frameBlockContent .distanceSideBarBlock {
  height: 15px;
  width: 185px;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  text-align: left;
  color: #666;
  padding: 0 0 32px 20px
}

@media only screen and (max-width: 1024px) {
  .frameBlockContent .distanceSideBarBlock {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 10px;
    width: 41px;
    height: 20px;
    right: 6px;
    bottom: 6px;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    padding: 2px 2px 0
  }
}

.frameBlockContent .iconCategoryInterestPoint {
  margin: auto;
  width: 100px;
  text-align: center
}

.frameBlockContent .imageCategorySideBarBlock {
  text-align: center;
  width: 98px
}

#mapContainerElement .map-tooltip {
  color: #1d1d1d;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 600
}

#mapContainerElement .map-tooltip .tooltip-title {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px
}

#mapContainerElement .map-tooltip .tooltip-title i {
  font-size: 14px;
  padding-right: 5px
}

#mapContainerElement .map-tooltip .tooltip-address {
  font-size: 12px
}

#mapContainerElement .map-tooltip .separator {
  display: block;
  height: 2px;
  width: 20px;
  background-color: #bd1343;
  margin: 10px 0 5px
}

.userSelectZone {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default
}

.map-tooltip-clearfix {
  color: #1d1d1d;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 600;
  width: 300px
}

@media only screen and (max-width: 1024px) {
  .map-tooltip-clearfix {
    width: 100vw;
    height: 100vh
  }
}

.map-tooltip-clearfix .tooltip-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  text-align: left;
  margin-bottom: 10px
}

.map-tooltip-clearfix .tooltip-title i {
  font-size: 14px;
  padding-right: 5px
}

.map-tooltip-clearfix .tooltip-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #666;
  margin-bottom: 10px
}

.map-tooltip-clearfix .tooltip-address {
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  color: #666;
  margin-bottom: 10px
}

.map-tooltip-clearfix .tooltip-address i {
  font-size: 14px;
  margin-right: 6px
}

.map-tooltip-clearfix .interest-point-line-icon-times {
  color: #1d1d1d
}

.map-tooltip-clearfix .separator {
  display: block;
  height: 2px;
  width: 20px;
  background-color: #bd1343;
  margin: 10px 0 5px
}

#homepage-map .map-tooltip {
  background-color: #fff;
  font-weight: 400
}

#homepage-map .map-tooltip.specific-not-near {
  width: 560px
}

@media only screen and (max-width: 767px) {
  #homepage-map .map-tooltip {
    width: 275px !important
  }
}

#homepage-map .map-tooltip .map-title {
  color: #fff;
  background-color: #000
}

#homepage-map .map-tooltip .map-subtitle, #homepage-map .map-tooltip .map-title {
  /*height: 18px;*/
  padding: 5px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

#homepage-map .map-tooltip .map-subtitle {
  color: #000;
  font-size: 13px
}

#homepage-map .map-tooltip .map-sale {
  float: left;
  width: 50%;
  padding-right: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width: 767px) {
  #homepage-map .map-tooltip .map-sale {
    float: none;
    width: 100%;
    padding-right: 0
  }
}

#homepage-map .map-tooltip .map-sale .box-shadow {
  position: absolute;
  width: 100%;
  height: 20%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 4e-05), rgba(0, 0, 0, .3) 97.34%);
  background-blend-mode: multiply
}

#homepage-map .map-tooltip .map-sale figure {
  height: 135px
}

@media only screen and (max-width: 767px) {
  #homepage-map .map-tooltip .map-sale figure {
    position: relative
  }
}

#homepage-map .map-tooltip .map-sale figure img {
  width: 100%;
  height: 100%
}

#homepage-map .map-tooltip .map-sale figure .sale-actions-price {
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  padding: 10px 5px 5px;
  background: linear-gradient(90deg, transparent, #fff 90%)
}

#homepage-map .map-tooltip .map-sale .sale-actions {
  height: 45px;
  padding: 8px 10px 5px;
  color: #1d1d1d;
  text-align: center;
  border: 1px solid #e6e6e6;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width: 767px) {
  #homepage-map .map-tooltip .map-sale .sale-actions {
    border: none;
    height: auto;
    padding: 0 5px;
    line-height: 1
  }
}

#homepage-map .map-tooltip .map-sale .sale-actions .sale-favorite {
  position: relative;
  display: inline-block;
  margin: 5px 3px !important;
  width: 17px;
  color: #1d1d1d
}

@media only screen and (max-width: 767px) {
  #homepage-map .map-tooltip .map-sale .sale-actions .sale-favorite {
    float: right;
    margin: 0 !important;
    padding: 8px
  }
}

#homepage-map .map-tooltip .map-sale .sale-actions .sale-favorite button {
  width: 19px
}

#homepage-map .map-tooltip .map-sale .sale-actions .sale-favorite button > span {
  position: relative
}

#homepage-map .map-tooltip .map-sale .sale-actions .sale-favorite i {
  font-size: 20px
}

#homepage-map .map-tooltip .map-sale .sale-actions .sale-favorite i.line-icon-heart-solid {
  color: #bd1343
}

#homepage-map .map-tooltip .map-sale .sale-actions .sale-favorite .ajax-loader {
  position: relative !important;
  top: auto;
  left: auto;
  margin: 0;
  height: 18px
}

@media only screen and (max-width: 767px) {
  #homepage-map .map-tooltip .map-sale .sale-actions .sale-favorite .ajax-loader {
    height: 16px
  }
}

#homepage-map .map-tooltip .map-offers {
  float: right;
  width: 50%;
  padding-left: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width: 767px) {
  #homepage-map .map-tooltip .map-offers {
    float: none;
    width: 100%;
    padding-left: 0
  }
}

#homepage-map .map-tooltip .map-offers .offers-detail .details {
  font-size: 11px
}

#homepage-map .map-tooltip .map-offers .offers-detail .details .offer-price {
  font-size: 22px;
  line-height: 1;
  padding-right: 4px
}

#homepage-map .map-tooltip .map-offers .offers-detail .details .offer-price.chf {
  font-size: 18px
}

#homepage-map .map-tooltip .map-offers .offers-detail .details .price-type {
  color: #bd1343
}

#homepage-map .map-tooltip .map-offers .offers-detail .details .offer-departureCity, #homepage-map .map-tooltip .map-offers .offers-detail .details .offer-departureDate, #homepage-map .map-tooltip .map-offers .offers-detail .details .offer-duration, #homepage-map .map-tooltip .map-offers .offers-detail .details .offer-insteadOf {
  color: #666;
  line-height: 13px
}

#homepage-map .map-tooltip .map-offers .offers-detail .details .offer-departureCity span, #homepage-map .map-tooltip .map-offers .offers-detail .details .offer-departureDate span, #homepage-map .map-tooltip .map-offers .offers-detail .details .offer-duration span, #homepage-map .map-tooltip .map-offers .offers-detail .details .offer-insteadOf span {
  font-weight: 600;
  color: #1d1d1d
}

#homepage-map .map-tooltip .map-offers .offers-detail .details .block-durations-container {
  text-align: left
}

#homepage-map .map-tooltip .map-offers .offers-detail .block-details-single .details {
  width: 100%
}

#homepage-map .map-tooltip .map-offers .offers-subdetail {
  width: 100%;
  height: 10px;
  padding: 5px 0;
  color: #666;
  line-height: 10px;
  text-align: center;
  font-size: 10px
}

#homepage-map .map-tooltip .map-offers .sale-button {
  display: block;
  width: 100%;
  height: 35px;
  background-color: #bd1343;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
  border-radius: 2px;
  opacity: 1
}

#homepage-map .map-tooltip .map-offers .sale-button .sale-button-title {
  font-weight: 500
}

#homepage-map .map-tooltip .map-offers .sale-button i {
  float: right;
  margin-right: 5px;
  font-size: 16px;
  line-height: 35px
}

#homepage-map .map-tooltip .map-offers .sale-button:hover {
  opacity: .8;
  transition: all .2s ease-out
}

#homepage-map .map-tooltip .map-offers .offers-button .details {
  height: auto
}

#homepage-map .map-tooltip .map-offers .offers-button .offer-label {
  display: inline-block;
  min-width: auto;
  padding-right: 5px
}

#homepage-map .map-tooltip .map-offers .offers-button .offer-duration, #homepage-map .map-tooltip .map-offers .offers-button .offer-insteadOf {
  display: inline-block;
  padding-right: 5px
}

#homepage-map .map-tooltip .map-offers .offers-button .offers-subdetail {
  text-align: left;
  padding-bottom: 5px
}

#homepage-map .map-tooltip .map-offers .offers-button i.arrow {
  float: right;
  text-align: center;
  font-size: 22px;
  margin-top: -52px;
  top: 50%;
  right: 0
}

#homepage-map .map-tooltip.next {
  width: 255px !important;
  left: 187px !important
}

#homepage-map .map-tooltip.next .map-title {
  margin-bottom: 10px
}

#homepage-map .map-tooltip.next .map-sale {
  width: 100%;
  height: 135px
}

#homepage-map .map-tooltip.next .map-sale figure {
  position: relative
}

#homepage-map .map-tooltip.next .map-sale figure .sale-actions {
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 90%)
}

#homepage-map .map-tooltip.next .sale-time-remaining {
  text-align: left;
  height: 14px;
  padding: 10px 5px;
  color: #000;
  font-size: 12px;
  line-height: 1;
  text-shadow: 0 0 25px #000
}

#homepage-map .map-tooltip.next .map-sale-subscribe {
  width: 100%;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
  background-color: #bd1343
}

#homepage-map .map-tooltip.next .map-sale-subscribe i {
  float: right;
  margin: 12px 5px 0 0
}

@media only screen and (max-width: 1024px) {
  #map-pin {
    color: #fff;
    position: fixed;
    z-index: 3;
    bottom: 18px;
    left: 18px;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 20px
  }

  .map-open #map-pin {
    background-color: #fff;
    z-index: 101
  }

  .map-open #map-pin i, .map-open #map-pin span {
    color: #1d1d1d
  }

  #searchBar .open #map-pin {
    display: none
  }
}

@media only screen and (max-width: 1024px) {
  #map-pin button {
    padding: 12px 18px
  }
}

#map-pin i {
  display: block;
  font-size: 23px;
  color: #fff
}

@media only screen and (min-width: 1025px) {
  #map-pin i {
    float: left;
    margin: 5px
  }
}

@media only screen and (max-width: 767px) {
  #map-pin i {
    font-size: 20px
  }
}

@media only screen and (max-width: 1024px) {
  #map-pin i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
  }
}

@media only screen and (max-width: 1024px) {
  #map-pin i.icon-list {
    font-size: 26px
  }
}

#map-pin .map-pin-text {
  color: #fff;
  font-size: 14px
}

@media only screen and (min-width: 1025px) {
  #map-pin .map-pin-text {
    float: left;
    text-decoration: underline;
    padding: 6px 8px
  }
}

@media only screen and (max-width: 1024px) {
  #map-pin .map-pin-text {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    font-family: Source Sans Pro, sans-serif
  }
}

#map-pin.opened {
  z-index: 200
}

@media only screen and (min-width: 1025px) {
  #map-pin.opened {
    right: 65px
  }
}

@media only screen and (max-width: 1024px) {
  #map-pin.opened {
    padding: 15px
  }
}

@-webkit-keyframes mapPinButtonShow {
  0% {
    visibility: hidden;
    opacity: 0
  }

  1% {
    visibility: visible
  }

  to {
    visibility: visible;
    opacity: .8
  }
}

@keyframes mapPinButtonShow {
  0% {
    visibility: hidden;
    opacity: 0
  }

  1% {
    visibility: visible
  }

  to {
    visibility: visible;
    opacity: .8
  }
}

@-webkit-keyframes mapPinButtonHide {
  0% {
    opacity: .8
  }

  99% {
    visibility: hidden
  }

  to {
    visibility: hidden;
    opacity: 0
  }
}

@keyframes mapPinButtonHide {
  0% {
    opacity: .8
  }

  99% {
    visibility: hidden
  }

  to {
    visibility: hidden;
    opacity: 0
  }
}

.sale-price {
  float: right;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
  color: #bd1343
}

.sale-price span {
  font-weight: 600;
  font-size: 11px
}

.sale-price span.label {
  display: block
}

.sale-price span.ribbon-txt-2, .sale-price span.ribbon-txt-3 {
  font-size: 20px
}

.sale-price span.ribbon-txt-4 {
  line-height: 30px
}

.sale-price span.price > span {
  font-size: 20px
}

.sale-time-remaining {
  font-size: 12px
}

.sale-time-remaining.specific-not-near {
  float: left;
  padding: 8px 0;
  line-height: 1;
  height: 14px
}

.sale-time-remaining.specific-not-near i {
  margin-right: 5px;
  font-size: 14px;
  vertical-align: middle
}

.sale-time-remaining span.time {
  vertical-align: middle
}

.sale-time-mobile {
  left: 14px;
  padding-top: 4px;
  top: 19px;
  border-radius: 2px
}

.sale-time-remaining-mobile {
  width: 60%;
  float: left
}

.subscribe-button-mobile {
  width: auto;
  background: #bd1343;
  height: 24px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 2px;
  width: 40%;
  float: left;
  white-space: nowrap;
  -webkit-justify-content: center;
  justify-content: center
}

.normalWeight {
  font-weight: 400 !important;
  padding-top: 5px
}

@media only screen and (min-width: 1025px) {
  .sale_content .sale-time-remaining {
    top: auto
  }
}

.adminTag {
  top: 12px !important
}

.z-index-max {
  z-index: 1000
}

.hoveredPin {
  cursor: pointer
}

.btn .pink {
  opacity: .8
}

.btn .pink:hover {
  opacity: 1
}

.modalV2.push {
  text-align: center;
  color: #1d1d1d
}

@media only screen and (max-width: 767px) {
  .modalV2.push {
    height: auto;
    bottom: -1px;
    top: inherit;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5)
  }
}

.modalV2.push .modal-dialog {
  width: 530px;
  margin-top: 50vh;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
  .modalV2.push .modal-dialog {
    -webkit-transform: inherit;
    transform: inherit;
    width: 100%;
    margin: 0
  }
}

.modalV2.push .modal-content {
  padding: 20px
}

@media only screen and (max-width: 767px) {
  .modalV2.push .modal-content {
    border: 0;
    border-radius: 0
  }
}

.modalV2.push .modal-body {
  padding: 30px 0 0;
  font-weight: 600;
  font-size: 18px
}

@media only screen and (max-width: 767px) {
  .modalV2.push .modal-body {
    font-size: 16px
  }
}

.modalV2.push .modal-footer {
  padding: 0
}

.modalV2.push .modal-footer em {
  color: #bd1343;
  display: block;
  margin-top: 4px;
  font-size: 25px;
  line-height: 1
}

.modalV2.push .modal-footer .btn {
  margin: 0 auto 10px;
  font-size: 14px;
  min-width: 140px
}

.modalV2.push .modal-footer .btn + span {
  cursor: pointer;
  text-decoration: underline
}

.modalV2.push .modal-footer .btn.continue {
  margin-top: 20px
}

.modalV2.push .modal-footer .form-subscribe .form-subscribe-subtitle {
  display: block;
  margin: 20px 0;
  font-size: 16px
}

@media only screen and (max-width: 767px) {
  .modalV2.push .modal-footer .form-subscribe .form-subscribe-subtitle {
    font-size: 14px
  }
}

.modalV2.push .modal-footer .form-subscribe .fb-send-to-messenger {
  width: 270px;
  padding-left: 14px;
  margin: 0 25% 20px;
  text-align: left
}

@media only screen and (max-width: 767px) {
  .modalV2.push .modal-footer .form-subscribe .fb-send-to-messenger {
    margin: 0 15% 20px
  }
}

.modalV2.push .modal-footer .form-subscribe div.checkbox {
  text-align: left;
  margin: 0 25%
}

@media only screen and (max-width: 767px) {
  .modalV2.push .modal-footer .form-subscribe div.checkbox {
    margin: 0 15%
  }
}

.modalV2.push .modal-footer .form-subscribe input[name=push-subscribe] {
  height: 16px;
  width: 16px;
  margin: 0 4px 0 14px
}

.modalV2.push .modal-footer .form-subscribe .choice-container {
  height: 45px;
  padding-top: 35px
}

.modalV2.push .modal-footer .form-subscribe .choice-container .btn {
  height: 45px
}

.modalV2.push .modal-footer .form-subscribe .choice-container .refuse-choice {
  float: left;
  width: 49%;
  color: #000;
  cursor: pointer;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 45px;
  border: 1px solid #000
}

@media only screen and (min-width: 768px) {
  .modalV2.push .modal-footer .form-subscribe .choice-container .refuse-choice {
    border: none;
    width: 50%;
    text-decoration: underline
  }
}

.modalV2.push .modal-footer .form-subscribe .choice-container .valid-choice {
  float: right;
  width: 49%;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 768px) {
  .modalV2.push .modal-footer .form-subscribe .choice-container .valid-choice {
    width: 50%
  }
}

@media only screen and (max-width: 767px) {
  .modalV2.share {
    z-index: 9999;
    background-color: #fff
  }
}

.modalV2.share .modal-dialog {
  width: 480px
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-dialog {
    margin: 0;
    width: 100%;
    height: 100%
  }
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content h1 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    line-height: 40px
  }
}

.modalV2.share .modal-content .close {
  color: #fff
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .close {
    color: #000
  }
}

.modalV2.share .modal-content .modal-body {
  padding-top: 246px
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body {
    padding-top: 0
  }
}

.modalV2.share .modal-content .modal-body .share-title {
  position: absolute;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-size: 20px;
  margin-top: 87px;
  line-height: 27px;
  top: 0;
  left: 0;
  right: 0
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .share-title {
    position: inherit;
    margin: 0;
    display: block;
    color: #000;
    font-family: Source Sans Pro, sans-serif;
    font-style: normal;
    font-size: 14px;
    top: auto;
    line-height: 18px
  }
}

.modalV2.share .modal-content .modal-body .share-title .share-tooltip .icon-info {
  font-size: 20px;
  margin-left: 5px;
  cursor: pointer
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .share-title .share-tooltip .icon-info {
    font-size: 15px
  }
}

.modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip-bottom:focus:after, .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip-bottom:focus:before, .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip-bottom:hover:after, .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip-bottom:hover:before {
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
}

.modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip:after, .modalV2.share .modal-content .modal-body .share-title .share-tooltip[data-tooltip]:after {
  width: 340px;
  background-color: rgba(0, 0, 0, .8);
  line-height: 18px;
  font-family: Source Sans Pro, sans-serif;
  font-style: normal;
  font-size: 12px;
  padding: 5px
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip:after, .modalV2.share .modal-content .modal-body .share-title .share-tooltip[data-tooltip]:after {
    width: 99%
  }
}

.modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip-bottom:before {
  border-bottom-color: rgba(0, 0, 0, .8)
}

.modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip-top:after, .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip:after, .modalV2.share .modal-content .modal-body .share-title .share-tooltip[data-tooltip]:after {
  margin-left: -170px
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip-top:after, .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip:after, .modalV2.share .modal-content .modal-body .share-title .share-tooltip[data-tooltip]:after {
    margin-left: -51%
  }
}

.modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip-top:before, .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip:before, .modalV2.share .modal-content .modal-body .share-title .share-tooltip[data-tooltip]:before {
  margin-left: 147px
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip-top:before, .modalV2.share .modal-content .modal-body .share-title .share-tooltip.tooltip:before, .modalV2.share .modal-content .modal-body .share-title .share-tooltip[data-tooltip]:before {
    margin-left: 93px
  }
}

.modalV2.share .modal-content .modal-body figure {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body figure {
    position: inherit;
    margin-top: 15px
  }
}

.modalV2.share .modal-content .modal-body figure .mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .25)
}

.modalV2.share .modal-content .modal-body figure .sale-time-remaining {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .75));
  z-index: 1;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  padding: 95px 0 15px 15px;
  line-height: 1
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body figure .sale-time-remaining {
    padding: 17% 0 10px 10px
  }
}

.modalV2.share .modal-content .modal-body figure .sale-time-remaining .line-icon-clock {
  margin: -1px 7px 0 0;
  float: left;
  font-size: 16px
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body figure .sale-time-remaining .line-icon-clock {
    font-size: 18px
  }
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body figure .sale-time-remaining .time {
    font-size: 16px
  }
}

.modalV2.share .modal-content .modal-body .sale-destination {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-size: 18px;
  color: #9b9b9b;
  padding: 15px 0 5px
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .sale-destination {
    font-weight: 700;
    color: #1d1d1d;
    font-family: Source Sans Pro, sans-serif;
    text-transform: uppercase;
    font-style: normal;
    padding: 5px
  }
}

.modalV2.share .modal-content .modal-body .hotel-name {
  color: #1d1d1d;
  font-weight: 600
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .hotel-name {
    color: #666;
    font-weight: 400;
    padding: 0 5px
  }
}

.modalV2.share .modal-content .modal-body .sale-name {
  font-weight: 600;
  color: #1d1d1d;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .sale-name {
    color: #666;
    font-weight: 400;
    padding: 0 5px 5px
  }
}

.modalV2.share .modal-content .modal-body .hotel-name, .modalV2.share .modal-content .modal-body .sale-destination, .modalV2.share .modal-content .modal-body .sale-name {
  display: block;
  width: 80%;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 80%;
  white-space: nowrap
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .hotel-name, .modalV2.share .modal-content .modal-body .sale-destination, .modalV2.share .modal-content .modal-body .sale-name {
    font-size: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    width: 70%;
    max-width: 70%
  }
}

.modalV2.share .modal-content .modal-body .ribbon-content {
  display: table-cell;
  vertical-align: middle;
  color: #bd1343;
  height: 84px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  width: 20%
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .ribbon-content {
    width: 30%;
    height: 69px;
    border-right: 1px solid #e6e6e6
  }
}

.modalV2.share .modal-content .modal-body .ribbon-content .label {
  display: block;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  margin: 0
}

.modalV2.share .modal-content .modal-body .ribbon-content .label.catalog {
  display: block
}

.modalV2.share .modal-content .modal-body .ribbon-content .label.exclusive {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .ribbon-content .label {
    font-weight: 400;
    display: block
  }
}

.modalV2.share .modal-content .modal-body .ribbon-content .ribbon-txt-2, .modalV2.share .modal-content .modal-body .ribbon-content .ribbon-txt-3 {
  line-height: 22px;
  font-weight: 600;
  margin: 0;
  font-size: 28px
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body .ribbon-content .ribbon-txt-2, .modalV2.share .modal-content .modal-body .ribbon-content .ribbon-txt-3 {
    font-weight: 400
  }
}

.modalV2.share .modal-content .modal-body .ribbon-content .ribbon-txt-6 {
  font-size: 11px;
  line-height: 1;
  display: inline-block
}

.modalV2.share .modal-content .modal-body button {
  width: 33.333333%;
  line-height: 43px;
  text-align: left
}

@media only screen and (max-width: 767px) {
  .modalV2.share .modal-content .modal-body button {
    width: 100%;
    border-top: 1px solid #e6e6e6
  }

  .modalV2.share .modal-content .modal-body button.first {
    border-top: none;
    margin-top: 10px
  }

  .modalV2.share .modal-content .modal-body button.checked .icon-check {
    float: right;
    font-size: 20px;
    margin: 12px 5px 0 0
  }

  .modalV2.share .modal-content .modal-body button.checked:after {
    display: none
  }

  .modalV2.share .modal-content .modal-body button:after {
    font-family: vpgseticon;
    content: "\E617";
    font-size: 14px;
    float: right;
    margin-right: 10px
  }
}

.modalV2.share .modal-content .modal-body button i {
  font-size: 22px;
  float: left;
  margin: 10px
}

.modalV2.share .modal-content .modal-body button .button-text {
  float: left
}

.modalV2.share .modal-content .modal-body button .icon-check {
  font-size: 10px;
  float: left;
  margin: 17px 0 0 10px
}

.modalV2.share .modal-content .modal-body .separator-with-text {
  display: block;
  color: #9b9b9b;
  font-size: 14px;
  margin: -10px 0 5px
}

.modalV2.share .modal-content .modal-body .separator-with-text:after, .modalV2.share .modal-content .modal-body .separator-with-text:before {
  background-color: #e6e6e6
}

.modalV2.share .modal-content .modal-body .error, .modalV2.share .modal-content .modal-body .success {
  display: block;
  margin-bottom: 5px;
  text-align: center;
  line-height: 17px
}

.modalV2.share .modal-content .modal-body .send {
  color: #000
}

.modalV2.share .modal-content .modal-body .send-notice {
  color: #9b9b9b
}

.modalV2.share .modal-content .modal-body .input-email {
  margin-top: 5px;
  float: left;
  width: 66.66666666%
}

.modalV2.share .modal-content .modal-body .submit {
  float: left;
  border: 1px solid #bd1343;
  background-color: #bd1343;
  color: #fff;
  text-align: center;
  margin: 5px 0 0 2%;
  width: 31.333333%;
  line-height: 32px
}

.modalV2.share .modal-content .modal-body .submit.email-sent {
  border-color: #000;
  color: #000;
  background-color: #fff
}

.modalV2.share .modal-content .modal-body .submit.email-sent i {
  float: none;
  font-size: 14px;
  margin: 0 5px 0 0
}

.modalV2.share .modal-content .modal-body .add-message {
  float: left;
  width: 100%;
  line-height: 1;
  padding-top: 15px
}

.modalV2.share .modal-content .modal-body .add-message i {
  font-size: 13px;
  font-weight: 700;
  margin: 0 8px 5px 0
}

.modalV2.share .modal-content .modal-body textarea {
  resize: none;
  text-align: left;
  background-color: #e6e6e6;
  color: #000;
  margin-top: 10px;
  font-size: 14px;
  width: 100%;
  float: left
}

.TravelMapManager .card__title {
  margin-bottom: 15px
}

.TravelMapManager .card__desc {
  color: #1d1d1d
}

.TravelMap__main {
  position: relative
}

.TravelMap__overlay {
  position: absolute;
  background-color: #fff;
  top: 20px;
  left: 20px;
  z-index: 1;
  padding: 11px;
  border-radius: 3px;
  color: #bd1343;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
  font-size: 16px;
  white-space: nowrap
}

@media only screen and (max-width: 767px) {
  .TravelMap__overlay {
    right: 20px
  }
}

@media only screen and (max-width: 365px) {
  .TravelMap__overlay {
    font-size: 14px
  }
}

.TravelMap__overlay .icon {
  font-size: 16px;
  vertical-align: middle
}

.TravelMap__overlay .icon:first-child {
  font-size: 20px
}

.TravelMap__overlay .icon:last-child {
  color: #1d1d1d;
  margin-left: auto;
  position: relative
}

.TravelMap__overlayLabel {
  display: inline-block;
  margin: 0 10px;
  font-weight: 700;
  vertical-align: middle
}

.TravelMap__actions {
  display: -webkit-flex;
  display: flex
}

@media only screen and (max-width: 1024px) {
  .TravelMap__actions {
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    margin-top: 10px
  }
}

@media only screen and (min-width: 1025px) {
  .TravelMap__actions {
    margin-top: 30px
  }
}

.TravelMap__addDestination {
  margin-right: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

@media only screen and (max-width: 1024px) {
  .TravelMap__addDestination {
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 9px
  }
}

.TravelMap__addDestination .icon {
  font-size: 16px;
  margin-right: 5px
}

.TravelMap__stats {
  width: 100%;
  line-height: 1;
  margin-bottom: 12px;
  display: -webkit-flex;
  display: flex
}

@media only screen and (max-width: 1024px) {
  .TravelMap__stats {
    display: table;
    table-layout: fixed
  }
}

.TravelMap__statistic {
  color: #1d1d1d;
  font-weight: 700;
  padding: 5px 10px;
  border-right: 1px solid #d3d3d3
}

@media only screen and (max-width: 1024px) {
  .TravelMap__statistic {
    display: table-cell
  }
}

@media only screen and (min-width: 1025px) {
  .TravelMap__statistic {
    -webkit-flex: 0 1 100px;
    flex: 0 1 100px
  }
}

.TravelMap__statistic:first-child {
  padding-left: 0
}

.TravelMap__statistic:last-child {
  padding-right: 0;
  border-right: 0
}

.TravelMap__statistic--destinations {
  color: #bd1343
}

.TravelMap__statisticLabel {
  display: block;
  font-size: 10px;
  text-transform: uppercase
}

.TravelMap__statisticCount {
  display: block;
  font-size: 18px
}

.TravelMap .Mapbox {
  height: 400px
}

@media only screen and (min-width: 768px) {
  .TravelMap .Mapbox {
    height: 500px
  }
}

.ReactTooltip .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-size: 12px;
  word-wrap: break-word;
  opacity: 0 !important;
  visibility: visible !important
}

.ReactTooltip .tooltip.show {
  opacity: .9 !important
}

.ReactTooltip .tooltip:after, .ReactTooltip .tooltip:before {
  display: none !important
}

.ReactTooltip .tooltip .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem
}

.ReactTooltip .tooltip .arrow:before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.ReactTooltip .bs-tooltip-auto[x-placement^=top], .ReactTooltip .bs-tooltip-top {
  padding: .4rem 0
}

.ReactTooltip .bs-tooltip-auto[x-placement^=top] .arrow, .ReactTooltip .bs-tooltip-top .arrow {
  bottom: 0
}

.ReactTooltip .bs-tooltip-auto[x-placement^=top] .arrow:before, .ReactTooltip .bs-tooltip-top .arrow:before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #000
}

.ReactTooltip .bs-tooltip-auto[x-placement^=right], .ReactTooltip .bs-tooltip-right {
  padding: 0 .4rem
}

.ReactTooltip .bs-tooltip-auto[x-placement^=right] .arrow, .ReactTooltip .bs-tooltip-right .arrow {
  left: 0;
  width: .4rem;
  height: .8rem
}

.ReactTooltip .bs-tooltip-auto[x-placement^=right] .arrow:before, .ReactTooltip .bs-tooltip-right .arrow:before {
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000
}

.ReactTooltip .bs-tooltip-auto[x-placement^=bottom], .ReactTooltip .bs-tooltip-bottom {
  padding: .4rem 0
}

.ReactTooltip .bs-tooltip-auto[x-placement^=bottom] .arrow, .ReactTooltip .bs-tooltip-bottom .arrow {
  top: 0
}

.ReactTooltip .bs-tooltip-auto[x-placement^=bottom] .arrow:before, .ReactTooltip .bs-tooltip-bottom .arrow:before {
  bottom: 0;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000
}

.ReactTooltip .bs-tooltip-auto[x-placement^=left], .ReactTooltip .bs-tooltip-left {
  padding: 0 .4rem
}

.ReactTooltip .bs-tooltip-auto[x-placement^=left] .arrow, .ReactTooltip .bs-tooltip-left .arrow {
  right: 0;
  width: .4rem;
  height: .8rem
}

.ReactTooltip .bs-tooltip-auto[x-placement^=left] .arrow:before, .ReactTooltip .bs-tooltip-left .arrow:before {
  left: 0;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000
}

.ReactTooltip .tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 2px
}

.ReactTooltip--autoWidth .tooltip-inner {
  max-width: none
}

.ReactTooltip .tooltip {
  width: 255px;
  border-top: none;
  box-shadow: none;
  top: 10px !important
}

@media only screen and (min-width: 768px) {
  .ReactTooltip .tooltip {
    width: 313px
  }
}

.ReactTooltip .tooltip.show {
  opacity: 1 !important
}

.ReactTooltip .tooltip .tooltip-inner {
  color: #fff;
  background-color: rgba(0, 0, 0, .9);
  padding: 12px;
  max-width: 231px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  white-space: pre-line;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 768px) {
  .ReactTooltip .tooltip .tooltip-inner {
    max-width: 289px
  }
}

.MapDestination * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width: 767px) {
  .MapDestination .modal-dialog {
    margin: 0
  }
}

@media only screen and (min-width: 768px) {
  .MapDestination .modal-dialog {
    width: 700px
  }
}

.MapDestination .modal-body {
  padding-top: 0;
  padding-bottom: 0
}

.MapDestination__header {
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #eee;
  margin: 0 -15px
}

.MapDestination__close {
  font-size: 24px;
  color: #1d1d1d;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 18px 0 15px
}

.MapDestination__filteredText {
  color: #1d1d1d;
  font-size: 14px;
  line-height: 18px;
  margin: 25px 0 10px
}

.MapDestination__searchForm {
  font-size: 20px;
  color: #1d1d1d;
  border-left: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 8px 0 8px 16px;
  min-height: 50px
}

.MapDestination__searchForm input[type=text] {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

.MapDestination__filteredCountryLabel {
  font-size: 18px;
  line-height: 1;
  color: #1d1d1d;
  font-weight: 700
}

.MapDestination__scroll {
  overflow-x: scroll;
  border-bottom: 1px solid #eee;
  margin: 0 -15px
}

.MapDestination__continents {
  display: -webkit-flex;
  display: flex;
  white-space: nowrap
}

.MapDestination__continent {
  padding: 16px 15px 12px;
  border-bottom: 4px solid transparent;
  font-weight: 700;
  color: #1d1d1d;
  cursor: pointer
}

.MapDestination__continent.is-active {
  border-bottom-color: #bd1343
}

.MapDestination__country, .MapDestination__searchResult {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  cursor: pointer
}

.MapDestination__country:last-child, .MapDestination__searchResult:last-child {
  border-bottom: 0
}

.MapDestination__country.is-active .MapDestination__countryLabel, .MapDestination__country.is-active .MapDestination__searchResultCountryLabel, .MapDestination__country.is-active .MapDestination__searchResultLabel, .MapDestination__searchResult.is-active .MapDestination__countryLabel, .MapDestination__searchResult.is-active .MapDestination__searchResultCountryLabel, .MapDestination__searchResult.is-active .MapDestination__searchResultLabel {
  color: #bd1343
}

.MapDestination__countryLabel, .MapDestination__searchResultCountryLabel {
  color: #414141
}

.MapDestination__countryFlag {
  display: -webkit-flex;
  display: flex;
  padding-left: 10px;
  cursor: pointer
}

.MapDestination__countryFlag .icon {
  font-size: 20px;
  color: #1d1d1d
}

.MapDestination__countryFlag .icon.is-active {
  color: #bd1343
}

.MapDestination__countryTopDestinations {
  border-bottom: 1px solid #eee;
  overflow: hidden
}

.MapDestination__countryTopDestination {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: 20px 0;
  cursor: pointer
}

.MapDestination__countryTopDestination.is-active .MapDestination__countryTopDestinationLabel {
  color: #bd1343
}

.MapDestination__countryTopDestinationLabel, .MapDestination__searchResultLabel {
  margin-left: 30px;
  color: #414141
}

.MapDestination__countryTopDestinationFlag, .MapDestination__searchResultFlag {
  padding-left: 10px;
  display: -webkit-flex;
  display: flex;
  cursor: pointer
}

.MapDestination__countryTopDestinationFlag .icon, .MapDestination__searchResultFlag .icon {
  font-size: 20px;
  color: #1d1d1d
}

.MapDestination__countryTopDestinationFlag .icon.is-active, .MapDestination__searchResultFlag .icon.is-active {
  color: #bd1343
}

.Modal--shareTravelMap.share .modal-content .modal-body {
  padding-top: 0
}

.Modal--shareTravelMap.share .modal-content .close i {
  color: #1d1d1d
}

.Modal--shareTravelMap__title {
  font-size: 20px;
  line-height: 1.1;
  margin: 30px 0 10px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  color: #1d1d1d
}

@media only screen and (min-width: 1025px) {
  .Modal--shareTravelMap__title {
    font-size: 22px;
    margin-top: 20px
  }
}

.Modal--shareTravelMap__mapImg {
  margin: 0 -15px
}

.Modal--shareTravelMap__mapImg img {
  width: 100%
}

.saleroom-create-alert {
  clear: both;
  max-width: 1000px;
  min-height: 100px;
  background: #fff;
  margin: 25px auto;
  border: 1px solid #e6e6e6;
  border-left: 2px solid #bd1343;
  color: #000;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left
}

#section-next .saleroom-create-alert, #section-now .saleroom-create-alert {
  margin: 15px auto 25px
}

@media only screen and (max-width: 767px) {
  #section-next .saleroom-create-alert, #section-now .saleroom-create-alert {
    padding: 24px 16px
  }
}

.sdv-section-container #section-now .saleroom-create-alert {
  margin: 14px auto 10px
}

.sdv-section-container .saleroom-create-alert {
  max-width: 980px
}

@media only screen and (min-width: 1400px) {
  .sdv-section-container .saleroom-create-alert {
    max-width: 1200px
  }
}

@media (max-width: 1000px) {
  .sdv-section-container .saleroom-create-alert {
    margin-left: 10px !important;
    margin-right: 10px !important
  }
}

@media only screen and (max-width: 767px) {
  .saleroom-create-alert {
    width: 94%;
    padding: 24px;
    width: calc(100% - 20px);
    height: auto;
    border: 1px solid #e6e6e6;
    text-align: center
  }
}

.saleroom-create-alert .pink {
  color: #bd1343
}

.saleroom-create-alert i {
  display: inline-block;
  float: left;
  font-size: 32px;
  line-height: 96px;
  padding-left: 30px;
  padding-top: 4px
}

@media only screen and (max-width: 767px) {
  .saleroom-create-alert i {
    float: none;
    line-height: 32px;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
    padding-top: 0
  }
}

.saleroom-create-alert div.content {
  margin: 30px 0;
  padding-left: 30px
}

@media only screen and (min-width: 768px) {
  .saleroom-create-alert div.content {
    width: calc(100% - 430px);
    max-width: 645px;
    display: inline-block
  }
}

@media only screen and (max-width: 767px) {
  .saleroom-create-alert div.content {
    margin: 0;
    padding: unset
  }
}

.saleroom-create-alert div.content span.title {
  font-family: Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #1d1d1d;
  border-top: inherit
}

@media only screen and (max-width: 767px) {
  .saleroom-create-alert div.content span.title {
    width: auto;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
  }
}

.saleroom-create-alert div.content span.description {
  display: block;
  font-family: Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000
}

@media only screen and (max-width: 767px) {
  .saleroom-create-alert div.content span.description {
    padding-top: 4px;
    padding-bottom: 24px
  }
}

.saleroom-create-alert div.content span.search-label {
  font-weight: 600
}

.saleroom-create-alert a.btn, .saleroom-create-alert button {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  line-height: 50px;
  padding: 0 25px;
  float: right;
  margin: 25px;
  height: 50px;
  font-weight: 700
}

@media only screen and (max-width: 767px) {
  .saleroom-create-alert a.btn, .saleroom-create-alert button {
    width: 94%;
    width: calc(100% - 20px);
    float: none;
    margin: 0;
    padding: 0 20px;
    width: auto;
    line-height: 44px;
    height: 44px
  }
}

.saleroom-create-alert a.btn.pink, .saleroom-create-alert button.pink {
  background: #bd1343;
  color: #fff;
  border-radius: 2px
}

.saleroom-create-alert a.btn.black, .saleroom-create-alert button.black {
  background: #000;
  color: #fff
}

#trailerModal .loading {
  position: fixed
}

.trailerV2.modalV2 .modal-dialog {
  width: 800px;
  top: 50%;
  background-color: #fff;
  margin-bottom: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 1024px) {
  .trailerV2.modalV2 .modal-dialog {
    max-width: calc(100% - 20px)
  }
}

.trailerV2.modalV2 .btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600
}

@media only screen and (max-width: 1024px) {
  .trailerV2.modalV2 .btn {
    position: relative;
    bottom: inherit;
    right: inherit;
    width: 100%
  }
}

.trailerV2.modalV2 .pagination {
  position: absolute;
  right: 10px;
  bottom: 18px;
  color: #1d1d1d
}

.trailerV2.modalV2 .slick-slide {
  height: inherit
}

.slick-slider {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after, .slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  height: 450px;
  float: left;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-slide .caption {
  max-width: 420px;
  padding: 20px 15px;
  color: #000;
  font-style: italic
}

.slick-slide .caption p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-next, .slick-prev {
  z-index: 1;
  position: absolute;
  display: block;
  cursor: pointer;
  color: transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  border: none;
  outline: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, .5);
  height: 40px;
  margin-top: -20px;
  width: 40px;
  line-height: 40px;
  font-size: 25px
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  opacity: 1;
  outline: none;
  background: #1d1d1d;
  color: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before, .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: 0
}

[dir=rtl] .slick-prev {
  left: auto;
  right: 0
}

.slick-prev:before {
  content: "\E60B";
  font-family: vpgseticon
}

[dir=rtl] .slick-prev:before {
  content: "\E60A"
}

.slick-next {
  right: 0
}

[dir=rtl] .slick-next {
  left: 0;
  right: auto
}

.slick-next:before {
  content: "\E60A";
  font-family: vpgseticon
}

[dir=rtl] .slick-next:before {
  content: "\E60B"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0
}

.slick-dots li, .slick-dots li button {
  height: 20px;
  width: 20px;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

.lazyload, .lazyloading {
  opacity: 0
}

.lazyloaded {
  opacity: 1
}

.sale-destination {
  font-family: Source Sans Pro, sans-serif !important;
  font-style: normal !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px !important
}

.sdv-section-container .sale .sale-figure {
  position: relative;
  width: 100%;
  padding-bottom: 51.1%;
  background: none !important;
  background-color: #d3d3d3 !important
}

@media only screen and (max-width: 767px) {
  .sdv-section-container .sale .sale-figure {
    padding-bottom: 62%
  }
}

.sdv-section-container .sale .sale-figure .sale-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.sdv-section-container .sale .sale_content .sale-destination {
  font-family: Source Sans Pro, sans-serif;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px
}

.sdv-section-container .sale .sale_content .hotel-name {
  margin-top: -5px
}

.sdv-section-container .sale .sale_price .ribbon-txt-1 {
  line-height: 22px
}

.sdv-section-container .sale .admin-panel {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  text-align: left
}

.sdv-section-container .sale.push-promo a .push-promo-figure {
  position: relative;
  width: 100%;
  padding-bottom: calc(51.1% + 80px);
  background-color: #d3d3d3 !important;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.sdv-section-container .sale.push-promo a .push-promo-figure .push-promo-img {
  display: none
}

.sdv-section-container .sale.next .trailer-link {
  z-index: 2
}

@supports ((-o-object-fit: cover) or (object-fit:cover)) {
  .sdv-section-container .sale.push-promo a {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: calc(51.1% + 80px)
  }

  .sdv-section-container .sale.push-promo a .push-promo-figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: none !important;
    padding-bottom: 0
  }

  .sdv-section-container .sale.push-promo a .push-promo-figure .push-promo-img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
  }
}

#admin-filters {
  margin: 0 auto
}

@media only screen and (min-width: 768px) {
  #admin-filters {
    width: 100%;
    max-width: 1000px;
    overflow: hidden
  }
}

@media only screen and (min-width: 768px) {
  #admin-filters > div {
    display: -webkit-flex;
    display: flex;
    float: left;
    margin-right: 10px
  }

  #admin-filters > div .label {
    margin-right: 5px
  }
}

@media only screen and (max-width: 767px) {
  #admin-filters > div label {
    display: block
  }
}

@media only screen and (max-width: 767px) {
  #admin-filters > div.admin-separator {
    visibility: hidden;
    height: 10px
  }
}

#admin-filters div.with-prices .label {
  display: block;
  height: 20px
}

#admin-filters div.prices input {
  height: 20px;
  background-color: #fff;
  text-align: center;
  border: 1px solid #349534;
  color: green;
  cursor: auto
}

@media only screen and (max-width: 767px) {
  #admin-filters div.prices input {
    width: 50px;
    margin-left: 10px
  }
}

#admin-filters div.prices .valid-price-max {
  font-size: 11px;
  border: 1px solid #349534;
  border-left: none;
  color: #fff;
  background-color: green;
  padding: 0 3px;
  height: 20px;
  text-align: center
}

#admin-filters div.prices .remove-price-max {
  color: red;
  margin-left: 5px
}

#admin-filters div.template select {
  width: 200px
}

#admin-filters div.connectivity select {
  width: 150px
}

#admin-filters div.notice {
  font-size: 12px;
  font-style: italic;
  margin-top: 4px;
  float: right
}

@media only screen and (max-width: 767px) {
  #admin-filters div.notice {
    margin-top: 10px
  }
}

#admin-filters .switch {
  position: relative;
  display: block;
  width: 40px;
  height: 20px
}

@media only screen and (max-width: 767px) {
  #admin-filters .switch {
    left: calc(50% - 20px)
  }
}

#admin-filters .switch input {
  display: none
}

#admin-filters .switch input:checked + .switch__slider {
  background-color: #349534
}

#admin-filters .switch input:checked + .switch__slider:before {
  -webkit-transform: translateX(18px);
  transform: translateX(18px)
}

#admin-filters .switch input:focus + .switch__slider {
  box-shadow: 0 0 1px #349534
}

#admin-filters .switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9b9b9b;
  border-radius: 34px;
  transition: all .2s ease
}

#admin-filters .switch__slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: #fff;
  border-radius: 50%;
  transition: all .2s ease
}

#admin-filters select {
  padding: 0 !important;
  width: 50px
}

@media only screen and (max-width: 767px) {
  #admin-filters select {
    margin-left: 10px
  }
}

#admin-filters select option {
  padding: 0 5px
}

#cross_link_left {
  margin-left: 0;
  width: 23px
}

#cross-sale-full-width-slider .sale_price .ribbon {
  margin-top: 3px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cross-sale-content {
    overflow: hidden
  }

  .cross-sale-content #cross-sale-full-width-slider {
    height: 220px
  }

  .cross-sale-content #cross-sale-full-width-slider .sale-figure {
    height: auto
  }
}

#crossSaleCarousel .slick-slide, #crossSaleCarouselLight .slick-slide, #pplIndexPage .slick-slide, #sectionOfferIndexPage .slick-slide {
  height: auto;
  padding: 0 8px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#crossSaleCarousel .slick-slider, #crossSaleCarouselLight .slick-slider, #pplIndexPage .slick-slider, #sectionOfferIndexPage .slick-slider {
  width: auto;
  margin: 0 40px
}

#crossSaleCarousel .slick-slider .slick-arrow, #crossSaleCarouselLight .slick-slider .slick-arrow, #pplIndexPage .slick-slider .slick-arrow, #sectionOfferIndexPage .slick-slider .slick-arrow {
  top: 55%
}

#crossSaleCarousel .slick-slider .slick-arrow.slick-prev, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-prev, #pplIndexPage .slick-slider .slick-arrow.slick-prev, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-prev {
  /*left: -40px*/
}

#crossSaleCarousel .slick-slider .slick-arrow.slick-next, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-next, #pplIndexPage .slick-slider .slick-arrow.slick-next, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-next {
  /* right: -40px*/
}

#crossSaleCarousel .slick-slider .slick-arrow.slick-next, #crossSaleCarousel .slick-slider .slick-arrow.slick-next:focus, #crossSaleCarousel .slick-slider .slick-arrow.slick-next:hover, #crossSaleCarousel .slick-slider .slick-arrow.slick-prev, #crossSaleCarousel .slick-slider .slick-arrow.slick-prev:focus, #crossSaleCarousel .slick-slider .slick-arrow.slick-prev:hover, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-next, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-next:focus, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-next:hover, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-prev, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-prev:focus, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-prev:hover, #pplIndexPage .slick-slider .slick-arrow.slick-next, #pplIndexPage .slick-slider .slick-arrow.slick-next:focus, #pplIndexPage .slick-slider .slick-arrow.slick-next:hover, #pplIndexPage .slick-slider .slick-arrow.slick-prev, #pplIndexPage .slick-slider .slick-arrow.slick-prev:focus, #pplIndexPage .slick-slider .slick-arrow.slick-prev:hover, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-next, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-next:focus, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-next:hover, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-prev, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-prev:focus, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-prev:hover {
  background: none
}

#crossSaleCarousel .slick-slider .slick-arrow.slick-next:before, #crossSaleCarousel .slick-slider .slick-arrow.slick-prev:before, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-next:before, #crossSaleCarouselLight .slick-slider .slick-arrow.slick-prev:before, #pplIndexPage .slick-slider .slick-arrow.slick-next:before, #pplIndexPage .slick-slider .slick-arrow.slick-prev:before, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-next:before, #sectionOfferIndexPage .slick-slider .slick-arrow.slick-prev:before {
  color: #666
}

#crossSaleCarousel .slick-slider article, #crossSaleCarouselLight .slick-slider article, #pplIndexPage .slick-slider article, #sectionOfferIndexPage .slick-slider article {
  margin: 0;
  overflow: hidden;
  width: 100%
}

#crossSaleCarousel .slick-slider article figure img, #crossSaleCarouselLight .slick-slider article figure img, #pplIndexPage .slick-slider article figure img, #sectionOfferIndexPage .slick-slider article figure img {
  height: 158px
}

#crossSaleCarousel .slick-slider article .sale_content, #crossSaleCarouselLight .slick-slider article .sale_content, #pplIndexPage .slick-slider article .sale_content, #sectionOfferIndexPage .slick-slider article .sale_content {
  width: 71%;
  padding: 7px 0 3px 2%;
  min-height: 42px
}

#crossSaleCarousel .slick-slider article .sale_content .sale-destination, #crossSaleCarouselLight .slick-slider article .sale_content .sale-destination, #pplIndexPage .slick-slider article .sale_content .sale-destination, #sectionOfferIndexPage .slick-slider article .sale_content .sale-destination {
  line-height: 1em;
  font-size: 16px;
  margin: 0
}

#crossSaleCarousel .slick-slider article .sale_content .sale-time-remaining, #crossSaleCarouselLight .slick-slider article .sale_content .sale-time-remaining, #pplIndexPage .slick-slider article .sale_content .sale-time-remaining, #sectionOfferIndexPage .slick-slider article .sale_content .sale-time-remaining {
  top: auto;
  bottom: 52px
}

#crossSaleCarousel .slick-slider article .sale_content .hotel-name, #crossSaleCarouselLight .slick-slider article .sale_content .hotel-name, #pplIndexPage .slick-slider article .sale_content .hotel-name, #sectionOfferIndexPage .slick-slider article .sale_content .hotel-name {
  display: none
}

#crossSaleCarousel .slick-slider article .sale_price, #crossSaleCarouselLight .slick-slider article .sale_price, #pplIndexPage .slick-slider article .sale_price, #sectionOfferIndexPage .slick-slider article .sale_price {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 27%;
  min-height: 52px
}

#crossSaleCarousel .slick-slider article .ribbon, #crossSaleCarouselLight .slick-slider article .ribbon, #pplIndexPage .slick-slider article .ribbon, #sectionOfferIndexPage .slick-slider article .ribbon {
  margin-top: 8px;
  min-height: 0;
  max-height: none;
  height: auto
}

#crossSaleCarousel .slick-slider article .ribbon .ribbon-content, #crossSaleCarouselLight .slick-slider article .ribbon .ribbon-content, #pplIndexPage .slick-slider article .ribbon .ribbon-content, #sectionOfferIndexPage .slick-slider article .ribbon .ribbon-content {
  display: block
}

#crossSaleCarousel .slick-slider article .ribbon .ribbon-content .ribbon-txt-1, #crossSaleCarouselLight .slick-slider article .ribbon .ribbon-content .ribbon-txt-1, #pplIndexPage .slick-slider article .ribbon .ribbon-content .ribbon-txt-1, #sectionOfferIndexPage .slick-slider article .ribbon .ribbon-content .ribbon-txt-1 {
  font-size: 12px;
  line-height: 12px
}

#crossSaleCarousel .slick-slider article .ribbon .ribbon-content .ribbon-txt-2, #crossSaleCarouselLight .slick-slider article .ribbon .ribbon-content .ribbon-txt-2, #pplIndexPage .slick-slider article .ribbon .ribbon-content .ribbon-txt-2, #sectionOfferIndexPage .slick-slider article .ribbon .ribbon-content .ribbon-txt-2 {
  font-size: 20px;
  line-height: 18px
}

#crossSaleCarousel .slick-slider article .ribbon .ribbon-content .ribbon-txt-3.medium_text, #crossSaleCarouselLight .slick-slider article .ribbon .ribbon-content .ribbon-txt-3.medium_text, #pplIndexPage .slick-slider article .ribbon .ribbon-content .ribbon-txt-3.medium_text, #sectionOfferIndexPage .slick-slider article .ribbon .ribbon-content .ribbon-txt-3.medium_text {
  white-space: nowrap;
  font-size: 23px
}

#crossSaleCarousel .slick-slider article .ribbon .ribbon-content .ribbon-txt-4, #crossSaleCarouselLight .slick-slider article .ribbon .ribbon-content .ribbon-txt-4, #pplIndexPage .slick-slider article .ribbon .ribbon-content .ribbon-txt-4, #sectionOfferIndexPage .slick-slider article .ribbon .ribbon-content .ribbon-txt-4 {
  font-size: 13px
}

#crossSaleCarousel .slick-slider article .ribbon--hidden, #crossSaleCarouselLight .slick-slider article .ribbon--hidden, #pplIndexPage .slick-slider article .ribbon--hidden, #sectionOfferIndexPage .slick-slider article .ribbon--hidden {
  visibility: hidden
}

.sale-crosssell-header {
  margin: 0 0 20px;
  font-size: 16px;
  text-align: center;
  color: #000;
  font-family: Georgia, Times New Roman, Times, serif;
  padding: 0 10px
}

@media only screen and (max-width: 767px) {
  #crossSaleCarousel .slick-slider, #crossSaleCarouselLight .slick-slider {
    padding-left: 0 !important
  }

  #crossSaleCarousel .slick-slider .slick-list .slick-slide article, #crossSaleCarouselLight .slick-slider .slick-list .slick-slide article {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  #crossSaleCarousel .slick-slider .slick-list .slick-slide article .sale_content, #crossSaleCarouselLight .slick-slider .slick-list .slick-slide article .sale_content {
    max-height: 70px;
    min-height: 56px
  }

  #crossSaleCarousel .slick-slider .slick-list .slick-slide article .sale_content .sale-time-remaining, #crossSaleCarouselLight .slick-slider .slick-list .slick-slide article .sale_content .sale-time-remaining {
    top: auto;
    color: #666;
    bottom: 0;
    padding-bottom: 3px
  }

  #crossSaleCarousel .slick-slider .slick-list .slick-slide article .sale_content .sale-time-remaining i, #crossSaleCarouselLight .slick-slider .slick-list .slick-slide article .sale_content .sale-time-remaining i {
    color: #666;
    margin: 0 5px
  }

  #crossSaleCarousel .slick-slider .slick-list .slick-slide article .sale_price, #crossSaleCarouselLight .slick-slider .slick-list .slick-slide article .sale_price {
    min-height: 66px
  }

  #crossSaleCarousel .slick-slider .slick-list .slick-slide article .ribbon, #crossSaleCarouselLight .slick-slider .slick-list .slick-slide article .ribbon {
    margin-top: 20px
  }
}

@media (min-width: 1335px) {
  #crossSaleCarousel .slick-slider, #crossSaleCarouselLight .slick-slider {
    padding-left: 130px
  }

  .page-center .slick-slider {
    padding-left: 0 !important
  }
}

@media only screen and (max-width: 1024px) {
  #crossSaleCarousel .slick-slider .slick-list article, #crossSaleCarouselLight .slick-slider .slick-list article {
    max-width: 100%
  }

  #crossSaleCarousel .slick-slider .slick-list article figure, #crossSaleCarouselLight .slick-slider .slick-list article figure {
    overflow: hidden
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #crossSaleCarousel .slick-slider figure, #crossSaleCarouselLight .slick-slider figure {
    height: auto
  }
}

@media (min-width: 690px) and (max-width: 900px) {
  #crossSaleCarousel .slick-slider .slick-list, #crossSaleCarouselLight .slick-slider .slick-list {
    padding-left: 0 !important
  }

  #crossSaleCarousel .disable-backbutton .slick-prev, #crossSaleCarouselLight .disable-backbutton .slick-prev {
    pointer-events: none
  }
}

@media (max-width: 689px) {
  #crossSaleCarousel .slick-slider, #crossSaleCarouselLight .slick-slider {
    margin: 0
  }
}

@media only screen and (max-width: 767px) {
  #crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-3, #crossSaleCarouselLight .ribbon .ribbon-content .ribbon-txt-3 {
    font-size: 20px
  }
}

@media only screen and (max-width: 365px) {
  #crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-3, #crossSaleCarouselLight .ribbon .ribbon-content .ribbon-txt-3 {
    font-size: 14px
  }

  #crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-4, #crossSaleCarouselLight .ribbon .ribbon-content .ribbon-txt-4 {
    font-size: 10px !important
  }
}

.modal--cross-sell .modal-dialog {
  width: 735px !important;
  margin-top: 126px !important
}

@media only screen and (max-height: 910px) {
  .modal--cross-sell .modal-dialog {
    margin-top: 40px
  }
}

.modal--cross-sell .modal-dialog header {
  font-style: italic;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 28px;
  color: #1d1d1d;
  margin-top: 15px;
  margin-bottom: 10px;
  line-height: 1.2;
  text-align: center
}

.modal--cross-sell .modal-dialog header:after {
  content: "\2014";
  display: block;
  font-family: Georgia, Times New Roman, Times, serif;
  color: #bd1343;
  opacity: .9;
  font-size: 25px;
  font-weight: 700
}

.modal--cross-sell .modal-dialog main article {
  width: 338px
}

.modal--cross-sell .modal-dialog main article .sale_content {
  min-height: 36px;
  max-height: 36px;
  width: 74%
}

.modal--cross-sell .modal-dialog main article .sale_content .sale-destination {
  font-size: 14px;
  margin-bottom: 0
}

.modal--cross-sell .modal-dialog main article .sale_content .sale-name {
  display: none
}

.modal--cross-sell .modal-dialog main article .sale_content .hotel-name {
  font-size: 12px
}

.modal--cross-sell .modal-dialog main article .sale_content .sale-time-remaining {
  top: 135px
}

.modal--cross-sell .modal-dialog main article .sale_price {
  min-height: 46px;
  width: 24%
}

.modal--cross-sell .modal-dialog main article .sale_price .ribbon {
  max-height: 60px;
  min-height: 60px;
  height: 60px
}

.modal--cross-sell .modal-dialog main article .sale_price .ribbon .exclusive.ribbon-txt-4 {
  font-size: 15px
}

.modal--cross-sell .modal-dialog main article .sale_price .ribbon .price.ribbon-txt-3 {
  font-size: 25px
}

.modal--cross-sell .modal-dialog footer {
  text-align: center;
  margin: 20px 0 15px
}

.modal--cross-sell .modal-dialog footer .button {
  text-align: center;
  border-radius: 2px;
  padding: 13px 20px;
  line-height: 1;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: Source Sans Pro, sans-serif;
  cursor: pointer;
  display: inline-block
}

.modal--cross-sell .modal-dialog footer .button--light {
  background-color: #eee;
  border: 1px solid #d3d3d3;
  color: #797979;
  transition: all .1s ease-out
}

.modal--cross-sell .modal-dialog footer .button--light:hover {
  transition: all .2s ease-out;
  background-color: #d3d3d3;
  color: #666
}

.modal--cross-sell .modal-dialog .close {
  position: absolute;
  right: 0;
  top: -28px;
  color: #fff;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 0
}

.modal--cross-sell .modal-dialog .close i, .modal--cross-sell .modal-dialog .close span {
  display: inline-block;
  vertical-align: middle
}

.modal--cross-sell .modal-dialog .close i {
  margin-top: 2px;
  margin-left: 6px;
  font-size: 16px
}

.cross-sale-button {
  width: auto;
  margin: 15px auto;
  cursor: pointer;
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  border-radius: 2px
}

#crossSaleCarousel .sale, .modal--cross-sell .sale {
  margin: 1%;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  cursor: pointer
}

#crossSaleCarousel .sale a, .modal--cross-sell .sale a {
  margin: 0;
  text-decoration: none;
  cursor: pointer
}

#crossSaleCarousel .sale img, .modal--cross-sell .sale img {
  width: 100%;
  height: auto
}

#crossSaleCarousel .sale .trailer-link, .modal--cross-sell .sale .trailer-link {
  z-index: 10;
  position: absolute;
  width: 50px;
  text-align: right;
  top: 0;
  right: 0;
  height: 50px;
  line-height: 45px;
  background: none;
  display: none \9
}

#crossSaleCarousel .sale .trailer-link i, .modal--cross-sell .sale .trailer-link i {
  font-size: 20px;
  color: #fff;
  padding-right: 15%;
  vertical-align: middle
}

#crossSaleCarousel .sale .sale-image, .modal--cross-sell .sale .sale-image {
  background: #d6d6d6 no-repeat 0 0
}

#crossSaleCarousel .sale .tag, .modal--cross-sell .sale .tag {
  color: #fff;
  background: rgba(0, 0, 0, .6);
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px
}

#crossSaleCarousel .sale .sale-time-remaining, .modal--cross-sell .sale .sale-time-remaining {
  margin: 5px 0 0
}

#crossSaleCarousel .sale.col-6 .sale-time-remaining, .modal--cross-sell .sale.col-6 .sale-time-remaining {
  top: 203px;
  position: absolute;
  left: 0
}

#crossSaleCarousel .sale.col-12 .sale-time-remaining, .modal--cross-sell .sale.col-12 .sale-time-remaining {
  top: 378px
}

#crossSaleCarousel .sale .sale_content, .modal--cross-sell .sale .sale_content {
  width: 78%;
  float: left;
  background: #fff;
  padding: 12px 0 12px 2%;
  line-height: 1.2em;
  height: 100%;
  min-height: 56px;
  max-height: 56px
}

#crossSaleCarousel .sale .sale_content i.line-icon-clock, .modal--cross-sell .sale .sale_content i.line-icon-clock {
  font-size: 14px;
  margin: 0 10px;
  color: #fff
}

#crossSaleCarousel .sale .sale-destination, #crossSaleCarousel .sale .sale-name, .modal--cross-sell .sale .sale-destination, .modal--cross-sell .sale .sale-name {
  padding: 0;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  height: 17px
}

#crossSaleCarousel .sale .hotel-name, #crossSaleCarousel .sale .sale-name, .modal--cross-sell .sale .hotel-name, .modal--cross-sell .sale .sale-name {
  font-size: 14px;
  color: #666;
  display: inline-block;
  width: 100%
}

#crossSaleCarousel .sale .sale-name, .modal--cross-sell .sale .sale-name {
  height: auto
}

#crossSaleCarousel .sale .sale-destination, .modal--cross-sell .sale .sale-destination {
  display: inline-block;
  font-size: 16px;
  font-style: italic;
  color: #1d1d1d;
  width: 97.9591836734694%;
  margin-bottom: 5px
}

#crossSaleCarousel .sale .hotel-name, .modal--cross-sell .sale .hotel-name {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px
}

#crossSaleCarousel .sale .sale_price_separator, .modal--cross-sell .sale .sale_price_separator {
  width: 2%;
  background: #e6e6e6;
  height: 60px;
  float: left;
  margin: 4px 0
}

#crossSaleCarousel .sale .sale_price, .modal--cross-sell .sale .sale_price {
  width: 20%;
  background: #fff;
  float: left;
  height: 100%;
  min-height: 66px;
  max-height: none;
  padding: 0
}

#crossSaleCarousel .sale .ribbon, .modal--cross-sell .sale .ribbon {
  max-height: 80px;
  min-height: 80px;
  height: 80px;
  border-left: 1px solid #e6e6e6;
  width: 100%
}

#crossSaleCarousel .sale .ribbon .label, .modal--cross-sell .sale .ribbon .label {
  display: block
}

#crossSaleCarousel .sale .next a, .modal--cross-sell .sale .next a {
  padding: 0;
  cursor: pointer
}

#crossSaleCarousel .sale .next a.next-sale-btn, .modal--cross-sell .sale .next a.next-sale-btn {
  position: absolute;
  right: 5px;
  float: none;
  display: inline-block;
  width: auto;
  background: none repeat scroll 0 0
}

#crossSaleCarousel .sale .next a.next-sale-btn span.btn, .modal--cross-sell .sale .next a.next-sale-btn span.btn {
  font-size: 14px;
  padding: 0 15px;
  background: rgba(189, 19, 67, .8)
}

#crossSaleCarousel .sale .next .sale_price_separator, .modal--cross-sell .sale .next .sale_price_separator {
  width: 2%;
  background: #d6d6d6;
  float: left;
  margin: 4px 0
}

#crossSaleCarousel .sale .sale-bottom, .modal--cross-sell .sale .sale-bottom {
  display: block;
  border-top: 1px solid #e6e6e6;
  margin: 15px 0 0;
  padding: 5px 0;
  width: 100%;
  position: relative;
  height: 28px;
  line-height: 28px
}

#crossSaleCarousel .sale .sale-end, .modal--cross-sell .sale .sale-end {
  display: inline-block;
  color: #666;
  vertical-align: middle
}

#crossSaleCarousel .sale .sale-end .icon-watch, .modal--cross-sell .sale .sale-end .icon-watch {
  vertical-align: middle;
  margin: -2px 0 0
}

#crossSaleCarousel .sale .icon-event1, #crossSaleCarousel .sale .icon-event2, #crossSaleCarousel .sale .icon-event3, #crossSaleCarousel .sale .icon-event4, #crossSaleCarousel .sale .icon-new, .modal--cross-sell .sale .icon-event1, .modal--cross-sell .sale .icon-event2, .modal--cross-sell .sale .icon-event3, .modal--cross-sell .sale .icon-event4, .modal--cross-sell .sale .icon-new {
  position: absolute;
  top: 0;
  left: 0;
  display: block
}

#crossSaleCarousel .sale .picto-event, .modal--cross-sell .sale .picto-event {
  display: block;
  color: #fff;
  width: 20%;
  height: 20%;
  position: absolute;
  top: 0
}

#crossSaleCarousel .ribbonChild .ribbon-content > span, .modal--cross-sell .ribbonChild .ribbon-content > span {
  display: block
}

#crossSaleCarousel .lt-ie8 .sale .sale-end, .modal--cross-sell .lt-ie8 .sale .sale-end {
  float: left
}

#crossSaleCarousel .ribbon, .modal--cross-sell .ribbon {
  display: table;
  text-align: center;
  margin: 0 auto;
  color: #bd1343;
  max-height: 70px;
  min-height: 70px;
  width: 98%;
  height: 70px
}

#crossSaleCarousel .ribbon .ribbon-content, .modal--cross-sell .ribbon .ribbon-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

#crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-1, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-1 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  margin: 0
}

#crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-2, #crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-3, #crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-3.medium_text, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-2, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-3, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-3.medium_text {
  font-size: 28px;
  line-height: 23px;
  font-weight: 400
}

#crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-2, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-2 {
  line-height: 22px;
  font-weight: 400;
  margin: 0
}

#crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-2 .small_text, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-2 .small_text {
  font-size: 17px
}

@media only screen and (max-width: 767px) {
  #crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-3, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-3 {
    font-size: 20px;
    white-space: nowrap
  }
}

#crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-3.chf, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-3.chf {
  font-size: 14px !important
}

#crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-3 .small_text, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-3 .small_text {
  font-size: 13px
}

#crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-4, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  display: block;
  padding: 5px
}

#crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-5, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-5 {
  font-size: 12px;
  display: block;
  line-height: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0 20% 5px
}

#crossSaleCarousel .ribbon .ribbon-content .ribbon-txt-5 + .ribbon-txt-2, .modal--cross-sell .ribbon .ribbon-content .ribbon-txt-5 + .ribbon-txt-2 {
  font-size: 24px
}

#crossSaleCarousel .ribbon-black, .modal--cross-sell .ribbon-black {
  background-color: #000
}

@media only screen and (min-width: 1025px) {
  #crossSaleCarousel .sale, .modal--cross-sell .sale {
    position: relative
  }

  #crossSaleCarousel .sale .sale-time-remaining, .modal--cross-sell .sale .sale-time-remaining {
    margin: 5px 0 0;
    position: absolute;
    top: 205px;
    left: 0;
    width: 100%;
    padding: 10px 0;
    display: inline-block;
    color: #fff
  }

  #crossSaleCarousel .sale .hotel-name, #crossSaleCarousel .sale .trailer-link, .modal--cross-sell .sale .hotel-name, .modal--cross-sell .sale .trailer-link {
    display: inline-block
  }

  #crossSaleCarousel .sale .sale-figure, .modal--cross-sell .sale .sale-figure {
    position: relative;
    max-height: 244px;
    overflow: hidden
  }

  #crossSaleCarousel .sale i.line-icon-clock, .modal--cross-sell .sale i.line-icon-clock {
    color: #fff;
    margin: 0 10px
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #crossSaleCarousel .sale .sale-name, .modal--cross-sell .sale .sale-name {
    font-size: 14px
  }

  #crossSaleCarousel .sale .hotel-name, #crossSaleCarousel .sale .sale-name, .modal--cross-sell .sale .hotel-name, .modal--cross-sell .sale .sale-name {
    font-weight: 600
  }

  #crossSaleCarousel .sale .sale-destination, #crossSaleCarousel .sale .sale-name, .modal--cross-sell .sale .sale-destination, .modal--cross-sell .sale .sale-name {
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: 17px
  }

  #crossSaleCarousel .sale .ribbon, .modal--cross-sell .sale .ribbon {
    max-height: 66px;
    min-height: 66px;
    height: 66px
  }
}

@media only screen and (max-width: 1024px) {
  #crossSaleCarousel .sale, .modal--cross-sell .sale {
    position: relative
  }

  #crossSaleCarousel .sale.col-6 .sale-time-remaining, .modal--cross-sell .sale.col-6 .sale-time-remaining {
    bottom: 80px;
    top: inherit;
    color: #fff;
    margin: 0;
    width: 100%;
    padding: 10px 0;
    display: inline-block;
    background-size: auto 37px
  }

  #crossSaleCarousel .sale.catalog .sale_content .sale-time-remaining, .modal--cross-sell .sale.catalog .sale_content .sale-time-remaining {
    top: inherit
  }

  #crossSaleCarousel .sale .ribbon, .modal--cross-sell .sale .ribbon {
    max-height: 66px;
    min-height: 66px;
    height: 66px
  }

  #crossSaleCarousel .sale .hotel-name, #crossSaleCarousel .sale .sale-name, .modal--cross-sell .sale .hotel-name, .modal--cross-sell .sale .sale-name {
    font-weight: 400
  }

  #crossSaleCarousel .sale .sale-destination, #crossSaleCarousel .sale .sale-name, .modal--cross-sell .sale .sale-destination, .modal--cross-sell .sale .sale-name {
    font-size: 14px;
    white-space: nowrap;
    max-width: 96%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: 17px
  }

  #crossSaleCarousel .sale .sale_content, .modal--cross-sell .sale .sale_content {
    width: 78%
  }

  #crossSaleCarousel .sale.next a.next-sale-btn, .modal--cross-sell .sale.next a.next-sale-btn {
    top: unset;
    bottom: 85px
  }

  #crossSaleCarousel .sale .sale-figure, .modal--cross-sell .sale .sale-figure {
    position: relative
  }

  #crossSaleCarousel .sale .sale-bottom, .modal--cross-sell .sale .sale-bottom {
    height: 40px;
    line-height: 40px
  }

  #crossSaleCarousel .sale .trailer-link i, .modal--cross-sell .sale .trailer-link i {
    padding-right: 10%
  }
}

@media only screen and (min-width: 768px) {
  #crossSaleCarousel .sale-time-remaining, .modal--cross-sell .sale-time-remaining {
    background: linear-gradient(180deg, transparent 1%, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75));
    -webkit-filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00000000", endColorstr="#bf000000", GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00000000", endColorstr="#bf000000", GradientType=0)
  }
}

@media only screen and (min-width: 1025px) {
  #crossSaleCarousel .push-promo, #crossSaleCarousel .sale, #crossSaleCarousel .sale .sale-figure, .modal--cross-sell .push-promo, .modal--cross-sell .sale, .modal--cross-sell .sale .sale-figure {
    position: relative
  }

  #crossSaleCarousel .sale i.line-icon-clock, .modal--cross-sell .sale i.line-icon-clock {
    margin: 0 10px
  }

  #crossSaleCarousel .sale .sale-time-remaining, .modal--cross-sell .sale .sale-time-remaining {
    margin: 1px 0 0
  }

  #crossSaleCarousel .sale .sale_price_separator, .modal--cross-sell .sale .sale_price_separator {
    height: 58px;
    margin: 6px 0
  }

  #crossSaleCarousel .ribbon, .modal--cross-sell .ribbon {
    max-height: 66px;
    min-height: 66px;
    height: 66px
  }

  #crossSaleCarousel .sale.next a.next-sale-btn, .modal--cross-sell .sale.next a.next-sale-btn {
    top: 205px
  }
}

#saleroom-container #crossSaleCarousel {
  overflow: visible;
  padding-top: 25px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #saleroom-container #crossSaleCarousel {
    padding: 25px 10px 0
  }
}

#saleroom-container #crossSaleCarousel h2.section-title {
  float: none;
  margin: 0 0 10px;
  line-height: 27px
}

#saleroom-container #crossSaleCarousel h3 {
  font-size: 16px;
  line-height: 25px;
  text-align: center
}

#saleroom-container #crossSaleCarousel .slick-slider {
  max-width: 980px;
  margin: 0 auto
}

@media only screen and (min-width: 767px) and (max-width: 1190px) {
  #saleroom-container #crossSaleCarousel .slick-slider {
    margin: 0 -4px;
    overflow: hidden
  }
}

#saleroom-container #crossSaleCarousel .slick-list {
  margin: -1px 0 0
}

@media only screen and (min-width: 767px) and (max-width: 1190px) {
  #saleroom-container #crossSaleCarousel .slick-slide {
    margin: 0;
    padding: 0 4px
  }
}

#saleroom-container #crossSaleCarousel .slick-arrow {
  top: 50%;
  margin: 0 -50px
}

@media only screen and (min-width: 767px) and (max-width: 1190px) {
  #saleroom-container #crossSaleCarousel .slick-arrow {
    height: 110%;
    width: 48px;
    margin: 0 35px !important;
    background: rgba(0, 0, 0, .3)
  }

  #saleroom-container #crossSaleCarousel .slick-arrow.slick-prev {
    border-left: 10px solid #e6e6e6
  }

  #saleroom-container #crossSaleCarousel .slick-arrow.slick-next {
    border-right: 10px solid #e6e6e6
  }

  #saleroom-container #crossSaleCarousel .slick-arrow:hover {
    background: rgba(0, 0, 0, .6)
  }
}

#saleroom-container #crossSaleCarousel .slick-arrow:before {
  opacity: 1;
  font-size: 17px;
  color: #000
}

@media only screen and (min-width: 767px) and (max-width: 1190px) {
  #saleroom-container #crossSaleCarousel .slick-arrow:before {
    position: absolute;
    top: 50%;
    right: 11px;
    color: #fff
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #saleroom-container #crossSaleCarousel .slick-arrow:before {
    top: calc(50% - 8px)
  }
}

@media only screen and (min-width: 767px) and (max-width: 1190px) {
  #saleroom-container #crossSaleCarousel .slick-arrow.slick-disabled {
    display: none !important
  }
}

#saleroom-container #crossSaleCarousel .sale_content {
  width: 70%;
  min-height: 77px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 5px
}

@media only screen and (max-width: 767px) {
  #saleroom-container #crossSaleCarousel .sale_content {
    padding: 5px 0 5px 10px
  }
}

#saleroom-container #crossSaleCarousel .sale-destination {
  height: auto;
  margin: 3px 0
}

#saleroom-container #crossSaleCarousel .sale-time-remaining {
  bottom: 77px;
  padding: 5px 0;
  color: #fff;
  background: linear-gradient(180deg, transparent 1%, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75))
}

@media only screen and (max-width: 767px) {
  #saleroom-container #crossSaleCarousel .sale-time-remaining {
    padding: 10px 5px 7px
  }
}

#saleroom-container #crossSaleCarousel .line-icon-clock {
  margin: 0 5px;
  color: #fff
}

#saleroom-container #crossSaleCarousel .hotel-name {
  display: block;
  margin-top: -2px
}

#saleroom-container #crossSaleCarousel .sale_price {
  display: table;
  width: 30%
}

#saleroom-container #crossSaleCarousel .ribbon {
  height: 100%;
  margin: 0;
  min-height: 77px;
  background: #fff
}

#saleroom-container #crossSaleCarousel .ribbon-content {
  vertical-align: middle;
  display: table-cell
}

#saleroom-container #crossSaleCarousel .ribbon-txt-1 {
  margin-bottom: 3px;
  font-size: 12px
}

#saleroom-container #crossSaleCarousel .ribbon-txt-2 {
  font-size: 28px
}

@media only screen and (min-width: 767px) and (max-width: 1190px) {
  #saleroom-container .section-white .slick-arrow {
    border-color: #fff !important
  }
}

#bottom-sdv {
  padding-bottom: 20px !important
}

#bottom-sdv #reset-dedicated-showroom {
  text-align: center
}

#bottom-sdv #btn-reset-dedicated-showroom {
  display: inline-block;
  width: auto;
  height: 45px;
  padding: 5px 20px;
  font-size: 13px;
  font-weight: 700
}

#rebuildMessage {
  text-align: center;
  padding: 25px 0;
  background: #fff;
  height: 87px;
  overflow: hidden;
  transition: .3s;
  max-width: none;
  z-index: 2;
  position: relative;
  margin: 0
}

#rebuildMessage section {
  display: block;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  padding: 15px 0;
  border: 1px solid #ccc
}

#rebuildMessage.close {
  padding: 0;
  height: 0
}

#rebuildMessage:not([style*="display: none"]) + .sliderContainer:not([style*="display: none"]) .rsOverflow {
  margin-top: 0
}

#rebuildMessage .endSession {
  padding: 15px;
  color: #000;
  position: relative
}

#rebuildMessage .endSession .title {
  text-align: center;
  font-size: 16px;
  border-top: none;
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: #000
}

#rebuildMessage .endSession .title .icon-clock {
  margin-right: 2px
}

#rebuildMessage .endSession .title span.pink {
  display: block;
  color: #bd1343
}

#rebuildMessage .endSession .subtitle {
  font-size: 13px
}

#rebuildMessage .endSession .icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 12px;
  cursor: pointer
}

.avis-notification {
  max-width: none;
  margin: 0;
  background-color: #fff;
  position: relative;
  display: block;
  padding: 25px 0;
  width: 100%;
  z-index: 2;
  height: 96px;
  overflow: hidden;
  transition: .3s
}

.avis-notification.close {
  height: 0;
  padding: 0
}

@media only screen and (max-width: 1024px) {
  .avis-notification {
    margin-bottom: 20px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .avis-notification {
    margin-bottom: 20px
  }
}

.avis-notification section {
  display: block;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  padding: 15px 0;
  border: 1px solid #ccc
}

.avis-notification .closeBtn {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer
}

.avis-notification .notification-icon {
  display: table-cell;
  font-size: 35px;
  color: #000;
  padding: 7px 0 0 30px
}

@media only screen and (max-width: 1024px) {
  .avis-notification .notification-icon {
    padding: 0 8px 15px;
    vertical-align: middle
  }
}

.avis-notification .icon-speechbubble.notification-icon {
  font-size: 50px
}

.avis-notification .notification {
  padding: 0 20px;
  display: table-cell;
  vertical-align: middle;
  color: #000;
  font-size: 14px
}

@media only screen and (max-width: 1024px) {
  .avis-notification .notification {
    display: table-cell
  }
}

.avis-notification .btn {
  background-color: #bd1343;
  font-size: 14px;
  min-width: 135px;
  margin-right: 30px;
  padding-right: 20px
}

.avis-notification .actions-column {
  display: table-cell;
  vertical-align: middle;
  padding-right: 6px
}

@media only screen and (max-width: 1024px) {
  .avis-notification .actions-column {
    padding-top: 20px;
    display: block
  }
}

@media only screen and (max-width: 1024px) {
  .avis-notification .actions-column a {
    margin: 0 20px
  }
}

.avis-notification h1 {
  font-size: 18px;
  color: #000;
  line-height: 28px
}

.avis-notification .icon-close:after {
  content: "\E61C"
}

.avis-notification .icon-close:before {
  content: ""
}

.NearYouBanner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  padding: 15px 20px;
  background-color: #fff
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .NearYouBanner {
    padding-top: 30px
  }
}

@media only screen and (min-width: 1025px) {
  .NearYouBanner {
    padding: 20px
  }
}

.NearYouBanner__close {
  color: #666;
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 24px;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .NearYouBanner__close {
    color: #1d1d1d;
    top: 7px;
    right: 7px
  }
}

.NearYouBanner__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

@media only screen and (min-width: 768px) {
  .NearYouBanner__content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
  }
}

.NearYouBanner__title {
  color: #1d1d1d
}

.NearYouBanner__title div:first-child {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-right: 20px
}

.NearYouBanner__title div:last-child {
  margin: 10px 0 20px
}

@media only screen and (min-width: 768px) {
  .NearYouBanner__title div:last-child {
    margin: 0 20px 0 0
  }
}

.NearYouBanner__cta {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.NearYouBanner__select {
  width: 200px;
  margin-right: 10px
}

@media only screen and (min-width: 768px) {
  .NearYouBanner__select {
    margin-left: 10px
  }
}

.NearYouBanner__select .algolia-places .ap-dropdown-menu {
  top: auto !important;
  margin-top: 0 !important;
  bottom: 100% !important;
  margin-bottom: 3px !important
}

.NearYouBanner__submit {
  width: 120px;
  padding: 14px
}

@media only screen and (min-width: 1025px) {
  .NearYouBanner__submit {
    width: 140px
  }
}

.NearYouBanner__submit:disabled {
  background-color: #8a8a8a;
  cursor: default
}

.NearYouModal {
  z-index: 1050
}

.NearYouModal, .NearYouModal .NearYou {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.NearYouModal .NearYou {
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: #fff
}

@media only screen and (min-width: 1025px) {
  .NearYouModal .NearYou {
    top: 80px;
    width: 337px;
    height: 322px;
    margin: 0 auto
  }
}

.NearYouModal .NearYou__close {
  z-index: 99999;
  position: absolute;
  top: 14px;
  right: 14px;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 16px;
  cursor: pointer
}

@media only screen and (min-width: 1025px) {
  .NearYouModal .NearYou__close {
    position: fixed;
    top: 55px;
    right: calc(50% - 168px);
    color: #fff;
    font-size: 16px
  }
}

.NearYouModal .NearYou__close span {
  font-size: 14px;
  margin-right: 5px;
  vertical-align: text-top
}

.NearYouModal .NearYou__content {
  padding: 40px 30px
}

@media only screen and (min-width: 1025px) {
  .NearYouModal .NearYou__content {
    padding: 30px
  }
}

.NearYouModal .NearYou__title {
  color: #1d1d1d;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 22px;
  font-style: italic;
  line-height: 25px
}

.NearYouModal .NearYou__subtitle {
  margin: 20px 0
}

.NearYouModal .NearYou__submit {
  width: 100%;
  margin-top: 10px
}

.NearYouModal .NearYou__submit:disabled {
  background-color: #8a8a8a;
  cursor: default
}

.section-title .nbSales div {
  display: inline-block;
  font-size: 18px;
  line-height: 23px;
  vertical-align: middle
}

.section-title .nbSales .button {
  padding: 0 7px;
  font-size: 12px;
  line-height: 30px
}

.section-title .nbSales .button:not(:hover) {
  background-color: #afafaf
}

@media only screen and (min-width: 1025px) {
  .section-title .nbSales .button {
    margin: 0 5px 0 10px
  }
}

@media only screen and (max-width: 767px) {
  .section-title .nbSales .button {
    display: block;
    margin: 10px auto 20px;
    max-width: 140px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

#saleroom-container {
  overflow: unset !important
}

.ImportantMessage {
  z-index: 2;
  background: #fff;
  border-left: 5px solid #bd1343;
  padding: 20px 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px
}

html:not(.vendor-ie) .ImportantMessage {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
  margin-bottom: -50px
}

@media only screen and (max-width: 767px) {
  html:not(.vendor-ie) .ImportantMessage {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%)
  }
}

.ImportantMessage__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.ImportantMessage__content h1 {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-size: 24px;
  line-height: 27px;
  color: #1d1d1d;
  padding: 5px 0
}

@media only screen and (max-width: 767px) {
  .ImportantMessage__content h1 {
    font-size: 18px;
    line-height: 21px
  }
}

.ImportantMessage__content p {
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
  line-height: 20px
}

@media only screen and (max-width: 767px) {
  .ImportantMessage__content p {
    font-size: 12px;
    line-height: 15px
  }
}

.ImportantMessage__title {
  -webkit-flex: 1;
  flex: 1
}

@media only screen and (max-width: 767px) {
  .ImportantMessage__title {
    -webkit-flex: inherit;
    flex: inherit
  }
}

.ImportantMessage__cta {
  margin-left: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

@media only screen and (max-width: 767px) {
  .ImportantMessage__cta {
    margin: 20px auto 10px
  }
}

.modalImportantMessage {
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.modalImportantMessage .slick-slide {
  height: calc(100vh - 30px)
}

@media only screen and (min-width: 1025px) {
  .modalImportantMessage .slick-slide {
    height: 450px
  }
}

.modalImportantMessage__body {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.modalImportantMessage__body .slick-dots li {
  margin: 0
}

.modalImportantMessage__body .slick-dots li button:before {
  color: #fff;
  opacity: .5;
  font-size: 28px
}

.modalImportantMessage__body .slick-dots li.slick-active button:before {
  color: #fff;
  opacity: 1
}

.modalImportantMessage__body .slick-next:before, .modalImportantMessage__body .slick-prev:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (min-width: 1025px) {
  .modalImportantMessage__body {
    top: 80px;
    bottom: inherit;
    width: 800px;
    max-width: 100%;
    height: 476px;
    max-height: calc(100% - 100px);
    margin: 0 auto
  }

  .modalImportantMessage__body .slick-next, .modalImportantMessage__body .slick-prev {
    background: transparent
  }

  .modalImportantMessage__body .slick-next:before, .modalImportantMessage__body .slick-prev:before {
    opacity: 1
  }

  .modalImportantMessage__body .slick-prev {
    left: -60px
  }

  .modalImportantMessage__body .slick-next {
    right: -60px
  }
}

.modalImportantMessage__close {
  z-index: 99999;
  position: absolute;
  top: 14px;
  right: 14px;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 16px;
  cursor: pointer
}

@media only screen and (min-width: 1025px) {
  .modalImportantMessage__close {
    position: fixed;
    top: 55px;
    right: calc(50% - 400px);
    color: #fff;
    font-size: 16px
  }
}

.modalImportantMessage__close span {
  font-size: 14px;
  margin-right: 5px;
  vertical-align: text-top
}

.modalImportantMessage__slide {
  background-color: #fff
}

.modalImportantMessage__image {
  display: none
}

@media only screen and (min-width: 1025px) {
  .modalImportantMessage__image {
    display: block;
    float: left
  }
}

.modalImportantMessage__content {
  padding: 40px 50px 0;
  overflow: auto;
  height: calc(100vh - 40px)
}

@media only screen and (min-width: 1025px) {
  .modalImportantMessage__content {
    padding: 40px 40px 0;
    height: 410px
  }
}

.modalImportantMessage__title {
  font-family: Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-size: 28px;
  line-height: 32px;
  color: #1d1d1d;
  padding-bottom: 20px
}

.modalImportantMessage__message {
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #1d1d1d
}

.modalImportantMessage__message p {
  padding: 0 0 10px
}

.modalImportantMessage__message a {
  text-decoration: underline
}

.modalImportantMessage__logo {
  display: block;
  font-size: 48px;
  padding-top: 40px;
  text-align: center;
  color: #1d1d1d
}

#collectionCarousel {
  background: #fff;
  position: relative;
  padding: 24px 0 20px;
  overflow: hidden
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #collectionCarousel {
    padding: 24px 0 4px
  }
}

@media only screen and (min-width: 1400px) {
  #collectionCarousel .generic-width {
    max-width: 1224px
  }
}

#collectionCarousel .headTitle {
  font-family: Source Sans Pro, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #1d1d1d;
  padding-bottom: 16px
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #collectionCarousel .headTitle {
    letter-spacing: .15em
  }
}

#collectionCarousel .slider-dpv-container.v2 .slick-list {
  margin: 0 -12px
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #collectionCarousel .slider-dpv-container.v2 .slick-list {
    padding: 0 16px
  }
}

#collectionCarousel .slider-dpv-container.v2 .slick-list .slick-track {
  display: -webkit-flex;
  display: flex
}

#collectionCarousel .slider-dpv-container.v2 .slick-list .slick-track .slick-slide {
  width: 208px;
  height: auto;
  margin: 0;
  border: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

#collectionCarousel .slider-dpv-container.v2 .slick-list .slick-track .slick-slide > div {
  padding: 0 12px
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #collectionCarousel .slider-dpv-container.v2 .slick-list .slick-track .slick-slide {
    width: 172px
  }

  #collectionCarousel .slider-dpv-container.v2 .slick-list .slick-track .slick-slide > div {
    padding: 0 6px
  }
}

#collectionCarousel .slider-dpv-container.v2 .slick-arrow {
  top: 50px !important
}

@media (max-width: 1044px) {
  #collectionCarousel .slider-dpv-container.v2 .slick-arrow {
    display: none !important
  }
}

#collectionCarousel .collection {
  opacity: 1;
  cursor: pointer;
  transition: all .2s ease-out;
  outline: 0
}

#collectionCarousel .collection:hover {
  opacity: .9
}

#collectionCarousel .collection:hover .category {
  color: #666
}

#collectionCarousel .collection .picture {
  height: 100px;
  width: 100%;
  opacity: .9;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #collectionCarousel .collection .picture {
    height: 87px
  }
}

#collectionCarousel .collection .category {
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000;
  padding: 12px 0;
  transition: all .2s ease-out
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #collectionCarousel .collection .category {
    font-size: 14px;
    line-height: 18px
  }
}