@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Droid+Sans');
@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

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


ol.nwlist{
list-style-type:lower-alpha;
padding:2px 0 0 14px;
}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait)
{

.tab-content
{
	padding: 0 5px!important;
}
}
@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : portrait)
{

.tab-content
{
	padding: 0 5px!important;
}
}

@media only screen
and (min-device-width : 412px)
and (max-device-width : 732px)
and (orientation : portrait)
{

.tab-content
{
	padding: 0 5px!important;
}
}


.nav-tabs.nav-justified {
    width: 30%;
    border-bottom: 0;
    margin: 0 auto;
}


.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
    /*background: #b60f0f!important;*/
	color: #b60f0f !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #b60f0f !important;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
	font-size: 16px!important;
}



.nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    color: #555;
	font-size:16px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    /*background-color: #b60f0f!important;*/
	color:#555!important;
}

.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
    background: #ddd;
}







.block__image,
.block__wrapper,
.header {
    color: #fff
}

.block__image,
.block__wrapper {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.article,
.band,
.band--column-1 .band__item,
.band--column-2 .band__item,
.band--column-3 .band__item,
.band--column-4 .band__item,
.band--column-5 .band__item,
.band--column-6 .band__item,
.band--column-7 .band__item,
.band--column-8 .band__item,
.band--column-9 .band__item,
.band--column-10 .band__item,
.block__container,
.header__logo,
.header__menu-wrapper,
.modal__container {
    padding-top: 14.399px;
    padding-right: 18px;
    padding-bottom: 14.399px;
    padding-left: 18px;
   /*  padding: 1.2rem 1.5rem */
       padding: 10px 10px;
}

.block--generic .block__content-container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pull-left {
    display: inline;
    float: left
}

.pull-right {
    display: inline;
    float: right
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

/*.ui-autocomplete-input,
.uneditable-input,
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    color: inherit;
    border: none;
    box-shadow: none;
    line-height: inherit;
    font-size: inherit;
    border-radius: inherit;
    padding: inherit
}*/

input.form__input {
    padding-left: 12px;
    padding-left: 1rem;
    padding-right: 12px;
    padding-right: 1rem;
    line-height: 3em!important;
    border-bottom: thin solid grey;
}

* html {
    font-size: 75%
}

html {
    font-size: 12px;
    line-height: 2em
}

.page {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400
}

.definitions dd,
.name small:nth-child(2) {
    font-size: .6666666667em;
    line-height: 3em
}

.book-button__quote {
    font-size: 9px;
    letter-spacing: .35em;
    line-height: 2
}

.band__link {
    line-height: 1
}

.definitions dt {
    font-size: .75em;
    line-height: 2.6666666667em
}

.options__link {
    font-size: 10px
}

.icon__item--clock .icon__label small,
.icon__item--weather .icon__label small {
    font-size: 11px
}

.band__item .icon__label {
    font-size: .9166666667em;
    line-height: 2.1818181818em;
    letter-spacing: .3em
}

.options__item {
    font-size: .8333333333em;
    line-height: 2.4em;
    line-height: 2
}

.block--destination .block__body,
.name small:nth-child(1) {
    font-size: .8333333333em;
    line-height: 2.4em
}

.name small:nth-child(1) {
    font-weight: 700;
    line-height: 1em
}

.band__link,
.button__label,
.icon__label,
.slick-arrow {
    font-size: 11px
}

.footer__action-top .icon__label {
    font-size: base-font-size
}

.breadcrumbs__link,
.footer__label,
.footer__list-item {
    font-size: 1.0833333333em;
    line-height: 1.8461538462em
}

.block__body {
    font-size: 1.1666666667em;
    line-height: 1.7142857143em;
    line-height: 1.3
}

.article p,
article p {
    font-size: 16px
}

.modal__body {
    font-size: 1.1666666667em;
    line-height: 1.7142857143em
}

.search__input.form__input {
    font-size: 14px
}

.icon__label--normal {
    font-size: 1.1666666667em;
    line-height: 1.7142857143em
}

.icon__info,
.icon__title {
    font-size: 14px
}

.icon__info {
    line-height: 1.5
}

.footer__section--three .footer__list-link {
    font-size: 14px
}

.booking,
.offers {
    font-size: 1.1666666667em;
    line-height: 1.7142857143em
}

.foldout__navigation--sub {
    font-size: 14px
}

.foldout__navigation--links {
    font-size: 1.1666666667em;
    line-height: 1.7142857143em
}

.join__description,
.join__submit,
.signin__description,
.signin__submit {
    font-size: 14px
}

.article h3,
article h3 {
    font-size: 16px
}

.booking__footer .booking__section:last-child,
.foldout__navigation--main,
.join__form,
.signin__form {
    font-size: 1.3333333333em;
    line-height: 1.5em
}

.icon__item--clock .icon__label,
.icon__item--weather .icon__label {
    font-size: 1.5em;
    line-height: 1.3333333333em
}

.book-button__title {
    font-size: 13px;
    font-weight: 700
}

h2 {
    font-size: 1.8333333333em;
    line-height: 2.1818181818em
}

.block--review .block__title,
.title.title--large {
    font-size: 22px
}

.article h1,
.block__title,
.section__title,
article h1,
h1 {
    /*font-size: 1.8333333333em;*/
    font-size: 2.8333333333em;
    line-height: 2.1818181818em
}

.article h1,
article h1 {
    line-height: 1.2
}

.title.title--huge {
    font-size: 2.5em;
    line-height: 1.6em
}

.text h1,
.text h2 {
    font-size: 37px
}

.text--regular {
    font-weight: 400!important
}

.offers__title {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .4em
}

@media only screen and (max-width:320px) {
    .join__title,
    .signin__title {
        font-size: 21px!important
    }
}

@media only screen and (max-width:736px) {
    .footer {
        font-size: 14px
    }
    .section--usp .usp__item {
        font-size: 1.1666666667em;
        line-height: 1.7142857143em
    }
    .name small:nth-child(1),
    .name small:nth-child(2) {
        line-height: 1em
    }
}

.block__book .icon__label,
.block__readmore .icon__label,
.button__label {
    font-weight: 700
}

.article h3,
.book-button__quote,
.button--simple .button__label,
.footer__label,
.header__navigation .navigation__link.active,
.icon__label,
.slick-arrow,
article h3,
strong {
    font-weight: 600
}

.band__item .icon__label,
.footer__action-top .icon__label,
.icon__item--clock .icon__label,
.icon__item--weather .icon__label,
.icon__label--normal,
.join__submit,
.page,
.signin__submit {
    font-weight: 400
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.block__body,
.block__title,
.booking__footer .booking__section:last-child,
.definitions dd,
.foldout__navigation--sub,
.icon__info,
.icon__title,
.join__description,
.offers__title,
.section__title,
.signin__description,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text p,
article h1,
article h2,
article h3,
article h4,
article h5 {
    font-weight: 300
}

.freight-italic,
.page--generic .article h3,
.page--generic article h3 {
    font-family: freight-text-pro;
    font-weight: 400;
    font-style: italic;
    line-height: 2.2
}

.form__label,
input[type=checkbox]+label {
    font-size: inherit;
    font-family: inherit
}

.search__input.form__input {
    font-family: inherit
}

.book__button,
.book__button .book-button__title {
    font-size: inherit
}

.page {
    /* letter-spacing: .15em; */
    line-height: 1.4
}

.page--generic .article {
    line-height: 1.5
}

h1,
h2,
h3,
h4 {
    line-height: 1.2
}

small {
    font-size: 55%
}

.article p,
article p {
    /* letter-spacing: .08em */
}

.text p {
    /* letter-spacing: .1em; */
    line-height: 1.4
}

.text strong:first-child {
    line-height: 1.75
}

.text ul li {
    line-height: 1.3
}

.block__title {
    line-height: 1.2
}

.book-button__quote {
    letter-spacing: .35em
}

.join__submit,
.signin__submit {
    letter-spacing: .15em
}

.band__link {
    text-transform: uppercase
}

.options__item {
    line-height: 2.5
}

.icon__label {
    text-transform: uppercase
}

.icon__label--normal,
.icon__label small {
    text-transform: none
}

.block--destination .block__body {
    letter-spacing: .3em;
    text-transform: uppercase
}

.book-button__title {
    letter-spacing: .35em
}

.definitions {
    text-transform: uppercase
}

.light,
footer.page-footer .footer-copyright {
    font-weight: inherit
}

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

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

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

.slick-list:focus {
    outline: none
}

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

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

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

.slick-track:after {
    clear: both
}

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

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

[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-slide--small {
    max-width: 483px
}

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

.slick-list,
.slick-track {
    height: 100%
}

.slick-dots {
    margin: 0 1em
}

.slick-dots li {
    display: inline-block;
    margin: 0 1em
}

.slick-dots li.active a:before,
.slick-dots li.active button:before,
.slick-dots li.slick-active a:before,
.slick-dots li.slick-active button:before {
    opacity: 1
}

.slick-dots a,
.slick-dots button {
    border: 0;
    background: transparent;
    cursor: pointer;
    color: inherit;
    outline: none;
    line-height: 0;
    font-size: 0;
    height: 12px;
    height: 1rem;
    padding: 0
}

.slick-dots a:before,
.slick-dots button:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    width: inherit;
    height: inherit;
    color: inherit;
    line-height: 1;
    font-size: 9px;
    font-size: .75rem;
    opacity: .35;
    text-shadow: -1px 0 hsla(0, 0%, 100%, .15), 0 1px hsla(0, 0%, 100%, .15), 1px 0 hsla(0, 0%, 100%, .15), 0 -1px hsla(0, 0%, 100%, .15)
}

.slick-dots a.active,
.slick-dots a:hover,
.slick-dots button.active,
.slick-dots button:hover {
    outline: none
}

.slick-dots a.active:before,
.slick-dots a:hover:before,
.slick-dots button.active:before,
.slick-dots button:hover:before {
    opacity: 1;
    color: #01579b
}

@media only screen and (max-width:736px) {
    .slick-dots li button {
        width: 2rem;
        height: 2rem
    }
    .slick-dots li button:before {
        font-size: 1rem
    }
}

.slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.slick-slider .slick-prev {
    left: 0
}

.slick-slider .slick-next {
    right: 0
}

.slick-slider .slick-prev {
    left: 12px;
    left: 1rem
}

.slick-slider .slick-next {
    right: 12px;
    right: 1rem
}

.materialize-red {
    background-color: #e51c23!important
}

.materialize-red-text {
    color: #e51c23!important
}

.materialize-red.lighten-5 {
    background-color: #fdeaeb!important
}

.materialize-red-text.text-lighten-5 {
    color: #fdeaeb!important
}

.materialize-red.lighten-4 {
    background-color: #f8c1c3!important
}

.materialize-red-text.text-lighten-4 {
    color: #f8c1c3!important
}

.materialize-red.lighten-3 {
    background-color: #f3989b!important
}

.materialize-red-text.text-lighten-3 {
    color: #f3989b!important
}

.materialize-red.lighten-2 {
    background-color: #ee6e73!important
}

.materialize-red-text.text-lighten-2 {
    color: #ee6e73!important
}

.materialize-red.lighten-1 {
    background-color: #ea454b!important
}

.materialize-red-text.text-lighten-1 {
    color: #ea454b!important
}

.materialize-red.darken-1 {
    background-color: #d0181e!important
}

.materialize-red-text.text-darken-1 {
    color: #d0181e!important
}

.materialize-red.darken-2 {
    background-color: #b9151b!important
}

.materialize-red-text.text-darken-2 {
    color: #b9151b!important
}

.materialize-red.darken-3 {
    background-color: #a21318!important
}

.materialize-red-text.text-darken-3 {
    color: #a21318!important
}

.materialize-red.darken-4 {
    background-color: #8b1014!important
}

.materialize-red-text.text-darken-4 {
    color: #8b1014!important
}

.red {
    background-color: #f44336!important
}

.red-text {
    color: #f44336!important
}

.red.lighten-5 {
    background-color: #ffebee!important
}

.red-text.text-lighten-5 {
    color: #ffebee!important
}

.red.lighten-4 {
    background-color: #ffcdd2!important
}

.red-text.text-lighten-4 {
    color: #ffcdd2!important
}

.red.lighten-3 {
    background-color: #ef9a9a!important
}

.red-text.text-lighten-3 {
    color: #ef9a9a!important
}

.red.lighten-2 {
    background-color: #e57373!important
}

.red-text.text-lighten-2 {
    color: #e57373!important
}

.red.lighten-1 {
    background-color: #ef5350!important
}

.red-text.text-lighten-1 {
    color: #ef5350!important
}

.red.darken-1 {
    background-color: #e53935!important
}

.red-text.text-darken-1 {
    color: #e53935!important
}

.red.darken-2 {
    background-color: #d32f2f!important
}

.red-text.text-darken-2 {
    color: #d32f2f!important
}

.red.darken-3 {
    background-color: #c62828!important
}

.red-text.text-darken-3 {
    color: #c62828!important
}

.red.darken-4 {
    background-color: #b71c1c!important
}

.red-text.text-darken-4 {
    color: #b71c1c!important
}

.red.accent-1 {
    background-color: #ff8a80!important
}

.red-text.text-accent-1 {
    color: #ff8a80!important
}

.red.accent-2 {
    background-color: #ff5252!important
}

.red-text.text-accent-2 {
    color: #ff5252!important
}

.red.accent-3 {
    background-color: #ff1744!important
}

.red-text.text-accent-3 {
    color: #ff1744!important
}

.red.accent-4 {
    background-color: #d50000!important
}

.red-text.text-accent-4 {
    color: #d50000!important
}

.pink {
    background-color: #e91e63!important
}

.pink-text {
    color: #e91e63!important
}

.pink.lighten-5 {
    background-color: #fce4ec!important
}

.pink-text.text-lighten-5 {
    color: #fce4ec!important
}

.pink.lighten-4 {
    background-color: #f8bbd0!important
}

.pink-text.text-lighten-4 {
    color: #f8bbd0!important
}

.pink.lighten-3 {
    background-color: #f48fb1!important
}

.pink-text.text-lighten-3 {
    color: #f48fb1!important
}

.pink.lighten-2 {
    background-color: #f06292!important
}

.pink-text.text-lighten-2 {
    color: #f06292!important
}

.pink.lighten-1 {
    background-color: #ec407a!important
}

.pink-text.text-lighten-1 {
    color: #ec407a!important
}

.pink.darken-1 {
    background-color: #d81b60!important
}

.pink-text.text-darken-1 {
    color: #d81b60!important
}

.pink.darken-2 {
    background-color: #c2185b!important
}

.pink-text.text-darken-2 {
    color: #c2185b!important
}

.pink.darken-3 {
    background-color: #ad1457!important
}

.pink-text.text-darken-3 {
    color: #ad1457!important
}

.pink.darken-4 {
    background-color: #880e4f!important
}

.pink-text.text-darken-4 {
    color: #880e4f!important
}

.pink.accent-1 {
    background-color: #ff80ab!important
}

.pink-text.text-accent-1 {
    color: #ff80ab!important
}

.pink.accent-2 {
    background-color: #ff4081!important
}

.pink-text.text-accent-2 {
    color: #ff4081!important
}

.pink.accent-3 {
    background-color: #f50057!important
}

.pink-text.text-accent-3 {
    color: #f50057!important
}

.pink.accent-4 {
    background-color: #c51162!important
}

.pink-text.text-accent-4 {
    color: #c51162!important
}

.purple {
    background-color: #9c27b0!important
}

.purple-text {
    color: #9c27b0!important
}

.purple.lighten-5 {
    background-color: #f3e5f5!important
}

.purple-text.text-lighten-5 {
    color: #f3e5f5!important
}

.purple.lighten-4 {
    background-color: #e1bee7!important
}

.purple-text.text-lighten-4 {
    color: #e1bee7!important
}

.purple.lighten-3 {
    background-color: #ce93d8!important
}

.purple-text.text-lighten-3 {
    color: #ce93d8!important
}

.purple.lighten-2 {
    background-color: #ba68c8!important
}

.purple-text.text-lighten-2 {
    color: #ba68c8!important
}

.purple.lighten-1 {
    background-color: #ab47bc!important
}

.purple-text.text-lighten-1 {
    color: #ab47bc!important
}

.purple.darken-1 {
    background-color: #8e24aa!important
}

.purple-text.text-darken-1 {
    color: #8e24aa!important
}

.purple.darken-2 {
    background-color: #7b1fa2!important
}

.purple-text.text-darken-2 {
    color: #7b1fa2!important
}

.purple.darken-3 {
    background-color: #6a1b9a!important
}

.purple-text.text-darken-3 {
    color: #6a1b9a!important
}

.purple.darken-4 {
    background-color: #4a148c!important
}

.purple-text.text-darken-4 {
    color: #4a148c!important
}

.purple.accent-1 {
    background-color: #ea80fc!important
}

.purple-text.text-accent-1 {
    color: #ea80fc!important
}

.purple.accent-2 {
    background-color: #e040fb!important
}

.purple-text.text-accent-2 {
    color: #e040fb!important
}

.purple.accent-3 {
    background-color: #d500f9!important
}

.purple-text.text-accent-3 {
    color: #d500f9!important
}

.purple.accent-4 {
    background-color: #a0f!important
}

.purple-text.text-accent-4 {
    color: #a0f!important
}

.deep-purple {
    background-color: #673ab7!important
}

.deep-purple-text {
    color: #673ab7!important
}

.deep-purple.lighten-5 {
    background-color: #ede7f6!important
}

.deep-purple-text.text-lighten-5 {
    color: #ede7f6!important
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9!important
}

.deep-purple-text.text-lighten-4 {
    color: #d1c4e9!important
}

.deep-purple.lighten-3 {
    background-color: #b39ddb!important
}

.deep-purple-text.text-lighten-3 {
    color: #b39ddb!important
}

.deep-purple.lighten-2 {
    background-color: #9575cd!important
}

.deep-purple-text.text-lighten-2 {
    color: #9575cd!important
}

.deep-purple.lighten-1 {
    background-color: #7e57c2!important
}

.deep-purple-text.text-lighten-1 {
    color: #7e57c2!important
}

.deep-purple.darken-1 {
    background-color: #5e35b1!important
}

.deep-purple-text.text-darken-1 {
    color: #5e35b1!important
}

.deep-purple.darken-2 {
    background-color: #512da8!important
}

.deep-purple-text.text-darken-2 {
    color: #512da8!important
}

.deep-purple.darken-3 {
    background-color: #4527a0!important
}

.deep-purple-text.text-darken-3 {
    color: #4527a0!important
}

.deep-purple.darken-4 {
    background-color: #311b92!important
}

.deep-purple-text.text-darken-4 {
    color: #311b92!important
}

.deep-purple.accent-1 {
    background-color: #b388ff!important
}

.deep-purple-text.text-accent-1 {
    color: #b388ff!important
}

.deep-purple.accent-2 {
    background-color: #7c4dff!important
}

.deep-purple-text.text-accent-2 {
    color: #7c4dff!important
}

.deep-purple.accent-3 {
    background-color: #651fff!important
}

.deep-purple-text.text-accent-3 {
    color: #651fff!important
}

.deep-purple.accent-4 {
    background-color: #6200ea!important
}

.deep-purple-text.text-accent-4 {
    color: #6200ea!important
}

.indigo {
    background-color: #3f51b5!important
}

.indigo-text {
    color: #3f51b5!important
}

.indigo.lighten-5 {
    background-color: #e8eaf6!important
}

.indigo-text.text-lighten-5 {
    color: #e8eaf6!important
}

.indigo.lighten-4 {
    background-color: #c5cae9!important
}

.indigo-text.text-lighten-4 {
    color: #c5cae9!important
}

.indigo.lighten-3 {
    background-color: #9fa8da!important
}

.indigo-text.text-lighten-3 {
    color: #9fa8da!important
}

.indigo.lighten-2 {
    background-color: #7986cb!important
}

.indigo-text.text-lighten-2 {
    color: #7986cb!important
}

.indigo.lighten-1 {
    background-color: #5c6bc0!important
}

.indigo-text.text-lighten-1 {
    color: #5c6bc0!important
}

.indigo.darken-1 {
    background-color: #3949ab!important
}

.indigo-text.text-darken-1 {
    color: #3949ab!important
}

.indigo.darken-2 {
    background-color: #303f9f!important
}

.indigo-text.text-darken-2 {
    color: #303f9f!important
}

.indigo.darken-3 {
    background-color: #283593!important
}

.indigo-text.text-darken-3 {
    color: #283593!important
}

.indigo.darken-4 {
    background-color: #1a237e!important
}

.indigo-text.text-darken-4 {
    color: #1a237e!important
}

.indigo.accent-1 {
    background-color: #8c9eff!important
}

.indigo-text.text-accent-1 {
    color: #8c9eff!important
}

.indigo.accent-2 {
    background-color: #536dfe!important
}

.indigo-text.text-accent-2 {
    color: #536dfe!important
}

.indigo.accent-3 {
    background-color: #3d5afe!important
}

.indigo-text.text-accent-3 {
    color: #3d5afe!important
}

.indigo.accent-4 {
    background-color: #304ffe!important
}

.indigo-text.text-accent-4 {
    color: #304ffe!important
}

.blue {
    background-color: #2196f3!important
}

.blue-text {
    color: #2196f3!important
}

.blue.lighten-5 {
    background-color: #e3f2fd!important
}

.blue-text.text-lighten-5 {
    color: #e3f2fd!important
}

.blue.lighten-4 {
    background-color: #bbdefb!important
}

.blue-text.text-lighten-4 {
    color: #bbdefb!important
}

.blue.lighten-3 {
    background-color: #90caf9!important
}

.blue-text.text-lighten-3 {
    color: #90caf9!important
}

.blue.lighten-2 {
    background-color: #64b5f6!important
}

.blue-text.text-lighten-2 {
    color: #64b5f6!important
}

.blue.lighten-1 {
    background-color: #42a5f5!important
}

.blue-text.text-lighten-1 {
    color: #42a5f5!important
}

.blue.darken-1 {
    background-color: #1e88e5!important
}

.blue-text.text-darken-1 {
    color: #1e88e5!important
}

.blue.darken-2 {
    background-color: #1976d2!important
}

.blue-text.text-darken-2 {
    color: #1976d2!important
}

.blue.darken-3 {
    background-color: #1565c0!important
}

.blue-text.text-darken-3 {
    color: #1565c0!important
}

.blue.darken-4 {
    background-color: #0d47a1!important
}

.blue-text.text-darken-4 {
    color: #0d47a1!important
}

.blue.accent-1 {
    background-color: #82b1ff!important
}

.blue-text.text-accent-1 {
    color: #82b1ff!important
}

.blue.accent-2 {
    background-color: #448aff!important
}

.blue-text.text-accent-2 {
    color: #448aff!important
}

.blue.accent-3 {
    background-color: #2979ff!important
}

.blue-text.text-accent-3 {
    color: #2979ff!important
}

.blue.accent-4 {
    background-color: #2962ff!important
}

.blue-text.text-accent-4 {
    color: #2962ff!important
}

.light-blue {
    background-color: #03a9f4!important
}

.light-blue-text {
    color: #03a9f4!important
}

.light-blue.lighten-5 {
    background-color: #e1f5fe!important
}

.light-blue-text.text-lighten-5 {
    color: #e1f5fe!important
}

.light-blue.lighten-4 {
    background-color: #b3e5fc!important
}

.light-blue-text.text-lighten-4 {
    color: #b3e5fc!important
}

.light-blue.lighten-3 {
    background-color: #81d4fa!important
}

.light-blue-text.text-lighten-3 {
    color: #81d4fa!important
}

.light-blue.lighten-2 {
    background-color: #4fc3f7!important
}

.light-blue-text.text-lighten-2 {
    color: #4fc3f7!important
}

.light-blue.lighten-1 {
    background-color: #29b6f6!important
}

.light-blue-text.text-lighten-1 {
    color: #29b6f6!important
}

.light-blue.darken-1 {
    background-color: #039be5!important
}

.light-blue-text.text-darken-1 {
    color: #039be5!important
}

.light-blue.darken-2 {
    background-color: #0288d1!important
}

.light-blue-text.text-darken-2 {
    color: #0288d1!important
}

.light-blue.darken-3 {
    background-color: #0277bd!important
}

.light-blue-text.text-darken-3 {
    color: #0277bd!important
}

.light-blue.darken-4 {
    background-color: #01579b!important
}

.light-blue-text.text-darken-4 {
    color: #01579b!important
}

.light-blue.accent-1 {
    background-color: #80d8ff!important
}

.light-blue-text.text-accent-1 {
    color: #80d8ff!important
}

.light-blue.accent-2 {
    background-color: #40c4ff!important
}

.light-blue-text.text-accent-2 {
    color: #40c4ff!important
}

.light-blue.accent-3 {
    background-color: #00b0ff!important
}

.light-blue-text.text-accent-3 {
    color: #00b0ff!important
}

.light-blue.accent-4 {
    background-color: #0091ea!important
}

.light-blue-text.text-accent-4 {
    color: #0091ea!important
}

.cyan {
    background-color: #00bcd4!important
}

.cyan-text {
    color: #00bcd4!important
}

.cyan.lighten-5 {
    background-color: #e0f7fa!important
}

.cyan-text.text-lighten-5 {
    color: #e0f7fa!important
}

.cyan.lighten-4 {
    background-color: #b2ebf2!important
}

.cyan-text.text-lighten-4 {
    color: #b2ebf2!important
}

.cyan.lighten-3 {
    background-color: #80deea!important
}

.cyan-text.text-lighten-3 {
    color: #80deea!important
}

.cyan.lighten-2 {
    background-color: #4dd0e1!important
}

.cyan-text.text-lighten-2 {
    color: #4dd0e1!important
}

.cyan.lighten-1 {
    background-color: #26c6da!important
}

.cyan-text.text-lighten-1 {
    color: #26c6da!important
}

.cyan.darken-1 {
    background-color: #00acc1!important
}

.cyan-text.text-darken-1 {
    color: #00acc1!important
}

.cyan.darken-2 {
    background-color: #0097a7!important
}

.cyan-text.text-darken-2 {
    color: #0097a7!important
}

.cyan.darken-3 {
    background-color: #00838f!important
}

.cyan-text.text-darken-3 {
    color: #00838f!important
}

.cyan.darken-4 {
    background-color: #006064!important
}

.cyan-text.text-darken-4 {
    color: #006064!important
}

.cyan.accent-1 {
    background-color: #84ffff!important
}

.cyan-text.text-accent-1 {
    color: #84ffff!important
}

.cyan.accent-2 {
    background-color: #18ffff!important
}

.cyan-text.text-accent-2 {
    color: #18ffff!important
}

.cyan.accent-3 {
    background-color: #00e5ff!important
}

.cyan-text.text-accent-3 {
    color: #00e5ff!important
}

.cyan.accent-4 {
    background-color: #00b8d4!important
}

.cyan-text.text-accent-4 {
    color: #00b8d4!important
}

.teal {
    background-color: #009688!important
}

.teal-text {
    color: #009688!important
}

.teal.lighten-5 {
    background-color: #e0f2f1!important
}

.teal-text.text-lighten-5 {
    color: #e0f2f1!important
}

.teal.lighten-4 {
    background-color: #b2dfdb!important
}

.teal-text.text-lighten-4 {
    color: #b2dfdb!important
}

.teal.lighten-3 {
    background-color: #80cbc4!important
}

.teal-text.text-lighten-3 {
    color: #80cbc4!important
}

.teal.lighten-2 {
    background-color: #4db6ac!important
}

.teal-text.text-lighten-2 {
    color: #4db6ac!important
}

.teal.lighten-1 {
    background-color: #26a69a!important
}

.teal-text.text-lighten-1 {
    color: #26a69a!important
}

.teal.darken-1 {
    background-color: #00897b!important
}

.teal-text.text-darken-1 {
    color: #00897b!important
}

.teal.darken-2 {
    background-color: #00796b!important
}

.teal-text.text-darken-2 {
    color: #00796b!important
}

.teal.darken-3 {
    background-color: #00695c!important
}

.teal-text.text-darken-3 {
    color: #00695c!important
}

.teal.darken-4 {
    background-color: #004d40!important
}

.teal-text.text-darken-4 {
    color: #004d40!important
}

.teal.accent-1 {
    background-color: #a7ffeb!important
}

.teal-text.text-accent-1 {
    color: #a7ffeb!important
}

.teal.accent-2 {
    background-color: #64ffda!important
}

.teal-text.text-accent-2 {
    color: #64ffda!important
}

.teal.accent-3 {
    background-color: #1de9b6!important
}

.teal-text.text-accent-3 {
    color: #1de9b6!important
}

.teal.accent-4 {
    background-color: #00bfa5!important
}

.teal-text.text-accent-4 {
    color: #00bfa5!important
}

.green {
    background-color: #4caf50!important
}

.green-text {
    color: #4caf50!important
}

.green.lighten-5 {
    background-color: #e8f5e9!important
}

.green-text.text-lighten-5 {
    color: #e8f5e9!important
}

.green.lighten-4 {
    background-color: #c8e6c9!important
}

.green-text.text-lighten-4 {
    color: #c8e6c9!important
}

.green.lighten-3 {
    background-color: #a5d6a7!important
}

.green-text.text-lighten-3 {
    color: #a5d6a7!important
}

.green.lighten-2 {
    background-color: #81c784!important
}

.green-text.text-lighten-2 {
    color: #81c784!important
}

.green.lighten-1 {
    background-color: #66bb6a!important
}

.green-text.text-lighten-1 {
    color: #66bb6a!important
}

.green.darken-1 {
    background-color: #43a047!important
}

.green-text.text-darken-1 {
    color: #43a047!important
}

.green.darken-2 {
    background-color: #388e3c!important
}

.green-text.text-darken-2 {
    color: #388e3c!important
}

.green.darken-3 {
    background-color: #2e7d32!important
}

.green-text.text-darken-3 {
    color: #2e7d32!important
}

.green.darken-4 {
    background-color: #1b5e20!important
}

.green-text.text-darken-4 {
    color: #1b5e20!important
}

.green.accent-1 {
    background-color: #b9f6ca!important
}

.green-text.text-accent-1 {
    color: #b9f6ca!important
}

.green.accent-2 {
    background-color: #69f0ae!important
}

.green-text.text-accent-2 {
    color: #69f0ae!important
}

.green.accent-3 {
    background-color: #00e676!important
}

.green-text.text-accent-3 {
    color: #00e676!important
}

.green.accent-4 {
    background-color: #00c853!important
}

.green-text.text-accent-4 {
    color: #00c853!important
}

.light-green {
    background-color: #8bc34a!important
}

.light-green-text {
    color: #8bc34a!important
}

.light-green.lighten-5 {
    background-color: #f1f8e9!important
}

.light-green-text.text-lighten-5 {
    color: #f1f8e9!important
}

.light-green.lighten-4 {
    background-color: #dcedc8!important
}

.light-green-text.text-lighten-4 {
    color: #dcedc8!important
}

.light-green.lighten-3 {
    background-color: #c5e1a5!important
}

.light-green-text.text-lighten-3 {
    color: #c5e1a5!important
}

.light-green.lighten-2 {
    background-color: #aed581!important
}

.light-green-text.text-lighten-2 {
    color: #aed581!important
}

.light-green.lighten-1 {
    background-color: #9ccc65!important
}

.light-green-text.text-lighten-1 {
    color: #9ccc65!important
}

.light-green.darken-1 {
    background-color: #7cb342!important
}

.light-green-text.text-darken-1 {
    color: #7cb342!important
}

.light-green.darken-2 {
    background-color: #689f38!important
}

.light-green-text.text-darken-2 {
    color: #689f38!important
}

.light-green.darken-3 {
    background-color: #558b2f!important
}

.light-green-text.text-darken-3 {
    color: #558b2f!important
}

.light-green.darken-4 {
    background-color: #33691e!important
}

.light-green-text.text-darken-4 {
    color: #33691e!important
}

.light-green.accent-1 {
    background-color: #ccff90!important
}

.light-green-text.text-accent-1 {
    color: #ccff90!important
}

.light-green.accent-2 {
    background-color: #b2ff59!important
}

.light-green-text.text-accent-2 {
    color: #b2ff59!important
}

.light-green.accent-3 {
    background-color: #76ff03!important
}

.light-green-text.text-accent-3 {
    color: #76ff03!important
}

.light-green.accent-4 {
    background-color: #64dd17!important
}

.light-green-text.text-accent-4 {
    color: #64dd17!important
}

.lime {
    background-color: #cddc39!important
}

.lime-text {
    color: #cddc39!important
}

.lime.lighten-5 {
    background-color: #f9fbe7!important
}

.lime-text.text-lighten-5 {
    color: #f9fbe7!important
}

.lime.lighten-4 {
    background-color: #f0f4c3!important
}

.lime-text.text-lighten-4 {
    color: #f0f4c3!important
}

.lime.lighten-3 {
    background-color: #e6ee9c!important
}

.lime-text.text-lighten-3 {
    color: #e6ee9c!important
}

.lime.lighten-2 {
    background-color: #dce775!important
}

.lime-text.text-lighten-2 {
    color: #dce775!important
}

.lime.lighten-1 {
    background-color: #d4e157!important
}

.lime-text.text-lighten-1 {
    color: #d4e157!important
}

.lime.darken-1 {
    background-color: #c0ca33!important
}

.lime-text.text-darken-1 {
    color: #c0ca33!important
}

.lime.darken-2 {
    background-color: #afb42b!important
}

.lime-text.text-darken-2 {
    color: #afb42b!important
}

.lime.darken-3 {
    background-color: #9e9d24!important
}

.lime-text.text-darken-3 {
    color: #9e9d24!important
}

.lime.darken-4 {
    background-color: #827717!important
}

.lime-text.text-darken-4 {
    color: #827717!important
}

.lime.accent-1 {
    background-color: #f4ff81!important
}

.lime-text.text-accent-1 {
    color: #f4ff81!important
}

.lime.accent-2 {
    background-color: #eeff41!important
}

.lime-text.text-accent-2 {
    color: #eeff41!important
}

.lime.accent-3 {
    background-color: #c6ff00!important
}

.lime-text.text-accent-3 {
    color: #c6ff00!important
}

.lime.accent-4 {
    background-color: #aeea00!important
}

.lime-text.text-accent-4 {
    color: #aeea00!important
}

.yellow {
    background-color: #ffeb3b!important
}

.yellow-text {
    color: #ffeb3b!important
}

.yellow.lighten-5 {
    background-color: #fffde7!important
}

.yellow-text.text-lighten-5 {
    color: #fffde7!important
}

.yellow.lighten-4 {
    background-color: #fff9c4!important
}

.yellow-text.text-lighten-4 {
    color: #fff9c4!important
}

.yellow.lighten-3 {
    background-color: #fff59d!important
}

.yellow-text.text-lighten-3 {
    color: #fff59d!important
}

.yellow.lighten-2 {
    background-color: #fff176!important
}

.yellow-text.text-lighten-2 {
    color: #fff176!important
}

.yellow.lighten-1 {
    background-color: #ffee58!important
}

.yellow-text.text-lighten-1 {
    color: #ffee58!important
}

.yellow.darken-1 {
    background-color: #fdd835!important
}

.yellow-text.text-darken-1 {
    color: #fdd835!important
}

.yellow.darken-2 {
    background-color: #fbc02d!important
}

.yellow-text.text-darken-2 {
    color: #fbc02d!important
}

.yellow.darken-3 {
    background-color: #f9a825!important
}

.yellow-text.text-darken-3 {
    color: #f9a825!important
}

.yellow.darken-4 {
    background-color: #f57f17!important
}

.yellow-text.text-darken-4 {
    color: #f57f17!important
}

.yellow.accent-1 {
    background-color: #ffff8d!important
}

.yellow-text.text-accent-1 {
    color: #ffff8d!important
}

.yellow.accent-2 {
    background-color: #ff0!important
}

.yellow-text.text-accent-2 {
    color: #ff0!important
}

.yellow.accent-3 {
    background-color: #ffea00!important
}

.yellow-text.text-accent-3 {
    color: #ffea00!important
}

.yellow.accent-4 {
    background-color: #ffd600!important
}

.yellow-text.text-accent-4 {
    color: #ffd600!important
}

.amber {
    background-color: #ffc107!important
}

.amber-text {
    color: #ffc107!important
}

.amber.lighten-5 {
    background-color: #fff8e1!important
}

.amber-text.text-lighten-5 {
    color: #fff8e1!important
}

.amber.lighten-4 {
    background-color: #ffecb3!important
}

.amber-text.text-lighten-4 {
    color: #ffecb3!important
}

.amber.lighten-3 {
    background-color: #ffe082!important
}

.amber-text.text-lighten-3 {
    color: #ffe082!important
}

.amber.lighten-2 {
    background-color: #ffd54f!important
}

.amber-text.text-lighten-2 {
    color: #ffd54f!important
}

.amber.lighten-1 {
    background-color: #ffca28!important
}

.amber-text.text-lighten-1 {
    color: #ffca28!important
}

.amber.darken-1 {
    background-color: #ffb300!important
}

.amber-text.text-darken-1 {
    color: #ffb300!important
}

.amber.darken-2 {
    background-color: #ffa000!important
}

.amber-text.text-darken-2 {
    color: #ffa000!important
}

.amber.darken-3 {
    background-color: #ff8f00!important
}

.amber-text.text-darken-3 {
    color: #ff8f00!important
}

.amber.darken-4 {
    background-color: #ff6f00!important
}

.amber-text.text-darken-4 {
    color: #ff6f00!important
}

.amber.accent-1 {
    background-color: #ffe57f!important
}

.amber-text.text-accent-1 {
    color: #ffe57f!important
}

.amber.accent-2 {
    background-color: #ffd740!important
}

.amber-text.text-accent-2 {
    color: #ffd740!important
}

.amber.accent-3 {
    background-color: #ffc400!important
}

.amber-text.text-accent-3 {
    color: #ffc400!important
}

.amber.accent-4 {
    background-color: #ffab00!important
}

.amber-text.text-accent-4 {
    color: #ffab00!important
}

.orange {
    background-color: #ff9800!important
}

.orange-text {
    color: #ff9800!important
}

.orange.lighten-5 {
    background-color: #fff3e0!important
}

.orange-text.text-lighten-5 {
    color: #fff3e0!important
}

.orange.lighten-4 {
    background-color: #ffe0b2!important
}

.orange-text.text-lighten-4 {
    color: #ffe0b2!important
}

.orange.lighten-3 {
    background-color: #ffcc80!important
}

.orange-text.text-lighten-3 {
    color: #ffcc80!important
}

.orange.lighten-2 {
    background-color: #ffb74d!important
}

.orange-text.text-lighten-2 {
    color: #ffb74d!important
}

.orange.lighten-1 {
    background-color: #ffa726!important
}

.orange-text.text-lighten-1 {
    color: #ffa726!important
}

.orange.darken-1 {
    background-color: #fb8c00!important
}

.orange-text.text-darken-1 {
    color: #fb8c00!important
}

.orange.darken-2 {
    background-color: #f57c00!important
}

.orange-text.text-darken-2 {
    color: #f57c00!important
}

.orange.darken-3 {
    background-color: #ef6c00!important
}

.orange-text.text-darken-3 {
    color: #ef6c00!important
}

.orange.darken-4 {
    background-color: #e65100!important
}

.orange-text.text-darken-4 {
    color: #e65100!important
}

.orange.accent-1 {
    background-color: #ffd180!important
}

.orange-text.text-accent-1 {
    color: #ffd180!important
}

.orange.accent-2 {
    background-color: #ffab40!important
}

.orange-text.text-accent-2 {
    color: #ffab40!important
}

.orange.accent-3 {
    background-color: #ff9100!important
}

.orange-text.text-accent-3 {
    color: #ff9100!important
}

.orange.accent-4 {
    background-color: #ff6d00!important
}

.orange-text.text-accent-4 {
    color: #ff6d00!important
}

.deep-orange {
    background-color: #ff5722!important
}

.deep-orange-text {
    color: #ff5722!important
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7!important
}

.deep-orange-text.text-lighten-5 {
    color: #fbe9e7!important
}

.deep-orange.lighten-4 {
    background-color: #ffccbc!important
}

.deep-orange-text.text-lighten-4 {
    color: #ffccbc!important
}

.deep-orange.lighten-3 {
    background-color: #ffab91!important
}

.deep-orange-text.text-lighten-3 {
    color: #ffab91!important
}

.deep-orange.lighten-2 {
    background-color: #ff8a65!important
}

.deep-orange-text.text-lighten-2 {
    color: #ff8a65!important
}

.deep-orange.lighten-1 {
    background-color: #ff7043!important
}

.deep-orange-text.text-lighten-1 {
    color: #ff7043!important
}

.deep-orange.darken-1 {
    background-color: #f4511e!important
}

.deep-orange-text.text-darken-1 {
    color: #f4511e!important
}

.deep-orange.darken-2 {
    background-color: #e64a19!important
}

.deep-orange-text.text-darken-2 {
    color: #e64a19!important
}

.deep-orange.darken-3 {
    background-color: #d84315!important
}

.deep-orange-text.text-darken-3 {
    color: #d84315!important
}

.deep-orange.darken-4 {
    background-color: #bf360c!important
}

.deep-orange-text.text-darken-4 {
    color: #bf360c!important
}

.deep-orange.accent-1 {
    background-color: #ff9e80!important
}

.deep-orange-text.text-accent-1 {
    color: #ff9e80!important
}

.deep-orange.accent-2 {
    background-color: #ff6e40!important
}

.deep-orange-text.text-accent-2 {
    color: #ff6e40!important
}

.deep-orange.accent-3 {
    background-color: #ff3d00!important
}

.deep-orange-text.text-accent-3 {
    color: #ff3d00!important
}

.deep-orange.accent-4 {
    background-color: #dd2c00!important
}

.deep-orange-text.text-accent-4 {
    color: #dd2c00!important
}

.brown {
    background-color: #795548!important
}

.brown-text {
    color: #795548!important
}

.brown.lighten-5 {
    background-color: #efebe9!important
}

.brown-text.text-lighten-5 {
    color: #efebe9!important
}

.brown.lighten-4 {
    background-color: #d7ccc8!important
}

.brown-text.text-lighten-4 {
    color: #d7ccc8!important
}

.brown.lighten-3 {
    background-color: #bcaaa4!important
}

.brown-text.text-lighten-3 {
    color: #bcaaa4!important
}

.brown.lighten-2 {
    background-color: #a1887f!important
}

.brown-text.text-lighten-2 {
    color: #a1887f!important
}

.brown.lighten-1 {
    background-color: #8d6e63!important
}

.brown-text.text-lighten-1 {
    color: #8d6e63!important
}

.brown.darken-1 {
    background-color: #6d4c41!important
}

.brown-text.text-darken-1 {
    color: #6d4c41!important
}

.brown.darken-2 {
    background-color: #5d4037!important
}

.brown-text.text-darken-2 {
    color: #5d4037!important
}

.brown.darken-3 {
    background-color: #4e342e!important
}

.brown-text.text-darken-3 {
    color: #4e342e!important
}

.brown.darken-4 {
    background-color: #3e2723!important
}

.brown-text.text-darken-4 {
    color: #3e2723!important
}

.blue-grey {
    background-color: #607d8b!important
}

.blue-grey-text {
    color: #607d8b!important
}

.blue-grey.lighten-5 {
    background-color: #eceff1!important
}

.blue-grey-text.text-lighten-5 {
    color: #eceff1!important
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc!important
}

.blue-grey-text.text-lighten-4 {
    color: #cfd8dc!important
}

.blue-grey.lighten-3 {
    background-color: #b0bec5!important
}

.blue-grey-text.text-lighten-3 {
    color: #b0bec5!important
}

.blue-grey.lighten-2 {
    background-color: #90a4ae!important
}

.blue-grey-text.text-lighten-2 {
    color: #90a4ae!important
}

.blue-grey.lighten-1 {
    background-color: #78909c!important
}

.blue-grey-text.text-lighten-1 {
    color: #78909c!important
}

.blue-grey.darken-1 {
    background-color: #546e7a!important
}

.blue-grey-text.text-darken-1 {
    color: #546e7a!important
}

.blue-grey.darken-2 {
    background-color: #455a64!important
}

.blue-grey-text.text-darken-2 {
    color: #455a64!important
}

.blue-grey.darken-3 {
    background-color: #37474f!important
}

.blue-grey-text.text-darken-3 {
    color: #37474f!important
}

.blue-grey.darken-4 {
    background-color: #263238!important
}

.blue-grey-text.text-darken-4 {
    color: #263238!important
}

.grey {
    background-color: #9e9e9e!important
}

.grey-text {
    color: #9e9e9e!important
}

.grey.lighten-5 {
    background-color: #fafafa!important
}

.grey-text.text-lighten-5 {
    color: #fafafa!important
}

.grey.lighten-4 {
    background-color: #f5f5f5!important
}

.grey-text.text-lighten-4 {
    color: #f5f5f5!important
}

.grey.lighten-3 {
    background-color: #eee!important
}

.grey-text.text-lighten-3 {
    color: #eee!important
}

.grey.lighten-2 {
    background-color: #e0e0e0!important
}

.grey-text.text-lighten-2 {
    color: #e0e0e0!important
}

.grey.lighten-1 {
    background-color: #bdbdbd!important
}

.grey-text.text-lighten-1 {
    color: #bdbdbd!important
}

.grey.darken-1 {
    background-color: #757575!important
}

.grey-text.text-darken-1 {
    color: #757575!important
}

.grey.darken-2 {
    background-color: #616161!important
}

.grey-text.text-darken-2 {
    color: #616161!important
}

.grey.darken-3 {
    background-color: #424242!important
}

.grey-text.text-darken-3 {
    color: #424242!important
}

.grey.darken-4 {
    background-color: #212121!important
}

.grey-text.text-darken-4 {
    color: #212121!important
}

.shades.black {
    background-color: #000!important
}

.shades-text.text-black {
    color: #000!important
}

.shades.white {
    background-color: #fff!important
}

.shades-text.text-white {
    color: #fff!important
}

.shades.transparent {
    background-color: transparent!important
}

.shades-text.text-transparent {
    color: transparent!important
}

.black {
    background-color: #000!important
}

.black-text {
    color: #000!important
}

.white {
    background-color: #fff!important
}

.white-text {
    color: #fff!important
}

.transparent {
    background-color: transparent!important
}

.transparent-text {
    color: transparent!important
}

ul {
    list-style-type: none
}

ul.browser-default {
    list-style-type: disc
}

a {
    color: #039be5;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.valign-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.valign-wrapper .valign {
    display: block
}

ul {
    padding: 0
}

ul li {
    list-style-type: none
}

.clearfix {
    clear: both
}

.z-depth-0 {
    box-shadow: none!important
}

.dropdown-content,
.z-depth-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.z-depth-1-half {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19)
}

.modal,
.z-depth-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21)
}

