a,
img {
    display: block
}

*,
p {
    font-size: 14px
}

*,
ul,
ul li {
    margin: 0;
    padding: 0
}

@font-face {
    font-family: HTFDidotLightIta06;
    src: url(fonts/HTFDidotLightIta06.eot);
    src: url(fonts/HTFDidotLightIta06.eot) format('embedded-opentype'), url(fonts/HTFDidotLightIta06.woff2) format('woff2'), url(fonts/HTFDidotLightIta06.woff) format('woff'), url(fonts/HTFDidotLightIta06.ttf) format('truetype'), url(fonts/HTFDidotLightIta06.svg#HTFDidotLightIta06) format('svg')
}

@font-face {
    font-family: Gotham;
    src: url('fonts/GothaProReg.otf');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MarckScript;
    src: url('fonts/MarckScript-Regular.ttf');
    font-weight: 400;
    font-style: normal
}

* {
    font-family: Gotham, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: optimizeLegibility;
    text-decoration: none;
    font-weight: 400;
    color: #333
}

.discover-hotels h1,
.header.hotel .bm span,
.nav.language-country a span,
.pageContent h3,
.resa-box-wrapper h2 {
    font-family: "Century Gothic", Helvetica, Arial, sans-serif
}

html {
    box-sizing: border-box
}

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

img {
    border: 0
}

a {
    cursor: pointer
}

p {
    line-height: 24px;
    margin: 0 0 10px
}

input,
select {
    border: 1px solid #dadada;
    background-color: #FFF;
    height: 20px;
    font-size: 11px;
    color: #393939;
    margin: 0;
    padding: 0 0 0 10px
}

#backToTopButton.active:after,
.clearfix:after {
    height: 0;
    content: ".";
    clear: both;
    visibility: hidden
}

input[type=radio] {
    border: none;
    background-color: transparent
}

body {
    position: relative;
    overflow-x: hidden
}

ul li {
    list-style-type: none
}

li a:focus,
li:focus,
li:focus a {
    outline: 0
}

.invisibleItemProp {
    display: none
}

.clearfix:after {
    display: block
}

#backToTopButton {
    max-width: 1004px;
    margin: 0 auto;
    text-align: right;
    display: none
}

#backToTopButton.active,
#backToTopButton.active:after {
    display: block
}

#backToTopButton a {
    float: right;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    display: block;
    text-indent: -99999px;
    width: 35px;
    height: 35px;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDMzNy4wODUgMzM3LjA4NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzM3LjA4NSAzMzcuMDg2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTE2OC41NCwwQzc1LjYxOSwwLDAuMDEyLDc1LjYwOSwwLjAxMiwxNjguNTQzYzAsOTIuOTMsNzUuNjA2LDE2OC41NDMsMTY4LjUyOCwxNjguNTQzICAgYzkyLjkzMywwLDE2OC41MzQtNzUuNjEzLDE2OC41MzQtMTY4LjU0M0MzMzcuMDc0LDc1LjYwOSwyNjEuNDczLDAsMTY4LjU0LDB6IE0yNzEuNDA1LDIyNC4zMjcgICBjLTIuNDA3LDIuNDAyLTUuNTYxLDMuNjE1LTguNzEzLDMuNjE1Yy0zLjE1OCwwLTYuMzExLTEuMjEzLTguNzE5LTMuNjE1TDE2OC41NCwxMzguOWwtODUuNDI0LDg1LjQyNyAgIGMtNC44MTYsNC44MTUtMTIuNjMxLDQuODE1LTE3LjQ0NywwYy00LjgxOS00LjgxNS00LjgxOS0xMi42MjIsMC0xNy40MzhsOTQuMTUyLTk0LjE0MWM0LjgyMi00LjgxNSwxMi42MTMtNC44MTUsMTcuNDI2LDAgICBsOTQuMTUyLDk0LjE0MUMyNzYuMjIxLDIxMS43MDUsMjc2LjIyMSwyMTkuNTEyLDI3MS40MDUsMjI0LjMyN3oiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) center no-repeat;
    background-size: 100%;
    line-height: 34px;
    text-transform: uppercase;
    color: transparent
}

#backToTopButton.active.floating a {
    position: fixed
}

.backToTopButton:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.backToTopButton a.contained {
    margin-bottom: 10px;
    position: static;
    float: right
}

@media screen and (max-device-width:320px),
screen and (max-width:479px) {
    #backToTopButton.active {
        display: none
    }
}

.page404Wrapper .home-slider .errorMessage {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 30px
}

.page404Wrapper .home-slider .errorMessage h1 {
    color: #fff;
    text-align: center
}

.page404Wrapper .home-slider .errorMessage h1 big {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 100px;
    line-height: 100px
}

.page404Wrapper .home-slider .errorMessage h2 {
    color: #fff;
    margin: 0 0 30px
}

.page404Wrapper .home-slider .errorMessage p {
    color: #fff;
    text-align: center
}

.page404Wrapper .home-slider .errorMessage p a {
    color: #fff;
    text-align: center;
    display: inline-block
}

.page404Wrapper .home-slider .errorMessage a {
    color: #fff;
    text-align: center
}

@media screen and (max-device-width:1024px),
screen and (max-width:1023px) {
    .page404Wrapper .home-slider {
        border-bottom: none
    }
    .page404Wrapper .home-slider .errorMessage {
        position: static;
        margin: 30px 0 0
    }
    .page404Wrapper .home-slider .errorMessage h1 {
        color: #333;
        text-align: center
    }
    .page404Wrapper .home-slider .errorMessage h1 big,
    .page404Wrapper .home-slider .errorMessage h2,
    .page404Wrapper .home-slider .errorMessage p {
        color: #333;
        line-height: normal
    }
    .page404Wrapper .home-slider .errorMessage p a {
        color: #333;
        display: inline-block
    }
    .page404Wrapper .home-slider .errorMessage a {
        color: #333
    }
}

#mauritianResidencyAgreementPopup {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#mauritianResidencyAgreementPopup .residencyQuestion {
    width: 480px;
    position: absolute;
    top: 33%;
    left: 50%;
    margin: 0 0 0 -240px;
    background: #FFF;
    padding: 30px
}

#mauritianResidencyAgreementPopup .residencyQuestion .questionText {
    text-align: center;
    color: #333;
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 10px;
    border-bottom: 1px solid #d0d0d0;
    margin: 0 0 25px
}

#mauritianResidencyAgreementPopup .residencyQuestion .questionText em {
    display: block;
    font-size: 18px;
    color: #333;
    font-style: normal;
    font-weight: 700
}

#mauritianResidencyAgreementPopup .residencyQuestion .questionAnswerList {
    max-width: 240px;
    margin: 0 auto
}

#mauritianResidencyAgreementPopup .residencyQuestion .questionAnswerList:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#mauritianResidencyAgreementPopup .residencyQuestion .questionAnswerList .answerItem {
    text-align: center;
    float: left;
    cursor: pointer;
    padding: 10px 25px;
    margin: 0 3% 0 0;
    width: 100%;
    max-width: 48%;
    border: 1px solid #dcdada
}

#mauritianResidencyAgreementPopup .residencyQuestion .questionAnswerList .answerItem.answerItemNo {
    float: right;
    margin: 0;
    background: #b4a064;
    color: #FFF
}

#mauritianResidencyNoAnswer {
    color: #FFF
}

.hotel-royal-palm-bg {
    background-color: #b4a064!important
}

.hotel-dinarobin-hotel-golf-spa-bg {
    background-color: #840b55!important
}

.hotel-paradis-hotel-golf-club-bg {
    background-color: #00677f!important
}

.hotel-trou-aux-biches-resort-spa-bg,
.hotel-trou-aux-biches-villas-bg {
    background-color: #658d1b!important
}

.hotel-shandrani-resort-spa-bg {
    background-color: #523178!important
}

.hotel-le-victoria-bg {
    background-color: #af272f!important
}

.hotel-le-canonnier-bg {
    background-color: #c6007e!important
}

.hotel-le-mauricia-bg {
    background-color: #f4364c!important
}

.hotel-sainte-anne-resort-spa-bg {
    background-color: #e57200!important
}

.hotel-royal-palm-marrakech-bg {
    background-color: #034437!important
}

.domaine-royal-palm-bg {
    background-color: #543019!important
}

.hotel-french-riviera-bg {
    background-color: #0085ca!important
}

.cookiePolicyNotification {
    display: none;
    position: fixed;
    background: #333;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 2%;
    z-index: 9
}

.cookiePolicyNotification .cookiePolicyDescription {
    color: #FFF;
    text-align: center
}

.cookiePolicyNotification .cookiePolicyDescription a {
    display: inline;
    color: #FFF;
    text-decoration: underline
}

.debugWindow {
    background: rgba(0, 0, 0, .55);
    padding: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99
}

.debugWindow h3 {
    font-size: 14px;
    color: #fff
}

.debugWindow ul {
    margin: 0 0 0 20px
}

.debugWindow ul li {
    list-style-type: disc;
    color: #fff;
    padding: 5px
}

.debugWindow ul li.success {
    background: green
}

.debugWindow ul li.error {
    background: red
}

.debugWindow ul li.information {
    background: orange
}

.debugWindow span {
    color: #fff
}

.header {
    border-top: 5px solid #00273f;
    height: 92px;
    width: 100%;
    max-width: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 0;
    -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .45);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, .45);
    transition: height .4s cubic-bezier(.39, .575, .565, 1), padding .6s cubic-bezier(.39, .575, .565, 1), background .4s, border-top .4s cubic-bezier(.39, .575, .565, 1) .3s
}

.header .nav.logo a {
    padding: 10px
}

.header .header-menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.closed,
.h,
.hidden,
.hide {
    display: none
}

.o,
.open,
.s,
.show {
    display: block
}

input[type=date],
input[type=email],
input[type=text],
select {
    border: 1px solid #d6d5d5;
    background: #fff;
    color: #282828;
    font-size: 14px;
    padding: 0 10px;
    height: 40px;
    width: 100%
}

input.datepicker,
input[type=date] {
    background: url(../img/v8.general-sprite.png) right -4px no-repeat #fff
}

button,
input[type=submit] {
    font-size: 14px;
    padding: 0 15px;
    height: 40px;
    text-transform: uppercase;
    color: #fff;
    background: #b4a064;
    border: none;
    width: 100%;
    cursor: pointer
}

.pageContent h1 {
    text-transform: uppercase
}

.pageContent h1,
.pageContent h2,
.pageContent h3 {
    font-weight: 400;
    text-align: center;
    font-size: 22px;
    line-height: normal;
    color: #938461
}

.blog .hotel-inner .contentDescription > h1 {
    border-bottom: 1px solid #b4a064;
    padding: 0 0 12px;
    margin: 0 0 15px;
}

.post-heading {
    margin: 0 0 30px;
}

.share-block {
    display: inline-block;
    float: right;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0 0 0 0.5rem
}

.resp-sharing-button {
  /*border-radius: 5px;*/
  transition: all 0.3s ease-out;
  padding: 0 0.5em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  color: #fff;
  font-size: 12px;
  background-color: #b4a064;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin: 0.4em 0 0;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #3b5998;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #55acee;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #bd081c;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #0077b5;
}

.publish-date {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTMwMjREMEY1MjM5MTFFNUIwMjFCMTE0NjRCOTExQjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTMwMjREMTA1MjM5MTFFNUIwMjFCMTE0NjRCOTExQjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MzAyNEQwRDUyMzkxMUU1QjAyMUIxMTQ2NEI5MTFCNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MzAyNEQwRTUyMzkxMUU1QjAyMUIxMTQ2NEI5MTFCNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pib1JwAAAAFxSURBVHjahJM7SwNBEMfv1MLCWPnoVPAOFRUTH42VL2ItqAQ/QCzVj+A30NZKsAnxEyjxUSiCEKIQUDkQLWxEq7MRDedvYFbW5cCB3+3t3Pxvd2dm/SRJPGNhGGYYVpRxkHkMVTgUoij6MPG+ESPMMezBJNzBObxCF8zAEFzDOj+4+RUjHOX9CJphE8oENKwdiX8VdkD8eb7X/SAI2pmcQA8smr8i6Gbohyt8ibU7WeQJ5pt4LOtWN4xQbQ72odU4+F6TOJgSnYgL8KAJsa2huFbW+IKIs1Cxz2iSqeJP26lxp5ATcRu8eenWCX0pfqlCRsRSt46UgEu4kJKRqKJm3JiUL5ZsS/Z6YdjdugrWYBteYAnetQ+eZeUSDGhXee754IDXaU1UrHESXzJ1rujZ8k65PGcnYxr7CAumw0aYHGuHbWmHfVuiFl1xF760mep2b2e1t6UB7uHM6u1ZGNTeLiK8/XMxnFslXTfx3636EWAAlLGW+pn9zv0AAAAASUVORK5CYII=') top left no-repeat;
    padding: 0 5px 0 22px;
    line-height: 14px;
    color: #242424;
}

