@font-face {
    font-family: 'Trade Gothic Next LT Pro';
    font-display: swap;
    src: url("../fonts/TradeGothicNextLTPro-BdCn.eot");
    src: url("../fonts/TradeGothicNextLTPro-BdCn.eot?#iefix") format("embedded-opentype"), url("../fonts/TradeGothicNextLTPro-BdCn.woff2") format("woff2"), url("../fonts/TradeGothicNextLTPro-BdCn.woff") format("woff"), url("../fonts/TradeGothicNextLTPro-BdCn.ttf") format("truetype"), url("../fonts/TradeGothicNextLTPro-BdCn.svg#TradeGothicNextLTPro-BdCn") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Viva Beautiful Caps';
    font-display: swap;
    src: url("../fonts/VivaBeautifulCaps.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-family: 'Viva Beautiful Caps';
    src: url("../fonts/VivaBeautifulCaps-Regular.eot");
    src: url("../fonts/VivaBeautifulCaps-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/VivaBeautifulCaps-Regular.woff2") format("woff2"), url("../fonts/VivaBeautifulCaps-Regular.woff") format("woff"), url("../fonts/VivaBeautifulCaps-Regular.ttf") format("truetype"), url("../fonts/VivaBeautifulCaps-Regular.svg#VivaBeautifulCaps-Regular") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Pitch Medium';
    font-display: swap;
    src: url("../fonts/Pitch-Medium.eot");
    src: url("../fonts/Pitch-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Pitch-Medium.woff2") format("woff2"), url("../fonts/Pitch-Medium.woff") format("woff"), url("../fonts/Pitch-Medium.ttf") format("truetype"), url("../fonts/Pitch-Medium.svg#Pitch-Medium") format("svg");
    font-weight: 500;
    font-style: normal
}

html {
    box-sizing: border-box
}

*,
*::after,
*::before {
    box-sizing: inherit
}

fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    font-weight: 600;
    margin-bottom: 1rem;
    padding: 0
}

input,
select {
    display: block;
    font-family: inherit;
    font-size: 1rem
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input:not([type]),
textarea,
select {
    border: 1px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 50px;
    height: 50px;
    width: 100% !important;
    background-color: transparent;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none
}

input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
    outline: none
}

input[type="color"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input:not([type])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #000 !important
}

input[type="color"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input:not([type])::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: #000 !important
}

input[type="color"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input:not([type]):-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    color: #000 !important
}

input[type="color"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input:not([type]):-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: #000 !important
}

input[type="color"] option,
input[type="date"] option,
input[type="datetime"] option,
input[type="datetime-local"] option,
input[type="email"] option,
input[type="month"] option,
input[type="number"] option,
input[type="password"] option,
input[type="search"] option,
input[type="tel"] option,
input[type="text"] option,
input[type="time"] option,
input[type="url"] option,
input[type="week"] option,
input:not([type]) option,
textarea option,
select option {
    color: black
}

textarea {
    resize: vertical;
    height: 10rem;
    line-height: auto
}

[type="search"] {
    appearance: none
}

[type="checkbox"],
[type="radio"] {
    display: inline;
    margin-right: 10px;
    line-height: auto
}

[type="file"] {
    margin-bottom: 1rem;
    width: 100%;
    height: auto;
    line-height: auto
}

select {
    width: auto
}

select::-ms-expand {
    display: none
}

select option {
    color: black !important
}

.contour fieldset {
    margin-bottom: 0
}

.contour.no-label .umbraco-forms-field:not(.checkbox):not(.multiplechoice)>label:not([for='checkboxes']):not([for='radio_buttons']) {
    display: none
}

.contour.no-placeholder input[type=text]::-webkit-input-placeholder,
.contour.no-placeholder textarea::-webkit-input-placeholder {
    color: transparent !important
}

.contour.no-placeholder input[type=text]::-moz-placeholder,
.contour.no-placeholder textarea::-moz-placeholder {
    color: transparent !important
}

.contour.no-placeholder input[type=text]:-moz-placeholder,
.contour.no-placeholder textarea:-moz-placeholder {
    color: transparent !important
}

.contour.no-placeholder input[type=text]:-ms-input-placeholder,
.contour.no-placeholder textarea:-ms-input-placeholder {
    color: transparent !important
}

.contour .umbraco-forms-field>label {
    margin-bottom: 5px;
    display: block;
    font-weight: bold
}

.contour .umbraco-forms-field.checkbox {
    position: relative
}

.contour .umbraco-forms-field.checkbox>label {
    padding-left: 30px;
    display: block
}

.contour .umbraco-forms-field.checkbox>div {
    position: static
}

.contour .umbraco-forms-field.checkbox>div input {
    position: absolute;
    top: 0;
    left: 0
}

.contour .umbraco-forms-field.multiplechoice>div {
    position: relative
}

.contour .umbraco-forms-field.multiplechoice>div>span {
    display: block
}

.contour .umbraco-forms-field.multiplechoice>div>span br {
    display: none
}

.contour .umbraco-forms-field.multiplechoice>div>span>label {
    padding-left: 30px;
    display: block
}

.contour .umbraco-forms-field.multiplechoice>div>span input {
    position: absolute
}

.contour .umbraco-forms-field>div .checkboxlist>label,
.contour .umbraco-forms-field>div .radiobuttonlist>label {
    font-family: inherit;
    text-transform: none;
    letter-spacing: 0;
    font-size: 1rem;
    color: #000;
    margin-bottom: 0 !important;
    border: 0;
    display: inline-block;
    width: auto
}

.contour .umbraco-forms-field>div .field-validation-error {
    display: block;
    color: red;
    padding: .5rem 1rem;
    background-color: #fcc;
    position: relative
}

.contour .umbraco-forms-field>div .field-validation-error:before {
    content: "⚠ "
}

.contour .umbraco-forms-field:not(:last-child) {
    margin-bottom: 1.5rem
}

.contour:not(:last-child) {
    margin-bottom: 1.5rem
}

@media screen and (max-width: 47.9375em) {
    .contour .contourNavigation input {
        width: 100%
    }
}

ul,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.flex-direction-nav {
    position: initial;
}

ul.default>li {
    position: relative;
    padding: 0;
    margin: 0 0 0 1rem
}

ul.default>li::before {
    position: absolute;
    left: -1rem;
    content: "•"
}

ol.default>li {
    position: relative;
    padding: 0;
    margin: 0 0 0 1rem;
    counter-increment: step-counter
}

ol.default>li::before {
    position: absolute;
    left: -1rem;
    content: counter(step-counter)
}

table {
    border-collapse: collapse;
    font-feature-settings: "kern", "liga", "tnum";
    margin: 0;
    table-layout: fixed;
    width: 100%
}

th {
    border-bottom: 1px solid #999;
    font-weight: 600;
    padding: .5em 0;
    text-align: left
}

td {
    border-bottom: 1px solid #ccc;
    padding: .5em 0
}

tr,
td,
th {
    vertical-align: middle
}

.table-holder {
    overflow: hidden;
    overflow-x: auto
}

.table-holder>table {
    table-layout: auto
}

img,
picture {
    margin: 0;
    max-width: 100%;
    border: 0;
    backface-visibility: hidden
}

hr {
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1em 0
}

a {
    color: #c2e3d4;
    text-decoration: underline;
    -webkit-transition: opacity 250ms, color 250ms;
    -moz-transition: opacity 250ms, color 250ms;
    transition: opacity 250ms, color 250ms
}

a:active,
a:focus,
a:hover {
    opacity: .8
}

a.accent,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a {
    color: #c2e3d4
}

p,
ul.default,
ol.default,
.table-holder,
fieldset,
form,
ul.downloadModule {
    margin: 0 0 .5em
}

p:last-child,
ul.default:last-child,
ol.default:last-child,
.table-holder:last-child,
fieldset:last-child,
form:last-child,
ul.downloadModule:last-child {
    margin-bottom: 0 !important
}

sup {
    font-size: 1rem
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
p.button>a,
a.full-button,
a.button.negative:hover,
p.button.negative>a:hover,
.activities-list p>a,
.activities-list p>a:hover,
.spa_hotel p>a,
.spa_hotel p>a:hover {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    padding: 0 2rem;
    text-decoration: none;
    background-color: #c2e3d4;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    margin: 0;
    line-height: calc(50px - 2px) !important;
    border: 1px solid #c2e3d4
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
p.button>a:hover,
a.full-button:hover,
a.button.negative:hover,
p.button.negative>a:hover {
    opacity: .8
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
p.button,
a.button {
    margin-top: 3rem
}

p.button.center {
    text-align: center
}

a.button.negative,
p.button.negative>a {
    background-color: transparent;
    border: 1px solid #c2e3d4;
    color: #c2e3d4
}

a.button.negative:hover,
p.button.negative>a:hover {
    opacity: 1
}

.slideshow {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 90
}

.slideshow .flexslider .slides {
    height: 100%;
    position: relative;
    z-index: 5
}

.slideshow .flexslider .slides>li {
    position: relative;
    height: 100%;
    display: none
}

.slideshow .flexslider .flex-share,
.slideshow .flexslider .flex-close,
.slideshow .flexslider .video-close {
    display: none
}

.slideshow .flexslider.loading .spinner {
    display: block
}

.overlay-hero .slideshow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.overlay-hero .slideshow .flex-share,
.overlay-hero .slideshow .flex-close,
.overlay-hero .slideshow .video-close {
    display: block
}

.overlay-hero .slideshow .flexslider .slides {
    overflow: hidden
}

.overlay-hero .slideshow .flexslider .slides>li picture {
    top: 50px !important;
    bottom: 50px !important
}

.overlay-hero .slideshow .flexslider .slides>li .flex-caption {
    top: auto !important;
    height: 50px;
    line-height: 50px;
    color: #fff
}

.overlay-hero .slideshow .flexslider .slides>li .flex-caption>div>div {
    vertical-align: middle !important;
    padding: 0 !important
}

.overlay-hero .slideshow .flexslider .slides>li .flex-caption:after {
    display: none
}

.slideshow-holder.hero .slideshow .flexslider .slides>li picture {
    background-size: cover
}

.slideshow-holder.hero .slideshow .flexslider .slides>li .video-holder {
    height: 100%
}

.overlay-hero .slideshow .flexslider .slides>li picture {
    background-size: contain
}

.slideshow-holder.hero .slideshow .flexslider,
.overlay-hero .slideshow .flexslider {
    height: 100%;
    position: relative
}

.slideshow-holder.hero .slideshow .flexslider .slides>li picture,
.overlay-hero .slideshow .flexslider .slides>li picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2
}

.slideshow-holder.hero .slideshow .flexslider .slides>li picture img,
.overlay-hero .slideshow .flexslider .slides>li picture img {
    display: none
}

.slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption,
.overlay-hero .slideshow .flexslider .slides>li .flex-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

.slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption>div,
.overlay-hero .slideshow .flexslider .slides>li .flex-caption>div {
    display: table;
    height: 100%;
    width: 100%
}

.slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption>div>div,
.overlay-hero .slideshow .flexslider .slides>li .flex-caption>div>div {
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.slideshow-holder.hero .slideshow .flexslider .slides>li .flex-share,
.overlay-hero .slideshow .flexslider .slides>li .flex-share {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    display: none
}

.slideshow-holder.mono .slideshow .flexslider .slides>li picture {
    display: block;
    width: 100%;
    background-image: none !important
}

.slideshow-holder.mono .slideshow .flexslider .slides>li picture img {
    display: block;
    width: 100%
}

.slideshow-holder.mono .slideshow .flex-slides-nav {
    position: absolute;
    right: 0;
    bottom: 0
}

.carousel .flexslider {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.carousel .flexslider .slides {
    width: 100% !important;
    text-align: center
}

.carousel .flexslider .slides>li {
    vertical-align: top;
    float: none !important;
    width: 0;
    overflow: hidden;
    display: none
}

.carousel .flexslider .slides>li>div>a>img,
.carousel .flexslider .slides>li>div>img {
    display: block;
    width: 100%
}

.carousel .flexslider .slides>li>div>a {
    display: block
}

.carousel .flexslider .slides>li[style*="block"] {
    display: inline-block !important
}

@media screen and (max-width: 63.9375em) {
    .flexslider .flex-direction-nav {
        display: none
    }
}

@media screen and (min-width: 64em) {
    .flexslider .flex-direction-nav {
        display: block
    }
    .flexslider .flex-direction-nav>li {
        display: none
    }
}

@media screen and (max-width: 63.9375em) {
    .flexslider .flex-control-nav {
        display: block
    }
}

@media screen and (min-width: 64em) {
    .flexslider .flex-control-nav {
        display: none
    }
}

#overlay .flexslider .flex-direction-nav {
    display: block
}

#overlay .flexslider .flex-control-nav {
    display: none
}

.slideshow .flexslider .flex-viewport {
    height: 100%
}

.slideshow .flexslider .flex-viewport .slides>li {
    overflow: hidden
}

.slideshow .flexslider .flex-viewport .slides>li picture {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.slideshow .flexslider .spinner {
    display: none;
    width: 60px;
    height: 30px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -25px;
    z-index: 10
}

.slideshow .flexslider .spinner>div {
    background-color: #c2e3d4;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}

.slideshow .flexslider .spinner>div.rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.slideshow .flexslider .spinner>div.rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

.slideshow .flexslider .spinner>div.rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.slideshow .flexslider .spinner>div.rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

@-webkit-keyframes stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@-moz-keyframes stretchdelay {
    0%,
    40%,
    100% {
        -moz-transform: scaleY(0.4)
    }
    20% {
        -moz-transform: scaleY(1)
    }
}

@keyframes stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
        -ms-transform: scaleY(0.4);
        -o-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.slideshow-holder.hero {
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100%;
    background-color: black
}

.slideshow-holder.hero .slideshow .flexslider:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30%;
    z-index: 7;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)
}

.slideshow-holder.hero .slideshow .flexslider .slides>li picture {
    -webkit-transition: -webkit-transform 6s;
    -moz-transition: -moz-transform 6s;
    transition: transform 6s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption>div>div>div {
    margin: 0 auto
}

@media screen and (min-width: 48em) {
    .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption>div>div>div {
        width: 50%
    }
}

@media screen and (max-width: 47.9375em) {
    .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption>div>div>div {
        width: 70%
    }
}

.slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption>div>div>div * {
    color: #fff
}

.slideshow-holder.hero .slideshow .flexslider .slides>li.flex-active-slide picture {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.slideshow-holder.mono {
    width: 100%
}

.slideshow-holder .slideshow .flexslider .slides>li[data-class='class-1'] .flex-caption>div>div {
    color: blue
}

.slideshow-holder .slideshow .flexslider .slides>li[data-class='class-2']:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 0, 0, 0.5);
    z-index: 3
}

.overlay-hero .slideshow .flexslider {
    padding: 0
}

.overlay-hero .slideshow .flexslider .slides>li .flex-caption:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30%;
    z-index: 7;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)
}

.overlay-hero .slideshow .flexslider .slides>li .flex-caption>div>div {
    position: relative;
    z-index: 10;
    vertical-align: bottom;
    padding: 1rem 0
}

.flex-close,
.video-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    cursor: pointer;
    z-index: 110;
    background-image: url(../img/close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)
}

.ext-flex-prev-next,
.slideshow .flexslider .flex-direction-nav .flex-prev,
.slideshow .flexslider .flex-direction-nav .flex-next,
.carousel .flexslider .flex-direction-nav .flex-prev,
.carousel .flexslider .flex-direction-nav .flex-next {
    position: absolute;
    top: 50%;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    z-index: 99;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)
}

.ext-flex-prev,
.slideshow .flexslider .flex-direction-nav .flex-prev,
.carousel .flexslider .flex-direction-nav .flex-prev {
    left: 0;
    background-image: url(../img/slider-left.svg)
}

.ext-flex-next,
.slideshow .flexslider .flex-direction-nav .flex-next,
.carousel .flexslider .flex-direction-nav .flex-next {
    right: 0;
    background-image: url(../img/slider-right.svg)
}

.ext-flex-control-nav,
.slideshow .flexslider .flex-control-nav,
.carousel .flexslider .flex-control-nav {
    z-index: 100;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;
    line-height: 10px
}

.ext-flex-control-nav li,
.slideshow .flexslider .flex-control-nav li,
.carousel .flexslider .flex-control-nav li {
    display: inline-block;
    margin: 0 .5rem;
    vertical-align: middle
}

.ext-flex-control-nav li:first-child,
.slideshow .flexslider .flex-control-nav li:first-child,
.carousel .flexslider .flex-control-nav li:first-child {
    margin-left: 0
}

.ext-flex-control-nav li:last-child,
.slideshow .flexslider .flex-control-nav li:last-child,
.carousel .flexslider .flex-control-nav li:last-child {
    margin-right: 0
}

.ext-flex-control-nav li a,
.slideshow .flexslider .flex-control-nav li a,
.carousel .flexslider .flex-control-nav li a {
    display: block;
    height: 8px;
    width: 8px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 8px;
    cursor: pointer
}

.ext-flex-control-nav li a.flex-active,
.slideshow .flexslider .flex-control-nav li a.flex-active,
.carousel .flexslider .flex-control-nav li a.flex-active {
    background-color: white
}

.ext-flex-control-nav-carousel,
.carousel .flexslider .flex-control-nav {
    top: auto;
    bottom: 0
}

.ext-flex-control-nav-carousel li a,
.carousel .flexslider .flex-control-nav li a {
    border: 1px solid #000
}

.ext-flex-control-nav-carousel li a.flex-active,
.carousel .flexslider .flex-control-nav li a.flex-active {
    background-color: #000
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .carousel .flexslider {
        padding-bottom: 50px
    }
}

@media screen and (max-width: 47.9375em) {
    .carousel .flexslider {
        padding-bottom: 50px
    }
}

.carousel .flexslider .flex-viewport {
    margin: 0
}

@media screen and (max-width: 47.9375em) {
    .carousel .flexslider .flex-viewport {
        margin-left: -3vw;
        margin-right: -3vw
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .carousel .flexslider .flex-viewport {
        margin-left: -1.5vw;
        margin-right: -1.5vw
    }
}

@media screen and (min-width: 64em) {
    .carousel .flexslider .flex-viewport {
        margin-left: -1.5vw;
        margin-right: -1.5vw
    }
}

.carousel .flexslider .slides>li>div {
    white-space: normal;
    padding: 0
}

@media screen and (max-width: 47.9375em) {
    .carousel .flexslider .slides>li>div {
        padding-left: 3vw;
        padding-right: 3vw
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .carousel .flexslider .slides>li>div {
        padding-left: 1.5vw;
        padding-right: 1.5vw
    }
}

@media screen and (min-width: 64em) {
    .carousel .flexslider .slides>li>div {
        padding-left: 1.5vw;
        padding-right: 1.5vw
    }
}

#overlay,
.inline-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none
}

#overlay,
.inline-overlay {
    background-color: #000 !important
}

.inline-overlay {
    display: none
}

.inline-overlay>div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 4vw 0
}

.inline-overlay>div>div {
    display: table;
    height: 100%;
    width: 100%
}

.inline-overlay>div>div>div {
    display: table-cell;
    vertical-align: middle
}

.inline-overlay>div>div>div>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.inline-overlay>div>div>div>div::after {
    clear: both;
    content: "";
    display: table
}

.inline-overlay>div>div>div>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .inline-overlay>div>div>div>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .inline-overlay>div>div>div>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .inline-overlay>div>div>div>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.inline-overlay>div>div>div>div>div {
    background-color: #fff;
    position: relative
}

@media screen and (max-width: 47.9375em) {
    .inline-overlay>div>div>div>div>div {
        padding: 60px 20px
    }
}

@media screen and (min-width: 48em) {
    .inline-overlay>div>div>div>div>div {
        padding: 60px 4vw
    }
}

.inline-overlay>div>div>div>div>div>a {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    display: block;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

.inline-overlay>div>div>div>div>div>a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #534c4c;
    z-index: 1
}

.inline-overlay>div>div>div>div>div>a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%);
    z-index: 2
}

