/* VALIDATION */
.inputContainer {
position: relative;
float: left;
}
.formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
line-height: 18px;
cursor: pointer;
z-index: 5000;
}
.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none;
}
.formError .formErrorContent {
background: #b31919;
position: relative;
z-index: 5001;
color: #fff;
width: 150px;
font-size: 11px;
padding: 4px 10px 4px 10px;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.greenPopup .formErrorContent {
background: #33be40;
}
.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 13px;
position: relative;
z-index: 5006;
}
body[dir=rtl] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 0 0 12px;
top: 2px;
}
.formError .formErrorArrow div {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
height: 1px;
background: #b31919;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}
.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
background: #33be40;
}
.blackPopup .formErrorArrow div {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow .line10 {
width: 15px;
border: none;
}
.formError .formErrorArrow .line9 {
width: 13px;
border: none;
}
.formError .formErrorArrow .line8 {
width: 11px;
}
.formError .formErrorArrow .line7 {
width: 9px;
}
.formError .formErrorArrow .line6 {
width: 7px;
}
.formError .formErrorArrow .line5 {
width: 5px;
}
.formError .formErrorArrow .line4 {
width: 3px;
}
.formError .formErrorArrow .line1 {
width: 1px;
}
.formError .formErrorArrow .line2,
.formError .formErrorArrow .line3 {
display: none;
}
.ui-datepicker {
display: none;
padding: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-radius: 2px;
background: #fff;
}
body > .ui-datepicker {
z-index: 40 !important;
}
.ui-datepicker:after {
display: block;
content: "";
height: 0;
overflow: hidden;
clear: both;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
font: 16px/36px "bentonsans", Arial, sans-serif;
text-transform: uppercase;
text-align: center;
color: #7C726E;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
position: absolute;
top: 5px;
width: 21px;
height: 24px;
text-indent: -9999px;
overflow: hidden;
background: url("../images/sprite.svg") -75px -152px no-repeat;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
opacity: 0.3;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
left: 7px;
opacity: 1 !important;
transform: rotate(180deg);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
opacity: 0.5 !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
right: 7px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
opacity: 0.5;
}
.ui-datepicker .ui-datepicker-calendar {
font-size: 12px;
cursor: default;
}
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {
text-align: center;
vertical-align: middle;
width: 30px;
height: 28px;
line-height: 28px;
}
.ui-datepicker .ui-datepicker-calendar th {
font: bold 14px/32px "bentonsans", Arial, sans-serif;
color: #2E2E2E;
text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-calendar td {
color: #000;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
color: #c2c8cc;
}
.ui-datepicker .ui-datepicker-calendar a {
display: inline-block;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
background: #2e2e2e;
color: #cef0f0;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
background: #7C726E;
color: #d7f5f5;
}
.ui-datepicker-trigger {
float: left;
margin: 6px 0 0 8px;
width: 13px;
height: 13px;
text-indent: -9999px;
overflow: hidden;
background: url("../images/sprite.svg") -50px -160px no-repeat;
}
.selectedTxt {
position: relative;
height: 32px;
padding: 0 27px 0 10px;
overflow: hidden;
color: #4A4A4A;
background: #fff;
font-size: 14px;
line-height: 32px;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
box-sizing: border-box;
}
.selectedTxt:after {
content: "";
position: absolute;
top: 17px;
right: 10px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 7px solid #A2A2A2;
border-bottom: 0;
}
.selectedTxt:hover:after {
border-top-color: #b5b5b5;
}
.stylish-select .SSContainerDivWrapper {
position: absolute;
min-width: 100%;
z-index: 9999;
top: 40px !important;
}
.stylish-select .newList {
background: #fff;
max-height: 200px;
overflow: auto;
overflow-x: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-radius: 0;
margin: 0 !important;
padding: 2px !important;
list-style: none !important;
}
.stylish-select .newList li {
background: none !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1;
}
.stylish-select .newList li:after {
content: none !important;
}
.stylish-select .newList li.newListOptionTitle {
padding: 3px 5px 0 !important;
font-weight: bold;
color: #000;
}
.stylish-select .newList li.newListOptionTitle ul {
margin: 3px -5px 0 !important;
font-weight: normal;
}
.stylish-select .newList a {
display: block;
font-size: 11px;
line-height: 12px;
padding: 6px 21px 6px 9px;
position: static;
border-radius: 2px;
white-space: nowrap;
overflow: hidden;
text-decoration: none !important;
transition: background-color 0.2s;
}
.stylish-select .newList a:hover, .stylish-select .newList a.hiLite {
background: #f5f5f5;
}
.ui-selectmenu-button {
border: 1px solid #e5e5e5;
box-sizing: border-box;
color: #000;
cursor: pointer;
display: inline-block;
font: bold 14px/45px "bentonsans", Arial, sans-serif;
height: 45px;
padding: 0 39px 0 15px;
position: relative;
text-transform: uppercase;
}
.ui-selectmenu-button:hover .ui-icon {
background-position: -22px -27px;
}
.ui-selectmenu-button .ui-icon {
cursor: pointer;
display: block;
height: 40px;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.ui-selectmenu-button .ui-icon:after {
content: "";
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
margin-left: -7px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 7px solid #A2A2A2;
border-bottom: 0;
}
.ui-selectmenu-button .ui-icon:hover:after {
border-top-color: #b5b5b5;
}
.ui-selectmenu-button .ui-selectmenu-text {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-layout .ui-selectmenu-button {
font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.ui-selectmenu-button {
font-size: 14px;
}
}
.ui-selectmenu-menu {
display: none;
position: absolute;
}
.selection-disabled .ui-selectmenu-menu {
z-index: 10000;
}
.ui-selectmenu-menu.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-menu > ul {
background: #fff;
list-style: none;
margin: 0;
max-height: 192px;
overflow: auto;
overflow-x: hidden;
padding: 2px;
position: relative;
z-index: 10;
}
.ui-selectmenu-menu li {
cursor: pointer;
font: 13px/1 "bentonsans", Arial, sans-serif;
margin: 0;
overflow: hidden;
padding: 10px 15px;
transition: background 100ms;
white-space: nowrap;
}
.ui-selectmenu-menu li.ui-state-focus, .ui-selectmenu-menu li:hover {
background: #EEEEEE;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.ui-selectmenu-menu li {
font-size: 14px;
line-height: 1.45;
}
}
/**
* Swiper 5.2.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: November 16, 2019
*/
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
#booking {
display: block;
position: absolute;
top: -9999px;
left: 0;
width: 100%;
height: 100%;
z-index: 30;
overflow: hidden;
transform: translate3d(0, 0, 0);
transition: transform 400ms, opacity 400ms;
}
.booking-visible #booking {
top: 0;
}
.booking-hiding #booking {
opacity: 0;
transform: translate3d(0, 0, 33px);
}
#booking .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #d6d3d2;
z-index: 10;
}
.booking-visible #booking .overlay, .booking-hiding #booking .overlay {
transition: all 400ms;
background: rgba(77, 87, 96, 0.97);
}
#booking .wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 30;
overflow: auto;
}
@media only screen and (max-height: 550px) {
#booking .wrapper {
overflow-y: scroll;
}
}
#booking .logo {
position: absolute;
left: 20px;
top: 31px;
height: 58px;
z-index: 20;
opacity: 0;
transform: translate(200px);
transition: opacity 400ms, transform 400ms;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#booking .logo {
display: none;
}
}
@media only screen and (min-width: 1300px) {
#booking .logo {
left: 68px;
top: 66px;
}
}
@media only screen and (min-width: 1600px) {
#booking .logo {
left: 135px;
top: 101px;
height: 85px;
}
}
#booking .logo.visible {
opacity: 1;
transform: none;
}
#booking .logo img {
display: block;
height: 100%;
width: auto;
}
#booking .booking-form {
position: absolute;
top: 50%;
right: 50%;
width: 360px;
padding: 160px 0;
margin-right: -180px;
opacity: 0;
transform: translate(200px, -50%);
transition: opacity 400ms, transform 400ms;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#booking .booking-form {
width: 300px;
margin-right: -150px;
}
}
#booking .booking-form.visible {
opacity: 1;
transform: translateY(-50%);
}
#booking .booking-form:after, #booking .booking-form:before {
content: "";
position: absolute;
right: 50%;
width: 1px;
height: 42px;
background: #a7abaf;
}
#booking .booking-form:before {
top: 0;
}
#booking .booking-form:after {
bottom: 0;
}
#booking .booking-form form {
position: relative;
width: 100%;
transition: margin 200ms;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.booking-locations-visible #booking .booking-form form {
margin-left: -256px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#booking .booking-form form {
margin-top: 50px;
}
}
#booking .row {
position: relative;
margin-bottom: 30px;
}
#booking .row:after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#booking .row {
margin-bottom: 15px;
}
}
#booking .row .column {
position: relative;
float: left;
width: 50%;
padding: 0 5px;
box-sizing: border-box;
}
#booking .row .column:first-child {
padding-left: 0;
}
#booking .row .column:last-child {
padding-right: 0;
}
#booking label {
display: block;
margin-bottom: 7px;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
text-align: center;
color: #fff;
}
#booking input[type=text], #booking select {
display: block;
height: 60px;
width: 100%;
background: #fff;
font-size: 14px;
line-height: 60px;
text-align: center;
color: #4D5760;
}
#booking input[type=text].date-picker, #booking select.date-picker {
padding-right: 18px;
}
#booking #booking-property-title {
cursor: pointer;
}
#booking #property-selector {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#booking #property-selector {
display: block;
}
}
#booking .button {
width: 100%;
background: #7C726E;
color: #fff;
}
#booking .button:hover {
background: #d6d3d2;
}
#booking.nonbookable-property-message .button {
opacity: 0.2;
}
#booking .arrow-icon {
position: absolute;
right: 36px;
bottom: 26px;
width: 6px;
height: 8px;
background: url("../images/sprite.svg") -83px -160px no-repeat;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#booking .arrow-icon {
right: 20px;
}
}
#booking .ui-datepicker-trigger {
position: absolute;
right: 36px;
bottom: 25px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#booking .ui-datepicker-trigger {
right: 20px;
}
}
#booking .locations {
position: absolute;
left: 50%;
top: -9999px;
margin-left: 75px;
white-space: nowrap;
text-transform: uppercase;
height: calc(100% - 50px);
}
.booking-locations-visible #booking .locations {
top: 50px;
}
#booking .locations .location {
margin-bottom: 50px;
opacity: 1;
transition: opacity 200ms;
}
@media only screen and (max-height: 840px) {
#booking .locations .location {
margin-bottom: 30px;
}
}
@media only screen and (max-height: 720px) {
#booking .locations .location {
margin-bottom: 20px;
}
}
#booking .locations .location:last-child {
margin-bottom: 0;
}
.booking-locations-visible #booking .locations .location:last-child {
padding-bottom: 90px;
}
#booking .locations .location.faded {
opacity: 0.3;
}
#booking .locations h5 {
margin-bottom: 15px;
font-size: 14px;
line-height: 28px;
/*color:#d6d3d2;*/
color: #fff;
font-weight: bold;
}
@media only screen and (max-height: 800px) {
#booking .locations h5 {
margin-bottom: 12px;
}
}
@media only screen and (max-height: 720px) {
#booking .locations h5 {
margin-bottom: 8px;
font-size: 14px;
line-height: 28px;
}
}
#booking .locations h5, #booking .locations li {
opacity: 0;
visibility: hidden;
transform: translateX(256px);
transition: opacity 200ms, visibility 200ms, transform 200ms;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
will-change: opacity;
}
#booking .locations h5.visible, #booking .locations li.visible {
opacity: 1;
transform: none;
visibility: visible;
}
#booking .locations a {
font-size: 14px;
line-height: 28px;
color: #fff;
text-decoration: none;
}
@media only screen and (max-height: 720px) {
#booking .locations a {
font-size: 14px;
line-height: 28px;
}
}
#booking .locations a:hover, #booking .locations a.active {
color: #d6d3d2;
}
#booking .locations div.nonbookablemessage {
display: none;
}
#booking .warning {
display: block;
position: relative;
left: 0;
top: 0;
width: 100%;
padding: 15px 11px;
background: #404447;
line-height: 20px;
text-align: center;
color: #fff;
box-sizing: border-box;
}
@media only screen and (max-height: 550px) {
#booking .warning {
position: relative;
top: 0;
}
}
#booking .warning label {
text-transform: none;
font-size: 12px;
color: #fff;
line-height: 1.5em;
margin-bottom: 0;
}
#booking .warning label strong {
font-weight: bold;
color: #aca19c;
padding-left: 1px;
}
#booking .warning a:hover {
color: #fff;
}
#booking .close {
position: absolute;
right: 20px;
top: 45px;
width: 30px;
height: 30px;
cursor: pointer;
background: url("../images/sprite.svg") 0 -160px no-repeat;
opacity: 0;
transition: opacity 400ms 200ms;
}
@media only screen and (min-width: 1300px) {
#booking .close {
right: 68px;
top: 80px;
}
}
@media only screen and (min-width: 1600px) {
#booking .close {
right: 135px;
top: 140px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#booking .close {
top: 15px;
}
}
.booking-visible #booking .close {
opacity: 1;
}
#booking .partner-code-button {
color: #aca19c;
display: block;
border-bottom: 1px #979797 solid;
text-align: center;
margin-bottom: 39px;
position: relative;
cursor: pointer;
}
@media only screen and (max-height: 550px) {
#booking .partner-code-button {
margin-bottom: 30px;
}
}
#booking .partner-code-button:after {
content: "";
width: 6px;
height: 8px;
background: url(../images/partner-code.svg);
position: absolute;
right: 31px;
top: 50%;
transform: translateY(-50%);
}
#booking .partner-code-button.expanded {
margin-bottom: 22px;
}
#booking .partner-code-button.expanded:after {
background-position: -25px -1px;
width: 8px;
height: 6px;
}
#booking .partner-code {
margin-bottom: 32px;
}
#booking .partner-code input {
background: #fff;
color: #7C726E;
margin-bottom: 11px;
}
#booking .partner-code input:last-child {
margin-bottom: 0;
}
#booking .partner-code input::-moz-placeholder {
color: #7C726E;
}
#booking .partner-code input::placeholder {
color: #7C726E;
}
#booking .beverly-link {
cursor: pointer;
}
#booking .beverly-link:hover {
opacity: 0.7;
}
#content {
position: relative;
padding: 0 0 80px 0;
}
#content:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 160px;
}
.no-content #content {
padding: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#content {
line-height: 22px;
}
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#content:before {
left: 20px;
}
}
#content:after {
clear: both;
content: "";
display: table;
}
#content .center-column {
padding-left: 0 !important;
max-width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#content .center-column {
padding-left: 15px !important;
}
}
#content .default-content-wrapper {
margin-right: 308px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#content .default-content-wrapper {
margin-right: 0;
}
}
.page-content-wrapper {
text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.page-content-wrapper {
width: 100%;
padding: 0 40px;
box-sizing: border-box;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content-wrapper {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
}
.page-content-wrapper:after {
clear: both;
content: "";
display: table;
}
.home:not(.property) .page-content-wrapper {
padding: 0;
}
#events h4 {
color: #2E2E2E;
font-size: 36px;
line-height: 40px;
font-weight: 200;
text-transform: uppercase;
text-align: center;
position: relative;
padding-top: 111px;
margin-bottom: 57px;
}
#events h4:before {
content: "";
width: 1px;
height: 42px;
background: #7C726E;
display: block;
position: absolute;
left: 50%;
top: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#events h4:before {
height: 32px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#events h4 {
padding-top: 75px;
font-size: 28px;
line-height: 32px;
}
}
#events .events-wrapper {
text-align: center;
overflow: hidden;
margin-left: -75px;
font-size: 0;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#events .events-wrapper {
margin-left: -40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#events .events-wrapper {
margin: 0;
}
}
#events .event {
position: relative;
text-align: center;
display: inline-block;
width: calc(33.3% - 75px);
min-height: 540px;
vertical-align: top;
margin-left: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#events .event {
width: calc(50% - 40px);
margin-left: 40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#events .event {
height: auto;
width: 100%;
margin: 0 0 20px 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#events .event {
max-width: 500px;
width: 100%;
margin-left: 0;
box-sizing: border-box;
padding: 0 10px;
}
}
#events .event .link-thumb {
overflow: hidden;
display: block;
}
#events .event .thumbnail {
height: 300px;
width: 100%;
background-color: #f4f4f4;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
transform: scale(1);
transition: all 0.5s ease-in-out;
}
#events .event h5 {
font: 18px/22px "bentonsans", Arial, sans-serif;
margin: 36px 0 19px;
color: #4D5760;
text-transform: uppercase;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#events .event h5 {
font-size: 16px;
line-height: 20px;
margin: 15px 0;
}
}
#events .event h5 a {
text-decoration: none;
}
#events .event p {
margin-bottom: 15px;
color: #2e2e2e;
font-size: 14px;
line-height: 28px;
}
#events .event a {
color: #7C726E;
font-size: 16px;
line-height: 18px;
text-transform: capitalize;
font-weight: normal;
}
#events .event a:hover {
color: #4D5760;
}
#events .event .content-read-more {
text-decoration: underline;
font-size: 14px;
line-height: 18px;
color: #7C726E;
cursor: pointer;
}
#events .event .content-read-more:hover {
text-decoration: none;
}
#additional-content .center-column {
padding-left: 0 !important;
max-width: 100%;
}
#additional-content .additional-content-block {
position: relative;
}
#additional-content .additional-content-block:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555F69;
height: 1px;
width: 160px;
z-index: 1;
}
#additional-content .additional-content-block .acm-section .text.left {
text-align: left;
}
#additional-content .additional-content-block .acm-section .text.center {
text-align: center;
}
#additional-content .additional-content-block .acm-section .text.right {
text-align: right;
}
#additional-content .additional-content-block .acm-section .text.maxwidth {
max-width: 850px;
margin: 0 auto;
}
#additional-content .additional-content-block .acm-section .images-part.below-image {
padding-bottom: 40px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#additional-content .additional-content-block .acm-section .images-part.below-image {
padding: 50px 0 20px;
}
}
.left-side-title {
margin: 80px 0;
}
.left-side-title:after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.left-side-title {
margin: 40px 0;
}
}
.left-side-title div {
float: left;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.left-side-title div {
float: none;
}
}
.left-side-title .title {
width: 40%;
text-transform: uppercase;
position: relative;
font-size: 28px;
line-height: 28px;
font-weight: 300;
padding-right: 120px;
box-sizing: border-box;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.left-side-title .title {
width: 100%;
margin-bottom: 15px;
padding-right: 0;
}
}
.left-side-title .page-content {
width: 60%;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.left-side-title .page-content {
width: 100%;
padding-right: 120px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.left-side-title .page-content {
padding-right: 0;
}
}
.left-side-title .page-content p {
margin-bottom: 0;
}
.acm-section:last-of-type:after {
display: none;
}
.acm-section:last-of-type.alternating-blocks .grid-item:last-of-type {
padding-bottom: 0;
}
.acm-section:last-of-type.alternating-blocks .grid-item:last-of-type:after {
display: none;
}
.secondarypage-block .image-wrapper {
overflow: hidden;
}
.secondarypage-block .image-wrapper .image-block-left, .secondarypage-block .image-wrapper .image-block-right {
float: left;
width: 100%;
padding-bottom: 29%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
margin-bottom: 69px;
vertical-align: top;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.secondarypage-block .image-wrapper .image-block-left, .secondarypage-block .image-wrapper .image-block-right {
margin-bottom: 50px;
}
}
.secondarypage-block .image-wrapper .image-block-left {
margin-right: 11px;
width: calc(31% - 11px);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.secondarypage-block .image-wrapper .image-block-left {
margin-right: 0;
width: 34%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.secondarypage-block .image-wrapper .image-block-left {
margin-right: 0;
width: 34%;
}
}
.secondarypage-block .image-wrapper .image-block-right {
float: right;
width: 65%;
}
.secondarypage-block .page-content-wrapper {
padding-bottom: 37px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.secondarypage-block .page-content-wrapper {
line-height: 22px;
padding-bottom: 10px;
}
}
#subscription {
position: relative;
overflow: hidden;
text-align: left;
font-size: 0;
padding-bottom: 70px;
margin-top: 70px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#subscription {
margin: 40px 15px 0;
}
}
#subscription:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 160px;
}
#subscription .wrapper {
position: relative;
height: 100%;
}
#subscription .wrapper .column {
position: relative;
display: inline-block;
z-index: 3;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#subscription .wrapper .column {
width: 100%;
}
}
#subscription .wrapper .column > * {
box-sizing: border-box;
}
.newsletter {
position: relative;
overflow: hidden;
font-size: 36px;
line-height: 38px;
text-transform: uppercase;
color: #555f69;
}
.newsletter .collapseable-section {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter {
font-size: 30px;
}
}
.newsletter h4 {
font: 200 40px/56px "bentonsans", Arial, sans-serif;
}
.newsletter p {
font-weight: 300;
font-size: 20px;
line-height: 26px;
margin-bottom: 32px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter p {
font-size: 16px;
margin-bottom: 20px;
}
}
.newsletter form:after {
clear: both;
content: "";
display: table;
}
.newsletter form fieldset {
display: flex;
flex-direction: column;
width: 49%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter form fieldset {
width: 100%;
margin-bottom: 20px;
}
}
.newsletter form fieldset label {
font-size: 17px;
line-height: 21px;
text-transform: capitalize;
margin-bottom: 10px;
}
.newsletter form fieldset label span {
margin-right: 5px;
font-weight: 500;
}
.newsletter form .towIn-row {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter form .towIn-row {
flex-direction: column;
margin-top: 0px;
}
}
.newsletter form .three-row {
display: flex;
justify-content: space-between;
margin: 25px 0px 10px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter form .three-row {
margin-top: 0px;
flex-direction: column;
}
}
.newsletter form .three-row fieldset:nth-child(1) {
width: 49%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter form .three-row fieldset:nth-child(1) {
width: 100%;
}
}
.newsletter form .three-row fieldset:nth-child(2) {
width: 32%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter form .three-row fieldset:nth-child(2) {
width: 100%;
}
}
.newsletter form .three-row fieldset:nth-child(3) {
width: 15%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter form .three-row fieldset:nth-child(3) {
margin-top: -10px;
width: 100%;
}
}
.newsletter form .three-row select {
line-height: inherit;
}
.newsletter form .full-row {
margin-bottom: 30px;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
position: relative;
align-items: baseline;
}
.newsletter form .full-row label {
font-size: 16px;
text-transform: none;
line-height: 23px;
}
.newsletter form .full-row label span {
position: absolute;
left: 0px;
top: 2px;
}
.newsletter form .full-row label a {
border-bottom: 1px solid #555f69;
color: #555f69;
}
.newsletter form .full-row input {
margin-left: 15px;
margin-right: 5px;
z-index: 9;
cursor: pointer;
}
.newsletter form .buttons-sec {
display: flex;
align-items: center;
}
.newsletter form .buttons-sec .details {
margin: 0px;
display: inline-block;
color: #fff;
height: 60px;
line-height: 60px;
font-weight: 500;
width: 320px;
vertical-align: top;
text-align: center;
background-color: #999490;
font-size: 14px;
cursor: pointer;
margin-right: 60px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter form .buttons-sec .details {
width: calc(50% - 10px);
padding: 0 20px;
margin: 0 5px;
box-sizing: border-box;
display: inline-block;
height: 40px;
line-height: 40px;
font-weight: 600;
font-size: 12px;
}
}
.newsletter form .buttons-sec .details.up {
display: none;
}
.newsletter form .buttons-sec .details:hover {
background-color: #555f69;
}
.newsletter form .buttons-sec .details svg {
position: relative;
margin-left: 10px;
top: -2px;
}
.newsletter form input[type=text],
.newsletter form select,
.newsletter form input[type=number] {
display: inline-block;
width: 100%;
height: 45px;
padding: 0 10px;
font-size: 14px;
font-weight: 500;
line-height: 60px;
color: #555f69;
vertical-align: top;
border: 1px solid #555f69;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter form input[type=text],
.newsletter form select,
.newsletter form input[type=number] {
height: 40px;
}
}
.newsletter form input[type=text]::-webkit-input-placeholder,
.newsletter form select::-webkit-input-placeholder,
.newsletter form input[type=number]::-webkit-input-placeholder {
color: #fff;
}
.newsletter form input[type=text]:-moz-placeholder,
.newsletter form select:-moz-placeholder,
.newsletter form input[type=number]:-moz-placeholder {
color: #fff;
}
.newsletter form input[type=text]::-moz-placeholder,
.newsletter form select::-moz-placeholder,
.newsletter form input[type=number]::-moz-placeholder {
color: #fff;
}
.newsletter form input[type=text]:-ms-input-placeholder,
.newsletter form select:-ms-input-placeholder,
.newsletter form input[type=number]:-ms-input-placeholder {
color: #fff;
}
.newsletter form input[type=text]:focus::-webkit-input-placeholder,
.newsletter form select:focus::-webkit-input-placeholder,
.newsletter form input[type=number]:focus::-webkit-input-placeholder {
color: #E8E8E8;
}
.newsletter form input[type=text]:focus:-moz-placeholder,
.newsletter form select:focus:-moz-placeholder,
.newsletter form input[type=number]:focus:-moz-placeholder {
color: #E8E8E8;
}
.newsletter form input[type=text]:focus::-moz-placeholder,
.newsletter form select:focus::-moz-placeholder,
.newsletter form input[type=number]:focus::-moz-placeholder {
color: #E8E8E8;
}
.newsletter form input[type=text]:focus:-ms-input-placeholder,
.newsletter form select:focus:-ms-input-placeholder,
.newsletter form input[type=number]:focus:-ms-input-placeholder {
color: #E8E8E8;
}
.newsletter form .button {
display: inline-block;
color: #fff;
height: 60px;
line-height: 60px;
font-weight: 500;
width: 320px;
vertical-align: top;
background-color: #555f69;
font-size: 14px;
}
.newsletter form .button:hover {
background-color: #999490;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.newsletter form .button {
width: calc(50% - 10px);
padding: 0 20px;
margin: 0 5px;
box-sizing: border-box;
display: inline-block;
height: 40px;
line-height: 40px;
font-weight: 600;
font-size: 12px;
}
}
.newsletter form.show .details.down {
display: none;
}
.newsletter form.show .details.up {
display: inline-block;
}
#stay-anchor {
position: absolute;
top: -140px;
left: 0;
}
#footer-testimonials {
position: relative;
color: #fff;
font-size: 14px;
line-height: 20px;
padding: 80px 20px 20px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#footer-testimonials {
padding-top: 50px;
}
}
#footer-testimonials:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 50px;
height: 32px;
background: url("../images/sprite.svg") 0 -319px no-repeat;
}
.custom-widgets {
margin-bottom: 26px;
text-align: center;
position: relative;
padding-top: 111px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.custom-widgets {
padding-top: 75px;
}
}
.custom-widgets:before {
content: "";
width: 1px;
height: 42px;
background: #7C726E;
display: block;
position: absolute;
left: 50%;
top: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.custom-widgets:before {
height: 32px;
}
}
.custom-widgets .category-selector {
margin-bottom: 60px;
font-size: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.custom-widgets .category-selector {
margin-bottom: 20px;
}
}
.custom-widgets .category-selector button {
text-transform: uppercase;
color: #7C726E;
font-size: 36px;
line-height: 40px;
font-weight: 200;
display: inline-block;
padding: 0 36px;
border-left: 1px solid #7C726E;
}
.custom-widgets .category-selector button:first-child {
border: 0;
}
.custom-widgets .category-selector button.active, .custom-widgets .category-selector button:hover {
color: #2E2E2E;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.custom-widgets .category-selector button {
font-size: 28px;
line-height: 32px;
border: 0;
padding: 0;
display: block;
width: 100%;
margin-bottom: 15px;
}
}
.custom-widgets .widgets-item {
display: none;
width: 100%;
}
.custom-widgets .widgets-item.active {
display: block;
}
#feeds {
width: 100%;
overflow: hidden;
}
#feeds .feed-items {
width: 100%;
overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#feeds .feed-items {
width: 100% !important;
}
}
#feeds .masonry-wrapper {
margin: 0 auto;
}
#feeds .masonry-wrapper .masonry-item {
margin: 0 0 10px 0;
width: 227px;
background: #F4F4F4;
float: left;
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#feeds .masonry-wrapper .masonry-item {
width: 100% !important;
}
.home #feeds .masonry-wrapper .masonry-item {
margin: 0 5px 10px 5px;
height: auto !important;
display: none;
}
.home #feeds .masonry-wrapper .masonry-item:not(.twitter):nth-of-type(-n+8) {
display: block;
}
}
#feeds .masonry-wrapper .masonry-item:before {
content: "";
background: url("../images/sprite.svg") -170px 0 no-repeat;
width: 30px;
height: 25px;
position: absolute;
left: 50%;
margin-left: -15px;
top: 30px;
z-index: 1;
}
#feeds .masonry-wrapper .masonry-item.instagram {
height: 227px;
opacity: 0.8;
transition: all 0.3s ease-in-out;
}
#feeds .masonry-wrapper .masonry-item.instagram:hover {
opacity: 1;
}
#feeds .masonry-wrapper .masonry-item.instagram:before {
display: none;
}
#feeds .masonry-wrapper .masonry-item.instagram a {
text-decoration: none;
opacity: 0.8;
width: 100%;
height: 100%;
display: block;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
#feeds .masonry-wrapper .masonry-item.instagram a .feed-name {
margin-top: 120px;
display: inline-block;
font-weight: bold;
font-size: 13px;
line-height: 20px;
color: #fff;
}
#feeds .masonry-wrapper .masonry-item.instagram a:after {
content: " (" attr(href) ")";
width: 30px;
height: 25px;
position: absolute;
left: 50%;
margin-left: -15px;
top: 50%;
margin-top: -35px;
background: url("../images/sprite.svg") -217px 0 no-repeat;
font-size: 0;
text-indent: -99999em;
}
#feeds .masonry-wrapper .masonry-item.facebook:before {
background-position: -257px 0;
}
#feeds .masonry-wrapper .masonry-item .feed-descr {
color: #2E2E2E;
font-size: 13px;
line-height: 20px;
padding: 0 30px 76px 30px;
}
#feeds .masonry-wrapper .masonry-item .feed-descr .overal-info {
margin: 72px 0 12px 0;
}
#feeds .masonry-wrapper .masonry-item .feed-descr .overal-info .feed-name {
font-weight: bold;
}
#feeds .masonry-wrapper .masonry-item .feed-descr .feed-copy a {
text-decoration: none;
color: #2E2E2E;
}
#feeds .masonry-wrapper .masonry-item .feed-descr .feed-copy a:hover {
color: #7C726E;
}
.faq-section {
margin: 40px 0;
color: #555f69;
}
.faq-section .faq-section-category {
margin: 0;
}
.faq-section .faq-section-category + .faq-section-category {
margin-top: 60px;
}
.faq-section .faq-section-category-descr {
padding-bottom: 10px;
margin-bottom: 0;
border-bottom: thin solid #999490;
}
.faq-section .faq-section-category-descr h3 {
font-size: 16px;
font-weight: 600;
color: #555f69;
text-transform: uppercase;
text-align: left;
margin-bottom: 0;
}
.faq-section .faq-section-category-descr p {
margin: 0;
text-align: left;
font-size: 16px;
}
.faq-section .faq-section-category-descr p + p {
margin-top: 20px;
}
.faq-section .faq-section-item {
border-bottom: thin solid #999490;
}
.faq-section .faq-section-item.active .faq-section-question:after {
content: "x";
font-size: 16px;
}
.faq-section .faq-section-item .faq-section-question {
padding: 10px 50px 10px 0;
font-size: 16px;
color: #555f69;
border: 0;
}
.faq-section .faq-section-item .faq-section-question:after {
font-size: 20px;
right: 8px;
}
.faq-section .faq-section-item .faq-section-answer {
background: none;
padding: 0 0 10px 0;
font-size: 16px;
}
.faq-section .faq-section-item .faq-section-answer p {
margin: 0;
}
.faq-section .faq-section-item .faq-section-answer p + p {
margin-top: 20px;
}
#footer {
position: relative;
padding: 75px 0 70px;
font-size: 14px;
line-height: 1;
color: #7C726E;
}
#footer .credits {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#footer > div {
padding: 0 15px;
}
}
#footer-menu {
padding: 0 0 70px;
margin-bottom: 109px;
text-align: left;
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#footer-menu {
padding-bottom: 0;
}
}
#footer-menu:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 160px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#footer-menu:after {
display: none;
}
}
#footer-menu li {
display: inline-block;
margin: 0 25px 0 0;
vertical-align: top;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#footer-menu li {
display: block;
}
}
#footer-menu a {
display: block;
margin-bottom: 4px;
font-size: 15px;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
color: #555f69;
font-weight: 400;
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#footer-menu a {
display: inline-block;
}
}
#footer-menu a:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 0;
transition: width 200ms ease;
}
#footer-menu a:hover {
color: #555f69;
}
#footer-menu a:hover:after {
width: 100%;
}
#footer-menu a.active {
font-weight: 600;
}
#footer .socials {
font-size: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#footer .socials {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#footer .socials {
text-align: center;
}
}
#footer .socials li {
display: inline-block;
}
#footer .socials a {
position: relative;
display: block;
width: 26px;
height: 26px;
margin: 0 10px;
text-indent: -9999px;
overflow: hidden;
background: url("../images/sprite.svg") 0 0 no-repeat;
}
#footer .socials a:hover {
opacity: 0.8;
}
#footer .socials a.facebook {
background-position: 0 -210px;
}
#footer .socials a.twitter {
background-position: -44px -210px;
}
#footer .socials a.instagram {
background-position: -87px -210px;
}
#footer .socials a.linkedin {
background-position: -131px -210px;
width: 21px;
}
.property-address {
display: inline-block;
color: #555f69;
text-transform: uppercase;
line-height: 20px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.property-address {
text-align: center;
}
}
.property-address .hotel-name {
font-weight: bold;
}
.property-address .row {
display: inline-block;
}
.cookie-notifier {
display: none;
color: #bbbbbb;
background: #fff;
width: 100%;
font-size: 12px;
line-height: 24px;
padding: 75px 0 0;
text-align: center;
z-index: 400;
box-sizing: border-box;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.cookie-notifier {
padding: 75px 35px 0;
line-height: 22px;
}
}
.cookie-notifier a {
display: block;
color: #bbbbbb;
font-size: 12px;
text-decoration: underline;
line-height: 24px;
}
.footer-section {
margin-bottom: 75px;
}
.footer-section > * {
display: inline-block;
vertical-align: middle;
margin: 0 30px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.footer-section > * {
display: block;
margin: 0 auto;
}
}
.footer-section > *:first-child {
margin-left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.footer-section > *:first-child {
margin: 0 auto;
}
}
#hebs-gallery {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAA5JREFUeAFjoACMglEAAAJAAAGccJWlAAAAAElFTkSuQmCC");
background: rgba(0, 0, 0, 0.7);
/* FULL SIZE IMAGE */
/* FULL SIZE IMAGE -> Navigation */
/* FULL SIZE IMAGE -> Loading */
/* THUMBNAILS */
/* THUMBNAILS -> Navigation */
/* INFO */
}
#hebs-gallery .galleria {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
#hebs-gallery .close-button {
position: absolute;
right: 20px;
top: 12px;
width: 17px;
height: 17px;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
z-index: 2;
background: url("../images/common.svg") 0 0 no-repeat;
}
#hebs-gallery .close-button:hover {
background-position: -37px 0;
}
#hebs-gallery .close-button:active {
background-position: -74px 0;
}
#hebs-gallery .galleria-container {
position: relative;
overflow: hidden;
width: 100% !important;
height: 100% !important;
}
#hebs-gallery .category-selector {
position: absolute;
top: 9px;
left: 20px;
z-index: 2;
}
#hebs-gallery .newListSelected {
position: absolute !important;
top: 4px;
left: 20px;
z-index: 2;
}
#hebs-gallery .selectedTxt:after {
top: 14px;
}
#hebs-gallery .SSContainerDivWrapper {
top: 32px !important;
}
#hebs-gallery .galleria-stage {
position: absolute;
top: 45px;
bottom: 120px;
left: 0;
right: 0;
padding: 20px 72px;
overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#hebs-gallery .galleria-stage {
padding: 10px 5px;
z-index: 1;
}
}
#hebs-gallery .galleria-stage .galleria-image {
overflow: visible !important;
}
#hebs-gallery .galleria-stage .galleria-image img {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
#hebs-gallery.no-controls .galleria-stage {
bottom: 0;
padding: 20px;
}
#hebs-gallery.no-controls .galleria-image-nav {
display: none;
}
#hebs-gallery .galleria-image-nav-left, #hebs-gallery .galleria-image-nav-right {
position: absolute;
top: 50%;
cursor: pointer;
width: 31px;
height: 61px;
margin-top: -30px;
text-indent: -9999px;
overflow: hidden;
background: url("../images/common.svg") 0 0 no-repeat;
z-index: 2;
}
#hebs-gallery .galleria-image-nav-left {
left: 20px;
background-position: 0 -37px;
}
#hebs-gallery .galleria-image-nav-left:hover {
background-position: -51px -37px;
}
#hebs-gallery .galleria-image-nav-left:active {
background-position: -102px -37px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#hebs-gallery .galleria-image-nav-left {
background-position: 5px -199px;
height: 21px;
left: 15px;
margin-top: -10px;
width: 21px;
}
#hebs-gallery .galleria-image-nav-left:hover {
background-position: -26px -199px;
}
}
#hebs-gallery .galleria-image-nav-right {
right: 20px;
background-position: 0 -118px;
}
#hebs-gallery .galleria-image-nav-right:hover {
background-position: -51px -118px;
}
#hebs-gallery .galleria-image-nav-right:active {
background-position: -102px -118px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#hebs-gallery .galleria-image-nav-right {
background-position: 5px -240px;
height: 21px;
margin-top: -10px;
right: 15px;
width: 21px;
}
#hebs-gallery .galleria-image-nav-right:hover {
background-position: -26px -240px;
}
}
#hebs-gallery .galleria-loader {
width: 48px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
margin: -24px 0 0 -24px;
background: url("../images/loading.svg") 50% 50% no-repeat;
}
#hebs-gallery.no-controls .galleria-thumbnails-container {
display: none;
}
#hebs-gallery .galleria-thumbnails-container {
height: 120px;
bottom: 0;
position: absolute;
left: 0;
right: 0;
z-index: 2;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAA5JREFUeAFjoACMglEAAAJAAAGccJWlAAAAAElFTkSuQmCC");
background: rgba(0, 0, 0, 0.7);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}
#hebs-gallery .galleria-carousel .galleria-thumbnails-list {
margin-left: 52px;
margin-right: 52px;
}
#hebs-gallery .galleria-thumbnails {
margin: 20px auto 0;
}
#hebs-gallery .galleria-thumbnails .galleria-image {
height: 80px;
width: 80px;
background: #000;
margin: 0 6px 0 0;
float: left;
cursor: pointer;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#hebs-gallery .galleria-thumbnails .galleria-image.active {
border: 3px solid #fff;
width: 74px !important;
height: 74px !important;
}
#hebs-gallery .galleria-thumbnails .galleria-image.active img {
margin: -3px 0 0 -3px;
}
#hebs-gallery .galleria-thumb-nav-left, #hebs-gallery .galleria-thumb-nav-right {
display: none;
position: absolute;
top: 50%;
cursor: pointer;
width: 21px;
height: 21px;
margin-top: -10px;
text-indent: -9999px;
overflow: hidden;
background: url("../images/common.svg") 0 0 no-repeat;
}
#hebs-gallery .galleria-carousel .galleria-thumb-nav-left, #hebs-gallery .galleria-carousel .galleria-thumb-nav-right {
display: block;
}
#hebs-gallery .galleria-thumb-nav-left.disabled, #hebs-gallery .galleria-thumb-nav-right.disabled {
opacity: 0.5;
cursor: default;
}
#hebs-gallery .galleria-thumb-nav-left {
left: 15px;
background-position: 5px -199px;
}
#hebs-gallery .galleria-thumb-nav-left:hover {
background-position: -26px -199px;
}
#hebs-gallery .galleria-thumb-nav-left:active {
background-position: -57px -199px;
}
#hebs-gallery .galleria-thumb-nav-left.disabled {
background-position: 5px -199px;
}
#hebs-gallery .galleria-thumb-nav-right {
right: 15px;
background-position: 5px -240px;
}
#hebs-gallery .galleria-thumb-nav-right:hover {
background-position: -26px -240px;
}
#hebs-gallery .galleria-thumb-nav-right:active {
background-position: -57px -240px;
}
#hebs-gallery .galleria-thumb-nav-right.disabled {
background-position: 5px -240px;
}
#hebs-gallery .galleria-info {
position: absolute;
left: 0;
top: 0;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAA5JREFUeAFjoACMglEAAAJAAAGccJWlAAAAAElFTkSuQmCC");
background: rgba(0, 0, 0, 0.7);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.06);
width: 100%;
height: 45px;
}
#hebs-gallery .galleria-info .galleria-info-description {
text-align: center;
line-height: 45px;
color: #fff;
position: absolute;
left: 300px;
right: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#share-this-site-overlay {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAA5JREFUeAFjoACMglEAAAJAAAGccJWlAAAAAElFTkSuQmCC");
background: rgba(0, 0, 0, 0.7);
}
#share-this-site-overlay .wrapper {
position: absolute;
left: 50%;
top: 50%;
width: 420px;
height: 140px;
padding: 20px;
margin: -90px 0 0 -230px;
background: #327d7d;
}
#share-this-site-overlay .close-button {
position: absolute;
right: 15px;
top: 10px;
width: 17px;
height: 17px;
text-indent: -9999px;
overflow: hidden;
background: url("../images/common.svg") 0 0 no-repeat;
cursor: pointer;
z-index: 2;
}
#share-this-site-overlay .close-button:hover {
background-position: -37px 0;
}
#share-this-site-overlay .close-button:active {
background-position: -74px 0;
}
#share-this-site {
padding: 0;
margin: 0 5px 5px;
width: 420px;
}
#share-this-site li {
float: left;
width: 130px;
margin: 0 5px;
font-size: 0;
}
#share-this-site a {
position: relative;
display: block;
height: 16px;
margin: 5px 0;
padding-left: 20px;
font: 12px/16px "bentonsans", Arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #f7fcfc;
}
#share-this-site a:hover {
color: #6dc7c7;
}
#share-this-site a .icon {
float: left;
margin-right: 5px;
width: 16px;
height: 16px;
background: url(../images/share.png) 0 0 no-repeat;
}
#share-this-site a.share_facebook .icon {
background-position: 0 0;
}
#share-this-site a.share_facebook:hover .icon {
background-position: -36px 0;
}
#share-this-site a.share_twitter .icon {
background-position: 0 -36px;
}
#share-this-site a.share_twitter:hover .icon {
background-position: -36px -36px;
}
#share-this-site a.share_tumblr .icon {
background-position: 0 -72px;
}
#share-this-site a.share_tumblr:hover .icon {
background-position: -36px -72px;
}
#share-this-site a.share_linkedin .icon {
background-position: 0 -108px;
}
#share-this-site a.share_linkedin:hover .icon {
background-position: -36px -108px;
}
#share-this-site a.share_digg .icon {
background-position: 0 -144px;
}
#share-this-site a.share_digg:hover .icon {
background-position: -36px -144px;
}
#share-this-site a.share_delicious .icon {
background-position: 0 -180px;
}
#share-this-site a.share_delicious:hover .icon {
background-position: -36px -180px;
}
#share-this-site a.share_stumbleupon .icon {
background-position: 0 -216px;
}
#share-this-site a.share_stumbleupon:hover .icon {
background-position: -36px -216px;
}
#share-this-site a.share_orkut .icon {
background-position: 0 -252px;
}
#share-this-site a.share_orkut:hover .icon {
background-position: -36px -252px;
}
#share-this-site a.share_myspace .icon {
background-position: 0 -288px;
}
#share-this-site a.share_myspace:hover .icon {
background-position: -36px -288px;
}
#share-this-site a.share_yammer .icon {
background-position: 0 -324px;
}
#share-this-site a.share_yammer:hover .icon {
background-position: -36px -324px;
}
#share-this-site a.share_pinterest .icon {
background-position: 0 -360px;
}
#share-this-site a.share_pinterest:hover .icon {
background-position: -36px -360px;
}
#share-this-site a.share_bebo .icon {
background-position: 0 -396px;
}
#share-this-site a.share_bebo:hover .icon {
background-position: -36px -396px;
}
#share-this-site a.share_live .icon {
background-position: 0 -432px;
}
#share-this-site a.share_live:hover .icon {
background-position: -36px -432px;
}
#share-this-site a.share_google .icon {
background-position: 0 -468px;
}
#share-this-site a.share_google:hover .icon {
background-position: -36px -468px;
}
#share-this-site a.share_email .icon {
background-position: 0 -504px;
}
#share-this-site a.share_email:hover .icon {
background-position: -36px -504px;
}
.calendar .page-content-wrapper {
padding: 0 20px;
}
#testimonials .masonry-wrapper {
margin: 0 auto;
}
#testimonials .masonry-item {
margin: 0 0 10px 0;
width: 227px;
background: #F4F4F4;
float: left;
position: relative;
}
#testimonials .masonry-item:before {
content: "";
background: url("../images/sprite.svg") -100px 0 no-repeat;
width: 50px;
height: 34px;
position: absolute;
left: 40px;
top: 30px;
z-index: 1;
}
#testimonials .masonry-item:after {
clear: both;
content: "";
display: table;
}
#testimonials img, #testimonials .placeholder-thumb {
width: 80px;
height: 80px;
display: block;
position: absolute;
left: 50%;
margin-left: -40px;
top: 30px;
border-radius: 40px;
}
#testimonials .placeholder-thumb {
background: url("../images/sprite.svg") -130px -105px no-repeat;
}
#testimonials .description {
text-align: center;
padding: 126px 30px 17px 30px;
}
#testimonials h4 {
margin-bottom: 12px;
color: #2E2E2E;
font-size: 13px;
line-height: 20px;
font-weight: bold;
}
#testimonials p {
margin-bottom: 13px;
color: #2E2E2E;
font-size: 13px;
line-height: 20px;
}
.experience {
text-align: center;
}
.experience h4 {
margin-bottom: 26px;
color: #2E2E2E;
font-size: 36px;
line-height: 40px;
font-weight: 200;
text-transform: uppercase;
text-align: center;
position: relative;
padding-top: 111px;
}
.experience h4:before {
content: "";
width: 1px;
height: 42px;
background: #7C726E;
display: block;
position: absolute;
left: 50%;
top: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience h4:before {
height: 32px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience h4 {
padding-top: 75px;
font-size: 28px;
line-height: 32px;
}
}
.experience h4 + h5 {
margin-top: -20px;
}
.experience h5 {
font-size: 20px;
line-height: 28px;
margin-bottom: 38px;
font-weight: normal;
color: #7C726E;
text-transform: uppercase;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience h5 {
font-size: 17px;
line-height: 25px;
margin-bottom: 28px;
}
}
.experience .page {
min-height: 400px;
margin-bottom: 75px;
overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience .page {
margin-bottom: 25px;
}
}
.experience .page .gallery-wrapper, .experience .page .copy-wrapper {
float: left;
overflow: hidden;
}
.experience .page .gallery-wrapper {
margin-right: 37px;
width: calc(50% - 37px);
position: relative;
height: 400px;
background: #f4f4f4;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.experience .page .gallery-wrapper {
margin-right: 20px;
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience .page .gallery-wrapper {
width: 100%;
margin-right: 0;
float: none;
height: 273px;
}
}
.experience .page .gallery-wrapper .home-gallery {
width: 100%;
height: 400px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
transform: scale(1);
transition: all 0.5s ease-in-out;
}
.experience .page .gallery-wrapper .view-gallery {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.experience .page .gallery-wrapper .view-gallery:before {
content: " (" attr(href) ")";
background: rgba(77, 87, 96, 0.8) url("../images/sprite.svg") 10px -38px no-repeat;
position: absolute;
top: 40px;
left: 40px;
width: 40px;
height: 40px;
border-radius: 50px;
font-size: 0;
text-indent: -99999em;
}
.experience .page .gallery-wrapper .view-gallery:hover:before {
background-color: rgb(77, 87, 96);
}
.experience .page .copy-wrapper {
font-size: 0;
margin-left: 37px;
height: 400px;
width: calc(50% - 37px);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.experience .page .copy-wrapper {
margin-left: 20px;
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience .page .copy-wrapper {
width: 100%;
margin-left: 0;
box-sizing: border-box;
padding: 0 20px;
height: auto;
}
}
.experience .page .copy-wrapper:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -1px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience .page .copy-wrapper:before {
display: none;
}
}
.experience .page .copy-wrapper .inner-wrapper {
text-align: left;
font-size: 14px;
line-height: 28px;
width: calc(100% - 61px);
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden;
padding-right: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.experience .page .copy-wrapper .inner-wrapper {
padding-right: 20px;
width: calc(100% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience .page .copy-wrapper .inner-wrapper {
padding: 0;
margin-top: 25px;
width: 100%;
}
}
.experience .page .copy-wrapper h2 {
color: #7C726E;
font-weight: normal;
text-transform: uppercase;
font-size: 24px;
line-height: 27px;
margin-bottom: 20px;
}
.experience .page .copy-wrapper p {
color: #2E2E2E;
margin-bottom: 12px;
}
.experience .page .copy-wrapper a {
color: #7C726E;
text-decoration: none;
font-weight: bold;
}
.experience .page .copy-wrapper a:hover {
color: #4D5760;
}
.experience .page.even .gallery-wrapper {
float: right;
margin-left: 37px;
margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.experience .page.even .gallery-wrapper {
margin-left: 20px;
margin-right: 0;
width: calc(50% - 20px);
}
}
.experience .page.even .copy-wrapper {
margin-right: 37px;
margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.experience .page.even .copy-wrapper {
margin-right: 20px;
margin-left: 0;
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience .page.even .copy-wrapper {
margin-right: 0;
width: 100%;
}
}
.experience .page.even .copy-wrapper .inner-wrapper {
padding-right: 0;
padding-left: 75px;
width: calc(100% - 76px);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.experience .page.even .copy-wrapper .inner-wrapper {
padding-right: 0;
padding-left: 20px;
width: calc(100% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.experience .page.even .copy-wrapper .inner-wrapper {
padding-left: 0;
width: 100%;
}
}
.single-room .features,
.single-room .amenities {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
column-gap: 40px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.single-room .features,
.single-room .amenities {
-moz-column-count: 1;
column-count: 1;
}
}
.single-room .booking-button {
position: relative;
display: inline-block;
margin: 42px 0 22px 0;
padding: 42px 28px 42px 0;
min-width: 150px;
color: #999490;
text-transform: uppercase;
font-size: 13px;
line-height: 1.3;
font-weight: 600;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.single-room .booking-button {
display: block;
padding-right: 0;
}
}
.single-room .booking-button:hover {
color: #555f69;
}
.single-room .booking-button:before, .single-room .booking-button:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #999490;
margin: 0;
border-radius: 0;
}
.single-room .booking-button:after {
top: auto;
bottom: 0;
}
.single-room .booking-button em {
position: relative;
display: inline;
font-style: normal;
}
.single-room .booking-button em:after {
content: ">";
position: relative;
display: inline-block;
margin-left: 8px;
}
.rooms {
margin-bottom: 26px;
text-align: center;
position: relative;
padding-top: 111px;
}
.rooms:before {
content: "";
width: 1px;
height: 42px;
background: #7C726E;
display: block;
position: absolute;
left: 50%;
top: 0;
}
.rooms .categories-list {
margin-bottom: 60px;
font-size: 0;
text-align: center;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.rooms .categories-list {
margin-bottom: 20px;
}
}
.rooms .categories-list button {
text-transform: uppercase;
color: #7C726E;
font-size: 36px;
line-height: 40px;
display: inline-block;
padding: 0 36px;
border-left: 1px solid #7C726E;
}
.rooms .categories-list button:first-child {
border: 0;
}
.rooms .categories-list button.active, .rooms .categories-list button:hover {
color: #2E2E2E;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.rooms .categories-list button {
font-size: 28px;
line-height: 32px;
border: 0;
padding: 0;
display: block;
width: 100%;
margin-bottom: 15px;
}
}
.rooms .rooms-entry {
height: 400px;
margin-bottom: 75px;
}
.rooms .rooms-entry:after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.rooms .rooms-entry {
height: auto;
margin-bottom: 20px;
}
}
.rooms .rooms-entry .thumbnail {
position: relative;
float: left;
width: 50%;
height: 100%;
overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.rooms .rooms-entry .thumbnail {
float: none;
width: 100%;
height: 273px;
}
}
.rooms .rooms-entry .thumbnail .thumbnail-inner {
height: 100%;
width: 100%;
background-color: #f5f5f5;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
transition: all 0.5s ease-in-out;
}
.rooms .rooms-entry .thumbnail img {
display: none;
}
.rooms .rooms-entry .thumbnail .view-gallery {
content: "";
background: rgba(77, 87, 96, 0.8) url("../images/sprite.svg") 10px -38px no-repeat;
position: absolute;
top: 40px;
left: 40px;
width: 40px;
height: 40px;
border-radius: 30px;
font-size: 0;
text-indent: -99999em;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.rooms .rooms-entry .thumbnail .view-gallery {
top: 20px;
left: 20px;
}
}
.rooms .rooms-entry .description {
float: left;
width: 50%;
text-align: left;
box-sizing: border-box;
padding: 75px;
}
@media screen and (max-width: 1500px) {
.rooms .rooms-entry .description {
padding: 20px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.rooms .rooms-entry .description {
float: none;
width: 100%;
}
}
.rooms .rooms-entry .description h4 {
margin-bottom: 8px;
font: 36px/40px "bentonsans", Arial, sans-serif;
text-transform: uppercase;
color: #2E2E2E;
}
.rooms .rooms-entry .description p {
margin-bottom: 20px;
}
.rooms .rooms-entry .description .price {
display: block;
margin-bottom: 20px;
font-size: 18px;
line-height: 26px;
text-transform: uppercase;
text-decoration: none;
color: #7C726E;
}
.rooms .rooms-entry .description nav:after {
clear: both;
content: "";
display: table;
}
.rooms .rooms-entry .description nav a {
position: relative;
display: inline-block;
padding: 20px 0;
height: auto;
color: #999490;
text-transform: uppercase;
font-size: 13px;
line-height: 1.3;
font-weight: 600;
}
.rooms .rooms-entry .description nav a:hover {
color: #555f69;
}
.rooms .rooms-entry .description nav a:before, .rooms .rooms-entry .description nav a:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 1px;
background: #999490;
margin: 0;
border-radius: 0;
}
.rooms .rooms-entry .description nav a:after {
top: auto;
bottom: 0;
}
.rooms .rooms-entry .description nav a em {
position: relative;
display: inline;
font-style: normal;
}
.rooms .rooms-entry .description nav a em:after {
content: ">";
position: relative;
display: inline-block;
margin-left: 8px;
}
.rooms .rooms-entry .description nav a + a {
margin-left: 70px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.rooms .rooms-entry .description nav a + a {
margin-left: 40px;
}
}
.rooms .rooms-entry.odd .thumbnail {
float: right;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.rooms .rooms-entry.odd .thumbnail {
float: none;
}
}
.the-makers-page .makers-body-wrapper p {
line-height: 27px;
font-size: 20px;
}
.the-makers-page .acm-section .text p {
line-height: 27px;
font-size: 20px;
}
.the-makers-page #video-direct-acm h1 {
margin-bottom: 45px;
text-transform: uppercase;
font-size: 37px;
font-weight: 200;
}
.the-makers-page #video-direct-acm .text {
padding: 80px 0 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.the-makers-page .default-no-top-image-content {
margin-top: 50px;
}
}
.the-makers-page .alternating-blocks .title + .page-content {
margin-top: 10px;
}
.the-makers-page .alternating-blocks h2 {
font-weight: 300;
font-size: 27px;
line-height: 30px;
text-transform: uppercase;
color: #999490;
}
.the-makers-page.days #content {
padding-bottom: 0;
}
.the-makers-page.days #content + * {
margin-top: 80px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.the-makers-page.days #content + * {
margin-top: 50px;
}
}
.the-makers-page.days .head {
padding: 64px 0;
line-height: 48px;
}
.the-makers-page.days .head:after {
clear: both;
content: "";
display: table;
}
.the-makers-page.days .head:after {
content: "";
width: 100%;
position: relative;
height: 1px;
background: #AAA39F;
top: 30px;
display: inline-block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.the-makers-page.days .head {
padding: 35px 0 40px;
}
}
.the-makers-page.days .head h1 {
font: 67px/48px "LeJeunePoster-Regular";
color: #4D5760;
text-align: left;
float: left;
margin: 0;
}
.the-makers-page.days .head h1 span:first-child {
color: #A5A09B;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.the-makers-page.days .head h1 {
float: none;
font: 30px/48px "LeJeunePoster-Regular";
}
}
.the-makers-page.days .head #days {
margin: 0;
float: right;
display: inline-block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.the-makers-page.days .head #days {
float: none;
text-align: center;
margin-bottom: 40px;
}
}
.the-makers-page.days .head #days .day {
display: inline-block;
border-left: 1px solid #D8D8D8;
padding: 0;
line-height: 0;
}
.the-makers-page.days .head #days .day:before {
display: none;
}
.the-makers-page.days .head #days .day a {
color: #A5A09B;
font: 36px/1 "LeJeunePoster-Regular";
padding: 0 8px;
vertical-align: middle;
}
.the-makers-page.days .head #days .day:first-child {
border-left: none;
}
.the-makers-page.days .head #days .day.active a, .the-makers-page.days .head #days .day:hover a {
color: #4D5760;
}
#home-gallery {
margin-bottom: 50px;
}
#home-gallery:after {
clear: both;
content: "";
display: table;
}
#home-gallery .photo {
float: left;
}
#home-gallery .photo img {
display: block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .page-content img {
width: 100%;
height: auto;
}
}
.destination-page .subpages {
display: table;
width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .subpages {
display: block;
}
}
.destination-page .subpages a {
position: relative;
display: table-cell;
table-layout: fixed;
overflow: hidden;
background: #4D5760;
text-align: center;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .subpages a {
font-size: 24px;
display: block;
}
}
.destination-page .subpages a .heading {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
font-size: 36px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
z-index: 2;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.destination-page .subpages a .heading {
font-size: 24px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .subpages a .heading {
font-size: 24px;
}
}
.destination-page .subpages a img {
width: 100%;
display: block;
transition: all 0.5s ease-in-out;
z-index: 1;
transform: scale(1);
opacity: 0.6;
}
.destination-page .subpages a:hover img {
opacity: 1;
}
.destination-page #property-names {
position: relative;
padding: 0 135px 100px;
}
.destination-page #property-names ul {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
align-content: center;
}
.destination-page #property-names li {
flex: 0 0 auto;
font-size: 18px;
padding: 0 20px;
text-transform: uppercase;
}
.destination-page #destination-properties {
position: relative;
background-size: cover;
background-position: 50% 50%;
}
.destination-page #destination-properties:before {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 0;
}
.destination-page #destination-properties .headings {
position: relative;
text-align: center;
text-transform: uppercase;
padding: 68px 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page #destination-properties .headings {
padding: 40px 0;
}
}
.destination-page #destination-properties .headings h4 {
margin-bottom: 26px;
color: #2E2E2E;
font-size: 36px;
line-height: 40px;
font-weight: 400;
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page #destination-properties .headings h4 {
font-size: 28px;
line-height: 32px;
}
}
.destination-page #destination-properties .headings h5 {
font-size: 20px;
line-height: 28px;
font-weight: normal;
color: #7C726E;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page #destination-properties .headings h5 {
font-size: 17px;
line-height: 25px;
}
}
.destination-page #destination-properties .headings h4 + h5 {
margin-top: -20px;
}
.destination-page .properties-slider {
position: relative;
padding: 0 135px 100px;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.destination-page .properties-slider {
padding: 0 50px 70px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider {
padding: 0 20px 40px;
}
}
.destination-page .properties-slider .swiper-controls {
position: static;
}
.destination-page .properties-slider .swiper-controls .swipe-prev, .destination-page .properties-slider .swiper-controls .swipe-next {
position: absolute;
width: 36px;
height: 36px;
top: 50%;
margin-top: -18px;
background: #7C726E url("../images/sprite.svg") 0 0 no-repeat;
transition: background-color 200ms;
border-radius: 50%;
z-index: 3;
cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.destination-page .properties-slider .swiper-controls .swipe-prev, .destination-page .properties-slider .swiper-controls .swipe-next {
margin-top: 65%;
top: 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider .swiper-controls .swipe-prev, .destination-page .properties-slider .swiper-controls .swipe-next {
margin-top: 69%;
top: 0;
}
}
.destination-page .properties-slider .swiper-controls .swipe-prev:hover, .destination-page .properties-slider .swiper-controls .swipe-next:hover {
background-color: #d6d3d2;
}
.destination-page .properties-slider .swiper-controls .swipe-prev {
left: 50px;
background-position: 0 -104px;
}
.destination-page .properties-slider .swiper-controls .swipe-next {
right: 50px;
background-position: -56px -104px;
}
.destination-page .properties-slider > * {
z-index: 2;
position: relative;
}
.destination-page .properties-slider .swiper-container {
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.destination-page .properties-slider .swiper-container .swiper-wrapper {
height: auto !important;
}
.destination-page .properties-slider .swiper-container .swiper-slide {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
font-size: 14px;
line-height: 28px;
color: #2E2E2E;
white-space: normal;
width: calc(100vw - 270px);
height: auto !important;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.destination-page .properties-slider .swiper-container .swiper-slide {
width: calc(100vw - 100px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider .swiper-container .swiper-slide {
width: calc(100vw - 40px);
}
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-thumb {
float: left;
width: 47.9%;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-thumb {
width: 100%;
float: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-thumb {
width: 100%;
float: none;
}
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-thumb .inner-wrapper {
display: block;
width: 100%;
padding-bottom: 101.3%;
background-size: cover;
background-position: 50% 50%;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-thumb .inner-wrapper {
padding-bottom: 70%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-thumb .inner-wrapper {
padding-bottom: 70%;
}
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-content {
width: 47.9%;
float: right;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-content {
width: 100%;
float: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-content {
width: 100%;
float: none;
}
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-gallery {
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-gallery {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-gallery {
display: none;
}
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-gallery span {
display: block;
float: left;
width: 45.6%;
padding-top: 38%;
background-position: 50% 50%;
background-size: cover;
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-gallery span:nth-child(2) {
float: right;
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-copy {
padding-top: 70px;
padding-right: 20px;
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-copy h1 {
font-size: 36px;
line-height: 40px;
text-transform: uppercase;
margin: 8px 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-copy h1 {
font-size: 30px;
line-height: 36px;
}
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-copy h2 {
margin: 8px 0;
font-size: 20px;
line-height: 28px;
color: #747273;
text-transform: uppercase;
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-copy p {
margin-top: 35px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-copy p {
margin-top: 20px;
}
}
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-copy .button {
margin-top: 65px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page .properties-slider .swiper-container .swiper-slide .property-content .property-copy .button {
margin-top: 20px;
font-size: 16px;
padding: 0;
min-width: 100%;
}
}
.destination-page #destination-poi {
padding-top: 75px;
}
@media (min-width: 990px) {
.destination-page #destination-poi .poi .category-selector {
position: absolute;
bottom: 340px;
}
.destination-page #destination-poi .poi .categories {
position: absolute;
bottom: -15px;
max-height: 300px;
}
.destination-page #destination-poi .poi .poi-navigation {
position: relative;
float: right;
}
.destination-page #destination-poi .poi .intro {
position: relative;
margin-bottom: 450px;
}
.destination-page #destination-poi .poi-map-wrapper {
height: auto;
}
}
.destination-page #destination-poi .poi .intro {
height: auto;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page #destination-poi .poi .intro {
padding: 20px;
}
}
.destination-page #destination-poi .destination-properties-list {
text-align: left;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page #destination-poi .destination-properties-list {
text-align: center;
}
}
.destination-page #destination-poi .destination-properties-list span {
display: block;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
color: #fff;
cursor: pointer;
transition: 0.3s;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page #destination-poi .destination-properties-list span {
line-height: 24px;
font-size: 18px;
padding: 5px 0;
}
}
.destination-page #destination-poi .destination-properties-list span:hover, .destination-page #destination-poi .destination-properties-list span.active {
color: #fff;
transform: translateX(5px);
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.destination-page #photos .wrapper {
padding-top: 60%;
}
.destination-page #photos .title {
top: 65%;
}
}
.line {
width: 1px;
height: 42px;
background: #7C726E;
display: block;
margin: 15px auto 0;
}
#odd-even-acm .grid-item {
overflow: hidden;
padding: 80px 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#odd-even-acm .grid-item {
padding: 50px 0 40px;
min-height: 0;
}
}
#odd-even-acm .grid-item .img-side, #odd-even-acm .grid-item .content-side {
float: left;
overflow: hidden;
}
#odd-even-acm .grid-item .img-side {
margin-right: 40px;
width: calc(50% - 40px);
position: relative;
padding-top: 27%;
background-color: #D8D8D8;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#odd-even-acm .grid-item .img-side {
margin-right: 20px;
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#odd-even-acm .grid-item .img-side {
width: 100%;
margin: 0 0 20px 0;
float: none;
height: 0;
padding-top: 62%;
}
}
#odd-even-acm .grid-item .content-side {
font-size: 0;
margin-left: 40px;
height: auto;
width: calc(50% - 40px);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#odd-even-acm .grid-item .content-side {
margin-left: 20px;
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#odd-even-acm .grid-item .content-side {
width: 100%;
margin: 25px 0 0 0;
box-sizing: border-box;
padding: 0;
}
}
#odd-even-acm .grid-item .content-side .inner-wrapper {
text-align: left;
font-size: 14px;
line-height: 28px;
display: inline-block;
}
#odd-even-acm .grid-item .content-side .inner-wrapper .text {
line-height: 1;
font-family: "LeJeunePoster-Regular";
font-size: 3.72vw;
color: #A5A09B;
}
@media (max-width: 967.7419354839px) {
#odd-even-acm .grid-item .content-side .inner-wrapper .text {
font-size: 36px;
}
}
@media (min-width: 1290.3225806452px) {
#odd-even-acm .grid-item .content-side .inner-wrapper .text {
font-size: 48px;
}
}
#odd-even-acm .grid-item .content-side .inner-wrapper .text > div:nth-child(2) {
color: #4D5760;
}
@media only screen and (min-width: 1224px) {
#odd-even-acm .grid-item .content-side .inner-wrapper .text > div {
display: block;
}
}
#odd-even-acm .grid-item .content-side .inner-wrapper .link {
display: inline-block;
text-indent: -9999px;
width: 51px;
height: 22px;
background: url("../images/sprite.svg") -325px -47px no-repeat;
margin-top: 20px;
}
#odd-even-acm .grid-item .content-side .inner-wrapper .link:hover {
background: url("../images/sprite.svg") -255px -47px no-repeat;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#odd-even-acm .grid-item .content-side .inner-wrapper .link {
margin-top: 10px;
}
}
#odd-even-acm .grid-item.even .img-side {
float: right;
margin-left: 40px;
margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#odd-even-acm .grid-item.even .img-side {
margin-left: 20px;
margin-right: 0;
width: calc(50% - 20px);
}
}
#odd-even-acm .grid-item.even .content-side {
margin-right: 40px;
margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#odd-even-acm .grid-item.even .content-side {
margin-right: 20px;
margin-left: 0;
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#odd-even-acm .grid-item.even .content-side {
margin-right: 0;
width: 100%;
}
}
#history-odd-even-acm .grid-item {
position: relative;
overflow: hidden;
padding: 80px 0;
display: flex;
}
#history-odd-even-acm .grid-item:after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item {
padding: 50px 0;
min-height: 0;
flex-wrap: wrap;
}
}
#history-odd-even-acm .grid-item .img-side, #history-odd-even-acm .grid-item .content-side {
overflow: hidden;
}
#history-odd-even-acm .grid-item .img-side {
width: 100%;
position: relative;
height: 0;
padding-bottom: 34%;
background-color: #D8D8D8;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item .img-side {
width: 100%;
padding-bottom: 47%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item .img-side {
padding-bottom: 66%;
}
}
#history-odd-even-acm .grid-item .content-side {
font-size: 0;
box-sizing: border-box;
width: 50%;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item .content-side {
width: 30%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item .content-side {
width: 100% !important;
margin-left: 0;
box-sizing: border-box;
padding: 40px 25px !important;
height: auto;
}
}
#history-odd-even-acm .grid-item .content-side:before {
content: "";
display: inline-block;
height: auto;
vertical-align: middle;
margin-right: -1px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item .content-side:before {
display: none;
}
}
#history-odd-even-acm .grid-item .content-side .inner-wrapper {
text-align: left;
display: inline-block;
vertical-align: middle;
position: relative;
max-width: 300px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item .content-side .inner-wrapper {
max-width: none;
}
}
#history-odd-even-acm .grid-item .content-side .inner-wrapper .text {
line-height: 1;
font: 14px/19px "bentonsans", Arial, sans-serif;
color: #535F6A;
}
#history-odd-even-acm .grid-item .content-side .inner-wrapper .text strong {
font-weight: bold !important;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item .content-side .inner-wrapper .text {
font-size: 14px;
}
}
#history-odd-even-acm .grid-item .content-side .inner-wrapper .text.black {
color: #000;
}
#history-odd-even-acm .grid-item .content-side .inner-wrapper .text.white {
color: #fff;
}
#history-odd-even-acm .grid-item.text-bg-beige .content-side:before {
height: 100%;
}
#history-odd-even-acm .grid-item.text-left .content-side:before {
height: 100%;
}
#history-odd-even-acm .grid-item.text-on-img .img-side {
width: 100%;
padding-bottom: 66%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item.text-on-img .img-side {
min-height: 0;
background-size: contain;
background-position-y: 100%;
}
}
#history-odd-even-acm .grid-item.text-on-img .content-side {
position: absolute;
}
#history-odd-even-acm .grid-item.text-left .content-side {
order: -1;
}
#history-odd-even-acm .grid-item.text-top .content-side .inner-wrapper {
vertical-align: top;
margin-top: -3px;
}
#history-odd-even-acm .grid-item.text-bg-beige .content-side {
background-color: #A5A09B;
}
#history-odd-even-acm .grid-item.text-bg-beige .content-side .inner-wrapper {
max-width: 167px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item.text-bg-beige .content-side .inner-wrapper {
max-width: none;
}
}
#history-odd-even-acm .grid-item.text-bg-grey .content-side {
background-color: #4D5760;
}
#history-odd-even-acm .grid-item.text-bg-grey .content-side .inner-wrapper {
max-width: 167px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item.text-bg-grey .content-side .inner-wrapper {
max-width: none;
}
}
#history-odd-even-acm .grid-item.text-space-top .content-side {
padding-top: 40px;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-top .content-side {
padding-top: 90px;
}
}
#history-odd-even-acm .grid-item.text-space-bottom .content-side {
padding-bottom: 40px;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-bottom .content-side {
padding-bottom: 90px;
}
}
#history-odd-even-acm .grid-item.text-space-right .content-side {
padding-right: 40px;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-right .content-side {
padding-right: 90px;
}
}
#history-odd-even-acm .grid-item.text-space-left .content-side {
padding-left: 40px;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-left .content-side {
padding-left: 90px;
}
}
#history-odd-even-acm .grid-item.text-space-top-bottom .content-side {
padding: 40px 0;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-top-bottom .content-side {
padding: 90px 0;
}
}
#history-odd-even-acm .grid-item.text-space-top-right .content-side {
padding: 40px 40px 0 40px;
right: 0;
width: 50%;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-top-right .content-side {
width: 30%;
padding: 80px 80px 0 0;
}
}
#history-odd-even-acm .grid-item.text-space-top-left .content-side {
padding: 40px 0 0 40px;
}
#history-odd-even-acm .grid-item.text-space-top-left .content-side.text-bg-beige {
padding: 0;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-top-left .content-side {
padding: 90px 0 0 90px;
}
#history-odd-even-acm .grid-item.text-space-top-left .content-side.text-bg-beige {
padding: 0;
}
}
#history-odd-even-acm .grid-item.text-space-bottom-right .content-side {
padding: 0 40px 40px 0;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-bottom-right .content-side {
padding: 0 90px 90px 0;
}
}
#history-odd-even-acm .grid-item.text-space-bottom-left .content-side {
padding: 0 0 40px 40px;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-bottom-left .content-side {
padding: 0 0 90px 90px;
}
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-right-left .img-side {
width: 58%;
padding-bottom: 38%;
}
}
#history-odd-even-acm .grid-item.text-space-right-left .content-side {
padding: 0 40px;
text-align: center;
}
@media only screen and (min-width: 1140px) {
#history-odd-even-acm .grid-item.text-space-right-left .content-side {
padding: 0 90px;
width: 42%;
}
}
#history-odd-even-acm .grid-item.text-space-right-left .content-side .inner-wrapper {
max-width: 300px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#history-odd-even-acm .grid-item.text-space-right-left .content-side .inner-wrapper {
max-width: none;
}
}
#image-text-acm {
display: flex;
flex-wrap: wrap;
}
#image-text-acm .images-part {
position: relative;
width: 100%;
padding: 80px 0 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#image-text-acm .images-part {
padding: 50px 0;
}
}
#image-text-acm .images-part.images-bottom {
order: 1;
}
#image-text-acm .images-part .image-item {
width: 100%;
padding-top: 61%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
#image-text-acm .images-part .image-item + .image-item {
margin-top: 80px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#image-text-acm .images-part .image-item + .image-item {
margin-top: 50px;
}
}
#image-text-acm.text-background-yes .text {
background: rgba(0, 0, 0, 0.6);
}
#image-text-acm .text {
position: relative;
padding: 80px 40px;
font: 400 14px/19px "bentonsans", Arial, sans-serif;
color: #535F6A;
text-align: left;
}
@media only screen and (min-width: 1140px) {
#image-text-acm .text {
padding: 80px 0;
}
}
#image-text-acm .text p {
position: relative;
transform: none;
}
#image-text-acm .text strong {
font-weight: bold !important;
}
#image-text-acm .images-top .text, #image-text-acm .images-bottom .text {
position: absolute;
width: 100%;
bottom: 80px;
padding: 50px;
box-sizing: border-box;
font: 400 18px/22px "bentonsans", Arial, sans-serif;
color: #fff;
width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#image-text-acm .images-top .text, #image-text-acm .images-bottom .text {
font-size: 14px;
position: relative;
bottom: 0;
color: #000;
background: #fff !important;
}
}
#image-text-acm .images-top .text p, #image-text-acm .images-bottom .text p {
display: inline-block;
}
#image-text-acm .images-top .text {
bottom: auto;
top: 80px;
}
#image-text-acm .images-bottom + .text {
padding-top: 80px;
padding-bottom: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#image-text-acm .images-bottom + .text {
padding-top: 50px;
}
}
#multiple-images-acm {
background: #fff;
}
#multiple-images-acm.three-images-acm {
text-align: center;
}
#multiple-images-acm.three-images-acm .large-imgs-text-row {
margin-bottom: 75px;
text-align: left;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm.three-images-acm .large-imgs-text-row {
margin-bottom: 60px;
}
}
#multiple-images-acm.three-images-acm .large-imgs-text-row .text {
height: auto !important;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm.three-images-acm .large-imgs-text-row .text {
color: #000 !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm.three-images-acm .large-imgs-text-row .text p {
padding: 0 35px;
}
}
#multiple-images-acm.three-images-acm .copy {
display: inline-block;
width: 70%;
font: 400 18px/22px "bentonsans", Arial, sans-serif;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm.three-images-acm .copy {
width: 100%;
}
}
#multiple-images-acm .wrapper {
padding: 80px 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm .wrapper {
padding: 40px 0;
}
}
#multiple-images-acm.grey {
background: #A5A09B;
}
#multiple-images-acm.grey .text {
color: #fff;
}
#multiple-images-acm .item {
position: relative;
}
#multiple-images-acm .text {
color: #000;
font: 400 14px/19px "bentonsans", Arial, sans-serif;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm .text {
font-size: 14px;
}
}
#multiple-images-acm .image-bg-wrapper {
width: 100%;
display: block;
}
#multiple-images-acm .image-bg {
display: block;
width: 100%;
padding-top: 65%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
#multiple-images-acm .small-imgs-text-row, #multiple-images-acm .small-imgs-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#multiple-images-acm .small-imgs-text-row .item, #multiple-images-acm .small-imgs-row .item {
width: calc(50% - 35px);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#multiple-images-acm .small-imgs-text-row .item, #multiple-images-acm .small-imgs-row .item {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm .small-imgs-text-row .item, #multiple-images-acm .small-imgs-row .item {
width: 100%;
}
#multiple-images-acm .small-imgs-text-row .item + .item, #multiple-images-acm .small-imgs-row .item + .item {
margin-top: 30px;
}
}
#multiple-images-acm .small-imgs-text-row .item {
display: flex;
flex-wrap: wrap;
}
#multiple-images-acm .small-imgs-text-row .item .text {
margin-bottom: 60px;
height: auto;
width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#multiple-images-acm .small-imgs-text-row .item .text {
margin-bottom: 30px;
height: auto;
}
}
#multiple-images-acm .small-imgs-text-row .item.below-image .text {
margin-top: 60px;
order: 2;
display: flex;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#multiple-images-acm .small-imgs-text-row .item.below-image .text {
margin-top: 30px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm .small-imgs-text-row .item.below-image .text {
order: 0;
margin: 0 0 30px 0;
padding: 0 40px;
}
}
#multiple-images-acm .small-imgs-text-row .text {
text-align: left;
}
#multiple-images-acm .small-imgs-text-row + * {
margin-top: 80px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
#multiple-images-acm .small-imgs-text-row + * {
margin-top: 50px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm .large-imgs-text-row {
margin-top: 60px;
}
}
#multiple-images-acm .large-imgs-text-row .text {
padding: 0 0 0 40px;
margin: 80px 0;
}
@media only screen and (min-width: 1140px) {
#multiple-images-acm .large-imgs-text-row .text {
padding: 0;
}
}
#multiple-images-acm .large-imgs-text-row .text.text-background-yes {
background: rgba(0, 0, 0, 0.6);
color: #fff;
}
#multiple-images-acm .large-imgs-text-row .text.top, #multiple-images-acm .large-imgs-text-row .text.top-left, #multiple-images-acm .large-imgs-text-row .text.top-right, #multiple-images-acm .large-imgs-text-row .text.bottom-left, #multiple-images-acm .large-imgs-text-row .text.bottom-right, #multiple-images-acm .large-imgs-text-row .text.bottom {
position: absolute;
width: 80%;
padding: 0;
color: #fff;
text-align: left;
}
#multiple-images-acm .large-imgs-text-row .text.top p, #multiple-images-acm .large-imgs-text-row .text.top-left p, #multiple-images-acm .large-imgs-text-row .text.top-right p, #multiple-images-acm .large-imgs-text-row .text.bottom-left p, #multiple-images-acm .large-imgs-text-row .text.bottom-right p, #multiple-images-acm .large-imgs-text-row .text.bottom p {
display: block;
margin: 60px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm .large-imgs-text-row .text.top p, #multiple-images-acm .large-imgs-text-row .text.top-left p, #multiple-images-acm .large-imgs-text-row .text.top-right p, #multiple-images-acm .large-imgs-text-row .text.bottom-left p, #multiple-images-acm .large-imgs-text-row .text.bottom-right p, #multiple-images-acm .large-imgs-text-row .text.bottom p {
margin: 0;
}
}
#multiple-images-acm .large-imgs-text-row .text.top {
top: 0;
left: 50%;
transform: translate(-50%, 0);
}
#multiple-images-acm .large-imgs-text-row .text.top-left {
width: 300px;
top: 0;
left: 0;
}
#multiple-images-acm .large-imgs-text-row .text.top-right {
width: 300px;
top: 0;
right: 0;
}
#multiple-images-acm .large-imgs-text-row .text.bottom {
left: 50%;
transform: translate(-50%, 0);
height: 150px;
bottom: 0;
}
#multiple-images-acm .large-imgs-text-row .text.bottom-left {
width: 300px;
left: 0;
bottom: 0;
}
#multiple-images-acm .large-imgs-text-row .text.bottom-right {
width: 300px;
bottom: 0;
right: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm .large-imgs-text-row .text {
margin-top: 30px;
text-align: left !important;
height: auto;
font-size: 14px;
position: relative !important;
bottom: 0;
padding: 20px 0;
width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm.white .large-imgs-text-row .text {
background: #fff !important;
color: #000 !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm.white .large-imgs-text-row .text p {
padding: 0 35px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#multiple-images-acm.grey .large-imgs-text-row .text {
background: transparent !important;
}
}
#double-image-rotator-acm {
margin-bottom: 40px;
}
#double-image-rotator-acm:after {
clear: both;
content: "";
display: table;
}
#double-image-rotator-acm .left-slider, #double-image-rotator-acm .right-slider {
width: calc(50% - 20px);
float: left;
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#double-image-rotator-acm .left-slider, #double-image-rotator-acm .right-slider {
width: 100%;
margin-bottom: 20px;
}
}
#double-image-rotator-acm .left-slider .overlay-img, #double-image-rotator-acm .right-slider .overlay-img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
max-width: 400px;
z-index: 1;
transform: translate(-50%, -50%);
}
#double-image-rotator-acm .left-slider .text, #double-image-rotator-acm .right-slider .text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
max-width: 400px;
z-index: 1;
transform: translate(-50%, -50%);
font: 400 30px/38px "bentonsans", Arial, sans-serif;
color: #ffffff;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#double-image-rotator-acm .left-slider .text span, #double-image-rotator-acm .right-slider .text span {
display: inline-block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#double-image-rotator-acm .left-slider .text, #double-image-rotator-acm .right-slider .text {
font: 400 26px/32px "bentonsans", Arial, sans-serif;
}
}
#double-image-rotator-acm .left-slider .text strong, #double-image-rotator-acm .right-slider .text strong {
font-weight: 700;
}
.cleanliness-layout #double-image-rotator-acm .left-slider .swiper-container .swiper-slide, .cleanliness-layout #double-image-rotator-acm .right-slider .swiper-container .swiper-slide {
transition-property: opacity;
}
#double-image-rotator-acm .left-slider .swiper-container .swiper-slide.slide-nofade, #double-image-rotator-acm .right-slider .swiper-container .swiper-slide.slide-nofade {
transition-duration: 1ms !important;
}
#double-image-rotator-acm .right-slider {
float: right;
}
#double-image-rotator-acm .image-bg {
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
box-sizing: border-box;
height: 600px;
width: 100%;
padding: 50px;
box-sizing: border-box;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#double-image-rotator-acm .image-bg {
height: 280px;
}
}
#two-bottom-tiles-acm {
border-top: 1px solid #A5A09A;
margin-top: 75px;
padding-top: 75px;
padding-bottom: 75px;
overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#two-bottom-tiles-acm {
margin-top: 45px;
padding-top: 45px;
}
}
#two-bottom-tiles-acm .item {
width: calc(50% - 20px);
float: left;
position: relative;
background-color: #948D8A;
display: block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#two-bottom-tiles-acm .item {
width: 100%;
margin-bottom: 20px;
}
}
#two-bottom-tiles-acm .item .container {
display: flex;
align-items: center;
justify-content: center;
height: 245px;
width: 100%;
padding: 50px;
box-sizing: border-box;
}
#two-bottom-tiles-acm .item .container .text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
max-width: 400px;
transform: translate(-50%, -50%);
font: 300 36px/40px "bentonsans", Arial, sans-serif;
color: #ffffff;
z-index: 1;
text-align: center;
text-transform: uppercase;
}
#two-bottom-tiles-acm .item .container .text div:last-child {
color: #2E2E2E;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#two-bottom-tiles-acm .item .container .text {
font: 400 28px/32px "bentonsans", Arial, sans-serif;
}
}
#two-bottom-tiles-acm .item .container .text strong {
font-weight: 700;
}
#two-bottom-tiles-acm .item.has-link .text:after {
content: "";
position: relative;
width: 36px;
height: 32px;
background: url("../images/common.svg") -433px -68px no-repeat;
display: block;
margin: 13px auto 0;
transform: translateX(-5px);
transition: all ease-in-out 200ms;
}
#two-bottom-tiles-acm .item.has-link:hover {
cursor: pointer;
}
#two-bottom-tiles-acm .item.has-link:hover .text:after {
transform: translateX(-2px);
}
#two-bottom-tiles-acm .item:nth-child(2n) {
float: right;
}
#two-bottom-tiles-acm .item a.link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
cursor: pointer;
}
.top-left .content-txt {
padding: 50px !important;
width: 300px;
left: 40px;
bottom: auto;
top: 40px;
}
.top-right .content-txt {
padding: 50px !important;
width: 300px;
right: 20px;
bottom: auto;
top: 40px;
}
.bottom-right .content-txt {
padding: 50px !important;
width: 300px;
right: 20px;
}
.bottom-left .content-txt {
padding: 50px !important;
width: 300px;
left: 40px;
}
#video-acm.center-column, #video-direct-acm.center-column {
padding: 0 80px 0 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#video-acm.center-column, #video-direct-acm.center-column {
padding: 0 !important;
}
}
#video-acm #video-container, #video-direct-acm #video-container {
position: relative;
width: 100%;
padding-top: 61%;
overflow: hidden;
}
@media only screen and (max-height: 850px) {
#video-acm #video-container, #video-direct-acm #video-container {
padding-top: 45%;
}
}
#video-acm #header-video, #video-acm #content-video, #video-direct-acm #header-video, #video-direct-acm #content-video {
display: none;
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#video-acm #header-video.visible, #video-acm #content-video.visible, #video-direct-acm #header-video.visible, #video-direct-acm #content-video.visible {
display: block;
}
#video-acm .video, #video-direct-acm .video {
width: 100%;
height: 100%;
overflow: hidden;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
}
#video-acm .video .video-overlay, #video-direct-acm .video .video-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
transition: background-color 200ms, opacity 200ms, visibility 200ms;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
#video-acm .video.hide-overlay .video-overlay, #video-direct-acm .video.hide-overlay .video-overlay {
opacity: 0;
visibility: hidden;
}
#video-acm .video .video-play-button, #video-acm .video .video-pause-button, #video-direct-acm .video .video-play-button, #video-direct-acm .video .video-pause-button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 117px;
height: 117px;
border-radius: 50%;
background: url("../images/sprite.svg") -468px -495px no-repeat;
opacity: 1;
visibility: visible;
transition: background-color 200ms, opacity 200ms, visibility 200ms;
cursor: pointer;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#video-acm .video .video-play-button, #video-acm .video .video-pause-button, #video-direct-acm .video .video-play-button, #video-direct-acm .video .video-pause-button {
width: 76px;
height: 76px;
background-position: -481px -382px;
}
}
#video-acm .video .video-play-button:hover, #video-acm .video .video-pause-button:hover, #video-direct-acm .video .video-play-button:hover, #video-direct-acm .video .video-pause-button:hover {
opacity: 0.8;
}
#video-acm .video .video-pause-button, #video-acm .video .video-stop-button, #video-direct-acm .video .video-pause-button, #video-direct-acm .video .video-stop-button {
display: none;
}
#video-acm .video .video-pause-button, #video-direct-acm .video .video-pause-button {
background-position: -322px -495px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#video-acm .video .video-pause-button, #video-direct-acm .video .video-pause-button {
background-position: -362px -382px;
}
}
#video-acm .video.hide-buttons .video-play-button, #video-direct-acm .video.hide-buttons .video-play-button {
opacity: 0;
visibility: hidden;
}
.videoplaying #video-acm .video:hover .video-pause-button, .videoplaying #video-acm .video:hover .video-stop-button, .videoplaying #video-direct-acm .video:hover .video-pause-button, .videoplaying #video-direct-acm .video:hover .video-stop-button {
display: block;
}
#video-acm .text, #video-direct-acm .text {
padding: 80px 0;
font: 400 14px/19px "bentonsans", Arial, sans-serif;
color: #535F6A;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#video-acm .text, #video-direct-acm .text {
padding: 55px 0;
font-size: 14px;
}
}
#video-acm.vimeo #video-container, #video-direct-acm.vimeo #video-container {
padding-top: 0;
}
#video-acm .embed-container, #video-direct-acm .embed-container {
position: relative;
width: 100%;
padding-top: 56%;
overflow: hidden;
}
#video-acm .embed-container .video-play-button, #video-acm .embed-container .video-pause-button, #video-direct-acm .embed-container .video-play-button, #video-direct-acm .embed-container .video-pause-button {
position: absolute;
left: calc(50% - 30px);
bottom: 33px;
width: 60px;
height: 60px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5) url("../images/sprite.svg") 0 -541px no-repeat;
opacity: 1;
visibility: visible;
transition: background-color 200ms, opacity 200ms, visibility 200ms;
cursor: pointer;
z-index: 999;
}
#video-acm .embed-container .video-play-button:hover, #video-acm .embed-container .video-pause-button:hover, #video-direct-acm .embed-container .video-play-button:hover, #video-direct-acm .embed-container .video-pause-button:hover {
background-color: rgba(0, 0, 0, 0.8);
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#video-acm .embed-container .video-play-button, #video-acm .embed-container .video-pause-button, #video-direct-acm .embed-container .video-play-button, #video-direct-acm .embed-container .video-pause-button {
bottom: 76px;
}
}
#video-acm .embed-container .video-pause-button, #video-acm .embed-container .video-stop-button, #video-direct-acm .embed-container .video-pause-button, #video-direct-acm .embed-container .video-stop-button {
display: none;
}
#video-acm .embed-container .video-pause-button, #video-direct-acm .embed-container .video-pause-button {
background-position: -60px -541px;
}
#video-acm .embed-container.hide-buttons .video-play-button, #video-direct-acm .embed-container.hide-buttons .video-play-button {
opacity: 0;
visibility: hidden;
}
.videoplaying #video-acm .embed-container:hover .video-pause-button, .videoplaying #video-acm .embed-container:hover .video-stop-button, .videoplaying #video-direct-acm .embed-container:hover .video-pause-button, .videoplaying #video-direct-acm .embed-container:hover .video-stop-button {
display: block;
}
#video-acm .embed-container iframe,
#video-acm .embed-container object,
#video-acm .embed-container embed, #video-direct-acm .embed-container iframe,
#video-direct-acm .embed-container object,
#video-direct-acm .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.no-top-image.custom #header {
margin-bottom: 0;
}
.no-top-image.custom #header .return-link {
position: absolute;
right: 20px;
top: 64px;
font: 14px/1.2 "bentonsans", Arial, sans-serif;
color: #A5A09B;
text-transform: uppercase;
letter-spacing: 1px;
}
@media only screen and (min-width: 1300px) {
.no-top-image.custom #header .return-link {
right: 68px;
top: 100px;
}
}
@media only screen and (min-width: 1600px) {
.no-top-image.custom #header .return-link {
right: 135px;
top: 150px;
}
}
@media only screen and (min-width: 1800px) {
.no-top-image.custom #header .return-link {
right: 135px;
top: 150px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom #header .return-link {
right: 20px;
top: 60px;
max-width: 100px;
}
}
.no-top-image.custom #header .return-link:hover {
color: #4D5760;
}
.no-top-image.custom.sticky-header #header .return-link {
top: 72px;
}
.no-top-image.custom .center-column {
max-width: none;
}
.no-top-image.custom #footer {
max-width: none;
margin: 0 auto;
padding: 0 20px;
}
@media only screen and (min-width: 1300px) {
.no-top-image.custom #footer {
padding: 0 68px;
}
}
@media only screen and (min-width: 1600px) {
.no-top-image.custom #footer {
padding: 0 135px;
}
}
.no-top-image.custom #footer .footer-inner {
border-top: 1px solid #AAA39F;
padding-top: 80px;
padding-bottom: 90px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom #footer .footer-inner {
padding-top: 40px;
padding-bottom: 50px;
}
}
.no-top-image.custom #footer .copyright {
display: inline-block;
margin-top: 75px;
}
.no-top-image.custom #footer #footer-menu {
margin-bottom: 0;
background: none;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom #footer #footer-menu li {
display: block;
margin: 0;
text-align: center;
}
}
.no-top-image.custom #footer #footer-menu li a {
margin-bottom: 0;
font: 14px/2 "bentonsans", Arial, sans-serif;
color: #A5A09B;
letter-spacing: 1px;
}
.no-top-image.custom #footer #footer-menu li:hover a {
color: #4D5760;
}
.no-top-image.custom .default-no-top-image-content {
padding: 50px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.no-top-image.custom .default-no-top-image-content {
padding: 25px 0 0 0;
}
}
.no-top-image.custom .default-no-top-image-content h1 {
max-width: 400px;
text-align: left;
font: 56px/48px "LeJeunePoster-Regular";
color: #4D5760;
padding: 13px 80px 13px 0;
box-sizing: border-box;
margin-bottom: 0;
border-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.no-top-image.custom .default-no-top-image-content h1 {
max-width: 280px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom .default-no-top-image-content h1 {
padding: 0;
max-width: 250px;
width: auto;
font-size: 48px;
margin-bottom: 25px;
margin-right: 30px;
border-right: none;
}
}
.no-top-image.custom .default-no-top-image-content p {
width: calc(100% - 400px);
text-align: left;
font: 18px/22px "bentonsans", Arial, sans-serif;
color: #555F69;
padding-left: 44px;
box-sizing: border-box;
margin-bottom: 0;
border-left: 1px solid #AAA39F;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.no-top-image.custom .default-no-top-image-content p {
padding-left: 30px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom .default-no-top-image-content p {
font-size: 14px;
padding-left: 0;
width: 100%;
float: none;
margin-bottom: 0;
border-left: none;
}
}
.no-top-image.custom.days #content {
padding-bottom: 0;
}
.no-top-image.custom.days #content + * {
margin-top: 80px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom.days #content + * {
margin-top: 50px;
}
}
.no-top-image.custom.days .head {
padding: 64px 0;
line-height: 48px;
}
.no-top-image.custom.days .head:after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom.days .head {
padding: 35px 0 40px;
}
}
.no-top-image.custom.days .head h1 {
font: 36px/48px "LeJeunePoster-Regular";
color: #4D5760;
text-align: left;
float: left;
margin: 0;
}
.no-top-image.custom.days .head h1 span:first-child {
color: #A5A09B;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom.days .head h1 {
float: none;
}
}
.no-top-image.custom.days .head #days {
margin: 0;
float: right;
display: inline-block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom.days .head #days {
float: none;
text-align: center;
margin-bottom: 40px;
}
}
.no-top-image.custom.days .head #days .day {
display: inline-block;
border-left: 1px solid #D8D8D8;
padding: 0;
line-height: 0;
}
.no-top-image.custom.days .head #days .day:before {
display: none;
}
.no-top-image.custom.days .head #days .day a {
color: #A5A09B;
font: 36px/1 "LeJeunePoster-Regular";
padding: 0 8px;
vertical-align: middle;
}
.no-top-image.custom.days .head #days .day:first-child {
border-left: none;
}
.no-top-image.custom.days .head #days .day.active a, .no-top-image.custom.days .head #days .day:hover a {
color: #4D5760;
}
.no-top-image.custom.days .days-content {
position: relative;
width: 100%;
padding-top: 61%;
overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.no-top-image.custom.days .days-content {
padding: 0;
}
}
.no-top-image.custom.days .days-content .img-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.no-top-image.custom.days .days-content .img-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.no-top-image.custom.days .days-content .img-bg:after {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.no-top-image.custom.days .days-content .img-bg {
padding-top: 61%;
position: relative;
bottom: auto;
left: auto;
right: 0;
top: 0;
margin-bottom: 30px;
}
}
.no-top-image.custom.days .days-content .content-txt {
z-index: 1;
position: absolute;
bottom: 0;
text-align: left;
color: #fff;
font: 400 16px/20px "bentonsans", Arial, sans-serif;
padding: 50px 10%;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.no-top-image.custom.days .days-content .content-txt {
position: relative;
bottom: auto;
color: #4D5760;
padding: 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom.days .days-content .content-txt {
font-size: 14px;
}
}
.no-top-image.custom.days .next-day-link-wrap {
text-align: right;
padding: 70px 0;
border-top: 1px solid #AAA39F;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom.days .next-day-link-wrap {
padding: 30px 0;
}
}
.no-top-image.custom.days .next-day-link-wrap .next-day-link {
font: 36px/1 "LeJeunePoster-Regular";
color: #4D5760;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom.days .next-day-link-wrap .next-day-link {
font-size: 32px;
line-height: 30px;
}
}
.no-top-image.custom.days .next-day-link-wrap .next-day-link span:first-child {
color: #A5A09B;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.no-top-image.custom.days .next-day-link-wrap .next-day-link span:first-child {
display: block;
}
}
.no-top-image.custom.days .next-day-link-wrap .next-day-link:after {
content: "";
display: inline-block;
width: 31px;
height: 21px;
margin-left: 20px;
margin-bottom: 2px;
background: url("../images/sprite.svg") -414px -47px no-repeat;
}
.two-photo #header {
margin-bottom: 0;
}
.two-photo #header .return-link {
position: absolute;
right: 20px;
top: 64px;
font: 14px/1.2 "bentonsans", Arial, sans-serif;
color: #A5A09B;
text-transform: uppercase;
letter-spacing: 1px;
}
@media only screen and (min-width: 1300px) {
.two-photo #header .return-link {
right: 68px;
top: 100px;
}
}
@media only screen and (min-width: 1600px) {
.two-photo #header .return-link {
right: 135px;
top: 150px;
}
}
@media only screen and (min-width: 1800px) {
.two-photo #header .return-link {
right: 135px;
top: 150px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.two-photo #header .return-link {
right: 20px;
top: 60px;
max-width: 100px;
}
}
.two-photo #header .return-link:hover {
color: #4D5760;
}
.two-photo.sticky-header #header .return-link {
top: 72px;
}
.two-photo #content {
padding-top: 84px;
}
@media only screen and (min-width: 1300px) {
.two-photo #content {
padding-top: 120px;
}
}
@media only screen and (min-width: 1600px) {
.two-photo #content {
padding-top: 192px;
}
}
.two-photo #content h1 {
display: none;
}
.two-photo #content > .center-column .page-content-wrapper {
padding: 0;
}
.two-photo .additional-content-block {
margin-bottom: 74px;
}
.alternating-blocks {
padding: 0 80px 0 0;
margin: 80px 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.alternating-blocks {
padding-right: 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.alternating-blocks {
margin: 40px 0;
}
}
.alternating-blocks .grid-item {
overflow: hidden;
padding: 80px 0;
position: relative;
}
.alternating-blocks .grid-item:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 160px;
}
.alternating-blocks .grid-item:first-of-type:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
background: #555f69;
height: 1px;
width: 160px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.alternating-blocks .grid-item {
padding: 40px 0;
}
}
.alternating-blocks .grid-item .img-side, .alternating-blocks .grid-item .content-side {
float: right;
overflow: hidden;
}
.alternating-blocks .grid-item .img-side {
width: calc(100% - 400px);
position: relative;
padding-top: 40%;
background-color: #D8D8D8;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.alternating-blocks .grid-item .img-side {
width: 100%;
margin-bottom: 28px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.alternating-blocks .grid-item .img-side {
padding-top: 70%;
}
}
.alternating-blocks .grid-item .content-side {
font-size: 0;
height: auto;
width: 400px;
box-sizing: border-box;
padding-right: 65px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.alternating-blocks .grid-item .content-side {
width: 100%;
padding-right: 0;
}
}
.alternating-blocks .grid-item .content-side .inner-wrapper {
text-align: left;
font-size: 14px;
line-height: 28px;
display: inline-block;
}
.alternating-blocks .grid-item .content-side .inner-wrapper .title {
font: 300 27px/30px "bentonsans", Arial, sans-serif;
letter-spacing: -1.1px;
color: #555f69;
text-transform: uppercase;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.alternating-blocks .grid-item .content-side .inner-wrapper .title {
font: 300 20px/24px "bentonsans", Arial, sans-serif;
}
}
.alternating-blocks .grid-item .content-side .inner-wrapper .page-content {
position: relative;
}
.alternating-blocks .grid-item .content-side .inner-wrapper .page-content p {
line-height: 20px;
}
.alternating-blocks .grid-item .content-side .inner-wrapper .page-content + .additional-text {
padding-top: 20px;
}
.alternating-blocks .grid-item .content-side .inner-wrapper .page-content + .additional-text:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 1px;
background: #999490;
margin: 0;
border-radius: 0;
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav {
margin-top: 4px;
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav .link {
position: relative;
display: block;
color: #999490;
font-size: 13px;
line-height: 1.3;
font-weight: 600;
text-transform: uppercase;
padding: 23px 0 0;
margin-top: 10px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.alternating-blocks .grid-item .content-side .inner-wrapper nav .link {
display: block;
}
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav .link:before, .alternating-blocks .grid-item .content-side .inner-wrapper nav .link:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 1px;
background: #999490;
margin: 0;
border-radius: 0;
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav .link:after {
top: auto;
bottom: 0;
display: none;
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav .link:hover {
color: #555f69;
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav .link em {
position: relative;
display: inline;
font-style: normal;
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav .link em:after {
content: ">";
position: relative;
display: inline-block;
margin-left: 8px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.alternating-blocks .grid-item .content-side .inner-wrapper nav .link + .link {
margin-left: 0;
margin-top: 20px;
}
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav.additional-text-available .link {
padding: 20px 0;
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav.additional-text-available .link:after {
display: block;
}
.alternating-blocks .grid-item .content-side .inner-wrapper nav + .additional-text {
margin-top: 20px;
}
.alternating-blocks .grid-item.even .img-side {
float: left;
}
.alternating-blocks .grid-item.even .content-side {
padding-right: 0;
padding-left: 65px;
float: right;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.alternating-blocks .grid-item.even .content-side {
padding-left: 0;
}
}
.makers-blocks {
padding: 0 80px 0 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.makers-blocks {
padding-right: 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.makers-blocks {
margin: 40px 0;
}
}
.makers-blocks .grid-item {
overflow: hidden;
padding: 80px 0;
position: relative;
}
.makers-blocks .grid-item.no-padding-top {
padding-top: 0;
}
.makers-blocks .grid-item.with-bottom-line:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 160px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.makers-blocks .grid-item {
padding: 40px 0;
}
}
.makers-blocks .grid-item .img-side, .makers-blocks .grid-item .content-side {
float: right;
overflow: hidden;
}
.makers-blocks .grid-item .img-side {
width: calc(100% - 400px);
position: relative;
padding-top: 40%;
background-color: #D8D8D8;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.makers-blocks .grid-item .img-side {
width: 100%;
margin-bottom: 28px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.makers-blocks .grid-item .img-side {
padding-top: 70%;
}
}
.makers-blocks .grid-item .content-side {
font-size: 0;
height: auto;
width: 400px;
box-sizing: border-box;
padding-right: 65px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.makers-blocks .grid-item .content-side {
width: 100%;
padding-right: 0;
}
}
.makers-blocks .grid-item .content-side .inner-wrapper {
text-align: left;
font-size: 14px;
line-height: 28px;
display: inline-block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.makers-blocks .grid-item .content-side .inner-wrapper {
padding: 0 35px;
}
}
.makers-blocks .grid-item .content-side .inner-wrapper .title {
font: 300 27px/30px "bentonsans", Arial, sans-serif;
letter-spacing: -1.1px;
color: #555f69;
text-transform: uppercase;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.makers-blocks .grid-item .content-side .inner-wrapper .title {
font: 300 20px/24px "bentonsans", Arial, sans-serif;
}
}
.makers-blocks .grid-item .content-side .inner-wrapper .page-content {
position: relative;
}
.makers-blocks .grid-item .content-side .inner-wrapper .page-content p {
line-height: 20px;
}
.makers-blocks .grid-item .content-side .inner-wrapper .page-content + .additional-text {
padding-top: 20px;
}
.makers-blocks .grid-item .content-side .inner-wrapper .page-content + .additional-text:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 1px;
background: #999490;
margin: 0;
border-radius: 0;
}
.makers-blocks .grid-item .content-side .inner-wrapper nav {
margin-top: 4px;
}
.makers-blocks .grid-item .content-side .inner-wrapper nav .link {
position: relative;
display: inline-block;
color: #999490;
font-size: 13px;
line-height: 1.3;
font-weight: 600;
text-transform: uppercase;
padding: 23px 0 0;
margin-top: 10px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.makers-blocks .grid-item .content-side .inner-wrapper nav .link {
display: block;
}
}
.makers-blocks .grid-item .content-side .inner-wrapper nav .link:before, .makers-blocks .grid-item .content-side .inner-wrapper nav .link:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 1px;
background: #999490;
margin: 0;
border-radius: 0;
}
.makers-blocks .grid-item .content-side .inner-wrapper nav .link:after {
top: auto;
bottom: 0;
display: none;
}
.makers-blocks .grid-item .content-side .inner-wrapper nav .link:hover {
color: #555f69;
}
.makers-blocks .grid-item .content-side .inner-wrapper nav .link em {
position: relative;
display: inline;
font-style: normal;
}
.makers-blocks .grid-item .content-side .inner-wrapper nav .link em:after {
content: ">";
position: relative;
display: inline-block;
margin-left: 8px;
}
.makers-blocks .grid-item .content-side .inner-wrapper nav .link + .link {
margin-left: 70px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.makers-blocks .grid-item .content-side .inner-wrapper nav .link + .link {
margin-left: 0;
margin-top: 20px;
}
}
.makers-blocks .grid-item .content-side .inner-wrapper nav.additional-text-available .link {
padding: 20px 0;
}
.makers-blocks .grid-item .content-side .inner-wrapper nav.additional-text-available .link:after {
display: block;
}
.makers-blocks .grid-item .content-side .inner-wrapper nav + .additional-text {
margin-top: 20px;
}
.makers-blocks .grid-item.even .img-side {
float: left;
}
.makers-blocks .grid-item.even .content-side {
padding-right: 0;
padding-left: 65px;
float: right;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.makers-blocks .grid-item.even .content-side {
padding-left: 0;
}
}
.testimonials {
position: relative;
padding: 0;
z-index: 10;
box-sizing: border-box;
overflow: hidden;
margin: 80px 0 28px 0;
width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.testimonials {
margin-top: 40px;
margin-bottom: 0;
}
}
.testimonials .testimonials-wrapper {
position: relative;
}
.testimonials .wrapper {
position: relative;
width: 100%;
}
.testimonials .slide {
display: none;
position: relative;
float: left;
width: 100%;
height: auto;
overflow: hidden;
z-index: 1;
color: #555f69;
padding: 44px 0 70px 126px;
border-right: 84px solid #fff;
box-sizing: border-box;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.testimonials .slide {
padding: 70px 0 40px 18px;
border-right: 0;
}
}
.testimonials .slide:before {
content: "";
display: block;
width: 53px;
height: 37px;
position: absolute;
left: 47px;
top: 37px;
background-image: url("../images/sprite.svg");
background-position: -530px 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.testimonials .slide:before {
top: 21px;
left: 18px;
}
}
.testimonials .slide .inner-wrapper {
position: absolute;
top: 44px;
right: 0;
bottom: 70px;
left: 126px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.testimonials .slide .inner-wrapper {
top: 73px;
bottom: 40px;
left: 18px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.testimonials .slide .inner-wrapper {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
}
.testimonials .slide .inner-wrapper .inner-second-wrapper {
position: relative;
width: 100%;
top: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.testimonials .slide .inner-wrapper-hidden {
display: none;
}
}
.testimonials .slide .text,
.testimonials .slide .name {
font: 200 29px/32px "bentonsans", Arial, sans-serif;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.testimonials .slide .text,
.testimonials .slide .name {
font: 200 18px/26px "bentonsans", Arial, sans-serif;
}
}
.testimonials .swiper-slide {
display: block;
}
.testimonials .swiper-pagination {
position: relative;
padding-right: 80px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.testimonials .swiper-pagination {
padding-right: 0;
}
}
.testimonials .swiper-pagination button {
width: 9px;
height: 9px;
margin: 2px 5px;
background: #D8D8D8;
overflow: hidden;
text-indent: -10000px;
font-size: 0;
opacity: 1;
transition: background 350ms ease-in-out;
}
.testimonials .swiper-pagination button.active {
background: #555f69;
}
.acm-content-wrapper:after {
clear: both;
content: "";
display: table;
}
.acm-content-wrapper.alt-content {
width: 100%;
}
@media only screen and (min-width: 1300px) {
.acm-content-wrapper.alt-content {
width: calc(100% + 64px);
}
}
.acm-content-wrapper.alt-content .left {
width: calc(100% - 180px);
padding-right: 108px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper.alt-content .left {
width: 100%;
padding-right: 0;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1140px) {
.acm-content-wrapper.alt-content .left {
width: calc(100% - 180px);
}
}
@media only screen and (min-width: 1300px) {
.acm-content-wrapper.alt-content .left {
width: calc(100% - 190px);
}
}
.acm-content-wrapper.alt-content .right {
border-left: none;
width: 180px;
padding: 0 0 20px 0;
}
.acm-content-wrapper.alt-content .right .side-title {
color: #326496;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper.alt-content .right .side-title {
margin-top: 15px;
}
}
.acm-content-wrapper.alt-content .right .side-text a {
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
.acm-content-wrapper.alt-content .right .side-text a:hover {
color: #326496;
}
.acm-content-wrapper.alt-content .right .side-text a:hover .arrow-link:before {
border-right-color: #326496;
border-bottom-color: #326496;
}
.acm-content-wrapper.alt-content .right .side-text a:hover .arrow-link:after {
background: #326496;
}
.acm-content-wrapper.alt-content .right .arrow-link {
display: block;
width: 17px;
height: 17px;
overflow: hidden;
text-indent: -9999px;
position: relative;
margin-top: 5px;
}
.acm-content-wrapper.alt-content .right .arrow-link:before, .acm-content-wrapper.alt-content .right .arrow-link:after {
content: "";
display: block;
position: absolute;
box-sizing: border-box;
top: 50%;
transform: translateY(-50%);
}
.acm-content-wrapper.alt-content .right .arrow-link:before {
width: 8px;
height: 8px;
border-right: 2px solid #555f69;
border-bottom: 2px solid #555f69;
transform: translateY(-50%) rotate(-45deg);
right: 3px;
}
.acm-content-wrapper.alt-content .right .arrow-link:after {
width: 10px;
height: 2px;
background: #555f69;
left: 3px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper.alt-content .right .arrow-link {
display: inline-block;
margin-top: 0;
}
}
.acm-content-wrapper.alt-content-wide .left {
width: calc(100% - (100% - 344px) / 3);
padding-right: 78px;
box-sizing: border-box;
}
.acm-content-wrapper.alt-content-wide .right {
width: calc((100% - 344px) / 3);
border-left: 0;
padding: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper.alt-content-wide .right {
border-top: none;
}
}
.acm-content-wrapper.alt-content-wide .right .wide-side-links {
text-align: left;
margin: 0;
}
.acm-content-wrapper.alt-content-wide .right .wide-side-links li {
padding: 22px 0 0;
margin-bottom: 22px;
position: relative;
}
.acm-content-wrapper.alt-content-wide .right .wide-side-links li:before {
content: "";
display: block;
background: #555f69;
width: 35px;
height: 1px;
left: 0;
top: 0;
margin: 0;
}
.acm-content-wrapper.alt-content-wide .right .wide-side-links li a {
font: 600 16px/22px "bentonsans", Arial, sans-serif;
text-transform: capitalize;
position: relative;
padding-right: 20px;
}
.acm-content-wrapper.alt-content-wide .right .wide-side-links li a:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
right: 0;
top: 50%;
border-top: 2px solid #6f6b67;
border-right: 2px solid #6f6b67;
transform: translateY(-50%) rotate(45deg);
}
.acm-content-wrapper.alt-content-wide .right .wide-side-links li a:hover {
color: #a4a4a4;
}
.acm-content-wrapper.alt-content-wide .right .wide-side-links li a:hover:after {
border-color: #a4a4a4;
}
.acm-content-wrapper > div {
float: left;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper > div {
float: none;
}
}
.acm-content-wrapper .left {
width: calc(100% - 220px);
padding-right: 54px;
box-sizing: border-box;
}
.acm-content-wrapper .left.alt-type {
padding-right: 160px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper .left {
width: 100% !important;
padding-right: 0 !important;
padding-bottom: 20px !important;
}
}
.acm-content-wrapper .right {
width: 220px;
border-left: 1px solid #555f69;
box-sizing: border-box;
padding: 20px 0 20px 40px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper .right {
border-left: none;
border-top: 1px solid #555f69;
padding: 20px;
width: 100% !important;
}
}
.acm-content-wrapper .right.alt-type .side-text {
text-transform: none;
font-weight: normal;
}
.acm-content-wrapper .right.alt-type .side-text:first-child {
font-weight: bold;
}
.acm-content-wrapper .right .side-title, .acm-content-wrapper .right a {
font-size: 18px;
line-height: 23px;
color: #555f69;
text-transform: uppercase;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-content-wrapper .right .side-title, .acm-content-wrapper .right a {
font-size: 17px;
line-height: 22px;
}
}
.acm-content-wrapper .right .side-title {
margin-bottom: 3px;
font-weight: bold;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper .right .side-title {
display: inline-block;
margin-bottom: 0;
margin-right: 20px;
vertical-align: top;
}
}
.acm-content-wrapper .right .side-text {
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #555f69;
margin-top: 13px;
padding-top: 16px;
position: relative;
}
.acm-content-wrapper .right .side-text:before {
content: "";
display: block;
width: 35px;
height: 1px;
position: absolute;
left: 3px;
top: 0;
background: #555f69;
}
.acm-content-wrapper .right .side-links {
margin: 0;
text-align: left;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper .right .side-links {
display: inline-block;
}
}
.acm-content-wrapper .right .side-links li {
padding-left: 0;
margin-bottom: 3px;
}
.acm-content-wrapper .right .side-links li:before {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper .right .side-links li {
display: inline-block;
margin-bottom: 0;
margin-right: 10px;
}
}
.acm-content-wrapper .right .side-links li a {
display: block;
font-weight: 500;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-content-wrapper .right .side-links li a {
text-align: center;
}
}
.acm-content-wrapper .right .side-links li a:after {
display: block;
content: attr(data-text);
font-weight: bold;
height: 0;
overflow: hidden;
visibility: hidden;
}
.acm-content-wrapper .right .side-links li a:hover, .acm-content-wrapper .right .side-links li a:focus {
font-weight: bold;
}
.two-images {
width: 100%;
display: table;
margin-bottom: 77px;
}
.two-images:after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.two-images {
margin-bottom: 40px;
}
}
.two-images .left-image, .two-images .right-image {
width: calc(50% - 40px);
background-size: cover;
background-position: center center;
float: left;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.two-images .left-image, .two-images .right-image {
background: none !important;
float: none;
width: 100%;
}
}
.two-images .left-image img, .two-images .right-image img {
opacity: 0;
visibility: hidden;
width: 100%;
height: auto;
display: block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.two-images .left-image img, .two-images .right-image img {
opacity: 1;
visibility: visible;
}
}
.two-images .left-image {
margin-right: 80px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.two-images .left-image {
margin-right: 0;
margin-bottom: 20px;
}
}
.custom-web-forms .controls .submit-btn {
margin-left: calc(30% + 20px);
width: 60%;
background: none;
border-bottom: 1px solid #555f69;
}
.three-per-row, .three-per-row-360-tour {
position: relative;
margin-top: 45px;
padding-top: 45px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.three-per-row, .three-per-row-360-tour {
padding-bottom: 45px;
}
}
.three-per-row:before, .three-per-row:after, .three-per-row-360-tour:before, .three-per-row-360-tour:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
background: #555f69;
height: 1px;
width: 160px;
}
.three-per-row:after, .three-per-row-360-tour:after {
top: auto;
bottom: 0;
}
.three-per-row.open .grid-wrapper, .three-per-row-360-tour.open .grid-wrapper {
opacity: 0.1;
}
.specials .three-per-row, .specials .three-per-row-360-tour {
margin-top: 0;
padding-top: 0;
}
.specials .three-per-row:before, .specials .three-per-row-360-tour:before {
display: none;
}
.three-per-row .grid-wrapper, .three-per-row-360-tour .grid-wrapper {
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
margin-left: -20px;
margin-right: -20px;
position: relative;
}
@media only screen and (min-width: 1224px) {
.three-per-row .grid-wrapper, .three-per-row-360-tour .grid-wrapper {
margin-left: -37px;
margin-right: -37px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.three-per-row .grid-wrapper, .three-per-row-360-tour .grid-wrapper {
margin-left: 0;
margin-right: 0;
}
}
.three-per-row .grid-wrapper.count-1, .three-per-row .grid-wrapper.count-2, .three-per-row-360-tour .grid-wrapper.count-1, .three-per-row-360-tour .grid-wrapper.count-2 {
display: block;
margin: 0;
text-align: left;
}
.three-per-row .grid-wrapper.count-1:after, .three-per-row .grid-wrapper.count-2:after, .three-per-row-360-tour .grid-wrapper.count-1:after, .three-per-row-360-tour .grid-wrapper.count-2:after {
clear: both;
content: "";
display: table;
}
.three-per-row .grid-wrapper.count-1 .grid-item, .three-per-row .grid-wrapper.count-2 .grid-item, .three-per-row-360-tour .grid-wrapper.count-1 .grid-item, .three-per-row-360-tour .grid-wrapper.count-2 .grid-item {
margin: 0;
float: left;
margin-right: 40px;
}
.three-per-row .grid-wrapper.count-1 .grid-item, .three-per-row .grid-wrapper.count-2 .grid-item, .three-per-row .grid-wrapper.count-3 .grid-item, .three-per-row-360-tour .grid-wrapper.count-1 .grid-item, .three-per-row-360-tour .grid-wrapper.count-2 .grid-item, .three-per-row-360-tour .grid-wrapper.count-3 .grid-item {
margin-bottom: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.three-per-row .grid-wrapper.count-1 .grid-item, .three-per-row .grid-wrapper.count-2 .grid-item, .three-per-row .grid-wrapper.count-3 .grid-item, .three-per-row-360-tour .grid-wrapper.count-1 .grid-item, .three-per-row-360-tour .grid-wrapper.count-2 .grid-item, .three-per-row-360-tour .grid-wrapper.count-3 .grid-item {
margin-bottom: 20px;
}
}
.three-per-row .grid-wrapper.count-1 .grid-item:after, .three-per-row .grid-wrapper.count-2 .grid-item:after, .three-per-row .grid-wrapper.count-3 .grid-item:after, .three-per-row-360-tour .grid-wrapper.count-1 .grid-item:after, .three-per-row-360-tour .grid-wrapper.count-2 .grid-item:after, .three-per-row-360-tour .grid-wrapper.count-3 .grid-item:after {
display: none !important;
}
.three-per-row .grid-wrapper .grid-item, .three-per-row-360-tour .grid-wrapper .grid-item {
position: relative;
width: calc(33.3333333333% - 74px);
padding-bottom: 24px;
margin: 0 35px 75px 35px;
display: inline-block;
vertical-align: top;
transition: width 400ms ease;
}
@media screen and (max-width: 1224px) {
.three-per-row .grid-wrapper .grid-item, .three-per-row-360-tour .grid-wrapper .grid-item {
margin: 0 18px 40px 18px;
}
}
@media screen and (max-width: 1140px) {
.three-per-row .grid-wrapper .grid-item, .three-per-row-360-tour .grid-wrapper .grid-item {
margin: 0 18px 40px 18px;
}
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.three-per-row .grid-wrapper .grid-item, .three-per-row-360-tour .grid-wrapper .grid-item {
width: calc(50% - 72px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.three-per-row .grid-wrapper .grid-item, .three-per-row-360-tour .grid-wrapper .grid-item {
width: 100%;
padding-bottom: 0;
margin: 0 !important;
}
.three-per-row .grid-wrapper .grid-item + .grid-item, .three-per-row-360-tour .grid-wrapper .grid-item + .grid-item {
margin-top: 40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.three-per-row .grid-wrapper .grid-item:after, .three-per-row-360-tour .grid-wrapper .grid-item:after {
display: none !important;
}
}
.three-per-row .grid-wrapper .grid-item:nth-child(3n+1):after, .three-per-row-360-tour .grid-wrapper .grid-item:nth-child(3n+1):after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 160px;
}
@media screen and (max-width: 1140px) {
.three-per-row .grid-wrapper .grid-item:nth-child(3n+1):after, .three-per-row-360-tour .grid-wrapper .grid-item:nth-child(3n+1):after {
display: none;
}
}
@media screen and (max-width: 1140px) {
.three-per-row .grid-wrapper .grid-item:nth-child(2n+1):after, .three-per-row-360-tour .grid-wrapper .grid-item:nth-child(2n+1):after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 160px;
}
}
.three-per-row .grid-wrapper .grid-item:nth-last-child(-n+3):after, .three-per-row-360-tour .grid-wrapper .grid-item:nth-last-child(-n+3):after {
display: none;
}
@media screen and (max-width: 1140px) {
.three-per-row .grid-wrapper .grid-item:nth-last-child(-n+3):after, .three-per-row-360-tour .grid-wrapper .grid-item:nth-last-child(-n+3):after {
display: block;
}
}
@media screen and (max-width: 1140px) {
.three-per-row .grid-wrapper .grid-item:nth-last-child(-n+2):after, .three-per-row-360-tour .grid-wrapper .grid-item:nth-last-child(-n+2):after {
display: none;
}
}
@media only screen and (min-width: 1140px) {
.three-per-row .grid-wrapper .grid-item:nth-child(3n+1).positioningChange .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item:nth-child(3n+1).positioningChange .inner-wrapper {
left: 0;
}
.three-per-row .grid-wrapper .grid-item:nth-child(3n+2).positioningChange .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item:nth-child(3n+2).positioningChange .inner-wrapper {
left: 50%;
transform: translateX(-50%);
}
.three-per-row .grid-wrapper .grid-item:nth-child(3n+3).positioningChange .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item:nth-child(3n+3).positioningChange .inner-wrapper {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.three-per-row .grid-wrapper .grid-item:nth-child(2n+1).positioningChange .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item:nth-child(2n+1).positioningChange .inner-wrapper {
left: 0;
}
.three-per-row .grid-wrapper .grid-item:nth-child(2n+2).positioningChange .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item:nth-child(2n+2).positioningChange .inner-wrapper {
right: 0;
}
}
.three-per-row .grid-wrapper .grid-item .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item .inner-wrapper {
width: 100%;
background: #fff;
transition: width 400ms ease;
}
.three-per-row .grid-wrapper .grid-item.positioningChange .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item.positioningChange .inner-wrapper {
z-index: 12;
position: absolute;
}
.three-per-row .grid-wrapper .grid-item .content .page-content.full-text, .three-per-row-360-tour .grid-wrapper .grid-item .content .page-content.full-text {
padding-bottom: 50px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.three-per-row .grid-wrapper .grid-item.expanded, .three-per-row-360-tour .grid-wrapper .grid-item.expanded {
width: 100%;
height: auto !important;
}
}
.three-per-row .grid-wrapper .grid-item.expanded:after, .three-per-row-360-tour .grid-wrapper .grid-item.expanded:after {
display: none;
}
.three-per-row .grid-wrapper .grid-item.expanded .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .inner-wrapper {
width: calc(300% + 146px);
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.three-per-row .grid-wrapper .grid-item.expanded .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .inner-wrapper {
width: 100%;
position: relative;
left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.three-per-row .grid-wrapper .grid-item.expanded .inner-wrapper, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .inner-wrapper {
width: calc(200% + 110px);
}
}
.three-per-row .grid-wrapper .grid-item.expanded .overlay-link, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .overlay-link {
display: none;
}
.three-per-row .grid-wrapper .grid-item.expanded .close-button, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .close-button {
display: block;
}
.three-per-row .grid-wrapper .grid-item.expanded .img, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .img {
padding-top: 45%;
}
@media screen and (max-width: 1224px) {
.three-per-row .grid-wrapper .grid-item.expanded .img, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .img {
padding-top: 400px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.three-per-row .grid-wrapper .grid-item.expanded .img, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .img {
padding-top: 60%;
}
}
.three-per-row .grid-wrapper .grid-item.expanded .content, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content {
margin: 50px 120px 0 0;
}
@media screen and (max-width: 1224px) {
.three-per-row .grid-wrapper .grid-item.expanded .content, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content {
margin: 40px 120px 0 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.three-per-row .grid-wrapper .grid-item.expanded .content, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content {
margin-right: 0;
}
}
.three-per-row .grid-wrapper .grid-item.expanded .content .big-title, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content .big-title {
display: block;
}
.three-per-row .grid-wrapper .grid-item.expanded .content .title-subtitle, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content .title-subtitle {
display: block;
}
.three-per-row .grid-wrapper .grid-item.expanded .content .title-offers, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content .title-offers {
display: none;
}
.three-per-row .grid-wrapper .grid-item.expanded .content .page-content.summary, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content .page-content.summary {
display: none;
}
.three-per-row .grid-wrapper .grid-item.expanded .content .page-content.full-text, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content .page-content.full-text {
display: block;
}
.three-per-row .grid-wrapper .grid-item.expanded .content .link.details, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content .link.details {
display: none;
}
.three-per-row .grid-wrapper .grid-item.expanded .content .link.hidden, .three-per-row-360-tour .grid-wrapper .grid-item.expanded .content .link.hidden {
display: inline-block;
}
.three-per-row .grid-wrapper .grid-item .overlay-link, .three-per-row-360-tour .grid-wrapper .grid-item .overlay-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
text-indent: -100em;
background: #fff;
opacity: 0;
transition: 350ms ease-in-out;
z-index: 10;
}
.three-per-row .grid-wrapper .grid-item .overlay-link:hover, .three-per-row-360-tour .grid-wrapper .grid-item .overlay-link:hover {
opacity: 0.3;
}
.three-per-row .grid-wrapper .grid-item .close-button, .three-per-row-360-tour .grid-wrapper .grid-item .close-button {
position: absolute;
top: 20px;
left: 20px;
width: 74px;
height: 74px;
border-radius: 100%;
background: rgba(255, 255, 255, 0.5);
transition: 350ms ease-in-out;
display: none;
}
.three-per-row .grid-wrapper .grid-item .close-button:hover, .three-per-row-360-tour .grid-wrapper .grid-item .close-button:hover {
background: rgba(255, 255, 255, 0.7);
}
.three-per-row .grid-wrapper .grid-item .close-button em, .three-per-row-360-tour .grid-wrapper .grid-item .close-button em {
font-size: 0;
opacity: 0;
}
.three-per-row .grid-wrapper .grid-item .close-button:before, .three-per-row .grid-wrapper .grid-item .close-button:after, .three-per-row-360-tour .grid-wrapper .grid-item .close-button:before, .three-per-row-360-tour .grid-wrapper .grid-item .close-button:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 22px;
background: #2e2e2e;
transform: translate(-50%, -50%) rotate(-45deg);
}
.three-per-row .grid-wrapper .grid-item .close-button:after, .three-per-row-360-tour .grid-wrapper .grid-item .close-button:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.three-per-row .grid-wrapper .grid-item .image-link, .three-per-row-360-tour .grid-wrapper .grid-item .image-link {
background: #2e2e2e;
display: block;
}
.three-per-row .grid-wrapper .grid-item .image-link .img, .three-per-row-360-tour .grid-wrapper .grid-item .image-link .img {
transition: opacity 200ms ease;
}
.three-per-row .grid-wrapper .grid-item .image-link:hover .img, .three-per-row-360-tour .grid-wrapper .grid-item .image-link:hover .img {
opacity: 0.8;
}
.three-per-row .grid-wrapper .grid-item .img, .three-per-row-360-tour .grid-wrapper .grid-item .img {
width: 100%;
padding-top: 100%;
background-color: #a4a4a4;
background-size: cover;
background-position: center center;
transition: padding 400ms ease;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.three-per-row .grid-wrapper .grid-item .img, .three-per-row-360-tour .grid-wrapper .grid-item .img {
padding-top: 60%;
}
}
.three-per-row .grid-wrapper .grid-item .content, .three-per-row-360-tour .grid-wrapper .grid-item .content {
margin-top: 28px;
}
.three-per-row .grid-wrapper .grid-item .content .big-title, .three-per-row-360-tour .grid-wrapper .grid-item .content .big-title {
font: 300 24px/1.4 "bentonsans", Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 12px;
color: #555f69;
display: none;
}
.three-per-row .grid-wrapper .grid-item .content .title, .three-per-row-360-tour .grid-wrapper .grid-item .content .title {
font: bold 18px/22px "bentonsans", Arial, sans-serif;
color: #555f69;
margin-bottom: 9px;
}
.three-per-row .grid-wrapper .grid-item .content .title-subtitle, .three-per-row-360-tour .grid-wrapper .grid-item .content .title-subtitle {
display: none;
}
.three-per-row .grid-wrapper .grid-item .content .page-content, .three-per-row-360-tour .grid-wrapper .grid-item .content .page-content {
font: 400 14px/20px "bentonsans", Arial, sans-serif;
color: #555f69;
padding-bottom: 12px;
position: relative;
}
.three-per-row .grid-wrapper .grid-item .content .page-content.summary, .three-per-row-360-tour .grid-wrapper .grid-item .content .page-content.summary {
display: block;
}
.three-per-row .grid-wrapper .grid-item .content .page-content.full-text, .three-per-row-360-tour .grid-wrapper .grid-item .content .page-content.full-text {
display: none;
}
.three-per-row .grid-wrapper .grid-item .content .page-content p, .three-per-row-360-tour .grid-wrapper .grid-item .content .page-content p {
line-height: 20px;
}
.three-per-row .grid-wrapper .grid-item .content .link, .three-per-row-360-tour .grid-wrapper .grid-item .content .link {
display: inline-block;
margin-top: 12px;
font-size: 13px;
line-height: 1.3;
font-weight: 600;
color: #999490;
position: relative;
text-transform: uppercase;
padding-right: 20px;
}
.three-per-row .grid-wrapper .grid-item .content .link:before, .three-per-row-360-tour .grid-wrapper .grid-item .content .link:before {
content: "";
display: block;
position: absolute;
left: 0;
top: -14px;
background: #999490;
height: 1px;
width: 45px;
}
.three-per-row .grid-wrapper .grid-item .content .link:after, .three-per-row-360-tour .grid-wrapper .grid-item .content .link:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
right: 0;
top: 50%;
border-top: 2px solid #999490;
border-right: 2px solid #999490;
transform: translateY(-50%) rotate(45deg);
}
.three-per-row .grid-wrapper .grid-item .content .link:hover, .three-per-row-360-tour .grid-wrapper .grid-item .content .link:hover {
color: #555f69;
}
.three-per-row .grid-wrapper .grid-item .content .link:hover:after, .three-per-row-360-tour .grid-wrapper .grid-item .content .link:hover:after {
border-color: #555f69;
}
.three-per-row .grid-wrapper .grid-item .content .link.hidden, .three-per-row-360-tour .grid-wrapper .grid-item .content .link.hidden {
display: none;
}
.three-per-row .grid-wrapper .grid-item {
padding-bottom: 50px;
margin: 0 35px 60px 35px;
}
.three-per-row.has-open-element .grid-item {
opacity: 0.1;
}
.three-per-row.has-open-element .grid-item.expanded {
opacity: 1;
}
.three-per-row-360-tour {
padding-top: 0;
margin-top: 0;
}
.three-per-row-360-tour button {
text-align: left;
}
.three-per-row-360-tour .iframe-wrapper {
position: absolute;
width: 100%;
padding-top: 50%;
opacity: 0;
z-index: -1;
transition: z-index 400ms ease, opacity 400ms ease;
background: #fff;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.three-per-row-360-tour .iframe-wrapper {
padding-top: 85%;
}
}
.three-per-row-360-tour .iframe-wrapper.visible {
z-index: 10;
opacity: 1;
}
.three-per-row-360-tour .iframe-wrapper .close-iframe-wrapper {
display: block;
width: 80px;
height: 80px;
position: absolute;
left: 20px;
top: 20px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
text-indent: -9999px;
overflow: hidden;
z-index: 11;
transition: background 200ms ease;
}
.three-per-row-360-tour .iframe-wrapper .close-iframe-wrapper:before, .three-per-row-360-tour .iframe-wrapper .close-iframe-wrapper:after {
content: "";
display: block;
width: 2px;
height: 20px;
background: #555f69;
position: absolute;
left: 50%;
top: 50%;
transition: background 200ms ease;
}
.three-per-row-360-tour .iframe-wrapper .close-iframe-wrapper:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.three-per-row-360-tour .iframe-wrapper .close-iframe-wrapper:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.three-per-row-360-tour .iframe-wrapper .close-iframe-wrapper:hover {
background: rgba(85, 95, 105, 0.9);
}
.three-per-row-360-tour .iframe-wrapper .close-iframe-wrapper:hover:before, .three-per-row-360-tour .iframe-wrapper .close-iframe-wrapper:hover:after {
background: #fff;
}
.three-per-row-360-tour .iframe-wrapper iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.acm-gallery {
position: relative;
}
.acm-gallery.visible .gallery {
opacity: 0.1;
}
.acm-gallery .gallery {
width: 100%;
padding-top: 50%;
position: relative;
margin-bottom: 80px;
opacity: 1;
transition: opacity 400ms ease;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-gallery .gallery {
margin-bottom: 14px;
padding-top: 85%;
}
}
.acm-gallery .gallery.style-3 article:nth-child(1) {
width: calc(30% - 40px);
height: calc(50% - 40px);
top: 0;
left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery.style-3 article:nth-child(1) {
width: calc(30% - 20px);
height: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-gallery .gallery.style-3 article:nth-child(1) {
width: 100%;
height: calc(50% - 7px);
}
}
.acm-gallery .gallery.style-3 article:nth-child(2) {
width: calc(30% - 40px);
height: calc(50% - 40px);
bottom: 0;
left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery.style-3 article:nth-child(2) {
width: calc(30% - 20px);
height: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-gallery .gallery.style-3 article:nth-child(2) {
width: calc(50% - 7px);
height: calc(50% - 7px);
}
}
.acm-gallery .gallery.style-3 article:nth-child(3) {
height: 100%;
width: calc(70% - 40px);
top: 0;
right: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery.style-3 article:nth-child(3) {
width: calc(70% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-gallery .gallery.style-3 article:nth-child(3) {
width: calc(50% - 7px);
height: calc(50% - 7px);
top: auto;
bottom: 0;
}
}
.acm-gallery .gallery.style-2 article {
height: 100%;
top: 0;
}
.acm-gallery .gallery.style-2 article:nth-child(1) {
width: calc(60% - 40px);
left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery.style-2 article:nth-child(1) {
width: calc(60% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-gallery .gallery.style-2 article:nth-child(1) {
width: 100%;
height: calc(50% - 7px);
}
}
.acm-gallery .gallery.style-2 article:nth-child(2) {
width: calc(40% - 40px);
right: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery.style-2 article:nth-child(2) {
width: calc(40% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-gallery .gallery.style-2 article:nth-child(2) {
width: 100%;
height: calc(50% - 7px);
top: auto;
bottom: 0;
}
}
.acm-gallery .gallery.style-2-alt article {
height: 100%;
top: 0;
}
.acm-gallery .gallery.style-2-alt article:nth-child(1) {
width: calc(50% - 40px);
left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery.style-2-alt article:nth-child(1) {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-gallery .gallery.style-2-alt article:nth-child(1) {
width: 100%;
height: calc(50% - 7px);
}
}
.acm-gallery .gallery.style-2-alt article:nth-child(2) {
width: calc(50% - 40px);
right: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery.style-2-alt article:nth-child(2) {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-gallery .gallery.style-2-alt article:nth-child(2) {
width: 100%;
height: calc(50% - 7px);
top: auto;
bottom: 0;
}
}
.acm-gallery .gallery article {
position: absolute;
background-size: cover;
background-position: center center;
}
.acm-gallery .gallery article a {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
text-indent: -9999px;
cursor: pointer;
z-index: 1;
transition: background 200ms ease;
}
.acm-gallery .gallery article a:hover {
background: rgba(0, 0, 0, 0.2);
}
.acm-gallery .gallery article a.view-gallery {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery article a.view-gallery {
display: block;
}
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-gallery .gallery article a.view-gallery-new {
display: none;
}
}
.acm-gallery .gallery-slider {
position: absolute;
width: 100%;
padding-top: 50%;
opacity: 0;
z-index: -1;
transition: z-index 400ms ease, opacity 400ms ease;
}
.acm-gallery .gallery-slider.visible {
z-index: 10;
opacity: 1;
}
.acm-gallery .gallery-slider .close-gallery-slider {
display: block;
width: 80px;
height: 80px;
position: absolute;
left: 20px;
top: 20px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
text-indent: -9999px;
overflow: hidden;
z-index: 11;
transition: background 200ms ease;
}
.acm-gallery .gallery-slider .close-gallery-slider:before, .acm-gallery .gallery-slider .close-gallery-slider:after {
content: "";
display: block;
width: 2px;
height: 20px;
background: #555f69;
position: absolute;
left: 50%;
top: 50%;
transition: background 200ms ease;
}
.acm-gallery .gallery-slider .close-gallery-slider:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.acm-gallery .gallery-slider .close-gallery-slider:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.acm-gallery .gallery-slider .close-gallery-slider:hover {
background: rgba(85, 95, 105, 0.9);
}
.acm-gallery .gallery-slider .close-gallery-slider:hover:before, .acm-gallery .gallery-slider .close-gallery-slider:hover:after {
background: #fff;
}
.acm-gallery .gallery-slider .gallery-slider-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.acm-gallery .gallery-slider .slide {
background-size: cover;
background-position: center center;
}
.acm-gallery .swiper-controls {
position: absolute;
height: 110px;
top: -110px;
right: 0;
}
.acm-gallery .swiper-controls button {
display: inline-block;
width: 30px;
height: 30px;
border: 2px solid #6f6b67;
border-radius: 50%;
overflow: hidden;
text-indent: -9999px;
margin: 0 12px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.acm-gallery .swiper-controls button:before {
content: "";
display: block;
height: 2px;
width: 12px;
background: #6f6b67;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.acm-gallery .swiper-controls button:after {
content: "";
display: block;
width: 10px;
height: 10px;
box-sizing: border-box;
border-top: 2px solid #6f6b67;
border-right: 2px solid #6f6b67;
position: absolute;
top: 50%;
left: 50%;
}
.acm-gallery .swiper-controls button.swipe-prev:after {
transform: translate(-50%, -50%) rotate(-135deg);
}
.acm-gallery .swiper-controls button.swipe-next:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.acm-gallery .swiper-controls button:hover {
background: #555f69;
}
.acm-gallery .swiper-controls button:hover:before {
background: #fff;
}
.acm-gallery .swiper-controls button:hover:after {
border-top-color: #fff;
border-right-color: #fff;
}
.acm-video-gallery {
position: relative;
}
.acm-video-gallery.open .video-gallery {
opacity: 0.1;
}
.acm-video-gallery .video-gallery {
width: 100%;
padding-top: 50%;
position: relative;
margin-bottom: 80px;
opacity: 1;
transition: opacity 400ms ease;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-video-gallery .video-gallery {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-video-gallery .video-gallery {
margin-bottom: 14px;
padding-top: 85%;
}
}
.acm-video-gallery .video-gallery.style-3 article:nth-child(1) {
width: calc(30% - 40px);
height: calc(50% - 40px);
top: 0;
left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-video-gallery .video-gallery.style-3 article:nth-child(1) {
width: calc(30% - 20px);
height: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-video-gallery .video-gallery.style-3 article:nth-child(1) {
width: 100%;
height: calc(50% - 7px);
}
}
.acm-video-gallery .video-gallery.style-3 article:nth-child(2) {
width: calc(30% - 40px);
height: calc(50% - 40px);
bottom: 0;
left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-video-gallery .video-gallery.style-3 article:nth-child(2) {
width: calc(30% - 20px);
height: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-video-gallery .video-gallery.style-3 article:nth-child(2) {
width: calc(50% - 7px);
height: calc(50% - 7px);
}
}
.acm-video-gallery .video-gallery.style-3 article:nth-child(3) {
height: 100%;
width: calc(70% - 40px);
top: 0;
right: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-video-gallery .video-gallery.style-3 article:nth-child(3) {
width: calc(70% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-video-gallery .video-gallery.style-3 article:nth-child(3) {
width: calc(50% - 7px);
height: calc(50% - 7px);
top: auto;
bottom: 0;
}
}
.acm-video-gallery .video-gallery.style-2 article {
height: 100%;
top: 0;
}
.acm-video-gallery .video-gallery.style-2 article:nth-child(1) {
width: calc(60% - 40px);
left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-video-gallery .video-gallery.style-2 article:nth-child(1) {
width: calc(60% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-video-gallery .video-gallery.style-2 article:nth-child(1) {
width: 100%;
height: calc(50% - 7px);
}
}
.acm-video-gallery .video-gallery.style-2 article:nth-child(2) {
width: calc(40% - 40px);
right: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-video-gallery .video-gallery.style-2 article:nth-child(2) {
width: calc(40% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-video-gallery .video-gallery.style-2 article:nth-child(2) {
width: 100%;
height: calc(50% - 7px);
top: auto;
bottom: 0;
}
}
.acm-video-gallery .video-gallery.style-2-alt article {
height: 100%;
top: 0;
}
.acm-video-gallery .video-gallery.style-2-alt article:nth-child(1) {
width: calc(50% - 40px);
left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-video-gallery .video-gallery.style-2-alt article:nth-child(1) {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-video-gallery .video-gallery.style-2-alt article:nth-child(1) {
width: 100%;
height: calc(50% - 7px);
}
}
.acm-video-gallery .video-gallery.style-2-alt article:nth-child(2) {
width: calc(50% - 40px);
right: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-video-gallery .video-gallery.style-2-alt article:nth-child(2) {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-video-gallery .video-gallery.style-2-alt article:nth-child(2) {
width: 100%;
height: calc(50% - 7px);
top: auto;
bottom: 0;
}
}
.acm-video-gallery .video-gallery article {
position: absolute;
background-size: cover;
background-position: center center;
}
.acm-video-gallery .video-gallery article a {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
text-indent: -9999px;
cursor: pointer;
z-index: 1;
transition: background 200ms ease;
}
.acm-video-gallery .video-gallery article a:before {
content: "";
display: block;
position: absolute;
right: 20px;
bottom: 20px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 20px solid rgba(255, 255, 255, 0.5);
}
.acm-video-gallery .video-gallery article a:hover {
background: rgba(0, 0, 0, 0.2);
}
.acm-video-gallery .video-gallery article a:hover:before {
border-left: 20px solid white;
}
.acm-video-gallery .video-gallery-popup {
position: absolute;
width: 100%;
padding-top: 50%;
opacity: 0;
z-index: -1;
transition: z-index 400ms ease, opacity 400ms ease;
background: #000;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-video-gallery .video-gallery-popup {
padding-top: 85%;
}
}
.acm-video-gallery .video-gallery-popup.visible {
z-index: 10;
opacity: 1;
}
.acm-video-gallery .video-gallery-popup .close-video-gallery-popup {
display: block;
width: 80px;
height: 80px;
position: absolute;
left: 20px;
top: 20px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
text-indent: -9999px;
overflow: hidden;
z-index: 11;
transition: background 200ms ease;
}
.acm-video-gallery .video-gallery-popup .close-video-gallery-popup:before, .acm-video-gallery .video-gallery-popup .close-video-gallery-popup:after {
content: "";
display: block;
width: 2px;
height: 20px;
background: #555f69;
position: absolute;
left: 50%;
top: 50%;
transition: background 200ms ease;
}
.acm-video-gallery .video-gallery-popup .close-video-gallery-popup:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.acm-video-gallery .video-gallery-popup .close-video-gallery-popup:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.acm-video-gallery .video-gallery-popup .close-video-gallery-popup:hover {
background: rgba(85, 95, 105, 0.9);
}
.acm-video-gallery .video-gallery-popup .close-video-gallery-popup:hover:before, .acm-video-gallery .video-gallery-popup .close-video-gallery-popup:hover:after {
background: #fff;
}
.acm-video-gallery .video-gallery-popup video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.three-column {
margin-top: 45px;
padding-top: 45px;
display: flex;
justify-content: space-between;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.three-column {
display: block;
}
}
.three-column .grid-col {
width: calc((100% - 344px) / 3);
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.three-column .grid-col {
width: 100%;
margin-bottom: 40px;
}
}
.three-column .grid-col .grid-item:last-of-type .content {
padding-bottom: 0;
margin-bottom: 0;
}
.three-column .grid-col .grid-item:last-of-type .content:before {
display: none;
}
.three-column .grid-col .grid-item .content {
padding-bottom: 15px;
margin-bottom: 22px;
position: relative;
}
.three-column .grid-col .grid-item .content:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 45px;
}
.three-column .grid-col .grid-item .content .title {
font: 400 18px/22px "bentonsans", Arial, sans-serif;
color: #555f69;
margin-bottom: 22px;
text-transform: uppercase;
}
.three-column .grid-col .grid-item .content .page-content {
font: 400 14px/23px "bentonsans", Arial, sans-serif;
color: #555f69;
position: relative;
}
.three-column .grid-col .grid-item .content .page-content a {
color: #555f69;
}
.three-column .grid-col .grid-item .content .page-content a:hover {
color: #326496;
}
.three-column .grid-col .grid-item .content .link {
display: inline-block;
margin-top: 5px;
font: 600 16px/27px "bentonsans", Arial, sans-serif;
color: #6f6b67;
position: relative;
text-transform: uppercase;
padding-right: 20px;
}
.three-column .grid-col .grid-item .content .link:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
right: 0;
top: 50%;
border-top: 2px solid #6f6b67;
border-right: 2px solid #6f6b67;
transform: translateY(-50%) rotate(45deg);
}
.three-column .grid-col .grid-item .content .link:hover {
color: #a4a4a4;
}
.three-column .grid-col .grid-item .content .link:hover:after {
border-color: #a4a4a4;
}
.acm-links-list {
margin: 20px 0;
}
.acm-links-list .list-group {
position: relative;
padding: 10px 0 8px 0;
margin: 0;
}
.acm-links-list .list-group + .list-group:before {
content: "";
position: absolute;
top: 0;
left: 2px;
width: 36px;
height: 1px;
background: #999490;
}
.acm-links-list .list-group li {
padding: 0;
}
.acm-links-list .list-group li:before {
display: none;
}
.acm-links-list .list-group a {
position: relative;
text-transform: uppercase;
color: #555f69;
}
.acm-links-list .list-group a:hover {
color: #999490;
}
.acm-links-list .list-group a:after {
content: ">";
position: relative;
display: inline-block;
margin-left: 10px;
}
.acm-poi {
position: relative;
margin: 70px 0 0;
padding-top: 70px;
}
.acm-poi:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
background: #555f69;
height: 1px;
width: 160px;
}
.acm-poi h2.main-title {
font: 400 27px/27px "bentonsans", Arial, sans-serif;
letter-spacing: -1.1px;
color: #555f69;
text-transform: uppercase;
margin-bottom: 70px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.acm-poi h2.main-title {
font: 400 20px/27px "bentonsans", Arial, sans-serif;
margin-bottom: 40px;
}
}
.acm-poi .poi {
padding-bottom: 0;
}
.acm-email-list .location {
position: relative;
padding-top: 16px;
padding-bottom: 10px;
color: #555f69;
}
.acm-email-list .location:before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #999490;
width: 36px;
height: 1px;
}
.acm-email-list .location h3 {
font-weight: 400 !important;
text-transform: uppercase;
margin-bottom: 6px;
}
.acm-email-list .location .row {
line-height: 1.2;
margin-bottom: 7px;
}
.acm-email-list .location .row .link {
font-weight: 700;
color: #999490;
}
.acm-email-list .location .row .link:hover {
color: #555f69;
}
.acm-two-columns {
display: flex;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-two-columns {
flex-direction: column;
}
}
.acm-two-columns > .main-column {
width: 100%;
}
.acm-two-columns .side-column {
flex-shrink: 0;
margin-left: 70px;
width: 300px;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.acm-two-columns .side-column {
margin-left: 40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.acm-two-columns .side-column {
margin-left: 0;
margin-top: 20px;
}
}
.contact-link {
display: inline-block;
margin-top: 35px;
margin-bottom: 70px;
font: 600 16px/24px "bentonsans", Arial, sans-serif;
color: #999490;
position: relative;
text-transform: uppercase;
padding: 38px 40px 38px 0;
height: auto;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.contact-link {
margin-bottom: 35px;
}
}
.contact-link:before, .contact-link:after {
content: "";
display: block;
width: 160px;
height: 1px;
background: #999490;
position: absolute;
left: 0;
}
.contact-link:before {
top: 0;
}
.contact-link:after {
bottom: 0;
}
.contact-link a {
color: #555f69;
}
.contact-link a:hover {
color: #999490;
}
.coming-soon-wrapper {
display: flex;
background-color: rgba(255, 255, 255, 0.95);
font-size: 13px;
position: relative;
padding: 20px 10px 10px 0;
}
.coming-soon-wrapper::before {
content: "";
width: 90%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background-color: #a4a4a4;
}
@media only screen and (min-width: 1140px) {
.coming-soon-wrapper {
padding: 46px 23px 36px 0;
}
}
@media only screen and (min-width: 1600px) {
.coming-soon-wrapper {
padding: 34px 37px 34px 0;
}
}
.coming-soon-wrapper .title-wrapper {
padding-top: 0 !important;
}
.coming-soon-wrapper .coming-soon-items {
position: relative;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
width: calc(100% - 120px);
}
.coming-soon-wrapper .coming-soon-items .coming-soon-item h3 {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
color: #7C726E;
font-weight: 600;
display: block;
text-decoration: none;
text-transform: uppercase;
white-space: normal;
}
.coming-soon-wrapper .coming-soon-items .coming-soon-item p {
font-size: 13px;
line-height: 25px;
color: #555f69;
font-family: "bentonsans", Arial, sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.coming-soon-wrapper .coming-soon-items .coming-soon-item a {
font-weight: 500;
}
#content .slideshow-video-acm {
overflow: hidden;
}
#content .slideshow-video-acm.center-column {
padding: 0 68px;
}
@media only screen and (max-height: 850px) {
#content .slideshow-video-acm.center-column {
padding: 0 !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#content .slideshow-video-acm.center-column {
padding: 0 !important;
}
}
#content .slideshow-video-acm .slideshow {
position: relative;
overflow: hidden;
padding-bottom: 92px;
}
#content .slideshow-video-acm .slideshow.center-column {
padding: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#content .slideshow-video-acm .slideshow.center-column {
padding: 0 !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#content .slideshow-video-acm .slideshow.one-slide-only {
margin-left: 0;
}
}
#content .slideshow-video-acm .slideshow.one-slide-only .slideshow-wrapper {
display: flex;
justify-content: center;
}
#content .slideshow-video-acm .slideshow.one-slide-only .slide {
width: 100%;
}
#content .slideshow-video-acm .slide {
display: inline-block;
position: relative;
vertical-align: top;
margin-bottom: 40px;
}
#content .slideshow-video-acm .slide .video-controls {
display: block;
position: absolute;
z-index: 9;
bottom: 3%;
right: 31%;
width: 77px;
height: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#content .slideshow-video-acm .slide .video-controls {
right: 50px;
}
}
#content .slideshow-video-acm .slide .video-controls button.control-mute {
height: 20px;
width: 23px;
background: url("../images/common-2.svg") -450px -39px;
font-size: 0;
cursor: pointer;
right: -17px;
top: 2px;
position: relative;
}
#content .slideshow-video-acm .slide .video-controls button.control-mute.muted {
background-position: -367px -39px;
}
#content .slideshow-video-acm .slide .video-controls button.control-fullscreen {
height: 20px;
width: 23px;
background: url("../images/fullscreen.svg") 0 0 no-repeat;
font-size: 0;
cursor: pointer;
}
#content .slideshow-video-acm .slide .thumb {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
padding-top: 42%;
overflow: hidden;
}
#content .slideshow-video-acm .slide .video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
#content .slideshow-video-acm .slide .video video, #content .slideshow-video-acm .slide .video iframe {
width: 70%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#content .slideshow-video-acm .slide .video .video-control {
display: none;
opacity: 0;
position: absolute;
width: 115px;
height: 115px;
left: 36%;
top: 49%;
border-radius: 50%;
font-size: 0;
text-indent: -9999em;
background: transparent;
transform: translate(-50%, -50%);
border: 8px solid rgba(255, 255, 255, 0.6);
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.5);
transition: background 350ms ease-in-out, opacity 350ms ease-in-out;
z-index: 1;
pointer-events: none;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#content .slideshow-video-acm .slide .video .video-control {
width: 76px;
height: 76px;
border: 5px solid rgba(255, 255, 255, 0.6);
}
}
#content .slideshow-video-acm .slide .video .video-control:hover {
background: none;
}
#content .slideshow-video-acm .slide .video .video-control:before, #content .slideshow-video-acm .slide .video .video-control:after {
content: "";
position: absolute;
top: 50%;
display: block;
width: 10px;
height: 50px;
background: #fff;
transform: translateY(-50%);
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#content .slideshow-video-acm .slide .video .video-control:before, #content .slideshow-video-acm .slide .video .video-control:after {
width: 8px;
height: 28px;
}
}
#content .slideshow-video-acm .slide .video .video-control:before {
left: 35px;
}
#content .slideshow-video-acm .slide .video .video-control:after {
right: 35px;
}
#content .slideshow-video-acm .slide .video .video-control.paused {
opacity: 1;
display: block;
}
#content .slideshow-video-acm .slide .video .video-control.paused:before {
display: none;
}
#content .slideshow-video-acm .slide .video .video-control.paused:after {
content: "";
position: absolute;
left: 50%;
right: auto;
top: 50%;
margin-left: 3px;
display: block;
width: 0;
height: 0;
border-top: 28px solid transparent;
border-left: 46px solid rgba(255, 255, 255, 0.6);
border-bottom: 28px solid transparent;
background: none;
transform: translate(-50%, -50%);
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#content .slideshow-video-acm .slide .video .video-control.paused:after {
border-top: 20px solid transparent;
border-left: 32px solid rgba(255, 255, 255, 0.6);
border-bottom: 20px solid transparent;
}
}
#content .slideshow-video-acm .slide .video iframe {
width: 100vw;
height: 56.25vw;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#content .slideshow-video-acm .slide:hover .thumb .video .video-control {
opacity: 0.8;
}
#content .slideshow-video-acm .slide.paused:hover .thumb .video .video-control {
opacity: 0;
}
#content .slideshow-video-acm .slide.paused:hover .thumb .video .video-control.paused {
opacity: 1;
}
#content .slideshow-video-acm .slide.swiper-slide-active .thumb .video .video-control {
display: block;
}
#content .slideshow-video-acm .slide.swiper-slide:not(.swiper-slide-active) .thumb:after {
opacity: 1;
}
#content .slideshow-video-acm .slide.swiper-slide:not(.swiper-slide-active) .slide-content {
opacity: 0;
}
#content .slideshow-video-acm .swiper-button-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 10;
}
#content .slideshow-video-acm .swiper-pagination-fraction, #content .slideshow-video-acm .swiper-pagination-custom, #content .slideshow-video-acm .swiper-container-horizontal > .swiper-pagination-bullets {
display: flex;
justify-content: center;
bottom: 20px;
}
#content .slideshow-video-acm .swiper-pagination-fraction .swiper-pagination-bullet, #content .slideshow-video-acm .swiper-pagination-custom .swiper-pagination-bullet, #content .slideshow-video-acm .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
float: left;
position: relative;
border: 1px solid #fff;
border-radius: 50%;
height: 15px;
width: 15px;
font-size: 0;
z-index: 1;
background: none;
transition: background 350ms ease-in-out;
cursor: pointer;
margin-left: 10px;
opacity: 1;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#content .slideshow-video-acm .swiper-pagination-fraction .swiper-pagination-bullet, #content .slideshow-video-acm .swiper-pagination-custom .swiper-pagination-bullet, #content .slideshow-video-acm .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
}
#content .slideshow-video-acm .swiper-pagination-fraction .swiper-pagination-bullet:hover, #content .slideshow-video-acm .swiper-pagination-custom .swiper-pagination-bullet:hover, #content .slideshow-video-acm .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover {
background-color: #fff;
}
#content .slideshow-video-acm .swiper-pagination-fraction .swiper-pagination-bullet.active, #content .slideshow-video-acm .swiper-pagination-custom .swiper-pagination-bullet.active, #content .slideshow-video-acm .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.active {
background-color: #fff;
}
.page-content:after {
clear: both;
content: "";
display: table;
}
.page-content .default-content-wrapper p, .page-content .acm-content-wrapper p {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
.page-content hr {
display: block;
height: 1px;
margin: 21px auto;
border: none;
background: #e5e3e2;
color: #e5e3e2;
}
.page-content h1, .page-content h2, .page-content h3 {
font-family: "bentonsans", Arial, sans-serif;
}
.page-content h4, .page-content h5, .page-content h6 {
color: #555f69;
}
.page-content h2, .page-content .h2,
.page-content h3, .page-content .h3 {
font-size: 18px;
line-height: 26px;
margin-bottom: 15px;
font-weight: 500;
color: #555f69;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content h2, .page-content .h2,
.page-content h3, .page-content .h3 {
font-size: 17px;
line-height: 25px;
}
}
.page-content h4, .page-content h5, .page-content h6 {
font-weight: 500;
}
.page-content h4, .page-content h5, .page-content h6, .page-content ul, .page-content ol, .page-content table {
margin-bottom: 15px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content h4, .page-content h5, .page-content h6, .page-content ul, .page-content ol, .page-content table {
margin-bottom: 16px;
}
}
.page-content strong {
font-weight: bold;
}
.page-content em {
font-style: italic;
}
.page-content u {
text-decoration: underline;
}
.page-content sup, .page-content sub {
font-size: 75%;
line-height: 0;
position: relative;
}
.page-content sup {
top: -0.5em;
}
.page-content sub {
bottom: -0.25em;
}
.page-content p {
line-height: 19px;
margin-bottom: 5px;
}
.page-content p:empty {
padding-bottom: 5px;
}
.page-content p, .page-content table {
overflow: visible;
}
.page-content ol {
list-style: decimal inside;
}
.page-content ol li {
list-style-position: outside;
margin-left: 15px;
}
.page-content ol ol {
list-style-type: lower-alpha;
}
.page-content ol ol ol {
list-style-type: lower-roman;
}
.page-content ol strong {
display: inline-block;
margin-bottom: 5px;
}
.page-content ol p strong {
margin-bottom: 0;
}
.page-content ul {
list-style: none;
}
.page-content ol, .page-content ul {
margin: 0 0 30px 0;
line-height: 18px;
}
.page-content ol ol, .page-content ul ul, .page-content ol ul, .page-content ul ol {
margin-top: 10px;
margin-bottom: 10px;
}
.page-content ol > li > ol, .page-content ol > li > ul {
margin-left: 20px;
}
.page-content ol li, .page-content ul li {
position: relative;
margin-bottom: 7px;
}
.page-content ul > li {
position: relative;
padding-left: 5px;
display: block;
}
.page-content ul > li:before {
content: "";
display: inline-block;
position: absolute;
border-radius: 50%;
top: 7px;
left: 0;
height: 2px;
width: 2px;
background: #555f69;
}
.page-content ul > li:hover:before {
background-color: #B0B0AF;
}
.page-content .dash {
width: 50px;
height: 1px;
background: #555f69;
margin: 20px 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content table {
overflow-x: auto;
display: block;
}
}
.page-content td, .page-content th, .page-content caption {
padding: 8px 16px;
text-align: left;
vertical-align: middle;
}
.page-content th, .page-content caption {
vertical-align: bottom;
padding-top: 0;
padding-bottom: 20px;
font: bold 14px/1 "bentonsans", Arial, sans-serif;
color: #2E2E2E;
}
.page-content td {
border-top: 1px solid #fff;
background: #fbfbfb;
}
.page-content .even td {
background: #f4f4f4;
}
.page-content table p {
margin: 5px;
}
.page-content .thumbnail {
max-width: 100%;
margin-bottom: 20px;
}
.page-content .thumbnail a {
display: block;
}
.page-content .thumbnail img {
display: block;
width: 100%;
}
.page-content .socials {
margin-bottom: 20px;
overflow: hidden;
}
.page-content .socials iframe {
width: 90px;
height: 21px;
}
.page-content a.pdf {
display: inline-block;
font-size: 12px;
line-height: 16px;
padding-left: 23px;
position: relative;
}
.page-content a.pdf:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 13px;
height: 16px;
background: url("../images/common.svg") -600px 0 no-repeat;
}
.page-content a.pdf:hover:after {
background-position: -633px 0;
}
.page-content a.pdf:active:after {
background-position: -666px 0;
}
.page-content a.pdf + .size {
color: #aaa;
font-size: 10px;
}
.page-content .hotel-location-map {
margin-bottom: 21px;
}
.page-content #socials iframe {
width: 90px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content table, .page-content thead, .page-content tbody, .page-content th, .page-content td, .page-content tr {
display: block;
}
.page-content thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.page-content td {
border: none;
position: relative;
padding-top: 40px;
}
.page-content td:before {
position: absolute;
top: 14px;
left: 16px;
white-space: nowrap;
}
.page-content td p {
margin-left: 0;
}
.page-content td:nth-of-type(1) {
display: none;
}
.page-content td:nth-of-type(1):before {
content: "Department";
font-weight: bold;
}
.page-content td:nth-of-type(2):before {
content: "Position";
font-weight: bold;
}
.page-content td:nth-of-type(3):before {
content: "Description";
font-weight: bold;
}
.page-content .table-wrapper {
overflow-x: auto;
}
.page-content table.responsive-table {
display: table;
}
.page-content table.responsive-table thead {
display: table-header-group;
}
.page-content table.responsive-table tbody {
display: table-row-group;
}
.page-content table.responsive-table tr {
display: table-row;
width: 500px;
}
.page-content table.responsive-table th, .page-content table.responsive-table td {
display: table-cell;
padding: 16px;
}
.page-content table.responsive-table th:nth-of-type(1), .page-content table.responsive-table td:nth-of-type(1) {
display: table-cell;
}
.page-content table.responsive-table th:nth-of-type(n):before, .page-content table.responsive-table td:nth-of-type(n):before {
content: "";
}
.page-content table.responsive-table th .table-cell, .page-content table.responsive-table td .table-cell {
min-width: 150px;
}
}
.page-content.flex-content {
display: flex;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content.flex-content {
flex-direction: column;
}
}
.page-content.flex-content .sidebar-menu {
flex-shrink: 0;
margin-left: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.page-content.flex-content .sidebar-menu {
margin-left: 40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content.flex-content .sidebar-menu {
margin-left: 0;
margin-top: 20px;
}
}
.page-content.flex-content .sidebar-menu.rooms-sidebar {
width: 180px;
margin-right: 0;
}
@media only screen and (min-width: 1600px) {
.page-content.flex-content .sidebar-menu.rooms-sidebar {
margin-right: -65px;
}
}
@media only screen and (min-width: 1300px) {
.page-content.flex-content .sidebar-menu.rooms-sidebar {
width: 130px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content.flex-content .sidebar-menu.rooms-sidebar {
width: 100%;
}
}
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li {
position: relative;
padding: 17px 0 16px 0;
color: #999490;
text-transform: uppercase;
font-size: 13px;
line-height: 1.3;
font-weight: 600;
margin-bottom: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li {
padding: 26px 0 25px 0;
}
}
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li:before {
position: absolute;
top: 0;
left: 2px;
width: 34px;
height: 1px;
background: #999490;
margin: 0;
border-radius: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li:before {
left: 0;
width: 100%;
}
}
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li a {
position: relative;
display: block;
color: inherit;
}
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li a:hover, .page-content.flex-content .sidebar-menu.rooms-sidebar ul li a.active {
color: #555f69;
}
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li a.active em {
padding-right: 0;
}
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li a.active:after {
display: none;
}
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li a em {
position: relative;
display: inline;
font-style: normal;
padding-right: 8px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li a em {
display: block;
padding-right: 17px;
}
}
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li a:after {
content: ">";
position: absolute;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.page-content.flex-content .sidebar-menu.rooms-sidebar ul li a:after {
position: relative;
top: 50%;
transform: translateY(-50%);
position: absolute;
right: 0;
}
}
.page-content.flex-content > .content-main {
width: 100%;
}
.block-list {
margin-bottom: 20px;
}
.block-list .block-list-item {
background: #fff;
margin-bottom: 40px;
overflow: hidden;
font-size: 0;
border: 1px solid #e8e8e8;
padding: 20px;
}
.block-list .block-list-item.img {
padding: 20px 20px 0 20px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.block-list .block-list-item.img {
padding: 10px 10px 0 10px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.block-list .block-list-item {
padding: 10px 10px 0 10px;
}
}
.block-list .block-list-item .thumbnail {
float: right;
position: relative;
margin: 0 0 20px 40px;
height: 300px;
width: 50%;
background-size: cover;
background-position: 50% 50%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.block-list .block-list-item .thumbnail {
width: 100%;
margin: 0 0 20px 0;
}
}
.block-list .block-list-item .block-list-content {
position: relative;
font-size: 16px;
padding: 25px 0;
box-sizing: border-box;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.block-list .block-list-item .block-list-content {
padding: 0;
}
}
.block-list .block-list-item .block-list-content h3 {
font-size: 22px;
line-height: 26px;
text-transform: uppercase;
}
.block-list .block-list-item .block-list-content h3 a {
text-decoration: none;
}
.block-list .block-list-item .block-list-content nav a {
font-size: 18px;
padding: 0 10px;
line-height: 40px;
height: 40px;
margin-bottom: 10px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.block-list .block-list-item .block-list-content nav a {
width: 100%;
margin: 0 0 10px 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.calendar .block-list .block-list-item .thumbnail,
.specials .block-list .block-list-item .thumbnail {
width: 100%;
margin: 0 0 20px 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.calendar .block-list .block-list-item .block-list-content,
.specials .block-list .block-list-item .block-list-content {
width: 100%;
}
}
.calendar .block-list .block-list-item .button,
.specials .block-list .block-list-item .button {
font-size: 18px;
padding: 0 10px;
line-height: 40px;
height: 40px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.calendar .block-list .block-list-item .button,
.specials .block-list .block-list-item .button {
width: 100%;
}
}
.specials .block-grid {
padding-top: 30px;
}
.specials .block-grid:after {
clear: both;
content: "";
display: table;
}
.specials .block-grid .block-grid-item {
width: calc((100% - 160px) / 3);
float: left;
margin-right: 80px;
margin-bottom: 80px;
}
.specials .block-grid .block-grid-item:nth-of-type(3n) {
margin-right: 0;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.specials .block-grid .block-grid-item {
width: calc((100% - 80px) / 3);
margin-right: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.specials .block-grid .block-grid-item {
width: 100%;
margin-right: 0;
margin-bottom: 40px;
}
}
.specials .block-grid .block-grid-item .thumbnail {
width: 100%;
padding-top: 100%;
background-size: cover;
background-position: center center;
}
.specials .block-grid .block-grid-item .block-grid-content {
margin-top: 28px;
}
.specials .block-grid .block-grid-item .block-grid-content h3 {
font: 500 22px/22px "bentonsans", Arial, sans-serif;
color: #555f69;
margin-bottom: 9px;
text-transform: none;
}
.specials .block-grid .block-grid-item .block-grid-content h3 a {
text-transform: capitalize;
font: inherit;
color: inherit;
font-weight: 500;
}
.specials .block-grid .block-grid-item .block-grid-content .page-content {
font: 400 14px/23px "bentonsans", Arial, sans-serif;
color: #555f69;
padding-bottom: 12px;
position: relative;
}
.specials .block-grid .block-grid-item .block-grid-content .link {
display: inline-block;
margin-top: 35px;
font: 600 16px/27px "bentonsans", Arial, sans-serif;
color: #6f6b67;
position: relative;
text-transform: uppercase;
padding-right: 20px;
}
.specials .block-grid .block-grid-item .block-grid-content .link:before {
content: "";
display: block;
position: absolute;
left: 0;
top: -25px;
background: #555f69;
height: 1px;
width: 45px;
}
.specials .block-grid .block-grid-item .block-grid-content .link:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
right: 0;
top: 50%;
border-top: 2px solid #6f6b67;
border-right: 2px solid #6f6b67;
transform: translateY(-50%) rotate(45deg);
}
.specials .block-grid .block-grid-item .block-grid-content .link:hover {
color: #a4a4a4;
}
.specials .block-grid .block-grid-item .block-grid-content .link:hover:after {
border-color: #a4a4a4;
}
.specials .special {
text-align: left;
}
.specials .special ul li {
padding-left: 0;
}
.specials .featured-offers {
position: relative;
margin-top: 110px;
}
.specials .featured-offers .h1 {
text-align: left;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.specials .featured-offers .h1 {
text-align: center;
}
}
.specials .featured-offers a.all-offers {
position: absolute;
right: 0;
top: 10px;
font-size: 20px;
line-height: 28px;
font-weight: normal;
text-transform: uppercase;
color: #2e2e2e;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.specials .featured-offers a.all-offers {
position: relative;
text-align: center;
}
}
.specials .featured-offers .block-grid-item h3 {
font-size: 26px;
}
.specials .featured-offers .block-grid-item p {
font-size: 16px;
}
.specials .featured-offers .block-grid-item nav a {
font-size: 18px;
font-weight: 400;
color: #2e2e2e;
text-transform: uppercase;
}
.specials .featured-offers .block-grid-item nav a:first-child {
padding-left: 10px;
}
.specials .featured-offers .block-grid-item nav a:last-child {
padding-right: 10px;
}
.specials .categories-header {
margin-bottom: 26px;
padding-top: 74px;
}
.specials .socials {
margin-bottom: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.specials .socials {
margin-bottom: 10px;
}
}
.specials .alt-block-grid {
padding: 0 80px 0 0;
margin-bottom: 80px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.specials .alt-block-grid {
padding-right: 0;
}
}
.specials .alt-block-grid .block-grid-item {
overflow: hidden;
padding: 80px 0;
position: relative;
}
.specials .alt-block-grid .block-grid-item:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #555f69;
height: 1px;
width: 160px;
}
.specials .alt-block-grid .block-grid-item:last-of-type {
padding-bottom: 0;
}
.specials .alt-block-grid .block-grid-item:last-of-type:after {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.specials .alt-block-grid .block-grid-item {
padding: 40px 0;
}
}
.specials .alt-block-grid .block-grid-item .img-side, .specials .alt-block-grid .block-grid-item .content-side {
float: right;
overflow: hidden;
}
.specials .alt-block-grid .block-grid-item .img-side {
width: calc(100% - 400px);
position: relative;
padding-top: 40%;
background-color: #D8D8D8;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.specials .alt-block-grid .block-grid-item .img-side {
width: 100%;
margin-bottom: 28px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.specials .alt-block-grid .block-grid-item .img-side {
padding-top: 70%;
}
}
.specials .alt-block-grid .block-grid-item .content-side {
font-size: 0;
height: auto;
width: 400px;
box-sizing: border-box;
padding-right: 65px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.specials .alt-block-grid .block-grid-item .content-side {
width: 100%;
padding-right: 0;
}
}
.specials .alt-block-grid .block-grid-item .content-side .inner-wrapper {
text-align: left;
font-size: 14px;
line-height: 28px;
display: inline-block;
}
.specials .alt-block-grid .block-grid-item .content-side .inner-wrapper h3, .specials .alt-block-grid .block-grid-item .content-side .inner-wrapper a {
font: 500 27px/27px "bentonsans", Arial, sans-serif;
letter-spacing: -1.1px;
color: #555f69;
text-transform: none;
margin-bottom: 25px;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.specials .alt-block-grid .block-grid-item .content-side .inner-wrapper h3, .specials .alt-block-grid .block-grid-item .content-side .inner-wrapper a {
font: 400 20px/27px "bentonsans", Arial, sans-serif;
}
}
.specials .alt-block-grid .block-grid-item .content-side .inner-wrapper a:hover {
color: #326496;
}
.specials .alt-block-grid .block-grid-item .content-side .inner-wrapper .link {
display: inline-block;
font: 600 16px/27px "bentonsans", Arial, sans-serif;
color: #6f6b67;
position: relative;
text-transform: uppercase;
padding-right: 20px;
}
.specials .alt-block-grid .block-grid-item .content-side .inner-wrapper .link:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
right: 0;
top: 50%;
border-top: 2px solid #6f6b67;
border-right: 2px solid #6f6b67;
transform: translateY(-50%) rotate(45deg);
}
.specials .alt-block-grid .block-grid-item .content-side .inner-wrapper .link:hover {
color: #a4a4a4;
}
.specials .alt-block-grid .block-grid-item .content-side .inner-wrapper .link:hover:after {
border-color: #a4a4a4;
}
.specials .alt-block-grid .block-grid-item.even .img-side {
float: left;
}
.specials .alt-block-grid .block-grid-item.even .content-side {
padding-right: 0;
padding-left: 65px;
float: right;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.specials .alt-block-grid .block-grid-item.even .content-side {
padding-left: 0;
}
}
.page-content .careers .narrow {
width: 20%;
}
.hotel-location-map, .poi-map-canvas {
height: 444px;
background: #e5e3df;
}
.hotel-location-map h4, .poi-map-canvas h4 {
margin: 0;
font: 16px "bentonsans", Arial, sans-serif;
text-transform: uppercase;
color: #2E2E2E;
}
.hotel-location-map p, .poi-map-canvas p {
margin: 5px 0 0;
font-size: 14px;
line-height: 1.2;
white-space: nowrap;
}
.hotel-location-map .button, .poi-map-canvas .button {
display: block;
}
.hotel-location-map .map-content, .poi-map-canvas .map-content {
overflow: hidden;
}
.pressroom-custom {
text-align: center;
font-size: 0;
margin-bottom: 74px;
}
.pressroom-custom .categories-list {
margin-bottom: 60px;
font-size: 0;
text-align: center;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.pressroom-custom .categories-list {
margin-bottom: 20px;
}
}
.pressroom-custom .categories-list button {
text-transform: uppercase;
color: #7C726E;
font-size: 36px;
line-height: 40px;
display: inline-block;
padding: 0 36px;
border-left: 1px solid #7C726E;
}
.pressroom-custom .categories-list button:first-child {
border: 0;
}
.pressroom-custom .categories-list button.active, .pressroom-custom .categories-list button:hover {
color: #2E2E2E;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.pressroom-custom .categories-list button {
font-size: 28px;
line-height: 32px;
border: 0;
padding: 0;
display: block;
width: 100%;
margin-bottom: 15px;
}
}
.pressroom-custom .pressroom-list {
overflow: hidden;
margin-left: -11px;
}
.pressroom-custom .pressroom-custom-item {
position: relative;
text-align: center;
display: inline-block;
width: calc(33.3% - 10px);
height: 300px;
vertical-align: top;
margin: 0 0 10px 10px;
background: #F4F4F4;
}
.pressroom-custom .pressroom-custom-item:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -1px;
}
@media only screen and (max-width: 1240px) {
.pressroom-custom .pressroom-custom-item {
width: calc(50% - 10px);
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.pressroom-custom .pressroom-custom-item {
width: 100%;
margin-left: 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.pressroom-custom .pressroom-custom-item {
width: 100%;
margin: 0 0 20px 0;
height: auto;
}
}
.pressroom-custom .pressroom-custom-item .thumbnail-wrapper {
overflow: hidden;
width: 50%;
height: 100%;
float: left;
}
.pressroom-custom .pressroom-custom-item .thumbnail-wrapper .thumbnail {
width: 100%;
height: 100%;
float: left;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
transform: scale(1);
transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.pressroom-custom .pressroom-custom-item .thumbnail-wrapper {
width: 100%;
height: 273px;
}
}
.pressroom-custom .pressroom-custom-item .description {
display: inline-block;
vertical-align: middle;
position: relative;
width: 86%;
padding: 28px 7% 64px;
overflow: hidden;
color: #2E2E2E;
font-size: 13px;
line-height: 20px;
min-height: calc(90% - 92px);
}
.pressroom-custom .pressroom-custom-item .description .download {
width: 25px;
height: 30px;
background: url("../images/sprite.svg") 0 0 no-repeat;
position: absolute;
bottom: 28px;
display: block;
left: 50%;
margin-left: -12px;
}
.pressroom-custom .pressroom-custom-item .description .download:hover {
background-position: -50px 0;
}
.pressroom-custom .pressroom-custom-item .description h4 {
font-weight: bold;
margin-bottom: 15px;
}
.pressroom-custom .pressroom-custom-item .description time {
font-weight: normal;
font-size: 12px;
line-height: 12px;
color: #7C726E;
}
.pressroom-custom .pressroom-custom-item.img .description {
width: 36%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.pressroom-custom .pressroom-custom-item.img .description {
width: 86%;
padding: 38px 7%;
}
}
.galleries .gallery {
margin-bottom: 74px;
}
.galleries .gallery .headings h4 {
margin-bottom: 26px;
color: #2E2E2E;
font-size: 36px;
line-height: 40px;
font-weight: 200;
text-transform: uppercase;
text-align: center;
position: relative;
padding-top: 111px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.galleries .gallery .headings h4 {
padding-top: 75px;
font-size: 28px;
line-height: 32px;
}
}
.galleries .gallery .headings h4:before {
content: "";
width: 1px;
height: 42px;
background: #7C726E;
display: block;
position: absolute;
left: 50%;
top: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.galleries .gallery .headings h4:before {
height: 32px;
}
}
.galleries .gallery .wrapper {
overflow: hidden;
}
.galleries .gallery-item, .galleries .gallery-item-sizer {
float: left;
width: calc(25% - 2px);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.galleries .gallery-item, .galleries .gallery-item-sizer {
width: calc(33.3% - 2px);
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.galleries .gallery-item, .galleries .gallery-item-sizer {
width: calc(50% - 2px);
}
}
.galleries .gallery-item {
height: auto;
border: 1px solid #fff;
background-color: #f5f5f5;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {
.galleries .gallery-item {
border-bottom: 0;
}
}
.galleries .gallery-item img {
display: block;
width: 100%;
}
.galleries.destination-gallery {
color: #fff;
padding-top: 116px;
margin-bottom: 75px;
overflow: auto;
}
.galleries.destination-gallery:before {
content: "";
width: 1px;
height: 42px;
background: #7C726E;
display: block;
position: absolute;
left: 50%;
top: 0;
}
.galleries.destination-gallery .gallery {
position: relative;
float: left;
width: calc(25% - 26.25px);
margin-right: 35px;
height: 195px;
overflow: hidden;
text-align: center;
margin-bottom: 35px;
}
.galleries.destination-gallery .gallery:nth-child(4n) {
margin-right: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.galleries.destination-gallery .gallery {
width: calc(33.3333333333% - 16.6666666667px);
margin-right: 25px;
margin-bottom: 25px;
}
.galleries.destination-gallery .gallery:nth-child(3n) {
margin-right: 0px;
}
.galleries.destination-gallery .gallery:nth-child(12n) {
margin-right: 0px !important;
}
.galleries.destination-gallery .gallery:nth-child(4n) {
margin-right: 25px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.galleries.destination-gallery .gallery {
width: 100%;
margin-right: 0;
}
}
.galleries.destination-gallery .gallery:hover {
cursor: pointer;
}
.galleries.destination-gallery .gallery:hover .thumbnail span {
opacity: 1;
}
.galleries.destination-gallery .gallery .thumbnail {
position: relative;
height: 100%;
background-position: 50% 50%;
background-size: cover;
transform: scale(1);
transition: opacity 0.5s ease-in-out;
}
.galleries.destination-gallery .gallery .thumbnail:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #2E2E2E;
opacity: 0.2;
z-index: 1;
transition: opacity 0.5s ease-out;
}
.galleries.destination-gallery .gallery .thumbnail h3 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-transform: uppercase;
font-size: 24px;
line-height: 195px;
z-index: 2;
opacity: 1;
transition: opacity 0.7s ease-out;
}
.galleries.destination-gallery .gallery .thumbnail a {
color: #ffffff;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: inherit;
}
.galleries.destination-gallery .gallery .thumbnail a span {
position: absolute;
width: 100%;
text-align: center;
left: 0px;
top: 110px;
font-weight: bold;
z-index: 2;
opacity: 0;
transition: opacity 0.5s ease-out;
}
#hebs-gallery .category-selector {
top: 0;
}
.secondary-gallery {
display: flex;
flex-wrap: wrap;
margin: 0 -15px 70px -15px;
}
.secondary-gallery .gallery {
width: 25%;
padding-bottom: 18%;
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.secondary-gallery .gallery {
width: 100%;
padding-bottom: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.secondary-gallery .gallery {
width: 50%;
padding-bottom: 30%;
}
}
.secondary-gallery .gallery:hover .wrapper:before {
background: rgba(0, 0, 0, 0.5);
}
.secondary-gallery .gallery:hover .content-wrapper {
bottom: 20%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.secondary-gallery .gallery:hover .content-wrapper {
bottom: 30%;
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.secondary-gallery .gallery:hover .content-wrapper {
bottom: 33%;
}
}
@media only screen and (min-width: 1140px) {
.secondary-gallery .gallery:hover .content-wrapper {
bottom: 28%;
}
}
@media only screen and (min-width: 1300px) {
.secondary-gallery .gallery:hover .content-wrapper {
bottom: 30%;
}
}
@media only screen and (min-width: 1600px) {
.secondary-gallery .gallery:hover .content-wrapper {
bottom: 34%;
}
}
.secondary-gallery .gallery:hover .content-wrapper .button {
opacity: 1;
}
.secondary-gallery .gallery .wrapper {
position: absolute;
width: 100%;
height: 100%;
padding: 15px;
box-sizing: border-box;
}
.secondary-gallery .gallery .wrapper:before {
content: "";
position: absolute;
left: 15px;
top: 15px;
width: calc(100% - 30px);
height: calc(100% - 30px);
transition: all ease-in 400ms;
}
.secondary-gallery .gallery .wrapper:after {
content: "";
position: absolute;
width: calc(100% - 30px);
height: calc(100% - 30px);
left: 15px;
top: 15px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 15%, rgba(255, 255, 255, 0) 35%);
}
.secondary-gallery .gallery .item {
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
overflow: hidden;
text-align: center;
}
.secondary-gallery .gallery .content-wrapper {
position: absolute;
width: 80%;
bottom: -10px;
left: 50%;
transform: translate(-50%, 0);
transition: bottom ease-in 400ms;
z-index: 1;
}
.secondary-gallery .gallery .content-wrapper h4 {
text-transform: uppercase;
font-size: 20px;
color: #fff;
font-weight: 200;
}
@media only screen and (min-width: 1140px) {
.secondary-gallery .gallery .content-wrapper h4 {
font-size: 25px;
}
}
.secondary-gallery .gallery .content-wrapper .button {
font-weight: 700;
text-transform: initial;
color: #fff;
height: 20px;
line-height: 20px;
margin-top: 10px;
cursor: pointer;
transition: all ease-in 400ms;
opacity: 0;
}
.secondary-gallery .gallery .content-wrapper .button:hover {
opacity: 0.6;
}
.galleries-list-category .gallery-list {
margin-bottom: 74px;
}
.galleries-list-category .gallery-list .headings h4 {
color: #2E2E2E;
font-size: 36px;
line-height: 40px;
font-weight: 200;
text-transform: uppercase;
text-align: center;
position: relative;
padding-top: 111px;
margin-bottom: 6vw;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.galleries-list-category .gallery-list .headings h4 {
padding-top: 75px;
font-size: 28px;
line-height: 32px;
}
}
.galleries-list-category .gallery-list .headings h4:before {
content: "";
width: 1px;
height: 42px;
background: #7C726E;
display: block;
position: absolute;
left: 50%;
top: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.galleries-list-category .gallery-list .headings h4:before {
height: 32px;
}
}
.galleries-list-category .gallery-list .wrapper {
overflow: hidden;
display: flex;
flex-flow: wrap;
}
.galleries-list-category .gallery-list-item {
height: auto;
background-color: #f5f5f5;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: calc(25% - 1.8vw);
vertical-align: top;
overflow: hidden;
white-space: normal;
margin-bottom: 2.4vw;
margin-right: 2.4vw;
max-height: 195px;
}
.galleries-list-category .gallery-list-item:nth-child(4n) {
margin-right: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.galleries-list-category .gallery-list-item {
width: 100%;
margin-right: 0;
max-height: none;
}
}
.galleries-list-category .gallery-list-item img {
display: block;
width: 100%;
}
.menu-tabs-block-acm {
margin-top: 30px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-block-acm {
height: calc(100vh - 120px);
bottom: 50px;
}
}
.menu-tabs-block-acm .close-menu-category, .menu-tabs-block-acm .close-menu-popup {
position: absolute;
right: 15px;
top: 15px;
width: 17px;
height: 17px;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
z-index: 2;
display: none;
}
.menu-tabs-block-acm .close-menu-category:after, .menu-tabs-block-acm .close-menu-category:before, .menu-tabs-block-acm .close-menu-popup:after, .menu-tabs-block-acm .close-menu-popup:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 25px;
background: #000;
transform: translate(-50%, -50%) rotate(45deg);
}
@media (prefers-reduced-motion) {
.menu-tabs-block-acm .close-menu-category:after, .menu-tabs-block-acm .close-menu-category:before, .menu-tabs-block-acm .close-menu-popup:after, .menu-tabs-block-acm .close-menu-popup:before {
transition: none;
}
}
.menu-tabs-block-acm .close-menu-category:after, .menu-tabs-block-acm .close-menu-popup:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.menu-tabs-block-acm .close-menu-category:hover:after, .menu-tabs-block-acm .close-menu-category:hover:before, .menu-tabs-block-acm .close-menu-popup:hover:after, .menu-tabs-block-acm .close-menu-popup:hover:before {
background: #333;
}
.menu-tabs-block-acm .section-header {
/*font-family: $secondary-font;*/
font-size: 54px;
line-height: 60px;
letter-spacing: 3px;
color: #000;
margin-bottom: 81px;
text-align: left;
text-transform: uppercase;
}
.menu-tabs-block-acm .tabs {
position: relative;
z-index: 100;
display: flex;
}
.menu-tabs-block-acm .tabs-titles {
position: relative;
margin: 0 0 40px;
z-index: 200;
}
.menu-tabs-block-acm .tabs-titles ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
width: 200px;
border-top: 1px solid #555F69;
border-bottom: 1px solid #555F69;
margin-right: 20px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-block-acm .tabs-titles ul {
width: 100%;
border: 1px solid #555F69;
}
}
.menu-tabs-block-acm .tabs-titles li.tab-title {
order: 2;
display: block;
transition: all 1s;
flex-shrink: 0;
}
.menu-tabs-block-acm .tabs-titles li.tab-title.active .button {
font-weight: bold;
color: #4d5760;
}
.menu-tabs-block-acm .tabs-content {
position: relative;
width: 100%;
height: 100%;
transition: 0.4s;
z-index: 100;
overflow: hidden;
padding-left: 27px;
box-sizing: border-box;
}
.menu-tabs-block-acm .tabs-content h3 {
font-size: 54px;
line-height: 60px;
letter-spacing: 3px;
margin-bottom: 81px;
text-align: left;
text-transform: uppercase;
width: 100%;
}
.menu-tabs-block-acm .tabs-content img {
width: 100%;
height: auto;
margin-bottom: 35px;
}
.menu-tabs-block-acm .tabs-content .tabs-content-item {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.menu-tabs-block-acm .tabs-content .tabs-content-item.active {
position: relative;
opacity: 1;
visibility: visible;
z-index: 100;
}
.menu-tabs-block-acm .tabs-content .tabs-content-item .inner-wrapper {
width: 100%;
}
.menu-tabs-block-acm .tabs-content .tabs-content-item .inner-wrapper img {
width: 600px;
height: 800px;
}
.menu-tabs-block-acm .tabs-content p.tabs-content-item-descr {
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 32px;
text-align: left;
text-transform: capitalize;
padding-bottom: 49px;
border-bottom: 1px solid #000;
width: 100%;
margin-bottom: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-block-acm .tabs-content p.tabs-content-item-descr {
max-width: initial;
font-size: 16px;
line-height: 140%;
width: 100%;
}
}
.menu-tabs-block-acm .menu-block {
width: 100%;
min-width: 400px;
margin-right: auto;
text-align: left;
padding: 25px 0;
border-bottom: 1px solid #000;
}
.menu-tabs-block-acm .menu-block.open h4 {
color: #ff0000;
}
.menu-tabs-block-acm .menu-block.open h4 button {
transform: translateY(-50%) rotate(45deg);
}
.menu-tabs-block-acm .menu-block.open .dish-wrapper {
max-height: 1000px;
}
.menu-tabs-block-acm .menu-block h4 {
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 40px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 0;
position: relative;
}
.menu-tabs-block-acm .menu-block h4 span {
display: inline-block;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 1;
letter-spacing: initial;
text-transform: lowercase;
}
.menu-tabs-block-acm .menu-block h4 button {
float: right;
display: block;
width: 35px;
height: 35px;
overflow: hidden;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
text-indent: -999px;
transition: transform 400ms ease;
}
.menu-tabs-block-acm .menu-block h4 button:hover {
opacity: 0.6;
}
.menu-tabs-block-acm .menu-block h4 button:before, .menu-tabs-block-acm .menu-block h4 button:after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.menu-tabs-block-acm .menu-block h4 button:before {
width: 2px;
height: 100%;
}
.menu-tabs-block-acm .menu-block h4 button:after {
width: 100%;
height: 2px;
}
.menu-tabs-block-acm .menu-block .dish-wrapper {
max-height: 0;
overflow: hidden;
transition: max-height 400ms ease-in-out;
}
.menu-tabs-block-acm .menu-block .dish {
font-size: 25px;
line-height: 36px;
margin-bottom: 40px;
display: flex;
justify-content: space-between;
}
.menu-tabs-block-acm .menu-block .dish:first-of-type {
margin-top: 35px;
}
.menu-tabs-block-acm .menu-block .dish:last-of-type {
margin-bottom: 35px;
}
.menu-tabs-block-acm .menu-block .dish p {
margin-bottom: 0;
}
.menu-tabs-block-acm .menu-block .dish p + p {
margin-top: 10px;
}
.menu-tabs-block-acm .menu-block .dish .dish-text {
display: flex;
flex-direction: column;
font-weight: 300;
font-size: 32px;
text-transform: capitalize;
}
.menu-tabs-block-acm .menu-block .dish .dish-text h5 {
font-weight: inherit;
font-size: inherit;
margin-bottom: 0;
}
.menu-tabs-block-acm .menu-block .dish .dish-price {
font-size: 32px;
line-height: 36px;
font-weight: 300;
font-feature-settings: "lnum";
margin-left: 50px;
display: flex;
align-items: center;
}
.menu-tabs-block-acm .menu-link {
width: 100%;
margin-bottom: 40px;
text-align: center;
}
.menu-tabs-block-acm .menu-link .button {
display: inline-block;
}
.menu-tabs-mobile-only {
display: none;
margin: 50px 0;
}
.menu-tabs-mobile-only .center-column {
text-align: center;
}
.menu-tabs-mobile-only .button {
margin: 0 auto;
min-width: 250px;
max-width: 310px;
width: 100%;
display: inline-block;
text-transform: uppercase;
}
.menu-tabs-acm-v2 {
margin-top: 30px;
}
.menu-tabs-acm-v2 .section-header {
display: flex;
width: 949.555px;
height: 53.57px;
flex-direction: column;
justify-content: center;
flex-shrink: 0;
color: #555F69;
font-family: BentonSans;
font-size: 40px;
font-style: normal;
font-weight: 100;
line-height: normal;
letter-spacing: 0.12px;
text-transform: uppercase;
margin-bottom: 40px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-acm-v2 .section-header {
color: #555F69;
font-family: BentonSans;
font-size: 20px;
font-style: normal;
font-weight: 100;
line-height: normal;
letter-spacing: 0.06px;
text-transform: uppercase;
}
}
.menu-tabs-acm-v2 .tabs {
position: relative;
z-index: 100;
display: flex;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-acm-v2 .tabs {
display: block;
}
}
.menu-tabs-acm-v2 .tabs-titles {
position: relative;
margin: 0% 0 40px;
z-index: 200;
text-align: center;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-acm-v2 .tabs-titles .request-nt {
display: none;
}
}
.menu-tabs-acm-v2 .tabs-titles ul {
display: inline-block;
justify-content: center;
flex-wrap: wrap;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-acm-v2 .tabs-titles ul {
background: #fff;
}
}
.menu-tabs-acm-v2 .tabs-titles li.tab-title {
order: 2;
display: block;
transition: all 1s;
flex-shrink: 0;
text-align: right;
}
.menu-tabs-acm-v2 .tabs-titles li.tab-title::before {
display: none;
}
.menu-tabs-acm-v2 .tabs-titles .button {
margin: 0 0px 10px;
padding: 0px;
height: 40px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-acm-v2 .tabs-titles {
height: 50px;
margin: 0 0 30px;
background: #fff;
}
.menu-tabs-acm-v2 .tabs-titles ul {
position: relative;
flex-direction: column;
}
.menu-tabs-acm-v2 .tabs-titles ul::after {
content: "";
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 12px;
height: 12px;
border-right: 2px solid #4d5760;
border-bottom: 2px solid #4d5760;
transform: rotate(45deg);
pointer-events: none;
z-index: 201;
}
.menu-tabs-acm-v2 .tabs-titles li.tab-title {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
height: 50px;
}
.menu-tabs-acm-v2 .tabs-titles li.tab-title.active {
order: 1;
position: relative !important;
z-index: 10;
}
.menu-tabs-acm-v2 .tabs-titles .button {
margin: 0;
width: 100%;
}
.menu-tabs-acm-v2 .tabs-titles.opened ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.menu-tabs-acm-v2 .tabs-titles.opened li.tab-title {
position: relative;
top: auto;
z-index: 10;
}
}
.menu-tabs-acm-v2 .tabs-content {
position: relative;
width: 100%;
height: 100%;
transition: 0.4s;
z-index: 100;
overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-acm-v2 .tabs-content {
padding-left: 0px;
}
}
.menu-tabs-acm-v2 .tabs-content .tabs-content-item {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: -1;
transition: 0.4s;
}
.menu-tabs-acm-v2 .tabs-content .tabs-content-item.active {
position: relative;
opacity: 1;
visibility: visible;
z-index: 100;
}
.menu-tabs-acm-v2 .tabs-content .tabs-content-item .inner-wrapper {
width: 100%;
}
.menu-tabs-acm-v2 .tabs-content .tabs-content-item .inner-wrapper .img {
width: 100%;
height: 800px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.menu-tabs-acm-v2 .tabs-content .tabs-content-item .inner-wrapper .img {
height: 180px;
background-size: 100%;
}
}
.menu-tabs-acm-v2 .tabs-content p.tabs-content-item-descr {
text-align: center;
width: 100%;
margin-bottom: 8px;
}
.menu-tabs-acm-v2 .tabs-content p.tabs-content-item-descr-info {
width: 100%;
margin-bottom: 48px;
text-align: center;
}
.menu-tabs-acm-v2 .menu-block {
width: 46%;
min-width: 400px;
margin-right: auto;
padding: 0 2% 40px;
text-align: left;
}
.menu-tabs-acm-v2 .menu-block .h3 {
margin-bottom: 29px;
text-transform: capitalize;
}
.menu-tabs-acm-v2 .menu-block .h3 span {
display: block;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 1;
letter-spacing: initial;
text-transform: lowercase;
}
.menu-tabs-acm-v2 .menu-block .dish {
margin-bottom: 10px;
}
.menu-tabs-acm-v2 .menu-block .dish p {
margin-bottom: 30px;
}
.menu-tabs-acm-v2 .menu-block .dish p + p {
margin-top: 10px;
}
.menu-tabs-acm-v2 .menu-block .dish .dish-price {
font-feature-settings: "lnum";
}
.menu-tabs-acm-v2 .menu-link {
width: 100%;
margin-bottom: 40px;
text-align: center;
}
.menu-tabs-acm-v2 .menu-link .button {
display: inline-block;
}
.menu-tabs-acm-v2 .big-title {
color: var(--www-stayaka-com-shuttle-gray, #555F69);
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 100% */
text-transform: uppercase;
margin: 41px 0 20px 0;
}
.menu-tabs-acm-v2 .btn_opt_nt {
width: 100%;
display: flex;
justify-content: center;
}
.menu-tabs-acm-v2 .btn_opt_nt a {
width: 50%;
text-align: center;
height: 48px;
background-color: #4D5760;
color: #fff;
text-decoration: none;
justify-content: center;
align-items: center;
display: flex !important;
margin-top: 20px;
text-transform: uppercase;
font-weight: bold;
}
.menu-tabs-acm-v2 .btn_opt_nt .button-3d-tour {
margin-left: 20px;
}
.menu-tabs-acm-v2 .btn_opt_nt .button-3d-tour::after {
display: none;
}
#venue-lightbox-nt {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background: rgba(0, 0, 0, 0.7803921569);
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#venue-lightbox-nt {
padding-top: 50%;
}
}
#venue-lightbox-nt .testimonial-slider {
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#venue-lightbox-nt .testimonial-wrapper img {
width: 100%;
}
}
#venue-lightbox-nt #tt_close_button_nt {
border: white 1px solid;
border-radius: 50%;
height: 45px;
width: 45px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAzUlEQVRIS8WV0Q3CMAxE7zZiFEaASYBJYARG6UZBlloppEl9jpS0Ur96uVfHvoSY8HACA/MhKaUbgIXk0lthSukC4EryuXn8VbIKvqsoDGqt321XL+hoXbUnUZCnbzbeW7jtt6I7nC7PwPtebXxtolpGKsA8pZyUhhGADDFhZvwA8IqMuVRJ1mQL6xvAneRHDawMySqxJNtrqZYCK0GG92T4dHlT5H13c6IaKLpzzi7lzyInwy6MvQDvsCwvrfE3o5rgqE4KY9S01E+B/ACFwq8atA8RhwAAAABJRU5ErkJggg==) no-repeat center;
position: absolute;
top: 0;
right: 0px !important;
cursor: pointer;
z-index: 9;
}
.page-content .sitemap {
text-align: left;
}
.page-content .sitemap-description {
opacity: 0.8;
font-size: 86%;
}
form[id*=form_form_] label {
width: 30%;
line-height: 1.2;
margin: 12px 20px 0 0;
float: left;
text-align: left;
color: #555f69;
display: flex !important;
flex-flow: row;
}
form[id*=form_form_] label em {
order: 2;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
form[id*=form_form_] label {
display: block;
float: none;
margin: 0 0 10px;
text-align: left;
width: auto;
flex-flow: unset;
}
}
form[id*=form_form_] .form-builder-group .form-builder-field {
width: 100%;
margin-top: 0px !important;
}
form[id*=form_form_] .form-builder-group .form-builder-field:first-child input {
border-top: 1px solid #555f69 !important;
}
form[id*=form_form_] .form-builder-group .form-builder-field input {
background: #fff;
color: #53565a;
height: 45px;
padding: 0 10px;
resize: none;
float: left;
width: 60% !important;
box-sizing: border-box;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 1px solid #555f69 !important;
font: 600 14px/44px "bentonsans", Arial, sans-serif;
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
form[id*=form_form_] .form-builder-group .form-builder-field input {
margin-bottom: 10px;
padding: 0 20px;
width: 100%;
text-align: left;
border: 1px solid #555f69 !important;
}
}
form[id*=form_form_] .form-builder-group .form-builder-field input:before {
content: ":";
display: block;
color: #555f69;
font-size: 15px;
font-weight: bold;
position: absolute;
left: calc(30% + 20px);
top: 12px;
z-index: 1;
}
form[id*=form_form_] .form-builder-group .form-builder-field select {
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 1px solid #555f69 !important;
}
form[id*=form_form_] .form-builder-group .form-builder-field select,
form[id*=form_form_] .form-builder-group .form-builder-field textarea,
form[id*=form_form_] .form-builder-group .form-builder-field button {
width: 60% !important;
}
form[id*=form_form_] .form-builder-group .form-builder-field .g-recaptcha {
margin-left: 31.5%;
margin-top: 20px;
}
form[id*=form_form_] .form-builder-group .form-builder-field[class*=inputsubmit_] span {
position: relative;
display: inline-block;
}
form[id*=form_form_] .form-builder-group .form-builder-field[class*=inputsubmit_] span::after {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #555f69;
border-bottom: 2px solid #555f69;
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
z-index: 1;
pointer-events: none;
}
form[id*=form_form_] .form-builder-group .form-builder-field .button, form[id*=form_form_] .form-builder-group .form-builder-field input[type=submit].button {
height: 35px;
margin: 0;
padding: 0 40px;
overflow: visible;
font: 18px/1 "bentonsans", Arial, sans-serif;
text-transform: uppercase;
-moz-text-align-last: auto;
text-align-last: auto;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #2e2e2e;
margin: 0;
font-weight: bold;
padding: 0;
color: #555f69;
padding-left: 10px;
border: 0px !important;
width: -moz-max-content !important;
width: max-content !important;
}
form[id*=form_form_] .form-builder-group .form-builder-field .submit-wrapper {
margin-left: 31.5%;
border-bottom: 1px solid #555f69 !important;
width: 60%;
}
form[id*=form_form_] .form-builder-group .form-builder-field .button-wrapper {
display: inline-block;
position: relative;
}
form[id*=form_form_] .form-builder-group .form-builder-field .button-wrapper:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #555f69;
border-bottom: 2px solid #555f69;
position: absolute;
right: -18px;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
z-index: 1;
pointer-events: none;
}
form[id*=form_form_] .form-builder-group .form-builder-field .button-wrapper:hover:after {
border-right-color: #326496;
border-bottom-color: #326496;
}
form[id*=form_form_] .form-builder-group .form-builder-field .button-wrapper .button {
padding-right: 25px;
}
.form {
display: block;
margin-bottom: 20px;
}
.form .g-recaptcha {
margin-left: calc(30% + 20px);
margin-top: 10px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form .g-recaptcha {
margin-left: 0;
}
}
.form .newList a {
text-align: left;
}
.form h3 {
text-align: left;
margin-top: 20px;
padding-bottom: 10px;
text-transform: capitalize;
font-weight: bold;
color: #555f69;
}
.form em {
color: #555f69 !important;
font-size: 16px;
font-weight: normal;
line-height: 10px;
padding-right: 5px;
order: 2;
}
.form label {
width: 30%;
line-height: 1.2;
margin: 12px 20px 0 0;
float: left;
text-align: left;
color: #555f69;
display: flex;
flex-flow: row;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form label {
display: block;
float: none;
margin: 0 0 10px;
text-align: left;
width: auto;
flex-flow: unset;
}
}
.form fieldset p:first-of-type input[type=text], .form fieldset p:first-of-type input[type=date], .form fieldset p:first-of-type textarea, .form fieldset p:first-of-type .selectedTxt, .form fieldset p:first-of-type select, .form fieldset p:first-of-type .radio-group, .form fieldset p:first-of-type .custom-select-wrapper {
border-top: 1px solid #555f69;
}
.form fieldset p:first-of-type .custom-select-wrapper select {
border-top: none;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form fieldset p:first-of-type .radio-group {
border-top: none;
}
}
.form p {
margin-bottom: 0 !important;
}
.form p.type_text, .form p.type_textarea, .form p.type_datepicker {
position: relative;
}
.form p.type_text:before, .form p.type_textarea:before, .form p.type_datepicker:before {
content: ":";
display: block;
color: #555f69;
font-size: 15px;
font-weight: bold;
position: absolute;
left: calc(30% + 20px);
top: 12px;
z-index: 1;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form p.type_text:before, .form p.type_textarea:before, .form p.type_datepicker:before {
display: none;
}
}
.form p.terms-privacy {
margin-left: calc(30% + 20px);
text-align: left !important;
margin-top: 10px;
border-bottom: 1px solid #555f69;
line-height: 1.2;
width: 60%;
padding-bottom: 15px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form p.terms-privacy {
margin-left: 0;
width: 100%;
border: none;
}
}
.form p:after {
content: "";
display: table;
clear: both;
}
.form p .ui-datepicker-trigger {
margin: 13px 0 0 -29px;
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form p .ui-datepicker-trigger {
display: none;
}
}
.form p span {
float: left;
}
.form p span input {
display: inline;
float: none;
margin: 0;
}
.form p span label {
display: inline;
float: none;
width: auto;
text-align: left;
}
.form p span.group label {
line-height: 44px;
}
.form p span.group label input {
margin-right: 0.4em;
}
.form p.consent {
margin-left: calc(30% + 20px);
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form p.consent {
margin-left: 0;
}
}
.form p.consent input[type=checkbox],
.form p.consent input[type=radio] {
margin-top: 0;
}
.form p.consent label {
width: 100%;
text-align: left;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form p.consent label {
text-align: center;
}
}
.form input[type=text], .form input[type=date], .form textarea, .form .selectedTxt {
background: #fff;
color: #53565a;
height: 45px;
padding: 0 10px;
resize: none;
float: left;
width: 60%;
box-sizing: border-box;
border-bottom: 1px solid #555f69;
font: 600 14px/44px "bentonsans", Arial, sans-serif;
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form input[type=text], .form input[type=date], .form textarea, .form .selectedTxt {
margin-bottom: 10px;
padding: 0 20px;
width: 100%;
text-align: left;
border: 1px solid #555f69 !important;
}
}
.form select {
width: 60%;
float: left;
color: #53565a;
height: 45px;
padding: 0 40px 0 10px;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #555f69;
font: 600 14px/44px "bentonsans", Arial, sans-serif;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form select {
width: 100%;
margin-bottom: 10px;
border: 1px solid #555f69;
}
}
.form .custom-select-wrapper {
width: 60%;
float: left;
border-bottom: 1px solid #555f69;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form .custom-select-wrapper {
border: none !important;
width: 100%;
margin-bottom: 10px;
}
}
.form .custom-select-wrapper select {
width: 100%;
float: none;
border-bottom: 0;
padding-right: 40px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form .custom-select-wrapper select {
width: 100%;
margin-bottom: 0;
border: 1px solid #555f69 !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form .selectedTxt {
width: 100%;
box-sizing: border-box;
}
}
.form textarea {
height: 100px;
overflow: auto;
line-height: 20px;
padding: 12px 10px 10px 10px;
}
.form .radio-group, .form .checkbox-group {
border-bottom: 1px solid #555f69;
margin-left: calc(30% + 20px);
width: 60%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form .radio-group, .form .checkbox-group {
width: 100%;
margin-left: 0;
border-bottom: none;
}
}
.form .radio-group label + label {
margin-left: 20px;
}
.form .checkbox-group {
line-height: 44px;
}
.form input[type=checkbox],
.form input[type=radio] {
width: 14px;
height: 14px;
padding: 0;
vertical-align: top;
margin-top: 14px;
}
.form .newListSelected {
width: 250px;
float: left;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form .newListSelected {
float: none;
width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form input.date-pick {
float: none;
display: block;
width: 100%;
}
}
.form a.dp-choose-date {
float: left;
position: static;
margin: 13px 0 0 6px;
}
.form .controls p {
margin-left: calc(30% + 20px);
width: 60%;
background: none;
border-bottom: 1px solid #555f69;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form .controls p {
margin-left: 0;
width: 100%;
border-bottom: none;
}
}
.form .controls .button-wrapper {
display: inline-block;
position: relative;
}
.form .controls .button-wrapper:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #555f69;
border-bottom: 2px solid #555f69;
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
z-index: 1;
pointer-events: none;
}
.form .controls .button-wrapper:hover:after {
border-right-color: #326496;
border-bottom-color: #326496;
}
.form .controls .button-wrapper .button {
padding-right: 25px;
}
.form .controls .button {
margin: 0;
font-weight: bold;
padding: 0;
color: #555f69;
}
.form .controls .button:hover {
color: #326496;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form .controls .button {
display: inline-block;
margin: 0;
}
}
.form#sweepstakes p.type_checkbox {
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form#sweepstakes p.type_checkbox {
margin-left: auto;
}
}
.form#sweepstakes p.type_checkbox span label {
position: relative;
width: auto;
left: 0;
line-height: 1.4em;
}
.form#sweepstakes p.type_checkbox label {
position: absolute;
width: 16px;
left: -20px;
}
.form#sweepstakes p.type_checkbox label input {
margin-top: 13px;
float: left;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.form#sweepstakes p.type_checkbox label {
left: -14px;
}
}
.form#meetings_events .expand-rooms,
.form#meetings_events .expand-flex-dates,
.form#meetings_events .expand-meetings {
display: none;
}
.form#meetings_events #row_flexible_dates label {
font-weight: bold;
}
.form#meetings_events #row_flexible_dates span label {
font-weight: normal;
}
form[id*=hidden_] {
display: none;
}
form[id*=hidden_].visible {
display: block;
}
[id=form_form_7] .form-builder-field p {
margin-bottom: 0 !important;
position: relative;
}
[id=form_form_7] .form-builder-field p:before {
content: ":";
display: block;
color: #555f69;
font-size: 15px;
font-weight: bold;
position: absolute;
left: calc(30% + 20px);
top: 12px;
z-index: 1;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
[id=form_form_7] .form-builder-field p:before {
display: none;
}
}
[id=form_form_7] .form-builder-field p:after {
content: "";
display: table;
clear: both;
}
.poi {
padding-bottom: 100px;
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.poi {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi {
padding-bottom: 40px;
}
}
.poi .headings h4 {
margin-bottom: 26px;
color: #2E2E2E;
font-size: 36px;
line-height: 40px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
position: relative;
padding-top: 111px;
}
.poi .headings h4:before {
content: "";
width: 1px;
height: 42px;
background: #7C726E;
display: block;
position: absolute;
left: 50%;
top: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi .headings h4:before {
height: 32px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi .headings h4 {
padding-top: 75px;
font-size: 28px;
line-height: 32px;
}
}
.poi .headings h5 {
font-size: 20px;
line-height: 28px;
margin-bottom: 68px;
font-weight: normal;
color: #7C726E;
text-transform: uppercase;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi .headings h5 {
font-size: 17px;
line-height: 25px;
margin-bottom: 28px;
}
}
.poi .headings h4 + h5 {
margin-top: -20px;
}
.poi .poi-map-wrapper {
position: relative;
height: 712px;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.poi .poi-map-wrapper {
height: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi .poi-map-wrapper {
height: 100%;
}
}
.poi .poi-navigation {
position: absolute;
top: 0;
right: 0;
width: 500px;
height: 100%;
background: rgba(60, 60, 60, 0.7);
box-sizing: border-box;
overflow: hidden;
z-index: 8;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.poi .poi-navigation {
position: relative;
width: 100%;
display: block;
margin-bottom: 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi .poi-navigation {
position: relative;
width: 100%;
display: block;
margin-bottom: 0;
}
}
.poi .intro {
background: #4D5760;
position: relative;
text-align: center;
font-family: "bentonsans", Arial, sans-serif;
padding: 30px 75px 30px 75px;
height: 90px;
}
.poi .intro h4 {
position: relative;
}
.poi .intro .views {
display: none;
text-align: center;
margin-bottom: 20px;
}
.poi .intro .views > button {
color: #343A42;
display: inline-block;
font: bold 14px/3 "bentonsans", Arial, sans-serif;
position: relative;
margin: 0 10px;
text-transform: uppercase;
}
.poi .intro .views > button:hover, .poi .intro .views > button.active {
color: #4D5760;
}
.poi .intro .views > button:after {
content: "";
position: absolute;
left: 0;
top: 50%;
}
.poi .intro .views > button.distance-view:after {
width: 17px;
height: 17px;
margin-top: -8px;
background-position: -74px -220px;
}
.poi .intro .views > button.distance-view:hover:after, .poi .intro .views > button.distance-view.active:after {
background-position: -111px -220px;
}
.poi .intro .views > button.list-view:after {
width: 17px;
height: 12px;
margin-top: -6px;
background-position: 0 -220px;
}
.poi .intro .views > button.list-view:hover:after, .poi .intro .views > button.list-view.active:after {
background-position: -37px -220px;
}
.poi .category-selector {
text-align: center;
position: relative;
z-index: 9;
margin: 40px 126px 0 74px;
background: none;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.poi .category-selector {
margin: 34px 20px 38px 20px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi .category-selector {
margin: 34px 20px 38px 20px;
}
}
.poi .category-selector h6 {
display: block;
margin-bottom: 14px;
font: 26px/28px "bentonsans", Arial, sans-serif;
text-transform: uppercase;
color: #F4F4F4;
text-align: left;
}
.poi .category-selector button {
display: none;
}
.poi .category-selector .select {
position: relative;
top: 0;
text-align: left;
}
.poi .category-selector .select .ui-selectmenu-button {
font: 14px/60px "bentonsans", Arial, sans-serif;
color: #7C726E;
background: #fff;
text-transform: none;
display: block;
height: 60px;
padding: 0 40px 0 20px;
width: 100% !important;
border: 0;
text-align: center;
}
.poi .category-selector .select .ui-selectmenu-button:after {
top: 18px;
right: 14px;
}
.poi .poi-maps-container {
margin-bottom: 40px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.poi .poi-maps-container {
margin-bottom: 20px;
height: 400px;
right: 0;
position: relative;
display: block;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi .poi-maps-container {
margin-bottom: 20px;
height: 400px;
right: 0;
position: relative;
display: block;
}
}
.poi .poi-maps-container .poi-map-canvas {
position: absolute;
left: 0;
top: -100%;
width: 100%;
height: 100%;
transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.poi .poi-maps-container .poi-map-canvas.visible {
top: 0;
}
.poi .poi-maps-container .poi-map-canvas .map-popup {
overflow: hidden;
}
.poi .poi-maps-container .poi-map-canvas .poi-descr {
white-space: normal;
max-width: 300px;
margin: 0 auto;
}
.poi td, .poi th, .poi caption {
padding-left: 18px;
padding-right: 18px;
}
.poi .categories {
display: block;
text-align: left;
margin: 24px 90px 20px 75px;
max-height: 248px;
overflow-y: auto;
}
.custom-scrollbars .poi .categories {
overflow: visible;
}
.poi .categories.scrollable .overview {
margin-top: 4px;
}
.poi .categories.scrollable .viewport {
height: 300px !important;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.poi .categories {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi .categories {
display: none;
}
}
.additional-content-block .poi .categories {
max-height: 350px;
}
.poi .categories.expanded {
display: block;
}
.poi .categories .categories-wrapper {
position: absolute;
top: 120px;
left: 40px;
right: 40px;
bottom: 55px;
}
.poi .categories .point {
display: block;
text-align: left;
margin-bottom: 36px;
padding: 0 20px 0 0;
width: 100%;
}
.poi .categories .point .point-name,
.poi .categories .point .point-distance,
.poi .categories .point .point-address {
font: bold 16px/18px "bentonsans", Arial, sans-serif;
color: #F4F4F4;
cursor: default;
display: block;
}
.poi .categories .point .point-name {
cursor: pointer;
text-transform: uppercase;
float: left;
}
.poi .categories .point .point-name:hover {
color: #fff;
cursor: pointer;
}
.poi .categories .point .point-distance {
color: #F4F4F4;
}
.poi .categories .point .point-address {
font: normal 14px/17px "bentonsans", Arial, sans-serif;
color: #F4F4F4;
float: left;
}
.poi .categories .category {
display: none;
}
.poi .categories .category.visible {
display: block;
}
.poi .categories .category.hidden {
display: none;
}
.poi .categories .category table {
width: 100%;
margin: 0;
}
.poi .categories .category table th {
white-space: nowrap;
}
.poi .categories .category table td.center {
text-align: center;
}
.poi .categories .category table td.title {
text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.poi .categories .category table th {
display: none;
}
.poi .categories .category table td {
border-left: none;
border-right: none;
}
.poi .categories .category table td.not-important {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi .categories .category table th {
display: none;
}
.poi .categories .category table td {
border-left: none;
border-right: none;
}
.poi .categories .category table td.not-important {
display: none;
}
}
.poi .categories .category .expand-description {
color: #667885;
text-decoration: underline;
transition: color 200ms;
cursor: pointer;
}
.poi .categories .category .expand-description:hover {
color: #4D5760;
}
.poi .categories .category tr.description {
display: none;
}
.poi .categories .category tr.description.visible {
display: table-row;
}
.poi .categories .category tr.description .thumbnail {
margin-bottom: 0;
}
.poi .categories .category tr.description p {
margin: 0 0 10px;
font-size: 12px;
}
.poi .categories .category tr.description nav > * {
margin-left: 10px;
}
.poi .categories .category tr.description nav > *:first-child {
margin-left: 0;
}
.poi-slider-container {
color: #667885;
font: 12px/1 "bentonsans", Arial, sans-serif;
height: 72px;
margin: 0 auto;
position: relative;
text-align: left;
z-index: 10;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.poi-slider-container {
padding-bottom: 30px;
margin-bottom: 20px;
max-width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi-slider-container {
padding-bottom: 30px;
margin-bottom: 20px;
max-width: 100%;
}
}
.poi-slider-container .heading {
font: normal 18px/22px "bentonsans", Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 42px;
color: #eee;
}
.poi-slider-container .heading strong {
font-weight: bold;
color: #EEEEEE;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.poi-slider-container .heading {
font-size: 20px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.poi-slider-container .heading {
font-size: 20px;
}
}
.poi-slider-container .info {
color: #eee;
text-transform: uppercase;
font: 11px/13px "bentonsans", Arial, sans-serif;
}
.poi-slider-container .info:after {
clear: both;
content: "";
display: table;
}
.poi-slider-container .info.left {
float: left;
}
.poi-slider-container .info.right {
float: right;
}
.poi-slider {
border: 1px solid #E1E1E1;
border-radius: 2px;
height: 2px;
margin-bottom: 10px;
position: relative;
z-index: 10;
}
.poi-slider:before {
content: "";
background: url("../images/sprite.svg") no-repeat -180px -50px;
display: block;
width: 50px;
height: 22px;
left: 0;
top: -27px;
position: absolute;
z-index: 20;
}
.logo-hidden .poi-slider:before {
display: none;
}
.poi-slider .ui-slider-range {
background: #fff;
border-radius: 2px;
border: 1px solid #fff;
height: 100%;
left: 0;
position: absolute;
top: -1px;
}
.poi-slider .ui-slider-handle {
background: url("../images/sprite.svg") no-repeat -55px -50px;
height: 26px;
cursor: grab;
margin: -26px 0 0 -7px;
position: absolute;
width: 15px;
z-index: 20;
}
.poi-slider .ui-slider-handle:active {
cursor: grabbing;
}
.poi .hotels {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar {
font-size: 12px;
}
}
#calendar-header {
margin-bottom: 20px;
}
#calendar-header:after {
clear: both;
content: "";
display: table;
}
#calendar-links {
float: left;
}
#calendar-links:after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-links {
margin-top: 0;
float: none;
width: 100%;
text-align: center;
}
}
#calendar-links li {
float: left;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-links li {
display: inline-block;
float: none;
}
#calendar-links li:first-child a {
margin-left: 0;
}
}
#calendar-links a {
display: block;
height: 20px;
width: 20px;
margin: 0 20px 0 0;
text-indent: -9999px;
overflow: hidden;
background: url("../images/common.svg") 0 0 no-repeat;
}
#calendar-links a.ical {
background-position: -200px -76px;
}
#calendar-links a.ical:hover {
background-position: -240px -76px;
}
#calendar-links a.ical:active {
background-position: -280px -76px;
}
#calendar-links a.print {
background-position: -200px -116px;
}
#calendar-links a.print:hover {
background-position: -240px -116px;
}
#calendar-links a.print:active {
background-position: -280px -116px;
}
#calendar-links a.rss {
background-position: -200px -156px;
}
#calendar-links a.rss:hover {
background-position: -240px -156px;
}
#calendar-links a.rss:active {
background-position: -280px -156px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-links a {
display: inline-block;
margin: 0 0 0 20px;
}
}
#calendar-views {
float: left;
}
#calendar-views:after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-views {
float: none;
text-align: center;
margin-bottom: 30px;
}
}
#calendar-views li {
float: left;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-views li {
display: inline-block;
float: none;
}
}
#calendar-views a {
position: relative;
display: block;
margin-right: 20px;
padding-left: 30px;
text-decoration: none;
text-transform: uppercase;
color: #2E2E2E;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-views a {
margin-right: 0;
margin-left: 20px;
}
#calendar-views a.grid {
margin-left: 0;
}
}
#calendar-views a:hover, #calendar-views a.active {
color: #7C726E;
}
#calendar-views a:before {
background: url("../images/common.svg") 0 0 no-repeat;
content: "";
display: block;
height: 20px;
width: 20px;
position: absolute;
top: 0;
left: 0;
}
#calendar-views a.grid:before {
background-position: -200px 0;
}
#calendar-views a.grid:hover:before, #calendar-views a.grid.active:before {
background-position: -240px 0;
}
#calendar-views a.grid:active:before {
background-position: -280px 0;
}
#calendar-views a.list:before {
background-position: -200px -38px;
}
#calendar-views a.list:hover:before, #calendar-views a.list.active:before {
background-position: -240px -38px;
}
#calendar-views a.list:active:before {
background-position: -280px -38px;
}
#calendar-filter {
float: right;
}
#calendar-filter .selectedTxt:after {
top: 14px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-filter {
margin-top: 10px;
float: none;
}
#calendar-filter .selectedTxt {
padding-left: 40px;
}
#calendar-filter .selectedTxt:after {
top: 14px;
}
}
#calendar-filter .SSContainerDivWrapper {
left: auto !important;
right: 0;
}
#calendar-breadcrumb {
padding: 10px 0;
margin-bottom: 20px;
}
#calendar-breadcrumb:after {
clear: both;
content: "";
display: table;
}
#calendar-breadcrumb dt, #calendar-breadcrumb dd {
float: left;
margin-right: 10px;
color: #53565a;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-breadcrumb dt, #calendar-breadcrumb dd {
float: none;
display: inline-block;
}
}
#calendar-year {
margin-bottom: 20px;
display: flex;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-year {
display: none;
}
}
#calendar-year:after {
clear: both;
content: "";
display: table;
}
#calendar-year li {
float: left;
}
#calendar-year a {
display: block;
padding: 5px 0;
margin-right: 1px;
text-decoration: none;
border-bottom: 1px solid #b7b7b7;
color: #b7b7b7;
}
#calendar-year a:hover {
border-color: #343841;
color: #343841;
}
#calendar-year .active a {
border-color: #2E2E2E;
color: #2E2E2E;
}
#calendar-year .active a:hover {
border-color: #151616;
color: #151616;
}
#calendar-month {
height: 40px;
margin-bottom: 20px;
position: relative;
text-align: justify;
-moz-text-align-last: justify;
text-align-last: justify;
text-justify: newspaper;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-month {
-moz-text-align-last: auto;
text-align-last: auto;
}
}
#calendar-month:after {
clear: both;
content: "";
display: table;
}
#calendar-month:after {
content: "";
display: inline-block;
position: relative;
width: 100%;
height: 0;
}
#calendar-month li {
display: inline;
}
#calendar-month a {
display: inline-block;
vertical-align: top;
padding: 0 9px;
height: 40px;
line-height: 40px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
color: #2E2E2E;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#calendar-month a {
padding: 0 5px;
font-size: 10px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-month a {
padding: 0 7px;
font-size: 11px;
text-align: center;
}
}
#calendar-month a:hover {
background: #7C726E;
color: #fff;
}
#calendar-month a.active {
background: #2E2E2E;
color: #fff;
}
#calendar-month a.active:hover {
background: #7C726E;
color: #fff;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-month {
-moz-text-align-last: auto;
text-align-last: auto;
}
#calendar-month li {
display: none;
}
#calendar-month li.current, #calendar-month li.prev, #calendar-month li.next {
display: inline-block;
position: relative;
vertical-align: top;
width: 30%;
}
#calendar-month li.current a {
font-size: 12px;
padding: 0 10px;
display: block;
}
#calendar-month li.prev a, #calendar-month li.next a {
display: block;
font-size: 12px;
padding-right: 0;
padding-left: 30px;
}
#calendar-month li.prev a:after, #calendar-month li.next a:after {
background: url(../images/common.svg) -200px -196px no-repeat;
content: "";
display: block;
position: absolute;
left: 5px;
top: 11px;
width: 11px;
height: 18px;
}
#calendar-month li.prev a:hover, #calendar-month li.next a:hover {
background-color: transparent;
color: #327d7d;
}
#calendar-month li.prev a:hover:after, #calendar-month li.next a:hover:after {
background-position: -231px -196px;
}
#calendar-month li.prev a:active, #calendar-month li.next a:active {
top: auto;
}
#calendar-month li.next a {
padding-left: 0;
padding-right: 30px;
}
#calendar-month li.next a:after {
background-position: -200px -234px;
left: auto;
right: 5px;
}
#calendar-month li.next a:hover:after {
background-position: -231px -234px;
}
}
#calendar-navigation {
display: block;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
position: relative;
text-align: center;
}
#calendar-navigation h2 {
padding: 0 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase;
background-color: #eee;
}
#calendar-navigation a.prev, #calendar-navigation a.next {
position: absolute;
top: 11px;
width: 11px;
height: 18px;
overflow: hidden;
text-indent: -9999px;
cursor: pointer;
margin: 0 10px 0 10px;
background: url("../images/common.svg") 0 0 no-repeat;
}
#calendar-navigation a.next {
right: 0;
background-position: -200px -234px;
}
#calendar-navigation a.next:hover {
background-position: -231px -234px;
}
#calendar-navigation a.next:active {
background-position: -262px -234px;
}
#calendar-navigation a.prev {
left: 0;
background-position: -200px -196px;
}
#calendar-navigation a.prev:hover {
background-position: -231px -196px;
}
#calendar-navigation a.prev:active {
background-position: -262px -196px;
}
#calendar-week, #calendar-days {
display: block;
text-align: justify;
-moz-text-align-last: justify;
text-align-last: justify;
text-justify: newspaper;
}
#calendar-week:after, #calendar-days:after {
content: "";
display: inline-block;
position: relative;
width: 100%;
height: 0;
}
#calendar-week li, #calendar-days li {
display: inline-block;
width: 13%;
}
#calendar-week {
height: 40px;
line-height: 40px;
margin-bottom: 20px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-week {
display: none;
}
}
#calendar-week li {
color: #595756;
text-align: center;
font-weight: bold;
}
#calendar-week li .short {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
#calendar-week li .full {
display: none;
}
#calendar-week li .short {
display: inline;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-week li .full {
display: none;
}
#calendar-week li .short {
display: inline;
}
}
#calendar-days {
position: relative;
}
#calendar-days li {
margin: 0 0 1em;
min-height: 8em;
text-align: left;
-moz-text-align-last: left;
text-align-last: left;
vertical-align: top;
position: static;
border: 1px solid #e2e2e2;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-days li {
display: block;
float: none;
width: 100%;
min-height: auto !important;
height: auto !important;
}
#calendar-days li dl {
margin-top: auto !important;
height: auto;
}
#calendar-days li dl dt {
width: 100% !important;
padding-bottom: 10px;
}
}
#calendar-days li time a {
text-align: center;
color: #132929;
display: block;
padding: 0.5em 1em;
text-decoration: none;
}
#calendar-days li time a:hover {
background: #e2e2e2;
}
#calendar-days li.prev_month, #calendar-days li.next_month {
border: 1px solid #f1f1f1;
}
#calendar-days li.prev_month time a, #calendar-days li.next_month time a {
color: #595756;
}
#calendar-days li.prev_month time a:hover, #calendar-days li.next_month time a:hover {
background: #f1f1f1;
}
#calendar-days li.day_items3 {
height: 9em;
}
#calendar-days li.day_items4 {
height: 11em;
}
#calendar-days li.day_items5 {
height: 13em;
}
#calendar-days li.day_items6 {
height: 15em;
}
#calendar-days li.day_items7 {
height: 17em;
}
#calendar-days li.day_items8 {
height: 19em;
}
#calendar-days li.day_items9 {
height: 21em;
}
#calendar-days li.day_items10 {
height: 23em;
}
#calendar-days li.day_items11 {
height: 25em;
}
#calendar-days li.day_items12 {
height: 27em;
}
#calendar-days li.day_items13 {
height: 29em;
}
#calendar-days li.day_items14 {
height: 31em;
}
#calendar-days li.day_items15 {
height: 33em;
}
#calendar-days li.day_items16 {
height: 35em;
}
#calendar-days li.day_items17 {
height: 37em;
}
#calendar-days li.day_items18 {
height: 39em;
}
#calendar-days li.day_items19 {
height: 41em;
}
#calendar-days li.day_items20 {
height: 43em;
}
#calendar-days dl {
display: block;
height: 2em;
}
#calendar-days dl:hover {
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-days dl.hide {
display: block !important;
}
}
#calendar-days dt {
position: relative;
}
#calendar-days dt a {
display: block;
height: 1.8em;
width: auto;
line-height: 1.8em;
padding: 0 0.5em 0 1em;
text-decoration: none;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 0.7em;
background: #327d7d;
color: #fff;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-days dt a {
height: 2.8em;
line-height: 2.8em;
}
}
#calendar-days dl.w1 dt {
width: 100%;
}
#calendar-days dl.w2 dt {
width: 211.5%;
}
#calendar-days dl.w3 dt {
width: 323%;
}
#calendar-days dl.w4 dt {
width: 434.5%;
}
#calendar-days dl.w5 dt {
width: 546%;
}
#calendar-days dl.w6 dt {
width: 657.5%;
}
#calendar-days dl.w7 dt {
width: 769%;
}
#calendar-days dl.c1 dt a {
background-color: #E5E5E5;
}
#calendar-days dl.c2 dt a {
background-color: #CCCCCC;
}
#calendar-days dl.c3 dt a {
background-color: #999999;
}
#calendar-days dl.c4 dt a {
background-color: #7F7F7F;
}
#calendar-days dl.c5 dt a {
background-color: #666666;
}
#calendar-days dl.c6 dt a {
background-color: #4D4D4D;
}
#calendar-days dl.c7 dt a {
background-color: #333333;
}
#calendar-days dl.c8 dt a {
background-color: #1A1A1A;
}
#calendar-days dl.c1 dt a {
color: #4D4D4D;
}
#calendar-days dl.c2 dt a {
color: #4D4D4D;
}
#calendar-days dl.c3 dt a {
color: #FFFFFF;
}
#calendar-days dl.c4 dt a {
color: #FFFFFF;
}
#calendar-days dl.c5 dt a {
color: #FFFFFF;
}
#calendar-days dl.c6 dt a {
color: #FFFFFF;
}
#calendar-days dl.c7 dt a {
color: #FFFFFF;
}
#calendar-days dl.c8 dt a {
color: #FFFFFF;
}
#calendar-days dl dd {
position: absolute;
left: 0;
bottom: 20px;
background: #fff;
color: #717272;
font-size: 12px;
margin-bottom: 10px;
padding: 10px;
text-align: left;
visibility: hidden;
width: 200px;
z-index: 999;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 4px;
transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar-days dl dd {
display: none !important;
}
}
#calendar-days dl dd .triangle {
position: absolute;
bottom: -13px;
height: 14px;
text-align: center;
}
#calendar-days dl dd .triangle span {
display: inline-block;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
border-top: 14px solid #fff;
margin-left: 93px;
}
#calendar-days dl dd h3 {
color: #717272;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.5;
text-transform: uppercase;
}
#calendar-days dl dd img {
height: auto;
width: 100%;
}
#calendar-days dl dd p {
font-size: 12px;
line-height: 18px;
padding: 0 0 10px 0;
width: 100%;
}
#calendar-days dl:hover dd {
visibility: visible;
}
#calendar-days dl.t1 {
margin-top: 2em;
}
#calendar-days dl.t2 {
margin-top: 4em;
}
#calendar-days dl.t3 {
margin-top: 6em;
}
#calendar-days dl.t4 {
margin-top: 8em;
}
#calendar-days dl.t5 {
margin-top: 10em;
}
#calendar-days dl.t6 {
margin-top: 12em;
}
#calendar-days dl.t7 {
margin-top: 14em;
}
#calendar-days dl.t8 {
margin-top: 16em;
}
#calendar-days dl.t9 {
margin-top: 18em;
}
#calendar-days dl.t10 {
margin-top: 20em;
}
#calendar-days dl.t11 {
margin-top: 22em;
}
#calendar-days dl.t12 {
margin-top: 24em;
}
#calendar-days dl.t13 {
margin-top: 26em;
}
#calendar-days dl.t14 {
margin-top: 28em;
}
#calendar-days dl.t15 {
margin-top: 30em;
}
#calendar-days dl.t16 {
margin-top: 32em;
}
#calendar-days dl.t17 {
margin-top: 34em;
}
#calendar-days dl.t18 {
margin-top: 36em;
}
#calendar-days dl.t19 {
margin-top: 38em;
}
#calendar-days dl.t20 {
margin-top: 40em;
}
#calendar.list-view h2 a:hover {
text-decoration: underline;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#calendar.list-view #calendar-month {
display: none;
}
}
#calendar .dates,
#calendar .attachment {
font-style: italic;
font-size: 0.9em;
}
#calendar .dates > small {
display: block;
}
#destinations {
position: relative;
margin-bottom: 74px;
padding-top: 116px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#destinations {
display: none;
}
}
#destinations:after {
clear: both;
content: "";
display: table;
}
#destinations:before {
content: "";
width: 1px;
height: 42px;
background: #7C726E;
display: block;
position: absolute;
left: 50%;
top: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
#destinations:before {
height: 32px;
}
}
#destinations a {
text-decoration: none;
}
#destinations .wrapper {
position: relative;
}
#destinations .wrapper:after {
clear: both;
content: "";
display: table;
}
#destinations .wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 33.33333333%;
height: 100%;
background: #7d726e;
z-index: 1;
}
@media only screen and (max-width: 1024px) {
#destinations .wrapper:before {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
#destinations .wrapper:before {
display: none;
}
}
#destinations-list {
position: relative;
float: left;
width: 33.33333333%;
height: 100%;
padding: 100px 68px;
background: #7d726e;
text-transform: uppercase;
font-size: 17px;
color: #fff;
box-sizing: border-box;
text-align: center;
z-index: 2;
}
@media only screen and (max-width: 1400px) {
#destinations-list {
font-size: 15px;
}
}
@media only screen and (max-width: 1200px) {
#destinations-list {
font-size: 13px;
padding: 90px 50px;
}
}
@media only screen and (max-width: 1024px) {
#destinations-list {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
#destinations-list {
display: none;
}
}
#destinations-list a {
text-decoration: none;
color: inherit;
}
#destinations-list a.coming-soon {
color: #d7d4cf;
}
#destinations-list a:hover {
color: #d7d4cf;
}
#destinations-list dt {
color: #d7d4cf;
font-size: 22px;
margin-bottom: 12px;
}
@media only screen and (max-width: 1400px) {
#destinations-list dt {
font-size: 20px;
}
}
@media only screen and (max-width: 1200px) {
#destinations-list dt {
font-size: 18px;
}
}
#destinations-list dt:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #b4afab;
margin: 27px 0 31px;
}
@media only screen and (max-width: 1400px) {
#destinations-list dt:before {
margin-top: 20px;
margin-bottom: 24px;
}
}
@media only screen and (max-width: 1200px) {
#destinations-list dt:before {
margin-top: 16px;
margin-bottom: 20px;
}
}
#destinations-list dt:first-child:before {
display: none;
}
#destinations-list dt a:hover {
color: #4b4746;
}
#destinations-list dd {
margin: 2px 0;
}
#destinations-thumbs {
padding-left: 33.33333333%;
color: #fff;
}
@media only screen and (max-width: 1024px) {
#destinations-thumbs {
padding-left: 50%;
}
}
@media only screen and (max-width: 768px) {
#destinations-thumbs {
padding-left: 0;
}
}
#destinations-thumbs > li {
position: relative;
float: left;
width: calc(50% - 75px);
height: 270px;
margin: 0 0 75px 75px;
overflow: hidden;
background-color: #a9a19e;
text-align: center;
}
@media only screen and (max-width: 1400px) {
#destinations-thumbs > li {
width: calc(50% - 50px);
margin-left: 50px;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1200px) {
#destinations-thumbs > li {
width: calc(50% - 20px);
margin-left: 20px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1024px) {
#destinations-thumbs > li {
width: calc(100% - 20px);
height: 200px;
}
}
@media only screen and (max-width: 768px) {
#destinations-thumbs > li {
width: 100%;
margin-left: 0;
}
}
#destinations-thumbs > li:nth-last-of-type(-n+2) {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
#destinations-thumbs > li:nth-last-of-type(-n+2) {
margin-bottom: 20px;
}
}
#destinations-thumbs > li:hover .destination-city:before,
#destinations-thumbs > li:hover .destination-city h3 {
opacity: 0;
}
#destinations-thumbs > li .destination-city {
position: relative;
height: 100%;
background-position: 50% 50%;
background-size: cover;
transform: scale(1);
transition: all 0.5s ease-in-out;
}
#destinations-thumbs > li .destination-city:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #4D5760;
opacity: 0.4;
z-index: 1;
transition: opacity 0.5s ease-out;
}
#destinations-thumbs > li .destination-city h3 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-transform: uppercase;
font-size: 28px;
line-height: 270px;
z-index: 2;
opacity: 1;
transition: opacity 0.7s ease-out;
}
@media only screen and (max-width: 1400px) {
#destinations-thumbs > li .destination-city h3 {
font-size: 24px;
}
}
@media only screen and (max-width: 1024px) {
#destinations-thumbs > li .destination-city h3 {
line-height: 200px;
}
}
@media only screen and (max-width: 768px) {
#destinations-thumbs > li .destination-city h3 {
font-size: 20px;
}
}
#destinations-thumbs > li .destination-city h3 a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: inherit;
}
#destinations-thumbs > li.quote {
background-position: 50% 50%;
background-size: cover;
}
@media only screen and (max-width: 1024px) {
#destinations-thumbs > li.quote {
margin-bottom: 0px;
}
}
#destinations-thumbs > li.quote .wrapper {
position: relative;
padding: 84px 44px 0 45%;
font-size: 13px;
line-height: 20px;
text-align: left;
z-index: 2;
/*iPhone5*/
}
@media only screen and (max-width: 1400px) {
#destinations-thumbs > li.quote .wrapper {
padding: 84px 20px 0 44%;
}
}
@media only screen and (max-width: 1200px) {
#destinations-thumbs > li.quote .wrapper {
padding: 64px 20px 0 44%;
}
}
@media only screen and (max-width: 1024px) {
#destinations-thumbs > li.quote .wrapper {
padding: 30px 20px 0 44%;
text-align: right;
}
}
@media only screen and (max-width: 768px) {
#destinations-thumbs > li.quote .wrapper {
padding: 18px 20px 0 40%;
font-size: 12px;
line-height: 18px;
}
}
@media only screen and (max-width: 320px) {
#destinations-thumbs > li.quote .wrapper {
padding: 18px 13px 0 39%;
font-size: 11px;
line-height: 16px;
}
}
#destinations-thumbs > li.quote .wrapper:before {
content: "";
position: absolute;
display: block;
width: 50px;
height: 34px;
top: 26px;
left: 45%;
margin-left: -25px;
background: url("../images/sprite.svg") -100px -50px;
}
@media only screen and (max-width: 1200px) {
#destinations-thumbs > li.quote .wrapper:before {
top: 18px;
}
}
@media only screen and (max-width: 1024px) {
#destinations-thumbs > li.quote .wrapper:before {
top: 16px;
left: 40px;
}
}
#destinations-thumbs > li.quote .wrapper p {
margin-bottom: 28px;
}
@media only screen and (max-width: 1400px) {
#destinations-thumbs > li.quote .wrapper p {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 768px) {
#destinations-thumbs > li.quote .wrapper p {
margin-bottom: 10px;
}
}
#destinations-thumbs > li.quote .wrapper p.name {
font-weight: bold;
}
.icon-text-acm {
margin: 30px auto;
text-align: initial;
}
.icon-text-acm .h1 {
text-align: initial;
}
.icon-text-acm article {
padding-left: 55px;
position: relative;
}
.icon-text-acm article img {
position: absolute;
left: 0;
top: 0;
width: 35px;
height: auto;
}
.additional-text-block {
margin: 30px auto;
text-align: initial;
padding-left: 55px;
}
@media print {
.print #header,
.print #photos,
.print #booking,
.print #footer {
display: none;
}
@page {
size: 960px 1358px;
}
}
.tour360 {
display: inline-block;
text-indent: -1000px;
font-size: 0;
width: 42px;
height: 29px;
background: url(../images/tour.svg) no-repeat 50% 50%;
transition: opacity 0.2s;
}
.tour360:hover {
opacity: 0.8;
}
.button-3d-tour {
display: inline-block;
margin-top: 12px;
font-size: 13px;
line-height: 1.3;
font-weight: 600;
color: #999490;
position: relative;
text-transform: uppercase;
padding-right: 20px;
}
.button-3d-tour:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
right: 0;
top: 50%;
border-top: 2px solid #999490;
border-right: 2px solid #999490;
transform: translateY(-50%) rotate(45deg);
}