.pageContent h3 {
    font-size: 16px
}

.pageText.pageDescription {
    margin: 60px 0 50px;
    padding: 0 10px;
}
.pageText h2 {
    margin: 20px 0 12px;
}
.pageText h3 {
    text-align: left;
    margin: 20px 0 12px;
    font-size: 18px;
}
.pageText ol,
.pageText ul {
    padding: 0 0 0 30px;
    margin: 0 0 12px;
}
.pageText ul li {
    list-style-type: initial;
    line-height: 22px;
}
.pageText ol li {
    line-height: 22px;
}
.pageText a {
    display: unset;
    text-decoration: underline;
}

.hotel-menu .nav.logo {
    position: absolute;
    left: 15px;
    top: 0px;
    background: #fff;
    box-shadow: 0 20px 10px -18px rgba(0, 0, 0, .45);
}
.sticky .hotel-menu .nav.logo img {
    max-height: 62px;
}
.sticky .hotel-menu .nav.logo {
    box-shadow: none;
    background: none;
    position: unset;
}
@media screen and (max-width:1020px) {
    .hotel-menu .nav.logo img {
        max-height: 62px;
    }
    .hotel-menu .nav.logo {
        box-shadow: none;
        position: unset;
        background: none;
    }
}

.wp-block-gallery,
.wp-block-gallery figure {
    margin: 0;
}

.inline .formColumn,
.inline .formRow {
    float: left;
    margin: 0;
    padding: 0
}

.inline .formColumn {
    width: 100%
}

.inline .form2ColumnWrapper .formColumn {
    width: 50%
}

.inline .f20 {
    width: 19%
}

.inline .f25 {
    width: 25%
}

.inline .f30 {
    width: 33%
}

.inline .f50 {
    width: 48%
}

.block-resa-widget-box.inline .f30 {
    display: none
}

.block-resa-widget-box.inline .resaPlanetBlock {}

.block-resa-widget-box.inline .resaPlanetBlock a {
    text-indent: 0;
    min-width: 40px;
    position: relative;
}

.sticky .block-resa-widget-box.inline .resaPlanetBlock a span {
    display: none
}

.block-resa-widget-box.inline .resaPlanetBlock a span {
    position: absolute;
    width: 175px;
    display: block;
    line-height: 21px;
    padding-left: 38px;
    text-align: left;
    padding: 10px 0 0 38px;
    color: #fff;
}

.offerDetailsPage .block-resa-widget-box.inline .resaPlanetBlock a span {
    text-indent: -99999px;
}

@media screen and (max-width: 960px) {
    .block-resa-widget-box.inline .resaPlanetBlock a span {
        display: none;
    }
}

.language_de .block-resa-widget-box.inline .f50,
.language_es .block-resa-widget-box.inline .f50,
.language_it .block-resa-widget-box.inline .f50,
.language_pt .block-resa-widget-box.inline .f50,
.language_ru .block-resa-widget-box.inline .f50,
.language_zh .block-resa-widget-box.inline .f50 {
    width: 60%
}

.language_de .block-resa-widget-box.inline.hasFlight .f50,
.language_es .block-resa-widget-box.inline.hasFlight .f50,
.language_it .block-resa-widget-box.inline.hasFlight .f50,
.language_pt .block-resa-widget-box.inline.hasFlight .f50,
.language_ru .block-resa-widget-box.inline.hasFlight .f50,
.language_zh .block-resa-widget-box.inline.hasFlight .f50 {
    width: 55%
}

.block-resa-widget-box.inline .f50 {
    width: 70%
}

.block-resa-widget-box.inline.hasFlight .f50 {
    width: 60%
}

.block-resa-widget-box.inline .f20,
.block-resa-widget-box.inline.hasFlight .f20 {
    width: 30%
}

.language_de .block-resa-widget-box.inline .f20,
.language_es .block-resa-widget-box.inline .f20,
.language_it .block-resa-widget-box.inline .f20,
.language_pt .block-resa-widget-box.inline .f20,
.language_ru .block-resa-widget-box.inline .f20,
.language_zh .block-resa-widget-box.inline .f20 {
    width: 40%
}

.language_de .block-resa-widget-box.inline.hasFlight .f20,
.language_es .block-resa-widget-box.inline.hasFlight .f20,
.language_it .block-resa-widget-box.inline.hasFlight .f20,
.language_pt .block-resa-widget-box.inline.hasFlight .f20,
.language_ru .block-resa-widget-box.inline.hasFlight .f20,
.language_zh .block-resa-widget-box.inline.hasFlight .f20 {
    width: 35%
}

.block-resa-widget-box.inline .blockContent {
    max-width: 475px;
    margin: 0 auto;
    display: none;
}

.inline .formColumn.right {
    float: right
}

.inline .formField {
    margin: 5px 5px 0 0
}

.inline .last .formField,
.inline .submitButtonWrapper .formField {
    margin: 5px 0 0
}

.header .nav {
    text-align: center;
    padding: 0;
    margin-top: 10px;
    float: left
}

.header .nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.header .nav a .label {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px
}

.header .header-menu {
    background: rgba(255, 255, 255, .95);
    position: relative;
    transition: background .4s
}