@media screen and (min-width: 48em) {
    .inline-overlay>div>div>div>div>div .extras-canvas>div::after {
        clear: both;
        content: "";
        display: table
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div {
        float: left
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:first-child {
        width: 60%
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child {
        width: 40%;
        text-align: right
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div a.button {
        margin: 0
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div:first-child {
        margin-bottom: 3rem
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li {
        display: inline-block
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input {
        float: right;
        margin: 0 0 0 10px
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li+li {
        margin-left: 40px
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>p.button {
        text-align: right
    }
}

@media screen and (max-width: 47.9375em) {
    .inline-overlay>div>div>div>div>div .extras-canvas>div a.button {
        margin: 2rem 0 0;
        display: block
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child {
        margin-top: 20px
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li {
        display: block
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input {
        float: left;
        margin: 0 10px 0 0
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li+li {
        margin-top: 10px
    }
    .inline-overlay>div>div>div>div>div .extras-canvas>p.button a {
        display: block
    }
}

.inline-overlay>div>div>div>div>div .extras-canvas>div+div {
    margin-top: 2rem
}

.inline-overlay>div>div>div>div>div .extras-canvas>div>div:first-child h4 {
    margin-bottom: 0
}

.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li {
    vertical-align: middle
}

.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input {
    position: relative;
    top: 5px
}

.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input:checked+label {
    color: #c2e3d4
}

.inline-overlay>div>div>div>div>div .extras-canvas>p.button {
    margin-top: 2rem
}

@media screen and (min-width: 48em) {
    .inline-overlay.reduced>div>div>div>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 82.78443%;
        margin-left: 8.60778%
    }
    .inline-overlay.reduced>div>div>div>div>div:last-child {
        margin-right: 0
    }
}

.inline-overlay:not(.reduced)>div>div>div>div>div {
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%
}

.inline-overlay:not(.reduced)>div>div>div>div>div:last-child {
    margin-right: 0
}

#ui-datepicker-div {
    z-index: 999 !important;
    width: 300px;
    background-image: none !important
}

.ui-tooltip {
    background-color: black;
    z-index: 1000;
    position: absolute;
    padding: 2px 6px;
    text-align: center;
    width: 200px;
    color: white;
    font-size: .8rem
}

.ui-tooltip:after {
    content: "";
    position: absolute;
    display: block;
    background-color: black;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: -5px;
    left: 100px;
    height: 10px;
    width: 10px
}

@media screen and (max-width: 47.9375em) {
    .box,
    .box.margin-standard {
        margin-bottom: 80px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box,
    .box.margin-standard {
        margin-bottom: 110px
    }
}

@media screen and (min-width: 64em) {
    .box,
    .box.margin-standard {
        margin-bottom: 150px
    }
}

@media screen and (max-width: 47.9375em) {
    .box.margin-reduced {
        margin-bottom: 60px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box.margin-reduced {
        margin-bottom: 70px
    }
}

@media screen and (min-width: 64em) {
    .box.margin-reduced {
        margin-bottom: 90px
    }
}

@media screen and (max-width: 47.9375em) {
    .box.margin-gutter {
        margin-bottom: 3vw
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box.margin-gutter {
        margin-bottom: 3vw
    }
}

@media screen and (min-width: 64em) {
    .box.margin-gutter {
        margin-bottom: 3vw
    }
}

@media screen and (max-width: 47.9375em) {
    .box.margin-minimum {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box.margin-minimum {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 64em) {
    .box.margin-minimum {
        margin-bottom: 70px
    }
}

.box.background-1,
.box.background-2,
.box.margin-null {
    margin-bottom: 0 !important
}

.box.background-1 {
    background-color: #f3efe8
}

.box.background-2 {
    background-color: #534c4c
}

@media screen and (max-width: 47.9375em) {
    .box.background-1,
    .box.background-1.margin-standard,
    .box.background-2,
    .box.background-2.margin-standard {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box.background-1,
    .box.background-1.margin-standard,
    .box.background-2,
    .box.background-2.margin-standard {
        padding-top: 110px;
        padding-bottom: 110px
    }
}

@media screen and (min-width: 64em) {
    .box.background-1,
    .box.background-1.margin-standard,
    .box.background-2,
    .box.background-2.margin-standard {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

@media screen and (max-width: 47.9375em) {
    .box.background-1.margin-reduced,
    .box.background-2.margin-reduced {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box.background-1.margin-reduced,
    .box.background-2.margin-reduced {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media screen and (min-width: 64em) {
    .box.background-1.margin-reduced,
    .box.background-2.margin-reduced {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media screen and (max-width: 47.9375em) {
    .box.background-1.margin-minimum,
    .box.background-2.margin-minimum {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box.background-1.margin-minimum,
    .box.background-2.margin-minimum {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 64em) {
    .box.background-1.margin-minimum,
    .box.background-2.margin-minimum {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.box[class*="background"]+.box[class*="background"] {
    padding-top: 0 !important
}

@media screen and (max-width: 47.9375em) {
    .box[class*="background"]+.box:not([class*="background"]) {
        margin-top: 80px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box[class*="background"]+.box:not([class*="background"]) {
        margin-top: 110px
    }
}

@media screen and (min-width: 64em) {
    .box[class*="background"]+.box:not([class*="background"]) {
        margin-top: 150px
    }
}

@media screen and (min-width: 48em) {
    body[class*="Corporate"] #boxes {
        margin-top: 76px
    }
}

@media screen and (max-width: 47.9375em) {
    body[class*="Corporate"] #boxes {
        margin-top: 60px
    }
}

@media screen and (max-width: 47.9375em) {
    body[class*="Hero"] #boxes {
        margin-top: 80px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    body[class*="Hero"] #boxes {
        margin-top: 110px
    }
}

@media screen and (min-width: 64em) {
    body[class*="Hero"] #boxes {
        padding-top: 150px;
    }
}

body {
    margin: 0;
    background-color: white;
    overflow-x: hidden
}

body.overflow-hidden {
    overflow: hidden;
    position: relative;
    height: 100%
}

.sub-nav {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0
}

@media screen and (max-width: 47.9375em) {
    .sub-nav {
        margin-bottom: 60px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .sub-nav {
        margin-bottom: 70px
    }
}

@media screen and (min-width: 64em) {
    .sub-nav {
        margin-bottom: 90px
    }
}

.sub-nav ul {
    text-align: center
}

.sub-nav ul li {
    vertical-align: middle
}

@media screen and (min-width: 48em) {
    .sub-nav ul li {
        display: inline-block
    }
    .sub-nav ul li+li {
        margin-left: 1.5rem
    }
}

@media screen and (max-width: 47.9375em) {
    .sub-nav ul li+li {
        margin-top: 10px
    }
}

.sub-nav ul li a.list,
.sub-nav ul li a.map {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block
}

.sub-nav ul li a.list {
    height: 20px;
    width: 20px;
    background-image: url(../img/view-thumbs.svg);
    filter: invert(94%) sepia(8%) saturate(596%) hue-rotate(96deg) brightness(96%) contrast(86%)
}

.sub-nav ul li a.map {
    height: 25px;
    width: 24px;
    background-image: url(../img/view-map.svg)
}

@media screen and (max-width: 47.9375em) {
    .sub-nav ul li.hide {
        display: none
    }
}

.sub-nav ul.menu li a {
    text-decoration: none
}

.sub-nav ul.menu li.selected a {
    color: #c2e3d4
}

.sub-nav select {
    background-color: transparent;
    border: 0;
    height: auto;
    background-image: url(../img/dropdown.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0 16px 0 0;
    background-size: 10px auto;
    width: auto !important;
    margin: 0 auto
}

.sub-nav select.menu {
    display: none
}

@media screen and (max-width: 47.9375em) {
    .sub-nav ul.menu {
        display: none
    }
    .sub-nav select {
        display: block !important;
        width: 100% !important
    }
}

@media screen and (min-width: 48em) {
    .sub-nav::after {
        clear: both;
        content: "";
        display: table
    }
    .sub-nav>div:first-child {
        float: left
    }
    .sub-nav>div:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (max-width: 47.9375em) {
    .sub-nav>div+div {
        margin-top: 20px;
        border-top: 1px solid #ccc;
        padding-top: 20px
    }
}

.sub-nav.cols-3 {
    padding: 0
}

.sub-nav.cols-3>div {
    float: left;
    width: 33.33333%;
    padding: 20px 0;
    border-right: 1px solid #ccc
}

.sub-nav.cols-3>div:last-child {
    float: left
}

.sub-nav.cols-3>div:nth-child(3) {
    border-right: 0
}

.sub-nav.cols-3>div select {
    padding: 0 20px;
    width: 100% !important;
    background-position: center right 20px;
    line-height: 2.4em
}

@media screen and (max-width: 47.9375em) {
    .sub-nav.cols-3>div {
        padding: 14px 0;
        float: none !important;
        width: 100%;
        border-right: 0;
        margin-top: 0
    }
    .sub-nav.cols-3>div select {
        padding: 0;
        background-position: center right 0
    }
}

.badge-holder {
    position: relative
}

.badge-holder picture {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%
}

.badge-holder picture img {
    display: block;
    width: 100%
}

.badge-holder .badge.medium {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 6
}

.badge.big {
    opacity: 1;
    text-decoration: none;
    display: inline-block;
    height: 194px;
    width: 194px;
    padding: 55px 20px 0;
    overflow: hidden;
    background-image: url(../img/hero-circle-banner.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center
}

.badge.big * {
    color: #fff
}

.badge.big span {
    display: block;
    margin-bottom: 0 !important
}

@media screen and (max-width: 47.9375em) {
    .badge.big {
        height: 159px;
        width: 159px;
        padding-top: 50px
    }
}

.badge.medium {
    color: #fff !important;
    margin-bottom: 0 !important;
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    overflow: hidden;
    text-align: center
}

@media screen and (min-width: 48em) {
    .badge.medium {
        height: 140px;
        width: 140px;
        line-height: 140px !important;
        border-radius: 140px
    }
}

@media screen and (max-width: 47.9375em) {
    .badge.medium {
        height: 96px;
        width: 96px;
        line-height: 96px !important;
        border-radius: 96px
    }
}

.badge.small,
.ui-datepicker .ui-datepicker-calendar th span.badge,
fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .badge.add-room,
.rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
#footer>div>div:not(:first-child) li a.badge {
    height: 100px;
    width: 100px;
    line-height: 100px !important;
    border-radius: 100px;
    color: #fff !important;
    z-index: 6;
    background-color: #000;
    overflow: hidden;
    text-align: center
}

p.full-link {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    text-align: center
}

p.link>a,
a.link,
p.full-link a,
.hotels-list>form>div:last-child>div:last-child ul li:last-child a {
    text-decoration: none;
    color: #c2e3d4 !important
}

@media screen and (max-width: 47.9375em) {
    .hide-in-small {
        display: none
    }
}

@media screen and (min-width: 48em) {
    .hide-in-small-up {
        display: none
    }
}

@media screen and (min-width: 64em) {
    .hide-in-large {
        display: none
    }
}

@media screen and (max-width: 63.9375em) {
    .hide-in-medium-down {
        display: none
    }
}

.tripadvisor img {
    position: relative;
    top: 3px;
    margin-right: 10px
}

.label a,
.ui-datepicker .ui-datepicker-calendar th span a,
.ui-datepicker .ui-datepicker-calendar td a a,
.ui-datepicker .ui-datepicker-calendar td>span a,
fieldset.quick-booking .field.dates .pnl .clear a,
fieldset.quick-booking .field.dates .pnl .legend li>span:last-child a,
fieldset.quick-booking .field.rooms .pnl .room>span:first-child a,
fieldset.quick-booking .field.rooms .pnl .room>a a,
fieldset.quick-booking .field.rooms .pnl .add-room a,
#hero-canvas.video-link>a.video-link a,
.rooms-list>.item>div.last-child .compare label a,
.box5.video-link>a a,
.box16>div>div>a>div p a,
.box17>div>div>a>div p a,
.rooms-list>.item>div.last-child .rates form>div.right ul li>strong a,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label a {
    text-decoration: none;
    color: inherit
}

.ui-helper-hidden-accessible {
    display: none !important
}

.ui-datepicker {
    width: 100% !important
}

.ui-datepicker .ui-datepicker-header {
    position: relative
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    cursor: pointer;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px auto;
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
    opacity: .2
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 0;
    background-image: url(../img/slider-left.svg)
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 0;
    background-image: url(../img/slider-right.svg)
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    text-align: center;
    color: #fff !important;
    line-height: 2rem !important
}

.ui-datepicker .ui-datepicker-calendar {
    margin-top: 20px
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    border: 0;
    text-align: center;
    padding: 0
}

.ui-datepicker .ui-datepicker-calendar th span,
.ui-datepicker .ui-datepicker-calendar th a,
.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
    display: block
}

.ui-datepicker .ui-datepicker-calendar th span {
    margin-bottom: 0 !important;
    color: #727070 !important
}

.ui-datepicker .ui-datepicker-calendar td:not(.ui-datepicker-other-month) {
    border: 1px solid #727070
}

.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
    color: #727070
}

.ui-datepicker .ui-datepicker-calendar td a {
    margin-bottom: 0 !important;
    text-decoration: none;
    color: #fff !important;
    opacity: 1
}

.ui-datepicker .ui-datepicker-calendar td>span {
    margin-bottom: 0 !important
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month {
    opacity: 0
}

.ui-datepicker .ui-datepicker-calendar td.closed a {
    background-image: url(../img/calendar-pattern-not-available.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: default
}

.ui-datepicker .ui-datepicker-calendar td.restriction a {
    background-image: url(../img/calendar-pattern-restrictions.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.ui-datepicker .ui-datepicker-calendar td:not(.closed).main .ui-state-default {
    background-color: #A2731E;
}

.ui-datepicker .ui-datepicker-calendar td:not(.closed).range .ui-state-default {
    background-color: #A2731E;
}

.ui-datepicker .ui-datepicker-calendar td:not(.closed):not(.ui-state-disabled):hover a {
    background-color: #F1F1F1;
}

.ui-datepicker .ui-datepicker-row-break {
    clear: both
}

fieldset.quick-booking {
    /* width: 705px; */
    width: 821px;
}

fieldset.quick-booking::after {
    clear: both;
    content: "";
    display: table
}

fieldset.quick-booking .field {
    float: left;
    position: relative;
    z-index: 8
}

fieldset.quick-booking .field.selected {
    position: relative;
    z-index: 9
}

#booking-mobile fieldset.quick-booking .field>a {
    color: #fff !important;
}

#booking-mobile fieldset.quick-booking .field>a:after {
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%);
}

fieldset.quick-booking .field>a {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    color: #000 !important;
    text-decoration: none;
    line-height: 50px !important;
    padding-left: 34px;
    position: relative
}

fieldset.quick-booking .field>a:after {
    display: block;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    /*filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)*/
}

fieldset.quick-booking .field .pnl {
    display: none;
    position: absolute;
    background-color: #222;
    padding: 20px 34px
}

fieldset.quick-booking .field .pnl::after {
    clear: both;
    content: "";
    display: table
}

fieldset.quick-booking .field.destinations {
    width: 241px
}

fieldset.quick-booking .field.destinations>a:after {
    background-image: url(../img/booking-destination.svg);
    height: 22px;
    width: 16px;
    margin-top: -11px
}

fieldset.quick-booking .field.destinations .pnl a {
    color: #fff !important;
    white-space: nowrap;
    line-height: 2em
}

fieldset.quick-booking .field.destinations .pnl a:hover {
    opacity: 1;
    color: #c2e3d4
}

fieldset.quick-booking .field.dates {
    width: 241px
}

fieldset.quick-booking .field.dates>a .from,
fieldset.quick-booking .field.dates>a .to {
    display: none
}

fieldset.quick-booking .field.dates>a:after {
    background-image: url(../img/booking-calendar.svg);
    height: 24px;
    width: 24px;
    margin-top: -12px
}

fieldset.quick-booking .field.dates .pnl {
    width: 370px
}

fieldset.quick-booking .field.dates .pnl .datepicker.not-ready:after {
    content: "Loading...";
    color: #c2e3d4
}

fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar th span,
fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar th a,
fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar td span,
fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar td a {
    line-height: 42px
}

fieldset.quick-booking .field.dates .pnl .clear {
    margin-top: 20px;
    margin-bottom: 0 !important;
    color: #fff !important;
    display: none
}

fieldset.quick-booking .field.dates .pnl .legend {
    margin-top: 20px;
    display: none;
    display: none !important
}

fieldset.quick-booking .field.dates .pnl .legend li {
    display: inline-block
}

fieldset.quick-booking .field.dates .pnl .legend li+li {
    margin-left: 10px
}

fieldset.quick-booking .field.dates .pnl .legend li>span:first-child {
    vertical-align: middle;
    height: 22px;
    width: 22px;
    display: inline-block;
    margin-right: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #727070
}

fieldset.quick-booking .field.dates .pnl .legend li>span:first-child.closed {
    background-image: url(../img/calendar-pattern-not-available.png)
}

fieldset.quick-booking .field.dates .pnl .legend li>span:first-child.restriction {
    background-image: url(../img/calendar-pattern-restrictions.png) !important
}

fieldset.quick-booking .field.dates .pnl .legend li>span:last-child {
    margin-bottom: 0 !important;
    color: #727070 !important;
    display: inline-block
}

fieldset.quick-booking .field.rooms {
    width: 241px
}

fieldset.quick-booking .field.rooms>a:after {
    background-image: url(../img/booking-guests.svg);
    height: 24px;
    width: 24px;
    margin-top: -12px
}

fieldset.quick-booking .field.rooms .pnl {
    width: 387px
}

fieldset.quick-booking .field.rooms .pnl .room {
    margin-bottom: 20px
}

fieldset.quick-booking .field.rooms .pnl .room>a {
    float: right
}

fieldset.quick-booking .field.rooms .pnl .room>span:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a {
    margin-bottom: 0 !important;
    color: #fff !important;
    display: inline-block;
    line-height: 30px !important
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest {
    border: 1px solid #727070;
    line-height: 40px
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest::after {
    clear: both;
    content: "";
    display: table
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest:not(:first-child) {
    margin-top: 10px
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest>span {
    color: #fff !important
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest>span:first-child {
    margin-left: 12px
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest .add,
fieldset.quick-booking .field.rooms .pnl .room>div .guest .sub {
    float: right;
    height: 40px;
    width: 40px;
    border-left: 1px solid #727070;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    position: relative
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest .add:after,
fieldset.quick-booking .field.rooms .pnl .room>div .guest .sub:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px auto
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest .add:hover,
fieldset.quick-booking .field.rooms .pnl .room>div .guest .sub:hover {
    background-color: #727070
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest .add:hover:after,
fieldset.quick-booking .field.rooms .pnl .room>div .guest .sub:hover:after {
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest .add:after {
    background-image: url(../img/plus.svg)
}

fieldset.quick-booking .field.rooms .pnl .room>div .guest .sub:after {
    background-image: url(../img/minus.svg)
}

fieldset.quick-booking .field.rooms .pnl .add-room {
    margin-bottom: 0 !important;
    color: #fff !important;
    display: inline-block;
    line-height: 30px !important
}

fieldset.quick-booking .field.options {
    width: 151px
}

fieldset.quick-booking .field.options>a {
    padding-left: 0
}

fieldset.quick-booking .field.options .pnl {
    width: 300px;
    margin-left: -34px
}

fieldset.quick-booking .field.options .pnl>div input {
    background-color: transparent;
    border: 1px solid #727070;
    height: 42px;
    padding: 0 12px;
    color: #fff !important
}

fieldset.quick-booking .field.options .pnl>div input::-webkit-input-placeholder {
    color: #fff !important
}

fieldset.quick-booking .field.options .pnl>div input::-moz-placeholder {
    color: #fff !important
}

fieldset.quick-booking .field.options .pnl>div input:-moz-placeholder {
    color: #fff !important
}

fieldset.quick-booking .field.options .pnl>div input:-ms-input-placeholder {
    color: #fff !important
}

fieldset.quick-booking a.button {
    width: 221px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    color: white;
    position: relative;
}

#resa_btn_desktop span {
    text-transform: initial;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    text-align: center;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.vjs-icon-subtitles,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10c"
}

.vjs-icon-captions,
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-captions:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10d"
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.vjs-icon-circle,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115"
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d"
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.video-js {
    display: block;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: 0.5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.0em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all 0.2s;
    height: 0.3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    transition: width 0.1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3.5em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    cursor: pointer;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate>.vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
    animation: 0s linear 0.3s forwards vjs-spinner-show
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: white
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: white
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
    display: none
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}


/*@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto
    }
    .vjs-text-track-settings .vjs-track-settings-colors {
        display: block;
        grid-column: 1;
        grid-row: 1
    }
    .vjs-text-track-settings .vjs-track-settings-font {
        grid-column: 2;
        grid-row: 1
    }
    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 2;
        grid-row: 2
    }
}*/

.vjs-track-setting>select {
    margin-right: 5px
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    visibility: hidden
}

.video-holder {
    position: relative;
    z-index: 1;
    height: 70vh;
    width: 100%;
    overflow: hidden
}

.video-holder .video-start,
.video-holder .video-ended,
.video-holder .video-go-full {
    height: 64px;
    width: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    z-index: 40
}

.video-holder .video-start a,
.video-holder .video-ended a,
.video-holder .video-go-full a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    position: relative
}

.video-holder .video-start a:after,
.video-holder .video-ended a:after,
.video-holder .video-go-full a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%);
    background-image: url(../img/play.svg)
}

.video-holder .video-ended {
    display: none
}

.video-holder .video-poster {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.video-holder div.video-js {
    z-index: 10;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.video-holder div.video-js video {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover
}

.video-holder div.video-js .vjs-control-bar {
    z-index: 20
}

.video-holder div.video-js .vjs-poster,
.video-holder div.video-js .vjs-volume-control,
.video-holder div.video-js .vjs-big-play-button,
.video-holder div.video-js .vjs-fullscreen-control {
    display: none !important
}

.video-holder div.video-js .vjs-control {
    width: 4em !important;
    outline: none
}

.video-holder div.video-js .vjs-loading-spinner {
    border-color: rgba(0, 0, 0, 0.5);
    z-index: 30
}

.video-holder div.video-js * {
    box-shadow: none !important;
    text-shadow: none !important
}

#overlay #video-ratio {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-bottom: 45.02%;
    margin-top: -22.51%;
    width: 80%;
    margin-left: -40%
}

#overlay #video-ratio .video-holder {
    height: auto;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#overlay #video-ratio .video-holder div.video-js {
    position: absolute
}

#overlay #video-ratio .video-holder div.video-js video {
    min-width: auto;
    min-height: auto;
    width: 100%
}

#overlay .video-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    line-height: 50px
}

.video-play {
    text-decoration: underline
}

.video-play.pause {
    text-decoration: none;
    opacity: .5
}

.video-mute {
    text-decoration: underline
}

.video-mute.mute {
    text-decoration: none;
    opacity: .5
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
    20% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
    35% {
        border-top-color: white
    }
    60% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
    100% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
}

@-moz-keyframes vjs-spinner-fade {
    0% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
    20% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
    35% {
        border-top-color: white
    }
    60% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
    100% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
    20% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
    35% {
        border-top-color: white
    }
    60% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
    100% {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
}

.masonry-holder.gallery {
    overflow: hidden
}

.masonry-holder.gallery .grid {
    position: relative;
    margin-bottom: 0
}

.masonry-holder.gallery .grid::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 64em) {
    .masonry-holder.gallery .grid {
        margin-top: -45px;
        margin-left: -22.5px;
        margin-right: -22.5px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .masonry-holder.gallery .grid {
        margin-top: -30px;
        margin-left: -15px;
        margin-right: -15px
    }
}

@media screen and (max-width: 47.9375em) {
    .masonry-holder.gallery .grid {
        margin-top: -15px;
        margin-left: -7.5px;
        margin-right: -7.5px
    }
}

.masonry-holder.gallery .grid .grid-item {
    float: left;
    padding-bottom: 0
}

@media screen and (min-width: 64em) {
    .masonry-holder.gallery .grid .grid-item {
        padding-top: 45px;
        padding-left: 22.5px;
        padding-right: 22.5px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .masonry-holder.gallery .grid .grid-item {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 47.9375em) {
    .masonry-holder.gallery .grid .grid-item {
        padding-top: 15px;
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

.masonry-holder.gallery .grid .grid-item>div>a:first-child {
    opacity: 1;
    overflow: hidden;
    display: block
}

.masonry-holder.gallery .grid .grid-item>div>a:first-child>img,
.masonry-holder.gallery .grid .grid-item>div>a:first-child>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.masonry-holder.gallery .grid .grid-item>div>a:first-child:hover>img,
.masonry-holder.gallery .grid .grid-item>div>a:first-child:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.masonry-holder.gallery .grid .grid-item>div>a:first-child img {
    width: 100%;
    display: block
}

@media screen and (min-width: 64em) {
    .masonry-holder.gallery .grid .grid-sizer,
    .masonry-holder.gallery .grid .grid-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .masonry-holder.gallery .grid .grid-sizer,
    .masonry-holder.gallery .grid .grid-item {
        width: 50%
    }
}

@media screen and (max-width: 47.9375em) {
    .masonry-holder.gallery .grid .grid-sizer,
    .masonry-holder.gallery .grid .grid-item {
        width: 100%
    }
}

.masonry-holder.instagram {
    overflow: hidden
}

.masonry-holder.instagram .grid {
    position: relative;
    margin-bottom: 0;
    margin-top: -6px;
    margin-left: -3px;
    margin-right: -3px
}

.masonry-holder.instagram .grid::after {
    clear: both;
    content: "";
    display: table
}

.masonry-holder.instagram .grid .grid-item {
    float: left;
    padding-bottom: 0;
    padding-top: 6px;
    padding-left: 3px;
    padding-right: 3px
}

.masonry-holder.instagram .grid .grid-item>div>a:first-child {
    opacity: 1;
    overflow: hidden;
    display: block
}

.masonry-holder.instagram .grid .grid-item>div>a:first-child>img,
.masonry-holder.instagram .grid .grid-item>div>a:first-child>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.masonry-holder.instagram .grid .grid-item>div>a:first-child:hover>img,
.masonry-holder.instagram .grid .grid-item>div>a:first-child:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.masonry-holder.instagram .grid .grid-item>div img {
    width: 100%;
    display: block
}

@media screen and (min-width: 48em) {
    .masonry-holder.instagram .grid .grid-sizer,
    .masonry-holder.instagram .grid .grid-item {
        width: 20%
    }
}

@media screen and (max-width: 47.9375em) {
    .masonry-holder.instagram .grid .grid-sizer,
    .masonry-holder.instagram .grid .grid-item {
        width: 50%
    }
    .masonry-holder.instagram .grid .grid-sizer:nth-child(n+5),
    .masonry-holder.instagram .grid .grid-item:nth-child(n+5) {
        display: none
    }
}

@media screen and (min-width: 48em) {
    .masonry-holder.instagram .grid .grid-item.big {
        width: 40%
    }
}

.activities-list {
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%
}

.activities-list:last-child {
    margin-right: 0
}

@media screen and (min-width: 64em) {
    .activities-list>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 31.13773%
    }
    .activities-list>div:last-child {
        margin-right: 0
    }
    .activities-list>div:nth-child(3n) {
        margin-right: 0
    }
    .activities-list>div:nth-child(3n+1) {
        clear: left
    }
    .activities-list>div:nth-child(n+4) {
        margin-top: 4rem
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .activities-list>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 48.35329%
    }
    .activities-list>div:last-child {
        margin-right: 0
    }
    .activities-list>div:nth-child(2n) {
        margin-right: 0
    }
    .activities-list>div:nth-child(2n+1) {
        clear: left
    }
    .activities-list>div:nth-child(n+3) {
        margin-top: 4rem
    }
}

@media screen and (max-width: 47.9375em) {
    .activities-list>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 100%
    }
    .activities-list>div:last-child {
        margin-right: 0
    }
    .activities-list>div:nth-child(1n) {
        margin-right: 0
    }
    .activities-list>div:nth-child(1n+1) {
        clear: left
    }
    .activities-list>div:nth-child(n+2) {
        margin-top: 4rem
    }
}

.activities-list>div>a:first-child {
    opacity: 1;
    overflow: hidden;
    display: block;
    margin-bottom: 2rem
}

.activities-list>div>a:first-child>img,
.activities-list>div>a:first-child>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.activities-list>div>a:first-child:hover>img,
.activities-list>div>a:first-child:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.activities-list>div img {
    display: block;
    width: 100%
}

.activities-list>div .newsletter {
    position: relative;
    overflow: hidden;
    background-image: url(../img/hotelmahogany-newsletter-background-vertical.png);
    background-position: top center;
    background-size: contain
}

.activities-list>div .newsletter img {
    position: relative;
    z-index: 1;
    margin-bottom: 0
}

.activities-list>div .newsletter>div {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    padding: 24px;
    text-align: center
}

.activities-list>div .newsletter>div h2,
.activities-list>div .newsletter>div p {
    margin-bottom: 0
}

.activities-list>div .newsletter>div p.button {
    margin-top: 2rem
}

@media screen and (max-width: 47.9375em) {
    .activities-list>div .newsletter>div p.button a {
        display: block
    }
}

.hotels-list>form {
    border: 1px solid #ccc
}

@media screen and (max-width: 47.9375em) {
    .hotels-list>form+form {
        margin-top: 3vw
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .hotels-list>form+form {
        margin-top: 3vw
    }
}

@media screen and (min-width: 64em) {
    .hotels-list>form+form {
        margin-top: 3vw
    }
}

@media screen and (max-width: 47.9375em) {
    .hotels-list>form+form {
        margin-top: 4rem
    }
}

.hotels-list>form>div:first-child img {
    width: 100%;
    display: block
}

.hotels-list>form>div:last-child>div:last-child .tripadvisor {
    margin-bottom: 20px
}

.hotels-list>form>div:last-child>div:last-child ul {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (min-width: 64em) {
    .hotels-list>form {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 100%;
        display: flex
    }
    .hotels-list>form:last-child {
        margin-right: 0
    }
    .hotels-list>form>div:first-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 39.74551%
    }
    .hotels-list>form>div:first-child:last-child {
        margin-right: 0
    }
    .hotels-list>form>div:last-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 56.96108%;
        position: relative
    }
    .hotels-list>form>div:last-child:last-child {
        margin-right: 0
    }
    .hotels-list>form>div:last-child>div:first-child {
        float: left;
        display: block;
        margin-right: 5.78186%;
        width: 84.88831%
    }
    .hotels-list>form>div:last-child>div:first-child:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 64em) and (max-width: 47.9375em) {
    .hotels-list>form>div:last-child>div:first-child {
        margin-top: 3vw
    }
}

@media screen and (min-width: 64em) and (min-width: 48em) and (max-width: 63.9375em) {
    .hotels-list>form>div:last-child>div:first-child {
        margin-top: 3vw
    }
}

@media screen and (min-width: 64em) and (min-width: 64em) {
    .hotels-list>form>div:last-child>div:first-child {
        margin-top: 3vw
    }
}

@media screen and (min-width: 64em) {
    .hotels-list>form>div:last-child>div:last-child {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }
    .hotels-list>form>div:last-child>div:last-child ul::after {
        clear: both;
        content: "";
        display: table
    }
    .hotels-list>form>div:last-child>div:last-child ul li:first-child {
        float: left
    }
    .hotels-list>form>div:last-child>div:last-child ul li:last-child {
        float: right;
        margin-right: 2rem
    }
}

@media screen and (max-width: 63.9375em) {
    .hotels-list>form>div:last-child>div:last-child ul li:last-child a.link,
    .hotels-list>form>div:last-child>div:last-child ul li:last-child p.full-link a,
    p.full-link .hotels-list>form>div:last-child>div:last-child ul li:last-child a,
    .hotels-list>form>div:last-child>div:last-child ul li:last-child a {
        margin-top: 20px;
        display: block;
        background-color: #c2e3d4;
        text-align: center;
        padding: 0 2rem;
        color: #fff !important;
        line-height: 50px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .hotels-list>form>div:last-child>div:first-child {
        padding: 2rem
    }
    .hotels-list>form>div:last-child>div:last-child .tripadvisor,
    .hotels-list>form>div:last-child>div:last-child ul {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media screen and (max-width: 47.9375em) {
    .hotels-list>form>div:last-child>div:first-child {
        padding: 20px
    }
    .hotels-list>form>div:last-child>div:last-child .tripadvisor,
    .hotels-list>form>div:last-child>div:last-child ul {
        padding-left: 20px;
        padding-right: 20px
    }
}

#hero-canvas {
    position: relative
}

#hero-canvas .video-holder,
#hero-canvas .slideshow-holder.hero {
    z-index: 1
}

@media screen and (max-width: 47.9375em) {
    #hero-canvas .video-holder,
    #hero-canvas .slideshow-holder.hero {
        height: 100vw;
        width: 100vw;
        margin-top: 70px !important;
    }
}

@media screen and (min-width: 48em) {
    #hero-canvas .video-holder,
    #hero-canvas .slideshow-holder.hero {
        width: 100%;
        height: calc(100vh - 50px)
    }
}

#hero-canvas .slideshow-holder.hero .flex-control-nav {
    display: block
}

#hero-canvas .slideshow-holder.hero .flex-direction-nav .flex-prev,
#hero-canvas .slideshow-holder.hero .flex-direction-nav .flex-next {
    width: 25% !important;
    height: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    filter: none !important;
    background: none !important
}

#hero-canvas .slideshow-holder.hero .flex-direction-nav .flex-prev {
    cursor: url("../img/slider-left-white.png") 0 0, pointer
}

#hero-canvas .slideshow-holder.hero .flex-direction-nav .flex-next {
    cursor: url("../img/slider-right-white.png") 0 0, pointer
}

@media screen and (max-width: 64em) {
    #hero-canvas .slideshow-holder.hero .flex-direction-nav {
        display: none
    }
}

#hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption {
    background-color: rgba(0, 0, 0, 0.2)
}

#hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption p.label a,
#hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption fieldset.quick-booking .field.dates .pnl p.clear a,
fieldset.quick-booking .field.dates .pnl #hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption p.clear a,
#hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption fieldset.quick-booking .field.rooms .pnl p.add-room a,
fieldset.quick-booking .field.rooms .pnl #hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption p.add-room a,
#hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption .box16>div>div>a>div p a,
.box16>div>div>a>div #hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption p a,
#hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption .box17>div>div>a>div p a,
.box17>div>div>a>div #hero-canvas .slideshow-holder.hero .slideshow .flexslider .slides>li .flex-caption p a {
    text-decoration: underline
}

#hero-canvas .video-holder {
    position: relative
}

#hero-canvas .video-holder:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 11;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 47.9375em) {
    #hero-canvas .video-holder:after {
        display: none
    }
}

#hero-canvas .video-holder>div.intro {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 12;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#hero-canvas .video-holder>div.intro::after {
    clear: both;
    content: "";
    display: table
}

#hero-canvas .video-holder>div.intro * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    #hero-canvas .video-holder>div.intro {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    #hero-canvas .video-holder>div.intro {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    #hero-canvas .video-holder>div.intro {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

#hero-canvas .video-holder>div.intro>div {
    text-align: center
}

#hero-canvas .video-holder>div.intro>div * {
    color: #fff
}

#hero-canvas .video-holder>div.intro>div p.label a,
#hero-canvas .video-holder>div.intro>div fieldset.quick-booking .field.dates .pnl p.clear a,
fieldset.quick-booking .field.dates .pnl #hero-canvas .video-holder>div.intro>div p.clear a,
#hero-canvas .video-holder>div.intro>div fieldset.quick-booking .field.rooms .pnl p.add-room a,
fieldset.quick-booking .field.rooms .pnl #hero-canvas .video-holder>div.intro>div p.add-room a,
#hero-canvas .video-holder>div.intro>div .box16>div>div>a>div p a,
.box16>div>div>a>div #hero-canvas .video-holder>div.intro>div p a,
#hero-canvas .video-holder>div.intro>div .box17>div>div>a>div p a,
.box17>div>div>a>div #hero-canvas .video-holder>div.intro>div p a {
    text-decoration: underline
}

#hero-canvas .video-holder>div.intro>div .video-go-full {
    position: relative;
    top: auto;
    left: auto;
    margin: 2rem auto 0 auto
}

@media screen and (min-width: 48em) {
    #hero-canvas .badge.big {
        position: absolute;
        bottom: 144px;
        z-index: 13
    }
}

@media screen and (min-width: 48em) and (max-width: 47.9375em) {
    #hero-canvas .badge.big {
        right: 24px
    }
}

@media screen and (min-width: 48em) and (min-width: 48em) and (max-width: 63.9375em) {
    #hero-canvas .badge.big {
        right: 10vw
    }
}

@media screen and (min-width: 48em) and (min-width: 64em) {
    #hero-canvas .badge.big {
        right: 10vw
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    #hero-canvas .badge.big {
        top: 20px
    }
}

@media screen and (max-width: 47.9375em) {
    #hero-canvas .badge.big {
        display: block;
        margin: 0 auto;
        margin-top: 2rem
    }
}

@media screen and (min-width: 48em) {
    #hero-canvas .crisis-banner {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }
}

#hero-canvas.video-link>a.video-link {
    margin: 0 !important;
    color: #fff !important
}

@media screen and (min-width: 48em) {
    #hero-canvas.video-link>a.video-link {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 4;
        text-decoration: none;
        padding: 35px 40px
    }
    #hero-canvas.video-link .flex-control-nav {
        text-align: left;
        left: 40px
    }
}

@media screen and (max-width: 47.9375em) {
    #hero-canvas.video-link>a.video-link {
        background-color: #000;
        padding: 0;
        display: block;
        line-height: 50px !important;
        text-decoration: none;
        text-align: center
    }
}

.rooms-list {
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%
}

.rooms-list:last-child {
    margin-right: 0
}

.rooms-list>.item {
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%
}

.rooms-list>.item:last-child {
    margin-right: 0
}

.rooms-list>.item:nth-child(n+2) {
    margin-top: 4rem
}

@media screen and (max-width: 47.9375em) {
    .rooms-list>.item>div.last-child {
        padding: 20px
    }
    .rooms-list>.item>div.last-child .compare {
        margin-bottom: 20px
    }
    .rooms-list>.item>div.last-child .rates {
        margin-top: 20px
    }
    .rooms-list>.item>div.last-child .rates>form:first-child:before {
        left: -20px;
        right: -20px
    }
    .rooms-list>.item>div.last-child .rates form {
        padding: 20px 0
    }
    .rooms-list>.item>div.last-child .rates form:after {
        left: -20px;
        right: -20px
    }
    .rooms-list>.item>div.last-child .rates form>div.right ul li {
        display: block
    }
    .rooms-list>.item>div.last-child .rates form>div.right ul li+li {
        margin: 20px 0 0 !important
    }
    .rooms-list>.item>div.last-child .rates form>div.right ul li+li a {
        display: block
    }
    .rooms-list>.item>div.last-child .rates .more-available-rates-link {
        margin-top: 20px
    }
    .rooms-list>.item>div.last-child>.button.negative:last-child {
        margin-top: 20px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .rooms-list>.item>div.last-child {
        padding: 2rem
    }
    .rooms-list>.item>div.last-child .compare {
        margin-bottom: 2rem
    }
    .rooms-list>.item>div.last-child .rates {
        margin-top: 2rem
    }
    .rooms-list>.item>div.last-child .rates>form:first-child:before {
        left: -2rem;
        right: -2rem
    }
    .rooms-list>.item>div.last-child .rates form {
        padding: 2rem 0
    }
    .rooms-list>.item>div.last-child .rates form:after {
        left: -2rem;
        right: -2rem
    }
    .rooms-list>.item>div.last-child .rates form>div.right ul li {
        display: inline-block;
        vertical-align: middle;
        width: 50%
    }
    .rooms-list>.item>div.last-child .rates form>div.right ul li:last-child {
        text-align: right
    }
    .rooms-list>.item>div.last-child .rates .more-available-rates-link {
        margin-top: 2rem
    }
    .rooms-list>.item>div.last-child>.button.negative:last-child {
        margin-top: 2rem
    }
}

@media screen and (max-width: 63.9375em) {
    .rooms-list>.item {
        border: 1px solid #ccc
    }
    .rooms-list>.item>div.first-child .slideshow-holder.hero .flex-direction-nav {
        display: block
    }
    .rooms-list>.item>div.first-child .slideshow-holder.hero .flex-control-nav {
        display: none
    }
    .rooms-list>.item>div.last-child .compare label {
        margin: 0 0 0 10px !important
    }
    .rooms-list>.item>div.last-child .rates form>div.right {
        margin-top: 20px
    }
    .rooms-list>.item>div.last-child .rates form:last-child {
        padding-bottom: 0
    }
    .rooms-list>.item>div.last-child .rates form:last-child:after {
        display: none
    }
    .rooms-list>.item>div.last-child>.button.negative:last-child a {
        display: block
    }
}

@media screen and (min-width: 64em) {
    .rooms-list>.item>div.first-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 31.13773%
    }
    .rooms-list>.item>div.first-child:last-child {
        margin-right: 0
    }
    .rooms-list>.item>div.last-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 65.56886%
    }
    .rooms-list>.item>div.last-child:last-child {
        margin-right: 0
    }
    .rooms-list>.item>div.last-child .compare {
        float: right;
        margin-top: .25rem
    }
    .rooms-list>.item>div.last-child .compare label {
        float: left;
        margin: 0 10px 0 0 !important
    }
    .rooms-list>.item>div.last-child .compare input {
        float: right
    }
    .rooms-list>.item>div.last-child .rates {
        float: left;
        display: block;
        margin-right: 5.02283%;
        width: 100%;
        margin-top: 2rem
    }
    .rooms-list>.item>div.last-child .rates:last-child {
        margin-right: 0
    }
    .rooms-list>.item>div.last-child .rates>form:first-child:before {
        left: 0;
        right: 0
    }
    .rooms-list>.item>div.last-child .rates form {
        float: left;
        display: block;
        margin-right: 5.02283%;
        width: 100%;
        padding: 20px 0
    }
    .rooms-list>.item>div.last-child .rates form:last-child {
        margin-right: 0
    }
    .rooms-list>.item>div.last-child .rates form:after {
        left: 0;
        right: 0
    }
    .rooms-list>.item>div.last-child .rates form>div.left {
        float: left;
        display: block;
        margin-right: 5.02283%;
        width: 47.48859%
    }
    .rooms-list>.item>div.last-child .rates form>div.left:last-child {
        margin-right: 0
    }
    .rooms-list>.item>div.last-child .rates form>div.right {
        float: left;
        display: block;
        margin-right: 5.02283%;
        width: 47.48859%;
        text-align: right
    }
    .rooms-list>.item>div.last-child .rates form>div.right:last-child {
        margin-right: 0
    }
    .rooms-list>.item>div.last-child .rates form>div.right ul li {
        display: inline-block;
        vertical-align: middle
    }
    .rooms-list>.item>div.last-child .rates form>div.right ul li+li {
        margin-left: 20px
    }
    .rooms-list>.item>div.last-child .rates .more-available-rates-link {
        float: left;
        width: 100%;
        margin-top: 1rem
    }
    .rooms-list>.item>div.last-child .rates .more-available-rates-panel {
        float: left;
        display: block;
        margin-right: 5.02283%;
        width: 100%
    }
    .rooms-list>.item>div.last-child .rates .more-available-rates-panel:last-child {
        margin-right: 0
    }
}

.rooms-list>.item>div.first-child {
    position: relative
}

.rooms-list>.item>div.first-child>img.spacer {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%
}

.rooms-list>.item>div.first-child .slideshow-holder.hero {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    height: 100%
}

.rooms-list>.item>div.first-child .gallery {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 7;
    text-align: center
}

.rooms-list>.item>div.first-child .gallery a {
    text-decoration: none;
    color: #fff
}

.rooms-list>.item>div.last-child .compare label {
    line-height: 20px !important;
    color: #000 !important
}

.rooms-list>.item>div.last-child .compare input {
    margin: 0
}

.rooms-list>.item>div.last-child .compare input:checked+label {
    color: #c2e3d4 !important
}

.rooms-list>.item>div.last-child p.rooms-left {
    border: 1px solid #c2e3d4;
    padding: .2em 1em;
    display: inline-block;
    color: #c2e3d4;
    margin-bottom: 1.5em
}

.rooms-list>.item>div.last-child .rates>form:first-child:before {
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    background-color: #ccc;
    z-index: -2
}

.rooms-list>.item>div.last-child .rates form {
    margin: 0;
    position: relative
}

.rooms-list>.item>div.last-child .rates form:after {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #ccc;
    z-index: -2
}

.rooms-list>.item>div.last-child .rates form>div.left>h5 {
    margin-bottom: 0
}

.rooms-list>.item>div.last-child .rates form>div.left ul li {
    display: inline-block
}

.rooms-list>.item>div.last-child .rates form>div.left ul li+li {
    margin-left: 5px
}

.rooms-list>.item>div.last-child .rates form>div.left ul li+li:before {
    content: "|"
}

.rooms-list>.item>div.last-child .rates form>div.left ul li+li a {
    margin-left: 5px
}

.rooms-list>.item>div.last-child .rates form>div.right ul li a.button {
    margin: 0
}

.rooms-list>.item>div.last-child .rates form>div.right ul li strong {
    color: #000
}

.rooms-list>.item>div.last-child .rates form>div.right ul li div * {
    color: #000 !important
}

.rooms-list>.item>div.last-child .rates form>div.right ul li div em {
    font-style: normal;
    text-decoration: line-through
}

.rooms-list>.item>div.last-child .rates .more-available-rates-panel {
    display: none
}

.room-promotion>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.room-promotion>div::after {
    clear: both;
    content: "";
    display: table
}

.room-promotion>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .room-promotion>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .room-promotion>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .room-promotion>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.room-promotion>div>div {
    background-color: #534c4c;
    position: relative;
    padding: 2rem 0;
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%
}

.room-promotion>div>div:last-child {
    margin-right: 0
}

.room-promotion>div>div>div {
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 82.78443%;
    margin-left: 8.60778%
}

.room-promotion>div>div>div:last-child {
    margin-right: 0
}

.room-promotion>div>div>div * {
    color: #fff
}

@media screen and (max-width: 47.9375em) {
    .room-promotion>div>div>div {
        text-align: center
    }
    .room-promotion>div>div>div .badge {
        display: block !important;
        margin: 0 auto 2rem auto !important
    }
}

@media screen and (min-width: 48em) {
    .room-promotion>div>div>div h3 {
        margin-bottom: 0
    }
    .room-promotion>div>div>div .badge.small,
    .room-promotion>div>div>div .ui-datepicker .ui-datepicker-calendar th span.badge,
    .ui-datepicker .ui-datepicker-calendar th .room-promotion>div>div>div span.badge,
    .room-promotion>div>div>div fieldset.quick-booking .field.dates .pnl .badge.clear,
    fieldset.quick-booking .field.dates .pnl .room-promotion>div>div>div .badge.clear,
    .room-promotion>div>div>div fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
    fieldset.quick-booking .field.dates .pnl .legend .room-promotion>div>div>div li>span.badge:last-child,
    .room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .room>span.badge:first-child,
    .room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .room>a.badge,
    fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .room>a.badge,
    .room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .badge.add-room,
    fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .badge.add-room,
    .room-promotion>div>div>div .rooms-list>.item>div.last-child .compare label.badge,
    .rooms-list>.item>div.last-child .compare .room-promotion>div>div>div label.badge,
    .room-promotion>div>div>div .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul .room-promotion>div>div>div li.badge,
    .room-promotion>div>div>div .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li .room-promotion>div>div>div div.badge,
    .room-promotion>div>div>div #footer>div>div:not(:first-child) li a.badge,
    #footer>div>div:not(:first-child) li .room-promotion>div>div>div a.badge {
        float: left;
        margin: 0 2rem 0 0 !important
    }
}

.best-rate-guarantee>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.best-rate-guarantee>div::after {
    clear: both;
    content: "";
    display: table
}

.best-rate-guarantee>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .best-rate-guarantee>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .best-rate-guarantee>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .best-rate-guarantee>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.best-rate-guarantee>div>div {
    background-color: #534c4c;
    position: relative;
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%
}

.best-rate-guarantee>div>div:last-child {
    margin-right: 0
}

@media screen and (min-width: 48em) {
    .best-rate-guarantee>div>div {
        padding: 4rem 0
    }
    .best-rate-guarantee>div>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 65.56886%;
        margin-left: 17.21557%
    }
    .best-rate-guarantee>div>div>div:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 47.9375em) {
    .best-rate-guarantee>div>div {
        padding: 2rem 0
    }
    .best-rate-guarantee>div>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 82.78443%;
        margin-left: 8.60778%
    }
    .best-rate-guarantee>div>div>div:last-child {
        margin-right: 0
    }
}

.best-rate-guarantee>div>div>div {
    text-align: center
}

.crisis-banner {
    background-color: #534c4c;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    z-index: 12
}

.crisis-banner>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.crisis-banner>div::after {
    clear: both;
    content: "";
    display: table
}

.crisis-banner>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .crisis-banner>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .crisis-banner>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .crisis-banner>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.crisis-banner>div>div {
    text-align: center
}

@media screen and (min-width: 48em) {
    .crisis-banner>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 65.56886%;
        margin-left: 17.21557%
    }
    .crisis-banner>div>div:last-child {
        margin-right: 0
    }
}

.crisis-banner>div>div * {
    color: #f3efe8
}

.crisis-banner>a {
    position: absolute;
    display: block;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    background-image: url(../img/close.svg);
    height: 19px;
    width: 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)
}

@media screen and (min-width: 48em) {
    .crisis-banner>a {
        top: 36px;
        right: 36px
    }
}

@media screen and (max-width: 47.9375em) {
    .crisis-banner>a {
        top: 10px;
        right: 10px
    }
}

#booking-mobile {
    background-color: #534c4c;
    position: fixed;
    top: 70px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    padding: 50px 0 24px 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

#booking-mobile>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#booking-mobile>div::after {
    clear: both;
    content: "";
    display: table
}

#booking-mobile>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    #booking-mobile>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    #booking-mobile>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    #booking-mobile>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

#booking-mobile>div fieldset.quick-booking {
    width: auto
}