.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22)
}

.hoverable {
    transition: box-shadow .25s;
    box-shadow: 0
}

.hoverable:hover {
    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0
}

blockquote {
    margin: 20px 0;
    padding-left: 18px;
    padding-left: 1.5rem;
    border-left: 5px solid #ee6e73
}

i {
    line-height: inherit
}

i.left {
    float: left;
    margin-right: 15px
}

i.right {
    float: right;
    margin-left: 15px
}

i.tiny {
    font-size: 12px;
    font-size: 1rem
}

i.small {
    font-size: 24px;
    font-size: 2rem
}

i.medium {
    font-size: 48px;
    font-size: 4rem
}

i.large {
    font-size: 72px;
    font-size: 6rem
}

img.responsive-img,
video.responsive-video {
    max-width: 100%;
    height: auto
}

.pagination li {
    display: inline-block;
    font-size: 14.399px;
    font-size: 1.2rem;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center
}

.pagination li a {
    color: #444
}

.pagination li.active a {
    color: #fff
}

.pagination li.active {
    background-color: #ee6e73
}

.pagination li.disabled a {
    cursor: default;
    color: #999
}

.pagination li i {
    font-size: 26.4px;
    font-size: 2.2rem;
    vertical-align: middle
}

.pagination li.pages ul li {
    display: inline-block;
    float: none
}

@media only screen and (max-width:992px) {
    .pagination {
        width: 100%
    }
    .pagination li.next,
    .pagination li.prev {
        width: 10%
    }
    .pagination li.pages {
        width: 80%;
        overflow: hidden;
        white-space: nowrap
    }
}

.breadcrumb {
    font-size: 18px;
    color: hsla(0, 0%, 100%, .7)
}

.breadcrumb [class*=mdi-],
.breadcrumb [class^=mdi-],
.breadcrumb i,
.breadcrumb i.material-icons {
    display: inline-block;
    float: left;
    font-size: 24px
}

.breadcrumb:before {
    content: '\E5CC';
    color: hsla(0, 0%, 100%, .7);
    vertical-align: top;
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    margin: 0 10px 0 8px;
    -webkit-font-smoothing: antialiased
}

.breadcrumb:first-child:before {
    display: none
}

.breadcrumb:last-child {
    color: #fff
}

.parallax-container {
    position: relative;
    overflow: hidden;
    height: 500px
}

.parallax {
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.parallax,
.parallax img {
    position: absolute;
    bottom: 0
}

.parallax img {
    display: none;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pin-bottom,
.pin-top {
    position: relative
}

.pinned {
    position: fixed!important
}

.fade-in,
ul.staggered-list li {
    opacity: 0
}

.fade-in {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

@media only screen and (max-width:600px) {
    .hide-on-small-and-down,
    .hide-on-small-only {
        display: none!important
    }
}

@media only screen and (max-width:992px) {
    .hide-on-med-and-down {
        display: none!important
    }
}

@media only screen and (min-width:601px) {
    .hide-on-med-and-up {
        display: none!important
    }
}

@media only screen and (min-width:600px) and (max-width:992px) {
    .hide-on-med-only {
        display: none!important
    }
}

@media only screen and (min-width:993px) {
    .hide-on-large-only {
        display: none!important
    }
}

@media only screen and (min-width:993px) {
    .show-on-large {
        display: block!important
    }
}

@media only screen and (min-width:600px) and (max-width:992px) {
    .show-on-medium {
        display: block!important
    }
}

@media only screen and (max-width:600px) {
    .show-on-small {
        display: block!important
    }
}

@media only screen and (min-width:601px) {
    .show-on-medium-and-up {
        display: block!important
    }
}

@media only screen and (max-width:992px) {
    .show-on-medium-and-down {
        display: block!important
    }
}

@media only screen and (max-width:600px) {
    .center-on-small-only {
        text-align: center
    }
}

footer.page-footer {
    margin-top: 20px;
    padding-top: 20px;
    background-color: #ee6e73
}

footer.page-footer .footer-copyright {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    color: hsla(0, 0%, 100%, .8);
    background-color: rgba(51, 51, 51, .08)
}

table,
td,
th {
    border: none
}

table {
    width: 100%;
    display: table
}

table.bordered>tbody>tr,
table.bordered>thead>tr {
    border-bottom: 1px solid #d0d0d0
}

table.striped>tbody>tr:nth-child(odd) {
    background-color: #f2f2f2
}

table.striped>tbody>tr>td {
    border-radius: 0
}

table.highlight>tbody>tr {
    transition: background-color .25s ease
}

table.highlight>tbody>tr:hover {
    background-color: #f2f2f2
}

table.centered tbody tr td,
table.centered thead tr th {
    text-align: center
}

thead {
    border-bottom: 1px solid #d0d0d0
}

td,
th {
    padding: 15px 15px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px
        font-size: 13px;
}

th#heading
{
background:#800000;
}

#heading h3
{
font-weight: 500;text-align: left;color:#fff;
}

#text
{
padding-left: 30px;
margin-top: -22px;
}

@media only screen and (max-width:992px) {
    table.responsive-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative
    }
    table.responsive-table td:empty:before {
        content: '\00a0'
    }
    table.responsive-table td,
    table.responsive-table th {
        margin: 0;
        vertical-align: top
    }
    table.responsive-table th {
        text-align: left
    }
    table.responsive-table thead {
        display: block;
        float: left
    }
    table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0
    }
    table.responsive-table thead tr th:before {
        content: "\00a0"
    }
    table.responsive-table tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap
    }
    table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top
    }
    table.responsive-table th {
        display: block;
        text-align: right
    }
    table.responsive-table td {
        display: block;
        min-height: 1.25em;
        text-align: left
    }
    table.responsive-table tr {
        padding: 0 10px
    }
    table.responsive-table thead {
        border: 0;
        border-right: 1px solid #d0d0d0
    }
    table.responsive-table.bordered th {
        border-bottom: 0;
        border-left: 0
    }
    table.responsive-table.bordered td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }
    table.responsive-table.bordered tr {
        border: 0
    }
    table.responsive-table.bordered tbody tr {
        border-right: 1px solid #d0d0d0
    }
}

.collection {
    margin: 6px 0 12px;
    margin: .5rem 0 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    position: relative
}

.collection .collection-item {
    background-color: #fff;
    line-height: 18px;
    line-height: 1.5rem;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}

.collection .collection-item.avatar {
    min-height: 84px;
    padding-left: 72px;
    position: relative
}

.collection .collection-item.avatar .circle {
    position: absolute;
    width: 42px;
    height: 42px;
    overflow: hidden;
    left: 15px;
    display: inline-block;
    vertical-align: middle
}

.collection .collection-item.avatar i.circle {
    font-size: 18px;
    line-height: 42px;
    color: #fff;
    background-color: #999;
    text-align: center
}

.collection .collection-item.avatar .title {
    font-size: 16px
}

.collection .collection-item.avatar p {
    margin: 0
}

.collection .collection-item.avatar .secondary-content {
    position: absolute;
    top: 16px;
    right: 16px
}

.collection .collection-item:last-child {
    border-bottom: none
}

.collection .collection-item.active {
    background-color: #26a69a;
    color: #eafaf9
}

.collection .collection-item.active .secondary-content {
    color: #fff
}

.collection a.collection-item {
    display: block;
    transition: .25s;
    color: #26a69a
}

.collection a.collection-item:not(.active):hover {
    background-color: #ddd
}

.collection.with-header .collection-header {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 20px
}

.collection.with-header .collection-item {
    padding-left: 30px
}

.collection.with-header .collection-item.avatar {
    padding-left: 72px
}

.secondary-content {
    float: right;
    color: #26a69a
}

.collapsible .collection {
    margin: 0;
    border: none
}

span.badge {
    min-width: 36px;
    min-width: 3rem;
    padding: 0 6px;
    text-align: center;
    font-size: 12px;
    font-size: 1rem;
    line-height: inherit;
    color: #757575;
    position: absolute;
    right: 15px;
    box-sizing: border-box
}

span.badge.new {
    font-weight: 300;
    font-size: 9.6px;
    font-size: .8rem;
    color: #fff;
    background-color: #26a69a;
    border-radius: 2px
}

span.badge.new:after {
    content: " new"
}

nav ul a span.badge {
    position: static;
    margin-left: 4px;
    line-height: 0
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #acece6;
    border-radius: 2px;
    margin: 6px 0 12px;
    margin: .5rem 0 1rem;
    overflow: hidden
}

.progress .determinate {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    transition: width .3s linear
}

.progress .determinate,
.progress .indeterminate {
    background-color: #26a69a
}

.progress .indeterminate:before {
    -webkit-animation: a 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    animation: a 2.1s cubic-bezier(.65, .815, .735, .395) infinite
}

.progress .indeterminate:after,
.progress .indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right
}

.progress .indeterminate:after {
    -webkit-animation: b 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    animation: b 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s
}

@-webkit-keyframes a {
    0% {
        left: -35%;
        right: 100%
    }
    60% {
        left: 100%;
        right: -90%
    }
    to {
        left: 100%;
        right: -90%
    }
}

@keyframes a {
    0% {
        left: -35%;
        right: 100%
    }
    60% {
        left: 100%;
        right: -90%
    }
    to {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes b {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

@keyframes b {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

.hide {
    display: none!important
}

.left-align {
    text-align: left
}

.right-align {
    text-align: right
}

.center,
.center-align {
    text-align: center
}

.left {
    float: left!important
}

.right {
    float: right!important
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.circle {
    border-radius: 50%
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.no-padding {
    padding: 0!important
}

@media only screen and (max-width:736px) {
    .article--page table{
      width: 100%!important;
    }
    .article--page td,
    .article--page th {
        display: table-cell;
        /*display: block*/
    }
    .hide-mobile {
        display: none!important
    }
}

.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    max-height: 650px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    z-index: 999;
    will-change: width, height
}

.dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    min-height: 50px;
    line-height: 18px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
    text-transform: none
}

.dropdown-content li.active,
.dropdown-content li.selected,
.dropdown-content li:hover {
    background-color: #eee
}

.dropdown-content li.active.selected {
    background-color: #e1e1e1
}

.dropdown-content li.divider {
    min-height: 0;
    height: 1px
}

.dropdown-content li>a,
.dropdown-content li>span {
    font-size: 16px;
    color: #26a69a;
    display: block;
    line-height: 22px;
    padding: 14px 16px
}

.dropdown-content li>span>label {
    top: 1px;
    left: 3px;
    height: 18px
}

.dropdown-content li>a>i {
    height: inherit;
    line-height: inherit
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity
}

@media only screen and (max-width:992px) {
    .modal {
        width: 80%
    }
}

.modal h1,
.modal h2,
.modal h3,
.modal h4 {
    margin-top: 0
}

.modal .modal-content {
    padding: 24px
}

.modal .modal-close {
    cursor: pointer
}

.modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%
}

.modal .modal-footer .btn,
.modal .modal-footer .btn-flat {
    float: right;
    margin: 6px 0
}

.lean-overlay {
    position: fixed;
    z-index: 999;
    top: -100px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #000;
    display: none;
    will-change: opacity
}

.modal.modal-fixed-footer {
    padding: 0;
    height: 70%
}

.modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto
}

.modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    bottom: 0
}

.modal.bottom-sheet {
    top: auto;
    bottom: -100%;
    margin: 0;
    width: 100%;
    max-height: 45%;
    border-radius: 0;
    will-change: bottom, opacity
}

form p {
    margin-bottom: 10px;
    text-align: left
}

form p:last-child {
    margin-bottom: 0
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
    /*position: absolute;
    left: -9999px;
    opacity: 0*/
}

[type=checkbox]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

[type=checkbox]+label:before,
[type=checkbox]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s
}

[type=checkbox]:not(.filled-in)+label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

[type=checkbox]:not(:checked):disabled+label:before {
    border: none;
    background-color: rgba(0, 0, 0, .26)
}

[type=checkbox].tabbed:focus+label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}

[type=checkbox]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox]:checked:disabled+label:before {
    border-right: 2px solid rgba(0, 0, 0, .26);
    border-bottom: 2px solid rgba(0, 0, 0, .26)
}

[type=checkbox]:indeterminate+label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox]:indeterminate:disabled+label:before {
    border-right: 2px solid rgba(0, 0, 0, .26);
    background-color: transparent
}

[type=checkbox].filled-in+label:after {
    border-radius: 2px
}

[type=checkbox].filled-in+label:after,
[type=checkbox].filled-in+label:before {
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    z-index: 1
}

[type=checkbox].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotate(37deg);
    -ms-transform: rotate(37deg);
    transform: rotate(37deg);
    -webkit-transform-origin: 20% 40%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox].filled-in:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index: 0
}

[type=checkbox].filled-in:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(37deg);
    -ms-transform: rotate(37deg);
    transform: rotate(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

[type=checkbox].filled-in.tabbed:focus+label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0, 0, 0, .1)
}