.header .block-resa-widget-box {
    display: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header .resa-box-wrapper {
    height: 0;
    overflow: hidden;
    background: #ebeaea;
    position: relative;
    float: right;
    width: 100%;
    padding: 0
}

.header.sticky,
.header.sticky .header-menu {
    background: #fff
}

.header.sticky {
    border-top: 5px solid #dfdedd;
    height: 90px;
    overflow: visible
}

.header.sticky .bm {
    padding: 33px 10px 34px
}

.header.hotel.sticky .bm {
    padding: 0 10px;
    line-height: 87px;
    height: 87px
}

.header.sticky .nav.logo a {
    padding: 10px 30px
}

.header.sticky .resa-box-wrapper fieldset {
    border: none;
    padding: 0
}

.header.sticky .block-resa-widget-box {
    display: block;
    display: none;
    float: right;
    width: 100%;
    max-width: 100%;
    background: rgba(26, 26, 26, .9)
}

#filterOfferByDateForm .destinationDateTableWidget,
.resa-box-wrapper .destinationDateTableWidget,
.resa-box-wrapper.sticky h2 {
    display: none
}

.block-resa-widget-box.sticky .blockContent,
.header.sticky .block-resa-widget-box .blockContent {
    max-width: 768px;
    float: right;
    padding: 10px 15px
}

.header.hotel .nav-mail,
footer .second-row>nav>ul {
    float: left
}

.innerPage .resa-box-wrapper.sticky,
.resa-box-wrapper.sticky {
    position: fixed;
    z-index: 3;
    top: 90px;
    width: 100%;
    height: 60px;
    background: rgba(26, 26, 26, .9);
    padding: 10px 15px;
    display: none;
}

.hotels .resa-box-wrapper.sticky {
    top: 90px
}

.resa-box-wrapper.sticky .block-resa-widget-box {
    margin: 0 0 0 auto
}

.resa-box-wrapper.sticky fieldset {
    border: none;
    padding: 0
}

.header.hotel {
    height: initial;
    min-height: 90px;
    overflow: visible
}

.discover-hotels,
.home-slider,
body.modal-opened.overflow {
    overflow: hidden
}

.hotel-menu .nav.logo,
.hotel-menu ul li,
.hotel-menu ul li a.bm {
    display: inline-block
}

.header .header-menu.hotel {
    overflow: hidden;
    height: 30px;
    background: #f4f4f4;
    border-bottom: 1px solid #e2e2e4;
    transition: height cubic-bezier(.39, .575, .565, 1) .3s
}

.header.hotel.sticky .hotel-menu {
    min-height: 0
}

.header.sticky .header-menu.hotel {
    height: 0
}

.header.hotel .bm:after {
    height: 2px
}

.header.hotel .bm:before {
    background: rgba(222, 222, 222, .3);
    transition: opacity cubic-bezier(.39, .575, .565, 1) .3s, top cubic-bezier(.39, .575, .565, 1) .5s
}

.header.hotel .bm span {
    font-size: 11px;
    line-height: 17px
}

.header.hotel .nav.language-country a span {
    font-size: 11px
}

.hotel-menu {
    position: relative;
    min-height: 82px;
    background: #fff;
    white-space: nowrap
}

.hotel-menu .nav.logo:after {
    content: none
}

.hotel-menu .mainmenuWrapper {
    display: inline-block;
    position: absolute;
    right: 0
}

.hotel-menu ul.mainmenu {
    text-align: right;
    white-space: nowrap
}

.header.hotel .bm {
    padding: 6px 15px
}

.header.hotel .hotel-menu ul li a.bm {
    padding: 0 10px
}

.hotel-menu ul li a.bm {
    position: relative;
    max-width: 160px;
    white-space: normal;
    line-height: 82px;
    height: 82px;
    padding: 0 10px
}

.hotel-menu ul li.more.h ul {
    display: none
}

.header.hotel .hotel-menu .n13 .bm,
.header.hotel .hotel-menu .n14 .bm,
.header.hotel .hotel-menu .n15 .bm,
.header.hotel .hotel-menu .n16 .bm {
    font-size: 12px;
    max-width: 100px
}

.header.hotel .hotel-menu .n13 .bm span,
.header.hotel .hotel-menu .n14 .bm span,
.header.hotel .hotel-menu .n15 .bm span,
.header.hotel .hotel-menu .n16 .bm span {
    font-size: 12px
}

.header.hotel .hotel-menu .bm span {
    font-size: 14px;
    padding: 0;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

footer {
    padding-top: 30px;
    background: #fff
}

footer .block h3 {
    color: #938461;
    font-size: 16px;
    text-transform: uppercase;
    margin: 30px 0
}

footer .block {
    text-align: center
}

footer .second-row,
footer .second-row ul li a {
    text-align: left;
    background: #e1e1e1
}

footer .second-row nav {
    max-width: 1200px;
    margin: 0 auto
}

footer .second-row nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

footer .second-row>nav>ul:nth-child(2) {
    float: right
}

footer .second-row>nav>ul:nth-child(2)>li {
    line-height: 50px
}

footer .second-row>nav>ul:nth-child(2)>li a:after {
    content: '|';
    font-size: 18px;
    padding: 42px 0 42px 4.5px;
    text-transform: uppercase;
    line-height: normal;
    vertical-align: middle
}

footer .block ul:after,
footer .second-row>nav>ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

footer .second-row>nav>ul:nth-child(2)>li:last-child a:after {
    visibility: hidden
}

footer .second-row>nav>ul:nth-child(2)>li a {
    font-size: 12px;
    padding: 42px 0;
    text-transform: uppercase;
    line-height: normal;
    vertical-align: middle
}

footer .second-row>nav>ul .icon {
    float: left;
    margin: 9px
}

footer .second-row>nav>ul li a .description {
    font-size: 12px
}

footer .second-row>nav>ul li a .title {
    font-size: 16px
}

footer .second-row>nav>ul>li a {
    width: auto
}

footer .second-row>nav>ul:nth-child(1)>li {
    float: left
}

footer .second-row ul li .content {
    float: left;
    padding: 15px 0
}

footer .second-row ul li a {
    float: left;
    padding: 15px 5px;
    font-size: 16px;
    width: 100%
}

footer .block ul li {
    display: inline-block
}

footer .block ul li.mb {
    display: none
}

footer .second-row .more-arrow {
    margin-top: 10px;
    margin-bottom: 5px
}

footer .hotels ul {
    margin: 0 auto;
    max-width: 1200px
}

footer ul li>a {
    font-size: 12px;
    padding: 10px
}

footer .block.blockSocial .content-wrapper {
    height: initial;
    margin: 0;
    background: #2d2d2d;
    border-color: #2d2d2d
}

footer .block.blockSocial .content-wrapper .content {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 5px
}

footer .forth-row-wrapper {
    position: relative;
    padding: 30px 0;
    background: url(../img/icons/waves.png) bottom center no-repeat #fff;
    background-color: rgba(255, 255, 255, .85)
}

footer .forth-row-wrapper:after {
    position: absolute;
    bottom: 0;
    padding-bottom: 45px;
    padding-top: 45px;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 10px #000;
    background: -webkit-linear-gradient(rgba(255, 255, 255, .15), #fff);
    background: -o-linear-gradient(rgba(255, 255, 255, .15), #fff);
    background: -moz-linear-gradient(rgba(255, 255, 255, .15), #fff);
    background: linear-gradient(rgba(255, 255, 255, .15), #fff)
}

footer .magazine li {
    position: relative
}

footer .magazine a {
    width: 125px
}

footer .magazine a img {
    width: 100%
}

footer .magazine a span {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 5px;
    color: #333;
    font-size: 11px;
    border: 1px solid #333;
    padding: 5px
}

footer .blockNewsletter {
    position: absolute;
    right: 0;
    top: 0
}

.blockNewsletter .blockTitle {
    font-size: 12px
}

.quickLinksItem .hasvideoIcon .quickLinksItemDescription:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../img/icons/video-gallery-white.png) top center no-repeat;
    top: -30px;
    left: 50%;
    margin-left: -25px
}

.moreAccomodation .quickLinksWrapper.firstBlockBig .quickLinksItem:first-child .hasvideoIcon .shortDescription,
.quickLinksItem .hasvideoIcon .quickLinksItemDescription .shortDescription {
    display: none
}

.moreAccomodation .quickLinksWrapper.firstBlockBig .quickLinksItem:first-child .hasvideoIcon .quickLinksItemDescription {
    padding: 30px 15px
}

.inPageNewsletter .blockNewsletter {
    padding: 15px;
    background: #efefef
}

.inPageNewsletter .blockNewsletter .blockSlogan,
.inPageNewsletter .blockNewsletter .blockTitle {
    text-align: center
}

.blockNewsletter .blockSlogan,
.blockNewsletter .blockTitle {
    text-transform: uppercase;
    line-height: 18px
}

.blockNewsletter .blockTitle em {
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 12px
}

.blockNewsletter .blockForm .formRow.inline #user_email {
    width: 60%
}

.blockNewsletter .blockForm .formRow.inline .submit {
    width: 30%;
    font-size: 12px;
    padding: 0 5px
}

#modal-newsletter .popup-wrapper {
    height: 440px
}

.blockNewsletter .blockSlogan {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px
}

.blockNewsletter .blockForm {
    margin-top: 15px
}

.blockNewsletter .formRow {
    margin-bottom: 5px
}

.blockNewsletter h1 em {
    display: block;
    font-size: 26px;
    font-style: normal
}

footer .footerConditions,
footer .footerConditions a {
    font-size: 10px;
    color: #a2a2a2;
    background: #1e1e1e;
    padding: 10px 0
}

footer .forth-row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

footer .forth-row {
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

footer .forth-row section {
    float: left;
    text-align: left;
    width: 20%
}

footer .fith-row ul li,
footer .forth-row section ul li {
    display: block
}

footer .block.blockSocial .content-wrapper .content .icon-list {
    margin: 10px 0;
    height: 50px
}

footer .footerConditions {
    text-align: center
}

footer .footerConditions a {
    text-align: center;
    display: inline-block
}

.sticky .nav.language-country {
    display: none
}

.sticky .resa-box-wrapper h2,
.sticky .resa-box-wrapper h2 small {
    color: #222
}

.header .resa-box-wrapper h2 {
    float: left;
    text-shadow: none;
    font-size: 14px;
    line-height: 38px;
    margin: 0 15px 0 0
}

.header .resa-box-wrapper h2 small {
    font-size: 14px;
    line-height: 16px;
    display: inline
}

.sticky .resa-box-wrapper {
    background: 0 0;
    position: relative;
    float: right;
    width: 100%;
    height: auto
}

.sticky .calendar.datepicker {
    position: relative;
    float: right;
    display: none
}

.sticky input[type=date],
.sticky input[type=text],
.sticky select,
.sticky select option {
    border: 1px solid #000;
    background: #282828;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    height: 40px;
    width: 100%
}

.ui-datepicker .ui-datepicker-title select {
    height: auto
}

.ui-widget.ui-widget-content {
    border: 1px solid #151515!important;
    background: rgba(51, 51, 51, .95);
    padding: 15px;
    border-radius: 0
}

.ui-datepicker th span {
    color: #fff
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: none!important;
    background: #474747!important;
    font-weight: 400;
    color: #c2c2c2!important;
    padding: 5px
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: none!important;
    background: #dadada!important;
    font-weight: 400;
    color: #212121!important
}

.highlight a,
.highlight a.ui-state-default,
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    background: #938461!important;
    color: #ececec!important;
    font-weight: 700!important
}

.ui-datepicker .ui-datepicker-header {
    border-radius: 0
}

.sticky .resa-box-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 15px;
    background: rgba(0, 0, 0, .15);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .15) 0, rgba(245, 245, 245, .11) 47%, rgba(237, 237, 237, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, .15)), color-stop(47%, rgba(245, 245, 245, .11)), color-stop(100%, rgba(237, 237, 237, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .15) 0, rgba(245, 245, 245, .11) 47%, rgba(237, 237, 237, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .15) 0, rgba(245, 245, 245, .11) 47%, rgba(237, 237, 237, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .15) 0, rgba(245, 245, 245, .11) 47%, rgba(237, 237, 237, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .15) 0, rgba(245, 245, 245, .11) 47%, rgba(237, 237, 237, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ededed', GradientType=0)
}

.sticky .resa-box-wrapper .resa-box {
    margin: 0 auto
}

.sticky button,
.sticky input[type=date],
.sticky input[type=submit],
.sticky input[type=text],
.sticky select {
    height: 40px
}

.sticky input[type=date] {
    background: url(../img/v8.general-sprite.png) right -9px no-repeat #282828
}

.sticky .inline .formField {
    margin: 0 5px 0 0
}

.nav.logo,
.sticky .inline .last .formField {
    margin: 0
}

.nav.logo h1 {
    display: none
}

.nav.menu {
    width: 60px;
    margin-left: 15px
}

.nav.menu a {
    padding: 17px 0
}

.header .nav-phone {
    float: left;
    border-left: 1px solid #dfdedd;
    border-right: 1px solid #dfdedd
}

.header .nav-mail span.icon,
.header .nav-phone span.icon {
    margin: 0 7px 0 0;
    float: left;
    width: 19px;
    height: 19px;
    background-size: contain;
}

.header .nav-main {
    float: right
}

.header .nav-main ul li,
.nav-hotel,
.nav-hotel .svg-menu {
    float: left
}

.header .nav-main ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.header .bm {
    position: relative;
    padding: 34px 30px;
    text-transform: uppercase;
    transition: background cubic-bezier(.39, .575, .565, 1) .4s
}

.header .bm span {
    font-size: 16px;
    color: #333;
    position: relative;
    z-index: 5
}

.header .nav-mail.bm span,
.header .nav-phone.bm span {
    text-transform: lowercase;
    font-size: 13px;
}

.header .bm:after,
.header .bm:before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0
}

.header .bm:before {
    opacity: 0;
    top: 100%;
    bottom: 0;
    z-index: 2;
    background: rgba(222, 222, 222, .2);
    transition: opacity cubic-bezier(.39, .575, .565, 1) .3s, top cubic-bezier(.39, .575, .565, 1) .4s
}

.header .current-menu-item .bm:before,
.header .active .bm:before,
.header .bm:hover:before {
    opacity: 1;
    top: 0
}

.header .bm:after {
    opacity: 0;
    height: 4px;
    bottom: -1px;
    z-index: 3;
    background: #00273f;
    transition: opacity cubic-bezier(.39, .575, .565, 1) .4s, left cubic-bezier(.39, .575, .565, 1) 1s
}

.header .current-menu-item .bm:after,
.header .active .bm:after,
.header .bm:hover:after {
    opacity: 1
}

.modal,
.textOverImageBlock .textDescriptionWrap .centerBlockHorizontally {
    opacity: 0
}

.nav-hotel {
    padding: 7px 0 10px
}

.nav-hotel span {
    display: block;
    text-shadow: none;
    float: left;
    padding: 5px 10px;
    text-transform: uppercase
}

.nav.language-country {
    float: right;
    margin: 0;
    border-left: 1px solid #dfdedd
}

.nav.language-country a span {
    font-size: 12px;
    line-height: 18px
}

.svg-menu {
    width: 36px;
    height: 30px;
    display: block;
    margin: 0 auto
}

.nav.menu .active-language a {
    margin: 0;
    padding: 0
}

.active-language .activeSelect {
    font-size: 12px
}

.responsiveMenu {
    position: relative
}

.responsiveMenu .more {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    z-index: 6
}

.responsiveMenu .more ul {
    top: 100%;
    position: absolute;
    right: 0;
    z-index: 10;
    background: #fff
}

.responsiveMenu .more ul li {
    display: block
}

.responsiveMenu .more ul li a {
    padding: 10px!important
}

.responsiveMenu .more>a {
    position: absolute;
    width: 24px;
    text-align: center;
    top: 0;
    bottom: 0;
    content: '\225BC';
    border-left: 1px solid #c2c2c2;
    background: rgba(255, 255, 255, .95);
    line-height: 65px
}

.discover-hotels {
    position: relative;
    background: url(../img/icons/hotels-collection.jpg) top center no-repeat;
    max-width: 1710px;
    margin: 0 auto
}

.discover-hotels h1 {
    color: #333;
    font-size: 20px
}

.discover-hotels h3,
.discover-hotels span {
    text-transform: none;
    color: #fff;
    padding: 10px 0 30px;
    text-shadow: 1px 1px 5px rgba(12, 64, 55, .8)
}

.discover-hotels hr.heading {
    color: #fff;
    background: #fff
}

