.margin-top-sw {
  margin-top: 7px !important;
}
.visible_mine {
  display: none;
}
.uk-slidenav-position .uk-slideshow {
  max-height: 0 !important;
  padding-bottom: 56.25%;
}
.uk-slidenav-position .uk-slideshow > li {
  min-height: 0 !important;
  padding-bottom: 56.25%;
}
.cmBtnSecondary {
  border: 1px solid #fbb503;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
}
h4,
.paragraphHeading,
h5,
.cmH5,
h6,
.cmH6 {
  margin: 15px 0 15px 0;
}
h1,
.pageHeadline,
h2,
.articleHeadline,
h3,
.subHeading {
  line-height: 1.35;
  margin: 20px 0 20px 0;
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-front {
  z-index: 100;
}
.ui-datepicker {
  display: none;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-datepicker {
  font-size: 14px;
}
.ui-datepicker.ui-widget-content {
  z-index: 1002 !important;
  position: absolute;
}
.ui-datepicker.ui-widget-content.hideDatepiker {
  z-index: 0 !important;
}
input.hasDatepicker.open + span.datePickerIndicator:after {
  content: "";
  display: block;
  margin: 3px auto -18px auto;
  width: 0;
  height: 0;
  position: relative;
  z-index: 101;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
}
.ui-widget-content {
  background: #fff;
  border: 0px;
  color: #000;
  padding: 5px 10px;
  margin-top: 17px;
  -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  width: auto !important;
}
.ui-widget-header {
  background: #ffffff;
  border: 0px;
  color: #000;
  font-weight: 400;
}
.ui-datepicker table thead {
  border-bottom: 1px solid #f1f1f1;
}
.ui-datepicker .ui-datepicker-title {
  font-size: 22px;
  font-weight: 400;
  color: var(--gColorBrandBWDarkBlue);
}
.ui-datepicker th {
  font-weight: 400;
  padding: 6px;
  font-size: 11px;
  text-transform: uppercase;
  color: #0573b6;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 5px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next {
  right: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  padding: 9px 10px;
  text-align: center;
}
.ui-datepicker-multi .ui-datepicker-group-first {
  padding-right: 20px;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  border-top: 1px solid #ddd;
  background: #fff;
  color: #333;
}
.ui-datepicker-multi .ui-datepicker-buttonpane button.ui-state-hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #ffffff;
  border: 2px solid transparent;
  color: rgba(23, 43, 96, 0.8);
  font-weight: 400;
  font-size: 17px;
}
.ui-datepicker .ui-datepicker .ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  background-color: transparent;
  cursor: pointer;
  border: 0px;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
}
.ui-icon.ui-icon-circle-triangle-e {
  background-image: url("../images/svg/arrow-right-dark.svg");
  background-position: 0px 0px;
}
.ui-icon.ui-icon-circle-triangle-w {
  background-image: url('../images/svg/arrow-left-dark.svg');
  background-position: 0px 0px;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0;
  filter: alpha(opacity=0);
  pointer-events: none;
}
.ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-current-day.ui-datepicker-today {
  opacity: 1;
}
.ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-current-day.ui-datepicker-today .ui-state-default {
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-today {
  opacity: 1;
}
.ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-today .ui-state-default {
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-state-default.ui-state-active {
  background: #326ba9;
  color: #ffffff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  outline: 0;
  border: 2px solid rgba(0, 43, 88, 0.25);
}
.ui-state-default.ui-state-hover {
  border: 2px solid #66afe9;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #66afe9;
}
.ui-state-default.ui-state-hover:active {
  background: #326ba9;
  color: #ffffff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  outline: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker-header a.ui-datepicker-prev:focus,
.ui-datepicker-header a.ui-datepicker-next:focus,
.ui-datepicker-buttonpane button:focus {
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #66afe9;
  border: 2px solid #66afe9;
  border-radius: 0;
}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight,
.ui-datepicker-calendar .ui-state-default.ui-state-hover {
  padding: 8px 7px;
  border: 2px solid #66afe9;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #66afe9;
  outline: none;
}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight:not(:focus) {
  border: 2px solid rgba(0, 43, 88, 0.25);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-datepicker-calendar td:focus {
  outline: none;
}
.ui-autocomplete {
  position: absolute;
  cursor: default;
  max-width: 360px;
  width: 100% !important;
  padding: 0;
  margin-top: 12px;
  border-top: solid 1px rgba(0, 43, 88, 0.3);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ui-autocomplete .ui-menu-item {
  padding: 7px 10px 7px 22px;
  color: rgba(0, 43, 88, 0.9);
  text-transform: uppercase;
  font-size: 12px;
}
.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-menu-item.ui-state-focus {
  background-color: #7f9dbe;
  color: var(--gColorBrandBWDarkBlue);
  cursor: pointer;
  outline: none !important;
  border: none !important;
  margin: 0;
}
.ui-autocomplete li:last-child[aria-label]:after {
  display: none;
}
.ui-autocomplete li.ui-autocomplete-categ-poi {
  background: url("../images/icon_pays.png") no-repeat 5px center;
}
.ui-autocomplete li.ui-autocomplete-categ-hotels {
  background: url("../images/icon_hotel.png") no-repeat 5px center;
}
.ui-autocomplete .ui-autocomplete-category {
  border-bottom: solid 1px rgba(0, 43, 88, 0.3);
  padding: 4px 0 6px 13px;
  font-weight: 600;
  color: var(--gColorGrayDark);
}
.ui-autocomplete .ui-widget-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-autocomplete:after {
  content: "";
  padding: 1px 1px 1px 0;
  height: 16px;
  text-align: right;
  display: block;
  background-image: url("../images/google-autocomplete-non-white.png");
  background-color: #666;
  background-size: 104px 16px;
  background-position: right;
  background-repeat: no-repeat;
  margin: 0px 0px -8px 0px;
}
.nogplace .ui-autocomplete li:last-child:after {
  display: none;
}
.uk-accordion-title {
  padding-left: 6px;
  font-size: 14px;
}
.uk-accordion-title:before {
  display: none;
}
.uk-accordion-title:after {
  content: "";
  background: url('../images/svg/add-icon-blue.svg') no-repeat center center;
  background-size: 25px 20px;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  margin-left: 5px;
}
.uk-accordion-title.uk-active:after {
  content: "";
  background: url('../images/svg/subtract-icon-blue.svg') no-repeat center center;
  background-size: 25px 20px;
}
/*.gold {
    .uk-overlay-background {
        background-color: rgba(171, 159, 135, 0.9);
        opacity: 1 !important;
    }

    
    &.uk-overlay-hover [class*='uk-overlay-slide'] {
        opacity: 1 !important;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);

        .uk-hover .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-overlay-hover:hover [class*='uk-overlay-slide'] {
        opacity: 0 !important;

        .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-hover {
        &.uk-overlay-hover [class*='uk-overlay-slide'] {
            opacity: 0 !important;
        }
    }
}

.blue {
    .uk-overlay-background {
        background-color: rgba(39, 73, 131, 0.9);
        opacity: 1 !important;
    }

    &.uk-overlay-hover [class*='uk-overlay-slide'] {
        opacity: 1 !important;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);

        .uk-hover .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-overlay-hover:hover [class*='uk-overlay-slide'] {
        opacity: 0 !important;

        .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-hover {
        &.uk-overlay-hover [class*='uk-overlay-slide'] {
            opacity: 0 !important;
        }
    }

    .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
        opacity: 1 !important;
    }
}

.green {
    .uk-overlay-background {
        background-color: rgba(129, 187, 66, 0.9);
        opacity: 1 !important;
    }

    &.uk-overlay-hover [class*='uk-overlay-slide'] {
        opacity: 1 !important;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);

        .uk-hover .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-overlay-hover:hover [class*='uk-overlay-slide'] {
        opacity: 0 !important;

        .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-hover {
        &.uk-overlay-hover [class*='uk-overlay-slide'] {
            opacity: 0 !important;
        }
    }

    .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
        opacity: 1 !important;
    }
}

.dark-grey {
    .uk-overlay-background {
        background-color: rgba(89, 86, 96, 0.9);
        opacity: 1 !important;
    }

    &.uk-overlay-hover [class*='uk-overlay-slide'] {
        opacity: 1 !important;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);

        .uk-hover .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-overlay-hover:hover [class*='uk-overlay-slide'] {
        opacity: 0 !important;

        .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-hover {
        &.uk-overlay-hover [class*='uk-overlay-slide'] {
            opacity: 0 !important;
        }
    }

    .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
        opacity: 1 !important;
    }
}

.purple {
    .uk-overlay-background {
        background-color: rgba(97, 71, 119, 0.9);
        opacity: 1 !important;
    }

    &.uk-overlay-hover [class*='uk-overlay-slide'] {
        opacity: 1 !important;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);

        .uk-hover .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-overlay-hover:hover [class*='uk-overlay-slide'] {
        opacity: 0 !important;

        .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-hover {
        &.uk-overlay-hover [class*='uk-overlay-slide'] {
            opacity: 0 !important;
        }
    }

    .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
        opacity: 1 !important;
    }
}

.red {
    .uk-overlay-background {
        background-color: rgba(210, 30, 57, 0.9);
        opacity: 1 !important;
    }

    &.uk-overlay-hover [class*='uk-overlay-slide'] {
        opacity: 1 !important;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);

        .uk-hover .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-overlay-hover:hover [class*='uk-overlay-slide'] {
        opacity: 0 !important;

        .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-hover {
        &.uk-overlay-hover [class*='uk-overlay-slide'] {
            opacity: 0 !important;
        }
    }

    .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
        opacity: 1 !important;
    }
}

.light-grey {
    .uk-overlay-background {
        background-color: rgba(208, 206, 212, 0.9);
        opacity: 1 !important;
    }

    &.uk-overlay-hover [class*='uk-overlay-slide'] {
        opacity: 1 !important;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);

        .uk-hover .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-overlay-hover:hover [class*='uk-overlay-slide'] {
        opacity: 0 !important;

        .uk-overlay-fade {
            opacity: 1 !important;
        }
    }

    &.uk-hover {
        &.uk-overlay-hover [class*='uk-overlay-slide'] {
            opacity: 0 !important;
        }
    }

    .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
        opacity: 1 !important;
    }
}*/
.uk-panel.card .uk-overlay .btn-default {
  background-color: transparent;
  color: #fff;
}
.uk-panel.card .uk-overlay .headerDivider {
  border-top: 2px solid #fff;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.uk-panel.card:hover .uk-overlay .btn-default {
  background-color: #fff;
  color: #000;
}
.uk-panel.card:hover .uk-overlay .headerDivider {
  width: 200px;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.uk-panel.card .sw-back-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.uk-panel.card .sw-back-img > img {
  visibility: hidden;
}
.uk-modal .svgCheckbox input + label span.checkMarkSvg {
  min-width: 32px;
}
.svgCheckbox {
  display: inline-block;
  position: relative;
}
.svgCheckbox label {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 5px;
}
.svgCheckbox input[type="checkbox"],
.svgCheckbox input[type="radio"] {
  display: block;
  position: absolute;
  left: 15px;
  top: 10px;
  width: 1px;
  height: 1px;
  z-index: -1;
  visibility: visible;
  opacity: 0;
}
.svgCheckbox input[type="checkbox"]:focus + label,
.svgCheckbox input[type="radio"]:focus + label {
  outline: 0;
  border-radius: 3px;
  box-shadow: 0 0 3px 3px #66afe9;
}
.svgCheckbox input + label span.checkMarkSvg {
  display: inline-block;
  height: 32px;
  width: 32px;
}
.svgCheckbox input[type="checkbox"]:not(:checked) + label span.checkMarkSvg {
  background: url("../images/svg/checkbox_button_off.svg") center no-repeat;
}
.svgCheckbox input:checked + label span {
  color: var(--gColorGrayDark);
}
.svgCheckbox input[type="checkbox"]:checked + label span.checkMarkSvg {
  background: url("../images/svg/checkbox_button-black.svg") center no-repeat;
}
.svgCheckbox input[type="radio"]:not(:checked) + label span.checkMarkSvg {
  background: url("../images/svg/radio_button_off.svg") center no-repeat;
}
.svgCheckbox input[type="radio"]:checked + label span.checkMarkSvg {
  background: url("../images/svg/radio_button.svg") center no-repeat;
}
.checkboxContainer > div > label {
  cursor: pointer;
}
.checkboxContainer > div > label > span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  text-transform: none;
}
.checkboxContainer > div > label > span.textchina {
  font-size: 15px;
  color: var(--gColorBrandBWDarkBlue);
}
.checkboxContainer > div > label.light span {
  font-weight: normal;
}
.checkboxContainer span {
  color: var(--gColorGrayDark);
}
.checkboxContainer.useRewardsPointsCheckboxContainer > div > label > span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 7px;
  font-size: 14px;
  text-transform: none;
}
.CheckboxCarre label {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 0;
}
.CheckboxCarre .svgCheckbox input[type="checkbox"] + label span.checkMarkSvg {
  width: 21px;
  height: 21px;
  padding: 2px;
  min-width: 21px;
}
.CheckboxCarre .svgCheckbox input[type="checkbox"]:not(:checked) + label span.checkMarkSvg {
  background: #fff;
  border: 1px solid var(--ColorGrisBase);
  vertical-align: middle;
}
.CheckboxCarre .svgCheckbox input[type="checkbox"]:checked + label span.checkMarkSvg {
  background: var(--gColorBrandBWDarkBlue) url(../images/svg/checkmark-light.svg) no-repeat center;
  background-size: 16px;
}
.CheckboxCarre .svgCheckbox input[type="checkbox"]:focus + label,
.CheckboxCarre .svgCheckbox input[type="radio"]:focus + label {
  box-shadow: none;
}
input[type="checkbox"][class="checkbox-generic-carre"] + label {
  width: 19px !important;
  height: 19px !important;
  min-width: 19px;
  padding: 2px;
  font-size: 0;
  vertical-align: middle;
  border: 1px solid var(--ColorGrisBase);
}
input[type="checkbox"][class="checkbox-generic-carre"]:checked + label {
  content: url('../images/svg/checkmark-light.svg');
  background-color: var(--gColorBrandBWDarkBlue);
  background-image: none;
}
input[type="checkbox"][class="checkbox-generic-carre"]:not(:checked) + label {
  background: #fff;
}
:focus-visible {
  outline: none;
}
.uk-offcanvas-bar-show .menuHeaderDivider {
  border-top: 1px solid #2963a5;
  border-bottom: 1px solid #4273b5;
  height: 0px;
  margin-top: 12px;
}
.uk-offcanvas-bar-show .pull-right {
  float: none;
}
.uk-offcanvas-bar-show ul.uk-navbar-nav {
  float: none;
}
.uk-offcanvas-bar-show ul.uk-navbar-nav > li {
  float: none;
}
.uk-offcanvas-bar-show ul.uk-navbar-nav > li a {
  font-weight: 700;
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  font-size: 11px;
}
.uk-offcanvas-bar-show .check_resa_sw {
  position: absolute;
  top: 0 !important;
  width: 100%;
}
.uk-offcanvas-bar-show .guestLogin .uk-modal-header {
  padding: 15px;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
}
.uk-offcanvas-bar-show .slideContent {
  width: 100%;
}
.uk-offcanvas-bar-show .slideContent .loginHeader {
  display: none;
}
.uk-offcanvas-bar-show .bwBtnGroup .grpSelected {
  color: white;
  background-color: var(--gColorBrandBWDarkBlue);
}
.uk-offcanvas-bar-show .swm-lang-switch {
  padding-left: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.tm-headerbar-single {
  height: 60px;
}
.tm-headerbar-single .tm-navbar-overlay-true .uk-navbar-toggle {
  background-color: #1a4f8a;
}
.tm-logo_ {
  text-transform: unset;
}
.tm-logo_:focus {
  outline: none !important;
}
.tm-login .loginLink {
  padding: 23px 12px;
  background-color: #1a4f8a;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  white-space: nowrap;
}
.tm-login .loginLink:hover,
.tm-login .loginLink:focus {
  color: #fff;
  text-decoration: none;
  background: #296bad;
}
.tm-login .guestLogin {
  position: relative;
}
.tm-login .guestLogin .loginHeader {
  background-color: #ffffff;
  border-bottom: 1px solid var(--gColorGrayBg);
  left: 0;
  top: 0;
  padding: 15px;
  width: 100%;
}
.tm-login .guestLogin .loginHeader h3 {
  font-size: 22px;
  margin-bottom: -5px;
  margin-top: 0;
}
.tm-login .loginFooter {
  text-align: center;
  border-top: 0;
  background-color: #f1f1f1;
  position: relative;
  padding: 15px 15px;
  left: 0;
  bottom: -15px;
  right: 0;
  z-index: 2000;
  margin-left: -15px;
  margin-right: -15px;
}
.login-right {
  right: 0;
  margin-top: 0;
}
.loginLink {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
.NewNavBarlogin .loginUserIcon {
  display: inline-block;
  height: 34px;
  min-width: 34px;
  margin-right: 8px;
  background: url("../images/profile-reverse-34.png") center left no-repeat;
}
.NewNavBarlogin .loginLink {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 60px;
}
.NewNavBarlogin .accountButtonLabel {
  max-width: 75px;
  white-space: initial;
}
.tm-resa {
  position: relative;
}
.tm-resa .check_resa_sw {
  top: 48px;
  left: 0 !important;
}
.tm-resa .uk-open .checkLink {
  background: #fff;
  color: var(--gColorBrandBWDarkBlue);
}
.tm-resa .sw-rewards-memeber {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 20px;
}
.tm-resa .sw-rewards-memeber .loginDirectiveContainer {
  font-size: 13px;
  margin: 0px 0 10px 0;
  line-height: normal;
}
.tm-resa .sw-rewards-memeber .loginDirectiveContainer a {
  font-size: 13px;
  text-decoration: underline;
}
.tm-resa .sw-rewards-memeber .loginDirectiveContainer > div {
  display: inline;
  float: left;
}
.guestLogin .loginPanel a {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  text-transform: none;
  float: none;
  color: #0097fb;
}
.guestLogin .loginPanel .loginLinksContainer {
  display: table;
  margin: 15px 0 10px;
  width: 100%;
}
.guestLogin .loginPanel .loginLinksContainer > div {
  display: table-cell;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
}
.guestLogin .loginPanel .loginLinksContainer > div:not(:last-of-type) {
  border-right: 1px solid var(--ColorGrisBase);
}
.guestLogin .loginPanel .modal-footer {
  padding: 20px;
  background: #fff;
  border: none;
}
.guestLogin .loginPanel .verifyUserIDContainer {
  padding: 15px 0;
}
.guestLogin .loginPanel .verifyUserIDContainer div {
  font-size: 13px;
}
.guestLogin .loginPanel .verifyUserIDContainer div:not(:last-of-type) {
  margin-bottom: 15px;
}
.guestLogin .loginPanel .readOnlyLabel {
  font-weight: bold;
  margin-right: 8px;
  text-transform: uppercase;
}
.guestLogin .loginPanel .grecaptcha-badge {
  margin-bottom: 10px;
}
.guestLogin .loginPanel .uk-form-row {
  margin-bottom: 0;
}
.loginPanel {
  background-color: white;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 260;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
}
.loginPanel .panel-body {
  padding: 15px 15px 0;
}
.loginPanel label {
  color: var(--gColorGrayDark);
  margin-top: 15px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: normal;
}
.loginPanel a {
  text-decoration: none;
  color: #172e56;
}
.loginPanel a.pull-right {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 13px;
}
.loginPanel .uk-modal-body,
.loginPanel .uk-form-row {
  padding: 0;
}
.loginPanel .recaptcha-container .uk-form-row {
  margin-top: 0;
  margin-bottom: 10px;
}
.loginPanel .loginHeader {
  margin: 0;
}
.loginPanel .loginHeader .close {
  font-size: 0;
}
.loginPanel .container-fluid-modal {
  width: 320px;
  margin: 0 auto;
}
.loginPanel .checkboxContainer label {
  margin-top: 0;
  float: left;
}
.loginPanel .btnPopover {
  margin-top: 8px;
}
.navbarLoginContainer .loginPanel {
  width: 600px;
  height: auto;
  top: 30px;
}
.navbarLoginContainer .mod-connect {
  display: table;
  height: inherit;
  padding: 12px 8px 13px;
  font-size: 12px;
}
.navbarLoginContainer .mod-connect .loginUserIcon {
  background: url("../images/svg/user_icon_light.svg") center left no-repeat;
  background-size: 34px 34px;
  min-width: 37px;
  display: none;
  height: 35px;
}
.navbarLoginContainer .mod-connect .loggedInBtnTextContainer {
  display: table-cell;
  vertical-align: middle;
}
.navbarLoginContainer .mod-connect .loggedInUserName {
  text-transform: none;
  font-weight: normal;
  margin-bottom: 4px;
  word-break: break-all;
  max-height: 28px;
  overflow: hidden;
  min-width: 60px;
}
.navbarLoginContainer .mod-connect .svgNavArrow {
  fill: #fff;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
.navbarLoginContainer .mod-connect .uk-icon-chevron-down {
  position: absolute;
  right: 15px;
}
.navbarLoginContainer .mod-connect .uk-icon-chevron-down:before {
  display: none;
}
.navbarLoginContainer .uk-open .loginUserIcon {
  background: url("../images/svg/user_icon_dark.svg") center left no-repeat;
  background-size: 34px 34px;
}
.navbarLoginContainer .uk-open .mod-connect:focus,
.navbarLoginContainer .uk-open .mod-connect:hover {
  color: #fff;
  text-decoration: none;
  background: #296bad;
}
.navbarLoginContainer .slideButtonContainer {
  background-color: #f1f1f1;
  padding: 15px;
  margin: 20px -15px 0;
}
.navbarLoginContainer #check-reservation-form .loginPanel {
  top: 0;
  width: 330px;
  right: inherit;
  padding: 0;
}
.navbarLoginContainer .accountNavigation .accountNavContainer {
  width: 333px;
  height: auto;
  background-color: white;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 260;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
}
#gtx-trans {
  display: none;
}
.bntsOptionsFlexContainer .bnts-dropdown {
  max-width: 15%;
}
#resort-fee-modal ul {
  padding-left: 2rem;
}
#resort-fee-modal ul li {
  list-style-type: disc;
}
#resort-fee-modal .uk-modal-title {
  margin-top: 0;
}
#room-amenities-modal {
  top: 14%;
  overflow-y: unset !important;
  transform: translateX(-50%);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.sw-slides {
  position: relative;
}
.sw-slides .uk-slidenav {
  content: '';
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: transparent var(--gColorBrandBWDarkBlue) var(--gColorBrandBWDarkBlue) transparent;
  display: inline-block;
  position: absolute;
  top: 50%;
}
.sw-slides .uk-slidenav.uk-slidenav-next {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: -30px;
}
.sw-slides .uk-slidenav.uk-slidenav-previous {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: -30px;
}
.sw-slides .uk-slidenav:before {
  display: none;
}
.homeCollection .mygrid-item .buttonContainer button {
  margin: 15px auto 0 auto;
  background-color: transparent;
  color: #fff;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  border: 1px solid #fff;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .navbarLoginContainer .mod-connect .uk-icon-chevron-down {
    right: 8px;
  }
  html:lang(nl-NL) .navbarLoginContainer .mod-connect .uk-icon-chevron-down {
    right: 2px;
  }
  #price-input {
    margin-left: 2%;
  }
}
.accountLinks {
  line-height: normal;
}
.accountLinks a {
  color: var(--colorBlueDrak);
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 10px;
  display: block;
}
.accountNavigation {
  position: relative;
}
.accountNavigation .bwRewardsLogo {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/png/bw_rewards_full_logo.png");
  background-position: left bottom;
  display: inline-block;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 200px;
  width: auto;
}
.accountNavigation .accountNavHeader {
  border-bottom: 1px solid var(--gColorGrayBg);
  padding-bottom: 15px;
  margin-bottom: 18px;
  margin-left: -15px;
  margin-right: -15px;
}
.accountNavigation .accountNavHeader .badgeSectionContainer {
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  margin-top: 10px;
}
.accountNavigation .accountNavContainer {
  padding: 15px;
}
.accountNavigation .closeContainer .uk-close {
  position: absolute;
  right: 15px;
  top: 5px;
  color: var(--primary-bg-color);
}
.accountNavigation .closeContainer .uk-close:after {
  font-size: 30px;
}
.statusBadge {
  display: inline-block;
  line-height: 1;
  border-radius: 7px;
  padding: 6px 12px;
  color: #fff;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 2px;
  margin-left: 10px;
}
.statusBadge.goldStatus {
  background-color: #a8996e;
  font-size: 26px;
}
.statusBadge.diamondStatus {
  background-color: #e4e4e4;
  color: #5e676c;
  border: 1px solid #eaebec;
  font-size: 21px;
  padding: 6px 8px;
  margin-left: 9px;
}
.statusBadge.blueStatus {
  background-color: #023f88;
  font-size: 26px;
}
.statusBadge.platinumStatus {
  background-color: #bbb1a8;
  font-size: 22px;
  margin-bottom: 1px;
}
.statusBadge.diamond-selectStatus {
  background-color: #000;
  font-size: 16px;
  padding: 6px 8px;
  margin-bottom: 1px;
  margin-left: 6px;
}
.NewNavBarlogin .accountPopover {
  color: #000;
  text-align: center;
  padding: 8px;
  right: 0;
  border: 2px solid black;
  min-width: 200px;
  border-radius: 0;
  top: calc(100% + 8px);
  line-height: normal;
  display: block;
}
.NewNavBarlogin .accountPopover img {
  height: 34px;
  margin: 0 0 10px 0;
}
.NewNavBarlogin .accountPopover::after {
  content: '';
  position: absolute;
  top: -15px;
  right: 42px;
  border: 8px solid;
  border-color: transparent transparent #fff transparent;
}
.NewNavBarlogin .accountPopover::before {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 40px;
  border: 10px solid;
  border-color: transparent transparent #000 transparent;
}
.NewNavBarlogin .accountPopover .btnLogin {
  width: 180px;
  margin: 0 0 10px 0;
}
.NewNavBarlogin .accountPopover .caption {
  text-transform: initial;
  font-weight: normal;
  margin: auto 0;
  font-size: 12px;
}
.NewNavBarlogin .accountPopover .accountPopoverLink {
  font-size: 14px;
}
.NewNavBarlogin .accountPopover .accountPopoverLink:nth-child(2) {
  margin-left: 10px;
}
.NewNavBarlogin .accountPopover .linksContainer {
  margin-top: 10px;
}
.tm-block-footer {
  background-color: #4a4f54;
  padding-top: 50px;
  width: 100%;
}
.tm-block-footer .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.tm-block-footer .list-unstyled li {
  padding: 3px 0 3px 0;
  line-height: 1.1;
}
.tm-block-footer .list-unstyled li a {
  padding: 0;
  font-size: 17px;
  margin: 0;
  letter-spacing: normal;
  font-weight: 400;
  color: #fff;
  text-decoration: underline;
  text-transform: none;
}
.tm-block-footer .AppFooter {
  margin-top: 40px;
  line-height: 1.5;
}
.tm-block-footer .AppFooter a {
  color: #fff;
  text-decoration: underline;
  font-size: 17px;
  font-weight: normal;
}
.tm-block-footer .AppFooter a.uk-icon-button {
  text-decoration: none;
  font-size: 40px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  margin-right: 20px;
  color: #4a4f54;
}
.tm-footer .bw-icon-blog {
  background-color: transparent;
  background-image: url("../images/svg/blog.svg");
  background-repeat: no-repeat;
  float: left;
}
.tm-footer .bw-icon-blog:before {
  content: "";
}
.tm-footer .list-unstyled {
  margin-top: 10px;
}
.tm-footer .uk-panel-title {
  font-size: 20px;
  color: #fff;
}
.tm-footer .uk-panel-title a {
  color: #fff;
  font-size: 20px;
  text-transform: none;
}
.tm-footer .uk-icon-button {
  margin: 0 7px 7px 0;
  float: left;
  color: #4a4f54;
}
.tm-footer .uk-panel-space .uk-grid .uk-width-1-1 {
  padding: 10px 20px 0;
}
.tm-footer a:focus {
  text-decoration: underline;
}
.tm-block-footer-all-rights {
  background-color: #000;
}
.tm-block-footer-all-rights a:focus {
  text-decoration: underline;
}
.footer-bottom {
  color: #fff;
  line-height: 1;
  text-align: center;
  font-size: 12px;
}
.footer-bottom p {
  margin: 0;
  line-height: 1.5;
}
.footer-bottom a {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
}
.head-border,
.head-border-first {
  display: flex;
  align-items: center;
  color: #82858a;
}
.head-border:before,
.head-border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #82858a;
  color: #82858a;
}
.head-border:before {
  margin-right: 0.5rem;
}
.head-border:after {
  margin-left: 0.5rem;
}
.head-border-first {
  border: 1px solid;
}
h3.head-border:before,
h3.head-border:after {
  background: transparent;
}
.the-brands {
  border: 1px solid #82858a;
  padding: 0 20px 0;
  margin-top: 70px;
}
.the-brands .uk-panel-title {
  margin-top: 20px;
}
.the-brands p {
  text-align: center;
}
.the-brands img {
  margin: 15px 0;
}
.the-brands > div {
  margin-top: -70px;
}
.the-brands h3.head-border {
  margin-top: 0;
}
.the-brands h3.head-border img {
  margin-bottom: 0;
}
.the-brands .head-border {
  font-weight: 100;
  font-size: 17px;
  color: #4b5054;
}
.the-brands .uk-grid-large > * {
  padding-left: 10px;
  padding-right: 10px;
}
.btnPopover {
  background-color: transparent;
  background-image: url("../images/svg/filledPopover1.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 18px;
  padding: 0;
  margin: -4px 6px 0 6px;
  color: #fff;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  outline: 0;
  text-decoration: none;
  height: 18px;
  width: 18px;
  display: inline-block;
}
.btnPopover:focus,
.btnPopover:active {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0), 0 0 3px 1px #66afe9;
  border: 1px solid #66afe9 !important;
  outline: 0;
  text-decoration: none;
}
.offre-exclusive {
  position: relative;
  z-index: 11;
}
#offre-exclusive {
  max-width: 1170px;
  width: 100%;
}
#offre-exclusive span {
  font-weight: bold;
}
.uk-sticky-placeholder {
  margin-bottom: 5px !important;
}
.myFlipperWrapper {
  font-size: 14px;
}
.myFlipperWrapper .myFlipper {
  overflow: hidden;
}
.myFlipperWrapper .flipper {
  -webkit-transition: 0.7s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.7s;
  -moz-transition: 0.7s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.7s;
  transform-style: preserve-3d;
  position: relative;
}
.myFlipperWrapper .shown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center\9;
}
.myFlipperWrapper .shown {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.myFlipperWrapper .front,
.myFlipperWrapper .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.7s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0);
  -moz-transition: 0.7s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0);
  -o-transition: 0.7s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0);
  -ms-transition: 0.7s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0);
  transition: 0.7s;
  transform-style: preserve-3d;
  transform: rotateY(0);
}
.myFlipperWrapper .front {
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  background: #ff7e70;
  z-index: 2;
}
.myFlipperWrapper .back {
  background: #ff7e70;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.myFlipperWrapper .centeredContent {
  padding: 10px 15px 8px 15px;
  margin-right: 15px;
  align-self: center;
  max-width: 1170px;
  margin: 0 auto;
}
.myFlipperWrapper .flipPanelPlusIcon {
  width: 20px;
  float: right;
  vertical-align: middle;
}
.myFlipperWrapper .flipPanelMinusIcon {
  width: 25px;
  float: right;
  vertical-align: middle;
}
.myFlipperWrapper .flipRightIcon {
  position: absolute;
  right: 15px;
  top: 14px;
  margin: 0;
  min-height: 20px;
}
.myFlipperWrapper .giftIconSvg {
  display: none;
}
.myFlipperWrapper .frontB {
  display: none;
}
.myFlipperWrapper.showFrontB .frontA {
  display: none;
}
.myFlipperWrapper.showFrontB .frontB {
  display: block;
  text-align: center;
}
.myFlipperWrapper p {
  margin: 0;
  display: inline;
  width: 100%;
}
.myFlipperWrapper .vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.myFlipperWrapper .vcenter strong {
  font-weight: normal;
}
.myFlipperWrapper.showCardBack .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.myFlipperWrapper.showCardBack .back {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -o-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
}
.myFlipperWrapper .maxWidthGatedRateEmailInputContainer {
  max-width: 575px;
  text-align: left;
  margin: auto;
}
.myFlipperWrapper .gated-email-input {
  height: 32px;
  margin-top: 10px;
  width: 100%;
  padding-left: 5px;
  border: 1px solid var(--ColorGrisBase);
  border-radius: 0;
}
.myFlipperWrapper .submitEmailButton {
  margin-top: 10px;
  padding: 0;
  text-align: right;
  margin-bottom: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.myFlipperWrapper .gatedRateEmailInput {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-right: 7px;
}
.myFlipperWrapper .btn-blue-border {
  border: 2px solid var(--gColorBrandBWDarkBlue);
  background: #fff;
  line-height: normal;
  min-height: 32px;
}
.myFlipperWrapper .btn-blue-border:hover {
  color: #333;
  background-color: #e6e6e6;
}
.myFlipperWrapper.showFrontB .flipper .front {
  background: #ff7e70;
}
.myFlipperWrapper .flipPanelCloseIcon {
  vertical-align: middle;
  fill: var(--gColorBrandBWDarkBlue);
  width: 18px;
  float: right;
  top: 10px;
}
.myFlipperWrapper .heightDiv {
  width: 200%;
}
.myFlipperWrapper .heightPush1 {
  max-height: 600px;
}
.myFlipperWrapper .heightPush2 {
  overflow: hidden;
  max-height: 1px;
}
.myFlipperWrapper .heightPush1,
.myFlipperWrapper .heightPush2 {
  width: 50%;
  visibility: hidden;
  float: left;
  overflow: hidden;
  transition: max-height 0.7s;
}
.myFlipperWrapper.showCardBack .heightPush1,
.myFlipperWrapper.showinput .heightPush1 {
  max-height: 1px;
}
.myFlipperWrapper.showCardBack .heightPush2,
.myFlipperWrapper.showinput .heightPush2 {
  max-height: 500px;
}
.vertical.myFlipperWrapper {
  position: relative;
  background: #fff;
  width: 100%;
}
.vertical.myFlipperWrapper .back {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.vertical.myFlipperWrapper .flipper {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.vertical.myFlipperWrapper.showCardBack .back,
.vertical.myFlipperWrapper.showinput .back {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -o-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
}
.vertical.myFlipperWrapper.showCardBack .front,
.vertical.myFlipperWrapper.showinput .front {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .myFlipperWrapper .shown {
    display: table-cell;
    text-align: center;
  }
  .myFlipperWrapper .giftIconSvg {
    margin-top: -5px;
  }
  .tm-footer-meta {
    height: 150px;
  }
  .availabilityroom .brand-img-block {
    text-align: center;
    padding-left: 7px;
  }
  .rateDescription {
    white-space: normal;
  }
  .searchResultsCard .tripAdvisorBubbles img {
    width: 100%;
  }
}
.collapseButton {
  display: none;
  float: none;
  width: auto;
  position: absolute;
  top: 8px;
  margin-top: 0;
  margin-bottom: 0;
  right: 5px;
  font-weight: 400;
  font-size: 13px;
  color: #172e56;
  z-index: 999;
}
.rate-position {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 6px 12px;
  border-radius: 4px;
}
.rooms-Rates {
  height: 0;
  overflow: hidden;
  transition: height 0.75s;
}
.useRewardsPointsCheckboxContainer {
  display: none;
}
.hidden_mine {
  display: block;
}
.visible_mine {
  display: none;
}
.Find-hotel-absolute {
  background: var(--gColorBrandBWDarkBlue);
  max-width: 100%;
}
.Find-hotel-absolute .useRewardsPointsCheckboxContainer > div > label > span {
  color: #b5c5d7;
}
.Find-hotel-absolute .useRewardsPointsCheckboxContainer .svgCheckbox input[type="checkbox"]:checked + label span {
  color: #b5c5d7;
}
.article .uk-block-muted .useRewardsPointsCheckboxContainer > div > label > span {
  color: #b5c5d7;
}
.article .uk-block-muted .useRewardsPointsCheckboxContainer .svgCheckbox input[type="checkbox"]:checked + label span {
  color: #b5c5d7;
}
#RateFilter .uk-dropdown {
  left: 0 !important;
  width: 100%;
}
.searchRates {
  text-align: left;
  overflow: hidden;
  padding: 0;
  margin-bottom: 0;
}
.searchRates .uk-button {
  width: 100%;
  text-transform: none;
}
.searchRates li {
  padding: 5px 14px 5px 14px;
}
.searchRates li.fullWidth {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--gColorGrayBg);
}
.searchRates .radioButton {
  border: 0;
  display: table-cell;
  background-color: transparent;
  background-image: url("../images/svg/radio_button_off.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
  height: 38px;
  width: 38px;
  min-width: 38px;
  vertical-align: top;
}
.searchRates .rateSelected .radioButton {
  background-image: url("../images/svg/radio_button.svg");
}
.searchRates .rateOption {
  text-transform: none;
  display: table-row;
}
.searchRates .rateOption:hover {
  cursor: pointer;
  font-weight: bold;
  opacity: 1;
}
.searchRates .rateOption:focus {
  border: 0;
  box-shadow: unset;
}
.searchRates .rateName {
  padding-left: 8px;
  font-size: 15px;
  margin-bottom: 3px;
  display: table-cell;
  vertical-align: middle;
  opacity: 0.7;
  white-space: initial;
  color: var(--gColorBrandBWDarkBlue);
}
.searchRates .rateName label {
  color: var(--gColorBrandBWDarkBlue);
  margin-bottom: 0;
  font-size: 15px;
  text-transform: none;
}
.searchRates .rateName:hover label {
  font-weight: bold;
}
.searchRates .rateName:focus {
  border: 0;
  box-shadow: unset;
}
.searchRates.searchSpecialRates .rateName {
  color: var(--gColorGrayDark);
}
.searchRates.searchSpecialRates .rateName label {
  color: var(--gColorGrayDark);
}
.CarouselWidgetContainer {
  width: 100%;
  margin: 0 auto;
}
.CarouselWidgetContainer .carouselWidget {
  position: relative;
  padding: 20px;
  display: inline-flex;
  width: 100%;
}
.CarouselWidgetContainer label {
  color: rgba(255, 255, 255, 0.7);
  margin-top: 5px;
  text-transform: uppercase;
  display: inline-block;
}
.CarouselWidgetContainer label span {
  white-space: nowrap;
}
.CarouselWidgetContainer label span.checkMarkSvg {
  margin-left: -20px;
}
.CarouselWidgetContainer .svgCheckbox label {
  margin-left: 20px;
}
.CarouselWidgetContainer form {
  width: 100%;
}
.CarouselWidgetContainer .destinationDates {
  position: relative;
}
.CarouselWidgetContainer .destinationDates label {
  margin-top: 0;
}
.CarouselWidgetContainer .destinationDates h3 {
  font-size: 18px;
  margin-top: 0;
  font-weight: 100;
  margin-bottom: 10px;
  color: #ffffff;
}
.CarouselWidgetContainer .removeRoom {
  background: url("../images/svg/CloseIconYellow.svg") no-repeat center center;
  height: 17px;
  width: 17px;
  font-size: 0 !important;
  margin-top: 14px;
  background-size: 15px 15px;
}
.CarouselWidgetContainer .roomAdd .static .btn-group.static {
  position: static;
}
.CarouselWidgetContainer .roomAdd .static .btn-group.static .dropdown-menu {
  top: 65px;
}
.CarouselWidgetContainer .roomAdd.roomDetail {
  position: relative;
  width: 100%;
  float: left;
  padding: 5px 0 0;
}
.CarouselWidgetContainer .roomAdd.roomDetail a {
  color: #ffd200;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  text-decoration: underline;
}
.CarouselWidgetContainer .roomAdd.roomDetail #add-room .increaseAdults {
  width: 13px;
  height: 18px;
  display: inline-block;
  margin: 4px 8px 0px -10px;
  position: relative;
  float: left;
}
.CarouselWidgetContainer .roomAdd.roomDetail li {
  display: inline-block;
  width: 100%;
}
.CarouselWidgetContainer .roomAdd.roomDetail li li {
  display: block;
}
.CarouselWidgetContainer .roomAdd.roomDetail .list-unstyled.static {
  height: 66px;
  margin-bottom: 0;
}
.CarouselWidgetContainer .roomAdd.roomDetail .static .btn-group {
  width: 100%;
}
.CarouselWidgetContainer .roomAdd.roomDetail .static .uk-dropdown {
  width: 100%;
  top: 68px !important;
  margin-bottom: 5px;
}
.CarouselWidgetContainer .btn-default {
  padding-left: 15px;
  font-weight: normal;
  padding-right: 15px;
  border: 1px solid var(--primary-bg-color);
  margin-top: 6px;
  margin-bottom: 7px;
  line-height: 30px;
}
.CarouselWidgetContainer .btn-default:before {
  background: url("../images/svg/AddIcon.svg") no-repeat center center;
  background-size: 13px 13px;
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
}
.CarouselWidgetContainer .rooms.roomDetail {
  min-height: auto;
}
.CarouselWidgetContainer .rooms.roomDetail.roomDetail#room-list-element-0 {
  min-height: 63px;
}
.CarouselWidgetContainer #search-hotels-form {
  position: relative;
}
.CarouselWidgetContainer .viewAllRoomsLink {
  margin-right: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 12px;
  align-content: flex-end;
}
.CarouselWidgetContainer .viewAllRoomsLink #summary-view-all-rooms-link {
  font-size: 12px;
  color: var(--colorBlueDrak);
  font-weight: normal;
  text-decoration: underline;
  text-transform: none;
}
.CarouselWidgetContainer .viewAllRoomsLink .uk-button {
  height: 43px;
  width: 100px;
  margin-top: auto;
  box-shadow: none;
}
.CarouselWidgetContainer .sw-viewAllRoomsLink {
  height: 100%;
  position: relative;
  min-width: 100px;
}
.CarouselWidgetContainer .sw-viewAllRoomsLink #view-all-rooms-link {
  font-size: 14px;
  color: var(--colorBlueDrak);
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
  position: absolute;
  bottom: 0;
}
.CarouselWidgetContainer .rooms-Rates {
  position: relative;
  padding-left: 8px;
}
.CarouselWidgetContainer .rooms-Rates .roomDetail .cellCenter label {
  float: none;
}
.CarouselWidgetContainer .rooms-Rates .roomDetail.hidden {
  height: 1px;
  min-height: 1px;
  transition: visibility 0s ease-out;
  -webkit-transition: visibility 0s ease-out;
  -o-transition: visibility 0s ease-out;
  transition: height 0.75s;
}
.CarouselWidgetContainer .form-group .addRates {
  height: 0;
  transition: height 0.75s;
  overflow-y: hidden;
}
.CarouselWidgetContainer .form-group .addRates .roomDetail {
  width: 100%;
}
.CarouselWidgetContainer .form-group .addRates .roomDetail .espace-top-room {
  padding-top: 13px;
}
.CarouselWidgetContainer .roomsAndRates {
  position: relative;
}
.CarouselWidgetContainer .submitButtons {
  margin-top: 10px;
}
.CarouselWidgetContainer .submitButtons.findSm20 {
  bottom: 2px;
}
.CarouselWidgetContainer .submitButtons button {
  width: 100%;
  font-weight: bold;
  font-style: normal;
}
.CarouselWidgetContainer .submitButtons a {
  width: 100%;
  box-shadow: none;
  min-height: 31px;
  line-height: 20px;
  white-space: nowrap;
  min-width: max-content;
}
.CarouselWidgetContainer .list-inline {
  list-style: none;
  margin-left: 0;
  padding-left: 0 !important;
  width: 48%;
}
.CarouselWidgetContainer .list-inline label {
  margin-top: 0;
}
.CarouselWidgetContainer .list-inline li {
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
  display: inline-block;
}
.CarouselWidgetContainer .list-inline .btn {
  background-color: transparent;
  height: 25px;
  width: 25px;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--primary-bg-color);
}
.CarouselWidgetContainer .list-inline .btn.disabled,
.CarouselWidgetContainer .list-inline .btn[disabled] {
  border-color: #a59c32;
  opacity: 1;
  cursor: not-allowed;
}
.CarouselWidgetContainer .list-inline .btn.disabled:before,
.CarouselWidgetContainer .list-inline .btn[disabled]:before {
  color: #a59c32;
  opacity: 0.5;
}
.CarouselWidgetContainer .list-inline .btn:hover,
.CarouselWidgetContainer .list-inline .btn:focus {
  background-color: transparent;
}
.CarouselWidgetContainer .list-inline .btn:before {
  content: "";
  display: block;
  width: 13px;
  height: 100%;
  margin: 0 auto;
}
.CarouselWidgetContainer .list-inline .btn.decreaseAdults:before,
.CarouselWidgetContainer .list-inline .btn.decreaseChildren:before {
  background: url("../images/svg/RemoveIcon.svg") no-repeat center center;
}
.CarouselWidgetContainer .list-inline .btn.increaseAdults:before,
.CarouselWidgetContainer .list-inline .btn.increaseChildren:before {
  background: url("../images/svg/AddIcon.svg") no-repeat center center;
}
.CarouselWidgetContainer .pull-left,
.CarouselWidgetContainer .pull-right {
  width: 48%;
}
.CarouselWidgetContainer .pull-left {
  margin-right: 4%;
}
.CarouselWidgetContainer .pull-right label {
  float: left;
}
.CarouselWidgetContainer .pull-right p {
  color: rgba(255, 255, 255, 0.9);
  float: right;
  font-size: 0.65em;
  font-weight: 100;
  margin: 0 !important;
  text-transform: uppercase;
  font-size: 11px !important;
}
.CarouselWidgetContainer #numAdults,
.CarouselWidgetContainer #numChild {
  display: none;
}
.CarouselWidgetContainer .date-section:last-child {
  margin-top: 5px;
}
.CarouselWidgetContainer .form-control {
  color: var(--gColorBrandBWDarkBlue);
}
.CarouselWidgetContainer .form-control .caret {
  border: none;
  position: absolute;
  right: 0px;
  background: #ffffff url("../images/svg/arrow-down-dark.svg") center no-repeat;
  background-size: 12px;
  height: 20px;
  width: 22px;
  top: 7px;
}
.CarouselWidgetContainer .form-control .caret:before {
  content: "";
}
.CarouselWidgetContainer .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background-color: #fff;
}
.CarouselWidgetContainer .findSm40 .hasDatepicker {
  background: #ffffff url("../images/svg/arrow-down-dark.svg") no-repeat center center / 10px 10px;
  background-position: 97% 13px;
}
.CarouselWidgetContainer .findSm40 .datePickerIcon {
  display: none;
}
.CarouselWidgetContainer .roomButtonGroup {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.56);
  padding-top: 5px;
  padding-bottom: 5px;
}
.CarouselWidgetContainer .roomButtonGroup label {
  text-transform: none;
  word-break: break-all;
}
.CarouselWidgetContainer .roomButtonGroup .table {
  width: 100%;
  display: table;
  margin-bottom: 0px;
}
.CarouselWidgetContainer .roomButtonGroup .row {
  display: table-row;
}
.CarouselWidgetContainer .roomButtonGroup .cell {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}
.CarouselWidgetContainer .roomButtonGroup .cellLeft {
  text-align: left;
  width: 7%;
}
.CarouselWidgetContainer .roomButtonGroup .cellCenter {
  text-align: center;
  width: 23%;
}
.CarouselWidgetContainer .roomButtonGroup .cellRight {
  text-align: right;
  width: 7%;
}
.CarouselWidgetContainer .roomButtonGroup .list-inline li {
  padding: 0 3px !important;
}
.CarouselWidgetContainer .dropdown-backdroppp {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.useRewardsPointsCheckboxContainer {
  right: 0;
  bottom: 40px;
}
.useRewardsPointsCheckboxContainer .svgCheckbox input[type="checkbox"]:checked + label span.checkMarkSvg {
  background: url("../images/svg/checkmark-light.svg") center no-repeat;
  height: 19px;
  width: 19px;
  padding-left: 0;
  border: 1px solid var(--ColorGrisBase);
  background-size: 15px;
  background-position: center;
  margin-right: 0;
  background-color: var(--gColorBrandBWDarkBlue);
}
.useRewardsPointsCheckboxContainer .svgCheckbox input[type="checkbox"]:not(:checked) + label span.checkMarkSvg {
  background: #fff;
  height: 19px;
  width: 19px;
  padding-left: 0;
  margin-right: 0;
  border: 1px solid var(--ColorGrisBase);
}
.rateDescription {
  color: #333;
  text-transform: none;
  margin-left: 46px;
  margin-top: -3px;
  white-space: initial;
}
.sbFindHotelClicked #find-hotel-collapse-link {
  display: block;
  color: #fff;
  text-decoration: underline;
  font-size: 12px;
}
.sbFindHotelClicked .useRewardsPointsCheckboxContainer {
  display: block;
}
.sbFindHotelClicked .rooms-Rates {
  height: auto;
  min-height: 63px;
}
.sbFindHotelClicked .CarouselWidgetContainer .addRates {
  height: 68px;
  overflow-y: visible;
}
.sbFindHotelClicked.roomsCount1 .CarouselWidgetContainer .rooms-Rates {
  height: 70px;
}
.sbFindHotelClicked.roomsCount2 .CarouselWidgetContainer .rooms-Rates {
  height: 130px;
}
.sbFindHotelClicked.roomsCount3 .CarouselWidgetContainer .rooms-Rates {
  height: 192px;
}
.sbFindHotelClicked.roomsCount4 .CarouselWidgetContainer .rooms-Rates {
  height: 253px;
}
.sbFindHotelClicked.roomsCount5 .CarouselWidgetContainer .rooms-Rates {
  height: 310px;
}
.sbFindHotelClicked.roomsCount6 .CarouselWidgetContainer .rooms-Rates {
  height: 372px;
}
.sbFindHotelClicked.roomsCount7 .CarouselWidgetContainer .rooms-Rates {
  height: 435px;
}
.sbFindHotelClicked.roomsCount8 .CarouselWidgetContainer .rooms-Rates {
  height: 498px;
}
.sbFindHotelClicked.roomsCount9 .CarouselWidgetContainer .rooms-Rates {
  height: 558px;
}
.home-page .CarouselWidgetContainer {
  max-width: 970px;
}
.home-page .CarouselWidgetContainer .uk-sticky-placeholder {
  height: unset !important;
}
.home-page-full {
  background: #fff;
}
.home-page-full #tm-top-a .uk-container {
  max-width: 100%;
}
.titre-home-best {
  padding-top: 22px;
}
.titre-home-best .uk-panel-title {
  margin: 10px 0 20px 0;
  font-size: 28px;
  text-align: center;
}
.great-value h2 {
  font-size: 28px;
}
.go-get-rewards {
  margin-top: 50px;
  margin-bottom: 25px;
}
.go-get-rewards img {
  width: 100%;
}
.multiCard {
  margin: 0px auto;
  width: 100%;
}
.multiCard .card {
  float: left;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.multiCard .card.widthTwoThirds {
  width: 100%;
}
.multiCard .card.heightDouble {
  height: 620px;
}
.multiCard .card .cardLink {
  text-transform: none;
}
.multiCard .card h2 {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  margin: 0;
}
.multiCard .card h2 a {
  font-size: 28px;
  font-weight: bold;
  text-transform: none;
}
.multiCard .card .headerDivider {
  border-top: 2px solid #fff;
  margin: 15px auto;
  width: 100px;
  transition: width 0.3s ease-in-out;
}
.multiCard .card p {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  margin: 0;
}
.multiCard .card button {
  border-color: #fff;
  margin: 15px auto 0 auto;
  background-color: transparent;
  color: #fff;
  transition: background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.multiCard .card:hover {
  cursor: pointer;
}
.multiCard .card:hover .headerDivider {
  width: 200px;
}
.multiCard .card:hover button {
  background-color: #fff;
  color: var(--gColorBrandBWDarkBlue);
}
.multiCard .mygrid-item {
  float: left;
  height: 300px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 9;
}
.multiCard .mygrid-item.heightDouble {
  height: 620px;
}
.multiCard .mygrid-item .item-mine {
  height: 100%;
}
.multiCard .mygrid-item .sw-back-img {
  width: 100%;
  height: 100%;
}
.multiCard.benefits .card {
  float: left;
  height: 260px;
}
.navJoinLinkContainer {
  float: right;
  width: 100px;
  text-align: center;
}
.navArrow {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
.navArrow .svgNavArrow {
  fill: #ffffff;
  width: 10px;
  height: 10px;
}
.navArrow.right {
  fill: #ffffff;
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-left: 0;
}
.block-log {
  position: relative;
}
.block-log.uk-position-z-index {
  z-index: 10;
}
.advancedSelect {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('../images/svg/arrow-down-dark.svg');
  background-repeat: no-repeat;
  background-origin: content-box;
  -webkit-background-origin: content;
  -moz-background-origin: content;
  background-position-x: -webkit-calc(100% + 20px);
  background-position-y: center;
  background-position: right -20px center;
  background-size: 10px 10px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding-right: 30px !important;
  padding-left: 12px;
  position: relative;
  text-align: left;
  text-transform: none;
  height: 34px;
  color: #555;
  border-radius: 4px !important;
  font-size: 14px;
  max-width: 100%;
  border: 1px solid var(--ColorGrisBase);
  width: 100%;
}
.advancedSelect::-ms-expand {
  display: none;
}
.advancedSelect span {
  margin-top: 5px;
  text-transform: uppercase;
  color: #555;
}
.advancedSelect b {
  display: none;
}
.advancedSelect:focus {
  border-color: #1b72ba;
  outline-width: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #1b72ba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #1b72ba;
}
.languageMenu {
  float: right;
  margin-right: 5px;
}
.languageMenu .mod-languageslanguageMenu.nav-hover,
.languageMenu .mod-languageslanguageMenu:hover {
  background-color: #296bad;
  color: #fff;
}
.languageMenu .mod-languageslanguageMenu a {
  padding: 14px 10px;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  height: inherit;
  max-width: 180px;
  font-size: 12px !important;
  background: none;
  font-family: var(--primary-font);
  font-weight: bold;
  font-style: normal;
  letter-spacing: normal;
  white-space: nowrap;
}
.languageMenu .mod-languageslanguageMenu .lang-block {
  padding: 0 15px;
  width: 260px;
  border-radius: 0;
  right: 68px;
  left: auto !important;
  border: none;
  margin-top: 0;
}
.languageMenu .mod-languageslanguageMenu .lang-block .language-label {
  padding-top: 15px;
}
.languageMenu .mod-languageslanguageMenu .lang-block .language-label .control-label {
  color: #172e56 !important;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}
.languageMenu .mod-languageslanguageMenu.focus {
  background-color: #296bad;
  outline: none;
}
.languageMenu .mod-languageslanguageMenu.uk-open {
  background: #fff;
}
.languageMenu .mod-languageslanguageMenu.uk-open a {
  color: var(--gColorBrandBWDarkBlue);
}
.languageFormButtonContainer {
  background-color: var(--gColorGrayBg);
  padding: 15px;
  margin: 20px -15px 0 -15px;
}
.languageFormButtonContainer button {
  width: 100%;
}
.verticalBlock {
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  background-repeat: repeat-y;
  background-size: 100% auto;
  max-width: 400px;
}
.verticalBlock .heroCaption {
  color: #ffffff;
  font-size: 20px;
  text-shadow: 1px 3px 1px rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
}
.verticalBlock .heroCaption a {
  text-shadow: none;
}
.verticalBlock .heroCaption a.uk-button {
  background: #fff;
}
.verticalBlock .heroCaption a.uk-button-large {
  background: #fff;
}
.verticalBlock .heroCaption a.uk-button-link {
  background: #fff;
}
.verticalBlock .heroCaption a.uk-button-primary {
  background: #ffce0f;
}
.verticalBlock .heroCaption .heroHeader {
  color: #ffffff;
  font-size: 33px;
  line-height: 1.1;
  text-transform: uppercase;
}
.verticalBlock .heroCaption .sw-slogan {
  margin-top: 10px;
}
.sw-align-txt-center .verticalBlock {
  right: calc(50% - 200px);
  max-width: 400px;
  margin-right: 0;
}
.sw-align-txt-left .verticalBlock {
  right: unset;
  left: 10%;
}
.go-get-rewards {
  margin-top: 50px;
  margin-bottom: 25px;
}
.go-get-rewards img {
  width: 100%;
}
.liste-destination {
  max-width: 100%;
}
.liste-destination ul li {
  list-style: none;
  margin-top: 8px;
}
.liste-destination a {
  font-size: 17px;
  color: var(--colorBlueDrak);
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
}
.liste-destination .richTextEditorExtended {
  width: 100%;
  margin-top: 10px;
  padding-right: 20px;
}
.collapsed-filter-button {
  display: none;
}
.sw-topPanelWrapper {
  background-color: #ffffff;
  z-index: 1005 !important;
  padding-bottom: 5px;
}
.sw-topPanelWrapper.uk-active #summary-col {
  padding-top: 0;
}
.sw-topPanelWrapper .top-panel {
  padding-top: 10px;
}
.top-band {
  padding-top: 0;
  padding-bottom: 0;
}
.top-band #summary-col {
  padding-top: 13px;
  padding-left: 8px;
}
.top-band .uk-container {
  position: relative;
}
.top-band .Find-hotel-absolute {
  display: none;
}
.top-band .Find-hotel-absolute .hidden_mine {
  display: none !important;
}
.top-band .Find-hotel-absolute .visible_mine {
  display: block !important;
}
.top-band .Find-hotel-absolute .submitButtons {
  display: none;
}
.top-band .button-modif-stay {
  padding: 10px 15px;
}
.top-band .button-modif-stay.uk-open {
  background: var(--gColorBrandBWDarkBlue);
  padding: 10px 15px;
}
.top-band .button-modif-stay.uk-open button {
  border-color: #fff;
  color: #fff;
}
.top-band .button-modif-stay button:hover,
.top-band .button-modif-stay button:focus {
  background: none;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.top-band .summaryBar .button-modif-stay {
  bottom: 0;
  right: 0;
}
.top-band .topPhotoInterne .swFindWrapperSb {
  position: relative;
}
.top-band .topPhotoInterne .swFindWrapperSb .heroImageSb {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.top-band .topPhotoInterne .swFindWrapperSb .heroImageSb > img {
  visibility: hidden;
}
.top-band .useRewardsPointsCheckboxContainer {
  display: block;
}
.top-band .useRewardsPointsCheckboxContainer > div > label > span {
  font-size: 13px;
  padding-left: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.summaryBar {
  font-size: 14px;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  z-index: 11;
  border-bottom: 1.5px solid var(--gColorBrandBWDarkBlue);
}
.summaryBar .leftCol {
  float: left;
  font-size: 14px;
  display: inherit;
}
.summaryBar .leftCol > .uk-grid {
  flex-wrap: nowrap;
}
.summaryBar .leftCol #dates-guests-col {
  padding-left: 0;
  padding-right: 0;
}
.summaryBar .leftCol #dates-guests-col #summary-room-total {
  padding-right: 5px;
}
.summaryBar .leftCol #dates-guests-col .detail-field {
  padding-right: 15px;
}
.summaryBar .rightCol {
  display: -ms-flexbox;
  display: flex;
  float: right;
  position: absolute;
  right: 0;
  width: auto;
  min-height: 100%;
  padding: 5px 15px 0;
}
.summaryBar .rightCol #btn-modify-stay {
  align-self: center;
  padding: 6px 12px;
  height: auto;
  min-height: inherit;
  line-height: 1.2;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.summaryBar .rightCol.uk-open {
  background-color: var(--gColorBrandBWDarkBlue);
}
.summaryBar .rightCol.uk-open #btn-modify-stay {
  background-color: var(--gColorBrandBWDarkBlue);
  border: 1px solid #fff;
  color: #fff;
  align-self: center;
}
.summaryBar .valuefilter,
.summaryBar .valuefilter-medium {
  color: var(--gColorBrandBWDarkBlue);
  font-weight: bold;
  font-style: normal;
  margin-bottom: 5px;
}
.summaryBar .detail {
  padding-left: 0;
  display: inline-block;
}
.summaryBar .detail.destination {
  width: auto;
  padding-right: 15px;
}
.summaryBar.container {
  background-color: #fff;
  border-bottom: 1px solid var(--gColorBrandBWDarkBlue);
  margin: 0 15px;
  padding: 0;
  width: auto;
}
.summaryBar.container .row {
  position: relative;
}
.summaryBar .labelfilter {
  color: #172e56;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.summaryBar .button-modif-stay {
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.summaryBar .viewAllRoomsLink {
  margin-top: 17px;
}
.summaryBar .viewAllRoomsLink a {
  text-decoration: underline;
  text-transform: none;
  font-weight: normal;
}
.edit-buttons-container {
  margin: 0 -15px -20px;
}
.edit-buttons-container .editButtons {
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
}
.edit-buttons-container .editButtons .uk-button {
  width: 145px;
  padding: 5px 8px;
  line-height: normal;
}
.edit-buttons-container .editButtons .btn-annul {
  margin: 0 0 0 10px;
  background-color: #fff;
}
.edit-buttons-container .editButtons .btn-annul:hover {
  background-color: #fff;
}
.top-panel {
  background: white;
  padding-bottom: 5px;
  padding-top: 27px;
}
.top-panel-map-view {
  margin-left: 5px;
  max-width: calc(100vw - 5px);
}
.top-panel-map-view .list-map-toggle {
  display: inline-block;
  padding-right: 15px;
  float: right;
}
.top-panel-map-view .list-map-toggle button {
  border: 1px solid var(--gColorBrandBWDarkBlue);
  float: left;
  height: 18px;
  padding: 6px 12px;
  line-height: 18px;
  min-height: 32px;
}
.top-panel-map-view .list-map-toggle button:hover,
.top-panel-map-view .list-map-toggle button:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.top-panel-map-view .list-map-toggle button:nth-child(1) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.top-panel-map-view .list-map-toggle button:nth-child(2) {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.top-panel-map-view .list-map-toggle button .listIconSVG:before {
  content: "\f0c9";
  font-family: FontAwesome;
  font-size: 16px;
}
.top-panel-map-view .list-map-toggle button .mapIconSVG:before {
  content: "\f041";
  font-family: FontAwesome;
  font-size: 16px;
}
.top-panel-map-view .list-map-toggle button.active {
  background-color: var(--colorBlue);
  color: #fff;
}
.top-panel-map-view .clearFilters {
  width: 330px;
  margin-left: 5px;
  color: var(--gColorBrandBWDarkBlue);
  text-align: right;
  position: relative;
}
.top-panel-map-view .clearFilters .filter-title {
  position: absolute;
  top: 10px;
  left: 2px;
  font-size: 20px;
}
.top-panel-map-view .count-hotels-seatch {
  margin-left: 5px;
  margin-top: 10px;
  color: #000;
}
.mapIconSVG,
.listIconSVG {
  display: inline-block;
  width: 21px;
  height: 14px;
  padding: 0;
  margin: -1px;
  margin-left: -4px;
  margin-bottom: -2px;
}
.searchResultsFilters {
  background-color: #ffffff;
  color: var(--gColorBrandBWDarkBlue);
  z-index: 250;
  padding: 10px 35px 5px 22px;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top: 1px solid #efefef;
}
.searchResultsFilters .advancedSelect {
  height: 28px;
  background-image: url("../images/svg/arrow-down-gray.svg");
  background-color: #fff;
  border-color: var(--gColorGrayMedium);
  font-size: 12px;
  text-transform: uppercase;
}
.searchResultsFilters label {
  color: #172e56;
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 2px;
  max-width: 100%;
  text-transform: uppercase;
}
.searchResultsFilters form {
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 20px;
}
.searchResultsFilters .clearFilters {
  margin-top: -46px;
  position: relative;
  text-align: right;
}
.searchResultsFilters .clearFilters span {
  position: absolute;
  left: 0;
  bottom: 1px;
  font-size: 20px;
}
.searchResultsFilters .clearFilters #clear-filters-btn {
  margin-bottom: 2px;
}
.filterSection {
  margin-bottom: 10px;
  position: relative;
}
.filterSection label,
.filterSection span {
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
}
.filterSection .CheckboxCarre .svgCheckbox input[type="checkbox"] + label span.checkMarkSvg {
  width: 17px;
  height: 17px;
}
.msg_empty_list {
  text-align: center;
  font-weight: bold;
  padding: 15px 10px;
}
.distanceSliderSetting {
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 2px;
  color: var(--gColorBrandBWDarkBlue);
}
.select-distance a {
  font-size: 14px;
  font-weight: normal;
  padding: 3px 10px;
  display: block;
}
#slider {
  min-width: calc(100% - 40px);
  box-shadow: none;
  padding: 0;
  height: 10px;
  border-radius: 5px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  z-index: 10;
  margin-left: 30px;
}
#slider .ui-slider-range {
  background-color: #0573b6;
  background-image: none;
  background-repeat: no-repeat;
  border-radius: 5px;
}
#slider .ui-slider-handle {
  cursor: pointer;
  height: 25px;
  width: 25px;
  top: -2px;
  margin-left: -6px;
  border-radius: 50%;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 5px rgba(0, 0, 0, 0.8);
  z-index: 101;
  margin-top: -5px;
}
#slider .ui-slider-handle:focus {
  border-color: inherit;
  outline: none;
}
.slider-tick-container {
  white-space: nowrap;
  top: 0;
  left: 0;
  width: calc(100% - 60px);
  margin-left: 40px;
  position: relative;
  height: 10px;
  z-index: 5;
}
.slider-tick-container .slider-tick {
  margin-left: 0;
  background-image: -webkit-linear-gradient(top, #d9d9d9 100%, var(--ColorGrisBase) 100%);
  background-image: -o-linear-gradient(top, #d9d9d9 100%, var(--ColorGrisBase) 100%);
  background-image: linear-gradient(to bottom, #d9d9d9 100%, var(--ColorGrisBase) 100%);
  position: absolute;
  height: 20px;
  top: -15px;
  width: 1px;
}
.grid-distance {
  width: 100%;
}
.grid-distance label {
  word-break: break-all;
}
.currency-dropdownNew {
  display: table;
  width: 100%;
}
.currency-dropdownNew .btn-group {
  display: block;
}
.currency-dropdownNew .list-unstyled {
  width: 49%;
  display: inline-block;
  margin-bottom: 0;
}
.currency-dropdownNew .list-unstyled button {
  width: 100%;
}
.currency-dropdownNew .list-unstyled button:first-child {
  float: left;
}
.currency-dropdownNew .uk-dropdown {
  width: auto;
  left: 0 !important;
  height: 600px;
  overflow-y: scroll;
}
.currency-dropdownNew .selector-menu {
  padding-left: 0;
  overflow-x: hidden;
}
.currency-dropdownNew a {
  display: block;
  padding: 3px 5px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  white-space: nowrap;
  font-size: 14px;
}
.currency-dropdownNew a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  color: #4f4845;
}
#price-input {
  width: 48%;
  display: inline-table;
  vertical-align: bottom;
}
#price-input label {
  display: table-caption;
  word-break: initial;
}
#price-input span {
  height: 28px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right-color: var(--gColorGrayMedium);
}
#price-input input {
  text-align: right;
  color: var(--gColorGrayMedium);
  height: 28px;
  border-color: var(--gColorGrayMedium);
  border: 1px solid var(--ColorGrisBase);
  border-radius: 0 5px 5px 0;
  border-left: none;
  width: 100%;
  padding-left: 2%;
  padding-right: 4%;
}
.ratesFilterDropDown {
  width: 100%;
  display: inline-block;
  margin: 0;
}
.ratesFilterDropDown .static {
  width: 100%;
}
.ratesFilterDropDown .static .btn-group {
  display: block;
}
.filtreNewAda fieldset {
  border-top: 1px solid #d3d3d3;
  padding: 5px 0 0 0;
  margin-top: 10px;
  margin-bottom: 2px;
  min-width: 0;
}
.filtreNewAda fieldset legend {
  display: none;
}
.filtreNewAda .filterControlLabel {
  color: #172e56;
  cursor: default;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 2px;
  max-width: 100%;
  text-transform: uppercase;
  cursor: pointer;
}
.filtreNewAda .expandable .toggleSection {
  display: none;
}
.filtreNewAda .expandable .sectionToggler {
  margin-top: 5px;
}
.filtreNewAda .expandable .sectionToggler span {
  margin-right: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/svg/arrow-right-dark.svg") no-repeat scroll center center / 10px 10px;
}
.filtreNewAda .expandable.expanded .toggleSection {
  display: block;
}
.filtreNewAda .expandable.expanded .sectionToggler span {
  background-image: url("../images/svg/arrow-down-dark.svg");
}
.filtreNewAda .checkboxContainer label {
  cursor: pointer;
}
.filtreNewAda .checkboxContainer input[type="checkbox"] {
  display: block;
  position: absolute;
  left: 11px;
  top: 7px;
  width: 1px;
  height: 1px;
  z-index: -1;
  visibility: visible;
  opacity: 0;
}
.filtreNewAda .checkboxContainer input + .filterCheckboxLabel:before {
  content: '';
  background: #fff;
  border: 1px solid var(--ColorGrisBase);
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  padding: 2px;
  margin-right: 3px;
  box-sizing: border-box;
  line-height: 1.2;
}
.filtreNewAda .checkboxContainer input:checked + .filterCheckboxLabel:before {
  content: url("../images/svg/checkmark-light.svg");
  background-origin: content-box;
  background-color: var(--gColorBrandBWDarkBlue);
  line-height: 1.2;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#main-trip-advisor-container .tripAdvisorBubbles {
  cursor: pointer;
  margin-top: 0;
  display: block;
  background-position: 23px 4px;
  background-repeat: no-repeat;
  font-size: 12px;
}
#main-trip-advisor-container .tripAdvisorBubbles.rating0 {
  background-image: url("../images/svg/trip-advisor-yellow-0.0.svg");
}
#main-trip-advisor-container .tripAdvisorBubbles.rating1 {
  background-image: url("../images/svg/trip-advisor-yellow-1.0.svg");
}
#main-trip-advisor-container .tripAdvisorBubbles.rating2 {
  background-image: url("../images/svg/trip-advisor-yellow-2.0.svg");
}
#main-trip-advisor-container .tripAdvisorBubbles.rating3 {
  background-image: url("../images/svg/trip-advisor-yellow-3.0.svg");
}
#main-trip-advisor-container .tripAdvisorBubbles.rating4 {
  background-image: url("../images/svg/trip-advisor-yellow-4.0.svg");
}
#main-trip-advisor-container .tripAdvisorBubbles.rating5 {
  background-image: url("../images/svg/trip-advisor-yellow-5.0.svg");
}
.searchResultsContainer {
  display: table;
  width: 100%;
}
.searchResultsContainer.sw-bg-grey {
  background-color: #ffffff;
  overflow: visible;
}
.searchResultsContainer .dropdown-toggle {
  white-space: nowrap;
}
.searchResultsContainer .uk-sticky-placeholder {
  height: auto !important;
}
.searchResultsContainer .uk-width-medium-2-10 {
  max-width: 300px;
}
.searchResultsContainer #searchResultsContent {
  max-width: calc(100% - 300px);
  min-width: calc(100% - 300px);
}
.searchResultsContainer .isotopeMover {
  transition: 0.5s ease margin-left;
}
.standardRateContainer .resortRestriction.error {
  margin-left: auto;
  margin-right: auto;
  max-width: max-content;
}
#hotelListColumnOne {
  width: 59%;
  max-width: 620px;
  overflow-x: visible;
  z-index: 3;
  min-height: 800px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #d3d3d3;
}
#hotelListColumnOne .hotelsListGrid {
  margin-top: 15px;
}
#hotelListColumnOne #hotel-search-result-list .hotelsNotavailableSeparator.hotelsListItem {
  border-left: 15px solid var(--gColorBrandBWDarkBlue);
  border-right: 15px solid var(--gColorBrandBWDarkBlue);
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: -7.5px;
  margin-right: -7.5px;
  text-align: center;
  color: var(--gColorBrandBWDarkBlue);
  padding: 1px 15px;
  max-width: 915px;
  width: calc(100% + 15px);
  float: left;
}
#hotelListColumnOne #hotel-search-result-list .hotelsNotavailableSeparator.hotelsListItem .separatorHeading {
  padding-top: 5px;
  margin-top: 0;
  margin-bottom: 6px;
  color: var(--gColorBrandBWDarkBlue);
  font-size: 22px;
  line-height: 1.1;
}
#hotelListColumnOne #hotel-search-result-list .hotelsNotavailableSeparator.hotelsListItem .partialUnderline {
  width: 180px;
  height: 2px;
  background: var(--gColorBrandBWDarkBlue);
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
#hotelListColumnOne #hotel-search-result-list .hotelsNotavailableSeparator.hotelsListItem .uk-button {
  background-color: #ffffff;
}
#hotelListColumnOne #hotel-search-result-list .hotelsOutsideSeparator {
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: -7.5px;
  margin-right: -7.5px;
  width: calc(100% + 15px);
  max-width: 930px;
  border-left: 15px solid var(--gColorBrandBWDarkBlue);
  border-right: 15px solid var(--gColorBrandBWDarkBlue);
  text-align: center;
  color: var(--gColorBrandBWDarkBlue);
  padding: 1px 15px;
  float: left;
}
#hotelListColumnOne #hotel-search-result-list .hotelsOutsideSeparator .separatorHeading {
  padding-top: 5px;
  margin-top: 0;
  margin-bottom: 6px;
  color: var(--gColorBrandBWDarkBlue);
  font-size: 22px;
  line-height: 1.1;
}
#hotelListColumnOne #hotel-search-result-list .hotelsOutsideSeparator .partialUnderline {
  width: 180px;
  height: 2px;
  background: var(--gColorBrandBWDarkBlue);
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.searchResultsCard {
  position: relative;
  border-radius: 10px;
  height: max-content;
  min-height: 200px;
  margin-bottom: 15px;
}
.searchResultsCard p {
  margin: 0 0 10px;
}
.searchResultsCard .resortFee {
  font-size: 12px;
  line-height: 1.1;
  margin-top: 8px !important;
  width: 100%;
  text-align: left;
}
.searchResultsCard.selectedCard {
  transition: margin-left ease 0.5s;
  -webkit-box-shadow: -5px 0 26px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 26px 4px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 26px 4px rgba(0, 0, 0, 0.5);
  min-width: 600px;
}
.searchResultsCard .hotelBrand {
  width: 44%;
  height: 100%;
  position: absolute;
  z-index: 200;
  margin-top: 0px;
  overflow: hidden;
}
.searchResultsCard .carousel {
  height: 100%;
  width: 100%;
  margin-bottom: 0px;
  float: left;
}
.searchResultsCard .carousel-inner {
  overflow: hidden;
  height: 100%;
}
.searchResultsCard .carousel-inner .hotelImage {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 100%;
  display: inline-block;
}
.searchResultsCard .TitleRewMembre {
  margin-top: 12px;
}
.searchResultsCard .TitleRewMembre div {
  font-size: 13px;
  font-weight: bold;
  color: #000;
}
.searchResultsCard .searchResultsCaption {
  padding-bottom: 40px;
  margin-left: 44%;
  min-height: 200px;
  background-color: #FFF;
  padding: 10px;
  width: 56%;
  float: right;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.searchResultsCard .searchResultsCaption .country {
  margin-left: 5px;
}
.searchResultsCard .searchResultsCaption .country img {
  margin: 0px;
  width: auto;
  height: 20px;
}
.searchResultsCard .hotelBrandNameSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.searchResultsCard .hotelBrandLogoContainer {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #000;
}
.searchResultsCard .hotelBrandLogoContainer .brandImage {
  height: 73px;
  width: auto;
  max-width: unset;
}
.searchResultsCard .sortHotelCard {
  width: auto;
  min-width: 0;
}
.searchResultsCard .hotelName {
  font-weight: bold;
  width: calc(100% - 35px);
  font-size: 17px;
  padding-right: 50px;
}
.searchResultsCard .hotelName a {
  color: #000;
  font-weight: 100;
  text-transform: initial;
  font-size: 14px;
}
.searchResultsCard .hotelTypeDescription {
  font-size: 13px;
  color: var(--gColorGrayDark);
}
.searchResultsCard .distance {
  margin-bottom: 2px;
  font-size: 13px;
  color: #000000;
}
.searchResultsCard .ctaContainer {
  margin-top: 12px;
  display: flex;
}
.searchResultsCard .priceSection {
  text-align: right;
  position: absolute;
  bottom: 5%;
  right: 4%;
  left: 4%;
  color: var(--gColorGrayDark);
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.searchResultsCard .priceSection.sw-bloc-details {
  left: unset;
}
.searchResultsCard .priceSection .price {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-right: 5px;
  margin-bottom: 0;
}
.searchResultsCard .priceSection .currencyCode {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.searchResultsCard .description {
  font-size: 11px;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
}
.searchResultsCard .AvgNight {
  position: absolute;
  top: -14px;
  left: 0;
  font-size: 11px;
  white-space: pre;
}
.searchResultsCard .cmBtnPrimary {
  margin-left: auto;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.searchResultsCard .cdsROWContainer .logo {
  display: none !important;
}
.searchResultsCard .cdsROWContainer .cdsLocName {
  display: none !important;
}
.searchResultsCard .cdsROWContainer .cdsRating img {
  max-width: 100px !important;
  width: 100px !important;
}
.searchResultsCard .additionalLinkWrapper {
  font-size: 12px;
  margin-bottom: 2px;
  z-index: 1;
}
.searchResultsCard .additionalLinkWrapper a,
.searchResultsCard .additionalLinkWrapper a:link,
.searchResultsCard .additionalLinkWrapper a:visited {
  text-decoration: underline;
  text-transform: none;
  font-size: 13px;
}
.searchResultsCard .medalliaContainer {
  margin: 8px 0;
}
.searchResultsCard .medalliaContainer .ratingText,
.searchResultsCard .medalliaContainer .reviewCount {
  font-size: 13px;
}
.searchResultsCard .medalliaContainer .verifiedMarker {
  font-size: 12px;
  padding: 6px;
}
.searchResultsCard .medalliaContainer + .amenitiesSection {
  margin-top: 12px;
}
.searchResultsCard .amenitiesIcons img {
  width: auto;
  height: 25px;
  margin: 5px 5px 0 0;
}
.searchResultsCard .amenitiesTitle {
  color: #000;
  font-weight: bold;
}
.searchResultsCard .amenitiesTitle img {
  width: auto;
  height: 25px;
  margin: 5px 5px 0 0;
}
.searchResultsCard .snipeRibbonWrapper {
  position: absolute;
  top: 15px;
  left: -6px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.1s, visibility 0.1s;
  -o-transition: opacity 0.1s, visibility 0.1s;
  transition: opacity 0.1s, visibility 0.1s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  z-index: 100;
}
.searchResultsCard .snipeRibbonWrapper:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-top-width: 6px;
  border-top-style: solid;
  border-top-color: #428da7;
  border-left: 6px solid transparent;
}
.searchResultsCard .snipeRibbonWrapper .snipeRibbonText {
  padding: 7px 20px 7px 12px;
  background-color: #55cdf0;
  height: auto;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
  font-size: 11px;
  font-weight: bold;
}
.searchResultsCard .snipeRibbonWrapper.highOccupancy .snipeRibbonText {
  background-color: #fe4f16;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: normal;
}
.searchResultsCard .snipeRibbonWrapper.highOccupancy .snipeRibbonText span {
  display: block;
}
.searchResultsCard .snipeRibbonWrapper.highOccupancy .snipeRibbonText span:first-of-type {
  font-weight: bold;
}
.searchResultsCard .snipeRibbonWrapper.highOccupancy:after {
  border-top-color: #b32c01;
}
.searchResultsCard.AppWebViewMode .PriceNewRewards {
  text-align: left;
}
.searchResultsCard.AppWebViewMode .hotelBrand {
  width: 100%;
  position: relative;
}
.searchResultsCard.AppWebViewMode .carousel-inner .hotelImage {
  padding-top: 56.25%;
}
.searchResultsCard.AppWebViewMode .searchResultsCaption {
  width: 100%;
  margin-left: 0;
  height: auto;
  padding: 10px;
}
.searchResultsCard.AppWebViewMode .hotelName {
  width: auto;
}
.searchResultsCard.AppWebViewMode .ctaContainer {
  margin-top: 0;
}
.searchResultsCard.AppWebViewMode .priceSection {
  left: 2%;
  right: 2%;
  text-align: left;
  color: #000;
}
.searchResultsCard.AppWebViewMode .price {
  font-size: 24px;
}
.searchResultsCard.AppWebViewMode .description {
  display: inline-block;
  position: relative;
}
.TextFeeAvg {
  font-size: 11px;
  font-weight: normal;
}
.TextFeeAvg span {
  display: block;
}
.TextFeeAvg strong,
.TextFeeAvg .totalCost {
  font-size: 17px;
  font-weight: bold;
}
.TextFeeAvg .totalCost {
  display: inline-block;
}
.medalliaContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0;
}
.medalliaContainer .ratingContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 33px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 100;
}
.medalliaContainer .ball {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-style: solid;
  border-radius: 50%;
  border-color: var(--primary-bg-hover-color);
  background-color: #fff;
  overflow: hidden;
  margin-right: 5px;
  border-width: 2px;
}
.medalliaContainer .fill {
  display: block;
  background-color: var(--primary-bg-hover-color);
  width: 0;
  height: 100%;
}
.medalliaContainer .ratingText {
  margin: 0 20px 0 10px;
  font-size: 15px;
}
.medalliaContainer .reviewsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.medalliaContainer .reviewCount {
  font-size: 17px;
  white-space: nowrap;
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
  line-height: 1;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
}
.medalliaContainer .reviewCount > a {
  color: #172e56;
  font-weight: normal;
  text-decoration: underline;
  font-size: 13px;
}
.medalliaContainer .reviewCount > a:hover {
  text-decoration: none;
}
.medalliaContainer .verifiedMarker {
  background-color: var(--gColorGrayBg);
  border-radius: 4px;
  text-transform: uppercase;
  padding: 8px;
  font-size: 12px;
  margin-left: 15px;
}
.flipCard {
  height: max-content;
  min-height: 100%;
  transition: 0.5s transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: inherit;
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.flipCard.flipped {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.flipCard .list-map-toggle .placemarkIcon {
  border-color: #000;
  background-color: #000;
  margin-right: 3px;
  margin-bottom: 1px;
}
.flipCard .list-map-toggle .placemarkIcon:before {
  background-color: #fff;
}
.flipCard.mapView .list-map-toggle .placemarkIcon {
  border-color: #fff;
  background-color: #fff;
}
.flipCard.mapView .list-map-toggle .placemarkIcon:before {
  background-color: #000;
}
.flipCard .placemarkIcon {
  position: relative;
  box-sizing: content-box;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid #000;
  background-color: #000;
  width: 6px;
  height: 6px;
}
.flipCard .placemarkIcon:before {
  content: '';
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  width: 4px;
  height: 4px;
  top: 1px;
  left: 1px;
}
.flipCard .placemarkIcon:after {
  content: '';
  border: 5px solid transparent;
  border-top: 7px solid;
  border-top-color: inherit;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -12px;
  left: -2px;
}
.flipCard .reviewCount {
  font-size: 12px;
}
.flipCard .tripAdvisorBubbles {
  width: 100px;
}
.flipCard .rating {
  margin-bottom: 5px;
}
.flipCardFront,
.flipCardBack {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 100%;
  min-height: 200px;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: inherit;
  background-color: #fff;
  overflow: hidden;
}
.flipCardFront {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flipCardBack {
  font-size: 13px;
  -webkit-transform: rotateY(-180deg) translate(100%, 0) translateZ(1px);
  transform: rotateY(-180deg) translate(100%, 0) translateZ(1px);
  height: max-content;
  min-height: 200px;
}
.flipCardButton {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 80px;
  height: 80px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #000;
  z-index: 210;
  padding: 0;
  margin: 0;
  border: 0;
}
.flipCardIcon,
.flipCardButton p {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  left: 30px;
  margin: 0;
}
.flipCardIcon {
  bottom: 10%;
  width: 25%;
  height: 25%;
}
.flipCardButton p {
  color: #fff;
  bottom: -2px;
  left: 25px;
  font-size: 10px;
  letter-spacing: 1.5px;
  visibility: hidden;
  max-width: 0;
  white-space: nowrap;
}
.flipCardButton:hover p {
  visibility: visible;
}
.flipCardButton:hover .flipCardIcon {
  visibility: hidden;
}
.map-canva-sw {
  width: 100%;
  height: 500px;
  position: relative;
  margin: 0 auto 0px auto;
}
#map_canvasa {
  background-color: lightgray;
}
.map_on_hotel {
  width: 41%;
  min-width: calc(100% - 620px);
  height: 100vh;
  padding: 0px;
  z-index: 2;
  position: relative;
}
.map_on_hotel.liste-view {
  display: none;
}
.map_on_hotel .map-canva-sw {
  height: 100vh;
}
.map_on_hotel .map-canva-sw .mapMarker {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  margin-top: 0px;
  transition: margin-top 0.5s;
}
.map_on_hotel .map-canva-sw .mapMarker .markerText {
  white-space: nowrap;
  display: block;
  margin-left: 30px;
  padding-top: 2px;
  font-size: 16px;
  margin-right: 5px;
  transition: all 0.5s;
  font-weight: bold;
  text-transform: initial;
  color: var(--gColorBrand);
}
.map_on_hotel .map-canva-sw .mapMarker .markerText .distance {
  display: block;
  font-size: 12px;
  color: var(--gColorBrand);
}
.map_on_hotel .map-canva-sw .mapMarker .markerPin {
  width: 35px;
  height: 41px;
  transform: translateX(-25%);
  margin-top: -2px;
  z-index: 10;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--logomarquepin);
}
.map_on_hotel .map-canva-sw .mapMarker .markerPinTop {
  opacity: 1;
  position: absolute;
  top: -10px;
  left: -21px;
  width: 42px;
  height: 42px;
  z-index: 60;
  transition: opacity, top 0.5s;
  -webkit-transition: opacity, top 0.5s;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--logomarquepintop);
}
.map_on_hotel .map-canva-sw .mapMarker .markerBadge {
  border-radius: 8px;
  height: 26px;
  font-size: 11px;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  z-index: 60;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
  text-align: left;
  width: 33px;
  opacity: 0;
  padding: 0px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.map_on_hotel .map-canva-sw .mapMarker .markerLogo {
  display: block;
  height: 100%;
  margin-right: 5px;
  transition: width 0.5s ease 0s;
  width: 23px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: var(--logomarquebadge);
}
.map_on_hotel .map-canva-sw .mapMarker.surestay.studio.hotel .markerLogo,
.map_on_hotel .map-canva-sw .mapMarker.sure.hotel.studio .markerLogo {
  background-color: #0767a2;
}
.map_on_hotel .map-canva-sw .mapMarker.surestay .markerLogo,
.map_on_hotel .map-canva-sw .mapMarker.sure.hotel .markerLogo,
.map_on_hotel .map-canva-sw .mapMarker.SSH .markerLogo {
  background-color: #81bc00;
  border-radius: 3px;
}
.map_on_hotel .map-canva-sw .mapMarker.surestay.plus .markerLogo,
.map_on_hotel .map-canva-sw .mapMarker.sure.hotel.plus .markerLogo,
.map_on_hotel .map-canva-sw .mapMarker.SSH.plus .markerLogo {
  background-color: #d61e39;
  border-radius: 3px;
}
.map_on_hotel .map-canva-sw .mapMarker .surestay.collection .markerLogo {
  background-color: #614976;
  border-radius: 3px;
}
.map_on_hotel .map-canva-sw .mapMarker.surestay.plus .markerLogo {
  background-color: #d61e39;
}
.map_on_hotel .map-canva-sw .mapMarker.mapcenter .markerLogo,
.map_on_hotel .map-canva-sw .mapMarker.place .markerLogo {
  background-image: url("../images/png/CityCenter_Pin_Top.png");
}
.map_on_hotel .map-canva-sw .mapMarker.mapcenter .markerPinTop,
.map_on_hotel .map-canva-sw .mapMarker.place .markerPinTop {
  background-image: url("../images/png/CityCenter_Pin_Top.png");
}
.map_on_hotel .map-canva-sw .mapMarker.mapcenter .markerPin,
.map_on_hotel .map-canva-sw .mapMarker.place .markerPin {
  background-image: url("../images/Generic_Pin.png");
}
.map_on_hotel .map-canva-sw .mapMarker.markerSelected {
  margin-top: -22px;
  transition: margin-top 0.5s;
}
.map_on_hotel .map-canva-sw .mapMarker.markerSelected .markerPinTop {
  top: 18px;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.map_on_hotel .map-canva-sw .mapMarker.markerSelected .markerPin {
  position: relative;
  z-index: 90;
}
.map_on_hotel .map-canva-sw .mapMarker.markerSelected .markerBadge {
  opacity: 1;
  z-index: 90;
  background-color: white;
  height: 56px;
  padding: 3px;
  width: 100%;
  transition: all 0.5s;
  -webkit-transform: translate(-50%, 0%);
  border: 6px solid var(--gColorBrand);
}
.map_on_hotel .map-canva-sw .mapMarker.markerSelected .markerLogo {
  display: block;
  height: 100%;
  transition: width 0.5s ease 0s;
  width: 32px;
}
.map_on_hotel .map-canva-sw .mapMarker.markerSelected .markerText a {
  padding-top: 2px;
  font-size: 16px;
  margin-right: 5px;
  transition: all 0.5s;
  font-weight: bold;
  text-transform: initial;
  color: var(--gColorBrand);
}
.map_on_hotel .map-canva-sw .mapMarker.markerSelected .markerText a:hover {
  text-decoration: none;
}
.map_on_hotel .map-canva-sw .mapMarker.infobox_perso .markerBadge {
  border-radius: 8px;
  padding: 0;
  height: 34px;
  font-size: 11px;
  color: white;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  z-index: 600;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: left;
  cursor: pointer;
  opacity: 1;
  width: 100%;
  padding: 3px;
  z-index: 90;
  transition: all 0.5s !important;
  -webkit-transform: translate(-50%, 0%) !important;
  border: 6px solid var(--gColorBrand);
  background-color: var(--gColorBrand);
}
.map_on_hotel .map-canva-sw .mapMarker.infobox_perso .markerBadge .markerText {
  padding-top: 0;
}
.map_on_hotel .map-canva-sw .mapMarker.infobox_perso .markerBadge .markerText a {
  color: white;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
}
.map_on_hotel #floating-panel {
  position: absolute;
  top: 12px;
  z-index: 10;
  right: 200px;
}
.map_on_hotel #floating-panel .showPinsBtn {
  float: left;
  color: #565656;
  font-size: 11px;
  box-shadow: rgba(0, 0, 0, 0.298039) 0 1px 4px -1px;
  border-width: 0;
  min-width: 39px;
  background-color: #fff;
  padding: 8px;
}
.map_on_hotel #floating-panel .showPinsBtn.showPinTypeSelected {
  font-weight: 500;
  color: #000;
}
.mapMarker.mapcenter .markerBadge,
.mapMarker.place .markerBadge {
  background-color: var(--gColorBrandBWDarkBlue);
  border: 6px solid var(--gColorBrandBWDarkBlue) !important;
}
.mapMarker.mapcenter.markerSelected .markerText,
.mapMarker.place.markerSelected .markerText {
  color: var(--gColorBrandBWDarkBlue);
  transition: border-width 2s;
}
.mapMarker.mapcenter.markerSelected .markerBadge,
.mapMarker.place.markerSelected .markerBadge {
  height: auto !important;
}
.mapMarker.mapcenter.markerSelected .markerLogo,
.mapMarker.place.markerSelected .markerLogo {
  min-height: 38px;
}
.inlineGatedRateBannerContainer {
  margin: 10px;
  background-color: var(--primary-bg-color);
  display: block;
  padding: 15px;
}
.inlineGatedRateBannerContainer .bannerTextContainer {
  width: 100%;
  display: block;
}
.inlineGatedRateBannerContainer .emailInputContainer {
  width: 100%;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 15px;
}
.inlineGatedRateBannerContainer .emailInputContainer input {
  height: 34px;
}
.inlineGatedRateBannerContainer .emailInputContainer input:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.inlineGatedRateBannerContainer .shown {
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 15px;
}
.inlineGatedRateBannerContainer .shown button {
  padding-left: 20px;
  padding-right: 20px;
}
.inlineGatedRateBannerContainer .shown button:not(:visited):not(:hover):not(:focus):not(:active) {
  border-color: var(--gColorBrandBWDarkBlue);
  background-color: var(--gColorBrandBWDarkBlue);
  color: #fff;
}
.inlineGatedRateBannerContainer .shown button:hover {
  background: #fff;
  border: 1px solid var(--gColorBrandBWDarkBlue);
  color: var(--gColorBrandBWDarkBlue);
}
.inlineGatedRateBannerContainer .shown button:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.CanacelBg {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-booking {
  /*&.availabilityroom {
        .CarouselWidgetContainer {
            border-bottom: 1px solid #2e3c3d;
        }
    }*/
}
.page-booking.availability .tm-block-footer,
.page-booking.availability .tm-block-footer-all-rights {
  z-index: 2;
}
.page-booking.availability .tm-block-main {
  position: initial;
}
.page-booking.availability #summary-loading {
  position: relative;
  z-index: 99999;
}
.page-booking.availability .ui-datepicker.ui-widget-content {
  z-index: 99999 !important;
}
.page-booking.availability .ui-autocomplete {
  z-index: 99999 !important;
}
.page-booking.availability .uk-sticky-placeholder {
  height: unset !important;
}
.page-booking.availability .updateHome {
  display: block;
}
.page-booking.availability .updateHome h3 {
  font-size: 17px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 20px;
  margin-bottom: 0;
}
.page-booking .container_sw .CarouselWidgetContainer {
  max-width: 1324px;
}
.page-booking .bookingSummary.thankYou .thankYou .summaryblock {
  background-color: #fff;
}
.page-booking .bookingSummary .cancellationContainer {
  bottom: -20px;
}
.page-booking .bookingSummary .cancellationContainer.cancelInphoto {
  left: 0;
  right: 0;
  position: absolute;
  top: 36%;
  bottom: auto;
  background: #000;
  text-align: center;
  z-index: 2;
}
.page-booking .bookingSummary .cancellationContainer.cancelInphoto p {
  font-size: 13px;
  margin: 0;
}
.page-booking .paymentSummary {
  background-color: #fff;
}
.popover-content {
  padding: 14px;
  font-weight: normal;
}
.btn-back-white {
  background-color: #ffffff;
  margin-bottom: 10px;
}
.viewRoomsButtonContainer {
  position: absolute;
  right: 54px;
  top: 5px;
}
.viewRoomsButtonContainer a {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: auto;
  text-align: center;
  font-size: 14px;
}
.viewRoomsButtonContainer.bottomViewRoom {
  top: auto;
  bottom: 5px;
  right: 2%;
  width: 17%;
}
.viewRoomsButtonContainer.bottomViewRoom a {
  width: 100%;
  line-height: 20px;
}
.updateHome {
  display: none;
}
.breadcrumbWrapper {
  margin: 0 -5px;
  min-width: var(--gMinSiteWidth);
}
.breadcrumbWrapper .breadcrumb {
  padding: 0;
  margin-bottom: 10px;
  margin-top: 25px;
  list-style: none;
  background-color: initial;
}
.breadcrumbWrapper .breadcrumb > li + li:before {
  content: "\003e";
  padding: 0;
  padding-right: 0.25em;
  color: var(--gColorGrayDark);
}
.breadcrumbWrapper .breadcrumb li:last-child {
  color: var(--gColorBrandBWDarkBlue);
}
.breadcrumbWrapper .breadcrumbList {
  padding: 0;
  margin-bottom: 10px;
  margin-top: 25px;
}
.breadcrumbWrapper .breadcrumbList li {
  display: inline;
  font-size: 13px;
}
.breadcrumbWrapper .breadcrumbList li a {
  text-transform: none;
  font-weight: normal;
  font-size: 13px;
}
.breadcrumbWrapper .breadcrumbList li:not(:last-child):after {
  content: '';
  color: inherit;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: inherit;
  transform: rotate(45deg);
  margin: 0 5px;
}
.FindSearchWidget .elementExpander a {
  flex-direction: row-reverse;
  color: var(--gColorBrandBWDarkBlue);
}
.FindSearchWidget .elementExpander a .expanderIcon {
  border-color: var(--gColorBrandBWDarkBlue);
}
.FindSearchWidget .elementExpander a .expanderIcon:after {
  border-color: var(--gColorBrandBWDarkBlue);
}
.FindSearchWidget .valuefilter {
  font-weight: bold;
  font-size: 14px;
  min-height: 32px;
  color: var(--gColorGrayDark);
  display: block;
}
.FindSearchWidget .destination {
  width: auto;
  padding-right: 15px;
}
.FindSearchWidget .labelfilter {
  color: var(--gColorGrayDark);
  font-size: 11px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.FindSearchWidget #find-hotel-collapse-link {
  display: none;
}
.FindSearchWidget #checkOut,
.FindSearchWidget #checkIn {
  max-width: inherit;
  line-height: 18px;
}
.FindSearchWidget #summary-number-of-nights {
  min-height: auto;
}
.FindSearchWidget #night-def {
  margin-bottom: 25px;
}
.FindSearchWidget #summary-checkout,
.FindSearchWidget #summary-checkin {
  text-transform: uppercase;
  font-size: 14px;
}
.FindSearchWidget #summary-Night,
.FindSearchWidget #checkIn {
  padding-right: 10px;
}
.FindSearchWidget #rate-plan-selected {
  max-width: 140px;
  white-space: break-spaces;
}
.FindSearchWidget .detail-field {
  float: left;
  margin-right: 10px;
  max-width: 110px;
}
.FindSearchWidget .CarouselWidgetContainer .carouselWidget {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.FindSearchWidget .CarouselWidgetContainer label {
  color: var(--colorBlueDrak);
}
.FindSearchWidget .CarouselWidgetContainer .btn-default {
  padding: 5px 8px;
  white-space: normal;
  word-break: break-all;
  line-height: normal;
  max-width: 100%;
  min-width: 100px;
}
.FindSearchWidget .CarouselWidgetContainer .btn-default :before {
  background-image: url("../images/svg/AddIconDarkBlue.svg");
}
.FindSearchWidget .CarouselWidgetContainer .removeRoom {
  background-image: url("../images/svg/CloseIconDarkBlue.svg");
}
.FindSearchWidget .CarouselWidgetContainer .list-inline .btn {
  border-color: var(--gColorGrayMedium);
}
.FindSearchWidget .CarouselWidgetContainer .list-inline .btn.decreaseAdults:before,
.FindSearchWidget .CarouselWidgetContainer .list-inline .btn.decreaseChildren:before {
  background-image: url("../images/svg/RemoveIconDarkBlue.svg");
}
.FindSearchWidget .CarouselWidgetContainer .list-inline .btn.increaseAdults:before,
.FindSearchWidget .CarouselWidgetContainer .list-inline .btn.increaseChildren:before {
  background-image: url("../images/svg/AddIconDarkBlue.svg");
}
.FindSearchWidget .CarouselWidgetContainer .pull-right p {
  color: var(--colorBlueDrak);
}
.FindSearchWidget .elementExpander {
  display: block;
  visibility: visible;
  position: absolute;
  top: -10px;
  right: 0;
  z-index: 200;
}
.FindSearchWidget .elementExpander .font0 {
  display: none;
}
.FindSearchWidget #find-hotel-collapse-link {
  display: none;
}
.FindSearchWidget .form-group,
.FindSearchWidget .submitButtons {
  display: none;
}
.FindSearchWidget .findHotelWrappersw {
  border-bottom: 1px solid var(--gColorGrayDark);
}
.elementExpander a {
  color: #2482bf;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 8px;
}
.elementExpander a:hover {
  text-decoration: none;
}
.elementExpander a .expanderText {
  color: #2482bf;
}
.elementExpander a .expanderIcon {
  margin-top: 0;
  position: relative;
  display: inline-block;
  width: 25px;
  min-width: 25px;
  height: 25px;
  border: 2px solid #2482bf;
  border-radius: 50%;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.elementExpander a .expanderIcon:after {
  content: '';
  position: absolute;
  display: block;
  width: 7px;
  height: 7px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #2482bf;
  background: none;
  top: 5px;
  left: 7px;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.elementExpander a .expanderIcon.in:after {
  top: 8px;
  left: 6px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.elementExpander a.expanderLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  color: inherit;
}
.collapsed .expanderIcon:after,
.uk-accordion-title.uk-active .expanderIcon:after {
  -moz-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  top: 8px;
}
.SearchSticky2023 .uk-sticky-placeholder {
  height: auto !important;
}
.ModalRateNew .uk-modal-dialog {
  width: 300px;
}
.ModalRateNew .uk-modal-dialog .uk-button-large {
  background-color: #fff;
}
.hotel_detail #offre-exclusive {
  max-width: 100%;
}
.hotel_detail .tm-block-main .uk-container {
  max-width: 100%;
}
.hotel_detail .tm-block-main .container_sw .ccOne {
  width: 50%;
  padding: 0px 15px 0px 15px;
}
.hotel_detail .tm-block-main .container_sw .ccTwo {
  padding: 0;
  margin-top: -10px;
  width: 50%;
  padding: 0px 15px 0px 15px;
}
.hotel_detail .tm-block-main .container_sw .ccTwo .tripAdvisorCOE img {
  vertical-align: top;
  margin: 15px 0 15px 0;
}
.hotel_detail .stickyTopWrapper {
  background-color: #fff;
  -webkit-box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 250;
  width: 100%;
  display: inline-block;
}
.hotel_detail .stickyTopWrapper.affix {
  top: -1px;
  width: 100%;
  z-index: 250;
  position: fixed !important;
}
.hotel_detail .stickyTopWrapper .collapseButton {
  display: block;
}
.hotel_detail .addRates.visible-sw {
  overflow-y: visible;
}
.hotel_detail input.hasDatepicker:focus + span.datePickerIndicator:after,
.hotel_detail input.hasDatepicker.open_date + span.datePickerIndicator:after {
  border-bottom: 15px solid #ededed;
}
.hotel_detail .top-band .top-panel-map-view {
  display: none;
}
.hotel_detail .ui-autocomplete {
  z-index: 1000;
}
.hotel_detail #search-bar-edit-toggle-button {
  display: flex !important;
  -webkit-transition: none;
  transition: none;
}
.progressBarContainer {
  max-width: 500px;
  margin: 10px auto;
}
.progressBarContainer .progressStep {
  padding: 0;
  text-align: center;
}
.progressBarContainer .progressStep .stepIndicator,
.progressBarContainer .progressStep .stepCaption {
  text-align: center;
  position: relative;
}
.progressBarContainer .progressStep .stepIndicator {
  height: 30px;
}
.progressBarContainer .progressStep .stepIndicator .circle {
  width: 30px;
  height: 30px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  z-index: 0;
  background: #d7d7d7;
  color: var(--gColorGrayDark);
}
.progressBarContainer .progressStep .stepCaption a,
.progressBarContainer .progressStep .stepCaption {
  padding: 5px;
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
}
.progressBarContainer .progressStep a {
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
  text-decoration: underline;
  color: var(--gColorGrayDark);
}
.progressBarContainer .progressStep .bar {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  background-color: #d7d7d7;
  height: 5px;
  z-index: -1;
  display: inline-block;
}
.progressBarContainer .progressStep.completed .circle .caption {
  display: none;
}
.progressBarContainer .progressStep.completed .stepCaption a {
  color: var(--gColorGrayDark);
  text-decoration: underline;
}
.progressBarContainer .progressStep.completed .bar {
  background-color: var(--primary-bg-color);
}
.progressBarContainer .progressStep.completed .circle {
  color: var(--gColorBrandBWDarkBlue);
  background-image: url("../images/svg/checkmark-dark.svg");
  background-color: var(--primary-bg-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
}
.progressBarContainer .progressStep.current .circle {
  background: var(--primary-bg-color);
  color: var(--gColorBrandBWDarkBlue);
}
.progressBarContainer .progressStep.current .stepCaption {
  color: initial;
  font-weight: initial;
  font-size: 11px;
}
.progressBarContainer .progressStep.current .stepCaption {
  font-weight: bold;
  font-size: 13px;
  color: var(--gColorBrandBWDarkBlue);
}
.progress_booking_summary .progressBarContainer .progressStep a {
  text-decoration: none;
}
.progress_booking_summary .progressBarContainer .progressStep.completed:last-child .circle {
  background-image: none;
}
.progress_booking_summary .progressBarContainer .progressStep.completed:last-child .circle .caption {
  display: block;
}
.progress_confirm .progressBarContainer .progressStep a {
  text-decoration: none;
}
.progress_confirm .progressBarContainer .progressStep.completed:last-child .circle .caption {
  display: none;
}
.progress_confirm .progressBarContainer .progressStep.completed:last-child .circle a {
  color: var(--gColorBrandBWDarkBlue);
  font-size: 13px;
  font-weight: bold;
}
.progress_confirm .progressBarContainer .progressStep.current .stepCaption {
  color: initial;
  font-weight: initial;
  font-size: 11px;
}
.BlocCovid {
  background-color: #2e2a25;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  padding: 15px 40px;
}
.BlocCovid div {
  max-width: 1170px;
  margin: 0 auto;
}
.hotelHeaderContainer {
  padding: 0px;
  /*border-width: 2px;
    border-style: solid;
    border-color: #eeeeee;*/
  border-image: initial;
}
.hotelHeaderContainer .hotelHeaderRow {
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
}
.hotelHeaderContainer .hotelNameContainer {
  border-left: solid;
  border-width: 2px;
  padding: 0 0 0 10px;
  margin: 0;
  margin-top: 30px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.hotelHeaderContainer .brandImageAndHotelNameContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
}
.hotelHeaderContainer .brandImageContainer {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-right: 7px;
}
.hotelHeaderContainer .hotelHeaderElement {
  margin: 0;
  display: inline-block;
  color: var(--gColorBodyTextDefault);
}
.hotelHeaderContainer .hotelLocation {
  font-size: 13px;
  color: #000;
}
.hotelHeaderContainer .hotelName.noLink {
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: normal;
}
.hotelHeaderContainer:not(.newVariant) .brandImageContainer {
  height: 100%;
  margin: auto 0;
  text-align: center;
}
.hotelHeader {
  padding: 20px 15px;
}
.hotelHeader .imgheader {
  text-align: center;
  margin-right: 7px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.hotelHeader h1 a {
  font-size: 20px;
  text-decoration: underline;
  text-transform: none;
  color: var(--gColorGrayDark);
  font-weight: normal;
}
.hotelHeader .hotelName {
  font-size: 0;
  line-height: 1.3;
  margin-bottom: 7px;
  margin: 0;
}
.hotelHeader .pageName {
  display: none;
}
.hotelHeader .pageName,
.hotelHeader .hotelLocation {
  font-size: 13px;
  margin: 3px 0;
  color: #000;
}
.hotelHeader .hotelHeaderElement {
  margin: 0;
  display: inline-block;
}
.hotelHeader .hotelHeaderElement span {
  line-height: normal;
  display: block;
  margin-bottom: 7px;
}
.hotelHeader .hotelHeaderElement span strong {
  font-weight: normal;
}
.hotelHeader .hotelHeaderContainer {
  padding-top: 15px;
  padding-bottom: 15px;
}
.hotelHeader .tripAdvisorContainer {
  margin: auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.hotelHeaderDetailsContainer {
  border-left: 2px solid;
  padding: 0 30px 0 15px;
  display: flex;
  align-items: center;
}
.hotelSummary {
  background-color: #fff;
  height: auto;
  padding: 0px 15px 0 15px;
  color: #000000;
}
.hotelAddress {
  width: 100%;
  text-align: right;
}
.hotelAddress a {
  font-size: 13px;
  text-decoration: underline;
  font-weight: normal;
}
.hotelAddress p {
  margin: 0;
  font-size: 13px;
  color: #172e56;
}
.hotelAddress p.phoneHeader {
  margin-top: 0;
}
.hotelAddress p.worlde_numbers {
  margin-bottom: 15px;
}
.InfoHotel2023 .hotelAddressContainer {
  padding: 0;
}
.hoteldetails .featuredRoomTypesContainer {
  margin: 30px 0;
}
.hoteldetails .featuredRoomTypesContainer .roomTypesTitle {
  text-align: center;
}
.hoteldetails .featuredRoomTypesContainer .roomTypesSubtitle {
  margin-bottom: 30px;
  text-align: center;
}
.hoteldetails .featuredRoomTypesContainer .roomTypeCardsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hoteldetails .featuredRoomTypesContainer .roomTypeCard {
  width: 100%;
  margin: 0 0 30px 0;
}
.hoteldetails .featuredRoomTypesContainer .roomImage {
  content: "";
  min-height: 180px;
  padding-bottom: 54.75%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 -15px;
  max-width: 100vw;
}
.hoteldetails .featuredRoomTypesContainer .roomTypeCardFooter {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hoteldetails .featuredRoomTypesContainer .roomTypeText {
  margin: 0 15px 0 0;
}
.hoteldetails .featuredRoomTypesContainer .viewRatesButtonContainer {
  margin-top: 3px;
}
.hoteldetails .featuredRoomTypesContainer .viewRatesButtonContainer a {
  white-space: nowrap;
}
.hoteldetails .featuredRoomTypesContainer .viewAllRoomsButtonContainer {
  text-align: center;
}
.hoteldetails #tm-main {
  z-index: 999;
}
.hoteldetails .ui-datepicker.ui-widget-content {
  z-index: 999999 !important;
}
.hoteldetails .swFindWrapperSb .findHotelWrappersw {
  z-index: 99;
}
.Search2023.FindSearchWidget {
  background: #E4E4E4;
  margin-bottom: 8px;
  box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
}
.Search2023.FindSearchWidget .findHotelWrappersw {
  border-bottom: none;
}
.Search2023.FindSearchWidget .viewRoomsButtonContainer {
  right: 90px;
}
.Search2023.FindSearchWidget .valuefilter {
  color: #000;
}
.Search2023.FindSearchWidget .elementExpander {
  top: 16px;
}
.Search2023.FindSearchWidget .CarouselWidgetContainer .form-group {
  max-width: 970px;
  padding: 20px 0 15px 0;
  width: 100%;
}
.Search2023.FindSearchWidget .CarouselWidgetContainer .list-inline li {
  margin-top: 0;
}
.Search2023.FindSearchWidget .CarouselWidgetContainer .carouselWidget {
  background-color: transparent;
  padding: 10px;
}
.Search2023.FindSearchWidget .CarouselWidgetContainer .uk-sticky-placeholder {
  height: auto !important;
  margin-bottom: 0 !important;
}
.Search2023.affix {
  top: -1px;
  width: 100%;
  z-index: 250;
  position: fixed;
}
.Search2023.affix.stickyDisabled {
  position: relative;
}
.GridNew2023 {
  display: flex;
}
.ViewDetailDown {
  text-align: center;
  font-weight: 800;
  color: #0072bc;
  padding: 13px;
}
.ViewDetailDown span {
  background: url("../images/downarrow3.svg") no-repeat right;
  padding-right: 30px;
  background-size: 25px 23px;
  cursor: pointer;
}
.hotelImageSlider {
  position: relative;
}
.hotelVitalsRow {
  border: 2px solid #eee;
  border-top: none;
}
.hotelVitalsRow .uk-slidenav-position .uk-slideshow {
  padding-bottom: 56.25%;
}
.hotelVitalsRow .uk-slidenav-position .uk-slideshow > li {
  padding-bottom: 56.25%;
}
.photoSliderControls {
  padding: 5px;
  height: 45px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 20;
  display: table;
}
.photoSliderControls .sliderControl {
  display: table-cell;
  vertical-align: bottom;
  opacity: 0.7;
}
.photoSliderControls .sliderControl.left {
  padding-right: 10px;
}
.photoSliderControls .sliderControl.left .carousel-control .sliderIcon {
  background-image: url("../images/svg/arrow-left-light.svg");
}
.photoSliderControls .sliderControl.right .carousel-control .sliderIcon {
  background-image: url("../images/svg/arrow-right-light.svg");
}
.photoSliderControls .sliderControl a:before {
  display: none;
}
.photoSliderControls .sliderControl .carousel-control {
  position: relative;
  opacity: 1;
  font-size: inherit;
  background: none;
  display: inline-block;
  height: 40px;
  top: 6px;
}
.photoSliderControls .sliderControl .carousel-control .sliderIcon {
  vertical-align: middle;
  background: transparent no-repeat scroll center center;
  display: block;
}
.photoSliderLeft .uk-dotnav li {
  padding-left: 5px;
  margin-top: 0;
}
.photoSliderLeft .uk-dotnav li a {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.photoSliderLeft .uk-dotnav li.uk-active a {
  width: 10px;
  height: 10px;
  margin: 0;
  background-color: #fff;
}
.roomContainerliste {
  display: none;
}
.hotelVitalsDetailsContainer {
  padding: 10px;
  font-size: 13px;
}
.hotelVitalsDetailsContainer .hotelInfoContainer {
  padding: 0;
  line-height: 1.5;
}
.hotelVitalsDetailsContainer a {
  font-weight: normal;
  font-size: 13px;
  text-decoration: underline;
  text-transform: none;
}
.hotelVitalsDetailsContainer .checkInOutData span {
  margin-right: 5px;
  white-space: nowrap;
  font-size: 13px;
  text-transform: uppercase;
}
.hotelVitalsDetailsContainer .viewHotelDetailsLink {
  margin-bottom: 16px;
}
.hotelVitalsDetailsContainer .viewHotelDetailsLink a {
  font-size: 16px;
}
.hotelVitalsRates {
  padding: 0 10px;
}
.hotelVitalsRates .hotelTitleDesktop {
  font-size: 26px;
  display: block;
  margin-bottom: 15px;
}
.ratesContainer {
  position: relative;
}
.ratesContainer .ratesValue {
  text-transform: uppercase;
  display: inline-block;
  background: #eee;
  padding: 0 4px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #000;
  text-align: center;
  background-color: #eee;
  font-size: 14px;
}
.ratesContainer .currencyValue {
  font-size: 1.4em;
  font-weight: bold;
  display: inline-table;
}
.ratesContainer .currencyCode {
  display: inline-block;
}
.limitedAvailabilityContainer {
  width: 250px;
  margin: 0 auto;
}
.limitedAvailabilityContainer img {
  vertical-align: top;
  margin: 15px 0 15px 0;
}
.limitedAvailabilityContainer .limitedAvailabilityLogoContainer {
  float: left;
  width: 36px;
  height: 36px;
}
.limitedAvailabilityContainer .limitedAvailabilityMessageContainer {
  float: right;
  font-size: 13px;
  color: #ed1c24;
  padding-top: 18px;
  width: 205px;
  text-align: left;
  margin-bottom: 5px;
}
.roomAmenitiesModal {
  height: max-content;
}
.roomAmenitiesModal .modal-content .mainList {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}
.roomAmenitiesModal .modal-content .mainList > li {
  display: list-item;
  text-align: -webkit-match-parent;
  list-style-type: none;
}
.roomAmenitiesModal .modal-content .mainList > li .innerList {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.roomAmenitiesModal .modal-content .mainList > li .innerList li {
  margin: 0 0 10px 0;
  list-style-type: none;
}
.roomAmenitiesModal .modal-content .modal-body {
  max-height: 60vh;
  overflow-y: auto;
  width: 100%;
  padding: 15px;
  margin: 10px 0;
}
.roomAmenitiesModal .modal-content .uk-modal-footer {
  margin: 0;
}
.roomAmenitiesModal .modal-content .uk-modal-footer .uk-button {
  min-width: 200px;
}
.roomAmenitiesModal .modal-content .uk-modal-header {
  margin: 0;
}
.roomAmenitiesModal .modal-content .uk-modal-header h5 {
  font-size: 16px;
}
.roomAmenitiesLinkContainer {
  text-align: end;
  margin: 0 10px 10px 0;
}
.roomAmenitiesLinkContainer a {
  font-size: 13px;
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
}
.hotelAmenities .amenitiesTitle {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
.hotelAmenities .amenitiesIcon::not(:last-of-type) {
  margin-right: 10px;
}
.hotelAmenities .uk-tab-center {
  border-bottom: 0;
}
.hotelAmenities .uk-tab > li > a {
  padding: 12px;
}
.hotelAmenities .uk-tab > li > a h4 {
  text-transform: none;
}
.hotelAmenities .uk-tab > li.uk-active > a h4 {
  text-decoration: underline;
}
.hotelAmenities .amenityContainer {
  padding: 40px 50px 15px 50px;
  margin: 15px 0 0 0;
  background-color: var(--gColorGrayLight);
}
.hotelAmenities .amenityContainer #switcher-Amenities {
  width: 100%;
  padding-left: 15px;
}
.hotelAmenities .amenityContainer .uk-slidenav {
  content: '';
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: transparent var(--gColorBrandBWDarkBlue) var(--gColorBrandBWDarkBlue) transparent;
  display: inline-block;
}
.hotelAmenities .amenityContainer .uk-slidenav.uk-slidenav-next {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: -30px;
}
.hotelAmenities .amenityContainer .uk-slidenav.uk-slidenav-previous {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: -30px;
}
.hotelAmenities .amenityContainer .uk-slidenav:before {
  display: none;
}
.hotelAmenities .amenityContainer .amenitiesList .uk-dotnav li {
  float: unset;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 7px;
  margin: 0 5px 20px 5px;
  padding: 0;
  cursor: pointer;
  background: var(--gColorBrandBWDarkBlue);
}
.hotelAmenities .amenityContainer .amenitiesList .uk-dotnav li.uk-active {
  border: 1px solid var(--gColorBrandBWDarkBlue);
}
.hotelAmenities .amenityContainer .amenitiesList .uk-dotnav > * > * {
  background: transparent;
  width: 0;
  height: 0;
}
.hotelAmenities .amenityContainer .amenitiesList .uk-dotnav > * > *:before {
  display: none;
}
.hotelAmenities .amenityContainer .amenitiesList li {
  color: var(--gColorGrayDark);
  list-style: none;
}
.hotelAmenities .amenityContainer .carouselSlide {
  min-height: 222px;
}
.hotelAmenities .amenityContainer .carouselSlide ul {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
}
.hotelAmenities .amenityContainer .carouselSlide li {
  margin: 0 5px 15px 5px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  width: calc(100% - 5px);
}
.hotelAmenities .amenityContainer .carouselSlide li.amenityGroupHeader {
  font-weight: bold;
}
.amenitiesHeader {
  clear: both;
  text-align: center;
  padding: 15px 0;
  width: 100%;
}
.amenitiesHeader h4 {
  text-transform: uppercase;
  font-size: 28px;
}
.AmentiesRoomIcon {
  margin-top: 0;
  padding-left: 30px;
}
.AmentiesRoomIcon .amenitiesIcon {
  margin-right: 10px;
  margin-top: 5px;
  width: 32px;
}
.ModalHotelDetail .uk-modal-header h4 {
  font-size: 22px;
  margin-bottom: 0px;
}
.ModalHotelDetail a {
  font-size: 14px;
}
.ModalHotelDetail .tripAdvisorContainer {
  width: 100%;
  justify-content: normal;
  margin: 30px auto;
}
.ModalHotelDetail .hotelMessageAlert h3 {
  margin-top: 0;
}
.ModalHotelDetail .hotelVitalsContainer {
  font-size: 13px;
}
.ModalHotelDetail .hotelVitalsContainer .articleHeadline {
  font-size: 28px;
  line-height: 1.35;
  margin: 0px 0 20px 0;
}
.ModalHotelDetail .hotelVitalsContainer .hotelAddress {
  margin-bottom: 13px;
  text-align: left;
}
.ModalHotelDetail .hotelVitalsContainer a {
  color: var(--colorBlueDrak);
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
}
.ModalHotelDetail .detailsRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.ModalHotelDetail .detailsRow.rowflex {
  flex-direction: column;
}
.ModalHotelDetail .checkInOutData {
  margin-right: 15px;
  white-space: nowrap;
}
.ModalHotelDetail .hotelAmenities {
  margin: 15px 0 10px;
}
.ModalHotelDetail .hotelAmenities .amenitiesIcon {
  max-width: 32px;
  margin: 15px 10px 0 0;
}
.ModalHotelDetail .hotelpolicy h3 {
  font-size: 22px;
  margin-top: 0;
}
.ModalHotelDetail .hotelpolicy .policyTitle {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin: 20px 0 10px 0;
  text-transform: uppercase;
}
.ModalHotelDetail .hotelpolicy .policyContent {
  font-size: 14px;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0;
}
.ModalHotelDetail .cmBtnSecondary {
  border: 1px solid var(--primary-bg-color);
  background-color: #fff;
  color: var(--gColorBrandBWDarkBlue);
}
.ModalHotelDetail .ContenuModalView .hotelMessageNew .modalLinkContainer {
  display: none;
}
.roomDetailsContainer .rateNotAvailableContainer {
  display: inline-block;
  font-weight: normal;
  font-style: italic;
  position: relative;
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding: 10px;
}
.roomDetailsContainer .selectRateButtonContainer .btn {
  min-width: 100px;
}
.roomDetailsContainer .selectRateButtonContainer .btn-default {
  border-width: 3px;
  border-radius: 6px;
  margin-left: 15px;
}
.roomDetailsContainer .selectRateButtonContainer .btn-default:hover {
  color: #333;
  background-color: #fff;
}
.roomDetailsContainer .cardContainerWrapper {
  margin: 0;
  padding: 5px 5px 0px 5px;
  background-color: var(--gColorGrayLight);
}
.roomDetailsContainer .cardContainer {
  display: none;
}
.roomDetailsContainer .cardContainer.expanded {
  display: block;
}
.roomDetailsContainer .roomDetailsCard {
  background-color: white;
  -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.75);
  margin: 10px 0 50px 0;
  width: 100%;
  margin-bottom: 30px;
}
.roomDetailsContainer .roomDetailsCard .roomDetailsAmenities {
  display: block;
  background-color: #f0f1f0;
  border-top: 1px solid var(--gColorGrayLight);
  padding: 50px 15px 20px 15px;
  margin: 0;
  width: 100%;
}
.roomDetailsContainer .roomDetailsCard .roomDetailsAmenities .amenitiesHeader {
  text-align: left;
  padding: 0;
}
.roomDetailsContainer .roomDetailsCard .roomDetailsAmenities .amenitiesHeader h4 {
  color: var(--gColorBrandBWDarkBlue);
  margin: 0;
  font-size: 24px;
  text-transform: capitalize;
}
.roomDetailsContainer .roomDetailsTitleContainer {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding-left: 14px;
  padding-right: 14px;
}
.roomDetailsContainer .photoSliderLeft {
  max-width: 450px;
  display: inline-block;
  margin-bottom: 5px;
  width: 50%;
  float: left;
  margin-left: -14px;
  margin-right: 20px;
  position: relative;
}
.roomDetailsContainer .photoSliderLeft .uk-slideshow {
  min-height: 180px;
  padding-bottom: 54.75%;
}
.roomDetailsContainer .photoSliderLeft .uk-slideshow > li {
  min-height: 180px;
  padding-bottom: 54.75%;
}
.roomDetailsContainer .roomDetailsTitle {
  margin-top: 12px;
  margin-bottom: 15px;
  font-size: 21px;
  line-height: 1.1;
  color: var(--gColorBrandBWDarkBlue);
}
.roomDetailsContainer .rateBox .rateCurrency {
  text-align: right;
  font-size: 10px;
  color: #172e56;
  font-weight: 100;
}
.roomDetailsContainer .btnPopover {
  float: left;
  margin-top: 0;
}
.roomDetailsContainer .rateTitle {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: left;
  padding: 0 15px 0 0;
  white-space: normal;
}
.roomDetailsContainer .rateTitle .rateMealPlan {
  font-size: 16px;
  font-weight: 100;
  margin-top: 5px;
}
.roomDetailsContainer .rateTitle .rateMealPlan .rateMealPlanIcon {
  background-size: 18px;
  width: 18px;
  height: 18px;
  background-image: url("../images/mealplan-wh.png");
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  margin-right: 3px;
}
.roomDetailsContainer .roomDescriptionModalLink a {
  display: inline-block;
  font-size: 15px;
  margin-top: 3px;
  font-weight: 100;
  text-transform: none;
  text-decoration: underline;
}
.roomDetailsContainer .CANCELED .roomimgfootb,
.roomDetailsContainer .CANCELED .roomimgfoot {
  display: none;
}
#room-description-modal {
  background-color: transparent;
  box-shadow: unset;
}
#room-description-modal .modal-header {
  margin: 0;
}
#room-description-modal .modal-dialog {
  width: 600px;
  margin: 30px auto;
  background-color: #fff;
}
#room-description-modal .modal-body {
  min-width: 100%;
  padding: 15px;
  margin: 0;
  background-color: #fff;
}
#room-description-modal .uk-modal-footer {
  margin: 0;
}
#room-description-modal .uk-modal-footer .btn {
  margin-left: auto;
  margin-right: auto;
}
#room-description-modal .modal-title {
  margin-top: 10px;
}
#room-description-modal.uk-modal p {
  line-height: 1.2;
  text-transform: lowercase;
}
.packagesContainer {
  padding-top: 15px;
}
.packagesContainer .packageExpander {
  display: inline-block;
}
.packagesContainer .packageTitle {
  font-size: 18px;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  line-height: 1.1;
  cursor: pointer;
}
.packagesContainer .packageTitle span {
  margin-left: 5px;
}
.packagesContainer .packageItem {
  padding: 35px 0 25px 0;
  display: table;
  width: 100%;
  border-top: 1px solid #a6a6a6;
}
.packagesContainer .packageItem .packageExpander,
.packagesContainer .packageItem .packageDetails {
  padding-left: 10px;
  padding-right: 10px;
}
.packagesContainer .packageItem .packageDetailsTitle {
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin-top: 15px;
}
.packagesContainer .packageItem .packageRatesFromContainer {
  display: block;
  float: right;
  margin-top: 10px;
  text-align: right;
}
.packagesContainer .packageItem .viewPackageRoomsButton {
  border-color: var(--primary-bg-color);
  background-color: var(--primary-bg-color);
  margin-left: 10px;
}
.packagesContainer .packageItem .packageDetailsTitle,
.packagesContainer .packageItem .packageDetailsData,
.packagesContainer .packageItem .packageDetailsDataList,
.packagesContainer .packageItem .rateCardsContainer {
  display: none;
}
.packagesContainer .packageItem.expanded .packageRatesFromContainer {
  display: none;
}
.packagesContainer .packageItem.expanded .packageDetailsTitle,
.packagesContainer .packageItem.expanded .packageDetailsData,
.packagesContainer .packageItem.expanded .packageDetailsDataList,
.packagesContainer .packageItem.expanded .rateCardsContainer {
  display: block;
}
.packagesContainer .packageItem[aria-expanded="false"] .expanderIcon:after {
  content: '\002b';
}
.packagesContainer .packageItem[aria-expanded="true"] .expanderIcon:after {
  content: '\2212';
}
.packagesContainer .packageRatesFromDetails {
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  margin-bottom: 5px;
}
.packagesContainer .packageRatesFromDetails .title,
.packagesContainer .packageRatesFromDetails .currency {
  font-size: 13px;
}
.packagesContainer .packageRatesFromDetails .amount {
  font-size: 22px;
  font-weight: bold;
}
.packagesContainer .packageViewRoomsButtonContainer {
  display: inline-block;
  vertical-align: middle;
}
.packagesContainer a {
  font-weight: normal;
  text-decoration: underline;
  text-transform: none;
  color: var(--colorBlueDrak);
}
.packagesContainer .packageOverview {
  margin-top: 15px;
}
.inlineCheckboxesContainer {
  gap: 5px;
}
.hotelRoomsContainer .checkboxChipFilter {
  background: var(--gColorGrayLight);
  padding: 25px 30px 0 30px;
  display: none;
}
.hotelRoomsContainer .checkboxChipFilter .filterCloseButton {
  margin-top: 15px;
  width: 100%;
  line-height: 22px;
}
.hotelRoomsContainer .checkboxChipFilter .filterOptionsContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hotelRoomsContainer .checkboxChipFilter .filterOptionsContainer .findAHotel {
  padding: 0 0 10px;
}
.hotelRoomsContainer .checkboxChipFilter .filterOptionsContainer .CheckboxCarre .svgCheckbox input[type="checkbox"] + label span.checkMarkSvg {
  width: 32px;
  height: 32px;
}
.hotelRoomsContainer .checkboxChipFilter .filterExpanderButton {
  border: 1px solid var(--gColorGrayMedium);
  width: 162px;
  min-width: 100px;
  border-radius: 5px;
  font-size: 15px;
  height: 34px;
  background-color: #fff;
  position: relative;
  text-align: left;
  padding: 1px 8px 1px 10px;
  margin: 0px 20px 0px 0;
  white-space: nowrap;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}
.hotelRoomsContainer .checkboxChipFilter .filterExpanderButton[aria-expanded='false'] + .filterGroup {
  display: none;
}
.hotelRoomsContainer .checkboxChipFilter .filterExpanderButton[aria-expanded='true'] {
  background-image: url("../images/svg/arrow-up-dark.svg");
}
.hotelRoomsContainer .checkboxChipFilter .filterExpanderButton.disabled {
  background-color: #e2e2e2;
  color: #949494;
  pointer-events: none;
}
.hotelRoomsContainer .checkboxChipFilter .advancedSelect span {
  text-transform: none;
}
.hotelRoomsContainer .checkboxChipFilter .uk-open .advancedSelect {
  background-image: url("../images/svg/arrow-up-dark.svg");
  background-color: #fff;
}
.hotelRoomsContainer .checkboxChipFilter .filterGroup {
  position: absolute;
  left: 0;
  z-index: 200;
  border: 1px solid var(--gColorGrayMedium);
  background-color: #fff;
  width: auto;
  border-radius: 5px;
  padding: 10px;
  top: 65px;
  max-width: 160px;
  max-width: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.hotelRoomsContainer .checkboxChipFilter .filterGroup .svgCheckbox {
  margin-bottom: 7px;
}
.hotelRoomsContainer .checkboxChipFilter .filterGroup .svgCheckbox .checkMarkSvg {
  margin-right: 10px;
}
.hotelRoomsContainer .checkboxChipFilter .filterGroup .svgCheckbox label {
  font-size: 14px;
}
.hotelRoomsContainer .rateTitleWrapper,
.hotelRoomsContainer .selectRateWrapper {
  padding: 0 10px;
}
.hotelRoomsContainer.fullWidthVariation .packagesContainer .packageItem .packageOverview .packageDetailsData {
  display: block;
  margin-top: 0;
}
.hotelRoomsContainer.fullWidthVariation .roomDetailsAmenities {
  display: none;
}
.hotelRoomsContainer.fullWidthVariation .checkboxChipFilter {
  padding: 20px 10px 5px 10px;
  display: block;
}
.hotelRoomsContainer.fullWidthVariation .hidden {
  display: none !important;
  visibility: hidden !important;
}
.hotelRoomsContainer.fullWidthVariation .adaptiveForm .loginContainer a {
  font-weight: normal;
  text-decoration: underline;
  font-size: 13px;
  text-transform: none;
}
.hotelRoomsContainer.fullWidthVariation .ratePrice {
  display: none;
}
.hotelRoomsContainer.fullWidthVariation .ratePrice.newVariation {
  font-size: 22px;
  display: flex;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.hotelRoomsContainer.fullWidthVariation .ratePrice.newVariation .priceRate {
  display: flex;
  align-items: center;
  gap: 5px;
}
.hotelRoomsContainer.fullWidthVariation .ratePrice.newVariation .rateCurrency {
  display: flex;
  flex-direction: column-reverse;
  gap: 2px;
  text-align: left;
  color: var(--gColorGrayDark);
  font-weight: bold;
}
.hotelRoomsContainer.fullWidthVariation .ratePrice.newVariation .rateCurrency i {
  white-space: nowrap;
  font-style: normal;
  font-weight: bold;
}
.hotelRoomsContainer.fullWidthVariation .ratePrice .TextFeeAvg {
  font-weight: bold;
}
.hotelRoomsContainer.fullWidthVariation .ratePrice .resortFee {
  max-width: 150px;
  margin-top: 5px;
}
.hotelRoomsContainer.fullWidthVariation .rateBox {
  background: #fff;
  margin-bottom: 0;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.hotelRoomsContainer.fullWidthVariation .rateBox:not(.bestRateIndicator) {
  border: 0;
  border-bottom: 1px dashed var(--gColorGrayLight);
}
.hotelRoomsContainer.fullWidthVariation .rateBox.hiddenRates.collapse {
  display: none;
}
.hotelRoomsContainer.fullWidthVariation .rateBox .bestRateAvailable {
  font-size: 11px;
  background-color: var(--primary-bg-color);
  color: var(--gColorBrandBWDarkBlue);
  word-wrap: break-word;
  text-align: center;
  width: 100%;
  padding: 0 2px 4px 2px;
  display: none;
  position: relative;
  font-weight: bold;
}
.hotelRoomsContainer.fullWidthVariation .rateBox.bestRateIndicator {
  border: 2px solid var(--primary-bg-color);
  position: relative;
}
.hotelRoomsContainer.fullWidthVariation .rateBox.bestRateIndicator .bestRateAvailable {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  z-index: 1;
}
.hotelRoomsContainer.fullWidthVariation .rateBox .ratePriceContainer {
  padding: 0 10px 0 0;
  width: auto;
}
.hotelRoomsContainer.fullWidthVariation .rateBox .ratePriceContainer .resortFee {
  font-size: 13px;
  font-weight: normal;
  text-align: right;
}
.hotelRoomsContainer.fullWidthVariation .rateBox .selectRateButtonContainer.selected .cmBtnSecondary {
  display: none;
}
.hotelRoomsContainer.fullWidthVariation .rateBox .selectRateButtonContainer:not(.selected) .btnContainerWidthMaintainer {
  display: none;
}
.hotelRoomsContainer.fullWidthVariation .rateBox .resortCancelPolicy {
  font-weight: normal;
  margin-top: 5px;
}
.hotelRoomsContainer.fullWidthVariation .selectRateButtonContainer {
  width: auto;
  min-width: 93px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotelRoomsContainer.fullWidthVariation .rateMealPlan:not(.positionLast) {
  display: none;
}
.hotelRoomsContainer.fullWidthVariation .roomDetailsTitleContainer .resortFee {
  font-size: 12px;
  float: right;
  margin: 10px 0 0 10px;
  width: 50%;
  text-align: right;
}
.hotelRoomsContainer.fullWidthVariation .cardContainerWrapper {
  padding-bottom: 5px;
}
.hotelRoomsContainer .roomDetailsSubTitle,
.hotelRoomsContainer .roomOccupancy {
  margin-bottom: 5px;
}
.hotelRoomsContainer .roomDescriptionAsList {
  display: none;
}
.hotelRoomsContainer .roomDescriptionList {
  list-style-type: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding-left: 0;
  margin-bottom: 5px;
}
.hotelRoomsContainer .roomDescription {
  font-size: 15px;
  padding-right: 1em;
  margin-bottom: 6px;
}
.hotelRoomsContainer .seeMoreRatesTab {
  border-radius: 0;
  background: transparent;
  position: relative;
  box-shadow: none;
  bottom: auto;
  z-index: auto;
  height: auto;
  left: auto;
  margin: 20px auto;
  font-size: inherit;
  width: 100%;
  text-align: center;
}
.hotelRoomsContainer .seeMoreRatesTab .seeMoreRatesButton {
  padding: 5px;
  font-size: inherit;
  font-weight: normal;
  color: #0072bc;
}
.hotelRoomsContainer .seeMoreRatesTab .seeMoreRatesButton:hover {
  text-decoration: none;
}
.hotelRoomsContainer .seeMoreRatesTab .seeMoreRatesButton span {
  text-transform: capitalize;
}
.hotelRoomsContainer .seeMoreRatesTab .seeMoreRatesButton span:after {
  font-size: 1.3em;
  margin-left: 5px;
}
.hotelRoomsContainer .seeMoreRatesTab .seeMoreRatesButton span.seeMoreRatesText:after {
  content: '\002b';
}
.hotelRoomsContainer .seeMoreRatesTab .seeMoreRatesButton span.seeLessRatesText:after {
  content: '\2212';
}
.hotelRoomsContainer .collapse {
  display: none;
}
.filterChipsContainer {
  display: flex;
  align-items: center;
  gap: 5px;
}
.selectRateButtonContainer {
  width: auto;
}
.selectRateButtonContainer.selected .btnContainerWidthMaintainer {
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  color: transparent;
  background: transparent;
  display: none;
}
.selectRateButtonContainer.selected .selectedIndicator {
  position: relative;
  display: block;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.selectRateButtonContainer.selected .selectedIndicator:before {
  content: " ";
  display: block;
  border-style: solid;
  border-width: 16px;
  border-color: var(--primary-bg-color);
  border-radius: 50%;
  height: 0;
  width: 0;
  -moz-box-shadow: 1px 2px 5px -2px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 1px 2px 5px -2px rgba(0, 0, 0, 0.8);
  box-shadow: 1px 2px 5px -2px rgba(0, 0, 0, 0.8);
}
.selectRateButtonContainer.selected .selectedIndicator:after {
  content: " ";
  display: block;
  width: 6px;
  height: 15px;
  border-style: none solid solid none;
  border-color: transparent var(--gColorBrandBWDarkBlue) var(--gColorBrandBWDarkBlue) transparent;
  border-width: 0 3px 3px 0;
  position: absolute;
  left: 13px;
  top: 6px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.selectRateButtonContainer .selectRateButtonContainer .btn {
  background: #fff;
  min-width: 100px;
}
.roomContainerN {
  margin-top: 15px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 0;
}
.roomContainerN .roomTabsMultiRowBackgroundLayer {
  position: absolute;
  background-color: var(--gColorGrayLight);
  height: 100%;
  width: 100%;
  top: 36px;
}
.roomContainerN a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 1em 1.3em 1.5em 0.75em;
  min-width: 60px;
  max-width: 140px;
  font-size: 12px !important;
  font-weight: normal;
  white-space: pre-wrap;
  cursor: pointer;
  margin-bottom: -18px;
  z-index: inherit;
  height: 50px;
  color: var(--colorBlueDrak);
  text-decoration: underline;
  font-weight: bold;
  text-transform: none;
}
.roomContainerN a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1em;
  left: 0;
  z-index: -1;
  border-bottom: 0;
  border: 2px solid var(--gColorGrayLight);
  border-radius: 5px 5px 0 0;
  transform: perspective(5px) rotateX(1deg);
  transform-origin: bottom left;
  background-color: #fff;
}
.roomContainerN a.select:before {
  background-color: var(--gColorGrayLight);
}
.roomContainerN .uk-active a {
  font-weight: 700 !important;
}
.roomContainerN .uk-active a:before {
  background-color: var(--gColorGrayLight);
}
.roomContainerN .selectedIndicator {
  position: relative;
  display: inline-block;
  line-height: 1px;
  margin-left: 3px;
}
.roomContainerN .selectedIndicator:before {
  content: " ";
  display: inline-block;
  border-style: solid;
  border-width: 10px;
  border-color: var(--primary-bg-color);
  border-radius: 50%;
  height: 0;
  width: 0;
  -moz-box-shadow: 1px 2px 5px -2px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 1px 2px 5px -2px rgba(0, 0, 0, 0.8);
  box-shadow: 1px 2px 5px -2px rgba(0, 0, 0, 0.8);
}
.roomContainerN .selectedIndicator:after {
  content: " ";
  display: inline-block;
  width: 4px;
  height: 10px;
  border-style: none solid solid none;
  border-color: transparent var(--gColorBrandBWDarkBlue) var(--gColorBrandBWDarkBlue) transparent;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 7px;
  top: 3px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.findAHotel button.searchRates {
  width: 226px;
  border: 1px solid var(--gColorGrayMedium);
  text-align: left;
}
.findAHotel button.searchSpecialRates {
  min-width: 226px;
  border: 1px solid var(--gColorGrayMedium);
  text-align: left;
}
.findAHotel .findHotelRateMenu {
  position: relative;
}
.findAHotel .uk-dropdown {
  min-width: 280px;
  width: 100%;
  max-width: 300px;
}
.findAHotel .rateSelectButton {
  width: 100%;
}
.roomDetailsRates {
  margin: 10px 10px 0 10px;
}
.filterOptionsContainer .findAHotel {
  padding: 10px 20px 20px;
}
.pointsPlusCashError {
  max-width: max-content;
  margin-top: 0 !important;
  margin-bottom: 20px;
  font-size: 16px;
}
.pointsPlusCashTogglerContainer {
  padding: 20px 15px 15px 15px;
  line-height: 1;
}
.pointsPlusCashTogglerContainer .loginContainer,
.pointsPlusCashTogglerContainer .pointBalanceContainer {
  padding-left: 42px;
}
.pointsPlusCashTogglerContainer .adaptiveForm {
  white-space: nowrap;
  padding: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.pointsPlusCashTogglerContainer span:nth-child(2) {
  font-size: 24px;
}
.hotelsVitalSectionBorder {
  padding: 0;
}
.blockUpdateResult {
  background-color: var(--primary-bg-color);
  color: var(--colorBlueDrak);
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  padding: 15px 40px;
}
.blockUpdateResult div {
  max-width: 1170px;
  margin: 0 auto;
}
.blockUpdateResult .sw-icon-warning {
  margin-right: 10px;
  background-image: url("../images/png/icon-warning.png");
  background-repeat: no-repeat;
  display: block;
  width: 28px;
  height: 25px;
  background-size: 100%;
  min-width: 28px;
  min-height: 25px;
}
.blockUpdateResult .sw-flex {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  text-align: left;
}
.amenitiesListItem {
  padding: 0;
  margin: 15px 0;
  font-size: 15px;
  list-style: disc;
}
.hotelOverviewContainer {
  padding: 0 15px;
  font-size: 15px;
  margin-top: 15px;
}
.hotelOverviewContainer p {
  color: var(--gColorGrayDark);
  line-height: 1.5;
  padding: 10px 0;
  font-size: 16px;
}
.hotelOverviewContainer .hotelOverviewCheckin {
  display: inline-block;
  padding-right: 15px;
  margin-top: 15px;
  text-transform: uppercase;
}
.hotelOverviewContainer .hotelOverviewCheckin label {
  font-weight: 200;
  color: #172e56;
  font-size: 16px;
}
.hotelOverviewContainer .hotelOverviewCheckin span {
  display: block;
  color: #000000;
  font-weight: bold;
}
.hotelOverviewDetailSection {
  color: #172e56;
  line-height: 1.5;
  font-size: 17px;
}
.hotelOverviewDetailSection a {
  padding-bottom: 8px;
  cursor: pointer;
  display: block;
  margin-top: 20px;
  text-transform: capitalize;
}
.hotelOverviewDetailSection a:hover {
  text-decoration: none;
}
.room-not-av {
  position: absolute;
  width: 50%;
  left: 25%;
  font-size: 16px;
  text-align: center;
  top: 85px;
  color: var(--gColorBrandBWDarkBlue);
}
.hotelMessageAlertContainer {
  border: 0;
  position: relative;
  margin: 0;
}
.hotelMessageAlertContainer h3 {
  font-size: 30px;
}
.hotelMessageAlertContainer .messageContainer {
  display: flex;
  align-items: center;
}
.hotelMessageAlertContainer .messageContainer.messageContainer {
  margin-top: 15px;
}
.hotelMessageAlertContainer .messageTextContainer {
  width: calc(100% - 20px);
}
.hotelMessageAlertContainer .messageTextContainer .messageText {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.2em;
  max-height: 2.4em;
  overflow: hidden;
  position: relative;
  text-align: justify;
  padding-right: 1em;
  color: #172e56;
}
.hotelMessageAlertContainer .messageTextContainer .messageText:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}
.hotelMessageAlertContainer.hotelMessageNew h3 {
  font-size: 22px;
}
.hotelMessageAlertContainer.hotelMessageNew .messageText {
  max-height: inherit;
  text-align: left;
}
.hotelMessageAlertContainer.hotelMessageNew .messageText:before {
  display: none;
}
.hotelMessageAlertContainer .modalLinkContainer {
  align-self: center;
}
.hotelMessageAlertContainer .modalLinkContainer .modalLink {
  font-weight: normal;
  font-size: 17px;
}
.hotelMessageAlertContainer .modalLinkContainer .modalLinkIcon {
  display: inline-block;
  text-align: center;
  width: 24px;
  height: 24px;
  border: 2px solid;
  border-color: var(--primary-bg-color);
  border-radius: 50%;
}
.hotelMessageAlertContainer .modalLinkContainer .modalLinkIcon:after {
  content: '';
  display: inline-block;
  margin: 0 2px 2px 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: inherit;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hotelPolicyContainer {
  margin-top: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding: 0 15px 15px 15px;
}
.hotelPolicyContainer .policyTitle {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin: 20px 0 10px 0;
  text-transform: uppercase;
}
.hotelPolicyContainer h3 {
  font-size: 22px;
}
.hotelPolicyContainer .headerText {
  margin-top: 0;
}
.hotelPolicyContainer .policyContent {
  font-size: 14px;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0;
}
.policiesContainer {
  display: flex;
  flex-wrap: wrap;
}
.policiesContainer.twoColumns .policyItem {
  width: 50%;
  padding-right: 10px;
}
.policiesContainer.oneColumn .policyItem {
  width: 100%;
}
.nearbyAttractions {
  text-align: center;
  margin: 0 auto;
}
.nearbyAttractions .row:first-child {
  margin-top: 10px;
}
.nearbyAttractions .btn-default:hover {
  border: 1px solid var(--gColorBrandBWDarkBlue);
}
.nearbyAttractions .btn-default.grpSelected {
  color: white;
  background-color: var(--gColorBrandBWDarkBlue);
}
.nearbyAttractions .btn-group {
  padding-left: 8px;
  padding-right: 8px;
  margin: 5px 0 5px 0;
}
.nearbyAttractions .btn-group > .btn {
  font-size: 12px;
  margin-bottom: 10px;
  padding: 8px 8px;
  line-height: normal;
}
.nearbyAttractions .btn-group > .btn:first-child {
  border-radius: 4px 0px 0px 4px;
}
.nearbyAttractions .btn-group > .btn:last-child {
  border-radius: 0px 4px 4px 0px;
}
.nearbyAttractions .bwBtnGroup {
  margin-bottom: 15px;
  white-space: inherit;
}
.nearbyAttractions .bwBtnGroup button {
  border: 1px solid var(--gColorBrandBWDarkBlue);
}
.secondaryNavigationContainer {
  background-color: #fff;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.3) 0 5px 4px -2px;
}
.secondaryNavigationContainer .centeringDiv {
  margin: 15px auto 6px auto;
}
.secondaryNavigationContainer .centeringDiv .secNavUl {
  padding: 0 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.secondaryNavigationContainer .centeringDiv .secNavUl li {
  padding-right: 7px;
  display: inline-block;
  margin: 9px 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  white-space: nowrap;
}
.secondaryNavigationContainer .centeringDiv .secNavUl li a {
  font-size: 16px;
  letter-spacing: 0.025em;
  text-transform: none;
  font-weight: normal;
}
.secondaryNavigationContainer .centeringDiv .secNavUl li a:hover {
  background: initial;
  outline: none;
}
.secondaryNavigationContainer:not(.desktop-sw) {
  padding-bottom: 5px;
}
.secondaryNavigationContainer:not(.desktop-sw) .centeringDiv {
  display: table;
  position: relative;
  margin: 9px auto 6px auto;
}
.secondaryNavigationContainer:not(.desktop-sw) .ulContainer {
  max-height: 35px;
  overflow: hidden;
}
.secondaryNavigationContainer .backToTopHorizontalPosition {
  float: right;
  width: 320px;
  overflow: hidden;
}
.secondaryNavigationContainer .backToTopButton {
  -webkit-box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
  padding: 8px 8px;
}
.secondaryNavigationContainer .backToTopButtonIndicator {
  background: url("../images/svg/arrow-up-dark.svg") no-repeat center center;
  background-size: 8px 8px;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 5px;
}
.container_sw.secondaryNavigationContainer {
  padding-left: 10px;
  padding-right: 10px;
}
.sectionWrapper {
  padding: 10px 0px 0px 20px;
  background-color: #e4e4e4;
  line-height: 1.5;
}
.hotelOverviewHeader h2 {
  margin-left: 15px;
}
html:lang(nl-BE) .Search2023.FindSearchWidget .viewRoomsButtonContainer {
  right: 95px;
}
html:lang(nl-BE) .availability .CarouselWidgetContainer label span {
  white-space: normal;
}
html:lang(fi-fi) .Find-hotel-absolute .CarouselWidgetContainer .carouselWidget .pull-right p {
  letter-spacing: -1px;
}
html:lang(fi-fi) .Find-hotel-absolute .CarouselWidgetContainer .carouselWidget .date-section label {
  font-size: 11px;
}
html:lang(fi-fi) .top-panel-map-view .clearFilters .uk-button {
  padding-left: 10px;
  padding-right: 10px;
  max-width: 180px;
  line-height: normal;
}
html:lang(fi-fi) .top-panel-map-view .clearFilters .uk-button:hover,
html:lang(fi-fi) .top-panel-map-view .clearFilters .uk-button:focus {
  background: none;
}
html:lang(fi-fi) .top-panel-map-view .clearFilters .filter-title {
  top: 3px;
}
html:lang(fi-fi) .myFlipperWrapper .submitEmailButton {
  padding: 0 0 0 10px;
}
html:lang(fi-fi) .select-sort {
  width: 265px;
}
html:lang(fi-fi) .select-sort #sort-dropdown {
  width: 100%;
}
html:lang(fi-fi) .select-sort #sort-dropdown li a {
  padding: 3px 10px;
}
html:lang(fi-fi) #bw-amenities > div > label span {
  font-size: 10px;
  padding-left: 4px;
}
html:lang(fi-fi) .amenityCheckbox {
  width: 48%;
}
html:lang(fi-fi) .amenityCheckbox input[type="checkbox"]:not(:checked) + label span.checkMarkSvg,
html:lang(fi-fi) .amenityCheckbox input[type="checkbox"]:checked + label span.checkMarkSvg {
  height: 25px;
  width: 25px;
  min-width: 25px;
}
html:lang(fi-fi) .searchResultsFilters form .clearFilters button {
  max-width: 180px;
  line-height: normal;
}
html:lang(fi-fi) .FindSearchWidget .elementExpander a {
  font-size: 12px;
  gap: 2px;
}
html:lang(fi-fi) .FindSearchWidget .elementExpander a .expanderIcon {
  border-width: 1px;
  width: 15px;
  min-width: 15px;
  height: 15px;
}
html:lang(fi-fi) .FindSearchWidget .elementExpander a .expanderIcon:after {
  width: 3px;
  height: 3px;
  left: 5px;
  top: 4px;
  border-width: 1px 1px 0 0;
}
html:lang(fi-fi) .FindSearchWidget .elementExpander a .expanderIcon.in:after {
  top: 6px;
  left: 5px;
}
html:lang(fi-fi) .viewRoomsButtonContainer#MineBtn1 a {
  font-size: 13px;
}
html:lang(el-gr) .myFlipperWrapper .btn-blue-border {
  font-size: 12px;
}
html:lang(el-gr) .myFlipperWrapper .maxWidthGatedRateEmailInputContainer {
  max-width: 680px;
}
html:lang(el-gr) .map_on_hotel #floating-panel {
  right: 245px;
}
html:lang(el-gr) .Search2023.FindSearchWidget .viewRoomsButtonContainer {
  right: 115px;
}
html:lang(el-gr) .viewRoomsButtonContainer#MineBtn1 a {
  font-size: 12px;
}
html:lang(el-gr) .FindSearchWidget .elementExpander a {
  font-size: 11px;
  gap: 2px;
}
html:lang(el-gr) .FindSearchWidget .elementExpander a .expanderIcon {
  border-width: 1px;
  width: 15px;
  min-width: 15px;
  height: 15px;
}
html:lang(el-gr) .FindSearchWidget .elementExpander a .expanderIcon:after {
  width: 3px;
  height: 3px;
  left: 5px;
  top: 4px;
  border-width: 1px 1px 0 0;
}
html:lang(el-gr) .FindSearchWidget .elementExpander a .expanderIcon.in:after {
  top: 6px;
  left: 5px;
}
html:lang(pt-pt) .navbarLoginContainer .guestLogin .loginPanel .loginLink {
  padding-left: 7px;
  padding-right: 7px;
  line-height: 9px;
}
html:lang(pt-pt) .navbarLoginContainer .mod-connect .uk-icon-chevron-down {
  right: 10px;
}
html:lang(pt-BR) .viewRoomsButtonContainer#MineBtn1 {
  top: 13px;
}
html:lang(th-TH) .viewRoomsButtonContainer#MineBtn1 {
  top: 13px;
}
html:lang(th-TH) .viewRoomsButtonContainer a {
  min-width: 85px;
}
html:lang(tr-tr) .tm-headerbar .uk-navbar-nav li a {
  max-width: 132px;
}
html:lang(tr-tr) .roomDetailsContainer .selectRateButtonContainer .btn-default {
  padding: 6px 5px;
  max-width: 100%;
}
html:lang(zh-cn) .ui-autocomplete:after {
  display: none;
}
html:lang(zh-cn) #summary-view-all-rooms-link {
  white-space: nowrap;
}
html:lang(bg-bg) .top-panel #clear-filters-btn-2 {
  max-width: 160px;
  line-height: normal;
}
html:lang(ko-kr) .liste-destination .column-dest a {
  font-size: 16px;
}
html:lang(ko-kr) #summary-view-all-rooms-link {
  white-space: nowrap;
}
html:lang(ko-kr) .Search2023.FindSearchWidget .elementExpander {
  top: 6px;
}
html:lang(pt-br) .filterWrapper .filterWrapperborder legend {
  line-height: normal;
  font-size: 15px;
}
html:lang(pt-br) .FindSearchWidget .elementExpander {
  right: -20px;
}
html:lang(pt-br) .FindSearchWidget .elementExpander.commonExpander {
  right: 0;
}
html:lang(pt-br) .navbarLoginContainer .mod-connect .uk-icon-chevron-down {
  right: -8px;
}
html:lang(pt-br) .home-page #tm-top-a .uk-container {
  max-width: 100%;
}
html:lang(ja-jp) .CarouselWidgetContainer .carouselWidget .submitButtons a {
  padding-left: 3px;
  padding-right: 3px;
}
html:lang(ja-jp) #summary-view-all-rooms-link {
  white-space: nowrap;
}
html:lang(ja-jp) .Search2023.FindSearchWidget .elementExpander {
  top: 6px;
}
html:lang(el-gr) .map_on_hotel #floating-panel {
  right: 245px;
}
html:lang(el-gr) .myFlipperWrapper {
  font-size: 13px;
}
html:lang(el-gr) .myFlipperWrapper .btn-blue-border {
  font-size: 12px;
}
html:lang(el-gr) .myFlipperWrapper .maxWidthGatedRateEmailInputContainer {
  max-width: 680px;
}
html:lang(el-gr) .top-panel-map-view .clearFilters .uk-button {
  font-size: 12px;
  padding: 0 14px;
}
html:lang(el-gr) .roomDetail .list-unstyled.static {
  max-width: 130px;
}
html:lang(el-gr) .top-band .Find-hotel-absolute {
  width: 430px;
}
html:lang(id-id) .tm-headerbar .uk-navbar-nav li a {
  padding: 10px;
}
html:lang(id-id) .Search2023.FindSearchWidget .viewRoomsButtonContainer {
  right: 110px;
}
html:lang(id-id) .viewRoomsButtonContainer#MineBtn1 a {
  font-size: 13px;
}
html:lang(id-id) .FindSearchWidget .elementExpander a {
  font-size: 12px;
  gap: 2px;
}
html:lang(id-id) .FindSearchWidget .elementExpander a .expanderIcon {
  border-width: 1px;
  width: 15px;
  min-width: 15px;
  height: 15px;
}
html:lang(id-id) .FindSearchWidget .elementExpander a .expanderIcon:after {
  width: 3px;
  height: 3px;
  left: 5px;
  top: 4px;
  border-width: 1px 1px 0 0;
}
html:lang(id-id) .FindSearchWidget .elementExpander a .expanderIcon.in:after {
  top: 6px;
  left: 5px;
}
html:lang(th-th) .languageMenu .mod-languageslanguageMenu {
  padding-top: 7px;
  padding-bottom: 7px;
}
html:lang(th-th) .languageMenu .mod-languageslanguageMenu .btn {
  line-height: normal;
}
/*
html:lang(ru-ru) {
    .navbarLoginContainer {
        .guestLogin {
            #check-reservation-form {
                .loginPanel {
                    width: 350px;
                }
            }
        }
    }

    .tm-resa {
        .sw-rewards-memeber {
            .loginDirectiveContainer {
                .loginDirectiveLinkText {
                    #login-directive-link {
                        padding: 0 0 0 6px;
                        font-size: 12px;
                    }
                }
            }
        }
    }

    .top-panel-map-view {
        .clearFilters {
            .uk-button-large {
                padding-left: 6px;
                padding-right: 6px;
            }

            .filter-title {
                font-size: 18px;
            }
        }
    }

    .searchResultsFilters {
        form {
            .clearFilters {
                #clear-filters-btn {
                    padding: 0 10px;
                }

                span {
                    bottom: 10px;
                    font-size: 18px;
                }
            }
        }
    }

    #sort-dropdown {
        &.dropdown-menu {
            >li {
                >a {
                    white-space: initial;
                }
            }
        }
    }

    #bw-amenities {
        >div {
            >label {
                span {
                    padding-left: 4px;
                }
            }
        }
    }



    .rewardsMemberDashboard {
        .desktopViewBenefitsButton {
            width: 374px;
        }
    }

    .bookingSummary {
        &.thankYou {
            #confirmation-container {

                .btn-back-white,
                #btn-mark {
                    width: 200px;
                }
            }
        }
    }

    .roomDetailsContainer {
        .selectRateButtonContainer {
            .btn-default {
                padding: 6px 5px;
                max-width: 100%;
            }
        }
    }

    .hotelOverviewContainer {
        p {
            padding: 8px 0;
        }
    }

    .guestInformation {
        h3 {
            text-transform: initial;
        }
    }

    .paymentSummary {
        a {
            text-transform: initial;
        }
    }

    .richTextEditorExtended {
        a {
            text-transform: initial;
        }
    }

    .verticalBlock {
        left: 0;
        right: auto;
        margin-left: 3%;
    }

    #MineBtn1 {
        margin-right: 30px;
    }
}*/
html:lang(nl-be) .home-page-full .uk-panel h1,
html:lang(nl-be) .home-page-full .uk-panel h2 {
  font-size: 28px;
}
html:lang(nl-be) .Page_offre .uk-article h1 {
  font-size: 36px;
  line-height: 1.5;
}
html:lang(nl-be) .browseRewards .filterContainer h2 {
  color: var(--gColorGrayDark);
  font-size: 17px;
  font-weight: bold;
  text-align: left;
}
html:lang(nl-be) .roomDetailsContainer .selectRateButtonContainer {
  margin-right: 10px;
}
html:lang(nl-be) .roomDetailsContainer .selectRateButtonContainer .btn-default {
  max-width: 120px;
}
html:lang(nl-be) .tm-headerbar .tm-resa {
  min-width: 235px;
}
html:lang(nl-be) .tm-headerbar .navbarLoginContainer {
  float: left;
}
html:lang(nl-be) .tm-headerbar .uk-navbar-nav li a {
  padding: 10px 8px;
}
html:lang(pl-PL) .top-band .useRewardsPointsCheckboxContainer > div > label > span {
  font-size: 12px;
}
html:lang(pl-PL) .CarouselWidgetContainer .addRatesRoomSw .pull-left {
  width: 38%;
}
html:lang(pl-PL) .CarouselWidgetContainer .carouselWidget {
  padding: 20px 10px;
}
html:lang(nl-NL) .top-band .useRewardsPointsCheckboxContainer > div > label > span {
  font-size: 12px;
}
html:lang(nl-NL) .CarouselWidgetContainer .addRatesRoomSw .pull-left {
  width: 38%;
}
html:lang(nl-NL) .CarouselWidgetContainer .carouselWidget {
  padding: 20px 10px;
}
html:lang(nl-NL) .FindSearchWidget .elementExpander a {
  font-size: 13px;
  gap: 2px;
}
html:lang(nl-NL) .FindSearchWidget .elementExpander a .expanderIcon {
  border-width: 1px;
  width: 15px;
  min-width: 15px;
  height: 15px;
}
html:lang(nl-NL) .FindSearchWidget .elementExpander a .expanderIcon:after {
  width: 3px;
  height: 3px;
  left: 5px;
  top: 4px;
  border-width: 1px 1px 0 0;
}
html:lang(nl-NL) .FindSearchWidget .elementExpander a .expanderIcon.in:after {
  top: 6px;
  left: 5px;
}
html:lang(nl-NL) .viewRoomsButtonContainer#MineBtn1 a {
  font-size: 13px;
}
#tm-top-a .uk-panel > p,
#tm-top-a .uk-row-first p {
  margin: 0;
}
#back-to-top-container {
  position: fixed;
  bottom: 10px;
  width: 320px;
  z-index: 1000;
  text-align: right;
  padding-bottom: 10px;
  padding-right: 15px;
}
.map_on_fiche_hotel {
  width: 100%;
  height: 450px;
}
.map_on_hotel_details {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.map_on_hotel_details .map_on_hotel {
  width: 90vw;
  max-width: 700px;
  height: 600px;
}
.map_on_hotel_details .map-canva-sw {
  height: 600px;
}
.hotelAttractionsSection {
  max-width: 1170px;
  margin: 50px auto 20px;
}
.hotelAttractionsSection h3 {
  text-align: center;
}
.hotelAttractionsSection .attractionsHeroContainer {
  text-align: center;
  padding: 20px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  background-position: top center;
}
.hotelAttractionsSection .attractionsContainer {
  background: #fff;
  margin: 0;
  position: relative;
}
.hotelAttractionsSection h4 {
  margin-top: 15px;
  font-size: 18px;
  text-align: center;
}
.hotelAttractionsSection .attractionsList ul {
  padding-left: 0;
}
.hotelAttractionsSection .attractionsList ul li {
  list-style-type: none;
  padding: 0 0 0 10px;
  margin: 10px 0 0 17px;
  text-indent: -1.5em;
  color: var(--gColorGrayDark);
}
.hotelAttractionsSection .attractionsList ul li:before {
  content: "\2022";
  font-size: 1em;
  padding-right: 1em;
  color: var(--gColorBrandBWDarkBlue);
}
.totalChargedTodayDisclaimer {
  font-size: 12px;
  margin-top: 30px;
  margin-bottom: 8px;
}
.reservationDates {
  margin: 30px 0;
}
.reservationDates .datesContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.reservationDates .dateBox {
  border: 2px solid var(--gColorGrayDark);
  border-radius: 5px;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  min-width: 135px;
  max-width: 150px;
}
.reservationDates .dateBox:not(:first-of-type) {
  margin-left: 15px;
}
.reservationDates .dateBox span {
  display: block;
}
.reservationDates .timeRow {
  border-bottom: 2px solid var(--gColorGrayDark);
  padding: 7px 15px;
  font-size: 11px;
}
.reservationDates .dateRow {
  padding: 7px 15px;
}
.reservationDates .weekday {
  font-size: 17px;
}
.reservationDates .day {
  font-size: 32px;
  font-family: var(--secondary-font);
}
.reservationDates .monthYear {
  font-size: 11px;
  text-transform: uppercase;
}
.PaimentNewQ {
  margin: 0 0 15px 0;
}
.PaimentNewQ .fontBold {
  font-weight: bold;
}
.PaimentNewQ .specialRequestInput {
  margin: 20px 0 10px 0;
}
.PaimentNewQ .specialRequestInput label {
  top: 28px !important;
}
.PaimentNewQ a {
  text-decoration: underline;
  color: var(--colorBlueDrak);
  font-weight: normal;
  text-transform: none;
}
.PaimentNewQ .elementExpander a {
  text-transform: uppercase;
  font-weight: bold;
  color: #2482bf;
  text-decoration: none;
}
.PaimentNewQ .articleHeadline {
  font-size: 21px;
  line-height: 1.35;
  margin: 20px 0 20px 0;
}
.PaimentNewQ .errorContainer {
  margin: 5px 0;
}
.PaimentNewQ .richTextEditorExtended {
  margin-top: 30px;
}
.PaimentNewQ h2 {
  font-size: 34px;
}
.PaimentNewQ .hotelImage,
.PaimentNewQ .roomImage {
  content: "";
  min-height: 180px;
  padding-bottom: 56.25%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.PaimentNewQ .room-not-av {
  display: flex;
  align-items: center;
  font-weight: 700;
  top: 0;
  bottom: 0;
}
.PaimentNewQ .LeftPayement {
  padding: 0 15px;
  font-size: 14px;
}
.PaimentNewQ .LeftPayement .roomContainerN a {
  line-height: 35px;
  font-weight: normal;
}
.PaimentNewQ .LeftPayement .roomInformationContainer {
  margin: 0 0 30px 0;
}
.PaimentNewQ .LeftPayement .roomInformationContainer .roomRow:not(:first-of-type) {
  margin-top: 10px;
}
.PaimentNewQ .LeftPayement .roomInformationContainer .roomIndicator {
  font-weight: bold;
  text-transform: uppercase;
}
.PaimentNewQ .LeftPayement .roomInformationContainer .roomName {
  margin: 10px 0;
}
.PaimentNewQ .LeftPayement .roomInformationContainer .roomDetailsContainer {
  position: relative;
  padding: 10px;
  margin: 0 0 10px 0;
  background-color: var(--gColorGrayLight);
}
.PaimentNewQ .LeftPayement .roomInformationContainer .roomRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 10px;
  background-color: #fff;
  padding-left: 0;
  margin: 0;
}
.PaimentNewQ .LeftPayement .passwordInput .passwordRulesContentContainer {
  display: none;
  min-width: 300px;
  bottom: 43px;
  left: 10%;
}
.PaimentNewQ .LeftPayement .loginNew {
  margin: 30px 0;
}
.PaimentNewQ .LeftPayement .loginNew .loginRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.PaimentNewQ .LeftPayement .loginNew a {
  text-decoration: underline;
}
.PaimentNewQ .LeftPayement .loginNew .articleHeadline {
  margin-top: 0;
}
.PaimentNewQ .LeftPayement .loginNew .passwordHelp a {
  font-size: 11px;
}
.PaimentNewQ .LeftPayement .loginNew .contentCircleContainer {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 2em 0;
}
.PaimentNewQ .LeftPayement .loginNew .contentCircle {
  background-color: var(--gColorGrayLight);
  color: #000;
  min-width: 1.2em;
  border-radius: 50%;
  vertical-align: middle;
  height: auto;
  padding: 0.5em 0.6em;
  font-size: 1.2em;
  text-transform: lowercase;
  margin: 0px;
}
.PaimentNewQ .LeftPayement .loginNew .joinOptions {
  padding-top: 10px;
}
.PaimentNewQ .LeftPayement .loginNew .joinOptions .checkboxContainer {
  margin-bottom: 10px;
}
.PaimentNewQ .LeftPayement .makeReservation {
  border-top: 1px dashed var(--gColorGrayMedium);
  margin: 30px 0;
  padding: 15px 0 0 0;
}
.PaimentNewQ .LeftPayement .makeReservation .svgCheckbox {
  margin-top: 10px;
}
.PaimentNewQ .LeftPayement .specialRequestFootnote {
  margin-bottom: 30px;
}
.PaimentNewQ .reservationInfo .headerRow.totalSubHeader div {
  font-weight: normal;
}
.PaimentNewQ .richTextEditorExtended.parbase {
  width: 100%;
}
.PaimentNewQ .RightPayement {
  padding: 0px 15px 0px 15px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}
.PaimentNewQ .hotelInformation {
  margin: 30px 0;
}
.PaimentNewQ .hotelInformation .hotelInformationRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}
.PaimentNewQ .hotelInformation .hotelInformationRow #edit_details {
  color: #2482bf;
  font-weight: 500;
}
.PaimentNewQ .hotelInformation .hotelVitalsContainer {
  order: 3;
}
.PaimentNewQ .hotelInformation .hotelName {
  margin: 0 0 10px 0;
}
.PaimentNewQ .hotelInformation .hotelInfoDetails {
  margin-top: 5px;
  font-size: 14px;
}
.PaimentNewQ .hotelInformation .hotelInfoDetails a {
  font-weight: normal;
  text-transform: none;
}
.PaimentNewQ .hotelInformation .hotelInfoDetails .tollFreeNumber,
.PaimentNewQ .hotelInformation .hotelInfoDetails .hotelDirectNumber {
  float: right;
}
.PaimentNewQ .hotelAmenities .amenitiesIcon {
  max-width: 45px;
  margin: 15px 0 0 0;
}
.PaimentNewQ .hotelAmenities .amenitiesIcon:not(:last-of-type) {
  margin-right: 10px;
}
.PaimentNewQ .reservationInfo {
  margin: 30px 0;
}
.PaimentNewQ .reservationInfo .productsSection,
.PaimentNewQ .reservationInfo .packagesSection {
  margin-bottom: 15px;
}
.PaimentNewQ .reservationInfo .headerRow {
  padding: 0 0 8px 0;
}
.PaimentNewQ .reservationInfo .totalRow .cost.total {
  font-weight: bold;
}
.PaimentNewQ .reservationInfo .cost.total {
  white-space: nowrap;
}
.PaimentNewQ .reservationInfo .dividerLine {
  border-style: dashed;
  border-color: var(--gColorGrayMedium);
  margin: 20px 0 5px 0;
  border-top-width: 1px;
}
.PaimentNewQ .reservationInfo .totalSection .dividerLine {
  margin: 5px 0 15px 0;
}
.PaimentNewQ .reservationInfo .lineItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 13px;
  padding: 2px 0 5px;
  color: #000;
}
.PaimentNewQ .reservationInfo .totalContainer .lineItem {
  border-width: 0 0 1px 0;
  border-style: dashed;
  border-color: var(--gColorGrayLight);
}
.PaimentNewQ .reservationInfo .totalContainer .lineItem.swprice > div.cost {
  width: unset;
}
.PaimentNewQ .reservationInfo .totalContainer .lineItem:last-of-type {
  margin-bottom: 20px;
}
.PaimentNewQ .reservationInfo .totalContainer .lineItem > div.dateitm {
  width: 55%;
}
.PaimentNewQ .reservationInfo .totalContainer .lineItem > div.quantiteitm {
  width: 15%;
  text-align: right;
  padding-left: 10px;
}
.PaimentNewQ .reservationInfo .totalContainer .lineItem > div.cost {
  width: 30%;
  text-align: right;
  padding-left: 10px;
}
.PaimentNewQ .reservationInfo .currencySection {
  padding-top: 30px;
}
.PaimentNewQ .reservationInfo .options .elementExpander a {
  font-size: 13px;
}
.PaimentNewQ .reservationInfo .options .productContainer {
  text-align: left;
  padding-left: 0;
}
.PaimentNewQ .reservationInfo .productContainer {
  text-align: center;
}
.PaimentNewQ .subHeading {
  font-size: 24px;
}
.PaimentNewQ .specialRequestInput {
  margin: 20px 0 10px 0;
}
.FormulairePaiement .guestInfo {
  margin: 0 0 30px 0;
}
.FormulairePaiement .guestInfo h3 {
  margin-bottom: 20px;
}
.FormulairePaiement .guestInfo .bwrNumberPrefix {
  position: absolute;
  font-weight: bold;
  width: 55px;
  top: 14px;
  left: 10px;
  z-index: 1;
  font-size: 14px;
}
.FormulairePaiement .guestInfo .guestProfileRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.FormulairePaiement .guestInfo .guestProfileRow .radioWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.FormulairePaiement .guestInfo .existingGuestProfileInfo {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3px 0 0 42px;
}
.FormulairePaiement .guestInfo .existingGuestProfileInfo img {
  margin: 0 10px 0 0;
  max-width: 40px;
}
.FormulairePaiement .guestInfo .existingGuestProfileInfo span:first-of-type {
  font-weight: bold;
  text-transform: uppercase;
}
.FormulairePaiement .guestInfo .uk-grid-small {
  margin-top: 0;
}
.FormulairePaiement .adaptiveForm {
  padding: 0;
}
.FormulairePaiement .adaptiveForm .guestInfo .uk-form-row label {
  pointer-events: none;
}
.paymentInfo .panel-body {
  padding: 15px 0;
}
.paymentInfo #card-disclaimer {
  margin-top: 20px;
}
.paymentInfo .savedCreditCard span {
  color: var(--gColorGrayDark);
}
.paymentInfo .savedCreditCard span:not(:last-of-type) {
  text-transform: uppercase;
  font-weight: bold;
}
.savedCreditCard {
  padding-left: 10px;
  font-size: 14px;
}
.savedCreditCard .svgCreditCard {
  width: 28px;
  height: 23px;
  padding-left: 0px;
  vertical-align: middle;
  display: table-cell;
  background: url("../images/svg/credit_card_on.svg") center center no-repeat;
}
.savedCreditCard .labelCreditCard {
  padding-left: 16px;
  padding-top: 10px;
  display: table-cell;
  color: var(--gColorBrandBWDarkBlue);
}
.savedCreditCard .labelCreditCard .highlight {
  font-weight: 700;
}
#use-saved-card-container {
  margin-top: 30px;
}
#card-disclaimer {
  font-size: 14px;
  margin-top: 10px;
}
.specialRequests {
  margin-top: 20px;
}
.specialRequests .closeIcon {
  background: url("../images/svg/CloseIcon.svg") no-repeat center center;
  background-size: 24px;
  height: 24px;
  width: 20px;
  cursor: pointer;
  border: 0;
}
.specialRequests label.strongLabel {
  font-weight: bold;
  color: var(--gColorBrandBWDarkBlue);
  font-size: 12px;
  margin-top: 15px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.hotelInformation .brandLogoContainer {
  order: 1;
}
.hotelInformation .LogoHotelOption {
  display: flex;
  align-items: center;
}
.hotelInformation .LogoHotelOption .brandLogo {
  max-width: 100px;
}
.hotelInformation .LogoHotelOption .LogoSwBrd {
  padding-right: 7px;
  margin-right: 7px;
  border-right: 1px solid var(--gColorGrayDark);
}
.hotelInformation .LogoHotelOption .hotelName {
  font-size: 21px;
  text-align: left;
}
.hotelInformation .hotelImageContainer {
  order: 2;
  float: none;
}
.hotelInformation .hotelVitalsContainer {
  margin-top: 15px;
}
.adaptiveForm {
  width: 100%;
  padding: 15px 0 0;
}
.adaptiveForm .uk-form-row {
  margin-bottom: 20px;
  position: relative;
  margin-right: 10px;
}
.adaptiveForm .uk-form-row.row-recaptcha-container {
  margin-bottom: 0;
}
.adaptiveForm .uk-form-row.row-recaptcha-container .recaptchaContainer {
  margin-bottom: 15px;
}
.adaptiveForm .uk-form-row label {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  position: absolute;
  z-index: 3;
  left: 8px;
  top: 34px;
  padding: 0 2px;
  margin: 0;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  transition: transform 100ms ease, font-size 100ms ease;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-25px);
  color: var(--gColorGrayDark);
  cursor: default;
}
.adaptiveForm .uk-form-row label.top,
.adaptiveForm .uk-form-row label.topFix {
  background: #fff;
  font-size: 10px;
  -webkit-transform: translateY(-35px);
  -moz-transform: translateY(-35px);
  -o-transform: translateY(-35px);
  transform: translateY(-35px);
}
.adaptiveForm .uk-form-row input:focus,
.adaptiveForm .uk-form-row select:focus,
.adaptiveForm .uk-form-row textarea:focus {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0), 0 0 3px 1px #66afe9;
  border: 1px solid #66afe9;
}
.adaptiveForm .uk-form-row textarea {
  min-height: 50px;
  height: auto;
  padding-top: 8px;
}
.adaptiveForm .uk-form-row input[disabled],
.adaptiveForm .uk-form-row select[disabled] {
  background-color: #eee;
  opacity: 1;
}
.adaptiveForm .uk-form-row select[readonly] {
  background-color: #eee;
  opacity: 1;
}
.adaptiveForm .stripeBillingCardContainer .uk-form-row select {
  margin-top: 0;
}
.adaptiveForm .stripeBillingCardContainer .form-control[disabled] {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
.adaptiveForm .stripeBillingCardContainer #stripe-card-container .form-control:placeholder {
  font-size: 14px;
  letter-spacing: 0;
}
.adaptiveForm .stripeBillingCardContainer #stripe-card-container .form-control.hidden {
  display: none !important;
}
.adaptiveForm .stripeBillingCardContainer > .row {
  margin: 0;
}
.adaptiveForm .stripeBillingCardContainer .form-group {
  margin-bottom: 20px;
  position: relative;
  color: var(--gColorGrayDark);
}
.adaptiveForm .creditcard {
  background-color: #eee;
}
.adaptiveForm .creditcard.gw-proxied {
  background-color: #fff;
}
.adaptiveForm .travelAgentValueFormGroupContainer input:focus {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0), 0 0 3px 1px #66afe9;
  border: 1px solid #66afe9;
}
.adaptiveForm .error {
  font-size: 15px;
  max-width: 100%;
}
.adaptiveForm #row-recaptcha-container {
  margin: 0;
}
.adaptiveForm #bwr-number-container input {
  padding-left: 60px;
}
.adaptiveForm .signMeInBWR input[placeholder],
.adaptiveForm .signMeInBWR input::placeholder,
.adaptiveForm .signMeInBWR input::-webkit-placeholder,
.adaptiveForm .signMeInBWR input::-webkit-input-placeholder {
  color: #000;
  letter-spacing: normal;
  font-size: 14px;
}
.adaptiveForm .signMeInBWR input.error[placeholder],
.adaptiveForm .signMeInBWR input.error::placeholder,
.adaptiveForm .signMeInBWR input.error::-webkit-placeholder,
.adaptiveForm .signMeInBWR input.error::-webkit-input-placeholder {
  color: red;
}
.adaptiveForm .form-group {
  position: relative;
  color: var(--gColorGrayDark);
}
.adaptiveForm .form-group label {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  position: absolute;
  z-index: 3;
  left: 8px;
  top: 30px;
  padding: 0 2px;
  margin: 0;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  transition: transform 100ms ease, font-size 100ms ease;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}
.adaptiveForm .form-group label.top {
  background: #fff;
  font-size: 10px;
  -webkit-transform: translateY(-35px);
  -moz-transform: translateY(-35px);
  -o-transform: translateY(-35px);
  transform: translateY(-35px);
}
.adaptiveForm .form-group label.focus {
  background: #fff;
}
.adaptiveForm .form-group .form-control {
  text-align: left;
  width: 100%;
  text-transform: none;
  border-radius: 4px !important;
  border: 1px solid var(--gColorGrayMedium);
  position: relative;
}
.adaptiveForm .form-group .form-control.readOnlyInput {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 10px 0 9px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.adaptiveForm .form-control:focus {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0), 0 0 3px 1px #66afe9;
  border: 1px solid #66afe9 !important;
}
.adaptiveForm .primaryIndicator {
  color: #959595;
  font-size: calc(1em - 3px);
}
.adaptiveForm legend {
  margin-bottom: 0;
  border-bottom: 0;
}
.adaptiveForm .radioWrapper {
  position: relative;
  color: var(--gColorGrayDark);
}
.adaptiveForm .radioOptionInputContainer {
  padding: 5px 0 0 25px;
}
.adaptiveForm h1.formHeader,
.adaptiveForm h2.formHeader,
.adaptiveForm .cmButtonContainer {
  text-align: center;
}
.adaptiveForm .formSection.extraTopPadding {
  padding-top: 20px;
}
.adaptiveForm .formCopy {
  font-size: 14px;
}
.adaptiveForm .formSection .question:nth-child(n+2) {
  margin-top: 10px;
}
.adaptiveForm .itemContainer + .itemContainer {
  margin-top: 20px;
}
.adaptiveForm .addButtonRow * .btnAdd {
  margin: 20px 0 15px;
}
.adaptiveForm .formReadOnly {
  font-weight: bold;
}
.adaptiveForm .formReadOnly .formReadOnlyField {
  margin-bottom: 5px;
}
.adaptiveForm .inputTitle {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  margin: -5px 0 10px 0;
  color: var(--gColorGrayDark);
}
.passwordRulesContentContainer {
  bottom: 40px;
}
.options .PaimentNewQ .hotelAmenities {
  display: none;
}
.options .PaimentNewQ .RightPayement .richTextEditorExtended,
.options .PaimentNewQ .RightPayement .reservationInfo {
  display: none;
}
.options .PaimentNewQ .LeftPayement .specialRequestFootnote {
  display: none;
}
.options .reservationInfo .checkInCheckOutLabel {
  font-size: 14px;
  font-weight: bold;
}
.options .reservationInfo input[type="checkbox"] + label span:nth-child(2) {
  font-size: 12px;
}
.remember_mecheckbox {
  margin-top: 20px;
  margin-bottom: 20px;
}
input.error::-webkit-input-placeholder {
  color: red;
}
input.error::-moz-placeholder {
  color: red;
}
input.error:-ms-input-placeholder {
  color: red;
}
input.error:-moz-placeholder {
  color: red;
}
.error + span {
  color: red;
  font-weight: normal;
}
.error + span + .caret-sw {
  color: red;
  font-weight: normal;
}
select.error option {
  color: #333;
}
.checksw span {
  font-weight: bold;
}
.checksw span a {
  font-size: 15px;
}
.passwordInput .togglePassword {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-size: 20px;
  top: 7px;
  right: 12px;
  height: 20px;
  background-color: transparent;
  margin: 0;
  justify-items: end;
  width: 15px;
}
.passwordInput .togglePassword i {
  color: #48494a;
}
.guestInfo .passwordInput .togglePassword {
  right: 0;
}
#passstrength {
  margin-top: 13px;
  overflow: hidden;
}
#passstrength .txt_strength {
  color: green;
  font-size: 13px;
  letter-spacing: 0.24px;
  line-height: 22px;
  width: 100%;
  padding: 5px 0 0 15px;
}
#new-password {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.signInLinkContainer span {
  font-weight: bold;
}
.signInLinkContainer a {
  text-transform: none;
  font-weight: normal;
  text-decoration: underline;
}
.signInLinkContainer p {
  margin-top: 20px;
}
.page-booking.customer .tm-block-main .uk-container,
.page-booking.confirm .tm-block-main .uk-container,
.page-booking.mybooking .tm-block-main .uk-container,
.page-booking.options .tm-block-main .uk-container {
  max-width: 1170px;
}
.resortPolicyContainer {
  margin: 30px 0;
}
.resortPolicyContainer .uk-accordion-title {
  color: #0072bc;
  display: flex;
  align-items: center;
  padding-left: 0;
  margin-bottom: 10px;
  padding: 0;
}
.resortPolicyContainer .uk-accordion-title:after {
  content: none;
}
.resortPolicyContainer .uk-accordion-title a {
  margin-bottom: 0;
}
.resortPolicyContainer .policyTitle {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin: 20px 0 10px 0;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
}
.resortPolicyContainer .policyContent {
  font-size: 14px;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0;
}
.resortPolicyContainer .policyContent:first-of-type {
  margin-top: 20px;
}
.reservationInfo .cmBtn {
  min-width: 100px;
}
.reservationInfo .totalChargedTodayDisclaimer {
  font-size: 13px;
  padding: 5px 0;
}
.reservationInfo .buttonContainer {
  text-align: center;
  margin-bottom: 20px;
}
.reservationInfo .elementExpander a {
  font-size: 13px;
  text-transform: uppercase;
}
.reservationInfo .earlyCheckInGroup {
  margin-bottom: 20px;
}
.reservationInfo .earlyCheckInHeaderContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px 0;
}
.reservationInfo .earlyCheckInIcon {
  margin: 0 15px 0 0;
}
.reservationInfo .earlyCheckInHeader {
  margin: 0;
}
.reservationInfo .earlyCheckInContainer {
  background-color: var(--gColorGrayLight);
  padding: 10px;
  display: block;
  font-size: 12px;
}
.reservationInfo .earlyCheckInDescriptionContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}
.reservationInfo .earlyCheckInUnitCost {
  margin-left: 15px;
  font-weight: bold;
  text-align: right;
}
.reservationInfo .checkInRoomsContainer {
  margin: 5px 0 0 28px;
}
.reservationInfo .selectRoomsLabel {
  padding-bottom: 10px;
  font-size: 14px;
}
.reservationInfo .checkInRoomCheckboxesGroup {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  text-align: center;
}
.reservationInfo .checkInRoomCheckboxContainer:not(:last-of-type) {
  margin-right: 10px;
}
.reservationInfo .checkInCheckOutContainer,
.reservationInfo .productsContainer {
  background-color: var(--gColorGrayLight);
  padding: 0 10px;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.reservationInfo .btnPopover {
  background-size: auto 13px;
  height: 18px;
  width: 18px;
  margin: 0px 0 0 4px;
  background-position: bottom;
}
.reservationInfo .btnPopover:hover,
.reservationInfo .btnPopover:focus {
  background-color: transparent;
  box-shadow: unset;
  border: none !important;
}
.headerRow {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.headerRow > div {
  font-weight: bold;
  text-transform: uppercase;
}
.headerRow > div:nth-child(2) {
  text-align: right;
  padding-left: 10px;
}
.headerRow .zeroPointsMessage {
  margin: 5px 0 5px 0;
  color: red;
}
.headerRow span {
  font-weight: normal;
  text-transform: none;
  display: unset;
}
.headerRow span.currencyCode {
  font-weight: normal;
}
.headerRow span.hidden {
  display: none;
}
.includedPackageItem .reservationInfo .expanderLink img {
  max-height: 25px;
  margin: 0 5px 0 0;
}
.includedPackageItem .reservationInfo .productContainer .roomLabel,
.includedPackageItem .reservationInfo .packageContainer .roomLabel {
  font-size: 10px;
}
.includedPackageItem .reservationInfo .productContainer .lineItem,
.includedPackageItem .reservationInfo .packageContainer .lineItem {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
  font-size: 0;
  width: calc(100% + 10px);
}
.includedPackageItem .reservationInfo .productContainer .lineItem > div,
.includedPackageItem .reservationInfo .packageContainer .lineItem > div {
  white-space: nowrap;
  padding: 0 10px 10px 10px;
  margin-left: -10px;
}
.includedPackageItem .reservationInfo .buttonContainer {
  text-align: center;
}
.includedPackageItem .reservationInfo .buttonContainer .cmBtnSecondary {
  padding: 6px 12px;
}
.includedPackageItem .reservationInfo .cost {
  display: inline-block;
}
.includedPackageItem .reservationInfo .cost.total {
  text-transform: none;
}
.includedPackageItem .reservationInfo .cost.points {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: none;
}
.includedPackageItem .reservationInfo .cost.points .plus {
  margin: 0 8px;
  font-size: 20px;
  font-weight: bold;
}
.includedPackageItem .reservationInfo .totalRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.includedPackageItem .reservationInfo .descriptionRow {
  padding: 0 0 5px 0;
}
.includedPackageItem .reservationInfo .productGroup,
.includedPackageItem .reservationInfo .packageGroup {
  padding-top: 10px;
}
.includedPackageItem .reservationInfo .headerRow {
  padding: 10px 0 5px 0;
}
.includedPackageItem .reservationInfo .totalHeader {
  line-height: 24px;
}
.includedPackageItem .reservationInfo .detailContainer .headerRow {
  margin: 10px 0 0 0;
}
.includedPackageItem .reservationInfo .detailContainer .lineItem:last-of-type {
  margin-bottom: 10px;
  border-style: none;
}
.includedPackageItem .reservationInfo .headerDetails,
.includedPackageItem .reservationInfo .sectionShortDescr {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.includedPackageItem .reservationInfo .lineItemDate {
  padding: 5px 0 10px 0;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
.includedPackageItem .reservationInfo .lineItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
}
.includedPackageItem .reservationInfo .totalSection .dividerLine {
  margin: 5px 0;
}
.includedPackageItem .reservationInfo .totalContainer .lineItem.points {
  /* border-style: none; */
}
.includedPackageItem .reservationInfo .totalContainer .lineItem > div:nth-child(1) {
  width: 100%;
}
.includedPackageItem .reservationInfo .totalContainer .lineItem.cols3 > div:nth-child(2) {
  width: auto;
  text-align: right;
  padding-left: 10px;
}
.includedPackageItem .reservationInfo .totalContainer .lineItem.cols2 > div:nth-child(2),
.includedPackageItem .reservationInfo .totalContainer .lineItem.cols3 > div:nth-child(3) {
  width: 35%;
  text-align: right;
  padding-left: 10px;
}
.includedPackageItem .reservationInfo .currencySection {
  padding-top: 30px;
}
.includedPackageItem .reservationInfo .currencySection p.headerRow {
  padding-top: 10px;
  margin-left: 10px;
}
.includedPackageItem .reservationInfo .sliderBarApplyButton {
  text-align: center;
}
.rewardsDashboardNew {
  background-color: #fff;
  padding: 20px 0 0 0;
  margin: 0 -15px 40px -15px;
  border-radius: 7px;
}
.rewardsDashboardNew .welcomeContainer {
  padding: 25px 15px 30px 15px;
  margin-bottom: 15px;
  background-color: var(--gColorBrandBWDarkBlue);
  color: #fff;
  border-radius: 0;
  -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.75);
}
.rewardsDashboardNew .welcomeContainer[class*="uk-width-"] {
  text-align: center;
  height: 100%;
}
.rewardsDashboardNew .welcomeContainer .pointsAvailable {
  color: var(--primary-bg-color);
  font-size: 40px;
  font-weight: bold;
}
.rewardsDashboardNew .welcomeContainer .pointsAvailableCaption {
  text-transform: capitalize;
}
.rewardsDashboardNew .welcomeContainer .rewardsCardImage {
  max-width: 200px;
  margin: 0 auto;
  width: 100%;
  border-radius: 10px;
}
.rewardsDashboardNew .welcomeContainer hr {
  margin: 10px 0;
}
.rewardsDashboardNew .welcomeContainer .userPanelForDesktopWidth {
  text-align: center;
  text-transform: capitalize;
  font-size: 20px;
  line-height: 1.2;
}
.rewardsDashboardNew .welcomeContainer .userPanelForDesktopWidth .greetingsTitle {
  padding: 0;
  font-size: 25px;
}
.rewardsDashboardNew .benefitsContainer {
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.rewardsDashboardNew .benefitsContainer .benefitsImage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rewardsDashboardNew .benefitsContainer a {
  color: var(--colorBlueDrak);
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
}
.rewardsDashboardNew .benefitsHeadline {
  color: #000;
  font-size: 25px;
  margin-bottom: 15px;
}
.rewardsDashboardNew .benefitsDetails {
  padding: 15px;
}
.rewardsDashboardNew .benefitsDetails .benefitsList {
  padding: 0 0 0 18px;
  margin: 15px 0;
}
.rewardsDashboardNew .progressContainer {
  padding: 20px 15px;
  margin-top: 15px;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.rewardsDashboardNew .progressHeadline {
  color: #000;
  font-size: 22px;
  margin-top: 30px;
  text-align: center;
}
.rewardsDashboardNew .radialProgressContainer {
  background-color: #fff;
  color: #000;
  text-align: center;
}
.rewardsDashboardNew .radialProgressBar {
  position: relative;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: none;
  margin: 0 auto;
  background-color: var(--gColorGrayLight);
  font-size: 8em;
}
.rewardsDashboardNew .radialProgressBar:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 0.84em;
  height: 0.84em;
  font-size: 1em;
  background-color: #fff;
}
.rewardsDashboardNew .radialProgressBar .progressText {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 30%;
  width: 5em;
  font-size: 0.2em;
  display: block;
  text-align: center;
  white-space: nowrap;
  color: #000;
}
.rewardsDashboardNew .radialProgressBar .progressUnit {
  display: block;
  font-size: 17px;
}
.rewardsDashboardNew .radialProgressBar .ringContainer {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0, 1em, 1em, 0.5em);
}
.rewardsDashboardNew .radialProgressBar .progressRing,
.rewardsDashboardNew .radialProgressBar.gt50 .fillRing {
  position: absolute;
  border: 0.08em solid #000;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0, 0.5em, 1em, 0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.rewardsDashboardNew .radialProgressBar .progressRing,
.rewardsDashboardNew .radialProgressBar .fillRing {
  border-color: #307bbb !important;
}
.rewardsDashboardNew .radialProgressBar.gt50 .ringContainer {
  clip: rect(auto, auto, auto, auto);
}
.rewardsDashboardNew .radialProgressBar.gt50 .progressRing,
.rewardsDashboardNew .radialProgressBar.gt50 .fillRing {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rewardsDashboardNew .contentCircleContainer {
  text-align: center;
  width: 100%;
  margin: 2em 0;
}
.rewardsDashboardNew .contentCircleContainer hr {
  display: block;
  border: 0;
  border-top: 1px solid var(--gColorGrayLight);
  margin: 0 0 0 0.5em;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rewardsDashboardNew .contentCircleContainer hr:first-of-type {
  margin: 0 0.5em 0 0;
}
.rewardsDashboardNew .contentCircle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--gColorGrayLight);
  color: #000;
  min-width: 1.2em;
  border-radius: 50%;
  vertical-align: middle;
  height: auto;
  padding: 0.5em;
  font-size: 1.2em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.rewardsDashboardNew .progressSubText {
  margin: 15px 0 0 0;
}
.rewardsDashboardNew ul {
  padding-left: 18px;
  padding-left: 40px;
}
.redeempoints .content-reward .uk-container,
.redeem .content-reward .uk-container,
.specialoffers .content-reward .uk-container {
  padding-left: 0;
  padding-right: 0;
}
.content-reward .uk-container {
  padding: 10px 15px;
}
.content-reward .radiotravel {
  position: relative;
}
.content-reward .earning-new .uk-form-row {
  position: relative;
}
.content-reward .title {
  margin-top: 30px;
  color: var(--gColorBrandBWDarkBlue);
  font-size: 20px;
}
.content-reward #passwordRulesContainer h4 {
  margin: 0;
}
.content-reward #passwordRulesContainer .passwordPop {
  display: block;
  bottom: 45px;
}
.content-reward .checkornew > div {
  position: relative;
}
.content-reward .creer-compte-sw {
  max-width: 1170px;
  margin: 0 auto;
}
.content-reward .creer-compte-sw ul li {
  list-style: none;
  margin-top: 10px;
  margin-bottom: 5px;
}
.content-reward .communicationPrefsContainer {
  text-align: center;
}
.content-reward .communicationPrefsContainer .titreCommunication {
  padding: 0 10px;
  top: 10px;
  position: relative;
  display: inline-block;
  color: var(--gColorBrandBWDarkBlue);
  text-align: center;
  background-color: #FFF;
  margin: 0;
  font-size: 20px;
}
.content-reward .communicationPrefsContainer .communicationPrefsContainerBox {
  padding: 18px 10px;
  text-align: left;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
}
.content-reward .communicationPrefsContainer .checkornew {
  position: relative;
}
.content-reward .communicationPrefsContainer .checkornew label {
  font-size: 14px;
  font-weight: bold;
}
.content-reward .communicationPrefsContainer .checkornew p {
  font-size: 17px;
}
.content-reward .communicationPrefsContainer a {
  color: #1336ff;
  text-decoration: underline;
  font-weight: normal;
  font-size: 17px;
}
.content-reward .buttonContainer {
  background-color: var(--gColorGrayBg);
  text-align: center;
  padding: 30px;
  margin: 25px 0 0 0;
}
.content-reward .buttonContainer button {
  min-width: 150px;
  margin-right: 20px;
  display: inline-block;
}
.content-reward .summaryDetailsContainer .buttonContainer {
  padding: 30px 0 0;
  background-color: transparent;
  text-align: unset;
}
.content-reward .summaryDetailsContainer .buttonContainer .buttonContainer .hidden {
  display: none;
}
.content-reward .uk-accordion-title:hover {
  text-decoration: none;
}
.createaccountform .content-reward .buttonContainer {
  margin-bottom: 40px;
}
.createaccountform .content-reward .buttonContainer button {
  min-width: 220px;
}
.browseRewards h2,
.browseRewards h1 {
  text-align: center;
  margin-top: 10px;
}
.browseRewards .specialOffersComponent {
  opacity: 1;
}
.browseRewards .specialOffersComponent .uk-modal-dialog {
  opacity: 1;
  top: 12%;
}
.browseRewards .rewardItemDetail {
  padding: 25px 15px;
}
.browseRewards .rewardItemDetail .contenurewarddetail {
  text-align: justify;
  padding-right: 20px;
}
.browseRewards .rewardContainer {
  background-color: #172e56;
  text-align: center;
  margin: 25px 0 0 0;
  padding: 20px 15px;
}
.browseRewards .centerAlignStyle {
  text-align: center;
  height: inherit;
  margin: auto;
  max-width: 700px;
}
.browseRewards .centerAlignStyle .rewardImageContainer {
  height: 95px;
}
.browseRewards .orderContainer {
  width: 84%;
}
.browseRewards .title-order {
  color: #fff;
  text-align: left;
  font-size: 30px;
  padding-right: 0;
}
.browseRewards .rewardPointsContainer {
  padding: 10px 0;
  width: 100%;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}
.browseRewards .sep-order {
  width: 100%;
  border-bottom: 1px dashed #fff;
  height: 2px;
  margin-top: 10px;
}
.browseRewards .rewardTotalContainer {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 0;
  margin-top: 10px;
}
.browseRewards .rewardPointsLabel {
  padding: 0;
  text-align: right;
  color: #686a88;
  font-size: 12px;
}
.browseRewards .memberAddressComponentContainer {
  text-align: center;
  height: inherit;
  margin: auto;
  max-width: 700px;
}
.browseRewards .memberAddressComponentContainer h3 {
  text-align: center;
  margin-top: 30px;
  font-size: 30px;
}
.browseRewards .memberAddressComponentContainer .addressContainer {
  padding: 0;
  max-width: 350px;
}
.browseRewards .memberAddressComponentContainer .addressTitle {
  text-align: center;
  font-size: 20px;
  position: relative;
  top: 15px;
  color: #000;
  background-color: #fff;
  margin: auto;
  z-index: 10;
}
.browseRewards .memberAddressComponentContainer .addressTitle span {
  position: relative;
  top: 30px;
  left: 15px;
}
.browseRewards .memberAddressComponentContainer .addressTitleHomePrimary {
  max-width: 85%;
}
.browseRewards .memberAddressComponentContainer .addressTitlePrimaryLabel {
  opacity: 0.7;
  display: inline;
  color: #8f8f8f;
}
.browseRewards .memberAddressComponentContainer .borderStyle {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  opacity: 0.7;
  margin: 5px;
}
.browseRewards .memberAddressComponentContainer .addressValue {
  font-size: 18px;
  text-align: left;
  padding: 20px;
  color: #1a3058;
}
.browseRewards .memberAddressComponentContainer .editButtonContainer {
  text-align: center;
  padding-bottom: 25px;
}
.browseRewards .memberAddressComponentContainer .editButtonContainer button {
  width: 125px;
}
.browseRewards .memberAddressComponentContainer .addAddressContainer {
  text-align: center;
  padding: 50px;
}
.browseRewards .memberAddressComponentContainer .addButton:before {
  content: "+";
  margin-right: 5px;
  line-height: 28px;
  font-size: 25px;
  font-weight: normal;
  float: left;
}
.browseRewards .memberAddressComponentContainer label {
  font-size: 0;
}
.browseRewards .buttonContainer {
  background-color: var(--gColorGrayBg);
  text-align: center;
  padding: 50px 0 50px 0;
}
.browseRewards .buttonContainer .uk-button {
  border-radius: 4px;
  width: 140px !important;
  color: var(--gColorBrandBWDarkBlue);
  font-weight: bold;
}
.browseRewards .personal-information {
  max-width: 380px;
  margin: auto;
  width: 100%;
}
.browseRewards .personal-information .earning-large {
  font-size: 12px;
  opacity: 0.7;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.browseRewards .personal-information .uk-form-controls {
  margin-left: 0;
}
.browseRewards .personal-information .uk-form a {
  font-size: 17px;
  color: #0097fb;
}
.browseRewards .checkboxContainer a {
  font-size: 16px;
}
.browseRewards .uk-form label {
  margin-bottom: 5px;
  color: var(--gColorGrayDark);
}
.browseRewards .uk-form textarea.error,
.browseRewards .uk-form select.error {
  border-color: red;
  color: red;
}
.browseRewards .maxWidthContainer {
  max-width: 750px;
  margin: auto;
  height: 100%;
}
.browseRewards .deliverto_sendcopy {
  font-size: 17px !important;
  color: rgba(0, 43, 88, 0.6);
  font-weight: bold;
}
.browseRewards .buttonContainer {
  margin: 50px 0 0 0;
}
.browseRewards .editAddressContainer {
  max-width: 850px;
  text-align: left;
  margin: auto;
}
.browseRewards .editAddressContainer .mainAddressHeader {
  font-size: 28px;
  text-align: center;
  padding: 15px;
}
.browseRewards .editAddressContainer .confirm {
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}
.browseRewards .editAddressContainer label {
  color: var(--gColorBrandBWDarkBlue);
  font-size: 12px;
}
.browseRewards .editAddressContainer #state_p select {
  width: 100%;
}
.browseRewards .editAddressContainer .uk-form-row {
  margin-top: 10px;
}
.browseRewards .expanderIndicator {
  font-size: 26px;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.2;
  margin-right: 5px;
  display: inline-block;
}
.browseRewards .containerRelative {
  position: relative;
  width: 100%;
}
.browseRewards .profilePreferences p {
  font-size: 17px;
}
.browseRewards .profilePreferences .formHeaderDiv {
  text-align: center;
  margin-top: -25px;
  margin-bottom: 5px;
}
.browseRewards .profilePreferences .formHeaderDiv h5 {
  padding: 0 10px;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #000;
  text-align: center;
  background-color: #FFF;
  margin: 0;
  z-index: 100;
  letter-spacing: normal;
}
.browseRewards .profilePreferences .disabled-sw input[type="checkbox"]:checked + label {
  opacity: 0.65;
  cursor: not-allowed;
}
.browseRewards .profilePreferences .disabled-sw input[type="checkbox"]:checked + label span:nth-child(2) {
  color: var(--colorBlue);
}
.browseRewards .profilePreferences .formSection {
  margin-top: 40px;
}
.browseRewards .profilePreferences .formSection .uk-form-row {
  margin-bottom: 15px;
}
.browseRewards .profilePreferences .formSection select {
  color: var(--gColorBrandBWDarkBlue);
  font-weight: bold;
}
.browseRewards .profilePreferences .formSection select option {
  color: #333;
  font-weight: normal;
}
.browseRewards .profilePreferences .formSection input {
  color: #555;
}
.browseRewards .profilePreferences .formReadOnly {
  color: var(--colorBlue);
  font-weight: bold;
  font-size: 17px;
}
.browseRewards .profilePreferences .formReadOnly .formReadOnlyField {
  margin-bottom: 5px;
}
.browseRewards .profilePreferences .formBoxedContainer {
  padding: 25px 20px 25px 20px;
  text-align: left;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  display: block;
  position: relative;
  min-height: 81px;
  margin-bottom: 25px;
}
.browseRewards .profilePreferences .primaryIndicator {
  color: #959595;
  font-size: 14px;
}
.browseRewards .profilePreferences .formReadOnlyField {
  margin-bottom: 5px;
}
.browseRewards .profilePreferences .editButton,
.browseRewards .profilePreferences .addButton {
  min-width: 150px;
}
.browseRewards .profilePreferences .remove-mine {
  background: url("../images/svg/CloseIcon.svg") no-repeat center center;
  background-size: 24px 24px;
  height: 37px;
  margin: 0;
  width: 20px;
  cursor: pointer;
  border: 0;
  display: inline-block;
}
.browseRewards .profilePreferences .affiche-option-remove-phone {
  margin-top: 25px;
}
.browseRewards .profilePreferences .milesContainer {
  margin-left: 30px;
}
.browseRewards .profilePreferences .btnClear {
  margin: 20px 0;
}
.browseRewards .profilePreferences p {
  font-size: 15px;
}
.browseRewards .profilePreferences .checkornew label,
.browseRewards .profilePreferences .form-travel label {
  font-weight: bold;
  color: var(--gColorGrayDark);
  font-size: 14px;
}
.browseRewards .profilePreferences .checkornew input[type="checkbox"]:checked + label span:nth-child(2),
.browseRewards .profilePreferences .form-travel input[type="checkbox"]:checked + label span:nth-child(2),
.browseRewards .profilePreferences .checkornew input[type="checkbox"]:checked + label span:nth-child(2),
.browseRewards .profilePreferences .form-travel input[type="checkbox"]:checked + label span:nth-child(2) {
  color: var(--colorBlue);
}
.browseRewards .profilePreferences .btn-cancel-up {
  background: #fff;
}
.browseRewards .buttonText {
  margin-right: 3px;
}
.browseRewards .sw-airline {
  color: #172e56;
  margin-right: 2px;
}
.browseRewards .createaccount-edit {
  padding-left: 30px;
  padding-right: 30px;
}
.browseRewards .createaccount-edit label {
  margin-top: 10px;
}
.browseRewards .createaccount-edit .buttonContainer {
  margin-left: -15px;
  margin-right: -15px;
}
.browseRewards .earning-new .uk-form-row label {
  color: #172e56;
}
.browseRewards .earning-new input[type="radio"]:checked + label span:nth-child(2) {
  color: var(--colorBlue);
}
.browseRewards .earning-new em {
  font-style: normal;
  margin: 0 2px;
}
.rewardsActivityContainer {
  background-color: #e1e1e1;
  padding: 10px 50px 10px 50px;
  margin-top: 30px;
}
.rewardsActivityContainer .rewardsRow {
  margin-bottom: 10px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  background: #fff;
}
.rewardsActivityContainer .rewardsRow .rowLeft {
  padding: 10px;
}
.rewardsActivityContainer .rewardsRow .stayDetails {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.rewardsActivityContainer .rewardsRow .resortContainer {
  font-size: 14px;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  min-height: 55px;
}
.rewardsActivityContainer .rewardsRow .resortName {
  margin-bottom: 5px;
  font-size: 14px;
  min-height: 35px;
}
.rewardsActivityContainer .rewardsRow .badgeContainer {
  min-width: 150px;
  flex-basis: 170px;
}
.rewardsActivityContainer .rewardsRow .badgeContainer .bwRewardsLogo {
  height: 32px;
  max-width: 125px;
  background: url("../images/png/bw_rewards_full_logo.png") no-repeat bottom left;
  background-size: contain;
  display: block;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  min-width: 105px;
  margin-bottom: 6px;
}
.rewardsActivityContainer .rewardsRow .badgeContainer .statusBadge {
  font-size: 16px;
  display: inline-block;
  line-height: 1;
  border-radius: 7px;
  align-self: flex-end;
  margin-bottom: 2px;
  margin-left: 0;
  padding: 5px 8px;
}
.rewardsActivityContainer .rewardsRow .dateBox {
  max-width: 110px;
  align-self: center;
}
.rewardsActivityContainer .rewardsRow .dateBox .description {
  color: #172e56;
  font-size: 11px;
  -ms-flex: 2;
  flex: 2;
  flex-grow: 2;
  flex-shrink: 1;
}
.rewardsActivityContainer .rewardsRow .date {
  color: black;
  min-width: 60px;
  font-size: 14px;
  margin-bottom: 1px;
}
.rewardsActivityContainer .rewardsRow .rowRight {
  padding: 15px 10px;
}
.rewardsActivityContainer .rewardsRow .totalBoxes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-around;
  justify-content: space-around;
}
.rewardsActivityContainer .rewardsRow .totalBoxes .totalBox {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  text-align: center;
  margin: 0 4px;
  padding: 7px 4px;
  -ms-flex-preferred-size: 86px;
  flex-basis: 86px;
  -ms-flex: 1;
  flex: 1;
}
.rewardsActivityContainer .rewardsRow .totalBoxes .totalBox .total {
  font-size: 21px;
  line-height: 1;
  margin: 0;
  color: black;
  font-family: var(--secondary-font);
}
.rewardsActivityContainer .rewardsRow .totalBoxes .totalBox .description {
  margin: 0 auto;
  margin-top: 8px;
  color: #172e56;
  font-size: 13px;
  width: 95px;
  line-height: 1.45;
}
.rewardsActivityContainer .Rowstatement {
  padding: 20px;
}
.memberViewReservationMain {
  width: 100%;
  color: var(--gColorBrandBWDarkBlue);
  text-align: center;
}
.memberViewReservationMain .reservationTabs {
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  display: table;
  cursor: pointer;
  text-align: center;
  border-radius: 6px;
}
.memberViewReservationMain .reservationTabs button {
  border: 1px solid var(--gColorBrandBWDarkBlue);
  border-radius: 0;
  font-size: 13px;
}
.memberViewReservationMain .reservationTabs button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.memberViewReservationMain .reservationTabs button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.memberViewReservationMain .reservationTabs .uk-active {
  color: white;
  background-color: var(--gColorBrandBWDarkBlue);
}
.memberViewReservationMain .RowCol {
  display: table-cell;
  float: left;
  height: 100%;
  padding: 5px 15px;
  vertical-align: middle;
  text-align: center;
}
.memberViewReservationMain p {
  margin: 0;
}
.memberViewReservationMain .hotelNameDivider {
  border-top: 1px solid #e1e1e1;
  display: block;
  margin: 10px auto;
  width: 150px;
}
.memberViewReservationMain .reservationTypes {
  font-size: 20px;
  text-align: center;
  margin-top: 75px;
  margin-bottom: 125px;
}
.memberViewReservationMain .reservationCard {
  border: 1px solid #e1e1e1;
  margin: 10px 5px;
  -moz-box-shadow: 2px 2px 0 0 var(--ColorGrisBase), 2px 2px 0 0 var(--ColorGrisBase);
  -webkit-box-shadow: 2px 2px 0 0 var(--ColorGrisBase), 2px 2px 0 0 var(--ColorGrisBase);
  box-shadow: 2px 2px 0 0 var(--ColorGrisBase), 2px 2px 0 0 var(--ColorGrisBase);
  padding: 15px;
  vertical-align: top;
}
.memberViewReservationMain .reservationCard .ribbonContainer {
  margin-top: 10px;
}
.memberViewReservationMain .reservationCard .cancellationLabel {
  font-size: 14px;
}
.memberViewReservationMain .reservationCard .cancellationNumber {
  font-weight: bold;
}
.memberViewReservationMain .reservationCard:nth-of-type(even) {
  background-color: #f0f1f1;
}
.memberViewReservationMain .summaryRow {
  padding-left: 15px;
  padding-right: 15px;
}
.memberViewReservationMain .reservationPhoto {
  width: 100%;
  height: 190px;
}
.memberViewReservationMain .reservationContent {
  display: table;
  color: black;
  width: 100%;
}
.memberViewReservationMain .brandImage {
  width: 100%;
  margin-bottom: 0;
  max-width: 170px;
  margin-top: 15px;
}
.memberViewReservationMain .hotelAddress {
  text-align: initial;
}
.memberViewReservationMain .hotelAddress h3 {
  color: black;
  font-size: 17px;
  margin-bottom: 5px;
}
.memberViewReservationMain .hotelAddress p {
  font-size: 14px;
  line-height: 1.2;
}
.memberViewReservationMain .confirmationHeader {
  font-size: 14px;
  margin-bottom: 5px;
}
.memberViewReservationMain .confirmationNumber {
  margin-bottom: 0;
  font-weight: bold;
}
.memberViewReservationMain .dateCol p {
  margin-bottom: 3px;
  font-size: 14px;
  margin-top: 0;
}
.memberViewReservationMain .dateCol .header {
  color: #172e56;
}
.memberViewReservationMain .dateCol .day {
  font-size: 19px;
}
.memberViewReservationMain .dateCol .date {
  font-weight: bold;
  font-size: 16px;
}
.memberViewReservationMain .totalBoxes {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}
.memberViewReservationMain .totalBoxes .totalBox {
  border: 2px solid #a6a6a6;
  border-radius: 4px;
  font-family: var(--secondary-font);
  text-align: center;
  width: 72px;
  padding: 7px;
  margin-right: 15px;
}
.memberViewReservationMain .totalBoxes .totalBox .total {
  font-size: 40px;
  line-height: 1;
  margin: 0;
}
.memberViewReservationMain .totalBoxes .totalBox .description {
  margin: 0;
}
.memberViewReservationMain .viewReservationDetails {
  text-align: center !important;
}
.memberViewReservationMain .viewReservationDetails button {
  font-size: 17px;
  line-height: normal;
  color: #0097fb;
  font-weight: normal;
  text-decoration: underline;
  text-transform: none;
}
.memberViewReservationMain .viewReservationDetails button:hover {
  background: none;
}
.memberViewReservationMain .titre-upcoming {
  margin-bottom: 40px;
  padding: 30px 25px 5px 25px;
  margin-top: 38px;
}
.memberViewReservationMain .viewAllReservationsButton {
  width: 310px;
  height: 50px;
  margin: 60px 0 40px 0;
  text-align: center;
}
.rewardsSpecialOffers {
  margin: 30px 0px;
}
.rewardsSpecialOffers h1,
.rewardsSpecialOffers h2 {
  text-align: center;
  margin-top: 0px;
}
.rewardsSpecialOffers .introText {
  max-width: none;
  margin: 0px 10px;
}
.rewardsSpecialOffers .tableRowContainer {
  margin: 0;
  padding: 15px 0;
  display: block;
  font-size: 13px;
}
.rewardsSpecialOffers .tableRowContainer.columnFlow {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}
.rewardsSpecialOffers .tableRowContainer:nth-child(even) {
  background-color: #f0f1f1;
}
.rewardsSpecialOffers .itemSummaryContainer {
  display: flex;
  width: 100%;
  padding: 0 15px;
}
.rewardsSpecialOffers .itemDescriptionContainer {
  display: block;
  float: none;
  width: 100%;
  color: #000;
  margin-bottom: 10px;
}
.rewardsSpecialOffers .expanderButtonContainer {
  float: left;
  width: 50%;
}
.rewardsSpecialOffers .expanderButton {
  color: var(--gColorBrandBWDarkBlue);
  font-weight: bold;
  padding: 0;
  cursor: pointer;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  height: 42px;
}
.rewardsSpecialOffers .itemDetailContainer {
  padding: 0 15px;
}
.rewardsSpecialOffers .itemDetailAvailability {
  padding: 15px 0 0 0;
}
.rewardsSpecialOffers .itemDetailAvailability > div {
  display: inline-block;
  width: auto;
}
.rewardsSpecialOffers .itemDetailDescription {
  margin: 15px 0 0 0;
}
.rewardsSpecialOffers .itemRegistrationContainer {
  display: table-cell;
  float: right;
  width: 50%;
  vertical-align: baseline;
  text-align: right;
  border-left: 0;
  position: relative;
  line-height: 1.1em;
}
.rewardsSpecialOffers .itemRegistrationText {
  padding-right: 10px;
  font-size: 12px;
  font-weight: bold;
  color: var(--gColorBrandBWDarkBlue);
  display: block;
}
.rewardsSpecialOffers .itemRegistrationText .registrationDate {
  display: block;
  margin-top: 3px;
}
.rewardsSpecialOffers input[type='checkbox'] {
  left: calc(100% - 20px);
}
.rewardsSpecialOffers input[type='checkbox'] + label {
  margin: 0;
  padding: 5px;
  cursor: pointer;
  justify-content: end;
}
.rewardsSpecialOffers label:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
.rewardsSpecialOffers .expanderIndicator {
  background-image: url("../images/svg/arrow-down-dark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding-left: 15px;
}
.heroSlide {
  height: 377px;
  display: block;
  max-width: 100%;
  margin-top: -30px;
}
#special-offers-list-container .carousel {
  line-height: 1.2;
}
#special-offers-list-container .carousel-inner {
  border: 5px solid var(--gColorGrayLight);
  position: relative;
  margin: 9px 0 0 0;
  background-color: #fff;
}
#special-offers-list-container .carouselPageContainer {
  border-top: 1px solid #e4e4e4;
  text-align: left;
}
#special-offers-list-container .itemContainer {
  border-bottom: 2px solid #e4e4e4;
  margin: 0;
  padding: 15px;
}
#special-offers-list-container .itemRegistrationContainer {
  display: flex;
  align-items: center;
  justify-content: right;
}
#special-offers-list-container .itemRegistrationContainer input[type="checkbox"] {
  display: none;
}
#special-offers-list-container .itemRegistrationContainer .reg-item {
  font-size: 14px;
  font-weight: bold;
  max-width: 130px;
  display: block;
  line-height: 1.3;
  text-transform: none;
  color: var(--gColorBrandBWDarkBlue);
}
#special-offers-list-container .itemRegistrationContainer .save-item {
  color: #ed1c24;
  font-size: 14px;
  font-weight: bold;
}
#special-offers-list-container .itemRegistrationContainer .bwi-icon {
  margin-top: 0 !important;
}
#special-offers-list-container .itemRegistrationContainer label {
  margin-bottom: 0 !important;
}
#special-offers-list-container .bwi-icon {
  margin-left: 10px;
}
#special-offers-list-container .elementExpander a > span {
  display: flex;
  align-items: center;
  gap: 8px;
}
#special-offers-list-container .offerTitle {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}
#special-offers-list-container .offerDescription {
  margin-bottom: 15px;
  max-width: 80%;
}
#special-offers-list-container .offerAvailability {
  font-weight: bold;
}
#special-offers-list-container .itemDetail .itemDetailAvailability,
#special-offers-list-container .itemDetailContainer .itemDetail .itemDetailPromoCode {
  color: var(--gColorBrandBWDarkBlue);
}
#special-offers-list-container .itemDetail .itemDetailAvailability > div :nth-child(1) span,
#special-offers-list-container .itemDetail .itemDetailPromoCode > div :nth-child(1) span {
  font-weight: bold;
}
#special-offers-list-container .bottomButtonContainer {
  margin-top: 30px;
}
#special-offers-list-container .bottomButtonContainer button {
  min-width: 150px;
}
#special-offers-list-container .itemContainer {
  margin: 0;
  padding: 15px;
}
#special-offers-list-container .offerTitle {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}
#special-offers-list-container .carousel .carousel-inner .carouselPageContainer .itemContainer {
  border-width: 2px;
}
.redeempoints .filterCheckbox:checked + .filterCheckboxLabel:before {
  background-color: var(--gColorGrayDark) !important;
}
.redeempoints .pageSliderControlsContainer {
  border-top: 1px solid var(--ColorGrisBase);
  padding: 25px 0 15px;
  position: absolute;
  bottom: -30px;
  width: 100%;
}
.redeempoints .pageSliderControlsContainer .paginationmall {
  text-align: center;
  position: relative;
}
.redeempoints .pageSliderControlsContainer ul {
  margin: 0;
  display: inline-block;
  padding: 0 15px;
}
.redeempoints .pageSliderControlsContainer ul li {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid var(--gColorGrayMedium);
  margin: 0 5px 10px;
  background-color: #fff;
  text-indent: 0;
  line-height: 27px;
  transition: all 0.25s ease;
  text-align: center;
  padding: 0;
  cursor: pointer;
}
.redeempoints .pageSliderControlsContainer ul li a {
  width: auto;
  height: auto;
}
.redeempoints .pageSliderControlsContainer ul li.uk-active {
  background-color: var(--gColorGrayDark);
  color: #fff;
}
.redeempoints .pageSliderControlsContainer .uk-slidenav {
  display: block;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  background: transparent no-repeat scroll center center / 20px 20px;
  font-size: 0;
  position: initial;
  margin-top: -40px;
}
.redeempoints .pageSliderControlsContainer .uk-slidenav.uk-slidenav-previous {
  background-image: url("../images/svg/arrow-left-gray.svg");
}
.redeempoints .pageSliderControlsContainer .uk-slidenav.uk-slidenav-next {
  background-image: url("../images/svg/arrow-right-gray.svg");
}
.redeempoints .pageSliderControlsContainer .bwMasterBlue {
  color: var(--gColorBrandBWDarkBlue);
}
.redeempoints .productCatalog .uk-button {
  border-radius: 4px;
  line-height: 28px;
  min-height: 28px;
  border-color: var(--primary-bg-color);
  padding: 0 12px;
  background: #fff;
  color: var(--gColorBrandBWDarkBlue);
}
.redeempoints .productFilter .container-fluid {
  padding-left: 0;
}
.redeempoints .productFilter .sectionToggler .togglerIcon {
  margin-right: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/svg/arrow-down-gray.svg") no-repeat scroll center center / 10px 10px;
}
.redeempoints .productFilter .sectionToggler .expanded .togglerIcon {
  background: url("../images/svg/arrow-right-gray.svg") no-repeat scroll center center / 10px 10px;
}
.redeempoints .productFilter .expandable .toggleSection {
  display: none;
}
.redeempoints .productFilter .expandable.expanded .toggleSection {
  display: block;
}
.redeempoints #product-list {
  max-height: 100% !important;
  padding-bottom: 0;
  margin-bottom: 10px;
  min-height: 300px;
}
.redeempoints #product-list li {
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  min-height: 960px;
}
.redeempoints #product-list li .awardDetails li {
  min-height: auto;
}
.redeempoints .productTileContainer {
  box-sizing: border-box;
  padding: 7px;
  display: flex;
}
.redeempoints .productCatalogContainer .topButtonContainer {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 0px 10px;
  border-bottom: 1px solid var(--ColorGrisBase);
  margin-bottom: 7px;
  margin-top: 10px;
}
.redeempoints .productCatalogContainer .productTile {
  box-sizing: border-box;
  border: 1px solid var(--ColorGrisBase);
  border-radius: 5px;
  padding: 10px;
  -webkit-box-flex: 1;
  flex: 1;
  max-width: 100%;
}
.redeempoints .productCatalogContainer .productTile .image {
  display: block;
  width: 105px;
  height: 65px;
  margin: 0px 0px 10px;
  padding: 0px;
}
.redeempoints .productCatalogContainer .productTile p {
  margin: 0px 0px 5px;
}
.redeempoints .productCatalogContainer .pointsRequired {
  font-size: 15px;
  font-weight: bold;
}
.redeempoints .productCatalogContainer .productInputsWrapper {
  display: flex;
}
.redeempoints .productCatalogContainer .formInput {
  display: flex;
  min-width: 50%;
  -webkit-box-flex: 0;
  flex: 1 1 50%;
}
.redeempoints .productCatalogContainer .smallLabel {
  color: #000000;
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
}
.redeempoints .productCatalogContainer .addedToCartAlertContainer {
  display: none;
}
.redeempoints .productCatalogContainer .addedToCartAlertContainer .addedToCartAlert {
  display: table-cell;
  vertical-align: middle;
  color: #417505;
  font-size: 14px;
  font-weight: bold;
  height: inherit;
}
.redeempoints .productCatalogContainer .addedToCartAlertContainer .addedToCartIcon {
  display: table-cell;
  width: 30px;
  height: 30px;
  background: url("../images/svg/checkmark-green.svg") center center / 18px 18px no-repeat scroll;
}
.redeempoints .productCatalogContainer .btnAddToCart {
  margin-top: 10px;
}
.redeempoints .productCatalogContainer .btnAddToCart span {
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  display: inline-block;
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  margin: 0 5px -1px 0;
  background-image: url("../images/svg/AddIconDarkBlue.svg");
}
.redeempoints .productCatalogContainer .carousel {
  margin-bottom: 30px;
}
.redeempoints .productCatalogContainer .rightRedemNew {
  padding-bottom: 50px;
  margin-bottom: 0px;
}
.redeempoints .toggledContainerWrapper .containerToggler {
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin-top: 15px;
}
.redeempoints .toggledContainerWrapper .togglerIcon {
  display: inline-block;
  background: url("../images/svg/arrow-down-gray.svg") no-repeat scroll center center;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.redeempoints .toggledContainerWrapper p {
  font-size: 12px;
  margin: 0 0 5px;
}
.redeempoints .toggledContainerWrapper p a {
  font-size: 12px;
  color: var(--gColorGrayDark);
  font-weight: normal;
}
.redeempoints .toggledContainerWrapper .toggledContainer {
  display: none;
}
.redeempoints .toggledContainerWrapper.expanded .toggledContainer {
  display: block;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .redeempoints .pageSliderControlsContainer .uk-slidenav {
    position: relative;
  }
}
.bwMasterBlueBackground {
  background-color: var(--gColorBrandBWDarkBlue);
}
.cartBannerContainer {
  box-sizing: border-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  align-content: stretch;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  color: #fff;
  height: 100%;
  padding: 5px 10px;
  margin: 10px 0px;
  border-radius: 5px;
}
.cartBannerContainer .cartMessageContainer {
  display: flex;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  align-self: stretch;
  -webkit-box-pack: center;
  justify-content: center;
  flex: 1 1 60%;
  padding: 6px 10px 6px 0px;
  line-height: 24px;
}
.cartBannerContainer .cartMessageContainer a {
  color: #fff;
  font-weight: normal;
  text-transform: none;
  text-decoration: underline;
}
.cartBannerContainer .cartMessageContainer #cart-points-available {
  margin-right: 3px;
}
.cartBannerContainer .cartContentsContainer {
  display: flex;
  -webkit-box-flex: 1;
  align-self: stretch;
  -webkit-box-align: center;
  align-items: center;
  padding-left: 10px;
  flex: 1 1 30%;
  border-left: 1px solid #445f84;
}
.cartBannerContainer .cartContentsContainer .checkoutButton a {
  color: #fff;
  text-decoration: none;
  text-transform: none;
}
.cartBannerContainer .cartContentsContainer .checkoutButton.disabled {
  cursor: default;
  text-decoration: none;
  color: unset;
}
.cartBannerContainer .cartIcon img {
  display: flex;
  height: 20px;
  width: auto;
  margin: 0 10px 0 0;
}
.cartBannerContainer .cartItemCount {
  font-weight: bold;
}
#bloc_guest_rooms_and_rates .backToTopHorizontalPosition {
  float: right;
  width: 320px;
  overflow: hidden;
}
#bloc_guest_rooms_and_rates .backToTopButton {
  -webkit-box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 5px -4px rgba(0, 0, 0, 0.3);
  padding: 8px 8px;
}
#bloc_guest_rooms_and_rates .backToTopButtonIndicator {
  background: url("../images/svg/arrow-up-dark.svg") no-repeat center center;
  background-size: 8px 8px;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 5px;
}
.pointsForStay .pointsForStayContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100px;
}
.pointsForStay .innerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--gColorGrayMedium);
  border-radius: 10px;
  padding-right: 120px;
}
.pointsForStay .messageText {
  margin: 20px 15px 20px 25px;
  font-size: 12px;
}
.pointsForStay .progressCircleContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pointsForStay .progressCircle {
  position: absolute;
  top: calc(50% - 55px);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #000;
}
.pointsForStay .progressCircle svg {
  width: 110px;
  height: 110px;
}
.pointsForStay .progressCircle .pointsEarned {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 22px;
  font-weight: bold;
}
.pointsForStay .progressCircle .pointsCaption {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 15px;
}
.pointsForStay .progressCircle circle {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke-dasharray: 314.16, 314.16;
  stroke-width: 10px;
  fill: #fff;
}
.pointsForStay .progressCircle circle.progressTrack {
  stroke: #d3d3d3;
}
.pointsForStay .progressCircle circle.progressFill {
  stroke: #0072bc;
  -webkit-transition: stroke-dashoffset 0.35s;
  -o-transition: stroke-dashoffset 0.35s;
  transition: stroke-dashoffset 0.35s;
  stroke-dashoffset: 214.16;
  -webkit-animation-name: PFS-ANIMATION;
  animation-name: PFS-ANIMATION;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.pointsForStay.loaded .progressCircle circle.progressFill {
  -webkit-animation-duration: 0;
  animation-duration: 0;
}
.pointsForStay .pointsForStayContainer.desktopOnly {
  display: none;
}
@-webkit-keyframes PFS-ANIMATION {
  0 {
    stroke-dashoffset: 314.16;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes PFS-ANIMATION {
  0 {
    stroke-dashoffset: 314.16;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.ContentModalForm .uk-container {
  padding: 0;
}
.ContentModalForm .sectionWrapper {
  display: none;
}
.ContentModalForm .text-head-From h1 {
  margin-top: 0;
}
.ContentModalForm .uk-width-medium-2-5 {
  width: 50%;
}
.ContentModalForm .uk-width-medium-1-2 {
  width: 60%;
}
.ContentModalForm .uk-width-medium-3-5 {
  width: 70%;
}
.ContentModalForm .uk-width-medium-1-5 {
  width: 30%;
}
.ContentModalForm .uk-width-medium-1-3 {
  width: 45%;
}
.ContentModalForm .uk-grid-small > * {
  padding-left: 14px;
}
.ContentModalForm .travel-personnal1 .buttonContainer {
  margin-bottom: 0 !important;
  padding: 0;
  background-color: #fff;
}
.ContentModalForm .JoinNewAccount {
  padding: 0;
}
#Modal-join #onetrust-banner-sdk {
  display: none;
}
#Modal-join iframe {
  height: 75vh;
}
#Modal-join .uk-modal-dialog {
  margin-top: 20px;
  margin-bottom: 20px;
}
#Modal-join .JoinNewAccount,
#Modal-join .signInLinkContainer {
  padding-left: 10px;
  padding-right: 10px;
}
.passwordInput .passwordPop {
  top: -216px;
}
.bookingSummary {
  margin-bottom: 0;
  min-width: 360px;
  padding: 0 0 30px 0;
}
.bookingSummary .buttonBoxContainer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
}
.bookingSummary .addCorpNumberForm {
  width: 230px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}
.bookingSummary .bwForm label {
  font-size: 14px;
}
.bookingSummary .btnSubmitCorpNumber {
  margin: 0;
  width: inherit;
}
.bookingSummary .boxTitle {
  margin: 0 0 20px 0;
  font-family: 'inherit', sans-serif;
  font-style: normal;
  font-weight: Normal;
  font-size: 34px;
}
.bookingSummary .boxSubtitle {
  margin: 0 0 20px 0;
}
.bookingSummary .confirmationNumberTitle {
  font-weight: bold;
}
.bookingSummary .buttonBoxOuter {
  background: #fff;
  border-radius: 15px;
  z-index: 100;
  min-width: 280px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 290px;
  width: 100%;
  height: unset;
}
.bookingSummary .buttonBoxInner {
  border: 1px solid var(--gColorGrayMedium);
  border-radius: 8px;
  position: relative;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px;
  padding: 15px 8px;
  color: var(--gColorGrayDark);
}
.bookingSummary .heroBoxContent {
  width: 100%;
}
.bookingSummary .cancellationContainer {
  background-color: #221f1f;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  bottom: -20px;
  width: 100%;
  text-align: center;
  z-index: 110;
}
.bookingSummary .cancellationContainer .caption {
  color: #969696;
  margin-bottom: 3px;
}
.bookingSummary .cancellationContainer .cancellationNumber {
  color: #fff;
  margin: 0;
}
.bookingSummary .cancellationDetailsContainer {
  padding-bottom: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  bottom: -70px;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.bookingSummary .cancellationDetailsContainer .caption {
  color: #f40a0a;
}
.bookingSummary .g-recaptcha {
  margin-top: 15px;
}
.bookingSummary .recaptchaFailContainer div {
  font-size: 15px;
}
.bookingSummary .recaptchaFailContainer div:not(:last-of-type) {
  margin-bottom: 15px;
}
.bookingSummary .summaryRow {
  margin: 0 10px;
  padding: 30px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bookingSummary .leftColumn,
.bookingSummary .rightColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bookingSummary .middleColumn,
.bookingSummary .rightColumn {
  margin-top: 50px;
}
.bookingSummary .innerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
}
.bookingSummary .innerContainer a {
  text-align: center;
  font-weight: unset;
  text-transform: unset;
  text-decoration: underline;
  color: var(--colorBlueDrak);
  font-size: 16px;
}
.bookingSummary .rightCol .innerContainer {
  align-items: center;
}
.bookingSummary .leftColumn .innerContainer {
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
}
.bookingSummary .rightColumn .innerContainer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bookingSummary .dropdown button,
.bookingSummary .filter-option.pull-left,
.bookingSummary .input-group {
  text-align: left;
  width: 100%;
  text-transform: none;
}
.bookingSummary .hotelImageWrapper {
  display: block;
  position: relative;
  min-height: 256px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 50px;
}
.bookingSummary .hotelImageWrapper .hotelImage {
  content: '';
  height: 40.57971014vw;
  max-height: 480px;
}
.bookingSummary .brandImageAndHotelNameContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 0;
}
.bookingSummary .brandImageContainer {
  border-right: 1px solid var(--gColorGrayDark);
  padding-right: 10px;
  min-height: 80px;
}
.bookingSummary .brandImage {
  width: auto;
  max-width: 60px;
  margin: 0;
}
.bookingSummary .hotelNameContainer {
  padding-left: 10px;
  text-align: left;
}
.bookingSummary .hotelName {
  color: var(--gColorGrayMedium);
  font-size: 19px;
}
.bookingSummary .viewHotelDetailsLinkContainer {
  margin-top: 10px;
}
.bookingSummary .viewHotelDetailsLinkContainer a {
  color: var(--colorBlueDrak);
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
}
.bookingSummary .confirmationNumberContainer {
  font-size: 15px;
}
.bookingSummary .hotelAddressLinkContainer,
.bookingSummary .phoneNumbersContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
}
.bookingSummary .hotelAddressLinkContainer {
  margin-bottom: 30px;
}
.bookingSummary .leftIcon {
  margin: 0 10px 0 0;
}
.bookingSummary .hotelAddressLinkContainer .leftIcon {
  margin-top: 9px;
}
.bookingSummary .phoneNumbersContainer .leftIcon {
  margin-top: 4px;
}
.bookingSummary .leftIcon img {
  margin: 0;
  width: 25px;
}
.bookingSummary a.hotelAddresLink {
  padding: 2px;
  line-height: 26px;
  font-weight: normal;
  text-transform: unset;
  font-size: 15px;
  text-decoration: underline;
  color: var(--colorBlueDrak);
  text-align: left;
}
.bookingSummary a.hotelAddresLink > span {
  display: block;
}
.bookingSummary .phoneNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bookingSummary .phoneNumber:first-of-type {
  margin-bottom: 10px;
}
.bookingSummary .phoneNumber span:first-of-type {
  margin-right: 5px;
}
.bookingSummary .middleColumn .buttonsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bookingSummary .middleColumn .btn {
  font-size: 11px;
  min-width: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}
.bookingSummary .middleColumn .btn:not(.atcb-link) {
  margin-bottom: 10px;
}
.bookingSummary .middleColumn .btnIcon {
  display: inline-block;
  margin-right: 5px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
}
.bookingSummary .iconPrint {
  background-image: url('../images/svg/print-icon.svg');
}
.bookingSummary .iconEmail {
  background-image: url('../images/svg/email-icon.svg');
}
.bookingSummary .iconCalendar {
  background-image: url('../images/svg/calendar-icon.svg');
}
.bookingSummary .reservationDates {
  margin: 0 0 20px 0;
}
.bookingSummary .emailDescription {
  font-size: 12px;
}
.bookingSummary.thankYou .thankYouCircleOuter {
  width: 40.57971014vw;
  position: relative;
  background: #fff;
  margin: 0 auto;
  border-radius: 50%;
  z-index: 100;
  min-width: 280px;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 10px;
  max-width: 480px;
}
.bookingSummary.thankYou .thankYouCircleOuter:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.bookingSummary.thankYou .thankYouCircleInner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #a6a6a6;
  border-radius: 50%;
  margin: 10px;
}
.bookingSummary.thankYou .thankYouCircleInner #hotel-detail-link #btn-view {
  letter-spacing: 0;
}
.bookingSummary.thankYou .thankYouCircleContent {
  position: relative;
  width: 100%;
}
.bookingSummary.thankYou .thankYouCircleContent .btn {
  font-size: 12px;
  width: 100%;
}
.bookingSummary.thankYou .thankYouCircleContent p:last-child {
  margin-bottom: 0;
}
.bookingSummary.thankYou .thankYouCircleContent p.amount {
  font-size: 20px;
}
.bookingSummary.thankYou .thankYouHeader {
  margin-top: 0;
  font-family: var(--secondary-font);
}
.bookingSummary.thankYou .thankYouMessage {
  font-size: 16px;
  color: #172e56;
  margin-bottom: 20px;
}
.bookingSummary.thankYou .thankYouMessage .uk-button {
  padding-top: 8px;
  padding-bottom: 8px;
}
.bookingSummary.thankYou .middleCol {
  text-align: center;
  margin-top: 20px;
}
.bookingSummary.thankYou .middleCol .colRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.bookingSummary.thankYou .rightCol {
  margin-top: 45px;
}
.bookingSummary.thankYou #confirmation-container .btn-back-white,
.bookingSummary.thankYou #confirmation-container #btn-mark {
  width: 120px;
  white-space: nowrap;
  font-size: 12px;
  padding-left: 12px;
  padding-right: 12px;
  overflow: visible;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bookingSummary.thankYou #confirmation-container .btn-back-white:hover,
.bookingSummary.thankYou #confirmation-container #btn-mark:hover {
  background: #fff;
}
.bookingSummary.thankYou #confirmation-container div:last-child .btn {
  margin-bottom: 0;
}
.bookingSummary.thankYou #confirmation-info {
  margin-bottom: 20px;
  display: none;
}
.bookingSummary.thankYou #confirmation-header {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 17px;
}
.bookingSummary.thankYou #confirmation-number {
  margin-bottom: 0;
  font-size: 17px;
}
.bookingSummary.thankYou #share-icon {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px 26px;
  height: 26px;
  width: 26px;
  background-image: url("../images/svg/share-icon.svg");
}
.bookingSummary.thankYou #directions-icon {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: -3px;
  background-image: url("../images/svg/directions-icon.svg");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px 26px;
  height: 26px;
  width: 26px;
}
.bookingSummary.thankYou #print-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-top: -1px;
  background-image: url("../images/svg/print-icon.svg");
}
.bookingSummary.thankYou #email-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-top: -1px;
  background-image: url("../images/svg/email-icon.svg");
}
.bookingSummary.thankYou #calendar-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-top: -1px;
  background-image: url("../images/svg/calendar-icon.svg");
}
.bookingSummary.thankYou > .container {
  padding: 0;
}
.bookingSummary.thankYou .summaryRow {
  padding: 30px 0 0 0;
}
.bookingSummary.thankYou .thankYou .summaryblock {
  padding: 30px 15px 0;
  background-color: #f0f1f1;
}
.bookingSummary.thankYou .sectionComponent p {
  font-size: 14px;
  margin-bottom: 40px;
}
.bookingSummary.thankYou .sectionComponent a {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.bookingSummary.thankYou .phoneCol p {
  color: #172e56;
  font-size: 12px;
  margin-bottom: 3px;
}
.bookingSummary.thankYou .phoneCol p a {
  color: #0097fb;
}
.bookingSummary.thankYou .phonesRow .phoneCol .phoneNumber a {
  color: #0097fb;
  font-weight: 700;
}
.bookingSummary.thankYou .item {
  font-size: 14px;
}
.bookingSummary.thankYou .item.item_in {
  font-size: 17px;
}
.bookingSummary.thankYou .btn.btnSimpleAccordion {
  background-position: right center;
  background-size: 24px 24px;
}
.bookingSummary.thankYou .currency {
  font-family: Century Gothic, sans-serif;
  padding-right: 5px;
}
.bookingSummary.thankYou .paymentSummary {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-top: 40px;
}
.bookingSummary.thankYou .paymentSummary .container {
  padding: 0 15px;
}
.bookingSummary.thankYou .paymentSummary p {
  margin-bottom: 10px;
  font-size: 12px;
  text-transform: none;
}
.bookingSummary.thankYou .paymentSummary h3 {
  margin: 0;
  font-size: 28px;
  text-align: center;
}
.bookingSummary.thankYou .paymentSummary a {
  color: #0097fb;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 4px 0 4px 0;
}
.bookingSummary.thankYou .paymentSummary .item {
  color: var(--gColorGrayDark);
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0;
  font-weight: bold;
}
.bookingSummary.thankYou .paymentSummary #payment-summary-total-grand {
  font-weight: 600;
}
.bookingSummary.thankYou .paymentSummary .amount {
  color: var(--gColorGrayDark);
  padding: 5px 0;
  font-size: 14px;
  margin: 0;
  font-weight: bold;
}
.bookingSummary.thankYou .paymentSummary .totalAmount {
  font-weight: 400;
  border-top: 1px dashed var(--colorBlue);
  padding: 20px 0 10px 0;
  color: var(--colorBlue);
  text-transform: uppercase;
}
.bookingSummary.thankYou .paymentSummary .totalAmount .description {
  font-weight: 400;
  font-size: 14px;
  color: var(--colorBlue);
  text-transform: capitalize;
}
.bookingSummary.thankYou .paymentSummary .description {
  padding: 4px 0 4px 0;
  font-size: 14px;
}
.bookingSummary.thankYou .paymentSummary .cancelButtonContainer button {
  font-size: 14px;
}
.bookingSummary.canceled .buttonBoxContainer {
  position: relative;
  margin: 0;
  height: 160px;
  background-color: #f0f1f1;
}
.bookingSummary.canceled .buttonBoxInner {
  border: 1px solid #a6a6a6;
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px;
}
.bookingSummary.canceled .buttonBoxContent {
  position: relative;
}
.bookingSummary.canceled .buttonBoxContent .btn {
  font-size: 12px;
  width: 100%;
}
.bookingSummary.canceled .buttonBoxContent p:last-child {
  margin-bottom: 0;
}
.bookingSummary.canceled .cancellationContainer {
  background-color: #221f1f;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  bottom: -20px;
  width: 100%;
  text-align: center;
  z-index: 110;
}
.bookingSummary.canceled .cancellationDetailsContainer {
  padding-bottom: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  bottom: -70px;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.bookingSummary.canceled .cancellationDetailsContainer .caption {
  color: #f40a0a;
}
body:not(.androidOrIos) .bookingSummary .phoneNumber a {
  pointer-events: none;
  color: inherit;
  cursor: default;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
}
.bookingSummaryPage {
  margin: 0 -15px;
}
.bookingSummaryPage .bookingTopErrorMessage {
  margin: 0 15px 15px 15px;
  margin: 0 0 15px 0;
  text-align: center;
  min-width: 360px;
}
.tax-free {
  display: block;
}
.tax-free a {
  color: #0072bc !important;
  margin-top: 5px;
}
.atcb-list {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 170px;
  z-index: 900;
  list-style: none;
  margin: 0;
  padding: 0;
  color: transparent !important;
  background: #fff;
}
.atcb-list:hover {
  visibility: visible;
}
.addtocalendar var {
  display: none;
}
.atcb-list {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 170px;
  z-index: 900;
  list-style: none;
  margin: 0;
  padding: 0;
  color: transparent !important;
  background: #fff;
  border: 1px solid #bababa;
  border-radius: 2px;
  box-shadow: 0 0 5px #AAA;
}
.atcb-list:hover {
  visibility: visible;
}
.atcb-item:hover {
  background: #4281f4;
}
.atcb-item-link {
  color: var(--gColorBrandBWDarkBlue);
  font-size: 11px;
  text-decoration: none;
  outline: 0;
  padding: 5px 15px;
}
.atcb-item-link:hover {
  color: #fff;
  text-decoration: none;
}
.atcb-item a {
  color: var(--colorBlueDrak);
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
}
.addtocalendar var {
  display: none;
}
.addtocalendar var {
  display: none;
}
.bookingDetails {
  font-size: 14px;
}
.bookingDetails .roomRateName {
  margin-right: 20px;
  font-weight: bold;
  position: relative;
}
.bookingDetails .roomRateAmount {
  font-weight: bold;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.bookingDetails .roomRateAmount .roomRate {
  font-size: 23px;
}
.bookingDetails .roomRateAmount .currencyCode {
  margin-left: 5px;
  font-size: 10px;
}
.bookingDetails .amount {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.bookingDetails .currency {
  font-weight: bold !important;
}
.bookingDetails .roomIndicator {
  text-transform: uppercase;
  font-weight: bold;
}
.bookingDetails .roomRateContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 10px;
}
.bookingDetails .roomCardSummaryContainer {
  padding: 15px 15px 0 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bookingDetails .roomCardSummaryContainer .roomButtonsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 20px;
}
.bookingDetails .cardContainerWrapper {
  padding: 15px;
  padding-bottom: 5px;
}
.bookingDetails .roomButtonsContainer {
  padding: 20px;
  text-align: center;
}
.bookingDetails .roomCardDetailsContainer {
  padding: 15px 15px 10px 15px;
}
.bookingDetails .roomCardDetailsContainer .row {
  padding: 5px 5px 5px 0;
}
.bookingDetails .roomCardDetailsContainer .headerRow {
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 0;
  margin-top: 0;
  padding: 15px 0 5px 0;
}
.bookingDetails .totalDivider {
  border-top: 1px solid rgba(0, 0, 0, 0.35);
  margin: 10px 0 10px 0;
}
.bookingDetails .divider {
  border-top: 1px dashed rgba(0, 0, 0, 0.35);
  padding: 0;
  margin: 5px 0 10px 0;
}
.bookingDetails .elementExpander {
  padding: 10px 0 10px 0;
}
#cancel-modal-body h4 {
  font-family: var(--primary-font);
  border-bottom: 1px solid var(--gColorGrayBg);
  padding-bottom: 10px;
}
#cancel-modal-body #policy-agree-checkbox-error-container {
  padding: 10px 15px;
  text-align: center;
  border: 1px solid red;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  margin-top: 15px;
}
.cancelReservationComponent .uk-modal-body label {
  width: 100%;
  margin-bottom: 0px;
}
.cancelReservationComponent #email-preferences-panel {
  min-height: 200px;
  overflow: auto;
  padding-bottom: 60px;
}
.cancelReservationComponent .modal-subtitle {
  margin-top: 14px;
  font-size: 12px;
  opacity: 0.7;
}
.cancelReservationComponent h3 {
  margin-top: 10px;
}
.cancelReservationComponent .checkboxContainer {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 0;
  border: 1px solid var(--gColorGrayBg);
  padding: 8px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cancelReservationComponent .checkboxContainer .svgCheckbox:focus {
  outline: none;
}
.cancelReservationComponent .checkboxContainer .svgCheckbox input:focus + label {
  outline: none;
  box-shadow: none;
}
.cancelReservationComponent .checkboxContainer .svgCheckbox img {
  float: left;
  margin-right: 10px;
  min-width: 25px;
}
.cancelReservationComponent .checkboxContainer .detailTitle {
  font-weight: bold;
  text-align: left;
  font-size: 18px;
  width: 100%;
  padding-left: 0;
  display: initial;
}
.cancelReservationComponent .checkboxContainer .roomSubTitle {
  text-align: left;
  opacity: 1;
  font-size: 12px;
  margin-top: 2px;
  font-weight: normal;
  width: calc(100% - 35px);
  display: table-cell;
}
.cancelReservationComponent .roomCanceledStatusLabel {
  text-align: center;
  font-size: 12px;
  padding: 8px;
  background: #221f1f;
  color: white;
  text-transform: uppercase;
  width: 100px;
  float: right;
  cursor: text;
}
.cancelReservationComponent .svgCheckbox {
  width: 100%;
}
.cancelReservationComponent .roomComponent {
  display: flex;
  align-items: center;
}
.cancelReservationComponent .roomComponent .lockImage {
  vertical-align: middle;
  display: table-cell;
  width: 25px;
  opacity: 0.7;
}
.cancelReservationComponent .roomComponent .roomTitleContainer {
  display: table-cell;
  padding: 10px 0 10px 10px;
  vertical-align: middle;
  background-color: white;
}
.cancelReservationComponent .roomComponent .roomTooLateToCancel {
  text-align: right;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  width: 100px;
  flex: auto;
}
.cancelReservationComponent .roomCanceledStatusContainer {
  flex: auto;
}
.uk-article .tm-main li {
  list-style: disc;
}
.uk-article a {
  width: auto;
}
.uk-article a:hover {
  text-decoration: none;
}
.uk-article .uk-article-title,
.uk-article h1 {
  text-align: right;
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 1.5;
  text-transform: uppercase;
}
.uk-article .tm-article-content {
  padding: 10px 0px;
}
.uk-article .tm-article-content a {
  text-transform: unset;
}
.uk-article .tm-article-content p {
  font-size: 16px;
  line-height: 1.5;
}
.uk-article h2 {
  font-size: 34px;
  line-height: 1.5;
}
.uk-article h3 {
  font-size: 30px;
  line-height: 1.5;
}
.uk-article .uk-accordion-title {
  font-size: 16px;
}
.uk-article .title-sw2 {
  font-size: 24px;
  text-align: center;
}
.article .tm-main li {
  list-style: disc;
}
.article #tm-main {
  min-height: 540px;
}
.article .joinNowButton {
  margin: 0 auto;
  display: block;
}
.article .swFindWrapperSb .findHotelWrappersw {
  top: -60px;
}
.swFindWrapperSb.wrap-moteur-article {
  position: relative;
  margin-bottom: 70px;
}
.swFindWrapperSb.wrap-moteur-article .tm-article-image-large {
  min-height: 300px;
  max-height: 300px;
}
.swFindWrapperSb .findHotelWrappersw {
  position: relative;
  width: 100%;
  z-index: 1000;
}
.remove-marg .swFindWrapperSb.wrap-moteur-article {
  margin-bottom: 0;
}
.remove-marg .tm-article-content {
  padding-top: 0;
  margin-top: 0;
}
.remove-marg .tm-article-content > h2 {
  margin-top: 0;
}
.titre-sw {
  background: var(--gColorBrandBWDarkBlue);
  color: #fff;
  text-align: center;
  padding: 20px 0 10px 0;
  width: 100%;
}
.faq-page .uk-accordion-title,
.accordion_outline .uk-accordion-title,
.accordion_mine .uk-accordion-title {
  border-top: 1px dashed rgba(0, 0, 0, 0.35);
}
.faq-page .uk-accordion-title:first-child,
.accordion_outline .uk-accordion-title:first-child,
.accordion_mine .uk-accordion-title:first-child {
  border-top: none;
}
.accordion_mine .border-accordeon {
  border-top: 1px dashed rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 2px;
}
.accordion_mine .uk-accordion-title.uk-active {
  color: var(--gColorBrandBWDarkBlue);
}
.accordion_mine .uk-accordion-title.uk-active:before {
  color: var(--gColorBrandBWDarkBlue);
}
#taxes_fees_desc_modal ul {
  padding-left: 40px;
}
#taxes_fees_desc_modal p {
  font-size: 17px;
}
#taxes_fees_desc_modal h3 {
  font-size: 22px;
}
#taxes_fees_desc_modal .uk-modal-header {
  padding-bottom: 9px;
  margin-bottom: 5px;
}
#taxes_fees_desc_modal .uk-modal-body {
  padding: 10px 0 0 0;
}
.topPhotoInterne {
  position: relative;
}
.topPhotoInterne .heroImageSb {
  width: 100%;
  height: 300px;
}
.topPhotoInterne h1 {
  margin-bottom: 40px;
}
.topPhotoInterne .expanderImage {
  margin: 0 15px 0 0;
  vertical-align: middle;
  max-width: 100px;
}
.topPhotoInterne .diveder-sep {
  border-top: 1px dashed rgba(0, 0, 0, 0.35);
  margin: 10px 0;
}
.topPhotoInterne .uk-accordion-title:after {
  top: 30px;
  position: absolute;
}
.topPhotoInterne .ccColumn {
  padding: 7px;
  min-height: 50px;
  float: left;
}
.topPhotoInterne .ccColumn .headerList h3 {
  font-weight: bold;
}
.topPhotoInterne .ccColumn .headerList ul.list-group {
  padding-left: 0;
}
.topPhotoInterne .ccColumn .headerList ul.list-group li {
  padding: 1px 0 1px 0 !important;
}
.tripadvisorCheckbox {
  width: 50px;
  display: inline-block;
}
.tripadvisorCheckbox svg {
  width: 47px;
  height: 47px;
  cursor: pointer;
}
.tripadvisorCheckbox input[type="checkbox"] {
  display: none;
}
.tripadvisorCheckbox input[type="checkbox"]:checked + label,
.tripadvisorCheckbox input[type="checkbox"]:not(:checked) + label {
  height: 47px;
  width: 47px;
  font-size: 0;
}
.tripadvisorCheckbox input[id="tripadvisor-1"]:checked + label {
  background: url("../images/svg/Rating_Button_1.svg") center no-repeat;
}
.tripadvisorCheckbox input[id="tripadvisor-1"]:not(:checked) + label {
  background: url("../images/svg/Rating_Button_1_Off.svg") center no-repeat;
}
.tripadvisorCheckbox input[id="tripadvisor-2"]:checked + label {
  background: url("../images/svg/Rating_Button_2.svg") center no-repeat;
}
.tripadvisorCheckbox input[id="tripadvisor-2"]:not(:checked) + label {
  background: url("../images/svg/Rating_Button_2_Off.svg") center no-repeat;
}
.tripadvisorCheckbox input[id="tripadvisor-3"]:checked + label {
  background: url("../images/svg/Rating_Button_3.svg") center no-repeat;
}
.tripadvisorCheckbox input[id="tripadvisor-3"]:not(:checked) + label {
  background: url("../images/svg/Rating_Button_3_Off.svg") center no-repeat;
}
.tripadvisorCheckbox input[id="tripadvisor-4"]:checked + label {
  background: url("../images/svg/Rating_Button_4.svg") center no-repeat;
}
.tripadvisorCheckbox input[id="tripadvisor-4"]:not(:checked) + label {
  background: url("../images/svg/Rating_Button_4_Off.svg") center no-repeat;
}
.tripadvisorCheckbox input[id="tripadvisor-5"]:checked + label {
  background: url("../images/svg/Rating_Button_5.svg") center no-repeat;
}
.tripadvisorCheckbox input[id="tripadvisor-5"]:not(:checked) + label {
  background: url("../images/svg/Rating_Button_5_Off.svg") center no-repeat;
}
#main-trip-advisor-container .tripadvisor-container {
  text-align: center;
  display: inline-block;
}
#bw-amenities > div > label {
  display: inline-table;
  cursor: pointer;
  line-height: 1.2;
}
#bw-amenities > div > label span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 73%;
  color: #023c7e;
  font-weight: bold;
  text-transform: none;
}
.amenityCheckbox {
  display: inline-block;
  width: 45%;
}
#hotel-types .checkboxContainer {
  padding: 4px 0;
}
.destCollection {
  padding-bottom: 20px;
}
.destCollection .card {
  position: relative;
}
.destCollection .imgcard img {
  width: 100%;
}
.destCollection .contentCard {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  background: rgba(89, 86, 96, 0.3);
}
.destCollection .contentCard .cardHeader {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  margin: 0;
  text-transform: initial;
}
.destCollection .contentCard .cardHeader h2 {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  margin: 0;
  text-transform: initial;
}
.destCollection .contentCard .headerDivider {
  border-top: 2px solid #fff;
  margin: 15px auto;
  width: 100px;
  transition: width 0.3s ease-in-out;
}
.destCollection .contentCard .cardSubheader {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  margin: 0;
}
.destCollection .contentCard .btn-default {
  border-color: #fff;
  margin: 15px auto 0 auto;
  background-color: transparent;
  color: #fff;
  transition: background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  text-transform: initial;
}
.destCollection .contentCard:hover {
  background: rgba(89, 86, 96, 0);
  cursor: pointer;
}
.destCollection .contentCard:hover .headerDivider {
  width: 200px;
}
.destCollection .contentCard:hover .btn-default {
  background-color: #fff;
  color: var(--gColorBrandBWDarkBlue);
}
.destinations #tm-bottom-c.uk-block-secondary {
  background: #fff;
}
.DestinationContry {
  line-height: 1.5;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.DestinationContry h1 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.DestinationContry .ImgDestinationContry {
  margin: 15px 30px 30px 0;
  border-radius: 100%;
  height: 300px;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 300px;
  float: left;
}
.sepdestination {
  width: 80%;
  margin: 30px auto 50px;
  border-top: 1px solid #595660;
  opacity: 0.4;
}
.sw-country .uk-sticky-placeholder {
  height: max-content !important;
}
.DestinationContryBas {
  margin-bottom: 40px;
  display: block;
  width: 100%;
  text-align: center;
}
.DestinationContryBas .BlocDesCon {
  margin: 0 auto;
  text-align: center;
  width: 45%;
  display: inline-block;
  float: left;
}
.DestinationContryBas .BlocDesCon .LienImgDes {
  width: 150px;
  height: 150px;
  overflow: hidden;
  display: block;
  border-radius: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.DestinationContryBas .LienDes {
  color: var(--colorBlueDrak);
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
  font-size: 22px;
  margin: 15px 0 15px 0;
  display: block;
}
.TitreContry {
  font-size: 34px;
  color: var(--gColorBrandBWDarkBlue);
  text-align: center;
  margin: 30px 0;
  clear: both;
}
.hotelBrand .hotelCornerCard {
  background-image: url("../images/HotelCardCorner.svg");
  background-repeat: no-repeat;
  height: 60%;
  width: 60%;
  position: absolute;
  max-width: 85px;
  z-index: 5;
  left: 0px;
}
.hotelBrand .hotelCornerCard .cornerCardSVGContainer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.hotelBrand .hotelCategory {
  background-repeat: no-repeat;
  width: 70%;
  height: 70%;
  background-size: 64%;
  background-image: var(--logomarquebadge);
}
.hotelsprovince h1 {
  text-align: center;
  margin: 30px 0;
}
.hotelsprovince .country {
  float: right;
  text-align: right;
  position: absolute;
  right: 7px;
  top: 2px;
}
.hotelsprovince .filter-title {
  width: 98%;
  border-bottom: 1px solid #efefef;
  display: block;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--gColorBrandBWDarkBlue);
}
.hotelsprovince .checkboxContainer {
  padding: 4px 8px;
}
.hotelsprovince .searchResultsContainer {
  margin-top: 30px;
}
.hotelsprovince .searchResultsCard {
  -moz-box-shadow: 0px 0px 5px 0px #999, 2px 2px 15px 0px var(--ColorGrisBase);
  -webkit-box-shadow: 0px 0px 5px 0px #999, 2px 2px 15px 0px var(--ColorGrisBase);
  box-shadow: 0px 0px 5px 0px #999, 2px 2px 15px 0px var(--ColorGrisBase);
}
.hotelsprovince .searchResultsCard .additionalLinkWrapper {
  position: inherit;
  margin-top: 5px;
}
.hotelsprovince .searchResultsCard .hotelName {
  width: 96%;
  font-weight: 700;
}
.hotelsprovince .searchResultsCard .hotelName a {
  font-weight: 700;
}
.hotelsprovince .searchResultsCard .hotelTypeDescription a {
  font-weight: inherit;
  color: inherit;
  text-transform: initial;
  font-size: 14px;
}
.hotelsprovince .searchResultsCard .priceSection {
  position: initial;
  margin-top: 5px;
  margin-bottom: 5px;
}
.hotelsprovince .hotelDescription {
  margin-top: 5px;
  font-size: 15px;
  line-height: normal;
  white-space: initial;
}
.filterIconSVG {
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 0;
  padding-top: 27px;
  background: url("../images/svg/FilterIcon.svg") center no-repeat;
  margin-bottom: -8px;
}
.MoteurBlanc .CarouselWidgetContainer span.checkMarkSvg {
  border: 1px solid var(--ColorGrisBase);
}
.MoteurBlanc .CarouselWidgetContainer .carouselWidget {
  background: #fff;
  padding-left: 0;
  padding-right: 0;
}
.MoteurBlanc .CarouselWidgetContainer label {
  color: #172e56;
}
.MoteurBlanc .CarouselWidgetContainer .pull-right p {
  color: #172e56;
}
.MoteurBlanc .CarouselWidgetContainer .decreaseAdults:before,
.MoteurBlanc .CarouselWidgetContainer .decreaseChildren:before {
  background: url("../images/svg/RemoveIconDarkBlue.svg") no-repeat center center;
}
.MoteurBlanc .CarouselWidgetContainer .increaseAdults:before,
.MoteurBlanc .CarouselWidgetContainer .increaseChildren:before {
  background: url("../images/svg/AddIconDarkBlue.svg") no-repeat center center;
}
.MoteurBlanc .CarouselWidgetContainer .btn-default {
  min-width: 70px;
}
.MoteurBlanc .CarouselWidgetContainer .btn-default:before {
  background: url("../images/svg/AddIconDarkBlue.svg") no-repeat center center;
}
.MoteurBlanc .CarouselWidgetContainer .form-group .removeRoom {
  background: url("../images/svg/CloseIconDarkBlue.svg") no-repeat center center;
}
.MoteurBlanc.sbFindHotelClicked #find-hotel-collapse-link {
  color: #172e56;
}
.MoteurBlanc .useRewardsPointsCheckboxContainer > div > label > span {
  color: var(--gColorGrayDark) !important;
}
.joinTodayMessage {
  margin: 0 50px 18px 0;
  font-size: 12px;
  line-height: 24px;
}
.mygrid-item,
.grid-item {
  margin-bottom: 20px;
}
.tm-bottom-c h3.uk-panel-title {
  margin-top: 20px;
}
.cmPromotionActionContainer {
  margin: 30px 0;
  min-width: 330px;
}
.cmPromotionActionContainer .loggedOutContainer {
  display: block;
}
.cmPromotionActionContainer .loggedOutContainer.split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cmPromotionActionContainer .actionContainer {
  border-width: 2px;
  border-style: solid;
  border-color: var(--gColorBrandBWDarkBlue);
  width: auto;
  min-height: 200px;
}
.cmPromotionActionContainer .actionContainer.top {
  border-bottom-width: 0;
}
.cmPromotionActionContainer .joinContainer.left {
  text-align: left;
}
.cmPromotionActionContainer .joinContainer.right {
  text-align: right;
}
.cmPromotionActionContainer .header {
  height: 60px;
  padding: 15px;
  background-color: var(--gColorBrandBWDarkBlue);
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 1.35;
  font-size: 24px;
}
.cmPromotionActionContainer .subHeading {
  font-size: 24px;
  line-height: 1.35;
}
.cmPromotionActionContainer .actionContainer.bottom .header {
  padding-top: 5px;
}
.cmPromotionActionContainer .aligner {
  margin: 0 auto;
  padding: 0 60px 20px 60px;
  text-align: center;
  max-width: 650px;
}
.cmPromotionActionContainer .joinTodayMessage {
  margin-right: 0;
}
.cmPromotionActionContainer .logged .aligner {
  max-width: unset;
}
.cmPromotionActionContainer .aligner a {
  text-transform: uppercase;
}
.cmPromotionActionContainer .loggedOutContainer.split .aligner {
  max-width: 400px;
}
.cmPromotionActionContainer .sectionSubtext {
  margin: 20px 0;
}
.cmPromotionActionContainer .circleDividerContainer {
  display: none;
}
.cmPromotionActionContainer .circleDividerContainer {
  display: block;
}
.cmPromotionActionContainer .circleBorderOuterContainer.top,
.cmPromotionActionContainer .circleBorderOuterContainer.bottom {
  position: relative;
  width: auto;
  height: 50px;
  border: 2px solid var(--gColorBrandBWDarkBlue);
}
.cmPromotionActionContainer .circleBorderOuterContainer .circleBorderOuter {
  height: 50px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  background-color: #fff;
}
.cmPromotionActionContainer .circleBorderOuterContainer.top {
  background-color: #fff;
  border-top: 0;
}
.cmPromotionActionContainer .circleBorderOuterContainer.top .circleBorderOuter {
  width: 96px;
  top: 5px;
}
.cmPromotionActionContainer .circleBorderOuterContainer.top .circleBorderOuter:before {
  content: '';
  width: 100px;
  height: 200%;
  position: absolute;
  left: -2px;
  top: 0;
  border-width: 2px;
  border-style: solid;
  border-color: var(--gColorBrandBWDarkBlue);
  border-radius: 50% 50% 0 0;
  border-bottom: 0;
}
.cmPromotionActionContainer .circleBorderOuterContainer.bottom {
  background-color: var(--gColorBrandBWDarkBlue);
}
.cmPromotionActionContainer .circleBorderOuterContainer.bottom .circleBorderOuter {
  width: 95px;
  top: -10px;
}
.cmPromotionActionContainer .circleContainer {
  position: relative;
  z-index: 2;
  height: 8px;
  width: auto;
  background-color: #fff;
}
.cmPromotionActionContainer .circleBorder {
  z-index: 3;
  width: 90px;
  height: 90px;
  position: absolute;
  left: calc(50% - 1px);
  top: 50%;
  background-color: #fff;
  color: #fff;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cmPromotionActionContainer .circle {
  z-index: 3;
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% + 1px);
  top: inherit;
  background-color: var(--gColorBrandBWDarkBlue);
  color: #fff;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cmPromotionActionContainer .alert.errorInfo {
  width: auto;
  max-width: none;
  margin: 20px auto;
}
.rsform-select-box {
  width: 90% !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.rsform-calendar-button {
  background: url("../images/calendar.png") no-repeat center !important;
  width: 32px !important;
  height: 32px;
  font-size: 0 !important;
}
.rsform-block-send input {
  color: var(--gColorBrandBWDarkBlue);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 20px;
  width: 180px !important;
}
.rsform-block input[type="radio"] {
  position: absolute;
  left: 14px;
  top: 15px;
  width: 1px;
  height: 1px;
  z-index: -1;
  opacity: 0;
}
.rsform-block .radioLabel {
  line-height: 38px;
  padding-left: 10px;
}
.rsform-block label input[type="radio"] + span:nth-child(2) {
  border: 0;
  display: table-cell;
  background: transparent url(../images/svg/radio_button_off.svg) no-repeat center center;
  height: 38px;
  width: 38px;
  background-size: 32px 32px;
  vertical-align: top;
  float: left;
}
.rsform-block label input[type="radio"]:checked + span:nth-child(2) {
  background: transparent url(../images/svg/radio_button.svg) no-repeat center center;
  background-size: 32px 32px;
}
.rsform-block .yui-calcontainer {
  border: none;
  background-color: #fff;
  padding: 5px 10px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
.rsform-block .yui-calcontainer .calhead {
  border: none;
  padding: 5px;
}
.rsform-block .yui-calcontainer .calhead .calnav {
  font-size: 22px;
  font-weight: 400;
  color: var(--gColorBrandBWDarkBlue);
  font-family: var(--primary-font);
  text-transform: capitalize;
}
.rsform-block .yui-calcontainer .calhead .calnav:hover {
  background: none;
  border: none;
}
.rsform-block .yui-calcontainer .calnavleft {
  background-image: url("../images/svg/arrow-left-dark.svg");
  background-position: 0px 0px;
  height: 18px;
  width: 18px;
}
.rsform-block .yui-calcontainer .calnavright {
  background-image: url("../images/svg/arrow-right-dark.svg");
  background-position: 0px 0px;
  height: 18px;
  width: 18px;
}
.rsform-block .yui-calcontainer .calweekdaycell {
  font-weight: 400;
  padding: 0;
  font-size: 11px;
  text-transform: uppercase;
  color: #0573b6;
  width: 4em;
}
.rsform-block .yui-calcontainer td {
  border: none !important;
  line-height: 38px;
  padding: 0;
}
.rsform-block .yui-calcontainer td a {
  background: #fff;
  border: 2px solid transparent;
  color: rgba(23, 43, 96, 0.8);
  font-weight: 400;
  font-size: 17px;
}
.rsform-block .yui-calcontainer td.today {
  background: #326ba9;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  outline: 0;
  border: 2px solid rgba(0, 43, 88, 0.25);
}
.rsform-block .yui-calcontainer td.today a {
  color: #fff;
  background: none;
}
.rsform-block .yui-calcontainer td.oom {
  color: #3a3939;
  background-color: #f3f3f3;
  border: 1px solid #fbfafa;
}
.rsform-block .yui-calcontainer td.calcellhover {
  color: rgba(23, 43, 96, 0.8);
  background-color: #fff;
  border: 2px solid #66afe9;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #66afe9;
}
.rsform-block .yui-calcontainer td.calcellhover a {
  color: rgba(23, 43, 96, 0.8);
}
#rate-label label {
  font-size: 14px;
  color: var(--gColorBrandBWDarkBlue);
  margin: 0;
}
.requestedRateNotAvailable {
  margin: 10px;
  border: 1px solid var(--gColorBrandBWDarkBlue);
  color: var(--gColorBrandBWDarkBlue);
  font-size: 15px;
  padding: 12px;
  text-align: center;
  border-radius: 4px;
}
div.rsform .uk-form-row {
  margin-top: 10px;
}
div.rsform .uk-form-row.rsform-block {
  float: left;
  width: 50%;
}
div.rsform .uk-form-row .rsform-input-box {
  width: 90%;
}
div.rsform .uk-form-row.rsform-block-our-lowest-rates-guaranteed-claim-form,
div.rsform .uk-form-row.rsform-block-fields-required,
div.rsform .uk-form-row.rsform-block-your-company,
div.rsform .uk-form-row.rsform-block-company-traveler,
div.rsform .uk-form-row.rsform-block-please-add-additional-travelers-here,
div.rsform .uk-form-row.rsform-block-program-enrollment-information,
div.rsform .uk-form-row.rsform-block-employee-first-name,
div.rsform .uk-form-row.rsform-block-employee-last-name,
div.rsform .uk-form-row.rsform-block-employee-email,
div.rsform .uk-form-row.rsform-block-best-western-rewards-number,
div.rsform .uk-form-row.rsform-block-plusautre,
div.rsform .uk-form-row.rsform-block-campos {
  width: 100%;
}
div.rsform .uk-form-row.rsform-block-our-lowest-rates-guaranteed-claim-form .rsform-input-box,
div.rsform .uk-form-row.rsform-block-fields-required .rsform-input-box,
div.rsform .uk-form-row.rsform-block-your-company .rsform-input-box,
div.rsform .uk-form-row.rsform-block-company-traveler .rsform-input-box,
div.rsform .uk-form-row.rsform-block-please-add-additional-travelers-here .rsform-input-box,
div.rsform .uk-form-row.rsform-block-program-enrollment-information .rsform-input-box,
div.rsform .uk-form-row.rsform-block-employee-first-name .rsform-input-box,
div.rsform .uk-form-row.rsform-block-employee-last-name .rsform-input-box,
div.rsform .uk-form-row.rsform-block-employee-email .rsform-input-box,
div.rsform .uk-form-row.rsform-block-best-western-rewards-number .rsform-input-box,
div.rsform .uk-form-row.rsform-block-plusautre .rsform-input-box,
div.rsform .uk-form-row.rsform-block-campos .rsform-input-box {
  width: 96%;
}
div.rsform .aiContactSafe_row {
  color: var(--gColorBrandBWDarkBlue);
  font-size: 15px;
  margin: 15px 0 !important;
  font-weight: bold;
  width: 100% !important;
}
div.rsform select {
  border-radius: 4px;
}
.text-right .amount .currency {
  font-weight: normal !important;
}
.headerRow .text-right .amount .currency {
  font-weight: bold;
}
.pointsPlusCashSummaryContainer {
  margin: 30px 0;
}
.pointsPlusCashSummaryContainer .ppcPointBalance {
  font-weight: bold;
}
.pointsPlusCashSummaryContainer .ppcSummaryBar {
  background-color: var(--gColorBrandBWDarkBlue);
  color: #fff;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pointsPlusCashSummaryContainer .totalPoints {
  width: 100%;
}
.pointsPlusCashSummaryContainer .totalCash {
  width: 100%;
  text-align: right;
}
.pointsPlusCashSummaryContainer .plusIcon {
  font-size: 1.5em;
  margin: -10px 15px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.pointsPlusCashSummaryContainer .plusIcon:after {
  content: '\002b';
}
.pointsPlusCashSummaryContainer .ppcSliderContainer {
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pointsPlusCashSummaryContainer .ppcSliderWrapper {
  width: 100%;
  position: relative;
}
.pointsPlusCashSummaryContainer .ppcSliderBubble {
  position: absolute;
  top: -40px;
  width: 40px;
  height: 100%;
  z-index: -1;
}
.pointsPlusCashSummaryContainer .ppcSliderBubbleShape {
  background: var(--gColorBrandBWDarkBlue);
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 0 50% 50% 50%;
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.pointsPlusCashSummaryContainer .ppcSliderBubbleText {
  position: absolute;
  color: #fff;
  margin: 15px auto;
  width: 40px;
  text-align: center;
  font-size: 11px;
}
.pointsPlusCashSummaryContainer .ppcSliderConfigurableMinPointsMarker {
  position: absolute;
  top: 35px;
  width: 100px;
  font-weight: bold;
  text-align: center;
}
.pointsPlusCashSummaryContainer .ppcSliderMinText {
  font-weight: bold;
  margin-right: 15px;
}
.pointsPlusCashSummaryContainer .ppcSliderMaxText {
  font-weight: bold;
  margin-left: 15px;
}
.pointsPlusCashSummaryContainer .ppcSliderHelperText {
  font-size: 12px;
}
.pointsPlusCashSummaryContainer .ppcSlider {
  -webkit-appearance: none;
  margin: 12px 0 45px 0;
  height: 20px;
  width: 100%;
  display: block;
  padding: 0;
}
.pointsPlusCashSummaryContainer .ppcSlider::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: lightgray;
  border-radius: 25px;
}
.pointsPlusCashSummaryContainer .ppcSlider::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: var(--gColorBrandBWDarkBlue);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}
.pointsPlusCashSummaryContainer .ppcSlider:focus::-webkit-slider-thumb {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.pointsPlusCashSummaryContainer .ppcSlider::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: lightgray;
  border-radius: 25px;
}
.pointsPlusCashSummaryContainer .ppcSlider::-moz-range-thumb {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: var(--gColorBrandBWDarkBlue);
  cursor: pointer;
  -webkit-appearance: none;
  border-style: none;
}
.pointsPlusCashSummaryContainer .ppcSlider::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: lightgray;
  border-radius: 25px;
  border-color: transparent;
  color: transparent;
}
.pointsPlusCashSummaryContainer .ppcSlider::-ms-thumb {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: var(--gColorBrandBWDarkBlue);
  cursor: pointer;
  border-style: none;
}
.pointsPlusCashSummaryContainer .ppcSlider::-ms-fill-lower {
  background: lightgray;
  border-radius: 25px;
}
.pointsPlusCashSummaryContainer .ppcSlider::-ms-fill-upper {
  background: lightgray;
  border-radius: 25px;
}
.pointsPlusCashSummaryContainer .ppcSlider::-ms-tooltip {
  display: none;
}
.pointsPlusCashSummaryContainer .pointsPlusCashImageContainer {
  text-align: center;
}
.pointsPlusCashSummaryContainer .pointsPlusCashImage {
  width: 400px;
}
.memberWelcomeContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 360px;
  margin: 10px 0 30px 0;
}
.memberWelcomeContainer a:not(.btn):link {
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
}
.memberWelcomeContainer .rewardsCard {
  background-image: var(--logoMembre);
}
.memberWelcomeContainer .memberOfferContainer {
  border-color: #B48F34;
}
.memberWelcomeContainer .bannerContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  margin: 0 10px;
  border-style: solid;
  border-width: 3px;
  border-radius: 10px;
  border-color: var(--MembreBrand);
}
.memberWelcomeContainer .backgroundColorLayer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  border-radius: 4px;
  background-color: var(--MembreBrand);
  opacity: 0.1;
}
.memberWelcomeContainer .contentContainer {
  position: relative;
  width: 100%;
  max-width: 1170px;
  padding: 15px;
}
.memberWelcomeContainer .salutation {
  margin-top: 0;
  font-weight: bold;
  color: var(--gColorGrayDark);
}
.memberWelcomeContainer .messageAndSummaryContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.memberWelcomeContainer .memberBannerCTAButton,
.memberWelcomeContainer .memberOfferCTAButton {
  margin-top: 20px;
}
.memberWelcomeContainer .accountSummaryContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  width: auto;
  margin-bottom: 20px;
}
.memberWelcomeContainer .memberTier {
  font-weight: bold;
}
.memberWelcomeContainer .rewardsCard {
  display: none;
}
.memberWelcomeContainer .bottomContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding: 0 10px;
  margin-top: 20px;
}
.memberWelcomeContainer .accountLinksContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: auto;
  padding: 15px;
  margin-bottom: 25px;
}
.memberWelcomeContainer .accountLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.memberWelcomeContainer .accountLink:not(:last-child) {
  margin-bottom: 20px;
}
.memberWelcomeContainer .accountLinkIcon {
  width: 25px;
  height: 25px;
  margin: 0 10px 0 0;
}
.memberWelcomeContainer .memberOfferContainer {
  position: relative;
  width: 340px;
  padding: 20px 15px 15px 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #b48f34;
  text-align: center;
}
.memberWelcomeContainer .offerTitle {
  position: absolute;
  top: -8px;
  background-color: #fff;
  padding: 0 5px;
  font-style: italic;
  font-size: 13px;
  font-weight: bold;
  color: #b48f34;
  max-width: 336px;
  overflow-y: hidden;
  white-space: nowrap;
  left: 26%;
}
.memberWelcomeContainer .offerHeader {
  margin: 0;
  font-weight: bold;
  color: var(--gColorGrayDark);
}
.memberWelcomeContainer .offerDescription {
  margin-top: 10px;
}
.uk-panel-box h2 {
  color: inherit;
}
.PgRewardsContent .uk-article h1 {
  text-align: center;
  color: #fff;
  background: #182c61;
  margin-bottom: 0;
  padding: 15px 5px;
}
.PgRewardsContent .uk-article .tm-article-content {
  margin-top: 0;
  padding-top: 0;
}
.PgRewardsContent .uk-article .fields-container {
  margin: 0;
}
.PgRewardsContent .uk-article .richTextEditorExtended {
  background: #182c61;
  color: #fff;
  padding: 50px 0 20px 0;
}
.sectionresponsivegri {
  padding: 20px 0px 50px 0px;
  position: relative;
  text-align: center;
}
.sectionresponsivegri .ContentSectionR {
  position: absolute;
  background: #fff;
  top: 375px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 760px;
  width: 100%;
}
.sectionresponsivegri.sw-txtLarge .ContentSectionR {
  top: 320px;
}
.sectionresponsivegri .ContentSectionR h2 {
  font-size: 34px;
  line-height: 1.5;
  margin: 20px 0 10px 0;
}
.sectionresponsivegri .ContentSectionR p {
  font-size: 17px;
  line-height: 1.5;
}
.sectionresponsivegri.BlueDark {
  background: url("../images/instant-rewards-background.jpg") no-repeat;
}
.sectionresponsivegri.BlueDark h2 {
  color: #0673b6;
}
.sectionresponsivegri.BlueDark a {
  color: #0673b6;
  border: 1px solid #0673b6;
}
.sectionresponsivegri.BlueBase {
  background: url("../images/bwr-background-1.jpg") no-repeat;
}
.sectionresponsivegri.BlueBase h2 {
  color: var(--gColorBrandBWDarkBlue);
}
.sectionresponsivegri.BlueBase a {
  color: var(--gColorBrandBWDarkBlue);
  border: 1px solid var(--gColorBrandBWDarkBlue);
}
.sectionresponsivegri.BlueLight {
  background: url("../images/points-never-expire-background.jpg") no-repeat;
}
.sectionresponsivegri.BlueLight h2 {
  color: #27aae1;
}
.sectionresponsivegri.BlueLight a {
  color: #0673b6;
  border: 1px solid #0673b6;
}
.sectionresponsivegri.BlueGras {
  background: url("../images/status-match-background-lg.jpg") no-repeat;
}
.sectionresponsivegri.BlueGras h2 {
  color: var(--gColorBrandBWDarkBlue);
}
.sectionresponsivegri.BlueGras a {
  color: var(--gColorBrandBWDarkBlue);
  border: 1px solid var(--gColorBrandBWDarkBlue);
}
.slideRew h2 {
  background: var(--gColorBrandBWDarkBlue);
  color: #fff;
  font-size: 34px;
  padding: 20px 10px 10px;
  font-weight: bold;
  margin-bottom: 20px;
}
.slideRew p {
  margin-bottom: 20px;
}
.Page_offre .grayBackground {
  background-color: #e4e4e4;
  margin-bottom: 25px;
  padding: 100px 25px 20px;
  margin-left: 0;
}
.Page_offre .grayBackground.no-padding-gris {
  padding-top: 20px;
}
.Page_offre .grayBackground.block-upper {
  margin-top: -70px;
}
.Page_offre hr {
  border-top: 1px solid var(--gColorBrandBWDarkBlue);
}
.Page_offre .joinNowButton {
  height: 32px;
}
.Page_offre .registerJoinContainer .joinNowButton {
  background: #fff;
}
.Page_offre .signUp {
  background: var(--gColorBrandBWDarkBlue);
}
.Page_offre .signUp .register-align {
  text-align: center;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.Page_offre .signUp .register-align p {
  line-height: 1.5;
}
.Page_offre .signUp .register-align h3 {
  color: #fff;
}
.Page_offre .signUp .register-align hr {
  border-top: 2px solid #b58f35;
}
.Page_offre .section-large {
  padding: 10px 50px 10px 50px;
}
.Page_offre .sectionResponsiveGrid {
  padding: 0px 10% 2% 10%;
}
.Page_offre .uk-accordion-title {
  background: url("../images/accordion-bwr-tcs.png") no-repeat left;
  padding-left: 120px;
  margin-top: 40px;
  line-height: 40px;
  font-weight: bold;
}
.Page_offre .uk-accordion-title:after {
  font-size: 35px;
  vertical-align: text-bottom;
}
.Page_offre h1 {
  font-size: 30px;
  margin: 0px 0 30px 0;
  color: #595660;
  text-align: center;
}
.groups_offre {
  margin-bottom: 30px !important;
}
.groups_offre p {
  margin: 20px 0 0 0;
}
.groups_offre .input-group {
  margin-top: 30px;
  width: 100%;
  margin-bottom: 15px;
}
.groups_offre .input-group label {
  text-transform: uppercase;
}
.groups_offre .submitLink {
  color: var(--gColorBrandBWDarkBlue);
  font-size: 12px;
  background: transparent url("../images/svg/arrow-right-dark.svg") no-repeat right center / 10px 10px;
  padding-right: 15px;
}
.groups_offre .error {
  margin: 7px 0 15px 0;
  max-width: 100%;
  text-align: center;
  width: 80%;
}
.contentModal {
  max-height: 450px;
  overflow: auto;
}
.contentModal p {
  line-height: 1.5;
}
.sw-blockTerms {
  margin-top: 20px;
}
.sw-blockTerms .uk-accordion-title {
  padding-top: 20px;
}
.sw-blockTerms p {
  line-height: 1.5;
}
.featurePromo .featurePromoContainer {
  background: var(--gColorBrandBWDarkBlue);
  text-align: center;
}
.featurePromo .featurePromoContainer h2 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 15px;
  color: #ffffff;
  margin-top: 20px;
}
.featurePromo .featurePromoContainer h2:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -10px;
  width: 100px;
  height: 1px;
  background: #ffffff;
  transform: translateX(-50%);
}
.featurePromo .featurePromoContainer p {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #ffffff;
}
.featurePromo .featurePromoContainer .btn-link {
  color: #ffffff;
  font-size: 13px;
  text-decoration: underline;
  text-transform: none;
  padding: 10px;
  display: block;
}
#slider-summary-modal.modal.fade.in {
  top: 20%;
}
#slider-summary-modal .modal-footer {
  text-align: center;
  padding: 5px;
}
#slider-summary-modal .modal-content .modal-body {
  opacity: 0.7;
  font-size: 18px;
  padding: 5px 15px 5px 15px;
  text-align: center;
  margin: 15px 0 20px 0;
  line-height: 25px;
}
#slider-summary-modal .modal-dialog {
  max-width: 600px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}
#slider-summary-modal.modal {
  background-color: transparent;
  box-shadow: unset;
}
#slider-summary-modal .cmBtnSecondary {
  padding-left: 15px;
  padding-right: 15px;
}
.modal-backdrop.fade.in {
  z-index: 1;
}
#loadingModal {
  position: fixed;
  z-index: 2000;
}
#loadingModal .modal-content {
  background: transparent;
  border: 0;
  box-shadow: none;
  display: table-cell;
  vertical-align: middle;
}
#loadingModal .modal-dialog {
  display: table;
  height: 100%;
  width: 100%;
  margin: 0;
}
.btn.btnSimpleAccordion {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 24px 40px;
  color: #17a2fa;
  font-weight: 800;
  font-size: 13px !important;
  outline: 0;
  padding-right: 32px;
  border: 0;
  padding-left: 0;
  background-color: #fff;
}
.btn.btnSimpleAccordion:after {
  content: '+';
  font-size: 38px;
  font-weight: 500;
  float: right;
  margin-left: 5px;
}
.btn.btnSimpleAccordion.active:after {
  content: '-';
  font-size: 65px;
  margin-top: -4px;
  font-weight: normal;
}
.btn.btnSimpleAccordion:hover {
  background-color: #fff;
}
.well {
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 20px;
  padding: 0;
  border: 0;
}
#form-createaccount .error p,
#form-createaccount .errorInfo p,
#form-createaccount .error li,
#form-createaccount .errorInfo li {
  border: 1px solid #ed1c24 !important;
  border-radius: 4px;
  padding: 12px;
  max-width: 400px;
  font-size: 15px;
}
#form-createaccount .error.alert,
#form-createaccount .errorInfo.alert {
  margin-top: 0px;
}
#form-createaccount .message-list {
  padding-left: 0;
}
.uk-modal-page .availability .tm-headerbar {
  z-index: 1006;
}
.glyphicon {
  position: relative;
}
.heartContainer {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 32px;
  height: 32px;
}
.heartContainer .heartBackground {
  color: #fff;
  font-size: 30px;
}
.heartContainer .heartIcon {
  color: #ed1c24;
  cursor: pointer;
  font-size: 22px;
  left: 4px;
  position: absolute;
  top: 4px;
  z-index: 2;
  font-weight: 800;
}
.heartContainer.favorited .heartIcon:before {
  content: "\f004";
}
.heartContainer.ico-left-import {
  left: 5px;
  right: unset;
}
.favoritesLinkContainer {
  display: flex;
  align-items: center;
}
.favoritesCountContainer {
  position: relative;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-top: 5px;
}
.favoritesCountContainer .heartIcon {
  font-size: 28px;
  color: #275d8b;
  position: absolute;
  top: -2px;
  left: -2px;
  margin: 0;
  padding: 0;
  z-index: -1;
}
.favoritesCountContainer .favoritesCount {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.favoriteHotelContainer {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 78px;
}
.tooltip-black {
  background: #000;
  color: #fff;
  border-radius: 4px;
  width: auto;
  padding: 5px 10px;
  min-width: auto;
  z-index: 10;
}
.tooltip-black:after {
  border-width: 5px;
  left: 15%;
  bottom: -6px;
}
#favorites-error-msg .errorInfo {
  max-width: 325px;
}
.favoritesModal {
  font-size: 15px;
}
.favoritesModal .uk-icon-sort {
  color: #0072bc;
}
.favoritesModal .favoritesModalIntroText {
  padding-bottom: 20px;
  font-size: 16px;
}
.favoritesModal .favoritesModalIntroText .uk-icon-sort {
  margin-right: 5px;
}
.favoritesModal .heartIcon {
  color: #ed1c24;
  font-size: 24px;
  font-weight: bold;
  margin: 0 5px;
}
.favoritesModal .favoritesTable {
  margin-inline: -15px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.favoritesModal .favoriteHotelRow {
  padding: 0 30px;
}
.favoritesModal .favoriteHotelRow:nth-child(odd) {
  background-color: #f1f1f2;
}
.favoritesModal .favoriteHotel {
  display: grid;
  grid-template-columns: 6% 6% 55% 29% 10%;
  align-items: center;
}
.favoritesModal .favoriteHotel > div:first-child {
  padding-left: 0;
}
.favoritesModal .favoriteHotel > div {
  display: flex;
  align-items: center;
  padding: 10px;
}
.favoritesModal .favoriteHotel a {
  text-transform: none;
  font-weight: normal;
  text-decoration: underline;
}
.favoritesModal .buttonDeleteFavorite {
  cursor: pointer;
  padding: 2px;
  font-size: 20px;
}
.favoritesModal .ui-state-default {
  color: initial;
}
.cartCheckoutContainer {
  background-color: var(--gColorGrayLight);
  padding: 10px;
}
.cartCheckoutContainer .productRowsContainer .productRow {
  display: flex;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin-bottom: 10px;
  position: relative;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.75) 1px 2px 5px 0px;
  flex: 1 1 auto;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  border-radius: 5px;
  padding: 10px;
}
.cartCheckoutContainer .productRowsContainer .editContainer {
  display: flex;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex: 1 1 auto;
  flex-flow: wrap;
  padding: 0px;
}
.cartCheckoutContainer .productRowsContainer .image {
  display: block;
  width: 105px;
  height: 65px;
  margin: 0px 0px 10px;
  padding: 0px;
}
.cartCheckoutContainer .productRowsContainer .productDetailsContainer {
  -webkit-box-flex: 1;
  -webkit-box-ordinal-group: 1;
  order: 0;
  min-width: 100%;
  flex: 1 1 auto;
  margin: 0px 10px 0px 0px;
  padding: 0px;
}
.cartCheckoutContainer .productRowsContainer p {
  margin: 0px 0px 5px;
}
.cartCheckoutContainer .productRowsContainer .productSubtitle {
  font-size: 13px;
  font-weight: normal;
}
.cartCheckoutContainer .productRowsContainer .productOrderDataContainer {
  display: flex;
  -webkit-box-flex: 1;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  width: auto;
  flex: 1 1 auto;
}
.cartCheckoutContainer .productRowsContainer .additionalInputContainer {
  display: block;
  max-width: 260px;
  padding: 0px;
}
.cartCheckoutContainer .productRowsContainer .smallLabel {
  color: #000000;
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
}
.cartCheckoutContainer .productRowsContainer .emptyCart {
  display: block;
  text-align: center;
  margin-bottom: 0;
}
.cartCheckoutContainer .productRowsContainer .emptyCartHeader {
  margin: 0 0 15px 0;
}
.cartCheckoutContainer .productTitle {
  font-weight: bold;
  height: auto;
  max-height: 2.4em;
}
.cartCheckoutContainer .productOrderDataContainer .formInput {
  min-width: 80px;
  max-width: 130px;
  margin: 0px 10px 0px 0px;
}
.cartCheckoutContainer .productOrderDataContainer .formInput p {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: bold;
  height: 30px;
  width: auto;
}
.cartCheckoutContainer .productOrderDataContainer .formInput p span {
  margin-right: 3px;
}
.cartCheckoutContainer .productQuantityContainer .btn-number {
  box-sizing: border-box;
  height: 28px;
  width: 22px;
  background-color: #f5f5f5;
  padding: 0px 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-image: initial;
}
.cartCheckoutContainer .saveChangesContainer {
  display: -webkit-box;
  display: flex;
  -webkit-box-ordinal-group: 2;
  order: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  align-self: stretch;
  -webkit-box-pack: center;
  justify-content: center;
}
.cartCheckoutContainer .btnSaveChanges:disabled {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
  background: #fff;
  color: var(--gColorBrandBWDarkBlue);
  margin-top: 10px;
}
.cartCheckoutContainer .changesSavedAlertContainer {
  height: 30px;
  margin-top: 10px;
  display: none;
}
.cartCheckoutContainer .changesSavedAlertContainer .changesSavedIcon {
  display: table-cell;
  background: url("../images/svg/checkmark-green.svg") no-repeat scroll center center;
  background-size: 18px 18px;
  width: 30px;
  height: 30px;
}
.cartCheckoutContainer .changesSavedAlertContainer .changesSavedAlert {
  display: table-cell;
  vertical-align: middle;
  color: #417505;
  font-size: 12px;
  font-weight: bold;
  height: inherit;
}
.cartCheckoutContainer .summaryDetailsContainer {
  display: -webkit-box;
  display: flex;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  max-width: 450px;
}
.cartCheckoutContainer .cartSummaryContainer {
  display: block;
  margin-bottom: 15px;
}
.cartCheckoutContainer .tableCell {
  display: table-cell;
}
.cartCheckoutContainer .tableRow {
  display: table-row;
}
.cartCheckoutContainer .pointSummaryTable .tableCellRight {
  text-align: right;
  padding-left: 10px;
}
.cartCheckoutContainer .pointSummaryTable .tableRowTopBorder {
  display: table-row;
}
.cartCheckoutContainer .pointSummaryTable .tableRowTopBorder div {
  border-top: 1px solid #446595;
  padding-top: 7px;
}
.cartCheckoutContainer .btncontinue {
  border: 1px solid #fff;
  color: #fff;
  margin: 0 15px 10px 0;
}
.cartCheckoutContainer .btncontinue:hover {
  background: none;
}
.cartCheckoutContainer .btn-savch {
  margin-bottom: 10px;
  padding: 8px 16px;
}
.cartCheckoutContainer .btn-savch:disabled {
  background: #fc0;
  color: var(--gColorBrandBWDarkBlue);
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
.cartCheckoutContainer .summaryError {
  background-color: #fff;
  color: #ed1c24;
  border-radius: 5px;
  padding: 10px 10px 2px 10px;
  margin-top: 5px;
  text-align: center;
}
.cartCheckoutContainer .loginPanel .uk-botton {
  color: var(--gColorBrandBWDarkBlue);
}
.cartCheckoutContainer .loginPanel .uk-button-close {
  background: var(--gColorGrayLight);
  color: var(--gColorBodyTextDefault);
}
.cartCheckoutContainer .summaryLogoContainer {
  display: none;
}
.deleteProductButtonContainer {
  position: absolute;
  top: 10px;
  right: 10px;
}
.deleteProductButtonContainer .deleteProductButton {
  font-size: 10px;
  font-weight: bold;
  margin-left: 15px;
  text-decoration: underline;
}
.deleteProductButtonContainer .buttonIcon {
  display: block;
  background: url("../images/svg/CloseIcon.svg") no-repeat scroll center center;
  background-size: 22px 22px;
  height: 22px;
  width: 100%;
}
.deleteProductButtonContainer .buttonText {
  display: block;
  text-align: center;
  width: 100%;
}
.orderSummaryContainer .orderSummaryRow {
  display: -webkit-box;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 15px;
  position: relative;
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: var(--gColorBrandBWDarkBlue);
}
.orderSummaryContainer .summaryHeader {
  margin: 0 0 15px 0;
  color: #fff;
  font-size: 28px;
}
.orderSummaryContainer .cartIconContainer {
  display: table-cell;
  vertical-align: middle;
}
.orderSummaryContainer .pointSummaryTable {
  display: table;
  width: 100%;
}
.orderSummaryContainer .cartIcon {
  display: flex;
  height: 20px;
  width: auto;
  margin: 0 10px 0 0;
}
.productCatalogContainer .productTitle {
  font-size: 15px;
  line-height: 1.2em;
  height: 2.6em;
  overflow: hidden;
}
.productQuantityContainer .btn-number {
  box-sizing: border-box;
  height: 28px;
  width: 22px;
  padding: 0 4px;
  border: 1px solid var(--gColorGrayMedium);
  background-color: #f5f5f5;
}
.productQuantityContainer .btn-number span {
  border: 0;
  display: table-cell;
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
}
.productQuantityContainer .btn-number:disabled {
  cursor: not-allowed;
}
.productQuantityContainer .btn-number:focus {
  background-color: #fff;
  border-color: #1b72ba;
  outline-color: initial;
  outline-style: initial;
  outline-width: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #1b72ba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #1b72ba;
  z-index: 100;
}
.productQuantityContainer .minusButton {
  border-radius: 4px 0 0px 4px;
  margin-right: -1px;
}
.productQuantityContainer .minusButton span {
  background-image: url("../images/svg/RemoveIconDarkBlue.svg");
}
.productQuantityContainer .plusButton {
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
}
.productQuantityContainer .plusButton span {
  background-image: url("../images/svg/AddIconDarkBlue.svg");
}
.productQuantityContainer .form-control {
  border: 1px solid var(--gColorGrayMedium);
  color: var(--gColorGrayDark);
  text-align: center;
  border-radius: 0;
  height: 28px;
  font-size: 12px;
}
.redeemFNVContainer .elementExpander {
  background-color: var(--gColorGrayLight);
  padding: 20px 15px 5px;
}
.redeemFNVContainer .redeemFNVMessage {
  margin: 30px 0;
}
.redeemFNVContainer .applyFNVButtonContainer {
  margin: 30px 0;
}
.customer .PaimentNewQ .reservationInfo .fullRateNameInfo {
  font-size: 12px;
}
.makeReservation #policy-checkbox-error {
  margin-left: 0;
  max-width: max-content;
  margin-bottom: 15px;
}
#confirm-error-container .alert.errorInfo {
  margin-left: 0;
  max-width: max-content;
  margin-bottom: 15px;
}
.guest-info-top-error-msg .errorInfo {
  margin-left: 0;
  max-width: max-content;
}
#cancel-confirmation-modal .uk-button-large,
#cancel-room-modal .uk-button-large {
  padding-left: 8px;
  padding-right: 8px;
}
#cancel-room-modal .uk-modal-dialog {
  width: 640px;
}
.awardProgress .hidden {
  display: none !important;
}
.awardProgress .awardProgressContainer {
  overflow-y: visible;
  text-align: left;
  min-width: 330px;
}
.awardProgress .awardProgressItem {
  font-size: 14px;
  color: #000;
  display: flex;
  flex-direction: column;
}
.awardProgress .awardProgressItem.registeredPromo {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  padding: 20px;
  border-radius: 10px;
}
.awardProgress .awardTitleSection {
  display: flex;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 0 5px;
  font-size: 22px;
}
.awardProgress .awardTitleSection .awardTitle {
  margin: 0;
}
.awardProgress .awardTitleSection .awardStatus {
  border-radius: 4px;
  background-color: #a7feba;
  height: 31px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 6px 12px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}
.awardProgress .awardDescriptionSection {
  display: flex;
}
.awardProgress .awardDescriptionSection .btn.btnPopover {
  margin-top: -2px;
}
.awardProgress .awardDescription {
  display: inline-block;
}
.awardProgress .moonIcon {
  margin: 0;
}
.awardProgress .moonIcon.inline {
  margin: 0 3px;
  display: inline-block;
  vertical-align: text-bottom;
}
.awardProgress .toolTipGroup {
  align-self: stretch;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  padding: 20px 5px 0;
  gap: 10px;
  text-align: center;
  font-size: 22px;
}
.awardProgress .toolTip {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 70.5px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  padding-bottom: 10px;
  font-size: 17px;
}
.awardProgress .toolTip.filled .toolTipBody {
  background: linear-gradient(180deg, #ffe57f, #fc0);
}
.awardProgress .toolTip.filled:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: 5px;
  left: calc(50% - 5px);
  transform: rotate(45deg);
  background: #fc0;
}
.awardProgress .toolTip.empty .toolTipBody {
  background-color: #fff;
  border: 1px solid var(--gColorGrayMedium);
  color: var(--gColorGrayMedium);
}
.awardProgress .toolTip.empty:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-color: #949494;
  border-width: 0 1px 1px 0;
  border-style: solid;
  bottom: 5px;
  left: calc(50% - 5px);
  transform: rotate(45deg);
  background: #fff;
  z-index: 1;
}
.awardProgress .toolTipGroup.alignToolTipsRight .toolTip {
  align-items: flex-end;
}
.awardProgress .toolTipGroup.alignToolTipsRight .toolTipPointer {
  justify-content: right;
  padding-right: 8px;
}
.awardProgress .toolTipBody {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 7px;
  box-sizing: border-box;
  z-index: 1;
  flex: 1;
  width: max-content;
}
.awardProgress .toolTipUnit {
  font-size: 11px;
}
.awardProgress .toolTipPointer {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.awardProgress .progressBar {
  width: 100%;
  border-radius: 8px;
  background: linear-gradient(90deg, #1bbee5, #0072bc);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  height: 36px;
  margin-bottom: 15px;
}
.awardProgress .progressBar .segment {
  flex: 1;
  height: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.awardProgress .progressBar .segment.empty {
  background-color: #c2c2c4;
}
.awardProgress .progressBar .spacer {
  padding: 0.5px;
  background-color: #fff;
  height: inherit;
}
.awardProgress .footerSection {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  font-size: 17px;
}
.awardProgress .progressDescriptionSection {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
.awardProgress .progressDescription {
  display: inline-block;
  font-weight: bold;
}
.awardProgress .progressAward {
  align-self: stretch;
}
.awardProgress .limitDescriptionSection {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  flex: 1;
}
.awardProgress .limitTitle {
  font-weight: bold;
  margin: 2px 0;
}
.awardProgress .horizontalImageCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  text-align: center;
}
.awardProgress .horizontalImageCard .imageContainer {
  display: flex;
  position: relative;
  border-radius: 10px;
  flex-shrink: 0;
}
.awardProgress .horizontalImageCard a {
  display: flex;
  flex: 1;
  position: absolute;
  margin: 0;
}
.awardProgress .horizontalImageCard a.promoButtonLink {
  margin-right: 5px;
  margin-left: 2%;
  transform: translateX(-50%);
}
.awardProgress .horizontalImageCard a.btnCenter {
  top: 45% !important;
  left: 32% !important;
  transform: translateX(-50%);
}
.awardProgress .horizontalImageCard a.btnTopLeft {
  top: 0 !important;
  left: 0 !important;
}
.awardProgress .horizontalImageCard a.btnTopRight {
  top: 0 !important;
  right: 0 !important;
  left: unset !important;
}
.awardProgress .horizontalImageCard a.btnTopCenter {
  top: 0 !important;
  left: 32% !important;
}
.awardProgress .horizontalImageCard a.btnMiddleRight {
  top: 50% !important;
  transform: translateX(-50%);
  right: 0 !important;
  left: unset !important;
}
.awardProgress .horizontalImageCard a.btnMiddleLeft {
  top: 50% !important;
  transform: translateX(-50%);
  left: 0 !important;
}
.awardProgress .horizontalImageCard a.btnBottomLeft {
  top: 87% !important;
  left: 0 !important;
}
.awardProgress .horizontalImageCard a.btnBottomRight {
  top: 87% !important;
  right: 0 !important;
  left: unset !important;
}
.awardProgress .horizontalImageCard a.btnBottomCenter {
  top: 87% !important;
  left: 32% !important;
}
.awardProgress .horizontalImageCard .promoImage {
  margin: 0;
  border-radius: inherit;
  width: 100%;
}
.awardProgress .registrationCompleteOverlay {
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 20px;
  font-size: 17px;
  font-weight: bold;
  color: #000;
  z-index: 2;
}
.awardProgress .caption {
  align-self: stretch;
  position: relative;
  color: #000;
  font-size: 14px;
  padding: 10px;
}
.awardProgress .caption a {
  font-weight: normal;
  text-transform: initial;
  text-decoration: underline;
}
.awardProgress .awardProgressErrorMessage {
  display: flex;
  justify-content: center;
}
.ClassProg .radialProgressBar {
  position: relative;
  width: 75px;
  height: 75px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: none;
  margin: 0 auto;
  background-color: var(--gColorGrayLight);
  font-size: 75px;
}
.ClassProg .radialProgressBar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.ClassProg .radialProgressBar *:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.ClassProg .radialProgressBar *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.ClassProg .radialProgressBar:after {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  width: 65px;
  height: 65px;
  font-size: 1em;
}
.ClassProg .radialProgressBar .progressText {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  color: #000;
}
.ClassProg .radialProgressBar .ringContainer {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0, 1em, 1em, 0.5em);
}
.ClassProg .radialProgressBar .progressRing {
  position: absolute;
  border: 0.08em solid #000;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0, 0.5em, 1em, 0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  border-color: #307bbb !important;
}
.ClassProg .radialProgressBar .fillRing {
  border-color: #307bbb !important;
}
.ClassProg .radialProgressBar.gt50 .ringContainer {
  clip: rect(auto, auto, auto, auto);
}
.ClassProg .radialProgressBar.gt50 .fillRing {
  position: absolute;
  border: 0.08em solid #000;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0, 0.5em, 1em, 0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ClassProg .radialProgressBar.gt50 .progressRing {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ClassProg .subjectSubLabel {
  align-self: stretch;
  position: relative;
  font-size: 14px;
}
.ClassProg .subject {
  align-self: stretch;
  flex: 1;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
}
.ClassProg .subjectContainer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}
.ClassProg .pointsHistoryIcon {
  position: relative;
  width: 79px;
  height: 75px;
  margin: 0;
}
.ClassProg .customerDashboardIcon {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ClassProg .viewReservationsIcon {
  position: relative;
  width: 75px;
  height: 75px;
  margin: 0;
}
.ClassProg .iconsContainer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  font-size: 32px;
}
.ClassProg .subjectCaptionLink {
  align-self: stretch;
  position: relative;
  text-decoration: underline;
}
.ClassProg .subjectCaption {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ClassProg .nextTierCaption {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: #000;
}
.ClassProg .captionContainer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  font-size: 14px;
  color: #0072bc;
}
.ClassProg .customerStatusWidget {
  align-self: stretch;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  gap: 15px;
}
.ClassProg .customerStatusWidgetParent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 22px;
  color: #000;
  gap: 40px;
}
.ClassProg .customerDashboard {
  width: 100%;
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: center;
  font-size: 22px;
}
.currencyDropdownContainer {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  right: -22px;
  justify-content: end;
}
.currencyDropdownContainer .advancedSelect {
  box-shadow: none;
  border: none;
  padding: 0;
}
.currencyDropdownContainer .advancedSelect span {
  color: #275d8b;
}
.currencyDropdownContainer.currency-dropdownNew a {
  text-decoration: none;
  font-size: 15px;
}
.currencyDropdownContainer.currency-dropdownNew .uk-dropdown {
  box-shadow: none;
  border: 1px solid #eee;
  min-width: 80px;
  left: initial !important;
  overflow-x: hidden;
}
.awardProgress .hidden {
  display: none !important;
}
.awardProgress .awardProgressContainer {
  overflow-y: visible;
  text-align: left;
  min-width: 330px;
}
.awardProgress .awardProgressItem {
  font-size: 14px;
  color: #000;
  display: flex;
  flex-direction: column;
}
.awardProgress .awardProgressItem.registeredPromo {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  padding: 20px;
  border-radius: 10px;
}
.awardProgress .awardTitleSection {
  display: flex;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 0 5px;
  font-size: 22px;
}
.awardProgress .awardTitleSection .awardTitle {
  margin: 0;
}
.awardProgress .awardTitleSection .awardStatus {
  border-radius: 4px;
  background-color: #a7feba;
  height: 31px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 6px 12px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}
.awardProgress .awardDescriptionSection {
  display: flex;
}
.awardProgress .awardDescriptionSection .btn.btnPopover {
  margin-top: -2px;
}
.awardProgress .awardDescription {
  display: inline-block;
}
.awardProgress .moonIcon {
  margin: 0;
}
.awardProgress .moonIcon.inline {
  margin: 0 3px;
  display: inline-block;
  vertical-align: text-bottom;
}
.awardProgress .toolTipGroup {
  align-self: stretch;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  padding: 20px 5px 0;
  gap: 10px;
  text-align: center;
  font-size: 22px;
}
.awardProgress .toolTip {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 70.5px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  padding-bottom: 10px;
  font-size: 17px;
}
.awardProgress .toolTip.filled .toolTipBody {
  background: linear-gradient(180deg, #ffe57f, #fc0);
}
.awardProgress .toolTip.filled:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: 5px;
  left: calc(50% - 5px);
  transform: rotate(45deg);
  background: #fc0;
}
.awardProgress .toolTip.empty .toolTipBody {
  background-color: #fff;
  border: 1px solid var(--gColorGrayMedium);
  color: var(--gColorGrayMedium);
}
.awardProgress .toolTip.empty:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-color: #949494;
  border-width: 0 1px 1px 0;
  border-style: solid;
  bottom: 5px;
  left: calc(50% - 5px);
  transform: rotate(45deg);
  background: #fff;
  z-index: 1;
}
.awardProgress .toolTipGroup.alignToolTipsRight .toolTip {
  align-items: flex-end;
}
.awardProgress .toolTipGroup.alignToolTipsRight .toolTipPointer {
  justify-content: right;
  padding-right: 8px;
}
.awardProgress .toolTipBody {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 7px;
  box-sizing: border-box;
  z-index: 1;
  flex: 1;
  width: max-content;
}
.awardProgress .toolTipUnit {
  font-size: 14px;
}
.awardProgress .toolTipPointer {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.awardProgress .progressBar {
  width: 100%;
  border-radius: 8px;
  background: linear-gradient(90deg, #1bbee5, #0072bc);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  height: 36px;
  margin-bottom: 15px;
}
.awardProgress .progressBar .segment {
  flex: 1;
  height: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.awardProgress .progressBar .segment.empty {
  background-color: #c2c2c4;
}
.awardProgress .progressBar .spacer {
  padding: 0.5px;
  background-color: #fff;
  height: inherit;
}
.awardProgress .footerSection {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}
.awardProgress .progressDescriptionSection {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
.awardProgress .progressDescription {
  display: inline-block;
  font-weight: bold;
}
.awardProgress .progressAward {
  align-self: stretch;
}
.awardProgress .limitDescriptionSection {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  flex: 1;
}
.awardProgress .limitTitle {
  font-weight: bold;
  margin: 2px 0;
}
.awardProgress .horizontalImageCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  text-align: center;
}
.awardProgress .horizontalImageCard .imageContainer {
  display: flex;
  position: relative;
  border-radius: 10px;
  flex-shrink: 0;
}
.awardProgress .horizontalImageCard .promoImage {
  margin: 0;
  border-radius: inherit;
  width: 100%;
}
.awardProgress .registrationCompleteOverlay {
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 20px;
  font-size: 17px;
  font-weight: bold;
  color: #000;
  z-index: 2;
}
.awardProgress .caption {
  align-self: stretch;
  position: relative;
  color: #000;
  font-size: 14px;
  padding-top: 10px;
}
.awardProgress .caption a {
  font-weight: normal;
  text-transform: initial;
  text-decoration: underline;
}
.awardProgress .awardProgressErrorMessage {
  display: flex;
  justify-content: center;
}
.awardProgress .memberWelcomeContainer {
  margin: 30px 0 !important;
}
.awardProgress .salutation {
  position: relative;
  color: #003c7f;
  text-align: center;
  font-weight: normal;
}
.awardProgress .greetingHeading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
}
.memberWelcomeContainer .radialProgressBar {
  position: relative;
  width: 75px;
  height: 75px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: none;
  margin: 0 auto;
  background-color: var(--gColorGrayLight);
  font-size: 75px;
}
.memberWelcomeContainer .radialProgressBar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.memberWelcomeContainer .radialProgressBar *:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.memberWelcomeContainer .radialProgressBar *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.memberWelcomeContainer .radialProgressBar:after {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  width: 65px;
  height: 65px;
  font-size: 1em;
}
.memberWelcomeContainer .radialProgressBar .progressText {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  color: #000;
}
.memberWelcomeContainer .radialProgressBar .ringContainer {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0, 1em, 1em, 0.5em);
}
.memberWelcomeContainer .radialProgressBar .progressRing {
  position: absolute;
  border: 0.08em solid #000;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0, 0.5em, 1em, 0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  border-color: #307bbb !important;
}
.memberWelcomeContainer .radialProgressBar .fillRing {
  border-color: #307bbb !important;
}
.memberWelcomeContainer .radialProgressBar.gt50 .ringContainer {
  clip: rect(auto, auto, auto, auto);
}
.memberWelcomeContainer .radialProgressBar.gt50 .fillRing {
  position: absolute;
  border: 0.08em solid #000;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0, 0.5em, 1em, 0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.memberWelcomeContainer .radialProgressBar.gt50 .progressRing {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.memberWelcomeContainer .subjectSubLabel {
  align-self: stretch;
  position: relative;
  font-size: 14px;
}
.memberWelcomeContainer .subject {
  align-self: stretch;
  flex: 1;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
}
.memberWelcomeContainer .subjectContainer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}
.memberWelcomeContainer .pointsHistoryIcon {
  position: relative;
  width: 79px;
  height: 75px;
  margin: 0;
}
.memberWelcomeContainer .customerDashboardIcon {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.memberWelcomeContainer .viewReservationsIcon {
  position: relative;
  width: 75px;
  height: 75px;
  margin: 0;
}
.memberWelcomeContainer .iconsContainer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  font-size: 32px;
}
.memberWelcomeContainer .subjectCaptionLink {
  align-self: stretch;
  position: relative;
  text-decoration: underline;
}
.memberWelcomeContainer .subjectCaption {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.memberWelcomeContainer .nextTierCaption {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: #000;
}
.memberWelcomeContainer .captionContainer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  font-size: 14px;
  color: #0072bc;
}
.memberWelcomeContainer .customerStatusWidget {
  align-self: stretch;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  gap: 15px;
}
.memberWelcomeContainer .customerStatusWidgetParent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 22px;
  color: #000;
  gap: 40px;
}
.memberWelcomeContainer .customerDashboard {
  width: 100%;
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: center;
  font-size: 22px;
  margin: 0 auto;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-color: #f7f7f7;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #000;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #000;
  border-radius: 5px 5px 0 0;
  color: #000;
}
.popover-content {
  padding: 9px 14px;
  line-height: 1.5;
}
.formResponsive .formHorizontal p.formDescription {
  line-height: 1.5em;
}
.confirm .policyTitle {
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0 5px 0;
  text-transform: uppercase;
}
.reservationInfo .productUpsellContainer {
  display: grid;
  grid-row-gap: 10px;
  padding: 10px;
  background-color: #eee;
}
.reservationInfo .productUpsellGroup {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 10px;
  padding: 15px;
  border: 1px solid transparent;
}
.reservationInfo .productUpsellGroup.selected {
  border-color: var(--gColorGrayDark);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
.reservationInfo .productUpsellGroup.selected .productDetailContainer {
  display: grid;
  gap: 10px;
  grid-column: span 3;
}
.reservationInfo .productUpsellGroup .productDetailContainer {
  display: none;
}
.reservationInfo .selectProductCheckboxContainer {
  padding: 10px 0;
}
.reservationInfo .productDescriptionContainer {
  display: grid;
  row-gap: 10px;
  grid-column: span 3;
  margin: -10px 0;
}
.reservationInfo .productName {
  font-weight: bold;
}
.reservationInfo .productCostContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding-left: 5px;
}
.reservationInfo .productCost {
  font-weight: bold;
}
.reservationInfo .productDetailContainer .selectActionDirective {
  font-size: 12px;
  margin-top: 5px;
}
.reservationInfo .productDetailContainer .lineItemDate {
  font-size: 12px;
}
.reservationInfo .productDetailContainer .lineItem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0;
  margin-bottom: 0;
}
.reservationInfo .productDetailContainer .lineItem:not(last-of-type) {
  padding-bottom: 10px;
}
.reservationInfo .productDetailContainer .roomLabel {
  font-size: 10px;
}
.reservationInfo .updateProductsButtonContainer {
  text-align: center;
  margin: 20px 0;
}
.reservationInfo .productRoomsCheckboxesGroup {
  display: flex;
  column-gap: 8px;
  margin-bottom: 0;
  font-size: 12px;
  text-align: center;
}
.reservationInfo .productRoomCheckboxContainer {
  display: grid;
  row-gap: 5px;
  margin-bottom: 10px;
}
.reservationInfo .visually-hidden {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.feesCollectedUponArrival.collapse {
  overflow: initial;
}
.selectionConfirmationModal h4 {
  margin: 15px 0;
}
.selectionConfirmationModal .uk-modal-body {
  font-size: 17px;
}
.totalSection .collapse.in.NoOverflow {
  overflow: visible;
}
.RightPayement .reservationInfo .lineItem.cols3 {
  display: grid;
  gap: 5px;
  grid-template-columns: 4fr 0.5fr 2fr;
}
.RightPayement .reservationInfo .lineItem.cols3 > div.cost {
  width: auto;
}
.RightPayement .btnPopover {
  margin-top: -2px;
}
@media (min-width: 479px) {
  .cartCheckoutContainer {
    padding: 5px;
    border-radius: 5px;
  }
  .cartCheckoutContainer .productAmountContainer p,
  .cartCheckoutContainer .productSubtotalContainer p {
    font-size: 15px;
  }
  .cartCheckoutContainer .orderSummaryContainer.bottom {
    -webkit-box-ordinal-group: 2;
    order: 1;
    padding: 0px 10px 10px;
    margin: 0px;
  }
  .cartCheckoutContainer .orderSummaryContainer .orderSummaryRow {
    font-size: inherit;
    box-shadow: rgba(0, 0, 0, 0.75) 1px 2px 5px 0px;
    border-radius: 5px;
  }
  .cartCheckoutContainer .orderSummaryContainer .pointSummaryTable {
    max-width: none;
  }
  .cartCheckoutContainer .summaryError {
    max-width: none;
    padding: 10px 15px 2px;
  }
}
@media (min-width: 480px) {
  .hotelRoomsContainer .hotelFilterSeparator {
    width: 1px;
    height: 50px;
    background: var(--ColorGrisBase);
    margin: 0 10px;
    z-index: 100;
  }
  .hotelRoomsContainer .filtersHeadingLabel {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
  }
  .roomDetailsContainer .rateTitle {
    font-size: 16px;
    -webkit-box-flex: 1;
    align-self: stretch;
    width: auto;
    flex: 1 1 0%;
    padding: 15px;
  }
  .roomDetailsContainer .cardContainerWrapper .packageImage {
    margin: 0 15px 0 0;
    float: left;
  }
  .roomDetailsContainer .packagesContainer .packageTitle {
    font-size: 22px;
  }
  .reservationInfo .earlyCheckInUnitCost {
    white-space: nowrap;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .resortContainer {
    flex-basis: 170px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .resortName {
    font-size: 17px;
    margin-bottom: 4px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .dateBox {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .dateBox .description {
    font-size: 14px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .date {
    font-size: 18px;
    min-height: 20px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .badgeContainer .bwRewardsLogo {
    max-width: 140px;
  }
}
@media (min-width: 600px) {
  .flipCardFront,
  .flipCardBack {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 640px) {
  .hoteldetails .featuredRoomTypesContainer .roomTypeCardsContainer {
    flex-direction: row;
  }
  .hoteldetails .featuredRoomTypesContainer .roomTypeCard:first-of-type {
    margin-right: 20px;
  }
  .hoteldetails .featuredRoomTypesContainer .roomTypeCard:last-of-type {
    margin-left: 20px;
  }
  .hoteldetails .featuredRoomTypesContainer .roomImage {
    margin: 0;
  }
  .hoteldetails .featuredRoomTypesContainer .roomTypeCardFooter {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 662px) {
  .CarouselWidgetContainer .addRatesNewSw {
    position: absolute;
    left: 50%;
    top: 16px;
  }
  .CarouselWidgetContainer .addRatesNewSw .roomAdd.roomDetail > ul {
    width: 100%;
  }
  .CarouselWidgetContainer .addRates.addRatesRoomSw {
    left: 75%;
    z-index: 99;
  }
  .CarouselWidgetContainer .useRewardsPointsCheckboxContainer {
    position: initial;
    float: left;
    margin-top: 32px;
    width: 48%;
  }
  .sbFindHotelClicked .CarouselWidgetContainer .rooms-Rates.rooms-RatesNew {
    min-height: 110px;
  }
  .multiCard .mygrid-item {
    width: calc(50% - 20px);
  }
  .multiCard .mygrid-item.widthDouble {
    width: 100%;
  }
}
@media (min-width: 768px) {
  h1,
  .uk-h1 {
    font-size: 32px;
  }
  h2,
  .uk-h2 {
    font-size: 28px;
  }
  h3,
  .uk-h3 {
    font-size: 24px;
  }
  h4,
  .uk-h4 {
    font-size: 18px;
  }
  h5,
  .uk-h5 {
    font-size: 14px;
  }
  h6,
  .uk-h6 {
    font-size: 12px;
  }
  .home-page-full .collapseButton {
    color: #fff;
    top: 30px;
    text-decoration: underline;
  }
  .pointsPlusCashSummaryContainer .modal-content .modal-footer {
    padding: 15px 100px;
  }
  .myFlipperWrapper .giftIconSvg {
    display: inline;
    margin: 0;
    width: 50px;
    vertical-align: middle;
  }
  .navbarLoginContainer .mod-connect {
    margin-right: 0;
  }
  #favorite-hotel-modal-section .uk-modal-dialog {
    margin-top: 30px;
  }
  .CarouselWidgetContainer .rooms {
    width: 48%;
    position: relative;
    min-height: 86px;
  }
  .CarouselWidgetContainer .addRates {
    height: 68px;
    position: absolute;
    left: 46.5%;
    top: 2px;
    width: 52%;
  }
  .CarouselWidgetContainer .submitButtons {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 19%;
  }
  .CarouselWidgetContainer .form-group {
    width: 80%;
  }
  .CarouselWidgetContainer .removeRoom {
    position: absolute;
    right: -30px;
    top: 20px;
  }
  .CarouselWidgetContainer .noFloat {
    float: none;
    display: table-cell;
    vertical-align: bottom;
    padding: 0 5px;
  }
  .CarouselWidgetContainer .findSm40 {
    width: 40%;
  }
  .CarouselWidgetContainer .roomButtonGroup {
    border: 0;
  }
  .CarouselWidgetContainer .roomAdd.roomDetail a {
    top: 518px;
    position: absolute;
    right: -220px;
  }
  .top-band .Find-hotel-absolute {
    position: absolute;
    top: 49px;
    right: 0;
    width: 341px;
    background: none;
    z-index: 10;
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer .destinationDates {
    width: 100%;
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer .destinationDates .noFloat {
    float: left;
    width: 100%;
    padding-right: 0;
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer .cellCenter label {
    margin-top: 3px;
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer .roomButtonGroup {
    padding-top: 8px;
    padding-bottom: 7px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.56);
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer .form-group {
    width: 100%;
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer .addRatesNewSw,
  .top-band .Find-hotel-absolute .CarouselWidgetContainer .roomAdd.roomDetail a {
    position: initial;
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer #search-hotels-form .form-group .addRates {
    width: 100%;
    position: initial;
    height: auto;
    left: auto;
    overflow: visible;
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer #search-hotels-form .rooms-Rates {
    height: auto;
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer .removeRoom {
    right: 0;
    top: -10px;
  }
  .top-band .Find-hotel-absolute .CarouselWidgetContainer .roomAdd.roomDetail > ul.list-unstyled.static {
    margin-top: 0;
  }
  .top-band .Find-hotel-absolute .rooms {
    width: 100%;
  }
  .top-band .edit-buttons-container {
    margin-top: 10px;
  }
  .verticalBlock {
    margin-right: 3%;
  }
  .verticalBlock .heroCaption {
    max-width: 305px;
  }
  .liste-destination {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .liste-destination .uk-accordion-title {
    margin-top: 20px;
  }
  .summaryBar .sw-flex-large {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
  }
  #hotelListColumnOne {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  #hotelListColumnOne .isotopeMover {
    max-width: 1000px;
  }
  .flipCardFront,
  .flipCardBack {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .searchResultsCard {
    -webkit-transition: margin-left ease 0.5s;
    transition: margin-left ease 0.5s;
    margin-bottom: 15px;
  }
  .medalliaContainer .ball {
    width: 15px;
    min-width: 15px;
    height: 15px;
  }
  .medalliaContainer .ratingText {
    font-size: 17px;
  }
  .medalliaContainer .reviewCount {
    line-height: 1;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.6);
  }
  .medalliaContainer .verifiedMarker {
    font-size: 14px;
  }
  #hotel-search-result-list .searchResultsCard.selectedCard {
    margin-left: 30px;
    -webkit-box-shadow: -5px 0 26px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -5px 0 26px 4px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 26px 4px rgba(0, 0, 0, 0.5);
  }
  .FindSearchWidget .detail,
  .FindSearchWidget .detail-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding-right: 30px;
    margin-right: 0;
  }
  .FindSearchWidget .detail-field {
    text-align: center;
  }
  .FindSearchWidget.Search2023 .destination {
    max-width: 20%;
    width: auto;
    white-space: normal;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .FindSearchWidget.Search2023 #rate-plan {
    display: inherit;
    margin-right: 0;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: auto;
  }
  .elementExpander {
    top: 0;
  }
  .hotelHeader .tripAdvisorContainer {
    width: 25%;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .photoSliderControls {
    padding: 10px 10px 0;
    height: 55px;
    width: 102px;
  }
  .photoSliderControls .carousel-control .sliderIcon {
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
  }
  .pointsPlusCashTogglerContainer {
    display: flex;
  }
  #points_plus_cash_toggler_container {
    display: block;
  }
  .roomDetailsContainer .roomDetailsTitle {
    font-size: 25px;
  }
  .hotelRoomsContainer.fullWidthVariation .rateBox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
  }
  .hotelRoomsContainer.fullWidthVariation .roomDetails .photoSlider {
    width: 40%;
    max-width: 330px;
  }
  .hotelRoomsContainer.fullWidthVariation .roomDetails .ratePriceWrapper {
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: center;
  }
  .hotelRoomsContainer.fullWidthVariation .roomDetails .ratePriceContainer {
    padding: 0 15px 0 0;
  }
  .hotelRoomsContainer.fullWidthVariation .roomDetails .rateTitleWrapper {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
  }
  .hotelRoomsContainer.fullWidthVariation .roomDetails .selectRateWrapper {
    width: 320px;
    position: relative;
  }
  .hotelRoomsContainer.fullWidthVariation .roomDetails .selectRateButtonContainer {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .hotelRoomsContainer.fullWidthVariation .roomDetailsTitleContainer .resortFee {
    width: 30%;
  }
  .hotelRoomsContainer.fullWidthVariation .bestRateIndicator .bestRateAvailable {
    margin-top: -5px;
  }
  .hotelRoomsContainer.fullWidthVariation .bestRateIndicator .rateTitleWrapper {
    padding-top: 15px;
  }
  .hotelRoomsContainer.fullWidthVariation .ratePriceWrapper {
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
  }
  .hotelRoomsContainer.fullWidthVariation .pointsPlusCash .roomDetails .selectRateWrapper {
    width: 50%;
  }
  .roomContainerN .roomTabsMultiRowBackgroundLayer {
    top: 42px;
  }
  .roomContainerN a {
    font-size: 15px !important;
    max-width: 180px;
    margin-bottom: -18px;
    height: 60px;
  }
  .roomDetailsCard .roomDetailsAmenities li {
    font-size: 16px;
  }
  .hotelMessageAlertContainer {
    border-left: 1px #e7e8e9 solid;
    float: right;
    margin: 0 0 25px 0px;
  }
  .hotelMessageAlertContainer .hotelMessageAlert {
    padding: 10px 15px;
  }
  .hotelMessageAlertContainer.hotelMessageNew {
    border: none;
    margin: 0;
  }
  .hotelMessageAlertContainer.hotelMessageNew .hotelMessageAlert {
    padding: 0;
  }
  .hotelMessageAlertContainer.hotelMessageNew .hotelMessageAlert.hotelMessageAlertRoom {
    padding: 15px;
    display: inline-block;
  }
  .hotelMessageAlertContainer.hotelMessageNew .hotelMessageAlert.hotelMessageAlertRoom h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .Search2023 .CarouselWidgetContainer .rooms {
    width: 38%;
  }
  .Search2023 .CarouselWidgetContainer .addRatesNewSw {
    left: 40%;
  }
  .Search2023 .CarouselWidgetContainer .addRates.addRatesRoomSw {
    left: 60%;
  }
  .Search2023 .CarouselWidgetContainer .roomAdd.roomDetail > ul.list-unstyled.static {
    width: 40%;
  }
  .Search2023 .FindSearchWidget .CarouselWidgetContainer .destinationDates {
    display: flex;
    align-items: center;
  }
  .pointsForStay .messageText {
    width: min-content;
    min-width: 360px;
    font-size: 17px;
  }
  .pointsForStay .innerContainer {
    padding-right: 135px;
  }
  /************100101**************/
  .hotel_detail .Search2023 .uk-grid {
    align-items: center;
  }
  .hotel_detail .Search2023.stickyDisabled .elementExpander {
    position: absolute;
  }
  .viewRoomsButtonContainer {
    margin: 0 10px 0 auto;
  }
  .PaimentNewQ .LeftPayement .roomContainerN a {
    height: 70px;
  }
  .PaimentNewQ .LeftPayement .roomInformationContainer .roomRow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.75);
  }
  .PaimentNewQ .LeftPayement .specialRequestFootnote {
    font-size: 14px;
  }
  .PaimentNewQ .LeftPayement .loginNew .contentCircleContainer {
    width: 12.5%;
    margin: 0px;
  }
  .rewardsDashboardNew .welcomeContainer {
    padding: 20px;
    border-radius: 7px;
  }
  .rewardsDashboardNew .welcomeContainer [class*="uk-width-"] {
    margin: auto 0px;
  }
  .rewardsDashboardNew .benefitsHeadline {
    font-size: 28px;
  }
  .rewardsDashboardNew .progressContainer {
    border-radius: 7px;
    padding: 20px 30px;
  }
  .rewardsDashboardNew .progressHeadline {
    font-size: 18px;
  }
  .rewardsDashboardNew .contentCircleContainer {
    width: 5%;
    margin: 8.8em 0px 0px;
  }
  .rewardsDashboardNew .contentCircleContainer hr {
    display: none;
  }
  .rewardsSpecialOffers .introText {
    margin: 0px auto;
  }
  .rewardsSpecialOffers .tableContainer {
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    margin: 30px 0px 0px;
  }
  .rewardsSpecialOffers .tableRowContainer {
    font-size: 14px;
    display: flex;
  }
  .rewardsSpecialOffers .itemDescriptionContainer {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    padding-right: 15px;
  }
  .rewardsSpecialOffers .expanderButton {
    height: auto;
  }
  .rewardsSpecialOffers .expanderButtonContainer {
    width: 100%;
    padding-right: 15px;
    margin-top: 0px;
  }
  .rewardsSpecialOffers .itemRegistrationContainer {
    float: none;
    width: 150px;
    vertical-align: middle;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
  }
  .rewardsSpecialOffers input[type="checkbox"] + label .itemRegistrationText {
    font-size: 14px;
  }
  .cartBannerContainer {
    margin: 20px 0px 15px;
    padding: 7px 10px;
  }
  .cartBannerContainer .cartLogoContainer {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-self: stretch;
    -webkit-box-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: center;
    border-right: 1px solid #445f84;
  }
  .cartBannerContainer .cartLogo {
    max-height: 30px;
    margin: 0px;
  }
  .cartBannerContainer .cartIcon img {
    height: 30px;
    width: auto;
    margin-right: 15px;
  }
  .productCatalogContainer .mobileProductFilterOpener {
    display: none;
  }
  .productCatalogContainer .mobileProductFilterButtonContainer {
    display: none;
  }
  .productFilterContainer .filterSection .checkboxContainer {
    padding: 4px 0px 4px 8px;
  }
  .bookingSummary .buttonBoxOuter {
    max-width: 475px;
    margin-bottom: 0;
  }
  .bookingSummary .buttonBoxInner {
    padding: 20px 15px;
  }
  .bookingSummary .cancellationContainer,
  .bookingSummary .cancellationDetailsContainer {
    width: auto;
    text-align: right;
  }
  .bookingSummary #hotel-info .nameAddress #hotel-name {
    font-size: 27px;
    line-height: 1.1;
  }
  .bookingSummary .middleCol,
  .bookingSummary .rightCol {
    margin-top: 45px;
  }
  .bookingSummary.thankYou .middleCol {
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 0;
  }
  .bookingSummary.thankYou .rightCol {
    margin-top: 10px;
  }
  .bookingSummary .geeTestContainer {
    width: 320px;
    margin: 0 25% 20px 25%;
  }
  .bookingSummary .g-recaptcha {
    padding: 0 30%;
    margin-bottom: 15px;
  }
  .bookingSummary .brandImageContainer {
    padding-right: 15px;
    display: flex;
    align-items: center;
  }
  .bookingSummary .brandImage {
    max-width: 100px;
  }
  .bookingSummary .hotelNameContainer {
    padding-left: 15px;
  }
  .bookingSummary .hotelName {
    font-size: 24px;
  }
  .bookingSummary .summaryRow {
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .bookingSummary .leftColumn,
  .bookingSummary .rightColumn {
    width: 50%;
  }
  .bookingSummary .leftColumn {
    margin-left: 10px;
  }
  .bookingSummary .rightColumn {
    margin: 0 10px 0 0;
  }
  .bookingSummary .middleColumn {
    margin: 0 15px;
    width: auto;
  }
  .cmPromotionActionContainer .loggedOutContainer.split {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .cmPromotionActionContainer .actionContainer {
    width: 49%;
  }
  .cmPromotionActionContainer .actionContainer.uk-width-medium-1-1 {
    width: 100%;
  }
  .cmPromotionActionContainer.logged .actionContainer {
    width: unset;
  }
  .cmPromotionActionContainer .actionContainer.top {
    border-bottom-width: 2px;
  }
  .cmPromotionActionContainer .actionContainer.bottom .header {
    padding-top: 15px;
  }
  .cmPromotionActionContainer .circleDividerContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 60px;
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.top,
  .cmPromotionActionContainer .circleBorderOuterContainer.bottom {
    position: relative;
    height: calc(100% - 4px);
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.top {
    display: none;
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.bottom {
    background-color: #fff;
    border: 0;
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.top .circleBorderOuter {
    display: none;
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.bottom .circleBorderOuter {
    width: 48px;
    height: 96px;
    position: absolute;
    left: calc(50% + 3px);
    top: calc(50% - 48px);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-bottom-left-radius: 0;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.bottom .circleBorderOuter::before {
    content: '';
    width: 200%;
    height: 100%;
    position: absolute;
    left: -55px;
    top: 0;
    border-width: 2px;
    border-style: solid;
    border-color: var(--gColorBrandBWDarkBlue);
    border-radius: 50%;
  }
  .cmPromotionActionContainer .circleContainer {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 8px;
    border-top: 0;
    border-bottom: 0;
  }
  .cmPromotionActionContainer .circleBorder {
    width: 96px;
    height: 96px;
    left: calc(50% + 2px);
    top: 51%;
  }
  .cmPromotionActionContainer .circle {
    left: 50%;
    top: 50%;
  }
  .cmPromotionActionContainer .actionContainer .subHeading {
    overflow: hidden;
    height: auto;
  }
  .cmPromotionActionContainer .alreadyRegisteredContainer .flex-child {
    display: inline-block;
  }
  .ratesContainer .currencyValue {
    font-size: 2em;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .resortName {
    min-height: 45px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .resortContainer {
    min-width: 200px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .dateBox .description {
    min-height: 27px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .totalBoxes .totalBox {
    padding: 16px 4px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .totalBoxes .totalBox .total {
    font-size: 30px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow .badgeContainer .bwRewardsLogo {
    height: 37px;
    max-width: 146px;
  }
  .browseRewards .profilePreferences .passwordRulesContainer {
    bottom: 0;
    top: auto;
  }
  .browseRewards .profilePreferences .formBoxedContainer {
    width: 48%;
    margin: 10px 1% 20px 1%;
  }
  .browseRewards .buttonContainer .uk-button {
    width: 250px !important;
  }
  .memberViewReservationMain .RowCol {
    float: none;
    padding: 10px 15px;
    text-align: left;
    border-left: 1px solid #e1e1e1;
  }
  .memberViewReservationMain .RowCol:first-child {
    border-left: none;
  }
  .memberViewReservationMain .hotelNameDivider {
    display: none;
  }
  .inlineGatedRateBannerContainer {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 15px 0px;
  }
  .inlineGatedRateBannerContainer .bannerTextContainer {
    width: 50%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 0px;
    padding: 15px 15px 15px 30px;
  }
  .inlineGatedRateBannerContainer .emailInputContainer {
    width: 30%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 0px;
    padding: 15px;
  }
  .inlineGatedRateBannerContainer .shown {
    width: 20%;
    display: flex;
    margin-top: 0px;
    padding: 22px 15px;
  }
  .memberWelcomeContainer {
    margin-top: 84px;
    margin-right: calc(51% - 50vw);
    margin-bottom: 30px;
    margin-left: calc(51% - 50vw);
  }
  .memberWelcomeContainer .customerStatusWidgetParent {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 22px;
    gap: 50px;
  }
  .memberWelcomeContainer .messageAndSummaryContainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .memberWelcomeContainer .messageContainer {
    margin-right: 30px;
  }
  .memberWelcomeContainer .memberBannerCTAButton {
    margin-top: 15px;
  }
  .memberWelcomeContainer .accountSummaryContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 250px;
    min-width: 250px;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 0;
  }
  .memberWelcomeContainer .accountSummaryInfo {
    text-align: center;
  }
  .memberWelcomeContainer .memberDashboardLink {
    margin-top: 10px;
  }
  .memberWelcomeContainer .rewardsCard {
    display: block;
    width: 251px;
    height: 158px;
    position: absolute;
    top: -79px;
    right: 15px;
    margin: 0;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: drop-shadow(2px 2px 8px #949494);
    filter: drop-shadow(2px 2px 8px #949494);
  }
  .memberWelcomeContainer .bottomContainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 35px;
    padding: 0 28px;
  }
  .memberWelcomeContainer .accountLinksContainer {
    -ms-flex-item-align: normal;
    -ms-grid-row-align: normal;
    align-self: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 340px;
    margin-bottom: 0;
    padding-left: 0;
  }
  .memberWelcomeContainer .memberOfferContainer {
    margin: 0;
  }
  .cartBannerContainer {
    margin: 20px 0px 15px;
    padding: 7px 10px;
  }
  .cartBannerContainer .cartLogoContainer {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-self: stretch;
    -webkit-box-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: center;
    border-right: 1px solid #445f84;
  }
  .cartBannerContainer .cartLogo {
    max-height: 30px;
    margin: 0px;
  }
  .cartBannerContainer .cartIcon img {
    height: 30px;
    width: auto;
    margin-right: 15px;
  }
  .cartCheckoutContainer {
    padding: 15px 0px;
  }
  .cartCheckoutContainer .productRowsContainer {
    padding: 0px 30px;
  }
  .cartCheckoutContainer .productRowsContainer .productDetailsContainer {
    min-width: 400px;
  }
  .cartCheckoutContainer .orderSummaryContainer.bottom {
    -webkit-box-ordinal-group: 2;
    order: 1;
    padding: 15px 30px 0px;
  }
  .cartCheckoutContainer .summaryLogoContainer {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: center;
  }
  .cartCheckoutContainer .summaryLogo {
    padding-right: 40px;
    margin: 0px;
  }
  .hotelHeaderContainer .hotelNameContainer {
    width: auto;
    padding: 0 30px 0 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media (min-width: 950px) {
  .DestinationContryBas .BlocDesCon {
    float: none;
    width: 33%;
  }
  .DestinationContryBas .BlocDesCon .LienImgDes {
    width: 200px;
    height: 200px;
  }
  html:lang(el-gr) .myFlipperWrapper {
    font-size: 13px;
  }
  .cartCheckoutContainer .productRowsContainer .productRow {
    padding: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .cartCheckoutContainer .productRowsContainer .imageContainer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 10px;
    padding: 25px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-image: initial;
    border-radius: 4px;
  }
  .cartCheckoutContainer .deleteProductButtonContainer {
    top: 20px;
    right: 20px;
  }
  .cartCheckoutContainer .orderSummaryContainer .orderSummaryRow {
    padding: 20px 20px 15px;
  }
  .cartCheckoutContainer .orderSummaryContainer .cartIcon {
    height: 30px;
    width: auto;
    margin-right: 15px;
  }
  .reservationInfo .productDescriptionContainer {
    grid-column: auto;
  }
  .reservationInfo .productIconContainer,
  .reservationInfo .productCostContainer {
    display: block;
    grid-row: span 2;
  }
  .reservationInfo .productCostContainer {
    text-align: right;
  }
  .reservationInfo .productUpsellGroup.selected .productDetailContainer {
    grid-column: 2;
  }
}
@media (min-width: 960px) {
  h1,
  .uk-h1 {
    font-size: 40px;
  }
  h2,
  .articleHeadline {
    font-size: 34px;
  }
  h3,
  .uk-h3 {
    font-size: 28px;
  }
  h4,
  .uk-h4 {
    font-size: 22px;
  }
  .destinations .homeCollection.multiCard .mygrid-item {
    min-width: 277px;
    width: calc(((100% - 100px) / 4) - -20px);
  }
  .ContenuModalView h3.articleHeadline {
    font-size: 28px;
  }
  .multiCard .mygrid-item {
    min-width: 290px;
    width: calc(33% - 10px);
  }
  .multiCard .mygrid-item.widthDouble {
    width: calc((((100% - 16px) / 3)*2) - -10px);
  }
  .multiCard .mygrid-item.widthHalf {
    width: calc(50.6% - 18px);
  }
  .grid-item {
    width: auto;
  }
  .grid-item.grid-item--height2 {
    height: 620px;
  }
  .grid-item.grid-item--height2 .uk-panel.card .uk-overlay img {
    height: 620px;
    width: auto;
  }
  .grid-item.grid-item--width2 {
    width: auto;
  }
  .hotelAttractionsSection h4 {
    font-size: 22px;
    text-align: left;
  }
  .hotelAttractionsSection .attractionsHeroContainer {
    height: 300px;
    display: block;
  }
  .hotelAttractionsSection .attractionsContainer {
    margin: -2% 2% 0 2%;
    padding: 20px 25px 20px 25px;
    width: 96%;
  }
  .hotelAttractionsSection .attractionsList ul li::before {
    padding-right: 1em;
  }
  .summaryBar .leftCol > .uk-grid {
    flex-wrap: nowrap;
  }
  #hotels-province-module .sw-width-300 {
    width: 300px;
    float: left;
  }
  #hotels-province-module .map-canva-sw {
    width: calc(100% - 300px);
  }
  #hotels-province-module .searchResultsContainer #searchResultsContent {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 1099px) and (min-width: 768px) {
  .tm-headerbar .uk-container {
    max-width: 99%;
    margin: 0;
  }
}
@media (min-width: 960px) and (max-width: 1171px) {
  .multiCard .card {
    height: 250px;
    min-height: 25px !important;
  }
  .multiCard .heightDouble .card {
    height: 570px;
  }
  html:lang(nl-BE) .summaryBar .viewAllRoomsLink a {
    font-size: 11px;
  }
}
@media (min-width: 960px) and (max-width: 1500px) {
  .searchResultsContainer .uk-width-medium-2-10 {
    min-width: 300px;
  }
  .searchResultsContainer #searchResultsContent {
    max-width: calc(100% - 300px);
  }
}
@media (min-width: 992px) {
  h1,
  .pageHeadline {
    font-size: 36px;
  }
  h4,
  .paragraphHeading {
    font-size: 21px;
  }
  h3,
  .subHeading {
    font-size: 24px;
  }
  .cmContainer p {
    font-size: 17px;
  }
  #parsys-2-section {
    padding: 0% 0% 6% 15%;
  }
  .paragraphHeading {
    font-size: 21px;
  }
  .verticalBlock .heroCaption .heroHeader {
    font-size: 35px;
  }
  .multiCard {
    max-width: 970px;
  }
  .breadcrumbWrapper .breadcrumbList li {
    font-size: initial;
  }
  .breadcrumbWrapper .breadcrumbList li a {
    font-size: initial;
  }
  .ModalHotelDetail .ccTwo {
    padding: 0 15px;
  }
  .ModalHotelDetail .detailsContainer {
    max-width: 350px;
  }
  .hotel_detail .container_sw div[data-clase="sectionResponsiveGrid-section"] {
    padding: 10px 10px 10px 10px;
  }
  .PaimentNewQ .articleHeadline {
    font-size: 28px;
  }
  .PaimentNewQ .hotelInformation .hotelImageContainer {
    order: 2;
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .PaimentNewQ .hotelInformation .brandLogoContainer {
    order: 1;
    float: none;
    text-align: center;
    padding: 0px 15px 15px;
    width: 100%;
  }
  .PaimentNewQ .hotelInformation .hotelVitalsContainer {
    float: none;
    padding-top: 15px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .rewardsDashboardNew {
    background-color: #f0f1f1;
    padding: 20px;
  }
  .rewardsDashboardNew .welcomeContainer {
    padding: 30px;
  }
  .rewardsDashboardNew .benefitsDetails {
    padding: 20px 30px;
  }
  .cartBannerContainer .bannerCell {
    font-size: 17px;
    padding: 0px 15px;
  }
  .pointsForStay .pointsForStayContainer.desktopOnly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .bookingSummaryPage .paymentSummary {
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 0;
  }
  .bookingSummaryPage .paymentSummaryFixed .paymentSummary {
    position: fixed;
    top: 0;
    width: 355px;
  }
  .bookingSummaryPage .paymentSummaryBottom .paymentSummary {
    position: absolute;
    top: auto;
    bottom: 100vh;
    width: 355px;
  }
  .bookingSummaryPage .bookingSummaryLeftCol {
    width: calc(100% - 365px);
  }
  .bookingSummaryPage .paymentSummary .taxFeeLink:after {
    content: "";
    height: 40px;
    display: block;
  }
  .hotelRoomsContainer.fullWidthVariation .photoSlider {
    width: 40%;
    max-width: 450px;
  }
  .hotelRoomsContainer.fullWidthVariation .roomDescription {
    display: none;
  }
  .hotelRoomsContainer.fullWidthVariation .roomDescriptionAsList {
    display: block;
  }
  .hotelRoomsContainer.fullWidthVariation .pointsPlusCash .roomDetails .selectRateWrapper {
    width: 45%;
  }
  .memberWelcomeContainer .bottomContainer {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .memberWelcomeContainer .memberOfferContainer {
    margin: 0 auto;
  }
  .loggedInOnly.sectionWrapperSpinner {
    padding: 0px 80px;
  }
}
@media (min-width: 1000px) {
  #hotelListColumnOne {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 120vh;
  }
}
@media (min-width: 1171px) {
  .tm-headerbar .tm-logo_ p {
    width: 221px;
  }
  .tm-headerbar .uk-navbar-nav {
    margin-left: 6%;
    height: inherit;
  }
  .tm-headerbar .uk-navbar-nav li {
    height: inherit;
  }
  .tm-headerbar .uk-navbar-nav li a {
    padding: 10px 13px;
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    max-width: 178px;
    line-height: 20px;
    letter-spacing: normal;
  }
  .tm-headerbar .uk-navbar-nav li .checkLink .navArrow {
    display: none;
  }
  .tm-headerbar .tm-resa .uk-navbar-nav {
    margin-left: 0;
  }
  html:lang(th-th) .tm-headerbar .uk-navbar-nav li a,
  html:lang(hy-am) .tm-headerbar .uk-navbar-nav li a,
  html:lang(vi-vn) .tm-headerbar .uk-navbar-nav li a,
  html:lang(id-id) .tm-headerbar .uk-navbar-nav li a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1172px) {
  .home-page-full .tm-main-top + .tm-content {
    margin-top: 0px;
  }
  .home-page-full .tm-content + .tm-main-bottom {
    margin-top: 0px;
  }
  .sw-hidden-big {
    display: none;
  }
  .searchResultsContainer .sw-width-300 {
    width: 300px;
  }
  .searchResultsContainer .sw-width-calc300 {
    width: calc(100% - 300px);
    float: right;
  }
  .searchResultsContainer .searchResultsFilters {
    height: calc(100vh - 111px);
    overflow: auto;
  }
  .searchResultsContainer.fullHeight {
    height: 100vh;
  }
  .searchResultsCard {
    margin-bottom: 15px;
  }
  .tm-block-fullwidth #filter-toggle-button_new {
    display: none;
  }
  .hotel_detail .tm-block-main .container_sw {
    max-width: 1170px;
    margin: 0 auto;
  }
  .page-booking.availabilityroom .sw-block-img {
    width: 34.2%;
  }
  .page-booking.availabilityroom .hotelVitalsDetailsRow {
    width: 64.8%;
  }
}
@media (min-width: 1200px) {
  .multiCard {
    max-width: 1170px;
  }
  .searchResultsCard .hotelName a {
    font-size: 20px;
  }
  .ModalHotelDetail .uk-modal-dialog {
    width: 1200px;
    height: auto;
    margin: 80px auto;
  }
  .ModalHotelDetail .hotelpolicy {
    margin-top: 20px;
  }
  .hotelRoomsContainer.fullWidthVariation .checkboxChipFilter {
    padding: 10px 10px 5px 20px;
  }
  .roomDetailsContainer .cardContainerWrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .bookingSummary .buttonBoxOuter {
    max-width: 650px;
  }
  .bookingSummary .bookingSummaryMainRow {
    margin-left: 0;
    margin-right: 0;
  }
  .bookingSummary .brandImage {
    max-width: 150px;
  }
  .bookingSummary .hotelName {
    font-size: 26px;
  }
  .bookingSummaryPage {
    margin: 0;
  }
  .breadcrumbWrapper {
    margin: initial;
  }
  .maxContainer {
    max-width: 1170px;
    padding-right: 0;
    padding-left: 0;
  }
  .maxContainer.whMax {
    max-width: inherit;
    padding-right: 0;
    padding-left: 0;
  }
  .navbar > .maxContainer .navbar-brand {
    margin-left: -15px;
  }
  .ratesContainer .ratesValue {
    position: absolute;
    top: 0;
    right: -22px;
  }
  .ratesContainer .limitedAvailability {
    position: absolute;
    top: 75px;
    right: 220px;
  }
  .hotelVitalsDetailsContainer .checkInOutData span {
    display: block;
  }
  .memberWelcomeContainer .bannerContainer {
    margin: 0 15px;
    padding: 0;
  }
  .memberWelcomeContainer .bottomContainer {
    padding: 0 18px;
    max-width: 1170px;
  }
}
@media (min-width: 1537px) {
  .searchResultsCard .hotelImageContainer,
  .searchResultsCard .roomImageContainer {
    width: 50%;
  }
  .searchResultsCard .hotelDetailsContainer {
    width: unset;
  }
  .searchResultsCard .hotelName,
  .searchResultsCard .hotelAddressSection {
    margin-right: 32px;
  }
  .searchResultsCard .hotelName {
    font-size: 20px;
  }
  .searchResultsCard .cityState {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .searchResultsCard .resortFee {
    font-size: 12px;
  }
  .searchResultsCard .flipCardBack {
    font-size: 14px;
  }
  .searchResultsCard .additionalLinkWrapper {
    font-size: 13px;
  }
}
@media (max-width: 1200px) {
  .flipCard {
    min-height: 100%;
  }
  .flipCardButton {
    z-index: 520;
  }
  .flipCardFront,
  .flipCardBack {
    min-height: 240px;
    justify-content: unset;
    -webkit-box-pack: unset;
  }
  .searchResultsCard {
    padding: 0;
    max-height: unset;
  }
  .searchResultsCard .hotelBrand {
    position: relative;
    width: 100%;
    float: none;
    height: 100%;
    min-height: 170px;
  }
  .searchResultsCard .aspect-maintainer {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    height: 50%;
  }
  .searchResultsCard .searchResultsCaption {
    width: 100%;
    margin-left: unset;
  }
  .searchResultsCard .hotelDetailsContainer {
    width: auto;
  }
  .searchResultsCard .carousel {
    float: unset;
  }
  .searchResultsCard .carousel-inner .hotelImage {
    display: block;
    min-height: 170px;
  }
  .searchResultsCard.selectedCard {
    min-width: unset;
  }
  .searchResultsCard .priceSection {
    bottom: 10px;
  }
}
@media (max-width: 1199px) {
  html:lang(th-th) .tm-headerbar-single .uk-container .uk-width-large-3-4,
  html:lang(th-TH) .tm-headerbar-single .uk-container .uk-width-large-3-4 {
    width: 70%;
  }
  html:lang(th-th) .tm-headerbar-single .uk-container .block-log,
  html:lang(th-TH) .tm-headerbar-single .uk-container .block-log {
    width: 30%;
  }
  .summaryBar #checkIn,
  .summaryBar #checkOut {
    display: none;
  }
  .summaryBar .datemedium,
  .summaryBar .valuefilter-medium {
    display: inline-block;
  }
  .hotelVitalsRates {
    padding: 0;
  }
  .hotelVitalsRates .hotelTitleDesktop {
    font-size: 24px;
    text-align: center;
    margin: 5px;
  }
  .ratesContainer .ratesValue {
    font-size: 18px;
    border: none;
    position: inherit;
    display: block;
    line-height: 50px;
    height: 50px;
    border-bottom: 1px solid #000;
  }
}
@media (max-width: 1172px) {
  /********* Filtre Side  **********/
  .collapsed-filter-button {
    display: block;
    float: left;
  }
  .tm-block-fullwidth #filter-toggle-button {
    display: none;
  }
  .tm-block-fullwidth .searchResultsFilters .form-horizontal {
    width: 100%;
    margin: 0;
  }
  .tm-block-fullwidth .collapsed-filter-form .clearFilters #clear-filters-btn {
    float: none;
  }
  .top-panel-map-view {
    min-height: 90px;
  }
  .top-panel-map-view .clearFilters {
    display: none;
  }
  .top-panel-map-view .count-hotels-seatch {
    margin-top: 45px;
    margin-left: 15px;
  }
  .searchResultsContainer {
    position: relative;
  }
  .searchResultsContainer .sw-width-calc300 {
    width: 100%;
  }
  .searchResultsContainer .clearFilters {
    border-bottom: 1px solid #d3d3d3;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .searchResultsContainer .clearFilters span {
    bottom: 20px;
  }
  #filter-toggle-button {
    text-align: right;
    display: block;
    position: absolute;
    top: -42px;
    left: 0;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    padding-bottom: 18px;
    height: 41px;
    background-color: white;
    width: 100px;
    padding-right: 8px;
    padding-top: 8px;
    cursor: pointer;
  }
  #filter-toggle-button.collapsed-filter-button {
    -webkit-transition: all 600ms cubic-bezier(1, -0.005, 1, -0.04);
    transition: all 600ms cubic-bezier(1, -0.005, 1, -0.04);
    border-top: 1px solid transparent;
    top: -110px;
    border-right: 1px solid transparent;
    color: var(--gColorGrayDark);
    text-transform: uppercase;
  }
  .searchResultsFilters {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    max-height: 1000px;
    min-width: 300px;
    width: 300px;
    padding: 0;
    position: absolute;
    z-index: 223;
    border-left: 0;
    padding: 0 !important;
    border-top: 0;
  }
  .searchResultsFilters .form-horizontal {
    padding: 0;
    -webkit-transition: max-height 0.5s ease, border 0.5s ease;
    transition: max-height 0.5s ease, border 0.5s ease;
    height: auto;
    max-height: 1000px;
    overflow: hidden;
    border-top: 1px solid lightgrey;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
    padding: 0 15px;
    display: none;
    margin-right: 0;
    margin-top: 5px;
  }
  .searchResultsContent {
    width: 100%;
  }
  .searchResultsContainer #searchResultsContent.searchResultsContent {
    max-width: 100vw;
  }
  .FindSearchWidget .destination {
    max-width: 250px;
  }
  .CarouselWidgetContainer .viewAllRoomsLink .uk-button {
    height: 45px;
    max-width: 100px;
  }
  .tm-block-footer {
    padding: 30px;
  }
  .tm-block-footer-all-rights {
    padding: 15px;
  }
}
@media (max-width: 1171px) {
  html:lang(th-TH) .tm-logo-small {
    width: 170px;
  }
  #offcanvas li {
    float: none;
  }
  #offcanvas li a {
    line-height: 24px;
    height: auto;
    letter-spacing: normal;
    padding: 10px 15px;
    font-size: 11px;
  }
  .sw-visible-big {
    display: none;
  }
  .tm-logo-small {
    width: 221px;
    height: 50px;
  }
  .tm-logo-small img {
    height: 50px;
  }
  .swm-lang-switch .btn-mobile-lang {
    margin: 0;
    padding: 10px 0;
    color: #fff;
    font-size: 11px;
    background-size: 8px;
    padding-right: 20px;
    display: block;
    line-height: 22px;
    float: left;
    width: 100%;
  }
  .swm-lang-switch .lang-inline {
    padding-left: 5px;
    padding-right: 5px;
    position: fixed;
    top: 0 !important;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1031;
    width: 300px;
    max-width: 100%;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    -ms-scroll-chaining: none;
    -webkit-animation: uk-slide-right-fixed 0.4s ease-in-out;
    animation: uk-slide-right-fixed 0.4s ease-in-out;
    border-radius: 0;
    margin-top: 0;
    padding: 0;
  }
  .swm-lang-switch.uk-open .lang-inline {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    -ms-scroll-chaining: none;
    -webkit-animation: uk-slide-right-fixed 0.4s ease-in-out;
    animation: uk-slide-right-fixed 0.4s ease-in-out;
  }
  .lang-mobile .languageFormButtonContainer {
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  .lang-switch-mobile {
    padding: 15px;
    min-height: 390px;
  }
  .lang-switch-mobile .control-label {
    color: #172e56;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
  }
  .lang-switch-mobile select::-ms-expand {
    display: none;
  }
  .slideReturn {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding-top: 18px;
    display: inline-block;
    cursor: pointer;
    background-color: #296bad;
    height: 50px;
    padding-left: 15px;
  }
  .slideReturn .slideReturnText {
    color: #fff;
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
    display: block;
    background: url("../images/svg/arrow-left-light.svg") no-repeat left;
    padding-left: 20px;
    background-size: 8px;
    line-height: normal;
  }
}
@media (max-width: 1050px) {
  .tm-login .loginLink {
    font-size: 11px;
  }
  .tm-login .loginFooter {
    position: fixed;
    bottom: 0;
    margin: 0;
  }
  .NewNavBarlogin .loginLink {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .navbarLoginContainer .slideButtonContainer {
    text-align: center;
    border-top: 0;
    position: fixed;
    padding: 15px 26px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
  }
  .navbarLoginContainer .check_resa_sw .guestLogin .sw-bar-close-mobile {
    height: 50px;
    background-color: #296bad;
  }
  .navbarLoginContainer .check_resa_sw .guestLogin .sw-bar-close-mobile a {
    color: #fff;
    line-height: 30px;
    padding: 10px 5%;
    text-align: left;
    width: 90%;
  }
  .navbarLoginContainer .check_resa_sw .guestLogin .sw-bar-close-mobile a:after {
    font-size: 17px;
  }
  .navbarLoginContainer .check_resa_sw .guestLogin #check-reservation-form .loginPanel {
    width: 300px;
    height: calc(100vh - 172px);
    padding: 0 15px;
    position: inherit;
  }
  .navbarLoginContainer .check_resa_sw .guestLogin #check-reservation-form .loginPanel .panel-body {
    padding-left: 0;
    padding-right: 0;
  }
  .navbarLoginContainer .check_resa_sw .guestLogin #check-reservation-form .loginPanel .btn-group .loginDirectiveContainer {
    font-size: 13px;
  }
  .navbarLoginContainer .check_resa_sw .guestLogin #check-reservation-form .loginPanel .btn-group .loginDirectiveContainer .loginDirectiveText {
    display: inline-block;
  }
  .navbarLoginContainer .check_resa_sw .guestLogin #check-reservation-form .loginPanel .btn-group .loginDirectiveContainer .loginDirectiveLinkText {
    display: inline-block;
  }
  .navbarLoginContainer .check_resa_sw .guestLogin #check-reservation-form .loginPanel .btn-group .loginDirectiveContainer .loginDirectiveLinkText .loginLink {
    vertical-align: text-top;
  }
}
@media (max-width: 991px) {
  .hotel_detail .tm-block-main .container_sw .ccOne,
  .hotel_detail .tm-block-main .container_sw .ccTwo {
    width: 100%;
    padding: 10px 10px 10px 10px;
  }
  .ContenuModalView {
    padding: 60px 15px 0;
    height: calc(100% - 60px);
    overflow-y: scroll;
  }
  .ContenuModalView .ccOne,
  .ContenuModalView .ccTwo {
    width: 100%;
  }
  .ModalHotelDetail .uk-modal-header {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--gColorGrayBg);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2000;
  }
  .ModalHotelDetail .uk-modal-header h4 {
    margin-bottom: 0;
  }
  .ModalHotelDetail .hotelVitalsContainer .articleHeadline {
    font-size: 21px;
  }
  .ModalHotelDetail .hotelPolicyContainer {
    padding: 0;
  }
  .ModalHotelDetail .hotelpolicy h3 {
    font-size: 21px;
  }
  .ModalHotelDetail .detailsRow.rowflex {
    flex-direction: row;
  }
  .PaimentNewQ {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
  }
  .PaimentNewQ .RightPayement {
    width: 100%;
    left: 0;
    box-shadow: none;
    order: 1;
  }
  .PaimentNewQ .LeftPayement {
    width: 100%;
    left: 0;
    order: 2;
  }
  .PaimentNewQ .hotelInformation .hotelInformationRow {
    display: grid;
    grid-template-columns: calc(50% + 20px) auto;
  }
  .PaimentNewQ .hotelInformation .hotelImageContainer {
    display: block;
    margin-right: 20px;
    grid-row: span 2;
    order: 1;
  }
  .PaimentNewQ .hotelInformation .hotelImageContainer .hotelImage {
    margin-right: 20px;
  }
  .PaimentNewQ .hotelInformation .brandLogoContainer {
    display: flex;
    align-self: flex-end;
    margin: 0 0 15px 0;
    order: 2;
  }
  .PaimentNewQ .hotelInformation .hotelVitalsContainer {
    margin: 0;
    align-self: flex-start;
  }
}
@media (max-width: 960px) {
  .sw-SSOB-mobile .tm-headerbar,
  .sw-SSOB-mobile .tm-block-footer,
  .sw-SSOB-mobile .tm-block-footer-all-rights {
    display: none;
    visibility: hidden;
  }
  html:lang(ru-ru) #MineBtn1 {
    display: none;
  }
  .summaryBar .destination .valuefilter {
    font-size: 12px;
  }
  .summaryBar .leftCol > .uk-grid {
    flex-wrap: wrap;
  }
  .tm-headerbar-single,
  .uk-navbar-toggle {
    height: 50px;
  }
  .tm-login .loginLink {
    padding: 10px 12px;
  }
  .NewNavBarlogin .loginLink {
    min-height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .the-brands {
    margin-left: 10px;
    margin-right: 10px;
  }
  .map_on_hotel .map-canva-sw {
    height: calc(100vh - 90px);
  }
  .roomAmenitiesModal#room-amenities-modal {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: unset;
    height: unset;
  }
  .roomAmenitiesModal .modal-dialog {
    position: static;
    height: 100%;
  }
  .roomAmenitiesModal .modal-content {
    height: 100%;
  }
  .roomAmenitiesModal .modal-content .modal-body {
    max-height: 100%;
  }
  .roomAmenitiesModal .modal-content .mainList {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  .roomAmenitiesModal .modal-content .uk-modal-header h5 {
    margin-top: 15px;
  }
  .roomAmenitiesModal .modal-content .uk-close {
    padding: 0;
    top: 18px;
    right: 13px;
  }
  .hotelAmenities .amenityContainer .carouselSlide ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  .uk-article {
    padding: 0 15px;
  }
  .hotelsprovince #filter-toggle-button.collapsed-filter-button {
    position: inherit;
    width: auto;
    margin-left: 10px;
  }
}
@media (max-width: 768px) {
  .block-log {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
  .FindSearchWidget .destination {
    max-width: unset;
    width: 100%;
  }
  .FindSearchWidget .valuefilter {
    min-height: unset;
  }
  #credentials-failed-error-msg {
    margin: 0 15px;
  }
  .loginPanel .container-fluid-modal {
    padding: 0 15px;
    width: auto;
  }
}
@media (max-width: 767px) {
  html:lang(pt-br) .viewRoomsButtonContainer {
    right: 80px;
  }
  html:lang(pt-br) .FindSearchWidget .commonExpander {
    right: 0;
  }
  body {
    font-size: 15px;
  }
  h1,
  .uk-h1,
  .article h1 {
    font-size: 24px;
    line-height: 1.5;
  }
  h3 {
    font-size: 20px;
  }
  .memberViewReservationMain .hotelAddress {
    text-align: center;
  }
  .memberViewReservationMain .RowCol {
    padding-left: 0;
    padding-right: 0;
  }
  #favorites-error-msg {
    padding-left: 30px;
    padding-right: 30px;
  }
  .tooltip-black {
    display: none !important;
  }
  .tooltip-black:after {
    left: auto;
  }
  .uk-nbfc {
    overflow: initial;
  }
  .bntsOptionsFlexContainer {
    bottom: -46px !important;
  }
  #favorite-hotel-modal-section .uk-modal-body {
    padding: 15px;
  }
  .sectionWrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  .uk-accordion-title {
    font-size: 12px;
    line-height: 1.5;
  }
  .liste-destination .uk-accordion-title {
    text-transform: uppercase;
  }
  .myFlipperWrapper {
    font-size: 12px;
  }
  .collapseButton {
    top: 0;
  }
  .sw-topPanelWrapper .summaryBar {
    z-index: 9;
  }
  .navbarLoginContainer .guestLogin .loginPanel {
    width: auto;
    box-shadow: none;
    left: 0;
    right: 0;
    position: relative;
    top: 0;
    padding: 0;
  }
  .navbarLoginContainer .guestLogin .loginPanel .modal-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .navbarLoginContainer .panel-body {
    padding: 5px 0 0 0;
  }
  .navbarLoginContainer .accountNavigation .accountNavContainer {
    box-shadow: none;
    width: 100%;
    min-width: 320px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    overflow-y: auto;
  }
  .uk-slidenav-position .uk-slideshow {
    max-height: 0 !important;
    padding-bottom: 56.25%;
  }
  .uk-slidenav-position .uk-slideshow > li {
    min-height: 0 !important;
    padding-bottom: 56.25%;
  }
  .verticalBlock {
    margin: 0 20px;
    padding-right: 0;
  }
  .uk-modal {
    background: #fff;
  }
  .uk-modal .uk-modal-body p {
    margin-left: 15px;
    margin-right: 15px;
  }
  #sw-login-right .guestLogin {
    position: relative;
  }
  #check-reservation-form .loginPanel {
    top: 0;
    width: 330px;
    right: inherit;
  }
  .loginPanel {
    height: 100vh;
    box-shadow: none;
  }
  .loginPanel .modal-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .uk-offcanvas-bar-show .menuHeaderDivider {
    border-top: 1px solid #2963a5;
    border-bottom: 1px solid #4273b5;
    height: 0px;
    margin-top: 12px;
  }
  .uk-offcanvas-bar-show .pull-right {
    float: none;
  }
  .uk-offcanvas-bar-show .pull-right ul.uk-navbar-nav {
    float: none;
  }
  .uk-offcanvas-bar-show .check_resa_sw {
    position: absolute;
    top: 0 !important;
    width: 100%;
  }
  .uk-offcanvas-bar-show .check_resa_sw .loginHeader {
    display: none;
  }
  .uk-offcanvas-bar-show .check_resa_sw .uk-modal-header {
    margin: 0;
  }
  .uk-offcanvas-bar-show .swm-lang-switch {
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .multiCard .mygrid-item.heightDouble {
    height: 300px;
  }
  .summaryBar .leftCol {
    font-size: 12px;
  }
  .summaryBar .datemedium,
  .summaryBar .valuefilter-medium {
    display: block;
  }
  .summaryBar .detail.destination {
    width: 100%;
  }
  .map_on_hotel {
    width: 100%;
    overflow: hidden;
  }
  .searchResultsContainer #hotelListColumnOne {
    padding: 10px;
    overflow: hidden;
    width: 100%;
  }
  .searchResultsContainer #hotelListColumnOne.liste-view {
    position: relative;
    height: 100%;
  }
  .searchResultsContainer #hotelListColumnOne .isotopeMover {
    height: 100%;
  }
  .searchResultsContainer .map_on_hotel {
    height: unset;
    width: 100%;
  }
  .searchResultsContainer .searchResultsCard {
    white-space: normal;
  }
  .searchResultsContainer .searchResultsCard .ctaContainer {
    margin-bottom: 10px;
  }
  #find-hotel.Find-hotel-absolute {
    display: none;
    position: fixed;
    top: 0;
    z-index: 1001;
    height: 100vh;
  }
  #find-hotel.Find-hotel-absolute .CarouselWidgetContainer {
    height: 100vh;
  }
  #find-hotel.Find-hotel-absolute .CarouselWidgetContainer .carouselWidget {
    padding-bottom: 80px;
  }
  #find-hotel.Find-hotel-absolute .CarouselWidgetContainer label {
    margin-top: 8px;
    margin-bottom: 5px;
  }
  #find-hotel.Find-hotel-absolute .CarouselWidgetContainer .cellCenter label {
    margin-bottom: 0;
  }
  #find-hotel.Find-hotel-absolute .CarouselWidgetContainer form {
    height: 100%;
  }
  #find-hotel.Find-hotel-absolute .CarouselWidgetContainer .form-group {
    width: 100%;
    padding-bottom: 10px;
    z-index: 7;
    height: 100%;
  }
  #find-hotel.Find-hotel-absolute .CarouselWidgetContainer .addRates {
    height: auto;
    overflow: inherit;
  }
  #find-hotel.Find-hotel-absolute .hidden_mine {
    display: none !important;
  }
  #find-hotel.Find-hotel-absolute .visible_mine {
    display: block !important;
    z-index: 10;
  }
  #find-hotel.Find-hotel-absolute .visible_mine .editButtons {
    position: fixed;
    width: 100%;
    z-index: 35;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 320px;
  }
  #find-hotel.Find-hotel-absolute .submitButtons {
    display: none;
  }
  #find-hotel.Find-hotel-absolute .rooms-Rates {
    height: auto;
  }
  .policiesContainer.twoColumns .policyItem {
    width: 100%;
  }
  .ui-datepicker#ui-datepicker-div {
    z-index: 1002 !important;
  }
  .FindSearchWidget .valuefilter {
    font-size: 13px;
    color: var(--gColorBrandBWDarkBlue);
    min-height: unset;
  }
  .FindSearchWidget #summary-rooms-guests .valuefilter,
  .FindSearchWidget #rate-plan .valuefilter {
    font-weight: normal;
    font-size: 10px;
  }
  .FindSearchWidget #rate-plan {
    clear: both;
    margin-top: 2px;
  }
  .FindSearchWidget .labelfilter {
    display: none;
  }
  .FindSearchWidget .destination {
    margin-bottom: 10px;
  }
  .FindSearchWidget .detail-field {
    margin-bottom: 10px;
    font-weight: normal;
  }
  .FindSearchWidget #summary-checkout,
  .FindSearchWidget #summary-checkin {
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 3px;
  }
  .FindSearchWidget #checkOut,
  .FindSearchWidget #checkIn {
    max-width: unset;
  }
  .FindSearchWidget .detail.destination {
    width: 65%;
  }
  .FindSearchWidget #summary-Night {
    display: none;
  }
  .FindSearchWidget .detail.detail-field.uk-visible-small {
    max-width: initial;
    float: left;
  }
  .viewAllRoomsLink {
    display: none !important;
  }
  .Search2023.FindSearchWidget .viewRoomsButtonContainer {
    width: auto;
  }
  .container_sw .CarouselWidgetContainer .viewAllRoomsLink {
    display: unset !important;
  }
  .container_sw .CarouselWidgetContainer #search-hotels-form #dates-guests-col {
    max-width: 60%;
    margin-right: 0;
  }
  .container_sw .CarouselWidgetContainer #summary-view-all-rooms-link {
    max-width: 80px;
    padding: 6px;
  }
  .container_sw .elementExpander {
    right: -15px;
  }
  .container_sw .roomAdd.roomDetail a {
    color: #275d8b;
  }
  .container_sw .book4plusrooms {
    display: block;
  }
  .CarouselWidgetContainer .removeRoom {
    float: right;
    margin-top: 3px;
  }
  .CarouselWidgetContainer .useRewardsPointsCheckboxContainer {
    position: initial;
    float: left;
    width: 48%;
    min-height: 60px;
    display: flex;
    align-items: flex-end;
  }
  .CarouselWidgetContainer .roomButtonGroup {
    border-top: 1px solid var(--gColorGrayDark);
    border-bottom: 1px solid var(--gColorGrayDark);
  }
  .sbFindHotelClicked .CarouselWidgetContainer .addRates {
    height: 68px;
  }
  .sbFindHotelClicked.roomsCount1 .CarouselWidgetContainer .rooms-Rates {
    height: 152px;
  }
  .sbFindHotelClicked.roomsCount2 .CarouselWidgetContainer .rooms-Rates {
    height: 214px;
  }
  .sbFindHotelClicked.roomsCount3 .CarouselWidgetContainer .rooms-Rates {
    height: 278px;
  }
  .sbFindHotelClicked.roomsCount4 .CarouselWidgetContainer .rooms-Rates {
    height: 343px;
  }
  .sbFindHotelClicked.roomsCount5 .CarouselWidgetContainer .rooms-Rates {
    height: 402px;
  }
  .sbFindHotelClicked.roomsCount6 .CarouselWidgetContainer .rooms-Rates {
    height: 464px;
  }
  .sbFindHotelClicked.roomsCount7 .CarouselWidgetContainer .rooms-Rates {
    height: 531px;
  }
  .sbFindHotelClicked.roomsCount8 .CarouselWidgetContainer .rooms-Rates {
    height: 590px;
  }
  .sbFindHotelClicked.roomsCount8 .CarouselWidgetContainer .rooms-Rates {
    height: 652px;
  }
  .viewRoomsButtonContainer {
    right: 46px;
    top: 10px;
  }
  .hotelHeaderContainer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .hotelHeader {
    position: relative;
  }
  .hotelHeader .tripAdvisorContainer {
    position: absolute;
    right: 15px;
    top: 45px;
  }
  .hotelHeader .imgheader {
    text-align: left;
  }
  .hotelVitalsDetailsContainer {
    padding: 20px 15px;
  }
  .hotelVitalsRow {
    border-left: none;
    border-right: none;
  }
  .filterOptionsContainer .findAHotel {
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
  }
  .photoSliderControls .sliderIcon {
    width: 20px;
    height: 20px;
  }
  #parsys-2-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .hotelMessageAlert {
    padding: 15px 0;
  }
  .hotelRoomsContainer.fullWidthVariation {
    font-size: 14px;
  }
  .hotelRoomsContainer.fullWidthVariation .rateBox.bestRateIndicator .bestRateAvailable {
    width: 100%;
  }
  .hotelRoomsContainer.fullWidthVariation .rateBox.bestRateIndicator .rateTitleWrapper {
    padding-top: 25px;
  }
  .hotelRoomsContainer.fullWidthVariation .rateBox .selectRateWrapper,
  .hotelRoomsContainer.fullWidthVariation .rateBox .rateTitleWrapper {
    padding: 10px;
  }
  .hotelRoomsContainer.fullWidthVariation .rateBox .selectRateWrapper .ratePriceWrapper,
  .hotelRoomsContainer.fullWidthVariation .rateBox .rateTitleWrapper .ratePriceWrapper,
  .hotelRoomsContainer.fullWidthVariation .rateBox .selectRateWrapper .ratePriceWrapper,
  .hotelRoomsContainer.fullWidthVariation .rateBox .rateTitleWrapper .ratePriceWrapper {
    display: block;
  }
  .hotelRoomsContainer.fullWidthVariation .rateBox .selectRateWrapper .ratePriceContainer,
  .hotelRoomsContainer.fullWidthVariation .rateBox .rateTitleWrapper .ratePriceContainer,
  .hotelRoomsContainer.fullWidthVariation .rateBox .selectRateWrapper .ratePriceContainer,
  .hotelRoomsContainer.fullWidthVariation .rateBox .rateTitleWrapper .ratePriceContainer {
    width: auto;
  }
  .hotelRoomsContainer.fullWidthVariation .rateBox .selectRateWrapper .selectRateButtonContainer,
  .hotelRoomsContainer.fullWidthVariation .rateBox .rateTitleWrapper .selectRateButtonContainer,
  .hotelRoomsContainer.fullWidthVariation .rateBox .selectRateWrapper .selectRateButtonContainer,
  .hotelRoomsContainer.fullWidthVariation .rateBox .rateTitleWrapper .selectRateButtonContainer {
    width: auto;
    float: right;
  }
  .hotelRoomsContainer .checkboxChipFilter .filterExpanderButton {
    margin-top: 15px;
  }
  .map_on_hotel_details .map-canva-sw,
  .map_on_hotel_details .map_on_hotel {
    height: 400px;
  }
  .room-not-av {
    width: 80%;
    left: 10%;
    top: 70px;
  }
  .hotelAmenities {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .roomAmenitiesModal .modal-content .mainList {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  .loading .cssload-loader {
    left: 34%;
  }
  .uk-modal {
    background: #fff;
  }
  .uk-modal form {
    height: 100%;
  }
  .uk-modal .uk-modal-dialog {
    padding: 0;
    box-shadow: none;
    height: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  .uk-modal.notEnoughPointsComponent {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .uk-modal.notEnoughPointsComponent .uk-modal-dialog {
    height: 50%;
    width: 70%;
    margin: 140px 15%;
  }
  .uk-modal .uk-close:after {
    margin-right: 5px;
  }
  .uk-modal .uk-modal-header {
    margin: 0;
  }
  .uk-modal .uk-modal-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
  }
  .Search2023.FindSearchWidget .CarouselWidgetContainer .uk-sticky-placeholder {
    height: auto !important;
    margin-bottom: 0 !important;
  }
  .Search2023.FindSearchWidget .CarouselWidgetContainer .uk-sticky-placeholder .carouselWidget {
    padding-bottom: 5px;
    background: #E4E4E4;
    z-index: 30;
    position: relative !important;
  }
  .Search2023.FindSearchWidget .CarouselWidgetContainer .uk-sticky-placeholder .detail.destination {
    margin-bottom: 5px;
  }
  .Search2023.FindSearchWidget .CarouselWidgetContainer .uk-sticky-placeholder .detail-field {
    margin-bottom: 0;
  }
  .Search2023.FindSearchWidget .CarouselWidgetContainer .uk-sticky-placeholder .elementExpander {
    right: -5px;
    top: 22px;
  }
  .InfoHotel2023 .hotelSummary {
    padding-left: 0;
    padding-right: 0;
  }
  .InfoHotel2023 .leftInfoColumn {
    width: 50%;
    float: left;
    text-align: left;
  }
  .InfoHotel2023 .rightInfoColumn {
    width: 50%;
    float: left;
  }
  .InfoHotel2023 .leftInfoColumn .phoneNumber a {
    display: block;
  }
  .hotelAmenities .uk-tab > li > a {
    padding: 5px;
  }
  .hotelAmenities .uk-tab > li > a h4 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .hotelAmenities .amenityContainer {
    padding: 10px;
  }
  .hotelAmenities .amenityContainer .listeamenities {
    padding-left: 15px;
  }
  .hotelAmenities .amenityContainer .uk-slidenav.uk-slidenav-next {
    right: 0;
  }
  .hotelAmenities .amenityContainer .uk-slidenav.uk-slidenav-previous {
    left: 0;
  }
  .PaimentNewQ .room-not-av {
    left: 25%;
    width: 50%;
  }
  .PaimentNewQ .LeftPayement .specialRequestFootnote {
    font-size: 14px;
  }
  .PaimentNewQ .LeftPayement .roomContainerN a {
    line-height: normal;
  }
  .PaimentNewQ h2 {
    font-size: 22px;
    line-height: 1.5;
    margin: 20px 0 20px 0;
    padding-left: 15px;
  }
  .PaimentNewQ .hotelInformation .brandLogoContainer {
    text-align: center !important;
  }
  .PaimentNewQ .hotelInformation .brandLogoContainer img {
    margin: 15px 0;
  }
  .PaimentNewQ .hotelInformation .hotelImageContainer {
    display: none;
  }
  .PaimentNewQ .hotelInformation .hotelInformationRow {
    display: block;
  }
  .PaimentNewQ .roomImage {
    margin-bottom: 15px;
  }
  .PaimentNewQ .adaptiveForm .inputTitle {
    margin-top: 10px;
  }
  .PaimentNewQ .hotelInformation {
    margin-top: 0;
  }
  .content-reward .uk-container {
    padding: 0;
  }
  .rewardsDashboardNew {
    margin-left: 0;
    margin-right: 0;
  }
  .browseRewards {
    padding-left: 15px;
    padding-right: 15px;
  }
  .browseRewards .rewardsActivityContainer {
    padding: 10px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .browseRewards .rewardsActivityContainer .rewardsRow {
    box-shadow: none;
  }
  .browseRewards.sw-statement {
    padding-left: 0;
    padding-right: 0;
  }
  .browseRewards.sw-statement .rewardsRow {
    margin-right: -15px;
    margin-left: -15px;
  }
  .browseRewards.sw-statement .buttonContainer .uk-button {
    width: 100% !important;
    margin-right: 0;
    min-width: 125px;
  }
  .pointsForStay {
    order: 0;
  }
  .pointsForStay .pointsForStayContainer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .travelCardBalanceWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .createaccountform .text-head-From h1 {
    font-size: 24px;
  }
  .JoinNewAccount .uk-grid {
    margin-top: 0;
  }
  .JoinNewAccount .form-group {
    margin-bottom: 15px;
  }
  .JoinNewAccount .remember_mecheckbox {
    margin-bottom: 20px;
  }
  .signInLinkContainer {
    margin-bottom: 15px;
  }
  .BtnJoinBas .controls {
    width: 42%;
    margin: 0 2%;
  }
  .BtnJoinBas .controls button {
    width: 100%;
    min-width: auto !important;
  }
  .createaccountform .JoinNewAccount,
  .createaccountform .signInLinkContainer {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bookingSummary.thankYou .paymentSummary .container {
    padding: 0;
  }
  .bookingSummary .boxTitle {
    font-size: 22px;
  }
  .bookingSummary .brandImageContainer {
    min-height: unset;
  }
  .bookingSummary .hotelNameContainer {
    line-height: 1.1;
  }
  .bookingSummary .hotelNameContainer a {
    font-size: 15px;
  }
  .bookingSummary .hotelName {
    line-height: 1.1;
  }
  .bookingSummary .innerContainer {
    align-items: baseline;
  }
  .bookingDetails .roomCardSummaryContainer {
    padding: 10px 0;
  }
  .roomDetailsContainer .BOOKED .photoSliderLeft {
    position: relative;
    width: calc(100% + 28px);
    margin-left: -14px;
    margin-right: -14px;
  }
  .redeempoints .productFilterContainer {
    box-sizing: border-box;
    position: fixed;
    background-color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    overflow: hidden;
    padding: 10px 25px;
    min-width: 320px;
    display: none;
  }
  .redeempoints .productFilterContainer .bwForm {
    padding: 0;
  }
  .redeempoints .productFilterContainer.showFiltre {
    display: block;
    padding: 0 10px;
  }
  .redeempoints.androidOrIos {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
  }
  .redeempoints .btndeskfiltre {
    display: none;
  }
  .redeempoints .mobileProductFilterOpener .filterOpenerIcon {
    display: table-cell;
    background: url("../images/svg/FilterIcon.svg") center no-repeat;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
  }
  .redeempoints .mobileProductFilterOpener .filterOpenerCaption {
    display: table-cell;
    padding-left: 5px;
  }
  .redeempoints .mobileProductFilterOpener .buttonCloseFilter {
    float: right;
  }
  .redeempoints .mobileProductFilterButtonContainer {
    margin: 0 -10px 10px -10px;
    padding: 15px 10px 10px 10px;
    border-bottom: 1px solid var(--gColorGrayBg);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
  }
  .redeempoints .productCatalogContainer .topButtonContainer {
    margin-top: 10px;
  }
  .redeempoints .productCatalogContainer .pageSliderControlsContainer {
    position: inherit;
  }
  .redeempoints .productCatalogContainer .pageSliderControlsContainer ul {
    padding: 0 30px;
  }
  .redeempoints .productCatalogContainer .paginationmall {
    position: relative;
  }
  .redeempoints .productCatalogContainer .pageSliderControlsContainer .uk-slidenav {
    position: absolute;
    margin-top: -15px;
  }
  .redeempoints #summary-loading.loading .cssload-loader {
    left: 35.5%;
  }
  .redeempoints .productCatalogContainer .toggledContainerWrapper.expanded .toggledContainer {
    max-height: none;
    overflow-y: auto;
  }
  .cartBanner {
    padding: 0 15px;
  }
  .CanacelBg {
    pointer-events: none;
  }
  .cancelReservationComponent .roomComponent {
    justify-content: space-between;
  }
  html:lang(ja-JP) .Search2023.FindSearchWidget .CarouselWidgetContainer .uk-sticky-placeholder .detail.destination {
    width: calc(100% - 140px);
  }
  html:lang(ja-JP) .container_sw .CarouselWidgetContainer #summary-view-all-rooms-link {
    min-width: 60px;
  }
  .InfoHotel2023 .hotelAddressContainer {
    margin-top: 15px;
  }
  .InfoHotel2023 .hotelAddress {
    display: flex;
    text-align: left;
    font-size: 12px;
  }
  .InfoHotel2023 .hotelAddress a {
    font-size: 12px;
  }
  .InfoHotel2023 .reservationsNumbre {
    text-align: right;
    width: 50%;
  }
  .InfoHotel2023 .reservationsContainer {
    width: 50%;
  }
  .uk-breadcrumb > li {
    font-size: 15px;
  }
  .uk-breadcrumb > li a {
    font-size: 15px;
  }
  .uk-article .uk-article-title {
    font-size: 30px;
  }
  .uk-article h2 {
    font-size: 24px;
  }
  .uk-article .uk-button-link {
    margin-bottom: 5px;
  }
  .uk-article .tm-article-content p {
    font-size: 14px;
    margin: 0 0 10px 0;
  }
  .uk-article .tm-article-content h3 {
    font-size: 22px;
  }
  .uk-article .tm-article-content .accordion_mine .uk-accordion-title {
    font-size: 14px;
  }
  .article .tm-main ul {
    padding-left: 0;
  }
  .swFindWrapperSb.wrap-moteur-article {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
  }
  .swFindWrapperSb.wrap-moteur-article .tm-article-image {
    display: none;
  }
  .TitreContry {
    font-size: 22px;
  }
  .DestinationContry {
    padding: 0 15px;
  }
  .DestinationContry .ImgDestinationContry {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .DestinationContry .LienDes {
    font-size: 18px;
  }
  .hotelsprovince h1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .hotelsprovince .map_on_hotel {
    height: auto;
    overflow: hidden;
  }
  .hotelsprovince .map_on_hotel .map-canva-sw {
    overflow: hidden;
  }
  .hotelsprovince .searchResultsCard {
    min-height: 254px;
  }
  .hotelsprovince .hotelDescription {
    font-size: 13px;
  }
  .hotelsprovince .filter-title {
    border: none;
  }
  .hotelsprovince .clearFilters {
    position: relative;
    padding: 0;
  }
  .hotelsprovince .uk-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
  }
  .hotelsprovince .uk-close::after {
    font-size: 25px;
    color: var(--gColorBrandBWDarkBlue);
  }
  .hotelsprovince .cluster img {
    width: 40px !important;
    height: 40px !important;
  }
  .hotelsprovince .cluster img + div {
    line-height: 40px !important;
    width: 40px !important;
  }
  .cmPromotionActionContainer {
    min-width: unset;
  }
  .cmPromotionActionContainer .circleBorder {
    left: calc(50vw - 40px);
    width: 93px;
    height: 93px;
  }
  .cmPromotionActionContainer .actionContainer {
    width: 100%;
  }
  .cmPromotionActionContainer .actionContainer.registerContainer {
    border-bottom: 0;
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.bottom .circleBorderOuter {
    left: 50vw;
    transform: translateX(-50vw);
    display: none;
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.top,
  .cmPromotionActionContainer .circleBorderOuterContainer.bottom {
    width: calc(100vw - 80px);
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.top .circleBorderOuter::before {
    width: 96px;
  }
  .cmPromotionActionContainer .circle {
    font-size: 18px;
  }
  .cmPromotionActionContainer .subHeading {
    font-size: 19px;
  }
  .destCollection .card .imgcard {
    width: 100%;
    min-height: 300px;
    max-height: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
  }
  .destCollection .mygrid-item {
    width: 100%;
  }
  .sectionresponsivegri {
    background: none !important;
    padding-bottom: 0;
  }
  .sectionresponsivegri img {
    display: none;
  }
  .sectionresponsivegri .ContentSectionR {
    position: initial;
  }
  .sectionresponsivegri .ContentSectionR h2 {
    font-size: 22px;
  }
  .PgRewardsContent table {
    display: none;
  }
  .PgRewardsContent .tm-article-blog .tm-article-image-large {
    display: none;
  }
  .PgRewardsContent .uk-article .richTextEditorExtended {
    padding-top: 0;
  }
  .PgRewardsContent .uk-article .richTextEditorExtended a {
    display: block;
    margin: 0 45px;
  }
  .PgRewardsContent .uk-article h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: normal;
  }
  .PgRewardsContent .uk-article h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
  }
  .slideRew h2 {
    font-size: 21px;
  }
  .GrisBtnDiamond {
    background: #e4e4e4;
    text-align: center;
  }
  .swFindWrapperSb.wrap-moteur-article .findHotelWrappersw {
    top: 0;
  }
  div.rsform {
    padding: 10px;
  }
  div.rsform .uk-form-row.rsform-block {
    width: 100%;
  }
  div.rsform .uk-form-row.rsform-block label {
    font-weight: normal;
  }
  div.rsform .uk-form-row .rsform-input-box,
  div.rsform .uk-form-row select {
    width: 100% !important;
  }
  .Page_offre.featured h1 {
    font-size: 18px;
  }
  .Search2023.FindSearchWidget .form-group {
    background-color: #fff;
    padding: 10px;
  }
  .Search2023.FindSearchWidget .submitButtons {
    margin-top: 0;
    padding: 0 10px 10px;
    background-color: #fff;
  }
  .browseRewards .offerAvailability > span {
    width: 100%;
    display: block;
  }
  .Page_offre .grayBackground.block-upper {
    margin-top: 0;
  }
  .currencyDropdownContainer {
    justify-content: center;
    right: 0;
    left: 0;
  }
  .currencyDropdownContainer label {
    font-size: 13px;
  }
  .hotelVitalsRates .ratesContainer {
    text-align: center;
  }
  .hotelVitalsRates #summary-complete-hv {
    text-align: center;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 auto;
  }
  .hotelVitalsRates #summary-complete-hv .ratesValue {
    font-size: 14px;
  }
  .hotelVitalsRates #summary-complete-hv .currencyCode {
    display: none;
  }
  .hotelVitalsRates #summary-complete-hv #currency-symbol-selected-rate-hv {
    margin-right: 3px;
  }
}
@media (max-width: 480px) {
  .map_on_hotel #floating-panel {
    right: 215px;
  }
  html:lang(bg-bg) .collapsed-filter-form .clearFilters #clear-filters-btn {
    max-width: 160px;
    line-height: normal;
  }
  .top-panel-map-view .count-hotels-seatch {
    margin-left: 0;
  }
  .myFlipperWrapper .vcenter {
    padding-right: 30px;
  }
  .myFlipperWrapper .gated-email-input {
    font-size: 12px;
  }
  .myFlipperWrapper .gatedRateEmailInput {
    padding-right: 7px;
  }
  .myFlipperWrapper .btn-blue-border {
    font-size: 12px;
  }
  .clearFilters {
    padding-right: 15px;
    padding-top: 15px;
    border-bottom: thin solid lightgray;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
  .margin-bottom-sw {
    margin-top: 15px !important;
  }
  .collapsed-filter-form {
    display: none;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    background-color: #fff;
    padding: 0 10px 10px;
    overflow-y: auto;
  }
  .collapsed-filter-form label {
    text-transform: uppercase;
    color: #172e56;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 2px;
  }
  .collapsed-filter-form label.filterCheckboxLabel {
    text-transform: none;
    font-weight: normal;
  }
  .collapsed-filter-form .checkboxContainer {
    padding: 2px 8px 4px;
  }
  .collapsed-filter-form .filter-title {
    color: var(--gColorBrandBWDarkBlue);
    font-size: 20px;
  }
  .collapsed-filter-form #clear-filters-btn {
    float: right;
    margin-bottom: 2px;
  }
  .collapsed-filter-form #update-button-container {
    display: block !important;
  }
  #update-button-group {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 10px 5px;
    background: lightgray;
  }
  #update-button-group button {
    width: 145px;
  }
  .memberViewReservationMain .confirmationHeader,
  .memberViewReservationMain .confirmationNumber,
  .memberViewReservationMain .header,
  .memberViewReservationMain .date {
    display: inline;
  }
  .ContentModalForm .uk-width-medium-2-5,
  .ContentModalForm .uk-width-medium-1-2 {
    width: 100%;
  }
  .ContentModalForm .uk-width-medium-3-5,
  .ContentModalForm .uk-width-medium-1-5 {
    width: 70%;
  }
  .ContentModalForm .uk-width-medium-1-3 {
    width: 100%;
  }
  .ContentModalForm .uk-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .searchResultsCard .hotelTypeDescription {
    font-size: 13px;
    margin-top: 0;
  }
  .cmPromotionActionContainer .circleBorderOuterContainer.top,
  .cmPromotionActionContainer .circleBorderOuterContainer.bottom {
    width: calc(100vw - 30px);
  }
  .cmPromotionActionContainer .circleBorder {
    left: 46vw;
  }
  .destinations #destinations-map {
    padding: 0 15px;
  }
  .tm-block-footer {
    padding: 10px;
  }
  .collapsed-filter-form {
    display: none;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    background-color: #fff;
    padding: 0 10px 10px;
    overflow-y: auto;
  }
  .collapsed-filter-form .clearFilters .filter-title {
    color: #003c7e;
    font-size: 20px;
  }
  .collapsed-filter-form .clearFilters #clear-filters-btn {
    float: right;
    margin-bottom: 2px;
  }
  .collapsed-filter-form #update-button-container {
    display: block !important;
  }
  .uk-breadcrumb {
    padding-left: 15px;
    padding-right: 15px;
  }
  .article .tm-main .tm-article-content ul {
    padding-left: 20px;
  }
  .uk-margin-large-right {
    margin-right: 10px !important;
  }
  .tm-logo-small img {
    width: auto;
  }
}
@media (max-width: 479px) {
  .summaryBar:not(.newVariant).searchBarEditContainer .findHotel .findAHotel .findHotelHeader {
    display: block;
  }
  .summaryBar:not(.newVariant).searchBarEditContainer .findAHotel .editButtonsContainer {
    margin: 0;
    padding-top: 70px;
    display: block;
  }
  .summaryBar:not(.newVariant).searchBarEditContainer .findAHotel .editButtonsContainer .editButtons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 360px;
  }
  .cartCheckoutContainer {
    padding: 5px;
    border-radius: 5px;
  }
  .cartCheckoutContainer .productAmountContainer p,
  .cartCheckoutContainer .productSubtotalContainer p {
    font-size: 15px;
  }
  .cartCheckoutContainer .orderSummaryContainer.bottom {
    -webkit-box-ordinal-group: 2;
    order: 1;
    padding: 0px 10px 10px;
    margin: 0px;
  }
  .cartCheckoutContainer .orderSummaryContainer .orderSummaryRow {
    font-size: inherit;
    box-shadow: rgba(0, 0, 0, 0.75) 1px 2px 5px 0px;
    border-radius: 5px;
  }
  .cartCheckoutContainer .orderSummaryContainer .pointSummaryTable {
    max-width: none;
  }
  .cartCheckoutContainer .summaryError {
    max-width: none;
    padding: 10px 15px 2px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .multiCard .mygrid-item {
    width: calc(50% - 10px);
    margin-left: 1%;
  }
  .multiCard .mygrid-item.widthDouble {
    width: 99%;
  }
  .the-brands .uk-panel-title {
    margin-left: 2%;
  }
  .titre-home-best .uk-panel-title {
    margin-left: 2%;
    font-size: 24px;
    text-align: center;
  }
  .liste-destination {
    margin-left: 2%;
  }
  .hotelImageSlider {
    padding-left: 0;
    padding-right: 0;
  }
  .confirmAReservation {
    margin-left: -15px;
    margin-right: -15px;
    border-bottom: 1px solid #356294;
  }
  .authorTemplate.swFindWrapperSb {
    padding: 0;
  }
  .hotelDetailsContainer .buttonWrapper .expandHotelDetailsButton {
    font-size: 28px;
    padding: 5px 15px 5px 15px;
  }
  .amenitiesHeader h4 {
    font-size: 24px;
  }
  .photoSlider .photoSliderControls {
    right: 5px;
  }
  .tm-logo-small img {
    height: 60px !important;
    margin-top: -7px;
  }
  .PgRewardsContent .uk-article h2 {
    font-size: 26px;
  }
  .PgRewardsContent .sectionresponsivegri {
    padding: 20px 50px 50px 50px;
  }
  .PgRewardsContent .sectionresponsivegri h2 {
    font-size: 26px;
  }
  .PgRewardsContent .sectionresponsivegri .ContentSectionR {
    top: 200px;
    max-width: 540px;
    padding: 0 15px;
  }
  .PgRewardsContent .sectionresponsivegri .ContentSectionR h2 {
    font-size: 26px;
  }
  .PgRewardsContent .sectionresponsivegri .slideRew h2 {
    font-size: 22px;
  }
  .PgRewardsContent .hotelVitalsDetailsContainer {
    padding: 20px 15px;
  }
  .PgRewardsContent .hotelVitalsRow {
    border-left: none;
    border-right: none;
  }
  .PgRewardsContent .secondaryNavigationContainer .centeringDiv {
    margin-top: 5px;
  }
  .PgRewardsContent .filterWrapper {
    margin-top: 5px;
  }
  .PgRewardsContent .filterWrapper .filterWrapperborder {
    margin-top: 0;
  }
  .PgRewardsContent .hoteldetails .hotelHeader {
    margin-bottom: 20px;
  }
  .PgRewardsContent .redeempoints .productCatalog .productFilter {
    width: 25%;
  }
  .PgRewardsContent .redeempoints .productCatalog .rightRedemNew {
    width: 75%;
  }
  .PgRewardsContent .cartBannerContainer {
    font-size: 12px;
  }
  .PgRewardsContent .cartBannerContainer .cartMessageContainer a {
    font-size: 12px;
  }
  .PgRewardsContent .cartBannerContainer .cartLogoContainer {
    display: none;
  }
  .PgRewardsContent .cartBannerContainer .bannerCell {
    font-size: 12px;
  }
  .PgRewardsContent .inlineGatedRateBannerContainer .shown {
    padding-left: 0;
    padding-right: 0;
  }
  .PgRewardsContent .inlineGatedRateBannerContainer .shown button {
    padding-left: 10px;
    padding-right: 10px;
  }
  .PgRewardsContent .hotelRoomsContainer .roomDescriptionList {
    font-size: 14px;
  }
  .PgRewardsContent .swFindWrapperSb .findHotelWrappersw .CarouselWidgetContainer .carouselWidget .roomButtonGroup label {
    font-size: 10px;
  }
  .PgRewardsContent .roomDetailsContainer .roomDetailsTitle {
    font-size: 20px;
  }
  .destCollection {
    margin-left: 15px;
  }
  .destCollection .mygrid-item {
    width: calc(40%);
  }
}