[type=checkbox].filled-in.tabbed:checked:focus+label:after {
    border-radius: 2px;
    background-color: #26a69a;
    border-color: #26a69a
}

[type=checkbox].filled-in:disabled:not(:checked)+label:before {
    background-color: transparent;
    border: 2px solid transparent
}

[type=checkbox].filled-in:disabled:not(:checked)+label:after {
    border-color: transparent;
    background-color: #bdbdbd
}

[type=checkbox].filled-in:disabled:checked+label:before {
    background-color: transparent
}

[type=checkbox].filled-in:disabled:checked+label:after {
    background-color: #bdbdbd;
    border-color: #bdbdbd
}

.dropdown {
    width: 100%;
    position: relative
}

.dropdown[disabled] {
    pointer-events: none;
    opacity: .5;
    cursor: default
}

.dropdown__content a,
.dropdown__toggle {
    padding: 0!important;
    line-height: inherit!important
}

.dropdown__toggle {
    display: inline-block!important
}

.dropdown__toggle:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    opacity: .75;
    margin-right: 12px;
    margin-right: 1rem;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.dropdown__toggle.active:after,
.dropdown__toggle.open:after {
    content: "\f106";
    opacity: 1
}

.dropdown__toggle.active {
    opacity: 1
}

.dropdown__label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block
}

.dropdown__content {
    position: relative!important;
    top: auto!important;
    display: block;
    max-height: 0;
    transition: max-height .6s ease;
    padding: 0 0 0 12px;
    padding: 0 0 0 1rem;
    width: auto!important;
    background-color: transparent!important;
    box-shadow: none;
    opacity: 0;
    transition: all .5s ease
}

.dropdown__content li {
    min-height: 0!important;
    line-height: 1.7
}

.dropdown__content a,
.dropdown__content li {
    font-size: inherit!important;
    color: #000!important
}

.dropdown__content a.selected,
.dropdown__content a:hover,
.dropdown__content li.selected,
.dropdown__content li:hover {
    background-color: transparent!important;
    opacity: 1!important
}

.dropdown__content.active {
    max-height: 10em;
    margin-bottom: 1em;
    opacity: 1
}

.dropdown__content.active li {
    opacity: .75
}

.dropdown--block .dropdown__content,
.dropdown--block .dropdown__toggle {
    width: 100%!important
}

.dropdown--block .dropdown__toggle:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    opacity: .75;
    margin-right: 12px;
    margin-right: 1rem;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    top: 0;
    right: 0;
    line-height: inherit
}

.dropdown--block .dropdown__toggle.active:after,
.dropdown--block .dropdown__toggle.open:after {
    content: "\f106";
    opacity: 1
}

.collapsible {
    width: 100%
}

.collapsible-header {
    position: relative;
    width: 100%;
    border: none;
    padding: 0;
    letter-spacing: .25em;
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    line-height: 3.4em;
    outline: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    cursor: pointer
}

.collapsible-header:after {
    position: absolute;
    top: 0;
    right: 0;
    line-height: inherit;
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    opacity: .75;
    margin-right: 12px;
    margin-right: 1rem;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.collapsible-header.active:after {
    content: "\f106"
}

.collapsible-body {
    display: none;
    padding: 1em
}

.collapsible-body a,
.collapsible-body p {
    display: block;
    line-height: 2em;
    color: hsla(0, 0%, 100%, .6);
    cursor: pointer
}

.collapsible-body a:hover,
.collapsible-body p:hover {
    color: hsla(0, 0%, 100%, .9)
}

[type=checkbox]:checked+label:before {
    border-right-color: currentColor;
    border-bottom-color: currentColor
}

[type=checkbox]+label:before,
[type=checkbox]:not(.filled-in)+label:after {
    border-color: currentColor;
    border-width: thin
}

.modal {
    width: 50em;
    border-top: 5px solid #d83c1e;
    background-color: hsla(0, 0%, 100%, .9);
    color: #000;
    border-radius: 0;
    -webkit-transform: scaleX(1)!important;
    -ms-transform: scaleX(1)!important;
    transform: scaleX(1)!important
}

.modal__footer,
.modal__header,
.modal__main {
    padding: 2em
}

.modal__header {
    text-align: center;
    padding-top: 2em
}

.modal__logo {
    height: 48px;
    height: 4rem;
    width: auto
}

.modal__main>* {
    margin-bottom: 2em
}

.modal__title>* {
    display: inline-block;
    vertical-align: middle
}

.modal__title .icon {
    margin-right: 1em
}

.modal__body>* {
    margin-bottom: 2em
}

.modal__body.text p,
.modal__body .text p {
    margin-bottom: 1em
}

.modal__footer {
    background-color: transparent!important
}

.modal-close {
    top: 14.399px!important;
    top: 1.2rem!important;
    right: 18px!important;
    right: 1.5rem!important
}

.modal-close .icon {
    width: 1em;
    height: 1em;
    margin-right: .4em
}

.modal-close .icon>* {
    display: block
}

.modal-close .icon--alila_close_circle {
    width: 3.4em;
    height: 3.4em;
    position: relative;
    top: 6px;
    top: .5rem;
    right: 6px;
    right: .5rem;
    margin: 0
}

.lean-overlay {
    opacity: .85!important
}

@media only screen and (max-width:736px) {
    .modal {
        width: auto;
        top: 0!important;
        border-top: none!important;
        max-height: 100%!important;
        min-height: 100%;
        overflow: auto;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
    .modal__footer,
    .modal__header,
    .modal__main {
        padding: 1em
    }
    .modal__header {
        text-align: right
    }
    .modal__main {
        padding: .5em
    }
}

@media only screen and (min-width:769.1px) {
    .modal__main.booking {
        max-height: 80vh
    }
}

.modal--info .modal-close .icon__label {
    top: 0;
    margin-left: 0
}

.modal--info .modal__header {
    text-align: right;
    padding-bottom: 0;
    padding-top: .6em;
    padding-right: .6em
}

.modal--info .modal__title h2 {
    margin: auto
}

.modal--info .modal__body.text a[href],
.modal--info .modal__body .text a[href] {
    color: #01579b
}

.modal--info .modal__body.text ul,
.modal--info .modal__body .text ul {
    padding-left: 0
}

.modal--info .modal__body.text .icon__list--vertical .icon__item,
.modal--info .modal__body .text .icon__list--vertical .icon__item {
    margin-bottom: 0
}

@media only screen and (max-width:736px) {
    .modal--info .modal__header {
        padding-bottom: 2em
    }
}

.modal--booking {
    width: 100%;
    height: 100%;
    left: auto;
    right: auto;
    top: 0!important;
    background-color: transparent;
    border-top: 0;
    box-shadow: none;
    color: #000;
    max-height: none;
    overflow-y: visible!important;
    line-height: 2
}

.modal--booking .modal__container {
    width: 65%;
    max-width: 65em;
    margin: 0 auto;
    margin-top: 2.5%;
    border-top: 5px solid #01579b;
    background-color: hsla(0, 0%, 100%, .9)
}

.modal--booking .modal__close {
    position: fixed;
    top: 14.399px!important;
    top: 1.2rem!important;
    right: 18px!important;
    right: 1.5rem!important
}

@media only screen and (max-width:736px) {
    .modal--booking .modal__container {
        width: auto;
        max-width: none;
        margin-top: 0;
        height: 100vh;
    }
    .modal--booking .modal__header {
        margin-bottom: 2em
    }
    .modal--booking .booking__button .book-button__title {
        padding: .6em 1em;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: none
    }
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .modal--booking .modal__container {
        width: 100%;
        margin: 0;
        height: 100%;
    }
}

@media only screen and (min-width:769.1px) {
    .modal--booking .modal__container {
        max-height: 90vh;
        overflow: hidden
    }
}

.modal--languages {
    width: 100%;
    height: 100%;
    left: auto;
    right: auto;
    top: 0!important;
    background-color: transparent;
    border-top: 0;
    box-shadow: none;
    color: #fff;
    max-height: none;
    overflow-y: visible!important;
    line-height: 2
}

.modal--languages .modal__container {
    width: 65%;
    max-width: 65em;
    margin: 0 auto;
    margin-top: 2.5%
}

.modal--languages .modal__close {
    position: fixed;
    top: 14.399px!important;
    top: 1.2rem!important;
    right: 18px!important;
    right: 1.5rem!important
}

@media only screen and (max-width:736px) {
    .modal--languages .modal__container {
        width: auto;
        max-width: none;
        margin-top: 0;
        padding-left: 2rem
    }
    .modal--languages .modal__header {
        margin-bottom: 2em;
        padding: 0!important
    }
    .modal--languages .booking__button .book-button__title {
        padding: .6em 1em;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: none
    }
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .modal--languages .modal__container {
        width: 100%
    }
    .modal--languages .header__image {
        max-height: none
    }
}

.modal--images {
    color: #fff
}

.modal--images.modal {
    width: 100%;
    height: 100%;
    top: 0!important;
    max-height: none;
    border-top: 0;
    background-color: transparent
}

.modal--images .modal__container {
    height: 100%;
    padding: 0
}

.modal--images .modal__header {
    padding: 0!important
}

.modal--images .modal__logo {
    position: absolute;
    top: 14.399px;
    top: 1.2rem;
    left: 18px;
    left: 1.5rem;
    z-index: 1
}

.modal--images .modal-close {
    position: absolute;
    top: 14.399px;
    top: 1.2rem;
    right: 36px;
    right: 3rem;
    z-index: 1;
    color: #fff
}

.modal--images .modal__main {
    height: 100%;
    padding: 0
}

.modal--images .modal__main>* {
    margin-bottom: 0
}

body,
html {
    width: 100%;
    overflow-x: hidden
}

html {
    box-sizing: border-box
}

html.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}

body.discover-mode,
body.is-loading {
    overflow: hidden;
    height: 100vh
}

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

* {
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased
}

small {
    text-transform: none
}

small.upper {
    vertical-align: super;
    position: relative;
    left: -.75em
}

a {
    color: inherit
}

.form__field {
    position: relative
}

.form__input {
    width: 100%;
    border: none;
    padding: 0;
    letter-spacing: .1em;
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    padding-left: 12px;
    padding-left: 1rem;
    padding-right: 12px;
    padding-right: 1rem;
    transition: all .5s ease
}

.form__input:focus {
    outline: none
}

.form__input--inline {
    display: inline
}

.form__input.error {
    background: rgba(255, 0, 0, .25)
}

.form__submit {
    border: none;
    background-color: rgba(1, 87, 155, .9);
    padding: 0.7em 1em;
    color: inherit;
    outline: 0;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s ease;
    border-radius: 0;
    -webkit-appearance: none;
    color: #fff;
}

.form__submit:hover {
    background-color: #01579b
}

::-webkit-input-placeholder {
    color: inherit
}

:-moz-placeholder,
::-moz-placeholder {
    color: inherit
}

:-ms-input-placeholder {
    color: inherit
}

.offers__code>.form__input {
    line-height: 1
}

.ie10 .header__right {
    display: block!important
}

.ie10 .header__menu-wrapper {
    width: auto;
    height: 72px
}

.ie10 .header__signin-link {
    height: 3em
}

.page {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.page:after {
    content: " ";
    display: block;
    clear: both
}

.page--background {
    background-size: 100% 100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.page__sticky-book-mobile {
    height: 6em;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    transition: all .6s ease;
    will-change: transform
}

.page__sticky-book-mobile.hide {
    -webkit-transform: translateY(125%);
    -ms-transform: translateY(125%);
    transform: translateY(125%)
}

.page__sticky-book-mobile .book-button {
    height: 100%
}

.pages__cookies {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    text-align: right;
    color: #282b30;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .6s ease
}

html.show-cookies .pages__cookies {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

@media only screen and (max-width:768px) {
    .page--sticky-book-mobile {
        padding-bottom: 6em
    }
}

@media only screen and (max-width:736px) {
    .foldout-open {
        overflow: hidden
    }
    .page--sticky-book-mobile {
        padding-bottom: 6em
    }
}

@media only screen and (max-width:736px) {
    .page--home .header__hamburger {
        line-height: 4.5rem
    }
    .page--home #top .block--full-window-height:before {
        padding-top: calc(100vh - 72px)!important
    }
    .discover-mode #top .block--full-window-height:before {
        padding-top: 100vh!important
    }
}

.page--destinations .header {
    background-color: #fff;
    box-shadow: 0px 1px 1px #ccc;
}

.page--destinations .header .header__signin-link,
.page--destinations .header .header__toggle,
.page--destinations .header .logo__image,
.page--destinations .header .navigation__link,
.page--destinations .header svg {
    color: #444
}

.page--destinations .header .languages__button,
.page--destinations .header .languages__list {
    border-color: rgba(68, 68, 68, .5)
}

.page--destinations .header.prominent-hover.header--at-top {
    background-color: #fff
}

.page--destinations .header:after {
    display: none
}

.page--destinations .main {
    padding-top: 72px
}

.page--destinations .main .article {
    position: relative;
    padding: 48px 64.8px;
    /*  padding: 4rem 5.4rem; */
	  padding: 2rem 0px;
    margin-left: 48px;
    margin: 0 3rem;
}

.page--destinations .block--full-window-height {
    overflow: hidden
}

.page--destinations .block__container {
    max-width: 768px;
    max-width: 64rem
}

.page--destinations .block__container h1,
.page--destinations .block__container h2 {
    font-size: 37px;
    margin-bottom: 0;
    padding-bottom: 4.8px;
    padding-bottom: .4rem
}

.page--destinations .block__container h1:after {
    display: none
}

.page--destinations .columns--destinations {
    position: relative;
    z-index: 0;
    background-color: #fff
}

.page--destinations .columns__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (min-width:1024px) {
    .page--destinations .columns__wrapper {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .page--destinations .columns__wrapper .columns__column {
        width: auto;
        height: auto;
        float: none
    }
}

.page--destinations .columns__wrapper .columns__column--filters {
    background-color: #282b30;
    color: #fff;
    padding: 2em;
    margin-bottom: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.1em
}

@media only screen and (min-width:1024px) {
    .page--destinations .columns__wrapper .columns__column--filters {
        padding: 1.6rem;
        min-width: 25rem;
        width: auto
    }
}

.page--destinations .columns__wrapper .columns__column--filters .dropdown__content.active {
    max-height: none
}

.page--destinations .columns__wrapper .columns__column--filters .booking__section {
    margin-bottom: 0
}

.page--destinations .columns__wrapper .columns__column--destinations {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .page--destinations .section--destinations-secondary .block--full-window-height:before {
        min-height: 65rem
    }
}

.page--destinations .section--band {
    padding-top: 144px;
    padding-top: 12rem
}

@media only screen and (max-width:736px) {
    .page--destinations .main .article {
          padding: 10px;
          margin-left: 0;
          margin: 0;
    }
    .page--destinations .main .article h1 {
        font-size: 30px
    }
    .page--destinations .section--destinations-secondary .block--full-window-height:before {
        display: none
    }
    .page--destinations .section--destinations-secondary .block--feature .block__container,
    .page--destinations .section--destinations-secondary .block__wrapper {
        position: relative
    }
    .page--destinations .block__container--top .article {
        padding: 1.4em .4em
    }
    .page--destinations .block__container--bottom {
        position: relative;
        padding: 0!important;
        clear: both;
        background-color: #282b30
    }
}

.page--generic .article {
    padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 22.5%;
    background-color: #fff
}

.page--generic .article h3 {
    max-width: 700.008px;
    max-width: 58.334rem
}

.page--generic .grid__wrapper .block__container {
    padding-bottom: 15px!important;
    padding-bottom: 1.25rem!important;
    padding-left: 21px!important;
    padding-left: 1.75rem!important;
    padding-right: 21px!important;
    padding-right: 1.75rem!important
}

@media only screen and (max-width:736px) {
    .page--generic .article {
        padding: 10% 2rem
    }
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .page--generic .article {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .page--generic .grid__item {
        width: 100%
    }
}

.page--offers .columns--offers {
    position: relative;
    z-index: 0;
    background-color: #fff
}

@media only screen and (min-width:1024px) {
    .page--offers .columns__wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .page--offers .columns__wrapper .columns__column {
        width: auto;
        height: auto;
        float: none
    }
}

.page--offers .columns__wrapper .columns__column--filters {
    background-color: #282b30;
    color: #fff;
    margin-bottom: 0;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .page--offers .columns__wrapper .columns__column--filters {
        padding: 2.6rem;
        min-width: 25rem;
        width: auto
    }
}

.page--offers .columns__wrapper .columns__column--filters .dropdown__content.active {
    max-height: none
}

.page--offers .columns__wrapper .columns__column--offers {
    border-bottom: 1px solid #eaeae8;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .page--offers .columns__wrapper .columns__column--offers {
        width: auto
    }
}

.page--offers .columns__wrapper .columns__column--offers .section--offers {
    background-color: #282b30;
    text-align: right;
    padding: 1em 1.6em;
    display: none
}

@media only screen and (min-width:1024px) {
    .page--offers .columns__wrapper .columns__column--offers .section--offers {
        display: block
    }
}

.page--offers .columns__wrapper .columns__column--offers .section--offers .offers__form {
    float: none
}

.page--offers .columns__wrapper .columns__column--offers .section--offers .dates__wrapper {
    position: absolute
}

.page--offers .card__wrapper--offers {
    position: relative;
    display: block;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .page--offers .card__wrapper--offers {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.page--offers .card__wrapper--offers small {
    font-size: 9px;
    text-transform: uppercase
}

.page--offers .card__wrapper--offers .card--offers {
    position: relative;
    -webkit-flex: 1 35em;
    -ms-flex: 1 35em;
    flex: 1 35em;
    margin-bottom: 4em
}

@media only screen and (min-width:1024px) {
    .page--offers .card__wrapper--offers .card--offers {
        max-width: 50%
    }
}

.page--offers .card__wrapper--offers .card__image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%
}

.page--offers .card__wrapper--offers .card__image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 45%;
    background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0), rgba(0, 17, 21, .5) 90%)
}

.page--offers .card__wrapper--offers .card__image-overlay {
    position: absolute;
    top: 2em;
    right: 2em;
    color: #fff
}

.page--offers .card__wrapper--offers .card__image-overlay--text {
    text-align: right
}

.page--offers .card__wrapper--offers .card__image-overlay--text span {
    display: block;
    font-size: 50px
}

.page--offers .card__wrapper--offers .card__content {
    position: relative;
    padding: 6%;
    min-height: 20em;
    font-size: 1.2em;
    line-height: 1.8em;
    font-weight: 300
}

@media only screen and (min-width:1024px) {
    .page--offers .card__wrapper--offers .card__content {
        padding-left: 22.5%
    }
}

.page--offers .card__wrapper--offers .card__content .card__title {
    font-size: 30px
}

.page--offers .card__wrapper--offers .card__content .card__offer-dates {
    color: #858585
}

.page--offers .card__wrapper--offers .card__content .card__body {
    font-size: 14px
}

.page--offers .card__wrapper--offers .card__content .icon__list {
    margin-top: 2em
}

.page--offers .article {
    padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 22.5%
}

.page--offers .article h3 {
    max-width: 700.008px;
    max-width: 58.334rem
}

@media (min-width:769px) {
    .page--property .header,
    .page--property .header.hide {
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: none
    }
}

.page--property .header__foldout {
    min-width: 204px;
    min-width: 17rem
}

.page--property .header__settings {
    display: none
}

.page--property .header--at-top .languages__list {
    border-color: #fff!important
}

.page--property .header--at-top .languages__link {
    color: #fff!important
}

.page--property .columns--inline__nav {
    opacity: 0;
    transition: opacity .3s ease
}

.page--property .columns--inline__nav.show {
    opacity: 1
}

.page--property .header__navigation {
    overflow: hidden;
    max-height: 1.9em;
    margin-top: .4em
}

@media only screen and (min-width:1024px) {
    .page--property #top .block--full-window-height:before {
        padding-top: 100vh
    }
}

.page--property .columns__wrapper {
    height: 100%
}

@media only screen and (min-width:1024px) {
    .page--property .columns__wrapper {
        height: calc(100vh - 87px)
    }
}

.page--property .column__content {
    background-color: #f0f0f0
}

.page--property .map {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.page--property .article--page--highlight-dark {
    position: relative;
    padding: 48px 64.8px;
    padding: 4rem 5.4rem;
    padding-left: 396px;
    padding-left: 33rem
}

.page--property .article--page--highlight-dark .block__image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 331.2px;
    width: 27.6rem;
    height: 100%
}

.page--property .article--page--highlight-dark .block__image-container .block__image {
    width: 100%;
    height: 100%
}

.page--property .block__container--bottom {
    max-width: 906px;
    max-width: 75.5rem;
    margin-bottom: -240px;
    margin-bottom: -20rem;
    padding-left: 0
}

.page--property .block__container--bottom h1 {
    font-size: 37px;
    margin-bottom: 0;
    padding-bottom: 4.8px;
    padding-bottom: .4rem
}

.page--property .block__container--bottom h1:after {
    display: none
}

@media only screen and (max-width:736px) {
    .page--property #top .block--full-window-height:before {
        padding-top: calc(100vh - 72px)!important
    }
    .page--property #locations:before {
        display: none
    }
    .page--property #reviews .grid__item {
        width: auto;
        float: none
    }
    .page--property #reviews .block__info {
        display: block
    }
    .page--property #offers.section--full-window-height:before {
        padding-top: 0
    }
    .page--property #journey .grid__item {
        width: auto;
        float: none
    }
    .page--property #about .article {
        overflow: visible
    }
    .page--property #about .icon--readmore:before {
        z-index: 0
    }
    .page--property .map {
        position: relative
    }
    .page--property .map>div {
        position: absolute;
        top: 0
    }
    .page--property .block__container.block__container--bottom {
        position: relative;
        clear: both
    }
    .page--property .block__container--bottom {
        margin-bottom: 0
    }
    .page--property .article--page--highlight-dark {
        padding: 3rem 2rem
    }
    .page--property .article--page--highlight-dark .block__image-container {
        display: none
    }
    .page--property .footer {
        padding-top: 0
    }
    .page--property .grid--column-2 .grid__item {
        height: calc(100vh - 6em)
    }
    .page--property .section--events .block:before {
        padding-top: calc(100vh - 56px)
    }
}

@media only screen and (max-width:768px) {
    .page--property .columns--inline .blocks--fixed,
    .page--property .columns--inline .column__section {
        max-height: none
    }
}

@-moz-document url-prefix() {
    .logo__image {
        max-width: 28em
    }
}

.page--detail .header__back-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    color: #444;
    margin-left: 0
}

@media screen and (min-width:1024px) {
    .page--detail .header__language {
        width: calc(100% - 265px)
    }
    .page--detail .header__right {
        padding-left: 72px
    }
    .page--detail .languages__button {
        color: #232323!important
    }
    .page--detail .languages__button,
    .page--detail .languages__list {
        border-color: rgba(35, 35, 35, .5)!important
    }
    .page--detail .languages__link {
        color: #232323!important
    }
    .page--detail .header__book-button {
        transition: all .75s ease-in-out
    }
}

.page--detail .article {
    overflow: visible
}

.page--detail .columns--inline .columns--inline--animation-trigger {
    top: 0
}

.page--detail .column__content {
    transition: background-color .75s ease-in-out, color .75s ease-in-out
}

@media only screen and (min-width:1024px) {
    .page--detail .column__content *,
    .page--detail .column__content .column__section-container,
    .page--detail .column__content article {
        transition: initial!important
    }
}

.page--detail .column__content .article__header .article__title {
    padding-bottom: 0;
    margin-bottom: .6em
}

.page--detail .column__content #block--0 .article__title {
    margin-bottom: .4em
}

.page--detail .column__content#column__content--block--3 {
    color: #fff;
    background-color: #282b30
}

.page--detail .column__content #block--3 .article>.icon__link {
    padding-bottom: 72px;
    padding-bottom: 6rem;
    display: inline-block;
    margin-left: -.6em
}

.page--detail .column__content #block--3 .article__title {
    margin-bottom: 1em
}

.page--detail .column__content #block--3 .block__title {
    font-size: 16px;
    font-weight: 400
}

.page--detail .column__content #block--3 .block__body.text {
    padding-bottom: 2em;
    color: #aeaeae;
    font-size: 16px;
    font-weight: 300
}

.page--detail .column__content #block--3 .icon--button:before {
    z-index: 0
}

.page--detail .column__content #block--3 .icon__label {
    transition: left .5s ease-out!important
}

@media only screen and (max-width:768px) {
    .page--detail .column__content #block--1 {
        border-top: 1px solid #eaeae8;
        border-bottom: 1px solid #eaeae8;
        padding: 0 0 2rem;
        margin: 0 2.5rem
    }
    .page--detail .column__content #block--3 {
        color: #fff;
        background-color: #282b30
    }
}

.page--detail h1:after {
    display: none!important
}

@media only screen and (max-width:736px) {
    .page--detail .column__content #block--3 .article>.icon__link {
        padding-bottom: 3rem
    }
    .page--detail .column__content #block--3 .block__body.text {
        font-size: 13px
    }
    .page--detail .column__content #block--3 .icon__label {
        font-size: 9px
    }
    .page--detail .column__section:last-of-type {
        padding-bottom: 9.5rem!important
    }
}

@media only screen and (max-width:768px) {
    .header--simple .header__hamburger {
        display: block
    }
}

.page--loyalty-join .section--full-window-height:before {
    background-color: rgba(0, 0, 0, .1);
    *zoom: 1;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00000000', endColorstr='#E6000000');
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .7), 65%, transparent);
    padding-top: 100vh
}

.page--loyalty-join #footer {
    display: none
}

.page--loyalty-join .page__sticky-book-mobile {
    display: none!important
}

.page--loyalty-detail .header .header__languages--mobile,
.page--loyalty-detail .header .header__right {
    display: none
}

.page--loyalty-detail .header .page__nav {
    display: none;
    color: #000
}

@media only screen and (min-width:1024px) {
    .page--loyalty-detail .header .page__nav {
        display: block;
        position: fixed;
        top: 1.4em;
        right: 41%;
        z-index: 1
    }
}

.page--loyalty-detail .header.header--at-top .page__nav {
    color: #fff
}

.page--loyalty-detail .column__content {
    transition: background-color .25s ease-in-out, color .25s ease-in-out
}

@media only screen and (min-width:1024px) {
    .page--loyalty-detail .column__content {
        color: #fff;
        background-color: #282b30
    }
    .page--loyalty-detail .column__content *,
    .page--loyalty-detail .column__content .column__section-container,
    .page--loyalty-detail .column__content article {
        transition: initial!important
    }
}

.page--loyalty-detail .column__content#column__content--block--1 {
    background-color: #01579b;
    color: #fff
}

.page--loyalty-detail .column__content#column__content--block--1 .features__item {
    color: #fff
}

.page--loyalty-detail .column__content#column__content--block--2 {
    background-color: #fff;
    color: #000
}

.page--loyalty-detail .column__content#column__content--block--2 .features__item {
    color: #000
}

.page--loyalty-detail .column__content#column__content--block--3 {
    background-color: #e8e8e8;
    color: #000
}

.page--loyalty-detail .column__content .icon--button:before {
    z-index: 0
}

@media only screen and (max-width:768px) {
    .page--loyalty-detail .column__content .column__section:nth-of-type(odd) {
        color: #fff;
        background-color: #282b30
    }
}

@media only screen and (max-width:736px) {
    .page--loyalty-detail .header--sticky-fixed .header__toggle {
        top: -5px
    }
}

.page--loyalty-account .block--generic {
    position: relative
}

.page--loyalty-account .block--generic:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: 100vh
}

.page--loyalty-account .block--generic>.block--generic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.is-mobile .page--sticky-book-mobile .page--loyalty-account .block--generic,
.is-tablet .page--sticky-book-mobile .page--loyalty-account .block--generic {
    position: relative
}

.is-mobile .page--sticky-book-mobile .page--loyalty-account .block--generic:before,
.is-tablet .page--sticky-book-mobile .page--loyalty-account .block--generic:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: calc(100vh - 6em)
}

.is-mobile .page--sticky-book-mobile .page--loyalty-account .block--generic>.block--generic,
.is-tablet .page--sticky-book-mobile .page--loyalty-account .block--generic>.block--generic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.is-mobile--ios .page--sticky-book-mobile .page--loyalty-account .block--generic:first-of-type {
    position: relative
}

.is-mobile--ios .page--sticky-book-mobile .page--loyalty-account .block--generic:first-of-type:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: calc(100vh - 6em - 6em + 2px)
}

.is-mobile--ios .page--sticky-book-mobile .page--loyalty-account .block--generic:first-of-type>.block--generic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width:769px) {
    .page--loyalty-account .block--generic {
        position: relative
    }
    .page--loyalty-account .block--generic:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
        padding-top: 50%
    }
    .page--loyalty-account .block--generic>.block__wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        right: -.1%
    }
    .page--loyalty-account .block--generic>.block__wrapper:after {
        left: -.5%;
        right: -.5%;
        width: 101%;
        height: 50%
    }
}

.page--loyalty-account .block--generic .block__wrapper:after {
    background-color: rgba(0, 0, 0, .1)
}

.page--loyalty-account .block--generic .text .button--simple:after {
    display: none
}

.page--loyalty-account .account-details.account-details__list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 2em;
    font-size: 1.35em
}

.page--loyalty-account .account-details .account-details__item {
    display: table;
    width: 100%;
    list-style: none;
    margin-bottom: 0;
    line-height: 1.8em;
    word-wrap: break-word
}

@media (min-width:769px) {
    .page--loyalty-account .account-details .account-details__label,
    .page--loyalty-account .account-details .account-details__value {
        display: table-cell;
        text-align: left
    }
}

.page--loyalty-account .account-details .account-details__value {
    width: 100%;
    word-break: break-all
}

.page--loyalty-account .account-details .account-details__label {
    display: block;
    font-weight: 700
}