.discover-hotels .description {
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    padding: 60px 0 30px;
    width: 100%;
    background: #111;
    background: -webkit-linear-gradient(rgba(17, 17, 17, 0), #111);
    background: -o-linear-gradient(rgba(17, 17, 17, 0), #111);
    background: -moz-linear-gradient(rgba(17, 17, 17, 0), #111);
    background: linear-gradient(rgba(17, 17, 17, 0), #111);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#19111111', EndColorStr='#00111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19111111', EndColorStr='#00111111')"
}

.discover-hotels .discoverLinks:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.discover-hotels .discoverLinks {
    text-align: center;
    margin: 0 auto
}

.discover-hotels .discoverLinks a {
    float: left;
    text-align: left;
    width: 49%;
    font-size: 16px;
    padding: 10px 15px;
    border: 0 solid #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    transition: background .3s;
    color: #fff
}

.discover-hotels .discoverLinks a:nth-child(1) {
    border-right: 1px solid #fff;
    margin-right: 1px;
    text-align: right;
    border-radius: 3px 0 0 3px
}

.discover-hotels .discoverLinks a:nth-child(2) {
    text-align: left
}

.icon {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-color: transparent;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    text-indent: -9999px
}

.icon.white {
    background-color: #fff
}

.icon.default {
    background-image: url(../img/icons/icon.svg)
}

.icon.tray {
    background-image: url(../img/icons/tray.svg)
}

.icon.gallery {
    background-image: url(../img/icons/photo-gallery.svg)
}

.icon.video {
    background-image: url(../img/icons/video-gallery.svg)
}

.icon.mail {
    background-image: url(../img/icons/mail-us.png)
}

.icon.phone {
    background-image: url(../img/icons/call-us.png)
}

.icon.locateUs {
    background-image: url(../img/icons/location.svg)
}

.icon.facebook {
    background-image: url(../img/icons/facebook.png)
}

.icon.twitter {
    background-image: url(../img/icons/twitter.png)
}

.icon.googleplus {
    background-image: url(../img/icons/googleplus.png)
}

.icon.pinterest {
    background-image: url(../img/icons/pinterest.png)
}

.icon.linkedin {
    background-image: url(../img/icons/linkedin.png)
}

.icon.instagram {
    background-image: url(../img/icons/instagram.png)
}

.icon.youtube {
    background-image: url(../img/icons/youtube.png)
}

.icon.weibo {
    background-image: url(../img/icons/weibo.png)
}

.icon.wechat,
.icon.youku {
    background-image: url(../img/icons/youku.png)
}

footer .icon.facebook {
    background-image: url(../img/icons/facebook-white.png)
}

footer .icon.twitter {
    background-image: url(../img/icons/twitter-white.png)
}

footer .icon.googleplus {
    background-image: url(../img/icons/googleplus-white.png)
}

footer .icon.pinterest {
    background-image: url(../img/icons/pinterest-white.png)
}

footer .icon.linkedin {
    background-image: url(../img/icons/linkedin-white.png)
}

footer .icon.instagram {
    background-image: url(../img/icons/instagram-white.png)
}

footer .icon.youtube {
    background-image: url(../img/icons/youtube-white.png)
}

footer .icon.weibo {
    background-image: url(../img/icons/weibo-white.png)
}

footer .icon.wechat,
footer .icon.youku {
    background-image: url(../img/icons/youku-white.png)
}

.home-slider {
    min-width: 100%;
    max-width: 100%;
    position: relative;
    left: 0;
    border-bottom: 3px solid #b4a064
}

.hotels .home-slider {
    margin-top: 34px;
    max-height: 955px;
}

.hotels.innerPage .home-slider,
.innerPage .home-slider {
    margin-top: 91px
}

.home-slider img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    visibility: hidden
}

.home-slider img.visible {
    visibility: visible
}

.home-slider .slider.hasVideo {
    min-height: 0;
    transition: min-height .3s
}

.bg-wrapper {
    background: #fff;
    padding-top: 1px
}

.home-slider video {
    min-width: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    background-size: cover;
    transition: 1s opacity
}

.home-slider video.init {
    -webkit-transition-position: fixed;
    position: fixed
}

.resa-box-wrapper {
    position: absolute;
    bottom: 0;
    padding-bottom: 45px;
    padding-top: 45px;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 10px #000
}

.homepage .resa-box-wrapper {
    background: 0 0;
    filter: none;
    -ms-filter: none
}

.homepage .innerPage .resa-box-wrapper.sticky,
.homepage .resa-box-wrapper.sticky,
.innerPage .resa-box-wrapper {
    background: rgba(26, 26, 26, .9)
}

.innerPage .resa-box-wrapper {
    position: absolute;
    bottom: 0;
    padding: 10px
}

.innerPage .formField {
    margin: 0 5px 0 0
}

.innerPage .last .formField {
    margin: 0
}

.innerPage .resa-box-wrapper fieldset {
    border: none;
    padding-top: 0
}

.resa-box-wrapper h2 {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 42px;
    color: #fff;
    /*margin-bottom: 15px;*/
    display: block;
    transition: all .4s;
    text-shadow: 0px 1px 4px #000;
}

.innerPage .resa-box-wrapper h2,
.textOverImageBlock .textDescriptionWrap h2:before {
    display: none
}

.textOverImageBlock {
    margin: 0;
    position: relative
}

.textOverImageBlock .imageWrapper img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.textOverImageBlock .textDescriptionWrap {
    position: absolute;
    right: 10%;
    top: 0;
    max-width: 420px;
    height: 100%;
    padding: 30px 30px 0;
    text-align: center;
    background: rgba(0, 0, 0, .4)
}

.leftAlignBox .textOverImageBlock .textDescriptionWrap,
.leftAlignBox.textOverImageBlock .textDescriptionWrap {
    position: absolute;
    right: auto;
    left: 10%;
    top: 0;
    max-width: 560px;
    height: 100%;
    padding: 30px 30px 0;
    text-align: center;
    background: rgba(0, 0, 0, .4)
}

.textOverImageBlock .textDescriptionWrap h2 {
    color: #FFF;
    margin: 0 0 15px
}

.textOverImageBlock .textDescriptionWrap p {
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #FFF;
    text-shadow: rgba(0, 0, 0, .65) 0 0 10px
}

.textOverImageBlock .textDescriptionWrap a {
    margin: 25px 0 0;
    padding: 10px 20px;
    color: #FFF;
    display: inline-block
}

.textOverImageBlock .textDescriptionWrap .slogan,
.textOverImageBlock .textDescriptionWrap .slogan div,
.textOverImageBlock .textDescriptionWrap ul,
.textOverImageBlock .textDescriptionWrap ul li {
    color: #FFF
}

.textOverImageBlock .textDescriptionWrap p strong {
    color: #FFF
}

.textOverImageBlock .textDescriptionWrap p:last-child {
    margin: 0 auto
}

.textOverImageBlock .textDescriptionWrap .learnMoreWrap {
    text-align: center;
    margin: 30px 0 0
}

.textOverImageBlock .textDescriptionWrap .learnMoreWrap .learnMoreButton {
    color: #FFF;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    transition: border-color .4s cubic-bezier(.39, .575, .565, 1)
}

.textOverImageBlock a:hover .textDescriptionWrap .learnMoreWrap .learnMoreButton {
    border-color: #b4a064
}

.textOverImageBlock.textOverImageBlockHorizontal .textDescriptionWrap {
    max-width: none;
    width: 100%;
    padding: 30px;
    margin: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: auto;
    background: #111;
    background: -webkit-linear-gradient(rgba(17, 17, 17, 0), #111);
    background: -o-linear-gradient(rgba(17, 17, 17, 0), #111);
    background: -moz-linear-gradient(rgba(17, 17, 17, 0), #111);
    background: linear-gradient(rgba(17, 17, 17, 0), #111);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#19111111', EndColorStr='#00111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19111111', EndColorStr='#00111111')"
}

.resa-box-wrapper small {
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
    display: block
}

.front-page .resa-box-wrapper {
    padding-bottom: 25px;
    padding-top: 10px;
}

.front-page .resa-box-wrapper small {
    /*font-size: 62px;*/
    font-size: 32px;
    /*line-height: 74px;*/
    line-height: 38px;
    margin-bottom: 10px;
}
.front-page .resa-box-wrapper h2 button {
    color: #333;
    width: auto;
    font-size: 18px;
    background: rgba(255,255,255,0.95);
    box-shadow: 0px 0px 10px -1px #000;
}
.front-page .resa-box-wrapper .block-resa-widget-box {
    max-width: 1100px;
}

.resa-box-wrapper .block-resa-widget-box {
    display: block;
    max-width: 1080px;
    margin: 0 auto
}

.resa-box-wrapper fieldset {
    border: none;
    padding-top: 10px;
    border-top: 1px solid #b4a064
}

.resa-box-wrapper .fieldLabel,
.resa-box-wrapper label {
    text-align: left;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    padding: 20px 0 10px
}

.resa-box-wrapper legend,
.resa-box-wrapper.informationLinkWrap {
    display: none
}

.breadcrumb li,
.breadcrumb li a,
.breadcrumb li:after {
    display: inline-block
}

.breadcrumb {
    padding: 10px;
    border-bottom: 1px solid #d1cab0
}

.breadcrumb.hotel-inner .breadcrumb-inner {
    max-width: 1004px;
    margin: 0 auto
}

.breadcrumb li:last-child:after {
    content: none
}

.breadcrumb li:after {
    font-size: 8px;
    height: 11px;
    vertical-align: middle;
    content: '\25B6';
    color: #b4a064;
    margin: 0 5px 0 10px;
    line-height: 10px
}

.breadcrumb li a {
    font-size: 11px;
    text-transform: uppercase;
    color: #b4a064;
    white-space: nowrap;
}

#gallery a.jb-go-back-icon,
.close-modal .label {
    display: none
}

.popup-wrapper {
    border: 1px solid #b4a064;
    padding: 35px;
    background: #fff;
    height: 370px;
    overflow: auto;
    position: relative;
    transition: 1s height cubic-bezier(.39, .575, .565, 1);
    transition-delay: 1s
}

.locateus .popup-wrapper,
.popup-wrapper.locateus {
    height: 500px
}

.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(255, 255, 255, .85);
    z-index: 10;
    transition: 1s width ease
}

.modal.youtube .modal-content {
    max-width: 1920px;
    margin-top: 1%
}

.modal-opened.overflow .modal {
    overflow-y: auto
}

.modal-opened.popup-opened .pageColumnWrapper {
    background: #fff
}

.modal-opened #contentWrapper {
    filter: blur(10px);
    transition: 1s filter linear;
    -webkit-transition: 1s -webkit-filter linear;
    -moz-transition: 1s -moz-filter linear;
    -ms-transition: 1s -ms-filter linear;
    -o-transition: 1s -o-filter linear
}

#gallery a.close-modal {
    z-index: 9999;
    background: #fff
}

#gallery div.jb-bb-bar {
    margin: 17px 10px
}

.modal#gallery .modal-content {
    max-width: none;
    margin-top: 0;
    padding: 0;
    width: 100%
}

.modal#gallery .modal-content .jcbx-glry-classic {
    background-color: rgba(34, 34, 34, .9)!important
}

.modal#gallery .modal-content div.jb-bb-button {
    color: #fff
}

.modal#modal-reservation-box .modal-content {
    max-width: 1080px;
    width: 100%;
    padding: 0
}

#modal-country {
    background: rgba(76, 76, 76, .25)
}

#modal-country.no-country .popup-wrapper {
    height: 270px
}

#modal-country.no-country #blockLanguageSelector .fieldLabel {
    text-align: center
}

#modal-country .fieldWrap {
    margin-top: 0
}

#modal-country .fieldWrapper.submitButton {
    margin-top: 15px
}

.modal .modal-content {
    color: #000;
    width: 80%;
    max-width: 820px;
    margin: 10% auto 0;
    padding: 55px;
    position: relative
}

.modal.popup .popup-wrapper {
    padding: 15px
}

.modal.popup .close-modal,
.modal.popup .svg-fill {
    color: #000;
    fill: #000
}

.popup-wrapper h1,
.popup-wrapper h2,
.popup-wrapper h3 {
    text-align: center;
    text-transform: uppercase
}

.close-modal {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    color: #fff;
    font-size: 28px;
    padding: 15px 20px;
    content: "\274C";
    transition: background-color .5s ease
}

.bottom-close .close-modal {
    position: relative;
    color: #fff;
    background: #b4a064;
    font-size: 18px
}

.messageFailed,
.messageSuccess {
    font-size: 18px;
    text-align: center;
    padding: 30px 15px 60px
}

.messageSuccess {
    color: #8bc34a
}

#modal .close-modal svg {
    fill: #000
}

.close-modal svg {
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    transition: .5s ease-out
}

.close-modal:hover svg {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.modal-menu .close-modal:before {
    content: none
}

.modal-menu {
    background: rgba(255, 255, 255, .9);
    z-index: 4
}

.modal-menu .close-modal {
    top: 130px;
    padding: 25px 30px
}

.modal-menu .close-modal .label {
    display: block;
    text-transform: uppercase;
    font-size: 11px
}

.modal-menu .modal-content {
    color: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 130px 0 0
}

.cssload-loader {
    position: relative;
    width: 10px;
    height: 10px;
    top: 45%;
    left: 46%;
    left: calc(50% - 2px);
    left: -o-calc(50% - 2px);
    left: -ms-calc(50% - 2px);
    left: -webkit-calc(50% - 2px);
    left: -moz-calc(50% - 2px);
    border-radius: 10px;
    background-color: #c2c2c2;
    transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    animation: cssload-loader 1.15s ease-in-out infinite;
    -o-animation: cssload-loader 1.15s ease-in-out infinite;
    -ms-animation: cssload-loader 1.15s ease-in-out infinite;
    -webkit-animation: cssload-loader 1.15s ease-in-out infinite;
    -moz-animation: cssload-loader 1.15s ease-in-out infinite
}

.cssload-loader:after,
.cssload-loader:before {
    content: "";
    position: absolute;
    background-color: #c2c2c2;
    height: 10px;
    width: 10px;
    border-radius: 10px
}

.cssload-loader:before {
    top: 0;
    left: -15px
}

.cssload-loader:after {
    top: 0;
    left: 15px
}

.footer-menu ul:after,
.hotelSubMenu>li:after,
.main-menu-wrapper nav:after {
    content: "."
}

@keyframes cssload-loader {
    0% {
        transform: rotate(0)
    }
    100%,
    50% {
        transform: rotate(180deg)
    }
}

@-o-keyframes cssload-loader {
    0% {
        -o-transform: rotate(0)
    }
    100%,
    50% {
        -o-transform: rotate(180deg)
    }
}

@-ms-keyframes cssload-loader {
    0% {
        -ms-transform: rotate(0)
    }
    100%,
    50% {
        -ms-transform: rotate(180deg)
    }
}

@-webkit-keyframes cssload-loader {
    0% {
        -webkit-transform: rotate(0)
    }
    100%,
    50% {
        -webkit-transform: rotate(180deg)
    }
}

@-moz-keyframes cssload-loader {
    0% {
        -moz-transform: rotate(0)
    }
    100%,
    50% {
        -moz-transform: rotate(180deg)
    }
}

.loading .cssload-loader {
    display: block
}

.cssload-loader {
    display: none
}

#blockLanguageSelector {
    margin: 0 auto
}