#booking-mobile>div fieldset.quick-booking .field {
    width: 100%;
    border-bottom: 1px solid #727070
}

#booking-mobile>div fieldset.quick-booking .field:first-child {
    border-top: 1px solid #727070
}

#booking-mobile>div fieldset.quick-booking .field .pnl {
    width: 100%;
    background-color: #534c4c;
    position: relative;
    border-top: 1px solid #727070
}

#booking-mobile>div fieldset.quick-booking .field.dates .pnl {
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 47.9375em) {
    #booking-mobile>div fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar th span,
    #booking-mobile>div fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar th a,
    #booking-mobile>div fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar td span,
    #booking-mobile>div fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar td a {
        line-height: 12.8vw
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    #booking-mobile>div fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar th span,
    #booking-mobile>div fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar th a,
    #booking-mobile>div fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar td span,
    #booking-mobile>div fieldset.quick-booking .field.dates .pnl .datepicker .ui-datepicker-calendar td a {
        line-height: 11.3vw
    }
}

#booking-mobile>div fieldset.quick-booking .field.rooms .pnl {
    padding-left: 0;
    padding-right: 0
}

#booking-mobile>div fieldset.quick-booking .field.options .pnl {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0
}

#booking-mobile>div fieldset.quick-booking a.button {
    margin-top: 24px;
    width: 100%
}

.google-map {
    position: relative;
    width: 100%;
    height: 100%
}

.google-map .gm-style {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1em
}

.google-map .gm-style button.gm-control-active img {
    box-sizing: content-box
}

.google-map .gm-style .infoBox {
    width: 188px
}

.google-map .gm-style .infoBox>img:first-child {
    display: none
}

.google-map .gm-style .infoBox>div>img {
    display: block;
    width: 100%
}

.google-map .gm-style .infoBox>div>div {
    background-color: black;
    padding: 1.5rem;
    text-align: center;
    color: white !important
}

#overlay.overlay-map .flex-close,
#overlay.overlay-map .video-close {
    filter: invert(0%) sepia(99%) saturate(0%) hue-rotate(301deg) brightness(95%) contrast(103%)
}

#overlay.overlay-map .google-map {
    height: 100vh;
    width: 100vw
}

#footer {
    background-color: #534c4c;
    position: relative;
    margin-bottom: 34px;
    z-index: 5
}

@media screen and (max-width: 47.9375em) {
    #footer {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    #footer {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media screen and (min-width: 64em) {
    #footer {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

#footer>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#footer>div::after {
    clear: both;
    content: "";
    display: table
}

#footer>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    #footer>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    #footer>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    #footer>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    #footer>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 22.52994%
    }
    #footer>div>div:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 63.9375em) {
    #footer>div>div {
        text-align: center
    }
    #footer>div>div:not(:last-child) {
        margin-bottom: 50px
    }
}

#footer>div>div * {
    color: #fff
}