@media (min-width:769px) {
    .page--loyalty-account .account-details .account-details__label {
        display: inline-block;
        min-width: 12em;
        padding-right: 2em
    }
}

@media only screen and (max-width:736px) {
    .page--loyalty-account .grid--grow {
        padding: 0!important
    }
}

.page--loyalty-signin .section--full-window-height:before {
    background-color: rgba(0, 0, 0, .1);
    *zoom: 1;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00000000', endColorstr='#E6000000');
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .7), 65%, transparent);
    padding-top: 100vh
}

.page--loyalty-signin .signin {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page--loyalty-signin .signin__wrapper {
    width: 66%;
    margin: 0 auto
}

.page--loyalty-signin .signin__description {
    max-height: 10em;
    overflow: hidden;
    padding-bottom: 1.6em;
    font-size: 16px;
    transition: max-height .5s ease
}

.page--loyalty-signin .signin__form .error {
    display: none;
    background: rgba(204, 57, 57, .8);
    padding: 1em;
    margin-bottom: 1em;
    border: 1px solid #cc3939
}

.page--loyalty-signin .signin__form .error.is-active {
    display: block
}

.page--loyalty-signin .signin__form.is-loading,
.page--loyalty-signin .signin__form.is-loading+.signin__loading+.signin__previous {
    display: none
}

.page--loyalty-signin .signin__form.is-loading+.signin__loading {
    display: block
}

.page--loyalty-signin .signin__form .dropdown__content {
    padding-left: 12px;
    padding-left: 1rem
}

.page--loyalty-signin .signin__form .join__submit {
    float: right;
    margin-top: 1em;
    margin-left: 2em
}

.page--loyalty-signin .signin__loading {
    display: none;
    padding-bottom: 1em;
    font-size: 14px
}

.page--loyalty-signin .signin__section {
    width: 100%;
    border-bottom: thin solid hsla(0, 0%, 100%, .5);
    line-height: 2;
    position: relative;
    left: -12px;
    left: -1rem
}

.page--loyalty-signin .signin__section.hidden {
    display: none
}

.page--loyalty-signin .signin__header {
    margin-bottom: 1em
}

.page--loyalty-signin .signin__next,
.page--loyalty-signin .signin__previous {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page--loyalty-signin .signin__next {
    position: absolute;
    right: 12px;
    right: 1rem;
    bottom: 0;
    line-height: inherit;
    opacity: .5;
    transition: opacity .5s ease
}

.page--loyalty-signin .signin__next:hover {
    opacity: 1
}

.page--loyalty-signin .signin__previous .icon--svg {
    height: 2.5em;
    margin-top: -1px
}

.page--loyalty-signin .signin__previous,
.page--loyalty-signin .signin__secondary-link {
    display: inline-block;
    padding: 1.5em 0;
    line-height: 2.2;
    margin-top: 1em;
    font-size: 11px;
    text-transform: uppercase
}

.page--loyalty-signin .signin__submit {
    margin-top: 3em
}

.page--loyalty-signin .signin__secondary-link {
    margin-top: 0;
    font-weight: 600
}

.page--loyalty-signin .signin__secondary-link:before {
    font-family: FontAwesome;
    content: '\f105';
    display: inline-block;
    text-align: center;
    width: 1.4em;
    font-size: 1.2em
}

.page--loyalty-signin .signin__secondary-link:after {
    display: none!important
}

.page--loyalty-signin .signin__forgot-pass {
    float: right;
    margin-top: 1em
}

.page--loyalty-signin .signin[data-step=start] .signin__previous {
    display: none
}

.page--loyalty-signin .signin.show-name .signin__description {
    max-height: 0;
    margin-bottom: 2em
}

.page--loyalty-signin .signin.show-name .signin__name {
    opacity: 1
}

.page--loyalty-signin .join_header.text {
    padding: 4.6em 0;
    display: block;
    clear: both
}

.page--loyalty-signin .join_header.text .join__title {
    font-size: 26px
}

.page--loyalty-signin .join_header.text .join__description {
    font-size: 16px;
    max-height: none
}

.page--loyalty-signin #footer {
    display: none
}

.page--loyalty-signin .page__sticky-book-mobile {
    display: none!important
}

@media only screen and (max-width:736px) {
    .page--loyalty-signin .section--full-window-height:before {
        padding-top: 140vh
    }
    .page--loyalty-signin .signin {
        top: 45%
    }
    .page--loyalty-signin .signin__wrapper {
        width: 80%
    }
    .page--loyalty-signin .signin__previous {
        float: right;
        padding-right: 1em;
        margin-top: 0;
        padding-top: 0
    }
}

.page--border .main:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1em solid #fff;
    z-index: -10;
    transition: all .5s ease
}

.page--border .header {
    top: 1em;
    right: 1em;
    left: 1em;
    width: auto;
    transition: all .5s ease
}

.page--border.hide-border .main:after {
    border-width: 0
}

.page--border.hide-border .header {
    top: 0;
    right: 0;
    left: 0;
    width: 100%
}

.header {
    position: fixed;
    width: 100%;
    z-index: 99;
    color: #fff;
    transition: all .6s ease;
    will-change: transform
}

.header.hide {
    display: block!important;
    -webkit-transform: translateY(-125%);
    -ms-transform: translateY(-125%);
    transform: translateY(-125%)
}

.header.prominent-hover,
.header.prominent-hover.hide {
    display: block!important;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.header.prominent-hover.header--at-top {
    background-color: transparent
}

.header1:after {
    content: "";
    height: 300%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(168, 169, 171, 0.4) 0, hsla(0, 0%, 100%, 0));
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    transition: all .6s ease;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.header.header--half-width:after {
    width: 50%
}

@media only screen and (max-width:768px) {
    .header:after {
        height: 150%
    }
    .header.header--half-width:after {
        width: 100%
    }
}

.header.hide:after,
.header.prominent:after {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
}

.header.prominent {
    background-color: #fff
}

.header.prominent .header__signin-link,
.header.prominent .header__toggle,
.header.prominent .logo__image,
.header.prominent .navigation__link,
.header.prominent svg {
    color: #444
}

.header.prominent .languages__button,
.header.prominent .languages__list {
    border-color: rgba(68, 68, 68, .5)
}

.header.header--sticky-fixed,
.header.header--sticky-fixed.hide {
    background-color: #fff
}

.header.header--sticky-fixed .header__signin-link,
.header.header--sticky-fixed .header__toggle,
.header.header--sticky-fixed.hide .header__signin-link,
.header.header--sticky-fixed.hide .header__toggle,
.header.header--sticky-fixed.hide .logo__image,
.header.header--sticky-fixed.hide .navigation__link,
.header.header--sticky-fixed.hide svg,
.header.header--sticky-fixed .logo__image,
.header.header--sticky-fixed .navigation__link,
.header.header--sticky-fixed svg {
    color: #444
}

.header.header--sticky-fixed.hide .languages__button,
.header.header--sticky-fixed.hide .languages__list,
.header.header--sticky-fixed .languages__button,
.header.header--sticky-fixed .languages__list {
    border-color: rgba(68, 68, 68, .5)
}

@media only screen and (min-width:1024px) {
    .header.header--sticky-fixed,
    .header.header--sticky-fixed.hide {
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: none
    }
}

.header.header--sticky-fixed.header--at-top {
    background-color: transparent
}

.header.header--sticky-fixed.header--at-top .header__toggle,
.header.header--sticky-fixed.header--at-top .logo__image,
.header.header--sticky-fixed.header--at-top .navigation__link {
    color: #fff
}

.header.header--sticky-fixed.header--at-top .languages__button,
.header.header--sticky-fixed.header--at-top .languages__list {
    border-color: hsla(0, 0%, 100%, .5)
}

.header .page__nav {
    display: none
}

.header .header__toggle {
    display: table;
    vertical-align: middle;
    height: 48px;
    height: 4rem
}

@media (min-width:1024px) {
    .header .header__toggle {
        display: none
    }
}

.header .header__hamburger,
.header .header__languages {
    display: table-cell;
    vertical-align: middle
}

@media (min-width:1024px) {
    .header .header__hamburger,
    .header .header__languages {
        display: none
    }
}

@media (min-width:769px) {
    .header .header__links .header__languages {
        display: inline-block
    }
}

.header:after,
.header>div {
    transition: opacity .5s 1s
}

body.discover-mode .header:after,
body.discover-mode .header>div {
    transition: opacity .5s;
    opacity: 0
}

.header__message {
    overflow: hidden;
    transition: max-height .5s ease;
    color: #fff;
    max-height: 0
}

html.show-cookies .header__message {
    max-height: 8em
}

.header__left {
    margin-right: 0;
    float: left;
    position: relative;
    width: 100%;
    max-width: none;
    z-index: 1
}

@media (min-width:1024px) {
    .header__left {
        width: auto
    }
}

.header__logo {
    position: relative
}

.header__logo .logo {
    max-height: 44.4px;
    max-height: 7rem
}

.header__image {
    width: auto;
    display: block;
    overflow: hidden;
    max-height: 48px;
    max-height: 4rem;
    max-height: 43.2px;
    max-height: 75px;
}

.header__image .logo {
    transition: all .5s ease
}

.header__image .logo:nth-child(2) {
    opacity: 0
}

.switch .header__image .logo:nth-child(1) {
    opacity: 0;
    -webkit-transform: translateY(-100%) scaleY(0);
    -ms-transform: translateY(-100%) scaleY(0);
    transform: translateY(-100%) scaleY(0)
}

.switch .header__image .logo:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(-100%) scale(1);
    -ms-transform: translateY(-100%) scale(1);
    transform: translateY(-100%) scale(1)
}

.header__toggle {
    display: none;
    float: left;
    position: relative;
    margin-right: 2em
}

.header__hamburger,
.header__languages {
    display: inline-block;
    vertical-align: middle
}

.header__languages .languages__list {
    position: fixed
}

.header__languages--mobile {
    display: none;
    min-height: none;
    vertical-align: middle;
    min-height: 0!important;
    padding-right: 12px;
    padding-right: 1rem
}

.header__languages--mobile .languages__button:before {
    display: none
}

.header__languages--mobile .languages__list {
    position: absolute;
    right: -3.5em;
    top: 36px;
    top: 3rem
}

.header__right {
    display: none
}

@media (min-width:1024px) {
    .header__right {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        float: none
    }
}

.header--simple .header__right {
    max-width: 50%;
    float: right;
    width: 100%
}

.header__menu-wrapper {
    overflow: hidden;
    float: none;
    width: calc(100% - 192px);
    transition: all .6s ease
}

.header__menu,
.header__menu-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu {
    max-width: 62em;
    height: 2em;
    width: 100%
}

.header__languages,
.header__settings {
    float: left
}

.header__links .navigation__link span:after {
    display: none
}

.header__navigation {
    display: block;
    width: 100%;
    max-height: 1.4em;
    transition: all .6s ease
}

.header__navigation .navigation {
    transition: all .5s ease
}

.header__navigation .navigation:nth-child(2) {
    opacity: 0
}

.switch .header__navigation .navigation:nth-child(1) {
    opacity: 0;
    -webkit-transform: translateY(-100%) scaleY(0);
    -ms-transform: translateY(-100%) scaleY(0);
    transform: translateY(-100%) scaleY(0)
}

.switch .header__navigation .navigation:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(-100%) scale(1);
    -ms-transform: translateY(-100%) scale(1);
    transform: translateY(-100%) scale(1)
}

.header__aside {
    float: right;
    margin: 13.919px 9.6px;
    margin: 1.16rem .8rem;
    z-index: 1;
    margin-right: 15px
}

.header__aside>* {
    display: inline-block;
    vertical-align: middle
}

.header__back-link,
.header__signin-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 72px;
    max-height: 6rem;
    white-space: nowrap;
    font-size: 1.2em;
    z-index: 99
}

.header__back-link .link,
.header__signin-link .link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: currentColor
}

.header__back-link svg,
.header__signin-link svg {
    height: 16.799px;
    height: 1.4rem;
    width: 16.799px;
    width: 1.4rem;
    margin-left: .4em;
    float: right;
    display: inline-block
}

.header__back-link svg #signin-icon,
.header__signin-link svg #signin-icon {
    stroke: currentColor
}

.header__back-link svg #back-icon,
.header__signin-link svg #back-icon {
    fill: currentColor
}

.header__signin-link {
    position: relative;
    margin: 0 auto;
    font-weight: 600
}

.header__signin-link .link {
    z-index: 2
}

.header__signin-dropdown {
    display: none;
    position: absolute;
    right: -.7em;
    height: auto;
    top: 1em;
    visibility: hidden;
    transition: visibility 0s linear .3s, opacity 1s linear, background 1s linear, top .3s linear .2s;
    z-index: 1;
    width: 200px;
    padding: 0 9.6px;
    padding: 0 .8rem;
    padding-right: 32.4px;
    padding-right: 2.7rem;
    text-align: right
}

.header__signin-dropdown a {
    padding: .4em 0;
    display: block;
    opacity: 0;
    line-height: 2.2;
    transition: opacity .3s linear, margin .15s linear
}

.header__signin-dropdown a:hover {
    margin-right: 1em
}

.header__signin-dropdown.header__signin-dropdown--show {
    height: auto;
    visibility: visible;
    top: 3.8em
}

.header__signin-dropdown.header__signin-dropdown--show a {
    opacity: 1
}

.header__signin-dropdown.header__signin-dropdown--show a:nth-of-type(0) {
    transition-property: opacity, margin, top;
    transition-delay: .05s, 0s
}

.header__signin-dropdown.header__signin-dropdown--show a:nth-of-type(1) {
    transition-property: opacity, margin, top;
    transition-delay: .1s, 0s
}

.header.prominent .header__signin-dropdown,
.page--destinations>.header .header__signin-dropdown {
    background-color: #fff;
    transition: visibility 0s linear .3s, opacity 1s linear, top .3s linear .2s
}

.header.prominent .header__signin-dropdown.header__signin-dropdown--show,
.page--destinations>.header .header__signin-dropdown.header__signin-dropdown--show {
    background-color: #fff
}

.header__back-link {
    display: none
}

.header__back-link span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .6em
}

.header__back-link svg {
    margin: 0;
    width: 37.2px;
    width: 3.1rem;
    height: 37.2px;
    height: 3.1rem
}

.header__book,
.header__book.book-button {
    padding: 14.04px 0;
    padding: 1.17rem 0
}

.header--property .header__toggle {
    display: table
}

.header--property .header__hamburger {
    display: table-cell;
	background: #e8e8e8;
    padding: 15px;
}

.header--property .header__image .logo {
    position: relative
}

.header--property .header__image .logo svg {
    width: auto;
    max-width: 100%
}

.header--simple {
    background-color: transparent
}

.header--simple .header__hamburger {
    display: none
}

.header .header--sticky-fixed .header__toggle {
    display: inline-block
}

@media only screen and (max-width:736px) {
    .header__message .cookies {
        padding: 1em 2rem
    }
    .header__logo {
        padding-left: 2rem!important;
        padding-right: 2rem!important
    }
    .header__toggle {
        float: right;
        margin-right: 0
    }
    .header__image {
        /*height: 3.4rem;*/
        padding-top: 0
    }
    .header__foldout {
        width: 100%;
        max-width: none
    }
    .header__foldout .foldout.active,
    .header__foldout .foldout.closing {
        min-height: 100vh
    }
    .header__right {
        display: none
    }
    .header__toggle {
        display: inline-block;
        visibility: visible
    }
    .header__languages--mobile {
        display: inline-block;
        float: none
    }
    .header--property {
        padding-bottom: 0
    }
    .header--property .header__image {
        height: 4em
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .header__languages--mobile .languages__list {
        top: 5rem
    }
    .header__message {
        min-height: 1em
    }
    .header__message .cookies {
        padding: 1em 2rem
    }
    .header__logo {
        padding-left: 2rem!important;
        padding-right: 2rem!important;
        line-height: 5
    }
    .header__toggle {
        line-height: 1;
        float: right;
        margin-right: 0
    }
    .header__foldout {
        width: 100%;
        max-width: none
    }
    .header__foldout .foldout.active,
    .header__foldout .foldout.closing {
        min-height: 100vh
    }
    .header__right {
        display: none
    }
    .header__toggle {
        visibility: visible
    }
    .header__languages--mobile,
    .header__toggle {
        display: inline-block
    }
    .header--property .header__image {
        height: 4em
    }
}

.main--scrollsnap {
    width: 100vw;
    height: 100vh;
    overflow: auto
}

.main--scrollsnap .section {
    height: 100%
}

.footer {
    background-color: #fff;
    color: #444;
    border-top: thin solid #fff;
    background: #e1f7ff;
    border-top: 5px solid #04455f;
   /* margin-top: 40px;*/
}

.footer .ruler {
    border-color: #444
}

.footer .ruler--block-width {
    margin-right: 72px;
    margin-right: 6rem;
    margin-left: 72px;
    margin-left: 6rem
}

.footer .icon {
    color: #444
}

.footer__section,
.footer__top {
    padding: 2em 6em
}

.footer__section {
    overflow: hidden;
    *zoom: 1;
    padding-top: 1em;
    padding-bottom: 1em
}

.footer__section--one .footer__label {
    margin-bottom: 1em
}

@media only screen and (min-width:769.1px) {
    .footer__section--two .footer__column.footer__column--large {
        width: 40%
    }
    .footer__section--two .footer__column.footer__column--large .footer__list--container {
        width: 50%
    }
    .footer__section--two .footer__column.footer__column--xlarge {
        width: 60%
    }
    .footer__section--two .footer__column.footer__column--xlarge .footer__list--container {
        width: 33.333%
    }
    .footer__section--two .footer__column.footer__column--xxlarge {
        width: 80%
    }
    .footer__section--two .footer__column.footer__column--xxlarge .footer__list--container {
        width: 25%
    }
    .footer__section--two .footer__column.footer__column--full {
        width: 100%
    }
    .footer__section--two .footer__column.footer__column--full .footer__list--container {
        width: 20%
    }
    .footer__section--two .footer__column .footer__list--container {
        float: left;
        padding-right: 1em
    }
}

.footer__section--three {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.footer__column {
    min-height: 7.2em
}

.footer__column:last-child {
    padding-right: 0
}

.footer__bottom {
    padding-top: 43.2px;
    padding-right: 72px;
    padding-bottom: 43.2px;
    padding-left: 72px;
    padding: 3.6rem 6rem;
    background-color: #04445e;
    text-align: left;
    color:#fff;
}

.footer__label,
.footer__list-item {
    line-height: 2.4em;
    min-height: 2.4em
}

.footer__label,
.footer__list-link {
    text-transform: uppercase
}

.footer__section--three .footer__label,
.footer__section--three .footer__list-link {
    text-transform: none
}

.footer__list-link {
    text-decoration: inherit;
    cursor: inherit;
    color: inherit;
    color: #666;
    cursor: pointer
}

.footer__list-link:active,
.footer__list-link:focus {
    outline: none
}

.footer__list-link:focus,
.footer__list-link:visited {
    color: inherit
}

.footer__list-link:hover {
    color: #000
}

.footer__list-link:active {
    color: inherit
}

.footer__search {
    max-width: 35em
}

.footer__search .search__icon {
    color: #858585
}

.footer__logos {
    line-height: 4em
}

.footer__logos--follow {
    text-align: center
}

.footer__logos--members {
    width: 75%;
    float: left
}

.footer__logos--members .footer__logos-item {
    width: 20%;
    float: left;
    margin-right: 0
}

.footer__logos--members+.footer__logos--follow {
    text-align: right;
    width: 25%;
    float: left
}

.footer__logos .icon__item .icon {
    width: 39px;
    width: 3.25rem;
    height: 39px;
    height: 3.25rem
}

.footer__logos-item,
.footer__logos-item.icon__item {
    margin-top: 0;
    margin-right: 1em
}

.footer__logos-link {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    display: inline-block
}

.footer__logos-link:active,
.footer__logos-link:focus {
    outline: none
}

.footer__logos-link img {
    width: 70%;
    vertical-align: middle
}

.footer__action-top {
    float: right
}

.footer__action-top .icon__link {
    display: inherit
}

.footer__action-top .icon__label {
    vertical-align: baseline
}

.footer__action-top .icon {
    height: 1em;
    width: 1.5em
}

.footer--property .footer__section--four {
    padding-top: 0
}

@media only screen and (max-width:736px) {
    /*.footer {
        border-top: thin solid #aeaeae
    }*/
    .footer .ruler {
        display: none
    }
    .footer__bottom,
    .footer__content,
    .footer__top {
        padding: 0
    }
    .footer__breadcrumbs {
        display: none
    }
    .footer__section {
        padding: 20px;
    }
    .footer__section--one {
        display: none
    }
    .footer__section--two .footer__column {
        padding-left: 2rem;
        padding-right: 2rem;
        border-bottom: thin solid #eaeae8;
        min-height: 0
    }
    .footer__section--two .footer__column.open .footer__list {
        max-height: 40em
    }
    .footer__section--two .grid__item {
        width: auto!important;
        float: none!important
    }
    .footer__section--two .footer__label {
        text-align: left;
        padding: 2em 0;
        margin-bottom: 0!important;
        color: inherit;
        width: 85%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .footer__section--two .footer__label:after {
        content: "\f107";
        display: inline-block;
        font-family: FontAwesome;
        opacity: .75;
        margin-right: 1rem;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    .footer__section--two .footer__label.active:after,
    .footer__section--two .footer__label.open:after {
        content: "\f106";
        opacity: 1
    }
    .footer__section--two .footer__label:after {
        position: absolute;
        right: 2rem;
        margin-right: 0
    }
    .footer__section--two .footer__list {
        max-height: 0;
        overflow: hidden;
        transition: all .6s ease
    }
    .footer__section--two .footer__list--container:last-child .footer__list-item:last-child {
        padding-bottom: 2em
    }
    .footer__section--two .footer__column--destinations.open .footer__label:after {
        content: "\f106"
    }
    .footer__section--three {
        display: none
    }
    .footer__section--four {
        background-color:#e1f7fe;
        color: #858585;
        padding-top: 0;
    }
    .footer__section--four .footer__logos--members {
        display: none
    }
    .footer__section--four .footer__logos--follow,
    .footer__section--four .footer__logos--follow .footer__label {
        text-align: center
    }
    .footer__section--four .footer__logos--follow .icon__item {
        display: inline-block
    }
    .footer__label--empty {
        display: none
    }
    .footer__list-item {
        padding-bottom: 1em
    }
    .footer__bottom {
        /*background-color: #fff;*/
        padding: 4rem
    }
    .footer__logos {
        width: auto!important;
        float: none!important;
        text-align: center
    }
    .footer__logos .icon--svg {
        width: 3.5em;
        height: 3.5em
    }
    .footer__logos-item {
        display: inline-block
    }
    .footer__links {
        padding: 4em 0
    }
    .footer__bottom {
        position: relative;
        padding-bottom: 5em;
        text-align: center
    }
    .footer__action-top {
        position: absolute;
        bottom: 2em;
        right: 2em
    }
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .footer__column {
        margin-bottom: 2em
    }
}

.section--offers--flex {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-top: 113px
}

.section--offers--flex,
.section__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.section__wrapper {
    min-height: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #282b30
}

.section__wrapper--offers {
    background-color: transparent;
    margin-bottom: -100px;
    height: 100%
}

.section__wrapper--offers-padding {
    padding: 15px 15px 0 25px
}

.section__wrapper--max-width {
    max-width: 1500px;
    margin: 0 auto;
    position: relative
}

.section__content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.section__content>:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.section__footer,
.section__header {
    color: #fff
}

.section--padding-top {
    padding: 15px 15px 0
}

.section__wrapper--offers:not(#propertyOffers) {
    padding-top: 15px!important
}

.section--offers-hideTablet {
    display: block
}

.section--about,
.section__offers {
    padding: 0 15px
}

.section--about {
    color: #5d5d5d
}

.section__carousel {
    position: relative;
    padding: 0 15px
}

.section__carousel .carousel__footer,
.section__carousel .carousel__next,
.section__carousel .carousel__prev {
    color: #fff
}

.section__carousel .carousel__footer {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 14.399px;
    padding-right: 18px;
    padding-bottom: 31.68px;
    padding-left: 18px;
    padding: 1.2rem 1.5rem 2.64rem;
    width: 30%;
    margin-right: 10%
}

.section__carousel .carousel__footer .carousel__dots {
    display: none
}

.section__carousel .carousel__next,
.section__carousel .carousel__prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.section__carousel .carousel__prev {
    left: 36px;
    left: 3rem
}

.section__carousel .carousel__next {
    right: 36px;
    right: 3rem
}

.section__carousel--right .carousel__footer {
    width: 14.2857142857%;
    margin-right: 0
}

.section__header {
    line-height: 3;
    background-color: #193047
}

.section__footer--offer-hide {
    opacity: 0
}

.section,
.section--full-window-height {
    position: relative
}

.section--full-window-height:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: 100vh
}

.section--full-window-height>.section__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.is-mobile .page--sticky-book-mobile .section--full-window-height,
.is-tablet .page--sticky-book-mobile .section--full-window-height {
    position: relative
}

.is-mobile .page--sticky-book-mobile .section--full-window-height:before,
.is-tablet .page--sticky-book-mobile .section--full-window-height:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: calc(100vh - 6em)
}

.is-mobile .page--sticky-book-mobile .section--full-window-height>.section__wrapper,
.is-tablet .page--sticky-book-mobile .section--full-window-height>.section__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.is-mobile--ios .page--sticky-book-mobile .section--full-window-height:first-of-type {
    position: relative
}

.is-mobile--ios .page--sticky-book-mobile .section--full-window-height:first-of-type:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: calc(100vh - 6em - 6em + 2px)
}

.is-mobile--ios .page--sticky-book-mobile .section--full-window-height:first-of-type>.section__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.section--full-window-height>.section__wrapper {
    padding: 0 15px
}

.section--full-window-height--large:before {
    padding-top: 100%!important
}

.section--full-window-height:before {
    padding-top: calc(100vh - 87px)
}

.section--auto-height:before {
    content: none!important
}

.section--auto-height>.section__wrapper {
    position: relative!important
}

.section--full-window-height#top {
    position: relative;
    border-bottom: 15px solid #fff
}

.section--full-window-height#top:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: 100vh
}

.section--full-window-height#top>.section__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.is-mobile .page--sticky-book-mobile .section--full-window-height#top,
.is-tablet .page--sticky-book-mobile .section--full-window-height#top {
    position: relative
}

.is-mobile .page--sticky-book-mobile .section--full-window-height#top:before,
.is-tablet .page--sticky-book-mobile .section--full-window-height#top:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: calc(100vh - 6em)
}

.is-mobile .page--sticky-book-mobile .section--full-window-height#top>.section__wrapper,
.is-tablet .page--sticky-book-mobile .section--full-window-height#top>.section__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.is-mobile--ios .page--sticky-book-mobile .section--full-window-height#top:first-of-type {
    position: relative
}

.is-mobile--ios .page--sticky-book-mobile .section--full-window-height#top:first-of-type:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: calc(100vh - 6em - 6em + 2px)
}

.is-mobile--ios .page--sticky-book-mobile .section--full-window-height#top:first-of-type>.section__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.section--full-window-height#top>.section__wrapper {
    padding: 0!important
}

.section--full-window-height#locations {
    border-left: 15px solid #fff;
    border-right: 15px solid #fff
}

.section--80-window-height {
    padding: 0 15px;
    height: calc(100vh - 60px)
}

.section--80-window-height>.grid__wrapper {
    height: 100%
}

.section--third-window-height {
    height: 48%
}

.section--third-window-height>.section__wrapper {
    height: 100%;
    background-color: transparent
}

.section--padding {
    padding: 0 15px
}

.section--2-third-window-height {
    height: calc(52% + 100px);
    opacity: 1;
    z-index: 5
}

.section--2-third-window-height>.grid__wrapper {
    padding: 15px 0
}

.section--2-third-window-height.grid {
    overflow: visible
}

.section #bestOffers {
    top: -100px
}

.section--offers .section__header {
    padding-top: 21.6px;
    padding-right: 36px;
    padding-bottom: 21.6px;
    padding-left: 54px;
    padding: 1.8rem 3rem 1.8rem 4.5rem
}

.section--offers .section__header .offers {
    width: 100%;
    line-height: 3em
}

.section--offers .section__header>* {
    display: inline-block;
    vertical-align: bottom
}

.section--offers .section__header .dates__wrapper {
    position: absolute;
    margin-left: -36px;
    margin-left: -3rem
}

.section--offers .section__footer {
    line-height: 5em
}

.section--offers .section__footer .carousel__footer {
    padding-left: 45px;
    padding-left: 3.75rem;
    padding-right: 36px;
    padding-right: 3rem
}

.section--offers>.section__wrapper {
    display: block!important
}

@media only screen and (max-width:736px) {
    .section--usp .usp__item {
        width: 100%;
        text-align: left
    }
    .section--offers .section__footer {
        bottom: auto;
        width: 100%
    }
    .section--offers .section__footer .carousel__footer {
        padding-left: 0;
        padding-right: 0
    }
    .section--offers .carousel__next,
    .section--offers .carousel__prev {
        display: none!important
    }
    .section--dining .carousel__dots,
    .section--rooms .carousel__dots {
        display: none
    }
    .section--about {
        padding: 0
    }
    .section--dining .carousel__prev {
        display: none!important
    }
    .section--full-window-height#locations {
        border-left: none;
        border-right: none
    }
    .section--full-window-height#top {
        border: none
    }
    .section__carousel {
        padding: 0
    }
    .section__carousel .carousel__footer {
        width: 100%!important;
        padding-bottom: 0;
        padding-top: 0;
        bottom: 4rem;
        margin-right: 0!important
    }
    .section__carousel .carousel__dots {
        display: inline-block
    }
    .section__carousel .carousel__links {
        display: none
    }
    .section__carousel .carousel__next,
    .section__carousel .carousel__prev {
        top: auto;
        bottom: 50%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-size: 120%
    }
    .section__carousel .carousel__next .button__label,
    .section__carousel .carousel__prev .button__label {
        display: none
    }
    .section__carousel .carousel__prev {
        left: 1.3em
    }
    .section__carousel .carousel__next {
        right: 1.3em
    }
    .section__wrapper--offers {
        position: relative!important
    }
}