#blockLanguageSelector .languageSelectorForm .title {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 33px;
    display: none
}

#blockLanguageSelector .fieldLabel {
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    padding: 20px 0 10px
}

.fieldWrap {
    margin-top: 15px
}

.submitButton .fieldWrap {
    width: 180px;
    margin: 30px auto 0
}

.main-menu-wrapper nav:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.main-menu-wrapper {
    background: url(../img/icons/waves.png) bottom center no-repeat
}

.menu a {
    color: #584e34;
    transition: color .8s ease;
    position: relative
}

.menu a.active,
.menu a:focus,
.menu a:hover {
    color: #b4a064
}

.menu .mainmenu a.active:after,
.menu .mainmenu a:focus:after {
    height: 2px
}

.footer-menu ul:after,
.hotelSubMenu>li:after,
.themeContent:after {
    height: 0;
    visibility: hidden;
    clear: both
}

.menu nav>ul.mainmenu {
    float: left;
    width: 20%;
    padding: 6% 0
}

.menu nav>ul.mainmenu li a {
    text-transform: uppercase
}

.menu nav>ul li a {
    font-size: 24px;
    padding: 20px 85px 20px 15px
}

.menu nav>ul li ul li a {
    padding: 10px 0
}

.menu .submenu {
    width: 100%;
    padding: 30px;
    border-left: none;
    max-width: 1024px;
    margin: 0 auto
}

.menu .destinationSubMenu {
    padding-top: 100px
}

.menu .submenu.hotelSubMenu {
    display: block
}

.menu .submenu a,
.menu .submenu a em {
    color: #b4a064;
    font-size: 20px;
    font-style: normal
}

.menu .submenu a:hover span {
    color: #00273f
}

.hotelSubMenu>li {
    float: left;
    width: 50%
}

.hotelSubMenu>li:after {
    display: block
}

.hotelSubMenu a.section-legend {
    padding: 0 0 35px;
    text-transform: uppercase
}

.menu ul li a span {
    color: #505050;
    transition: color .8s ease;
    font-size: 16px
}

.menu a .stars {
    display: none
}

.footer-menu .legend,
.footer-menu a {
    color: #888
}

.footer-menu .legend {
    border-bottom: 1px solid #474747;
    padding: 15px 15px 15px 30px;
    font-weight: 700;
    text-transform: uppercase
}

.blockFeaturedOffers .textOverImageBlock .textDescriptionWrap .learnMoreWrap .learnMoreButton,
hr.heading {
    border: none
}

.footer-menu ul {
    padding: 0 0 0 15px
}

.footer-menu ul:after {
    display: block
}

.footer-menu li {
    float: left
}

.footer-menu li a {
    padding: 30px 15px
}

.menu .mobileMenuBack,
.openMobileMenu,
.themeSubMenu .themeImage {
    display: none
}

.destinationSubMenu h2,
.themeSubMenu h2 {
    padding: 0 0 30px 10px
}

.themeSubMenu .themeContent h3,
.themeSubMenu .themeContent h4,
.themeSubMenu .themeContent h4 em {
    float: left;
    color: #b4a064;
    font-size: 20px;
    font-style: normal;
    text-transform: uppercase
}

.themeSubMenu .themeContent h4:before {
    content: "\00a0\2013\00a0";
    float: left
}

.themeSubMenu p {
    float: left
}

.menu p {
    width: 100%;
    font-size: 14px;
    color: #aeaeae;
    padding: 5px 0;
    text-transform: none
}

.menu nav>ul.destinationSubMenu li ul li a,
.menu nav>ul.themeSubMenu li ul li a {
    max-width: 800px;
    padding: 15px;
    transition: background-color .5s ease
}

.menu nav>ul.destinationSubMenu li ul li a:hover,
.menu nav>ul.themeSubMenu li ul li a:hover {
    background: rgba(255, 255, 255, .02)
}

.themeContent:after {
    content: ".";
    display: block
}

.menu h2,
.menu h3 {
    color: #b4a064;
    font-size: 20px;
    font-style: normal;
    text-transform: uppercase
}

.block .subtitle a:hover,
hr.heading {
    color: #938461
}

.m,
.mb,
.mi,
.mobile {
    display: none
}

.homepage .pageContent .block {
    max-width: 1880px;
    margin: 0 auto;
    padding: 0
}

.homepage .pageContent .block a.more {
    text-align: center
}

hr.heading {
    width: 280px;
    background: #938461;
    height: 1px;
    margin: 15px auto 10px
}

.block .subtitle {
    min-height: 1px;
    text-align: center
}

.block .subtitle a.more {
    padding: 0;
    display: block;
    display: inline-block;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ui-widget-header {
    background: #afafaf!important
}

.ui-datepicker .ui-datepicker-title span {
    font-weight: 700
}

.homepage .pageContent .block.blockFeaturedTagline {
    max-width: 957px;
    border-bottom: none
}

.homepage .pageContent .block.blockFeaturedTagline .belief {
    padding-bottom: 10px
}

.homepage .pageContent .block.blockFeaturedTagline .belief p {
    font-size: 18px;
    color: #00263e;
    margin: 0
}

.homepage .pageContent .block.blockFeaturedTagline div {
    text-align: center;
    line-height: 22px
}

.homepage .pageContent .block.blockFeaturedTagline .more {
    margin-top: 15px;
    color: #b4a064
}

.block.blockFeaturedTagline p {
    font-size: 15px;
    text-align: center;
    line-height: 28px
}

.homepage .pageContent .block.blockFeaturedOffers {
    max-width: 1710px
}

.blockFeaturedOffers .textOverImageBlock .textDescriptionWrap {
    background: rgba(255, 255, 255, .8)
}

.blockFeaturedOffers .textOverImageBlock .textDescriptionWrap .learnMoreWrap .learnMoreButton,
.blockFeaturedOffers .textOverImageBlock .textDescriptionWrap h2,
.blockFeaturedOffers .textOverImageBlock .textDescriptionWrap p {
    color: #333;
    text-shadow: rgba(255, 255, 255, .65) 0 0 10px
}

.blockFeaturedOffers .textOverImageBlock .textDescriptionWrap h2 {
    position: relative;
    color: #938461
}

.blockFeaturedOffers .textOverImageBlock .textDescriptionWrap:hover .learnMoreWrap .learnMoreButton {
    color: #938461
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    background: 0 0;
    outline: 0
}

.arrow-down {
    width: 0;
    height: 0;
    left: 45%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
    display: inline-block;
    position: absolute
}

.slider {
    visibility: hidden;
    display: none
}

.slider.hero,
.slider.slick-initialized {
    visibility: visible;
    display: block
}

.slider.slick-initialized {
    margin-bottom: 0
}

.slick-slider img {
    width: 100%;
    height: auto
}

.slick-slide img.m {
    display: none
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper,
[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots.h {
    display: none
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.slidingWidgetCarrousel {
    position: relative
}

.slidingWidgetCarrouselController {
    margin: 15px auto 0
}

.slidingWidgetCarrouselController:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .nextButton,
.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .previousButton {
    display: block;
    opacity: 0;
    visibility: hidden;
    float: left;
    min-height: 36px;
    width: 36px;
    text-indent: -9999px;
    cursor: pointer
}

.slidingWidgetCarrousel .nextButton,
.slidingWidgetCarrousel .previousButton,
.slidingWidgetCarrousel .slidingWidgetCarrouselTickerList {
    display: none
}

.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .nextButton.show,
.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .previousButton.show {
    opacity: 1;
    visibility: visible
}

.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .slidingWidgetCarrouselTickerList {
    float: left
}

.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .slidingWidgetCarrouselTickerList .ticker {
    float: left;
    padding: 5px
}

.slidingWidgetCarrousel .slidingWidgetCarrouselTickerList span {
    text-indent: -9999px;
    cursor: pointer
}

.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .slidingWidgetCarrouselTickerList span.active span {
    background: #919090;
    border: 1px solid #919090
}

.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .slidingWidgetCarrouselTickerList span span {
    float: left;
    border-radius: 100%;
    background: #d3d3d3;
    border: 1px solid #c6c6c6;
    width: 11px;
    height: 11px;
    margin: 0
}

.block .content-wrapper:after,
.block.three-column:after,
.block.two-column:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden
}

.mobileVersion #instagramWidgetListSection .slidingWidgetCarrouselController {
    max-width: 305px
}

.mobileVersion #instagramWidgetListSection .slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .slidingWidgetCarrouselTickerList {
    display: none!important
}

.slidingWidgetCarrousel.slidingWidgetCarrouselActive .slidingWidgetCarrouselList {
    position: relative;
    overflow: hidden;
    max-width: 100%
}

.homepage .pageContent .block.two-column,
.pageContent .block.three-column {
    max-width: 1790px
}

.slidingWidgetCarrousel.slidingWidgetCarrouselActive .slidingWidgetCarrouselList ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 10000px
}

.block h2,
.more-arrow {
    position: relative
}

.more-arrow span {
    display: block;
    overflow: hidden;
}

a:hover .more-arrow span {
    color: #938461
}

.more-arrow.center {
    text-align: center;
    width: 200px;
    margin: 0 auto
}

.more-arrow.center:after {
    right: 46%
}

.block.two-column:after {
    display: block
}

.block.two-column .block {
    float: left;
    width: 50%;
    margin-top: 0
}

.block.three-column:after {
    display: block
}

.block.three-column .block {
    float: left;
    width: 33%;
    margin-top: 0
}

.block .subtitle {
    color: #231f21;
    padding: 7px 0 10px;
    margin: 0 15px 10px
}

.block .content-wrapper {
    border: 1px solid #ececec
}

.block .content-wrapper:after {
    display: block
}

.block .content-wrapper .image {
    float: left;
    width: 56%;
    max-width: 498px;
    overflow: hidden
}

.block .content-wrapper .content {
    float: left;
    width: 44%
}

.block .more-arrow {
    text-align: center
}

.block h2 {
    font-size: 32px;
    line-height: 32px;
    margin: 45px 0 15px;
    padding: 0 0 20px
}

.block h2:before {
    content: '.';
    width: 200px;
    margin: 0 0 0 -100px;
    position: absolute;
    bottom: 0;
    left: 50%;
    color: transparent;
    text-indent: -9999px;
    height: 1px;
    overflow: hidden;
    background: #938461
}

.block h2 img,
.block h3 img {
    display: inline
}

.block .title,
.block h3 {
    font-size: 20px
}

.block.contact-payment-wrapper {
    background: #fff
}

.block.contact-payment-wrapper .content-wrapper {
    border: none
}

.block.contact-payment-wrapper .content-wrapper .content {
    float: none;
    text-align: center;
    width: initial
}

.block.contact-payment-wrapper .icon {
    fill: #333
}

.block.contact-payment-wrapper .content-wrapper .content .title,
.block.contact-payment-wrapper .content-wrapper h2 {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    padding: 0;
    text-transform: uppercase
}

.block.contact-payment-wrapper .more-arrow {
    margin-top: 15px
}

.block.blockPayment .content-wrapper h2 {
    padding: 0 0 20px
}

.block.contact-payment-wrapper .block {
    padding: 5px 0
}

.block.contact-payment-wrapper .block.blockCallUs {
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    width: 34%
}

.cardSelectionList li {
    display: inline-block;
    padding: 0 10px
}

.price-loading {
    background: url(../img/icons/price-loader.gif) center no-repeat;
    color: transparent
}

.more .toggled-label,
.toggled-label {
    display: none
}

.toggled .toggled-label {
    display: block
}

.hotel-menu .mainmenuWrapperButton,
.localMeasureWidget .localMeasureWidgetContent .lm-widget-footer,
.toggled .untoggled-label {
    display: none
}