#footer>div>div .label,
#footer>div>div .ui-datepicker .ui-datepicker-calendar th span,
.ui-datepicker .ui-datepicker-calendar th #footer>div>div span,
#footer>div>div .ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td #footer>div>div a,
#footer>div>div .ui-datepicker .ui-datepicker-calendar td>span,
.ui-datepicker .ui-datepicker-calendar #footer>div>div td>span,
#footer>div>div fieldset.quick-booking .field.dates .pnl .clear,
fieldset.quick-booking .field.dates .pnl #footer>div>div .clear,
#footer>div>div fieldset.quick-booking .field.dates .pnl .legend li>span:last-child,
fieldset.quick-booking .field.dates .pnl .legend #footer>div>div li>span:last-child,
#footer>div>div fieldset.quick-booking .field.rooms .pnl .room>span:first-child,
fieldset.quick-booking .field.rooms .pnl #footer>div>div .room>span:first-child,
#footer>div>div fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl #footer>div>div .room>a,
#footer>div>div fieldset.quick-booking .field.rooms .pnl .add-room,
fieldset.quick-booking .field.rooms .pnl #footer>div>div .add-room,
#footer>div>div #hero-canvas.video-link>a.video-link,
#footer>div>div .rooms-list>.item>div.last-child .compare label,
.rooms-list>.item>div.last-child .compare #footer>div>div label,
#footer>div>div .box5.video-link>a,
#footer>div>div .box16>div>div>a>div p,
.box16>div>div>a>div #footer>div>div p,
#footer>div>div .box17>div>div>a>div p,
.box17>div>div>a>div #footer>div>div p,
#footer>div>div .rooms-list>.item>div.last-child .rates form>div.right ul li>strong,
.rooms-list>.item>div.last-child .rates form>div.right ul #footer>div>div li>strong,
#footer>div>div .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li #footer>div>div input+label {
    margin-bottom: 24px
}

#footer>div>div:first-child>a {
    height: 124px;
    width: 124px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: block;
    background-image: url(../img/HotelMahoganyClub-logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1
}

@media screen and (max-width: 63.9375em) {
    #footer>div>div:first-child>a {
        margin: 0 auto
    }
}

#footer>div>div:last-child ul.social li {
    display: inline-block
}

#footer>div>div:last-child ul.social li+li {
    margin-left: .5rem
}

#footer>div>div:last-child ul.social li a {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: block;
    height: 24px;
    width: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)
}

#footer>div>div:last-child ul.social li a.facebook {
    background-image: url(../img/facebook.svg)
}

#footer>div>div:last-child ul.social li a.instagram {
    background-image: url(../img/instagram.svg)
}

#footer>div>div:last-child ul.social li a.pinterest {
    background-image: url(../img/pinterest.svg)
}

#footer>div>div:not(:first-child) li a {
    text-decoration: none
}

.box1>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box1>div::after {
    clear: both;
    content: "";
    display: table
}

.box1>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box1>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box1>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box1>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.box2>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box2>div::after {
    clear: both;
    content: "";
    display: table
}

.box2>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box2>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box2>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box2>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.box2>div>div {
    text-align: center
}

@media screen and (min-width: 64em) {
    .box2>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 65.56886%;
        margin-left: 17.21557%
    }
    .box2>div>div:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box2>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 82.78443%;
        margin-left: 8.60778%
    }
    .box2>div>div:last-child {
        margin-right: 0
    }
}

.box2>div>div>p:last-child {
    margin-top: 2rem
}

.box3>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box3>div::after {
    clear: both;
    content: "";
    display: table
}

.box3>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box3>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box3>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box3>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.box3>div>div,
.events-list {
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%
}

.box3>div>div:last-child,
.events-list:last-child {
    margin-right: 0
}

@media screen and (min-width: 48em) {
    .box3>div>div>div,
    .events-list>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 48.35329%
    }
    .box3>div>div>div:last-child,
    .events-list>div:last-child {
        margin-right: 0
    }
    .box3>div>div>div:nth-child(2n),
    .events-list>div:nth-child(2n) {
        margin-right: 0
    }
    .box3>div>div>div:nth-child(2n+1),
    .events-list>div:nth-child(2n+1) {
        clear: left
    }
    .box3>div>div>div:nth-child(n+3),
    .events-list>div:nth-child(n+3) {
        margin-top: 4rem
    }
}

@media screen and (max-width: 47.9375em) {
    .box3>div>div>div,
    .events-list>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 100%
    }
    .box3>div>div>div:last-child,
    .events-list>div:last-child {
        margin-right: 0
    }
    .box3>div>div>div:nth-child(1n),
    .events-list>div:nth-child(1n) {
        margin-right: 0
    }
    .box3>div>div>div:nth-child(1n+1),
    .events-list>div:nth-child(1n+1) {
        clear: left
    }
    .box3>div>div>div:nth-child(n+2),
    .events-list>div:nth-child(n+2) {
        margin-top: 4rem
    }
}

.box3>div>div>div>a,
.box3>div>div>div>picture,
.events-list>div>a,
.events-list>div>picture {
    position: relative
}

.box3>div>div>div>a:first-child:not(:last-child),
.box3>div>div>div>picture:first-child:not(:last-child),
.events-list>div>a:first-child:not(:last-child),
.events-list>div>picture:first-child:not(:last-child) {
    margin-bottom: 2rem;
    display: block;
    width: 100%
}

.box3>div>div>div>a:first-child:not(:last-child) img,
.box3>div>div>div>picture:first-child:not(:last-child) img,
.events-list>div>a:first-child:not(:last-child) img,
.events-list>div>picture:first-child:not(:last-child) img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1
}

.box3>div>div>div>a:first-child:not(:last-child) .badge,
.box3>div>div>div>picture:first-child:not(:last-child) .badge,
.events-list>div>a:first-child:not(:last-child) .badge,
.events-list>div>picture:first-child:not(:last-child) .badge {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    z-index: 2;
    opacity: .8
}

.box3>div>div>div>a:first-child,
.events-list>div>a:first-child {
    opacity: 1;
    overflow: hidden;
    display: block
}

.box3>div>div>div>a:first-child>img,
.box3>div>div>div>a:first-child>picture img,
.events-list>div>a:first-child>img,
.events-list>div>a:first-child>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.box3>div>div>div>a:first-child:hover>img,
.box3>div>div>div>a:first-child:hover>picture img,
.events-list>div>a:first-child:hover>img,
.events-list>div>a:first-child:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.box4>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box4>div::after {
    clear: both;
    content: "";
    display: table
}

.box4>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box4>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box4>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box4>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.box4>div>div {
    text-align: left
}

.box4>div>div h1,
.box4>div>div .h1,
.box4>div>div h2,
.box4>div>div .h2,
.box4>div>div .badge.small,
.box4>div>div .ui-datepicker .ui-datepicker-calendar th span.badge,
.ui-datepicker .ui-datepicker-calendar th .box4>div>div span.badge,
.box4>div>div fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .box4>div>div .badge.clear,
.box4>div>div fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.dates .pnl .legend .box4>div>div li>span.badge:last-child,
.box4>div>div fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .box4>div>div .room>span.badge:first-child,
.box4>div>div fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .box4>div>div .room>a.badge,
.box4>div>div fieldset.quick-booking .field.rooms .pnl .badge.add-room,
fieldset.quick-booking .field.rooms .pnl .box4>div>div .badge.add-room,
.box4>div>div .rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .compare .box4>div>div label.badge,
.box4>div>div .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul .box4>div>div li.badge,
.box4>div>div .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li .box4>div>div div.badge,
.box4>div>div #footer>div>div:not(:first-child) li a.badge,
#footer>div>div:not(:first-child) li .box4>div>div a.badge,
.box4>div>div .subtitle-for-h1,
.box4>div>div .subtitle-for-h2,
.box4>div>div .label,
.box4>div>div .ui-datepicker .ui-datepicker-calendar th span,
.ui-datepicker .ui-datepicker-calendar th .box4>div>div span,
.box4>div>div .ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td .box4>div>div a,
.box4>div>div .ui-datepicker .ui-datepicker-calendar td>span,
.ui-datepicker .ui-datepicker-calendar .box4>div>div td>span,
.box4>div>div fieldset.quick-booking .field.dates .pnl .clear,
fieldset.quick-booking .field.dates .pnl .box4>div>div .clear,
.box4>div>div fieldset.quick-booking .field.dates .pnl .legend li>span:last-child,
fieldset.quick-booking .field.dates .pnl .legend .box4>div>div li>span:last-child,
.box4>div>div fieldset.quick-booking .field.rooms .pnl .room>span:first-child,
fieldset.quick-booking .field.rooms .pnl .box4>div>div .room>span:first-child,
.box4>div>div fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl .box4>div>div .room>a,
.box4>div>div fieldset.quick-booking .field.rooms .pnl .add-room,
fieldset.quick-booking .field.rooms .pnl .box4>div>div .add-room,
.box4>div>div #hero-canvas.video-link>a.video-link,
.box4>div>div .rooms-list>.item>div.last-child .compare label,
.rooms-list>.item>div.last-child .compare .box4>div>div label,
.box4>div>div .box5.video-link>a,
.box4>div>div .box16>div>div>a>div p,
.box16>div>div>a>div .box4>div>div p,
.box4>div>div .box17>div>div>a>div p,
.box17>div>div>a>div .box4>div>div p,
.box4>div>div .rooms-list>.item>div.last-child .rates form>div.right ul li>strong,
.rooms-list>.item>div.last-child .rates form>div.right ul .box4>div>div li>strong,
.box4>div>div .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .box4>div>div input+label,
.box4>div>div .button {
    text-align: center
}

@media screen and (min-width: 64em) {
    .box4>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 65.56886%;
        margin-left: 17.21557%
    }
    .box4>div>div:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box4>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 82.78443%;
        margin-left: 8.60778%
    }
    .box4>div>div:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 47.9375em) {
    .box4>div>div>p.button a {
        display: block
    }
}

.box4.center>div>div {
    text-align: center
}

@media screen and (min-width: 48em) {
    .box4.no-shift>div>div {
        margin-left: 0 !important
    }
    .box4.no-shift>div>div * {
        text-align: left
    }
    .box4.no-shift>div>div h1.deco,
    .box4.no-shift>div>div .h1.deco,
    .box4.no-shift>div>div h2.deco,
    .box4.no-shift>div>div .h2.deco,
    .box4.no-shift>div>div .deco.badge.small,
    .box4.no-shift>div>div .ui-datepicker .ui-datepicker-calendar th span.deco.badge,
    .ui-datepicker .ui-datepicker-calendar th .box4.no-shift>div>div span.deco.badge,
    .box4.no-shift>div>div fieldset.quick-booking .field.dates .pnl .deco.badge.clear,
    fieldset.quick-booking .field.dates .pnl .box4.no-shift>div>div .deco.badge.clear,
    .box4.no-shift>div>div fieldset.quick-booking .field.dates .pnl .legend li>span.deco.badge:last-child,
    fieldset.quick-booking .field.dates .pnl .legend .box4.no-shift>div>div li>span.deco.badge:last-child,
    .box4.no-shift>div>div fieldset.quick-booking .field.rooms .pnl .room>span.deco.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .box4.no-shift>div>div .room>span.deco.badge:first-child,
    .box4.no-shift>div>div fieldset.quick-booking .field.rooms .pnl .room>a.deco.badge,
    fieldset.quick-booking .field.rooms .pnl .box4.no-shift>div>div .room>a.deco.badge,
    .box4.no-shift>div>div fieldset.quick-booking .field.rooms .pnl .deco.badge.add-room,
    fieldset.quick-booking .field.rooms .pnl .box4.no-shift>div>div .deco.badge.add-room,
    .box4.no-shift>div>div .rooms-list>.item>div.last-child .compare label.deco.badge,
    .rooms-list>.item>div.last-child .compare .box4.no-shift>div>div label.deco.badge,
    .box4.no-shift>div>div .rooms-list>.item>div.last-child .rates form>div.left ul li.deco.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul .box4.no-shift>div>div li.deco.badge,
    .box4.no-shift>div>div .rooms-list>.item>div.last-child .rates form>div.right ul li div.deco.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li .box4.no-shift>div>div div.deco.badge,
    .box4.no-shift>div>div #footer>div>div:not(:first-child) li a.deco.badge,
    #footer>div>div:not(:first-child) li .box4.no-shift>div>div a.deco.badge {
        background-position: bottom left
    }
}

.box5 {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 64em) {
    .box5 {
        padding: 0 4vw
    }
}

@media screen and (max-width: 63.9375em) {
    .box5 .flex-direction-nav {
        display: none
    }
}

.box5 .flex-control-nav {
    display: block
}

.box5 .flex-direction-nav .flex-prev,
.box5 .flex-direction-nav .flex-next {
    width: 50% !important;
    height: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    filter: none !important;
    background: none !important
}

.box5 .flex-direction-nav .flex-prev {
    cursor: url("../img/slider-left-white.png") 0 0, pointer
}

.box5 .flex-direction-nav .flex-next {
    cursor: url("../img/slider-right-white.png") 0 0, pointer
}

@media screen and (max-width: 64em) {
    .box5 .flex-direction-nav {
        display: none
    }
}

.box5 .slideshow-holder {
    z-index: 2
}

@media screen and (max-width: 63.9375em) {
    .box5 .slideshow-holder {
        height: 62.5vw
    }
}

@media screen and (min-width: 64em) {
    .box5 .slideshow-holder {
        height: 57.5vw
    }
}

@media screen and (min-width: 48em) {
    .box5 .badge.big {
        position: absolute;
        top: -40px;
        z-index: 3
    }
}

@media screen and (min-width: 48em) and (max-width: 47.9375em) {
    .box5 .badge.big {
        right: 24px
    }
}

@media screen and (min-width: 48em) and (min-width: 48em) and (max-width: 63.9375em) {
    .box5 .badge.big {
        right: 10vw
    }
}

@media screen and (min-width: 48em) and (min-width: 64em) {
    .box5 .badge.big {
        right: 10vw
    }
}

@media screen and (max-width: 47.9375em) {
    .box5 .badge.big {
        display: block;
        margin: 0 auto;
        margin-top: 2rem
    }
}

.box5.video-link>a {
    margin: 0 !important;
    color: #fff !important
}

@media screen and (min-width: 48em) {
    .box5.video-link>a {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 4;
        text-decoration: none;
        padding: 35px 40px
    }
    .box5.video-link .flex-control-nav {
        text-align: left;
        left: 40px
    }
}

@media screen and (min-width: 64em) {
    .box5.video-link>a {
        right: 4vw
    }
}

@media screen and (max-width: 47.9375em) {
    .box5.video-link>a {
        background-color: #000;
        padding: 0;
        display: block;
        line-height: 50px !important;
        text-decoration: none;
        text-align: center
    }
}

.box6 {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 64em) {
    .box6 {
        padding: 0 4vw
    }
}

.box6 .video-holder {
    z-index: 2
}

@media screen and (max-width: 63.9375em) {
    .box6 .video-holder {
        height: 62.5vw
    }
}

@media screen and (min-width: 64em) {
    .box6 .video-holder {
        height: 57.5vw
    }
}

@media screen and (min-width: 48em) {
    .box6 .badge.big {
        position: absolute;
        top: -40px;
        z-index: 3
    }
}

@media screen and (min-width: 48em) and (max-width: 47.9375em) {
    .box6 .badge.big {
        right: 24px
    }
}

@media screen and (min-width: 48em) and (min-width: 48em) and (max-width: 63.9375em) {
    .box6 .badge.big {
        right: 10vw
    }
}

@media screen and (min-width: 48em) and (min-width: 64em) {
    .box6 .badge.big {
        right: 10vw
    }
}

@media screen and (max-width: 47.9375em) {
    .box6 .badge.big {
        display: block;
        margin: 0 auto;
        margin-top: 2rem
    }
}

.box7>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box7>div::after {
    clear: both;
    content: "";
    display: table
}

.box7>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box7>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box7>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box7>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 48em) {
    .box7>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 100%
    }
    .box7>div>div:last-child {
        margin-right: 0
    }
    .box7>div>div>div:first-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 31.13773%
    }
    .box7>div>div>div:first-child:last-child {
        margin-right: 0
    }
    .box7>div>div>div:last-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 65.56886%
    }
    .box7>div>div>div:last-child:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 47.9375em) {
    .box7>div>div>div:last-child {
        margin-top: 3vw
    }
}

.box7>div>div>div img {
    display: block;
    width: 100%
}

.box7>div>div>div>a:first-child {
    opacity: 1;
    overflow: hidden;
    display: block
}

.box7>div>div>div>a:first-child>img,
.box7>div>div>div>a:first-child>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.box7>div>div>div>a:first-child:hover>img,
.box7>div>div>div>a:first-child:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.box8>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box8>div::after {
    clear: both;
    content: "";
    display: table
}

.box8>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box8>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box8>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box8>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.box8>div>div>div:first-child>picture:last-child img,
.box8>div>div>div:first-child>a:last-child img {
    margin-top: 9.5%
}

@media screen and (min-width: 48em) {
    .box8>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 100%
    }
    .box8>div>div:last-child {
        margin-right: 0
    }
    .box8>div>div>div:first-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 39.74551%
    }
    .box8>div>div>div:first-child:last-child {
        margin-right: 0
    }
    .box8>div>div>div:first-child>picture:last-child img,
    .box8>div>div>div:first-child>a:last-child img {
        margin-top: 9.5%
    }
    .box8>div>div>div:last-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 56.96108%
    }
    .box8>div>div>div:last-child:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 47.9375em) {
    .box8>div>div>div:first-child>picture:last-child img,
    .box8>div>div>div:first-child>a:last-child img {
        margin-top: 3vw
    }
    .box8>div>div>div:last-child {
        margin-top: 3vw
    }
}

.box8>div>div>div img {
    display: block;
    width: 100%
}

.box8>div>div>div>a:first-child {
    opacity: 1;
    overflow: hidden;
    display: block
}

.box8>div>div>div>a:first-child>img,
.box8>div>div>div>a:first-child>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.box8>div>div>div>a:first-child:hover>img,
.box8>div>div>div>a:first-child:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

@media screen and (min-width: 48em) {
    .box8.inverted>div>div {
        display: flex;
        flex-direction: row-reverse
    }
    .box8.inverted>div>div>div:first-child {
        margin-right: 0;
        margin-left: 3.29341%
    }
}

.box9>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box9>div::after {
    clear: both;
    content: "";
    display: table
}

.box9>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box9>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box9>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box9>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.box9>div>div {
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%
}

.box9>div>div:last-child {
    margin-right: 0
}

@media screen and (min-width: 48em) {
    .box9>div>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 100%
    }
    .box9>div>div>div:last-child {
        margin-right: 0
    }
    .box9>div>div>div:first-child>div:first-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 22.52994%
    }
    .box9>div>div>div:first-child>div:first-child:last-child {
        margin-right: 0
    }
    .box9>div>div>div:first-child>div:nth-child(2) {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 39.74551%
    }
    .box9>div>div>div:first-child>div:nth-child(2):last-child {
        margin-right: 0
    }
    .box9>div>div>div:first-child>div:last-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 31.13773%
    }
    .box9>div>div>div:first-child>div:last-child:last-child {
        margin-right: 0
    }
    .box9>div>div>div:last-child>div:first-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 39.74551%
    }
    .box9>div>div>div:last-child>div:first-child:last-child {
        margin-right: 0
    }
    .box9>div>div>div:last-child>div:last-child {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 56.96108%
    }
    .box9>div>div>div:last-child>div:last-child:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 47.9375em) {
    .box9>div>div>div>div:not(:first-child) {
        margin-top: 3vw
    }
}

.box9>div>div>div>div a,
.box9>div>div>div>div img {
    display: block
}

.box9>div>div>div>div img {
    width: 100%
}

.box9>div>div>div>div>a:first-child {
    opacity: 1;
    overflow: hidden;
    display: block
}

.box9>div>div>div>div>a:first-child>img,
.box9>div>div>div>div>a:first-child>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.box9>div>div>div>div>a:first-child:hover>img,
.box9>div>div>div>div>a:first-child:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

@media screen and (max-width: 47.9375em) {
    .box9>div>div>div:last-child {
        margin-top: 3vw
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box9>div>div>div:last-child {
        margin-top: 3vw
    }
}

@media screen and (min-width: 64em) {
    .box9>div>div>div:last-child {
        margin-top: 3vw
    }
}

.box10>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box10>div::after {
    clear: both;
    content: "";
    display: table
}

.box10>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box10>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box10>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box10>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.box10>div>div>div:last-child img {
    display: block;
    width: 100%
}

.box10>div>div>div:last-child>a:first-child {
    opacity: 1;
    overflow: hidden;
    display: block
}

.box10>div>div>div:last-child>a:first-child>img,
.box10>div>div>div:last-child>a:first-child>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.box10>div>div>div:last-child>a:first-child:hover>img,
.box10>div>div>div:last-child>a:first-child:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

@media screen and (min-width: 48em) {
    .box10>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 100%;
        display: flex;
        align-items: center
    }
    .box10>div>div:last-child {
        margin-right: 0
    }
    .box10>div>div>div {
        float: left;
        display: block;
        margin-right: 3.29341%;
        width: 48.35329%
    }
    .box10>div>div>div:last-child {
        margin-right: 0
    }
    .box10>div>div>div:first-child>div {
        float: left;
        display: block;
        margin-right: 6.81114%;
        width: 82.19814%
    }
    .box10>div>div>div:first-child>div:last-child {
        margin-right: 0
    }
    .box10>div>div>div:first-child>div h2.deco {
        text-align: left;
        background-position: left bottom
    }
}

@media screen and (max-width: 47.9375em) {
    .box10>div>div>div:first-child p.label,
    .box10>div>div>div:first-child fieldset.quick-booking .field.dates .pnl p.clear,
    fieldset.quick-booking .field.dates .pnl .box10>div>div>div:first-child p.clear,
    .box10>div>div>div:first-child fieldset.quick-booking .field.rooms .pnl p.add-room,
    fieldset.quick-booking .field.rooms .pnl .box10>div>div>div:first-child p.add-room,
    .box10>div>div>div:first-child .box16>div>div>a>div p,
    .box16>div>div>a>div .box10>div>div>div:first-child p,
    .box10>div>div>div:first-child .box17>div>div>a>div p,
    .box17>div>div>a>div .box10>div>div>div:first-child p,
    .box10>div>div>div:first-child p.button a,
    .box10>div>div>div:first-child h2.deco,
    .box10>div>div>div:first-child .subtitle-for-h2 {
        text-align: center
    }
    .box10>div>div>div:first-child h2.deco,
    .box10>div>div>div:first-child .subtitle-for-h2 {
        background-position: center bottom !important
    }
    .box10>div>div>div:first-child p.button a {
        display: block
    }
    .box10>div>div>div:last-child {
        margin-top: 4rem
    }
}

@media screen and (min-width: 48em) {
    .box10.inverted>div>div {
        flex-direction: row-reverse
    }
    .box10.inverted>div>div>div:first-child {
        margin-right: 0;
        margin-left: 3.29341%
    }
    .box10.inverted>div>div>div:first-child>div {
        margin-left: 17.80186%
    }
}

@media screen and (min-width: 48em) {
    .box10.top>div>div {
        align-items: start
    }
}

.box11>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: url(../img/bg-pattern.jpg);
    background-position: top center
}

.box11>div::after {
    clear: both;
    content: "";
    display: table
}