.section--2-third-window-height-half {
    height: 79%
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .section--usp .usp__item {
        width: 50%;
        float: left;
        text-align: left
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .section--offers .section__header {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .section--offers .offers>* {
        margin-bottom: .5em
    }
    .section--offers .offers__form {
        float: none
    }
    .section--destinations-secondary .block__container--bottom {
        bottom: -70px
    }
    .section__carousel .carousel__footer {
        margin-right: 0!important
    }
    .section__carousel .carousel__links {
        text-align: right
    }
}

@media only screen and (max-width:736px) {
    .section--offers--flex {
        padding-top: 10px;
        display: block;
        height: auto
    }
    .section__wrapper--offers,
    .section__wrapper--offers:not(#propertyOffers) {
        padding: 0!important
    }
    .section--padding,
    .section--padding-top {
        padding: 0
    }
    .section--80-window-height {
        padding: 0 15px;
        background-color: #f0f0f0
    }
    .section--80-window-height>.grid__wrapper {
        height: 90%
    }
    .section--full-window-height>.section__wrapper {
        padding: 0
    }
    .section__auto-height .section__wrapper--offers {
        position: relative!important
    }
    .section--2-third-window-height>.grid__wrapper {
        padding: 15px 0 0
    }
    .section--offers .carousel__wrapper--offers {
        max-height: none
    }
    .section--offers .carousel__wrapper--offers .carousel {
        min-height: calc(100% - 60px)
    }
    .section--offers .block>.block__wrapper {
        position: relative
    }
}

@media only screen and (max-width:768px) {
    .section--offers-hideTablet {
        display: none
    }
    .section--offers-half:before {
        padding-top: 100%!important
    }
    .section--2-third-window-height {
        top: auto
    }
    .section--80-window-height {
        height: auto
    }
    .section #bestOffers {
        top: auto
    }
    .section__wrapper--offers {
        margin: 0
    }
    .section--offers .section__footer {
        line-height: 3em
    }
}

.grid__wrapper--moments>.slick-dots {
    text-align: center;
    padding: 20px 0 10px;
    color: #01579b
}

.grid__item {
    height: 100%;
    overflow: hidden
}

.grid__item--offer:before {
    content: none!important
}

.grid {
    overflow: hidden;
    *zoom: 1
}

.grid--carousel .slick-dots {
    position: absolute;
    width: 100%;
    bottom: 48px;
    bottom: 4rem;
    text-align: center;
    margin: 0;
    color: #fff
}

.grid--third-window-height {
    position: relative
}

.grid--third-window-height:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: 33%
}

.grid--third-window-height>.grid__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px
}

.grid--full-window-height {
    position: relative;
    width: 100%
}

.grid--full-window-height:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: calc(100vh - 87px)
}

.grid--full-window-height>.grid__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px
}

.grid--full-window-height>.grid__wrapper.grid__wrapper--discover {
    padding: 15px 15px 0
}

.grid--double-window-height {
    position: relative
}

.grid--double-window-height:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: 200vh
}

.grid--double-window-height>.grid__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.grid--full-height .grid__wrapper {
    height: 100%
}

.grid--grow {
    padding: 0 15px
}

.grid--grow .block:before {
    display: none
}

.grid--grow .block>.block__wrapper,
.grid--grow .block__container {
    position: relative;
    height: 100%
}

.grid--grow .block--vertical .block__container {
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    padding: 45px;
    padding: 3.75rem
}