.pageTabImageContainer.slider>ul {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s cubic-bezier(.39, .575, .565, 1)
}

.pageTabImageContainer>ul img {
    width: 100%;
    height: auto
}

.pageTabImageContainer.slider>ul.slick-initialized {
    height: auto;
    opacity: 1;
    overflow: initial
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.localMeasureWidget {
    margin: 30px 0;
    padding: 45px 0;
    background: #f9f9f9
}

.pageContent .localMeasureWidget h2 {
    margin: 0 0 9px
}

.localMeasureWidget .localMeasureWidgetContent {
    margin: 30px 0
}

.localMeasureWidget .localMeasureWidgetContent .lm-widget .lm-postcard--widget {
    background: 0 0!important
}

.block-widget-more {
    position: relative;
    overflow: hidden;
    max-width: 450px;
    width: 100%;
    height: auto
}

.block-widget-more .descriptions {
    position: relative;
    padding: 15px 0 0
}

.block-widget-more .descriptions h3 {
    color: #333;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 20px
}

.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0;
}

.wp-block-column {
    text-align: left;
    flex-basis: 50%;
}

.landing .pageDescription {
    max-width: 1004px;
    margin: 50px auto;
}
.hotel-inner .pageDescription > h1 {
    margin: 0 0 30px 0;
    text-align: center;
    line-height: 34px;
    font-size: 30px;
    text-align: center;
}

.pageDescription .subhead {
    margin: 0 0 45px;
}

.pageDescription h4 {
    font-size: 18px;
    margin: 0 0 26px;
    color: #938461;
}

.pageDescription .slogan p {
    word-break: break-word;
    font-size: 40px;
    line-height: 48px;
    text-align: left;
    color: #b4a064;
    font-family: 'HTFDidotLightIta06';
}

.google-map {
    height: 500px;
}

.wpcf7-form .field {
    margin: 0 0 16px;
}
.wpcf7-form textarea {
    width: 400px;
    font-size: 14px;
    padding: 8px 10px;
    height: 200px;
}
.wpcf7-form input {
    width: 400px;
    height: 34px;
    font-size: 14px;
    padding: 0 10px;
}
.wpcf7-form textarea:active,
.wpcf7-form textarea:focus {
    width: 400px;
    height: 200px;
}
.wpcf7-form input:active,
.wpcf7-form input:focus {
    width: 400px;
}
.wpcf7-form input[type=submit] {
    height: 40px;
    padding: 0 20px;
    width: auto;
}
.wpcf7-form span.wpcf7-not-valid-tip {
    margin: 5px 0 0;
    font-size: 10px;
}
.wpcf7-form div.wpcf7-response-output {
    margin: 16px 0 0;
    max-width: 400px;
    padding: 6px 10px;
    font-size: 13px;
}

.wp-block-columns.accommodation h2 {
    margin: 20px 0 30px;
}
.wp-block-columns.accommodation .wpcf7 {
    max-width: 600px;
}
.wp-block-columns.accommodation .wpcf7 .wpcf7-form-control-title {
    width: 40%;
    display: inline-block;
    text-align: right;
    padding: 5px 10px;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 12px;
}
.wp-block-columns.accommodation .wpcf7 .wpcf7-form-control-wrap {
    width: 60%;
    display: inline-block;
}
.wp-block-columns.accommodation .wpcf7 input,
.wp-block-columns.accommodation .wpcf7 select {
    width: 100%;
    height: 34px;
}
.wp-block-columns.accommodation .wpcf7 input[type="submit"] {
    width: auto;
    height: 40px;
}
.wp-block-columns.accommodation .wpcf7 textarea {
    width: 100%;
    height: 150px;
}
.wpcf7 input:focus,
.wpcf7 input:active,
.wpcf7 select:focus,
.wpcf7 select:active,
.wpcf7 textarea:focus,
.wpcf7 textarea:active {
    border: none;
    background: #f2f2f2;
    font-size: 14px;
}
.wp-block-columns.accommodation .wpcf7 span.wpcf7-not-valid-tip {
    margin: 0;
}
.wp-block-columns.accommodation .wpcf7 div.wpcf7-response-output {
    text-align: right;
    max-width: none;
}
.wp-block-columns.accommodation .wpcf7 .required {
    color: #f00;
    font-size: 14px;
}

@media screen and (max-width:1750px) {
    .homepage .pageContent .block.three-column {
        max-width: 1500px
    }
}

@media screen and (max-width:1710px) {
    .discover-hotels {
        background: url(../img/icons/hotels-collection.jpg) top center no-repeat;
        max-width: 100%
    }
}

@media screen and (max-width:1600px) {
    .homepage .pageContent .block.three-column {
        max-width: 1200px
    }
    .block.three-column .block {
        width: 50%
    }
    .block.three-column .social-video-wrapper {
        width: 100%;
        float: left;
        background: #f5f5f5;
        margin: 15px auto
    }
    .block.three-column .social-video-wrapper .block {
        padding: 0
    }
    .block.contact-payment-wrapper .block {
        width: 33%
    }
}

@media screen and (max-width:1124px) {
    footer .forth-row section {
        width: 25%
    }
    footer .forth-row .magazine img {
        margin: 0 auto
    }
    footer .blockNewsletter {
        margin-top: 15px;
        margin-bottom: 15px;
        padding-top: 15px;
        position: relative;
        right: 0;
        float: left;
        width: 100%
    }
    footer .blockNewsletter .blockSlogan {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 18px
    }
    footer .blockNewsletter .blockForm {
        max-width: 500px;
        margin: 15px auto 0
    }
}

@media screen and (max-width:1260px) {
    .header.hotel .hotel-menu ul li a.bm {
        padding: 0 5px
    }
    .header.sticky .nav.logo {
        overflow: hidden
    }
    .header.hotel .hotel-menu .bm {
        padding: 44px 10px;
        height: 82px;
        white-space: normal;
        text-align: center
    }
    .wp-block-columns.accommodation .wpcf7 {
        max-width: 92%;
    }
}

@media screen and (max-width:1200px) {
    .homepage .pageContent .block.three-column {
        max-width: 1000px
    }
    .header.hotel .hotel-menu .bm {
        padding: 44px 5px
    }
    .header.hotel .hotel-menu .n10 .bm span {
        font-size: 13px
    }
    footer .second-row>nav>ul {
        float: none;
        max-width: 638px;
        margin: 0 auto
    }
    footer .second-row>nav>ul:nth-child(2) {
        float: none;
        text-align: center
    }
    footer .second-row>nav>ul:after {
        content: ''
    }
}

@media screen and (max-width:1050px) {
    .header.hotel .hotel-menu .n10 .bm span {
        font-size: 12px
    }
    .header.sticky .resa-box-wrapper h2 {
        display: none
    }
    .header.sticky .block-resa-widget-box {
        width: 100%;
        max-width: none
    }
    .header .bm,
    .header.sticky .bm {
        padding: 34px 7px
    }
    .menu nav>ul.mainmenu {
        float: none;
        top: 0;
        transform: initial;
        width: 100%
    }
    .menu nav>ul.mainmenu>li {
        float: left;
        padding: 0 3%
    }
    .menu .mainmenu a.active:after,
    .menu .mainmenu a:focus:after {
        content: none
    }
    .menu nav>ul.mainmenu {
        padding: 0;
        border-right: none;
        border-bottom: 1px solid #b4a064
    }
    .menu nav>ul.mainmenu:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    .menu nav>ul.mainmenu:before {
        content: none
    }
    .menu nav>ul li a {
        padding: 15px 0
    }
    .menu .submenu {
        width: 100%;
        padding: 0;
        border-left: none
    }
    .hotelType {
        display: block
    }
    .hotelSubMenu a.section-legend {
        padding: 0 0 15px
    }
    .hotelSubMenu>li {
        width: 50%;
        padding: 65px 3%;
        float: left
    }
    .destinationSubMenu>li,
    .themeSubMenu>li {
        padding: 65px 3%
    }
    .menu nav>ul li ul li a {
        padding: 5px 0
    }
    .menu ul li a span {
        font-size: 14px;
        display: inline
    }
    #offersWidgetListSection {
        max-width: 650px
    }
    #offersWidgetListSection .offerList ul li:last-child {
        margin: 0 auto
    }
}

@media screen and (max-width:1025px) {
    .block.contact-payment-wrapper .block {
        padding: 0
    }
    .block.contact-payment-wrapper .block img {
        width: 60px;
        height: auto
    }
    .block.contact-payment-wrapper .more-arrow {
        margin-top: 0
    }
    .block.blockPayment .content-wrapper h2 {
        padding: 0 0 5px
    }
    .discover-hotels {
        background: url(../img/icons/hotels-collection.jpg) top center no-repeat
    }
    .header.hotel .hotel-menu .bm span {
        font-size: 13px
    }
    .resa-box-wrapper h2 {
        font-size: 16px;
        line-height: 18px
    }
    .homepage .pageContent .block.blockFeaturedTagline {
        padding: 0 30px;
        margin-top: 50px
    }
    .homepage .pageContent .block {
        padding-top: 50px
    }
    footer .second-row>nav>ul:nth-child(2)>li a {
        padding: 15px 5px
    }
    .blockFeaturedOffers .textOverImageBlock .textDescriptionWrap {
        background: #f5f5f5;
        position: static;
        width: 100%;
        max-width: none;
        padding: 15px
    }
    .blockFeaturedOffers .textOverImageBlock .textDescriptionWrap h2 {
        margin: 0
    }
    .blockFeaturedOffers .textOverImageBlock .textDescriptionWrap .learnMoreWrap {
        margin: 15px 0 0
    }
}

@media screen and (max-width:1020px) {
    .hotel-menu .mainmenuWrapperButton {
        display: block;
        float: right
    }
    .hotel-menu .mainmenuWrapper {
        display: none;
        right: 0;
        left: 0;
        background: #fff;
        top: 82px
    }
    .hotel-menu .mainmenuWrapper ul li {
        float: none;
        display: block;
        border-bottom: 1px solid #efefef
    }
    .header.hotel .hotel-menu ul li a.bm {
        width: 100%;
        max-width: 100%;
        height: 50px;
        line-height: 48px
    }
}

@media screen and (max-width:835px) {
    .header .bm span {
        font-size: 14px
    }
    .wp-block-columns.accommodation .wp-block-column {
        flex-basis: 100%;
    }
    .wp-block-columns.accommodation .wpcf7 {
        max-width: 94%;
    }
}

@media screen and (max-width:785px) {
    .header .bm span {
        font-size: 12px
    }
}

@media screen and (max-width:768px) {
    .textOverImageBlock .textDescriptionWrap {
        position: static;
        padding: 15px 30px;
        background: #f9f9f9;
        max-width: none
    }
    .textOverImageBlock .textDescriptionWrap .learnMoreWrap {
        margin: 15px 0 0
    }
    .textOverImageBlock .textDescriptionWrap .learnMoreWrap .learnMoreButton,
    .textOverImageBlock .textDescriptionWrap h2,
    .textOverImageBlock .textDescriptionWrap p {
        text-shadow: none;
        color: #333
    }
    .textOverImageBlock .textDescriptionWrap .learnMoreWrap .learnMoreButton {
        border-color: #333
    }
    .modal-menu .close-modal {
        top: 88px;
        padding: 25px 20px
    }
    .modal .modal-content {
        width: 100%;
        padding: 55px 10px 0
    }
    .modal-menu .modal-content {
        padding-top: 100px
    }
    .active-language .activeSelect {
        max-width: 100px
    }
    .menu nav>ul li a {
        padding: 15px 0
    }
    .menu .submenu a,
    .menu .submenu a em {
        font-size: 20px
    }
    .block.contact-payment-wrapper .block.blockPayment {
        width: 100%
    }
    .block.contact-payment-wrapper .block {
        width: 50%
    }
    .block.contact-payment-wrapper .block.blockCallUs {
        border-right: none;
        width: 50%
    }
    footer .second-row ul li a {
        font-size: 13px
    }
    footer .more-arrow span {
        display: none
    }
    footer .more-arrow.center {
        width: auto
    }
    footer .more-arrow:after {
        top: -3px
    }
    .block h2 {
        font-size: 22px;
        margin: 15px 0 9px
    }
    .block .title,
    .block h3 {
        font-size: 16px
    }
    hr.heading {
        margin: 10px auto 5px
    }
    .blockFeaturedDiscoverHotelsWrapper {
        padding: 0
    }
    .discover-hotels {
        min-height: 500px;
        max-height: 500px;
        border: none
    }
}