.box11>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box11>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box11>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box11>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (max-width: 47.9375em) {
    .box11>div {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box11>div {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 64em) {
    .box11>div {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.box11>div>div {
    background-color: white;
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%
}

.box11>div>div:last-child {
    margin-right: 0
}

@media screen and (max-width: 47.9375em) {
    .box11>div>div {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box11>div>div {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 64em) {
    .box11>div>div {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.box11>div>div>div {
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 82.78443%;
    margin-left: 8.60778%;
    text-align: center
}

.box11>div>div>div:last-child {
    margin-right: 0
}

.box11>div>div>div ul li {
    vertical-align: top
}

.box11>div>div>div ul li a {
    text-decoration: none;
    display: block;
    height: 325px;
    position: relative;
    z-index: 1;
    color: #000
}

.box11>div>div>div ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 18px;
    width: 25px;
    margin-left: -12.5px;
    background-image: url(../img/goto.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(94%) sepia(8%) saturate(596%) hue-rotate(96deg) brightness(96%) contrast(86%)
}

.box11>div>div>div ul li img {
    margin-bottom: 1rem;
    display: inline-block !important;
    width: 40% !important
}

.box12>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative
}

.box12>div::after {
    clear: both;
    content: "";
    display: table
}

.box12>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box12>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box12>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box12>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.box12>div div.stamp {
    position: absolute;
    top: -50px;
    height: 170px;
    width: 170px;
    z-index: 1;
    margin-left: 70px
}

@media screen and (max-width: 47.9375em) {
    .box12>div div.stamp {
        left: 24px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box12>div div.stamp {
        left: 10vw
    }
}

@media screen and (min-width: 64em) {
    .box12>div div.stamp {
        left: 10vw
    }
}

@media screen and (max-width: 47.9375em) {
    .box12>div div.stamp {
        left: 50%;
        margin-left: -85px
    }
}

.box12>div .masonry-holder {
    overflow: hidden
}

.box12>div .masonry-holder .grid {
    position: relative;
    margin-bottom: 0
}

.box12>div .masonry-holder .grid::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 64em) {
    .box12>div .masonry-holder .grid {
        margin-top: -6rem;
        margin-left: -1.5vw;
        margin-right: -1.5vw
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box12>div .masonry-holder .grid {
        margin-top: -4rem;
        margin-left: -1.5vw;
        margin-right: -1.5vw
    }
}

@media screen and (max-width: 47.9375em) {
    .box12>div .masonry-holder .grid {
        margin-top: -4rem;
        margin-left: -3vw;
        margin-right: -3vw
    }
}

.box12>div .masonry-holder .grid .grid-item {
    float: left;
    padding-bottom: 0
}

.box12>div .masonry-holder .grid .grid-item:first-child {
    margin-top: 90px
}

@media screen and (min-width: 64em) {
    .box12>div .masonry-holder .grid .grid-item {
        padding-top: 6rem;
        padding-left: 1.5vw;
        padding-right: 1.5vw
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box12>div .masonry-holder .grid .grid-item {
        padding-top: 4rem;
        padding-left: 1.5vw;
        padding-right: 1.5vw
    }
}

@media screen and (max-width: 47.9375em) {
    .box12>div .masonry-holder .grid .grid-item {
        padding-top: 4rem;
        padding-left: 3vw;
        padding-right: 3vw
    }
}

.box12>div .masonry-holder .grid .grid-item>a:first-child:not(:last-child),
.box12>div .masonry-holder .grid .grid-item>img:first-child:not(:last-child) {
    margin-bottom: 2rem;
    display: block;
    width: 100%
}

.box12>div .masonry-holder .grid .grid-item>a:first-child:not(:last-child) img,
.box12>div .masonry-holder .grid .grid-item>img:first-child:not(:last-child) img {
    display: block;
    width: 100%
}

.box12>div .masonry-holder .grid .grid-item>a:first-child {
    opacity: 1;
    overflow: hidden;
    display: block
}

.box12>div .masonry-holder .grid .grid-item>a:first-child>img,
.box12>div .masonry-holder .grid .grid-item>a:first-child>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.box12>div .masonry-holder .grid .grid-item>a:first-child:hover>img,
.box12>div .masonry-holder .grid .grid-item>a:first-child:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.box12>div .masonry-holder .grid .grid-item>div.newsletter {
    text-align: center
}

.box12>div .masonry-holder .grid .grid-item>div.newsletter>div:not(.quote) {
    background-image: url(../img/bg-pattern.jpg);
    background-position: top center
}

@media screen and (min-width: 48em) {
    .box12>div .masonry-holder .grid .grid-item>div.newsletter>div:not(.quote) {
        padding: 3rem
    }
}

@media screen and (max-width: 47.9375em) {
    .box12>div .masonry-holder .grid .grid-item>div.newsletter>div:not(.quote) {
        padding: 1.5rem
    }
}

.box12>div .masonry-holder .grid .grid-item>div.newsletter>div:not(.quote)>div {
    background-color: #f3efe8
}

@media screen and (min-width: 48em) {
    .box12>div .masonry-holder .grid .grid-item>div.newsletter>div:not(.quote)>div {
        padding: 6rem 3rem 3rem
    }
}

@media screen and (max-width: 47.9375em) {
    .box12>div .masonry-holder .grid .grid-item>div.newsletter>div:not(.quote)>div {
        padding: 3rem 1.5rem 1.5rem
    }
    .box12>div .masonry-holder .grid .grid-item>div.newsletter>div:not(.quote)>div p.button a {
        display: block
    }
}

.box12>div .masonry-holder .grid .grid-item .quote {
    margin-top: 4rem;
    text-align: center
}

@media screen and (min-width: 64em) {
    .box12>div .masonry-holder .grid .grid-item .quote {
        margin-left: 4vw;
        margin-right: 4vw
    }
}

.box12>div .masonry-holder .grid .grid-item .quote hr {
    height: 6px;
    width: 50px;
    margin: 0 auto;
    background-color: #000;
    margin-bottom: 2rem
}

@media screen and (min-width: 48em) {
    .box12>div .masonry-holder .grid .grid-sizer,
    .box12>div .masonry-holder .grid .grid-item {
        width: 50%
    }
}

@media screen and (max-width: 47.9375em) {
    .box12>div .masonry-holder .grid .grid-sizer,
    .box12>div .masonry-holder .grid .grid-item {
        width: 100%
    }
}

.box12>div .masonry-holder.no-badge .grid .grid-item:first-child {
    margin-top: 0
}

@media screen and (max-width: 63.9375em) {
    .box13:not(.grid)>div {
        height: 62.5vw
    }
}

@media screen and (min-width: 64em) {
    .box13:not(.grid)>div {
        height: 57.5vw;
        padding: 0 4vw
    }
}

.box13.grid {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box13.grid::after {
    clear: both;
    content: "";
    display: table
}

.box13.grid * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    .box13.grid {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box13.grid {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    .box13.grid {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

.box13.grid>div {
    float: left;
    display: block;
    margin-right: 3.29341%;
    width: 100%;
    background-color: red
}

.box13.grid>div:last-child {
    margin-right: 0
}

.box13.grid>div .google-map {
    padding-bottom: 57.5%
}

.box14 {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 64em) {
    .box14 {
        padding: 0 4vw
    }
}

@media screen and (min-width: 48em) {
    .box14 .slides>li>div {
        position: relative;
        z-index: 1
    }
    .box14 .slides>li>div::after {
        clear: both;
        content: "";
        display: table
    }
    .box14 .slides>li>div>div {
        overflow: hidden;
        float: left
    }
    .box14 .slides>li>div>div:first-child {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-image: url(../img/bg-pattern.jpg);
        width: 40%
    }
    .box14 .slides>li>div>div:first-child>div {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        z-index: 1;
        background-color: #000;
        padding: 4vw
    }
    .box14 .slides>li>div>div:first-child>div * {
        color: #fff
    }
    .box14 .slides>li>div>div:last-child {
        width: 60%;
        margin-left: 40%
    }
    .box14 .slides>li>div>div:last-child img {
        display: block;
        width: 100%;
        position: relative;
        z-index: 1
    }
    .box14 .slides>li>div>div:last-child .badge {
        position: absolute;
        right: 2rem;
        bottom: 2rem;
        z-index: 2;
        opacity: .8
    }
    .box14 .slideshow .flexslider .flex-direction-nav a {
        top: auto;
        bottom: calc(4vw + 30px);
        height: 31px;
        width: 18px;
        margin-top: 0;
        background-size: contain
    }
    .box14 .slideshow .flexslider .flex-direction-nav a.flex-prev {
        left: calc(4vw + 30px)
    }
    .box14 .slideshow .flexslider .flex-direction-nav a.flex-next {
        left: calc(4vw + 30px + 18px + 2rem)
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .box14 .flex-control-nav {
        display: none
    }
    .box14 .flex-direction-nav {
        display: block
    }
}

@media screen and (max-width: 47.9375em) {
    .box14 .slides>li>div {
        display: flex;
        flex-direction: column-reverse
    }
    .box14 .slides>li>div>div:first-child {
        height: 500px;
        background-image: url(../img/bg-pattern.jpg);
        overflow: hidden
    }
    .box14 .slides>li>div>div:first-child>div {
        height: calc(500px - 96px);
        background-color: #000;
        margin: 48px 24px;
        padding: 48px 24px 96px;
        text-align: center
    }
    .box14 .slides>li>div>div:first-child>div * {
        color: #fff
    }
    .box14 .slides>li>div>div:last-child {
        position: relative
    }
    .box14 .slides>li>div>div:last-child img {
        display: block;
        width: 100%;
        position: relative;
        z-index: 1
    }
    .box14 .slides>li>div>div:last-child .badge {
        position: absolute;
        right: 2rem;
        bottom: 2rem;
        opacity: .8
    }
    .box14 .flex-control-nav {
        bottom: calc(48px + 24px + 5px) !important
    }
}

.box15>div {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 64em) {
    .box15>div {
        padding: 0 4vw
    }
}

.box15>div img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1
}

.box15>div .badge {
    position: absolute;
    bottom: 2rem;
    z-index: 2;
    opacity: .8;
    right: calc(4vw + 2rem)
}

@media screen and (max-width: 47.9375em) {
    .box15>div .badge {
        right: 2rem
    }
}

.box16>div::after,
.box17>div::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 48em) {
    .box16>div>div,
    .box17>div>div {
        float: left;
        width: 33.33333%
    }
}

@media screen and (max-width: 47.9375em) {
    .box16>div>div,
    .box17>div>div {
        margin-left: 24px;
        margin-right: 24px
    }
    .box16>div>div:not(:last-child),
    .box17>div>div:not(:last-child) {
        margin-bottom: 3vw
    }
}

.box16>div>div>a,
.box17>div>div>a {
    opacity: 1;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 1
}

.box16>div>div>a>img,
.box17>div>div>a>img,
.box16>div>div>a>picture img,
.box17>div>div>a>picture img {
    -webkit-transition: -webkit-transform, 500ms;
    -moz-transition: -moz-transform, 500ms;
    transition: transform, 500ms
}

.box16>div>div>a:hover>img,
.box17>div>div>a:hover>img,
.box16>div>div>a:hover>picture img,
.box17>div>div>a:hover>picture img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.box16>div>div>a>picture,
.box17>div>div>a>picture {
    position: relative;
    z-index: 1;
    display: block
}

.box16>div>div>a>picture:after,
.box17>div>div>a>picture:after {
    content: "";
    height: 30%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)
}

.box16>div>div>a>picture img,
.box17>div>div>a>picture img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%
}

.box16>div>div>a>div,
.box17>div>div>a>div {
    position: absolute;
    right: 3rem;
    bottom: 2rem;
    left: 3rem;
    z-index: 3
}

.box16>div>div>a>div h3,
.box17>div>div>a>div h3 {
    margin: 0
}

.box16>div>div>a>div *,
.box17>div>div>a>div * {
    color: white !important
}

#boxes>.box:not(:first-child) {
    opacity: 0;
    -webkit-transition: opacity, .75s;
    -moz-transition: opacity, .75s;
    transition: opacity, .75s
}

#boxes>.box:not(:first-child).fadeInUp {
    opacity: 1
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    fieldset.quick-booking .field.destinations>a:after {
        background-image: url(../img/booking-destination-white@2x.png)
    }
    fieldset.quick-booking .field.dates>a:after {
        background-image: url(../img/booking-calendar-white@2x.png)
    }
    fieldset.quick-booking .field.rooms>a:after {
        background-image: url(../img/booking-guests-white@2x.png)
    }
    #footer>div>div:last-child ul.social li a.facebook {
        background-image: url(../img/facebook.png)
    }
    #footer>div>div:last-child ul.social li a.instagram {
        background-image: url(../img/instagram.png)
    }
    #footer>div>div:last-child ul.social li a.pinterest {
        background-image: url(../img/pinterest.png)
    }
}

body {
    background-color: #f1f1f1;
    color: #000;
    /*    font-family: "Pitch Medium";*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 500
}

@media screen and (max-width: 47.9375em) {
    body {
        font-size: 15px;
        line-height: 1.6em
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    body {
        font-size: 15px;
        line-height: 1.6em
    }
}

@media screen and (min-width: 64em) {
    body {
        font-size: 15px;
        line-height: 1.6em
    }
}

h1,
.h1,
h2,
.h2,
.badge.small,
.ui-datepicker .ui-datepicker-calendar th span.badge,
fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .badge.add-room,
.rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
#footer>div>div:not(:first-child) li a.badge,
h3,
.h3,
#menu-panel>div>ul:first-child li a,
#menu-panel>div>ul:first-child li select,
.badge.small,
.ui-datepicker .ui-datepicker-calendar th span.badge,
fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .badge.add-room,
.rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
#footer>div>div:not(:first-child) li a.badge,
h4,
.h4,
.badge.medium,
.badge.small.text,
.ui-datepicker .ui-datepicker-calendar th span.badge.text,
fieldset.quick-booking .field.dates .pnl .badge.text.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge.text:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge.text:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge.text,
fieldset.quick-booking .field.rooms .pnl .badge.text.add-room,
.rooms-list>.item>div.last-child .compare label.badge.text,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge.text,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge.text,
#footer>div>div:not(:first-child) li a.badge.text,
h5,
.h5 {
    font-weight: lighter;
    margin: 0;
    color: #000
}

h1 a,
.h1 a,
h2 a,
.h2 a,
.badge.small a,
.ui-datepicker .ui-datepicker-calendar th span.badge a,
fieldset.quick-booking .field.dates .pnl .badge.clear a,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child a,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child a,
fieldset.quick-booking .field.rooms .pnl .room>a.badge a,
fieldset.quick-booking .field.rooms .pnl .badge.add-room a,
.rooms-list>.item>div.last-child .compare label.badge a,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge a,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge a,
#footer>div>div:not(:first-child) li a.badge a,
h3 a,
.h3 a,
#menu-panel>div>ul:first-child li a a,
#menu-panel>div>ul:first-child li select a,
.badge.small a,
.ui-datepicker .ui-datepicker-calendar th span.badge a,
fieldset.quick-booking .field.dates .pnl .badge.clear a,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child a,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child a,
fieldset.quick-booking .field.rooms .pnl .room>a.badge a,
fieldset.quick-booking .field.rooms .pnl .badge.add-room a,
.rooms-list>.item>div.last-child .compare label.badge a,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge a,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge a,
#footer>div>div:not(:first-child) li a.badge a,
h4 a,
.h4 a,
.badge.medium a,
.badge.small.text a,
.ui-datepicker .ui-datepicker-calendar th span.badge.text a,
fieldset.quick-booking .field.dates .pnl .badge.text.clear a,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge.text:last-child a,
fieldset.quick-booking .field.rooms .pnl .room>span.badge.text:first-child a,
fieldset.quick-booking .field.rooms .pnl .room>a.badge.text a,
fieldset.quick-booking .field.rooms .pnl .badge.text.add-room a,
.rooms-list>.item>div.last-child .compare label.badge.text a,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge.text a,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge.text a,
#footer>div>div:not(:first-child) li a.badge.text a,
h5 a,
.h5 a {
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important
}

h1.accent,
.h1.accent,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a.h1,
h2.accent,
.h2.accent,
.accent.badge.small,
.ui-datepicker .ui-datepicker-calendar th span.accent.badge,
fieldset.quick-booking .field.dates .pnl .accent.badge.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.clear,
.rooms-list>.item>div.last-child .rates .more-available-rates-link fieldset.quick-booking .field.dates .pnl a.badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.accent.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.accent.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.accent.badge,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates .more-available-rates-link .room>a.badge,
.rooms-list>.item>div.last-child .rates .more-available-rates-link fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .accent.badge.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.add-room,
.rooms-list>.item>div.last-child .rates .more-available-rates-link fieldset.quick-booking .field.rooms .pnl a.badge.add-room,
.rooms-list>.item>div.last-child .compare label.accent.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul li.accent.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.accent.badge,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.small,
.rooms-list>.item>div.last-child .rates .more-available-rates-link #footer>div>div:not(:first-child) li a.badge,
#footer>div>div:not(:first-child) li .rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge,
#footer>div>div:not(:first-child) li a.accent.badge,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a.h2,
h3.accent,
.h3.accent,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a.h3,
.rooms-list>.item>div.last-child .rates .more-available-rates-link #menu-panel>div>ul:first-child li a,
#menu-panel>div>ul:first-child li .rooms-list>.item>div.last-child .rates .more-available-rates-link a,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.small,
.rooms-list>.item>div.last-child .rates .more-available-rates-link fieldset.quick-booking .field.dates .pnl a.badge.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.clear,
.rooms-list>.item>div.last-child .rates .more-available-rates-link fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates .more-available-rates-link .room>a.badge,
.rooms-list>.item>div.last-child .rates .more-available-rates-link fieldset.quick-booking .field.rooms .pnl a.badge.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.add-room,
.rooms-list>.item>div.last-child .rates .more-available-rates-link #footer>div>div:not(:first-child) li a.badge,
#footer>div>div:not(:first-child) li .rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge,
#menu-panel>div>ul:first-child li a.accent,
#menu-panel>div>ul:first-child li select.accent,
.accent.badge.small,
.ui-datepicker .ui-datepicker-calendar th span.accent.badge,
fieldset.quick-booking .field.dates .pnl .accent.badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.accent.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.accent.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.accent.badge,
fieldset.quick-booking .field.rooms .pnl .accent.badge.add-room,
.rooms-list>.item>div.last-child .compare label.accent.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul li.accent.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.accent.badge,
#footer>div>div:not(:first-child) li a.accent.badge,
h4.accent,
.h4.accent,
.accent.badge.medium,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.medium,
.accent.badge.small.text,
.ui-datepicker .ui-datepicker-calendar th span.accent.badge.text,
fieldset.quick-booking .field.dates .pnl .accent.badge.text.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.text.clear,
.rooms-list>.item>div.last-child .rates .more-available-rates-link fieldset.quick-booking .field.dates .pnl a.badge.text.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.accent.badge.text:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.accent.badge.text:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.accent.badge.text,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates .more-available-rates-link .room>a.badge.text,
.rooms-list>.item>div.last-child .rates .more-available-rates-link fieldset.quick-booking .field.rooms .pnl .room>a.badge.text,
fieldset.quick-booking .field.rooms .pnl .accent.badge.text.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.text.add-room,
.rooms-list>.item>div.last-child .rates .more-available-rates-link fieldset.quick-booking .field.rooms .pnl a.badge.text.add-room,
.rooms-list>.item>div.last-child .compare label.accent.badge.text,
.rooms-list>.item>div.last-child .rates form>div.left ul li.accent.badge.text,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.accent.badge.text,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.small.text,
.rooms-list>.item>div.last-child .rates .more-available-rates-link #footer>div>div:not(:first-child) li a.badge.text,
#footer>div>div:not(:first-child) li .rooms-list>.item>div.last-child .rates .more-available-rates-link a.badge.text,
#footer>div>div:not(:first-child) li a.accent.badge.text,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a.h4,
h5.accent,
.h5.accent,
.rooms-list>.item>div.last-child .rates .more-available-rates-link a.h5 {
    color: #c2e3d4
}

h1:last-child,
.h1:last-child,
h2:last-child,
.h2:last-child,
.badge.small:last-child,
.ui-datepicker .ui-datepicker-calendar th span.badge:last-child,
fieldset.quick-booking .field.dates .pnl .badge.clear:last-child,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:last-child:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .badge.add-room:last-child,
.rooms-list>.item>div.last-child .compare label.badge:last-child,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge:last-child,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge:last-child,
#footer>div>div:not(:first-child) li a.badge:last-child,
h3:last-child,
.h3:last-child,
#menu-panel>div>ul:first-child li a:last-child,
#menu-panel>div>ul:first-child li select:last-child,
.badge.small:last-child,
.ui-datepicker .ui-datepicker-calendar th span.badge:last-child,
fieldset.quick-booking .field.dates .pnl .badge.clear:last-child,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:last-child:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .badge.add-room:last-child,
.rooms-list>.item>div.last-child .compare label.badge:last-child,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge:last-child,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge:last-child,
#footer>div>div:not(:first-child) li a.badge:last-child,
h4:last-child,
.h4:last-child,
.badge.medium:last-child,
.badge.small.text:last-child,
.ui-datepicker .ui-datepicker-calendar th span.badge.text:last-child,
fieldset.quick-booking .field.dates .pnl .badge.text.clear:last-child,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge.text:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge.text:last-child:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge.text:last-child,
fieldset.quick-booking .field.rooms .pnl .badge.text.add-room:last-child,
.rooms-list>.item>div.last-child .compare label.badge.text:last-child,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge.text:last-child,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge.text:last-child,
#footer>div>div:not(:first-child) li a.badge.text:last-child,
h5:last-child,
.h5:last-child {
    margin-bottom: 0 !important
}

h1,
.h1 {
    font-family: "Trade Gothic Next LT Pro";
    font-weight: bold;
    text-transform: uppercase
}

@media screen and (max-width: 47.9375em) {
    h1,
    .h1 {
        font-size: 2.67em;
        line-height: 1em;
        margin-bottom: 1em;
        letter-spacing: 2px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    h1,
    .h1 {
        font-size: 3.13em;
        line-height: 1em;
        margin-bottom: 1em;
        letter-spacing: 2px
    }
}

@media screen and (min-width: 64em) {
    h1,
    .h1 {
        font-size: 3.6em;
        line-height: 1em;
        margin-bottom: 1em;
        letter-spacing: 2px
    }
}

h2,
.h2,
.badge.small,
.ui-datepicker .ui-datepicker-calendar th span.badge,
fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .badge.add-room,
.rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
#footer>div>div:not(:first-child) li a.badge {
    font-family: "Trade Gothic Next LT Pro";
    font-weight: bold;
    text-transform: uppercase
}

@media screen and (max-width: 47.9375em) {
    h2,
    .h2,
    .badge.small,
    .ui-datepicker .ui-datepicker-calendar th span.badge,
    fieldset.quick-booking .field.dates .pnl .badge.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.badge,
    fieldset.quick-booking .field.rooms .pnl .badge.add-room,
    .rooms-list>.item>div.last-child .compare label.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
    #footer>div>div:not(:first-child) li a.badge {
        font-size: 2em;
        line-height: 1em;
        margin-bottom: 0.7em;
        letter-spacing: 2px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    h2,
    .h2,
    .badge.small,
    .ui-datepicker .ui-datepicker-calendar th span.badge,
    fieldset.quick-booking .field.dates .pnl .badge.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.badge,
    fieldset.quick-booking .field.rooms .pnl .badge.add-room,
    .rooms-list>.item>div.last-child .compare label.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
    #footer>div>div:not(:first-child) li a.badge {
        font-size: 2.47em;
        line-height: 1em;
        margin-bottom: 0.7em;
        letter-spacing: 2px
    }
}

@media screen and (min-width: 64em) {
    h2,
    .h2,
    .badge.small,
    .ui-datepicker .ui-datepicker-calendar th span.badge,
    fieldset.quick-booking .field.dates .pnl .badge.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.badge,
    fieldset.quick-booking .field.rooms .pnl .badge.add-room,
    .rooms-list>.item>div.last-child .compare label.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
    #footer>div>div:not(:first-child) li a.badge {
        font-size: 1.87em;
        line-height: 1.2em;
        margin-bottom: 0.7em;
        letter-spacing: 1px;
    }
}

h2.alternative,
.h2.alternative,
.alternative.badge.small,
.ui-datepicker .ui-datepicker-calendar th span.alternative.badge,
fieldset.quick-booking .field.dates .pnl .alternative.badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.alternative.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.alternative.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.alternative.badge,
fieldset.quick-booking .field.rooms .pnl .alternative.badge.add-room,
.rooms-list>.item>div.last-child .compare label.alternative.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul li.alternative.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.alternative.badge,
#footer>div>div:not(:first-child) li a.alternative.badge {
    font-family: "Viva Beautiful Caps";
    font-weight: normal;
    text-transform: none
}

@media screen and (max-width: 47.9375em) {
    h2.alternative,
    .h2.alternative,
    .alternative.badge.small,
    .ui-datepicker .ui-datepicker-calendar th span.alternative.badge,
    fieldset.quick-booking .field.dates .pnl .alternative.badge.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.alternative.badge:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.alternative.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.alternative.badge,
    fieldset.quick-booking .field.rooms .pnl .alternative.badge.add-room,
    .rooms-list>.item>div.last-child .compare label.alternative.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.alternative.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.alternative.badge,
    #footer>div>div:not(:first-child) li a.alternative.badge {
        font-size: 2.4em;
        line-height: 1em;
        margin-bottom: 1em;
        letter-spacing: 0
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    h2.alternative,
    .h2.alternative,
    .alternative.badge.small,
    .ui-datepicker .ui-datepicker-calendar th span.alternative.badge,
    fieldset.quick-booking .field.dates .pnl .alternative.badge.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.alternative.badge:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.alternative.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.alternative.badge,
    fieldset.quick-booking .field.rooms .pnl .alternative.badge.add-room,
    .rooms-list>.item>div.last-child .compare label.alternative.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.alternative.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.alternative.badge,
    #footer>div>div:not(:first-child) li a.alternative.badge {
        font-size: 2.4em;
        line-height: 1em;
        margin-bottom: 1em;
        letter-spacing: 0
    }
}

@media screen and (min-width: 64em) {
    h2.alternative,
    .h2.alternative,
    .alternative.badge.small,
    .ui-datepicker .ui-datepicker-calendar th span.alternative.badge,
    fieldset.quick-booking .field.dates .pnl .alternative.badge.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.alternative.badge:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.alternative.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.alternative.badge,
    fieldset.quick-booking .field.rooms .pnl .alternative.badge.add-room,
    .rooms-list>.item>div.last-child .compare label.alternative.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.alternative.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.alternative.badge,
    #footer>div>div:not(:first-child) li a.alternative.badge {
        font-size: 3.6em;
        line-height: 1em;
        margin-bottom: 1em;
        letter-spacing: 0
    }
}

h3,
.h3,
#menu-panel>div>ul:first-child li a,
#menu-panel>div>ul:first-child li select,
.badge.small,
.ui-datepicker .ui-datepicker-calendar th span.badge,
fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .badge.add-room,
.rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
#footer>div>div:not(:first-child) li a.badge {
    font-family: "Trade Gothic Next LT Pro";
    font-weight: bold;
    text-transform: uppercase
}

@media screen and (max-width: 47.9375em) {
    h3,
    .h3,
    #menu-panel>div>ul:first-child li a,
    #menu-panel>div>ul:first-child li select,
    .badge.small,
    .ui-datepicker .ui-datepicker-calendar th span.badge,
    fieldset.quick-booking .field.dates .pnl .badge.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.badge,
    fieldset.quick-booking .field.rooms .pnl .badge.add-room,
    .rooms-list>.item>div.last-child .compare label.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
    #footer>div>div:not(:first-child) li a.badge {
        font-size: 1.6em;
        line-height: 1.2em;
        margin-bottom: 0.7em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    h3,
    .h3,
    #menu-panel>div>ul:first-child li a,
    #menu-panel>div>ul:first-child li select,
    .badge.small,
    .ui-datepicker .ui-datepicker-calendar th span.badge,
    fieldset.quick-booking .field.dates .pnl .badge.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.badge,
    fieldset.quick-booking .field.rooms .pnl .badge.add-room,
    .rooms-list>.item>div.last-child .compare label.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
    #footer>div>div:not(:first-child) li a.badge {
        font-size: 1.73em;
        line-height: 1.2em;
        margin-bottom: 0.7em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 64em) {
    h3,
    .h3,
    #menu-panel>div>ul:first-child li a,
    #menu-panel>div>ul:first-child li select,
    .badge.small,
    .ui-datepicker .ui-datepicker-calendar th span.badge,
    fieldset.quick-booking .field.dates .pnl .badge.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.badge,
    fieldset.quick-booking .field.rooms .pnl .badge.add-room,
    .rooms-list>.item>div.last-child .compare label.badge,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
    #footer>div>div:not(:first-child) li a.badge {
        font-size: 1.87em;
        line-height: 1.2em;
        margin-bottom: 0.7em;
        letter-spacing: 1px
    }
}

h4,
.h4,
.badge.medium,
.badge.small.text,
.ui-datepicker .ui-datepicker-calendar th span.badge.text,
fieldset.quick-booking .field.dates .pnl .badge.text.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge.text:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge.text:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge.text,
fieldset.quick-booking .field.rooms .pnl .badge.text.add-room,
.rooms-list>.item>div.last-child .compare label.badge.text,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge.text,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge.text,
#footer>div>div:not(:first-child) li a.badge.text {
    font-family: "Trade Gothic Next LT Pro";
    font-weight: bold;
    text-transform: uppercase
}

@media screen and (max-width: 47.9375em) {
    h4,
    .h4,
    .badge.medium,
    .badge.small.text,
    .ui-datepicker .ui-datepicker-calendar th span.badge.text,
    fieldset.quick-booking .field.dates .pnl .badge.text.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.badge.text:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.badge.text:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.badge.text,
    fieldset.quick-booking .field.rooms .pnl .badge.text.add-room,
    .rooms-list>.item>div.last-child .compare label.badge.text,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.badge.text,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge.text,
    #footer>div>div:not(:first-child) li a.badge.text {
        font-size: 1.13em;
        line-height: 1.35em;
        margin-bottom: 0.7em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    h4,
    .h4,
    .badge.medium,
    .badge.small.text,
    .ui-datepicker .ui-datepicker-calendar th span.badge.text,
    fieldset.quick-booking .field.dates .pnl .badge.text.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.badge.text:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.badge.text:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.badge.text,
    fieldset.quick-booking .field.rooms .pnl .badge.text.add-room,
    .rooms-list>.item>div.last-child .compare label.badge.text,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.badge.text,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge.text,
    #footer>div>div:not(:first-child) li a.badge.text {
        font-size: 1.13em;
        line-height: 1.35em;
        margin-bottom: 0.7em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 64em) {
    h4,
    .h4,
    .badge.medium,
    .badge.small.text,
    .ui-datepicker .ui-datepicker-calendar th span.badge.text,
    fieldset.quick-booking .field.dates .pnl .badge.text.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.badge.text:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.badge.text:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.badge.text,
    fieldset.quick-booking .field.rooms .pnl .badge.text.add-room,
    .rooms-list>.item>div.last-child .compare label.badge.text,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.badge.text,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge.text,
    #footer>div>div:not(:first-child) li a.badge.text {
        font-size: 1.13em;
        line-height: 1.35em;
        margin-bottom: 0.7em;
        letter-spacing: 1px
    }
}

h5,
.h5 {
    font-family: "Trade Gothic Next LT Pro";
    font-weight: bold;
    text-transform: uppercase
}

@media screen and (max-width: 47.9375em) {
    h5,
    .h5 {
        font-size: 1.13em;
        line-height: 1.35em;
        margin-bottom: 1em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    h5,
    .h5 {
        font-size: 1.13em;
        line-height: 1.35em;
        margin-bottom: 1em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 64em) {
    h5,
    .h5 {
        font-size: 1.13em;
        line-height: 1.35em;
        margin-bottom: 1em;
        letter-spacing: 1px
    }
}

.small,
.ui-datepicker .ui-datepicker-calendar th span,
fieldset.quick-booking .field.dates .pnl .clear,
fieldset.quick-booking .field.dates .pnl .legend li>span:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl .add-room,
.rooms-list>.item>div.last-child .compare label,
.rooms-list>.item>div.last-child .rates form>div.left ul li,
.rooms-list>.item>div.last-child .rates form>div.right ul li div,
#footer>div>div:not(:first-child) li a {
    font-size: .87em
}

.center {
    text-align: center
}

.label.normal,
.ui-datepicker .ui-datepicker-calendar th span.normal,
.ui-datepicker .ui-datepicker-calendar th td>span,
.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td>span,
fieldset.quick-booking .field.dates .pnl .normal.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td a.clear,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl a.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td>span.clear,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.dates .pnl td>span.clear,
fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.clear.video-link,
fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
fieldset.quick-booking .field.dates .pnl .box16>div>div>a>div p.clear,
.box16>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
fieldset.quick-booking .field.dates .pnl .box17>div>div>a>div p.clear,
.box17>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.normal:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.normal:first-child,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td.room>span:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.normal,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link.room>a.video-link,
fieldset.quick-booking .field.rooms .pnl .box5.video-link.room>a,
fieldset.quick-booking .field.rooms .pnl .normal.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td a.add-room,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl a.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td>span.add-room,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td>span.add-room,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.add-room.video-link,
fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div p.add-room,
.box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div p.add-room,
.box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.add-room,
#hero-canvas.video-link>a.video-link,
.rooms-list>.item>div.last-child .compare label.normal,
.rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label,
.box5.video-link>a,
.box16>div>div>a>div p,
.box17>div>div>a>div p,
.rooms-list>.item>div.last-child .rates form>div.right ul li>strong,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label {
    color: #727070;
    font-family: "Trade Gothic Next LT Pro";
    font-weight: bold;
    text-transform: uppercase
}

@media screen and (max-width: 47.9375em) {
    .label.normal,
    .ui-datepicker .ui-datepicker-calendar th span.normal,
    .ui-datepicker .ui-datepicker-calendar th td>span,
    .ui-datepicker .ui-datepicker-calendar td a,
    .ui-datepicker .ui-datepicker-calendar td>span,
    fieldset.quick-booking .field.dates .pnl .normal.clear,
    fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td a.clear,
    .ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl a.clear,
    fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td>span.clear,
    .ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.dates .pnl td>span.clear,
    fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.clear.video-link,
    fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
    fieldset.quick-booking .field.dates .pnl .box16>div>div>a>div p.clear,
    .box16>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
    fieldset.quick-booking .field.dates .pnl .box17>div>div>a>div p.clear,
    .box17>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
    fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.normal:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.normal:first-child,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
    .ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td.room>span:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.normal,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
    .ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .room>a,
    fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link.room>a.video-link,
    fieldset.quick-booking .field.rooms .pnl .box5.video-link.room>a,
    fieldset.quick-booking .field.rooms .pnl .normal.add-room,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td a.add-room,
    .ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl a.add-room,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td>span.add-room,
    .ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td>span.add-room,
    fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.add-room.video-link,
    fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
    fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div p.add-room,
    .box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
    fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div p.add-room,
    .box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
    fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.add-room,
    #hero-canvas.video-link>a.video-link,
    .rooms-list>.item>div.last-child .compare label.normal,
    .rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label,
    .box5.video-link>a,
    .box16>div>div>a>div p,
    .box17>div>div>a>div p,
    .rooms-list>.item>div.last-child .rates form>div.right ul li>strong,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label {
        font-size: 1em;
        line-height: 1.35em;
        margin-bottom: 0.5em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .label.normal,
    .ui-datepicker .ui-datepicker-calendar th span.normal,
    .ui-datepicker .ui-datepicker-calendar th td>span,
    .ui-datepicker .ui-datepicker-calendar td a,
    .ui-datepicker .ui-datepicker-calendar td>span,
    fieldset.quick-booking .field.dates .pnl .normal.clear,
    fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td a.clear,
    .ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl a.clear,
    fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td>span.clear,
    .ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.dates .pnl td>span.clear,
    fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.clear.video-link,
    fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
    fieldset.quick-booking .field.dates .pnl .box16>div>div>a>div p.clear,
    .box16>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
    fieldset.quick-booking .field.dates .pnl .box17>div>div>a>div p.clear,
    .box17>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
    fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.normal:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.normal:first-child,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
    .ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td.room>span:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.normal,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
    .ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .room>a,
    fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link.room>a.video-link,
    fieldset.quick-booking .field.rooms .pnl .box5.video-link.room>a,
    fieldset.quick-booking .field.rooms .pnl .normal.add-room,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td a.add-room,
    .ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl a.add-room,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td>span.add-room,
    .ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td>span.add-room,
    fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.add-room.video-link,
    fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
    fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div p.add-room,
    .box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
    fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div p.add-room,
    .box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
    fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.add-room,
    #hero-canvas.video-link>a.video-link,
    .rooms-list>.item>div.last-child .compare label.normal,
    .rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label,
    .box5.video-link>a,
    .box16>div>div>a>div p,
    .box17>div>div>a>div p,
    .rooms-list>.item>div.last-child .rates form>div.right ul li>strong,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label {
        font-size: 1em;
        line-height: 1.35em;
        margin-bottom: 0.5em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 64em) {
    .label.normal,
    .ui-datepicker .ui-datepicker-calendar th span.normal,
    .ui-datepicker .ui-datepicker-calendar th td>span,
    .ui-datepicker .ui-datepicker-calendar td a,
    .ui-datepicker .ui-datepicker-calendar td>span,
    fieldset.quick-booking .field.dates .pnl .normal.clear,
    fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td a.clear,
    .ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl a.clear,
    fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td>span.clear,
    .ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.dates .pnl td>span.clear,
    fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.clear.video-link,
    fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
    fieldset.quick-booking .field.dates .pnl .box16>div>div>a>div p.clear,
    .box16>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
    fieldset.quick-booking .field.dates .pnl .box17>div>div>a>div p.clear,
    .box17>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
    fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span.normal:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span.normal:first-child,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
    .ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td.room>span:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a.normal,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
    .ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .room>a,
    fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link.room>a.video-link,
    fieldset.quick-booking .field.rooms .pnl .box5.video-link.room>a,
    fieldset.quick-booking .field.rooms .pnl .normal.add-room,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td a.add-room,
    .ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl a.add-room,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td>span.add-room,
    .ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td>span.add-room,
    fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.add-room.video-link,
    fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
    fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div p.add-room,
    .box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
    fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div p.add-room,
    .box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
    fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.add-room,
    #hero-canvas.video-link>a.video-link,
    .rooms-list>.item>div.last-child .compare label.normal,
    .rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label,
    .box5.video-link>a,
    .box16>div>div>a>div p,
    .box17>div>div>a>div p,
    .rooms-list>.item>div.last-child .rates form>div.right ul li>strong,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label {
        font-size: 1em;
        line-height: 1.35em;
        margin-bottom: 0.5em;
        letter-spacing: 1px
    }
}

.label.normal.regular,
.ui-datepicker .ui-datepicker-calendar th span.normal,
.ui-datepicker .ui-datepicker-calendar th td>span,
.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td>span,
fieldset.quick-booking .field.dates .pnl .normal.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td a.clear,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl a.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td>span.clear,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.dates .pnl td>span.clear,
fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.clear.video-link,
fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
fieldset.quick-booking .field.dates .pnl .box16>div>div>a>div p.clear,
.box16>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
fieldset.quick-booking .field.dates .pnl .box17>div>div>a>div p.clear,
.box17>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.normal:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.normal:first-child,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td.room>span:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.normal,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link.room>a.video-link,
fieldset.quick-booking .field.rooms .pnl .box5.video-link.room>a,
fieldset.quick-booking .field.rooms .pnl .normal.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td a.add-room,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl a.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td>span.add-room,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td>span.add-room,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.add-room.video-link,
fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div p.add-room,
.box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div p.add-room,
.box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.add-room,
#hero-canvas.video-link>a.regular.video-link,
.ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.video-link,
.rooms-list>.item>div.last-child .compare label.normal.regular,
fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label.clear,
.rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare input+label.clear,
fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label.add-room,
.rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare input+label.add-room,
.rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.regular,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label.regular,
.box5.video-link>a.regular,
.box16>div>div>a>div p,
.box17>div>div>a>div p,
.rooms-list>.item>div.last-child .rates form>div.right ul li>strong.regular,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.regular,
.label.normal.black,
.ui-datepicker .ui-datepicker-calendar th span.normal.black,
.ui-datepicker .ui-datepicker-calendar th td>span.black,
.ui-datepicker .ui-datepicker-calendar td a.black,
.ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.video-link,
.ui-datepicker .ui-datepicker-calendar td .box5.video-link>a,
.ui-datepicker .ui-datepicker-calendar td>span.black,
fieldset.quick-booking .field.dates .pnl .normal.black.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td a.black.clear,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl a.black.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td .box5.video-link>a.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td>span.black.clear,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.dates .pnl td>span.black.clear,
fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.clear.video-link,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare label.normal.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
.rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.clear,
fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.dates .pnl input+label.clear,
fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
fieldset.quick-booking .field.dates .pnl .box16>div>div>a>div p.black.clear,
.box16>div>div>a>div fieldset.quick-booking .field.dates .pnl p.black.clear,
fieldset.quick-booking .field.dates .pnl .box17>div>div>a>div p.black.clear,
.box17>div>div>a>div fieldset.quick-booking .field.dates .pnl p.black.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.black.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.black.clear,
fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.black.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.black.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.normal.black:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.normal.black:first-child,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span.black:first-child,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td.room>span.black:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.normal.black,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a.black,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .room>a.black,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .box5.video-link.room>a,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link.room>a.video-link,
fieldset.quick-booking .field.rooms .pnl .box5.video-link.room>a,
fieldset.quick-booking .field.rooms .pnl .normal.black.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td a.black.add-room,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl a.black.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .box5.video-link>a.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td>span.black.add-room,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td>span.black.add-room,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.add-room.video-link,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare label.normal.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
.rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.add-room,
fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.rooms .pnl input+label.add-room,
fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div p.black.add-room,
.box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.black.add-room,
fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div p.black.add-room,
.box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.black.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.black.add-room,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.black.add-room,
fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.black.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.black.add-room,
#hero-canvas.video-link>a.video-link,
.rooms-list>.item>div.last-child .compare label.normal,
.rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label,
.box5.video-link>a,
.box16>div>div>a>div p.black,
.box17>div>div>a>div p.black,
.rooms-list>.item>div.last-child .rates form>div.right ul li>strong.black,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.black {
    content: "empty rulesets"
}

.label.small,
.ui-datepicker .ui-datepicker-calendar th span,
.ui-datepicker .ui-datepicker-calendar td a.small,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
.ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li a,
#footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td>span.small,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
fieldset.quick-booking .field.dates .pnl .clear,
fieldset.quick-booking .field.dates .pnl .legend li>span:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl .add-room,
#hero-canvas.video-link>a.small.video-link,
fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.video-link.clear,
fieldset.quick-booking .field.rooms .pnl .room#hero-canvas.video-link>a.video-link,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.video-link.add-room,
#footer>div>div:not(:first-child) li #hero-canvas.video-link>a.video-link,
.rooms-list>.item>div.last-child .compare label,
.rooms-list>.item>div.last-child .rates form>div.left ul li.label,
.rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.dates .pnl li.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.clear,
.rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.rooms .pnl li.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.add-room,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.label,
.rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.dates .pnl div.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.rooms .pnl div.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.add-room,
#footer>div>div:not(:first-child) li a.label,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl a.clear,
fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li a.clear,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .room>a,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl a.add-room,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li a.add-room,
#footer>div>div:not(:first-child) li .box5.video-link>a,
.box5.video-link>a.small,
.box16>div>div>a>div p.small,
.box17>div>div>a>div p.small,
.rooms-list>.item>div.last-child .rates form>div.right ul li>strong.small,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.small,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label {
    font-family: "Trade Gothic Next LT Pro";
    font-weight: bold;
    text-transform: uppercase
}

@media screen and (max-width: 47.9375em) {
    .label.small,
    .ui-datepicker .ui-datepicker-calendar th span,
    .ui-datepicker .ui-datepicker-calendar td a.small,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
    .ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li a,
    #footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td a,
    .ui-datepicker .ui-datepicker-calendar td>span.small,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
    fieldset.quick-booking .field.dates .pnl .clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a,
    fieldset.quick-booking .field.rooms .pnl .add-room,
    #hero-canvas.video-link>a.small.video-link,
    fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.video-link.clear,
    fieldset.quick-booking .field.rooms .pnl .room#hero-canvas.video-link>a.video-link,
    fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.video-link.add-room,
    #footer>div>div:not(:first-child) li #hero-canvas.video-link>a.video-link,
    .rooms-list>.item>div.last-child .compare label,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.label,
    .rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.dates .pnl li.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.clear,
    .rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.rooms .pnl li.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.add-room,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.label,
    .rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.dates .pnl div.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.clear,
    .rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.rooms .pnl div.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.add-room,
    #footer>div>div:not(:first-child) li a.label,
    #footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl a.clear,
    fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li a.clear,
    #footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .room>a,
    fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .room>a,
    #footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl a.add-room,
    fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li a.add-room,
    #footer>div>div:not(:first-child) li .box5.video-link>a,
    .box5.video-link>a.small,
    .box16>div>div>a>div p.small,
    .box17>div>div>a>div p.small,
    .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.small,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.small,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label {
        font-size: 0.73em;
        line-height: 1.35em;
        margin-bottom: 0.5em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .label.small,
    .ui-datepicker .ui-datepicker-calendar th span,
    .ui-datepicker .ui-datepicker-calendar td a.small,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
    .ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li a,
    #footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td a,
    .ui-datepicker .ui-datepicker-calendar td>span.small,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
    fieldset.quick-booking .field.dates .pnl .clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a,
    fieldset.quick-booking .field.rooms .pnl .add-room,
    #hero-canvas.video-link>a.small.video-link,
    fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.video-link.clear,
    fieldset.quick-booking .field.rooms .pnl .room#hero-canvas.video-link>a.video-link,
    fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.video-link.add-room,
    #footer>div>div:not(:first-child) li #hero-canvas.video-link>a.video-link,
    .rooms-list>.item>div.last-child .compare label,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.label,
    .rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.dates .pnl li.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.clear,
    .rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.rooms .pnl li.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.add-room,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.label,
    .rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.dates .pnl div.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.clear,
    .rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.rooms .pnl div.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.add-room,
    #footer>div>div:not(:first-child) li a.label,
    #footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl a.clear,
    fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li a.clear,
    #footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .room>a,
    fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .room>a,
    #footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl a.add-room,
    fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li a.add-room,
    #footer>div>div:not(:first-child) li .box5.video-link>a,
    .box5.video-link>a.small,
    .box16>div>div>a>div p.small,
    .box17>div>div>a>div p.small,
    .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.small,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.small,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label {
        font-size: 0.73em;
        line-height: 1.35em;
        margin-bottom: 0.5em;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 64em) {
    .label.small,
    .ui-datepicker .ui-datepicker-calendar th span,
    .ui-datepicker .ui-datepicker-calendar td a.small,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
    .ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li a,
    #footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td a,
    .ui-datepicker .ui-datepicker-calendar td>span.small,
    fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
    fieldset.quick-booking .field.dates .pnl .clear,
    fieldset.quick-booking .field.dates .pnl .legend li>span:last-child,
    fieldset.quick-booking .field.rooms .pnl .room>span:first-child,
    fieldset.quick-booking .field.rooms .pnl .room>a,
    fieldset.quick-booking .field.rooms .pnl .add-room,
    #hero-canvas.video-link>a.small.video-link,
    fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.video-link.clear,
    fieldset.quick-booking .field.rooms .pnl .room#hero-canvas.video-link>a.video-link,
    fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.video-link.add-room,
    #footer>div>div:not(:first-child) li #hero-canvas.video-link>a.video-link,
    .rooms-list>.item>div.last-child .compare label,
    .rooms-list>.item>div.last-child .rates form>div.left ul li.label,
    .rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.dates .pnl li.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.clear,
    .rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.rooms .pnl li.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.add-room,
    .rooms-list>.item>div.last-child .rates form>div.right ul li div.label,
    .rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.dates .pnl div.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.clear,
    .rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.rooms .pnl div.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.add-room,
    #footer>div>div:not(:first-child) li a.label,
    #footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl a.clear,
    fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li a.clear,
    #footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .room>a,
    fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .room>a,
    #footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl a.add-room,
    fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li a.add-room,
    #footer>div>div:not(:first-child) li .box5.video-link>a,
    .box5.video-link>a.small,
    .box16>div>div>a>div p.small,
    .box17>div>div>a>div p.small,
    .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.small,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
    fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
    .rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
    fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.small,
    .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label {
        font-size: 0.73em;
        line-height: 1.35em;
        margin-bottom: 0.5em;
        letter-spacing: 1px
    }
}

.label.small.regular,
.ui-datepicker .ui-datepicker-calendar th span,
.ui-datepicker .ui-datepicker-calendar td a.small,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl a.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td a.clear,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl a.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td a.add-room,
.ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li a,
#footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td>span.small,
.ui-datepicker .ui-datepicker-calendar th td>span,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.dates .pnl td>span.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td>span.clear,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td.room>span:first-child,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span:first-child,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td>span.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td>span.add-room,
fieldset.quick-booking .field.dates .pnl .clear,
fieldset.quick-booking .field.dates .pnl .legend li>span:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl .add-room,
#hero-canvas.video-link>a.small.regular.video-link,
.ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.small.video-link,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.video-link.clear,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room#hero-canvas.video-link>a.video-link,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.video-link.add-room,
.ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li #hero-canvas.video-link>a.video-link,
#footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.video-link,
fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.video-link.clear,
fieldset.quick-booking .field.rooms .pnl .room#hero-canvas.video-link>a.video-link,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.video-link.add-room,
#footer>div>div:not(:first-child) li #hero-canvas.video-link>a.regular.video-link,
fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li #hero-canvas.video-link>a.video-link.clear,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .room#hero-canvas.video-link>a.video-link,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li #hero-canvas.video-link>a.video-link.add-room,
.rooms-list>.item>div.last-child .compare label.regular,
.rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.dates .pnl label.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare label.clear,
.rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.rooms .pnl label.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare label.add-room,
.rooms-list>.item>div.last-child .rates form>div.left ul li.label.regular,
.rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.dates .pnl li.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.clear,
.rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.rooms .pnl li.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.add-room,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.label.regular,
.rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.dates .pnl div.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.rooms .pnl div.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.add-room,
#footer>div>div:not(:first-child) li a.label.regular,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl a.clear,
fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li a.clear,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .room>a,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .room>a,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl a.add-room,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li a.add-room,
#footer>div>div:not(:first-child) li .box5.video-link>a.regular,
.box5.video-link>a.small.regular,
.ui-datepicker .ui-datepicker-calendar td .box5.video-link>a.small,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td .box5.video-link>a.clear,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room.box5.video-link>a,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .box5.video-link>a.add-room,
.ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li .box5.video-link>a,
#footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td .box5.video-link>a,
fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
fieldset.quick-booking .field.rooms .pnl .room.box5.video-link>a,
fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li .box5.video-link>a.clear,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .room.box5.video-link>a,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .room.box5.video-link>a,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .box5.video-link>a.add-room,
.box16>div>div>a>div p.small,
.box17>div>div>a>div p.small,
.box16>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
fieldset.quick-booking .field.dates .pnl .box16>div>div>a>div p.clear,
.box17>div>div>a>div fieldset.quick-booking .field.dates .pnl p.clear,
fieldset.quick-booking .field.dates .pnl .box17>div>div>a>div p.clear,
.box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div p.add-room,
.box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.add-room,
fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div p.add-room,
.rooms-list>.item>div.last-child .rates form>div.right ul li>strong.small.regular,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.small.regular,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.clear,
fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.add-room,
fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label.regular,
.rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.regular,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare input+label.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare input+label.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
.label.small.black,
.ui-datepicker .ui-datepicker-calendar th span.black,
.ui-datepicker .ui-datepicker-calendar td a.small.black,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl a.black.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td a.black.clear,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.clear.video-link,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.clear.video-link,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td .box5.video-link>a.clear,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .room>a.black,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .room>a.black,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link.room>a.video-link,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link.room>a.video-link,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .box5.video-link.room>a,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .box5.video-link.room>a,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl a.black.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td a.black.add-room,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.add-room.video-link,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.add-room.video-link,
.ui-datepicker .ui-datepicker-calendar td fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td .box5.video-link>a.add-room,
.ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.small.video-link,
.ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li #hero-canvas.video-link>a.video-link,
#footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td #hero-canvas.video-link>a.video-link,
.ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li a.black,
#footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td a.black,
.ui-datepicker .ui-datepicker-calendar td #footer>div>div:not(:first-child) li .box5.video-link>a,
#footer>div>div:not(:first-child) li .ui-datepicker .ui-datepicker-calendar td .box5.video-link>a,
.ui-datepicker .ui-datepicker-calendar td .box5.video-link>a.small,
.ui-datepicker .ui-datepicker-calendar td>span.small.black,
.ui-datepicker .ui-datepicker-calendar th td>span.black,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.dates .pnl td>span.black.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar td>span.black.clear,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td.room>span.black:first-child,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td.room>span.black:first-child,
.ui-datepicker .ui-datepicker-calendar fieldset.quick-booking .field.rooms .pnl td>span.black.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar td>span.black.add-room,
fieldset.quick-booking .field.dates .pnl .black.clear,
fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.clear.video-link,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare label.clear,
.rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.dates .pnl label.clear,
fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.black:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.black:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.black,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link.room>a.video-link,
fieldset.quick-booking .field.rooms .pnl .box5.video-link.room>a,
fieldset.quick-booking .field.rooms .pnl .black.add-room,
fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.add-room.video-link,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare label.add-room,
.rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.rooms .pnl label.add-room,
fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
#hero-canvas.video-link>a.small.video-link,
#footer>div>div:not(:first-child) li #hero-canvas.video-link>a.video-link,
.rooms-list>.item>div.last-child .compare label,
.rooms-list>.item>div.last-child .rates form>div.left ul li.label.black,
.rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.dates .pnl li.black.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.black.clear,
.rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.rooms .pnl li.black.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.black.add-room,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.label.black,
.rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.dates .pnl div.black.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.black.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.rooms .pnl div.black.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.black.add-room,
#footer>div>div:not(:first-child) li a.label.black,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl a.black.clear,
fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li a.black.clear,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl #hero-canvas.video-link>a.clear.video-link,
fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li #hero-canvas.video-link>a.clear.video-link,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl .box5.video-link>a.clear,
fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li .box5.video-link>a.clear,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .room>a.black,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .room>a.black,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link.room>a.video-link,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li #hero-canvas.video-link.room>a.video-link,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .box5.video-link.room>a,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .box5.video-link.room>a,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl a.black.add-room,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li a.black.add-room,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl #hero-canvas.video-link>a.add-room.video-link,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li #hero-canvas.video-link>a.add-room.video-link,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl .box5.video-link>a.add-room,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li .box5.video-link>a.add-room,
#footer>div>div:not(:first-child) li .box5.video-link>a,
.box5.video-link>a.small,
.box16>div>div>a>div p.small.black,
.box17>div>div>a>div p.small.black,
.box16>div>div>a>div fieldset.quick-booking .field.dates .pnl p.black.clear,
fieldset.quick-booking .field.dates .pnl .box16>div>div>a>div p.black.clear,
.box17>div>div>a>div fieldset.quick-booking .field.dates .pnl p.black.clear,
fieldset.quick-booking .field.dates .pnl .box17>div>div>a>div p.black.clear,
.box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.black.add-room,
fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div p.black.add-room,
.box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl p.black.add-room,
fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div p.black.add-room,
.rooms-list>.item>div.last-child .rates form>div.right ul li>strong.small.black,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.dates .pnl li>strong.black.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.black.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul fieldset.quick-booking .field.rooms .pnl li>strong.black.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li>strong.black.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.small.black,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl input+label.black.clear,
fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.black.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare input+label.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.dates .pnl input+label.clear,
.rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.dates .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.clear,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl input+label.black.add-room,
fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.black.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare input+label.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.rooms .pnl input+label.add-room,
.rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.rooms .pnl .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label.add-room,
.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li .rooms-list>.item>div.last-child .compare input+label,
.rooms-list>.item>div.last-child .compare .inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input+label {
    content: "empty rulesets"
}

.navbar,
.sub-nav ul.menu li a,
.sub-nav select,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title,
fieldset.quick-booking .field>a,
fieldset.quick-booking .field.destinations .pnl a,
fieldset.quick-booking .field.rooms .pnl .room>div .guest>span,
fieldset.quick-booking .field.options .pnl>div input,
.google-map .gm-style .infoBox>div>div,
#header-mobile>a:last-child,
#menu-panel>div>div ul li a,
#menu-panel>div>div ul li select,
#top>a:first-child,
#top>ul li.select>a,
#top>ul li.select>a+div li a,
#top>ul li a {
    font-family: "Trade Gothic Next LT Pro";
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none
}

@media screen and (max-width: 47.9375em) {
    .navbar,
    .sub-nav ul.menu li a,
    .sub-nav select,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
    fieldset.quick-booking .field>a,
    fieldset.quick-booking .field.destinations .pnl a,
    fieldset.quick-booking .field.rooms .pnl .room>div .guest>span,
    fieldset.quick-booking .field.options .pnl>div input,
    .google-map .gm-style .infoBox>div>div,
    #header-mobile>a:last-child,
    #menu-panel>div>div ul li a,
    #menu-panel>div>div ul li select,
    #top>a:first-child,
    #top>ul li.select>a,
    #top>ul li.select>a+div li a,
    #top>ul li a {
        font-size: 0.93em;
        line-height: 1.35em;
        margin-bottom: 0;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .navbar,
    .sub-nav ul.menu li a,
    .sub-nav select,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
    fieldset.quick-booking .field>a,
    fieldset.quick-booking .field.destinations .pnl a,
    fieldset.quick-booking .field.rooms .pnl .room>div .guest>span,
    fieldset.quick-booking .field.options .pnl>div input,
    .google-map .gm-style .infoBox>div>div,
    #header-mobile>a:last-child,
    #menu-panel>div>div ul li a,
    #menu-panel>div>div ul li select,
    #top>a:first-child,
    #top>ul li.select>a,
    #top>ul li.select>a+div li a,
    #top>ul li a {
        font-size: 0.93em;
        line-height: 1.35em;
        margin-bottom: 0;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 64em) {
    .navbar,
    .sub-nav ul.menu li a,
    .sub-nav select,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
    fieldset.quick-booking .field>a,
    fieldset.quick-booking .field.destinations .pnl a,
    fieldset.quick-booking .field.rooms .pnl .room>div .guest>span,
    fieldset.quick-booking .field.options .pnl>div input,
    .google-map .gm-style .infoBox>div>div,
    #header-mobile>a:last-child,
    #menu-panel>div>div ul li a,
    #menu-panel>div>div ul li select,
    #top>a:first-child,
    #top>ul li.select>a,
    #top>ul li.select>a+div li a,
    #top>ul li a {
        font-size: 0.93em;
        line-height: 1.35em;
        margin-bottom: 0;
        letter-spacing: 1px
    }
}

.activities-list p>a,
.spa_hotel p>a {
    margin-top: 20px;
}

.activities-list p>a:hover,
.spa_hotel p>a:hover {
    margin-top: 20px;
}

.button,
.link-button,
p.link>a,
a.link,
p.full-link a,
.activities-list p>a,
.spa_hotel p>a,
.hotels-list>form>div:last-child>div:last-child ul li:last-child a,
input[type="submit"] {
    font-family: "Trade Gothic Next LT Pro";
    font-weight: bold;
    text-transform: uppercase
}

@media screen and (max-width: 47.9375em) {
    .button,
    .link-button,
    p.link>a,
    a.link,
    p.full-link a,
    .hotels-list>form>div:last-child>div:last-child ul li:last-child a,
    input[type="submit"] {
        font-size: 0.93em;
        line-height: 1.35em;
        margin-bottom: 0;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .button,
    .link-button,
    p.link>a,
    a.link,
    p.full-link a,
    .hotels-list>form>div:last-child>div:last-child ul li:last-child a,
    input[type="submit"] {
        font-size: 0.93em;
        line-height: 1.35em;
        margin-bottom: 0;
        letter-spacing: 1px
    }
}

@media screen and (min-width: 64em) {
    .button,
    .link-button,
    p.link>a,
    a.link,
    .activities-list p>a,
    .spa_hotel p>a,
    p.full-link a,
    .hotels-list>form>div:last-child>div:last-child ul li:last-child a,
    input[type="submit"] {
        font-size: 0.93em;
        line-height: 1.35em;
        margin-bottom: 0;
        letter-spacing: 1px
    }
}

ul+h2,
ul+h3,
ul+.h2,
ul+.badge.small,
.ui-datepicker .ui-datepicker-calendar th ul+span.badge,
fieldset.quick-booking .field.dates .pnl ul+.badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>ul+span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>ul+span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>ul+a.badge,
fieldset.quick-booking .field.rooms .pnl ul+.badge.add-room,
.rooms-list>.item>div.last-child .compare ul+label.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul ul+li.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li ul+div.badge,
#footer>div>div:not(:first-child) li ul+a.badge,
ul+.h3,
#menu-panel>div>ul:first-child li ul+a,
#menu-panel>div>ul:first-child li ul+select,
ul+.badge.small,
.ui-datepicker .ui-datepicker-calendar th ul+span.badge,
fieldset.quick-booking .field.dates .pnl ul+.badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>ul+span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>ul+span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>ul+a.badge,
fieldset.quick-booking .field.rooms .pnl ul+.badge.add-room,
.rooms-list>.item>div.last-child .compare ul+label.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul ul+li.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li ul+div.badge,
#footer>div>div:not(:first-child) li ul+a.badge,
p:not(.label)+H2,
p:not(.label)+.H2,
p:not(.label)+H3,
p:not(.label)+.H3,
p+H4,
p+.H4,
p+H5,
p+.H5 {
    margin-top: 45px
}

h3+p.label,
fieldset.quick-booking .field.dates .pnl h3+p.clear,
fieldset.quick-booking .field.rooms .pnl h3+p.add-room,
.box16>div>div>a>div h3+p,
.box17>div>div>a>div h3+p,
.h3+p.label,
#menu-panel>div>ul:first-child li a+p.label,
#menu-panel>div>ul:first-child li select+p.label,
.badge.small+p.label,
.ui-datepicker .ui-datepicker-calendar th span.badge+p.label,
fieldset.quick-booking .field.dates .pnl .badge.clear+p.label,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child+p.label,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child+p.label,
fieldset.quick-booking .field.rooms .pnl .room>a.badge+p.label,
fieldset.quick-booking .field.rooms .pnl .badge.add-room+p.label,
.rooms-list>.item>div.last-child .compare label.badge+p.label,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge+p.label,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge+p.label,
#footer>div>div:not(:first-child) li a.badge+p.label,
fieldset.quick-booking .field.dates .pnl .h3+p.clear,
#menu-panel>div>ul:first-child li fieldset.quick-booking .field.dates .pnl a+p.clear,
fieldset.quick-booking .field.dates .pnl #menu-panel>div>ul:first-child li a+p.clear,
#menu-panel>div>ul:first-child li fieldset.quick-booking .field.dates .pnl select+p.clear,
fieldset.quick-booking .field.dates .pnl #menu-panel>div>ul:first-child li select+p.clear,
fieldset.quick-booking .field.dates .pnl .badge.small+p.clear,
.ui-datepicker .ui-datepicker-calendar th fieldset.quick-booking .field.dates .pnl span.badge+p.clear,
fieldset.quick-booking .field.dates .pnl .ui-datepicker .ui-datepicker-calendar th span.badge+p.clear,
fieldset.quick-booking .field.dates .pnl .badge.clear+p.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child+p.clear,
fieldset.quick-booking .field.rooms .field.dates .pnl .room>span.badge:first-child+p.clear,
fieldset.quick-booking .field.dates .field.rooms .pnl .room>span.badge:first-child+p.clear,
fieldset.quick-booking .field.rooms .field.dates .pnl .room>a.badge+p.clear,
fieldset.quick-booking .field.dates .field.rooms .pnl .room>a.badge+p.clear,
fieldset.quick-booking .field.rooms .field.dates .pnl .badge.add-room+p.clear,
fieldset.quick-booking .field.dates .field.rooms .pnl .badge.add-room+p.clear,
.rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.dates .pnl label.badge+p.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .compare label.badge+p.clear,
.rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.dates .pnl li.badge+p.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.badge+p.clear,
.rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.dates .pnl div.badge+p.clear,
fieldset.quick-booking .field.dates .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge+p.clear,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.dates .pnl a.badge+p.clear,
fieldset.quick-booking .field.dates .pnl #footer>div>div:not(:first-child) li a.badge+p.clear,
fieldset.quick-booking .field.rooms .pnl .h3+p.add-room,
#menu-panel>div>ul:first-child li fieldset.quick-booking .field.rooms .pnl a+p.add-room,
fieldset.quick-booking .field.rooms .pnl #menu-panel>div>ul:first-child li a+p.add-room,
#menu-panel>div>ul:first-child li fieldset.quick-booking .field.rooms .pnl select+p.add-room,
fieldset.quick-booking .field.rooms .pnl #menu-panel>div>ul:first-child li select+p.add-room,
fieldset.quick-booking .field.rooms .pnl .badge.small+p.add-room,
.ui-datepicker .ui-datepicker-calendar th fieldset.quick-booking .field.rooms .pnl span.badge+p.add-room,
fieldset.quick-booking .field.rooms .pnl .ui-datepicker .ui-datepicker-calendar th span.badge+p.add-room,
fieldset.quick-booking .field.dates .field.rooms .pnl .badge.clear+p.add-room,
fieldset.quick-booking .field.rooms .field.dates .pnl .badge.clear+p.add-room,
fieldset.quick-booking .field.dates .field.rooms .pnl .legend li>span.badge:last-child+p.add-room,
fieldset.quick-booking .field.rooms .field.dates .pnl .legend li>span.badge:last-child+p.add-room,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child+p.add-room,
fieldset.quick-booking .field.rooms .pnl .room>a.badge+p.add-room,
fieldset.quick-booking .field.rooms .pnl .badge.add-room+p.add-room,
.rooms-list>.item>div.last-child .compare fieldset.quick-booking .field.rooms .pnl label.badge+p.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .compare label.badge+p.add-room,
.rooms-list>.item>div.last-child .rates form>div.left ul fieldset.quick-booking .field.rooms .pnl li.badge+p.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.left ul li.badge+p.add-room,
.rooms-list>.item>div.last-child .rates form>div.right ul li fieldset.quick-booking .field.rooms .pnl div.badge+p.add-room,
fieldset.quick-booking .field.rooms .pnl .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge+p.add-room,
#footer>div>div:not(:first-child) li fieldset.quick-booking .field.rooms .pnl a.badge+p.add-room,
fieldset.quick-booking .field.rooms .pnl #footer>div>div:not(:first-child) li a.badge+p.add-room,
.box16>div>div>a>div .h3+p,
#menu-panel>div>ul:first-child li .box16>div>div>a>div a+p,
.box16>div>div>a>div #menu-panel>div>ul:first-child li a+p,
#menu-panel>div>ul:first-child li .box16>div>div>a>div select+p,
.box16>div>div>a>div #menu-panel>div>ul:first-child li select+p,
.box16>div>div>a>div .badge.small+p,
.ui-datepicker .ui-datepicker-calendar th .box16>div>div>a>div span.badge+p,
.box16>div>div>a>div .ui-datepicker .ui-datepicker-calendar th span.badge+p,
fieldset.quick-booking .field.dates .pnl .box16>div>div>a>div .badge.clear+p,
.box16>div>div>a>div fieldset.quick-booking .field.dates .pnl .badge.clear+p,
fieldset.quick-booking .field.dates .pnl .legend .box16>div>div>a>div li>span.badge:last-child+p,
.box16>div>div>a>div fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child+p,
fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div .room>span.badge:first-child+p,
.box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child+p,
fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div .room>a.badge+p,
.box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl .room>a.badge+p,
fieldset.quick-booking .field.rooms .pnl .box16>div>div>a>div .badge.add-room+p,
.box16>div>div>a>div fieldset.quick-booking .field.rooms .pnl .badge.add-room+p,
.rooms-list>.item>div.last-child .compare .box16>div>div>a>div label.badge+p,
.box16>div>div>a>div .rooms-list>.item>div.last-child .compare label.badge+p,
.rooms-list>.item>div.last-child .rates form>div.left ul .box16>div>div>a>div li.badge+p,
.box16>div>div>a>div .rooms-list>.item>div.last-child .rates form>div.left ul li.badge+p,
.rooms-list>.item>div.last-child .rates form>div.right ul li .box16>div>div>a>div div.badge+p,
.box16>div>div>a>div .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge+p,
#footer>div>div:not(:first-child) li .box16>div>div>a>div a.badge+p,
.box16>div>div>a>div #footer>div>div:not(:first-child) li a.badge+p,
.box17>div>div>a>div .h3+p,
#menu-panel>div>ul:first-child li .box17>div>div>a>div a+p,
.box17>div>div>a>div #menu-panel>div>ul:first-child li a+p,
#menu-panel>div>ul:first-child li .box17>div>div>a>div select+p,
.box17>div>div>a>div #menu-panel>div>ul:first-child li select+p,
.box17>div>div>a>div .badge.small+p,
.ui-datepicker .ui-datepicker-calendar th .box17>div>div>a>div span.badge+p,
.box17>div>div>a>div .ui-datepicker .ui-datepicker-calendar th span.badge+p,
fieldset.quick-booking .field.dates .pnl .box17>div>div>a>div .badge.clear+p,
.box17>div>div>a>div fieldset.quick-booking .field.dates .pnl .badge.clear+p,
fieldset.quick-booking .field.dates .pnl .legend .box17>div>div>a>div li>span.badge:last-child+p,
.box17>div>div>a>div fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child+p,
fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div .room>span.badge:first-child+p,
.box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child+p,
fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div .room>a.badge+p,
.box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl .room>a.badge+p,
fieldset.quick-booking .field.rooms .pnl .box17>div>div>a>div .badge.add-room+p,
.box17>div>div>a>div fieldset.quick-booking .field.rooms .pnl .badge.add-room+p,
.rooms-list>.item>div.last-child .compare .box17>div>div>a>div label.badge+p,
.box17>div>div>a>div .rooms-list>.item>div.last-child .compare label.badge+p,
.rooms-list>.item>div.last-child .rates form>div.left ul .box17>div>div>a>div li.badge+p,
.box17>div>div>a>div .rooms-list>.item>div.last-child .rates form>div.left ul li.badge+p,
.rooms-list>.item>div.last-child .rates form>div.right ul li .box17>div>div>a>div div.badge+p,
.box17>div>div>a>div .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge+p,
#footer>div>div:not(:first-child) li .box17>div>div>a>div a.badge+p,
.box17>div>div>a>div #footer>div>div:not(:first-child) li a.badge+p {
    margin-top: -1em;
    margin-bottom: 1.5em !important
}

.box:not(.background-2) a.accent,
.box:not(.background-2) .rooms-list>.item>div.last-child .rates .more-available-rates-link a,
.rooms-list>.item>div.last-child .rates .more-available-rates-link .box:not(.background-2) a {
    color: #000 !important
}

.box.background-2 a.accent,
.box.background-2 .rooms-list>.item>div.last-child .rates .more-available-rates-link a,
.rooms-list>.item>div.last-child .rates .more-available-rates-link .box.background-2 a {
    color: #fff !important
}

.quick-booking-bar {
    background-color: #f1f1f1;
    position: relative;
    z-index: 70;
    position: fixed;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px 0px;
}

.quick-booking-bar fieldset.quick-booking {
    margin: 0 auto
}

@media screen and (max-width: 63.9375em) {
    .quick-booking-bar {
        display: none
    }
}

#header-mobile {
    background-color: #f1f1f1;
    height: 70px;
    line-height: 70px;
    text-align: center;
    z-index: 50;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px 0px;
    position: fixed;
    width: 100%;
    top: 0;
}

@media screen and (max-width: 63.9375em) {
    #header-mobile {
        display: block
    }
}

@media screen and (min-width: 64em) {
    #header-mobile {
        display: none
    }
}

#header-mobile.book {
    background-color: #222
}

#header-mobile.book>a#hamburger,
#header-mobile.book>a:nth-child(2) {
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)
}

#header-mobile.book>a:last-child {
    color: #fff !important
}

#header-mobile>a#hamburger {
    display: inline-block;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%);
    position: absolute;
    top: 50%;
    left: 24px;
    background-image: url(../img/menu-mobile.svg);
    height: 14px;
    width: 24px;
    margin-top: -7px
}

#header-mobile>a#hamburger.close {
    background-image: url(../img/close.svg);
    height: 19px;
    width: 19px;
    margin-top: -9.5px
}

#header-mobile>a:nth-child(2) {
    display: inline-block;
    height: 70px;
    width: 110px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

#header-mobile>a:last-child {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 24px;
    line-height: 70px !important;
    color: #000 !important
}

#menu-panel {
    background-color: #f1f1f1;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    padding: 50px 0 24px 0
}

@media screen and (max-width: 63.9375em) {
    #menu-panel {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        top: 70px
    }
}

@media screen and (min-width: 64em) {
    #menu-panel {
        overflow-y: auto;
        top: 0;
        padding-top: 100px
    }
}

#menu-panel>div {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#menu-panel>div::after {
    clear: both;
    content: "";
    display: table
}

#menu-panel>div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 47.9375em) {
    #menu-panel>div {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    #menu-panel>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

@media screen and (min-width: 64em) {
    #menu-panel>div {
        padding-left: 10vw !important;
        padding-right: 10vw !important
    }
}

#menu-panel>div ul li:not(:last-child) {
    margin-bottom: 10px
}

#menu-panel>div ul li select {
    background-color: transparent;
    border: 0;
    background-image: url(../img/dropdown.svg);
    background-repeat: no-repeat;
    background-position: top 6px right;
    padding: 0 16px 0 0;
    background-size: 10px auto;
    height: auto;
    width: auto !important;
    display: inline-block
}

#menu-panel>div>ul:first-child li {
    text-align: center
}

#menu-panel>div>ul:first-child li a,
#menu-panel>div>ul:first-child li select {
    color: #000 !important;
    text-decoration: none;
    font-size: 1.87em;
    line-height: 1.2em;
    margin-bottom: 0.7em;
    letter-spacing: 1px;
}

body[class*="Hero"] #menu-panel>div>ul:first-child li:first-child {
    /*display: none*/
}

#menu-panel>div>div ul {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 12px 0;
    margin-top: 50px
}

#menu-panel>div>div ul li {
    text-align: center
}

#menu-panel>div>div ul li a,
#menu-panel>div>div ul li select {
    color: #000 !important
}

body[class*="Group"] #menu-panel>div>div ul li:first-child {
    display: none
}

#menu-panel>div>div ul.currency-converter {
    border: 0;
    margin-top: 0
}