.grid--grow .block--vertical .block__image {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.grid--grow .grid__wrapper {
    display: table;
    width: 100%;
    height: 100%
}

.grid--grow .grid__wrapper .grid-item {
    display: table-cell;
    height: 100%
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .grid--grow .grid__wrapper .grid__item.block--overlay-dark {
        width: 100%;
        height: auto!important
    }
}

@media only screen and (max-width:736px) {
    .grid--grow .grid__wrapper .grid__item.block--overlay-dark {
        width: 100%;
        height: auto!important
    }
}

.grid--grow .block__content .usp li {
    margin-bottom: .8em
}

.grid--grow .block__title {
    font-size: 37px;
    margin-bottom: .4em
}

.grid--column-2 .grid__item {
    width: 50%;
    float: left
}

.grid--column-3 .grid__item {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

@media (min-width:415px) {
    .grid--column-3 .grid__item {
        width: 33.3333333333%;
        float: left
    }
}

.grid--column-3x3 .grid__item {
    height: 50%;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

@media (min-width:415px) {
    .grid--column-3x3 .grid__item {
        width: 33.3333333333%;
        float: left
    }
}

.grid--column-4 .grid__item {
    width: 25%;
    float: left
}

.grid--column-5 .grid__item {
    width: 20%;
    float: left
}

.grid--column-6 .grid__item {
    width: 16.6666666667%;
    float: left
}

.grid--column-7 .grid__item {
    width: 14.2857142857%;
    float: left
}

.grid--column-8 .grid__item {
    width: 12.5%;
    float: left
}

.grid--column-9 .grid__item {
    width: 11.1111111111%;
    float: left
}

.grid--column-10 .grid__item {
    width: 10%;
    float: left
}

.grid--column-1-and-1x1 .grid__item {
    width: 33.3333333333%;
    float: left;
    height: 50%
}

.grid--column-1-and-1x1 .grid__item:nth-child(1) {
    height: 100%
}

.grid--column-1-and-1x1 .grid__item:nth-child(n+2) {
    width: 66.6666666667%
}

.grid--column-1-and-1x2 .grid__item {
    width: 33.3333333333%;
    float: left;
    height: 50%
}

.grid--column-1-and-1x2 .grid__item:nth-child(1) {
    height: 100%
}

.grid--column-1-and-1x2 .grid__item:nth-child(2) {
    width: 66.6666666667%
}

.grid--column-1-and-2x2 .grid__item {
    width: 33.3333333333%;
    float: left;
    height: 50%
}

.grid--column-1-and-2x2 .grid__item:nth-child(1) {
    height: 100%
}

.grid--column-1-and-1x3 .grid__item {
    width: 25%;
    float: left;
    height: 50%
}

.grid--column-1-and-1x3 .grid__item:nth-child(1) {
    height: 100%
}

.grid--column-1-and-1x3 .grid__item:nth-child(2) {
    width: 75%;
    float: left
}

.grid--column-1-and-2x3 .grid__item {
    width: 25%;
    float: left;
    height: 50%
}

.grid--column-1-and-2x3 .grid__item:nth-child(1) {
    height: 100%
}

.grid--column-1-and-2x3 .grid__item:nth-child(6) {
    width: 50%;
    float: left
}

.grid--column-1-and-3x3 .grid__item {
    width: 25%;
    float: left;
    height: 50%
}

.grid--column-1-and-3x3 .grid__item:nth-child(1) {
    height: 100%
}

.grid--column-1-and-2x1 .grid__item {
    width: 33.3333333333%;
    float: left;
    height: 50%
}

.grid--column-1-and-2x1 .grid__item:nth-child(1) {
    height: 100%;
    width: 66.6666666667%;
    float: left
}

@media only screen and (max-width:736px) {
    .grid--full-window-height:before,
    .grid--third-window-height:before {
        display: none
    }
    .grid--full-window-height .grid__wrapper,
    .grid--third-window-height .grid__wrapper {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        background-color: #f0f0f0;
        padding: 0
    }
    .grid--column-2 .grid__item {
        left: auto;
        width: 100%
    }
    .grid__item {
        width: 100%
    }
    .grid__item--discover {
        width: 100%!important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .grid--full-window-height:before,
    .grid--third-window-height:before {
        display: none
    }
    .grid--full-window-height .grid__wrapper,
    .grid--third-window-height .grid__wrapper {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        height: 50vh
    }
    .grid[class*=grid--column-] .grid__item:not(.grid__item--offer) {
        height: 100%!important;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.grid--destinations {
    padding-top: 100.8px;
    padding-top: 8.4rem
}

.grid--destinations .grid__item {
    width: 33.3333333333%;
    float: left
}

.grid--destinations .grid__item:nth-child(1) {
    width: 66.6666666667%;
    float: left
}

.grid--destinations .grid__item:nth-child(3) {
    margin-left: 33.3333333333%;
    z-index: 2;
    clear: left
}

.grid--destinations .grid__item:nth-child(3) .block__wrapper {
    height: 200%
}

.grid--destinations .grid__item:nth-child(6) {
    margin-left: 33.3333333333%
}

.grid--destinations .grid__item:nth-child(7):not(:nth-last-child(3)) {
    z-index: 2
}

.grid--destinations .grid__item:nth-child(7):not(:nth-last-child(3)) .block__wrapper {
    height: 200%
}

.grid--destinations .grid__item:nth-child(10) {
    margin-left: 33.3333333333%
}

.grid--destinations .grid__item:nth-child(11):not(:last-child):not(:nth-last-child(3)) {
    z-index: 2
}

.grid--destinations .grid__item:nth-child(11):not(:last-child):not(:nth-last-child(3)) .block__wrapper {
    height: 200%
}

.grid--destinations .grid__item:nth-child(14) {
    clear: left
}

.grid--destinations .grid__item:nth-child(2n+14):nth-last-child(1) {
    z-index: 2
}

.grid--destinations .grid__item:nth-child(2n+14):nth-last-child(1) .block__wrapper {
    width: 200%
}

.grid--destinations .grid__item:nth-child(3n+14):nth-last-child(4) {
    z-index: 2
}

.grid--destinations .grid__item:nth-child(3n+14):nth-last-child(4) .block__wrapper {
    height: 200%
}

.grid--destinations .grid__item:nth-child(3n+14):nth-last-child(1) {
    margin-left: 33.3333333333%;
    z-index: 2
}

.grid--destinations .grid__item:nth-child(3n+14):nth-last-child(1) .block__wrapper {
    width: 200%
}

.grid--destinations .grid__item:nth-child(2n+13):nth-last-child(1) {
    z-index: 2
}

.grid--destinations .grid__item:nth-child(2n+13):nth-last-child(1) .block__wrapper {
    width: 200%
}

.grid--destinations .grid__item:nth-child(3n+12):nth-last-child(3) {
    z-index: 2
}

.grid--destinations .grid__item:nth-child(3n+12):nth-last-child(3) .block__wrapper {
    height: 200%
}

.grid--destinations .grid__item:nth-child(12):nth-last-child(1) {
    z-index: 2
}

.grid--destinations .grid__item:nth-child(12):nth-last-child(1) .block__wrapper {
    width: 200%
}

.grid--destinations .grid__item:nth-child(10):nth-last-child(1) {
    z-index: 2
}

.grid--destinations .grid__item:nth-child(10):nth-last-child(1) .block__wrapper {
    width: 200%
}

@media only screen and (max-width:736px) {
    .grid--destinations {
        padding-top: 6rem
    }
    .grid--destinations .grid__item {
        width: 100%!important;
        float: none!important;
        display: block!important;
        margin-left: 0!important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .grid--destinations .grid__item:before,
    .grid--destinations .grid__item:nth-child(2):before {
        padding-top: 100%
    }
    .grid--destinations .grid__item:nth-child(2) .block__wrapper {
        height: 100%
    }
}

.detail {
    position: relative
}

.detail__content,
.detail__footer,
.detail__header {
    padding-left: 54px;
    padding-left: 4.5rem
}

.detail__content,
.detail__footer {
    padding-right: 54px;
    padding-right: 4.5rem
}

.detail__content .article,
.detail__footer .article {
    overflow: visible
}

.detail__header {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.detail__content {
    position: relative;
    position: absolute;
    height: 100%;
    width: 100%
}

.detail__nav {
    margin: 0 1em;
    position: absolute;
    right: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.detail__nav li {
    display: block;
    margin: 1em 0;
    line-height: 1
}

.detail__nav li.active a:before,
.detail__nav li.active button:before,
.detail__nav li.slick-active a:before,
.detail__nav li.slick-active button:before {
    opacity: 1
}

.detail__nav a,
.detail__nav button {
    border: 0;
    background: transparent;
    cursor: pointer;
    color: inherit;
    outline: none;
    line-height: 0;
    font-size: 0;
    height: 12px;
    height: 1rem;
    padding: 0
}

.detail__nav a:before,
.detail__nav button:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    width: inherit;
    height: inherit;
    color: inherit;
    line-height: 1;
    font-size: 9px;
    font-size: .75rem;
    opacity: .35;
    text-shadow: -1px 0 hsla(0, 0%, 100%, .15), 0 1px hsla(0, 0%, 100%, .15), 1px 0 hsla(0, 0%, 100%, .15), 0 -1px hsla(0, 0%, 100%, .15)
}

.detail__nav a.active,
.detail__nav a:hover,
.detail__nav button.active,
.detail__nav button:hover {
    outline: none
}

.detail__nav a.active:before,
.detail__nav a:hover:before,
.detail__nav button.active:before,
.detail__nav button:hover:before {
    opacity: 1;
    color: #01579b
}

@media only screen and (max-width:736px) {
    .detail__nav li button {
        width: 2rem;
        height: 2rem
    }
    .detail__nav li button:before {
        font-size: 1rem
    }
}

.detail__section {
    width: 100%
}

.detail__section--expanded {
    height: auto
}

.detail__section--expanded .detail__section-container {
    top: 5em;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.detail__section:nth-child(1) {
    height: 100%
}

.detail__section:nth-child(1) .detail__section-container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .6s ease
}

.detail__section:nth-child(1)+.detail__ruler {
    margin-top: 0
}

.detail__section:last-child {
    margin-bottom: 36px;
    margin-bottom: 3rem
}

.detail__book {
    float: right
}

.detail__nav {
    width: auto;
    display: block;
    line-height: 6em
}

.detail__back {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase
}

.detail__back .icon {
    margin-left: .25em
}

.detail__ruler,
.detail__ruler.ruler {
    margin: 6em 0
}

.detail__info {
    overflow: hidden
}

.detail__info .icon__list {
    margin-bottom: 2em
}

.detail__info .icon__item {
    width: 50%;
    float: left;
    margin: 0
}

.detail__info .icon__item .icon {
    float: left;
    position: relative;
    top: .5em
}

.detail__info .icon__item .icon__label {
    padding-left: 1.5em;
    display: block;
    overflow: hidden
}

.detail__info .icon__info,
.detail__info .icon__title {
    padding-right: 1em;
    font-size: 16px
}

.detail__info .icon__title {
    margin-top: .4em
}

.detail__info .icon__info {
    padding-right: 1em
}

.detail__column {
    width: 50%;
    float: left;
    padding-right: 1.5em
}

.detail__column:last-child {
    padding-right: 0
}

.detail__footer {
    position: absolute;
    bottom: 0;
    left: -100%
}

@media only screen and (max-width:736px) {
    .detail {
        padding-right: 0
    }
    .detail__nav {
        display: none
    }
    .detail__header {
        visibility: hidden
    }
    .detail__content {
        position: relative;
        margin-top: 0
    }
    .detail__section {
        height: auto;
        padding: 4em 0
    }
    .detail__section:nth-child(1) {
        height: auto;
        padding-top: 0
    }
    .detail__section:nth-child(1) .detail__section-container {
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        transition: none
    }
    .detail__section-container {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .detail__header {
        padding-left: 1.5rem;
        overflow: visible
    }
    .detail__ruler,
    .detail__ruler.ruler {
        margin: 2em 0!important
    }
    .detail__content,
    .detail__footer {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .detail__info>.icon__list>.icon__item {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1em
    }
    .detail__info>.icon__list>.icon__item .icon svg {
        vector-effect: non-scaling-stroke!important
    }
    .detail__info .icon__info,
    .detail__info .icon__title {
        font-size: 13px
    }
    .detail__info .icon__item .icon__label {
        margin-top: 6px
    }
    .detail__info .icon__item .icon {
        top: 0
    }
    .detail__info .icon__list {
        margin: 1em 0
    }
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .detail__header {
        padding-left: 3rem
    }
    .detail__content,
    .detail__footer {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .detail__info>.icon__list {
        margin-bottom: 0
    }
    .detail__info>.icon__list>.icon__item {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 2em
    }
}

.columns {
    height: auto
}

@media only screen and (min-width:1024px) {
    .columns {
        height: 100vh;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.columns.columns--flex-height {
    height: calc(100vh - 72px)
}

.columns__wrapper {
    overflow: hidden;
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.columns__wrapper .columns__column {
    position: relative;
    height: auto;
    width: 100%;
    float: none
}

@media only screen and (min-width:1024px) {
    .columns__wrapper .columns__column {
        width: 50%;
        height: 100%
    }
}

@media only screen and (min-width:1024px) {
    .columns__wrapper .columns__column--left {
        float: left
    }
}

@media only screen and (min-width:1024px) {
    .columns__wrapper .columns__column--right {
        float: right;
        overflow: auto
    }
}

.columns__wrapper .columns__column-content {
    height: 100%
}

.columns__wrapper .columns__column-footer {
    position: absolute;
    right: 18px;
    right: 1.5rem;
    bottom: 14.399px;
    bottom: 1.2rem;
    left: 18px;
    left: 1.5rem;
    color: #fff;
    z-index: 10
}

.column--fixed__nav {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-right: 36px;
    padding-right: 3rem;
    padding-bottom: 28.799px;
    padding-bottom: 2.4rem;
    padding-left: 36px;
    padding-left: 3rem;
    z-index: 100;
    color: #fff;
    width: 100%
}

.columns--inline,
.columns--inline * {
    box-sizing: border-box
}

.columns--inline:after {
    content: " ";
    display: table;
    clear: both
}

.columns__wrapper {
    overflow: hidden;
    height: 100%
}

@media only screen and (min-width:1024px) {
    .columns__wrapper {
        height: 100vh
    }
}

.columns--inline {
    position: relative
}

.columns--inline .columns--inline--animation-trigger {
    top: -72px;
    position: relative
}

.columns--inline .scrollmagic {
    width: 100%;
    overflow: hidden;
    height: 100%
}

@media only screen and (min-width:1024px) {
    .columns--inline .scrollmagic {
        height: 100%
    }
}

.columns--inline .scrollmagic .page__nav {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 9.6px 36px;
    padding: .8rem 3rem;
    z-index: 100;
    color: #fff;
    width: 100%
}

.columns--inline .scrollmagic .page__nav:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.columns--inline .scrollmagic .page__nav .page__back {
    float: left
}

.columns--inline .scrollmagic .page__nav .page__settings {
    float: right
}

.columns--inline .columns__nav-wrapper {
    height: 100vh;
    right: 2em;
    position: absolute
}

.columns--inline .columns__nav-wrapper li {
    line-height: 0!important
}

.columns--inline.fix-images .columns__nav-wrapper {
    right: 5em
}

.columns--inline.images-at-top .columns__nav-wrapper {
    top: 0;
    height: 100vh
}

.columns--inline.images-at-bottom .columns__nav-wrapper {
    bottom: 0;
    height: 100vh
}

.columns--inline .columns__nav {
    margin: 0 1em;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.columns--inline .columns__nav li {
    display: block;
    margin: 1em 0;
    line-height: 1
}

.columns--inline .columns__nav li.active a:before,
.columns--inline .columns__nav li.active button:before,
.columns--inline .columns__nav li.slick-active a:before,
.columns--inline .columns__nav li.slick-active button:before {
    opacity: 1
}

.columns--inline .columns__nav a,
.columns--inline .columns__nav button {
    border: 0;
    background: transparent;
    cursor: pointer;
    color: inherit;
    outline: none;
    line-height: 0;
    font-size: 0;
    height: 12px;
    height: 1rem;
    padding: 0
}

.columns--inline .columns__nav a:before,
.columns--inline .columns__nav button:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    width: inherit;
    height: inherit;
    color: inherit;
    line-height: 1;
    font-size: 9px;
    font-size: .75rem;
    opacity: .35;
    text-shadow: -1px 0 hsla(0, 0%, 100%, .15), 0 1px hsla(0, 0%, 100%, .15), 1px 0 hsla(0, 0%, 100%, .15), 0 -1px hsla(0, 0%, 100%, .15)
}

.columns--inline .columns__nav a.active,
.columns--inline .columns__nav a:hover,
.columns--inline .columns__nav button.active,
.columns--inline .columns__nav button:hover {
    outline: none
}

.columns--inline .columns__nav a.active:before,
.columns--inline .columns__nav a:hover:before,
.columns--inline .columns__nav button.active:before,
.columns--inline .columns__nav button:hover:before {
    opacity: 1;
    color: #01579b
}

@media only screen and (max-width:736px) {
    .columns--inline .columns__nav li button {
        width: 2rem;
        height: 2rem
    }
    .columns--inline .columns__nav li button:before {
        font-size: 1rem
    }
}

.columns--inline .fix-images .columns__nav {
    right: 2em
}

.columns--inline.fix-images .columns__nav {
    position: fixed
}

.columns--inline.images-at-bottom .columns__nav {
    position: absolute;
    top: auto;
    bottom: 50%
}

.columns--inline .columns__wrapper {
    overflow: visible
}

.columns--inline .blocks--fixed {
    width: 100%;
    height: calc(100vh - 72px);
    z-index: auto
}

@media only screen and (min-width:1024px) {
    .columns--inline .blocks--fixed {
        position: absolute;
        height: 100%
    }
}

.columns--inline .columns__column--fixed {
    overflow: hidden;
    height: 100%
}

.columns--inline .columns__column--scroll {
    overflow: visible;
    height: auto
}

.columns--inline .block__container {
    max-width: 720px;
    max-width: 60rem;
    margin: 0 auto;
    padding-left: 45px;
    padding-left: 3.75rem;
    padding-right: 45px;
    padding-right: 3.75rem;
    padding-bottom: 27px;
    padding-bottom: 2.25rem;
    z-index: 10;
    color: #fff
}

.columns--inline .block__content,
.columns--inline .block__info {
    margin-left: 0;
    width: auto;
    float: none
}

.columns--inline .column__section {
    padding: 72px 42px;
    padding: 6rem 3.5rem
}

@media only screen and (min-width:1024px) {
    .columns--inline .column__section {
        height: 100%;
        padding: 2.5rem 4.5rem
    }
}

.columns--inline .column__section.column__section--dark {
    color: #fff;
    background-color: #282b30
}

.columns--inline .column__section .article__title {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 1em
}

.columns--inline .column__section .article__text {
    font-size: 16px;
    font-weight: 300
}

.columns--inline .column__section .column__section-container {
    position: relative;
    transition: all .6s ease
}

@media only screen and (min-width:1024px) {
    .columns--inline .column__section .column__section-container {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.columns--inline .column__section-container:after,
.columns--inline .column__section-container:before {
    content: " ";
    display: table;
    clear: both
}

.columns--inline .column__content {
    position: relative;
    height: 100%;
    width: 100%
}

.columns--inline .columns--inline__nav {
    margin: 0 1em;
    position: fixed;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.columns--inline .columns--inline__nav li {
    display: block;
    margin: 1em 0;
    line-height: 1
}

.columns--inline .columns--inline__nav li.active a:before,
.columns--inline .columns--inline__nav li.active button:before,
.columns--inline .columns--inline__nav li.slick-active a:before,
.columns--inline .columns--inline__nav li.slick-active button:before {
    opacity: 1
}

.columns--inline .columns--inline__nav a,
.columns--inline .columns--inline__nav button {
    border: 0;
    background: transparent;
    cursor: pointer;
    color: inherit;
    outline: none;
    line-height: 0;
    font-size: 0;
    height: 12px;
    height: 1rem;
    padding: 0
}

.columns--inline .columns--inline__nav a:before,
.columns--inline .columns--inline__nav button:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    width: inherit;
    height: inherit;
    color: inherit;
    line-height: 1;
    font-size: 9px;
    font-size: .75rem;
    opacity: .35;
    text-shadow: -1px 0 hsla(0, 0%, 100%, .15), 0 1px hsla(0, 0%, 100%, .15), 1px 0 hsla(0, 0%, 100%, .15), 0 -1px hsla(0, 0%, 100%, .15)
}

.columns--inline .columns--inline__nav a.active,
.columns--inline .columns--inline__nav a:hover,
.columns--inline .columns--inline__nav button.active,
.columns--inline .columns--inline__nav button:hover {
    outline: none
}

.columns--inline .columns--inline__nav a.active:before,
.columns--inline .columns--inline__nav a:hover:before,
.columns--inline .columns--inline__nav button.active:before,
.columns--inline .columns--inline__nav button:hover:before {
    opacity: 1;
    color: #01579b
}

@media only screen and (max-width:736px) {
    .columns--inline .columns--inline__nav li button {
        width: 2rem;
        height: 2rem
    }
    .columns--inline .columns--inline__nav li button:before {
        font-size: 1rem
    }
}

.columns--inline .page__settings {
    float: right
}

.columns--inline .page__settings .icon {
    margin-left: 18px;
    margin-left: 1.5rem
}

@media only screen and (max-width:736px) {
    .columns.columns--flex-height {
        height: 100%
    }
    .block__image--inline img {
        height: calc(100vh - 72px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .blocks--fixed svg {
        stroke: #fff;
        color: #fff
    }
    .blocks--fixed .icon__list .icon__item:first-child {
        position: absolute;
        left: calc(50vw - 20px)
    }
    .columns--inline .column__section {
        padding: 2rem 2rem 2.5rem
    }
    .columns--inline .column__section .column__section-container:before {
        display: none
    }
    .columns--inline .column__section .article__title {
        font-size: 19px;
        line-height: 1.2;
        margin-bottom: 0
    }
    .columns--inline .column__section .article__text>div,
    .columns--inline .column__section .article p {
        font-size: 13px;
        letter-spacing: 1.8px;
        line-height: 16.9px;
        margin-top: 1em
    }
    .columns--inline .column__section .article__text>div>p:first-child,
    .columns--inline .column__section .article p>p:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width:768px) {
    .columns--inline__nav {
        display: none
    }
    .columns.columns--flex-height {
        height: auto
    }
    .page__nav {
        position: relative;
        bottom: 65px;
        padding: 1.2rem;
        z-index: 10;
        float: left;
        width: 100%
    }
}

.mobile,
.tablet {
    display: none!important
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .tablet {
        display: block!important
    }
}

@media only screen and (max-width:736px) {
    .mobile {
        display: block!important
    }
    .mobile--inline {
        display: inline-block!important
    }
    .desktop {
        display: none!important
    }
}

.frame-border {
    width: 100%;
    height: 15px;
    position: fixed;
    z-index: 95;
    will-change: transform;
    background-color: #fff;
    display: none
}

.frame-border.prominent {
    display: block
}

.frame-border--bottom {
    bottom: 0
}

.frame-border--top {
    top: 0
}

@media only screen and (max-width:736px) {
    .frame-border,
    .frame-border.prominent {
        display: none
    }
}





.article {
    overflow: hidden
}

.article .button:not(.button--simple),
article .button:not(.button--simple) {
    border: thin solid currentColor!important
}

.article p,
article p {
    max-width: 700.008px;
    max-width: 58.334rem
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
article h1,
article h2,
article h3,
article h4,
article h5 {
    position: relative;
    margin-top: 12px;
    margin-top: 1rem;
    margin-bottom: 12px;
    margin-bottom: 1rem
}

.article h1:only-child,
.article h2:only-child,
.article h3:only-child,
.article h4:only-child,
.article h5:only-child,
article h1:only-child,
article h2:only-child,
article h3:only-child,
article h4:only-child,
article h5:only-child {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.article h1,
article h1 {
    margin-bottom: 18px;
    margin-bottom: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.25rem;
	color:#de2e2e;
	font-weight: 600;
}

.article h1:after,
article h1:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 36px;
    width: 3rem;
}

#subtitle
{
font-weight: 500;
color: #c52222

}


.article p,
article p {
    margin-bottom: 12px;
    margin-bottom: 1rem
}

.article p:first-of-type,
article p:first-of-type {
    margin-top: 12px;
    margin-top: 1rem
}

.article p:last-child,
article p:last-child {
    margin-bottom: 0
}

.page--generic .article--page a,
.page--generic article--page a {
    color: #01579b
}

.article.article--page,
article.article--page {
    background-color: #fff;
    padding: 10% 24px;
    padding: 10% 2rem
}

@media (min-width:769px) {
    .article.article--page,
    article.article--page {
        padding-top: 6%;
        padding-bottom: 6%;
        padding-left: 22.5%;
        margin: 0 1rem!important;
    }
    .article--page table {
          width: 100%!important;
      }
    div.tab button
    {
      padding: 14px 8px!important;
      font-size: 14px!important;
    }
}

.article.article--page--transparent,
article.article--page--transparent {
    background-color: transparent
}

.article.article--page--highlight,
article.article--page--highlight {
    background-color: #01579b;
    color: #fff
}

.article.article--page--highlight .icon--button:before,
article.article--page--highlight .icon--button:before {
    z-index: 0
}

.article.article--page--highlight-dark,
article.article--page--highlight-dark {
    background-color: #282b30;
    color: #fff
}

@media only screen and (max-width:736px) {
    .article {
        padding: 0
    }
}

.band {
    padding-top: 28.799px;
    padding-top: 2.4rem;
    padding-bottom: 28.799px;
    padding-bottom: 2.4rem;
    background: #282b30;
    color: #f4f4f4;
    overflow: hidden;
    height: 100%;
    line-height: 100%
}

.band--column-1 .band__item {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    text-transform: uppercase
}

.band--column-2 .band__item {
    width: 50%;
    float: left;
    text-align: center;
    text-transform: uppercase
}

.band--column-3 .band__item {
    width: 33.3333333333%;
    float: left;
    text-align: center;
    text-transform: uppercase
}

.band--column-4 .band__item {
    width: 25%;
    float: left;
    text-align: center;
    text-transform: uppercase
}

.band--column-5 .band__item {
    width: 20%;
    float: left;
    text-align: center;
    text-transform: uppercase
}

.band--column-6 .band__item {
    width: 16.6666666667%;
    float: left;
    text-align: center;
    text-transform: uppercase
}

.band--column-7 .band__item {
    width: 14.2857142857%;
    float: left;
    text-align: center;
    text-transform: uppercase
}

.band--column-8 .band__item {
    width: 12.5%;
    float: left;
    text-align: center;
    text-transform: uppercase
}

.band--column-9 .band__item {
    width: 11.1111111111%;
    float: left;
    text-align: center;
    text-transform: uppercase
}

.band--column-10 .band__item {
    width: 10%;
    float: left;
    text-align: center;
    text-transform: uppercase
}

.band__item .icon {
    color: #fff;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}

.band__item .icon__label {
    margin-left: 0
}

.band__link.active {
    color: #fff
}

.band__link.active:before {
    content: "•";
    color: inherit;
    font-size: 150%;
    display: inline-block;
    width: 18px;
    width: 1.5rem;
    line-height: 0
}

.band__link:hover {
    color: #fff
}

.band__padding-top {
    padding-top: 113px
}

.band__title {
    color: #fff;
    font-weight: 300;
    font-size: 22px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: center
}

.band__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 35px;
    height: 1px;
    background: #fff;
    margin-left: -17.5px
}

.section--band {
    background-color: #282b30;
    color: #fff;
    padding-top: 60px;
    padding-top: 5rem;
    padding-bottom: 28.799px;
    padding-bottom: 2.4rem
}

.section--band h2 {
    position: relative;
    margin-bottom: 18px;
    margin-bottom: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.25rem;
    text-align: center;
    text-transform: lowercase;
    font-weight: 300
}

.section--band h2:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 36px;
    width: 3rem;
    border-bottom: thin solid currentColor;
    text-align: center
}

@media only screen and (max-width:736px) {
    .band__padding-top {
        padding-top: 2.4rem
    }
    .band__item {
        width: 100%!important;
        text-align: left!important;
        padding-top: .75rem!important;
        padding-bottom: .75rem!important
    }
    .band__item .icon__label {
        margin-left: 1em
    }
}

.text h1,
.text h2,
.text h3,
.text h4,
.text h5 {
    margin: .8em 0
}

.text a[href]:not(.button),
.text a[href]:not(.icon__label) {
    color: inherit;
    position: relative;
    display: inline-block
}

.text a[href]:not(.button):after,
.text a[href]:not(.icon__label):after {
    content: '';
    display: block;
    position: absolute;
    bottom: .1em;
    right: 0;
    left: 0;
    border-bottom: thin solid currentColor;
    opacity: .5
}

.text .icon__item a[href]:after {
    display: none
}

.text p {
    margin-bottom: 1.5em
}

.text p:last-child {
    margin-bottom: 0
}

.text ul {
    padding-left: 1.2em
}

.text ul li {
    list-style-type: disc;
    margin-bottom: 1em
}

.text .dash {
    display: inline-block;
    min-width: 1em;
    margin-left: .1em;
    border-bottom: thin solid currentColor;
    opacity: .75
}

.text .dash--long {
    min-width: 2.5em
}

.text--column-2 {
    overflow: hidden;
    *zoom: 1
}

.text--column-2>* {
    width: 50%;
    float: left;
    padding-right: 4%;
    margin-top: 0!important
}

.text--column-2>:last-child {
    padding-right: 0
}

.text-center {
    text-align: center
}

@media only screen and (max-width:736px) {
    .text--column-2>* {
        width: auto;
        float: none;
        padding-right: 0;
        margin-bottom: 0
    }
    .text--column-2 p:last-child {
        margin-top: 0
    }
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .text--column-2 p {
        width: auto;
        float: none;
        padding-right: 0;
        margin-bottom: 1.5em
    }
}

.definitions dd,
.definitions dt {
    display: inline-block
}

.navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navigation--menu {
    height: 2em
}

.navigation__link {
    text-decoration: inherit;
    cursor: inherit;
    color: inherit;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .28em;
    font-weight: 600;
    font-size: 13.2px;
    /*font-size: 1.1rem;*/
    cursor: pointer;
    display: inline-block;
    margin-right: 40px !important;
}

.navigation__link:active,
.navigation__link:focus {
    outline: none
}

.navigation__link:active,
.navigation__link:focus,
.navigation__link:hover,
.navigation__link:visited {
    color: inherit;
    text-decoration: none;
}

.navigation__link span {
    position: relative;
    display: inline;
    font-weight: 700
}

.navigation__link span:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: -1%;
    right: 1%;
    height: 1px;
    width: 0;
    background: currentColor;
    transition: width .6s ease;
    opacity: .75;
    margin: 0 auto;
    margin-top: .2em
}

.navigation__link:last-child {
    margin-right: 0
}

.navigation__link.active span:after,
.navigation__link:hover span:after {
    width: 100%
}

.header.prominent .navigation__link {
    color: #5d5d5d
}

.page--property .header__menu {
    max-width: none
}

.page--property .header__navigation {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: visible
}

.page--property .navigation.header--property .navigation__link--wrapper {
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page--property .navigation.header--property .navigation__link,
.page--property .navigation.header--property .navigation__link--wrapper:first-of-type {
    display: none
}

.page--property .navigation.header--property .navigation__link.active {
    display: block;
    margin: 0 auto
}

.page--property .navigation__link--wrapper span:after {
    display: none
}

.page--property .navigation__link--wrapper .link__next {
    display: none;
    position: relative;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    color: #000
}

.page--property .navigation__link--wrapper .link__next:before {
    font-family: FontAwesome;
    content: "\f107";
    height: auto;
    width: auto;
    top: 80%;
    background: none;
    opacity: .3;
    text-align: center;
    cursor: pointer
}

.page--property .navigation__link--wrapper .active+.link__next {
    display: block
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .navigation__link {
        font-size: 12px;
    }
    .header__menu-wrapper {
    overflow: visible;
    float: none;
    width: 90%;
    margin-right: 25px !important;
    margin: 2.3rem .8rem;
  }
.navigation__link {
  margin-right: 0px !important;
}
}

.logo,
.logo__image,
.logo__link {
    height: 100%
}

.logo__link {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    cursor: pointer;
}

.logo__link:active,
.logo__link:focus {
    outline: none
}

.logo__description {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase
}

.logo--hidden {
    display: none
}

.logo--alila {
    height: 48px;
    height: 7rem;
    max-width: 120px;
    max-width: 20rem
}

.logo--property {
    height: 48px;
    height: 4rem;
    width: auto
}

.logo--property svg {
    color: currentColor!important;
    fill: currentColor!important
}

@media only screen and (max-width:736px) {
    .logo--alila {
        height: 100%;
        width: 8rem
    }
    .logo__image {
        max-width: 80%
    }
}

.block {
    position: relative;
    display: block
}

.block:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.block>.block__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    right: -.1%
}

.block>.block__wrapper:after {
    left: -.5%;
    right: -.5%;
    width: 101%;
    height: 50%
}

.block--review-content {
    background-color: #a8bbb9
}

.block--review-content>.block__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.block--review-content>.block__wrapper:after {
    content: none
}

.block__images {
    left: 0
}

.block__image,
.block__images {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.block__image {
    left: -1%
}

.block__image--offer {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: 0;
    padding-top: 70%
}

.block__image-container {
    position: relative;
    overflow: hidden
}

.block__image--inline {
    position: relative;
    top: 0;
    left: 0
}

.block__image--inline img {
    position: absolute;
    height: 100vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width:768px) {
    .block__image--inline img {
        position: absolute;
        min-width: 100%;
        object-fit: cover
    }
}

.block__video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 0
}

.block__video video::-webkit-media-controls-start-playback-button {
    display: none!important
}

@media (max-width:415px) {
    .block__offer>.block__wrapper:after {
        background-color: transparent
    }
}

.block__wrapper {
    overflow: hidden;
    *zoom: 1;
    z-index: 1
}

.block__wrapper:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: rgba(0, 0, 0, .2);
    background: linear-gradient(transparent, transparent 1%, #000);
    bottom: 0
}

.block__wrapper--offer {
    margin: 5px 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    position: relative!important;
    height: calc(100% - 10px)
}

.block__wrapper--offer>.block__content {
    color: #000;
    padding: 40px 45px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.block__wrapper--offer .icon__label {
    color: #444
}

.block__wrapper--offer:after {
    content: none
}

.block__offer {
    width: 60%;
    position: relative
}

.block__offer>.block__wrapper {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.block__container {
    position: absolute;
    right: 18px;
    right: 1.5rem;
    bottom: 0;
    left: 18px;
    left: 1.5rem;
    z-index: 1
}

.block__container-offers {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 0
}

.block__container--offer {
    bottom: 98.399px;
    bottom: 8.2rem
}

.block__container--offer-small {
    left: 0;
    bottom: 0
}

.block__container--top {
    top: 0;
    bottom: auto
}

.block__info {
    width: 20%;
    margin-left: -60%
}

.block__content,
.block__info {
    box-sizing: border-box;
    float: left
}

.block__content {
    width: 40%;
    margin-left: 20%
}

@media (min-width:1024px) {
    .carousel__wrapper .block__content {
        margin-left: 10%
    }
}

.block__content--left {
    margin-left: 0!important
}

.block__content-footer {
    margin-top: 2em
}

.block__title {
    margin: .25em 0 0;
    font-size: 37px;
    font-weight: 100
}

.block__title.title--large {
    margin-bottom: .8em
}

.block__title--large {
    font-size: 40px
}

.block__title--offer {
    font-size: 32px;
    margin: 0;
    margin-bottom: 5px
}

.block__title-reviews {
    font-size: 30px!important;
    text-transform: uppercase;
    margin-top: 0;
    line-height: normal
}

.block__title-reviews:after {
    content: none
}

.block__title-center {
    text-align: center
}

.block__rate {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 8px;
    color: #797979;
    letter-spacing: 1.72px;
    line-height: 12px;
    margin-bottom: 3px
}

.block__price {
    font-weight: 300;
    font-size: 22px;
    color: #797979;
    letter-spacing: 0;
    display: block;
    line-height: 1;
    margin-right: 5px
}

.block__suffix {
    display: block;
    font-size: 9px;
    font-weight: 100;
    color: #797979
}

.block__wrapper--offer .block__container--small {
    position: relative!important;
    padding: 0!important;
    top: auto!important;
    left: auto!important;
    right: auto!important;
    bottom: auto!important
}

.block__wrapper--offer .block__body {
    margin-top: .3em!important;
    margin-bottom: 62px
}

.block__wrapper--offer .block__content-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    bottom: 40px;
    left: 45px;
    width: calc(100% - 90px)
}

.block__container-reviews.icon__list {
    text-align: center!important
}

.block__container--small {
    left: 0!important;
    bottom: 0!important;
    top: auto!important;
    right: auto!important;
    padding: 0 15px 15px 45px!important
}

.block__body {
    font-size: 17px;
    font-weight: 400;
    max-width: 670px
}

.block__body:not(:empty) {
    margin-top: .7em
}

.block__body p:first-of-type {
    margin-top: 0
}

.block__body .usp li {
    margin-bottom: .2em
}

.block__body-reviews {
    font-size: 20px;
    font-weight: 400;
    line-height: 140%
}

.block__body--thin {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.7em;
    margin-top: 18px;
    letter-spacing: .005em;
    color: #323538
}

.block__name-reviews {
    margin: 0;
    margin-top: 15px
}

.block__name-reviews small {
    text-transform: none!important;
    font-size: 14px!important;
    line-height: 1!important;
    font-weight: 400
}

.block__name-reviews-center {
    text-align: center;
    margin: 30px 0
}

.block__name.name {
    font-weight: 700!important
}

.block__settings {
    box-sizing: border-box;
    width: 30%;
    float: left;
    padding-top: 2em
}

.block--full-height {
    height: 100%
}

.block--full-height:before {
    padding-top: 0;
    height: 100%
}

.block--full-height>.block__wrapper:after {
    height: 32%;
    background: linear-gradient(transparent, transparent 1%, #111)
}

.block--full-window-height {
    position: relative
}

.block--full-window-height:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: 100vh
}

.block--full-window-height>.block__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    right: -.1%
}

.block--full-window-height>.block__wrapper:after {
    left: -.5%;
    right: -.5%;
    width: 101%;
    height: 50%
}

.is-mobile .page--sticky-book-mobile .block--full-window-height,
.is-tablet .page--sticky-book-mobile .block--full-window-height {
    position: relative
}

.is-mobile .page--sticky-book-mobile .block--full-window-height:before,
.is-tablet .page--sticky-book-mobile .block--full-window-height:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: calc(100vh - 6em)
}

.is-mobile .page--sticky-book-mobile .block--full-window-height>.block__wrapper,
.is-tablet .page--sticky-book-mobile .block--full-window-height>.block__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    right: -.1%
}

.is-mobile .page--sticky-book-mobile .block--full-window-height>.block__wrapper:after,
.is-tablet .page--sticky-book-mobile .block--full-window-height>.block__wrapper:after {
    left: -.5%;
    right: -.5%;
    width: 101%;
    height: 50%
}

.is-mobile--ios .page--sticky-book-mobile .block--full-window-height:first-of-type {
    position: relative
}

.is-mobile--ios .page--sticky-book-mobile .block--full-window-height:first-of-type:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: calc(100vh - 6em - 6em + 2px)
}

.is-mobile--ios .page--sticky-book-mobile .block--full-window-height:first-of-type>.block__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    right: -.1%
}

.is-mobile--ios .page--sticky-book-mobile .block--full-window-height:first-of-type>.block__wrapper:after {
    left: -.5%;
    right: -.5%;
    width: 101%;
    height: 50%
}

body.discover-mode .block--full-window-height {
    height: 100vh!important;
    transition: height .5s
}

.block--full-window-height:before {
    padding-top: calc(100vh - 87px);
    transition: padding-top .5s
}

.block--full-window-height>.block__wrapper {
    transition: -webkit-filter 1.5s;
    transition: filter 1.5s;
    transition: filter 1.5s, -webkit-filter 1.5s
}

body.discover-mode .block--full-window-height>.block__wrapper {
    -webkit-filter: blur(15px);
    filter: blur(15px)
}

.block--full-window-height>.block__wrapper:after {
    display: none!important
}

#top .block--full-window-height:before {
    padding-top: 100vh
}

.block--full-window-height.block--carousel>.block__wrapper:after,
.block--full-window-height.block--carrousel>.block__wrapper:after {
    display: block!important;
    height: 32%;
    background: linear-gradient(transparent, transparent 1%, #111)
}

.block__container-reviews {
    bottom: auto!important;
    top: auto!important;
    left: auto!important;
    right: auto!important;
    padding-left: 165px!important;
    padding-left: 13.75rem!important;
    padding-right: 165px!important;
    padding-right: 13.75rem!important;
    position: relative;
    max-width: 100%
}

.block--review .icon--svg-large {
    height: auto
}

.block--review .icon--svg-large img {
    width: auto
}

@media only screen and (max-width:320px) {
    .block {
        position: relative
    }
    .block:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
        padding-top: 130%
    }
    .block>.block__wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        right: -.1%
    }
    .block>.block__wrapper:after {
        left: -.5%;
        right: -.5%;
        width: 101%;
        height: 50%
    }
}

@media only screen and (max-width:736px) {
    .grid--carousel-mobile .grid__item {
        height: 100%
    }
    .grid--carousel-mobile .grid__item:before {
        display: none
    }
    .block__container--bottom {
        padding-left: 0;
        padding-right: 0
    }
    .block__body--thin {
        line-height: 1.3;
        letter-spacing: .15em
    }
    .block__wrapper--offer .block__content-footer {
        bottom: 20px;
        left: 25px;
        width: calc(100% - 40px)
    }
    #dining .block__settings,
    #spa .block__settings {
        display: none
    }
    .block__title {
        font-size: 19px;
        font-weight: 400;
        margin-top: .25em
    }
    --full-window-height:before {
        padding-top: 400px
    }
    .block--review-content:before {
        content: none
    }
    .block--review-content>.block__wrapper {
        position: relative;
        height: 100%
    }
    .block--review .block__title {
        font-size: 19px!important;
        margin-top: 10px;
        padding-bottom: 0
    }
    .block__name-reviews {
        margin-bottom: 1em
    }
    .block__container-reviews {
        position: relative
    }
    .block--full-height:before {
        padding-top: 0!important
    }
    .block--with-message .block__message {
        top: 0;
        bottom: auto
    }
    .block--with-message .block__message+.block__wrapper>.block__container {
        margin-bottom: 0!important
    }
    .block>.block__wrapper:after {
        height: 55%!important
    }
    .block__container:not(.block__container--small) {
        padding-left: 2rem!important;
        padding-right: 2rem!important;
        right: 0;
        left: 0;
        bottom: 0
    }
    .grid__item--discover .block__container {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .block__container--has-icon>.block__info--icon {
        position: absolute!important;
        bottom: 82px!important;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
    .block__container--has-icon>.block__info--icon .icon--svg-large {
        width: 5em;
        height: auto
    }
    .block__container--has-icon>.block__info--name {
        margin-left: 70px!important
    }
    .block__content,
    .block__info,
    .block__settings {
        width: auto;
        float: none;
        margin-left: 0
    }
    .block__content {
        margin-bottom: 1em
    }
    .block__content:last-child {
        margin-bottom: 0
    }
    .block__content+.hide-mobile:last-child {
        display: block;
        height: 0;
        overflow: hidden;
        margin-top: -1em
    }
    .block__info,
    .block__settings {
        display: inline-block;
        position: relative!important;
        width: auto!important;
        top: auto!important;
        right: auto!important;
        bottom: auto!important;
        left: auto!important
    }
    .block__settings {
        padding-top: 0
    }
    .blocks--fixed .block {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
    .block__wrapper--offer>.block__content {
        padding: 20px!important
    }
    .block__wrapper--offer>.block__image-container>.block__container {
        padding-bottom: 2.25rem!important
    }
    .block__name-reviews {
        margin-top: 0;
        height: 32px
    }
    .block__name-reviews>small {
        font-weight: 400!important
    }
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .block__info {
        width: 20%;
        margin-left: -60%
    }
    .block__content,
    .block__info {
        box-sizing: border-box;
        float: left
    }
    .block__content {
        width: 40%;
        margin-left: 20%
    }
    .block__settings {
        position: relative;
        box-sizing: border-box;
        width: 20%;
        float: left
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .block__container:not(.block__container--offer .block__container--small) {
        padding-left: 2rem!important;
        padding-right: 2rem!important;
        right: 0;
        left: 0;
        bottom: 0
    }
    .block__info {
        width: 20%;
        margin-left: -80%
    }
    .block__content,
    .block__info {
        box-sizing: border-box;
        float: left
    }
    .block__content {
        width: 60%;
        margin-left: 20%
    }
    .block__settings {
        position: relative;
        box-sizing: border-box;
        width: 20%;
        float: left
    }
}

@media only screen and (max-width:768px) {
    .block__wrapper--offer>.block__content {
        padding: 25px
    }
    .block__wrapper--offer>.block__content>.block__content-footer {
        width: calc(100% - 50px);
        left: 25px;
        bottom: 25px
    }
}

@media screen and (max-height:880px) {
    .block__image--offer {
        padding-top: 40%
    }
    .block__wrapper--offer>.block__content {
        padding: 20px
    }
    .block__wrapper--offer>.block__content>.block__content-footer {
        width: calc(100% - 40px);
        left: 20px;
        bottom: 20px
    }
}

@media screen and (max-height:750px) {
    .block__title {
        font-size: 24px
    }
    .block__body {
        font-size: 16px
    }
}

@media screen and (max-height:705px) {
    .block__image--offer {
        padding-top: 35%
    }
    .block__title {
        font-size: 24px
    }
    .block__body {
        font-size: 13px
    }
}

.block--image .block__settings {
    width: 100%;
    text-align: right
}

.block--feature .block__title {
    max-width: 15em;
    padding-bottom: 0
}

.block--feature .block__title:after {
    display: none
}

.block--feature .block__content-footer .icon__item {
    margin-right: 48px;
    margin-right: 4rem
}

.block--feature .block__content-footer .icon__item:last-child {
    margin-right: 0
}

.block--feature .block__inner-column-left {
    box-sizing: border-box;
    width: 75%;
    float: left
}

.block--feature .block__inner-column-left:only-child {
    box-sizing: border-box;
    width: 100%;
    float: left
}

.block--feature .block__inner-column-right {
    box-sizing: border-box;
    width: 25%;
    float: left
}

.block--feature .block__inner-column-right:only-child {
    box-sizing: border-box;
    width: 100%;
    float: left
}

.block--feature .block__body:not(:empty) {
    margin-top: 1em
}

.block--feature .block__search,
.block--feature .block__settings {
    float: none;
    margin-top: 2em;
    width: 30%;
    position: absolute;
    bottom: 14.399px;
    bottom: 1.2rem
}

.block--feature .block__settings {
    right: 0
}

@media (min-width:769px) {
    .block--feature .block__settings {
        width: 35%;
        right: 1.5rem
    }
}

@media (min-width:1024px) {
    .block--feature .block__settings {
        width: 40%;
        right: 2.25rem
    }
}

.block--feature .block__search {
    left: 0
}

@media (min-width:769px) {
    .block--feature .block__search {
        width: 35%;
        left: 1.5rem
    }
}

@media (min-width:1024px) {
    .block--feature .block__search {
        width: 40%;
        left: 2.25rem
    }
}

.block--feature .block__search form {
    width: 100%;
    max-width: 300px
}

.block--feature .block__search-input {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 10px 15px;
    color: #fff;
    outline: none;
    font-size: 16px;
    width: 100%
}

.block--feature .block__info {
    float: none;
    margin-top: 2em;
    width: 20%;
    position: absolute;
    left: 18px;
    left: 1.5rem;
    bottom: 14.399px;
    bottom: 1.2rem;
    margin-left: 0
}

.block--feature .block__info .block__inner-column-left {
    width: 100%;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0
}

.block--feature .block__info .icon__list--vertical {
    margin-bottom: -.5em
}

.block--feature .block__info .icon__item--clock,
.block--feature .block__info .icon__item--weather {
    margin: 0
}

.block--feature .block__search>*,
.block--feature .block__settings>* {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 1em
}

@media (min-width:769px) {
    .block--feature .block__search>*,
    .block--feature .block__settings>* {
        max-width: 70%
    }
}

.block--feature .block__search>* .icon__item,
.block--feature .block__search>* .options__item,
.block--feature .block__settings>* .icon__item,
.block--feature .block__settings>* .options__item {
    line-height: 27px;
    line-height: 2.25rem
}

.block--feature .block__search .block__inner-column-left,
.block--feature .block__settings .block__inner-column-left {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-right: 0
}

.block--feature .block__search .block__inner-column-right,
.block--feature .block__settings .block__inner-column-right {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
    max-width: 171px;
    max-width: 14.25rem
}

.block--feature .block__search .block__inner-column-right .icon__list,
.block--feature .block__settings .block__inner-column-right .icon__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.block--feature .block__search .block__inner-column-right .icon__list .icon__item:only-child,
.block--feature .block__settings .block__inner-column-right .icon__list .icon__item:only-child {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.block--feature .block__search .block__inner-column-right .icon__list .icon__item:last-child,
.block--feature .block__settings .block__inner-column-right .icon__list .icon__item:last-child {
    margin-right: 24px!important;
    margin-right: 2rem!important
}

@media only screen and (max-width:736px) {
    .block--feature .block__container,
    .block--feature .block__content,
    .block--feature .block__info {
        display: block;
        -webkit-align-self: none;
        -ms-flex-item-align: none;
        -ms-grid-row-align: none;
        align-self: none
    }
    .block--feature .block__body {
        margin-top: .5em
    }
    .block--feature .block__info {
        display: inline-block;
        margin-top: 0
    }
    .block--feature .block__search,
    .block--feature .block__settings {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 0;
        float: right
    }
    .block--feature .block__search .block__inner-column-right .icon__list>.icon__item:last-child,
    .block--feature .block__settings .block__inner-column-right .icon__list>.icon__item:last-child {
        margin-right: 0!important
    }
    .block--feature .block__content-footer .icon__item {
        margin-right: .5em;
        margin-top: 1em
    }
    .block--feature .block__inner-column-left,
    .block--feature .block__inner-column-right {
        float: none!important;
        text-align: left!important;
        width: 100%!important;
        top: auto!important;
        right: auto!important;
        bottom: auto!important;
        left: auto!important;
        position: relative!important
    }
    .block--feature .block__inner-column-right {
        max-width: none!important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .block--feature .block__search,
    .block--feature .block__settings {
        width: 40%
    }
    .block--feature:not(.block--with-info) .block__content {
        margin-left: 0
    }
    .block--feature .block__content:first-child+.block__settings .block__inner-column-left,
    .block--feature .block__content:first-child+.block__settings .block__inner-column-right {
        width: 100%!important;
        display: block!important;
        position: relative!important;
        text-align: left!important;
        margin-bottom: 1em
    }
}

.block--vertical .block__wrapper:after {
    transition: all .75s ease;
    opacity: 1;
    background-color: rgba(0, 0, 0, .2);
    background: linear-gradient(transparent, transparent 1%, #000)
}

.block--vertical .block__content,
.block--vertical .block__info,
.block--vertical .block__settings {
    width: auto;
    float: none;
    margin-left: 0
}

.block--vertical .block__info-rating {
    overflow: hidden;
    *zoom: 1;
    margin-top: 1em
}

.block--vertical .block__info-rating .icon__item {
    float: left;
    margin: 0
}

.block--vertical .block__info-rating .icon__item:last-child {
    float: right
}

@media only screen and (max-width:736px) {
    .block--vertical .block__container {
        padding-bottom: 1.25rem
    }
    .block--vertical .block__container.block__container-reviews {
        padding-top: 2rem
    }
    .block--vertical .block__container.block__container-reviews .block__content {
        margin-bottom: 0
    }
    .block--vertical .block__settings .icon__list {
        padding-top: 0!important
    }
}

.block--link {
    cursor: pointer
}

.block--home .block__content:before {
    content: ' ';
    display: inline-block
}

.block--home .block__content-container {
    max-width: none;
    width: 100%
}

.block--home .block__info {
    width: 30%
}

.block--home .block__content {
    box-sizing: border-box;
    width: 40%;
    float: left;
    margin-left: 30%;
    text-align: center
}

.block--home .block__search,
.block--home .block__settings {
    width: 30%;
    bottom: 7.199px;
    bottom: .6rem
}

.block--home .block__search {
    bottom: 13.2px;
    bottom: 1.1rem
}

.block--home .block__container {
    transition: margin-bottom .6s ease
}

.block--home .block__wrapper>.block__container {
    margin-bottom: 0;
    transition: opacity .5s 1s
}

body.discover-mode .block--home .block__wrapper>.block__container {
    transition: opacity .5s;
    opacity: 0
}

html.show-cookies .block--home .block__wrapper>.block__container {
    margin-bottom: 4em!important
}

@media only screen and (max-width:736px) {
    .block--home .block__container {
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .block--home .block__content,
    .block--home .block__settings {
        width: 100%!important;
        float: none!important;
        margin-left: 0
    }
    .block--home .block__search,
    .block--home .block__settings {
        margin-top: 0
    }
    .block--home .block__search .icon__list,
    .block--home .block__settings .icon__list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .block--home .block__search .icon__list .icon__item,
    .block--home .block__settings .icon__list .icon__item {
        margin-right: 0
    }
    .block--home .block__content {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 8rem;
        margin-bottom: 0
    }
    html.show-cookies .block--home .block__wrapper>.block__container {
        margin-bottom: 0!important
    }
    .block--home .images .block__container {
        height: auto
    }
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .block--home .block__info {
        box-sizing: border-box;
        width: 40%;
        float: left;
        margin-left: -50%
    }
}

@media only screen and (max-width:736px) {
    .block--room .block__settings {
        width: 100%!important;
        text-align: center
    }
    .block--room .block__inner-column-right {
        display: inline-block;
        width: auto!important
    }
}

@media only screen and (max-width:736px) {
    .block--dining .block__content,
    .block--room .block__content {
        margin-bottom: 0
    }
}

.block--generic {
    position: relative
}

.block--generic:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: 25%
}

.block--generic>.block__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    right: -.1%
}

.block--generic>.block__wrapper:after {
    left: -.5%;
    right: -.5%;
    width: 101%;
    height: 50%
}

.block--generic .block__container {
    top: 0
}

.block--generic .block__content {
    width: 100%;
    height: 100%;
    margin-left: 0;
    display: block;
    float: none
}

.block--generic .block__container {
    padding: 0
}

.block--generic .block__content-container {
    padding-left: calc(22.5% - 1.5rem)
}

.block--generic .block__content-footer {
    position: absolute;
    bottom: 7.199px;
    bottom: .6rem
}

.block--generic>.block__wrapper:after {
    display: none!important
}

@media only screen and (max-width:736px) {
    .block--generic {
        position: relative
    }
    .block--generic:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
        padding-top: 90%
    }
    .block--generic>.block__wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        right: -.1%
    }
    .block--generic>.block__wrapper:after {
        left: -.5%;
        right: -.5%;
        width: 101%;
        height: 50%
    }
    .block--generic .block__content-container {
        padding-left: 0
    }
    .block .block__content-footer {
        right: 2rem;
        left: 2rem;
        margin-top: 0;
        margin-right: -2rem
    }
    .block .block__content-footer .pull-left,
    .block .block__content-footer .pull-right {
        display: block;
        margin-top: 1em;
        float: none
    }
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .block--generic {
        position: relative
    }
    .block--generic:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
        padding-top: 50%
    }
    .block--generic>.block__wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        right: -.1%
    }
    .block--generic>.block__wrapper:after {
        left: -.5%;
        right: -.5%;
        width: 101%;
        height: 50%
    }
    .block--generic .block__content-container {
        padding-left: 0
    }
}

.section__generic--fixed {
    padding-top: 33%
}

@media only screen and (min-width:736.1px) and (max-width:1024px) {
    .section__generic--fixed {
        padding-top: 50%
    }
}

@media only screen and (max-width:736px) {
    .section__generic--fixed {
        padding-top: 90%
    }
}

.section__generic--fixed>.block--generic {
    position: fixed;
    z-index: -1;
    width: 100%;
    top: 0
}

.block--destination {
    position: relative
}

.block--destination:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
    padding-top: 66%
}

.block--destination>.block__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    right: -.1%
}

.block--destination>.block__wrapper:after {
    left: -.5%;
    right: -.5%;
    width: 101%;
    height: 50%
}

.block--destination .block__container {
    padding-bottom: 2em
}

.block--destination .block__title {
    padding-bottom: 0
}

.block--destination .block__body {
    margin-top: 0
}

.block--destination .block__settings .icon__item:only-child {
    float: right
}

@media only screen and (max-width:736px) {
    .block--destination {
        position: relative
    }
    .block--destination:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
        padding-top: 75%
    }
    .block--destination>.block__wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        right: -.1%
    }
    .block--destination>.block__wrapper:after {
        left: -.5%;
        right: -.5%;
        width: 101%;
        height: 50%
    }
}

.block--loyalty-card .block__body {
    margin-top: 1.5em
}

.block--property .block__body {
    line-height: 1.7em;
    letter-spacing: .005em;
    font-size: 18px;
    margin-top: 18px
}

@media only screen and (max-width:736px) {
    .block--property .icon__item--clock,
    .block--property .icon__item--weather {
        display: none!important
    }
    .block--property .block__title {
        font-weight: 400
    }
    .block--property .block__content {
        padding-bottom: 0
    }
    .block--property .block__body {
        line-height: 1.3;
        letter-spacing: .15em;
        font-size: 13px;
        padding-right: 42px
    }
    .block--property .block__settings .icon__list .icon__item:first-child {
        position: absolute;
        left: -50vw;
        margin-left: 3.1rem;
        margin-right: 0
    }
    .block--property .block__settings .block__inner-column-right .icon__list>.icon__item,
    .block--property .block__settings .block__inner-column-right .icon__list>.icon__item:first-child,
    .block--property .block__settings .block__inner-column-right .icon__list>.icon__item:last-child {
        position: relative;
        left: auto;
        margin-bottom: 0;
        margin-right: 0!important;
        margin-left: 20px
    }
}

.block--text-expand .block__body {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 5.5em;
    transition: max-height 1s ease
}

.block--text-expand.closed-no-ellipsis .block__body,
.block--text-expand.open .block__body {
    -webkit-line-clamp: 50
}

.block--text-expand.open .block__body {
    max-height: 30em
}

@media only screen and (max-width:736px) {
    .block--text-expand:before {
        padding-top: 0
    }
    .block--text-expand .block__container,
    .block--text-expand .block__wrapper {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
}

.blocks--fixed {
    position: relative;
    height: 100%
}

.blocks--fixed .block {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    transition: all .75s ease;
    will-change: transform
}

.blocks--fixed .block:nth-child(1) {
    z-index: 9
}

.blocks--fixed .block:nth-child(2) {
    z-index: 8
}

.blocks--fixed .block:nth-child(3) {
    z-index: 7
}

.blocks--fixed .block:nth-child(4) {
    z-index: 6
}

.blocks--fixed .block:nth-child(5) {
    z-index: 5
}

.blocks--fixed .block:nth-child(6) {
    z-index: 4
}

.blocks--fixed .block:nth-child(7) {
    z-index: 3
}

.blocks--fixed .block:nth-child(8) {
    z-index: 2
}

.blocks--fixed .block:nth-child(9) {
    z-index: 1
}

.blocks--fixed .block:nth-child(10) {
    z-index: 0
}

.blocks--fixed .block:before {
    display: none
}

.blocks--fixed .block--out {
    transition-timing-function: ease-in
}

.blocks--fixed .block--out[data-direction=up] {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.blocks--fixed .block--out[data-direction=down] {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.blocks--fixed .block--in {
    transition-timing-function: ease-out;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

@media only screen and (max-width:768px) {
    .scrollmagic .slick-dots {
        position: relative;
        bottom: 10em;
        width: 100%;
        color: #fff;
        text-align: center;
        z-index: 100;
        margin: 0 auto
    }
}

@media only screen and (max-width:736px) {
    .blocks--fixed {
        height: auto!important
    }
    .blocks--fixed .block {
        position: relative;
        width: auto;
        top: auto
    }
    .blocks--fixed .block--image .block__wrapper {
        position: relative!important
    }
    .blocks--fixed .block--image:before {
        display: none!important
    }
    .blocks--fixed .block--image img {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: auto
    }
    .blocks--fixed .slick-dots {
        position: relative;
        bottom: 10em;
        width: 100%;
        color: #fff;
        text-align: center;
        z-index: 100;
        margin: 0 auto
    }
    .blocks--fixed .page__nav {
        position: absolute;
        bottom: 0
    }
}

.breadcrumbs__item {
    display: inline-block
}

.breadcrumbs__item:after {
    font-family: FontAwesome;
    content: '\f105';
    display: inline-block;
    vertical-align: middle;
    font-size: .75em;
    width: 4em;
    text-align: center
}

.breadcrumbs__item:last-child:after {
    display: none
}

.breadcrumbs__link {
    text-decoration: inherit;
    cursor: inherit;
    color: inherit;
    display: inline-block;
    vertical-align: middle
}

.breadcrumbs__link:active,
.breadcrumbs__link:focus {
    outline: none
}

.breadcrumbs__link:focus,
.breadcrumbs__link:visited {
    color: inherit
}

.breadcrumbs__link:hover {
    color: #000
}

.breadcrumbs__link:active {
    color: inherit
}

.search {
    border-bottom: thin solid #858585
}

.search__label {
    display: block
}

.search__field {
    display: block;
    overflow: hidden;
    width: auto;
    float: none;
    line-height: 3.5em
}

.search__input {
    padding: 0 .75em;
    width: 100%;
    color: inherit
}

.search__button {
    float: right;
    width: 4em;
    display: block;
    border: none;
    background: transparent;
    color: inherit;
    padding: 0;
    transition: all .6s ease;
    cursor: pointer;
    line-height: 3.5em
}

.search__button:before {
    content: '';
    display: inline-block;
    vertical-align: middle
}

.search__button:hover {
    opacity: 1
}

.search__icon {
    display: inline-block;
    position: relative;
    top: -.05em;
    width: 40%!important
}

svg {
    width: 100%;
    height: 100%
}

svg:not([xlink|stroke]),
svg circle {
    stroke: currentColor!important
}

svg circle {
    stroke-width: 1!important
}

svg * {
    -webkit-filter: none!important;
    filter: none!important
}

.icon__list--vertical {
    overflow: hidden
}

.icon__list--vertical .icon__item {
    display: block;
    overflow: hidden
}

.icon__list--vertical .icon,
.icon__list--vertical .icon__label {
    display: inline-block
}

.icon__list--baseline svg {
    vertical-align: baseline!important
}

.icon__list--center {
    text-align: center
}

.icon__item:not(.block__book) a[href^="tel:"] {
    color: #000!important;
    cursor: default
}

.icon__item {
    margin-right: 24px;
    margin-right: 2rem;
    margin-bottom: 9.6px;
    margin-bottom: .8rem;
    display: inline-block;
    line-height: 1;
    cursor: pointer
}

.icon__item .mobile {
    display: none
}

.icon__item:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.icon__item--center {
    text-align: center
}

.icon__item--clock .icon,
.icon__item--clock .icon__label,
.icon__item--weather .icon,
.icon__item--weather .icon__label {
    line-height: 37.2px;
    line-height: 3.1rem
}

.icon__item--clock .icon__label,
.icon__item--weather .icon__label {
    display: inline-block;
    margin-left: -.2em
}

.icon__item-discover .icon--discover {
    line-height: 1!important
}

.icon__item-discover:hover .icon--discover {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0
}

.icon__item-discover:hover .icon--discover svg {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.icon__item--weather .icon {
    position: relative;
    top: 2.4px;
    top: .2rem
}

.icon__item--clock .icon {
    position: relative;
    top: -1.2px;
    top: -.1rem
}

.icon__item--rating .icon {
    width: 6em
}

.icon__link {
    color: inherit;
    cursor: pointer;
    line-height: inherit
}

.icon__link .icon {
    transition: all .6s ease
}

.icon img {
    display: block;
    width: 100%;
    height: auto
}

.icon--rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon--rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.icon--virtual-tour {
    width: 37.2px;
    width: 3.1rem;
    height: 37.2px;
    height: 3.1rem;
    text-align: left;
    padding-top: 5px;
    font-weight: 400;
    font-size: 10px;
    padding-left: 7px
}

.icon--virtual-tour>span {
    font-size: 10px
}

.icon--svg {
    display: inline-block;
    width: 37.2px;
    width: 3.1rem;
    height: 37.2px;
    height: 3.1rem
}

.icon--svg,
.icon--svg svg {
    vertical-align: middle
}

.icon--svg-large {
    width: 97.199px;
    width: 8.1rem
}

.icon--usp {
    width: 2.1em;
    height: 2.1em;
    margin-right: 5px
}

.icon--small {
    text-align: center
}

.icon--small svg {
    width: 60%;
    height: 60%;
    margin: 0 auto
}

.icon--alila_cuisine svg * {
    fill: transparent!important
}

.icon--alila_tripadvisor {
    width: 10em;
    height: 4em
}

.icon--alila_pillow_left,
.icon--alila_pillow_right {
    width: 21px;
    width: 1.75rem
}

.icon--alila_pillow_left2,
.icon--alila_pillow_right2 {
    width: 33px;
    width: 2.75rem;
    height: 4em!important;
    color: #898989
}

.icon--alila_tripadvisor svg *,
.icon[class*='--alila_rating'] svg * {
    stroke-width: 0!important
}

.icon 5 svg circle,
.icon--alila_booknow svg circle,
.icon--alila_rating_4 svg circle {
    opacity: 1!important
}

.icon--alila_location_big svg {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75)
}

.icon--alila_close_simple {
    height: 38.4px;
    height: 3.2rem
}

.icon--slick-nav.icon--button {
    position: relative;
    margin: 0 12px;
    margin: 0 1rem
}

.icon--slick-nav.icon--button.icon--r180 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.icon--slick-nav.icon--button:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .5)
}

.icon--slick-nav.icon--button svg {
    height: 12.399px;
    height: 1.0333333333rem;
    margin-top: 12.399px;
    margin-top: 1.0333333333rem;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.icon__label {
    margin-left: .75em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: .1em;
    letter-spacing: 2.93px;
    color: inherit!important
}

.icon--booknow--dark>.icon__label,
.icon--readmore--dark>.icon__label {
    color: #444
}

.icon__title {
    margin-bottom: .5em;
    text-transform: none
}

.icon__info {
    color: #858585;
    text-transform: none
}

.icon--scrolldownArrow {
    width: 13.2px;
    width: 1.1rem;
    height: 13.2px;
    height: 1.1rem
}

@media only screen and (max-width:736px) {
    .icon__list .icon__item {
        margin-bottom: 10px
    }
    .icon__list .icon__item:last-child {
        margin-bottom: 0
    }
    .icon__list--vertical .icon__item {
        display: inline-block
    }
    .icon__item-discover {
        display: none
    }
    .icon__item-discover .mobile {
        display: block
    }
    .icon--usp {
        margin-right: 5px
    }
}

@media only screen and (max-width:768px) {
    .icon--usp {
        margin-right: 0;
        margin-bottom: 5px
    }
}

.ruler {
    border: none;
    margin: 0;
    border-bottom: thin solid #e1e1e1
}

.book-button {
    display: inline-block;
    text-align: center;
    transition: all .6s ease;
    color: #fff;
    padding: 15.6px 12px;
    padding: 1.3rem 1rem
}

.book-button,
.book-button:hover {
    /*background-color: #01579b;*/
    background-color: #800000;
}

.book-button__quote,
.book-button__title {
    text-transform: uppercase;
    text-align: center;
    text-indent: 4.199px;
    text-indent: .35rem
}

.book-button__title {
    display: inline-block;
    padding: 0 27.599px;
    padding: 0 2.3rem;
    white-space: nowrap
}

.book-button__quote {
    padding: 0 2em;
    line-height: 1.2
}

.book-button--block {
    display: block
}

@media only screen and (max-width:768px) {
    .book-button__title {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1.4em
    }
}

.foldout {
    color: #282b30;
    position: fixed;
    min-height: 100%;
    width: 100%;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%);
    transition: all .25s ease;
    z-index: 1000;
    overflow-y: auto
}

.foldout,
.foldout:before {
    background-color: #fff;
    top: 0;
    bottom: 0
}

.foldout:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1
}

.foldout.active {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.foldout__wrapper {
    position: relative;
    min-height: 100%;
    width: 100%;
    padding: 21.6px;
    padding: 1.8rem
}

.foldout__header {
    overflow: hidden;
    margin-bottom: 24px;
    margin-bottom: 0px;
    /*margin-bottom: 2rem*/
}

.foldout__logo {
    width: 120px;
    width: 10rem;
    height: 48px;
    height: 10rem;
    float: left
}

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

.foldout__close .icon--alila_close_circle {
    width: 40.8px;
    width: 3.4rem;
    height: 40.8px;
    height: 3.4rem
}

.foldout__navigation {
    margin-bottom: 26.4px;
    margin-bottom: 2.2rem
}

.foldout__navigation:last-child {
    margin-bottom: 48px;
    margin-bottom: 4rem
}

.foldout__navigation--main .foldout__link:before,
.foldout__navigation--secondary .foldout__link:before {
    display: none;
    content: "•";
    color: inherit;
    font-size: 75%;
    vertical-align: middle;
    width: 36px;
    width: 3rem;
    opacity: .5;
    text-align: center;
    position: absolute;
    left: 0;
    top: -1px
}

.foldout__navigation--sub {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin-bottom: 24px;
    margin-bottom: 2rem;
    padding-left: 36px;
    padding-left: 3rem
}

.foldout__navigation--sub .foldout__link {
    display: block
}

.foldout__navigation--sub .foldout__link:before {
    display: none
}

.foldout__navigation--links .foldout__link {
    margin-left: 36px;
    margin-left: 3rem;
    opacity: .5
}

.foldout__link {
    text-decoration: inherit;
    cursor: inherit;
    color: inherit;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .28em;
    font-weight: 600;
    font-size: 13.2px;
    font-size: 1.1rem;
    cursor: pointer;
    display: block;
    line-height: 26.4px;
    line-height: 2.2rem;
    padding: .8em .4em
}

.foldout__link:active,
.foldout__link:focus {
    outline: none
}

.foldout__link:active,
.foldout__link:focus,
.foldout__link:hover,
.foldout__link:visited {
    color: inherit
}

.foldout__link:after {
    display: none
}

.foldout__main {
    position: relative;
    height: 100%;
    width: 100%
}

.foldout__main .header__signin-link {
    padding: 1.8em .6em 1.3em
}

.foldout-open {
    position: relative;
    overflow: hidden
}

.page--property .foldout__navigation--main {
    background-color: #f1f1f1;
    padding: 1em 1.4em
}

.hamburger {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    width: 2em;
    height: 2em
}

.hamburger.open .hamburger__open {
    display: none
}

.hamburger.open .hamburger__close {
    display: block
}

.header .hamburger {
    margin-top: 3px
}

.hamburger__close,
.hamburger__icon,
.hamburger__open {
    width: 100%;
    height: 80%
}

.hamburger__open {
    position: relative;
    font-size: 24px;
    font-size: 2rem;
    min-height: 17px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hamburger__open span {
    width: 100%;
    height: 1px;
    background-color: currentColor;
    display: block
}

.hamburger__close {
    display: none
}

.hamburger__close .icon--svg {
    width: 100%;
    height: 120%
}

.options {
    text-align: left
}

.options__item {
    opacity: .65
}

.options__item.active,
.options__item.active .options__link:before,
.options__item:hover,
.options__item:hover .options__link:before {
    opacity: 1
}

.options__link {
    text-decoration: inherit;
    cursor: inherit;
    color: inherit;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .28em;
    font-weight: 600;
    font-size: 13.2px;
    font-size: 1.1rem;
    transition: all .6s ease;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.options__link:active,
.options__link:focus {
    outline: none
}

.options__link:active,
.options__link:focus,
.options__link:hover,
.options__link:visited {
    color: inherit
}

.options--small {
    width: 140%;
    left: -40%;
    position: relative
}

.options--small .options__link {
    font-size: 11px;
    line-height: 1em
}

@media only screen and (max-width:736px) {
    .options {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

@media screen and (max-height:850px) {
    .options__link {
        font-size: 1rem
    }
}

@media screen and (max-height:670px) {
    .options__link {
        font-size: .9rem
    }
}

.contact-list .icon {
    margin-left: -1.5%;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.booking__columns {
    overflow: hidden
}

.booking__columns>.booking__section {
    width: 20%;
    float: left;
    margin-left: 40%!important;
    margin-top: 3%!important;
}

.booking__columns>.booking__section>.form__input {
    line-height: 1
}

.booking__columns>.booking__section:first-child,
.booking__columns>.booking__section:nth-child(2) {
    margin-right: 4%
}

.booking__columns>.booking__section--left {
    float: left;
    margin-right: 4%;
    margin-bottom: 1em
}

.booking__columns>.booking__section--right,
.booking__columns>.booking__section:last-child {
    float: right
}

.booking__columns>.booking__section--right:first-child,
.booking__columns>.booking__section:last-child:first-child {
    margin-right: 0
}

.booking__columns--date {
    border-bottom: thin solid grey
}

.booking__columns--date .booking__section {
    border-bottom: none
}

.booking__columns--three>.booking__section {
    width: 22%
}

.booking__section {
    margin-bottom: 2em;
    /*border-bottom: thin solid grey;
    line-height: 3em;*/
}

.book__rooms {
    width: 4em;
    padding-right: 0
}

.book__rooms--empty {
    width: auto
}

.book__form {
    margin-bottom: 0
}

.booking__button {
    display: block;
    width: 100%
}

.booking__button .book-button__title {
    padding: .6em 1em
}

.booking__button .book-button__quote {
    padding-bottom: 1em
}

.booking__dates .dates__pickers {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    background-color: transparent;
    padding: 0
}

.booking__dates .dates__section {
    float: left;
    width: 45%;
    margin-right: 10%
}

.booking__dates .dates__section:last-child {
    margin-right: 0
}

.booking__finish .booking__section,
.booking__links .booking__section {
    padding: 0;
    border-bottom: none
}

.booking__links .booking__section:nth-child(2) {
    margin-right: 0
}

.booking__usp {
    opacity: .4
}

.booking__usp li {
    line-height: 1.5
}

.booking__footer {
    padding-top: 0;
    opacity: .3
}

.booking__footer .booking__section {
    border-bottom: 0;
    padding: 0
}

.booking__footer .booking__section:last-child {
    line-height: 4em
}

@media only screen and (max-width:736px) {
    .booking__section {
        margin-bottom: 3em
    }
    .booking__columns>.booking__section {
        /*width: auto;
        float: none!important;
        margin-right: 0!important;
        margin-bottom: 3em;*/
        width: auto;
        float: none!important;
        margin-right: 25%!important;
        margin-bottom: 3em;
        margin-left: 25%!important;
    }
    .booking__columns.booking__links>.booking__section {
        margin-bottom: 0
    }
    .booking__dates .dates__section {
        width: auto;
        float: none;
        margin-right: 0
    }
}

@media only screen and (max-height:750px) {
    .booking__section {
        margin-bottom: 0.5em
    }
}

.link--underline {
    position: relative
}

.link--underline:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: -.5em;
    left: -.1em;
    border-bottom: thin solid #fff;
    opacity: .25
}

.link--ghost-button {
    position: relative;
    display: inline-block;
    padding: 1.2em 2.4em;
    margin-top: 2em;
    margin-right: 2em;
    text-transform: uppercase;
    letter-spacing: .3em
}

.link--ghost-button:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, .5)
}

.name small {
    text-transform: uppercase
}

.name small:first-of-type+small:before {
    content: '.';
    display: inline-block;
    margin-right: .5em
}

.name-bold {
    font-weight: 700
}

.features__list {
    position: relative;
    padding-left: 1.8em
}

.features__list--toggle {
    max-height: 19em;
    overflow: hidden;
    transition: max-height .6s ease
}

.open .features__list--toggle {
    max-height: 100em
}

.features__item {
    list-style-type: none!important;
    margin-bottom: .6em;
    font-size: 16px;
    color: #000
}

.features__item:before {
    /*content: '•';*/
    position: absolute;
    left: 0;
    width: 1em;
    margin-top: -2px;
    display: inline-block;
    float: left;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transform-origin: 50% 50;
    -ms-transform-origin: 50% 50;
    transform-origin: 50% 50;
    text-align: center
}

.features__item>span {
    display: block;
    overflow: hidden;
    float: none
}

.features__footer {
    text-align: center;
    padding-top: 2em
}

.features__more {
    color: #858585
}

.features__more .icon {
    font-size: 70%;
    margin-right: -.25em;
    color: inherit;
    transition: all .6s ease
}

.open .features__more .icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media only screen and (max-width:736px) {
    .features {
        margin-top: 2em
    }
    .features__item {
        font-size: 13px
    }
}

.map__container {
    background-color: #f4f4f4;
    text-align: center
}

.map__container>span {
    position: absolute;
    top: 50%;
    margin-top: -.5em
}

.map__container .gm-style-iw {
    left: 9px!important;
    overflow: visible
}

@media only screen and (min-width:1024px) {
    .map__container .gm-style-iw {
        left: 1px!important;
        top: 1px!important
    }
}

.map__container .gm-style-iw h2 {
    line-height: 1.4
}

.map__container .googleMapModal {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    padding: 0 2px;
    min-width: 280px;
    max-width: 280px
}

@media only screen and (min-width:1024px) {
    .map__container .googleMapModal {
        min-width: 450px;
        max-width: 450px;
        padding: 0
    }
}

.map__container .googleMapModal:after {
    content: " ";
    display: table;
    clear: both
}

.map__container .googleMapModal .googleMapModalContent,
.map__container .googleMapModal .googleMapModalImage {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .map__container .googleMapModal .googleMapModalContent,
    .map__container .googleMapModal .googleMapModalImage {
        max-width: 48.7%
    }
}

.map__container .googleMapModal .googleMapModalContent {
    text-align: left;
    padding: 16.799px 0;
    padding: 1.4rem 0
}

@media only screen and (min-width:1024px) {
    .map__container .googleMapModal .googleMapModalContent {
        float: right;
        padding: 1.4rem 0 1.4rem 1.4rem
    }
}

.map__container .googleMapModal .googleMapModalContent small {
    margin: 12px 0;
    margin: 1rem 0;
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: #7c7c7c
}

.map__container .googleMapModal .googleMapModalContent h2 {
    margin-bottom: 12px;
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: 30px;
    color: #444
}

.map__container .googleMapModal .googleMapModalContent p {
    padding-bottom: 12px;
    padding-bottom: 1rem
}

.map__container .googleMapModal .googleMapModalContent .icon__list {
    padding: .6em 0;
    z-index: 0;
    position: relative
}

.map__container .googleMapModal .googleMapModalContent .icon__label {
    margin-left: .25em
}

@media (max-width:769px) {
    .map__container .googleMapModal .googleMapModalContent .icon--readmore:before {
        -webkit-animation: initial;
        animation: initial
    }
}

.map__container .googleMapModal .googleMapModalImage {
    background-size: cover;
    background-position: 50%;
    left: 0;
    top: 0;
    height: 9.6em
}

@media only screen and (min-width:1024px) {
    .map__container .googleMapModal .googleMapModalImage {
        height: 100%;
        height: calc(100% + 17px);
        position: absolute;
        max-width: 51.3%
    }
}

.page--destinations .map__container {
    height: calc(100vh - 72px)
}

@media only screen and (max-width:736px) {
    .map {
        position: relative
    }
    .map:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
        padding-top: calc(100vh - 72px)
    }
    .map>.map__container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .page--destinations .map__container {
        height: calc(100vh - 144px)
    }
    .map__container .googleMapModal .googleMapModalContent h2 {
        font-size: 19px;
        line-height: 1.2;
        margin-bottom: 0
    }
    .map__container .googleMapModal .googleMapModalContent p {
        font-size: 13px;
        letter-spacing: 1.8px;
        line-height: 16.9px;
        padding: .5rem 0
    }
    .map__container .googleMapModal .googleMapModalContent .icon-list {
        padding-top: 0
    }
}

.button {
    border: thin solid hsla(0, 0%, 100%, .25);
    line-height: 36px;
    line-height: 3rem;
    padding-left: 15px;
    padding-left: 1.25rem;
    padding-right: 15px;
    padding-right: 1.25rem;
    transition: all .6s ease;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block
}

.button:hover {
    border-color: hsla(0, 0%, 100%, .5)
}

.button__icon {
    line-height: inherit;
    margin-right: 0
}

.button__icon .icon {
    height: 1em;
    line-height: 1
}

.button__label {
    line-height: inherit;
    text-transform: uppercase;
    position: relative;
    top: .1em
}

.button__icon+.button__label,
.button__label+.button__icon {
    margin-left: 6px;
    margin-left: .5rem
}

.button--simple {
    padding-left: 0;
    padding-right: 0
}

.button--simple,
.button--simple:hover {
    border-color: transparent!important
}

.dates,
.dates__header {
    width: 100%
}

.dates {
    line-height: inherit;
    position: relative
}

.dates.filled .dates__title {
    display: none
}

.dates.filled .dates__end,
.dates.filled .dates__start {
    display: inline-block
}

.dates__header {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.dates__label {
    display: block;
    overflow: hidden
}

.dates__end,
.dates__start {
    width: 50%;
    float: left;
    display: none
}

.dates__end input,
.dates__start input {
    line-height: 1
}

.dates__end {
    padding-left: 24px;
    padding-left: 2rem
}

.dates__icon {
    width: .75em;
    height: .75em;
    position: absolute;
    right: 12px;
    right: 1rem;
    text-align: right
}

.dates__icon:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    opacity: .75;
    margin-right: 12px;
    margin-right: 1rem;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.dates__icon.active:after,
.dates__icon.open:after {
    content: "\f106";
    opacity: 1
}

.dates__icon svg {
    display: none
}

.dates__icon:after {
    margin-right: 0
}

.dates.open .dates__icon svg {
    display: inline-block;
    opacity: .5
}

.dates.open .dates__icon:after {
    display: none
}

.dates__wrapper {
    max-height: 0;
    transition: all .5s ease;
    overflow: hidden;
    position: relative
}

.dates__pickers {
    white-space: nowrap;
    overflow: hidden;
    padding: 2em;
    background: #193047;
    z-index: 100;
    line-height: 3;
    margin-top: 2em
}

.dates__pickers .picker__frame,
.dates__pickers .picker__holder {
    position: relative!important;
    top: auto!important;
    right: auto!important;
    bottom: auto!important;
    left: auto!important
}

.dates__pickers .picker__frame {
    opacity: 1
}

.dates__section {
    display: inline-block;
    width: 100%;
    margin-right: 24px;
    margin-right: 2rem
}

.dates__section:last-child {
    margin-right: 0
}

.dates__picker {
    max-height: 0;
    min-height: 22em
}

.dates.open .dates__wrapper {
    max-height: 50em
}

.picker__holder {
    outline: none
}

.picker__header {
    text-align: center
}

.picker__month,
.picker__year {
    display: inline-block;
    margin: 0 3px;
    margin: 0 .25rem;
    text-transform: uppercase;
    letter-spacing: .25em
}

.picker__nav--next,
.picker__nav--prev {
    width: 2em
}

.picker__nav--disabled {
    opacity: .25
}

.picker__nav--prev {
    float: left;
    cursor: pointer
}

.picker__nav--prev:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block
}

.picker__nav--next {
    float: right;
    cursor: pointer
}

.picker__nav--next:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block
}

.picker__weekday {
    text-align: center
}

.picker__table thead {
    border-bottom: none
}

.picker__table td,
.picker__table th {
    padding: 0;
    border-radius: 0
}

.picker__table td {
    border: thin solid #595959;
    width: 2em;
    line-height: 2.5em
}

.page--property .picker__table td {
    border-color: #445669
}

.page--property .modal .picker__table td {
    border-color: #595959
}

.picker__table td:first-child {
    border-left: none
}

.picker__table td:last-child {
    border-right: none
}

.picker__table tr:first-child td {
    border-top: none
}

.picker__table tr:last-child td {
    border-bottom: none
}

.picker__day {
    text-align: center;
    cursor: pointer
}

.picker__day--outfocus {
    display: none
}

.picker__day--today {
    background-color: rgba(0, 0, 0, .25)
}

.picker__day--disabled {
    color: rgba(0, 0, 0, .5);
    cursor: default;
    pointer-events: none
}

.picker__day--ranged {
    background-color: rgba(1, 87, 155, .5)
}

.picker__day:hover {
    background-color: #01579b;
    color: #fff
}

.picker__footer {
    display: none
}

@media only screen and (max-width:736px) {
    .dates,
    .dates__header {
        width: auto
    }
    .dates__section {
        padding: 0;
        margin-right: 0;
        margin-bottom: 1em;
        display: block
    }
    .dates__pickers {
        white-space: normal;
        padding: 0;
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
    .dates__input {
        display: inline-block;
        width: auto;
        padding-right: 0
    }
    .dates__section {
        width: auto
    }
    .dates__section:nth-child(2) {
        display: none
    }
    .dates__end,
    .dates__start {
        padding: 0!important
    }
    .dates__end .dates__input {
        padding-left: 0
    }
}

.offers__wrapper {
    background-color: #f0f0f0;
    height: 100%;
    z-index: 1
}

.offers__wrapper>.section__header {
    margin-bottom: 25px;
    height: 88px;
    position: absolute;
    left: 15px;
    width: calc(100% - 30px)
}

.offers__wrapper>.carousel__wrapper {
    height: calc(100% - 113px)
}

.offers__form,
.offers__title {
    display: inline-block;
    vertical-align: middle
}

.offers__form,
.offers__title {
    float: left
}

.offers__form>* {
    display: inline-block;
    vertical-align: middle
}

.offers__code,
.offers__dates,
.offers__rates {
    display: inline-block;
    margin-right: 36px;
    margin-right: 3rem;
    text-align: left
}

.offers__code:last-child,
.offers__dates:last-child,
.offers__rates:last-child {
    margin-right: 0
}

.offers__dates {
    width: 19em
}

.offers__dates .dates,
.offers__dates .dates__header {
    width: 100%
}

.offers__dates .dates__section {
    width: 20em
}

.offers__dates .dates__input {
    padding-right: 0
}

.offers__dates .dates__end,
.offers__dates .dates__end .dates__input {
    padding-left: 0
}

.offers__rates {
    background-color: transparent;
    color: #fff
}

.offers__rates>* {
    display: inline-block
}

.offers__rates .button__label {
    vertical-align: baseline
}

.offers__top {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row;
    height: 100%
}

.offers__top,
.offers__top>.block__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.offers__top>.block__content {
    float: none;
    margin-left: 0;
    padding: 8% 45px 15%;
    padding-left: 60px;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(100% - 100px);
    min-height: 430px
}

.offers__top>.block__body {
    font-size: 18px;
    line-height: 1.7em;
    margin-top: 18px;
    letter-spacing: .005em;
    color: #323538
}

@media only screen and (max-width:768px) {
    .offers__top {
        display: block
    }
}

.offers__top .block__wrapper:after {
    display: none
}

.offers__code,
.offers__dates {
    position: relative;
    border-top: none;
    border-right: none;
    border-left: none;
    padding: 0
}

.offers__code {
    width: 13em
}

.offers__dates .dates__wrapper {
    z-index: 1
}

.offers__dates .dates__pickers {
    top: auto;
    bottom: 100%;
    margin-bottom: 14.399px;
    margin-bottom: 1.2rem;
    margin-top: 1em
}

.offers__home {
    background-color: #f0f0f0
}

@media only screen and (max-width:736px) {
    .section--offers .section__header {
        display: none
    }
    .offers__top>.block__content {
        margin: 0 2.5rem;
        padding: 2rem 0
    }
}

@media only screen and (max-width:768px) {
    .block__offer {
        padding-top: 70%;
        width: calc(100% - 20px);
        left: 10px;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 10px
    }
    .offers__top>.block__content {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        height: auto;
        min-height: 0
    }
}

.cookies {
    line-height: inherit;
    background-image: linear-gradient(90deg, transparent 50%, hsla(0, 0%, 100%, .75));
    opacity: .75;
    padding: 1em 2em;
    transition: all .6s ease;
    z-index: 100
}

.cookies a[href] {
    position: relative;
    display: inline-block
}

.cookies a[href]:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    opacity: .25
}

.cookies:hover {
    opacity: 1
}

@media only screen and (max-width:736px) {
    html.show-cookies .header__message {
        font-size: 1.1em;
        letter-spacing: .1em
    }
    .cookies {
        background-image: linear-gradient(90deg, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .4))
    }
}

.languages {
    position: relative
}

.header.prominent .languages {
    border-color: #444
}

.languages .languages__list {
    border: thin solid hsla(0, 0%, 100%, 0);
    top: 1.4em;
    -webkit-transform: translateY(-100%) scaleY(0);
    -ms-transform: translateY(-100%) scaleY(0);
    transform: translateY(-100%) scaleY(0);
    transition: all .6s ease
}

.prominent .languages .languages__list {
    border-color: rgba(68, 68, 68, .5)
}

.languages.active {
    border-radius: 0
}

.languages.active .languages__list {
    display: block
}

.languages__button {
    position: relative;
    width: 40.8px;
    width: 3.4rem;
    height: 40.8px;
    height: 3.4rem;
    line-height: 40.8px;
    line-height: 3.4rem;
    text-indent: .14em;
    margin-right: 2.4em;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    font-size: .8em;
    text-align: center;
    transition: all .6s ease
}

.prominent .languages__button {
    border-color: rgba(68, 68, 68, .5)
}

.languages__list {
    z-index: 100
}

.languages__item {
    white-space: nowrap;
    line-height: 1.5em;
    float: left
}

.languages__item.active,
.languages__item:hover {
    color: #fff
}

.languages__link {
    display: block;
    text-transform: uppercase;
    padding: 4.199px 16.799px;
    padding: .35rem 1.4rem;
    line-height: 31.2px;
    line-height: 2.6rem;
    font-size: 10.8px;
    font-size: .9rem
}

.languages__link,
.languages__link.navigation__link {
    text-align: left
}

.header--language-active .languages__list {
    -webkit-transform: translateY(0) scaleY(1);
    -ms-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
    border-color: #fff
}

.header--language-active .header__navigation,
.header--language-active .languages__button {
    opacity: 0;
    -webkit-transform: translateY(100%) scaleY(0);
    -ms-transform: translateY(100%) scaleY(0);
    transform: translateY(100%) scaleY(0)
}

@media only screen and (max-width:768px) {
    .header--language-active .languages__button {
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: none
    }
    .languages.active .languages__list,
    .languages__list,
    .modal__main.languages .languages__button {
        display: none
    }
    .modal__main.languages .languages__list {
        display: block;
        opacity: 1!important;
        top: auto;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: none;
        height: 100%;
        width: 100%
    }
    .modal__main.languages .languages__item {
        float: none
    }
    .modal__main.languages .languages__link {
        font-size: 1.4rem;
        line-height: 4rem
    }
}

.usp {
    padding-left: 0!important
}

.usp li {
    line-height: 1.5;
    list-style-type: none!important;
    margin-left: 1em;
    padding-left: .5em;
    position: relative
}

.usp li:before {
    content: '';
    display: inline-block;
    opacity: .75;
    color: #000;
    background: url("../assets/icons/alila_checkmark.svg");
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    position: absolute;
    left: -1em;
    top: .1em
}

.usp li .icon {
    width: 1.2em;
    margin-right: .25em
}

.join {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.join__wrapper {
    width: 66%;
    margin: 0 auto
}

.join__description {
    overflow: hidden;
    transition: max-height .5s ease
}

.join__form .dropdown__content {
    padding-left: 12px;
    padding-left: 1rem
}

.join__name {
    opacity: 0;
    transition: all .5s ease;
    margin-bottom: 2em
}

.join__name:before {
    display: inline;
    content: 'Dear '
}

.join__section {
    width: 100%;
    border-bottom: thin solid hsla(0, 0%, 100%, .5);
    line-height: 2;
    position: relative;
    left: -12px;
    left: -1rem
}

.join__section.hidden {
    display: none
}

.join__section:last-child {
    border-bottom: none
}

.join__section--birthdate>.form__input {
    display: inline-block;
    width: auto;
    padding-right: 0;
    min-width: 3em;
    max-width: 5em
}

.join__section--birthdate>.form__input:not(:first-of-type) {
    padding-left: 0
}

.join__header {
    margin-bottom: 1em
}

.join__next,
.join__previous {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.join__next {
    position: absolute;
    right: 12px;
    right: 1rem;
    bottom: 0;
    line-height: inherit;
    opacity: .5;
    transition: opacity .5s ease
}

.join__next:hover {
    opacity: 1
}

.join__previous {
    width: 100%;
    text-align: right;
    padding-right: 12px;
    padding-right: 1rem;
    margin-top: 2em;
    text-transform: uppercase
}

.join__submit {
    margin-top: 3em
}

.join[data-step=last] .join__previous,
.join[data-step=start] .join__previous {
    display: none
}

.join.show-name .join__description {
    max-height: 0;
    margin-bottom: 2em
}

.join.show-name .join__name {
    opacity: 1
}

@media only screen and (max-width:736px) {
    .join {
        top: 10%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .join.show-name .join__name {
        display: block
    }
    .join__title {
        margin-bottom: .5em!important
    }
    .join__wrapper {
        width: auto;
        padding: 2em
    }
    .join__form {
        margin-top: 1em
    }
    .join__name {
        display: none
    }
    .join__section {
        left: auto
    }
}

.page--property #footer,
.page--property .main {
    position: relative;
    right: 0;
    transition: right .4s ease
}

.page--property .languages__button {
    opacity: 0;
    transition: opacity .4s linear
}

.page--property .languages__list {
    opacity: 0;
    margin: 0 auto;
    float: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page--property .header--language-active .languages__button {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.property-menu {
    position: fixed;
    z-index: 10;
    left: -450px;
    width: 320px;
    height: 100vh;
    padding: 15px;
    padding-top: 75px;
    transition: left .4s ease;
    background-color: #fff
}

.property-menu__wrapper {
    position: relative;
    height: 100%;
    z-index: 10
}

.property-menu__wrapper--padded {
    padding: 20px;
    padding-top: 75px
}

.property-menu__contact-info {
    margin-top: 60px;
    margin-top: 5rem;
    color: #858585
}

.property-menu__main-menu-items {
    position: absolute;
    background-color: #f1f1f1;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 2.8em 3.8em;
    transition: right .4s ease
}

.property-menu__main-menu-items>.logo {
    margin-bottom: 12px
}

.property-menu__main-menu-items h3 {
    font-family: freight-text-pro;
    font-weight: 400;
    font-style: italic;
    line-height: 2.2;
    font-size: 16px;
    padding-bottom: 4.8px;
    padding-bottom: .4rem
}

.property-menu__items-list {
    /* width: 50%; */
    float: left
}

.property-menu__items-list .navigation__link {
    line-height: 2.4em;
    width: 100%;
    font-weight: 300
}

.property-menu__items-list .navigation__link.active,
.property-menu__items-list .navigation__link:hover {
    font-weight: 700
}

.show-property-menu .property-menu__overlay {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background: hsla(0, 0%, 100%, .05);
    cursor: pointer
}

.show-property-menu .header {
    background-color: #fff
}

.show-property-menu .header .header__signin-link,
.show-property-menu .header .header__toggle,
.show-property-menu .header .logo__image,
.show-property-menu .header .navigation__link,
.show-property-menu .header svg {
    color: #444
}

.show-property-menu .header .languages__button,
.show-property-menu .header .languages__list {
    border-color: rgba(68, 68, 68, .5)
}

.show-property-menu .header:after {
    display: none
}

.show-property-menu .languages__button {
    opacity: 1
}

.show-property-menu .header__settings {
    display: inline-block;
    z-index: 1
}

.show-property-menu .header.header--at-top {
    background-color: transparent
}

.show-property-menu .header.header--at-top .header__signin-link,
.show-property-menu .header.header--at-top .header__signin-link svg {
    color: #fff
}

.show-property-menu .property-menu {
    left: 0
}

.show-property-menu #footer,
.show-property-menu .main {
    right: -320px!important
}

.show-property-menu .property-menu__main-menu-items {
    right: -30px;
    width: calc(100% + 30px)
}

.bottom-fill {
    opacity: 0
}

.discover {
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 1s, width 0s 1s, height 0s 1s;
    z-index: 999;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

body.discover-mode .discover {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 1s 1s
}

.discover__background,
.discover__backgrounds {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.discover__background {
    background-size: cover;
    background-position: 50%;
    opacity: 0;
    transition: opacity 1s
}

.discover__background.animate {
    opacity: 1
}

.discover__svg-container {
    width: 485px;
    height: 468px;
    position: relative
}

.discover #discover__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 221px
}

.discover .discover__top {
    position: absolute;
    top: 65px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 470px;
    height: 210px
}

.discover:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .25
}

.discover__title {
    -webkit-transform: translate(-50%, -60px);
    -ms-transform: translate(-50%, -60px);
    transform: translate(-50%, -60px);
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 30px;
    width: 330px;
    text-align: center
}

.discover__form,
.discover__title {
    position: absolute;
    top: 50%;
    left: 50%
}

.discover__form {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px
}

.discover__step {
    position: absolute;
    opacity: 0;
    transition: opacity .5s;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 600px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.discover__step.is-active {
    transition: opacity .5s .5s;
    opacity: 1;
    z-index: 9
}

.discover__step-title {
    font-family: freight-text-pro;
    font-style: italic;
    font-size: 16px;
    text-align: center;
    width: 205px;
    letter-spacing: .39px;
    line-height: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    opacity: 0;
    transition: opacity .6s ease-in
}

.discover__step-title.isVisible {
    opacity: 1
}

.discover__step-title:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 15px;
    height: 1px;
    background-color: #fff
}

.discover .discover__label {
    text-transform: uppercase;
    height: auto;
    transition: opacity .3s ease
}

.discover .discover__label:after,
.discover .discover__label:before {
    border-radius: 50%;
    top: 3px;
    margin-top: 0
}

.discover .discover__label.disabled {
    opacity: .3;
    cursor: default
}

.discover__btn-next {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-1.55rem, 110px);
    -ms-transform: translate(-1.55rem, 110px);
    transform: translate(-1.55rem, 110px);
    opacity: 0;
    transition: opacity .5s;
    display: inline-block;
    cursor: pointer
}

.discover__step.is-valid .discover__btn-next {
    opacity: 1
}

.discover__btn-prev {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-1.55rem, -140px);
    -ms-transform: translate(-1.55rem, -140px);
    transform: translate(-1.55rem, -140px);
    transition: opacity .5s;
    display: inline-block;
    cursor: pointer
}

.discover__btn-prev .icon__label {
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 2.37px;
    line-height: 11px;
    text-transform: uppercase;
    width: 1em
}

.discover__btn-close {
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 50px;
    -webkit-transform: translateX(-1.55rem);
    -ms-transform: translateX(-1.55rem);
    transform: translateX(-1.55rem);
    z-index: 20
}

.discover [type=checkbox]+label:before,
.discover [type=checkbox]:not(.filled-in)+label:after {
    transition: all .3s ease-out;
    width: 17px;
    height: 17px
}

.discover [type=checkbox]:not(.filled-in)+label:before {
    border: 1px solid hsla(0, 0%, 100%, .5)
}

.discover [type=checkbox]:not(.filled-in)+label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 12px;
    height: 12px;
    top: 6px;
    border-radius: 50%;
    margin-top: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.discover [type=checkbox]:checked+label:before {
    border-radius: 0;
    width: 17px;
    top: 3px;
    right: 0;
    height: 17px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(40deg) scale(1);
    -ms-transform: rotate(40deg) scale(1);
    transform: rotate(40deg) scale(1);
    border: 1px solid hsla(0, 0%, 100%, .5)
}

.discover [type=checkbox]:checked+label:after {
    border-radius: 0;
    width: 11px;
    height: 11px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #fff;
    margin-top: 0
}

.discover [type=checkbox]:checked+label.animateLabel:before,
.discover [type=checkbox]:checked+label:after {
    -webkit-transform: scale(1) rotate(40deg);
    -ms-transform: scale(1) rotate(40deg);
    transform: scale(1) rotate(40deg)
}

.discover .discover__step--5 .discover__label {
    position: absolute;
    padding-right: 35px;
    padding-left: 0;
    opacity: 0;
    transition: opacity .3s ease
}

.discover .discover__step--5 .discover__label:before {
    left: auto;
    right: 0;
    transition: all .3s ease;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.discover .discover__step--5 .discover__label:nth-of-type(1) {
    top: 284px;
    right: 525px
}

.discover .discover__step--5 .discover__label:nth-of-type(1):after {
    top: 6px;
    right: 3px;
    left: auto
}

.discover .discover__step--5 .discover__label:nth-of-type(2) {
    top: 122px;
    right: 455px
}

.discover .discover__step--5 .discover__label:nth-of-type(2):after {
    top: 6px;
    right: 3px;
    left: auto
}

.discover .discover__step--5 .discover__label:nth-of-type(3) {
    top: 15px;
    left: 276px;
    padding-right: 0;
    padding-bottom: 35px;
    height: 60px
}

.discover .discover__step--5 .discover__label:nth-of-type(3):before {
    left: 50%;
    bottom: 0;
    top: auto;
    -webkit-transform: scale(0) translateX(-50%) rotate(40deg);
    -ms-transform: scale(0) translateX(-50%) rotate(40deg);
    transform: scale(0) translateX(-50%) rotate(40deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.discover .discover__step--5 .discover__label:nth-of-type(3):after {
    bottom: 3px;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(40deg);
    -ms-transform: translateX(-50%) rotate(40deg);
    transform: translateX(-50%) rotate(40deg)
}

.discover .discover__step--5 .discover__label:nth-of-type(4) {
    top: 122px;
    left: 455px;
    padding-left: 35px;
    padding-right: 0
}

.discover .discover__step--5 .discover__label:nth-of-type(4):before {
    right: auto;
    left: 0
}

.discover .discover__step--5 .discover__label:nth-of-type(4):after {
    top: 6px;
    left: 3px
}

.discover .discover__step--5 .discover__label:nth-of-type(5) {
    top: 283px;
    left: 526px;
    padding-left: 35px;
    padding-right: 0
}

.discover .discover__step--5 .discover__label:nth-of-type(5):before {
    left: 0;
    right: auto
}

.discover .discover__step--5 .discover__label:nth-of-type(5):after {
    top: 6px;
    left: 3px
}

.discover .discover__step--5 .discover__label.animateLabel {
    opacity: 1
}

.discover .discover__step--5 .discover__label.animateLabel:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.discover .discover__step--5 .discover__label.animateLabel:nth-of-type(3):before {
    -webkit-transform: scale(1) translateX(-50%) rotate(40deg);
    -ms-transform: scale(1) translateX(-50%) rotate(40deg);
    transform: scale(1) translateX(-50%) rotate(40deg)
}

.discover .discover__step--9 .discover__label {
    position: absolute;
    padding-right: 35px;
    padding-left: 0
}

.discover .discover__step--9 .discover__label:before {
    left: auto;
    right: 0
}

.discover .discover__step--9 .discover__label:nth-of-type(1) {
    top: 284px;
    right: 525px
}

.discover .discover__step--9 .discover__label:nth-of-type(1):after {
    top: 6px;
    right: 3px;
    left: auto
}

.discover .discover__step--9 .discover__label:nth-of-type(2) {
    top: 189px;
    right: 502px
}

.discover .discover__step--9 .discover__label:nth-of-type(2):after {
    top: 6px;
    right: 3px;
    left: auto
}

.discover .discover__step--9 .discover__label:nth-of-type(3) {
    top: 118px;
    right: 451px
}

.discover .discover__step--9 .discover__label:nth-of-type(3):after {
    top: 6px;
    right: 3px;
    left: auto
}

.discover .discover__step--9 .discover__label:nth-of-type(4) {
    top: 70px;
    right: 375px
}

.discover .discover__step--9 .discover__label:nth-of-type(4):after {
    top: 6px;
    right: 3px;
    left: auto
}

.discover .discover__step--9 .discover__label:nth-of-type(5) {
    top: 15px;
    left: 277px;
    padding-right: 0;
    padding-bottom: 35px;
    height: 60px
}

.discover .discover__step--9 .discover__label:nth-of-type(5):before {
    bottom: 0
}

.discover .discover__step--9 .discover__label:nth-of-type(5):after,
.discover .discover__step--9 .discover__label:nth-of-type(5):before {
    left: 50%;
    top: auto;
    -webkit-transform: translateX(-50%) rotate(40deg);
    -ms-transform: translateX(-50%) rotate(40deg);
    transform: translateX(-50%) rotate(40deg)
}

.discover .discover__step--9 .discover__label:nth-of-type(5):after {
    bottom: 3px
}

.discover .discover__step--9 .discover__label:nth-of-type(6) {
    top: 71px;
    left: 381px;
    padding-left: 35px;
    padding-right: 0
}

.discover .discover__step--9 .discover__label:nth-of-type(6):before {
    left: 0;
    right: auto
}

.discover .discover__step--9 .discover__label:nth-of-type(6):after {
    top: 6px;
    left: 3px
}

.discover .discover__step--9 .discover__label:nth-of-type(7) {
    top: 118px;
    left: 453px;
    padding-left: 35px;
    padding-right: 0
}

.discover .discover__step--9 .discover__label:nth-of-type(7):before {
    left: 0;
    right: auto
}

.discover .discover__step--9 .discover__label:nth-of-type(7):after {
    top: 6px;
    left: 3px
}

.discover .discover__step--9 .discover__label:nth-of-type(8) {
    top: 193px;
    left: 507px;
    padding-left: 35px;
    padding-right: 0
}

.discover .discover__step--9 .discover__label:nth-of-type(8):before {
    left: 0;
    right: auto
}

.discover .discover__step--9 .discover__label:nth-of-type(8):after {
    top: 6px;
    left: 3px
}

.discover .discover__step--9 .discover__label:nth-of-type(9) {
    top: 284px;
    left: 526px;
    padding-left: 35px;
    padding-right: 0
}

.discover .discover__step--9 .discover__label:nth-of-type(9):before {
    left: 0;
    right: auto
}

.discover .discover__step--9 .discover__label:nth-of-type(9):after {
    top: 6px;
    left: 3px
}

@media only screen and (max-width:736px) {
    .discover__svg-container,
    .discover__top {
        display: none
    }
    .discover__form {
        width: 100%;
        height: 100%
    }
    .discover__btn-next {
        -webkit-transform: translate(-1.55rem, 60px);
        -ms-transform: translate(-1.55rem, 60px);
        transform: translate(-1.55rem, 60px)
    }
    .discover__step--5,
    .discover__step--9 {
        width: 100%;
        height: 100%;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .discover__step--5 .discover__label,
    .discover__step--9 .discover__label {
        margin-bottom: 25px;
        width: 49%;
        opacity: 1!important
    }
    .discover__step--5 .discover__label:after,
    .discover__step--5 .discover__label:before,
    .discover__step--9 .discover__label:after,
    .discover__step--9 .discover__label:before {
        -webkit-transform: scale(1) rotate(40deg)!important;
        -ms-transform: scale(1) rotate(40deg)!important;
        transform: scale(1) rotate(40deg)!important
    }
    .discover__step--5 .discover__label:last-child,
    .discover__step--9 .discover__label:last-child {
        margin-bottom: 0;
        width: 100%
    }
    .discover__step--5 .discover__label:nth-child(1n),
    .discover__step--9 .discover__label:nth-child(1n) {
        padding-left: 25px!important;
        padding-right: 0!important;
        padding-bottom: 0!important;
        position: relative!important;
        top: auto!important;
        left: auto!important;
        right: auto!important;
        bottom: auto!important;
        height: auto!important
    }
    .discover__step--5 .discover__label:nth-child(1n):before,
    .discover__step--9 .discover__label:nth-child(1n):before {
        left: 0!important;
        right: auto!important;
        bottom: auto!important
    }
    .discover__step--5 .discover__label:nth-child(1n):after,
    .discover__step--9 .discover__label:nth-child(1n):after {
        top: 6px!important;
        left: 3px!important;
        right: auto!important
    }
    .discover__step--5 .discover__label:nth-of-type(3):before {
        left: 0!important;
        right: auto!important;
        bottom: auto!important;
        top: 3px!important
    }
    .discover__step--5 .discover__label:nth-of-type(3):after {
        top: 6px!important;
        left: 3px!important;
        right: auto!important;
        -webkit-transform: scale(1) rotate(40deg)!important;
        -ms-transform: scale(1) rotate(40deg)!important;
        transform: scale(1) rotate(40deg)!important
    }
    .discover__step--9 .discover__label:nth-of-type(5):before {
        left: 0!important;
        right: auto!important;
        bottom: auto!important;
        top: 3px!important
    }
    .discover__step--9 .discover__label:nth-of-type(5):after {
        top: 6px!important;
        left: 3px!important;
        right: auto!important;
        -webkit-transform: scale(1) rotate(40deg)!important;
        -ms-transform: scale(1) rotate(40deg)!important;
        transform: scale(1) rotate(40deg)!important
    }
    .discover__step--9 .discover__btn-next {
        -webkit-transform: translate(13px, 60px);
        -ms-transform: translate(13px, 60px);
        transform: translate(13px, 60px)
    }
    .discover__step--9 .discover__btn-prev {
        left: 0;
        -webkit-transform: translate(22px, 60px);
        -ms-transform: translate(22px, 60px);
        transform: translate(22px, 60px)
    }
    .discover__step--5.is-valid {
        position: absolute
    }
    .discover__title {
        padding: 30px 5px 10px 0
    }
    .discover__step-title,
    .discover__title {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 0 auto
    }
    .discover__step-title {
        margin-bottom: 45px
    }
    .discover__label-container {
        height: 100%;
        width: 100%;
        padding: 0 30px
    }
    .discover__btn-close {
        bottom: 20px
    }
}

@media screen and (max-height:500px) {
    .discover__title {
        font-size: 20px;
        line-height: 24px
    }
}

.discover-results {
    padding: 15px 15px 0
}

.discover-results.is-active {
    display: block
}

.discover-results__wrapper {
    background-color: #f0f0f0;
    width: 100%;
    height: 100%
}

.discover-results__top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 30px
}

.discover-results__title {
    font-weight: 400;
    font-size: 20px;
    color: #888
}

.discover-results .grid__wrapper--moments {
    padding: 0
}

.discover-results__btn-discover-more .icon {
    z-index: 0
}

.discover-results__icon-list {
    text-align: center;
    padding: 15px 0
}

.discover-results__items .grid--full-window-height:before {
    padding-top: calc(100vh - 100px)
}

.discover-results__btn-close {
    color: #888
}

@media only screen and (max-width:736px) {
    .discover-results {
        padding: 0
    }
    .discover-results__btn-close .icon__label {
        display: none
    }
}

.images {
    width: 100%;
    height: 100%
}

.images .button.slick-prev {
    left: 36px;
    left: 3rem
}

.images .button.slick-prev .button__icon {
    margin-left: 1em
}

.images .button.slick-next {
    right: 36px;
    right: 3rem
}

.images .button.slick-next .button__icon {
    margin-right: 1em
}

.images .button .button__icon {
    opacity: .5;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.image {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.image__icons {
    color: #fff;
    position: absolute;
    right: 36px;
    right: 3rem;
    bottom: 28.799px;
    bottom: 2.4rem;
    z-index: 1
}

.carousel,
.carousel__item {
    height: 100%
}

.carousel__dots {
    margin: 0 1em
}

.carousel__dots li {
    display: inline-block;
    margin: 0 1em
}

.carousel__dots li.active a:before,
.carousel__dots li.active button:before,
.carousel__dots li.slick-active a:before,
.carousel__dots li.slick-active button:before {
    opacity: 1
}

.carousel__dots a,
.carousel__dots button {
    border: 0;
    background: transparent;
    cursor: pointer;
    color: inherit;
    outline: none;
    line-height: 0;
    font-size: 0;
    height: 12px;
    height: 1rem;
    padding: 0
}

.carousel__dots a:before,
.carousel__dots button:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    width: inherit;
    height: inherit;
    color: inherit;
    line-height: 1;
    font-size: 9px;
    font-size: .75rem;
    opacity: .35;
    text-shadow: -1px 0 hsla(0, 0%, 100%, .15), 0 1px hsla(0, 0%, 100%, .15), 1px 0 hsla(0, 0%, 100%, .15), 0 -1px hsla(0, 0%, 100%, .15)
}

.carousel__dots a.active,
.carousel__dots a:hover,
.carousel__dots button.active,
.carousel__dots button:hover {
    outline: none
}

.carousel__dots a.active:before,
.carousel__dots a:hover:before,
.carousel__dots button.active:before,
.carousel__dots button:hover:before {
    opacity: 1;
    color: #01579b
}

@media only screen and (max-width:736px) {
    .carousel__dots li button {
        width: 2rem;
        height: 2rem
    }
    .carousel__dots li button:before {
        font-size: 1rem
    }
}

.carousel__dots--offer>.slick-dots {
    width: auto;
    position: relative;
    bottom: auto;
    color: #01579b
}

.carousel__footer {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0
}

.carousel__footer .carousel__dots,
.carousel__footer .carousel__next,
.carousel__footer .carousel__prev {
    line-height: inherit
}

.carousel__footer .carousel__prev {
    float: left
}

.carousel__footer .carousel__next {
    float: right
}

.carousel__footer .carousel__dots {
    display: inline-block
}

.carousel__wrapper--offers {
    max-width: 1440px;
    max-height: 820px;
    position: relative!important;
    height: 100%;
    width: 100%
}

.carousel__wrapper--offers>.carousel {
    height: calc(100% - 60px)
}

.page--home .carousel__wrapper--offers {
    max-height: none
}

.carousel__item--offer:not(.slick-cloned) {
    top: 100px;
    opacity: 0
}

@media only screen and (max-width:736px) {
    .carousel__footer {
        padding-left: 0;
        padding-right: 0
    }
    .carousel__dots--offer>.slick-dots {
        padding: 4px 0 10px
    }
}


/*# sourceMappingURL=main.css.map */

.section--snap
{
	background: url('../../../../images/kunming/clean-white-polygon-backgrounds-2.jpg');
}
/* cusstom css*/
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 10px;
    transition: 0.3s;
  	font-size: 15px;
    min-height: 55px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    /* background-color: #ddd; */
	border-top: 3px solid #d70000;
}

/* Create an active/current tablink class */
div.tab button.active {
  background-color: #ccc;
	border-top: 3px solid #d70000;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

ul.list p
{
  margin-top:0!important;
      line-height: 40px;
}

ul.list
{
    padding:0;
    background: #ccc;
}
ul.list li
{
 display: inline-block;
 padding: 0 15px;
}