@media screen and (max-width:740px) {
    .header .bm span {
        font-size: 14px
    }
}

@media screen and (max-width:480px) {
    .menu .mainmenu a.active:after,
    .menu .mainmenu a:focus:after,
    .menu nav>ul.mainmenu:before,
    .themeSubMenu .themeContent h4:before {
        content: none
    }
    #mobilePageTabMenu .parent,
    .header.hotel .hotel-menu .hotel-menu-beachcomber .bm.home span {
        font-weight: 700
    }
    .lm-postcard-image {
        padding-bottom: 100%!important
    }
    .m {
        display: initial
    }
    .mb {
        display: block
    }
    .mi {
        display: inline
    }
    .nm {
        display: none
    }
    .slick-slide img.m {
        display: block
    }
    .header .header-menu.hotel,
    .header .nav a .label,
    .header.sticky .resa-box-wrapper,
    .language-country,
    .resa-box-wrapper .block-resa-widget-box .f30,
    .resa-box-wrapper h2,
    .slick-slide img.nm {
        display: none
    }
    .header .nav a .label,
    .svg-close .svg-fill,
    .svg-menu .svg-fill {
        color: #666;
        fill: #666
    }
    .resa-box-wrapper .block-resa-widget-box {
        padding: 10px 10px 15px;
        background: #333
    }
    .header {
        padding: 0;
        height: auto;
        background: #fff;
        position: absolute;
        border-top: none
    }
    .header.hotel.sticky,
    .header.sticky {
        background: #fff;
        height: 84px;
        min-height: 84px
    }
    .header .header-menu {
        position: relative;
        border-bottom: 1px solid #bebebe
    }
    .header .nav-phone {
        float: left;
        padding: 34px 10px
    }
    .header.sticky .bm {
        padding: 34px 10px
    }
    .header .bm span {
        font-size: 14px
    }
    .modal-menu {
        z-index: 5
    }
    .modal.modal-menu .modal-content {
        padding: 0;
        z-index: 5
    }
    .modal-menu .close-modal {
        top: 0;
        padding: 15px;
        z-index: 6
    }
    .nav.menu {
        float: left;
        margin: 0;
        width: initial
    }
    .hotelSubMenu>li,
    .inline .f30 {
        width: 100%
    }
    .nav.menu a {
        padding: 21px 20px
    }
    .nav.menu.mainmenuWrapperButton {
        float: right;
        padding: 12px 0
    }
    .nav.menu.mainmenuWrapperButton button {
        border: none
    }
    .hotel .nav.menu a {
        padding: 9px 10px
    }
    .header .menu ul:first-of-type {
        border-top: 1px solid #efefef
    }
    .header .menu ul.hotelSubMenu {
        border-top: none
    }
    .header .menu ul li {
        border-bottom: 1px solid #efefef
    }
    .nav.logo {
        margin: 0 auto;
        position: initial
    }
    .header.sticky .nav a#logo_main_bch {
        height: initial;
        padding: 10px
    }
    #mauritianResidencyAgreementPopup {
        background: rgba(255, 255, 255, .85)
    }
    #mauritianResidencyAgreementPopup .residencyQuestion .questionText {
        margin: 25px
    }
    .menu nav>ul.mainmenu {
        padding: 0;
        position: relative;
        top: 0;
        transform: initial;
        text-align: center;
        display: none
    }
    .menu nav>a.m {
        border-bottom: 1px solid #b4a064;
        padding: 25px 15px;
        color: #b4a064;
        font-size: 20px;
        display: block;
        text-align: center
    }
    .home-slider,
    .menu nav>ul.mainmenu {
        border-bottom: none
    }
    .menu .submenu a,
    .menu .submenu a em {
        font-size: 14px;
        text-align: left
    }
    .menu .submenu a {
        padding: 17px 15px 17px 30px
    }
    .menu .submenu {
        float: none;
        padding: 0
    }
    .menu .submenu>li {
        float: none
    }
    .menu .mobileMenuBack a {
        display: block;
        color: #b4a064;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        font-family: "Century Gothic", Helvetica, Arial, sans-serif
    }
    .block.contact-payment-wrapper .block .more-arrow,
    .block.contact-payment-wrapper .block.blockPayment,
    .destinationSubMenu h2,
    .footer-menu,
    .home-slider video,
    .offerSubMenu h2,
    .themeSubMenu h2 {
        display: none
    }
    .home-slider video.nm {
        display: inline-block
    }
    .block h2,
    .resa-box-wrapper h2,
    .resa-box-wrapper small {
        color: #333
    }
    .menu .mobileMenuBack svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-top: 3px;
        margin-right: 15px;
        float: left
    }
    .menu nav>ul.mainmenu>li {
        float: none;
        padding: 0
    }
    .hotel-menu .mainmenuWrapper {
        display: none;
        position: static;
        float: left;
        width: 100%
    }
    .sticky .hotel-menu .mainmenuWrapper {
        top: 84px
    }
    #modal-menu .modal-content {
        padding: 78px 0 0
    }
    .main-menu-wrapper {
        background: url(../img/icons/waves.png) top center no-repeat #fff;
        top: 105px;
        bottom: 60px
    }
    .menu nav>ul li a {
        padding: 15px 0
    }
    .menu ul li a span {
        font-size: 12px
    }
    .submenu>li {
        padding: 0
    }
    .menu a.section-legend {
        padding: 17px 15px 17px 30px
    }
    .menu nav>ul li ul li a {
        padding: 6px 0
    }
    .menu h2,
    .menu h3 {
        font-size: 16px
    }
    .header.hotel .hotel-menu ul li a.bm {
        font-size: 12px;
        text-align: left;
        padding: 0 0 0 30px
    }
    .themeSubMenu .themeContent h3,
    .themeSubMenu .themeContent h4,
    .themeSubMenu .themeContent h4 em {
        float: none;
        text-align: center;
        font-size: 16px
    }
    .pageColumnWrapper {
        padding-top: 76px
    }
    .innerPage .pageColumnWrapper {
        padding-top: 27px
    }
/*    .home-slider {
        top: 0;
        background: #fff;
        float: none
    }*/
    .hotels .home-slider {
        margin-top: 15px
    }
    .hotels.innerPage .home-slider,
    .innerPage .home-slider {
        margin-top: 64px
    }
    .innerPage .resa-box-wrapper,
    .resa-box-wrapper {
        position: initial;
        padding: 0;
        background: #fff;
        text-shadow: none
    }
    .home-slider .resa-box-wrapper {
        background: transparent
    }
    .inline .formField,
    .innerPage .last .formField,
    .sticky .inline .formField {
        margin: 5px 5px 0 0
    }
    .innerPage .last .formField {
        margin: 5px 0 0 5px
    }
    .inline .f50 {
        width: 70%
    }
    .inline .f20 {
        width: 29%
    }
    .block-resa-widget-box.inline .f20 {
        width: 40%
    }
    .block-resa-widget-box.inline .f50 {
        width: 60%
    }
    .block-resa-widget-box.inline.hasFlight .f50 {
        width: 65%
    }
    .block-resa-widget-box.hasFlight.inline .f10 {
        float: right
    }
    .resa-box-wrapper h2 {
        font-size: 16px;
        line-height: 22px;
        margin: 10px 0
    }
    .resa-box-wrapper small {
        font-size: 12px
    }
    .sticky button,
    .sticky input[type=date],
    .sticky input[type=submit],
    .sticky input[type=text],
    .sticky select {
        height: 36px;
        font-size: 12px
    }
    .sticky button,
    .sticky input[type=submit] {
        margin-top: 5px;
        border: 1px solid #2f2f2f
    }
    button,
    input[type=submit] {
        padding: 4px
    }
    input[type=date],
    input[type=text],
    select {
        padding: 0 4px
    }
    #modal-menu {
        background: #171717
    }
    .resa-box-wrapper box fieldset {
        border: none;
        background: #f5f5f5;
        padding: 15px 5px
    }
    .home-slider img {
        /*visibility: visible*/
    }
    .nodePackageWidget {
        max-width: 375px
    }
    .hotels .resa-box-wrapper.sticky,
    .resa-box-wrapper.sticky {
        height: 93px;
        top: 84px;
        padding: 6px 10px
    }
    .hotels .resa-box-wrapper.sticky {
        top: 84px
    }
    .resa-box-wrapper fieldset {
        border-top: none;
        padding-top: 0
    }
    .front-page .resa-box-wrapper {
        padding: 0;
    }
    .homepage .pageContent .block {
        padding: 0;
        margin: 0 auto 1px
    }
    .block h2 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 30px;
        overflow: hidden
    }
    .block.contact-payment-wrapper .block {
        float: none;
        width: 100%;
        border-bottom: 1px solid #f2f1f1;
        padding: 10px
    }
    .block.contact-payment-wrapper .block.blockCallUs {
        float: none;
        width: 100%;
        border: none
    }
    .block.contact-payment-wrapper {
        margin-bottom: 0
    }
    .block.contact-payment-wrapper .content-wrapper .content .title,
    .block.contact-payment-wrapper .content-wrapper h2 {
        font-size: 18px;
        padding: 0
    }
    .homepage .pageContent .block.blockFeaturedTagline {
        padding: 10px
    }
    .homepage .pageContent .block.blockFeaturedTagline img {
        width: 220px;
        height: auto
    }
    .block .content-wrapper {
        border: none
    }
    footer .second-row ul li a {
        font-size: 12px;
        line-height: 12px;
        width: 100%!important;
        text-align: center
    }
    footer .second-row>nav>ul li a .description {
        padding-top: 10px
    }
    button,
    input[type=date],
    input[type=email],
    input[type=submit],
    input[type=text],
    select {
        height: 38px;
        font-size: 12px
    }
    .block-resa-widget-box.hasFlight.inline .f20 {
        width: 20%
    }
    .language_de .block-resa-widget-box.inline.hasFlight .f20,
    .language_es .block-resa-widget-box.inline.hasFlight .f20,
    .language_it .block-resa-widget-box.inline.hasFlight .f20,
    .language_ru .block-resa-widget-box.inline.hasFlight .f20 {
        width: 30%
    }
    .block-resa-widget-box.hasFlight.inline input[type=submit] {
        width: 100%;
        display: block;
        text-indent: -99999px;
        background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5IDMxLjQ5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMS40OSAzMS40OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8cGF0aCBkPSJNMjEuMjA1LDUuMDA3Yy0wLjQyOS0wLjQ0NC0xLjE0My0wLjQ0NC0xLjU4NywwYy0wLjQyOSwwLjQyOS0wLjQyOSwxLjE0MywwLDEuNTcxbDguMDQ3LDguMDQ3SDEuMTExICBDMC40OTIsMTQuNjI2LDAsMTUuMTE4LDAsMTUuNzM3YzAsMC42MTksMC40OTIsMS4xMjcsMS4xMTEsMS4xMjdoMjYuNTU0bC04LjA0Nyw4LjAzMmMtMC40MjksMC40NDQtMC40MjksMS4xNTksMCwxLjU4NyAgYzAuNDQ0LDAuNDQ0LDEuMTU5LDAuNDQ0LDEuNTg3LDBsOS45NTItOS45NTJjMC40NDQtMC40MjksMC40NDQtMS4xNDMsMC0xLjU3MUwyMS4yMDUsNS4wMDd6IiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) center no-repeat #b4a064
    }
    footer .forth-row-wrapper {
        padding: 0
    }
    footer .forth-row section {
        width: 100%
    }
    footer .forth-row section ul li>a {
        border-bottom: 1px solid #efefef;
        padding: 15px;
        text-align: center;
        margin: 0 auto
    }
    footer ul li>a {
        padding: 7px 10px
    }
    .homepage .pageContent .block.blockFeaturedTagline .belief p {
        font-size: 18px;
        line-height: 20px
    }
    .block.blockFeatureDestinations a.more:before,
    .block.blockFeatureThemes a.more:before,
    .block.blockFeaturedDiscoverHotels a.more:before,
    .block.blockFeaturedEvents a.more:before,
    .block.blockFeaturedOffers a.more:before,
    .block.blockFeaturedPackages a.more:before,
    .block.blockFeaturedSocialResp a.more:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        width: 100%;
        background: #111;
        background: -webkit-linear-gradient(rgba(17, 17, 17, .8), rgba(17, 17, 17, .2));
        background: -o-linear-gradient(rgba(17, 17, 17, .8), rgba(17, 17, 17, .2));
        background: -moz-linear-gradient(rgba(17, 17, 17, .8), rgba(17, 17, 17, .2));
        background: linear-gradient(rgba(17, 17, 17, .8), rgba(17, 17, 17, .2))
    }
    .modal .modal-content {
        width: 100%;
        margin-top: 0;
        padding: 55px 10px 0
    }
    .popup-wrapper {
        padding: 15px;
        height: 570px
    }
    .moreFooter {
        cursor: pointer
    }
    .moreFooter:after {
        content: '\25B6'
    }
    .moreFooter.toggled:after {
        content: '\25B2'
    }
    footer {
        padding-top: 0
    }
    footer .block.blockSocial .content-wrapper .content {
        padding: 0
    }
    footer .blockNewsletter {
        margin: 0
    }
    footer .block ul li {
        width: 100%;
        display: block
    }
    footer .block ul li.mb {
        display: block
    }
    footer .second-row>nav>ul:nth-child(1)>li {
        float: left;
        border-bottom: 1px solid #d0d0d0
    }
    footer .second-row>nav>ul:nth-child(2)>li a {
        padding: 15px 5px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #d0d0d0
    }
    footer .second-row>nav>ul:nth-child(2)>li a:after {
        content: none
    }
    footer .second-row ul li .content {
        padding: 0;
        float: none
    }
    .block.blockSocial h3,
    footer .block.blockSocial .content-wrapper,
    footer .second-row>nav>ul .icon {
        display: none
    }
    .block.blockFeaturedDiscoverHotels a.more {
        position: relative;
        display: block;
        width: 100%
    }
    .block.blockFeaturedDiscoverHotels a.more img {
        width: 100%;
        height: auto;
        display: block
    }
    .block.blockFeaturedDiscoverHotels a.more .title {
        position: absolute;
        top: 45%;
        width: 100%;
        left: 0;
        font-size: 28px;
        line-height: 28px;
        color: #fff
    }
    .block.blockFeaturedOffers a.more {
        position: relative;
        display: block;
        width: 100%
    }
    .block.blockFeaturedOffers a.more img {
        width: 100%;
        height: auto;
        display: block
    }
    .block.blockFeaturedOffers a.more .title {
        position: absolute;
        top: 40%;
        width: 100%;
        left: 0;
        font-size: 28px;
        line-height: 28px;
        color: #fff
    }
    .textOverImageBlock .imageWrapper {
        position: relative;
        height: 430px;
        overflow: hidden
    }
    .textOverImageBlock .imageWrapper img {
        position: absolute;
        height: 100%;
        width: auto;
        max-width: none;
        transform: translateX(-50%);
        left: 50%
    }
    .textOverImageBlock .textDescriptionWrap {
        right: 0;
        position: static;
        width: 100%;
        max-width: 100%;
        padding: 35px 15px
    }
    .textOverImageBlock .textDescriptionWrap p {
        text-shadow: none
    }
    .textOverImageBlock .textDescriptionWrap .centerBlockHorizontally {
        opacity: 1
    }
    .hotel-menu .mainmenuWrapper .hotel-menu-beachcomber ul li.parent,
    .hotel-menu .mainmenuWrapper ul li.parent {
        border-bottom: none
    }
    .hotel-menu-beachcomber {
        display: block;
        background: #00273f
    }
    .hotel-menu .mainmenuWrapper .hotel-menu-beachcomber ul li {
        border-bottom: 1px solid #616161
    }
    .header.hotel .hotel-menu .hotel-menu-beachcomber .bm span {
        color: #fff
    }
    .header.hotel .hotel-menu .hotel-menu-beachcomber .bm.home span:before {
        content: '\25C0';
        padding: 0 10px 0 0
    }
}