@media screen and (min-width: 48em) {
    #menu-panel>div>div {
        width: 300px;
        margin: 0 auto
    }
}

#top {
    z-index: 60;
    text-align: center;
    padding: 10px 0
}

body[class*="Hero"] #top {
    position: fixed;
    top: -45px;
    right: 0;
    left: 0;
    z-index: 9999;
}

body[class*="Hero"] #top>a:first-child {
    color: #000;
}

body[class*="Hero"] #top>a:first-child:after {
    filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)
}

body[class*="Hero"] #top>a:last-child {
    /*filter: invert(100%) sepia(64%) saturate(2%) hue-rotate(217deg) brightness(105%) contrast(100%)*/
    filter: invert(35%) sepia(64%) saturate(2%) brightness(51%) contrast(0%);
}

body[class*="Hero"] #top>ul li a {
    color: #fff
}

body[class*="Hero"] #top>ul li.select>a {
    background-image: url(../img/dropdown-white.svg);
    background-position: top 6px right;
    padding: 0 16px 0 0
}

body[class*="Corporate"] #top {
    position: relative
}

body[class*="Corporate"] #top>a:first-child {
    color: #000
}

body[class*="Corporate"] #top>a:first-child:after {
    filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%)
}

body[class*="Corporate"] #top>a:last-child {
    filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%)
}

