img,
legend {
max-width: 100%
}
audio,
canvas,
img,
progress,
video {
display: inline-block
}
progress,
sub,
sup {
vertical-align: baseline
}
button,
hr,
input {
overflow: visible
}
.mejs__container:focus,
.slick-dots li button,
.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus,
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover,
:focus,
[data-whatinput=mouse] .button,
[data-whatinput=mouse] .menu li,
[data-whatinput=mouse] .off-canvas,
[data-whatinput=mouse] .off-canvas-absolute,
[data-whatinput=mouse] .reveal,
[data-whatinput=mouse] button {
outline: 0
}
.cms ul li,
ul {
list-style-type: disc
}
.menu .button,
.menu a,
a,
a.button:focus,
a.button:hover,
abbr,
abbr[title] {
text-decoration: none
}
@media print,
screen and (min-width:40em) {
.reveal,
.reveal.large,
.reveal.small,
.reveal.tiny {
right: auto;
left: auto;
margin: 0 auto
}
}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
display: block
}
hr {
box-sizing: content-box
}
pre {
overflow: auto
}
a:active,
a:hover {
outline-width: 0
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none;
vertical-align: middle;
height: auto;
-ms-interpolation-mode: bicubic
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 1px
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
b,
em,
i,
small,
strong {
line-height: inherit
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
select,
textarea {
border-radius: 0
}
legend {
box-sizing: border-box;
display: table;
padding: 0;
color: inherit;
white-space: normal
}
textarea {
overflow: auto;
height: auto;
min-height: 50px
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
.hide-for-portrait,
.is-visible,
.show-for-landscape {
display: block !important
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=68.125em&xlarge=75em&xxlarge=96.875em"
}
body,
h4,
p {
font-family: Newsreader, sans-serif
}
html {
box-sizing: border-box;
font-size: 100%
}
*,
::after,
::before {
box-sizing: inherit
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.button,
button,
input,
optgroup,
select,
textarea {
font-family: inherit
}
select {
box-sizing: border-box;
width: 100%
}
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
max-width: none !important
}
.row,
hr {
max-width: 75rem
}
button {
padding: 0;
-webkit-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: 0 0;
line-height: 1;
cursor: auto
}
.hide,
.is-hidden {
display: none !important
}
.invisible {
visibility: hidden
}
@media screen and (max-width:0em),
screen and (min-width:40em) {
.show-for-small-only {
display: none !important
}
}
@media print,
screen and (min-width:40em) {
.hide-for-medium {
display: none !important
}
}
@media screen and (max-width:39.9375em) {
.hide-for-small-only,
.show-for-medium {
display: none !important
}
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.hide-for-medium-only {
display: none !important
}
}
@media screen and (max-width:39.9375em),
screen and (min-width:68.125em) {
.show-for-medium-only {
display: none !important
}
}
@media print,
screen and (min-width:68.125em) {
.hide-for-large {
display: none !important
}
}
@media screen and (max-width:68.0625em) {
.show-for-large {
display: none !important
}
}
@media screen and (min-width:68.125em) and (max-width:74.9375em) {
.hide-for-large-only {
display: none !important
}
}
@media screen and (max-width:68.0625em),
screen and (min-width:75em) {
.show-for-large-only {
display: none !important
}
}
@media screen and (min-width:75em) {
.hide-for-xlarge {
display: none !important
}
}
@media screen and (max-width:74.9375em) {
.show-for-xlarge {
display: none !important
}
}
@media screen and (min-width:75em) and (max-width:96.8125em) {
.hide-for-xlarge-only {
display: none !important
}
}
@media screen and (max-width:74.9375em),
screen and (min-width:96.875em) {
.show-for-xlarge-only {
display: none !important
}
}
@media screen and (min-width:96.875em) {
.hide-for-xxlarge,
.hide-for-xxlarge-only {
display: none !important
}
}
@media screen and (max-width:96.8125em) {
.show-for-xxlarge,
.show-for-xxlarge-only {
display: none !important
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0
}
.show-on-focus:active,
.show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none
}
@media screen and (orientation:landscape) {
.hide-for-portrait,
.show-for-landscape {
display: block !important
}
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
@media screen and (orientation:portrait) {
.hide-for-portrait,
.show-for-landscape {
display: none !important
}
.hide-for-landscape,
.show-for-portrait {
display: block !important
}
}
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
margin: 0;
padding: 0
}
ol,
ol ol,
ol ul,
ul,
ul ol,
ul ul {
margin-left: 1.25rem
}
p {
margin-bottom: 1rem;
text-rendering: optimizeLegibility
}
em,
i {
font-style: italic
}
b,
strong {
font-weight: 700
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Gill Sans MT Pro", sans-serif;
font-style: normal;
font-weight: 400;
color: inherit;
text-rendering: optimizeLegibility
}
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
line-height: 0;
color: #cacaca
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
code,
kbd {
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a
}
.h1,
h1 {
font-size: 1.5rem
}
.h2,
h2 {
font-size: 1.25rem
}
.h3,
h3 {
font-size: 1.1875rem
}
.h4,
h4 {
font-size: 1.125rem
}
.h5,
h5 {
font-size: 1.0625rem
}
.h6,
h6 {
font-size: 1rem
}
dl,
ol,
ul {
margin-bottom: 1rem
}
.menu,
figure,
kbd {
margin: 0
}
@media print,
screen and (min-width:40em) {
.h1,
h1 {
font-size: 3rem
}
.h2,
h2 {
font-size: 2.5rem
}
.h3,
h3 {
font-size: 1.9375rem
}
.h4,
h4 {
font-size: 1.5625rem
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1rem
}
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
line-height: inherit;
color: #1779ba;
cursor: pointer
}
a:focus,
a:hover {
color: #1468a0
}
a img {
border: 0
}
hr {
clear: both;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0
}
dl,
ol,
ul {
list-style-position: outside;
line-height: 1.6
}
li {
font-size: inherit
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dl dt {
margin-bottom: .3rem;
font-weight: 700
}
.subheader,
code,
h1 {
font-weight: 400
}
blockquote {
margin: 0 0 1rem;
padding: .5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca
}
blockquote,
blockquote p {
line-height: 1.6;
color: #8a8a8a
}
cite {
display: block;
font-size: .8125rem;
color: #8a8a8a
}
cite:before {
content: "— "
}
abbr,
abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help
}
.button,
.js-off-canvas-overlay.is-closable,
.slick-list.dragging {
cursor: pointer
}
code {
padding: .125rem .3125rem .0625rem;
border: 1px solid #cacaca
}
kbd {
padding: .125rem .25rem 0
}
.subheader {
margin-top: .2rem;
margin-bottom: .5rem;
line-height: 1.4;
color: #8a8a8a
}
.lead {
font-size: 125%;
line-height: 1.6
}
.button,
.menu .button,
.menu .menu-text,
.menu a,
.stat,
.tabs-title>a,
h1 {
line-height: 1
}
.stat {
font-size: 2.5rem
}
p+.stat {
margin-top: -1rem
}
ol.no-bullet,
ul.no-bullet {
margin-left: 0;
list-style: none
}
.text-left {
text-align: left
}
.menu.align-right.vertical li,
.menu.align-right.vertical li .submenu li,
.text-right {
text-align: right
}
.button,
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
@media print,
screen and (min-width:40em) {
.medium-text-left {
text-align: left
}
.medium-text-right {
text-align: right
}
.medium-text-center {
text-align: center
}
.medium-text-justify {
text-align: justify
}
}
@media print,
screen and (min-width:68.125em) {
.large-text-left {
text-align: left
}
.large-text-right {
text-align: right
}
.large-text-center {
text-align: center
}
.large-text-justify {
text-align: justify
}
}
@media screen and (min-width:75em) {
.xlarge-text-left {
text-align: left
}
.xlarge-text-right {
text-align: right
}
.xlarge-text-center {
text-align: center
}
.xlarge-text-justify {
text-align: justify
}
}
.show-for-print {
display: none !important
}
@media print {
blockquote,
img,
pre,
tr {
page-break-inside: avoid
}
* {
background: 0 0 !important;
box-shadow: none !important;
color: #000 !important;
text-shadow: none !important
}
.show-for-print {
display: block !important
}
.hide-for-print {
display: none !important
}
table.show-for-print {
display: table !important
}
thead.show-for-print {
display: table-header-group !important
}
tbody.show-for-print {
display: table-row-group !important
}
tr.show-for-print {
display: table-row !important
}
td.show-for-print,
th.show-for-print {
display: table-cell !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''
}
abbr[title]:after {
content: " (" attr(title) ")"
}
blockquote,
pre {
border: 1px solid #8a8a8a
}
thead {
display: table-header-group
}
img {
max-width: 100% !important
}
@page {
margin: .5cm
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.print-break-inside {
page-break-inside: auto
}
}
.off-canvas-absolute.is-transition-overlap.is-open,
.off-canvas.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}
.align-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.align-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.align-spaced {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.align-right.vertical.menu>li>a {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.align-center.vertical.menu>li>a {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.align-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.align-self-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.align-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.align-self-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.align-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.align-self-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.align-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch
}
.align-center-middle {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center
}
.small-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.small-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.small-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.small-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.small-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.small-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
@media print,
screen and (min-width:40em) {
.medium-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.medium-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.medium-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.medium-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.medium-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.medium-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media print,
screen and (min-width:68.125em) {
.large-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.large-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.large-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.large-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.large-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.large-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:75em) {
.xlarge-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.xlarge-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.xlarge-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.xlarge-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.xlarge-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.xlarge-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:96.875em) {
.xxlarge-text-left {
text-align: left
}
.xxlarge-text-right {
text-align: right
}
.xxlarge-text-center {
text-align: center
}
.xxlarge-text-justify {
text-align: justify
}
.xxlarge-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.xxlarge-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.xxlarge-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.xxlarge-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.xxlarge-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.xxlarge-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
.flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media print,
screen and (min-width:40em) {
.medium-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.medium-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.medium-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.medium-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.medium-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.medium-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.medium-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.medium-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media print,
screen and (min-width:68.125em) {
.large-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.large-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.large-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.large-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.large-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.large-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.large-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.large-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:75em) {
.xlarge-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.xlarge-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.xlarge-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.xlarge-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.xlarge-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.xlarge-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.xlarge-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.xlarge-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:96.875em) {
.xxlarge-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.xxlarge-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.xxlarge-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.xxlarge-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.xxlarge-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.xxlarge-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.xxlarge-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.xxlarge-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.row {
margin-right: auto;
margin-left: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.row.expanded,
.row:not(.expanded) .row {
max-width: none
}
.row .row {
margin-right: -.625rem;
margin-left: -.625rem
}
@media print,
screen and (min-width:40em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media print,
screen and (min-width:68.125em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media screen and (min-width:75em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media screen and (min-width:96.875em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.row .row.collapse {
margin-right: 0;
margin-left: 0
}
.row.expanded .row {
margin-right: auto;
margin-left: auto
}
.property-information .row.collapse>.columns,
.property-listing .row.collapse>.columns,
.row.collapse>.column,
.row.collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .row.collapse>.columns>.row,
.property-listing .row.collapse>.columns>.row,
.row.collapse>.column>.row,
.row.collapse>.columns>.row,
.row.is-collapse-child {
margin-right: 0;
margin-left: 0
}
.column,
.columns,
.property-information .columns,
.property-listing .columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-right: .625rem;
padding-left: .625rem;
min-width: 0
}
@media print,
screen and (min-width:40em) {
.column,
.columns,
.property-information .columns,
.property-listing .columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.column.row.row,
.row.row.columns {
float: none;
display: block
}
.row .column.row.row,
.row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0
}
.small-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.small-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.small-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.small-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.small-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.small-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.small-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.small-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.small-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.small-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.small-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .small-up-1>.columns,
.property-listing .small-up-1>.columns,
.small-up-1>.column,
.small-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.small-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .small-up-2>.columns,
.property-listing .small-up-2>.columns,
.small-up-2>.column,
.small-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.small-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .small-up-3>.columns,
.property-listing .small-up-3>.columns,
.small-up-3>.column,
.small-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .small-up-4>.columns,
.property-listing .small-up-4>.columns,
.small-up-4>.column,
.small-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.small-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .small-up-5>.columns,
.property-listing .small-up-5>.columns,
.small-up-5>.column,
.small-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.small-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .small-up-6>.columns,
.property-listing .small-up-6>.columns,
.small-up-6>.column,
.small-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .small-up-7>.columns,
.property-listing .small-up-7>.columns,
.small-up-7>.column,
.small-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.small-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .small-up-8>.columns,
.property-listing .small-up-8>.columns,
.small-up-8>.column,
.small-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.property-information .small-collapse>.columns,
.property-listing .small-collapse>.columns,
.small-collapse>.column,
.small-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .small-uncollapse>.columns,
.property-listing .small-uncollapse>.columns,
.small-uncollapse>.column,
.small-uncollapse>.columns {
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.medium-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.medium-offset-0 {
margin-left: 0
}
.medium-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-offset-1 {
margin-left: 8.33333%
}
.medium-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.medium-offset-2 {
margin-left: 16.66667%
}
.medium-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-offset-3 {
margin-left: 25%
}
.medium-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.medium-offset-4 {
margin-left: 33.33333%
}
.medium-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.medium-offset-5 {
margin-left: 41.66667%
}
.medium-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.medium-offset-6 {
margin-left: 50%
}
.medium-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.medium-offset-7 {
margin-left: 58.33333%
}
.medium-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.medium-offset-8 {
margin-left: 66.66667%
}
.medium-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.medium-offset-9 {
margin-left: 75%
}
.medium-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.medium-offset-10 {
margin-left: 83.33333%
}
.medium-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.medium-offset-11 {
margin-left: 91.66667%
}
.medium-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-1>.column,
.medium-up-1>.columns,
.property-information .medium-up-1>.columns,
.property-listing .medium-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.medium-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-2>.column,
.medium-up-2>.columns,
.property-information .medium-up-2>.columns,
.property-listing .medium-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.medium-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-3>.column,
.medium-up-3>.columns,
.property-information .medium-up-3>.columns,
.property-listing .medium-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-4>.column,
.medium-up-4>.columns,
.property-information .medium-up-4>.columns,
.property-listing .medium-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.medium-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-5>.column,
.medium-up-5>.columns,
.property-information .medium-up-5>.columns,
.property-listing .medium-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.medium-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-6>.column,
.medium-up-6>.columns,
.property-information .medium-up-6>.columns,
.property-listing .medium-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-7>.column,
.medium-up-7>.columns,
.property-information .medium-up-7>.columns,
.property-listing .medium-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.medium-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-8>.column,
.medium-up-8>.columns,
.property-information .medium-up-8>.columns,
.property-listing .medium-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width:40em) and (min-width:40em) {
.medium-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print,
screen and (min-width:40em) {
.medium-collapse>.column,
.medium-collapse>.columns,
.property-information .medium-collapse>.columns,
.property-listing .medium-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.medium-uncollapse>.column,
.medium-uncollapse>.columns,
.property-information .medium-uncollapse>.columns,
.property-listing .medium-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media print,
screen and (min-width:68.125em) {
.large-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.large-offset-0 {
margin-left: 0
}
.large-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-offset-1 {
margin-left: 8.33333%
}
.large-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.large-offset-2 {
margin-left: 16.66667%
}
.large-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-offset-3 {
margin-left: 25%
}
.large-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.large-offset-4 {
margin-left: 33.33333%
}
.large-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.large-offset-5 {
margin-left: 41.66667%
}
.large-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.large-offset-6 {
margin-left: 50%
}
.large-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.large-offset-7 {
margin-left: 58.33333%
}
.large-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.large-offset-8 {
margin-left: 66.66667%
}
.large-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.large-offset-9 {
margin-left: 75%
}
.large-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.large-offset-10 {
margin-left: 83.33333%
}
.large-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.large-offset-11 {
margin-left: 91.66667%
}
.large-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-1>.column,
.large-up-1>.columns,
.property-information .large-up-1>.columns,
.property-listing .large-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.large-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-2>.column,
.large-up-2>.columns,
.property-information .large-up-2>.columns,
.property-listing .large-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.large-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-3>.column,
.large-up-3>.columns,
.property-information .large-up-3>.columns,
.property-listing .large-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-4>.column,
.large-up-4>.columns,
.property-information .large-up-4>.columns,
.property-listing .large-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.large-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-5>.column,
.large-up-5>.columns,
.property-information .large-up-5>.columns,
.property-listing .large-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.large-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-6>.column,
.large-up-6>.columns,
.property-information .large-up-6>.columns,
.property-listing .large-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-7>.column,
.large-up-7>.columns,
.property-information .large-up-7>.columns,
.property-listing .large-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.large-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-8>.column,
.large-up-8>.columns,
.property-information .large-up-8>.columns,
.property-listing .large-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width:68.125em) and (min-width:68.125em) {
.large-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print,
screen and (min-width:68.125em) {
.large-collapse>.column,
.large-collapse>.columns,
.property-information .large-collapse>.columns,
.property-listing .large-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.large-uncollapse>.column,
.large-uncollapse>.columns,
.property-information .large-uncollapse>.columns,
.property-listing .large-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media screen and (min-width:75em) {
.xlarge-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xlarge-offset-0 {
margin-left: 0
}
.xlarge-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xlarge-offset-1 {
margin-left: 8.33333%
}
.xlarge-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xlarge-offset-2 {
margin-left: 16.66667%
}
.xlarge-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xlarge-offset-3 {
margin-left: 25%
}
.xlarge-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.xlarge-offset-4 {
margin-left: 33.33333%
}
.xlarge-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xlarge-offset-5 {
margin-left: 41.66667%
}
.xlarge-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.xlarge-offset-6 {
margin-left: 50%
}
.xlarge-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.xlarge-offset-7 {
margin-left: 58.33333%
}
.xlarge-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.xlarge-offset-8 {
margin-left: 66.66667%
}
.xlarge-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.xlarge-offset-9 {
margin-left: 75%
}
.xlarge-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.xlarge-offset-10 {
margin-left: 83.33333%
}
.xlarge-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xlarge-offset-11 {
margin-left: 91.66667%
}
.xlarge-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xlarge-up-1>.columns,
.property-listing .xlarge-up-1>.columns,
.xlarge-up-1>.column,
.xlarge-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xlarge-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xlarge-up-2>.columns,
.property-listing .xlarge-up-2>.columns,
.xlarge-up-2>.column,
.xlarge-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xlarge-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xlarge-up-3>.columns,
.property-listing .xlarge-up-3>.columns,
.xlarge-up-3>.column,
.xlarge-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xlarge-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xlarge-up-4>.columns,
.property-listing .xlarge-up-4>.columns,
.xlarge-up-4>.column,
.xlarge-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xlarge-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xlarge-up-5>.columns,
.property-listing .xlarge-up-5>.columns,
.xlarge-up-5>.column,
.xlarge-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.xlarge-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xlarge-up-6>.columns,
.property-listing .xlarge-up-6>.columns,
.xlarge-up-6>.column,
.xlarge-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xlarge-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xlarge-up-7>.columns,
.property-listing .xlarge-up-7>.columns,
.xlarge-up-7>.column,
.xlarge-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xlarge-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xlarge-up-8>.columns,
.property-listing .xlarge-up-8>.columns,
.xlarge-up-8>.column,
.xlarge-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width:75em) and (min-width:75em) {
.xlarge-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (min-width:75em) {
.property-information .xlarge-collapse>.columns,
.property-listing .xlarge-collapse>.columns,
.xlarge-collapse>.column,
.xlarge-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .xlarge-uncollapse>.columns,
.property-listing .xlarge-uncollapse>.columns,
.xlarge-uncollapse>.column,
.xlarge-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media screen and (min-width:96.875em) {
.xxlarge-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xxlarge-offset-0 {
margin-left: 0
}
.xxlarge-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xxlarge-offset-1 {
margin-left: 8.33333%
}
.xxlarge-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xxlarge-offset-2 {
margin-left: 16.66667%
}
.xxlarge-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xxlarge-offset-3 {
margin-left: 25%
}
.xxlarge-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.xxlarge-offset-4 {
margin-left: 33.33333%
}
.xxlarge-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xxlarge-offset-5 {
margin-left: 41.66667%
}
.xxlarge-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.xxlarge-offset-6 {
margin-left: 50%
}
.xxlarge-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.xxlarge-offset-7 {
margin-left: 58.33333%
}
.xxlarge-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.xxlarge-offset-8 {
margin-left: 66.66667%
}
.xxlarge-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.xxlarge-offset-9 {
margin-left: 75%
}
.xxlarge-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.xxlarge-offset-10 {
margin-left: 83.33333%
}
.xxlarge-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xxlarge-offset-11 {
margin-left: 91.66667%
}
.xxlarge-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xxlarge-up-1>.columns,
.property-listing .xxlarge-up-1>.columns,
.xxlarge-up-1>.column,
.xxlarge-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xxlarge-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xxlarge-up-2>.columns,
.property-listing .xxlarge-up-2>.columns,
.xxlarge-up-2>.column,
.xxlarge-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xxlarge-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xxlarge-up-3>.columns,
.property-listing .xxlarge-up-3>.columns,
.xxlarge-up-3>.column,
.xxlarge-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xxlarge-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xxlarge-up-4>.columns,
.property-listing .xxlarge-up-4>.columns,
.xxlarge-up-4>.column,
.xxlarge-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xxlarge-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xxlarge-up-5>.columns,
.property-listing .xxlarge-up-5>.columns,
.xxlarge-up-5>.column,
.xxlarge-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.xxlarge-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xxlarge-up-6>.columns,
.property-listing .xxlarge-up-6>.columns,
.xxlarge-up-6>.column,
.xxlarge-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xxlarge-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xxlarge-up-7>.columns,
.property-listing .xxlarge-up-7>.columns,
.xxlarge-up-7>.column,
.xxlarge-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xxlarge-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .xxlarge-up-8>.columns,
.property-listing .xxlarge-up-8>.columns,
.xxlarge-up-8>.column,
.xxlarge-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width:96.875em) and (min-width:96.875em) {
.xxlarge-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (min-width:96.875em) {
.property-information .xxlarge-collapse>.columns,
.property-listing .xxlarge-collapse>.columns,
.xxlarge-collapse>.column,
.xxlarge-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .xxlarge-uncollapse>.columns,
.property-listing .xxlarge-uncollapse>.columns,
.xxlarge-uncollapse>.column,
.xxlarge-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.shrink {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%
}
.column-block {
margin-bottom: 1.25rem
}
.column-block>:last-child {
margin-bottom: 0
}
@media print,
screen and (min-width:40em) {
.column-block {
margin-bottom: 1.875rem
}
.column-block>:last-child {
margin-bottom: 0
}
}
.grid-container {
padding-right: .625rem;
padding-left: .625rem;
max-width: 75rem;
margin: 0 auto
}
@media print,
screen and (min-width:40em) {
.grid-container {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.grid-container.fluid {
padding-right: .625rem;
padding-left: .625rem;
max-width: 100%;
margin: 0 auto
}
@media print,
screen and (min-width:40em) {
.grid-container.fluid {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin: 0 auto
}
.grid-x {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.cell {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
min-width: 0;
width: 100%
}
.cell.auto {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.cell.shrink {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.auto,
.grid-x>.shrink {
width: auto
}
.grid-x>.small-1,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-full,
.grid-x>.small-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
@media print,
screen and (min-width:40em) {
.grid-x>.medium-1,
.grid-x>.medium-10,
.grid-x>.medium-11,
.grid-x>.medium-12,
.grid-x>.medium-2,
.grid-x>.medium-3,
.grid-x>.medium-4,
.grid-x>.medium-5,
.grid-x>.medium-6,
.grid-x>.medium-7,
.grid-x>.medium-8,
.grid-x>.medium-9,
.grid-x>.medium-full,
.grid-x>.medium-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print,
screen and (min-width:68.125em) {
.grid-x>.large-1,
.grid-x>.large-10,
.grid-x>.large-11,
.grid-x>.large-12,
.grid-x>.large-2,
.grid-x>.large-3,
.grid-x>.large-4,
.grid-x>.large-5,
.grid-x>.large-6,
.grid-x>.large-7,
.grid-x>.large-8,
.grid-x>.large-9,
.grid-x>.large-full,
.grid-x>.large-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:75em) {
.grid-x>.xlarge-1,
.grid-x>.xlarge-10,
.grid-x>.xlarge-11,
.grid-x>.xlarge-12,
.grid-x>.xlarge-2,
.grid-x>.xlarge-3,
.grid-x>.xlarge-4,
.grid-x>.xlarge-5,
.grid-x>.xlarge-6,
.grid-x>.xlarge-7,
.grid-x>.xlarge-8,
.grid-x>.xlarge-9,
.grid-x>.xlarge-full,
.grid-x>.xlarge-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:96.875em) {
.grid-x>.xxlarge-1,
.grid-x>.xxlarge-10,
.grid-x>.xxlarge-11,
.grid-x>.xxlarge-12,
.grid-x>.xxlarge-2,
.grid-x>.xxlarge-3,
.grid-x>.xxlarge-4,
.grid-x>.xxlarge-5,
.grid-x>.xxlarge-6,
.grid-x>.xxlarge-7,
.grid-x>.xxlarge-8,
.grid-x>.xxlarge-9,
.grid-x>.xxlarge-full,
.grid-x>.xxlarge-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
.grid-x>.small-1 {
width: 8.33333%
}
.grid-x>.small-2 {
width: 16.66667%
}
.grid-x>.small-3 {
width: 25%
}
.grid-x>.small-4 {
width: 33.33333%
}
.grid-x>.small-5 {
width: 41.66667%
}
.grid-x>.small-6 {
width: 50%
}
.grid-x>.small-7 {
width: 58.33333%
}
.grid-x>.small-8 {
width: 66.66667%
}
.grid-x>.small-9 {
width: 75%
}
.grid-x>.small-10 {
width: 83.33333%
}
.grid-x>.small-11 {
width: 91.66667%
}
.grid-x>.small-12 {
width: 100%
}
@media print,
screen and (min-width:40em) {
.grid-x>.medium-auto {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.medium-shrink {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.grid-x>.medium-1 {
width: 8.33333%
}
.grid-x>.medium-2 {
width: 16.66667%
}
.grid-x>.medium-3 {
width: 25%
}
.grid-x>.medium-4 {
width: 33.33333%
}
.grid-x>.medium-5 {
width: 41.66667%
}
.grid-x>.medium-6 {
width: 50%
}
.grid-x>.medium-7 {
width: 58.33333%
}
.grid-x>.medium-8 {
width: 66.66667%
}
.grid-x>.medium-9 {
width: 75%
}
.grid-x>.medium-10 {
width: 83.33333%
}
.grid-x>.medium-11 {
width: 91.66667%
}
.grid-x>.medium-12 {
width: 100%
}
}
@media print,
screen and (min-width:68.125em) {
.grid-x>.large-auto {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.large-shrink {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.grid-x>.large-1 {
width: 8.33333%
}
.grid-x>.large-2 {
width: 16.66667%
}
.grid-x>.large-3 {
width: 25%
}
.grid-x>.large-4 {
width: 33.33333%
}
.grid-x>.large-5 {
width: 41.66667%
}
.grid-x>.large-6 {
width: 50%
}
.grid-x>.large-7 {
width: 58.33333%
}
.grid-x>.large-8 {
width: 66.66667%
}
.grid-x>.large-9 {
width: 75%
}
.grid-x>.large-10 {
width: 83.33333%
}
.grid-x>.large-11 {
width: 91.66667%
}
.grid-x>.large-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.grid-x>.xlarge-auto {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.xlarge-shrink {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.grid-x>.xlarge-1 {
width: 8.33333%
}
.grid-x>.xlarge-2 {
width: 16.66667%
}
.grid-x>.xlarge-3 {
width: 25%
}
.grid-x>.xlarge-4 {
width: 33.33333%
}
.grid-x>.xlarge-5 {
width: 41.66667%
}
.grid-x>.xlarge-6 {
width: 50%
}
.grid-x>.xlarge-7 {
width: 58.33333%
}
.grid-x>.xlarge-8 {
width: 66.66667%
}
.grid-x>.xlarge-9 {
width: 75%
}
.grid-x>.xlarge-10 {
width: 83.33333%
}
.grid-x>.xlarge-11 {
width: 91.66667%
}
.grid-x>.xlarge-12 {
width: 100%
}
}
@media screen and (min-width:96.875em) {
.grid-x>.xxlarge-auto {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.xxlarge-shrink {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.grid-x>.xxlarge-1 {
width: 8.33333%
}
.grid-x>.xxlarge-2 {
width: 16.66667%
}
.grid-x>.xxlarge-3 {
width: 25%
}
.grid-x>.xxlarge-4 {
width: 33.33333%
}
.grid-x>.xxlarge-5 {
width: 41.66667%
}
.grid-x>.xxlarge-6 {
width: 50%
}
.grid-x>.xxlarge-7 {
width: 58.33333%
}
.grid-x>.xxlarge-8 {
width: 66.66667%
}
.grid-x>.xxlarge-9 {
width: 75%
}
.grid-x>.xxlarge-10 {
width: 83.33333%
}
.grid-x>.xxlarge-11 {
width: 91.66667%
}
.grid-x>.xxlarge-12 {
width: 100%
}
}
.grid-margin-x:not(.grid-x)>.cell {
width: auto
}
.grid-margin-y:not(.grid-y)>.cell {
height: auto
}
.grid-margin-x {
margin-left: -.625rem;
margin-right: -.625rem
}
@media print,
screen and (min-width:40em) {
.grid-margin-x {
margin-left: -.9375rem;
margin-right: -.9375rem
}
}
.grid-margin-x>.cell {
width: calc(100% - 1.25rem);
margin-left: .625rem;
margin-right: .625rem
}
@media print,
screen and (min-width:40em) {
.grid-margin-x>.cell {
width: calc(100% - 1.875rem);
margin-left: .9375rem;
margin-right: .9375rem
}
}
.grid-margin-x>.auto,
.grid-margin-x>.shrink {
width: auto
}
.grid-margin-x>.small-1 {
width: calc(8.33333% - 1.25rem)
}
.grid-margin-x>.small-2 {
width: calc(16.66667% - 1.25rem)
}
.grid-margin-x>.small-3 {
width: calc(25% - 1.25rem)
}
.grid-margin-x>.small-4 {
width: calc(33.33333% - 1.25rem)
}
.grid-margin-x>.small-5 {
width: calc(41.66667% - 1.25rem)
}
.grid-margin-x>.small-6 {
width: calc(50% - 1.25rem)
}
.grid-margin-x>.small-7 {
width: calc(58.33333% - 1.25rem)
}
.grid-margin-x>.small-8 {
width: calc(66.66667% - 1.25rem)
}
.grid-margin-x>.small-9 {
width: calc(75% - 1.25rem)
}
.grid-margin-x>.small-10 {
width: calc(83.33333% - 1.25rem)
}
.grid-margin-x>.small-11 {
width: calc(91.66667% - 1.25rem)
}
.grid-margin-x>.small-12 {
width: calc(100% - 1.25rem)
}
@media print,
screen and (min-width:40em) {
.grid-margin-x>.auto,
.grid-margin-x>.shrink {
width: auto
}
.grid-margin-x>.small-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.small-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.small-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.small-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.small-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.small-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.small-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.small-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.small-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.small-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.small-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.small-12 {
width: calc(100% - 1.875rem)
}
.grid-margin-x>.medium-auto,
.grid-margin-x>.medium-shrink {
width: auto
}
.grid-margin-x>.medium-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.medium-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.medium-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.medium-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.medium-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.medium-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.medium-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.medium-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.medium-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.medium-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.medium-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.medium-12 {
width: calc(100% - 1.875rem)
}
}
@media print,
screen and (min-width:68.125em) {
.grid-margin-x>.large-auto,
.grid-margin-x>.large-shrink {
width: auto
}
.grid-margin-x>.large-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.large-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.large-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.large-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.large-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.large-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.large-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.large-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.large-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.large-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.large-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.large-12 {
width: calc(100% - 1.875rem)
}
}
@media screen and (min-width:75em) {
.grid-margin-x>.xlarge-auto,
.grid-margin-x>.xlarge-shrink {
width: auto
}
.grid-margin-x>.xlarge-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.xlarge-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.xlarge-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.xlarge-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.xlarge-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.xlarge-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.xlarge-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.xlarge-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.xlarge-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.xlarge-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.xlarge-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.xlarge-12 {
width: calc(100% - 1.875rem)
}
}
@media screen and (min-width:96.875em) {
.grid-margin-x>.xxlarge-auto,
.grid-margin-x>.xxlarge-shrink {
width: auto
}
.grid-margin-x>.xxlarge-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.xxlarge-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.xxlarge-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.xxlarge-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.xxlarge-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.xxlarge-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.xxlarge-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.xxlarge-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.xxlarge-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.xxlarge-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.xxlarge-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.xxlarge-12 {
width: calc(100% - 1.875rem)
}
}
.grid-padding-x .grid-padding-x {
margin-right: -.625rem;
margin-left: -.625rem
}
@media print,
screen and (min-width:40em) {
.grid-padding-x .grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.grid-container:not(.full)>.grid-padding-x {
margin-right: -.625rem;
margin-left: -.625rem
}
@media print,
screen and (min-width:40em) {
.grid-container:not(.full)>.grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.small-margin-collapse,
.small-margin-collapse>.cell,
.small-padding-collapse {
margin-right: 0;
margin-left: 0
}
.grid-padding-x>.cell {
padding-right: .625rem;
padding-left: .625rem
}
.small-up-1>.cell {
width: 100%
}
.small-up-2>.cell {
width: 50%
}
.small-up-3>.cell {
width: 33.33333%
}
.small-up-4>.cell {
width: 25%
}
.small-up-5>.cell {
width: 20%
}
.small-up-6>.cell {
width: 16.66667%
}
.small-up-7>.cell {
width: 14.28571%
}
.small-up-8>.cell {
width: 12.5%
}
@media print,
screen and (min-width:40em) {
.grid-padding-x>.cell {
padding-right: .9375rem;
padding-left: .9375rem
}
.medium-up-1>.cell {
width: 100%
}
.medium-up-2>.cell {
width: 50%
}
.medium-up-3>.cell {
width: 33.33333%
}
.medium-up-4>.cell {
width: 25%
}
.medium-up-5>.cell {
width: 20%
}
.medium-up-6>.cell {
width: 16.66667%
}
.medium-up-7>.cell {
width: 14.28571%
}
.medium-up-8>.cell {
width: 12.5%
}
}
@media print,
screen and (min-width:68.125em) {
.large-up-1>.cell {
width: 100%
}
.large-up-2>.cell {
width: 50%
}
.large-up-3>.cell {
width: 33.33333%
}
.large-up-4>.cell {
width: 25%
}
.large-up-5>.cell {
width: 20%
}
.large-up-6>.cell {
width: 16.66667%
}
.large-up-7>.cell {
width: 14.28571%
}
.large-up-8>.cell {
width: 12.5%
}
}
@media screen and (min-width:75em) {
.xlarge-up-1>.cell {
width: 100%
}
.xlarge-up-2>.cell {
width: 50%
}
.xlarge-up-3>.cell {
width: 33.33333%
}
.xlarge-up-4>.cell {
width: 25%
}
.xlarge-up-5>.cell {
width: 20%
}
.xlarge-up-6>.cell {
width: 16.66667%
}
.xlarge-up-7>.cell {
width: 14.28571%
}
.xlarge-up-8>.cell {
width: 12.5%
}
}
@media screen and (min-width:96.875em) {
.xxlarge-up-1>.cell {
width: 100%
}
.xxlarge-up-2>.cell {
width: 50%
}
.xxlarge-up-3>.cell {
width: 33.33333%
}
.xxlarge-up-4>.cell {
width: 25%
}
.xxlarge-up-5>.cell {
width: 20%
}
.xxlarge-up-6>.cell {
width: 16.66667%
}
.xxlarge-up-7>.cell {
width: 14.28571%
}
.xxlarge-up-8>.cell {
width: 12.5%
}
}
.grid-margin-x.small-up-1>.cell {
width: calc(100% - 1.25rem)
}
.grid-margin-x.small-up-2>.cell {
width: calc(50% - 1.25rem)
}
.grid-margin-x.small-up-3>.cell {
width: calc(33.33333% - 1.25rem)
}
.grid-margin-x.small-up-4>.cell {
width: calc(25% - 1.25rem)
}
.grid-margin-x.small-up-5>.cell {
width: calc(20% - 1.25rem)
}
.grid-margin-x.small-up-6>.cell {
width: calc(16.66667% - 1.25rem)
}
.grid-margin-x.small-up-7>.cell {
width: calc(14.28571% - 1.25rem)
}
.grid-margin-x.small-up-8>.cell {
width: calc(12.5% - 1.25rem)
}
@media print,
screen and (min-width:40em) {
.grid-margin-x.small-up-1>.cell {
width: calc(100% - 1.25rem)
}
.grid-margin-x.small-up-2>.cell {
width: calc(50% - 1.25rem)
}
.grid-margin-x.small-up-3>.cell {
width: calc(33.33333% - 1.25rem)
}
.grid-margin-x.small-up-4>.cell {
width: calc(25% - 1.25rem)
}
.grid-margin-x.small-up-5>.cell {
width: calc(20% - 1.25rem)
}
.grid-margin-x.small-up-6>.cell {
width: calc(16.66667% - 1.25rem)
}
.grid-margin-x.small-up-7>.cell {
width: calc(14.28571% - 1.25rem)
}
.grid-margin-x.small-up-8>.cell {
width: calc(12.5% - 1.25rem)
}
.grid-margin-x.medium-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.medium-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.medium-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.medium-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.medium-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.medium-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.medium-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.medium-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
@media print,
screen and (min-width:68.125em) {
.grid-margin-x.large-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.large-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.large-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.large-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.large-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.large-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.large-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.large-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
@media screen and (min-width:75em) {
.grid-margin-x.xlarge-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.xlarge-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.xlarge-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.xlarge-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.xlarge-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.xlarge-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.xlarge-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.xlarge-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
@media screen and (min-width:96.875em) {
.grid-margin-x.xxlarge-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.xxlarge-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.xxlarge-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.xxlarge-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.xxlarge-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.xxlarge-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.xxlarge-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.xxlarge-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
.small-margin-collapse>.small-1 {
width: 8.33333%
}
.small-margin-collapse>.small-2 {
width: 16.66667%
}
.small-margin-collapse>.small-3 {
width: 25%
}
.small-margin-collapse>.small-4 {
width: 33.33333%
}
.small-margin-collapse>.small-5 {
width: 41.66667%
}
.small-margin-collapse>.small-6 {
width: 50%
}
.small-margin-collapse>.small-7 {
width: 58.33333%
}
.small-margin-collapse>.small-8 {
width: 66.66667%
}
.small-margin-collapse>.small-9 {
width: 75%
}
.small-margin-collapse>.small-10 {
width: 83.33333%
}
.small-margin-collapse>.small-11 {
width: 91.66667%
}
.small-margin-collapse>.small-12 {
width: 100%
}
@media print,
screen and (min-width:40em) {
.small-margin-collapse>.medium-1 {
width: 8.33333%
}
.small-margin-collapse>.medium-2 {
width: 16.66667%
}
.small-margin-collapse>.medium-3 {
width: 25%
}
.small-margin-collapse>.medium-4 {
width: 33.33333%
}
.small-margin-collapse>.medium-5 {
width: 41.66667%
}
.small-margin-collapse>.medium-6 {
width: 50%
}
.small-margin-collapse>.medium-7 {
width: 58.33333%
}
.small-margin-collapse>.medium-8 {
width: 66.66667%
}
.small-margin-collapse>.medium-9 {
width: 75%
}
.small-margin-collapse>.medium-10 {
width: 83.33333%
}
.small-margin-collapse>.medium-11 {
width: 91.66667%
}
.small-margin-collapse>.medium-12 {
width: 100%
}
.medium-margin-collapse,
.medium-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media print,
screen and (min-width:68.125em) {
.small-margin-collapse>.large-1 {
width: 8.33333%
}
.small-margin-collapse>.large-2 {
width: 16.66667%
}
.small-margin-collapse>.large-3 {
width: 25%
}
.small-margin-collapse>.large-4 {
width: 33.33333%
}
.small-margin-collapse>.large-5 {
width: 41.66667%
}
.small-margin-collapse>.large-6 {
width: 50%
}
.small-margin-collapse>.large-7 {
width: 58.33333%
}
.small-margin-collapse>.large-8 {
width: 66.66667%
}
.small-margin-collapse>.large-9 {
width: 75%
}
.small-margin-collapse>.large-10 {
width: 83.33333%
}
.small-margin-collapse>.large-11 {
width: 91.66667%
}
.small-margin-collapse>.large-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.small-margin-collapse>.xlarge-1 {
width: 8.33333%
}
.small-margin-collapse>.xlarge-2 {
width: 16.66667%
}
.small-margin-collapse>.xlarge-3 {
width: 25%
}
.small-margin-collapse>.xlarge-4 {
width: 33.33333%
}
.small-margin-collapse>.xlarge-5 {
width: 41.66667%
}
.small-margin-collapse>.xlarge-6 {
width: 50%
}
.small-margin-collapse>.xlarge-7 {
width: 58.33333%
}
.small-margin-collapse>.xlarge-8 {
width: 66.66667%
}
.small-margin-collapse>.xlarge-9 {
width: 75%
}
.small-margin-collapse>.xlarge-10 {
width: 83.33333%
}
.small-margin-collapse>.xlarge-11 {
width: 91.66667%
}
.small-margin-collapse>.xlarge-12 {
width: 100%
}
}
@media screen and (min-width:96.875em) {
.small-margin-collapse>.xxlarge-1 {
width: 8.33333%
}
.small-margin-collapse>.xxlarge-2 {
width: 16.66667%
}
.small-margin-collapse>.xxlarge-3 {
width: 25%
}
.small-margin-collapse>.xxlarge-4 {
width: 33.33333%
}
.small-margin-collapse>.xxlarge-5 {
width: 41.66667%
}
.small-margin-collapse>.xxlarge-6 {
width: 50%
}
.small-margin-collapse>.xxlarge-7 {
width: 58.33333%
}
.small-margin-collapse>.xxlarge-8 {
width: 66.66667%
}
.small-margin-collapse>.xxlarge-9 {
width: 75%
}
.small-margin-collapse>.xxlarge-10 {
width: 83.33333%
}
.small-margin-collapse>.xxlarge-11 {
width: 91.66667%
}
.small-margin-collapse>.xxlarge-12 {
width: 100%
}
}
.small-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
@media print,
screen and (min-width:40em) {
.medium-margin-collapse>.small-1 {
width: 8.33333%
}
.medium-margin-collapse>.small-2 {
width: 16.66667%
}
.medium-margin-collapse>.small-3 {
width: 25%
}
.medium-margin-collapse>.small-4 {
width: 33.33333%
}
.medium-margin-collapse>.small-5 {
width: 41.66667%
}
.medium-margin-collapse>.small-6 {
width: 50%
}
.medium-margin-collapse>.small-7 {
width: 58.33333%
}
.medium-margin-collapse>.small-8 {
width: 66.66667%
}
.medium-margin-collapse>.small-9 {
width: 75%
}
.medium-margin-collapse>.small-10 {
width: 83.33333%
}
.medium-margin-collapse>.small-11 {
width: 91.66667%
}
.medium-margin-collapse>.small-12 {
width: 100%
}
.medium-margin-collapse>.medium-1 {
width: 8.33333%
}
.medium-margin-collapse>.medium-2 {
width: 16.66667%
}
.medium-margin-collapse>.medium-3 {
width: 25%
}
.medium-margin-collapse>.medium-4 {
width: 33.33333%
}
.medium-margin-collapse>.medium-5 {
width: 41.66667%
}
.medium-margin-collapse>.medium-6 {
width: 50%
}
.medium-margin-collapse>.medium-7 {
width: 58.33333%
}
.medium-margin-collapse>.medium-8 {
width: 66.66667%
}
.medium-margin-collapse>.medium-9 {
width: 75%
}
.medium-margin-collapse>.medium-10 {
width: 83.33333%
}
.medium-margin-collapse>.medium-11 {
width: 91.66667%
}
.medium-margin-collapse>.medium-12 {
width: 100%
}
.medium-padding-collapse {
margin-right: 0;
margin-left: 0
}
.medium-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
@media print,
screen and (min-width:68.125em) {
.medium-margin-collapse>.large-1 {
width: 8.33333%
}
.medium-margin-collapse>.large-2 {
width: 16.66667%
}
.medium-margin-collapse>.large-3 {
width: 25%
}
.medium-margin-collapse>.large-4 {
width: 33.33333%
}
.medium-margin-collapse>.large-5 {
width: 41.66667%
}
.medium-margin-collapse>.large-6 {
width: 50%
}
.medium-margin-collapse>.large-7 {
width: 58.33333%
}
.medium-margin-collapse>.large-8 {
width: 66.66667%
}
.medium-margin-collapse>.large-9 {
width: 75%
}
.medium-margin-collapse>.large-10 {
width: 83.33333%
}
.medium-margin-collapse>.large-11 {
width: 91.66667%
}
.medium-margin-collapse>.large-12 {
width: 100%
}
.large-margin-collapse,
.large-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media screen and (min-width:75em) {
.medium-margin-collapse>.xlarge-1 {
width: 8.33333%
}
.medium-margin-collapse>.xlarge-2 {
width: 16.66667%
}
.medium-margin-collapse>.xlarge-3 {
width: 25%
}
.medium-margin-collapse>.xlarge-4 {
width: 33.33333%
}
.medium-margin-collapse>.xlarge-5 {
width: 41.66667%
}
.medium-margin-collapse>.xlarge-6 {
width: 50%
}
.medium-margin-collapse>.xlarge-7 {
width: 58.33333%
}
.medium-margin-collapse>.xlarge-8 {
width: 66.66667%
}
.medium-margin-collapse>.xlarge-9 {
width: 75%
}
.medium-margin-collapse>.xlarge-10 {
width: 83.33333%
}
.medium-margin-collapse>.xlarge-11 {
width: 91.66667%
}
.medium-margin-collapse>.xlarge-12 {
width: 100%
}
}
@media screen and (min-width:96.875em) {
.medium-margin-collapse>.xxlarge-1 {
width: 8.33333%
}
.medium-margin-collapse>.xxlarge-2 {
width: 16.66667%
}
.medium-margin-collapse>.xxlarge-3 {
width: 25%
}
.medium-margin-collapse>.xxlarge-4 {
width: 33.33333%
}
.medium-margin-collapse>.xxlarge-5 {
width: 41.66667%
}
.medium-margin-collapse>.xxlarge-6 {
width: 50%
}
.medium-margin-collapse>.xxlarge-7 {
width: 58.33333%
}
.medium-margin-collapse>.xxlarge-8 {
width: 66.66667%
}
.medium-margin-collapse>.xxlarge-9 {
width: 75%
}
.medium-margin-collapse>.xxlarge-10 {
width: 83.33333%
}
.medium-margin-collapse>.xxlarge-11 {
width: 91.66667%
}
.medium-margin-collapse>.xxlarge-12 {
width: 100%
}
}
@media print,
screen and (min-width:68.125em) {
.large-margin-collapse>.small-1 {
width: 8.33333%
}
.large-margin-collapse>.small-2 {
width: 16.66667%
}
.large-margin-collapse>.small-3 {
width: 25%
}
.large-margin-collapse>.small-4 {
width: 33.33333%
}
.large-margin-collapse>.small-5 {
width: 41.66667%
}
.large-margin-collapse>.small-6 {
width: 50%
}
.large-margin-collapse>.small-7 {
width: 58.33333%
}
.large-margin-collapse>.small-8 {
width: 66.66667%
}
.large-margin-collapse>.small-9 {
width: 75%
}
.large-margin-collapse>.small-10 {
width: 83.33333%
}
.large-margin-collapse>.small-11 {
width: 91.66667%
}
.large-margin-collapse>.small-12 {
width: 100%
}
.large-margin-collapse>.medium-1 {
width: 8.33333%
}
.large-margin-collapse>.medium-2 {
width: 16.66667%
}
.large-margin-collapse>.medium-3 {
width: 25%
}
.large-margin-collapse>.medium-4 {
width: 33.33333%
}
.large-margin-collapse>.medium-5 {
width: 41.66667%
}
.large-margin-collapse>.medium-6 {
width: 50%
}
.large-margin-collapse>.medium-7 {
width: 58.33333%
}
.large-margin-collapse>.medium-8 {
width: 66.66667%
}
.large-margin-collapse>.medium-9 {
width: 75%
}
.large-margin-collapse>.medium-10 {
width: 83.33333%
}
.large-margin-collapse>.medium-11 {
width: 91.66667%
}
.large-margin-collapse>.medium-12 {
width: 100%
}
.large-margin-collapse>.large-1 {
width: 8.33333%
}
.large-margin-collapse>.large-2 {
width: 16.66667%
}
.large-margin-collapse>.large-3 {
width: 25%
}
.large-margin-collapse>.large-4 {
width: 33.33333%
}
.large-margin-collapse>.large-5 {
width: 41.66667%
}
.large-margin-collapse>.large-6 {
width: 50%
}
.large-margin-collapse>.large-7 {
width: 58.33333%
}
.large-margin-collapse>.large-8 {
width: 66.66667%
}
.large-margin-collapse>.large-9 {
width: 75%
}
.large-margin-collapse>.large-10 {
width: 83.33333%
}
.large-margin-collapse>.large-11 {
width: 91.66667%
}
.large-margin-collapse>.large-12 {
width: 100%
}
.large-padding-collapse {
margin-right: 0;
margin-left: 0
}
.large-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
@media screen and (min-width:75em) {
.large-margin-collapse>.xlarge-1 {
width: 8.33333%
}
.large-margin-collapse>.xlarge-2 {
width: 16.66667%
}
.large-margin-collapse>.xlarge-3 {
width: 25%
}
.large-margin-collapse>.xlarge-4 {
width: 33.33333%
}
.large-margin-collapse>.xlarge-5 {
width: 41.66667%
}
.large-margin-collapse>.xlarge-6 {
width: 50%
}
.large-margin-collapse>.xlarge-7 {
width: 58.33333%
}
.large-margin-collapse>.xlarge-8 {
width: 66.66667%
}
.large-margin-collapse>.xlarge-9 {
width: 75%
}
.large-margin-collapse>.xlarge-10 {
width: 83.33333%
}
.large-margin-collapse>.xlarge-11 {
width: 91.66667%
}
.large-margin-collapse>.xlarge-12 {
width: 100%
}
.xlarge-margin-collapse,
.xlarge-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media screen and (min-width:96.875em) {
.large-margin-collapse>.xxlarge-1 {
width: 8.33333%
}
.large-margin-collapse>.xxlarge-2 {
width: 16.66667%
}
.large-margin-collapse>.xxlarge-3 {
width: 25%
}
.large-margin-collapse>.xxlarge-4 {
width: 33.33333%
}
.large-margin-collapse>.xxlarge-5 {
width: 41.66667%
}
.large-margin-collapse>.xxlarge-6 {
width: 50%
}
.large-margin-collapse>.xxlarge-7 {
width: 58.33333%
}
.large-margin-collapse>.xxlarge-8 {
width: 66.66667%
}
.large-margin-collapse>.xxlarge-9 {
width: 75%
}
.large-margin-collapse>.xxlarge-10 {
width: 83.33333%
}
.large-margin-collapse>.xxlarge-11 {
width: 91.66667%
}
.large-margin-collapse>.xxlarge-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.xlarge-margin-collapse>.small-1 {
width: 8.33333%
}
.xlarge-margin-collapse>.small-2 {
width: 16.66667%
}
.xlarge-margin-collapse>.small-3 {
width: 25%
}
.xlarge-margin-collapse>.small-4 {
width: 33.33333%
}
.xlarge-margin-collapse>.small-5 {
width: 41.66667%
}
.xlarge-margin-collapse>.small-6 {
width: 50%
}
.xlarge-margin-collapse>.small-7 {
width: 58.33333%
}
.xlarge-margin-collapse>.small-8 {
width: 66.66667%
}
.xlarge-margin-collapse>.small-9 {
width: 75%
}
.xlarge-margin-collapse>.small-10 {
width: 83.33333%
}
.xlarge-margin-collapse>.small-11 {
width: 91.66667%
}
.xlarge-margin-collapse>.small-12 {
width: 100%
}
.xlarge-margin-collapse>.medium-1 {
width: 8.33333%
}
.xlarge-margin-collapse>.medium-2 {
width: 16.66667%
}
.xlarge-margin-collapse>.medium-3 {
width: 25%
}
.xlarge-margin-collapse>.medium-4 {
width: 33.33333%
}
.xlarge-margin-collapse>.medium-5 {
width: 41.66667%
}
.xlarge-margin-collapse>.medium-6 {
width: 50%
}
.xlarge-margin-collapse>.medium-7 {
width: 58.33333%
}
.xlarge-margin-collapse>.medium-8 {
width: 66.66667%
}
.xlarge-margin-collapse>.medium-9 {
width: 75%
}
.xlarge-margin-collapse>.medium-10 {
width: 83.33333%
}
.xlarge-margin-collapse>.medium-11 {
width: 91.66667%
}
.xlarge-margin-collapse>.medium-12 {
width: 100%
}
.xlarge-margin-collapse>.large-1 {
width: 8.33333%
}
.xlarge-margin-collapse>.large-2 {
width: 16.66667%
}
.xlarge-margin-collapse>.large-3 {
width: 25%
}
.xlarge-margin-collapse>.large-4 {
width: 33.33333%
}
.xlarge-margin-collapse>.large-5 {
width: 41.66667%
}
.xlarge-margin-collapse>.large-6 {
width: 50%
}
.xlarge-margin-collapse>.large-7 {
width: 58.33333%
}
.xlarge-margin-collapse>.large-8 {
width: 66.66667%
}
.xlarge-margin-collapse>.large-9 {
width: 75%
}
.xlarge-margin-collapse>.large-10 {
width: 83.33333%
}
.xlarge-margin-collapse>.large-11 {
width: 91.66667%
}
.xlarge-margin-collapse>.large-12 {
width: 100%
}
.xlarge-margin-collapse>.xlarge-1 {
width: 8.33333%
}
.xlarge-margin-collapse>.xlarge-2 {
width: 16.66667%
}
.xlarge-margin-collapse>.xlarge-3 {
width: 25%
}
.xlarge-margin-collapse>.xlarge-4 {
width: 33.33333%
}
.xlarge-margin-collapse>.xlarge-5 {
width: 41.66667%
}
.xlarge-margin-collapse>.xlarge-6 {
width: 50%
}
.xlarge-margin-collapse>.xlarge-7 {
width: 58.33333%
}
.xlarge-margin-collapse>.xlarge-8 {
width: 66.66667%
}
.xlarge-margin-collapse>.xlarge-9 {
width: 75%
}
.xlarge-margin-collapse>.xlarge-10 {
width: 83.33333%
}
.xlarge-margin-collapse>.xlarge-11 {
width: 91.66667%
}
.xlarge-margin-collapse>.xlarge-12 {
width: 100%
}
.xlarge-padding-collapse {
margin-right: 0;
margin-left: 0
}
.xlarge-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
@media screen and (min-width:96.875em) {
.xlarge-margin-collapse>.xxlarge-1 {
width: 8.33333%
}
.xlarge-margin-collapse>.xxlarge-2 {
width: 16.66667%
}
.xlarge-margin-collapse>.xxlarge-3 {
width: 25%
}
.xlarge-margin-collapse>.xxlarge-4 {
width: 33.33333%
}
.xlarge-margin-collapse>.xxlarge-5 {
width: 41.66667%
}
.xlarge-margin-collapse>.xxlarge-6 {
width: 50%
}
.xlarge-margin-collapse>.xxlarge-7 {
width: 58.33333%
}
.xlarge-margin-collapse>.xxlarge-8 {
width: 66.66667%
}
.xlarge-margin-collapse>.xxlarge-9 {
width: 75%
}
.xlarge-margin-collapse>.xxlarge-10 {
width: 83.33333%
}
.xlarge-margin-collapse>.xxlarge-11 {
width: 91.66667%
}
.xlarge-margin-collapse>.xxlarge-12 {
width: 100%
}
.xxlarge-margin-collapse,
.xxlarge-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
.xxlarge-margin-collapse>.small-1 {
width: 8.33333%
}
.xxlarge-margin-collapse>.small-2 {
width: 16.66667%
}
.xxlarge-margin-collapse>.small-3 {
width: 25%
}
.xxlarge-margin-collapse>.small-4 {
width: 33.33333%
}
.xxlarge-margin-collapse>.small-5 {
width: 41.66667%
}
.xxlarge-margin-collapse>.small-6 {
width: 50%
}
.xxlarge-margin-collapse>.small-7 {
width: 58.33333%
}
.xxlarge-margin-collapse>.small-8 {
width: 66.66667%
}
.xxlarge-margin-collapse>.small-9 {
width: 75%
}
.xxlarge-margin-collapse>.small-10 {
width: 83.33333%
}
.xxlarge-margin-collapse>.small-11 {
width: 91.66667%
}
.xxlarge-margin-collapse>.small-12 {
width: 100%
}
.xxlarge-margin-collapse>.medium-1 {
width: 8.33333%
}
.xxlarge-margin-collapse>.medium-2 {
width: 16.66667%
}
.xxlarge-margin-collapse>.medium-3 {
width: 25%
}
.xxlarge-margin-collapse>.medium-4 {
width: 33.33333%
}
.xxlarge-margin-collapse>.medium-5 {
width: 41.66667%
}
.xxlarge-margin-collapse>.medium-6 {
width: 50%
}
.xxlarge-margin-collapse>.medium-7 {
width: 58.33333%
}
.xxlarge-margin-collapse>.medium-8 {
width: 66.66667%
}
.xxlarge-margin-collapse>.medium-9 {
width: 75%
}
.xxlarge-margin-collapse>.medium-10 {
width: 83.33333%
}
.xxlarge-margin-collapse>.medium-11 {
width: 91.66667%
}
.xxlarge-margin-collapse>.medium-12 {
width: 100%
}
.xxlarge-margin-collapse>.large-1 {
width: 8.33333%
}
.xxlarge-margin-collapse>.large-2 {
width: 16.66667%
}
.xxlarge-margin-collapse>.large-3 {
width: 25%
}
.xxlarge-margin-collapse>.large-4 {
width: 33.33333%
}
.xxlarge-margin-collapse>.large-5 {
width: 41.66667%
}
.xxlarge-margin-collapse>.large-6 {
width: 50%
}
.xxlarge-margin-collapse>.large-7 {
width: 58.33333%
}
.xxlarge-margin-collapse>.large-8 {
width: 66.66667%
}
.xxlarge-margin-collapse>.large-9 {
width: 75%
}
.xxlarge-margin-collapse>.large-10 {
width: 83.33333%
}
.xxlarge-margin-collapse>.large-11 {
width: 91.66667%
}
.xxlarge-margin-collapse>.large-12 {
width: 100%
}
.xxlarge-margin-collapse>.xlarge-1 {
width: 8.33333%
}
.xxlarge-margin-collapse>.xlarge-2 {
width: 16.66667%
}
.xxlarge-margin-collapse>.xlarge-3 {
width: 25%
}
.xxlarge-margin-collapse>.xlarge-4 {
width: 33.33333%
}
.xxlarge-margin-collapse>.xlarge-5 {
width: 41.66667%
}
.xxlarge-margin-collapse>.xlarge-6 {
width: 50%
}
.xxlarge-margin-collapse>.xlarge-7 {
width: 58.33333%
}
.xxlarge-margin-collapse>.xlarge-8 {
width: 66.66667%
}
.xxlarge-margin-collapse>.xlarge-9 {
width: 75%
}
.xxlarge-margin-collapse>.xlarge-10 {
width: 83.33333%
}
.xxlarge-margin-collapse>.xlarge-11 {
width: 91.66667%
}
.xxlarge-margin-collapse>.xlarge-12 {
width: 100%
}
.xxlarge-margin-collapse>.xxlarge-1 {
width: 8.33333%
}
.xxlarge-margin-collapse>.xxlarge-2 {
width: 16.66667%
}
.xxlarge-margin-collapse>.xxlarge-3 {
width: 25%
}
.xxlarge-margin-collapse>.xxlarge-4 {
width: 33.33333%
}
.xxlarge-margin-collapse>.xxlarge-5 {
width: 41.66667%
}
.xxlarge-margin-collapse>.xxlarge-6 {
width: 50%
}
.xxlarge-margin-collapse>.xxlarge-7 {
width: 58.33333%
}
.xxlarge-margin-collapse>.xxlarge-8 {
width: 66.66667%
}
.xxlarge-margin-collapse>.xxlarge-9 {
width: 75%
}
.xxlarge-margin-collapse>.xxlarge-10 {
width: 83.33333%
}
.xxlarge-margin-collapse>.xxlarge-11 {
width: 91.66667%
}
.xxlarge-margin-collapse>.xxlarge-12 {
width: 100%
}
.xxlarge-padding-collapse {
margin-right: 0;
margin-left: 0
}
.xxlarge-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
.small-offset-0 {
margin-left: 0
}
.grid-margin-x>.small-offset-0 {
margin-left: calc(0% + .625rem)
}
.small-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.small-offset-1 {
margin-left: calc(8.33333% + .625rem)
}
.small-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.small-offset-2 {
margin-left: calc(16.66667% + .625rem)
}
.small-offset-3 {
margin-left: 25%
}
.grid-margin-x>.small-offset-3 {
margin-left: calc(25% + .625rem)
}
.small-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.small-offset-4 {
margin-left: calc(33.33333% + .625rem)
}
.small-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.small-offset-5 {
margin-left: calc(41.66667% + .625rem)
}
.small-offset-6 {
margin-left: 50%
}
.grid-margin-x>.small-offset-6 {
margin-left: calc(50% + .625rem)
}
.small-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.small-offset-7 {
margin-left: calc(58.33333% + .625rem)
}
.small-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.small-offset-8 {
margin-left: calc(66.66667% + .625rem)
}
.small-offset-9 {
margin-left: 75%
}
.grid-margin-x>.small-offset-9 {
margin-left: calc(75% + .625rem)
}
.small-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.small-offset-10 {
margin-left: calc(83.33333% + .625rem)
}
.small-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.small-offset-11 {
margin-left: calc(91.66667% + .625rem)
}
@media print,
screen and (min-width:40em) {
.medium-offset-0 {
margin-left: 0
}
.grid-margin-x>.medium-offset-0 {
margin-left: calc(0% + .9375rem)
}
.medium-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.medium-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.medium-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.medium-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.medium-offset-3 {
margin-left: 25%
}
.grid-margin-x>.medium-offset-3 {
margin-left: calc(25% + .9375rem)
}
.medium-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.medium-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.medium-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.medium-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.medium-offset-6 {
margin-left: 50%
}
.grid-margin-x>.medium-offset-6 {
margin-left: calc(50% + .9375rem)
}
.medium-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.medium-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.medium-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.medium-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.medium-offset-9 {
margin-left: 75%
}
.grid-margin-x>.medium-offset-9 {
margin-left: calc(75% + .9375rem)
}
.medium-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.medium-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.medium-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.medium-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media print,
screen and (min-width:68.125em) {
.large-offset-0 {
margin-left: 0
}
.grid-margin-x>.large-offset-0 {
margin-left: calc(0% + .9375rem)
}
.large-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.large-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.large-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.large-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.large-offset-3 {
margin-left: 25%
}
.grid-margin-x>.large-offset-3 {
margin-left: calc(25% + .9375rem)
}
.large-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.large-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.large-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.large-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.large-offset-6 {
margin-left: 50%
}
.grid-margin-x>.large-offset-6 {
margin-left: calc(50% + .9375rem)
}
.large-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.large-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.large-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.large-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.large-offset-9 {
margin-left: 75%
}
.grid-margin-x>.large-offset-9 {
margin-left: calc(75% + .9375rem)
}
.large-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.large-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.large-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.large-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media screen and (min-width:75em) {
.xlarge-offset-0 {
margin-left: 0
}
.grid-margin-x>.xlarge-offset-0 {
margin-left: calc(0% + .9375rem)
}
.xlarge-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.xlarge-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.xlarge-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.xlarge-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.xlarge-offset-3 {
margin-left: 25%
}
.grid-margin-x>.xlarge-offset-3 {
margin-left: calc(25% + .9375rem)
}
.xlarge-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.xlarge-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.xlarge-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.xlarge-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.xlarge-offset-6 {
margin-left: 50%
}
.grid-margin-x>.xlarge-offset-6 {
margin-left: calc(50% + .9375rem)
}
.xlarge-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.xlarge-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.xlarge-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.xlarge-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.xlarge-offset-9 {
margin-left: 75%
}
.grid-margin-x>.xlarge-offset-9 {
margin-left: calc(75% + .9375rem)
}
.xlarge-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.xlarge-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.xlarge-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.xlarge-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
.grid-y {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.grid-y>.cell {
width: auto
}
.grid-y>.auto,
.grid-y>.shrink {
height: auto
}
.grid-y>.small-1,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-full,
.grid-y>.small-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
@media print,
screen and (min-width:40em) {
.grid-y>.medium-1,
.grid-y>.medium-10,
.grid-y>.medium-11,
.grid-y>.medium-12,
.grid-y>.medium-2,
.grid-y>.medium-3,
.grid-y>.medium-4,
.grid-y>.medium-5,
.grid-y>.medium-6,
.grid-y>.medium-7,
.grid-y>.medium-8,
.grid-y>.medium-9,
.grid-y>.medium-full,
.grid-y>.medium-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print,
screen and (min-width:68.125em) {
.grid-y>.large-1,
.grid-y>.large-10,
.grid-y>.large-11,
.grid-y>.large-12,
.grid-y>.large-2,
.grid-y>.large-3,
.grid-y>.large-4,
.grid-y>.large-5,
.grid-y>.large-6,
.grid-y>.large-7,
.grid-y>.large-8,
.grid-y>.large-9,
.grid-y>.large-full,
.grid-y>.large-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:75em) {
.grid-y>.xlarge-1,
.grid-y>.xlarge-10,
.grid-y>.xlarge-11,
.grid-y>.xlarge-12,
.grid-y>.xlarge-2,
.grid-y>.xlarge-3,
.grid-y>.xlarge-4,
.grid-y>.xlarge-5,
.grid-y>.xlarge-6,
.grid-y>.xlarge-7,
.grid-y>.xlarge-8,
.grid-y>.xlarge-9,
.grid-y>.xlarge-full,
.grid-y>.xlarge-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:96.875em) {
.xxlarge-offset-0 {
margin-left: 0
}
.grid-margin-x>.xxlarge-offset-0 {
margin-left: calc(0% + .9375rem)
}
.xxlarge-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.xxlarge-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.xxlarge-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.xxlarge-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.xxlarge-offset-3 {
margin-left: 25%
}
.grid-margin-x>.xxlarge-offset-3 {
margin-left: calc(25% + .9375rem)
}
.xxlarge-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.xxlarge-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.xxlarge-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.xxlarge-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.xxlarge-offset-6 {
margin-left: 50%
}
.grid-margin-x>.xxlarge-offset-6 {
margin-left: calc(50% + .9375rem)
}
.xxlarge-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.xxlarge-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.xxlarge-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.xxlarge-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.xxlarge-offset-9 {
margin-left: 75%
}
.grid-margin-x>.xxlarge-offset-9 {
margin-left: calc(75% + .9375rem)
}
.xxlarge-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.xxlarge-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.xxlarge-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.xxlarge-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
.grid-y>.xxlarge-1,
.grid-y>.xxlarge-10,
.grid-y>.xxlarge-11,
.grid-y>.xxlarge-12,
.grid-y>.xxlarge-2,
.grid-y>.xxlarge-3,
.grid-y>.xxlarge-4,
.grid-y>.xxlarge-5,
.grid-y>.xxlarge-6,
.grid-y>.xxlarge-7,
.grid-y>.xxlarge-8,
.grid-y>.xxlarge-9,
.grid-y>.xxlarge-full,
.grid-y>.xxlarge-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
.grid-y>.small-1 {
height: 8.33333%
}
.grid-y>.small-2 {
height: 16.66667%
}
.grid-y>.small-3 {
height: 25%
}
.grid-y>.small-4 {
height: 33.33333%
}
.grid-y>.small-5 {
height: 41.66667%
}
.grid-y>.small-6 {
height: 50%
}
.grid-y>.small-7 {
height: 58.33333%
}
.grid-y>.small-8 {
height: 66.66667%
}
.grid-y>.small-9 {
height: 75%
}
.grid-y>.small-10 {
height: 83.33333%
}
.grid-y>.small-11 {
height: 91.66667%
}
.grid-y>.small-12 {
height: 100%
}
@media print,
screen and (min-width:40em) {
.grid-y>.medium-auto {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.medium-shrink {
height: auto
}
.grid-y>.medium-1 {
height: 8.33333%
}
.grid-y>.medium-2 {
height: 16.66667%
}
.grid-y>.medium-3 {
height: 25%
}
.grid-y>.medium-4 {
height: 33.33333%
}
.grid-y>.medium-5 {
height: 41.66667%
}
.grid-y>.medium-6 {
height: 50%
}
.grid-y>.medium-7 {
height: 58.33333%
}
.grid-y>.medium-8 {
height: 66.66667%
}
.grid-y>.medium-9 {
height: 75%
}
.grid-y>.medium-10 {
height: 83.33333%
}
.grid-y>.medium-11 {
height: 91.66667%
}
.grid-y>.medium-12 {
height: 100%
}
}
@media print,
screen and (min-width:68.125em) {
.grid-y>.large-auto {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.large-shrink {
height: auto
}
.grid-y>.large-1 {
height: 8.33333%
}
.grid-y>.large-2 {
height: 16.66667%
}
.grid-y>.large-3 {
height: 25%
}
.grid-y>.large-4 {
height: 33.33333%
}
.grid-y>.large-5 {
height: 41.66667%
}
.grid-y>.large-6 {
height: 50%
}
.grid-y>.large-7 {
height: 58.33333%
}
.grid-y>.large-8 {
height: 66.66667%
}
.grid-y>.large-9 {
height: 75%
}
.grid-y>.large-10 {
height: 83.33333%
}
.grid-y>.large-11 {
height: 91.66667%
}
.grid-y>.large-12 {
height: 100%
}
}
@media screen and (min-width:75em) {
.grid-y>.xlarge-auto {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.xlarge-shrink {
height: auto
}
.grid-y>.xlarge-1 {
height: 8.33333%
}
.grid-y>.xlarge-2 {
height: 16.66667%
}
.grid-y>.xlarge-3 {
height: 25%
}
.grid-y>.xlarge-4 {
height: 33.33333%
}
.grid-y>.xlarge-5 {
height: 41.66667%
}
.grid-y>.xlarge-6 {
height: 50%
}
.grid-y>.xlarge-7 {
height: 58.33333%
}
.grid-y>.xlarge-8 {
height: 66.66667%
}
.grid-y>.xlarge-9 {
height: 75%
}
.grid-y>.xlarge-10 {
height: 83.33333%
}
.grid-y>.xlarge-11 {
height: 91.66667%
}
.grid-y>.xlarge-12 {
height: 100%
}
}
.grid-padding-y .grid-padding-y {
margin-top: -.625rem;
margin-bottom: -.625rem
}
.grid-padding-y>.cell {
padding-top: .625rem;
padding-bottom: .625rem
}
@media screen and (min-width:96.875em) {
.grid-y>.xxlarge-auto {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.xxlarge-shrink {
height: auto
}
.grid-y>.xxlarge-1 {
height: 8.33333%
}
.grid-y>.xxlarge-2 {
height: 16.66667%
}
.grid-y>.xxlarge-3 {
height: 25%
}
.grid-y>.xxlarge-4 {
height: 33.33333%
}
.grid-y>.xxlarge-5 {
height: 41.66667%
}
.grid-y>.xxlarge-6 {
height: 50%
}
.grid-y>.xxlarge-7 {
height: 58.33333%
}
.grid-y>.xxlarge-8 {
height: 66.66667%
}
.grid-y>.xxlarge-9 {
height: 75%
}
.grid-y>.xxlarge-10 {
height: 83.33333%
}
.grid-y>.xxlarge-11 {
height: 91.66667%
}
.grid-y>.xxlarge-12 {
height: 100%
}
}
.grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell-block,
.cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar
}
.cell .grid-frame {
width: 100%
}
.cell-block {
overflow-x: auto;
max-width: 100%
}
.cell-block-y {
overflow-y: auto;
max-height: 100%
}
.cell-block-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.cell-block-container>.grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
@media print,
screen and (min-width:40em) {
.grid-padding-y .grid-padding-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
.grid-padding-y>.cell {
padding-top: .9375rem;
padding-bottom: .9375rem
}
.medium-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.medium-cell-block,
.medium-cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar
}
.cell .medium-grid-frame {
width: 100%
}
.medium-cell-block {
overflow-x: auto;
max-width: 100%
}
.medium-cell-block-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.medium-cell-block-container>.grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.medium-cell-block-y {
overflow-y: auto;
max-height: 100%
}
}
@media print,
screen and (min-width:68.125em) {
.large-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.large-cell-block,
.large-cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar
}
.cell .large-grid-frame {
width: 100%
}
.large-cell-block {
overflow-x: auto;
max-width: 100%
}
.large-cell-block-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.large-cell-block-container>.grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.large-cell-block-y {
overflow-y: auto;
max-height: 100%
}
}
@media screen and (min-width:75em) {
.xlarge-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.xlarge-cell-block,
.xlarge-cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar
}
.cell .xlarge-grid-frame {
width: 100%
}
.xlarge-cell-block {
overflow-x: auto;
max-width: 100%
}
.xlarge-cell-block-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.xlarge-cell-block-container>.grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.xlarge-cell-block-y {
overflow-y: auto;
max-height: 100%
}
}
@media screen and (min-width:96.875em) {
.xxlarge-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.xxlarge-cell-block,
.xxlarge-cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar
}
.cell .xxlarge-grid-frame {
width: 100%
}
.xxlarge-cell-block {
overflow-x: auto;
max-width: 100%
}
.xxlarge-cell-block-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.xxlarge-cell-block-container>.grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.xxlarge-cell-block-y {
overflow-y: auto;
max-height: 100%
}
}
.grid-y.grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
@media print,
screen and (min-width:40em) {
.grid-y.medium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media print,
screen and (min-width:68.125em) {
.grid-y.large-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media screen and (min-width:75em) {
.grid-y.xlarge-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media screen and (min-width:96.875em) {
.grid-y.xxlarge-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
.cell .grid-y.xxlarge-grid-frame {
height: 100%
}
}
.cell .grid-y.grid-frame {
height: 100%
}
@media print,
screen and (min-width:68.125em) {
.cell .grid-y.large-grid-frame {
height: 100%
}
}
@media screen and (min-width:75em) {
.cell .grid-y.xlarge-grid-frame {
height: 100%
}
}
.grid-margin-y {
margin-top: -.625rem;
margin-bottom: -.625rem
}
@media print,
screen and (min-width:40em) {
.cell .grid-y.medium-grid-frame {
height: 100%
}
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
}
.grid-margin-y>.cell {
height: calc(100% - 1.25rem);
margin-top: .625rem;
margin-bottom: .625rem
}
@media print,
screen and (min-width:40em) {
.grid-margin-y>.cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem
}
}
.grid-margin-y>.auto,
.grid-margin-y>.shrink {
height: auto
}
.grid-margin-y>.small-1 {
height: calc(8.33333% - 1.25rem)
}
.grid-margin-y>.small-2 {
height: calc(16.66667% - 1.25rem)
}
.grid-margin-y>.small-3 {
height: calc(25% - 1.25rem)
}
.grid-margin-y>.small-4 {
height: calc(33.33333% - 1.25rem)
}
.grid-margin-y>.small-5 {
height: calc(41.66667% - 1.25rem)
}
.grid-margin-y>.small-6 {
height: calc(50% - 1.25rem)
}
.grid-margin-y>.small-7 {
height: calc(58.33333% - 1.25rem)
}
.grid-margin-y>.small-8 {
height: calc(66.66667% - 1.25rem)
}
.grid-margin-y>.small-9 {
height: calc(75% - 1.25rem)
}
.grid-margin-y>.small-10 {
height: calc(83.33333% - 1.25rem)
}
.grid-margin-y>.small-11 {
height: calc(91.66667% - 1.25rem)
}
.grid-margin-y>.small-12 {
height: calc(100% - 1.25rem)
}
@media print,
screen and (min-width:40em) {
.grid-margin-y>.auto,
.grid-margin-y>.shrink {
height: auto
}
.grid-margin-y>.small-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.small-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.small-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.small-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.small-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.small-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.small-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.small-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.small-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.small-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.small-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.small-12 {
height: calc(100% - 1.875rem)
}
.grid-margin-y>.medium-auto,
.grid-margin-y>.medium-shrink {
height: auto
}
.grid-margin-y>.medium-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.medium-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.medium-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.medium-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.medium-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.medium-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.medium-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.medium-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.medium-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.medium-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.medium-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.medium-12 {
height: calc(100% - 1.875rem)
}
}
@media print,
screen and (min-width:68.125em) {
.grid-margin-y>.large-auto,
.grid-margin-y>.large-shrink {
height: auto
}
.grid-margin-y>.large-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.large-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.large-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.large-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.large-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.large-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.large-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.large-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.large-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.large-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.large-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.large-12 {
height: calc(100% - 1.875rem)
}
}
@media screen and (min-width:75em) {
.grid-margin-y>.xlarge-auto,
.grid-margin-y>.xlarge-shrink {
height: auto
}
.grid-margin-y>.xlarge-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.xlarge-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.xlarge-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.xlarge-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.xlarge-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.xlarge-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.xlarge-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.xlarge-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.xlarge-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.xlarge-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.xlarge-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.xlarge-12 {
height: calc(100% - 1.875rem)
}
}
@media screen and (min-width:96.875em) {
.grid-margin-y>.xxlarge-auto,
.grid-margin-y>.xxlarge-shrink {
height: auto
}
.grid-margin-y>.xxlarge-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.xxlarge-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.xxlarge-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.xxlarge-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.xxlarge-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.xxlarge-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.xxlarge-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.xxlarge-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.xxlarge-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.xxlarge-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.xxlarge-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.xxlarge-12 {
height: calc(100% - 1.875rem)
}
}
.grid-frame.grid-margin-y {
height: calc(100vh + 1.25rem)
}
@media print,
screen and (min-width:40em) {
.grid-frame.grid-margin-y,
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media print,
screen and (min-width:68.125em) {
.grid-frame.grid-margin-y,
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:75em) {
.grid-frame.grid-margin-y,
.grid-margin-y.xlarge-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:96.875em) {
.grid-frame.grid-margin-y,
.grid-margin-y.xxlarge-grid-frame {
height: calc(100vh + 1.875rem)
}
}
.position-left,
.position-right {
height: 100%;
width: 250px;
overflow-y: auto
}
.is-off-canvas-open {
overflow: hidden
}
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
transition: opacity .5s ease, visibility .5s ease;
background: rgba(254, 254, 254, .25);
opacity: 0;
visibility: hidden;
overflow: hidden
}
.js-off-canvas-overlay.is-visible {
visibility: visible
}
.off-canvas-absolute.is-closed,
.off-canvas.is-closed,
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden
}
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute
}
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed
}
.off-canvas-wrapper {
position: relative;
overflow: hidden
}
.off-canvas {
position: fixed;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #e6e6e6
}
.mejs__volume-button>.mejs__volume-slider,
.off-canvas-absolute,
.off-canvas-content,
.reveal,
.transition {
-webkit-backface-visibility: hidden
}
.off-canvas.is-transition-push {
z-index: 12
}
.off-canvas.is-transition-overlap {
z-index: 13
}
.off-canvas.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-absolute {
position: absolute;
z-index: 12;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
backface-visibility: hidden;
background: #e6e6e6
}
.off-canvas-absolute.is-transition-push {
z-index: 12
}
.off-canvas-absolute.is-transition-overlap {
z-index: 13
}
.off-canvas-absolute.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.position-left {
top: 0;
left: 0;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px)
}
.off-canvas-content .off-canvas.position-left {
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px)
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-content.is-open-left.has-transition-push {
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px)
}
.position-left.is-transition-push {
box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, .25)
}
.position-right {
top: 0;
right: 0;
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px)
}
.position-bottom,
.position-top {
width: 100%;
left: 0;
overflow-x: auto
}
.off-canvas-content .off-canvas.position-right {
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px)
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-content.is-open-right.has-transition-push {
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px)
}
.position-right.is-transition-push {
box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, .25)
}
.position-top {
top: 0;
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px)
}
.off-canvas-content .off-canvas.position-top {
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px)
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-content.is-open-top.has-transition-push {
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px)
}
.position-top.is-transition-push {
box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, .25)
}
.position-bottom {
bottom: 0;
height: 250px;
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px)
}
.off-canvas-content .off-canvas.position-bottom {
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px)
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-content.is-open-bottom.has-transition-push {
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px)
}
.position-bottom.is-transition-push {
box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, .25)
}
.off-canvas-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
backface-visibility: hidden
}
.off-canvas-content .off-canvas.is-open,
.off-canvas-content.has-transition-push {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
@media print,
screen and (min-width:40em) {
.position-bottom.reveal-for-medium,
.position-left.reveal-for-medium,
.position-right.reveal-for-medium,
.position-top.reveal-for-medium {
z-index: 12;
transition: none;
visibility: visible
}
.position-bottom.reveal-for-medium .close-button,
.position-left.reveal-for-medium .close-button,
.position-right.reveal-for-medium .close-button,
.position-top.reveal-for-medium .close-button {
display: none
}
.position-left.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-left.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-left,
.position-left.reveal-for-medium~.off-canvas-content {
margin-left: 250px
}
.position-right.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-right.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-right,
.position-right.reveal-for-medium~.off-canvas-content {
margin-right: 250px
}
.position-top.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-top.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-top,
.position-top.reveal-for-medium~.off-canvas-content {
margin-top: 250px
}
.position-bottom.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-bottom.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-bottom,
.position-bottom.reveal-for-medium~.off-canvas-content {
margin-bottom: 250px
}
}
@media print,
screen and (min-width:68.125em) {
.position-bottom.reveal-for-large,
.position-left.reveal-for-large,
.position-right.reveal-for-large,
.position-top.reveal-for-large {
z-index: 12;
transition: none;
visibility: visible
}
.position-bottom.reveal-for-large .close-button,
.position-left.reveal-for-large .close-button,
.position-right.reveal-for-large .close-button,
.position-top.reveal-for-large .close-button {
display: none
}
.position-left.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-left.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-left,
.position-left.reveal-for-large~.off-canvas-content {
margin-left: 250px
}
.position-right.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-right.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-right,
.position-right.reveal-for-large~.off-canvas-content {
margin-right: 250px
}
.position-top.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-top.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-top,
.position-top.reveal-for-large~.off-canvas-content {
margin-top: 250px
}
.position-bottom.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-bottom.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-bottom,
.position-bottom.reveal-for-large~.off-canvas-content {
margin-bottom: 250px
}
}
@media screen and (min-width:75em) {
.position-bottom.reveal-for-xlarge,
.position-left.reveal-for-xlarge,
.position-right.reveal-for-xlarge,
.position-top.reveal-for-xlarge {
z-index: 12;
transition: none;
visibility: visible
}
.position-bottom.reveal-for-xlarge .close-button,
.position-left.reveal-for-xlarge .close-button,
.position-right.reveal-for-xlarge .close-button,
.position-top.reveal-for-xlarge .close-button {
display: none
}
.position-left.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-left.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-left,
.position-left.reveal-for-xlarge~.off-canvas-content {
margin-left: 250px
}
.position-right.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-right.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-right,
.position-right.reveal-for-xlarge~.off-canvas-content {
margin-right: 250px
}
.position-top.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-top.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-top,
.position-top.reveal-for-xlarge~.off-canvas-content {
margin-top: 250px
}
.position-bottom.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-bottom.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-bottom,
.position-bottom.reveal-for-xlarge~.off-canvas-content {
margin-bottom: 250px
}
}
@media screen and (min-width:96.875em) {
.position-bottom.reveal-for-xxlarge,
.position-left.reveal-for-xxlarge,
.position-right.reveal-for-xxlarge,
.position-top.reveal-for-xxlarge {
z-index: 12;
transition: none;
visibility: visible
}
.position-bottom.reveal-for-xxlarge .close-button,
.position-left.reveal-for-xxlarge .close-button,
.position-right.reveal-for-xxlarge .close-button,
.position-top.reveal-for-xxlarge .close-button {
display: none
}
.position-left.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-left.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-left,
.position-left.reveal-for-xxlarge~.off-canvas-content {
margin-left: 250px
}
.position-right.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-right.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-right,
.position-right.reveal-for-xxlarge~.off-canvas-content {
margin-right: 250px
}
.position-top.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-top.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-top,
.position-top.reveal-for-xxlarge~.off-canvas-content {
margin-top: 250px
}
.position-bottom.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content .position-bottom.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-bottom,
.position-bottom.reveal-for-xxlarge~.off-canvas-content {
margin-bottom: 250px
}
}
@media print,
screen and (min-width:40em) {
.off-canvas.in-canvas-for-medium {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit
}
.off-canvas.in-canvas-for-medium.position-bottom,
.off-canvas.in-canvas-for-medium.position-left,
.off-canvas.in-canvas-for-medium.position-right,
.off-canvas.in-canvas-for-medium.position-top {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas.in-canvas-for-medium .close-button {
display: none
}
}
@media print,
screen and (min-width:68.125em) {
.off-canvas.in-canvas-for-large {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit
}
.off-canvas.in-canvas-for-large.position-bottom,
.off-canvas.in-canvas-for-large.position-left,
.off-canvas.in-canvas-for-large.position-right,
.off-canvas.in-canvas-for-large.position-top {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas.in-canvas-for-large .close-button {
display: none
}
}
@media screen and (min-width:75em) {
.off-canvas.in-canvas-for-xlarge {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit
}
.off-canvas.in-canvas-for-xlarge.position-bottom,
.off-canvas.in-canvas-for-xlarge.position-left,
.off-canvas.in-canvas-for-xlarge.position-right,
.off-canvas.in-canvas-for-xlarge.position-top {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas.in-canvas-for-xlarge .close-button {
display: none
}
}
@media screen and (min-width:96.875em) {
.off-canvas.in-canvas-for-xxlarge {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit
}
.off-canvas.in-canvas-for-xxlarge.position-bottom,
.off-canvas.in-canvas-for-xxlarge.position-left,
.off-canvas.in-canvas-for-xxlarge.position-right,
.off-canvas.in-canvas-for-xxlarge.position-top {
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas.in-canvas-for-xxlarge .close-button {
display: none
}
}
.sticky,
.sticky-container {
position: relative
}
.sticky {
z-index: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.sticky.is-stuck {
position: fixed;
z-index: 5;
width: 100%
}
.sticky.is-stuck.is-at-top {
top: 0
}
.sticky.is-stuck.is-at-bottom {
bottom: 0
}
.sticky.is-anchored {
position: relative;
right: auto;
left: auto
}
.sticky.is-anchored.is-at-bottom {
bottom: 0
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem;
padding: .85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
transition: background-color .25s ease-out, color .25s ease-out;
font-size: .9rem;
background-color: #1779ba;
color: #fefefe
}
.menu a,
.menu button,
.menu input,
.menu select,
.reveal>:last-child {
margin-bottom: 0
}
.button.disabled,
.button.disabled.alert,
.button.disabled.primary,
.button.disabled.secondary,
.button.disabled.success,
.button.disabled.warning,
.button[disabled],
.button[disabled].alert,
.button[disabled].primary,
.button[disabled].secondary,
.button[disabled].success,
.button[disabled].warning {
opacity: .25;
cursor: not-allowed
}
.button:focus,
.button:hover {
background-color: #14679e;
color: #fefefe
}
.button.tiny {
font-size: .6rem
}
.button.small {
font-size: .75rem
}
.button.large {
font-size: 1.25rem
}
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0
}
.button.primary {
background-color: #1779ba;
color: #fefefe
}
.button.primary:focus,
.button.primary:hover {
background-color: #126195;
color: #fefefe
}
.button.secondary {
background-color: #767676;
color: #fefefe
}
.button.secondary:focus,
.button.secondary:hover {
background-color: #5e5e5e;
color: #fefefe
}
.button.success {
background-color: #3adb76;
color: #0a0a0a
}
.button.success:focus,
.button.success:hover {
background-color: #22bb5b;
color: #0a0a0a
}
.button.warning {
background-color: #ffae00;
color: #0a0a0a
}
.button.warning:focus,
.button.warning:hover {
background-color: #cc8b00;
color: #0a0a0a
}
.button.alert {
background-color: #cc4b37;
color: #fefefe
}
.button.alert:focus,
.button.alert:hover {
background-color: #a53b2a;
color: #fefefe
}
.button.disabled,
.button.disabled.primary,
.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled].primary,
.button[disabled].primary:focus,
.button[disabled].primary:hover,
.button[disabled]:focus,
.button[disabled]:hover {
background-color: #1779ba;
color: #fefefe
}
.button.disabled.secondary,
.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
background-color: #767676;
color: #fefefe
}
.button.disabled.success,
.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success,
.button[disabled].success:focus,
.button[disabled].success:hover {
background-color: #3adb76;
color: #0a0a0a
}
.button.disabled.warning,
.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
background-color: #ffae00;
color: #0a0a0a
}
.button.disabled.alert,
.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
background-color: #cc4b37;
color: #fefefe
}
.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear:focus,
.button.clear:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover,
.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow:focus,
.button.hollow:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
background-color: transparent
}
.button.hollow {
border: 1px solid #1779ba;
color: #1779ba
}
.button.hollow:focus,
.button.hollow:hover {
color: #0c3d5d
}
.button.hollow.primary,
.button.hollow:focus.disabled,
.button.hollow:focus[disabled],
.button.hollow:hover.disabled,
.button.hollow:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba
}
.button.hollow.primary:focus,
.button.hollow.primary:hover {
border-color: #0c3d5d;
color: #0c3d5d
}
.button.hollow.primary:focus.disabled,
.button.hollow.primary:focus[disabled],
.button.hollow.primary:hover.disabled,
.button.hollow.primary:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba
}
.button.hollow.secondary {
border: 1px solid #767676;
color: #767676
}
.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
border-color: #3b3b3b;
color: #3b3b3b
}
.button.hollow.secondary:focus.disabled,
.button.hollow.secondary:focus[disabled],
.button.hollow.secondary:hover.disabled,
.button.hollow.secondary:hover[disabled] {
border: 1px solid #767676;
color: #767676
}
.button.hollow.success {
border: 1px solid #3adb76;
color: #3adb76
}
.button.hollow.success:focus,
.button.hollow.success:hover {
border-color: #157539;
color: #157539
}
.button.hollow.success:focus.disabled,
.button.hollow.success:focus[disabled],
.button.hollow.success:hover.disabled,
.button.hollow.success:hover[disabled] {
border: 1px solid #3adb76;
color: #3adb76
}
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00
}
.button.hollow.warning:focus,
.button.hollow.warning:hover {
border-color: #805700;
color: #805700
}
.button.hollow.warning:focus.disabled,
.button.hollow.warning:focus[disabled],
.button.hollow.warning:hover.disabled,
.button.hollow.warning:hover[disabled] {
border: 1px solid #ffae00;
color: #ffae00
}
.button.hollow.alert {
border: 1px solid #cc4b37;
color: #cc4b37
}
.button.hollow.alert:focus,
.button.hollow.alert:hover {
border-color: #67251a;
color: #67251a
}
.button.hollow.alert:focus.disabled,
.button.hollow.alert:focus[disabled],
.button.hollow.alert:hover.disabled,
.button.hollow.alert:hover[disabled] {
border: 1px solid #cc4b37;
color: #cc4b37
}
.button.clear {
border: 1px solid #1779ba;
color: #1779ba
}
.button.clear:focus,
.button.clear:hover {
color: #0c3d5d
}
.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover.disabled,
.button.clear:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba
}
.button.clear,
.button.clear.disabled,
.button.clear:focus,
.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover,
.button.clear:hover.disabled,
.button.clear:hover[disabled],
.button.clear[disabled] {
border-color: transparent
}
.button.clear.primary {
border: 1px solid #1779ba;
color: #1779ba
}
.button.clear.primary:focus,
.button.clear.primary:hover {
color: #0c3d5d
}
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba
}
.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary:focus,
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover,
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled],
.button.clear.primary[disabled] {
border-color: transparent
}
.button.clear.secondary {
border: 1px solid #767676;
color: #767676
}
.button.clear.secondary:focus,
.button.clear.secondary:hover {
color: #3b3b3b
}
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled] {
border: 1px solid #767676;
color: #767676
}
.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary:focus,
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover,
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled],
.button.clear.secondary[disabled] {
border-color: transparent
}
.button.clear.success {
border: 1px solid #3adb76;
color: #3adb76
}
.button.clear.success:focus,
.button.clear.success:hover {
color: #157539
}
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled] {
border: 1px solid #3adb76;
color: #3adb76
}
.button.clear.success,
.button.clear.success.disabled,
.button.clear.success:focus,
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover,
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled],
.button.clear.success[disabled] {
border-color: transparent
}
.button.clear.warning {
border: 1px solid #ffae00;
color: #ffae00
}
.button.clear.warning:focus,
.button.clear.warning:hover {
color: #805700
}
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled] {
border: 1px solid #ffae00;
color: #ffae00
}
.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning:focus,
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover,
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled],
.button.clear.warning[disabled] {
border-color: transparent
}
.button.clear.alert {
border: 1px solid #cc4b37;
color: #cc4b37
}
.button.clear.alert:focus,
.button.clear.alert:hover {
color: #67251a
}
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled] {
border: 1px solid #cc4b37;
color: #cc4b37
}
.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert:focus,
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover,
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled],
.button.clear.alert[disabled] {
border-color: transparent
}
.button.dropdown::after {
width: 0;
height: 0;
border: .4em inset;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #fefefe transparent transparent;
position: relative;
top: .4em;
display: inline-block;
float: right;
margin-left: 1em
}
.button.dropdown.hollow.primary::after,
.button.dropdown.hollow::after {
border-top-color: #1779ba
}
.button.dropdown.hollow.secondary::after {
border-top-color: #767676
}
.button.dropdown.hollow.success::after {
border-top-color: #3adb76
}
.button.dropdown.hollow.warning::after {
border-top-color: #ffae00
}
.button.dropdown.hollow.alert::after {
border-top-color: #cc4b37
}
.button.arrow-only::after {
top: -.1em;
float: none;
margin-left: 0
}
body.is-reveal-open {
overflow: hidden
}
html.is-reveal-open,
html.is-reveal-open body {
min-height: 100%;
overflow: hidden;
position: fixed;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(10, 10, 10, .45)
}
.reveal {
z-index: 1006;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto
}
.pagination,
.reveal.full {
margin-left: 0
}
.reveal .column,
.reveal .columns {
min-width: 0
}
.pagination,
table {
margin-bottom: 1rem
}
.reveal.collapse {
padding: 0
}
@media print,
screen and (min-width:40em) {
.reveal {
min-height: 0;
width: 600px;
max-width: 75rem
}
.reveal.tiny {
width: 30%;
max-width: 75rem
}
.reveal.small {
width: 50%;
max-width: 75rem
}
.reveal.large {
width: 90%;
max-width: 75rem
}
}
.reveal.full {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
border: 0;
border-radius: 0
}
@media screen and (max-width:39.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0
}
}
.reveal.without-overlay {
position: fixed
}
.pagination::after,
.pagination::before {
display: table;
content: ' ';
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.pagination::after {
clear: both
}
.pagination li {
margin-right: .0625rem;
border-radius: 0;
font-size: .875rem;
display: none
}
.pagination li:first-child,
.pagination li:last-child {
display: inline-block
}
@media print,
screen and (min-width:40em) {
.pagination li {
display: inline-block
}
}
.pagination a,
.pagination button {
display: block;
padding: .1875rem .625rem;
border-radius: 0;
color: #0a0a0a
}
.pagination a:hover,
.pagination button:hover {
background: #e6e6e6
}
.pagination .current {
padding: .1875rem .625rem;
background: #1779ba;
color: #fefefe;
cursor: default
}
.pagination .disabled:hover,
tfoot tr,
thead tr {
background: 0 0
}
.pagination .disabled {
padding: .1875rem .625rem;
color: #cacaca;
cursor: not-allowed
}
.pagination .ellipsis::after {
padding: .1875rem .625rem;
content: '\2026';
color: #0a0a0a
}
caption,
tbody td,
tbody th,
tfoot td,
tfoot th,
thead td,
thead th {
padding: .5rem .625rem .625rem
}
.pagination-previous a::before,
.pagination-previous.disabled::before {
display: inline-block;
margin-right: .5rem;
content: '\00ab'
}
.pagination-next a::after,
.pagination-next.disabled::after {
display: inline-block;
margin-left: .5rem;
content: '\00bb'
}
table {
border-collapse: collapse;
width: 100%;
border-radius: 0
}
tbody,
tfoot,
thead {
border: 1px solid #f1f1f1;
background-color: #fefefe
}
caption {
font-weight: 700
}
thead {
background: #f8f8f8;
color: #0a0a0a
}
tfoot {
background: #f1f1f1;
color: #0a0a0a
}
tfoot td,
tfoot th,
thead td,
thead th {
font-weight: 700;
text-align: left
}
tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f1f1f1
}
table.unstriped tbody,
table.unstriped tbody tr {
background-color: #fefefe
}
table.unstriped tbody tr {
border-bottom: 0;
border-bottom: 1px solid #f1f1f1
}
@media screen and (max-width:68.0625em) {
table.stack tfoot,
table.stack thead {
display: none
}
table.stack td,
table.stack th,
table.stack tr {
display: block
}
table.stack td {
border-top: 0
}
}
table.scroll {
display: block;
width: 100%;
overflow-x: auto
}
table.hover thead tr:hover {
background-color: #f3f3f3
}
table.hover tfoot tr:hover {
background-color: #ececec
}
table.hover tbody tr:hover {
background-color: #f9f9f9
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ececec
}
.table-scroll {
overflow-x: auto
}
.table-scroll table {
width: auto
}
.tabs {
background: #fefefe;
list-style-type: none
}
.tabs::after,
.tabs::before {
display: table;
content: ' ';
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.tabs::after {
clear: both
}
.tabs.vertical>li {
display: block;
float: none;
width: auto
}
.tabs.simple>li>a {
padding: 0
}
.tabs.simple>li>a:hover {
background: 0 0
}
.tabs.primary {
background: #1779ba
}
.tabs.primary>li>a {
color: #fefefe
}
.tabs.primary>li>a:focus,
.tabs.primary>li>a:hover {
background: #1673b1
}
.tabs-title>a {
display: block;
padding: 1.25rem 1.5rem;
font-size: .75rem;
color: #1779ba
}
.tabs-title>a:hover {
background: #fefefe;
color: #1468a0
}
.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
background: #e6e6e6;
color: #1779ba
}
.tabs-content {
background: #fefefe;
color: #0a0a0a;
transition: all .5s ease
}
.tabs-content.vertical {
border: 1px solid #e6e6e6;
border-left: 0
}
.tabs-panel {
display: none;
padding: 1rem
}
.tabs-panel.is-active {
display: block
}
.menu {
padding: 0;
list-style: none;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.menu.nested,
.menu.simple li+li {
margin-left: 1rem
}
.menu .button,
.menu a {
display: block;
padding: .7rem 1rem
}
.menu input {
display: inline-block
}
.menu,
.menu.horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.expanded li {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.menu.simple {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.menu.simple a {
padding: 0
}
.drilldown .is-drilldown-submenu a,
.drilldown a,
.menu .menu-text {
padding: .7rem 1rem
}
@media print,
screen and (min-width:40em) {
.menu.medium-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.medium-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.medium-expanded li,
.menu.medium-simple li {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print,
screen and (min-width:68.125em) {
.menu.large-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.large-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.large-expanded li,
.menu.large-simple li {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (min-width:75em) {
.menu.xlarge-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.xlarge-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.xlarge-expanded li,
.menu.xlarge-simple li {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (min-width:96.875em) {
.menu.xxlarge-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.xxlarge-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.xxlarge-expanded li,
.menu.xxlarge-simple li {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.menu.nested {
margin-right: 0
}
.menu.icon-bottom a,
.menu.icon-left a,
.menu.icon-right a,
.menu.icon-top a,
.menu.icons a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.menu.icon-left li a {
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.menu.icon-left li a i,
.menu.icon-left li a img,
.menu.icon-left li a svg {
margin-right: .25rem
}
.menu.icon-right li a {
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.menu.icon-right li a i,
.menu.icon-right li a img,
.menu.icon-right li a svg {
margin-left: .25rem
}
.menu.icon-top li a {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.menu.icon-top li a i,
.menu.icon-top li a img,
.menu.icon-top li a svg {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin-bottom: .25rem;
text-align: center
}
.menu.icon-bottom li a {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.menu.icon-bottom li a i,
.menu.icon-bottom li a img,
.menu.icon-bottom li a svg {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin-bottom: .25rem;
text-align: center
}
.menu .active>a,
.menu .is-active>a {
background: #1779ba;
color: #fefefe
}
.menu.align-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.menu.align-right li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.menu.align-right li .submenu li {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.menu.align-right.vertical li {
display: block
}
.menu.align-right .nested {
margin-right: 1rem;
margin-left: 0
}
.menu.align-center li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.menu.align-center li .submenu li {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.menu .menu-text {
font-weight: 700;
color: inherit
}
.menu-centered>.menu {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.menu-centered>.menu li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.menu-centered>.menu li .submenu li {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.no-js [data-responsive-menu] ul {
display: none
}
.is-drilldown {
position: relative;
overflow: hidden
}
.is-drilldown li {
display: block
}
.is-drilldown.animate-height {
transition: height .5s
}
.drilldown a {
background: #fefefe
}
.drilldown .is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #fefefe;
transition: -webkit-transform .15s linear;
transition: transform .15s linear;
transition: transform .15s linear, -webkit-transform .15s linear
}
.drilldown .is-drilldown-submenu.is-active {
z-index: 1;
display: block;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.drilldown .is-drilldown-submenu.is-closing {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.drilldown .nested.is-drilldown-submenu {
margin-right: 0;
margin-left: 0
}
.drilldown .drilldown-submenu-cover-previous {
min-height: 100%
}
.drilldown .is-drilldown-submenu-parent>a {
position: relative
}
.drilldown .is-drilldown-submenu-parent>a::after {
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem;
display: block;
width: 0;
height: 0;
border: 6px inset;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba
}
.drilldown.align-left .is-drilldown-submenu-parent>a::after {
left: auto;
right: 1rem;
display: block;
width: 0;
height: 0;
border: 6px inset;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba
}
.drilldown.align-right .is-drilldown-submenu-parent>a::after {
right: auto;
left: 1rem;
display: block;
width: 0;
height: 0;
border: 6px inset;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent
}
.drilldown .js-drilldown-back>a::before {
width: 0;
height: 0;
border: 6px inset;
content: '';
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
display: inline-block;
vertical-align: middle;
margin-right: .75rem;
border-left-width: 0
}
.vertical-center-table {
width: 100%;
height: 100%;
display: table
}
.vertical-center-row {
display: table-row
}
.vertical-center-cell {
display: table-cell;
vertical-align: middle
}
.curtain {
position: absolute;
z-index: 500;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left
}
.curtain--right {
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right
}
.transition {
transition: opacity cubic-bezier(.5, .01, .3, 1.01), -webkit-transform cubic-bezier(.5, .01, .3, 1.01);
transition: transform cubic-bezier(.5, .01, .3, 1.01), opacity cubic-bezier(.5, .01, .3, 1.01);
transition: transform cubic-bezier(.5, .01, .3, 1.01), opacity cubic-bezier(.5, .01, .3, 1.01), -webkit-transform cubic-bezier(.5, .01, .3, 1.01);
-webkit-transition: transform cubic-bezier(.5, .01, .3, 1.01), opacity cubic-bezier(.5, .01, .3, 1.01);
will-change: transform, opacity;
backface-visibility: hidden
}
.transition--250 {
transition-duration: 250ms
}
.transition--500 {
transition-duration: .5s
}
.transition--750 {
transition-duration: 750ms
}
.transition--1000 {
transition-duration: 1s
}
.transition--1250 {
transition-duration: 1.25s
}
.transition--1500 {
transition-duration: 1.5s
}
.transition--1750 {
transition-duration: 1.75s
}
.transition--2000 {
transition-duration: 2s
}
.transition--2250 {
transition-duration: 2.25s
}
.transition--2500 {
transition-duration: 2.5s
}
.transform--zero-width {
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform: scale(0, 1)
}
.transform--will-slide-in {
-ms-transform: translateX(-75vw);
transform: translateX(-75vw);
-webkit-transform: translateX(-75vw)
}
.transform--completed-slide-in {
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0)
}
.transform--will-slide-in-right {
-ms-transform: translateX(75vw);
transform: translateX(75vw);
-webkit-transform: translateX(75vw)
}
.transform--completed-slide-in-right {
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0)
}
.transform--will-fade-in {
opacity: 0
}
.transform--completed-fade-in {
opacity: 1
}
.transform--will-fade-up {
opacity: 0;
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transform: translateY(100px)
}
.transform--completed-fade-up {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0)
}
.transform--will-fade-down {
opacity: 0;
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transform: translateY(-100px)
}
.transform--completed-fade-down {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0)
}
.transform--will-fade-left {
opacity: 0;
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-transform: translateX(100px)
}
.transform--completed-fade-left {
opacity: 1;
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0)
}
.transform--will-fade-right {
opacity: 0;
-ms-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-transform: translateX(-100px)
}
.transform--completed-fade-right {
opacity: 1;
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0)
}
.module-wrapper {
max-width: 1290px;
width: 100%;
margin: 0 auto 30px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.module-wrapper>.cell>:last-child {
margin-bottom: 0
}
.rollover-border-bottom,
.rollover-border-left,
.rollover-border-right,
.rollover-border-top {
position: absolute;
background-color: #ADBDB2;
transition: all .5s linear;
-webkit-transition: all .5s linear
}
.rollover-border-top {
top: -1px;
left: -1px;
width: 0;
height: 1px
}
.rollover-border-right {
bottom: -1px;
right: -1px;
width: 1px;
height: 0
}
.rollover-border-bottom {
bottom: -1px;
right: -1px;
width: 0;
height: 1px
}
.rollover-border-left {
top: -1px;
left: -1px;
width: 1px;
height: 0
}
:hover>.rollover-border-bottom,
:hover>.rollover-border-top {
width: 100%
}
:hover>.rollover-border-left,
:hover>.rollover-border-right {
height: 100%
}
@-webkit-keyframes border-delayed {
0% {
border-color: #fff
}
100% {
border-color: #adbdb2
}
}
@keyframes border-delayed {
0% {
border-color: #fff
}
100% {
border-color: #adbdb2
}
}
body:lang(ru),
h4:lang(ru),
p:lang(ru) {
font-family: NewsreaderCyrillic
}
h1 {
font-family: "Gill Sans MT Pro", sans-serif;
font-size: 2.125rem;
color: #373737;
letter-spacing: .05em;
text-transform: uppercase
}
h1:lang(ru),
h2:lang(ru),
h3:lang(ru) {
font-family: GillSansMTCyrillicProLight
}
h2,
h3 {
font-family: "Gill Sans MT Pro", sans-serif;
font-size: 1.5rem;
color: #373737;
font-weight: 400
}
h2 {
line-height: 2rem;
letter-spacing: .05em
}
h3 {
letter-spacing: 1px;
line-height: 1.75rem;
margin-top: 0;
margin-bottom: 35px;
text-transform: uppercase
}
h4 {
font-size: 1.3125rem;
margin-bottom: 5px;
color: #373737;
font-weight: 400;
text-transform: uppercase
}
h5 {
color: #373737;
text-transform: uppercase
}
p {
font-size: 1.0625rem;
color: #373737;
line-height: 1.5rem
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
font-family: slick;
-moz-osx-font-smoothing: grayscale
}
main h2:first-child {
padding-top: 10px
}
main h3:first-child {
padding-top: 8px
}
body>.off-canvas-wrapper>.off-canvas-content>div[data-sticky-container] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.slick-list,
.slick-slider,
.slick-track {
position: relative;
display: block
}
body>.off-canvas-wrapper>.off-canvas-content>div[data-sticky-container]>main {
margin-bottom: auto
}
@media screen and (max-width:39.9375em) {
body.no-scroll {
overflow: hidden
}
}
.reveal-overlay {
overflow-y: auto
}
.booking-overlay-open {
overflow: auto !important
}
.mejs__container {
background: 0 0 !important
}
.slick-slider {
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-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 {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list.dragging {
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
left: 0;
top: 0;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.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-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-loading .slick-list {
background: url(ajax-loader.gif) center center no-repeat #fff
}
.slick-next,
.slick-prev {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: 0 0;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
background: 0 0;
color: transparent
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: .25
}
.slick-next:before,
.slick-prev:before {
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased
}
.slick-prev {
left: -25px
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "←"
}
.slick-next:before,
[dir=rtl] .slick-prev:before {
content: "→"
}
.slick-next {
right: -25px
}
[dir=rtl] .slick-next {
left: -25px;
right: auto
}
[dir=rtl] .slick-next:before {
content: "←"
}
.slick-dots {
padding: 0;
margin: 0
}
.slick-dots li button {
background: 0 0;
display: block;
line-height: 0;
color: transparent;
cursor: pointer
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25;
-webkit-font-smoothing: antialiased
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: .75
}
.datepicker {
display: none;
position: absolute;
padding: 4px;
margin-top: 1px;
direction: ltr
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
background-clip: padding-box;
color: #333;
font-size: 13px;
line-height: 18px
}
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
padding: 4px 5px
}
.datepicker table {
border: 0;
margin: 0;
width: auto
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
font-size: 12px;
padding: 4px 8px;
cursor: pointer
}
.datepicker td {
border: 0;
background: #fff
}
.datepicker td span.active,
.datepicker td.active.day,
.datepicker td.active.year {
background: #2ba6cb
}
.datepicker td.new,
.datepicker td.old {
color: #999
}
.datepicker td span.month.disabled,
.datepicker td span.year.disabled,
.datepicker td.day.disabled {
color: #eee
}
.datepicker th {
border: 0;
background: #fff
}
.datepicker th span.active,
.datepicker th.active.day,
.datepicker th.active.year {
background: #2ba6cb
}
.datepicker th.date-switch {
width: 145px
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle
}
.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
display: block
}
.datepicker-dropdown:after,
.datepicker-dropdown:before {
display: inline-block;
position: absolute;
content: ''
}
.datepicker thead tr:first-child th {
cursor: pointer
}
.datepicker thead tr:first-child th.cw {
cursor: default;
background-color: transparent
}
.datepicker tfoot tr:first-child th {
cursor: pointer
}
.datepicker-inline {
width: 220px
}
.datepicker-rtl {
direction: rtl
}
.datepicker-rtl table tr td span {
float: right
}
.datepicker-dropdown {
top: 0;
left: 0
}
.datepicker-dropdown:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: 1px solid rgba(0, 0, 0, .2);
top: -7px;
left: 6px
}
.datepicker-dropdown:after,
.pre-stay-form .accordion-item.is-active .accordion-title:before {
border-bottom: 6px solid #fff
}
.datepicker-dropdown:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
top: -6px;
left: 7px
}
.datepicker-close,
.datepicker-dropdown::after,
.datepicker-dropdown::before,
.datepicker>div,
.mejs__time-float,
:root .mejs__poster-img {
display: none
}
.datepicker-close {
position: absolute;
top: -30px;
right: 0;
width: 15px;
height: 30px;
padding: 0
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent
}
.mejs__offscreen {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal
}
.mejs__fill-container,
.mejs__fill-container .mejs__container,
.mejs__iframe-overlay {
height: 100%;
width: 100%
}
.mejs__container {
box-sizing: border-box;
font-family: Helvetica, Arial, serif;
position: relative;
text-align: left;
text-indent: 0;
vertical-align: top
}
.mejs__container * {
box-sizing: border-box
}
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.mejs__fill-container {
background: 0 0;
margin: 0 auto;
overflow: hidden;
position: relative
}
.mejs__iframe-overlay {
position: absolute
}
.mejs__embed,
.mejs__embed body {
background: #000;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.mejs__fullscreen {
overflow: hidden !important
}
.mejs__container-fullscreen {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 1000
}
.mejs__background,
.mejs__controls,
.mejs__mediaelement,
.mejs__overlay,
.mejs__poster {
position: absolute;
left: 0
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
height: 100% !important;
width: 100% !important
}
.mejs__background {
top: 0
}
.mejs__mediaelement {
height: 100%;
top: 0;
width: 100%;
z-index: 0
}
.mejs__overlay-button,
.mejs__overlay-loading {
height: 80px;
width: 80px
}
.mejs__poster {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
top: 0;
z-index: 1
}
.leaflet-container:after,
.mejs__overlay {
display: -ms-flexbox;
display: -webkit-flex
}
.mejs__poster-img {
border: 0;
padding: 0
}
.mejs__overlay {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
top: 0
}
.mejs__layer {
z-index: 1
}
.mejs__overlay-play {
cursor: pointer
}
.mejs__overlay:hover>.mejs__overlay-button {
background-position: -80px -39px
}
@-webkit-keyframes mejs__loading-spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes mejs__loading-spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.mejs__controls {
bottom: 0;
height: 40px;
list-style-type: none;
margin: 0;
padding: 0 10px;
width: 100%;
z-index: 3
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
font-size: 10px;
height: 40px;
line-height: 10px;
margin: 0;
width: 32px
}
.mejs__button>button:focus {
outline: #999 dotted 1px
}
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus,
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus {
outline: 0
}
.mejs__time {
box-sizing: content-box;
color: #fff;
font-size: 11px;
font-weight: 700;
height: 24px;
overflow: hidden;
padding: 16px 6px 0;
text-align: center;
width: auto
}
.mejs__replay>button {
background-position: -160px 0
}
.mejs__time-rail {
direction: ltr;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 40px;
margin: 0 10px;
padding-top: 10px;
position: relative
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-float,
.mejs__time-float-corner,
.mejs__time-float-current,
.mejs__time-hovered,
.mejs__time-loaded,
.mejs__time-marker,
.mejs__time-total {
border-radius: 2px;
cursor: pointer;
display: block;
height: 10px;
position: absolute
}
.mejs__time-total {
background: rgba(255, 255, 255, .3);
margin: 5px 0 0;
width: 100%
}
.mejs__time-buffering {
-webkit-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
background: linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
background-size: 15px 15px
}
@-webkit-keyframes buffering-stripes {
from {
background-position: 0 0
}
to {
background-position: 30px 0
}
}
@keyframes buffering-stripes {
from {
background-position: 0 0
}
to {
background-position: 30px 0
}
}
.mejs__time-loaded {
background: rgba(255, 255, 255, .3)
}
.mejs__time-current,
.mejs__time-handle-content,
.mejs__volume-current,
.mejs__volume-handle {
background: rgba(255, 255, 255, .9)
}
.mejs__time-hovered {
background: rgba(255, 255, 255, .5);
z-index: 10
}
.mejs__time-hovered.negative {
background: rgba(0, 0, 0, .2)
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-hovered,
.mejs__time-loaded {
left: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
transition: .15s ease-in all;
width: 100%
}
.mejs__time-buffering {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.mejs__time-hovered {
transition: height .1s cubic-bezier(.44, 0, 1, 1)
}
.mejs__time-hovered.no-hover {
-webkit-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important
}
.mejs__time-handle,
.mejs__time-handle-content {
border: 4px solid transparent;
cursor: pointer;
left: 0;
position: absolute;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 11
}
.mejs__time-handle-content {
border: 4px solid rgba(255, 255, 255, .9);
border-radius: 50%;
height: 10px;
left: -7px;
top: -4px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
width: 10px
}
.mejs__time-rail .mejs__time-handle-content:active,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail:hover .mejs__time-handle-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mejs__time-float {
background: #eee;
border: 1px solid #333;
bottom: 100%;
color: #111;
height: 17px;
margin-bottom: 9px;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 36px
}
.mejs__time-float-current {
display: block;
left: 0;
margin: 2px;
text-align: center;
width: 30px
}
.mejs__time-float-corner {
border: 5px solid #eee;
border-color: #eee transparent transparent;
border-radius: 0;
display: block;
height: 0;
left: 50%;
line-height: 0;
position: absolute;
top: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0
}
.mejs__long-video .mejs__time-float {
margin-left: -23px;
width: 64px
}
.mejs__long-video .mejs__time-float-current {
width: 60px
}
.mejs__broadcast {
color: #fff;
height: 10px;
position: absolute;
top: 15px;
width: 100%
}
.mejs__captions-button,
.mejs__chapters-button {
position: relative
}
.mejs__captions-button>button {
background-position: -140px 0
}
.mejs__chapters-button>button {
background-position: -180px 0
}
.mejs__captions-button>.mejs__captions-selector,
.mejs__chapters-button>.mejs__chapters-selector {
background: rgba(50, 50, 50, .7);
border: 1px solid transparent;
border-radius: 0;
bottom: 100%;
margin-right: -43px;
overflow: hidden;
padding: 0;
position: absolute;
right: 50%;
visibility: visible;
width: 86px
}
.mejs__chapters-button>.mejs__chapters-selector {
margin-right: -55px;
width: 110px
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
list-style-type: none !important;
margin: 0;
overflow: hidden;
padding: 0
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
color: #fff;
cursor: pointer;
display: block;
list-style-type: none !important;
margin: 0 0 6px;
overflow: hidden;
padding: 0
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: rgba(255, 255, 255, .4) !important
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
clear: both;
float: left;
left: -1000px;
margin: 3px 3px 0 5px;
position: absolute
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
cursor: pointer;
float: left;
font-size: 10px;
line-height: 15px;
padding: 4px 10px 0;
width: 100%
}
.mejs__captions-selected,
.mejs__chapters-selected {
color: #21f8f8
}
.mejs__captions-translations {
font-size: 10px;
margin: 0 0 5px
}
.mejs__captions-layer {
bottom: 0;
color: #fff;
font-size: 16px;
left: 0;
line-height: 20px;
position: absolute;
text-align: center
}
.mejs__captions-layer a {
color: #fff;
text-decoration: underline
}
.mejs__captions-layer[lang=ar] {
font-size: 20px;
font-weight: 400
}
.mejs__captions-position {
bottom: 15px;
left: 0;
position: absolute;
width: 100%
}
.mejs__captions-position-hover {
bottom: 35px
}
.mejs__captions-text,
.mejs__captions-text * {
background: rgba(20, 20, 20, .5);
box-shadow: 5px 0 0 rgba(20, 20, 20, .5), -5px 0 0 rgba(20, 20, 20, .5);
padding: 0;
white-space: pre-wrap
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
display: none
}
.mejs__overlay-error {
position: relative
}
.mejs__overlay-error>img {
left: 0;
max-width: 100%;
position: absolute;
top: 0;
z-index: -1
}
.mejs__cannotplay,
.mejs__cannotplay a {
color: #fff;
font-size: .8em
}
.mejs__cannotplay {
position: relative
}
.mejs__cannotplay a,
.mejs__cannotplay p {
display: inline-block;
padding: 0 15px;
width: 100%
}
.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
position: absolute;
left: 0;
top: 0
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none
}
.leaflet-tile::selection {
background: 0 0
}
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast
}
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
max-width: none !important;
max-height: none !important
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
touch-action: none;
touch-action: pinch-zoom
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none
}
.leaflet-container {
overflow: hidden;
-webkit-tap-highlight-color: transparent;
background: #ddd;
outline: 0;
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, .4);
color: #0078A8
}
.leaflet-tile {
-webkit-filter: inherit;
filter: inherit;
visibility: hidden
}
.leaflet-tile-loaded {
visibility: inherit
}
.advent-micro .form input[type=checkbox],
.advent__form input[type=radio],
.form .field-file button.remove-file,
.leaflet-zoom-anim .leaflet-zoom-hide,
.page-anchor--hidden {
visibility: hidden
}
.leaflet-zoom-box {
width: 0;
height: 0;
box-sizing: border-box;
z-index: 800
}
.leaflet-overlay-pane svg {
-moz-user-select: none
}
.leaflet-pane {
z-index: 400
}
.leaflet-tile-pane {
z-index: 200
}
.leaflet-overlay-pane {
z-index: 400
}
.leaflet-shadow-pane {
z-index: 500
}
.leaflet-marker-pane {
z-index: 600
}
.leaflet-tooltip-pane {
z-index: 650
}
.leaflet-popup-pane {
z-index: 700
}
.leaflet-map-pane canvas {
z-index: 100
}
.leaflet-map-pane svg {
z-index: 200
}
.leaflet-vml-shape {
width: 1px;
height: 1px
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute
}
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted;
pointer-events: auto;
float: left;
clear: both
}
.leaflet-bottom,
.leaflet-top {
position: absolute;
z-index: 1000;
pointer-events: none
}
.leaflet-top {
top: 0
}
.leaflet-right {
right: 0
}
.leaflet-bottom {
bottom: 0
}
.leaflet-left {
left: 0
}
.leaflet-right .leaflet-control {
float: right;
margin-right: 10px
}
.leaflet-top .leaflet-control {
margin-top: 10px
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px
}
.leaflet-left .leaflet-control {
margin-left: 10px
}
.leaflet-fade-anim .leaflet-tile {
will-change: opacity
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity .2s linear
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
transition: transform .25s cubic-bezier(0, 0, .25, 1);
transition: transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1)
}
.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
transition: none
}
.leaflet-interactive {
cursor: pointer
}
.leaflet-grab {
cursor: grab
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair
}
.leaflet-control,
.leaflet-popup-pane {
cursor: auto
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: grabbing
}
.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
pointer-events: none
}
.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted;
pointer-events: auto
}
.leaflet-container a.leaflet-active {
outline: orange solid 2px
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, .5)
}
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
border-radius: 4px
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: #000
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block
}
.leaflet-bar a:hover {
background-color: #f4f4f4
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: 700 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px
}
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
background: #fff;
border-radius: 5px
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px
}
.leaflet-control-layers label {
display: block
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px
}
.leaflet-default-icon-path {
background-image: url(images/marker-icon.png)
}
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, .7);
margin: 0
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333
}
.leaflet-control-attribution a {
text-decoration: none
}
.leaflet-control-attribution a:hover,
.tabs-title a:hover,
.tabs-title.is-active a {
text-decoration: underline
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px
}
.accordion .accordion-item,
.leaflet-popup {
margin-bottom: 20px
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, .5)
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777
}
.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
box-shadow: none
}
.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
border: 2px solid rgba(0, 0, 0, .2);
background-clip: padding-box
}
.leaflet-popup {
position: absolute;
text-align: center
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4
}
.leaflet-popup-content p {
margin: 18px 0
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: #fff;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: 700;
background: 0 0
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=.70710678, M12=.70710678, M21=-.70710678, M22=.70710678)
}
.slick-arrow,
.slick-arrow.slick-next,
.slick-arrow.slick-prev {
width: 15px;
background-repeat: no-repeat
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px
}
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999
}
.leaflet-div-icon {
background: #fff;
border: 1px solid #666
}
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: 0 0;
content: ""
}
.leaflet-tooltip-bottom {
margin-top: 6px
}
.leaflet-tooltip-top {
margin-top: -6px
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff
}
.leaflet-tooltip-left {
margin-left: -6px
}
.leaflet-tooltip-right {
margin-left: 6px
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff
}
@-webkit-keyframes leaflet-gestures-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes leaflet-gestures-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.leaflet-container:after {
-webkit-animation: leaflet-gestures-fadein .8s backwards;
animation: leaflet-gestures-fadein .8s backwards;
color: #fff;
font-family: Roboto, Arial, sans-serif;
font-size: 22px;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
z-index: 461;
pointer-events: none
}
.carousel__inner .slick-dots,
.slick-dots {
bottom: -30px
}
.leaflet-gesture-handling-scroll-warning:after,
.leaflet-gesture-handling-touch-warning:after {
-webkit-animation: leaflet-gestures-fadein .8s forwards;
animation: leaflet-gestures-fadein .8s forwards
}
.leaflet-gesture-handling-touch-warning:after {
content: attr(data-gesture-handling-touch-content)
}
.leaflet-gesture-handling-scroll-warning:after {
content: attr(data-gesture-handling-scroll-content)
}
.slick-arrow.slick-next::before,
.slick-arrow.slick-prev::before,
.slick-arrow:before,
.slick-dots li button:before {
content: none
}
.slick-slider[data-slick*='"arrows": true'] {
padding: 0 50px
}
.slick-slide {
outline: transparent
}
.slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 25px;
background-position: center center;
background-size: 15px 25px;
transition: top .3s linear;
cursor: pointer
}
.slick-arrow.slick-prev {
left: 15px;
background-image: url(../assets/img/oetker-collection/left.svg);
background-size: contain;
z-index: 1;
height: 25px
}
.slick-arrow.slick-prev:focus,
.slick-arrow.slick-prev:hover {
background-position: center center;
background-size: 15px 25px
}
.slick-arrow.slick-prev:hover {
-webkit-transform: translate(-5px, -50%);
-ms-transform: translate(-5px, -50%);
transform: translate(-5px, -50%)
}
@media screen and (max-width:39.9375em) {
.slick-arrow.slick-prev:hover {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
}
.slick-arrow.slick-prev:focus {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
@media screen and (max-width:39.9375em) {
.slick-arrow.slick-prev:focus {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
}
.slick-arrow.slick-prev.slick-disabled {
background-image: url(../assets/img/left-disabled.svg) !important
}
.slick-arrow.slick-next {
right: 15px;
background-image: url(../assets/img/oetker-collection/right.svg);
background-size: contain;
height: 25px
}
.slick-arrow.slick-next:focus,
.slick-arrow.slick-next:hover {
background-size: 15px 25px;
background-position: center center
}
.slick-arrow.slick-next:hover {
-webkit-transform: translate(5px, -50%);
-ms-transform: translate(5px, -50%);
transform: translate(5px, -50%)
}
@media screen and (max-width:39.9375em) {
.slick-arrow.slick-next:hover {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
}
.carousel__inner .slick-prev,
.slick-arrow.slick-next:focus {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%)
}
.slick-arrow.slick-next:focus {
transform: translate(0, -50%)
}
@media screen and (max-width:39.9375em) {
.slick-arrow.slick-next:focus {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
}
.slick-arrow.slick-next.slick-disabled {
background-image: url(../assets/img/right-disabled.svg) !important
}
.slick-dotted {
margin-bottom: 60px
}
.slick-dotted.slick-slider {
margin-bottom: 0
}
.slick-dots {
position: absolute;
left: 0;
right: 0;
display: block;
width: 100%;
text-align: center;
list-style: none;
transition: top .3s linear
}
.slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
#Datepickk .d-confirm:empty,
#Datepickk .d-title:empty,
#Datepickk.inline .d-overlay,
#Datepickk.wrapped .d-overlay,
.mejs__controls {
display: none
}
.slick-dots li button {
font-size: 0;
width: 10px;
height: 10px;
border-radius: 10px;
border: 1px solid #373737;
background-color: #fff;
padding: 4px
}
.slick-dots li button:hover {
background-color: #373737
}
.slick-dots li.slick-active button {
background-color: #ADBDB2
}
.mejs__container {
margin: 0 auto;
height: 100%
}
.mejs__button>button,
.mejs__overlay-button {}
.mejs__volume-button>.mejs__volume-slider {
backface-visibility: hidden
}
.mejs__iframe-overlay {
display: none !important
}
.datepicker.datepicker--filters {
margin-top: 5px
}
.datepicker.datepicker--filters thead {
font-family: Newsreader, sans-serif;
font-style: italic
}
.book-button,
.book-now-wrapper .book-button {
font-family: "Gill Sans MT Pro", sans-serif
}
.datepicker.datepicker--filters thead th {
font-size: 14px
}
.datepicker.datepicker--filters td span.active,
.datepicker.datepicker--filters td.day.active,
.datepicker.datepicker--filters td.month.active,
.datepicker.datepicker--filters td.year.active {
background-color: #000 !important
}
.datepicker.datepicker--filters td span.active.disabled,
.datepicker.datepicker--filters td.day.active.disabled,
.datepicker.datepicker--filters td.month.active.disabled,
.datepicker.datepicker--filters td.year.active.disabled {
background-color: #fff !important;
color: #eee !important
}
.datepicker.datepicker--filters td span.selected,
.datepicker.datepicker--filters td.day.selected,
.datepicker.datepicker--filters td.month.selected,
.datepicker.datepicker--filters td.year.selected {
background-color: #262626 !important;
color: #fff !important
}
.datepicker.datepicker--filters.dropdown-menu {
box-shadow: none;
border: 1px solid #000;
border-radius: 0
}
.datepicker.datepicker--filters.dropdown-menu:before {
top: -33px;
right: -1px;
left: auto;
display: block;
width: 25px;
height: 25px;
border: none;
background-color: #000;
background-image: url(../assets/img/jumby-bay/close-white.png);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
pointer-events: none
}
.position-top {
height: auto
}
button:focus {
outline: 0
}
.property-listing__item .book-now-container .book-button {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.property-listing__item .book-now-wrapper {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 1rem;
padding-right: 1rem
}
.book-now-container {
display: block;
margin-bottom: 15px;
font-size: 1rem;
cursor: pointer
}
.book-now-wrapper,
.cta,
.submit-container,
.submit-wrapper {
display: inline-block
}
.book-now-container--disabled {
opacity: .7;
pointer-events: none
}
.book-now-wrapper {
background-color: #ADBDB2;
text-align: center;
padding: 4px 5px;
min-height: 40px;
height: auto !important;
position: relative
}
.book-now-wrapper::before {
content: '';
position: absolute;
top: 10px;
left: 5px;
border: solid rgba(0, 0, 0, .5);
border-width: 0 1px;
background: 0 0;
transition: .3s;
height: 0%;
width: calc(100% - 10px);
opacity: 0;
pointer-events: none
}
.book-now-wrapper::after,
.submit-wrapper::before {
border: solid rgba(0, 0, 0, .5);
background: 0 0;
transition: .3s
}
.book-now-wrapper::after {
content: '';
position: absolute;
top: 5px;
left: 8px;
border-width: 1px 0;
height: calc(100% - 10px);
width: 0%;
opacity: 0;
pointer-events: none
}
.book-now-wrapper:hover {
background-color: #ADBDB2
}
.book-now-wrapper:hover::before {
height: calc(100% - 20px);
opacity: 1
}
.book-now-wrapper:hover::after {
width: calc(100% - 15px);
opacity: 1
}
.book-now-wrapper .book-button {
font-size: .8125rem;
line-height: .8125rem;
color: #373737;
text-transform: uppercase;
padding: 7px 20px;
background-color: transparent;
position: relative;
margin: 0 !important;
cursor: pointer;
vertical-align: bottom
}
.book-now-wrapper .book-button:hover {
text-decoration: none !important
}
.book-button {
background-color: #ADBDB2;
padding: 9px 4px;
color: #373737
}
.submit-container {
margin: 0 15px
}
.submit-wrapper {
background-color: #ADBDB2;
text-align: center;
padding: 5px;
position: relative
}
.submit-wrapper::after,
.submit-wrapper::before {
position: absolute;
content: '';
pointer-events: none;
opacity: 0
}
.submit-wrapper::before {
top: 10px;
left: 5px;
border-width: 0 1px;
height: 0%;
width: calc(100% - 10px)
}
.submit-wrapper::after {
top: 5px;
left: 8px;
background: 0 0;
border: solid rgba(0, 0, 0, .5);
border-width: 1px 0;
transition: .3s;
height: calc(100% - 10px);
width: 0%
}
.button.hollow,
.submit-button,
.submit-wrapper button {
position: relative;
font-family: "Gill Sans MT Pro", sans-serif
}
.submit-button,
.submit-wrapper:hover {
background-color: #ADBDB2
}
.submit-wrapper:hover::before {
height: calc(100% - 20px);
opacity: 1
}
.submit-wrapper:hover::after {
width: calc(100% - 15px);
opacity: 1
}
.submit-wrapper button {
font-size: .8125rem;
line-height: .8125rem;
color: #373737;
text-transform: uppercase;
padding: 8px 20px 7px;
margin: 0 !important
}
.submit-wrapper button:hover {
text-decoration: none !important
}
.submit-button {
padding: 8px 5px 10px
}
.button.hollow {
text-transform: uppercase;
border-color: #ADBDB2;
transition: background-color .25s ease-out, color .25s ease-out, border-color .25s ease-out
}
.button.hollow:before {
content: '';
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
border: 1px solid #ADBDB2;
transition: border-color .25s ease-out;
pointer-events: none
}
.cta,
.cta span {
transition: .3s ease-in-out
}
.button.hollow:focus,
.button.hollow:focus:before,
.button.hollow:hover,
.button.hollow:hover:before {
border-color: #ADBDB2
}
.cta {
font-size: .9rem;
line-height: .9375rem;
color: #000;
letter-spacing: .1em;
font-family: "Gill Sans MT Pro", sans-serif;
position: relative;
margin: 0 15px 15px
}
.cta span {
line-height: 1.75rem;
padding-bottom: 6px;
border-bottom: 1px solid #000;
color: #000 !important
}
#Datepickk .d-header i,
#Datepickk .d-legend p {
transition: background-color .2s ease;
cursor: pointer
}
.cta:focus,
.cta:hover {
text-decoration: none !important
}
.cta:focus span,
.cta:hover span {
color: #ADBDB2 !important;
border-bottom: 1px solid #adbdb2
}
a:focus {
outline: 0
}
.d-noscroll {
overflow: hidden
}
#Datepickk {
position: fixed;
top: 0;
left: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 999;
width: 100%;
height: 100%;
font-family: inherit;
color: #333;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 18px;
text-transform: uppercase;
max-width: 530px
}
#Datepickk.multi .d-calendar,
#Datepickk.multi .d-legend,
.intro__text {
max-width: 800px
}
#Datepickk.MSIE:not(.wrapped):not(.inline) .d-calendar {
height: 560px
}
#Datepickk.d-show .d-overlay {
-webkit-animation-name: show;
animation-name: show;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
#Datepickk.d-hide>* {
-webkit-animation-name: DatepickkHide;
animation-name: DatepickkHide;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
#Datepickk.d-hide .d-overlay {
-webkit-animation-name: show;
animation-name: show;
-webkit-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-direction: reverse;
animation-direction: reverse
}
#Datepickk .d-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(55, 58, 71, .95);
z-index: 1
}
#Datepickk .d-confirm,
#Datepickk .d-title {
margin: 25px 0;
z-index: 2;
color: #26343c;
position: relative;
font-size: 1.25rem
}
#Datepickk .d-title {
text-align: center
}
#Datepickk .d-confirm {
border: none;
background-color: transparent;
outline: 0;
font-family: inherit;
font-weight: 500;
cursor: pointer;
padding: 0
}
@media (max-height:528px) {
#Datepickk .d-confirm,
#Datepickk .d-title {
font-size: 1.25rem;
margin: 15px 0
}
#Datepickk .d-calendar {
font-size: 1.25rem
}
}
#Datepickk.multi .d-table {
position: relative;
padding-top: 30px
}
#Datepickk.multi .d-table:first-child {
border-right: 1px solid #cbc8c0
}
#Datepickk.multi .d-table:before {
content: attr(data-month);
text-align: center;
width: 100%;
font-size: 1.25rem;
padding: 5px 10px 5px 0;
box-sizing: border-box;
color: #26343c;
position: absolute;
left: 0;
top: 0;
border-bottom: 1px solid #cbc8c0
}
#Datepickk.inline.d-show .d-calendar {
-webkit-animation: none;
animation: none
}
#Datepickk .d-fadeInUp,
#Datepickk .d-legend p {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: DatepickfadeInUp;
-webkit-animation-duration: .5s;
-webkit-animation-fill-mode: both
}
#Datepickk.inline,
#Datepickk.wrapped {
position: static;
z-index: 0
}
#Datepickk.inline .d-calendar,
#Datepickk.wrapped .d-calendar {
box-shadow: none;
z-index: 0;
max-width: none;
max-height: none
}
#Datepickk.inline .d-confirm,
#Datepickk.inline .d-title,
#Datepickk.wrapped .d-confirm,
#Datepickk.wrapped .d-title {
color: #222
}
#Datepickk.inline .d-legend,
#Datepickk.wrapped .d-legend {
color: #222 !important;
max-width: none;
max-height: none
}
#Datepickk.fullscreen .d-calendar {
max-width: none;
max-height: none
}
#Datepickk.fullscreen .d-calendar input+label {
outline: #eaeaea solid 1px;
box-sizing: border-box;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
#Datepickk.fullscreen .d-calendar input+label text {
padding: 5px 10px 0 0
}
#Datepickk.fullscreen .d-legend {
max-width: none
}
#Datepickk .d-legend {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
z-index: 2;
background-color: #26343csmoke;
max-width: 500px;
position: relative;
color: #26343c
}
#Datepickk .d-legend:empty {
height: 0
}
#Datepickk .d-legend p {
backface-visibility: visible !important;
animation-name: DatepickfadeInUp;
animation-duration: .5s;
animation-fill-mode: both;
margin: 0;
padding: 15px;
color: #1B353F
}
#Datepickk .d-legend p:after {
content: attr(data-legend)
}
#Datepickk .d-legend p span {
width: 20px;
height: 20px;
border-radius: 100%;
vertical-align: bottom;
display: inline-block;
margin-right: 10px
}
#Datepickk .d-calendar {
margin: 0;
font-size: 1.25rem;
width: 100%;
position: relative;
max-width: 500px;
max-height: 560px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
z-index: 2
}
#Datepickk .d-header {
position: relative;
color: #26343c;
font-size: 1.25rem;
font-weight: 700
}
#Datepickk .d-header p {
margin: .5em 0;
text-align: center
}
#Datepickk .d-header i {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
text-align: center;
border-radius: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
#Datepickk .d-header i:after,
#Datepickk .d-header i:before {
content: '';
width: 0;
height: 0;
position: absolute
}
#Datepickk .d-header i#d-previous {
left: 20px;
width: 18px;
height: 18px
}
#Datepickk .d-header i#d-previous::before {
content: '';
display: block;
width: 18px;
height: 18px;
background: url(img/arrow.svg) center center no-repeat;
background-size: 8px 11px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
#Datepickk .d-header i#d-next {
right: 20px;
width: 18px;
height: 18px
}
#Datepickk .d-header i#d-next::before {
content: '';
display: block;
width: 18px;
height: 18px;
background: url(img/arrow.svg) left top no-repeat;
background-size: 8px 11px
}
#Datepickk .d-month {
cursor: pointer;
white-space: nowrap
}
#Datepickk .d-year {
margin-left: 10px;
cursor: pointer
}
#Datepickk .d-year:before {
content: ""
}
#Datepickk .d-month-picker {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: rgba(27, 54, 63, .9);
height: 0;
overflow: hidden;
pointer-events: none;
transition: height .2s ease
}
#Datepickk .d-month-picker.d-show {
height: 44px;
pointer-events: auto
}
#Datepickk .d-month-picker>div {
width: calc(100% / 12);
text-align: center;
line-height: 44px;
color: #26343c;
cursor: pointer
}
#Datepickk .d-month-picker>div:focus,
#Datepickk .d-month-picker>div:hover {
background-color: #e32d2d;
color: #26343c
}
#Datepickk .d-month-picker>div.current {
background-color: #e9965a;
color: #26343c
}
#Datepickk .d-year-picker {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: rgba(27, 54, 63, .9);
height: 0;
overflow: hidden;
pointer-events: none;
transition: height .2s ease
}
#Datepickk .d-year-picker.d-show {
height: 44px;
pointer-events: auto
}
#Datepickk .d-year-picker>div {
width: calc(100% / 11);
text-align: center;
line-height: 44px;
color: #26343c;
cursor: pointer
}
#Datepickk .d-year-picker>div:focus,
#Datepickk .d-year-picker>div:hover {
background-color: #e32d2d;
color: #26343c
}
#Datepickk .d-year-picker>div.current {
background-color: #e9965a;
color: #26343c
}
#Datepickk .d-weekdays {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
#Datepickk .d-week {
color: #26343c;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%
}
#Datepickk .d-week+.d-week {
border-left: 1px solid rgba(255, 255, 255, .05)
}
#Datepickk .d-week>div {
-webkit-flex-basis: 14.28%;
-ms-flex-preferred-size: 14.28%;
flex-basis: 14.28%;
text-align: center
}
#Datepickk .d-week>div p {
margin: .8em 0
}
@media (max-height:540px) {
#Datepickk .d-week {
display: none
}
}
#Datepickk .d-table {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
#Datepickk .d-table:first-child:nth-last-child(n+3),
#Datepickk .d-table:first-child:nth-last-child(n+3)~div {
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
-webkit-flex-basis: calc(100% / 3 - 1px);
-ms-flex-preferred-size: calc(100% / 3 - 1px);
flex-basis: calc(100% / 3 - 1px);
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
#Datepickk .d-table label:nth-of-type(7n) .d-date-legends {
padding-right: 0
}
#Datepickk .d-table label:nth-last-of-type(-n+7) .d-date-legends {
padding-bottom: 0
}
#Datepickk .d-table input {
display: none
}
#Datepickk .d-table input+label {
-webkit-flex-basis: 14.28%;
flex-basis: 14.28%;
-ms-flex-preferred-size: 13.96%;
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;
cursor: pointer;
transition: background-color .2s ease, background .2s ease, color .2s ease;
position: relative;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
border: solid #cbc8c0;
border-width: 0 1px 1px 0;
padding: 5px 0
}
#Datepickk .d-table input+label:nth-child(7n) {
border-right: none
}
#Datepickk .d-table input+label:nth-child(n+71) {
border-bottom: none
}
#Datepickk .d-table input+label text {
z-index: 9;
pointer-events: none;
position: relative
}
#Datepickk .d-table input+label[style*=linear-gradient] text {
text-shadow: 0 0 20px #000
}
#Datepickk .d-table input+label:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #25343c;
transition: -webkit-transform .1s ease-out;
transition: transform .1s ease-out;
transition: transform .1s ease-out, -webkit-transform .1s ease-out;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
#Datepickk .d-table input+label.legend-hover {
-webkit-animation: legendhover 1s infinite;
animation: legendhover 1s infinite;
z-index: 10
}
@-webkit-keyframes legendhover {
0%,
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(0, -5px);
transform: translate(0, -5px)
}
}
@keyframes legendhover {
0%,
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(0, -5px);
transform: translate(0, -5px)
}
}
#Datepickk .d-table input+label.next,
#Datepickk .d-table input+label.prev {
color: #ccc
}
#Datepickk .d-table input+label [data-tooltip]:after {
content: '';
border-radius: 100%;
background-color: #a68639;
width: 5px;
height: 5px;
position: absolute;
top: 0;
right: -10px
}
#Datepickk .d-table input+label .d-tooltip {
position: absolute;
background-color: #a68639;
color: #26343c;
padding: 7px;
font-size: 1.25rem;
z-index: 13;
text-align: center;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, -5px);
-ms-transform: translate(-50%, -5px);
transform: translate(-50%, -5px);
display: none
}
#Datepickk .d-table input+label .d-tooltip:before {
content: '';
border-bottom: 7px solid #1B363F;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: -7px;
left: 50%;
position: absolute;
margin-left: -5px
}
#Datepickk .d-table input+label .d-tooltip:empty {
display: none !important
}
#Datepickk .d-table input+label:hover .d-tooltip {
display: block
}
#Datepickk .d-table input:checked+label {
color: #fff
}
#Datepickk .d-table input:checked+label:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
#Datepickk .d-table input:disabled+label {
cursor: not-allowed
}
#Datepickk .d-table input:disabled+label:after {
content: '';
position: absolute;
top: 50%;
left: 20%;
width: 60%;
height: 2px;
z-index: 10;
background-color: #c60000;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg)
}
#Datepickk .d-table input+label.d-hidden {
cursor: default;
background: 0 0 !important
}
#Datepickk .d-table input+label.d-hidden text {
opacity: 0
}
#Datepickk .d-table input+label.d-hidden:after {
content: none
}
#Datepickk .d-tables {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 1px solid #cbc8c0;
min-height: 157px
}
#Datepickk .d-tables:not(.locked) input:not(:checked)+label:not(.hidden):hover {
color: #222;
background-color: #eaeaea
}
#Datepickk .d-tables.locked label {
cursor: default
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label {
color: #fff
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden) {
color: #26343c
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label {
color: #666
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label:before,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0)
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label.next,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label.prev,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label.next,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label.prev {
color: #ccc
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label {
color: #fff
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
background-color: #a68639
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label {
color: inherit
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label.next,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label.prev {
color: #ccc
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0)
}
#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label {
color: #26343c
}
#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
background-color: rgba(233, 90, 126, .3)
}
#Datepickk .d-tables.range.before input:not(.single):checked+label~label {
color: inherit
}
#Datepickk .d-tables.range.before input:not(.single):checked+label~label.next,
#Datepickk .d-tables.range.before input:not(.single):checked+label~label.prev {
color: #ccc
}
#Datepickk .d-tables.range.before input:not(.single):checked+label~label:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0)
}
#Datepickk .d-fadeInUp {
backface-visibility: visible !important;
animation-name: DatepickfadeInUp;
animation-duration: .5s;
animation-fill-mode: both
}
@-webkit-keyframes DatepickBGShow {
from {
opacity: 0
}
}
@keyframes DatepickBGShow {
from {
opacity: 0
}
}
@-webkit-keyframes DatepickfadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes DatepickfadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.d-fadeInUp {
-webkit-animation-name: DatepickfadeInUp;
animation-name: DatepickfadeInUp
}
#Datepickk.d-show>* {
-webkit-animation-name: DatepickkShow;
animation-name: DatepickkShow;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes DatepickkShow {
from {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px)
}
}
@keyframes DatepickkShow {
from {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px)
}
}
@-webkit-keyframes DatepickkHide {
to {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
}
@keyframes DatepickkHide {
to {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
}
.datepicker {
font-family: "Gill Sans MT Pro", sans-serif
}
.datepicker td span.active,
.datepicker td.day.active {
background-color: #1A3740;
color: #fff
}
.gallery-modal {
padding: 60px 40px;
background-color: transparent;
border: none;
width: 100%;
max-width: 900px
}
@media screen and (max-width:39.9375em) {
.gallery-modal {
padding: 50% 10px;
background-color: #fff
}
}
.gallery-modal__button {
position: absolute;
top: 30px;
right: 15px;
background: url(img/oetker-collection/close.svg) center no-repeat;
background-size: 20px 20px;
width: 25px;
height: 25px;
cursor: pointer
}
.form .field-validation-error {
display: block;
text-align: left;
padding: 10px 0;
color: red
}
.form .field-wrapper {
padding: 0 10px;
margin-bottom: 10px;
clear: both
}
.form .field-wrapper:last-child {
margin-bottom: 0
}
.form .accordion-content--no-padding .field-wrapper {
padding-left: 0;
padding-right: 0
}
.form .accordion-content .field-wrapper {
margin-bottom: 17px
}
.form input[type=text],
.form input[type=email],
.form select,
.form textarea {
display: block;
width: 100%;
line-height: 32px;
height: 32px;
padding: 0 15px;
border: none;
background-color: #dedede;
font-family: Newsreader, sans-serif;
font-weight: 400
}
.form input[type=text]::-webkit-input-placeholder,
.form input[type=email]::-webkit-input-placeholder,
.form select::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
text-transform: none !important
}
.form input[type=text]:-ms-input-placeholder,
.form input[type=email]:-ms-input-placeholder,
.form select:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
text-transform: none !important
}
.form input[type=text]::placeholder,
.form input[type=email]::placeholder,
.form select::placeholder,
.form textarea::placeholder {
text-transform: none !important
}
.form input[type=text].inline+.inline,
.form input[type=email].inline+.inline,
.form select.inline+.inline,
.form textarea.inline+.inline {
margin-top: 10px
}
@media screen and (min-width:450px) {
.form input[type=text].inline--30,
.form input[type=email].inline--30,
.form select.inline--30,
.form textarea.inline--30 {
display: inline-block;
width: 30%
}
.form input[type=text].inline--30+.inline,
.form input[type=email].inline--30+.inline,
.form select.inline--30+.inline,
.form textarea.inline--30+.inline {
display: inline-block;
width: calc(70% - 13px);
margin-top: 0;
margin-left: 10px
}
}
.form textarea {
height: auto;
padding: 10px 15px;
line-height: 1
}
.form select {
padding: 0 30px 0 12px;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -15px center;
background-repeat: no-repeat;
background-size: 9px 6px
}
@media screen and (min-width:0\0) {
.form select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
}
}
.form select:focus {
outline: 0
}
.form select::-ms-expand {
display: none
}
.form input[type=checkbox] {
position: absolute;
opacity: 0
}
.form input[type=checkbox]+label,
.form input[type=checkbox]~label {
position: relative;
padding-left: 20px;
font-size: 13px;
color: #000;
cursor: pointer;
display: inline-block !important
}
.form input[type=checkbox]+label::after,
.form input[type=checkbox]+label::before,
.form input[type=checkbox]~label::after,
.form input[type=checkbox]~label::before {
content: '';
position: absolute
}
.form input[type=checkbox]+label::before,
.form input[type=checkbox]~label::before {
top: 3px;
left: 0;
width: 13px;
height: 13px;
border: 1px solid #000
}
.form input[type=checkbox]+label::after,
.form input[type=checkbox]~label::after {
top: 5px;
left: 2px;
width: 9px;
height: 9px;
content: '';
opacity: 0;
background: #ADBDB2;
transition: opacity .3s ease-in-out
}
.form input[type=checkbox]:checked+label:after,
.form input[type=checkbox]:checked~label:after {
opacity: 1
}
.form .field-20 {
width: 20%;
float: left;
margin-right: 2%
}
@media screen and (max-width:1024px) {
.form .field-20 {
width: 100%;
margin-right: 0
}
.form .field-20:not(:last-child) {
margin-bottom: 17px
}
}
.form .field-20 input,
.form .field-20 select {
width: 100%
}
.form .field-40 {
width: 38%;
float: left;
margin-right: 2%
}
@media screen and (max-width:1024px) {
.form .field-40 {
width: 100%;
margin-right: 0
}
.form .field-40:not(:last-child) {
margin-bottom: 17px
}
}
.form .field-40:last-child {
margin-right: 0
}
.form .field-40 input,
.form .field-40 select {
width: 100%
}
.form .field-50 {
width: 48%;
float: left;
margin-right: 2%
}
.form .field-50:last-child {
margin-left: 2%;
margin-right: 0
}
@media screen and (max-width:1024px) {
.form .field-50 {
width: 100%;
margin-right: 0
}
.form .field-50:not(:last-child) {
margin-bottom: 17px
}
.form .field-50:last-child {
margin-left: 0
}
}
.form .field-60 {
width: 58%;
float: left;
margin-right: 2%
}
.form .field-60:last-child {
margin-left: 2%;
margin-right: 0
}
@media screen and (max-width:1024px) {
.form .field-60 {
width: 100%;
margin-right: 0
}
.form .field-60:not(:last-child) {
margin-bottom: 17px
}
.form .field-60:last-child {
margin-left: 0
}
}
.form .field-wrapper.cf:after,
.form .field-wrapper.cf:before {
content: " ";
display: table
}
.form .field-wrapper.cf:after {
clear: both
}
.form .field-wrapper textarea {
height: 190px;
background-color: #fff;
border: 1px solid #dde1e3
}
.form .field-file {
position: relative;
display: inline-block;
overflow: hidden;
width: 100%;
height: 32px;
padding-left: 10px
}
.form .field-file button.add-file {
font-family: Newsreader, sans-serif;
color: #202020;
font-size: .8125rem;
height: 32px;
padding-top: 9px
}
.form .field-file button.add-file::after {
content: '';
display: inline-block;
width: 13px;
height: 17px;
background: url(img/oetker-collection/icon-document.svg) center center no-repeat;
background-size: 13px 17px;
margin-left: 10px
}
.form .field-file button.add-file span {
padding-right: 10px;
border-bottom: 1px solid #1c3942;
text-overflow: ellipsis;
max-width: 150px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-align: left
}
.form .field-file button.remove-file {
position: absolute;
z-index: 10;
top: 12px;
right: 0;
width: 15px;
height: 15px;
background: url(img/oetker-collection/close.svg) center center no-repeat;
background-size: 18px 18px;
text-indent: -12345px
}
.form .field-file button.remove-file.visible {
visibility: visible
}
.form .field-file input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer
}
.theme-villa-stephanie .pre-stay-form .accordion-title {
background-color: #9b7793 !important;
color: #fff !important
}
.tabs {
border: solid #000;
border-width: 1px 0;
text-align: center;
margin: 0 auto
}
.tabs-title {
float: unset;
display: inline-block
}
.tabs-title.is-active a {
background-color: transparent;
color: #000
}
.tabs-title a {
text-transform: uppercase;
color: #373737;
font-size: .8125rem;
line-height: 1.25rem;
padding: 12px 16px
}
.tabs-title a:hover {
color: #000
}
.tabs-content {
border: none
}
.accordion {
background: 0 0;
list-style: none
}
.accordion .accordion-item:last-child {
margin-bottom: 0
}
.accordion .accordion-item .accordion-title:before {
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #202020
}
.accordion .accordion-item.is-active .accordion-title:before {
border-bottom: 8px solid #202020;
border-top: none
}
.accordion .accordion-content--no-padding {
padding-left: 0;
padding-right: 0;
padding-top: 0
}
#mc_embed_signup {
display: block;
position: relative;
width: 100%;
max-width: 600px;
margin: 50px auto;
padding: 5px 10px;
font-family: Newsreader, sans-serif
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-wrapper .subscribe-button,
#mc_embed_signup #mc-embedded-subscribe-form h2,
.breadcrumb__container ul li,
.grid .filter-controls .button,
.grid .filter-controls .filter-anything-button,
.grid-listing__item-detail h4,
.grid-listing__item-features h4,
.grid__view-switch p {
font-family: "Gill Sans MT Pro", sans-serif
}
#mc_embed_signup #mc-embedded-subscribe-form {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
#mc_embed_signup #mc-embedded-subscribe-form h2 {
font-size: 27px;
margin-bottom: 30px
}
#mc_embed_signup #mc-embedded-subscribe-form div {
margin-bottom: 25px
}
#mc_embed_signup #mc-embedded-subscribe-form .asterisk {
color: red
}
#mc_embed_signup #mc-embedded-subscribe-form .mc-field-group label {
margin-bottom: 15px;
font-weight: 400;
font-size: 17px
}
#mc_embed_signup #mc-embedded-subscribe-form input[type=text],
#mc_embed_signup #mc-embedded-subscribe-form input[type=email],
#mc_embed_signup #mc-embedded-subscribe-form textarea {
display: block;
width: 100%;
line-height: 32px;
height: 32px;
padding: 0 15px;
border: none;
background-color: #dedede;
font-family: Newsreader, sans-serif;
font-weight: 400
}
#mc_embed_signup #mc-embedded-subscribe-form input[type=text].inline+.inline,
#mc_embed_signup #mc-embedded-subscribe-form input[type=email].inline+.inline,
#mc_embed_signup #mc-embedded-subscribe-form textarea.inline+.inline {
margin-top: 10px
}
#mc_embed_signup #mc-embedded-subscribe-form textarea {
height: auto;
padding: 10px 15px;
line-height: 1
}
#mc_embed_signup #mc-embedded-subscribe-form input[type=radio] {
border: none;
outline: 0
}
#mc_embed_signup #mc-embedded-subscribe-form input[type=radio]:focus {
outline: 0
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-container {
display: block;
margin-bottom: 15px;
font-size: 1rem;
cursor: pointer
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-container--disabled {
opacity: .7;
pointer-events: none
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-wrapper {
display: inline-block;
background-color: #ADBDB2;
text-align: center;
padding: 4px 5px;
min-height: 40px;
height: auto !important;
position: relative
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-wrapper::before {
content: '';
position: absolute;
top: 10px;
left: 5px;
border: solid rgba(0, 0, 0, .5);
border-width: 0 1px;
background: 0 0;
transition: .3s;
height: 0%;
width: calc(100% - 10px);
opacity: 0;
pointer-events: none
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-wrapper::after {
content: '';
position: absolute;
top: 5px;
left: 8px;
background: 0 0;
border: solid rgba(0, 0, 0, .5);
border-width: 1px 0;
transition: .3s;
height: calc(100% - 10px);
width: 0%;
opacity: 0;
pointer-events: none
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-wrapper:hover {
background-color: #ADBDB2;
border: 1px solid #adbdb2
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-wrapper:hover::before {
height: calc(100% - 20px);
opacity: 1
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-wrapper:hover::after {
width: calc(100% - 15px);
opacity: 1
}
#mc_embed_signup #mc-embedded-subscribe-form .input-group,
.carousel {
width: 100%
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-wrapper .subscribe-button {
font-size: .8125rem;
line-height: .8125rem;
color: #373737;
text-transform: uppercase;
padding: 10px 20px 6px;
background-color: transparent;
position: relative;
margin: 0 !important;
cursor: pointer;
vertical-align: bottom;
border: none
}
.carousel__inner .slick-prev,
.grid-carousel__item-img .slick-prev {
background: url(img/oetker-collection/left.svg) center no-repeat;
z-index: 2
}
#mc_embed_signup #mc-embedded-subscribe-form .subscribe-wrapper .subscribe-button:hover {
text-decoration: none !important
}
#mc_embed_signup #mc-embedded-subscribe-form .input-group ul {
padding: 0;
margin: 0
}
#mc_embed_signup #mc-embedded-subscribe-form .input-group ul li {
list-style: none
}
#mc_embed_signup #mc-embedded-subscribe-form .input-group input[type=radio] {
margin: 10px;
font-size: 17px
}
.signature-pad--body {
border: 1px solid #000 !important;
margin-bottom: 15px
}
.breadcrumb {
margin: 0 auto 30px;
text-align: center
}
.breadcrumb__container ul {
list-style: none;
margin: 0
}
.breadcrumb__container ul li {
display: inline-block;
font-size: .625rem;
letter-spacing: .05em;
text-transform: uppercase;
color: #4c4c4c;
margin-right: 5px
}
.breadcrumb__container ul li:last-child a {
color: #4c4c4c
}
.breadcrumb__container ul li:last-child a::after {
content: ''
}
.breadcrumb__container ul li a {
color: #ADBDB2
}
.breadcrumb__container ul li a:hover {
color: #000
}
.breadcrumb__container ul li a::after {
content: '|';
padding-left: 10px
}
.carousel__inner .slick-next::before,
.carousel__inner .slick-prev::before,
.grid .filter-mobile-accordion .accordionButton h4::after,
.grid-carousel__carousel .slick-next::before,
.grid-carousel__carousel .slick-prev::before,
.grid-carousel__item-img .slick-next::before,
.grid-carousel__item-img .slick-prev::before,
.grid-listing__item-img .slick-next::before,
.grid-listing__item-img .slick-prev::before,
.grid-location .destinations-map__map .cluster>div:before,
.grid-location .destinations-map__map a[href^="https://maps.google.com/maps"]>div:before,
.grid-location .destinations-map__marker-icon:before,
.grid-tile__item-img .slick-next::before,
.grid-tile__item-img .slick-prev::before {
content: ''
}
.no-hero .breadcrumb {
margin-top: 100px
}
.no-hero.hotel .breadcrumb {
margin-top: 0
}
.no-hero.hotel.destination .breadcrumb {
margin-top: 30px
}
.hero--empty+.breadcrumb {
margin-top: 0
}
.carousel,
.grid {
margin: 0 auto 30px;
max-width: 1260px
}
.carousel {
padding: 0 0 40px
}
.carousel__inner.slick-slider[data-slick*='"arrows": true'] {
padding: 0
}
.carousel__inner .slick-prev {
left: 7%;
top: 50%;
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.carousel__inner .slick-next {
background: url(img/oetker-collection/right.svg) center no-repeat;
right: 7%;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.carousel__inner .slick-prev {
left: 6%
}
.carousel__inner .slick-next {
right: 6%
}
}
.carousel__slide {
padding: 0 10px;
opacity: .5
}
@media screen and (max-width:39.9375em) {
.carousel__inner .slick-prev {
left: 2%
}
.carousel__inner .slick-next {
right: 2%
}
.carousel__slide {
padding: 0 2px
}
}
.carousel__slide.slick-current {
opacity: 1
}
.grid {
position: relative
}
.grid__view {
position: absolute;
top: 15px;
right: 15px;
margin-bottom: 25px
}
@media screen and (max-width:68.0625em) {
.grid__view {
position: relative;
top: auto;
right: auto
}
}
@media screen and (max-width:39.9375em) {
.grid__view {
top: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
width: 100%
}
}
.grid__view-switch {
z-index: 9;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.grid__view-switch {
padding-right: 30px
}
}
@media screen and (max-width:39.9375em) {
.grid__view-switch {
padding-right: 0;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
.grid__view-switch p {
display: inline-block;
letter-spacing: 2px;
margin: 0 5px 0 0;
font-size: .8125rem;
line-height: 1;
text-transform: uppercase
}
.grid__view-switch ul {
display: inline-block;
list-style: none;
margin: 0;
line-height: 1
}
.grid__view-switch ul li {
display: inline-block;
vertical-align: middle;
margin: 0 3px
}
.grid__view-switch ul li#carousel button {
display: block;
padding: 10px;
background: url(img/oetker-collection/carousel-logo.svg) center no-repeat;
background-size: 15px
}
.grid__view-switch ul li#carousel button:hover {
background: url(img/oetker-collection/carousel-logo-active.svg) center no-repeat;
cursor: pointer;
background-size: 15px
}
.grid__view-switch ul li#carousel button.active {
background: url(img/oetker-collection/carousel-logo-active.svg) center no-repeat;
background-size: 15px
}
.grid__view-switch ul li#tile button {
display: block;
padding: 10px;
background: url(img/oetker-collection/tile-logo.svg) center no-repeat;
background-size: 15px
}
.grid__view-switch ul li#tile button:hover {
background: url(img/oetker-collection/tile-logo-active.svg) center no-repeat;
cursor: pointer;
background-size: 15px
}
.grid__view-switch ul li#tile button.active {
background: url(img/oetker-collection/tile-logo-active.svg) center no-repeat;
background-size: 15px
}
.grid__view-switch ul li#listing button {
display: block;
padding: 10px;
background: url(img/oetker-collection/listing-logo.svg) center no-repeat;
background-size: 15px
}
.grid__view-switch ul li#listing button:hover {
background: url(img/oetker-collection/listing-logo-active.svg) center no-repeat;
cursor: pointer;
background-size: 15px
}
.grid__view-switch ul li#listing button.active {
background: url(img/oetker-collection/listing-logo-active.svg) center no-repeat;
background-size: 15px
}
.grid__view-switch ul li#location button {
display: block;
padding: 10px;
background: url(img/oetker-collection/location-logo.svg) center no-repeat;
background-size: 15px
}
.grid__view-switch ul li#location button:hover {
background: url(img/oetker-collection/location-logo-active.svg) center no-repeat;
cursor: pointer;
background-size: 15px
}
.grid__view-switch ul li#location button.active {
background: url(img/oetker-collection/location-logo-active.svg) center no-repeat;
background-size: 15px
}
.grid .filter-mobile-accordion {
text-align: center;
margin-bottom: 10px;
padding-top: 10px;
position: relative
}
.grid .filter-mobile-accordion .accordionButton {
border: solid rgba(55, 55, 55, .5);
border-width: 1px 0
}
.grid .filter-mobile-accordion .accordionButton h4 {
margin-bottom: 0;
padding: 10px;
font-size: .8125rem;
text-transform: uppercase
}
.grid .filter-mobile-accordion .accordionButton h4::after {
background: url(img/oetker-collection/arrow-down-black.svg) center no-repeat;
background-size: 10px 6px;
width: 10px;
height: 10px;
padding: 10px
}
.grid .filter-mobile-accordion .accordionButton.on {
border-bottom: none
}
.grid .filter-mobile-accordion .accordionButton.on h4::after {
background: url(img/oetker-collection/arrow-up-black.svg) center no-repeat;
background-size: 10px 6px
}
.grid .filter-mobile-accordion .accordionContent.filter-controls {
padding-top: 0
}
.grid .filter-controls {
width: 100%;
min-height: 40px;
text-align: center;
border: solid #acacac;
border-width: 1px 0;
margin: 0 auto 30px;
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
}
@media screen and (max-width:39.9375em) {
.grid .filter-controls {
padding: 20px 10px;
border-top: none;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.grid .filter-controls .button,
.grid .filter-controls .filter-anything-button {
cursor: pointer !important;
color: #373737;
background: url(img/oetker-collection/filter-button.png) left center no-repeat;
font-size: .8125rem;
line-height: .9375rem;
min-width: 50px;
padding: 15px 10px 10px 20px;
margin: 0 10px !important;
text-transform: capitalize
}
.grid .filter-controls .filter-anything-selected,
.grid .filter-controls .on {
text-decoration: underline !important
}
.grid .filter-controls .button:hover,
.grid .filter-controls .filter-anything-button:hover {
text-decoration: underline;
color: #4c4c4c
}
@media screen and (max-width:39.9375em) {
.grid .filter-controls .button,
.grid .filter-controls .filter-anything-button {
width: 40%;
margin: 0 auto;
background-position: 10% center;
padding: 10px 10px 10px 30px
}
}
.grid .filter-controls .button.filter-anything-selected,
.grid .filter-controls .button.on,
.grid .filter-controls .filter-anything-button.filter-anything-selected,
.grid .filter-controls .filter-anything-button.on {
background: url(img/oetker-collection/filter-button-active.png) left center no-repeat;
text-decoration: underline;
color: #4c4c4c
}
@media screen and (max-width:39.9375em) {
.grid .filter-controls .button.filter-anything-selected,
.grid .filter-controls .button.on,
.grid .filter-controls .filter-anything-button.filter-anything-selected,
.grid .filter-controls .filter-anything-button.on {
background-position: 10% center
}
}
.grid-carousel {
display: none
}
.grid-carousel.active {
display: block;
margin: 0 auto
}
.grid-carousel__carousel {
padding: 0 20px
}
.grid-carousel__carousel .slick-prev {
background: url(img/oetker-collection/left-green.svg) center no-repeat;
left: 5px;
top: 16%;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.grid-carousel__carousel .slick-prev:focus,
.grid-carousel__carousel .slick-prev:hover {
-webkit-transform: translate(-5px, 0);
-ms-transform: translate(-5px, 0);
transform: translate(-5px, 0)
}
.grid-carousel__carousel .slick-next {
background: url(img/oetker-collection/right-green.svg) center no-repeat;
right: 5px;
top: 16%;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.grid-carousel__carousel .slick-next:focus,
.grid-carousel__carousel .slick-next:hover {
-webkit-transform: translate(5px, 0);
-ms-transform: translate(5px, 0);
transform: translate(5px, 0)
}
.grid-carousel__title {
text-align: center
}
.grid-carousel__title h2 {
letter-spacing: 1px;
font-size: 3.1875rem
}
@media screen and (max-width:39.9375em) {
.grid-carousel__title h2 {
font-size: 2.625rem
}
}
.grid-carousel__item {
text-align: center;
margin: 0 20px
}
.grid-carousel__item:focus {
outline: 0
}
.grid-carousel__item-img.border-on {
border: solid #e6e6e6;
border-width: 1px 1px 0
}
.grid-carousel__item-img .slick-prev {
left: 10px;
top: 50% !important;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.grid-carousel__item-img .slick-prev:focus,
.grid-carousel__item-img .slick-prev:hover {
-webkit-transform: translate(-5px, -50%);
-ms-transform: translate(-5px, -50%);
transform: translate(-5px, -50%)
}
.grid-carousel__item-img .slick-next,
.grid-listing__item-img .slick-prev {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
width: 30px
}
.grid-carousel__item-img .slick-next {
background: url(img/oetker-collection/right.svg) center no-repeat;
right: 10px;
top: 50%;
transform: translate(0, -50%);
background-size: 15px 30px;
height: 30px
}
.grid-contact-tile__item-img .slick-prev,
.grid-listing__item-img .slick-prev,
.grid-tile__item-img .slick-prev {
background: url(img/oetker-collection/left.svg) center no-repeat;
z-index: 2
}
.grid-carousel__item-img .slick-next:focus,
.grid-carousel__item-img .slick-next:hover {
-webkit-transform: translate(5px, -50%);
-ms-transform: translate(5px, -50%);
transform: translate(5px, -50%)
}
.grid-carousel__item-video {
position: relative;
width: 100%;
padding-bottom: 67.65%
}
.grid-carousel__item-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.grid-carousel__item-video .mejs__overlay,
.grid-carousel__item-video .mejs__player,
.grid-carousel__item-video iframe,
.grid-carousel__item-video video {
max-width: 100%;
height: 100% !important
}
.grid-carousel__item-detail {
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
padding: 10px 20px 20px
}
.grid-carousel__item-detail .item-subtitle-wrapper {
height: auto !important;
min-height: 66px;
margin-top: 15px
}
.grid-carousel__item-detail .item-subtitle-wrapper h4 {
font-size: .8125rem
}
.grid-carousel__item-detail .item-subtitle-wrapper h2 {
font-size: 1.5rem
}
.grid-carousel__item-detail div {
margin-bottom: 15px;
min-height: 40px
}
.grid-carousel__item-detail div p {
font-size: 1rem
}
.grid-carousel__item-detail a.cta {
display: inline-block;
margin-bottom: 15px
}
.grid-carousel__item-detail .book-now-container {
height: 30px
}
.grid-carousel__item-links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 20px 0 0 !important
}
.grid--horizontal-links .grid-carousel__item-links {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.grid-carousel .slick-slider {
-webkit-user-select: text;
-ms-user-select: text;
user-select: text
}
.grid-listing {
display: none
}
.grid-listing.active {
display: block
}
.grid-listing__item {
margin-top: 30px;
padding: 0 20px
}
.grid-listing__item-img {
height: 100%
}
.grid-listing__item-img.border-on {
border: solid #e6e6e6;
border-width: 1px 0 1px 1px
}
.grid-listing__item-img .slick-prev {
left: 10px;
top: 50%;
transform: translate(0, -50%);
background-size: 15px 30px;
height: 30px
}
.grid-listing__item-img .slick-next {
background: url(img/oetker-collection/right.svg) center no-repeat;
right: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.grid-listing__item-img-slide {
background: center center no-repeat;
background-size: cover;
min-height: 300px
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.grid-listing__item-img-slide {
min-height: 330px
}
}
@media screen and (max-width:39.9375em) {
.grid-listing__item-img.border-on {
border-width: 1px 1px 0
}
.grid-listing__item-img-slide {
min-height: 260px
}
}
.grid-listing__item-video {
position: relative;
width: 100%;
padding-bottom: 67.65%
}
.grid-listing__item-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.grid-listing__item-video .mejs__overlay,
.grid-listing__item-video .mejs__player,
.grid-listing__item-video iframe,
.grid-listing__item-video video {
max-width: 100%;
height: 100% !important
}
.grid-listing__item-detail {
padding: 30px 40px;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6
}
.grid-listing__item-detail h2 {
margin-bottom: 5px;
font-size: 1.5rem
}
.grid-listing__item-detail h4 {
margin-bottom: 15px;
font-size: .8125rem
}
.grid-listing__item-detail p {
margin-bottom: 5px;
font-size: 1rem
}
.grid-listing__item-detail a.cta {
margin-left: 0 !important
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.grid-listing__item-detail {
padding: 10px
}
}
@media screen and (max-width:39.9375em) {
.grid-listing__item-detail {
padding: 20px;
border-bottom: none;
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6
}
}
.grid-listing__item-features {
padding: 30px 20px;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6
}
.grid-listing__item-features h4 {
font-weight: 600;
margin-bottom: 0;
font-size: .8125rem
}
.grid-listing__item-features ul {
list-style: none;
margin: 0
}
.grid-listing__item-features ul li {
padding-left: 20px;
font-size: .8125rem;
line-height: 2.1875rem;
color: #373737;
font-family: Newsreader, sans-serif;
background: url(img/oetker-collection/listing-bullet.png) left center no-repeat;
background-size: 5px
}
@media screen and (max-width:39.9375em) {
.grid-listing__item-features {
padding: 0 20px 10px;
border-top: none;
border-left: 1px solid #e6e6e6
}
}
.grid-listing__item-links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.grid--horizontal-links .grid-listing__item-links {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.grid-location {
display: none
}
.grid-location.active {
display: block
}
.grid-location .destinations-map {
height: 100vh
}
@media screen and (max-width:899px) {
.grid-location .destinations-map {
height: auto !important
}
.grid-location .destinations-map .hero {
height: 100vh
}
}
@media screen and (min-width:900px) {
.grid-location .destinations-map {
height: 100%
}
.grid-location .destinations-map .hero {
min-height: 700px
}
}
.grid-location .destinations-map .hero {
margin-bottom: 0
}
.grid-location .destinations-map__map {
position: relative;
width: 100%;
height: 100vh;
margin: 0 auto;
background-color: #587b8d
}
.grid-location .destinations-map__map-wrapper {
width: 100%;
height: 100%;
margin-top: 0
}
@media screen and (min-width:900px) {
.grid-location .destinations-map__map {
height: 100%
}
.grid-location .destinations-map__map-wrapper {
position: absolute;
bottom: 0
}
}
@media screen and (min-width:1024px) {
.grid-location .destinations-map__map-wrapper {
margin-top: 180px
}
}
@media screen and (min-width:1125px) {
.grid-location .destinations-map__map-wrapper {
margin-top: 0
}
}
.grid-location .destinations-map__map a[href^="https://maps.google.com/maps"]>div img {
opacity: 0
}
.grid-location .destinations-map__map a[href^="https://maps.google.com/maps"]>div:before {
opacity: .25;
display: block;
width: 100%;
height: 100%;
background-image: url(../assets/img/maps/google_blue.png);
background-repeat: no-repeat
}
.grid-location .destinations-map__map .cluster>div {
width: 22px;
height: 22px;
line-height: 20px !important;
border-radius: 22px;
border: 1px solid transparent;
cursor: pointer;
pointer-events: all
}
.grid-location .destinations-map__map .cluster>div:before {
display: block;
position: absolute;
z-index: -1;
top: 2px;
left: 2px;
width: 16px;
height: 16px;
border-radius: 16px;
background-color: #ADBDB2
}
.grid-location .destinations-map__map .cluster>div:hover {
border-color: #ADBDB2
}
.grid-location .destinations-map__map .cluster>div:hover:before {
top: 2px;
left: 2px;
width: 16px;
height: 16px
}
.grid-location .destinations-map__marker {
position: absolute;
width: 370px;
height: 60px;
margin-top: 4px;
pointer-events: none
}
@media screen and (min-width:900px) {
.grid-location .destinations-map__marker {
margin-top: 0
}
}
.grid-location .destinations-map__marker-location,
.grid-location .destinations-map__marker-name {
position: relative;
font-family: Newsreader, sans-serif;
font-size: 14px;
text-shadow: #222 0 0 1px;
opacity: 0
}
.grid-location .destinations-map__marker-name {
font-family: "Gill Sans MT Pro", sans-serif;
text-transform: uppercase
}
.grid-location .destinations-map__marker-icon {
position: absolute;
bottom: 0;
left: 50%;
width: 16px;
height: 16px;
border-radius: 16px;
border: 1px solid transparent;
margin: 5px auto 5px -9px;
cursor: pointer;
pointer-events: all
}
.grid-location .destinations-map__marker-icon:before {
display: block;
position: absolute;
top: 2px;
left: 2px;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #ADBDB2
}
.grid-location .destinations-map__marker-icon:hover {
border-color: #ADBDB2
}
.grid-location .destinations-map__marker-icon:hover:before {
top: 2px;
left: 2px;
width: 10px;
height: 10px
}
.grid-location .destinations-map__marker--active .grid-location .destinations-map__marker-location,
.grid-location .destinations-map__marker--active .grid-location .destinations-map__marker-name,
.grid-location .destinations-map__marker--hover .grid-location .destinations-map__marker-location,
.grid-location .destinations-map__marker--hover .grid-location .destinations-map__marker-name,
.grid-location .destinations-map__marker-icon:hover~.grid-location .destinations-map__marker-location,
.grid-location .destinations-map__marker-icon:hover~.grid-location .destinations-map__marker-name {
opacity: 1
}
.grid-location .destinations-map__marker--active .grid-location .destinations-map__marker-icon,
.grid-location .destinations-map__marker--hover .grid-location .destinations-map__marker-icon {
border-color: #fff
}
.grid-location .destinations-map__marker--active .grid-location .destinations-map__marker-icon:before,
.grid-location .destinations-map__marker--hover .grid-location .destinations-map__marker-icon:before {
top: 2px;
left: 2px;
width: 10px;
height: 10px
}
.grid-location .destinations-map__links {
background-color: rgba(255, 255, 255, .76);
display: block;
position: relative;
padding: 30px;
text-align: left;
margin: 0;
width: 100%;
max-width: 400px
}
.grid-location .destinations-map__links-reset {
display: none;
position: absolute;
top: 5px;
left: 5px;
height: 30px;
width: 30px;
background: url(img/oetker-collection/map-back.svg) center center no-repeat;
background-size: 20px 20px;
cursor: pointer;
font-size: 13px;
text-indent: 30px;
text-transform: uppercase;
color: #ADBDB2
}
@media screen and (min-width:900px) {
.grid-location .destinations-map__links {
height: 100%;
position: absolute;
top: 0;
right: 0
}
}
.grid-location .destinations-map__link {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
color: #cad0d3;
text-align: left;
margin-bottom: 20px;
cursor: pointer
}
@media screen and (max-width:899px) {
.grid-location .destinations-map__link {
color: #000
}
}
.grid-location .destinations-map__link--active,
.grid-location .destinations-map__link--hover,
.grid-location .destinations-map__link:hover {
color: #fff
}
@media screen and (max-width:899px) {
.grid-location .destinations-map__link--active,
.grid-location .destinations-map__link--hover,
.grid-location .destinations-map__link:hover {
color: #000
}
}
.grid-location .destinations-map__link-logo {
width: 40px;
height: 30px;
margin-right: 15px
}
.grid-location .destinations-map__link-location,
.grid-location .destinations-map__link-name {
font-family: Newsreader, sans-serif;
font-size: .75rem;
line-height: .625rem;
letter-spacing: 1px;
color: #000
}
.grid-contact__tabs ul li a,
.grid-location .destinations-map__link-name,
.grid-location .destinations-map__popup-location h4,
.offers__grid-item-text h4,
.offers__grid-item-text p {
font-family: "Gill Sans MT Pro", sans-serif
}
.grid-location .destinations-map__link-name {
font-size: 1.1875rem;
line-height: 1.5rem;
margin-bottom: 5px
}
.grid-location .destinations-map__popup {
position: absolute;
right: 0;
top: 0;
z-index: 2;
margin: 0 auto;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background-color: #fff;
padding: 30px 10px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}
@media print,
screen and (min-width:40em) {
.grid-location .destinations-map__popup {
max-width: 400px;
margin: 0;
top: 0;
right: 0
}
}
.grid-location .destinations-map__popup--active {
opacity: 1;
pointer-events: all
}
.grid-location .destinations-map__popup-close {
display: inline-block;
position: absolute;
top: 0;
left: 0;
height: 32px;
width: 32px;
z-index: 2;
background: url(img/oetker-collection/close-white.svg) center center no-repeat #ADBDB2;
background-size: 16px
}
.grid-location .destinations-map__popup-slider>.slick-list {
margin: 0 20px
}
.grid-location .destinations-map__popup-slider>.control-arrow {
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 15px;
height: 23px;
top: 62.5px;
bottom: auto;
margin-top: -23px;
z-index: 2;
background-position: center center
}
.grid-location .destinations-map__popup-slider>.control-arrow.control-prev {
left: 30px
}
.grid-location .destinations-map__popup-slider>.control-arrow.control-next {
right: 30px
}
.grid-location .destinations-map__popup h2 {
letter-spacing: 1px;
font-size: 1.5rem
}
.grid-location .destinations-map__popup-image-slide,
.grid-location .destinations-map__popup-image>a>img {
max-height: 125px;
margin: 0 auto
}
@media screen and (min-width:600px) {
.grid-location .destinations-map__popup {
padding: 40px 0
}
.grid-location .destinations-map__popup-slider>.control-arrow {
top: 142.5px
}
.grid-location .destinations-map__popup-image-slide,
.grid-location .destinations-map__popup-image>a>img {
max-height: 300px
}
}
.grid-location .destinations-map__popup-video {
position: relative;
width: 75%;
max-width: 315px;
padding-bottom: 67.5%;
margin: 0 auto
}
@media screen and (min-width:600px) {
.grid-location .destinations-map__popup-video {
width: 100%;
padding-bottom: 90%
}
}
.grid-location .destinations-map__popup-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.grid-location .destinations-map__popup-video .mejs__mediaelement {
margin-top: 0
}
.grid-location .destinations-map__popup-video .mejs__overlay,
.grid-location .destinations-map__popup-video .mejs__player,
.grid-location .destinations-map__popup-video iframe,
.grid-location .destinations-map__popup-video video {
max-width: 100%;
height: 100% !important
}
.grid-location .destinations-map__popup-location h4 {
font-size: .8125rem;
line-height: 1.5625rem;
padding-top: 20px
}
.grid-location .destinations-map__popup-intro {
font-size: 1rem;
line-height: 1.875rem;
text-align: center
}
.grid-location .destinations-map__popup-buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-bottom: 1px
}
@media screen and (min-width:1024px) {
.grid-location .destinations-map__popup-buttons {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
}
@media only screen and (max-width:600px) {
.grid-location .desktop-map-link {
display: none
}
.grid-location .mobile-map-link {
display: block
}
}
@media only screen and (min-width:600px) {
.grid-location .mobile-map-link {
display: none
}
.grid-location .desktop-map-link {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
.grid-tile {
padding: 0;
margin-top: -30px;
display: none
}
.grid-tile.active {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:68.0625em) {
.grid-tile {
padding: 0
}
}
.grid-tile__equalizer {
width: 100%
}
.grid-tile__equalizer--centered {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.grid-tile__item {
text-align: center;
padding: 0 20px;
margin-top: 30px
}
.grid-tile__item:focus {
outline: 0
}
.grid-tile__item-img {
position: relative;
width: 100%;
padding-bottom: 67.65%
}
.grid-tile__item-img.border-on {
border: solid #e6e6e6;
border-width: 1px 1px 0
}
.grid-tile__item-img.slick-initialized {
padding-bottom: 0
}
.grid-tile__item-img>a,
.grid-tile__item-img>img {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.grid-tile__item-img .slick-prev {
left: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.grid-contact-tile__item-img .slick-next,
.grid-tile__item-img .slick-next {
background: url(img/oetker-collection/right.svg) center no-repeat;
height: 30px;
right: 10px
}
.grid-tile__item-img .slick-next {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px
}
.grid-tile__item-video {
position: relative;
width: 100%;
padding-bottom: 67.65%
}
.grid-tile__item-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.grid-tile__item-video .mejs__overlay,
.grid-tile__item-video .mejs__player,
.grid-tile__item-video iframe,
.grid-tile__item-video video {
max-width: 100%;
height: 100% !important
}
.grid-tile__item-container {
max-width: 650px;
margin: 0 auto
}
.grid-tile__item-detail {
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
padding: 10px 20px 20px
}
@media screen and (max-width:68.0625em) {
.grid-tile__item-detail {
padding: 10px 10px 20px
}
}
.grid-tile__item-detail div {
margin-bottom: 15px
}
.grid-tile__item-detail h4 {
font-size: .8125rem
}
.grid-tile__item-detail h2 {
margin-bottom: 0;
font-size: 1.5rem
}
.grid-tile__item-detail h2:first-child {
margin-top: 18px
}
.grid-tile__item-detail p {
font-size: 1.0625rem
}
.grid-tile__item-detail ul {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 15px;
padding: 0;
list-style: none;
font-size: .8125rem;
line-height: .8125rem
}
.grid-tile__item-detail ul li {
display: inline-block;
margin: 0 0 5px
}
.grid-tile__item-detail ul li:after {
content: '|';
padding: 0 5px;
display: inline-block;
width: .9375rem;
height: .8125rem;
margin-right: -rem-calc(14px)
}
.grid-tile__item-detail ul li.no-pipe-separator:after {
color: transparent
}
.grid-tile__item-detail ul li:last-child:after {
content: none
}
.grid-contact .filter-mobile-accordion .accordionButton h4::after,
.grid-contact-tile__item-img .slick-next::before,
.grid-contact-tile__item-img .slick-prev::before {
content: ''
}
.grid-tile__item-detail a {
color: #ADBDB2
}
.grid-tile__item-detail a:hover {
text-decoration: underline
}
.grid-tile__item-detail a.cta {
display: inline-block;
margin-bottom: 15px
}
.grid-tile__item-links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0
}
.grid--horizontal-links .grid-tile__item-links {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.grid-contact {
position: relative;
max-width: 1260px;
margin: 0 auto 30px
}
.grid-contact__tabs {
margin-bottom: 15px
}
.grid-contact__view {
position: absolute;
top: 0;
right: 10px;
margin-bottom: 10px
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.grid-contact__view-switch {
padding-right: 30px
}
}
@media screen and (max-width:39.9375em) {
.grid-contact__view-switch {
padding-right: 20px
}
}
.grid-contact__view-switch p {
display: inline-block;
letter-spacing: 1px;
margin: 0 5px 0 0;
vertical-align: sub
}
.grid-contact__view-switch ul {
display: inline-block;
list-style: none;
margin: 0
}
.grid-contact__view-switch ul li {
display: inline-block;
margin: 3px
}
.grid-contact__view-switch ul li#carousel button {
padding: 10px;
background: url(img/oetker-collection/carousel-logo.svg) center no-repeat;
background-size: 15px
}
.grid-contact__view-switch ul li#carousel button:hover {
background: url(img/oetker-collection/carousel-logo-active.svg) center no-repeat;
cursor: pointer;
background-size: 15px
}
.grid-contact__view-switch ul li#carousel button.active {
background: url(img/oetker-collection/carousel-logo-active.svg) center no-repeat;
background-size: 15px
}
.grid-contact__view-switch ul li#tile button {
padding: 10px;
background: url(img/oetker-collection/tile-logo.svg) center no-repeat;
background-size: 15px
}
.grid-contact__view-switch ul li#tile button:hover {
background: url(img/oetker-collection/tile-logo-active.svg) center no-repeat;
cursor: pointer;
background-size: 15px
}
.grid-contact__view-switch ul li#tile button.active {
background: url(img/oetker-collection/tile-logo-active.svg) center no-repeat;
background-size: 15px
}
.grid-contact__view-switch ul li#listing button {
padding: 10px;
background: url(img/oetker-collection/listing-logo.svg) center no-repeat;
background-size: 15px
}
.grid-contact__view-switch ul li#listing button:hover {
background: url(img/oetker-collection/listing-logo-active.svg) center no-repeat;
cursor: pointer;
background-size: 15px
}
.grid-contact__view-switch ul li#listing button.active {
background: url(img/oetker-collection/listing-logo-active.svg) center no-repeat;
background-size: 15px
}
.grid-contact__view-switch ul li#location button {
padding: 10px;
background: url(img/oetker-collection/location-logo.svg) center no-repeat;
background-size: 15px
}
.grid-contact__view-switch ul li#location button:hover {
background: url(img/oetker-collection/location-logo-active.svg) center no-repeat;
cursor: pointer;
background-size: 15px
}
.grid-contact__view-switch ul li#location button.active {
background: url(img/oetker-collection/location-logo-active.svg) center no-repeat;
background-size: 15px
}
.grid-contact__container .tabs-panel {
padding-left: 0;
padding-right: 0;
padding-bottom: 0
}
.grid-contact__container .tabs-panel>:last-child {
margin-bottom: 0
}
.grid-contact .filter-mobile-accordion {
text-align: center;
margin-bottom: 10px
}
.grid-contact .filter-mobile-accordion .accordionButton {
border: solid rgba(55, 55, 55, .5);
border-width: 1px 0
}
.grid-contact .filter-mobile-accordion .accordionButton h4 {
margin-bottom: 0;
padding: 10px
}
.grid-contact .filter-mobile-accordion .accordionButton h4::after {
background: url(img/oetker-collection/arrow-down-black.svg) center no-repeat;
background-size: 10px 6px;
width: 10px;
height: 10px;
padding: 10px
}
.grid-contact .filter-mobile-accordion .accordionButton.on {
border-bottom: none
}
.grid-contact .filter-mobile-accordion .accordionButton.on h4::after {
background: url(img/oetker-collection/arrow-up-black.svg) center no-repeat;
background-size: 10px 6px
}
.grid-contact .filter-mobile-accordion .accordionContent.filter-controls {
padding-top: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.grid-contact .filter-controls {
width: 100%;
min-height: 40px;
text-align: center;
border: solid rgba(55, 55, 55, .5);
border-width: 1px 0;
margin: 0 auto 31px
}
@media screen and (max-width:39.9375em) {
.grid-contact .filter-controls {
padding: 20px 10px;
border-top: none
}
}
.grid-contact .filter-controls .button {
color: #535353;
background-color: transparent;
font-size: .9375rem;
line-height: 1.5625rem;
font-family: Newsreader, sans-serif;
padding: 10px 0;
margin: 0 10px;
text-transform: capitalize
}
.grid-contact .filter-controls .button.on,
.grid-contact .filter-controls .button:hover {
color: #4c4c4c;
text-decoration: underline
}
@media screen and (max-width:39.9375em) {
.grid-contact .filter-controls .button {
width: 50%;
margin: 0 auto;
background-position: 10% center;
padding: 10px 10px 10px 30px
}
.grid-contact .filter-controls .button.on {
background-position: 10% center
}
}
.grid-contact-tile {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: -30px
}
.grid-contact-tile.active {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width:68.0625em) {
.grid-contact__view {
position: relative;
top: auto;
right: auto
}
.grid-contact-tile {
padding: 0
}
}
.grid-contact-tile__item {
text-align: center;
padding: 0 20px;
margin-top: 30px
}
.grid-contact-tile__item:focus {
outline: 0
}
.grid-contact-tile__item-img.border-on {
border: solid #e6e6e6;
border-width: 1px 1px 0
}
.grid-contact-tile__item-img .slick-prev {
left: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.grid-contact-tile__item-img .slick-next {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px
}
.grid-contact-tile__item-img img[data-open] {
cursor: pointer
}
.grid-contact-tile__item-video {
position: relative;
width: 100%;
padding-bottom: 67.65%
}
.grid-contact-tile__item-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.grid-contact-tile__item-video .mejs__overlay,
.grid-contact-tile__item-video .mejs__player,
.grid-contact-tile__item-video iframe,
.grid-contact-tile__item-video video {
max-width: 100%;
height: 100% !important
}
.grid-contact-tile__item-container {
max-width: 650px;
margin: 0 auto
}
.grid-contact-tile__item-detail {
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
padding: 10px 20px 20px
}
@media screen and (max-width:68.0625em) {
.grid-contact-tile__item-detail {
padding: 10px 10px 20px
}
}
.grid-contact-tile__item-detail h4 {
font-size: .8125rem
}
.grid-contact-tile__item-detail h2 {
margin-bottom: 0;
font-size: 1.5rem;
line-height: 2.4375rem
}
.grid-contact-tile__item-detail ul {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 15px;
padding: 0;
list-style: none;
font-size: .9375rem;
line-height: .9375rem
}
.grid-contact-tile__item-detail ul li {
display: inline-block;
margin: 0 0 5px;
font-size: .8125rem
}
.grid-contact-tile__item-detail ul li:after {
content: '|';
padding: 0 5px;
display: inline-block;
width: .9375rem;
height: .8125rem;
margin-right: -rem-calc(14px)
}
.grid-contact-tile__item-detail ul li.no-pipe-separator:after {
color: transparent
}
.grid-contact-tile__item-detail ul li:last-child:after {
content: none
}
.grid-contact-tile__item-detail p {
margin-bottom: 0;
font-size: 1rem
}
.grid-contact-tile__item-detail p:first-of-type,
.grid-contact-tile__item-detail p:last-of-type {
margin-bottom: 16px
}
.grid-contact-tile__item-detail a {
color: #000
}
.grid-contact-tile__item-detail a:hover {
text-decoration: underline;
color: #ADBDB2
}
.grid-contact-tile__item-detail a.cta {
display: inline-block;
margin-bottom: 15px
}
.grid--gallery .filter-controls {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
cursor: pointer
}
.grid--gallery .filter-mobile-accordion {
display: block !important;
cursor: pointer
}
@media print,
screen and (min-width:40em) {
.grid--gallery .filter-controls {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.grid--gallery .filter-mobile-accordion {
display: none !important
}
}
.intro {
margin: 0 auto 30px;
width: 100%;
max-width: 1260px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.intro__title {
width: -webkit-fit-content !important;
width: fit-content !important;
width: -moz-fit-content !important;
min-width: 220px;
padding: 0 10px;
margin: 0 auto 30px;
max-width: 550px
}
.intro__title h1 {
letter-spacing: 1px;
padding: 0;
margin: 0 20px;
max-width: 500px;
position: relative;
display: block
}
@media print,
screen and (min-width:68.125em) {
.intro__title h1 {
padding: 0
}
}
.intro__title h1::after,
.intro__title h1::before {
padding: 5px 20px;
margin: 0;
position: absolute;
top: 50%;
content: ''
}
.intro__title h1::after {
background: url(img/oetker-collection/title-line.png) center center no-repeat;
background-size: 40px 1px;
right: -3%;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.intro__title h1::before,
.offers-details__title h1::after {
background: url(img/oetker-collection/title-line.png) center center no-repeat
}
.intro__title h1::before {
background-size: 40px 1px;
left: -3%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.offers__grid-item-img .slick-prev,
.venue-grid__item-img .slick-prev {
background: url(img/oetker-collection/left.svg) center no-repeat;
z-index: 2
}
@media screen and (max-width:68.0625em) {
.intro__title h1::after,
.intro__title h1::before {
display: none
}
}
.intro__text {
width: 100%;
margin: 0 auto
}
.intro__text>:last-child {
margin-bottom: 0
}
.intro__text a {
text-decoration: underline;
color: #000
}
.intro__text a:hover {
color: #ADBDB2
}
@media screen and (max-width:39.9375em) {
.no-hero .intro {
margin: 30px auto
}
.no-hero.hotel .intro {
margin-top: 30px
}
.no-hero.hotel.destination .intro {
margin-top: 20px
}
}
.offers {
width: 100%;
max-width: 1260px;
margin: 0 auto 30px
}
.offers__grid {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1260px;
margin: 0 auto
}
.offers__grid-item-container {
width: 100%;
max-width: 525px;
text-align: center;
margin: 0 auto;
padding: 30px 20px 0
}
.offers__grid-item-img .slick-prev {
left: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.offers__grid-item-img .slick-next,
.venue-grid__item-img .slick-prev {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
width: 30px
}
.offers__grid-item-img .slick-prev::before {
content: ''
}
.offers__grid-item-img .slick-next {
background: url(img/oetker-collection/right.svg) center no-repeat;
right: 10px;
top: 50%;
transform: translate(0, -50%);
background-size: 15px 30px;
height: 30px
}
.offers__grid-item-img .slick-next::before {
content: ''
}
.offers__grid-item-video {
position: relative;
width: 100%;
padding-bottom: 68%
}
.offers__grid-item-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.offers__grid-item-video .mejs__overlay,
.offers__grid-item-video .mejs__player,
.offers__grid-item-video iframe,
.offers__grid-item-video video {
max-width: 100%;
height: 100% !important
}
.offers__grid-item-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border: solid rgba(55, 55, 55, .2);
border-width: 0 1px 1px
}
.offers__grid-item-text {
padding-top: 20px
}
.offers__grid-item-text>a {
color: #373737
}
.offers__grid-item-text h2 {
margin-bottom: 15px;
font-size: 1.5rem
}
.offers__grid-item-text p {
font-size: .8125rem;
margin-bottom: 0;
padding-bottom: 20px
}
.offers__grid-item-text p span {
font-size: 1.625rem
}
.offers__grid-item-text h3 {
padding: 0 20px 15px;
text-transform: none;
font-family: Newsreader, sans-serif;
font-size: .9rem;
letter-spacing: 0;
margin-bottom: 0
}
@media screen and (max-width:68.0625em) {
.offers__grid-item-text h3 {
padding: 0 10px 15px
}
}
.offers__grid-item-text h4 {
font-size: 1.25rem;
margin-bottom: 0
}
.offers__grid-item-text h5 {
font-family: Newsreader, sans-serif;
font-size: .8125rem;
margin-bottom: 15px
}
.offers__grid-item-links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding-bottom: 20px;
padding-top: 10px
}
.offers--horizontal-links .offers__grid-item-links {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.offers__grid-item-links a {
margin: 0 12px 15px
}
@media screen and (max-width:68.0625em) {
.offers__grid-item-links a {
margin: 0 12px 15px
}
}
.offers__filters {
width: 100%;
max-width: 900px;
margin: 0 auto
}
@media screen and (max-width:68.0625em) {
.offers__filters {
max-width: 600px
}
}
.offers .offers-filter-accordion {
text-align: center;
margin-bottom: 10px;
border: solid rgba(55, 55, 55, .5);
border-width: 1px 0
}
.offers .offers-filter-accordion .accordionButton {
cursor: pointer
}
.offers .offers-filter-accordion .accordionButton h4 {
font-family: Newsreader, sans-serif;
font-size: .9rem;
color: #535353;
margin-bottom: 0;
padding: 10px
}
.offers .offers-filter-accordion .accordionButton h4::after {
background: url(img/oetker-collection/arrow-down-black.svg) center no-repeat;
background-size: 10px 6px;
content: '';
width: 10px;
height: 10px;
padding: 10px 20px
}
.offers .offers-filter-accordion .accordionButton.offers-type h4 {
font-family: "Gill Sans MT Pro", sans-serif;
text-align: right
}
@media screen and (max-width:39.9375em) {
.offers .offers-filter-accordion .accordionButton.offers-type h4 {
text-align: center
}
}
.offers .offers-filter-accordion .accordionButton.offers-hotels h4 {
font-family: "Gill Sans MT Pro", sans-serif;
text-align: left;
position: relative;
padding-left: 30px
}
.offers .offers-filter-accordion .accordionButton.offers-hotels h4::before {
content: '|';
position: absolute;
top: auto;
left: 0
}
.offers .offers-filter-accordion .accordionButton.offers-hotels.medium-offset-5 h4::before,
.offers .offers-filter-accordion .accordionButton.offers-hotels.small-offset-3 h4::before {
content: none
}
.offers .offers-filter-accordion .accordionButton.offers-hotels--hidden {
display: none
}
.offers .offers-filter-accordion .accordionButton.on {
border-bottom: none
}
.offers .offers-filter-accordion .accordionContent.offers-hotels-content button.set-filters span.apply-filter,
.offers .offers-filter-accordion .accordionContent.offers-type-content button.set-filters span.apply-filter {
padding: 5px;
border: 1px solid #fff;
color: #fff
}
.offers .offers-filter-accordion .accordionButton.on h4::after {
background: url(img/oetker-collection/arrow-up-black.svg) center no-repeat;
background-size: 10px 6px
}
.offers .offers-filter-accordion .accordionContent.offers-hotels-content button.hotel {
display: inline-block
}
.offers .offers-filter-accordion .accordionContent.offers-hotels-content button.type {
display: none
}
.offers .offers-filter-accordion .accordionContent.offers-hotels-content button.all {
display: inline-block
}
.offers .offers-filter-accordion .accordionContent.offers-type-content button.hotel {
display: none
}
.offers .offers-filter-accordion .accordionContent.offers-type-content button.all,
.offers .offers-filter-accordion .accordionContent.offers-type-content button.type {
display: inline-block
}
.offers .offers-filter-accordion .accordionContent.filter-controls {
padding-top: 0
}
.offers .filter-controls,
.offers .location-filter-controls {
width: 100%;
text-align: center;
margin: 0 auto;
padding: 30px 0
}
.offers .filter-controls ul,
.offers .location-filter-controls ul {
list-style: none;
margin: 0
}
.offers .filter-controls ul li,
.offers .location-filter-controls ul li {
display: inline-block;
margin: 0 20px
}
@media screen and (max-width:39.9375em) {
.offers .offers-filter-accordion .accordionButton.offers-hotels h4 {
text-align: center
}
.offers .filter-controls,
.offers .location-filter-controls {
padding: 20px 10px;
border-top: none;
text-align: left
}
.offers .filter-controls ul li,
.offers .location-filter-controls ul li {
display: block
}
}
.offers .filter-controls ul li input,
.offers .location-filter-controls ul li input {
opacity: 0
}
.offers .filter-controls ul li input~label,
.offers .location-filter-controls ul li input~label {
color: #373737;
font-size: .8125rem;
line-height: .9375rem;
font-family: "Gill Sans MT Pro", sans-serif;
min-width: 50px;
padding-left: 15px;
position: relative
}
.offers .filter-controls ul li input~label::after,
.offers .filter-controls ul li input~label::before,
.offers .location-filter-controls ul li input~label::after,
.offers .location-filter-controls ul li input~label::before {
content: '';
border: 1px solid #373737;
padding: 4px;
position: absolute;
top: 0;
left: 0
}
.offers .filter-controls ul li input~label::after,
.offers .location-filter-controls ul li input~label::after {
background-color: #ADBDB2;
opacity: 0;
transition: .4s all ease-in-out
}
.offers .filter-controls ul li input:checked~label:after,
.offers .location-filter-controls ul li input:checked~label:after {
opacity: 1
}
.offers .filter-controls .button,
.offers .location-filter-controls .button {
color: #373737;
background: url(img/oetker-collection/filter-button.png) left center no-repeat;
font-size: .9375rem;
line-height: 1.25rem;
font-family: Newsreader, sans-serif;
min-width: 50px;
padding: 10px 10px 10px 20px;
margin: 0 10px
}
.offers .filter-controls .button:hover,
.offers .location-filter-controls .button:hover {
text-decoration: underline
}
@media screen and (max-width:39.9375em) {
.offers .filter-controls .button,
.offers .location-filter-controls .button {
width: 50%;
margin: 0 auto;
background-position: 5% center;
padding: 10px 10px 10px 30px;
text-align: left
}
}
.offers .filter-controls .button.on,
.offers .location-filter-controls .button.on {
background: url(img/oetker-collection/filter-button-active.png) left center no-repeat;
text-decoration: underline;
color: #4c4c4c
}
@media screen and (max-width:39.9375em) {
.offers .filter-controls .button.on,
.offers .location-filter-controls .button.on {
background-position: 5% center
}
}
.offers .location-filter-controls {
position: relative
}
.offers .location-filter-controls .button.all {
position: absolute;
width: auto;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: 0 0;
font-size: .8125rem;
line-height: 1.5625rem;
color: #000;
letter-spacing: 2px;
font-family: "Gill Sans MT Pro", sans-serif;
text-decoration: none;
border-bottom: 1px solid #adbdb2;
padding: 0 0 2px;
margin: 0 0 15px;
display: inline-block;
transition: .2s ease-in-out
}
.offers .location-filter-controls .button.all:focus,
.offers .location-filter-controls .button.all:hover {
color: #ADBDB2;
font-weight: 600;
border-bottom: 2px solid #adbdb2;
margin-bottom: 14px
}
.offers-details {
width: 100%;
max-width: 1260px;
margin: 0 auto
}
@media screen and (max-width:39.9375em) {
.offers-details {
margin-top: 20px
}
}
.offers-details__title {
width: -webkit-fit-content !important;
width: fit-content !important;
width: -moz-fit-content !important;
min-width: 220px;
padding: 0 10px;
margin: 0 auto 30px
}
.offers-details__title h1 {
letter-spacing: 1px;
padding: 0;
margin: 0 20px;
max-width: 500px;
position: relative;
display: block
}
@media print,
screen and (min-width:68.125em) {
.offers-details__title h1 {
padding: 0
}
}
.offers-details__title h1::after,
.offers-details__title h1::before {
content: '';
padding: 5px 20px;
margin: 0;
position: absolute;
top: 50%
}
.offers-details__title h1::after {
background-size: 40px 1px;
right: -3%;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.offers-details__title h1::before {
background: url(img/oetker-collection/title-line.png) center center no-repeat;
background-size: 40px 1px;
left: -3%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.offers-details__categories h3 {
margin-bottom: 10px;
font-size: 1.0625rem
}
.offers-details__intro {
margin-bottom: 30px
}
.offers-details__intro p {
font-size: 1.0625rem;
margin-bottom: 0
}
.offers-details__intro a {
color: #ADBDB2
}
.feature-image__left-container-text a,
.feature-image__right-container-text a,
.offers-details__features a {
color: #000;
text-decoration: underline
}
.offers-details__intro a:hover {
text-decoration: underline
}
.offers-details__features {
margin-bottom: 30px
}
.offers-details__features h3 {
margin-left: 15%;
font-family: "Gill Sans MT Pro", sans-serif;
margin-bottom: 20px
}
.offers-details__features a,
.offers-details__features ul li {
font-family: Newsreader, sans-serif;
font-size: 1.0625rem;
line-height: 1.5rem
}
@media screen and (max-width:39.9375em) {
.offers-details__features h3 {
margin-left: 5%
}
}
.offers-details__features ul {
margin-left: 15%
}
@media screen and (max-width:39.9375em) {
.offers-details__features ul {
margin-left: 5%
}
}
.offers-details__features ul li {
margin-bottom: 10px
}
.offers-details__features p {
margin-left: 15%;
margin-bottom: 0;
font-size: 1.0625rem;
line-height: 1.5rem
}
@media screen and (max-width:39.9375em) {
.offers-details__features p {
margin-left: 5%
}
}
.offers-details__features a:hover,
.offers-details__terms a {
color: #ADBDB2
}
.offers-details__cta {
margin-bottom: 30px
}
.offers-details__cta p,
.offers-details__cta p span {
margin-bottom: 20px;
font-family: "Gill Sans MT Pro", sans-serif
}
.offers-details__cta p {
font-size: 1.3125rem
}
.offers-details__cta p span {
font-size: 2rem;
line-height: 1.25rem
}
.offers-details__terms a,
.offers-details__terms ul li {
font-family: Newsreader, sans-serif
}
.offers-details__cta:last-child>:last-child {
margin-bottom: 0
}
.offers-details__terms {
width: 100%;
max-width: 680px;
margin: 0 auto 30px
}
.offers-details__terms>:last-child {
margin-bottom: 0
}
.offers-details__terms a:hover {
text-decoration: underline
}
.offers-details__terms ul {
list-style: none;
margin: 0
}
.offers-details__terms ul li {
color: #373737;
font-size: 1.0625rem;
line-height: 1.5rem
}
.feature-image {
max-width: 1260px;
width: 100%;
background-size: cover;
background-position: center center;
padding: 5% 10%;
margin: 0 auto 30px
}
@media screen and (max-width:39.9375em) {
.feature-image {
padding: 5%
}
.feature-text__title::before {
display: none
}
}
.feature-image__left,
.feature-image__right {
background-color: #fff;
position: relative;
max-width: 550px;
width: 100%;
padding: 50px
}
@media screen and (max-width:68.0625em) {
.offers-details__title h1::after,
.offers-details__title h1::before {
display: none
}
.feature-image__left,
.feature-image__right {
padding: 35px
}
}
.feature-text__title::after,
.feature-text__title::before {
content: '';
padding: 5px 20px;
top: 50%
}
.feature-image__left-container-title h2,
.feature-image__right-container-title h2 {
margin-bottom: 20px
}
.feature-image__left-container-text,
.feature-image__right-container-text {
margin-bottom: 25px
}
.feature-image__left-container-text p,
.feature-image__right-container-text p {
margin-bottom: 0
}
.feature-image__left-container-text a:hover,
.feature-image__right-container-text a:hover {
color: #ADBDB2
}
.feature-image__left-container-cta,
.feature-image__right-container-cta {
margin-bottom: 20px
}
.feature-image__left-container-terms,
.feature-image__right-container-terms {
margin-top: 10px
}
.feature-image__left-container-terms p,
.feature-image__right-container-terms p {
margin-bottom: 0;
font-size: .6875rem
}
.feature-text {
max-width: 1290px;
margin: 0 auto 30px
}
.feature-text__title {
position: relative
}
.feature-text__title::before {
margin: 0 7px;
background: url(img/oetker-collection/title-line.png) center center no-repeat;
background-size: 40px 1px;
position: absolute;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media print,
screen and (min-width:68.125em) {
.feature-text__title::before {
background: 0 0
}
}
.feature-text__title h1::before,
.feature-text__title::after {
margin: 0 7px;
background: url(img/oetker-collection/title-line.png) center center no-repeat
}
.feature-text__title::after {
background-size: 40px 1px;
position: absolute;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media print,
screen and (min-width:68.125em) {
.feature-text__title::after {
background: 0 0
}
}
.feature-text__title--no-lines::after,
.feature-text__title--no-lines::before {
content: none
}
.feature-text__title h1 {
letter-spacing: 1px;
padding: 0
}
.feature-text__title h1::before {
content: '';
padding: 5px 20px;
background-size: 40px 1px
}
@media screen and (max-width:68.0625em) {
.feature-text__title::before {
left: -50px
}
.feature-text__title::after {
right: -50px
}
.feature-text__title h1::before {
background: 0 0;
padding: 0;
margin: 0
}
}
.feature-text-paged__item-wrapper h1::before,
.feature-text__title h1::after {
background: url(img/oetker-collection/title-line.png) center center no-repeat;
content: ''
}
.feature-text__title h1::after {
padding: 5px 20px;
margin: 0 7px;
background-size: 40px 1px
}
@media screen and (max-width:68.0625em) {
.feature-text__title h1::after {
background: 0 0;
padding: 0;
margin: 0
}
}
@media screen and (max-width:39.9375em) {
.feature-text__title h1::after,
.feature-text__title h1::before,
.feature-text__title::after {
display: none
}
}
.feature-text__sub-title h3 {
margin-bottom: 5px
}
.feature-text__sub-title h3 ul {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 15px;
padding: 0;
list-style: none;
font-size: .8125rem;
line-height: .8125rem;
letter-spacing: 1px
}
.feature-text__text ol,
.feature-text__text ul li {
font-family: Newsreader, sans-serif;
line-height: 1.5625rem
}
.feature-text__sub-title h3 ul li {
display: inline-block;
margin: 0 0 5px
}
.feature-text__sub-title h3 ul li:after {
content: '|';
padding: 0 5px;
display: inline-block;
width: .9375rem;
height: .6875rem;
margin-right: -rem-calc(14px)
}
.feature-text__sub-title h3 ul li.no-pipe-separator:after {
color: transparent
}
.feature-text__sub-title h3 ul li:last-child:after {
content: none
}
.feature-text__text {
width: 100%;
max-width: 800px;
margin: 0 auto 15px;
font-size: .8125rem;
position: relative
}
.feature-text__text p:last-child,
.feature-text__text:last-child {
margin-bottom: 0
}
.feature-text__text a {
color: #000;
text-decoration: underline
}
.feature-text__text a:hover {
color: #ADBDB2
}
.feature-text__text ul {
list-style: none;
margin: 0
}
.feature-text__text ul li {
font-size: .9375rem
}
.feature-text__text ol {
margin: 0;
list-style-position: inside;
font-size: .9375rem
}
@media screen and (max-width:39.9375em) {
.feature-text__cta .cta {
margin: 0 5px 15px
}
}
.feature-text__accordion .accordionButton {
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
padding-bottom: 5px;
background: url(img/oetker-collection/arrow-down-black.svg) bottom center no-repeat;
background-size: 10px 12px;
cursor: pointer
}
.feature-text__accordion .accordionButton:hover h4 {
color: #535353
}
.feature-text__accordion .accordionButton.on {
background: url(img/oetker-collection/arrow-up-black.svg) bottom center no-repeat;
background-size: 10px 12px
}
.feature-text__accordion .accordionButton.readmore {
background: 0 0
}
.feature-text__accordion .accordionButton.readmore h4 {
text-transform: lowercase;
border-bottom: 1px solid #373737;
width: -webkit-max-content !important;
width: max-content !important;
margin: 0 auto;
padding-bottom: 6px
}
.feature-text__accordion .accordionButton h4 {
margin-bottom: 8px;
letter-spacing: 2px;
font-size: .8125rem;
line-height: 1;
text-transform: uppercase;
font-family: "Gill Sans MT Pro", sans-serif
}
.feature-text__accordion .accordionContent a {
color: #000;
text-decoration: underline
}
.feature-text__accordion .accordionContent a:hover {
color: #ADBDB2
}
.feature-text__accordion .accordionContent ul {
margin: 0 0 15px 15%;
text-align: left
}
.feature-text__accordion .accordionContent ul li {
font-family: Newsreader, sans-serif;
font-size: .8125rem;
line-height: 1.5625rem
}
.feature-text-image-paged__slide-subheading,
.feature-text-paged__accordion .accordionButton h4,
.feature-text-paged__item-wrapper ul,
.feature-text__price p {
font-family: "Gill Sans MT Pro", sans-serif
}
.feature-text__price {
margin-top: 15px
}
.feature-text__price p {
margin-bottom: 0;
padding-bottom: 30px;
font-size: 1.3125rem
}
.feature-text__price span {
font-size: 2.0625rem
}
@media screen and (max-width:39.9375em) {
.feature-text__accordion .accordionContent ul {
margin-left: 15px
}
.no-hero .feature-text {
margin: 30px auto
}
.no-hero.hotel .feature-text {
margin-top: 110px
}
}
.feature-text__text.cell.small-10.small-offset-1.text-center.layerOn::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .90242) 100%);
transition: all .3 ease-in-out
}
.feature-text-image-paged {
position: relative;
max-width: 1100px;
margin: 0 auto 30px;
padding: 0 0 40px
}
.feature-text-image-paged--single {
padding: 0
}
.feature-text-image-paged--reverse .grid-x {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
@media print,
screen and (min-width:40em) {
.feature-text-image-paged .slick-initialized .slick-track {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
.feature-text-image-paged .slick-initialized .slick-slide {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.feature-text-image-paged .slick-initialized .slick-prev {
background-image: url(img/oetker-collection/left-green.svg)
}
.feature-text-image-paged .slick-initialized .slick-next {
background-image: url(img/oetker-collection/right-green.svg)
}
@media screen and (max-width:39.9375em) {
.feature-text-image-paged .slick-initialized {
padding: 0 20px
}
.feature-text-image-paged .slick-initialized .slick-arrow {
top: 56vw
}
.feature-text-image-paged .slick-initialized .slick-prev {
left: 5px
}
.feature-text-image-paged .slick-initialized .slick-next {
right: 5px
}
.feature-text-image-paged__slide-image {
margin-bottom: 15px
}
}
.feature-text-image-paged__slide {
text-align: center;
padding: 0 1px
}
.feature-text-image-paged__slide-heading {
margin-bottom: 5px
}
@media screen and (max-width:39.9375em) {
.feature-text-image-paged__slide-heading {
margin-top: 10px;
line-height: 1.2
}
.feature-text-image-paged__slide-subheading {
margin-top: 0
}
}
.feature-text-image-paged__slide-subheading {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
font-size: .875rem;
line-height: .875rem
}
.feature-text-image-paged__slide-subheading li {
display: inline-block;
margin: 0 0 5px;
font-size: 1.0625rem
}
.feature-text-image-paged__slide-subheading li:after {
content: '|';
padding: 0 5px;
display: inline-block;
width: .9375rem;
height: .9375rem;
margin-right: -rem-calc(14px)
}
.feature-text-image-paged__slide-subheading li.no-pipe-separator:after {
color: transparent
}
.feature-text-image-paged__slide-subheading li:last-child:after {
content: none
}
.feature-text-image-paged__slide-video {
position: relative;
width: 100%;
padding-bottom: 67.65%
}
.feature-text-image-paged__slide-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.feature-text-image-paged__slide-video .mejs__overlay,
.feature-text-image-paged__slide-video .mejs__player,
.feature-text-image-paged__slide-video iframe,
.feature-text-image-paged__slide-video video {
max-width: 100%;
height: 100% !important
}
.feature-text-image-paged__slide-description {
margin-top: 15px;
font-size: .8125rem
}
.feature-text-image-paged__slide-description a {
color: #000;
text-decoration: underline
}
.feature-text-image-paged__slide-description a:hover {
color: #ADBDB2
}
.feature-text-image-paged__slide>.grid-x {
width: 100%
}
@media print,
screen and (min-width:40em) {
.feature-text-image-paged__slide>.grid-x>.cell:last-child {
padding-left: 50px
}
.feature-text-image-paged--reverse .feature-text-image-paged__slide>.grid-x>.cell:last-child {
padding-left: .9375rem;
padding-right: 50px
}
}
.feature-text-image-paged .slick-slider {
-webkit-user-select: text;
-ms-user-select: text;
user-select: text
}
.feature-text-paged {
width: 100%;
max-width: 670px;
margin: 0 auto 30px !important;
padding: 0 0 30px
}
.feature-text-paged__inner .slick-dots {
bottom: -15px
}
.feature-text-paged__inner .slick-prev {
background-image: url(img/oetker-collection/left-green.svg)
}
.feature-text-paged__inner .slick-next {
background-image: url(img/oetker-collection/right-green.svg)
}
.feature-text-paged__item-wrapper {
padding: 0 20px
}
.feature-text-paged__item:first-child:last-child .feature-text-paged__item-wrapper {
padding: 0
}
.feature-text-paged__item-wrapper h1 {
letter-spacing: 1px;
padding: 0 40px
}
@media print,
screen and (min-width:68.125em) {
.feature-text-paged__item-wrapper h1 {
padding: 0
}
}
.feature-text-paged__item-wrapper h1::before {
padding: 5px 20px;
margin: 0 7px;
background-size: 40px 1px
}
@media screen and (max-width:68.0625em) {
.feature-text-paged__item-wrapper h1::before {
background: 0 0;
padding: 0;
margin: 0
}
}
.feature-text-paged__item-wrapper h1::after {
content: '';
padding: 5px 20px;
margin: 0 7px;
background: url(img/oetker-collection/title-line.png) center center no-repeat;
background-size: 40px 1px
}
@media screen and (max-width:68.0625em) {
.feature-text-paged__item-wrapper h1::after {
background: 0 0;
padding: 0;
margin: 0
}
}
.feature-text-paged__item-wrapper a {
color: #000
}
.feature-text-paged__item-wrapper a:hover {
text-decoration: none;
color: #ADBDB2
}
.feature-text-paged__item-wrapper a.cta,
.text-image__text a.cta {
text-decoration: none !important
}
.feature-text-paged__item-wrapper ul {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 15px;
padding: 0;
list-style: none;
font-size: 1.0625rem;
line-height: 1.0625rem
}
.feature-text-paged__item-wrapper ul li {
display: inline-block;
margin: 0 0 5px;
color: #373737;
font-size: .8125rem;
line-height: .9375rem
}
.feature-text-paged__item-wrapper ul li:after {
content: '|';
padding: 0 5px;
display: inline-block;
width: .9375rem;
height: .6875rem;
margin-right: -rem-calc(14px)
}
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper #Datepickk .d-next:after,
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper #Datepickk .d-prev:after,
.feature-text-paged__item-wrapper ul li:last-child:after,
.property-listing__filters.is-transition-push:after {
content: none
}
.feature-text-paged__item-wrapper ul li.no-pipe-separator:after {
color: transparent
}
.hotel-location__filter-toggle:after,
.hotel-location__marker-slider .slick-next::before,
.hotel-location__marker-slider .slick-prev::before,
.two-images__big-img .slick-next::before,
.two-images__big-img .slick-prev::before,
.two-images__small-img .slick-next::before,
.two-images__small-img .slick-prev::before,
.venue-grid__item-img .slick-next::before,
.venue-grid__item-img .slick-prev::before {
content: ''
}
.feature-text-paged__accordion .accordionButton {
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
padding-bottom: 5px;
background: url(img/oetker-collection/arrow-down-black.svg) bottom center no-repeat;
background-size: 10px;
cursor: pointer
}
.feature-text-paged__accordion .accordionButton.on {
background: url(img/oetker-collection/arrow-up-black.svg) bottom center no-repeat;
background-size: 10px
}
.feature-text-paged__accordion .accordionButton h4 {
margin-bottom: 8px;
letter-spacing: 2px;
font-size: .8125rem;
line-height: 1;
text-transform: uppercase
}
.feature-text-paged__accordion .accordionContent a {
color: #000;
text-decoration: underline
}
.feature-text-paged__accordion .accordionContent a:hover {
color: #ADBDB2
}
.feature-text-paged__accordion .accordionContent ul {
margin: 0 0 15px 15%;
text-align: left
}
@media screen and (max-width:39.9375em) {
.feature-text-paged__accordion .accordionContent ul {
margin-left: 15px
}
.venue-grid__item-title h2 {
color: #000
}
}
.feature-text-paged__accordion .accordionContent ul li {
font-family: Newsreader, sans-serif;
font-size: 1.0625rem;
line-height: 1.5rem
}
.feature-text-paged__price p,
.venue-grid__item-title h3 {
font-family: "Gill Sans MT Pro", sans-serif
}
.feature-text-paged__price {
margin-top: 15px
}
.feature-text-paged__price p {
margin-bottom: 0;
padding-bottom: 20px;
font-size: 1.3125rem
}
.feature-text-paged__price span {
font-size: 2.0625rem
}
.feature-text-paged.slick-slider {
-webkit-user-select: text;
-ms-user-select: text;
user-select: text
}
.venue-grid {
max-width: 1260px;
width: 100%;
margin: 0 auto 30px
}
.venue-grid>div {
margin-top: -30px
}
.venue-grid__item {
max-width: 510px;
width: 100%;
margin: 30px auto 0;
padding: 0 10px
}
.venue-grid__item-img .slick-prev {
left: 10px;
top: 50%;
transform: translate(0, -50%);
background-size: 15px 30px;
height: 30px
}
.venue-grid__item-img .slick-next {
background: url(img/oetker-collection/right.svg) center no-repeat;
right: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.venue-grid__item-video {
position: relative;
width: 100%;
padding-bottom: 70.59%
}
.venue-grid__item-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.venue-grid__item-video .mejs__overlay,
.venue-grid__item-video .mejs__player,
.venue-grid__item-video iframe,
.venue-grid__item-video video {
max-width: 100%;
height: 100% !important
}
.venue-grid__item-container {
padding: 20px 25px 30px;
border: solid rgba(55, 55, 55, .2);
border-width: 0 1px 1px;
text-align: center
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.venue-grid__item-container {
padding: 20px 5px 30px
}
}
.venue-grid__item-title {
margin-bottom: 30px
}
.venue-grid__item-title h2 {
margin-bottom: 0
}
.venue-grid__item-title h3 {
margin-bottom: 0;
font-size: 1.3125rem
}
.venue-grid__item-description {
margin-bottom: 20px
}
.venue-grid__item-layouts {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.venue-grid__item-layouts-item {
margin-bottom: 20px;
padding: 0 5px
}
.venue-grid__item-layouts-item-title p {
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 0;
font-size: .5625rem;
line-height: .6875rem
}
.venue-grid__item-layouts-item-icon img {
width: 40px;
height: 40px;
padding-top: 5px
}
.two-images {
max-width: 1260px;
margin: 0 auto 30px
}
.two-images--reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.two-images img {
margin-bottom: 20px
}
@media print,
screen and (min-width:68.125em) {
.two-images img {
margin-bottom: 0
}
}
.two-images__small-img-slide {
background: center center no-repeat;
background-size: cover;
min-height: 280px
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.two-images__small-img-slide {
min-height: 230px
}
}
@media screen and (max-width:39.9375em) {
.venue-grid__item-title h3 {
color: #000
}
.two-images .cell:first-child {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
padding: 0 40px;
margin-top: 20px
}
.two-images__small-img-slide {
min-height: 180px
}
}
.two-images__small-img-video {
position: relative;
width: 100%;
padding-bottom: 107.69%
}
.two-images__small-img-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.two-images__small-img-video .mejs__overlay,
.two-images__small-img-video .mejs__player,
.two-images__small-img-video iframe,
.two-images__small-img-video video {
max-width: 100%;
height: 100% !important
}
.two-images__small-img .slick-prev {
background: url(img/oetker-collection/left.svg) center no-repeat;
left: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px;
z-index: 2
}
.two-images__big-img .slick-prev,
.two-images__small-img .slick-next {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%)
}
.two-images__big-img .slick-next,
.two-images__small-img .slick-next {
background: url(img/oetker-collection/right.svg) center no-repeat;
right: 10px;
width: 30px
}
.two-images__small-img .slick-next {
top: 50%;
transform: translate(0, -50%);
background-size: 15px 30px;
height: 30px
}
.two-images__big-img {
min-height: 360px
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.two-images__big-img {
min-height: unset
}
}
@media screen and (max-width:39.9375em) {
.two-images__big-img {
min-height: 260px
}
}
.two-images__big-img-slide {
background: center center no-repeat;
background-size: cover;
min-height: 360px
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.two-images__big-img-slide {
min-height: 310px
}
}
.two-images__big-img-video {
position: relative;
width: 100%;
padding-bottom: 72.59%
}
.two-images__big-img-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.two-images__big-img-video .mejs__overlay,
.two-images__big-img-video .mejs__player,
.two-images__big-img-video iframe,
.two-images__big-img-video video {
max-width: 100%;
height: 100% !important
}
.two-images__big-img .slick-prev {
background: url(img/oetker-collection/left.svg) center no-repeat;
left: 10px;
top: 50%;
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px;
z-index: 2
}
.two-images__big-img .slick-next {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
height: 30px
}
.two-images__content {
max-width: 490px;
margin: 0 auto
}
.two-images__content h3 {
margin-bottom: 0;
font-size: .9375rem;
letter-spacing: 0;
line-height: 1.25rem
}
@media screen and (max-width:39.9375em) {
.two-images__big-img-slide {
min-height: 260px
}
.two-images__content h3 {
margin-bottom: 10px
}
.two-images__content {
text-align: center;
margin-top: 10px
}
}
.two-images__text {
margin-top: 15px
}
@media screen and (max-width:39.9375em) {
.two-images__text {
margin-top: 0;
padding: 0 30px
}
}
.two-images__text p {
margin-bottom: 20px
}
.two-images__text a {
text-decoration: underline;
color: #000
}
.two-images__text a:hover {
color: #ADBDB2
}
.two-images__link.cta {
margin-left: 0 !important
}
.two-images__link.cta:first-of-type:last-of-type {
margin-right: 0
}
.hotel-location {
position: relative;
overflow: hidden;
margin: 0 auto 30px
}
.hotel-location__map {
height: 525px;
max-height: 80vh
}
@media print,
screen and (min-width:40em) {
.two-images__content {
max-width: none
}
.hotel-location__map {
max-height: none
}
}
.hotel-location__map-content {
position: absolute;
top: 35px;
right: 0;
bottom: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: -webkit-transform .3s linear;
transition: transform .3s linear;
transition: transform .3s linear, -webkit-transform .3s linear;
width: 100%;
max-width: 465px;
background-color: #fff;
text-align: center;
padding: 0 0 20px
}
@media print,
screen and (min-width:40em) {
.hotel-location__map-content {
top: 0
}
}
@media screen and (max-width:39.9375em) {
.hotel-location__map-content {
top: 50%;
bottom: auto;
max-width: 285px;
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%)
}
}
.hotel-location__map-content.marker-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.hotel-location__map-content h2 {
max-width: 300px;
width: 100%;
margin: 0 auto 10px;
font-size: 28px;
line-height: 32px;
padding-top: 20px
}
.hotel-location__map-mail,
.hotel-location__map-phone {
line-height: 13px;
color: #373737;
font-family: "Gill Sans MT Pro", sans-serif
}
.hotel-location__map-content p {
max-width: 300px;
width: 100%;
margin: 0 auto 10px
}
@media screen and (max-width:39.9375em) {
.hotel-location__map-content.marker-active {
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.hotel-location__map-content p {
font-size: 12px
}
}
.hotel-location__map-content-close {
position: absolute;
top: 15px;
left: 15px;
width: 15px;
height: 15px;
background: url(img/oetker-collection/close.svg) center center no-repeat;
background-size: 100%;
cursor: pointer
}
.hotel-location__map-content-close:focus {
outline: transparent
}
.hotel-location__map-phone {
font-size: 15px;
background: url(img/phone.svg) left center no-repeat;
background-size: 16px 13px;
margin: 0 auto 15px;
padding-left: 25px
}
.hotel-location__map-phone:hover {
color: #373737;
text-decoration: underline
}
@media screen and (max-width:39.9375em) {
.hotel-location__map-content-close {
top: 45px
}
.hotel-location__map-phone {
font-size: 12px;
background: 0 0;
padding-left: 0
}
}
.hotel-location__map-mail {
font-size: 15px;
background: url(img/envelope.svg) left center no-repeat;
background-size: 24px 15px;
margin: 0 auto;
padding-left: 30px
}
.hotel-location__map-mail:hover {
color: #373737;
text-decoration: underline
}
@media screen and (max-width:39.9375em) {
.hotel-location__map-mail {
font-size: 12px;
background: 0 0;
padding-left: 0
}
}
.hotel-location__marker {
position: absolute;
top: 35px;
right: 0;
bottom: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: -webkit-transform .3s linear;
transition: transform .3s linear;
transition: transform .3s linear, -webkit-transform .3s linear;
width: 100%;
max-width: 425px;
background-color: #fff;
text-align: center;
font-family: "Gill Sans MT Pro", sans-serif
}
@media print,
screen and (min-width:40em) {
.hotel-location__marker {
top: 0
}
}
.hotel-location__marker--active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.hotel-location__marker-content {
padding: 40px
}
.hotel-location__marker-close {
position: absolute;
top: 15px;
left: 15px;
width: 15px;
height: 15px;
background: url(img/oetker-collection/close.svg) center center no-repeat;
background-size: 100%;
cursor: pointer
}
.hotel-location__marker-close:focus {
outline: transparent
}
@media screen and (max-width:39.9375em) {
.hotel-location__marker-close {
top: 45px
}
}
.hotel-location__marker-heading {
font-size: 2.1875rem;
margin-bottom: 35px
}
.hotel-location__marker-heading svg {
width: 20px;
height: 20px
}
.hotel-location__marker-description {
font-size: .8125rem;
padding: 10px 0
}
.hotel-location__marker-description p:last-child {
margin-bottom: 0
}
.hotel-location__marker-slider .slick-next,
.hotel-location__marker-slider .slick-prev {
background-repeat: no-repeat;
background-position: center;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px;
z-index: 2
}
.hotel-location__marker-slider .slick-prev {
background-image: url(img/oetker-collection/left.svg);
left: 10px
}
.hotel-location__marker-slider .slick-next {
background-image: url(img/oetker-collection/right.svg);
right: 10px
}
.hotel-location__marker-video {
position: relative;
width: 100%;
padding-bottom: 75%
}
.hotel-location__filters,
.hotel-location__marker-video .mejs__player {
position: absolute;
left: 0;
top: 0
}
.hotel-location__marker-video .mejs__overlay,
.hotel-location__marker-video .mejs__player,
.hotel-location__marker-video iframe,
.hotel-location__marker-video video {
max-width: 100%;
height: 100% !important
}
.hotel-location__filters {
right: 0;
padding: 0;
list-style: none;
text-align: center;
background-color: #fff;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4
}
@media print,
screen and (min-width:40em) {
.hotel-location__filters {
position: relative;
top: auto;
left: auto;
right: auto;
padding: 10px
}
}
.hotel-location__filters p {
margin-right: 30px;
margin-bottom: 0;
letter-spacing: 2px;
font-size: .8125rem;
line-height: 1;
text-transform: uppercase;
display: none
}
@media screen and (max-width:39.9375em) {
.hotel-location__filters p {
margin-right: 0
}
}
.hotel-location__filters ul {
display: none;
margin: 0 auto;
padding: 10px 0;
text-align: left
}
.hotel-location__filters--expanded.hotel-location__filters ul {
display: inline-block
}
@media print,
screen and (min-width:40em) {
.hotel-location__filters ul {
display: inline-block;
padding: 0
}
}
.hotel-location__filters ul li {
display: block;
padding: 0 0 10px
}
@media print,
screen and (min-width:40em) {
.hotel-location__filters ul li {
display: inline-block;
padding: 0
}
}
.hotel-location__filters ul li input[type=checkbox] {
display: none
}
.hotel-location__filter {
padding: 5px;
font-size: .8125rem;
line-height: .8125rem;
text-transform: uppercase;
cursor: pointer;
font-family: "Gill Sans MT Pro", sans-serif
}
input[type=checkbox]:not(:checked)+.hotel-location__filter span {
background-color: #fff !important
}
@media print,
screen and (min-width:40em) {
.hotel-location__filter {
padding: 0 25px
}
}
.hotel-location__filter-toggle {
position: relative;
display: block;
width: 100%;
padding: 12px;
font-size: .8125rem;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #ADBDB2;
cursor: pointer
}
.hero .scroll,
.hotel-location__filter-toggle:after {
background: url(img/oetker-collection/arrow-down.svg) center 100% no-repeat
}
.hotel-location__filter-toggle:after {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 5px
}
.hotel-location__filters--expanded .hotel-location__filter-toggle:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
@media print,
screen and (min-width:40em) {
.hotel-location__filter-toggle {
display: none
}
}
.hotel-location__filter-circle {
display: inline-block;
vertical-align: text-top;
width: 12px;
height: 12px;
border: 2px solid;
border-radius: 12px
}
.hotel-location__filter-all {
padding: 5px 15px;
font-size: 13px;
color: #0a0a0a;
cursor: pointer
}
.hotel-location__filter-all:hover {
text-decoration: underline
}
.hotel-location__filter-all-wrapper {
display: inline-block
}
body.no-hero .hotel-location {
margin-top: 160px
}
@media screen and (max-width:68.0625em) {
body.no-hero .hotel-location {
margin-top: 90px
}
}
.info-tab {
max-width: 900px;
margin: 0 auto 30px
}
.info-tab__title h2 {
margin-bottom: 16px;
text-transform: none
}
.info-tab__floorplan {
margin-bottom: 30px
}
.info-tab__item {
padding: 0 60px 15px
}
@media screen and (max-width:68.0625em) {
.info-tab__item {
padding: 0 20px 15px
}
}
@media screen and (max-width:39.9375em) {
.info-tab__item {
padding-left: 40px
}
.info-tab__item-container {
padding-bottom: 20px
}
}
.info-tab__item-container>.cell.medium-6:first-child {
border-right: 1px solid #e6e6e6;
text-align: left;
padding-left: 10%
}
@media screen and (max-width:39.9375em) {
.info-tab__item-container>.cell.medium-6:first-child {
border-right: none;
padding-left: 0
}
.info-tab__accordion .accordionContent {
position: relative
}
}
.info-tab__item-container--only-show-first>.cell>.info-tab__item:nth-child(n+3) {
display: none
}
.info-tab__item-top {
margin-bottom: 0
}
.info-tab__item-top img {
width: 24px;
margin: 5px 0 11px;
float: left
}
.info-tab__item-top h3 {
font-family: "Gill Sans MT Pro", sans-serif;
font-size: 1.3125rem;
text-transform: none;
margin-bottom: 0;
margin-left: 38px
}
.info-tab__item-bottom ul {
margin-left: 30px
}
.info-tab__item-bottom ul li {
padding-left: 10px;
font-size: .9375rem
}
.info-tab__accordion .accordionButton {
margin-top: 15px;
text-align: center;
padding-bottom: 5px;
background: url(img/oetker-collection/arrow-down-black.svg) bottom center no-repeat;
background-size: 10px 12px;
cursor: pointer
}
.info-tab__accordion .accordionButton:hover h4 {
color: #535353
}
.info-tab__accordion .accordionButton.on {
background: url(img/oetker-collection/arrow-up-black.svg) bottom center no-repeat;
background-size: 10px 12px
}
.info-tab__accordion .accordionButton h4 {
margin-bottom: 8px;
letter-spacing: 2px;
font-size: .8125rem;
line-height: 1;
text-transform: uppercase
}
.info-tab__accordion .accordionContent>.cell.medium-6:first-child {
border-right: 1px solid #e6e6e6;
text-align: left;
padding-left: 10%
}
@media screen and (max-width:39.9375em) {
.info-tab__accordion .accordionContent>.cell.medium-6:first-child {
border-right: none;
padding-left: 0
}
}
.info-tab .tabs-content {
border: none !important
}
.info-tab .tabs-content .accordionButton {
margin-top: 15px;
text-align: center;
padding-bottom: 5px;
background: url(img/oetker-collection/arrow-down-black.svg) bottom center no-repeat;
background-size: 10px 12px;
cursor: pointer
}
.info-tab .tabs-content .accordionButton.on {
background: url(img/oetker-collection/arrow-up-black.svg) bottom center no-repeat;
background-size: 10px 12px
}
.info-tab .tabs-content .accordionButton h4 {
margin-bottom: 8px;
letter-spacing: 2px;
font-size: .875rem;
font-family: "Gill Sans MT Pro", sans-serif;
line-height: 1;
text-transform: uppercase
}
.info-tab__tabs {
margin: 0 30px
}
.info-tab__tabs-wrapper {
width: 100%;
margin: 0 auto;
border: solid #e6e6e6;
border-width: 1px 0
}
.info-tab__tabs-wrapper ul {
margin: 0 auto;
border: none;
background-color: transparent;
text-align: center
}
.info-tab__tabs-wrapper ul li {
float: unset;
display: inline-block
}
.info-tab__tabs-wrapper ul li a {
font-family: "Gill Sans MT Pro", sans-serif;
font-size: .8125rem;
letter-spacing: 1px;
text-transform: uppercase;
background-color: transparent;
color: #000
}
.info-tab__tabs-wrapper ul li a:hover {
color: #373737
}
.info-tab__tabs-wrapper ul li.is-active {
background-color: transparent
}
.info-tab__tabs-wrapper ul li.is-active a {
color: #000;
text-decoration: underline;
background: 0 0
}
.info-tab__service-heading {
margin-left: 15px
}
.info-tab__service-item {
padding: 10px 20px 0
}
.events,
.events__item.single .events__item-content,
.hotel-offers-landing__tabs-item-text,
.info-tab__service-item+h2 {
padding-top: 20px
}
.info-tab__service-item-title {
padding-right: 5px
}
.info-tab__service-item-title h4 {
font-size: 1.0625rem;
line-height: 1.5625rem;
font-family: "Gill Sans MT Pro", sans-serif
}
.info-tab__service-item-detail {
padding-left: 15px
}
.info-tab__service-item-detail p:last-child {
margin-bottom: 0
}
.info-tab__service-item-detail p a {
color: #000;
text-decoration: underline;
word-break: break-all
}
.info-tab__service-item-detail p a:hover {
color: #ADBDB2
}
.info-tab__cta {
margin-top: 30px
}
.info-tab__cta .downloadsItems {
padding-top: 30px
}
.image,
.image--single.slick-slider[data-slick*='"arrows": true'] {
padding: 0
}
.image {
max-width: 670px;
margin: 0 auto 60px
}
.image.slick-initialized.slick-dotted {
margin-bottom: 40px
}
.image__item-image {
width: 100%;
margin: 0 auto
}
.image__item-video {
position: relative;
max-width: 100vw
}
@media print,
screen and (min-width:40em) {
.image__item-video {
max-width: 670px
}
}
.image__item-caption {
color: #373737;
font-family: Newsreader, sans-serif;
font-size: 1.0625rem;
margin-top: 5px
}
.contact-details__item h3,
.contact-sale__item-info-title h3,
.contact-travel__item-operators-item h3,
.contact-travel__item-operators-mobile .accordionButton,
.contact-travel__item-operators-mobile-item p,
.contact-travel__item-staff a h4,
.contact-travel__item-staff h3,
.new-accordion__content-features-item h3,
.new-accordion__item .accordionContent h4 {
font-family: "Gill Sans MT Pro", sans-serif
}
.image .slick-prev {
background-image: url(img/oetker-collection/left-green.svg)
}
.image .slick-next {
background-image: url(img/oetker-collection/right-green.svg)
}
.new-accordion {
width: 100%;
max-width: 1260px;
margin: 0 auto 30px
}
.new-accordion__title {
text-align: center
}
.new-accordion__item .accordionButton {
border-bottom: 1px solid #e6e6e6;
background: url(img/oetker-collection/arrow-down-black.svg) 99% center no-repeat;
background-size: 10px 10px;
margin: 10px 0;
cursor: pointer
}
.new-accordion__item .accordionButton:hover {
color: #535353
}
@media screen and (max-width:39.9375em) {
.image__item-caption {
padding-left: 20px
}
.new-accordion__item .accordionButton {
margin: 0 auto 20px;
max-width: 90%
}
}
.new-accordion__item .accordionButton.on {
background: url(img/oetker-collection/arrow-up-black.svg) 99% center no-repeat;
background-size: 10px 10px
}
.new-accordion__item .accordionButton h3 {
padding-left: 10px;
font-size: 1.3125rem;
line-height: 1.5625rem;
margin-bottom: 5px;
text-transform: initial
}
.new-accordion__item .accordionContent {
padding: 20px 0
}
.new-accordion__item .accordionContent h4 {
font-size: 1.3125rem;
text-transform: initial
}
.new-accordion__item .accordionContent h3 {
font-size: .9375rem;
line-height: 1.25rem;
margin-bottom: 5px;
text-transform: initial
}
.new-accordion__item .accordionContent a {
font-size: .9375rem
}
.new-accordion__item .accordionContent a:hover {
color: #ADBDB2;
text-decoration: underline
}
.new-accordion__item .accordionContent ul {
padding-left: 5px
}
.new-accordion__content-wysiwyg {
padding: 0 20px
}
.new-accordion__content-wysiwyg a {
color: #ADBDB2
}
.new-accordion__content-wysiwyg a:hover {
text-decoration: underline
}
@media screen and (max-width:39.9375em) {
.new-accordion__content-features,
.new-accordion__content-wysiwyg {
padding: 0 50px
}
}
.new-accordion__content-features-item {
padding: 0 20px
}
.new-accordion__content-features-item:nth-child(odd) {
border-right: 1px solid #e6e6e6
}
@media screen and (max-width:39.9375em) {
.new-accordion__content-features-item {
padding: 0
}
.new-accordion__content-features-item:nth-child(odd) {
border-right: none
}
}
.new-accordion__content-features-item h3 {
display: inline-block;
font-size: 1.3125rem !important;
margin-bottom: 0;
margin-left: 5px;
text-transform: initial
}
.new-accordion__content-features-item ul li {
font-size: .9375rem
}
.contact-details {
max-width: 1260px;
width: 100%;
margin: 0 auto 30px
}
.contact-details__item {
padding: 0 10px;
border-bottom: 1px solid #e6e6e6
}
@media screen and (max-width:39.9375em) {
.contact-details__item {
text-align: center;
padding: 0
}
}
.contact-details__item:last-child {
border-bottom: none
}
.contact-details__item img {
display: inline-block;
padding-right: 5px
}
.contact-details__item a {
display: inline-block
}
.contact-details__item h3 {
display: inline-block;
padding: 8px 0;
margin-bottom: 0;
font-size: .9375rem;
white-space: normal !important
}
@media screen and (max-width:460px) {
.contact-details__item-email h3 {
font-size: .6rem
}
.contact-details__item-email img {
max-width: 23px
}
}
.contact-sale {
max-width: 1290px;
width: 100%;
margin: 0 auto 30px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100% !important
}
.contact-sale__item {
margin-bottom: 30px;
border: 1px solid #e6e6e6
}
@media print,
screen and (min-width:40em) {
.contact-sale__item:last-child {
margin-bottom: 0
}
}
.contact-sale__item-img {
background-position: top;
background-size: cover;
min-height: 180px
}
@media screen and (max-width:39.9375em) {
.contact-details__item h3 {
padding-top: 0
}
.contact-details__item-email,
.contact-sale__item {
padding-top: 10px
}
.contact-sale__item-img {
max-width: 270px;
width: 100%;
margin: 0 auto;
min-height: 280px
}
.contact-sale__item-info-title {
text-align: center
}
}
.contact-sale__item-info {
padding: 5px 0
}
.contact-sale__item-info-title {
padding: 0 15px
}
.contact-sale__item-info-title h3 {
margin-bottom: 0
}
.contact-sale__item-info-title h4 {
font-family: Newsreader, sans-serif;
font-size: .9375rem
}
.contact-sale .contact-details,
.contact-sale__item-info .module-wrapper {
margin-bottom: 0
}
@media screen and (max-width:39.9375em) {
.contact-sale .contact-details {
padding-top: 5px
}
}
.contact-sale .contact-details__item {
padding: 0 15px
}
@media screen and (max-width:39.9375em) {
.contact-sale .contact-details__item {
padding: 0
}
}
.contact-sales-module-wrapper {
width: 80vw;
margin: auto
}
.contact-sale-wrapper {
width: 45%;
margin: 0 2%;
display: inline-block
}
@media screen and (max-width:63.9375em) {
.contact-sale-wrapper {
width: 100%;
margin: 0
}
}
.contact-sale__item-img {
width: 40%;
display: inline-block
}
@media screen and (max-width:63.9375em) {
.contact-sale__item-img {
width: 100%;
margin-bottom: 10px;
text-align: center
}
}
.contact-sale__item-info {
width: 58%;
display: inline-block
}
.press-agencies-grid {
padding-left: 15px;
padding-right: 15px;
width: 100%;
margin: auto auto 2rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 30px
}
@media print,
screen and (min-width:40em) {
.press-agencies-grid {
max-width: 969px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0
}
}
@media print,
screen and (min-width:68.125em) {
.press-agencies-grid {
max-width: 1290px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
padding-left: 0;
padding-right: 0
}
}
.contact-details__item-email {
word-break: break-all;
margin-top: 20px
}
.press-agencies-grid .contact-sale__item {
width: 100%;
height: 100%
}
.press-agencies-grid .contact-sale__item-info {
width: 100%;
padding: 40px 20px 20px
}
@media screen and (max-width:63.9375em) {
.contact-sale__item-info {
width: 100%;
text-align: center
}
.press-agencies-grid .contact-sale {
margin-bottom: 20px
}
}
.margin-0-auto {
margin: 0 auto
}
.justify-content-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.contact-travel {
max-width: 1260px;
width: 100%;
margin: 0 auto 30px
}
.contact-travel__item {
padding: 15px;
border: 1px solid #e6e6e6;
margin-bottom: 30px
}
.contact-travel__item:last-child {
margin-bottom: 0
}
.contact-travel__item-staff {
padding: 0 10px;
border-right: 1px solid #e6e6e6
}
.contact-travel__item-staff h2 {
margin-bottom: 30px;
text-transform: uppercase
}
@media screen and (max-width:39.9375em) {
.contact-travel__item-staff {
border-right: none;
border-bottom: 1px solid #e6e6e6;
padding: 0 0 10px
}
.contact-travel__item-staff h2 {
margin-bottom: 15px
}
}
.contact-travel__item-staff h3 {
margin-bottom: 0;
text-transform: none
}
.contact-travel__item-staff h3:last-of-type {
margin-bottom: 15px !important
}
.contact-travel__item-staff a h4 {
display: inline-block;
padding: 8px 0;
margin-bottom: 0;
font-size: .9375rem
}
.contact-travel__item-staff a:hover {
color: #ADBDB2;
text-decoration: underline
}
.contact-travel__item-staff a img {
padding-right: 5px
}
@media screen and (max-width:39.9375em) {
.contact-travel__item-operators {
padding-top: 15px
}
.contact-travel__item-operators-item p {
margin-bottom: 5px
}
}
.contact-travel__item-operators-item {
padding: 15px;
text-align: center
}
@media screen and (max-width:68.0625em) {
.contact-travel__item-operators-item {
padding: 15px 5px
}
}
.contact-travel__item-operators-item:nth-child(even) {
background-color: #FBFAF8
}
.contact-travel__item-operators-item p {
line-height: .8125rem
}
.contact-travel__item-operators-item h3 {
font-size: 1.125rem;
margin-bottom: 0;
line-height: 1.75rem
}
.contact-travel__item-operators-mobile {
padding: 20px 20px 0;
text-align: center
}
.contact-travel__item-operators-mobile .accordionButton {
font-size: 17px;
line-height: 20px
}
.contact-travel__item-operators-mobile .accordionButton img {
transition: .3s -webkit-transform ease-in-out;
transition: .3s transform ease-in-out;
transition: .3s transform ease-in-out, .3s -webkit-transform ease-in-out;
width: 8px
}
.contact-travel__item-operators-mobile .accordionButton.on img {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.contact-travel__item-operators-mobile .accordionContent {
padding-top: 50px
}
.contact-travel__item-operators-mobile-item p {
font-size: 16px;
line-height: 12px;
margin-bottom: 0
}
.contact-travel__item-operators-mobile-item h3 {
font-family: Newsreader, sans-serif;
font-size: 14px;
line-height: 19px;
margin-bottom: 30px
}
.masterpiece-contact-form {
margin: 0 auto 30px;
width: 100%;
max-width: 1260px
}
@media screen and (max-width:68.0625em) {
.masterpiece-contact-form {
padding: 0 20px
}
}
.masterpiece-contact-form__intro {
margin-bottom: 30px
}
.masterpiece-contact-form__introinclude breakpoint(small only) {
padding: 0 20px
}
.estates-contact-form {
max-width: 850px;
margin: 0 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.estates-contact-form>:nth-child(n+1) {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.estates-contact-form>:nth-child(n+2) {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.estates-contact-form>:nth-child(n+3) {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.estates-contact-form>:nth-child(n+4) {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.estates-contact-form>:nth-child(n+5) {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.estates-contact-form>:nth-child(n+6) {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.estates-contact-form>:nth-child(n+7) {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7
}
.estates-contact-form>:nth-child(n+8) {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8
}
.estates-contact-form>:nth-child(n+9) {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10
}
@media screen and (min-width:750px) {
.estates-contact-form>:nth-child(n+9) {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9
}
}
.estates-contact-form>:nth-child(n+10) {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11
}
@media screen and (min-width:750px) {
.estates-contact-form>:nth-child(n+10) {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10
}
}
.estates-contact-form>:nth-child(n+11) {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9
}
@media screen and (min-width:750px) {
.estates-contact-form>:nth-child(n+11) {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11
}
}
.estates-contact-form>:nth-child(n+12) {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12
}
.estates-contact-form>:nth-child(n+13) {
width: 100%;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13
}
.estates-contact-form input[type=text],
.estates-contact-form input[type=email],
.estates-contact-form select,
.estates-contact-form textarea {
float: left;
width: calc(100% - 10px);
height: 32px;
margin: 0 5px 15px;
padding: 0 12px;
background-color: #faf8f6;
border: 0;
font-size: .8125rem;
font-family: Newsreader, sans-serif;
color: #2f251d
}
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper #Datepickk,
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper #Datepickk .d-table label,
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper__heading,
.mice-form h2,
.mice-modal .mice-form-link a,
.pre-stay-form .form button[type=submit] span,
.property-listing__filters-toggle span,
.timeline {
font-family: "Gill Sans MT Pro", sans-serif
}
.estates-contact-form input[type=text]::-webkit-input-placeholder,
.estates-contact-form input[type=email]::-webkit-input-placeholder,
.estates-contact-form select::-webkit-input-placeholder,
.estates-contact-form textarea::-webkit-input-placeholder {
opacity: 1
}
.estates-contact-form input[type=text]:-ms-input-placeholder,
.estates-contact-form input[type=email]:-ms-input-placeholder,
.estates-contact-form select:-ms-input-placeholder,
.estates-contact-form textarea:-ms-input-placeholder {
opacity: 1
}
.estates-contact-form input[type=text]::placeholder,
.estates-contact-form input[type=email]::placeholder,
.estates-contact-form select::placeholder,
.estates-contact-form textarea::placeholder {
opacity: 1
}
.estates-contact-form input[type=text] :focus,
.estates-contact-form input[type=email] :focus,
.estates-contact-form select :focus,
.estates-contact-form textarea :focus {
outline: 0
}
@media screen and (min-width:750px) {
.estates-contact-form input[type=text].half,
.estates-contact-form input[type=email].half,
.estates-contact-form select.half,
.estates-contact-form textarea.half {
width: calc(50% - 10px)
}
.estates-contact-form input[type=text].quarter,
.estates-contact-form input[type=email].quarter,
.estates-contact-form select.quarter,
.estates-contact-form textarea.quarter {
width: calc(25% - 10px)
}
}
.estates-contact-form .js-date-range-picker,
.estates-contact-form select {
padding: 0 30px 0 12px !important;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -15px center;
background-repeat: no-repeat;
background-size: 9px 6px
}
@media screen and (min-width:0\0) {
.estates-contact-form .js-date-range-picker,
.estates-contact-form select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
}
}
.estates-contact-form .js-date-range-picker:focus,
.estates-contact-form select:focus {
outline: 0
}
.estates-contact-form .js-date-range-picker::-ms-expand,
.estates-contact-form select::-ms-expand {
display: none
}
.estates-contact-form .js-date-range-picker-calendar {
display: none;
max-width: calc(100% - 10px);
margin: 0 5px 10px
}
.estates-contact-form .js-date-range-picker-calendar.visible {
display: block
}
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper {
display: inline-block;
width: 300px;
max-width: 100%;
margin-right: 10px;
text-align: center
}
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper__heading {
font-size: 1.3125rem;
color: #1a3740;
margin-bottom: 10px
}
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper #Datepickk {
background-color: #f9f8f6;
margin-bottom: 10px
}
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper #Datepickk .d-header,
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper #Datepickk .d-month,
.estates-contact-form .js-date-range-picker-calendar .calendar-wrapper #Datepickk .d-week {
background-color: #f9f8f6
}
.estates-contact-form textarea {
height: 190px;
padding: 12px
}
.estates-contact-form textarea:focus {
outline: 0
}
.estates-contact-form input[type=checkbox] {
position: absolute;
opacity: 0
}
.estates-contact-form input[type=checkbox]+label,
.estates-contact-form input[type=checkbox]~label {
position: relative;
padding-left: 20px;
font-size: 13px;
color: #000;
cursor: pointer;
display: inline-block !important
}
.estates-contact-form label,
.estates-contact-form label.mandatory {
font-family: Newsreader, sans-serif;
font-size: .8125rem
}
.estates-contact-form input[type=checkbox]+label::after,
.estates-contact-form input[type=checkbox]+label::before,
.estates-contact-form input[type=checkbox]~label::after,
.estates-contact-form input[type=checkbox]~label::before {
content: '';
position: absolute
}
.estates-contact-form input[type=checkbox]+label::before,
.estates-contact-form input[type=checkbox]~label::before {
top: 3px;
left: 0;
width: 13px;
height: 13px;
border: 1px solid #000
}
.estates-contact-form input[type=checkbox]+label::after,
.estates-contact-form input[type=checkbox]~label::after {
top: 5px;
left: 2px;
width: 9px;
height: 9px;
content: '';
opacity: 0;
background: #ADBDB2;
transition: opacity .3s ease-in-out
}
.estates-contact-form input[type=checkbox]:checked+label:after,
.estates-contact-form input[type=checkbox]:checked~label:after {
opacity: 1
}
.estates-contact-form label {
display: inline-block
}
.estates-contact-form label.mandatory {
margin: 0 0 10px 5px;
font-style: italic;
color: #000
}
.estates-contact-form label.error {
color: red;
margin: -8px 0 10px
}
.restaurant-booking {
margin: 0 auto 30px;
width: 100%;
max-width: 1260px
}
.restaurant-booking .book-now-container {
margin-bottom: 0
}
.text-image {
width: 100%;
max-width: 800px;
margin: 0 auto 30px
}
@media screen and (max-width:68.0625em) {
.text-image {
padding: 0 10px
}
}
.text-image:not(.text-image--reverse) .text-image__text {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.text-image:not(.text-image--reverse) .text-image__img {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.text-image__title {
margin-bottom: 15px
}
.text-image__title h2 {
margin-bottom: 0
}
.text-image__text {
padding: 50px 40px 20px 20px
}
.text-image__text a.cta {
margin: 0 40px 15px 0 !important
}
@media screen and (max-width:39.9375em) {
.text-image__text {
text-align: center;
padding: 20px
}
.text-image__text a.cta {
margin-left: 0 !important
}
.text-image__text-container {
text-align: left
}
}
.text-image__text-container ul li {
font-size: 1.0625rem
}
.text-image__text-container a {
font-size: 1.0625rem;
text-decoration: underline;
color: #000
}
.text-image__text-container a:hover {
color: #ADBDB2
}
.text-image__img-slide img {
margin: 0 auto
}
.text-image-video {
position: relative;
width: 100%;
padding-bottom: 125%
}
.text-image-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.text-image-video .mejs__overlay,
.text-image-video .mejs__player,
.text-image-video iframe,
.text-image-video video {
max-width: 100%;
height: 100% !important
}
.small-gallery {
width: 100%;
max-width: 1260px;
margin: 0 auto 30px;
padding: 0
}
.small-gallery__grid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
max-width: 670px;
margin: 0 auto
}
@media screen and (min-width:735px) {
.small-gallery__grid {
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.small-gallery__grid-left>div {
padding-right: 2px
}
}
.small-gallery__grid>div:first-child>* {
margin-top: 0
}
.small-gallery__grid img {
outline: transparent;
cursor: pointer
}
.small-gallery__grid-full,
.small-gallery__grid-large-small,
.small-gallery__grid-three,
.small-gallery__grid-two {
max-width: 100%;
-webkit-flex: 3 3 auto;
-ms-flex: 3 3 auto;
flex: 3 3 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width:734px) {
.small-gallery__grid-full,
.small-gallery__grid-large-small,
.small-gallery__grid-three,
.small-gallery__grid-two {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
@media screen and (max-width:39.9375em) {
.small-gallery__grid>div:first-child>* {
margin-top: 10px
}
.small-gallery__grid-full img,
.small-gallery__grid-large-small img,
.small-gallery__grid-three img,
.small-gallery__grid-two img {
display: block;
margin: 0 auto;
max-height: 200px;
max-width: 200px;
width: 100%
}
}
.small-gallery__grid-full,
.small-gallery__grid-left,
.small-gallery__grid-right,
.small-gallery__grid-three,
.small-gallery__grid-two {
font-size: 0
}
.small-gallery__grid-left {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
margin: 0 auto;
text-align: center
}
.small-gallery__grid-left>div {
margin-bottom: 10px
}
.small-gallery__grid-left>div:last-child {
margin-bottom: 0
}
@media screen and (min-width:735px) {
.small-gallery__grid-left {
margin: 10px 0 0
}
.small-gallery__grid-left:not(.small-gallery__grid-left--large) {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.small-gallery__grid-left:not(.small-gallery__grid-left--large)>div {
padding-right: 6px
}
.small-gallery__grid-right>div {
padding-left: 2px
}
}
.small-gallery__grid-right {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
margin: 0 auto;
text-align: center
}
.small-gallery__grid-right>div {
margin-bottom: 10px
}
.small-gallery__grid-right>div:last-child {
margin-bottom: 0
}
@media screen and (min-width:735px) {
.small-gallery__grid-right {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
margin: 10px 0 0
}
.small-gallery__grid-right.small-gallery__grid-right--small {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.small-gallery__grid-right.small-gallery__grid-right--small>div {
padding-left: 6px
}
}
.small-gallery__grid-full {
width: 100%
}
@media screen and (max-width:39.9375em) {
.small-gallery__grid-full,
.small-gallery__grid-right {
margin-top: 10px
}
}
.small-gallery__grid-full img {
margin-top: 0;
margin-bottom: 10px
}
@media screen and (min-width:735px) {
.small-gallery__grid-full img {
margin-top: 10px;
margin-bottom: 0
}
}
.small-gallery__grid-two {
margin: 0 auto
}
.small-gallery__grid-two>div {
margin-top: 0;
margin-bottom: 10px
}
@media screen and (min-width:735px) {
.small-gallery__grid-two>div {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-top: 10px;
margin-bottom: 0;
margin-right: 11px
}
}
@media print,
screen and (min-width:40em) {
.small-gallery__grid-two>div:last-child {
margin-right: 0;
margin-bottom: 0
}
}
.small-gallery__grid-three {
margin: 0 auto
}
@media screen and (max-width:39.9375em) {
.small-gallery__grid-three {
margin-top: 10px
}
}
.small-gallery__grid-three>div {
margin-top: 0;
margin-bottom: 10px
}
@media screen and (min-width:735px) {
.small-gallery__grid-three>div {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-top: 10px;
margin-right: 8px;
margin-bottom: 0
}
}
@media print,
screen and (min-width:40em) {
.small-gallery__grid-three>div:last-child {
margin-right: 0;
margin-bottom: 0
}
}
body.gallery-modal-open .reveal-overlay {
background-color: rgba(0, 0, 0, .7)
}
.reveal-overlay .slick-slider .slick-arrow {
outline: transparent;
cursor: pointer;
width: 16px;
height: 37px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover
}
.reveal-overlay .slick-slider .slick-arrow::before {
display: none
}
.reveal-overlay .slick-slider .slick-arrow.control-prev {
left: -25px
}
.reveal-overlay .slick-slider .slick-arrow.control-prev--light {
background-image: url(../assets/img/gallery-arrow-left.svg)
}
.reveal-overlay .slick-slider .slick-arrow.control-next {
right: -25px
}
.reveal-overlay .slick-slider .slick-arrow.control-next--light {
background-image: url(../assets/img/gallery-arrow-right.svg)
}
.reveal-overlay .slick-slider .slick-arrow.slick-disabled {
opacity: .5
}
.mice-form .form input[type=text]:disabled,
.mice-form .form input[type=email]:disabled,
.mice-form .form select:disabled,
.mice-form .form textarea:disabled,
.spa-booking-form .section-form input[type=text]:disabled,
.spa-booking-form .section-form input[type=email]:disabled,
.spa-booking-form .section-form select:disabled,
.spa-booking-form .section-form textarea:disabled {
opacity: .4
}
.new-small-gallery__grid {
text-align: center
}
.new-small-gallery-container .one-item img {
width: 100%;
padding: 10px 0;
max-width: 880px
}
.mice-modal {
width: 100%;
max-width: 600px;
position: relative
}
@media screen and (max-width:1023px) {
.mice-modal {
max-width: 400px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
}
.mice-modal .mice-form-link {
text-align: center;
margin-bottom: 50px;
font-size: 11px
}
.mice-modal .mice-form-link a {
border-bottom: 1px solid #bebebe;
padding-bottom: 5px;
color: #1a3740
}
.mice-modal .mice-form-link a:hover {
color: #566e76
}
.mice-form {
position: relative;
background-color: #fff
}
.mice-form .row .wrapper .innerNarrow {
padding: 0 20px
}
@media screen and (min-width:1024px) {
.mice-form .row .wrapper .innerNarrow {
padding: 0 10%
}
}
.mice-form .row .wrapper .innerWide .col {
min-width: auto !important
}
@media screen and (max-width:735px) {
.mice-form .row .wrapper .innerWide .col {
width: 100% !important;
margin: 0 0 20px !important
}
}
.mice-form h2 {
font-weight: 400;
text-align: center;
margin: 0 0 20px;
padding-bottom: 10px;
border-bottom: 1px solid #9a9a9a
}
.mice-form h3 {
font-weight: 400;
letter-spacing: .5px;
text-transform: uppercase;
color: #202020
}
.mice-form p {
font-size: .8125rem;
margin: 20px 0 10px
}
.mice-form .separator {
background-color: rgba(55, 55, 55, .2);
height: 1px;
margin: 0 auto 20px;
width: 100%
}
.mice-form .backButton {
position: relative;
margin: 17px 0 0 25px !important;
border-bottom: 1px solid #9fb1b6 !important
}
.mice-form .backButton+.wrapper {
margin-top: 18px !important
}
.mice-form label.error {
display: none !important
}
.mice-form .section-landing .wrapper:first-child {
margin-bottom: 0
}
.mice-form .section-landing .btn {
min-width: 180px;
margin-bottom: 20px
}
.mice-form .section-landing .btn>span {
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
padding-left: 10px !important;
padding-right: 10px !important
}
@media screen and (min-width:736px) {
.mice-form .section-landing .btn {
height: 100%;
margin-bottom: 0
}
}
.mice-form .section-form {
margin-top: 0
}
.mice-form .section-form .wrapper:first-child {
margin: 0 auto 10px
}
.mice-form .section-form .wrapper:last-child {
margin-top: 10px;
width: 100%;
text-align: center
}
.mice-form .section-form .selected-treatments {
text-align: left;
padding: 0 20px 10px
}
.mice-form .section-form .selected-treatments input[type=checkbox],
.mice-form .section-form .selected-treatments label {
pointer-events: none
}
.mice-form .section-completion .wrapper {
margin-top: 80px
}
.mice-form .accordion {
text-align: left;
list-style: none
}
.iframe,
.iframe-open,
.mice-form .accordion p,
.mice-form__checkbox,
.pre-stay-form .form .field-validation-error,
.pre-stay-form .umbraco-forms-field.checkbox,
.pre-stay-form .umbraco-forms-field.image,
.pre-stay-form .umbraco-forms-field.richtexteditor,
.pre-stay-form .umbraco-forms-field.titleanddescription,
.property-listing .text-center,
.timeline__content,
.timeline__header,
.timeline__items .slick-arrow {
text-align: center
}
.mice-form .accordion-item {
margin-bottom: 10px
}
.mice-form .accordion-title {
display: block;
color: #202020;
background-color: rgba(55, 55, 55, .5);
padding: 8px 10px;
position: relative;
font-size: .8125rem
}
.mice-form .accordion-title::before {
content: '';
border-left: 5px solid transparent !important;
border-right: 5px solid transparent !important;
border-top: 4px solid #1a3740 !important;
margin-top: -.2rem;
position: absolute;
top: 50%;
right: 20px
}
.mice-form .accordion .is-active .accordion-title,
.mice-form .accordion .is-complete .accordion-title {
color: #fff;
background-color: #ADBDB2
}
.mice-form .accordion .is-active .accordion-title::before,
.mice-form .accordion .is-complete .accordion-title::before {
border-top: 4px solid #fff !important
}
.mice-form .accordion .is-active .accordion-title::before {
border-top: 4px solid transparent !important;
border-bottom: 4px solid #fff !important
}
.mice-form .accordion-content label {
color: #202020;
font-size: .8125rem
}
.mice-form .checkbox-wrapper {
position: relative;
margin-bottom: 5px
}
.mice-form .checkbox-wrapper+.separator {
margin: 20px 0
}
.mice-form .spinner {
display: none;
position: absolute;
bottom: 100px;
top: auto;
left: 50%;
margin-top: -36px;
margin-left: -44px;
width: 88px;
height: 72px;
z-index: 5
}
.mice-form .form input[type=text],
.mice-form .form input[type=email],
.mice-form .form select,
.mice-form .form textarea {
background-color: #fff;
border: 1px solid rgba(55, 55, 55, .2);
font-size: .8125rem;
margin-bottom: 5px
}
.mice-form .form input[type=text]:disabled::-webkit-input-placeholder,
.mice-form .form input[type=email]:disabled::-webkit-input-placeholder,
.mice-form .form select:disabled::-webkit-input-placeholder,
.mice-form .form textarea:disabled::-webkit-input-placeholder {
opacity: 1;
font-size: .8125rem
}
.mice-form .form input[type=text]:disabled:-ms-input-placeholder,
.mice-form .form input[type=email]:disabled:-ms-input-placeholder,
.mice-form .form select:disabled:-ms-input-placeholder,
.mice-form .form textarea:disabled:-ms-input-placeholder {
opacity: 1;
font-size: .8125rem
}
.mice-form .form input[type=text]:disabled::placeholder,
.mice-form .form input[type=email]:disabled::placeholder,
.mice-form .form select:disabled::placeholder,
.mice-form .form textarea:disabled::placeholder {
opacity: 1;
font-size: .8125rem
}
.mice-form .form input.form-datepicker {
background: url(img/icon-calendar.svg) right 10px center no-repeat;
background-size: 18px 18px;
cursor: pointer;
margin-bottom: 5px
}
.mice-form .form input.form-datepicker:focus {
outline: 0
}
.mice-form .form select {
background-image: url(img/select-double-arrow.svg);
background-size: 10px 11px;
margin-bottom: 5px
}
.mice-form .form select:focus {
outline: 0
}
.mice-form .form select>span {
display: none
}
.mice-form .checkbox-wrapper [type=radio]:checked,
.mice-form .checkbox-wrapper [type=radio]:not(:checked) {
position: absolute;
left: -9999px
}
.mice-form .checkbox-wrapper [type=radio]:checked+label,
.mice-form .checkbox-wrapper [type=radio]:not(:checked)+label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666
}
.mice-form .checkbox-wrapper [type=radio]:checked+label:before,
.mice-form .checkbox-wrapper [type=radio]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2013%2013%22%20style%3D%22enable-background%3Anew%200%200%2013%2013%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%2523202020%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0.4%2C13V1.4h11.6V13H0.4z%20M1.1%2C12.2h10v-10h-10V12.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) center center no-repeat;
background-size: 16px 16px
}
.mice-form .checkbox-wrapper [type=radio]:checked+label:after,
.mice-form .checkbox-wrapper [type=radio]:not(:checked)+label:after {
content: '';
width: 18px;
height: 18px;
position: absolute;
top: 0;
left: 0;
background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2013%2013%22%20style%3D%22enable-background%3Anew%200%200%2013%2013%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%2523202020%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C1.4c0.4-0.3%2C0.7-0.5%2C1.1-0.7l0.2%2C0.4c-0.3%2C0.2-0.5%2C0.4-0.9%2C0.7l-0.8%2C0.7C9.9%2C3.6%2C8.8%2C4.8%2C7.9%2C6.2%20c-1%2C1.4-1.7%2C2.7-2.1%2C3.9l-0.3%2C0.2c-0.3%2C0.2-0.6%2C0.4-0.8%2C0.6c0-0.2-0.1-0.5-0.3-0.9L4.2%2C9.6c-0.4-1-0.7-1.6-1-2%20C2.9%2C7.2%2C2.6%2C6.9%2C2.3%2C6.9c0.4-0.4%2C0.8-0.6%2C1.1-0.6c0.4%2C0%2C0.9%2C0.6%2C1.4%2C1.7l0.3%2C0.6c1.4-2.4%2C3.2-4.6%2C5.4-6.5L11.5%2C1.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) center center no-repeat;
background-size: 16px 16px;
transition: all .2s ease
}
.mice-form .checkbox-wrapper [type=radio]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.mice-form .checkbox-wrapper [type=radio]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mice-form .mice-thank-you {
padding: 15% 0 5%
}
.mice-form__checkbox {
width: 100%;
margin-bottom: 15px
}
.mice-form #privacy a {
color: #000;
text-decoration: underline
}
.mice-form #privacy a:hover {
color: #566e76 !important
}
.mice-form .wrapper .innerWide .col .book-now-container .book-now-wrapper {
min-height: 20px
}
.mice-form .wrapper .innerWide .col .book-now-container .book-now-wrapper button {
padding: 4px 20px
}
.iframe {
padding: 40px;
position: relative
}
@media screen and (max-width:39.9375em) {
.iframe {
padding: 40px 10px
}
}
.iframe iframe {
margin: 0 auto;
width: 100%
}
.iframe .close-button {
position: absolute;
top: 15px;
right: 15px;
width: 25px;
height: 25px;
background: url(img/oetker-collection/close.svg) center center no-repeat;
background-size: 20px 20px
}
.iframe-open {
margin: 0 auto 30px
}
.iframe--narrow iframe {
width: auto
}
.pre-stay-form {
max-width: 700px;
margin: 0 auto 60px
}
@media screen and (max-width:68.0625em) {
.pre-stay-form {
padding: 0 15px
}
}
.pre-stay-form .form input[type=text],
.pre-stay-form .form input[type=email],
.pre-stay-form .form select,
.pre-stay-form .form textarea {
background-color: #fff;
border: 1px solid #dedede;
font-size: 15px;
line-height: 36px;
min-height: 36px;
color: #0a0a0a !important
}
.pre-stay-form .form input[type=text]::-webkit-input-placeholder,
.pre-stay-form .form input[type=email]::-webkit-input-placeholder,
.pre-stay-form .form select::-webkit-input-placeholder,
.pre-stay-form .form textarea::-webkit-input-placeholder {
opacity: 1;
color: #0a0a0a !important
}
.pre-stay-form .form input[type=text]:-ms-input-placeholder,
.pre-stay-form .form input[type=email]:-ms-input-placeholder,
.pre-stay-form .form select:-ms-input-placeholder,
.pre-stay-form .form textarea:-ms-input-placeholder {
opacity: 1;
color: #0a0a0a !important
}
.pre-stay-form .form input[type=text]::placeholder,
.pre-stay-form .form input[type=email]::placeholder,
.pre-stay-form .form select::placeholder,
.pre-stay-form .form textarea::placeholder {
opacity: 1;
color: #0a0a0a !important
}
.pre-stay-form .form input[type=text],
.pre-stay-form .form input[type=email],
.pre-stay-form .form select {
max-width: 425px
}
.pre-stay-form .form select {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94.859' height='94.858' fill='%23adbdb2'%3E%3Cpath d='M17.312 41.757h60.236a2 2 0 1 0 1.565-3.247L48.994.753a2 2 0 0 0-3.126 0L15.748 38.51a1.998 1.998 0 0 0-.238 2.114 1.997 1.997 0 0 0 1.802 1.133zm60.235 11.345H17.312c-.769 0-1.469.439-1.802 1.133a1.995 1.995 0 0 0 .238 2.113l30.119 37.758a2 2 0 0 0 3.126 0L79.11 56.348a1.996 1.996 0 0 0 .237-2.113 1.99 1.99 0 0 0-1.8-1.133z'/%3E%3C/svg%3E");
background-size: 12px;
background-position: right -20px center;
color: #0a0a0a !important
}
.pre-stay-form .form .datepickerfield {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 341.333 341.333' fill='%23adbdb2'%3E%3Cpath d='M128 128h85.333v85.333H128zM0 0h85.333v85.333H0zM128 256h85.333v85.333H128zM0 128h85.333v85.333H0zM0 256h85.333v85.333H0zM256 0h85.333v85.333H256zM128 0h85.333v85.333H128zM256 128h85.333v85.333H256zM256 256h85.333v85.333H256z'/%3E%3C/svg%3E");
background-size: 12px;
background-position: right -5px center;
background-origin: content-box;
background-repeat: no-repeat
}
.pre-stay-form .form label,
.pre-stay-form .form p {
font-size: 15px
}
.pre-stay-form .form .radiobuttonlist label {
padding-right: 20px
}
.pre-stay-form .form .radiobuttonlist label:first-child {
padding: 0 15px
}
@media screen and (max-width:39.9375em) {
.pre-stay-form .form .radiobuttonlist {
padding-left: 15px
}
.pre-stay-form .form .radiobuttonlist>label:first-child,
.pre-stay-form .form .radiobuttonlist>span {
padding: 0;
display: block
}
}
.pre-stay-form .form .checkboxlist label {
padding-right: 20px
}
.pre-stay-form .form .checkboxlist label:first-child {
padding: 0 15px
}
@media screen and (max-width:39.9375em) {
.pre-stay-form .form .checkboxlist {
padding-left: 15px
}
.pre-stay-form .form .checkboxlist>label:first-child,
.pre-stay-form .form .checkboxlist>span {
padding: 0;
display: block
}
}
.pre-stay-form .form button[type=submit] {
margin-top: 30px;
background-color: #ADBDB2;
padding: 4px 5px;
min-height: 40px;
position: relative
}
.pre-stay-form .form button[type=submit]::before {
content: '';
position: absolute;
top: 10px;
left: 5px;
border: solid rgba(0, 0, 0, .5);
border-width: 0 1px;
background: 0 0;
transition: .3s;
height: 0%;
width: calc(100% - 10px);
opacity: 0;
pointer-events: none
}
.pre-stay-form .form button[type=submit]::after {
content: '';
position: absolute;
top: 5px;
left: 8px;
background: 0 0;
border: solid rgba(0, 0, 0, .5);
border-width: 1px 0;
transition: .3s;
height: calc(100% - 10px);
width: 0%;
opacity: 0;
pointer-events: none
}
.pre-stay-form .form button[type=submit]:hover {
background-color: #ADBDB2;
border: 1px solid #adbdb2;
text-decoration: none !important
}
.cms a,
.property-information__accordion .accordion-item .accordion-content a:active,
.property-information__accordion .accordion-item .accordion-content a:hover,
.timeline__content a:hover {
text-decoration: underline
}
.pre-stay-form .form button[type=submit]:hover::before {
height: calc(100% - 20px);
opacity: 1
}
.pre-stay-form .form button[type=submit]:hover::after {
width: calc(100% - 15px);
opacity: 1
}
.pre-stay-form .form button[type=submit] span {
font-size: .8125rem;
line-height: .8125rem;
color: #fff;
text-transform: uppercase;
padding: 8px 20px;
background-color: transparent;
margin: 0 !important
}
.pre-stay-form .accordion {
margin-left: 0
}
.pre-stay-form .accordion-item .accordion-title {
background-color: #dde1e3;
color: #0a0a0a;
font-size: 18px;
position: relative;
padding: 10px 20px;
display: block
}
.pre-stay-form .accordion-item .accordion-title:before {
margin-top: -3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #adbdb2;
position: absolute;
top: 50%;
left: 4px
}
.pre-stay-form .accordion-item .accordion-title.error {
background-color: red;
color: #fff
}
.pre-stay-form .accordion-item .accordion-title.error:before {
border-top-color: #fff
}
.pre-stay-form .accordion-item .accordion-content .innerWide {
margin-left: -15px;
margin-right: -15px
}
.pre-stay-form .accordion-item .accordion-content .innerWide .col {
margin-left: 15px !important;
margin-right: 15px !important
}
.pre-stay-form .accordion-item.is-active .accordion-title {
background-color: #adbdb2;
color: #fff
}
.pre-stay-form .accordion-item.is-active .accordion-title.error {
background-color: #adbdb2;
color: #fff
}
.pre-stay-form .accordion-item.is-active .accordion-title.error:before {
border-top-color: #adbdb2
}
.pre-stay-form .umbraco-forms-field {
height: auto !important;
margin-bottom: 20px
}
.pre-stay-form .umbraco-forms-field.titleanddescription h2 {
font-size: 24px;
font-weight: 400
}
.pre-stay-form .umbraco-forms-field.dividerline hr {
margin: 0;
border-bottom: none;
border-left: none;
border-right: none;
border-top-color: #8c9b9f;
color: #8c9b9f
}
.pre-stay-form .umbraco-forms-field>.umbraco-forms-field-wrapper ul {
list-style: none
}
.pre-stay-form .umbraco-forms-field>.umbraco-forms-field-wrapper a {
color: #ADBDB2
}
.pre-stay-form .umbraco-forms-field>.umbraco-forms-field-wrapper input,
.pre-stay-form .umbraco-forms-field>.umbraco-forms-field-wrapper select {
margin: 0 auto
}
@media screen and (max-width:768px) {
.pre-stay-form .umbraco-forms-field>.umbraco-forms-field-wrapper>* {
margin-left: auto;
margin-right: auto
}
}
.pre-stay-form .umbraco-forms-container {
padding-top: 10px
}
.pre-stay-form .umbraco-forms-container.grid3,
.pre-stay-form .umbraco-forms-container.grid4 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (min-width:769px) {
.pre-stay-form .umbraco-forms-container.grid3,
.pre-stay-form .umbraco-forms-container.grid4 {
min-width: 0 !important
}
}
.pre-stay-form .umbraco-forms-container.grid3>div,
.pre-stay-form .umbraco-forms-container.grid4>div {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.pre-stay-form .umbraco-forms-container.medium-6 .checkboxlist,
.pre-stay-form .umbraco-forms-container.medium-6 .radiobuttonlist {
padding-left: 15px
}
.pre-stay-form .umbraco-forms-container.medium-6 .checkboxlist label:first-child,
.pre-stay-form .umbraco-forms-container.medium-6 .radiobuttonlist label:first-child {
padding: 0;
display: block
}
.pre-stay-form .umbraco-forms-tooltip {
padding: 15px 15px 5px;
font-style: italic
}
.pika-table .is-selected .pika-button {
background-color: #adbdb2;
box-shadow: none;
border-radius: 0
}
.pika-table .is-today .pika-button {
color: #adbdb2
}
.pika-table .pika-button {
border-radius: 0
}
.pika-table .pika-button:hover {
background-color: rgba(173, 189, 178, .7);
border-radius: 0
}
.timeline {
width: 100%;
max-width: 1060px;
margin: 0 auto 30px
}
.timeline button:active,
.timeline button:focus {
outline: 0
}
.timeline__header h2 {
position: relative;
display: inline-block;
font-weight: 400
}
.timeline__header h2::after,
.timeline__header h2::before {
content: '';
position: absolute;
top: 50%;
width: 34px;
height: 1px;
background-color: #959595
}
.timeline__header h2::before {
left: -70px
}
.timeline__header h2::after {
right: -70px
}
.timeline .slick-list {
margin: 0
}
.timeline__wrapper {
position: relative
}
.timeline__items {
padding: 0 35px
}
@media screen and (min-width:451px) {
.timeline__items {
padding: 0 40px
}
}
@media screen and (min-width:641px) {
.timeline__items {
padding: 0
}
}
.timeline__items .slick-arrow {
position: absolute;
z-index: 9;
top: 0;
left: 0;
right: 0;
width: 100%;
padding-left: 50%;
padding-top: 14px;
padding-right: 85px;
font-size: 13px;
height: 13px;
color: #373737
}
@media screen and (max-width:640px) {
.timeline__items .slick-arrow {
padding-left: 0;
padding-right: 0;
width: auto;
height: 52px
}
}
.timeline__items .slick-arrow::after,
.timeline__items .slick-arrow::before {
display: block;
width: 26px;
height: 15px;
margin: 5px auto;
background-repeat: no-repeat;
background-size: 26px 15px
}
.timeline__items .slick-arrow.slick-prev::before {
content: '';
background-image: url(img/timeline/timeline-up.svg)
}
@media screen and (max-width:640px) {
.timeline__items .slick-arrow.slick-prev {
top: 50%;
bottom: auto;
right: auto;
left: 3px;
padding: 0
}
.timeline__items .slick-arrow.slick-prev::before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
background-position: center;
height: 25px
}
}
.timeline__items .slick-arrow.slick-next {
top: auto;
bottom: 31px;
padding-top: 0;
padding-bottom: 14px
}
.timeline__items .slick-arrow.slick-next::after {
content: '';
background-image: url(img/timeline/timeline-down.svg)
}
@media screen and (max-width:640px) {
.timeline__items .slick-arrow.slick-next {
top: 50%;
bottom: auto;
left: auto;
right: 3px;
padding: 0
}
.timeline__items .slick-arrow.slick-next::before {
content: '';
background-image: url(img/timeline/timeline-down.svg);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
background-position: center;
height: 25px
}
.timeline__items .slick-arrow.slick-next::after {
content: none
}
}
.timeline__items .slick-arrow.slick-disabled {
opacity: .3
}
.timeline__image {
width: 50%;
float: left;
background: center center no-repeat;
background-size: contain
}
@media screen and (max-width:640px) {
.timeline__image {
width: 100%;
padding-bottom: 100%;
float: none
}
}
.timeline__content {
width: 50%;
min-height: 539px;
float: left;
padding: 40px 120px 40px 35px;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
@media screen and (max-width:640px) {
.timeline__content {
width: 100%;
float: none;
min-height: 0;
padding: 10px 20px
}
}
.timeline__content h3 {
font-weight: 400;
margin: 0 0 16px
}
.timeline__content h4 {
font-size: 15px;
font-weight: 400;
margin: 0 0 36px
}
.timeline__content p {
font-size: 13px;
line-height: 29px;
color: #373737
}
.timeline__content a {
color: #ADBDB2
}
.timeline__nav {
position: absolute;
z-index: 19;
top: 0;
right: 0;
bottom: 0;
width: 85px;
min-height: 539px;
background-color: #EBEBEB
}
@media screen and (max-width:640px) {
.timeline__nav {
position: static;
width: 100%;
min-height: 0;
height: 60px;
margin-bottom: 20px
}
}
.timeline__nav .slick-arrow {
position: static !important;
width: 100% !important;
height: 77px !important;
text-indent: -12345px;
background: url(img/timeline/timeline-nav-up.svg) no-repeat;
background-position: 23px 58px !important;
background-size: 15px 8px !important
}
.timeline__year,
.timeline__year button::after {
background-color: #EBEBEB;
transition: background-color .3s ease-in-out
}
.timeline__nav .slick-arrow.slick-next {
background-image: url(img/timeline/timeline-nav-down.svg);
background-position: 23px 9px !important
}
.timeline__nav .slick-arrow.slick-disabled {
opacity: .3
}
.timeline__year {
width: 32%;
outline: 0 !important
}
.timeline__year button {
position: relative;
height: 77px;
line-height: 77px;
font-size: 13px;
padding-left: 37px;
color: #535353
}
@media screen and (max-width:640px) {
.timeline__year button {
padding: 0;
height: 60px;
line-height: 60px;
text-align: center;
width: 100%
}
}
.timeline__year button::before {
content: '';
position: absolute;
left: 29px;
top: -1px;
bottom: -1px;
width: 1px;
background-color: #959595
}
@media screen and (max-width:640px) {
.timeline__year button::before {
left: 50%;
bottom: 0;
top: 42px
}
.timeline__year button::after {
display: none
}
}
.timeline__year button::after {
content: '';
position: absolute;
top: 34px;
left: 25px;
width: 9px;
height: 9px;
border: 1px solid #959595;
border-radius: 100%
}
.timeline__year.slick-current {
background-color: #DEDEDE
}
.timeline__year.slick-current button::after {
background-color: #959595
}
.timeline .slick-arrow {
line-height: 1 !important
}
.timeline .slick-arrow.slick-next,
.timeline .slick-arrow.slick-next:hover,
.timeline .slick-arrow.slick-prev,
.timeline .slick-arrow.slick-prev:hover {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.timeline__items .slick-arrow.slick-next,
.timeline__items .slick-arrow.slick-next:hover,
.timeline__items .slick-arrow.slick-prev,
.timeline__items .slick-arrow.slick-prev:hover {
background-image: none !important
}
.timeline .slick-arrow.slick-prev::before .slick-arrow.slick-next::before {
opacity: 1 !important
}
.timeline .slick-slider {
-webkit-user-select: text;
-ms-user-select: text;
user-select: text
}
.property-listing {
max-width: 1000px;
margin: 0 auto 30px
}
.property-listing .align-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.property-listing .align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.property-listing .align-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.property-listing .align-spaced {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.property-listing .align-right.vertical.menu>li>a {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.property-listing .align-center.vertical.menu>li>a {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.property-listing .align-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.property-listing .align-self-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.property-listing .align-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.property-listing .align-self-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.property-listing .align-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.property-listing .align-self-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.property-listing .align-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.property-listing .align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch
}
.property-listing .align-center-middle {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center
}
.property-listing .small-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-listing .small-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-listing .small-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-listing .small-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-listing .small-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-listing .small-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
@media print,
screen and (min-width:40em) {
.property-listing .medium-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-listing .medium-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-listing .medium-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-listing .medium-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-listing .medium-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-listing .medium-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media print,
screen and (min-width:68.125em) {
.property-listing .large-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-listing .large-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-listing .large-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-listing .large-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-listing .large-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-listing .large-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:75em) {
.property-listing .xlarge-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-listing .xlarge-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-listing .xlarge-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-listing .xlarge-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-listing .xlarge-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-listing .xlarge-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:96.875em) {
.property-listing .xxlarge-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-listing .xxlarge-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-listing .xxlarge-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-listing .xxlarge-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-listing .xxlarge-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-listing .xxlarge-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
.property-listing .flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-listing .flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-listing .flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-listing .flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-listing .flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-listing .flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-listing .flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-listing .flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media print,
screen and (min-width:40em) {
.property-listing .medium-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-listing .medium-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-listing .medium-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-listing .medium-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-listing .medium-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-listing .medium-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-listing .medium-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-listing .medium-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media print,
screen and (min-width:68.125em) {
.property-listing .large-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-listing .large-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-listing .large-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-listing .large-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-listing .large-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-listing .large-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-listing .large-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-listing .large-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:75em) {
.property-listing .xlarge-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-listing .xlarge-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-listing .xlarge-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-listing .xlarge-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-listing .xlarge-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-listing .xlarge-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-listing .xlarge-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-listing .xlarge-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:96.875em) {
.property-listing .xxlarge-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-listing .xxlarge-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-listing .xxlarge-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-listing .xxlarge-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-listing .xxlarge-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-listing .xxlarge-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-listing .xxlarge-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-listing .xxlarge-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.property-listing .row {
margin-right: auto;
margin-left: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.property-listing .row .row {
margin-right: -.625rem;
margin-left: -.625rem
}
@media print,
screen and (min-width:40em) {
.property-listing .row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media print,
screen and (min-width:68.125em) {
.property-listing .row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media screen and (min-width:75em) {
.property-listing .row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media screen and (min-width:96.875em) {
.property-listing .row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.property-listing .row .row.collapse {
margin-right: 0;
margin-left: 0
}
.property-listing .row.expanded {
max-width: none
}
.property-listing .row.expanded .row {
margin-right: auto;
margin-left: auto
}
.property-listing .row:not(.expanded) .row {
max-width: none
}
.property-listing .property-information .row.collapse>.columns,
.property-listing .row.collapse>.column,
.property-listing .row.collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-listing .property-information .row.collapse>.columns>.row,
.property-listing .row.collapse>.column>.row,
.property-listing .row.collapse>.columns>.row,
.property-listing .row.is-collapse-child {
margin-right: 0;
margin-left: 0
}
.property-listing .column,
.property-listing .columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-right: .625rem;
padding-left: .625rem;
min-width: 0
}
@media print,
screen and (min-width:40em) {
.property-listing .column,
.property-listing .columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.property-listing .column.row.row,
.property-listing .row.row.columns {
float: none;
display: block
}
.property-listing .row .column.row.row,
.property-listing .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0
}
.property-listing .small-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-listing .small-offset-0 {
margin-left: 0
}
.property-listing .small-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .small-offset-1 {
margin-left: 8.33333%
}
.property-listing .small-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .small-offset-2 {
margin-left: 16.66667%
}
.property-listing .small-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .small-offset-3 {
margin-left: 25%
}
.property-listing .small-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-listing .small-offset-4 {
margin-left: 33.33333%
}
.property-listing .small-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .small-offset-5 {
margin-left: 41.66667%
}
.property-listing .small-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-listing .small-offset-6 {
margin-left: 50%
}
.property-listing .small-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-listing .small-offset-7 {
margin-left: 58.33333%
}
.property-listing .small-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-listing .small-offset-8 {
margin-left: 66.66667%
}
.property-listing .small-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-listing .small-offset-9 {
margin-left: 75%
}
.property-listing .small-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-listing .small-offset-10 {
margin-left: 83.33333%
}
.property-listing .small-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .small-offset-11 {
margin-left: 91.66667%
}
.property-listing .small-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .small-up-1>.columns,
.property-listing .small-up-1>.column,
.property-listing .small-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .small-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .small-up-2>.columns,
.property-listing .small-up-2>.column,
.property-listing .small-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .small-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .small-up-3>.columns,
.property-listing .small-up-3>.column,
.property-listing .small-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .small-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .small-up-4>.columns,
.property-listing .small-up-4>.column,
.property-listing .small-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .small-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .small-up-5>.columns,
.property-listing .small-up-5>.column,
.property-listing .small-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-listing .small-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .small-up-6>.columns,
.property-listing .small-up-6>.column,
.property-listing .small-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .small-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .small-up-7>.columns,
.property-listing .small-up-7>.column,
.property-listing .small-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-listing .small-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .small-up-8>.columns,
.property-listing .small-up-8>.column,
.property-listing .small-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.property-listing .property-information .small-collapse>.columns,
.property-listing .small-collapse>.column,
.property-listing .small-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-listing .property-information .small-uncollapse>.columns,
.property-listing .small-uncollapse>.column,
.property-listing .small-uncollapse>.columns {
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.property-listing .medium-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-listing .medium-offset-0 {
margin-left: 0
}
.property-listing .medium-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .medium-offset-1 {
margin-left: 8.33333%
}
.property-listing .medium-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .medium-offset-2 {
margin-left: 16.66667%
}
.property-listing .medium-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .medium-offset-3 {
margin-left: 25%
}
.property-listing .medium-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-listing .medium-offset-4 {
margin-left: 33.33333%
}
.property-listing .medium-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .medium-offset-5 {
margin-left: 41.66667%
}
.property-listing .medium-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-listing .medium-offset-6 {
margin-left: 50%
}
.property-listing .medium-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-listing .medium-offset-7 {
margin-left: 58.33333%
}
.property-listing .medium-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-listing .medium-offset-8 {
margin-left: 66.66667%
}
.property-listing .medium-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-listing .medium-offset-9 {
margin-left: 75%
}
.property-listing .medium-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-listing .medium-offset-10 {
margin-left: 83.33333%
}
.property-listing .medium-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .medium-offset-11 {
margin-left: 91.66667%
}
.property-listing .medium-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .medium-up-1>.column,
.property-listing .medium-up-1>.columns,
.property-listing .property-information .medium-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .medium-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .medium-up-2>.column,
.property-listing .medium-up-2>.columns,
.property-listing .property-information .medium-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .medium-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .medium-up-3>.column,
.property-listing .medium-up-3>.columns,
.property-listing .property-information .medium-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .medium-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .medium-up-4>.column,
.property-listing .medium-up-4>.columns,
.property-listing .property-information .medium-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .medium-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .medium-up-5>.column,
.property-listing .medium-up-5>.columns,
.property-listing .property-information .medium-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-listing .medium-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .medium-up-6>.column,
.property-listing .medium-up-6>.columns,
.property-listing .property-information .medium-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .medium-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .medium-up-7>.column,
.property-listing .medium-up-7>.columns,
.property-listing .property-information .medium-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-listing .medium-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .medium-up-8>.column,
.property-listing .medium-up-8>.columns,
.property-listing .property-information .medium-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width:40em) and (min-width:40em) {
.property-listing .medium-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print,
screen and (min-width:40em) {
.property-listing .medium-collapse>.column,
.property-listing .medium-collapse>.columns,
.property-listing .property-information .medium-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-listing .medium-uncollapse>.column,
.property-listing .medium-uncollapse>.columns,
.property-listing .property-information .medium-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media print,
screen and (min-width:68.125em) {
.property-listing .large-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-listing .large-offset-0 {
margin-left: 0
}
.property-listing .large-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .large-offset-1 {
margin-left: 8.33333%
}
.property-listing .large-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .large-offset-2 {
margin-left: 16.66667%
}
.property-listing .large-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .large-offset-3 {
margin-left: 25%
}
.property-listing .large-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-listing .large-offset-4 {
margin-left: 33.33333%
}
.property-listing .large-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .large-offset-5 {
margin-left: 41.66667%
}
.property-listing .large-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-listing .large-offset-6 {
margin-left: 50%
}
.property-listing .large-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-listing .large-offset-7 {
margin-left: 58.33333%
}
.property-listing .large-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-listing .large-offset-8 {
margin-left: 66.66667%
}
.property-listing .large-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-listing .large-offset-9 {
margin-left: 75%
}
.property-listing .large-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-listing .large-offset-10 {
margin-left: 83.33333%
}
.property-listing .large-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .large-offset-11 {
margin-left: 91.66667%
}
.property-listing .large-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .large-up-1>.column,
.property-listing .large-up-1>.columns,
.property-listing .property-information .large-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .large-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .large-up-2>.column,
.property-listing .large-up-2>.columns,
.property-listing .property-information .large-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .large-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .large-up-3>.column,
.property-listing .large-up-3>.columns,
.property-listing .property-information .large-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .large-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .large-up-4>.column,
.property-listing .large-up-4>.columns,
.property-listing .property-information .large-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .large-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .large-up-5>.column,
.property-listing .large-up-5>.columns,
.property-listing .property-information .large-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-listing .large-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .large-up-6>.column,
.property-listing .large-up-6>.columns,
.property-listing .property-information .large-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .large-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .large-up-7>.column,
.property-listing .large-up-7>.columns,
.property-listing .property-information .large-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-listing .large-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .large-up-8>.column,
.property-listing .large-up-8>.columns,
.property-listing .property-information .large-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width:68.125em) and (min-width:68.125em) {
.property-listing .large-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print,
screen and (min-width:68.125em) {
.property-listing .large-collapse>.column,
.property-listing .large-collapse>.columns,
.property-listing .property-information .large-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-listing .large-uncollapse>.column,
.property-listing .large-uncollapse>.columns,
.property-listing .property-information .large-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media screen and (min-width:75em) {
.property-listing .xlarge-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-listing .xlarge-offset-0 {
margin-left: 0
}
.property-listing .xlarge-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .xlarge-offset-1 {
margin-left: 8.33333%
}
.property-listing .xlarge-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .xlarge-offset-2 {
margin-left: 16.66667%
}
.property-listing .xlarge-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .xlarge-offset-3 {
margin-left: 25%
}
.property-listing .xlarge-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-listing .xlarge-offset-4 {
margin-left: 33.33333%
}
.property-listing .xlarge-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .xlarge-offset-5 {
margin-left: 41.66667%
}
.property-listing .xlarge-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-listing .xlarge-offset-6 {
margin-left: 50%
}
.property-listing .xlarge-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-listing .xlarge-offset-7 {
margin-left: 58.33333%
}
.property-listing .xlarge-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-listing .xlarge-offset-8 {
margin-left: 66.66667%
}
.property-listing .xlarge-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-listing .xlarge-offset-9 {
margin-left: 75%
}
.property-listing .xlarge-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-listing .xlarge-offset-10 {
margin-left: 83.33333%
}
.property-listing .xlarge-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .xlarge-offset-11 {
margin-left: 91.66667%
}
.property-listing .xlarge-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xlarge-up-1>.columns,
.property-listing .xlarge-up-1>.column,
.property-listing .xlarge-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .xlarge-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xlarge-up-2>.columns,
.property-listing .xlarge-up-2>.column,
.property-listing .xlarge-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .xlarge-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xlarge-up-3>.columns,
.property-listing .xlarge-up-3>.column,
.property-listing .xlarge-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .xlarge-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xlarge-up-4>.columns,
.property-listing .xlarge-up-4>.column,
.property-listing .xlarge-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .xlarge-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xlarge-up-5>.columns,
.property-listing .xlarge-up-5>.column,
.property-listing .xlarge-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-listing .xlarge-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xlarge-up-6>.columns,
.property-listing .xlarge-up-6>.column,
.property-listing .xlarge-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .xlarge-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xlarge-up-7>.columns,
.property-listing .xlarge-up-7>.column,
.property-listing .xlarge-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-listing .xlarge-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xlarge-up-8>.columns,
.property-listing .xlarge-up-8>.column,
.property-listing .xlarge-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width:75em) and (min-width:75em) {
.property-listing .xlarge-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (min-width:75em) {
.property-listing .property-information .xlarge-collapse>.columns,
.property-listing .xlarge-collapse>.column,
.property-listing .xlarge-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-listing .property-information .xlarge-uncollapse>.columns,
.property-listing .xlarge-uncollapse>.column,
.property-listing .xlarge-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media screen and (min-width:96.875em) {
.property-listing .xxlarge-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-listing .xxlarge-offset-0 {
margin-left: 0
}
.property-listing .xxlarge-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .xxlarge-offset-1 {
margin-left: 8.33333%
}
.property-listing .xxlarge-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .xxlarge-offset-2 {
margin-left: 16.66667%
}
.property-listing .xxlarge-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .xxlarge-offset-3 {
margin-left: 25%
}
.property-listing .xxlarge-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-listing .xxlarge-offset-4 {
margin-left: 33.33333%
}
.property-listing .xxlarge-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .xxlarge-offset-5 {
margin-left: 41.66667%
}
.property-listing .xxlarge-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-listing .xxlarge-offset-6 {
margin-left: 50%
}
.property-listing .xxlarge-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-listing .xxlarge-offset-7 {
margin-left: 58.33333%
}
.property-listing .xxlarge-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-listing .xxlarge-offset-8 {
margin-left: 66.66667%
}
.property-listing .xxlarge-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-listing .xxlarge-offset-9 {
margin-left: 75%
}
.property-listing .xxlarge-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-listing .xxlarge-offset-10 {
margin-left: 83.33333%
}
.property-listing .xxlarge-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .xxlarge-offset-11 {
margin-left: 91.66667%
}
.property-listing .xxlarge-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xxlarge-up-1>.columns,
.property-listing .xxlarge-up-1>.column,
.property-listing .xxlarge-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-listing .xxlarge-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xxlarge-up-2>.columns,
.property-listing .xxlarge-up-2>.column,
.property-listing .xxlarge-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-listing .xxlarge-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xxlarge-up-3>.columns,
.property-listing .xxlarge-up-3>.column,
.property-listing .xxlarge-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-listing .xxlarge-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xxlarge-up-4>.columns,
.property-listing .xxlarge-up-4>.column,
.property-listing .xxlarge-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-listing .xxlarge-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xxlarge-up-5>.columns,
.property-listing .xxlarge-up-5>.column,
.property-listing .xxlarge-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-listing .xxlarge-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xxlarge-up-6>.columns,
.property-listing .xxlarge-up-6>.column,
.property-listing .xxlarge-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-listing .xxlarge-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xxlarge-up-7>.columns,
.property-listing .xxlarge-up-7>.column,
.property-listing .xxlarge-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-listing .xxlarge-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-listing .property-information .xxlarge-up-8>.columns,
.property-listing .xxlarge-up-8>.column,
.property-listing .xxlarge-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width:96.875em) and (min-width:96.875em) {
.property-listing .xxlarge-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (min-width:96.875em) {
.property-listing .property-information .xxlarge-collapse>.columns,
.property-listing .xxlarge-collapse>.column,
.property-listing .xxlarge-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-listing .property-information .xxlarge-uncollapse>.columns,
.property-listing .xxlarge-uncollapse>.column,
.property-listing .xxlarge-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.property-listing .shrink {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%
}
.property-listing .column-block {
margin-bottom: 1.25rem
}
.property-listing .column-block>:last-child {
margin-bottom: 0
}
.property-listing .row {
max-width: 1300px
}
@media print,
screen and (min-width:40em) {
.property-listing .column-block {
margin-bottom: 1.875rem
}
.property-listing .column-block>:last-child {
margin-bottom: 0
}
.property-listing .medium-text-right {
text-align: right
}
}
.property-listing__views {
list-style: none;
margin: 0 0 15px;
display: inline-block
}
.property-listing__views>li {
display: inline-block
}
.property-listing__views li {
vertical-align: middle;
font-family: Newsreader, sans-serif;
font-size: 14px;
font-style: italic
}
.property-listing__views li:first-child {
margin-right: 10px
}
.property-listing__views li input {
display: none
}
.property-listing__view {
position: relative;
display: inline-block;
width: 32px;
height: 32px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
cursor: pointer
}
input[type=radio]+.property-listing__view {
margin: 0
}
input[type=radio]:checked+.property-listing__view {
background-color: rgba(0, 0, 0, .1)
}
.property-listing__view:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: 22px 22px
}
.property-listing__view--grid:before {
background-image: url(../assets/img/jumby-bay/icon-grid.png)
}
input[type=radio]:checked+.property-listing__view--grid:before {
background-image: url(../assets/img/jumby-bay/icon-grid-solid.png)
}
.property-listing__view--list:before {
background-image: url(../assets/img/jumby-bay/icon-list.png)
}
input[type=radio]:checked+.property-listing__view--list:before {
background-image: url(../assets/img/jumby-bay/icon-list-solid.png)
}
.property-listing__view--map:before {
background-image: url(../assets/img/jumby-bay/icon-map.png)
}
input[type=radio]:checked+.property-listing__view--map:before {
background-image: url(../assets/img/jumby-bay/icon-map-solid.png)
}
.property-listing__wrapper {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding-top: 5px
}
.property-listing--grid .property-listing__wrapper,
.property-listing--list .property-listing__wrapper {
margin-top: -25px
}
.property-listing__wrapper>.off-canvas-content {
max-width: calc(100vw - 20px);
margin-left: auto;
margin-right: auto;
transition: max-width .5s ease, -webkit-transform .5s ease;
transition: transform .5s ease, max-width .5s ease;
transition: transform .5s ease, max-width .5s ease, -webkit-transform .5s ease
}
@media screen and (min-width:1100px) {
.property-listing__wrapper>.off-canvas-content {
max-width: 1000px
}
}
.property-listing--map .property-listing__wrapper>.off-canvas-content {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.property-listing__wrapper>.off-canvas-content>.js-off-canvas-overlay {
background: 0 0
}
.property-listing__filters {
height: auto;
width: 100vw;
-webkit-transform: translateX(-100vw);
-ms-transform: translateX(-100vw);
transform: translateX(-100vw);
margin-top: 5px;
margin-left: 50px;
padding: 10px 60px;
background-color: #fff;
border: 1px solid #e9eff0;
transition: margin .5s ease, -webkit-transform .5s ease;
transition: transform .5s ease, margin .5s ease;
transition: transform .5s ease, margin .5s ease, -webkit-transform .5s ease;
text-align: center
}
@media print,
screen and (min-width:40em) {
.property-listing__filters {
width: 400px;
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px);
visibility: visible !important
}
.property-listing__filters.is-open~.off-canvas-content {
-webkit-transform: translateX(195px);
-ms-transform: translateX(195px);
transform: translateX(195px)
}
}
@media screen and (min-width:40em) and (min-width:1090px) {
.property-listing__filters.is-open~.off-canvas-content {
max-width: calc(100vw - 425px)
}
}
@media screen and (min-width:40em) and (min-width:1500px) {
.property-listing__filters.is-open~.off-canvas-content {
-webkit-transform: translateX(155px);
-ms-transform: translateX(155px);
transform: translateX(155px)
}
}
@media screen and (min-width:40em) and (min-width:1600px) {
.property-listing__filters.is-open~.off-canvas-content {
-webkit-transform: translateX(105px);
-ms-transform: translateX(105px);
transform: translateX(105px)
}
}
@media screen and (min-width:40em) and (min-width:1700px) {
.property-listing__filters.is-open~.off-canvas-content {
-webkit-transform: translateX(60px);
-ms-transform: translateX(60px);
transform: translateX(60px)
}
}
@media screen and (min-width:40em) and (min-width:1800px) {
.property-listing__filters.is-open~.off-canvas-content {
-webkit-transform: translateX(35px);
-ms-transform: translateX(35px);
transform: translateX(35px)
}
}
.property-listing--grid .property-listing__filters,
.property-listing--list .property-listing__filters {
margin-top: 30px
}
@media screen and (max-width:39.9375em) {
.property-listing--map .property-listing__filters--hidden {
opacity: 0;
pointer-events: none
}
}
.property-listing__filters--fixed {
position: fixed;
top: 95px;
left: 0;
bottom: 0;
padding-bottom: 100px;
overflow: hidden
}
.property-listing__filters--fixed.property-listing__filters--large-offset {
top: 110px
}
@media print,
screen and (min-width:40em) {
.property-listing--map .property-listing__filters.is-open~.off-canvas-content {
max-width: inherit;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.property-listing__filters--fixed {
left: -8px
}
}
.property-listing__filters--fixed-bottom {
position: absolute;
top: auto;
left: 0;
bottom: 0
}
.property-listing__filters--open-fixed.is-open {
position: fixed;
top: 50px;
left: 0;
bottom: 0;
overflow-y: auto;
padding-bottom: 100px
}
@media print,
screen and (min-width:68.125em) {
.property-listing__filters--open-fixed.is-open {
top: 80px
}
.property-listing__filters--open-fixed.is-open.property-listing__filters--large-offset {
top: 110px
}
}
.property-listing__filters.is-open {
margin-left: 0
}
.property-listing__filters-toggle {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 40px;
height: 100%;
outline: transparent;
cursor: pointer
}
.property-listing__filters-toggle:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background-color: #ADBDB2
}
.property-listing__filters-toggle:after {
content: '';
position: absolute;
top: 20px;
left: 20px;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(180deg);
transform: translateX(-50%) translateY(-50%) rotate(180deg);
width: 10px;
height: 20px;
background: url(img/oetker-collection/arrow-left-black.svg) center no-repeat;
background-size: cover;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease
}
.hero-slider__mobileplay,
.property-listing__filters.is-open .property-listing__filters-toggle:after {
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%)
}
.property-listing__filters.is-open .property-listing__filters-toggle:after {
transform: translateX(-50%) translateY(-50%)
}
.property-listing__filters-toggle:focus {
outline: 0
}
.property-listing__filters-toggle span {
position: absolute;
top: 0;
right: 0;
width: 160px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
font-size: 16px;
line-height: 40px;
color: #373737;
background-color: #ADBDB2;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0
}
.property-listing__filters-heading,
.property-listing__filters-subheading {
font-family: "Gill Sans MT Pro", sans-serif;
font-size: 18px
}
.property-listing__filters-heading {
margin-bottom: 20px;
color: #000
}
.property-listing__filters-subheading {
margin-top: 15px;
margin-bottom: 10px;
color: #000
}
.property-listing__filters-datepicker,
.property-listing__filters-dropdown {
max-width: 175px;
margin: 0 auto 20px;
padding: .5rem 1.5rem .5rem .5rem;
background-position: right -1rem center;
color: #000;
width: 100%;
background-repeat: no-repeat;
font-style: italic
}
.property-listing__filters-checkbox,
.property-listing__filters-datepicker,
.property-listing__filters-dropdown {
font-family: Newsreader, sans-serif;
font-size: 16px
}
.property-listing__filters-dropdown {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 1px solid #000;
background-image: url(../assets/img/jumby-bay/arrow-down-grey.png);
background-size: 13px 7px;
background-origin: content-box
}
.property-listing__filters-dropdown::-ms-expand {
display: none
}
.property-listing__filters-datepicker {
border: 1px solid #000;
background-image: url(../assets/img/jumby-bay/calendar.png);
background-size: 14px 15px;
background-origin: content-box
}
.property-listing__filters-datepicker::-webkit-input-placeholder {
opacity: 1;
color: #000
}
.property-listing__filters-datepicker:-ms-input-placeholder {
opacity: 1;
color: #000
}
.property-listing__filters-datepicker::placeholder {
opacity: 1;
color: #000
}
.property-listing__filters-checkbox {
color: #000
}
.property-listing__item-heading,
.property-listing__no-results {
font-family: "Gill Sans MT Pro", sans-serif;
color: #000
}
.property-listing__filters-checkbox input[type=checkbox] {
margin: 0 .5rem 1.5rem 0
}
.property-listing__filters-checkbox-list {
list-style: none;
display: inline-block;
margin: 0 auto;
text-align: left
}
.property-listing__filters .btn {
margin-bottom: 20px
}
.property-listing__no-results {
display: none;
padding: 0 20px;
font-size: 18px;
text-align: center
}
.property-listing__no-results--active {
display: block
}
.property-listing__item {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column
}
.property-listing__item--hidden {
display: none
}
@media screen and (min-width:1090px) {
.property-listing--grid .property-listing__filters.is-open~.off-canvas-content .property-listing__item {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: calc(1000px / 3)
}
}
.property-listing--list .property-listing__item {
-webkit-flex: 0 0 100% !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 425px !important;
margin: 0 auto !important
}
@media print,
screen and (min-width:40em) {
.property-listing--list .property-listing__item {
max-width: 100% !important
}
}
.property-listing--map .property-listing__item {
display: none
}
.property-listing__item>div {
max-width: 395px;
margin: 30px auto 0;
padding: 20px 20px 0;
border: 1px solid #e9eff0;
text-align: center;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%
}
.property-listing--list .property-listing__item>div {
padding: 0;
max-width: none;
text-align: left;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media print,
screen and (min-width:40em) {
.property-listing--list .property-listing__item>div {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.property-listing--list .property-listing__item>div>a:first-child {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.property-listing--list .property-listing__item>div>a:first-child+div {
padding: 10px 20px;
text-align: center
}
@media print,
screen and (min-width:40em) {
.property-listing--list .property-listing__item>div>a:first-child {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-right: 40px
}
.property-listing--list .property-listing__item>div>a:first-child+div {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
padding: 90px 0 0;
text-align: left
}
}
.property-listing__item>div>a {
outline: transparent
}
.property-listing__item-heading {
margin: 20px 0;
font-weight: 400;
font-size: 24px
}
.property-listing--list .property-listing__item-heading {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
font-size: 28px;
padding: 20px 10px
}
.property-listing__item-description,
.property-listing__item-subheading {
font-size: 14px;
font-family: Newsreader, sans-serif;
color: #000
}
@media print,
screen and (min-width:40em) {
.property-listing--list .property-listing__item-heading {
position: absolute;
left: calc(40% + 40px);
top: 40px;
padding: 0
}
}
.property-listing__item-subheading {
margin-bottom: 20px;
font-style: italic
}
.property-listing__item-image {
width: 100%;
padding-bottom: 100%;
margin-bottom: 20px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.property-listing--list .property-listing__item-image {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
height: 100%;
padding-bottom: 0
}
@media screen and (max-width:39.9375em) {
.property-listing--list .property-listing__item-heading {
text-align: center
}
.property-listing--list .property-listing__item-image {
height: 325px
}
.position-right.is-open~.property-listing__map-content {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.property-listing__item .btn {
margin-bottom: 0
}
.property-listing--list .property-listing__item .btn {
margin-bottom: 20px
}
@media print,
screen and (min-width:40em) {
.property-listing--list .property-listing__item .btn {
margin-bottom: 40px
}
}
.property-listing__item-description {
display: none;
margin-bottom: 25px
}
.property-listing--list .property-listing__item-description {
display: block
}
.property-listing__item-features {
display: none;
list-style: none;
margin: 0;
padding: 20px 10px;
text-align: left
}
.property-listing--list .property-listing__item-features {
display: block;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
@media print,
screen and (min-width:40em) {
.property-listing--list .property-listing__item-features {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
margin-left: 30px
}
.property-listing__item-features {
padding-top: 90px
}
}
.property-listing__item-features li {
position: relative;
padding-left: 50px;
padding-bottom: 15px;
font-family: Newsreader, sans-serif;
font-size: 12px;
line-height: 25px;
color: #000
}
.property-listing__item-features li img {
position: absolute;
top: 0;
left: 0
}
.property-listing__item-features li.property-listing__item-features-heading {
padding-left: 0;
padding-bottom: 20px;
font-family: "Gill Sans MT Pro", sans-serif;
font-weight: 600;
font-size: 13px;
text-transform: uppercase
}
.property-listing__item-features-image {
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 25px;
background: center center no-repeat;
background-size: contain
}
.property-listing__item p,
.property-listing__item p span {
font-family: "Gill Sans MT Pro", sans-serif !important
}
.property-listing__map {
display: none;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw
}
.property-listing--map .property-listing__map {
display: block
}
.property-listing__map-content {
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: center;
background-color: rgba(0, 0, 0, .1)
}
.property-listing__map-island {
position: relative;
width: 100vw;
height: 84vw;
background-color: transparent
}
.property-listing__map-island.leaflet-container .leaflet-control-zoom {
margin-right: 15px;
margin-bottom: 35px;
border-radius: 0;
border-color: #fff
}
@media print,
screen and (min-width:40em) {
.property-listing__map-content {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.property-listing__map-island {
max-height: 675px
}
.property-listing__map-island.leaflet-container .leaflet-control-zoom {
margin-right: 50px;
margin-bottom: 75px
}
}
.property-listing__map-island.leaflet-container .leaflet-control-zoom a {
background-color: #ADBDB2;
color: #fff;
border-color: #fff
}
.property-listing__map-island.leaflet-container .leaflet-control-zoom a.leaflet-disabled {
opacity: .6
}
@media screen and (max-width:39.9375em) {
.property-listing__map-island--popup-open.property-listing__map-island.leaflet-container .leaflet-control-zoom {
display: none
}
}
.property-listing__map-island.leaflet-container .leaflet-marker-icon[style*='opacity: 0'] {
pointer-events: none
}
.property-listing__map-island.leaflet-container .leaflet-popup-content {
margin: 0
}
.property-listing__map-island.leaflet-container .leaflet-popup-content-wrapper {
box-shadow: none;
border: none;
border-radius: 0
}
.property-listing__map-island.leaflet-container .leaflet-popup-content .medium-6 {
padding: 20px
}
.property-listing__map-island.leaflet-container .leaflet-popup-tip {
display: none
}
.property-listing__map-island.leaflet-container .leaflet-popup-tip-container {
width: 50px;
height: 60px;
margin-left: -25px;
margin-top: -15px;
background: url(../assets/img/maps/map-marker-blue.png) center center no-repeat;
background-size: cover
}
.property-listing__map-island.leaflet-container .leaflet-popup-close-button {
top: 10px;
right: 10px;
width: 25px;
height: 25px;
font-size: 30px;
font-weight: 400;
color: #fff
}
.property-listing__map-property-marker {
display: none;
min-width: 100vw;
max-width: 100vw
}
@media print,
screen and (min-width:40em) {
.property-listing__map-island.leaflet-container .leaflet-popup-close-button {
top: 5px;
right: 5px;
color: #ADBDB2
}
.property-listing__map-property-marker {
min-width: 700px
}
}
.leaflet-popup .property-listing__map-property-marker {
display: block
}
.property-listing__map-property-marker-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
@media screen and (max-width:39.9375em) {
.property-listing__map-property-marker-image {
padding-bottom: 100% !important
}
}
.property-listing__map-property-marker-heading {
margin-bottom: 20px;
font-family: "Gill Sans MT Pro", sans-serif;
font-size: 18px;
color: #000
}
.property-listing__map-property-marker-subheading {
font-family: "Gill Sans MT Pro", sans-serif;
font-size: 14px;
font-style: italic
}
.property-listing__map-property-marker-description {
padding: 20px 40px 20px 0;
font-family: Newsreader, sans-serif;
font-size: 14px;
color: #000
}
.property-listing__map-property-marker-description p:first-child {
margin-top: 0
}
.property-listing__map-property-marker-description p:last-child {
margin-bottom: 0
}
.property-information {
max-width: 900px;
margin: 0 auto 30px
}
.property-information .align-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.property-information .align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.property-information .align-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.property-information .align-spaced {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.property-information .align-right.vertical.menu>li>a {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.property-information .align-center.vertical.menu>li>a {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.property-information .align-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.property-information .align-self-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.property-information .align-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.property-information .align-self-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.property-information .align-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.hotel-header__logo,
.property-information .align-self-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center
}
.property-information .align-self-middle {
align-self: center
}
.property-information .align-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.property-information .align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch
}
.property-information .align-center-middle {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center
}
.property-information .small-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-information .small-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-information .small-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-information .small-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-information .small-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-information .small-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
@media print,
screen and (min-width:40em) {
.property-information .medium-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-information .medium-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-information .medium-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-information .medium-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-information .medium-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-information .medium-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media print,
screen and (min-width:68.125em) {
.property-information .large-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-information .large-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-information .large-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-information .large-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-information .large-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-information .large-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:75em) {
.property-information .xlarge-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-information .xlarge-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-information .xlarge-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-information .xlarge-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-information .xlarge-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-information .xlarge-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:96.875em) {
.property-information .xxlarge-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.property-information .xxlarge-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.property-information .xxlarge-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.property-information .xxlarge-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.property-information .xxlarge-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.property-information .xxlarge-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
.property-information .flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-information .flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-information .flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-information .flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-information .flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-information .flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-information .flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-information .flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media print,
screen and (min-width:40em) {
.property-information .medium-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-information .medium-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-information .medium-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-information .medium-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-information .medium-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-information .medium-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-information .medium-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-information .medium-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media print,
screen and (min-width:68.125em) {
.property-information .large-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-information .large-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-information .large-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-information .large-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-information .large-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-information .large-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-information .large-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-information .large-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:75em) {
.property-information .xlarge-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-information .xlarge-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-information .xlarge-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-information .xlarge-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-information .xlarge-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-information .xlarge-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-information .xlarge-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-information .xlarge-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:96.875em) {
.property-information .xxlarge-flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.property-information .xxlarge-flex-child-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.property-information .xxlarge-flex-child-grow {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.property-information .xxlarge-flex-child-shrink {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.property-information .xxlarge-flex-dir-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.property-information .xxlarge-flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.property-information .xxlarge-flex-dir-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.property-information .xxlarge-flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.property-information .row {
margin-right: auto;
margin-left: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.property-information .row .row {
margin-right: -.625rem;
margin-left: -.625rem
}
@media print,
screen and (min-width:40em) {
.property-information .row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media print,
screen and (min-width:68.125em) {
.property-information .row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media screen and (min-width:75em) {
.property-information .row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media screen and (min-width:96.875em) {
.property-information .row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.property-information .row .row.collapse {
margin-right: 0;
margin-left: 0
}
.property-information .row.expanded {
max-width: none
}
.property-information .row.expanded .row {
margin-right: auto;
margin-left: auto
}
.property-information .row:not(.expanded) .row {
max-width: none
}
.property-information .property-listing .row.collapse>.columns,
.property-information .row.collapse>.column,
.property-information .row.collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .property-listing .row.collapse>.columns>.row,
.property-information .row.collapse>.column>.row,
.property-information .row.collapse>.columns>.row,
.property-information .row.is-collapse-child {
margin-right: 0;
margin-left: 0
}
.property-information .column,
.property-information .columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-right: .625rem;
padding-left: .625rem;
min-width: 0
}
@media print,
screen and (min-width:40em) {
.property-information .column,
.property-information .columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.property-information .column.row.row,
.property-information .row.row.columns {
float: none;
display: block
}
.property-information .row .column.row.row,
.property-information .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0
}
.property-information .small-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-information .small-offset-0 {
margin-left: 0
}
.property-information .small-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .small-offset-1 {
margin-left: 8.33333%
}
.property-information .small-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .small-offset-2 {
margin-left: 16.66667%
}
.property-information .small-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .small-offset-3 {
margin-left: 25%
}
.property-information .small-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-information .small-offset-4 {
margin-left: 33.33333%
}
.property-information .small-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .small-offset-5 {
margin-left: 41.66667%
}
.property-information .small-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-information .small-offset-6 {
margin-left: 50%
}
.property-information .small-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-information .small-offset-7 {
margin-left: 58.33333%
}
.property-information .small-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-information .small-offset-8 {
margin-left: 66.66667%
}
.property-information .small-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-information .small-offset-9 {
margin-left: 75%
}
.property-information .small-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-information .small-offset-10 {
margin-left: 83.33333%
}
.property-information .small-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .small-offset-11 {
margin-left: 91.66667%
}
.property-information .small-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .small-up-1>.columns,
.property-information .small-up-1>.column,
.property-information .small-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .small-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .small-up-2>.columns,
.property-information .small-up-2>.column,
.property-information .small-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .small-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .small-up-3>.columns,
.property-information .small-up-3>.column,
.property-information .small-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .small-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .small-up-4>.columns,
.property-information .small-up-4>.column,
.property-information .small-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .small-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .small-up-5>.columns,
.property-information .small-up-5>.column,
.property-information .small-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-information .small-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .small-up-6>.columns,
.property-information .small-up-6>.column,
.property-information .small-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .small-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .small-up-7>.columns,
.property-information .small-up-7>.column,
.property-information .small-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-information .small-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .small-up-8>.columns,
.property-information .small-up-8>.column,
.property-information .small-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.property-information .property-listing .small-collapse>.columns,
.property-information .small-collapse>.column,
.property-information .small-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .property-listing .small-uncollapse>.columns,
.property-information .small-uncollapse>.column,
.property-information .small-uncollapse>.columns {
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.property-information .medium-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-information .medium-offset-0 {
margin-left: 0
}
.property-information .medium-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .medium-offset-1 {
margin-left: 8.33333%
}
.property-information .medium-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .medium-offset-2 {
margin-left: 16.66667%
}
.property-information .medium-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .medium-offset-3 {
margin-left: 25%
}
.property-information .medium-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-information .medium-offset-4 {
margin-left: 33.33333%
}
.property-information .medium-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .medium-offset-5 {
margin-left: 41.66667%
}
.property-information .medium-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-information .medium-offset-6 {
margin-left: 50%
}
.property-information .medium-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-information .medium-offset-7 {
margin-left: 58.33333%
}
.property-information .medium-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-information .medium-offset-8 {
margin-left: 66.66667%
}
.property-information .medium-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-information .medium-offset-9 {
margin-left: 75%
}
.property-information .medium-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-information .medium-offset-10 {
margin-left: 83.33333%
}
.property-information .medium-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .medium-offset-11 {
margin-left: 91.66667%
}
.property-information .medium-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .medium-up-1>.column,
.property-information .medium-up-1>.columns,
.property-information .property-listing .medium-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .medium-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .medium-up-2>.column,
.property-information .medium-up-2>.columns,
.property-information .property-listing .medium-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .medium-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .medium-up-3>.column,
.property-information .medium-up-3>.columns,
.property-information .property-listing .medium-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .medium-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .medium-up-4>.column,
.property-information .medium-up-4>.columns,
.property-information .property-listing .medium-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .medium-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .medium-up-5>.column,
.property-information .medium-up-5>.columns,
.property-information .property-listing .medium-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-information .medium-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .medium-up-6>.column,
.property-information .medium-up-6>.columns,
.property-information .property-listing .medium-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .medium-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .medium-up-7>.column,
.property-information .medium-up-7>.columns,
.property-information .property-listing .medium-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-information .medium-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .medium-up-8>.column,
.property-information .medium-up-8>.columns,
.property-information .property-listing .medium-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width:40em) and (min-width:40em) {
.property-information .medium-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.property-information .row.medium-unstack>.columns,
.property-listing .row.medium-unstack>.columns,
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media print,
screen and (min-width:40em) {
.property-information .row.medium-unstack>.columns,
.property-listing .row.medium-unstack>.columns,
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.property-information .medium-collapse>.column,
.property-information .medium-collapse>.columns,
.property-information .property-listing .medium-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .medium-uncollapse>.column,
.property-information .medium-uncollapse>.columns,
.property-information .property-listing .medium-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media print,
screen and (min-width:68.125em) {
.property-information .large-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-information .large-offset-0 {
margin-left: 0
}
.property-information .large-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .large-offset-1 {
margin-left: 8.33333%
}
.property-information .large-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .large-offset-2 {
margin-left: 16.66667%
}
.property-information .large-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .large-offset-3 {
margin-left: 25%
}
.property-information .large-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-information .large-offset-4 {
margin-left: 33.33333%
}
.property-information .large-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .large-offset-5 {
margin-left: 41.66667%
}
.property-information .large-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-information .large-offset-6 {
margin-left: 50%
}
.property-information .large-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-information .large-offset-7 {
margin-left: 58.33333%
}
.property-information .large-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-information .large-offset-8 {
margin-left: 66.66667%
}
.property-information .large-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-information .large-offset-9 {
margin-left: 75%
}
.property-information .large-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-information .large-offset-10 {
margin-left: 83.33333%
}
.property-information .large-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .large-offset-11 {
margin-left: 91.66667%
}
.property-information .large-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .large-up-1>.column,
.property-information .large-up-1>.columns,
.property-information .property-listing .large-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .large-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .large-up-2>.column,
.property-information .large-up-2>.columns,
.property-information .property-listing .large-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .large-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .large-up-3>.column,
.property-information .large-up-3>.columns,
.property-information .property-listing .large-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .large-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .large-up-4>.column,
.property-information .large-up-4>.columns,
.property-information .property-listing .large-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .large-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .large-up-5>.column,
.property-information .large-up-5>.columns,
.property-information .property-listing .large-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-information .large-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .large-up-6>.column,
.property-information .large-up-6>.columns,
.property-information .property-listing .large-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .large-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .large-up-7>.column,
.property-information .large-up-7>.columns,
.property-information .property-listing .large-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-information .large-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .large-up-8>.column,
.property-information .large-up-8>.columns,
.property-information .property-listing .large-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width:68.125em) and (min-width:68.125em) {
.property-information .large-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.property-information .row.large-unstack>.columns,
.property-listing .row.large-unstack>.columns,
.row.large-unstack>.column,
.row.large-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media print,
screen and (min-width:68.125em) {
.property-information .row.large-unstack>.columns,
.property-listing .row.large-unstack>.columns,
.row.large-unstack>.column,
.row.large-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.property-information .large-collapse>.column,
.property-information .large-collapse>.columns,
.property-information .property-listing .large-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .large-uncollapse>.column,
.property-information .large-uncollapse>.columns,
.property-information .property-listing .large-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media screen and (min-width:75em) {
.property-information .xlarge-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-information .xlarge-offset-0 {
margin-left: 0
}
.property-information .xlarge-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .xlarge-offset-1 {
margin-left: 8.33333%
}
.property-information .xlarge-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .xlarge-offset-2 {
margin-left: 16.66667%
}
.property-information .xlarge-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .xlarge-offset-3 {
margin-left: 25%
}
.property-information .xlarge-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-information .xlarge-offset-4 {
margin-left: 33.33333%
}
.property-information .xlarge-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .xlarge-offset-5 {
margin-left: 41.66667%
}
.property-information .xlarge-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-information .xlarge-offset-6 {
margin-left: 50%
}
.property-information .xlarge-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-information .xlarge-offset-7 {
margin-left: 58.33333%
}
.property-information .xlarge-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-information .xlarge-offset-8 {
margin-left: 66.66667%
}
.property-information .xlarge-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-information .xlarge-offset-9 {
margin-left: 75%
}
.property-information .xlarge-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-information .xlarge-offset-10 {
margin-left: 83.33333%
}
.property-information .xlarge-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .xlarge-offset-11 {
margin-left: 91.66667%
}
.property-information .xlarge-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xlarge-up-1>.columns,
.property-information .xlarge-up-1>.column,
.property-information .xlarge-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .xlarge-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xlarge-up-2>.columns,
.property-information .xlarge-up-2>.column,
.property-information .xlarge-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .xlarge-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xlarge-up-3>.columns,
.property-information .xlarge-up-3>.column,
.property-information .xlarge-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .xlarge-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xlarge-up-4>.columns,
.property-information .xlarge-up-4>.column,
.property-information .xlarge-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .xlarge-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xlarge-up-5>.columns,
.property-information .xlarge-up-5>.column,
.property-information .xlarge-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-information .xlarge-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xlarge-up-6>.columns,
.property-information .xlarge-up-6>.column,
.property-information .xlarge-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .xlarge-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xlarge-up-7>.columns,
.property-information .xlarge-up-7>.column,
.property-information .xlarge-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-information .xlarge-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xlarge-up-8>.columns,
.property-information .xlarge-up-8>.column,
.property-information .xlarge-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width:75em) and (min-width:75em) {
.property-information .xlarge-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.property-information .row.xlarge-unstack>.columns,
.property-listing .row.xlarge-unstack>.columns,
.row.xlarge-unstack>.column,
.row.xlarge-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (min-width:75em) {
.property-information .row.xlarge-unstack>.columns,
.property-listing .row.xlarge-unstack>.columns,
.row.xlarge-unstack>.column,
.row.xlarge-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.property-information .property-listing .xlarge-collapse>.columns,
.property-information .xlarge-collapse>.column,
.property-information .xlarge-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .property-listing .xlarge-uncollapse>.columns,
.property-information .xlarge-uncollapse>.column,
.property-information .xlarge-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media screen and (min-width:96.875em) {
.property-information .xxlarge-1 {
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.property-information .xxlarge-offset-0 {
margin-left: 0
}
.property-information .xxlarge-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .xxlarge-offset-1 {
margin-left: 8.33333%
}
.property-information .xxlarge-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .xxlarge-offset-2 {
margin-left: 16.66667%
}
.property-information .xxlarge-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .xxlarge-offset-3 {
margin-left: 25%
}
.property-information .xxlarge-5 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.property-information .xxlarge-offset-4 {
margin-left: 33.33333%
}
.property-information .xxlarge-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .xxlarge-offset-5 {
margin-left: 41.66667%
}
.property-information .xxlarge-7 {
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.property-information .xxlarge-offset-6 {
margin-left: 50%
}
.property-information .xxlarge-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.property-information .xxlarge-offset-7 {
margin-left: 58.33333%
}
.property-information .xxlarge-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.property-information .xxlarge-offset-8 {
margin-left: 66.66667%
}
.property-information .xxlarge-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.property-information .xxlarge-offset-9 {
margin-left: 75%
}
.property-information .xxlarge-11 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.property-information .xxlarge-offset-10 {
margin-left: 83.33333%
}
.property-information .xxlarge-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .xxlarge-offset-11 {
margin-left: 91.66667%
}
.property-information .xxlarge-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xxlarge-up-1>.columns,
.property-information .xxlarge-up-1>.column,
.property-information .xxlarge-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.property-information .xxlarge-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xxlarge-up-2>.columns,
.property-information .xxlarge-up-2>.column,
.property-information .xxlarge-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.property-information .xxlarge-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xxlarge-up-3>.columns,
.property-information .xxlarge-up-3>.column,
.property-information .xxlarge-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.property-information .xxlarge-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xxlarge-up-4>.columns,
.property-information .xxlarge-up-4>.column,
.property-information .xxlarge-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.property-information .xxlarge-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xxlarge-up-5>.columns,
.property-information .xxlarge-up-5>.column,
.property-information .xxlarge-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.property-information .xxlarge-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xxlarge-up-6>.columns,
.property-information .xxlarge-up-6>.column,
.property-information .xxlarge-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.property-information .xxlarge-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xxlarge-up-7>.columns,
.property-information .xxlarge-up-7>.column,
.property-information .xxlarge-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.property-information .xxlarge-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.property-information .property-listing .xxlarge-up-8>.columns,
.property-information .xxlarge-up-8>.column,
.property-information .xxlarge-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width:96.875em) and (min-width:96.875em) {
.property-information .xxlarge-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.property-information .row.xxlarge-unstack>.columns,
.property-listing .row.xxlarge-unstack>.columns,
.row.xxlarge-unstack>.column,
.row.xxlarge-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (min-width:96.875em) {
.property-information .row.xxlarge-unstack>.columns,
.property-listing .row.xxlarge-unstack>.columns,
.row.xxlarge-unstack>.column,
.row.xxlarge-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.property-information .property-listing .xxlarge-collapse>.columns,
.property-information .xxlarge-collapse>.column,
.property-information .xxlarge-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.property-information .property-listing .xxlarge-uncollapse>.columns,
.property-information .xxlarge-uncollapse>.column,
.property-information .xxlarge-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.property-information .shrink {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%
}
.property-information .column-block {
margin-bottom: 1.25rem
}
.property-information .column-block>:last-child {
margin-bottom: 0
}
@media print,
screen and (min-width:40em) {
.property-information .column-block {
margin-bottom: 1.875rem
}
.property-information .column-block>:last-child {
margin-bottom: 0
}
}
.property-information .row {
max-width: 1300px
}
.property-information__wrapper {
padding: 25px 10px 50px;
border: 1px solid #e9eff0
}
.property-information__heading {
position: relative;
padding: 5px;
margin-bottom: 20px;
font-family: "Gill Sans MT Pro", sans-serif;
font-weight: 400;
font-size: 35px;
text-align: center
}
.property-information__accordion {
max-width: 450px;
margin: 0 auto
}
.property-information__accordion .accordion-item .accordion-title {
padding: 12px 20px;
font-family: "Gill Sans MT Pro", sans-serif;
font-size: 1.125rem;
text-transform: uppercase;
color: #000
}
.property-information__accordion .accordion-item .accordion-title:before {
font-size: 1.25rem;
content: '+';
position: relative;
top: auto;
right: auto;
margin-top: 0;
display: inline-block;
margin-right: 10px;
border: none
}
.property-information__accordion .accordion-item .accordion-title:focus,
.property-information__accordion .accordion-item .accordion-title:hover {
background-color: transparent
}
.property-information__accordion .accordion-item.is-active .accordion-title:before {
content: '-';
border-bottom: none;
font-size: 1.875rem;
line-height: .625rem
}
.property-information__accordion .accordion-item .accordion-content {
padding: 5px 10px 20px 35px;
font-family: Newsreader, sans-serif;
font-size: 15px;
line-height: 28px;
color: #000;
background-color: transparent
}
.headerBookingModal .closeButton,
.page-anchor,
.property-information__accordion .accordion-item .accordion-content table th,
.spa-booking-form .spa-booking-form-link a,
.spa-booking-form h2,
.spa-booking-form h3 {
font-family: "Gill Sans MT Pro", sans-serif
}
.property-information__accordion .accordion-item .accordion-content table th {
padding-right: 1.125rem;
vertical-align: top
}
.property-information__accordion .accordion-item .accordion-content table td {
vertical-align: top
}
.property-information__accordion .accordion-item .accordion-content table td p:first-child,
.property-information__accordion .accordion-item .accordion-content table td p:last-child {
margin-top: 0
}
.property-information__accordion .accordion-item .accordion-content a {
color: #ADBDB2
}
.page-anchor {
margin: 0 auto 30px;
font-size: 1.5rem;
text-align: center;
color: #838383
}
.page-anchor--hidden {
height: 1px;
margin: -120px 0 0;
padding-top: 120px
}
.row .grid12,
.row .grid6 {
position: relative
}
.row .page-anchor {
position: absolute;
top: -65px;
left: 0;
right: 0;
z-index: 4;
margin-top: 20px;
padding-top: 65px;
pointer-events: none
}
@media screen and (min-width:1024px) {
.row .page-anchor {
top: -190px;
padding-top: 190px
}
}
@media screen and (min-width:1161px) {
.row .grid6 .page-anchor {
margin-top: 40px
}
}
@media screen and (min-width:921px) {
.row[style*=background-image] .grid6 .page-anchor {
margin-top: 95px
}
}
.page-anchor+.hotelContainerShared {
margin-top: 50px
}
@media screen and (min-width:921px) {
.page-anchor+.hotelContainerShared {
margin-top: 40px
}
}
@media screen and (max-width:720px) {
.page-anchor+.featureImageFull {
margin-top: 10px
}
}
.cms {
margin: 0 auto 30px;
padding: 0 20px
}
@media screen and (min-width:781px) {
.cms {
max-width: 1000px;
padding: 0 80px
}
}
.cms>:first-child {
margin-top: 0
}
.cms>:last-child {
margin-bottom: 0
}
.cms p {
font-size: 1.0625rem;
line-height: 21px;
letter-spacing: .5px;
margin: 20px 0
}
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
font-weight: 400;
margin: 20px 0;
letter-spacing: 1px
}
.cms h5 {
font-size: 12px;
line-height: 25px
}
.cms ol,
.cms ul {
margin: 20px
}
.cms ol li,
.cms ul li {
letter-spacing: .5px;
color: #373737
}
.cms ol li {
list-style-type: decimal
}
.cms a {
color: #000;
font-size: 1.0625rem
}
.cms a:hover {
color: #ADBDB2
}
.headerBookingModal {
min-height: 200px;
height: auto;
overflow-y: visible
}
.headerBookingModal.reveal.large {
max-width: 750px
}
.headerBookingModal .closeButton {
position: absolute;
top: 25px;
right: 25px;
z-index: 9999;
width: 20px;
height: 20px;
font-size: 1.8rem
}
.headerBookingModal .closeButton:after {
content: '';
position: absolute;
height: 20px;
width: 20px;
right: 0;
top: calc(50% - 6px);
background-image: url(../assets/img/close.svg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat
}
.headerBookingModal .spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -36px;
margin-left: -44px;
width: 88px;
height: 72px;
z-index: -1
}
@media screen and (min-width:1024px) {
.headerBookingModal.no-blur {
max-height: 75vh;
overflow-y: auto
}
}
.spa-booking-form {
background-color: #fff
}
.spa-booking-form__headings {
padding: 30px;
margin: 60px auto 30px
}
.spa-booking-form .row .wrapper .innerNarrow {
padding: 0 20px
}
@media screen and (min-width:736px) {
.spa-booking-form .row .wrapper .innerNarrow {
padding: 0 20%
}
}
.spa-booking-form .row .wrapper .innerWide .col {
min-width: auto !important
}
@media screen and (max-width:735px) {
.spa-booking-form .row .wrapper .innerWide .col {
width: 100% !important;
margin: 0 0 20px !important
}
}
.spa-booking-form h2 {
font-size: 40px;
font-weight: 400;
text-align: center;
margin: 0 0 20px;
padding-bottom: 10px;
border-bottom: 1px solid #9a9a9a
}
.spa-booking-form h3 {
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
text-transform: uppercase;
color: #202020
}
.spa-booking-form p {
font-size: .9375rem;
margin: 20px 0 10px
}
.spa-booking-form .separator {
background-color: #b7b7b7;
height: 1px;
margin: 0 20px 20px
}
.spa-booking-form .backButton {
position: absolute;
top: 0;
left: 0;
margin: 17px 0 0 25px !important;
border-bottom: 1px solid #9fb1b6 !important
}
.spa-booking-form .backButton:before {
content: '';
display: block;
position: absolute;
top: 5px;
left: -10px;
width: 5px;
height: 7px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
background: url(../assets/img/arrow.svg) left top no-repeat
}
.spa-booking-form .section-landing .book-button {
min-width: 180px
}
@media screen and (min-width:736px) {
.spa-booking-form .section-landing .book-button {
margin-bottom: 0
}
}
.spa-booking-form .section-daily-rates {
margin-bottom: 40px
}
.spa-booking-form .spa-package {
padding: 5px;
margin-bottom: 20px;
border: 1px solid #e9eef2
}
.spa-booking-form .spa-package__intro>* {
display: block;
text-align: center
}
@media screen and (min-width:770px) {
.spa-booking-form .spa-package__intro>* {
display: inline-block;
vertical-align: middle;
width: 49%
}
.spa-booking-form .spa-package__intro>div {
padding-left: 30px
}
}
.spa-booking-form .spa-package__intro>div .btn {
margin-bottom: 20px
}
.spa-booking-form .spa-package__info {
display: none;
margin: 30px;
text-align: center;
border-top: 1px solid #e9eef2
}
.spa-booking-form .spa-package__info--active {
display: block
}
.spa-booking-form .spa-package h3 {
margin: 30px 0 15px;
font-size: 36px;
text-transform: none
}
.spa-booking-form .section-treatments .wrapper:last-child,
.spa-booking-form .spa-package .btn {
margin-top: 10px
}
.spa-booking-form .spa-package p {
font-size: 15px
}
.spa-booking-form .section-treatments .wrapper:first-child {
margin-bottom: 10px
}
.spa-booking-form .section-treatments .accordion {
text-align: left
}
.spa-booking-form .section-treatments .accordion-title {
display: block;
padding-left: 10px;
color: #000;
font-size: .9375rem;
line-height: 1.25rem;
border-bottom: 1px solid rgba(155, 155, 155, .2);
background: url(../assets/img/oetker-collection/arrow-down-black.svg) 99% center no-repeat;
background-size: 10px 10px;
margin: 10px 0 5px
}
.spa-booking-form .section-treatments .accordion-title:before {
content: none
}
.accordion-item.is-active .spa-booking-form .section-treatments .accordion-title {
background-image: url(../assets/img/oetker-collection/arrow-up-black.svg)
}
.spa-booking-form .section-treatments .accordion-content {
padding: 10px
}
.spa-booking-form .section-treatments .checkbox-wrapper {
margin-bottom: 5px
}
.spa-booking-form .section-treatments .checkbox-wrapper:last-child {
margin-bottom: none
}
.spa-booking-form .section-form .selected-treatments {
text-align: left;
padding: 0 20px 10px
}
.spa-booking-form .section-form .selected-treatments input[type=checkbox],
.spa-booking-form .section-form .selected-treatments label {
pointer-events: none
}
.spa-booking-form .section-form input[type=text],
.spa-booking-form .section-form input[type=email],
.spa-booking-form .section-form select,
.spa-booking-form .section-form textarea {
background-color: #fff;
border: 1px solid rgba(55, 55, 55, .2);
font-size: .8125rem;
margin-bottom: 5px
}
.spa-booking-form .section-form input[type=text]:disabled::-webkit-input-placeholder,
.spa-booking-form .section-form input[type=email]:disabled::-webkit-input-placeholder,
.spa-booking-form .section-form select:disabled::-webkit-input-placeholder,
.spa-booking-form .section-form textarea:disabled::-webkit-input-placeholder {
opacity: 1;
font-size: .8125rem
}
.spa-booking-form .section-form input[type=text]:disabled:-ms-input-placeholder,
.spa-booking-form .section-form input[type=email]:disabled:-ms-input-placeholder,
.spa-booking-form .section-form select:disabled:-ms-input-placeholder,
.spa-booking-form .section-form textarea:disabled:-ms-input-placeholder {
opacity: 1;
font-size: .8125rem
}
.spa-booking-form .section-form input[type=text]:disabled::placeholder,
.spa-booking-form .section-form input[type=email]:disabled::placeholder,
.spa-booking-form .section-form select:disabled::placeholder,
.spa-booking-form .section-form textarea:disabled::placeholder {
opacity: 1;
font-size: .8125rem
}
.spa-booking-form .section-completion {
padding-top: 80px
}
.spa-booking-form .spa-booking-form-link {
text-align: center;
margin-top: 30px;
font-size: 11px
}
.spa-booking-form .spa-booking-form-link a {
border-bottom: 1px solid #bebebe;
padding-bottom: 5px;
color: #9b7793
}
.spa-booking-form .spa-booking-form-link a:hover {
color: #a6869f
}
body.theme-le-bristol-paris .booking-overlay::after {
background-image: url(img/10615-New-Le-Bristol-Animation-3-CS2-IS1.gif)
}
body.theme-brenners-park-hotel-spa .booking-overlay::after {
background-image: url(img/brenner-animation.gif)
}
body.theme-the-woodward .booking-overlay::after {
background-image: url(img/woodward.gif);
width: 100px;
height: 100px;
-webkit-transform: translate(-50px, -50px);
-ms-transform: translate(-50px, -50px);
transform: translate(-50px, -50px);
background-size: 100px 100px
}
.blog-featured-article__category::after,
.blog-highlights__content h3::after,
.blog-suggestions__item h3::after {
height: 1px;
content: ''
}
body.theme-lapogee-courchevel .booking-overlay::after {
background-image: url(img/oetker-collection/loading-apg.gif)
}
body.theme-chateau-saint-martin-spa .booking-overlay::after {
background-image: url(img/oetker-collection/loading-csm.gif)
}
body.theme-eden-rock-st-barths .booking-overlay::after {
background-image: url(img/oetker-collection/loading-ero.gif)
}
body.theme-hotel-du-cap-eden-roc .booking-overlay::after {
background-image: url(img/oetker-collection/loading-hdcer.gif)
}
body.theme-jumby-bay-island .booking-overlay::after {
background-image: url(img/oetker-collection/loading-jbi.gif)
}
body.theme-the-lanesborough .booking-overlay::after {
background-image: url(img/oetker-collection/loading-lan.gif)
}
body.theme-palacio-tangara .booking-overlay::after {
background-image: url(img/oetker-collection/loading-sao.gif)
}
body.theme-hotel-la-palma .booking-overlay::after {
background-image: url(img/oetker-collection/CSM-animation.gif)
}
.blog-featured-article {
margin-bottom: 35px;
padding: 90px 65px;
position: relative
}
.blog-featured-article__category::after {
display: inline-block;
width: 40px;
background: #000;
margin: 15px 0
}
.blog-featured-article__category h3 {
display: block;
color: #000;
font-family: wedding-gothic-atf, sans-serif;
font-size: 10px;
line-height: 1;
letter-spacing: .16em;
margin: 0
}
.blog-featured-article__title h1,
.blog-featured-article__title h2 {
font-size: 25px;
line-height: 32px;
text-transform: uppercase;
margin-bottom: 10px
}
@media screen and (max-width:39.9375em) {
.blog-featured-article {
padding: 30px 25px
}
.blog-featured-article__title h1,
.blog-featured-article__title h2 {
font-size: 30px;
line-height: 34px
}
}
.blog-featured-article__title h1 a,
.blog-featured-article__title h2 a {
color: #000
}
.blog-featured-article__cta a {
color: #000;
font-style: italic;
font-family: "Gill Sans MT Pro", sans-serif;
font-size: 17px;
display: inline-block;
padding-bottom: 0;
border-bottom: 1px solid #000;
text-transform: lowercase
}
.blog-highlights__content h3,
.blog-highlights__header h2 {
font-family: wedding-gothic-atf, sans-serif
}
.blog-highlights__header,
.blog-suggestions__header {
border-bottom: 4px solid #000
}
.blog-featured-article__discover {
position: absolute;
left: 0;
bottom: 30px
}
.blog-featured-article__discover span {
color: #fff;
text-transform: uppercase;
position: relative;
font-size: 13px;
line-height: 16px;
letter-spacing: .1rem;
cursor: pointer
}
.blog-featured-article__discover span:after {
content: '';
position: absolute;
left: 50%;
bottom: -15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: url(img/oetker-collection/blog-arrow-down-white.svg) center center no-repeat;
width: 20px;
height: 100%
}
.blog-highlights {
width: 100%;
max-width: 975px;
margin: 0 auto 40px;
padding: 0 25px;
text-align: center
}
@media screen and (max-width:68.0625em) {
.blog-highlights__header {
padding: 0 25px
}
}
.blog-highlights__header h2 {
text-transform: uppercase;
font-size: 13px;
letter-spacing: .16em;
margin-bottom: 40px
}
.blog-categories__grid-item-cta a,
.blog-highlights__cta a,
.blog-suggestions__cta a {
border-bottom: 1px solid #000;
text-transform: lowercase
}
@media print,
screen and (min-width:40em) {
.blog-highlights__image {
padding: 0 17px 0 0
}
}
@media screen and (max-width:39.9375em) {
.blog-featured-article__discover span:after {
bottom: -23px
}
.blog-highlights__image {
margin-bottom: 15px
}
}
.blog-highlights__content {
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 0 5px
}
.blog-highlights__content h3 {
position: relative;
display: block;
color: #000;
font-size: 10px;
letter-spacing: .16em;
margin-bottom: 20px
}
.blog-highlights__content h4,
.blog-highlights__cta a {
font-family: "Gill Sans MT Pro", sans-serif
}
.blog-highlights__content h3::after {
width: 24px;
background: #000;
display: block;
margin: 4px auto 0
}
.blog-highlights__content h4 {
font-size: 35px;
line-height: 41px
}
@media screen and (max-width:39.9375em) {
.blog-highlights__content h4 {
font-size: 30px;
line-height: 33px
}
}
.blog-highlights__cta a {
color: #000;
font-style: italic;
font-size: 17px;
display: inline-block;
padding-bottom: 0
}
.blog-highlights__item {
padding: 25px 0;
border-bottom: 1px solid #000
}
@media print,
screen and (min-width:40em) {
.blog-highlights__item:nth-child(odd) .blog-highlights__image {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
padding: 0 0 0 17px
}
.blog-highlights__item:nth-child(odd) .blog-highlights__content {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
}
.blog-hotels {
width: 100%;
max-width: 842px;
margin: 0 auto 13px;
text-align: center
}
.blog-hotels__header h2 {
text-transform: uppercase;
font-family: wedding-gothic-atf, sans-serif;
font-size: 13px;
letter-spacing: .16em;
margin-bottom: 40px
}
.blog-hotels__carousel {
position: relative
}
.blog-hotels__carousel .slick-arrow {
top: 78px
}
.blog-hotels__carousel .slick-arrow.slick-prev {
left: 25px;
background-image: url(img/oetker-collection/left-green.svg)
}
.blog-hotels__carousel .slick-arrow.slick-next {
right: 25px;
background-image: url(img/oetker-collection/right-green.svg)
}
@media print,
screen and (min-width:68.125em) {
.blog-hotels__carousel .slick-arrow.slick-prev {
left: -32px
}
.blog-hotels__carousel .slick-arrow.slick-next {
right: -32px
}
}
.blog-hotels__item h3 {
font-size: 17px;
line-height: 20px
}
.blog-hotels__item a {
display: block;
margin: 0 auto;
max-width: 154px;
font-family: "Gill Sans MT Pro", sans-serif;
font-size: 22px;
line-height: 21px
}
.blog-article-intro,
.blog-categories,
.blog-suggestions {
max-width: 975px;
text-align: center
}
.blog-suggestions__header h2,
.blog-suggestions__item h3 {
font-family: wedding-gothic-atf, sans-serif
}
.blog-hotels__item img {
border-radius: 100%;
margin-bottom: 30px
}
.blog-suggestions {
width: 100%;
margin: 0 auto 80px;
padding: 0 25px
}
.blog-suggestions__header {
border-top: 1px solid #000;
padding: 40px 0 0;
margin-bottom: 25px
}
@media screen and (max-width:68.0625em) {
.blog-suggestions__header {
padding: 40px 25px 0
}
}
.blog-suggestions__header h2 {
text-transform: uppercase;
font-size: 13px;
letter-spacing: .16em;
margin-bottom: 40px
}
.blog-suggestions__carousel {
position: relative;
margin-left: -10px;
margin-right: -10px
}
.blog-suggestions__carousel-inner {
margin-bottom: 45px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.blog-suggestions__carousel .slick-arrow {
top: 78px
}
.blog-suggestions__carousel .slick-arrow.slick-prev {
left: 25px
}
.blog-suggestions__carousel .slick-arrow.slick-next {
right: 25px
}
@media print,
screen and (min-width:68.125em) {
.blog-suggestions__carousel .slick-arrow.slick-prev {
left: -32px
}
.blog-suggestions__carousel .slick-arrow.slick-next {
right: -32px
}
}
.blog-suggestions__item {
margin-bottom: 30px
}
.blog-suggestions__item-inner {
padding: 0 10px;
margin: auto
}
.blog-categories__load-more,
.blog-suggestions__load-more {
border-top: 1px solid #000;
padding-top: 25px
}
.blog-suggestions__item-content {
margin-bottom: 15px
}
.blog-suggestions__item img {
margin-bottom: 27px
}
@media screen and (max-width:39.9375em) {
.blog-suggestions__item img {
margin-bottom: 15px
}
}
.blog-suggestions__item h3 {
position: relative;
display: block;
color: #000;
font-size: 10px;
letter-spacing: .16em;
margin-bottom: 20px
}
.blog-suggestions__item h3::after {
width: 24px;
background: #000;
display: block;
margin: 4px auto 0
}
.blog-suggestions__item h4 {
font-size: 25px;
line-height: 29px;
font-family: "Gill Sans MT Pro", sans-serif;
margin-bottom: 15px
}
.blog-suggestions__item h4 a {
color: inherit
}
.blog-suggestions__cta a,
.blog-suggestions__load-more .accordionButton h4 {
font-family: "Gill Sans MT Pro", sans-serif;
color: #000;
font-style: italic
}
.blog-suggestions__cta a {
font-size: 17px;
display: inline-block;
padding-bottom: 0
}
.blog-suggestions__load-more .accordionButton {
cursor: pointer
}
.blog-suggestions__load-more .accordionButton h4 {
position: relative;
font-size: 20px;
line-height: 30px
}
.blog-suggestions__load-more .accordionButton h4:after {
content: '';
background: url(img/oetker-collection/blog-arrow-down-black.svg) bottom center no-repeat;
position: absolute;
bottom: -25px;
left: 50%;
width: 50%;
height: 15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.blog-suggestions__load-more .accordionButton.on h4 {
display: none
}
.blog-suggestions__load-more .accordionContent {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.blog-categories {
width: 100%;
margin: 0 auto 60px;
padding-top: 5px
}
.blog-categories__header {
border-top: 1px solid #000;
border-bottom: 4px solid #000;
padding: 40px 0 0;
margin-bottom: 70px
}
@media screen and (max-width:39.9375em) {
.blog-categories__header {
margin-bottom: 30px
}
.blog-categories li {
text-align: left
}
}
.blog-categories__header h2 {
text-transform: uppercase;
font-family: wedding-gothic-atf, sans-serif;
font-size: 13px;
letter-spacing: .16em;
margin-bottom: 40px
}
.blog-categories ul {
list-style-type: none;
margin: 0
}
@media screen and (max-width:68.0625em) {
.blog-categories__header {
padding: 40px 25px 0
}
.blog-categories ul {
padding: 0 25px
}
}
@media print,
screen and (min-width:68.125em) {
.blog-categories ul {
margin: 0 -40px
}
}
.blog-categories li {
color: #767676;
font-size: 17px;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px
}
@media print,
screen and (min-width:40em) {
.blog-categories li {
display: inline-block;
vertical-align: top;
margin: 0 30px 10px;
white-space: nowrap
}
}
.blog-categories input {
opacity: 0
}
.blog-categories input~label {
color: #000;
font-size: .9375rem;
line-height: 1.3125rem;
font-family: Newsreader, sans-serif;
min-width: 50px;
padding-left: 15px;
position: relative;
cursor: pointer
}
.blog-categories input~label::after,
.blog-categories input~label::before {
padding: 6px;
position: absolute;
left: -5px;
content: '';
top: 2px
}
.blog-categories input~label:hover {
color: #767676
}
.blog-categories input~label::before {
background: url(img/oetker-collection/filter-button.png) left center no-repeat
}
.blog-categories input~label::after {
background: url(img/oetker-collection/filter-button-active.png) left center no-repeat;
opacity: 0;
transition: .4s all ease-in-out
}
.blog-categories input:checked~label:after {
opacity: 1
}
.blog-categories__filters .blog-filter-accordion {
margin-bottom: 30px
}
.blog-categories__filters .accordionButton {
transition: .3s all ease-in-out
}
.blog-categories__filters .accordionButton h4 {
position: relative;
display: inline-block;
font-size: 15px;
color: #767676;
text-transform: uppercase
}
.blog-categories__filters .accordionButton h4::after {
content: '';
position: absolute;
right: -25px;
background: url(img/oetker-collection/blog-accordion-cross-grey.svg) center center no-repeat;
width: 20px;
height: 100%;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg)
}
.blog-categories__filters .accordionButton.on {
margin-bottom: 20px
}
.blog-categories__filters .accordionButton.on h4::after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.blog-categories__grid {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:39.9375em) {
.blog-categories__grid {
margin: 0 auto !important
}
}
.blog-categories__grid-item {
margin-bottom: 50px
}
@media screen and (max-width:39.9375em) {
.blog-categories__grid-item {
margin: 0 auto 50px !important;
width: 100% !important
}
}
.blog-categories__grid-item-inner {
padding: 0 10px;
margin: auto
}
.blog-categories__grid-item-content {
margin-bottom: 15px
}
.blog-categories__grid-item img {
margin-bottom: 27px
}
@media screen and (max-width:39.9375em) {
.blog-categories__grid-item img {
margin-bottom: 15px
}
}
.blog-categories__grid-item h3 {
position: relative;
display: block;
color: #000;
font-family: wedding-gothic-atf, sans-serif;
font-size: 10px;
letter-spacing: .16em;
margin-bottom: 20px
}
.blog-categories__grid-item h4,
.blog-categories__grid-item-cta a,
.blog-categories__load-more .accordionButton h4 {
font-family: "Gill Sans MT Pro", sans-serif
}
.blog-categories__grid-item h3::after {
content: '';
width: 24px;
height: 1px;
background: #000;
display: block;
margin: 4px auto 0
}
.blog-categories__grid-item h4 {
font-size: 25px;
line-height: 29px;
margin-bottom: 15px
}
.blog-categories__grid-item h4 a {
color: inherit
}
.blog-categories__grid-item-cta a {
color: #000;
font-style: italic;
font-size: 17px;
display: inline-block;
padding-bottom: 0
}
.blog-categories__load-more .accordionButton {
cursor: pointer
}
.blog-categories__load-more .accordionButton h4 {
color: #000;
position: relative;
font-size: 20px;
line-height: 30px;
font-style: italic
}
.blog-categories__load-more .accordionButton h4:after {
content: '';
background: url(img/oetker-collection/blog-arrow-down-black.svg) bottom center no-repeat;
position: absolute;
bottom: -25px;
left: 50%;
width: 50%;
height: 15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.blog-categories__load-more .accordionButton.on h4 {
display: none
}
.blog-categories__load-more .accordionContent {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.blog-article-intro {
width: 100%;
margin: 0 auto 50px;
padding: 45px 25px 0
}
@media screen and (max-width:39.9375em) {
.blog-article-intro {
margin-bottom: 40px
}
}
.blog-article-intro__category {
border-bottom: 4px solid #000;
margin-bottom: 60px
}
.blog-article-intro__category h2 {
font-family: wedding-gothic-atf, sans-serif;
font-size: 13px;
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: 40px
}
.advent-micro h1,
.advent-micro header .share li,
.blog-comments__form-submit input[type=submit],
.blog-comments__list blockquote cite,
.blog-quote__text p {
font-family: "Gill Sans MT Pro", sans-serif
}
.blog-article-intro__title h1 {
font-size: 50px;
line-height: 55px;
width: 100%;
max-width: 510px;
margin: 0 auto 30px
}
@media screen and (max-width:39.9375em) {
.blog-article-intro__title h1 {
font-size: 40px
}
}
.blog-article-intro__date {
border-bottom: 1px solid #000;
font-size: 12px;
letter-spacing: .05em;
text-transform: uppercase;
padding-bottom: 70px
}
.blog-quote {
width: 100%;
max-width: 792px;
margin: 0 auto 60px
}
@media screen and (max-width:39.9375em) {
.blog-quote__image {
margin-bottom: 55px
}
}
.blog-quote__text {
padding: 25px;
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.blog-comments,
.blog-text {
max-width: 842px;
padding: 0 25px
}
.blog-quote__text p {
font-size: 25px;
line-height: 27px;
margin-bottom: 45px
}
.blog-comments h2,
.blog-comments__reply-form h2,
.blog-hero__nav-mobile button {
font-family: wedding-gothic-atf, sans-serif;
letter-spacing: .16em
}
.blog-quote__text::after {
content: '';
display: block;
width: 75px;
height: 1px;
margin: 0 auto;
background: #707070
}
@media print,
screen and (min-width:40em) {
.blog-quote__text::after {
margin-bottom: 60px
}
}
.blog-text {
width: 100%;
margin: 0 auto 60px
}
.blog-text p {
font-size: 16px;
line-height: 27px
}
.blog-comments {
width: 100%;
margin: 0 auto
}
@media screen and (max-width:39.9375em) {
.blog-comments {
padding: 10px
}
}
.blog-comments h2 {
font-size: 13px;
text-transform: uppercase;
text-align: center
}
.blog-comments__form {
padding-bottom: 80px;
margin-bottom: 35px;
border-bottom: 1px solid #000;
text-align: center
}
.blog-comments__form h2 {
margin-bottom: 60px
}
.blog-comments__form input,
.blog-comments__form textarea {
margin-bottom: 10px;
font-family: Newsreader, sans-serif
}
.blog-comments__form input[type=text],
.blog-comments__form input[type=email],
.blog-comments__form textarea {
width: 100%;
border: 1px solid #ABABAB;
color: #000;
font-size: 16px;
letter-spacing: .05em;
padding: 10px
}
.blog-comments__form input[type=text],
.blog-comments__form input[type=email] {
height: 42px
}
.blog-comments__form textarea {
height: 134px;
text-align: left
}
.blog-comments__form-submit {
position: relative;
background-color: #ADBDB2;
text-align: center;
padding: 8px 5px;
min-height: 40px;
height: auto !important;
display: inline-block
}
.blog-comments__form-submit::after,
.blog-comments__form-submit::before {
content: '';
position: absolute;
background: 0 0;
opacity: 0;
pointer-events: none;
transition: .3s
}
.blog-comments__form-submit::before {
top: 10px;
left: 5px;
border: solid rgba(0, 0, 0, .5);
border-width: 0 1px;
height: 0%;
width: calc(100% - 10px)
}
.blog-comments__form-submit::after {
top: 5px;
left: 8px;
border: solid rgba(0, 0, 0, .5);
border-width: 1px 0;
height: calc(100% - 10px);
width: 0%
}
.blog-comments__form-submit:hover::before {
height: calc(100% - 20px);
opacity: 1
}
.blog-comments__form-submit:hover::after {
width: calc(100% - 15px);
opacity: 1
}
.blog-comments__form-submit input[type=submit] {
display: inline-block;
text-transform: uppercase;
cursor: pointer;
font-size: 13px;
padding: 8px 20px 3px;
background-color: transparent;
border: 0;
margin: 0 !important;
color: #373737
}
.blog-comments__list h2 {
margin-bottom: 40px;
font-size: 13px
}
.blog-comments__list ul {
border-top: 4px solid #000;
margin: 0;
padding: 0;
list-style-type: none
}
.blog-comments__list li {
padding: 25px 30px 0;
margin-bottom: 25px
}
@media screen and (max-width:39.9375em) {
.blog-comments__list li {
padding: 0 10px 0 0
}
}
.blog-comments__list li.oetker-collection {
background-color: rgba(171, 171, 171, .22);
padding-bottom: 10px
}
.blog-comments__list li.oetker-collection img {
width: 200px
}
.blog-comments__list>ul>li {
border-bottom: 1px solid #b8b8b8;
margin-bottom: 25px;
padding: 25px 30px 45px
}
@media screen and (max-width:39.9375em) {
.blog-comments__list>ul>li {
padding: 25px 10px 45px
}
}
.blog-comments__list>ul>li:last-of-type {
border-bottom: 0
}
.blog-comments__list blockquote {
margin: 0;
padding: 0;
border: 0;
color: #000
}
.blog-comments__list blockquote p {
font-size: 16px;
line-height: 27px;
padding-bottom: 20px;
margin-bottom: 0;
color: #000
}
.blog-comments__list blockquote cite {
font-style: normal;
font-size: 22px;
color: #000;
display: inline-block;
margin-right: 30px;
margin-bottom: 30px
}
.blog-comments__list blockquote h4,
.blog-comments__reply button,
.blog-comments__reply-show-hide .accordionButton p {
font-family: Newsreader, sans-serif;
font-size: 15px;
color: #000
}
@media screen and (max-width:39.9375em) {
.blog-comments__list blockquote cite {
display: block;
margin-bottom: 15px;
margin-right: 0
}
}
.blog-comments__list blockquote h4 {
display: inline-block;
text-transform: none;
margin-bottom: 30px
}
@media screen and (max-width:39.9375em) {
.blog-comments__list blockquote h4 {
display: block
}
}
.blog-comments__reply {
display: inline-block;
padding-left: 30px
}
@media screen and (max-width:39.9375em) {
.blog-comments__reply {
padding-left: 15px
}
.blog-comments__reply.first {
padding-left: 0
}
}
.blog-comments__reply.first {
padding-left: 0;
border: 0
}
.blog-comments__reply button {
display: inline-block;
margin-right: 30px;
padding: 0 0 4px;
cursor: pointer;
vertical-align: top;
height: 25px
}
.blog-comments__reply-show-hide {
display: inline-block;
width: calc(100% - 100px);
vertical-align: top
}
.blog-comments__reply-show-hide .accordionButton {
display: inline-block;
cursor: pointer;
position: relative;
padding-right: 24px
}
.blog-comments__reply-show-hide .accordionButton p {
padding-bottom: 20px;
margin-bottom: 0
}
.blog-comments__reply-show-hide .accordionButton p.show {
display: inline-block;
opacity: 1;
transition: .3s all ease-in-out
}
.blog-comments__reply-show-hide .accordionButton p.hide {
display: none;
opacity: 0;
transition: .3s all ease-in-out
}
.blog-comments__reply-show-hide .accordionButton img {
position: absolute;
top: 9px;
right: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
transition: all .5s ease-in-out;
width: 12px !important
}
.blog-comments__reply-show-hide .accordionButton.on p.show {
display: none;
opacity: 0
}
.blog-comments__reply-show-hide .accordionButton.on p.hide {
display: inline-block !important;
opacity: 1
}
.blog-comments__reply-show-hide .accordionButton.on img {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.blog-comments__reply-show-hide .accordionContent {
margin-left: -65px;
width: calc(100% + 100px)
}
.blog-comments__reply-comments {
border: none !important
}
.blog-comments__reply-comments .blog-comments__reply {
padding-left: 0
}
@media screen and (max-width:39.9375em) {
.blog-comments__reply button {
margin-right: 20px
}
.blog-comments__reply-show-hide .accordionContent {
margin-left: -55px
}
.blog-comments__reply-comments .blog-comments__reply {
padding-left: 15px
}
}
.blog-comments__reply-comments li {
position: relative;
margin-bottom: 30px;
border-left: 1px solid #b8b8b8
}
.blog-comments__reply-comments blockquote {
padding-left: 0
}
.blog-comments__reply-comments blockquote p {
color: rgba(0, 0, 0, .7)
}
.blog-comments__reply-comments blockquote cite {
color: rgba(0, 0, 0, .7);
margin-bottom: 20px
}
@media screen and (max-width:39.9375em) {
.blog-comments__reply-comments blockquote {
padding-left: 15px
}
.blog-comments__reply-comments blockquote cite {
margin-bottom: 15px
}
}
.blog-comments__reply-comments blockquote h4 {
color: rgba(0, 0, 0, .7);
margin-bottom: 20px
}
.blog-comments__reply-popup {
background-color: rgba(255, 255, 255, .9) !important
}
.blog-comments__reply-popup-wrap {
padding: 30px;
border: 1px solid silver;
position: relative;
max-width: 1260px;
width: 100%;
margin: 0 auto;
background-color: #fff
}
.blog-comments__reply-popup-close {
position: absolute;
top: 15px;
right: 15px;
width: 14px;
height: 14px;
background: url(img/oetker-collection/close.svg) center center no-repeat;
background-size: 14px;
cursor: pointer
}
.blog-comments__reply-form h2 {
font-size: 13px;
text-transform: uppercase;
text-align: center;
margin-bottom: 35px
}
.blog-comments__reply-form .form>div {
margin-bottom: 30px
}
.blog-comments__reply-form .form input[type=text],
.blog-comments__reply-form .form input[type=email],
.blog-comments__reply-form .form textarea {
font-size: 16px;
letter-spacing: .053em;
text-transform: uppercase;
font-family: Newsreader, sans-serif;
border: 1px solid #ababab;
box-shadow: none;
background-color: #fff
}
.blog-comments__reply-form .form input[type=text]::-webkit-input-placeholder,
.blog-comments__reply-form .form input[type=email]::-webkit-input-placeholder,
.blog-comments__reply-form .form textarea::-webkit-input-placeholder {
font-size: 16px;
letter-spacing: .053em;
text-transform: uppercase;
font-family: Newsreader, sans-serif
}
.blog-comments__reply-form .form input[type=text]:-ms-input-placeholder,
.blog-comments__reply-form .form input[type=email]:-ms-input-placeholder,
.blog-comments__reply-form .form textarea:-ms-input-placeholder {
font-size: 16px;
letter-spacing: .053em;
text-transform: uppercase;
font-family: Newsreader, sans-serif
}
.blog-comments__reply-form .form input[type=text]::placeholder,
.blog-comments__reply-form .form input[type=email]::placeholder,
.blog-comments__reply-form .form textarea::placeholder {
font-size: 16px;
letter-spacing: .053em;
text-transform: uppercase;
font-family: Newsreader, sans-serif
}
.blog-comments__reply-form .form textarea {
min-height: 130px
}
.blog-comments__reply-form-submit {
background-color: #ADBDB2;
text-align: center;
padding: 8px 5px;
min-height: 40px;
height: auto !important;
display: inline-block
}
.blog-comments__reply-form-submit:focus,
.blog-comments__reply-form-submit:hover {
background-color: #566e76
}
.blog-comments__reply-form-submit input[type=submit] {
display: inline-block;
text-transform: uppercase;
border: 1px solid #fff;
cursor: pointer;
font-size: 13px;
padding: 8px 20px 7px;
background-color: transparent;
margin: 0 !important;
color: #fff
}
.blog-comments__wrapper {
padding: 10px 0 0
}
#luggage-delivery-quote-resize {
max-width: 1300px;
width: 100%;
margin: 0 auto;
padding: 0 20px
}
.advent-micro header {
text-align: center;
min-height: 130px
}
.advent-micro header .logo {
display: inline-block;
padding: 15px 0 10px
}
.advent-micro header .logo img {
height: 64px
}
.advent-micro header .share {
position: absolute;
right: 20px;
top: 30px;
text-align: left;
width: 200px;
z-index: 5
}
.advent-micro header .share li {
display: inline-block;
padding: 0 0 0 10px;
font-size: 13px;
line-height: 24px;
font-weight: 300;
text-transform: uppercase;
color: #373737
}
.advent-micro .advent {
position: relative;
max-width: 1260px;
margin: auto;
z-index: 1
}
.advent-micro .sorry h2,
.advent-micro h1 {
letter-spacing: 1px;
margin-bottom: 20px;
text-align: center
}
.advent-micro .advent .illustration {
max-width: 1260px;
width: 100%;
height: auto;
max-height: 861px
}
.advent-micro .advent .baubles .bauble {
position: absolute;
z-index: 2;
height: auto;
border-radius: 100%;
transition: .5s all ease-in-out
}
.advent-micro .advent .baubles .bauble.active:hover {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
z-index: 3
}
.day-1 {
left: 55.6%;
top: 60.7%;
width: 8.18%;
height: auto
}
.day-2,
.day-3,
.day-4,
.day-5,
.day-6,
.day-7 {
width: 8.1%
}
.day-2 {
left: 12.32%;
top: 8%
}
.day-3 {
left: 31.3%;
top: 13.65%
}
.day-4 {
left: 22%;
top: 1.93%
}
.day-5 {
left: 41.8%;
top: 1.25%
}
.day-6 {
left: 38.5%;
top: 60.88%
}
.day-7 {
left: 13.15%;
top: 52.6%
}
.day-8 {
left: 72.4%;
top: 7.9%;
width: 7.8%
}
.day-9 {
left: 83%;
top: 2.7%;
width: 7.6%
}
.day-10 {
left: 81.6%;
top: 21.4%;
width: 7.3%
}
.day-11 {
left: 79.9%;
top: 55.9%;
width: 6.6%
}
.day-12 {
left: 13.2%;
top: 26.5%;
width: 7%
}
.day-13 {
left: 47.4%;
top: 21.4%;
width: 8.1%
}
.day-14 {
left: 91.1%;
top: 2.7%;
width: 7.4%
}
.day-15 {
left: 88.4%;
top: 32.4%;
width: 7.8%
}
.day-16 {
left: 4.1%;
top: 54.5%;
width: 7.2%
}
.day-17 {
left: 64.45%;
top: 18.75%;
width: 8.3%;
height: auto
}
.day-18 {
left: 27.6%;
top: 55.5%;
width: 7.6%
}
.day-19 {
left: 65.9%;
top: 55.45%;
width: 7.4%
}
.day-20 {
left: 54.9%;
top: 9.67%;
width: 8.18%
}
.day-21 {
left: 88.4%;
top: 55.6%;
width: 6.8%
}
.day-22 {
left: 3.5%;
top: 1.65%;
width: 9.2%
}
.day-23 {
left: 3.6%;
top: 34%;
width: 9.4%
}
.day-24 {
left: 45.7%;
top: 59.6%;
width: 9.9%
}
.advent-micro main {
text-align: center
}
.advent-micro h1 {
font-size: 34px;
color: #373737;
line-height: 36px;
margin-top: 30px;
position: relative;
display: inline-block
}
.advent-micro h1::after,
.advent-micro h1::before {
padding: 5px 20px;
margin: 0 7px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: 50%;
content: ''
}
.advent-micro h1::before {
background: url(img/oetker-collection/title-line.png) center center no-repeat;
background-size: 40px 1px;
left: -60px;
transform: translateY(-50%)
}
@media screen and (max-width:39.9375em) {
.advent-micro h1::before {
background: 0 0
}
}
.advent-micro h1::after {
background: url(img/oetker-collection/title-line.png) center center no-repeat;
background-size: 40px 1px;
right: -60px;
transform: translateY(-50%)
}
@media screen and (max-width:39.9375em) {
.advent-micro h1::after {
background: 0 0
}
}
.advent-micro .divider {
display: inline-block;
padding: 20px 0 40px
}
.advent-micro .intro {
margin: 0 auto 30px;
font-size: 17px;
line-height: 24px;
font-family: Newsreader, sans-serif;
color: #373737
}
.advent-micro .highlight-panel {
margin: 0 auto 65px;
text-align: center;
background-color: #fff;
border: 1px solid #e6e6e6
}
.advent-micro .highlight-panel img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%
}
.advent-micro .highlight-panel .text {
display: inline-block;
position: relative
}
.advent-micro .highlight-panel .text-inner {
padding: 0 5%;
margin: 0;
width: 100%;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.advent-micro .highlight-panel .text-inner h2 {
font-size: 24px;
line-height: 30px;
letter-spacing: .05em;
font-family: "Gill Sans MT Pro", sans-serif;
color: #373737
}
.advent-micro .highlight-panel .text-inner p {
font-size: 16px;
line-height: 24px;
color: #373737;
font-family: Newsreader, sans-serif
}
.advent-micro footer {
margin: 150px 0 0;
background-color: #1A3740;
color: #A6A4A3;
font-size: 14px;
line-height: 16px
}
.advent-micro footer,
.advent-micro footer a,
.advent-micro footer p {
font-weight: 400
}
.advent-micro footer .share {
width: 100%;
background-color: #0B272F;
padding: 20px 0;
text-align: center;
margin: 0 0 30px
}
.advent-micro footer .share li {
display: inline-block;
padding: 0 5px
}
.advent-micro footer .lwh {
padding: 40px 0 0
}
@media screen and (max-width:39.9375em) {
.advent__info {
padding: 0 20px
}
}
@keyframes animatedBackground {
from {
background-position: bottom
}
to {
background-position: top
}
}
@-webkit-keyframes animatedBackground {
from {
background-position: bottom
}
to {
background-position: top
}
}
.advent-micro .snow {
width: 90vw;
height: 90vh;
background-image: url(../assets/img/advent-micro/snow.png);
background-repeat: repeat;
background-position: bottom;
position: absolute;
z-index: 2;
pointer-events: none;
-webkit-animation: animatedBackground 10s linear infinite;
animation: animatedBackground 10s linear infinite
}
.zoom {
display: none
}
.advent-micro .advent-slider {
margin: 0 0 30px
}
.advent-micro .form .intro p {
padding: 40px 0;
font-size: 16px;
line-height: 26px
}
.advent-micro .form form .intro p {
padding: 20px 0;
font-size: 20px;
line-height: 34px
}
.advent-micro .form {
width: 70%;
max-width: 1260px;
margin: auto;
color: #1A3740;
font-size: 16px;
line-height: 26px
}
.advent-micro .form input {
background: #fff;
border: 1px solid #DDE1E3;
width: 100%
}
.advent-micro .form .row {
padding: 0 0 20px
}
.advent-micro .form .half-row {
text-align: left
}
.advent-micro .form .half-row input {
width: 49%;
display: inline-block
}
.advent-micro .form .half-row .left {
margin: 0 1% 0 0
}
.advent-micro .form .checkbox ul li input,
.advent-micro .form .half-row .right {
margin: 0
}
.advent-micro .form ::-webkit-input-placeholder {
color: #1A3740;
font-size: 16px;
line-height: 16px
}
.advent-micro .form ::-moz-placeholder {
color: #1A3740;
font-size: 16px;
line-height: 16px
}
.advent-micro .form :-ms-input-placeholder {
color: #1A3740;
font-size: 16px;
line-height: 16px
}
.advent-micro .form :-moz-placeholder {
color: #1A3740;
font-size: 16px;
line-height: 16px
}
.advent-micro .form .checkbox ul {
text-align: left
}
.advent-micro .form .checkbox ul li {
display: inline-block;
text-align: left
}
.advent-micro .form .checkbox ul li input,
.advent-micro .form .checkbox ul li label {
display: inline-block;
width: auto
}
.advent-micro .form .checkbox ul li label {
padding: 0 30px
}
.advent-micro .form input[type=checkbox]+label {
position: relative;
display: block;
padding-left: 28px;
cursor: pointer;
font-size: 16px;
line-height: 16px
}
.advent-micro .form input[type=checkbox]+label::before {
content: '';
position: absolute;
top: 3px;
left: 0;
width: 14px;
height: 14px;
border: 1px solid #DDE1E3
}
.advent-micro .form input[type=checkbox]+label::after {
position: absolute;
content: '';
top: 5px;
left: 2px;
width: 10px;
height: 10px;
background: #DDE1E3;
opacity: 0;
transition: opacity .3s ease-in-out
}
.advent-micro .form input[type=checkbox]:checked+label::after {
opacity: 1
}
.advent-micro .form fieldset {
border: 0
}
.advent-micro .gdpr-row {
border-top: 1px solid #DDE1E3;
padding: 30px 0 50px !important;
margin: 30px 0 0 !important
}
.advent-micro input.submit {
color: #fff;
background: #1a3740;
padding: 15px 50px 14px;
outline: #fff solid 1px;
outline-offset: -5px;
width: auto;
border: 0;
display: inline-block;
font-weight: 200;
font-size: 16px;
line-height: 16px;
margin-top: 50px;
cursor: pointer
}
.advent-micro .sorry {
padding: 80px 0 60px
}
.advent-micro .sorry h2 {
font-family: garamond-premier-pro-display, serif;
font-size: 34px;
color: #000;
line-height: 34px;
margin-top: 30px;
font-weight: 200;
padding: 0 0 40px !important
}
.advent-micro .sorry .more,
.advent-micro .sorry .more:active,
.advent-micro .sorry .more:hover,
.advent-micro .sorry .more:visited {
font-size: 20px;
text-decoration: none;
color: #1A3740;
padding: 0 0 5px;
border-bottom: 1px solid #C2CDD0
}
.advent___customer h4,
.advent__question h4 {
text-transform: initial;
font-size: 24px;
line-height: 30px;
font-family: "Gill Sans MT Pro", sans-serif;
letter-spacing: .05em
}
.advent__form input[type=checkbox]~label a,
.advent__form input[type=radio]~label a,
.header__secondary-nav-language .language-list ul li a:hover,
.hotel-header__secondary-nav-language .language-list ul li a:hover,
.hotel-header__secondary-nav-links-list ul li a:hover,
.hotel-header__sub-nav-dropdown-left li a:hover,
.hotel-header__sub-nav-dropdown-right li a:hover {
text-decoration: underline
}
.advent-micro .sorry .more::before {
content: "> "
}
.advent__question {
margin-bottom: 60px
}
.advent__question h4 {
margin-bottom: 30px
}
.advent___customer {
margin-bottom: 60px
}
.advent___customer h4 {
margin-bottom: 30px
}
.advent__form,
.footer__nav {
margin-bottom: 60px
}
.advent__form {
text-align: left
}
.advent__form ul {
margin: 0 auto 30px;
list-style: none;
text-align: center
}
.advent__form ul li {
display: inline-block;
padding-right: 60px
}
@media screen and (max-width:39.9375em) {
.advent__form ul li {
display: block;
padding-right: 0;
margin-bottom: 20px
}
}
.advent__form ul li:last-of-type {
padding-right: 0
}
.advent__form input[type=text],
.advent__form input[type=email] {
width: 100%;
margin-bottom: 20px;
color: #373737;
font-family: Newsreader, sans-serif;
font-size: 16px;
padding: 7px
}
.advent__form input[type=text]::-webkit-input-placeholder,
.advent__form input[type=email]::-webkit-input-placeholder {
color: #373737;
font-family: Newsreader, sans-serif;
font-size: 16px;
text-transform: none !important
}
.advent__form input[type=text]:-ms-input-placeholder,
.advent__form input[type=email]:-ms-input-placeholder {
color: #373737;
font-family: Newsreader, sans-serif;
font-size: 16px;
text-transform: none !important
}
.advent__form input[type=text]::placeholder,
.advent__form input[type=email]::placeholder {
color: #373737;
font-family: Newsreader, sans-serif;
font-size: 16px;
text-transform: none !important
}
.advent__form label {
font-family: Newsreader, sans-serif;
font-size: 20px;
line-height: 30px;
position: relative;
color: #373737
}
.advent__form input[type=checkbox]~label,
.advent__form input[type=radio]~label {
position: relative;
padding-left: 20px;
margin-left: 0;
line-height: 1;
margin-bottom: 15px;
cursor: pointer
}
.advent__form input[type=radio]~label::after,
.advent__form input[type=radio]~label::before {
content: '';
position: absolute
}
.advent__form input[type=radio]~label::before {
top: 2px;
left: 0;
width: 11px;
height: 11px;
border: 1px solid #adbdb2;
border-radius: 50%
}
.advent__form input[type=radio]~label::after {
top: 4px;
left: 2px;
width: 7px;
height: 7px;
content: '';
opacity: 0;
background: #ADBDB2;
transition: opacity .3s ease-in-out;
border-radius: 50%
}
.advent__form input[type=radio]~label a {
color: inherit;
transition: opacity .3s ease-in-out
}
.advent__form input[type=radio]~label a:active,
.advent__form input[type=radio]~label a:hover {
opacity: .7
}
.advent__form input[type=radio]:checked~label:after {
opacity: 1
}
.advent__form input[type=checkbox] {
position: relative;
opacity: 0;
top: 5px;
left: 0;
z-index: 1;
width: 1px
}
.advent__form input[type=checkbox]~label {
font-size: 15px
}
.advent__form input[type=checkbox]~label::after,
.advent__form input[type=checkbox]~label::before {
content: '';
position: absolute
}
.advent__form input[type=checkbox]~label::before {
top: 2px;
left: 0;
width: 11px;
height: 11px;
border: 1px solid #adbdb2;
border-radius: 50%
}
.advent__form input[type=checkbox]~label::after {
top: 4px;
left: 2px;
width: 7px;
height: 7px;
content: '';
opacity: 0;
background: #ADBDB2;
transition: opacity .3s ease-in-out;
border-radius: 50%
}
.advent__form input[type=checkbox]~label a {
color: inherit;
transition: opacity .3s ease-in-out
}
.advent__form input[type=checkbox]~label a:active,
.advent__form input[type=checkbox]~label a:hover {
opacity: .7
}
.advent__form input[type=checkbox]:checked~label:after {
opacity: 1
}
.advent__form-submit {
display: inline-block;
background-color: #ADBDB2;
position: relative;
text-align: center;
padding: 0;
min-width: 92px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.advent__form-submit::before {
content: '';
position: absolute;
top: 10px;
left: 5px;
border: solid rgba(0, 0, 0, .5);
border-width: 0 1px;
background: 0 0;
transition: .3s;
height: 0%;
width: calc(100% - 10px);
opacity: 0;
pointer-events: none
}
.advent__form-submit::after,
.header__secondary-nav-book-container::after {
content: '';
width: 0%;
opacity: 0;
pointer-events: none
}
.advent__form-submit::after {
position: absolute;
top: 5px;
left: 8px;
background: 0 0;
border: solid rgba(0, 0, 0, .5);
border-width: 1px 0;
transition: .3s;
height: calc(100% - 10px)
}
.advent__form-submit:hover::before {
height: calc(100% - 20px);
opacity: 1
}
.advent__form-submit:hover::after {
width: calc(100% - 15px);
opacity: 1
}
.advent__form-submit input[type=submit] {
min-width: 92px;
box-shadow: none;
border: none;
background: 0 0;
color: #373737;
padding: 9px 20px;
cursor: pointer
}
@media only screen and (max-width:1260px) {
.advent-micro .highlight-panel .text-inner a,
.advent-micro .highlight-panel .text-inner a:active,
.advent-micro .highlight-panel .text-inner a:hover,
.advent-micro .highlight-panel .text-inner a:visited,
.advent-micro .highlight-panel .text-inner h2,
.advent-micro .highlight-panel .text-inner p {
font-size: 16px
}
}
@media only screen and (max-width:990px) {
.advent-micro h1 {
margin: 0 30px
}
}
@media only screen and (max-width:960px) {
.advent-micro header .share {
position: relative;
right: 0;
top: 0;
text-align: right;
width: 100vw;
padding: 10px 0;
border-bottom: 1px solid #C2CDD0;
display: block;
margin: 0
}
.advent-micro .form .half-row input {
width: 100%;
display: block
}
.advent-micro .form .half-row .left {
margin: 0 0 20px
}
.zoom {
display: block;
margin: auto;
padding: 20px 0
}
.advent-micro .highlight-panel {
padding: 0 0 30px
}
.advent-micro .highlight-panel .text,
.advent-micro .highlight-panel img {
width: 100%;
display: block;
clear: both
}
.advent-micro .highlight-panel .text-inner {
position: relative;
top: 0;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
padding: 5%
}
}
.events,
.hotel-offers-landing {
margin: 0 auto 30px;
max-width: 1260px
}
.hotel-offers-landing {
width: 100%
}
.hotel-offers-landing__tabs {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1260px;
margin: 0 auto
}
.hotel-offers-landing__tabs-item {
display: inline-block
}
.hotel-offers-landing__tabs-item-container {
width: 100%;
max-width: 525px;
text-align: center;
margin: 0 auto;
padding: 30px 20px 0
}
.hotel-offers-landing__tabs-item-img .slick-prev {
background: url(img/oetker-collection/left.svg) center no-repeat;
left: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px;
z-index: 2
}
.hotel-offers-landing__tabs-item-img .slick-prev::before {
content: ''
}
.hotel-offers-landing__tabs-item-img .slick-next {
background: url(img/oetker-collection/right.svg) center no-repeat;
right: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: 15px 30px;
width: 30px;
height: 30px
}
.hotel-offers-landing__tabs-item-img .slick-next::before {
content: ''
}
.hotel-offers-landing__tabs-item-video {
position: relative;
width: 100%;
padding-bottom: 68%
}
.hotel-offers-landing__tabs-item-video .mejs__player {
position: absolute;
top: 0;
left: 0
}
.hotel-offers-landing__tabs-item-video .mejs__overlay,
.hotel-offers-landing__tabs-item-video .mejs__player,
.hotel-offers-landing__tabs-item-video iframe,
.hotel-offers-landing__tabs-item-video video {
max-width: 100%;
height: 100% !important
}
.hotel-offers-landing__tabs-item-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border: solid rgba(55, 55, 55, .2);
border-width: 0 1px 1px
}
.hotel-offers-landing__tabs-item-text h2 {
margin-bottom: 15px;
font-size: 1.5rem
}
.hotel-offers-landing__tabs-item-text p {
font-size: 1.25rem;
line-height: 1.8125rem;
font-family: "Gill Sans MT Pro", sans-serif;
margin-bottom: 0;
padding-bottom: 10px
}
.hotel-offers-landing__tabs-item-text h3 {
padding: 0 20px 15px;
text-transform: none;
font-family: Newsreader, sans-serif;
font-size: .9375rem;
letter-spacing: 0;
margin-bottom: 0
}
.events__item-date p,
.header__primary-nav-burger .button span,
.header__primary-nav-burger .close-button span,
.header__secondary-nav-language .language-list ul li a,
.header__secondary-nav-language .selected-language,
.hotel-offers-landing .tabs-title a {
font-family: "Gill Sans MT Pro", sans-serif
}
@media screen and (max-width:68.0625em) {
.hotel-offers-landing__tabs-item-text h3 {
padding: 0 10px 15px
}
}
.hotel-offers-landing__tabs-item-links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding-bottom: 20px;
padding-top: 10px
}
.offers--horizontal-links .hotel-offers-landing__tabs-item-links {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.hotel-offers-landing__tabs-item-links a {
margin: 0 12px 15px
}
@media screen and (max-width:68.0625em) {
.hotel-offers-landing__tabs-item-links a {
margin: 0 12px 15px
}
}
.hotel-offers-landing__tabs-item-links a span {
font-size: 13px
}
.hotel-offers-landing__tabs-item-links .book-now-container {
display: inline-block
}
.hotel-offers-landing .tabs {
max-width: 490px;
border-color: rgba(76, 76, 76, .45)
}
.hotel-offers-landing .tabs-title {
margin: 0 5px
}
.hotel-offers-landing .tabs-title a {
font-size: 13px;
text-transform: initial;
color: #373737;
text-decoration: none;
padding-left: 20px;
position: relative
}
.hotel-offers-landing .tabs-title a::before {
content: '';
border: 1px solid #373737;
border-radius: 50%;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(calc(-50% - 2px));
-ms-transform: translateY(calc(-50% - 2px));
transform: translateY(calc(-50% - 2px));
width: 13px;
height: 13px
}
.hotel-offers-landing .tabs-title a::after {
content: '';
background-color: #ADBDB2;
border-radius: 50%;
position: absolute;
left: 2px;
top: 50%;
-webkit-transform: translateY(calc(-50% - 2px));
-ms-transform: translateY(calc(-50% - 2px));
transform: translateY(calc(-50% - 2px));
width: 9px;
height: 9px;
opacity: 0
}
.hotel-offers-landing .tabs-title.is-active a::after {
opacity: 1
}
.hotel-offers-landing .tabs-content .tabs-panel {
padding: 30px 0
}
.hotel-offers-landing .tabs-content .tabs-panel.is-active {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.booking-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2000;
background-color: #fff
}
.booking-overlay::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
-webkit-transform: translate(-35px, -35px);
-ms-transform: translate(-35px, -35px);
transform: translate(-35px, -35px);
background: url(img/oetker-collection/loading-booking.gif) center center no-repeat;
background-size: 70px 70px
}
.events,
.events__item-field:nth-child(2) {
position: relative
}
ng-http-loader[spinner=sk-chasing-dots] {
display: none !important
}
.events h2 {
text-align: center
}
.events__carousel {
padding: 40px 30px 60px
}
.events__carousel .slick-track {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important
}
.events__carousel .slick-list,
.events__carousel .slick-slide,
.events__carousel .slick-track {
height: inherit !important
}
.events__carousel .slick-prev {
background: url(img/oetker-collection/left-green.svg) center no-repeat !important;
left: 5px;
top: 150px;
width: 30px;
height: 30px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 1
}
.events__carousel .slick-prev::before {
content: ''
}
.events__carousel .slick-prev:focus,
.events__carousel .slick-prev:hover {
-webkit-transform: translate(-5px, 0);
-ms-transform: translate(-5px, 0);
transform: translate(-5px, 0)
}
@media screen and (max-width:39.9375em) {
.events__carousel {
padding: 40px 10px 60px
}
.events__carousel .slick-prev {
top: auto;
bottom: 8px;
left: 25px
}
}
.events__carousel .slick-next {
background: url(img/oetker-collection/right-green.svg) center no-repeat !important;
top: 150px;
right: 5px;
width: 30px;
height: 30px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 1
}
.events__carousel .slick-next::before {
content: ''
}
.events__carousel .slick-next:focus,
.events__carousel .slick-next:hover {
-webkit-transform: translate(5px, 0);
-ms-transform: translate(5px, 0);
transform: translate(5px, 0)
}
@media screen and (max-width:39.9375em) {
.events__carousel .slick-next {
top: auto;
bottom: 8px;
right: 25px
}
}
.events__carousel .slick-dots {
bottom: 15px !important;
z-index: 0
}
.events__item {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 20px;
border: 1px solid #e6e6e6
}
.events__item.single {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 30px auto
}
@media screen and (min-width:68.125em) {
.events__item.single {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
}
@media screen and (max-width:68.0625em) {
.events__item.single {
width: 90%;
max-width: 700px;
margin: 30px auto
}
}
.events__item.single .events__item-image {
width: 60%;
min-height: unset
}
@media screen and (max-width:68.0625em) {
.events__item.single .events__item-image {
width: 100%
}
}
.events__item.single .events__item-content {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 40%;
padding-bottom: 20px
}
.events__item.single .events__item-date {
height: -webkit-fit-content;
height: fit-content;
border-right: none;
border-bottom: none
}
.events__item.single .events__item-description {
height: -webkit-fit-content;
height: fit-content;
border-left: 1px solid #e6e6e6
}
@media screen and (max-width:68.0625em) {
.events__item.single .events__item-content {
width: 100%
}
.events__item.single .events__item-date {
margin: 10px;
padding: 10px
}
.events__item.single .events__item-description {
width: 90%;
margin: 0 auto;
padding: 20px 10px;
border-left: none;
border-top: 1px solid #e6e6e6
}
.events__item-content {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.events__item-image {
width: 100%;
min-height: 250px
}
.events__item-image img {
width: 100%;
height: 100%;
object-fit: cover
}
.events__item-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding: 20px 0
}
.events__item-date {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 36px;
padding: 0 25px;
border-right: 1px solid #e6e6e6
}
@media screen and (max-width:68.0625em) {
.events__item-date {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 25px 25px;
padding: 0;
border-right: none;
border-bottom: 1px solid #e6e6e6
}
.events__item-date-text {
width: 100%
}
}
.events__item-date p {
font-weight: 500;
margin-bottom: 10px;
padding-bottom: 0 !important;
color: #ADBDB2;
text-transform: uppercase
}
@media print,
screen and (min-width:68.125em) {
.events__item-date p:last-of-type {
margin-bottom: 0
}
}
.events__item-date-text {
font-size: 18px
}
.events__item-date-number {
font-size: 35px;
letter-spacing: 1px
}
.events__item-date-number.one::first-letter {
margin-left: -5px
}
.events__item-field {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
.events__item-field:nth-child(2)::before {
content: '';
background: url(img/oetker-collection/arrow-down-green.svg) center no-repeat;
position: absolute;
top: -25px;
left: 50%;
width: 10px;
height: 10px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.events__item-description {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 25px
}
.events__item-buttons,
.hero,
.hero__threesixty,
.hero__threesixtymobile {
display: -webkit-flex;
display: -ms-flexbox
}
@media screen and (max-width:68.0625em) {
.events__item-field:nth-child(2)::before {
top: 23px;
left: -25px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.events__item-description {
width: 100%;
height: 100%;
text-align: center
}
}
.header,
.hotel-header {
height: 90px;
padding: 0 10px
}
.events__item-description--title {
margin-bottom: 20px !important
}
.events__item-description--title h3 {
font-weight: 500;
margin: 0
}
.events__item-description--text {
margin-bottom: 10px
}
.events__item-buttons {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: end;
-ms-flex-item-align: end;
align-self: end;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
gap: 16px;
margin: auto auto 30px
}
.events__item-buttons .book-now-container,
.events__item-buttons .cta {
margin: 0
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background-color: rgba(0, 0, 0, .6)
}
.header.opened {
background-color: #fff
}
.header__primary-nav {
padding: 30px 0 0 20px
}
.header__primary-nav-burger {
color: #fff;
text-transform: uppercase;
display: block;
opacity: 1;
transition: .5s opacity ease-in
}
.header__primary-nav-burger .button {
background: url(img/oetker-collection/burger.png) top 2px left 0 no-repeat;
background-size: 20px 10px;
padding: 0 0 20px 20px;
text-transform: uppercase;
font-size: .8125rem;
line-height: .8125rem
}
.header__primary-nav-burger .button:focus,
.header__primary-nav-burger .button:hover {
background-color: transparent;
outline: 0
}
@media print,
screen and (min-width:68.125em) {
.header__primary-nav-burger .button {
padding: 0 0 0 30px
}
.header__primary-nav-burger .close-button {
padding: 0 0 0 15px
}
}
.header__primary-nav-burger .close-button {
background: url(img/oetker-collection/close-white.svg) center left no-repeat;
background-size: 15px;
padding: 0 0 0 15px;
text-transform: uppercase;
font-size: .875rem;
line-height: .875rem;
position: absolute;
top: auto;
left: 25px;
display: none;
width: 15px;
height: 15px;
cursor: pointer
}
.header__primary-nav-burger .close-button:focus,
.header__primary-nav-burger .close-button:hover {
background-color: transparent;
outline: 0
}
.header__logo,
.social-feed__container {
padding-top: 20px
}
.header__primary-nav-burger .close-button span {
color: #fff;
margin-left: 5px
}
@media screen and (max-width:68.0625em) {
.header__primary-nav-burger .button span,
.header__primary-nav-burger .close-button span {
display: none
}
}
.header__logo {
text-align: center
}
@media screen and (max-width:39.9375em) {
.header__logo {
padding-top: 25px
}
}
@media print,
screen and (min-width:40em) {
.header__logo {
padding-top: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.header__logo a img {
max-width: 208px;
width: 100%
}
.header__logo .logo {
width: 100%
}
.header__logo .logo-dark {
display: none
}
.header__secondary-nav {
position: relative;
padding-right: 20px
}
.header__secondary-nav-language {
display: inline-block;
position: relative;
margin-right: 20px
}
@media screen and (max-width:68.0625em) {
.header__secondary-nav-language {
margin-right: 10px
}
}
.header__secondary-nav-language .selected-language {
font-size: .8125rem;
line-height: .8125rem;
color: #fff;
text-transform: uppercase;
cursor: pointer;
position: relative
}
@media screen and (max-width:39.9375em) {
.header__secondary-nav {
padding-right: 0
}
.header__secondary-nav-language .selected-language {
min-height: 16px
}
}
.header__secondary-nav-language .selected-language::after {
content: "";
background: url(img/oetker-collection/arrow-down.svg) center no-repeat;
background-size: 8px 5px;
padding-left: 15px;
width: 8px;
height: 5px;
position: absolute;
top: 3px
}
.header__secondary-nav-language .language-list {
display: none;
position: absolute;
top: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.header__secondary-nav-language .language-list.open {
display: block;
padding: 7px 15px;
background-color: rgba(0, 0, 0, .2);
text-align: center
}
.header__secondary-nav-language .language-list ul li,
.hotel-header__secondary-nav-language .language-list ul li {
line-height: 1;
padding: 6px 0
}
.header__secondary-nav-language .language-list ul {
list-style: none;
margin: 0;
white-space: normal
}
.header__secondary-nav-language .language-list ul li:first-child {
padding-top: 2px
}
.header__secondary-nav-language .language-list ul li:last-child {
padding-bottom: 2px
}
.header__secondary-nav-language .language-list ul li a {
font-size: .8125rem;
line-height: .8125rem;
color: #fff;
text-transform: uppercase
}
.header__secondary-nav-book-container a,
.header__secondary-nav-links-list ul li a {
line-height: .9375rem;
color: #fff;
font-family: "Gill Sans MT Pro", sans-serif;
font-size: .8125rem;
text-transform: uppercase
}
.header__secondary-nav-links {
margin-top: 25px
}
.header__secondary-nav-links-list {
display: none
}
@media print,
screen and (min-width:68.125em) {
.header__secondary-nav-links-list {
display: inline-block
}
}
.header__secondary-nav-links-list ul {
list-style: none;
margin: 0
}
.header__secondary-nav-links-list ul li {
display: inline-block;
margin: 0 10px
}
.header__secondary-nav-book,
body.no-hero .header .header__logo .logo {
display: none
}
.header__secondary-nav-links-list ul li a {
padding-bottom: 4px
}
.header__secondary-nav-links-list ul li a:hover {
border-bottom: 1px solid #373737
}
.header__secondary-nav-book-container {
background-color: transparent;
text-align: center;
padding: 7px 20px;
min-width: 92px;
border: 1px solid #fff;
position: relative
}
.header__secondary-nav-book-container:hover {
background-color: #ADBDB2;
border: 1px solid #adbdb2
}
.header__secondary-nav-book-container::before {
content: '';
position: absolute;
top: 10px;
left: 5px;
border: solid rgba(0, 0, 0, .5);
border-width: 0 1px;
background: 0 0;
transition: .3s;
height: 0%;
width: calc(100% - 10px);
opacity: 0;
pointer-events: none
}
.header__secondary-nav-book-container::after {
position: absolute;
top: 5px;
left: 8px;
background: 0 0;
border: solid rgba(0, 0, 0, .5);
border-width: 1px 0;
transition: .3s;
height: calc(100% - 10px)
}
.header__secondary-nav-book-container:hover::before {
height: calc(100% - 20px);
opacity: 1
}
.header__secondary-nav-book-container:hover::after {
width: calc(100% - 15px);
opacity: 1
}
.header__secondary-nav-book-container a {
padding: 15px 25px
}
.fixed.header .header__primary-nav .header__primary-nav-burger .button span,
.fixed.header .header__primary-nav .header__primary-nav-burger .close-button span,
.fixed.header .header__secondary-nav-book-container a,
.fixed.header .header__secondary-nav-language,
.fixed.header .header__secondary-nav-language .language-list.open ul li a,
.fixed.header .header__secondary-nav-language button,
.fixed.header .header__secondary-nav-links ul li a,
.fixed.header .language-list ul li a,
.header__mobile-booking-container a,
.header__secondary-nav-book-container a:hover,
body.no-hero .header .header__primary-nav .header__primary-nav-burger .button span,
body.no-hero .header .header__primary-nav .header__primary-nav-burger .close-button span,
body.no-hero .header .header__secondary-nav-book-container a,
body.no-hero .header .header__secondary-nav-language,
body.no-hero .header .header__secondary-nav-language button,
body.no-hero .header .header__secondary-nav-links ul li a,
body.no-hero .header .language-list ul li a {
color: #373737
}
.header__mobile-booking {
position: fixed;
bottom: 0;
left: 0;
border-bottom: env(safe-area-inset-bottom) solid #fff;
padding: 5px;
background-color: #ADBDB2;
z-index: 15;
border-top: 1px solid #ADBDB2
}
@media screen and (min-width:715px) {
.header__secondary-nav-book {
display: inline-block;
margin-left: 30px
}
.header__mobile-booking {
display: none
}
}
.header__mobile-booking-container {
text-align: center;
padding: 5px
}
.header__mobile-booking-container a {
display: block;
font-size: .8125rem;
line-height: .8125rem;
text-transform: uppercase;
padding: 6px 15px 4px;
font-family: "Gill Sans MT Pro", sans-serif
}
.fixed.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #e6e6e6
}
.fixed.header .header__logo .logo {
width: 100%;
display: none !important
}
.fixed.header .header__logo .logo-dark {
width: 100%;
display: block !important
}
.fixed.header .header__primary-nav .header__primary-nav-burger .button {
background-image: url(img/oetker-collection/burger-black.png)
}
.fixed.header .header__primary-nav .header__primary-nav-burger .close-button {
background: url(img/oetker-collection/close.svg) no-repeat;
background-size: 15px
}
.fixed.header .header__secondary-nav-language button::after {
background: url(img/oetker-collection/arrow-down-black.svg) center no-repeat;
background-size: 8px 5px
}
.fixed.header .header__secondary-nav-language .language-list.open {
text-align: center;
background-color: #fff;
border: 1px solid #e6e6e6
}
.fixed.header .header__secondary-nav-book-container {
background-color: #ADBDB2;
position: relative
}
body.no-hero .header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff
}
body.no-hero .header .header__primary-nav .header__primary-nav-burger .button {
background: url(img/oetker-collection/burger-black.png) no-repeat
}
body.no-hero .header .header__primary-nav .header__primary-nav-burger .close-button {
background: url(img/oetker-collection/close.svg) no-repeat;
background-size: 15px
}
body.no-hero .header .header__logo .logo-dark {
display: block;
width: 100%
}
body.no-hero .header .header__secondary-nav-language button::after {
background: url(img/oetker-collection/arrow-down-black.svg) center no-repeat;
background-size: 8px 5px
}
body.no-hero .header .header__secondary-nav-language .language-list.open {
background-color: #fff;
border: 1px solid #e6e6e6
}
body.no-hero .header .header__secondary-nav-book-container {
background-color: #ADBDB2
}
@media screen and (max-width:39.9375em) {
body.video-slider .header .header__primary-nav .header__primary-nav-burger .button span,
body.video-slider .header .header__primary-nav .header__primary-nav-burger .close-button span,
body.video-slider .header .header__secondary-nav-book-container a,
body.video-slider .header .header__secondary-nav-language,
body.video-slider .header .header__secondary-nav-language .language-list.open ul li a,
body.video-slider .header .header__secondary-nav-language button,
body.video-slider .header .header__secondary-nav-links ul li a,
body.video-slider .header .language-list ul li a {
color: #373737
}
body.video-slider .header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #e6e6e6
}
body.video-slider .header .header__logo .logo {
width: 100%;
display: none !important
}
body.video-slider .header .header__logo .logo-dark {
width: 100%;
display: block !important
}
body.video-slider .header .header__primary-nav .header__primary-nav-burger .button {
background-image: url(img/oetker-collection/burger-black.png)
}
body.video-slider .header .header__primary-nav .header__primary-nav-burger .close-button {
background: url(img/oetker-collection/close.svg) no-repeat;
background-size: 15px
}
body.video-slider .header .header__secondary-nav-language button::after {
background: url(img/oetker-collection/arrow-down-black.svg) center no-repeat;
background-size: 8px 5px
}
body.video-slider .header .header__secondary-nav-language .language-list.open {
text-align: center;
background-color: #fff;
border: 1px solid #e6e6e6
}
body.video-slider .header .header__secondary-nav-book-container {
background-color: #ADBDB2;
position: relative
}
}
body.mobile-booking-hide .header__mobile-booking {
display: none !important
}
.header__mobile-booking.over-footer {
border-top: 1px solid #4c4c4c
}
.hotel-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background-color: rgba(0, 0, 0, .6)
}
.hotel-header.video-slider {
background-color: #fff !important
}
.hotel-header.opened {
background-color: #fff
}
.hotel-header__primary-nav {
padding: 30px 0 0 20px
}
@media screen and (min-width:75em) {
.hotel-header__primary-nav {
display: none
}
}
.hotel-header__primary-nav-burger {
font-size: .8125rem;
line-height: .8125rem;
color: #fff;
text-transform: uppercase;
display: block;
opacity: 1;
transition: .5s opacity ease-in
}
.hotel-header__primary-nav-burger .button {
background: url(img/oetker-collection/burger.png) center left no-repeat;
background-size: 20px 10px;
padding: 0 0 20px 20px;
text-transform: uppercase
}
.hotel-header__primary-nav-burger .button:focus,
.hotel-header__primary-nav-burger .button:hover {
background-color: transparent;
outline: 0
}
@media print,
screen and (min-width:68.125em) {
.hotel-header__primary-nav-burger .button {
padding: 0 0 0 30px;
margin-top: 10px
}
.hotel-header__primary-nav-burger .close-button {
padding: 0 0 0 15px
}
}
.hotel-header__primary-nav-burger .button span {
font-family: "Gill Sans MT Pro", sans-serif
}
.hotel-header__primary-nav-burger .close-button {
background: url(img/oetker-collection/close-white.svg) center left no-repeat;
background-size: 15px;
padding: 0 0 0 15px;
text-transform: uppercase;
position: absolute;
top: auto;
left: 25px;
display: none;
width: 15px;
height: 15px;
cursor: pointer
}
.hotel-header__primary-nav-burger .close-button:focus,
.hotel-header__primary-nav-burger .close-button:hover {
background-color: transparent;
outline: 0
}
.hotel-header__primary-nav-burger .close-button span {
font-family: "Gill Sans MT Pro", sans-serif;
color: #fff;
margin-left: 5px
}
@media screen and (max-width:68.0625em) {
.hotel-header__primary-nav-burger .button span,
.hotel-header__primary-nav-burger .close-button span {
display: none
}
}
.hotel-header__logo {
text-align: center;
align-self: center;
padding-top: 9px
}
@media print,
screen and (min-width:40em) {
.hotel-header__logo {
padding-top: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.hotel-header__logo .logo-dark,
.hotel-header__logo-group .logo-dark {
display: none
}
.hotel-header__logo a img {
width: 100%;
max-width: 300px;
height: 60px
}
.hotel-header__logo-group {
text-align: center;
padding: 33px 0 0 20px
}
@media screen and (min-width:40em) and (max-width:68.0625em) {
.hotel-header__logo-group {
padding: 33px 10px 0
}
}
@media screen and (min-width:75em) {
.hotel-header__logo-group {
min-width: 33% !important;
text-align: left
}
}
.hotel-header__logo-group a img {
width: 100%;
max-width: 180px
}
.hotel-header__secondary-nav {
position: relative;
padding-right: 20px
}
.hotel-header__secondary-nav-language {
display: inline-block;
position: relative;
margin-right: 20px
}
@media screen and (max-width:68.0625em) {
.hotel-header__secondary-nav-language {
margin-right: 10px
}
}
.hotel-header__secondary-nav-language .selected-language {
font-family: "Gill Sans MT Pro", sans-serif;
font-size: .8125rem;
line-height: 1.1;
color: #fff;
text-transform: uppercase;
position: relative
}
.hotel-header__secondary-nav-language .selected-language::after {
content: "";
background: url(img/oetker-collection/arrow-down.svg) center no-repeat;
background-size: 8px 5px;
padding-left: 15px;
width: 8px;
height: 5px;
position: absolute;
top: 3px
}
.hotel-header__secondary-nav-language .language-list {
display: none;
position: absolute;
top: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.hotel-header__secondary-nav-language .language-list.open {
display: block;
z-index: 9;
padding: 7px 15px;
background-color: rgba(0, 0, 0, .2);
text-align: center
}
.hotel-header__secondary-nav-language .language-list ul {
list-style: none;
margin: 0;
white-space: normal
}
.hotel-header__secondary-nav-book-container a,
.hotel-header__secondary-nav-language .language-list ul li a,
.hotel-header__secondary-nav-links-list ul li a {
font-size: .8125rem;
line-height: .8125rem;
font-family: "Gill Sans MT Pro", sans-serif;
color: #fff;
text-transform: uppercase
}
.hotel-header__secondary-nav-language .language-list ul li:first-child {
padding-top: 2px
}
.hotel-header__secondary-nav-language .language-list ul li:last-child {
padding-bottom: 2px
}
.hotel-header__secondary-nav-links {
margin-top: 24px
}
.hotel-header__secondary-nav-links-list {
display: none
}
@media print,
screen and (min-width:68.125em) {
.hotel-header__secondary-nav-links-list {
display: inline-block
}
}
.hotel-header__secondary-nav-links-list ul {
list-style: none;
margin: 0
}
.hotel-header__secondary-nav-links-list ul li {
display: inline-block;
margin: 0 10px
}
.hotel-header__secondary-nav-book {
display: none
}
@media screen and (min-width:715px) {
.hotel-header__secondary-nav-book {
display: inline-block;
margin-left: 30px
}
}
.hotel-header__secondary-nav-book-container {
background-color: transparent;
text-align: center;
padding: 7px 20px;
min-width: 92px;
border: 1px solid #fff;
position: relative
}
.hotel-header__secondary-nav-book-container:hover {
background-color: #ADBDB2;
border: 1px solid #adbdb2
}
.hotel-header__secondary-nav-book-container::before {
content: '';
position: absolute;
top: 10px;
left: 5px;
border: solid rgba(0, 0, 0, .5);
border-width: 0 1px;
background: 0 0;
transition: .3s;
height: 0%;
width: calc(100% - 10px);
opacity: 0;
pointer-events: none
}
.hotel-header__secondary-nav-book-container::after {
content: '';
position: absolute;
top: 5px;
left: 8px;
background: 0 0;
border: solid rgba(0, 0, 0, .5);
border-width: 1px 0;
transition: .3s;
height: calc(100% - 10px);
width: 0%;
opacity: 0;
pointer-events: none
}
.hotel-header__secondary-nav-book-container:hover::before {
height: calc(100% - 20px);
opacity: 1
}
.hotel-header__secondary-nav-book-container:hover::after {
width: calc(100% - 15px);
opacity: 1
}
.hotel-header__secondary-nav-book-container a {
padding: 8px 20px 7px;
position: relative
}
.hotel-header__sub-nav {
position: absolute;
top: 90px;
left: 0;
background-color: rgba(0, 0, 0, .6);
text-align: center;
border-top: 1px solid #fff;
padding: 8px 0 4px
}
@media screen and (max-width:74.9375em) {
.hotel-header__sub-nav {
display: none
}
}
.hotel-header__sub-nav ul {
list-style: none;
margin: 0;
position: relative
}
.hotel-header__sub-nav ul li {
display: inline-block;
margin: 0 10px
}
.hotel-header__sub-nav ul li.hidden {
display: none
}
.hotel-header__sub-nav ul li a {
font-family: "Gill Sans MT Pro", sans-serif;
font-size: .875rem;
line-height: .875rem;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px
}
.hotel-header__sub-nav ul li.active>a {
border-bottom: 1px solid #fff
}
.hotel-header__sub-nav ul li ul {
position: inherit;
padding-bottom: 10px;
background: url(img/oetker-collection/arrow-down.svg) center bottom no-repeat;
background-size: 10px
}
.hotel-header__sub-nav ul li.show-dropdown ul {
background: url(img/oetker-collection/arrow-up.svg) center bottom no-repeat;
background-size: 10px
}
.hotel-header__sub-nav-dropdown {
width: 100%;
background: rgba(0, 0, 0, .6);
padding: 30px;
margin: 0 auto
}
.hotel-header__sub-nav-dropdown-wrapper {
display: none;
position: absolute;
top: 24px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding-top: 15px;
width: 100%
}
.hotel-header__sub-nav-dropdown-container {
width: 100%;
height: 30px;
background-color: transparent
}
.fixed.hotel-header .hotel-header__logo img,
.no-hero .hotel-header .hotel-header__logo img {
width: 100%;
height: 60px
}
.hotel-header__sub-nav-dropdown-left {
border-right: 1px solid #fff;
text-align: left
}
.hotel-header__sub-nav-dropdown-left li {
margin: 0 0 10px
}
.hotel-header__sub-nav-dropdown-left li a {
text-transform: unset !important;
color: #fff !important
}
.hotel-header__sub-nav-dropdown-left li p {
font-family: Newsreader, sans-serif;
color: #373737;
font-weight: 400;
margin-bottom: 0;
font-size: .8125rem;
letter-spacing: 1px
}
.hotel-header__sub-nav-dropdown-right {
text-align: left
}
.footer__contact,
.footer__nav,
.hero,
.hero-booking-widget__textbox,
.hero__countdown .title-large,
.hero__countdown .title-small,
.hotel-header__mobile-booking-container,
.off-canvas__nav,
.social {
text-align: center
}
.hotel-header__sub-nav-dropdown-right li {
margin: 0 0 10px 40px !important
}
.hotel-header__sub-nav-dropdown-right li a {
text-transform: unset !important;
color: #fff !important
}
.hotel-header__mobile-booking-container a,
.hotel-header__sub-nav-dropdown-right li p {
font-size: .8125rem;
color: #373737;
font-family: "Gill Sans MT Pro", sans-serif
}
.hotel-header__sub-nav-dropdown-right li p {
font-weight: 400;
margin-bottom: 0;
letter-spacing: 1px
}
.hotel-header__sub-nav-more {
display: none !important
}
.hotel-header__sub-nav-more--active {
display: inline-block !important
}
.hotel-header__mobile-booking {
position: fixed;
bottom: 0;
left: 0;
border-bottom: env(safe-area-inset-bottom) solid #fff;
padding: 5px;
background-color: #ADBDB2;
z-index: 15;
min-height: 34px;
border-top: 1px solid #ADBDB2
}
@media screen and (min-width:900px) {
.hotel-header__mobile-booking {
display: none
}
}
.hotel-header__mobile-booking-container a {
display: block;
line-height: .8125rem;
text-transform: uppercase;
padding: 6px 15px 4px
}
.fixed.hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .button span,
.fixed.hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .close-button span,
.fixed.hotel-header .hotel-header__secondary-nav-language,
.fixed.hotel-header .hotel-header__secondary-nav-language button,
.fixed.hotel-header .hotel-header__secondary-nav-links ul li a,
.fixed.hotel-header .language-list ul li a {
color: #000
}
.fixed.hotel-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff
}
.fixed.hotel-header .hotel-header__logo .logo {
display: none !important
}
.fixed.hotel-header .hotel-header__logo .logo-dark {
display: block !important
}
.fixed.hotel-header .hotel-header__logo-group .logo {
display: none !important
}
.fixed.hotel-header .hotel-header__logo-group .logo-dark {
display: block !important
}
.fixed.hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .button {
background: url(img/oetker-collection/burger-black.png) no-repeat;
background-size: 20px 10px
}
.fixed.hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .close-button {
background: url(img/oetker-collection/close.svg) no-repeat;
background-size: 15px
}
.fixed.hotel-header .hotel-header__secondary-nav-language button::after {
background: url(img/oetker-collection/arrow-down-black.svg) center no-repeat;
background-size: 8px 5px
}
.fixed.hotel-header .hotel-header__secondary-nav-language .language-list.open {
background-color: #fff;
border: 1px solid #e6e6e6
}
.fixed.hotel-header .hotel-header__secondary-nav-book-container {
background-color: #ADBDB2;
position: relative
}
.fixed.hotel-header .hotel-header__secondary-nav-book-container a {
color: #373737
}
.fixed.hotel-header .hotel-header__sub-nav {
background-color: #fff;
border-color: rgba(55, 55, 55, .46);
border-bottom: 1px solid rgba(55, 55, 55, .46)
}
.fixed.hotel-header .hotel-header__sub-nav>ul li>a {
color: #535353
}
.fixed.hotel-header .hotel-header__sub-nav>ul li>a:hover {
color: #000
}
.fixed.hotel-header .hotel-header__sub-nav>ul li.active>a {
border-bottom: 1px solid #000;
color: #000
}
.show-dropdown ul .hotel-header__sub-nav-dropdown-wrapper {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.fixed .hotel-header__sub-nav ul li ul {
background: url(img/oetker-collection/arrow-down-black.svg) center bottom no-repeat;
background-size: 10px
}
.fixed .hotel-header__sub-nav ul li.show-dropdown ul {
background: url(img/oetker-collection/arrow-up-black.svg) center bottom no-repeat;
background-size: 10px
}
.show-dropdown>a {
border-bottom: 1px solid #fff
}
.fixed .show-dropdown>a {
border-bottom: 1px solid #000
}
.no-hero .hotel-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff
}
.no-hero .hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .button {
background: url(img/oetker-collection/burger-black.png) no-repeat;
background-size: 20px 10px
}
.no-hero .hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .button span {
color: #000
}
.no-hero .hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .close-button {
background: url(img/oetker-collection/close.svg) no-repeat;
background-size: 15px
}
.no-hero .hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .close-button span {
color: #000
}
.no-hero .hotel-header .hotel-header__logo .logo {
display: none
}
.no-hero .hotel-header .hotel-header__logo .logo-dark {
display: block
}
.no-hero .hotel-header .hotel-header__logo-group .logo {
display: none
}
.no-hero .hotel-header .hotel-header__logo-group .logo-dark {
display: block
}
.no-hero .hotel-header .hotel-header__secondary-nav-language,
.no-hero .hotel-header .hotel-header__secondary-nav-language button {
color: #000
}
.no-hero .hotel-header .hotel-header__secondary-nav-language button::after {
background: url(img/oetker-collection/arrow-down-black.svg) center no-repeat;
background-size: 8px 5px
}
.no-hero .hotel-header .hotel-header__secondary-nav-book-container {
background-color: #ADBDB2;
position: relative
}
.no-hero .hotel-header .hotel-header__secondary-nav-book-container a {
color: #373737
}
.no-hero .hotel-header .language-list.open {
background-color: #fff;
border: 1px solid #e6e6e6
}
.no-hero .hotel-header .hotel-header__secondary-nav-links ul li a,
.no-hero .hotel-header .language-list ul li a {
color: #000
}
.no-hero .hotel-header .hotel-header__sub-nav {
background-color: #fff;
border-color: #373737;
border-bottom: 1px solid rgba(55, 55, 55, .5)
}
.no-hero .hotel-header .hotel-header__sub-nav>ul li>a {
color: #535353
}
.no-hero .hotel-header .hotel-header__sub-nav>ul li>a:hover {
color: #000
}
.no-hero .hotel-header .hotel-header__sub-nav>ul li.active>a {
border-bottom: 1px solid #000;
color: #000
}
.no-hero .hotel-header__sub-nav ul li ul {
background: url(img/oetker-collection/arrow-down-black.svg) center bottom no-repeat;
background-size: 10px
}
.no-hero .show-dropdown>a {
border-bottom: 1px solid #000
}
.hotel-header__mobile-booking.over-footer {
border-top: 1px solid #4c4c4c
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.hotel-header__sub-nav-dropdown-wrapper {
top: 20px;
padding: 0
}
}
@media screen and (max-width:39.9375em) {
body.video-slider .hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .button span,
body.video-slider .hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .close-button span,
body.video-slider .hotel-header .hotel-header__secondary-nav-language,
body.video-slider .hotel-header .hotel-header__secondary-nav-language button,
body.video-slider .hotel-header .hotel-header__secondary-nav-links ul li a,
body.video-slider .hotel-header .language-list ul li a {
color: #000
}
body.video-slider .hotel-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff
}
body.video-slider .hotel-header .hotel-header__logo .logo {
display: none !important
}
body.video-slider .hotel-header .hotel-header__logo .logo-dark {
display: block !important
}
body.video-slider .hotel-header .hotel-header__logo-group .logo {
display: none !important
}
body.video-slider .hotel-header .hotel-header__logo-group .logo-dark {
display: block !important
}
body.video-slider .hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .button {
background: url(img/oetker-collection/burger-black.png) no-repeat;
background-size: 20px 10px
}
body.video-slider .hotel-header .hotel-header__primary-nav .hotel-header__primary-nav-burger .close-button {
background: url(img/oetker-collection/close.svg) no-repeat;
background-size: 15px
}
body.video-slider .hotel-header .hotel-header__logo img {
width: 100%;
height: 60px
}
body.video-slider .hotel-header .hotel-header__secondary-nav-language button::after {
background: url(img/oetker-collection/arrow-down-black.svg) center no-repeat;
background-size: 8px 5px
}
body.video-slider .hotel-header .hotel-header__secondary-nav-language .language-list.open {
background-color: #fff;
border: 1px solid #e6e6e6
}
body.video-slider .hotel-header .hotel-header__secondary-nav-book-container {
background-color: #ADBDB2;
position: relative
}
body.video-slider .hotel-header .hotel-header__secondary-nav-book-container a {
color: #373737
}
body.video-slider .hotel-header .hotel-header__sub-nav {
background-color: #fff;
border-color: rgba(55, 55, 55, .46);
border-bottom: 1px solid rgba(55, 55, 55, .46)
}
body.video-slider .hotel-header .hotel-header__sub-nav>ul li>a {
color: #535353
}
body.video-slider .hotel-header .hotel-header__sub-nav>ul li>a:hover {
color: #000
}
body.video-slider .hotel-header .hotel-header__sub-nav>ul li.active>a {
border-bottom: 1px solid #000;
color: #000
}
}
body.mobile-booking-hide .hotel-header__mobile-booking {
display: none
}
.footer {
background-color: #ADBDB2;
padding: 60px 5% 80px
}
@media screen and (max-width:39.9375em) {
.footer {
padding: 40px 30px 60px
}
.footer__nav {
margin-bottom: 30px
}
.footer__contact {
padding: 0 5px
}
}
.footer__nav ul {
list-style: none;
margin: 0
}
.footer__nav ul li {
display: inline-block;
margin: 0 10px 5px
}
.footer__nav ul li a {
color: #373737;
text-transform: uppercase;
font-size: .875rem;
line-height: 1.0625rem;
letter-spacing: 2px;
position: relative;
font-family: "Gill Sans MT Pro", sans-serif
}
.footer__contact a::after,
.footer__nav ul li a::after {
position: absolute;
height: 1px;
background: #373737;
transition: .3s all ease-in-out;
left: 0;
bottom: 0;
content: ''
}
.footer__nav ul li a::after {
width: 0%;
opacity: 0
}
.footer__nav ul li a:hover::after {
width: 100%;
opacity: 1
}
.footer__contact h4 {
color: #373737;
font-size: 1.3125rem;
line-height: 1.5rem;
font-family: "Gill Sans MT Pro", sans-serif;
margin-bottom: 30px
}
.footer__contact a,
.footer__contact p {
font-size: .8125rem;
line-height: .8125rem;
font-family: Newsreader, sans-serif;
color: #373737
}
.footer__contact p {
margin: 0 0 5px
}
.footer__contact a {
position: relative
}
.footer__contact a::after {
width: 0%;
opacity: 0
}
.footer__contact a:hover::after {
width: 100%;
opacity: 1
}
.footer__contact a.hashtag {
color: #373737;
font-size: 1.3125rem;
line-height: 1.5rem;
font-family: "Gill Sans MT Pro", sans-serif;
margin-bottom: 30px
}
.hero {
font-size: 3rem;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin: 0 auto 30px;
padding-bottom: 100vh;
color: #fff;
overflow: hidden
}
@media screen and (max-width:1024px) and (orientation:portrait) {
.hero {
padding-bottom: 80vh
}
}
@media screen and (max-width:640px) and (orientation:portrait) {
.hero {
padding-bottom: 40vh
}
}
@media screen and (max-width:39.9375em) {
.hero:not(.hero--video) {
padding-bottom: 100%
}
.hero--video {
margin-top: 0
}
}
.hero--video {
padding-bottom: 56.25%
}
.hero__threesixty,
.hero__threesixtymobile {
font-family: Newsreader, sans-serif;
background-color: #fff;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 10px;
color: #000;
text-transform: uppercase;
cursor: pointer;
z-index: 9
}
.hero__threesixty button,
.hero__threesixtymobile button {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: Newsreader, sans-serif;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.hero__threesixty button p,
.hero__threesixtymobile button p {
font-family: "Gill Sans MT Pro", sans-serif;
text-transform: uppercase
}
.hero .scroll,
.hero-slider__slide-heading {
font-family: Newsreader, sans-serif
}
.hero__threesixty p,
.hero__threesixtymobile p {
margin: 0 10px
}
.hero__threesixty {
position: absolute;
bottom: 0;
left: 0
}
.hero__threesixtymobile {
position: absolute;
left: 18%;
top: 95%;
width: 250px;
height: 35px;
-webkit-transform: translateX(-51%) translateY(-50%);
-ms-transform: translateX(-51%) translateY(-50%);
transform: translateX(-51%) translateY(-50%)
}
@media print,
screen and (min-width:40em) {
.hero__threesixtymobile {
display: none
}
}
.hero__image,
.hero__video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
@media screen and (max-width:39.9375em) {
.hero__image,
.hero__video {
padding-bottom: 56.25%;
height: 0
}
}
.hero__image iframe,
.hero__image video,
.hero__video iframe,
.hero__video video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
@media screen and (max-width:39.9375em) {
.hero__image iframe,
.hero__image video,
.hero__video iframe,
.hero__video video {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important
}
}
.hero .video-wrapper .video-placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 1s ease-in-out;
background-size: cover
}
@media screen and (max-width:39.9375em) {
.hero .video-wrapper .video-placeholder {
padding-bottom: 56.25%;
height: 0
}
}
.hero .video-wrapper .video-placeholder.hide {
opacity: 0;
pointer-events: none
}
.hero .slider-gradient {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100px;
background: linear-gradient(rgba(0, 0, 0, .5), 25%, transparent);
z-index: 9;
pointer-events: none
}
.hero--grid,
.hero--grid .hero-slider__slide,
.hero.heroHome {
position: relative
}
.hero.heroHome {
max-height: none
}
.hero--small {
max-height: 275px;
background-color: #fff
}
.hero--small .titleDark {
margin-top: 75px !important;
color: #1a3740 !important
}
.hero--empty {
opacity: 0;
min-height: 0;
height: 55px;
padding: 0 !important
}
@media screen and (min-width:1024px) {
.hero--empty {
height: 125px
}
}
.hero--video {
max-height: calc(56.25vw + 50px);
min-height: 200px;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.hero--video .hero-slider__slide {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.hero--grid {
width: 100vw;
height: 100%;
left: 50%;
margin-left: -50vw
}
@media screen and (min-width:461px) {
.hero--grid {
height: 750px
}
}
@media screen and (max-width:500px) {
.hero--grid .hero-slider.hero-slider {
position: relative
}
}
.hero--grid .hero-slider .control-arrow {
background-color: transparent
}
.hero--grid .hero-slider__slide:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .25)
}
.hero-slider {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.hero-slider .slick-dots {
font-size: 19px;
bottom: 80px !important;
z-index: 12
}
.hero-slider .slick-dots li {
margin: 0 9px
}
.hero-slider .slick-dots li button {
background-color: transparent;
border: 1px solid #fff
}
.hero-slider .slick-dots li.slick-active button {
background-color: #fff
}
.hero-slider__slide {
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.hero-slider__slide-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 60px;
z-index: 1
}
@media screen and (max-width:39.9375em) {
.hero-slider .slick-dots {
bottom: 30px !important
}
.hero-slider__slide-content {
padding: 20px 0
}
}
.hero-slider__slide-heading {
max-width: calc(100% - 125px);
margin: 0 auto 40px;
font-size: 2.6rem;
font-weight: 400;
letter-spacing: 1px;
line-height: 31px
}
.hero-booking-widget button,
.hero-booking-widget__calendars #Datepickk,
.hero-booking-widget__pickers,
.hero-booking-widget__pickers>div>div:first-child,
.heroInner .link {
font-family: "Gill Sans MT Pro", sans-serif
}
@media screen and (min-width:461px) {
.hero-slider__slide-heading {
font-size: 64px;
line-height: 70px
}
}
@media screen and (min-width:550px) {
.hero-slider__slide-heading {
max-width: none
}
}
.hero-slider__slide-text {
width: 100%;
max-width: calc(100% - 125px);
margin: 0 auto 40px;
font-size: 24px
}
@media screen and (min-width:550px) {
.hero-slider__slide-text {
max-width: 500px
}
}
.hero-slider__slide-text p {
margin: 0
}
.hero-slider__slide-text p+p {
margin-top: 1rem
}
.hero-slider__slide .btnWrap {
font-size: 19px
}
.hero-slider__slide .btnWrap a:hover {
color: #566e76
}
.hero-slider__slide .btnWrap a:hover:before {
background: url(../assets/img/arrow.svg) center center no-repeat
}
.hero-slider__video {
display: block;
position: absolute;
left: 50%;
height: 100%;
margin-top: 50px
}
@media screen and (min-width:1024px) {
.hero-slider__video {
position: relative;
left: 0;
width: 100%;
height: auto;
margin-top: 0
}
}
.hero-slider__mobileplay {
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 70px;
height: 70px;
cursor: pointer;
z-index: 9
}
.hero-slider__mobileplay:before {
content: '';
display: block;
width: 40px;
height: 40px;
margin-left: 15px;
margin-top: 15px;
background: url(../assets/img/play.svg) center center no-repeat;
background-size: cover
}
@media screen and (min-width:800px) {
.hero-slider__mobileplay {
display: none
}
}
.hero-slider__muted {
display: none
}
@media screen and (min-width:1024px) {
.hero-slider__muted {
position: absolute;
right: 40px;
top: 130px;
z-index: 10;
-webkit-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
width: 50px;
height: 50px;
cursor: pointer
}
.hero-slider__muted:before {
content: '';
display: block;
width: 20px;
height: 20px;
margin-left: 15px;
margin-top: 15px;
background: url(../assets/img/mute.svg) center center no-repeat;
background-size: cover
}
.hero-slider__muted--unmuted:before {
background: url(../assets/img/unmute.svg) center center no-repeat;
background-size: cover
}
}
.hero-slider .control-arrow,
.heroImg {
background-size: cover;
background-position: center center
}
.hero-slider .slick-list {
width: 100%;
height: 100%;
margin: 0
}
.hero-slider .slick-track {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%
}
.hero-slider .control-arrow {
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 30px;
height: 46px;
top: 50%;
bottom: auto;
margin-top: -23px;
z-index: 3
}
.hero-slider .control-arrow.control-prev {
left: 30px;
background-image: url(../assets/img/left.svg)
}
.hero-slider .control-arrow.control-next {
right: 30px;
background-image: url(../assets/img/right.svg)
}
.hero .logo,
.heroImg {
top: 0;
right: 0;
bottom: 0;
position: absolute;
left: 0
}
.hero-slider--white-arrows .control-arrow.control-prev {
background-image: url(../assets/img/left-white.svg)
}
.hero-slider--white-arrows .control-arrow.control-next {
background-image: url(../assets/img/right-white.svg)
}
.heroImg {
opacity: 0;
background-repeat: no-repeat;
transition: opacity .3s
}
.heroImg.active {
opacity: 1
}
.heroInner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 12%
}
.heroInner .link {
font-size: 3.1875rem;
line-height: 3.1875rem;
color: #fff;
text-shadow: 1px 1px #4c4c4c;
margin-left: 3%;
margin-right: 3%;
margin-bottom: 30px
}
.hero .titleDefault,
.hero span.titleDefault {
text-shadow: rgba(0, 0, 0, .4) -1px 1px;
letter-spacing: .9px
}
@media screen and (min-width:960px) {
.heroInner {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.heroInner .link {
margin-bottom: 0;
line-height: 1
}
}
@media screen and (max-width:39.9375em) {
.heroInner {
display: block
}
.heroInner .link {
font-size: 1.5rem;
line-height: 1.5rem;
display: block;
margin-bottom: 0
}
}
.hero .logo {
margin: auto;
max-width: 100%;
height: auto;
padding: 0 30px;
pointer-events: none
}
.hero .titleDefault {
z-index: 9;
margin: 0;
font-size: 3.75rem;
font-weight: 400;
position: absolute;
width: 100%;
left: 0;
bottom: 85px;
pointer-events: none;
color: #fff
}
.hero .scroll,
.mejs__volume-button>.mejs__volume-slider,
.mejs__volume-total {
left: 50%;
-ms-transform: translateX(-50%)
}
@media screen and (max-width:39.9375em) {
.hero .titleDefault {
padding: 0 15px;
font-size: 2.5rem;
line-height: 2.75rem;
bottom: 60px
}
}
.hero .titleDefault.titleDark {
margin-top: -150px;
color: #000
}
.hero span.titleDefault {
z-index: 2;
margin: 0;
font-size: 100%;
font-weight: 400;
position: relative
}
@media print,
screen and (min-width:40em) {
.hero h1.titleDefault {
bottom: 125px
}
.hero .hero-booking-widget~h1.titleDefault {
bottom: 175px
}
}
.hero .scroll {
display: block;
position: absolute;
z-index: 10;
bottom: 25px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding-bottom: 5px;
color: #fff;
letter-spacing: 2px;
font-size: .8125rem;
line-height: 2.1875rem;
text-transform: uppercase;
background-size: 30px 10px;
cursor: pointer
}
@media screen and (max-width:39.9375em) {
.hero .scroll {
display: none
}
}
.hero__countdown {
position: absolute;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, .8);
padding: 1rem;
z-index: 9;
bottom: 0
}
.hero__countdown .title-small {
font-size: 1rem;
color: #000
}
.hero__countdown .title-large {
font-size: 2rem;
color: #000;
margin-bottom: 1rem
}
@media print,
screen and (min-width:68.125em) {
.hero__countdown .title-large {
font-size: 2rem
}
}
.hero__countdown .counters {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0
}
@media print,
screen and (min-width:40em) {
.hero__countdown {
padding-left: 4rem;
padding-right: 4rem;
width: auto;
top: 50%;
left: 50%;
bottom: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.hero__countdown .counters {
grid-gap: 40px
}
}
.hero__countdown .counter {
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
}
.hero__countdown .counter .number {
font-size: 36px;
color: #ADBDB2;
margin-right: 10px
}
.hero__countdown .counter .text {
font-size: 13px;
text-transform: uppercase;
color: #373737
}
.video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.video-wrapper>.mejs__player {
opacity: 0
}
.video-wrapper>.mejs__player--started {
opacity: 1
}
.video-wrapper .mejs__player mediaelementwrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.video-wrapper .mejs__player iframe {
width: 100vw !important;
height: 100vh !important;
max-height: 100vh !important
}
.video-wrapper .mejs__player .mejs__overlay-button {
display: none
}
@media only screen and (max-width:800px) {
.hero .mejs__container {
position: absolute;
top: 0
}
.video-wrapper {
display: block;
height: 70vw;
min-height: 275px;
max-height: 500px
}
}
@media only screen and (max-width:640px) {
.video-wrapper {
height: auto
}
}
.mejs__play>button {
background-position: 0 0
}
.mejs__pause>button {
background-position: -20px 0
}
.mejs__fullscreen-button>button {
background-position: -80px 0
}
.mejs__unfullscreen>button {
background-position: -100px 0
}
.mejs__mute>button {
background-position: -60px 0
}
.mejs__unmute>button {
background-position: -40px 0
}
.mejs__volume-button {
position: relative
}
.mejs__volume-button>.mejs__volume-slider {
background: rgba(50, 50, 50, .7);
border-radius: 0;
bottom: 100%;
display: none;
height: 115px;
margin: 0;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 25px;
z-index: 1
}
.mejs__volume-button:hover {
border-radius: 0 0 4px 4px
}
.mejs__volume-total {
background: rgba(255, 255, 255, .5);
height: 100px;
margin: 0;
position: absolute;
top: 8px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 2px
}
.mejs__volume-current {
left: 0;
margin: 0;
position: absolute;
width: 100%
}
.mejs__volume-handle {
border-radius: 1px;
cursor: ns-resize;
height: 6px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 16px
}
.mejs__horizontal-volume-slider {
display: block;
height: 36px;
position: relative;
vertical-align: middle;
width: 56px
}
.mejs__horizontal-volume-total {
background: rgba(50, 50, 50, .8);
border-radius: 2px;
font-size: 1px;
height: 8px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 16px;
width: 50px
}
.mejs__horizontal-volume-current {
background: rgba(255, 255, 255, .8);
border-radius: 2px;
font-size: 1px;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%
}
.mejs__horizontal-volume-handle {
display: none
}
.mejs__controls:not([style*='display: none']) {
background: rgba(255, 0, 0, .7);
background: linear-gradient(transparent, rgba(0, 0, 0, 0))
}
.hotel .hero .slider-gradient {
opacity: 0
}
@media screen and (max-width:39.9375em) {
body.no-hero .hero--empty {
margin: 30px auto
}
body.video-slider .hero {
margin-top: 90px
}
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child,
.hero-booking-widget__calendars #Datepickk .d-week:first-child {
margin-right: 5px
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child,
.hero-booking-widget__calendars #Datepickk .d-week:last-child {
margin-left: 5px
}
.hero-booking-widget {
position: fixed;
bottom: 0;
border-bottom: env(safe-area-inset-bottom);
left: 0;
z-index: 11;
width: 100vw
}
@media only screen and (min-width:900px) {
.hero-booking-widget {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-bottom: none;
width: auto;
max-width: 840px
}
.hero-booking-widget+.scroll.scroll {
bottom: 120px
}
}
@media only screen and (min-width:1050px) {
.hero-booking-widget+.scroll.scroll {
bottom: 110px
}
}
.hero-booking-widget button {
font-size: 13px;
font-weight: 400;
line-height: 15px;
white-space: nowrap
}
.hero-booking-widget__overlay {
display: none;
position: absolute;
bottom: 0;
left: 50%;
top: 50%;
z-index: -1;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100vw;
height: 200vh
}
.hero-booking-widget__overlay.active {
display: block
}
.hero-booking-widget__calendars {
display: none;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.hero-booking-widget__calendars.active {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.hero-booking-widget__calendars #Datepickk {
max-width: none;
padding: 20px;
background-color: rgba(55, 55, 55, .8);
color: #fff
}
.hero-booking-widget__calendars #Datepickk.multi .d-table:before {
color: #fff
}
.hero-booking-widget__calendars #Datepickk .d-calendar {
font-size: .8125rem
}
.hero-booking-widget__calendars #Datepickk .d-header,
.hero-booking-widget__calendars #Datepickk .d-month,
.hero-booking-widget__calendars #Datepickk .d-month-picker,
.hero-booking-widget__calendars #Datepickk .d-week,
.hero-booking-widget__calendars #Datepickk .d-year,
.hero-booking-widget__calendars #Datepickk .d-year-picker {
background-color: transparent;
color: #fff
}
.hero-booking-widget__calendars #Datepickk .d-month-picker>div:hover,
.hero-booking-widget__calendars #Datepickk .d-year-picker>div:hover {
color: #fff;
background-color: rgba(173, 189, 178, .8)
}
.hero-booking-widget__calendars #Datepickk .d-month-picker>div.current,
.hero-booking-widget__calendars #Datepickk .d-year-picker>div.current {
color: #fff;
background-color: #adbdb2
}
.hero-booking-widget__calendars #Datepickk .d-week>div p {
font-size: .8125rem;
color: #fff
}
.hero-booking-widget__calendars #Datepickk .d-header #d-next:before,
.hero-booking-widget__calendars #Datepickk .d-header #d-previous:before {
color: #fff;
background-image: url(img/arrow-white.svg)
}
.hero-booking-widget__calendars #Datepickk .d-tables {
border: none;
min-height: 184px
}
.hero-booking-widget__calendars #Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden) {
color: #fff
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table {
border: 1px solid #cbc8c0
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:before {
font-size: .8125rem
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input+label:before {
background-color: #adbdb2
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input+label.next,
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input+label.prev {
color: #ccc !important
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input+label.d-hidden:before,
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input+label.next:before,
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input+label.prev:before {
-webkit-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input:checked+label {
color: #fff
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input:checked+label:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.selected.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input:checked+label~label:not(.d-hidden) {
color: #fff
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input:checked+label~label:not(.d-hidden):before {
background-color: rgba(173, 189, 178, .8)
}
.selected.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input:checked+label~label:not(.d-hidden):before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input:checked~input:checked+label:before {
color: #fff;
background-color: #adbdb2
}
.selected.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input:checked~input:checked+label~label {
color: inherit
}
.selected.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input:checked~input:checked+label~label:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0)
}
.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table input:not(:checked)+label.hover {
background-color: #eaeaea
}
.selected.first-month-end:not(.first-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input+label:not(.d-hidden):not(.prev),
.selected.first-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input+label:not(.d-hidden):not(.prev) {
color: #fff
}
.selected.first-month-end:not(.first-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input+label:not(.d-hidden):not(.prev):before,
.selected.first-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input+label:not(.d-hidden):not(.prev):before {
background-color: rgba(173, 189, 178, .8);
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.selected.first-month-end:not(.first-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label:before,
.selected.first-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label:before {
background-color: #adbdb2 !important
}
.selected.first-month-end:not(.first-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label+input~label,
.selected.first-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label+input~label {
color: inherit !important
}
.selected.first-month-end:not(.first-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label+input~label.next,
.selected.first-month-end:not(.first-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label+input~label.prev,
.selected.first-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label+input~label.next,
.selected.first-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label+input~label.prev {
color: #ccc !important
}
.selected.first-month-end:not(.first-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label+input~label:before,
.selected.first-month-end:not(.first-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child+.d-table label:before,
.selected.first-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:first-child input:checked+label+input~label:before {
-webkit-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important
}
.selected.second-month-end:not(.second-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input+label:not(.d-hidden):not(.next),
.selected.second-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input+label:not(.d-hidden):not(.next) {
color: #fff
}
.selected.second-month-end:not(.second-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input+label:not(.d-hidden):not(.next):before,
.selected.second-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input+label:not(.d-hidden):not(.next):before {
background-color: rgba(173, 189, 178, .8);
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.selected.second-month-end:not(.second-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label:before,
.selected.second-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label:before {
background-color: #adbdb2 !important
}
.selected.second-month-end:not(.second-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label+input~label,
.selected.second-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label+input~label {
color: inherit !important
}
.selected.second-month-end:not(.second-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label+input~label.next,
.selected.second-month-end:not(.second-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label+input~label.prev,
.selected.second-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label+input~label.next,
.selected.second-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label+input~label.prev {
color: #ccc !important
}
.selected.second-month-end:not(.second-month-start).hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label+input~label:before,
.selected.second-month-full.hero-booking-widget__calendars #Datepickk .d-tables.range .d-table:last-child input:checked+label+input~label:before {
-webkit-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important
}
.hero-booking-widget__calendars-close {
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
cursor: pointer;
width: 7px
}
.hero-booking-widget__pickers {
display: none;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
color: #fff;
background-color: rgba(55, 55, 55, .8);
font-size: 17px
}
.hero-booking-widget__pickers.active {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.hero-booking-widget__pickers>div {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.hero-booking-widget__pickers>div>div:first-child {
width: 100%;
margin-bottom: 5px;
text-transform: uppercase
}
.hero-booking-widget__minus {
display: inline-block;
width: 19px;
height: 19px;
margin: 6px 10px 6px 0;
background: url(../assets/img/minus-white.svg) center center no-repeat;
background-size: cover
}
.hero-booking-widget__plus {
display: inline-block;
width: 19px;
height: 19px;
margin: 6px 0 6px 10px;
background: url(../assets/img/plus-white.svg) center center no-repeat;
background-size: cover
}
.hero-booking-widget__textbox {
display: inline-block;
width: 30px;
height: 30px;
background-color: transparent;
border: none;
color: #fff;
margin: 0;
-webkit-appearance: textfield;
appearance: textfield
}
.hero-booking-widget__textbox::-webkit-inner-spin-button,
.hero-booking-widget__textbox::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.hero-booking-widget__summary {
display: none;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
background-color: rgba(55, 55, 55, .8);
border-bottom: 1px solid #ccc
}
.hero-booking-widget__summary .book-now-container {
min-width: 100%;
margin-bottom: 0
}
@media only screen and (min-width:900px) {
.hero-booking-widget__summary {
padding: 5px 20px;
border-bottom: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.hero-booking-widget__summary .book-now-container {
min-width: 0;
max-width: 90%
}
}
.hero-booking-widget__summary .book-now-container .book-now-wrapper {
width: 100%;
background-color: transparent;
border: 1px solid #fff;
color: #fff;
min-height: 35px
}
.hero-booking-widget__summary .book-now-container .book-now-wrapper::after,
.hero-booking-widget__summary .book-now-container .book-now-wrapper::before,
.hero-booking-widget__summary .book-now-container .book-now-wrapper:hover::after,
.hero-booking-widget__summary .book-now-container .book-now-wrapper:hover::before {
width: 0 !important;
height: 0 !important
}
.hero-booking-widget__summary .book-now-container .book-now-wrapper:hover {
background-color: #fff;
color: #000
}
.hero-booking-widget__summary .book-now-container .book-now-wrapper .book-button {
width: 100%;
padding: 7px 20px 3px;
color: inherit !important;
font-family: "Gill Sans MT Pro", sans-serif
}
.hero-booking-widget__dates:after,
.hero-booking-widget__numbers:after {
right: 0;
top: 50%;
width: 20px;
height: 20px;
content: ''
}
.hero-booking-widget__dates,
.hero-booking-widget__numbers {
padding-right: 50px;
margin-right: 70px;
color: #fff;
text-transform: uppercase;
font-family: "Gill Sans MT Pro", sans-serif;
cursor: pointer
}
.hero-booking-widget__dates {
display: none;
position: relative
}
@media only screen and (min-width:900px) {
.hero-booking-widget__dates {
display: block
}
}
.hero-booking-widget__dates:after {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
background: url(../assets/img/calendar-white.svg) center center no-repeat;
background-size: cover
}
.hero-booking-widget__numbers {
display: none;
position: relative
}
@media only screen and (min-width:900px) {
.hero-booking-widget__numbers {
display: block
}
}
.hero-booking-widget__numbers:after {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
background: url(../assets/img/plus-white.svg) center center no-repeat;
background-size: cover
}
.social {
margin: 0 auto 30px
}
.social__hashtag {
margin-bottom: 20px
}
.social__hashtag h4 {
line-height: 2.1875rem;
font-family: "Gill Sans MT Pro", sans-serif;
text-transform: none
}
.social__icons p,
.social__icons-pi p {
-webkit-transform: translateX(-50%);
font-size: .625rem;
text-transform: uppercase;
left: 50%
}
.social__icons p {
position: absolute;
font-family: "Gill Sans MT Pro", sans-serif;
color: #373737 !important;
display: none;
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.social__icons-fb {
background: url(img/oetker-collection/facebook.svg) no-repeat;
background-size: 10px 21px;
width: 10px;
height: 25px;
display: inline-block;
margin: 0 20px;
position: relative
}
.social__icons-ig,
.social__icons-li,
.social__icons-mail,
.social__icons-sw,
.social__icons-twit,
.social__icons-wc,
.social__icons-yt {
width: 30px;
height: 25px;
position: relative
}
.social__icons-fb p {
bottom: -35px
}
.social__icons-fb:hover {
background: url(img/oetker-collection/facebook-dark.svg) no-repeat;
background-size: 10px 21px
}
.social__icons-fb:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-fb {
margin: 0 10px
}
}
.social__icons-twit {
background: url(img/oetker-collection/twitter.svg) no-repeat;
background-size: 30px 21px;
display: inline-block;
margin: 0 20px
}
.social__icons-twit p {
bottom: -35px
}
.social__icons-twit:hover {
background: url(img/oetker-collection/twitter-dark.svg) no-repeat;
background-size: 30px 21px
}
.social__icons-twit:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-twit {
margin: 0 10px
}
}
.social__icons-yt {
background: url(img/oetker-collection/youtube.svg) no-repeat;
background-size: 31px 21px;
display: inline-block;
margin: 0 20px
}
.social__icons-yt p {
bottom: -35px
}
.social__icons-yt:hover {
background: url(img/oetker-collection/youtube-dark.svg) no-repeat;
background-size: 30px 21px
}
.social__icons-yt:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-yt {
margin: 0 10px
}
}
.social__icons-ig {
background: url(img/oetker-collection/instagram.svg) no-repeat;
background-size: 30px 21px;
display: inline-block;
margin: 0 20px
}
.social__icons-ig p {
bottom: -35px
}
.social__icons-ig:hover {
background: url(img/oetker-collection/instagram-dark.svg) no-repeat;
background-size: 30px 21px
}
.social__icons-ig:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-ig {
margin: 0 10px
}
}
.social__icons-wc {
background: url(img/oetker-collection/wechat.svg) no-repeat;
background-size: 30px 21px;
display: inline-block;
margin: 0 20px
}
.social__icons-wc p {
bottom: -35px
}
.social__icons-wc:hover {
background: url(img/oetker-collection/wechat-dark.svg) no-repeat;
background-size: 30px 21px
}
.social__icons-wc:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-wc {
margin: 0 10px
}
}
.social__icons-mail {
background: url(img/oetker-collection/mail.svg) no-repeat;
background-size: 30px 21px;
display: inline-block;
margin: 0 20px
}
.social__icons-mail p {
bottom: -35px
}
.social__icons-mail:hover {
background: url(img/oetker-collection/mail-dark.svg) no-repeat;
background-size: 30px 21px
}
.social__icons-mail:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-mail {
margin: 0 10px
}
}
.social__icons-li {
background: url(img/oetker-collection/linkedin.svg) no-repeat;
background-size: 30px 21px;
display: inline-block;
margin: 0 20px
}
.social__icons-li p {
bottom: -35px
}
.social__icons-li:hover {
background: url(img/oetker-collection/linkedin-dark.svg) no-repeat;
background-size: 30px 21px
}
.social__icons-li:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-li {
margin: 0 10px
}
}
.social__icons-sw {
background: url(img/oetker-collection/sina-weibo.svg) no-repeat;
background-size: 30px 21px;
display: inline-block;
margin: 0 20px
}
.social__icons-sw p {
width: 60px;
bottom: -35px
}
.social__icons-sw:hover {
background: url(img/oetker-collection/sina-weibo-dark.svg) no-repeat;
background-size: 30px 21px
}
.social__icons-sw:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-sw {
margin: 0 10px
}
}
.social__icons-tik {
background: url(img/oetker-collection/tiktok.svg) no-repeat;
background-size: 30px 21px;
width: 30px;
height: 25px;
display: inline-block;
margin: 0 20px;
position: relative
}
.social__icons-pi p,
.social__icons-tik p {
width: 60px;
bottom: -35px
}
.social__icons-tik:hover {
background: url(img/oetker-collection/tiktok-hover.svg) no-repeat;
background-size: 30px 21px
}
.social__icons-tik:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-tik {
margin: 0 10px
}
}
.social__icons-pi {
background: url(img/oetker-collection/pinterest.svg) no-repeat;
background-size: 30px 21px;
width: 30px;
height: 25px;
display: inline-block;
margin: 0 20px;
position: relative
}
.social__icons-pi p {
position: absolute;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: none;
color: #ADBDB2
}
.social__icons-pi:hover {
background: url(img/oetker-collection/pinterest-dark.svg) no-repeat;
background-size: 30px 21px
}
.social__icons-pi:hover p {
display: block
}
@media screen and (max-width:39.9375em) {
.social__icons-pi {
margin: 0 10px
}
}
.social-feed {
max-width: 1260px;
width: 100%;
margin: 0 auto 30px
}
.social-feed__container.crt-feed.crt-feed-branded {
padding-bottom: 0
}
.social-feed .crt-load-more span,
.social-feed .crt-load-more-container .translator-wrapper span {
font-size: .9rem;
line-height: .9375rem;
color: #000;
letter-spacing: .1em;
padding-bottom: 6px;
text-transform: lowercase;
transition: .3s ease-in-out;
font-family: "Gill Sans MT Pro", sans-serif
}
.social-feed__container.crt-widget-grid.crt-grid-col1 .crt-grid-post {
width: 50%
}
.social-feed .crt-load-more-container {
position: relative
}
.social-feed .crt-load-more-container .translator-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
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;
pointer-events: none
}
.social-feed .crt-load-more-container .translator-wrapper span {
border-bottom: 1px solid #000
}
.social-feed .crt-load-more {
border: 0 !important
}
.social-feed .crt-load-more span {
border-bottom: 1px solid #000
}
.social-feed .crt-load-more:hover span {
color: #ADBDB2;
border-color: #ADBDB2
}
.social-feed .crt-widget-grid .crt-grid-post {
padding: 10px
}
.off-canvas {
display: none;
margin-top: 90px;
background-color: #fff;
opacity: 0;
transition: all .5s ease;
z-index: 16
}
.off-canvas[data-t] {
display: block
}
.off-canvas.position-top {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
height: calc(100% - 90px)
}
.off-canvas.position-top.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
display: block
}
.off-canvas.is-open {
overflow: auto;
opacity: 1
}
@media print,
screen and (min-width:40em) {
.off-canvas.position-top {
height: auto
}
.off-canvas.is-open {
overflow: visible
}
}
@media screen and (min-width:75em) {
.hotel .off-canvas.is-open {
display: none
}
}
.off-canvas__inner {
position: relative;
height: 100%
}
.off-canvas__nav {
padding: 10px 30px
}
.off-canvas__nav ul {
list-style: none;
margin: 0
}
.off-canvas__nav ul li {
display: inline-block;
margin: 0 10px
}
@media screen and (max-width:39.9375em) {
.off-canvas {
background-color: #ADBDB2
}
.off-canvas.is-open {
overflow: scroll
}
.off-canvas__nav {
padding: 30px
}
.off-canvas__nav ul li {
display: block;
margin-bottom: 30px
}
}
.off-canvas__nav ul li a {
color: #373737;
text-transform: uppercase;
font-size: .875rem;
line-height: 1.8125rem;
letter-spacing: .05em;
font-family: "Gill Sans MT Pro", sans-serif
}
.off-canvas__nav ul li a:hover {
border-bottom: 1px solid #373737
}
.off-canvas__nav ul li.show-dropdown a {
border: none
}
.off-canvas__nav ul li.show-dropdown a:hover {
border-bottom: 1px solid #373737
}
@media print,
screen and (min-width:40em) {
.off-canvas__nav ul li ul {
position: inherit;
padding-bottom: 10px;
margin-top: -5px;
margin-bottom: 0;
background: url(img/oetker-collection/arrow-down-black.svg) center bottom no-repeat;
background-size: 25px 7px;
transition: all .4s ease-in
}
.off-canvas__nav ul li.show-dropdown ul {
background: url(img/oetker-collection/arrow-up-black.svg) center bottom no-repeat;
background-size: 25px 7px
}
.off-canvas__nav ul li.show-dropdown ul .off-canvas__sub-nav-dropdown-wrapper {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
}
.off-canvas__sub-nav-dropdown {
width: 100%;
background: rgba(0, 0, 0, .6);
padding: 30px;
margin: 0 auto
}
.off-canvas__sub-nav-dropdown-wrapper {
display: none;
position: absolute;
top: 28px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding-top: 25px;
width: 100%
}
.off-canvas__sub-nav-dropdown-close {
display: none;
position: absolute;
right: 10px;
top: 35px;
border: none;
background: url(img/oetker-collection/close-white.svg) center left no-repeat;
background-size: 15px;
width: 15px;
height: 15px
}
.off-canvas__sub-nav-dropdown-left li a:focus,
.off-canvas__sub-nav-dropdown-left li a:hover,
.off-canvas__sub-nav-dropdown-right li a:focus,
.off-canvas__sub-nav-dropdown-right li a:hover {
border-bottom: 1px solid #fff !important
}
.off-canvas__sub-nav-dropdown-close:focus,
.off-canvas__sub-nav-dropdown-close:hover {
background-color: transparent;
outline: 0
}
.show-dropdown--with-close .off-canvas__sub-nav-dropdown-close {
display: inline-block
}
.off-canvas__sub-nav-dropdown-container {
width: 100%;
height: 30px;
background-color: transparent
}
.off-canvas__sub-nav-dropdown-left {
border-right: 1px solid #fff;
text-align: left
}
.off-canvas__sub-nav-dropdown-left li {
margin: 0 0 10px
}
.off-canvas__sub-nav-dropdown-left li a {
text-transform: unset !important;
color: #fff !important;
font-family: "Gill Sans MT Pro", sans-serif
}
.off-canvas__sub-nav-dropdown-left li p {
font-family: Newsreader, sans-serif;
color: #373737;
margin-bottom: 0;
font-size: .6875rem;
letter-spacing: .05em
}
.off-canvas__sub-nav-dropdown-right {
text-align: left
}
.off-canvas__sub-nav-dropdown-right li {
margin: 0 0 10px 40px !important
}
.off-canvas__sub-nav-dropdown-right li a {
text-transform: unset !important;
color: #fff !important;
font-family: "Gill Sans MT Pro", sans-serif
}
.off-canvas__secondary ul li a,
.off-canvas__sub-nav-dropdown-right li p {
color: #373737;
font-family: "Gill Sans MT Pro", sans-serif
}
.off-canvas__sub-nav-dropdown-right li p {
font-weight: 400;
margin-bottom: 0;
font-size: .6875rem;
letter-spacing: .05em
}
.off-canvas__secondary {
background-color: #fff;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.off-canvas__secondary ul {
list-style: none;
margin: 0
}
.off-canvas__secondary ul li {
display: inline-block;
margin: 0 30px;
padding: 18px 0
}
.off-canvas__secondary ul li a {
font-size: .8125rem;
line-height: 1.125rem;
text-transform: uppercase
}
.blog-off-canvas {
box-shadow: none;
background-color: #fff;
padding: 30px 20px 50px
}
.blog-off-canvas__close {
position: absolute;
right: 10px;
top: 10px;
border: none;
background: url(img/oetker-collection/close.svg) center left no-repeat;
background-size: 15px;
width: 15px;
height: 15px
}
.blog-off-canvas__nav ul {
list-style: none;
margin: 0
}
.blog-off-canvas__nav ul li {
margin-bottom: 30px;
text-align: center
}
.blog-off-canvas__nav ul li .accordionButton {
color: #000;
font-size: 14px;
line-height: 17px;
text-transform: uppercase
}
.blog-off-canvas__nav ul li .accordionButton.on {
margin-bottom: 20px;
color: #767676
}
.blog-off-canvas__nav ul li .accordionContent li {
margin-bottom: 15px
}
.blog-off-canvas__nav ul li a {
color: #000;
font-size: 14px;
line-height: 17px;
text-transform: uppercase
}
.blog-off-canvas__search {
position: relative
}
.blog-off-canvas__search input[type=text] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: none;
width: 80px;
padding: 0
}
.hotel-off-canvas {
background-color: rgba(255, 255, 255, .6);
margin-top: 90px
}
.hotel-off-canvas.position-top {
height: calc(100% - 90px)
}
@media print,
screen and (min-width:68.125em) {
.hotel-off-canvas.position-top {
height: unset
}
}
.hotel-off-canvas__group-link {
position: relative;
width: 100%;
padding: 20px 10px;
text-align: center;
background-color: #ADBDB2
}
.hotel-off-canvas__group-link a::before {
content: '';
width: 30px;
height: 30px;
background: url(img/oetker-collection/thick-arrow-left-white.svg) center left no-repeat;
background-size: 10px 15px;
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.hotel-off-canvas__group-link a img {
width: 100%;
max-width: 180px
}
.hotel-off-canvas__inner {
position: relative;
background-color: #fff;
width: 100%;
min-height: 90vh;
max-width: none;
box-shadow: rgba(0, 0, 0, .2) 10px 0 18px
}
@media screen and (max-width:39.9375em) {
.hotel-off-canvas__inner {
max-width: none
}
}
@media screen and (min-width:715px) {
.hotel-off-canvas__inner {
padding-bottom: 0
}
}
.hotel-off-canvas__close-button {
position: absolute;
top: 40px;
right: 26px;
width: 20px;
height: 20px;
text-indent: -12345px;
cursor: pointer;
background: url(img/oetker-collection/close.svg) center center no-repeat;
background-size: 20px 20px
}
.hotel-off-canvas__close-button:focus {
outline: 0
}
.hotel-off-canvas__primary {
background-color: #fff;
padding: 25px 50px
}
.hotel-off-canvas__primary ul {
margin: 0;
list-style-type: none
}
.hotel-off-canvas__primary ul ul {
display: none
}
.hotel-off-canvas__primary li {
margin: 0 auto 25px;
text-align: center;
max-width: 300px
}
.hotel-off-canvas__primary a {
font-size: .8125rem;
text-transform: uppercase;
letter-spacing: .5px;
color: #373737;
transition: color .3s ease-in-out;
font-family: "Gill Sans MT Pro", sans-serif
}
.hotel-off-canvas__primary a:active,
.hotel-off-canvas__primary a:hover {
color: #ADBDB2
}
.hotel-off-canvas__sub {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
max-width: 100vw;
padding: 40px 0;
background-color: #fff;
transition: all .5s ease-out;
will-change: left;
opacity: 0
}
@media screen and (max-width:39.9375em) {
.hotel-off-canvas__sub {
max-width: none;
z-index: 1;
left: 100%
}
}
.hotel-off-canvas__sub--is-open {
left: 0;
opacity: 1;
z-index: 0;
height: calc(100% - 130px)
}
.hotel-off-canvas__sub-close {
position: absolute;
top: 47px;
left: 15px;
width: 15px;
height: 20px;
background: url(img/oetker-collection/nav-arrow-left.png) center center no-repeat;
will-change: transform;
cursor: pointer;
text-indent: -12345px;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
z-index: 9
}
.hotel-off-canvas__sub-close:hover {
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px)
}
.hotel-off-canvas__sub ul {
position: relative;
margin: 0;
list-style-type: none
}
.hotel-off-canvas__sub li {
margin-bottom: 25px;
padding: 0 35px;
text-align: center
}
.hotel-off-canvas__sub li:first-child a {
color: #000
}
.hotel-off-canvas__sub a {
color: #373737;
font-size: .9375rem;
line-height: 2.1875rem;
transition: color .3s ease-in-out;
font-family: "Gill Sans MT Pro", sans-serif;
text-transform: uppercase;
letter-spacing: 2px
}
.hotel-off-canvas__sub a:active,
.hotel-off-canvas__sub a:hover {
color: #ADBDB2
}
.hotel-off-canvas__secondary {
background-color: #fff;
padding: 20px 45px;
width: 100%
}
.hotel-off-canvas__secondary ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center
}
.hotel-off-canvas__secondary li {
display: inline-block;
margin: 0 12px
}
.hotel-off-canvas__secondary a {
white-space: nowrap;
font-size: .8125rem;
line-height: 1.125rem;
text-transform: uppercase;
letter-spacing: .5px;
color: #373737;
transition: color .3s ease-in-out;
font-family: "Gill Sans MT Pro", sans-serif
}
.hotel-off-canvas__secondary a:active,
.hotel-off-canvas__secondary a:hover {
color: #ADBDB2
}
.hotel-off-canvas__text {
padding: 0 40px 60px;
text-align: center
}
.hotel-off-canvas__text p {
font-size: .75rem;
line-height: 1.375rem;
color: #373737;
margin: 0;
font-family: "Gill Sans MT Pro", sans-serif
}
.hotel-off-canvas__text p a {
color: inherit;
transition: color .3s ease-in-out;
font-family: "Gill Sans MT Pro", sans-serif
}
.hotel-off-canvas__text p a:active,
.hotel-off-canvas__text p a:hover {
color: #ADBDB2
}
.blog-hero__nav-dropdown ul a,
.blog-hero__nav>ul>li>a {
color: #000;
font-size: 14px
}
.js-off-canvas-overlay.is-visible {
opacity: 0
}
.separator {
margin: 10px auto 35px
}
#CookieReportsAccordion {
width: 83.33333%;
margin: 0 auto 80px;
max-width: 800px
}
.blog-hero__logo {
padding: 125px 0 25px
}
.blog-hero__logo img {
width: 100%;
max-width: 177px;
margin: 0 auto;
display: block
}
@media screen and (max-width:39.9375em) {
.blog-hero__logo {
padding: 100px 0 25px
}
.blog-hero__logo img {
max-width: 115px
}
}
.blog-hero__nav {
position: relative;
width: 100%;
text-align: center
}
.blog-hero__nav>ul {
margin: auto;
list-style-type: none
}
.blog-hero__nav>ul>li {
display: inline
}
.blog-hero__nav>ul>li>a {
letter-spacing: .16em;
text-transform: uppercase;
display: inline-block;
padding: 0 30px 27px
}
.blog-hero__nav>ul>li.has-dropdown a {
background: url(img/oetker-collection/blog-nav-dropdown-arrow.svg) center bottom 22px no-repeat;
background-size: 8px 4px
}
.blog-hero__nav-search {
display: inline-block
}
.blog-hero__nav-search label {
padding: 0 8px;
background-repeat: no-repeat;
background-position: center center;
transition: .3s all ease-in-out;
background-size: contain
}
.blog-hero__nav-search label.open {
padding: 0
}
.blog-hero__nav-search-close {
display: none;
width: 16px;
cursor: pointer;
transition: .3s all ease-in-out
}
.blog-hero__nav-search-close.open {
display: inline-block
}
.blog-hero__nav-search input[type=text] {
width: 1px;
opacity: 0;
transition: .6s all ease-in-out;
border: 0
}
.blog-hero__nav-search input[type=text].open {
width: -webkit-fit-content;
width: fit-content;
border: none;
border-bottom: 1px solid #767676;
opacity: 1
}
.blog-hero__nav-search input[type=image] {
opacity: 0;
transition: .3s all ease-in-out
}
.blog-hero__nav-search input[type=image].open {
opacity: 1;
width: 16px
}
.blog-hero__nav-dropdown {
position: absolute;
z-index: 10;
top: 50px;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, .92);
padding: 40px 10px;
opacity: 0;
pointer-events: none;
transition: opacity .3s ease-in-out
}
.has-dropdown:hover .blog-hero__nav-dropdown {
opacity: 1;
pointer-events: all
}
.blog-hero__nav-dropdown>div {
border-right: 1px solid #A1A1A1
}
.blog-hero__nav-dropdown>div:last-child {
border-right: none
}
.blog-hero__nav-dropdown ul {
display: inline-block;
list-style-type: none;
margin: 0 15px;
padding-right: 15px
}
.blog-hero__nav-dropdown ul li {
margin-bottom: 13px
}
.blog-hero__nav-mobile {
margin-bottom: 30px
}
.blog-hero__nav-mobile button {
text-transform: uppercase;
position: relative;
font-size: 13px;
color: #373737;
padding: 3px 0
}
.blog-hero__nav-mobile button::after {
content: '';
position: absolute;
top: -2px;
right: -25px;
width: 16px;
height: 100%;
background: url(img/oetker-collection/blog-arrow-down-grey.svg) center center no-repeat;
background-size: contain
}
.blog-hero__search {
margin-bottom: 50px
}
.blog-hero__search .small-4 {
text-align: center
}
.blog-hero__search label {
color: #000;
font-size: 14px;
letter-spacing: .16em;
text-transform: uppercase
}
.blog-hero__search input[type=text] {
display: block;
width: calc(100% - 15px);
font-size: 14px;
height: 20px;
border: solid #707070;
border-width: 0 0 1px
}
.theme-masterpiece-estates .property-information__heading,
.theme-masterpiece-estates .property-listing__item-heading,
.theme-masterpiece-estates h1,
.theme-masterpiece-estates h2 {
font-family: 'Ambiance BT W01 Regular', serif
}
.theme-masterpiece-estates h2 {
font-size: 1.9rem
}
/*# sourceMappingURL=maps/oetker-collection.css.map */