@media screen and (max-width:320px) {
    .header .nav.logo a {
        padding: 10px 5px
    }
    .menu a.section-legend {
        padding: 10px 10px 0
    }
    .nav.menu.mainmenuWrapperButton {
        max-width: 52px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input:focus,
    select:focus,
    textarea:focus {
        font-size: 16px;
        background: #eee
    }
}

/** formConsentSection **/
	.formConsentSection{margin: 15px 0; padding: 30px; background-color: #f8f6f2;}
	.formConsentSection .description{ margin: 0 0 15px; }
	.formConsentSection .description p{ text-align: justify;text-transform: none;}
	.formConsentSection .description p a{display: inline; font-weight: bold;}
	.formConsentSection .consentAgreementField{}
	.formConsentSection .consentAgreementField:after { content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden}
	.formConsentSection .consentAgreementField label{text-transform: none; text-align: left;}

	.blurOnLoad{ position: relative; -webkit-filter: blur(2px);filter: url(../img/icons/blur.svg#blur);filter: blur(2px);}
	.blurOnLoad:before{content: ''; position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 99;background-position: center -70px;-webkit-filter: blur(10px);filter: url(../img/icons/blur.svg#blur);filter: blur(10px); width: 100%; height: 100%;}
	.blurOnLoad.turnoff{-webkit-filter: none;filter: none;filter: none;}
	.blurOnLoad.turnoff:before{display: none;}
	/* Base for label styling */
	.formConsentSection input[type="checkbox"]:not(:checked),.formConsentSection input[type="checkbox"]:checked {  position: absolute;  left: -9999px;}
	.formConsentSection input[type="checkbox"]:not(:checked) + label,.formConsentSection input[type="checkbox"]:checked + label {  position: relative;  padding-left: 36px;  cursor: pointer; padding-top: 4px}
	/* checkbox aspect */
	.formConsentSection input[type="checkbox"]:not(:checked) + label:before,.formConsentSection input[type="checkbox"]:checked + label:before {  content: '';  position: absolute;  left: 0; top: 0;  width: 24px; height: 24px;  border: 2px solid #ccc;  background: #fff;  border-radius: 4px;  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);}
	/* checked mark aspect */
	.formConsentSection input[type="checkbox"]:not(:checked) + label:after, .formConsentSection input[type="checkbox"]:checked + label:after {  content: '✔';  position: absolute;  top: .2em; left: .275em;  font-size: 1.4em;  line-height: 0.8;  color: #09ad7e;  transition: all .2s;}
	/* checked mark aspect changes */
	.formConsentSection input[type="checkbox"]:not(:checked) + label:after {  opacity: 0;  transform: scale(0);}
	.formConsentSection input[type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1);}
	/* disabled checkbox */
	.formConsentSection input[type="checkbox"]:disabled:not(:checked) + label:before, .formConsentSection input[type="checkbox"]:disabled:checked + label:before {  box-shadow: none;  border-color: #bbb;  background-color: #ddd;}
	.formConsentSection input[type="checkbox"]:disabled:checked + label:after {  color: #999;}
	.formConsentSection input[type="checkbox"]:disabled + label {  color: #aaa;}
	/* accessibility */
	.formConsentSection input[type="checkbox"]:checked:focus + label:before, .formConsentSection input[type="checkbox"]:not(:checked):focus + label:before { }
/** END formConsentSection **/

/** blockFeaturedFlashSales **/
    .homepage .pageContent .block.blockFeaturedFlashSales,  .block.blockFeaturedFlashSales{margin:0 auto; padding: 0 30px; background-color: #FFFFFF;}
    .homepage .pageContent .block.blockFeaturedFlashSales a,  .block.blockFeaturedFlashSales a{text-align: center;padding:30px 0 15px;}
    .homepage .pageContent .block.blockFeaturedFlashSales a img,  .block.blockFeaturedFlashSales a img{display: inline-block; border: 1px solid #afafaf; max-width: 100%; height: auto;}
/** END blockFeaturedFlashSales **/

/** Communication Preferences */
	.formCommunicationPreferencesSection{margin: 15px 0; padding: 15px; background-color: #f8f6f2;}
	.formCommunicationPreferencesSection h3{color:#333333; margin: 0 0 10px; font-size:16px; font-weight: bold; text-align: left; text-transform: none;}
	.popup-wrapper .formCommunicationPreferencesSection h3{text-align: left;}
	.formCommunicationPreferencesSection p{color:#333333; text-align: left; text-transform: none; text-align: justify;}
	.formCommunicationPreferencesSection h4{color:#333333; margin: 10px 0 20px; text-align: left; text-transform: none; font-weight: bold;}
	.formCommunicationPreferencesSection .preferenceList{}
	.formCommunicationPreferencesSection .preferenceList ul{}
	.formCommunicationPreferencesSection .preferenceList ul li{margin: 0 0 5px; text-align: left; min-height: 30px;}
	.formCommunicationPreferencesSection .preferenceList ul li label{text-transform: none;}
	/* Base for label styling */
	.preferenceList input[type="checkbox"]:not(:checked),.preferenceList input[type="checkbox"]:checked {  position: absolute;  left: -9999px;}
	.preferenceList input[type="checkbox"]:not(:checked) + label,.preferenceList input[type="checkbox"]:checked + label {  position: relative;  padding-left: 36px;  cursor: pointer; padding-top: 4px}
	/* checkbox aspect */
	.preferenceList input[type="checkbox"]:not(:checked) + label:before,.preferenceList input[type="checkbox"]:checked + label:before {  content: '';  position: absolute;  left: 0; top: 0;  width: 24px; height: 24px;  border: 2px solid #ccc;  background: #fff;  border-radius: 4px;  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);}
	/* checked mark aspect */
	.preferenceList input[type="checkbox"]:not(:checked) + label:after, .preferenceList input[type="checkbox"]:checked + label:after {  content: '✔';  position: absolute;  top: .2em; left: .275em;  font-size: 1.4em;  line-height: 0.8;  color: #09ad7e;  transition: all .2s;}
	/* checked mark aspect changes */
	.preferenceList input[type="checkbox"]:not(:checked) + label:after {  opacity: 0;  transform: scale(0);}
	.preferenceList input[type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1);}
	/* disabled checkbox */
	.preferenceList input[type="checkbox"]:disabled:not(:checked) + label:before, .preferenceList input[type="checkbox"]:disabled:checked + label:before {  box-shadow: none;  border-color: #bbb;  background-color: #ddd;}
	.preferenceList input[type="checkbox"]:disabled:checked + label:after {  color: #999;}
	.preferenceList input[type="checkbox"]:disabled + label {  color: #aaa;}
	/* accessibility */
	.preferenceList input[type="checkbox"]:checked:focus + label:before, .preferenceList input[type="checkbox"]:not(:checked):focus + label:before { }
/** END Communication Preferences */

/** blockCookieAgreement */
    .blockCookieAgreement{display:block;position: fixed; bottom: 0; left: 0; width: 100%; background: #333; border-top: 1px solid #333; box-shadow: 0 0 10px #333;padding: 0; z-index: 999999;}
    .blockCookieAgreement .blockCookieAgreementWrapper{max-width:1340px; margin: 15px auto 0;} 
    .blockCookieAgreement .blockCookieAgreementWrapper:after { content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden}
    .blockCookieAgreement h3{text-align: left; margin: 30px 0 10px; color: #b4a064; font-size:18px;}
    .blockCookieAgreement p{text-align: left; color:#FFF; float: left; max-width: 1060px; font-size: 12px; line-height: 21px; margin: 0 15px 15px 0;}
    .blockCookieAgreement p span{text-align: left; color:#FFF; font-size: 12px; line-height: 21px;}
    .blockCookieAgreement .agreementAction{ margin: 0 0 15px 0;  float: right;}
    .blockCookieAgreement .agreementAction:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    .blockCookieAgreement .agreementAction .findOutMore{float:left;}
    .blockCookieAgreement .agreementAction .findOutMore a{color:#FFF; font-size: 12px; padding: 12px 15px; position: relative;}
    .blockCookieAgreement .agreementAction .acceptCookies{float:left; margin: 0 0 0 15px;}
    .blockCookieAgreement .agreementAction .acceptCookies a{color:#FFF; background: #b4a064; border-radius: 2px; padding: 11px 35px 10px 15px; position: relative;}
    .blockCookieAgreement .agreementAction .acceptCookies a:after{position: absolute; top: 0; right: 10px; content: ''; background: url(../img/icons/checked.png) right center no-repeat; width: 16px; height: 36px;}
    @media screen and (max-width: 768px) {
        .blockCookieAgreement p span{display: none;}
    }
/** END blockCookieAgreement */