body[class*="Corporate"] #top>ul li.select>a {
    background-image: url(../img/dropdown.svg);
    background-position: top 3px right;
    padding: 0 16px 0 0
}

#top.close {
    background-color: #f1f1f1;
    border-bottom: 0 !important;
    z-index: 90
}

#top.close>a:first-child {
    color: #000 !important
}

#top.close>a:first-child:after {
    background-image: url(../img/close.svg);
    filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%) !important
}

#top.close>a:last-child {
    filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%) !important
}

#top.is_stuck {
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    -webkit-animation: top_is_stuck 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
    -moz-animation: top_is_stuck 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
    animation: top_is_stuck 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards
}

#top.is_stuck>a:first-child {
    color: #000 !important;
    line-height: 50px;
    top: 25px;
}

#top.is_stuck>a:first-child:after {
    filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%) !important
}

#top.is_stuck>a:last-child {
    filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%) !important;
    height: 50px
}

#top.is_stuck>ul li {
    line-height: 50px
}

#top.is_stuck>ul li a {
    color: #000 !important
}

#top.is_stuck>ul li.select>a {
    background-image: url(../img/dropdown.svg) !important
}

#top.is_stuck>ul li.select>a+div {
    top: 40px
}

#top>a:first-child {
    position: absolute;
    left: 52px;
    opacity: 1;
    padding-left: 40px;
    line-height: 124px;
    z-index: 1;
}

#top>a:first-child:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 15px;
    width: 24px;
    background-image: url(../img/menu-mobile.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -9px;
    filter: invert(0%) sepia(55%) saturate(256%) hue-rotate(10deg) brightness(86%) contrast(100%) !important;
}

#top>ul {
    display: none !important;
}

#accueil #top>ul {
    display: block !important;
}

#top>ul {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 60%;
}

#top>ul li {
    display: inline-block;
    line-height: 124px
}

#top>ul li+li {
    margin-left: 1.5rem
}

#top>ul li.select {
    position: relative
}

#top>ul li.select>a {
    background-color: transparent;
    border: 0;
    height: auto;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0 16px 0 0;
    background-size: 10px auto;
    width: auto !important;
    margin: 0 auto
}

#top>ul li.select>a+div {
    display: none;
    position: absolute;
    top: 80px;
    left: -30px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 16px 48px 16px 30px
}

#top>ul li.select>a+div li {
    line-height: 2em;
    margin: 0;
    display: block;
    text-align: left
}

#top>ul li.select>a+div li a {
    color: #727070 !important;
    white-space: nowrap
}

#top>ul li.select>a+div li a:hover {
    color: #000 !important
}

body[class*="Hero"] #top>ul {
    display: none
}

#top>a:last-child {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    height: 124px;
    width: 200px
}

@media screen and (max-width: 63.9375em) {
    #top {
        display: none
    }
}

@-webkit-keyframes top_is_stuck {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}

@-moz-keyframes top_is_stuck {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, -200px, 0)
    }
    to {
        opacity: 1;
        -moz-transform: none
    }
}

@keyframes top_is_stuck {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        -moz-transform: translate3d(0, -200px, 0);
        -ms-transform: translate3d(0, -200px, 0);
        -o-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.sub-nav ul.menu li a {
    color: #727070
}

.sub-nav ul.menu li.selected a {
    color: #000
}

.badge.big {
    border-radius: 194px;
    background-color: #534c4c;
    background-image: none
}

@media screen and (max-width: 47.9375em) {
    .badge.big {
        border-radius: 159px;
        padding-top: 45px
    }
}

.badge.small,
.ui-datepicker .ui-datepicker-calendar th span.badge,
fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .badge.add-room,
.rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
#footer>div>div:not(:first-child) li a.badge {
    border: 1px solid #534c4c;
    background-color: #534c4c
}

p.full-link {
    border-top: #534c4c;
    border-bottom: #534c4c;
    background-color: #534c4c
}

p.full-link a {
    color: #fff !important
}

.ui-datepicker .ui-datepicker-calendar td:not(.closed).main .ui-state-default {
    color: #000 !important
}

.ui-datepicker .ui-datepicker-calendar td:not(.closed).range .ui-state-default {
    color: #000 !important
}

.ui-datepicker .ui-datepicker-calendar td:not(.closed):not(.ui-state-disabled):hover a {
    color: #000 !important
}

#booking-mobile {
    background-color: #222
}

#booking-mobile>div fieldset.quick-booking .field {
    border-bottom: 1px solid #727070
}

#booking-mobile>div fieldset.quick-booking .field:first-child {
    border-top: 1px solid #727070
}

#booking-mobile>div fieldset.quick-booking .field .pnl {
    background-color: #222;
    border-top: 1px solid #727070
}

#footer {
    border-top: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-bottom: 0
}

#footer:after {
    display: none
}

#footer>div>div * {
    color: #000
}

#footer>div>div:first-child>a {
    height: 63px;
    width: 170px
}

#footer>div>div:last-child ul.social li {
    display: inline-block
}

#footer>div>div:last-child ul.social li+li {
    margin-left: .5rem
}

#footer>div>div:last-child ul.social li a {
    filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%)
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
p.button>a,
a.full-button,
a.button.negative:hover,
p.button.negative>a:hover,
.activities-list p>a,
.activities-list p>a:hover,
.spa_hotel p>a:hover,
.spa_hotel p>a {
    color: #000;
    background-color: #A2731E;
    border: 1px solid #A2731E;
}

a.button.negative,
p.button.negative>a {
    border: 1px solid #000;
    color: #000
}

a {
    color: #000
}

.hotels-list>form>div:last-child>div:last-child {
    border-bottom: 1px solid #ccc
}

@media screen and (min-width: 64em) {
    .hotels-list>form {
        border: 0
    }
    .hotels-list>form>div:last-child>div:first-child {
        margin-top: 0
    }
    .hotels-list>form>div:last-child>div:last-child ul li:last-child {
        margin-right: 0
    }
    .hotels-list>form>div:last-child>div:last-child ul li:last-child a {
        color: #000 !important
    }
}

@media screen and (max-width: 63.9375em) {
    .hotels-list>form>div:last-child>div:last-child ul li:last-child a.link,
    .hotels-list>form>div:last-child>div:last-child ul li:last-child p.full-link a,
    p.full-link .hotels-list>form>div:last-child>div:last-child ul li:last-child a,
    .hotels-list>form>div:last-child>div:last-child ul li:last-child a {
        color: #000 !important
    }
}

.box.background-2 * {
    color: #f3efe8
}

.box.background-2 h1,
.box.background-2 .h1,
.box.background-2 h2,
.box.background-2 .h2,
.box.background-2 .badge.small,
.box.background-2 .ui-datepicker .ui-datepicker-calendar th span.badge,
.ui-datepicker .ui-datepicker-calendar th .box.background-2 span.badge,
.box.background-2 fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .box.background-2 .badge.clear,
.box.background-2 fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.dates .pnl .legend .box.background-2 li>span.badge:last-child,
.box.background-2 fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .box.background-2 .room>span.badge:first-child,
.box.background-2 fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .box.background-2 .room>a.badge,
.box.background-2 fieldset.quick-booking .field.rooms .pnl .badge.add-room,
fieldset.quick-booking .field.rooms .pnl .box.background-2 .badge.add-room,
.box.background-2 .rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .compare .box.background-2 label.badge,
.box.background-2 .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul .box.background-2 li.badge,
.box.background-2 .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li .box.background-2 div.badge,
.box.background-2 #footer>div>div:not(:first-child) li a.badge,
#footer>div>div:not(:first-child) li .box.background-2 a.badge,
.box.background-2 h3,
.box.background-2 .h3,
.box.background-2 #menu-panel>div>ul:first-child li a,
#menu-panel>div>ul:first-child li .box.background-2 a,
.box.background-2 #menu-panel>div>ul:first-child li select,
#menu-panel>div>ul:first-child li .box.background-2 select,
.box.background-2 .badge.small,
.box.background-2 .ui-datepicker .ui-datepicker-calendar th span.badge,
.ui-datepicker .ui-datepicker-calendar th .box.background-2 span.badge,
.box.background-2 fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .box.background-2 .badge.clear,
.box.background-2 fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.dates .pnl .legend .box.background-2 li>span.badge:last-child,
.box.background-2 fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .box.background-2 .room>span.badge:first-child,
.box.background-2 fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .box.background-2 .room>a.badge,
.box.background-2 fieldset.quick-booking .field.rooms .pnl .badge.add-room,
fieldset.quick-booking .field.rooms .pnl .box.background-2 .badge.add-room,
.box.background-2 .rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .compare .box.background-2 label.badge,
.box.background-2 .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul .box.background-2 li.badge,
.box.background-2 .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li .box.background-2 div.badge,
.box.background-2 #footer>div>div:not(:first-child) li a.badge,
#footer>div>div:not(:first-child) li .box.background-2 a.badge,
.box.background-2 h4,
.box.background-2 .h4,
.box.background-2 .badge.medium,
.box.background-2 .badge.small.text,
.box.background-2 .ui-datepicker .ui-datepicker-calendar th span.badge.text,
.ui-datepicker .ui-datepicker-calendar th .box.background-2 span.badge.text,
.box.background-2 fieldset.quick-booking .field.dates .pnl .badge.text.clear,
fieldset.quick-booking .field.dates .pnl .box.background-2 .badge.text.clear,
.box.background-2 fieldset.quick-booking .field.dates .pnl .legend li>span.badge.text:last-child,
fieldset.quick-booking .field.dates .pnl .legend .box.background-2 li>span.badge.text:last-child,
.box.background-2 fieldset.quick-booking .field.rooms .pnl .room>span.badge.text:first-child,
fieldset.quick-booking .field.rooms .pnl .box.background-2 .room>span.badge.text:first-child,
.box.background-2 fieldset.quick-booking .field.rooms .pnl .room>a.badge.text,
fieldset.quick-booking .field.rooms .pnl .box.background-2 .room>a.badge.text,
.box.background-2 fieldset.quick-booking .field.rooms .pnl .badge.text.add-room,
fieldset.quick-booking .field.rooms .pnl .box.background-2 .badge.text.add-room,
.box.background-2 .rooms-list>.item>div.last-child .compare label.badge.text,
.rooms-list>.item>div.last-child .compare .box.background-2 label.badge.text,
.box.background-2 .rooms-list>.item>div.last-child .rates form>div.left ul li.badge.text,
.rooms-list>.item>div.last-child .rates form>div.left ul .box.background-2 li.badge.text,
.box.background-2 .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge.text,
.rooms-list>.item>div.last-child .rates form>div.right ul li .box.background-2 div.badge.text,
.box.background-2 #footer>div>div:not(:first-child) li a.badge.text,
#footer>div>div:not(:first-child) li .box.background-2 a.badge.text,
.box.background-2 h5,
.box.background-2 .h5 {
    color: #fff
}

@media screen and (max-width: 47.9375em) {
    body[class*="Hero"] #boxes {
        padding-top: 30px;
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    body[class*="Hero"] #boxes {
        padding-top: 70px
    }
}

@media screen and (min-width: 64em) {
    body[class*="Hero"] #boxes {
        /*margin-top: 90px*/
    }
}

.room-promotion>div>div>div * {
    color: #f3efe8
}

.room-promotion>div>div>div h1,
.room-promotion>div>div>div .h1,
.room-promotion>div>div>div h2,
.room-promotion>div>div>div .h2,
.room-promotion>div>div>div .badge.small,
.room-promotion>div>div>div .ui-datepicker .ui-datepicker-calendar th span.badge,
.ui-datepicker .ui-datepicker-calendar th .room-promotion>div>div>div span.badge,
.room-promotion>div>div>div fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .room-promotion>div>div>div .badge.clear,
.room-promotion>div>div>div fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.dates .pnl .legend .room-promotion>div>div>div li>span.badge:last-child,
.room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .room>span.badge:first-child,
.room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .room>a.badge,
.room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .badge.add-room,
fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .badge.add-room,
.room-promotion>div>div>div .rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .compare .room-promotion>div>div>div label.badge,
.room-promotion>div>div>div .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul .room-promotion>div>div>div li.badge,
.room-promotion>div>div>div .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li .room-promotion>div>div>div div.badge,
.room-promotion>div>div>div #footer>div>div:not(:first-child) li a.badge,
#footer>div>div:not(:first-child) li .room-promotion>div>div>div a.badge,
.room-promotion>div>div>div h3,
.room-promotion>div>div>div .h3,
.room-promotion>div>div>div #menu-panel>div>ul:first-child li a,
#menu-panel>div>ul:first-child li .room-promotion>div>div>div a,
.room-promotion>div>div>div #menu-panel>div>ul:first-child li select,
#menu-panel>div>ul:first-child li .room-promotion>div>div>div select,
.room-promotion>div>div>div .badge.small,
.room-promotion>div>div>div .ui-datepicker .ui-datepicker-calendar th span.badge,
.ui-datepicker .ui-datepicker-calendar th .room-promotion>div>div>div span.badge,
.room-promotion>div>div>div fieldset.quick-booking .field.dates .pnl .badge.clear,
fieldset.quick-booking .field.dates .pnl .room-promotion>div>div>div .badge.clear,
.room-promotion>div>div>div fieldset.quick-booking .field.dates .pnl .legend li>span.badge:last-child,
fieldset.quick-booking .field.dates .pnl .legend .room-promotion>div>div>div li>span.badge:last-child,
.room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .room>span.badge:first-child,
fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .room>span.badge:first-child,
.room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .room>a.badge,
fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .room>a.badge,
.room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .badge.add-room,
fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .badge.add-room,
.room-promotion>div>div>div .rooms-list>.item>div.last-child .compare label.badge,
.rooms-list>.item>div.last-child .compare .room-promotion>div>div>div label.badge,
.room-promotion>div>div>div .rooms-list>.item>div.last-child .rates form>div.left ul li.badge,
.rooms-list>.item>div.last-child .rates form>div.left ul .room-promotion>div>div>div li.badge,
.room-promotion>div>div>div .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge,
.rooms-list>.item>div.last-child .rates form>div.right ul li .room-promotion>div>div>div div.badge,
.room-promotion>div>div>div #footer>div>div:not(:first-child) li a.badge,
#footer>div>div:not(:first-child) li .room-promotion>div>div>div a.badge,
.room-promotion>div>div>div h4,
.room-promotion>div>div>div .h4,
.room-promotion>div>div>div .badge.medium,
.room-promotion>div>div>div .badge.small.text,
.room-promotion>div>div>div .ui-datepicker .ui-datepicker-calendar th span.badge.text,
.ui-datepicker .ui-datepicker-calendar th .room-promotion>div>div>div span.badge.text,
.room-promotion>div>div>div fieldset.quick-booking .field.dates .pnl .badge.text.clear,
fieldset.quick-booking .field.dates .pnl .room-promotion>div>div>div .badge.text.clear,
.room-promotion>div>div>div fieldset.quick-booking .field.dates .pnl .legend li>span.badge.text:last-child,
fieldset.quick-booking .field.dates .pnl .legend .room-promotion>div>div>div li>span.badge.text:last-child,
.room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .room>span.badge.text:first-child,
fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .room>span.badge.text:first-child,
.room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .room>a.badge.text,
fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .room>a.badge.text,
.room-promotion>div>div>div fieldset.quick-booking .field.rooms .pnl .badge.text.add-room,
fieldset.quick-booking .field.rooms .pnl .room-promotion>div>div>div .badge.text.add-room,
.room-promotion>div>div>div .rooms-list>.item>div.last-child .compare label.badge.text,
.rooms-list>.item>div.last-child .compare .room-promotion>div>div>div label.badge.text,
.room-promotion>div>div>div .rooms-list>.item>div.last-child .rates form>div.left ul li.badge.text,
.rooms-list>.item>div.last-child .rates form>div.left ul .room-promotion>div>div>div li.badge.text,
.room-promotion>div>div>div .rooms-list>.item>div.last-child .rates form>div.right ul li div.badge.text,
.rooms-list>.item>div.last-child .rates form>div.right ul li .room-promotion>div>div>div div.badge.text,
.room-promotion>div>div>div #footer>div>div:not(:first-child) li a.badge.text,
#footer>div>div:not(:first-child) li .room-promotion>div>div>div a.badge.text,
.room-promotion>div>div>div h5,
.room-promotion>div>div>div .h5 {
    color: #fff
}

.room-promotion>div>div>div .badge {
    border: 1px solid #f3efe8;
    color: #f3efe8;
    background-color: transparent
}

.best-rate-guarantee>div>div {
    border: 1px solid #534c4c;
    background-color: transparent
}

@media screen and (min-width: 64em) {
    .rooms-list>.item>div.last-child .compare {
        margin-top: .1rem
    }
    .rooms-list>.item>div.last-child .rates form:hover:after {
        background-color: #ccc
    }
}

.rooms-list>.item>div.last-child h3.accent {
    color: #000;
    margin-bottom: 15px;
}

.rooms-list .description-canvas h3 {
    margin-bottom: 15px;
}

.rooms-list>.item>div.last-child .compare label {
    color: #727070 !important
}

.rooms-list>.item>div.last-child .compare input:checked+label {
    color: #000 !important
}

.rooms-list>.item>div.last-child p.rooms-left {
    border: 1px solid #000;
    color: #000
}

.rooms-list>.item>div.last-child .rates form:hover>div.left h5,
.rooms-list>.item>div.last-child .rates form:hover>div.left strong,
.rooms-list>.item>div.last-child .rates form:hover>div.right h5,
.rooms-list>.item>div.last-child .rates form:hover>div.right strong {
    color: inherit
}

.rooms-list>.item>div.last-child .rates form>div.right ul li a.button {
    margin: 0
}

.rooms-list>.item>div.last-child .rates form>div.right ul li>strong {
    color: #000 !important
}

.rooms-list>.item>div.last-child .rates .more-available-rates-link a {
    color: #000
}

.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input {
    top: 2px
}

.inline-overlay>div>div>div>div>div .extras-canvas>div>div:last-child ul li input:checked+label {
    color: #000
}

.box11>div {
    background-image: url(../img/bg-pattern.jpg)
}

.box11>div>div {
    background-color: #f3efe8
}

.box14 .slides>li>div>div:first-child {
    background-image: none;
    background-color: #534c4c
}

.box14 .slides>li>div>div:first-child>div {
    background-color: transparent
}

.server-error {
    background-color: #fff1b8;
    color: #f50707;
    font-family: Consolas;
    padding: 10px;
}

.mt-2 {
    margin-top: 20px !important;
}

.chambre_galerie {
    display: block;
    width: 100%;
    float: left;
    margin-right: -100%;
    position: relative;
    z-index: 2;
    opacity: 1;
}

.box ul li:before {
    content: '-';
    position: absolute;
    left: -15px;
    font-weight: 700;
}

.logo_hotelmahogany {
    position: relative;
    background-color: #f1f1f1;
    width: 240px;
    margin: auto;
    padding: 15px;
    border-radius: 12px;
}

body[class*="slide_off"] #top>a:first-child {
    color: #000000;
}

body[class*="slide_off"] #top>a:first-child:after {
    filter: none;
}

.lang_change {
    position: absolute;
    top: 10px;
    right: 75px;
}

.lang_change_mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .lang_change_mobile {
        display: block;
        position: absolute;
        top: 5px;
        right: 7px;
        left: 0;
        text-align: center;
    }
}

.bg_logo {
    background-color: #f1f1f1;
    margin: auto;
    border-radius: 8px;
    position: absolute;
    padding: 0px;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    left: 15%;
}

a.logo_abs_menu img {
    width: 127px;
}

.sticky header nav {
    position: fixed;
    top: 0;
    padding: 10px 0 10px 0;
    box-shadow: rgba(255, 255, 255, 0.3) 0 1px 5px 0px;
}

.move-sticky-up header nav {
    background: #292B37;
    width: 100%;
    z-index: 9;
}

@media screen and (max-width: 768px) {
    p.gallery.btn_gal {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    fieldset.quick-booking .field.dates {
        width: 166px;
    }
    fieldset.quick-booking .field.rooms {
        width: 177px;
    }
    fieldset.quick-booking {
        width: 570px;
        margin-right: 130px !important;
    }
    .bg_logo {
        left: 18%;
    }
}

.gal_over {
    position: fixed;
    background-color: black;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
    margin: auto;
    display: none;
}

.close_gal {
    margin-top: 6%;
    color: white;
    cursor: pointer;
}

.owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px;
    z-index: 999;
}

.owl-dot.active {
    background-color: #A2731E !important;
}

.owl-dot {
    width: 9px;
    height: 9px;
    background-color: #ffffff !important;
    margin-right: 15px;
    border-radius: 9px;
}

@media screen and (max-width: 768px) {
    #hero-canvas .video-holder,
    #hero-canvas .slideshow-holder.hero {
        height: 100vw;
        width: 100vw;
        margin-top: 70px !important;
    }
    .activities-list>div .newsletter>div {
        top: 100% !important;
        -webkit-transform: translateY(-100%) !important;
        -moz-transform: translateY(-100% !important);
        -ms-transform: translateY(-100%) !important;
        -o-transform: translateY(-100%) !important;
        transform: translateY(-100%) !important;
        overflow: hidden !important;
    }
    #booking-mobile>div fieldset.quick-booking {
        width: 100%;
    }
}

@media screen and (max-width: 1500px) {
    fieldset.quick-booking {
        /* width: 565px; */
        width: 670px;
        margin-right: 140px !important;
    }
    fieldset.quick-booking .field.dates {
        width: 167px;
    }
    fieldset.quick-booking .field.rooms {
        width: 175px;
    }
}

#btn-cadeau {
    line-height: 18px !important;
    width: fit-content;
    padding: 5px 22px;
    height: 57px;
    padding-top: 10px;
}

.menu-block-right-mobile {
    display: inline-flex;
    flex-direction: column;
    line-height: 30px;
    width: 117px;
    position: absolute;
    top: 4px;
    right: 1px;
}

.modal-wrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #00000096;
    backdrop-filter: blur(3px);
    display: flex;
    justify-content: center;
    align-items: center;
    /* display: none; */
}

.modal-wrap .modal {
    width: 90%;
    background-color: white;
    border-radius: 15px;
    padding: 41px;
    text-align: center;
    max-width: 637px;
    position: relative;
}

.modal-wrap .modal .close-modal {
    position: absolute;
    top: 7px;
    right: 13px;
}

.menu-block-right-mobile a {
    background-color: #A2731E;
    color: white;
}

.menu-block-right-mobile a:nth-child(1) {
    margin-bottom: 3px;
}

@media screen and (max-width: 369px) {
    #header-mobile>a:nth-child(2) {
        margin-left: -68px;
    }
}

.mt-2 {
    margin-top: 2rem;
}

.color-white {
    color: white !important;
}

.event-card img {
    aspect-ratio: 16/9;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: auto;
    margin-top: -27px;
}

.event-card .info-bar {
    border-bottom: 2px solid #a2731e;
}

.event-card {
    padding-bottom: 15px;
    border-bottom: 2px solid #a2731e;
}

.event-card .desc {
    text-align: justify;
}

.event-card .date {
    background-color: #a2731e;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 1.5em;
    letter-spacing: 2px;
    transform: rotate(-5deg);
    display: inline-block;
    padding-top: 0px;
    z-index: 69;
    position: relative;
}

.event-card .date small {
    font-size: 14px;
    text-transform: uppercase;
}

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

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