@keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.red {
color:#e44e56 !important;
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
direction: ltr;
font-family: Avenir, Avenir Next, Helvetica Neue, Segoe UI, Helvetica, Arial,
sans-serif;
font-variant-numeric: tabular-nums;
font-weight: 500;
line-height: 1.7;
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
}
.plyr audio,
.plyr video {
border-radius: inherit;
height: auto;
vertical-align: middle;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4f5b5f;
border-radius: 2px;
color: #fff;
font-size: 9px;
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
color: #fff;
display: none;
font-size: 14px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions .plyr__caption {
background: rgba(0, 0, 0, 0.8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
display: inline;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 16px;
padding: 20px;
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px);
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
position: relative;
transition: all 0.3s ease;
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
pointer-events: none;
width: 18px;
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
outline: 0;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
background: #1aafff;
color: #fff;
}
.plyr--video .plyr__control svg {
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
background: #1aafff;
color: #fff;
} .plyr__control--overlaid {
position: relative;
width: 80px !important; 
height: 80px !important; 
background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; display: none;
left: 50%;
padding: 15px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
} .plyr__control--overlaid svg {
fill: rgba(255, 255, 255, 1); z-index: 1; height: 40px;
width: 40px;
top:0px;
left:8px;
color:  rgba(255, 255, 255, 0);
position: relative;
} .plyr__control--overlaid:hover {
background-color: rgba(255, 255, 255, 0.5); }
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__menu,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls .plyr__volume,
.plyr__controls > .plyr__control {
margin-left: 5px;
}
.plyr__controls .plyr__menu + .plyr__control,
.plyr__controls .plyr__progress + .plyr__control,
.plyr__controls > .plyr__control + .plyr__control,
.plyr__controls > .plyr__control + .plyr__menu {
margin-left: 2px;
}
.plyr__controls > .plyr__control:first-child,
.plyr__controls > .plyr__control:first-child + [data-plyr="pause"] {
margin-left: 0;
margin-right: auto;
}
.plyr__controls:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__controls .plyr__menu,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls .plyr__volume,
.plyr__controls > .plyr__control {
margin-left: 10px;
}
}
.plyr--audio .plyr__controls {
background: #fff;
border-radius: inherit;
color: #4f5b5f;
padding: 10px;
}
.plyr--video .plyr__controls {
background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
left: 0;
padding: 20px 5px 5px;
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 35px 10px 10px;
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"] {
display: none;
}
.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
display: inline-block;
}
.plyr__video-embed {
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.plyr__video-embed iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%);
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded="true"] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: hsla(0, 0%, 100%, 0.9);
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4f5b5f;
font-size: 16px;
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container:after {
border: 4px solid transparent;
border-top-color: hsla(0, 0%, 100%, 0.9);
content: "";
height: 0;
position: absolute;
right: 15px;
top: 100%;
width: 0;
}
.plyr__menu__container [role="menu"] {
padding: 7px;
}
.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
margin-top: 2px;
}
.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4f5b5f;
display: flex;
font-size: 14px;
padding: 4px 11px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control:after {
border: 4px solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: rgba(79, 91, 95, 0.8);
right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: 500;
margin: 7px;
margin-bottom: 3px;
padding-left: 28px;
position: relative;
width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: rgba(79, 91, 95, 0.8);
left: 7px;
}
.plyr__menu__container .plyr__control--back:before {
background: #b7c5cd;
box-shadow: 0 1px 0 #fff;
content: "";
height: 1px;
left: 0;
margin-top: 4px;
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role="menuitemradio"] {
padding-left: 7px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:after,
.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
background: rgba(0, 0, 0, 0.1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container
.plyr__control[role="menuitemradio"][aria-checked="true"]:before {
background: #1aafff;
}
.plyr__menu__container
.plyr__control[role="menuitemradio"][aria-checked="true"]:after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container
.plyr__control[role="menuitemradio"].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover:before {
background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
overflow: hidden;
padding-left: 25px;
pointer-events: none;
}
.plyr--full-ui input[type="range"] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 28px;
color: #1aafff;
display: block;
height: 20px;
margin: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: 3px;
height: 6px;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(
90deg,
currentColor var(--value, 0),
transparent var(--value, 0)
);
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
height: 14px;
position: relative;
transition: all 0.2s ease;
width: 14px;
-webkit-appearance: none;
margin-top: -4px;
}
.plyr--full-ui input[type="range"]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: 3px;
height: 6px;
transition: box-shadow 0.3s ease;
-moz-user-select: none;
user-select: none;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
height: 14px;
position: relative;
transition: all 0.2s ease;
width: 14px;
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
background: currentColor;
border-radius: 3px;
height: 6px;
}
.plyr--full-ui input[type="range"]::-ms-track {
color: transparent;
}
.plyr--full-ui input[type="range"]::-ms-fill-upper,
.plyr--full-ui input[type="range"]::-ms-track {
background: 0 0;
border: 0;
border-radius: 3px;
height: 6px;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
}
.plyr--full-ui input[type="range"]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: 3px;
height: 6px;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
background: currentColor;
}
.plyr--full-ui input[type="range"]::-ms-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
height: 14px;
position: relative;
transition: all 0.2s ease;
width: 14px;
margin-top: 0;
}
.plyr--full-ui input[type="range"]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type="range"]:focus {
outline: 0;
}
.plyr--full-ui input[type="range"]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui
input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
outline: 0;
}
.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
background-color: hsla(0, 0%, 100%, 0.25);
}
.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
background-color: hsla(0, 0%, 100%, 0.25);
}
.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
background-color: hsla(0, 0%, 100%, 0.25);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px hsla(0, 0%, 100%, 0.5);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px hsla(0, 0%, 100%, 0.5);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px hsla(0, 0%, 100%, 0.5);
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr__time {
font-size: 14px;
}
.plyr__time + .plyr__time:before {
content: "\2044";
margin-right: 10px;
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr--video .plyr__time {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
background: hsla(0, 0%, 100%, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4f5b5f;
font-size: 14px;
font-weight: 500;
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
opacity: 0;
padding: 5px 7.5px;
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip:before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid hsla(0, 0%, 100%, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip {
left: 0;
transform: translateY(10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls
> .plyr__control:first-child
+ .plyr__control
.plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before {
left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translateY(10px) scale(0.8);
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: 16px;
transform: translateX(50%);
}
.plyr__controls
> .plyr__control:first-child
+ .plyr__control.plyr__tab-focus
.plyr__tooltip,
.plyr__controls
> .plyr__control:first-child
+ .plyr__control
.plyr__tooltip--visible,
.plyr__controls
> .plyr__control:first-child
+ .plyr__control:hover
.plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0) scale(1);
}
.plyr--video {
background: #000;
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: #000;
border-radius: inherit;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__progress {
flex: 1;
left: 7px;
margin-right: 14px;
position: relative;
}
.plyr__progress__buffer,
.plyr__progress input[type="range"] {
margin-left: -7px;
margin-right: -7px;
width: calc(100% + 14px);
}
.plyr__progress input[type="range"] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: 14px;
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 6px;
left: 0;
margin-top: -3px;
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 6px;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 6px;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
transition: width 0.2s ease;
}
.plyr--video .plyr__progress__buffer {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
color: hsla(0, 0%, 100%, 0.25);
}
.plyr--audio .plyr__progress__buffer {
color: rgba(183, 197, 205, 0.66);
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(
-45deg,
rgba(47, 52, 61, 0.6) 25%,
transparent 0,
transparent 50%,
rgba(47, 52, 61, 0.6) 0,
rgba(47, 52, 61, 0.6) 75%,
transparent 0,
transparent
);
background-repeat: repeat-x;
background-size: 25px 25px;
color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: hsla(0, 0%, 100%, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr__volume {
align-items: center;
display: flex;
flex: 1;
position: relative;
}
.plyr__volume input[type="range"] {
margin-left: 5px;
position: relative;
z-index: 2;
}
@media (min-width: 480px) {
.plyr__volume {
max-width: 90px;
}
}
@media (min-width: 768px) {
.plyr__volume {
max-width: 110px;
}
}
.plyr--is-ios.plyr--vimeo [data-plyr="mute"],
.plyr--is-ios .plyr__volume {
display: none !important;
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:fullscreen .plyr__video-embed {
overflow: visible;
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-webkit-full-screen .plyr__video-embed {
overflow: visible;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-moz-full-screen .plyr__video-embed {
overflow: visible;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-ms-fullscreen .plyr__video-embed {
overflow: visible;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr--fullscreen-fallback .plyr__video-embed {
overflow: visible;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads:after {
background: rgba(47, 52, 61, 0.8);
border-radius: 2px;
bottom: 10px;
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
z-index: 3;
}
.plyr__ads:after:empty {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 6px;
left: 0;
margin: -3px 0 0;
opacity: 0.8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
} .grid {
display: block;
list-style: none;
padding: 0;
margin: 0;
margin-left: -36px;
font-size: 0;
}
.grid__cell {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 100%;
padding: 0;
padding-left: 36px;
margin: 0;
vertical-align: top;
font-size: 1rem;
}
.grid--center {
text-align: center;
}
.grid--center > .grid__cell {
text-align: left;
}
.grid--middle > .grid__cell {
vertical-align: middle;
}
.grid--flush {
margin-left: 0;
}
.grid--flush > .grid__cell {
padding-left: 0;
}
.grid--large {
margin-left: -72px;
}
.grid--large > .grid__cell {
padding-left: 72px;
}
.grid--rev {
direction: rtl;
}
.grid--rev > .grid__cell {
direction: ltr;
}
.grid__cell--100 {
width: 100%;
}
.grid__cell--50 {
width: 50%;
}
.grid__cell--33 {
width: 33.33333%;
}
.grid__cell--66 {
width: 66.66667%;
}
.grid__cell--25 {
width: 25%;
}
.grid__cell--75 {
width: 75%;
}
.grid__cell--20 {
width: 20%;
}
.grid__cell--40 {
width: 40%;
}
.grid__cell--60 {
width: 60%;
}
.grid__cell--80 {
width: 80%;
}
.grid__cell--10 {
width: 10%;
}
.grid__cell--30 {
width: 30%;
}
.grid__cell--70 {
width: 70%;
}
.grid__cell--90 {
width: 90%;
}
@media (min-width: 1px) {
.grid__cell--100--utiny {
width: 100%;
}
.grid__cell--50--utiny {
width: 50%;
}
.grid__cell--33--utiny {
width: 33.33333%;
}
.grid__cell--66--utiny {
width: 66.66667%;
}
.grid__cell--25--utiny {
width: 25%;
}
.grid__cell--75--utiny {
width: 75%;
}
.grid__cell--20--utiny {
width: 20%;
}
.grid__cell--40--utiny {
width: 40%;
}
.grid__cell--60--utiny {
width: 60%;
}
.grid__cell--80--utiny {
width: 80%;
}
.grid__cell--10--utiny {
width: 10%;
}
.grid__cell--30--utiny {
width: 30%;
}
.grid__cell--70--utiny {
width: 70%;
}
.grid__cell--90--utiny {
width: 90%;
}
}
@media (max-width: 375px) {
.grid__cell--100--max-utiny {
width: 100%;
}
.grid__cell--50--max-utiny {
width: 50%;
}
.grid__cell--33--max-utiny {
width: 33.33333%;
}
.grid__cell--66--max-utiny {
width: 66.66667%;
}
.grid__cell--25--max-utiny {
width: 25%;
}
.grid__cell--75--max-utiny {
width: 75%;
}
.grid__cell--20--max-utiny {
width: 20%;
}
.grid__cell--40--max-utiny {
width: 40%;
}
.grid__cell--60--max-utiny {
width: 60%;
}
.grid__cell--80--max-utiny {
width: 80%;
}
.grid__cell--10--max-utiny {
width: 10%;
}
.grid__cell--30--max-utiny {
width: 30%;
}
.grid__cell--70--max-utiny {
width: 70%;
}
.grid__cell--90--max-utiny {
width: 90%;
}
}
@media (min-width: 375px) {
.grid__cell--100--tiny {
width: 100%;
}
.grid__cell--50--tiny {
width: 50%;
}
.grid__cell--33--tiny {
width: 33.33333%;
}
.grid__cell--66--tiny {
width: 66.66667%;
}
.grid__cell--25--tiny {
width: 25%;
}
.grid__cell--75--tiny {
width: 75%;
}
.grid__cell--20--tiny {
width: 20%;
}
.grid__cell--40--tiny {
width: 40%;
}
.grid__cell--60--tiny {
width: 60%;
}
.grid__cell--80--tiny {
width: 80%;
}
.grid__cell--10--tiny {
width: 10%;
}
.grid__cell--30--tiny {
width: 30%;
}
.grid__cell--70--tiny {
width: 70%;
}
.grid__cell--90--tiny {
width: 90%;
}
}
@media (max-width: 769px) {
.grid__cell--100--max-tiny {
width: 100%;
}
.grid__cell--50--max-tiny {
width: 50%;
}
.grid__cell--33--max-tiny {
width: 33.33333%;
}
.grid__cell--66--max-tiny {
width: 66.66667%;
}
.grid__cell--25--max-tiny {
width: 25%;
}
.grid__cell--75--max-tiny {
width: 75%;
}
.grid__cell--20--max-tiny {
width: 20%;
}
.grid__cell--40--max-tiny {
width: 40%;
}
.grid__cell--60--max-tiny {
width: 60%;
}
.grid__cell--80--max-tiny {
width: 80%;
}
.grid__cell--10--max-tiny {
width: 10%;
}
.grid__cell--30--max-tiny {
width: 30%;
}
.grid__cell--70--max-tiny {
width: 70%;
}
.grid__cell--90--max-tiny {
width: 90%;
}
}
@media (min-width: 615px) {
.grid__cell--100--tablet-small {
width: 100%;
}
.grid__cell--50--tablet-small {
width: 50%;
}
.grid__cell--33--tablet-small {
width: 33.33333%;
}
.grid__cell--66--tablet-small {
width: 66.66667%;
}
.grid__cell--25--tablet-small {
width: 25%;
}
.grid__cell--75--tablet-small {
width: 75%;
}
.grid__cell--20--tablet-small {
width: 20%;
}
.grid__cell--40--tablet-small {
width: 40%;
}
.grid__cell--60--tablet-small {
width: 60%;
}
.grid__cell--80--tablet-small {
width: 80%;
}
.grid__cell--10--tablet-small {
width: 10%;
}
.grid__cell--30--tablet-small {
width: 30%;
}
.grid__cell--70--tablet-small {
width: 70%;
}
.grid__cell--90--tablet-small {
width: 90%;
}
}
@media (max-width: 615px) {
.grid__cell--100--max-tablet-small {
width: 100%;
}
.grid__cell--50--max-tablet-small {
width: 50%;
}
.grid__cell--33--max-tablet-small {
width: 33.33333%;
}
.grid__cell--66--max-tablet-small {
width: 66.66667%;
}
.grid__cell--25--max-tablet-small {
width: 25%;
}
.grid__cell--75--max-tablet-small {
width: 75%;
}
.grid__cell--20--max-tablet-small {
width: 20%;
}
.grid__cell--40--max-tablet-small {
width: 40%;
}
.grid__cell--60--max-tablet-small {
width: 60%;
}
.grid__cell--80--max-tablet-small {
width: 80%;
}
.grid__cell--10--max-tablet-small {
width: 10%;
}
.grid__cell--30--max-tablet-small {
width: 30%;
}
.grid__cell--70--max-tablet-small {
width: 70%;
}
.grid__cell--90--max-tablet-small {
width: 90%;
}
}
@media (min-width: 769px) {
.grid__cell--100--small {
width: 100%;
}
.grid__cell--50--small {
width: 50%;
}
.grid__cell--33--small {
width: 33.33333%;
}
.grid__cell--66--small {
width: 66.66667%;
}
.grid__cell--25--small {
width: 25%;
}
.grid__cell--75--small {
width: 75%;
}
.grid__cell--20--small {
width: 20%;
}
.grid__cell--40--small {
width: 40%;
}
.grid__cell--60--small {
width: 60%;
}
.grid__cell--80--small {
width: 80%;
}
.grid__cell--10--small {
width: 10%;
}
.grid__cell--30--small {
width: 30%;
}
.grid__cell--70--small {
width: 70%;
}
.grid__cell--90--small {
width: 90%;
}
}
@media (min-width: 1024px) {
.grid__cell--100--medium {
width: 100%;
}
.grid__cell--50--medium {
width: 50%;
}
.grid__cell--33--medium {
width: 33.33333%;
}
.grid__cell--66--medium {
width: 66.66667%;
}
.grid__cell--25--medium {
width: 25%;
}
.grid__cell--75--medium {
width: 75%;
}
.grid__cell--20--medium {
width: 20%;
}
.grid__cell--40--medium {
width: 40%;
}
.grid__cell--60--medium {
width: 60%;
}
.grid__cell--80--medium {
width: 80%;
}
.grid__cell--10--medium {
width: 10%;
}
.grid__cell--30--medium {
width: 30%;
}
.grid__cell--70--medium {
width: 70%;
}
.grid__cell--90--medium {
width: 90%;
}
}
@media (max-width: 1024px) {
.grid__cell--100--max-medium {
width: 100%;
}
.grid__cell--50--max-medium {
width: 50%;
}
.grid__cell--33--max-medium {
width: 33.33333%;
}
.grid__cell--66--max-medium {
width: 66.66667%;
}
.grid__cell--25--max-medium {
width: 25%;
}
.grid__cell--75--max-medium {
width: 75%;
}
.grid__cell--20--max-medium {
width: 20%;
}
.grid__cell--40--max-medium {
width: 40%;
}
.grid__cell--60--max-medium {
width: 60%;
}
.grid__cell--80--max-medium {
width: 80%;
}
.grid__cell--10--max-medium {
width: 10%;
}
.grid__cell--30--max-medium {
width: 30%;
}
.grid__cell--70--max-medium {
width: 70%;
}
.grid__cell--90--max-medium {
width: 90%;
}
}
@media (min-width: 1200px) {
.grid__cell--100--large {
width: 100%;
}
.grid__cell--50--large {
width: 50%;
}
.grid__cell--33--large {
width: 33.33333%;
}
.grid__cell--66--large {
width: 66.66667%;
}
.grid__cell--25--large {
width: 25%;
}
.grid__cell--75--large {
width: 75%;
}
.grid__cell--20--large {
width: 20%;
}
.grid__cell--40--large {
width: 40%;
}
.grid__cell--60--large {
width: 60%;
}
.grid__cell--80--large {
width: 80%;
}
.grid__cell--10--large {
width: 10%;
}
.grid__cell--30--large {
width: 30%;
}
.grid__cell--70--large {
width: 70%;
}
.grid__cell--90--large {
width: 90%;
}
}
@media (max-width: 1200px) {
.grid__cell--100--max-large {
width: 100%;
}
.grid__cell--50--max-large {
width: 50%;
}
.grid__cell--33--max-large {
width: 33.33333%;
}
.grid__cell--66--max-large {
width: 66.66667%;
}
.grid__cell--25--max-large {
width: 25%;
}
.grid__cell--75--max-large {
width: 75%;
}
.grid__cell--20--max-large {
width: 20%;
}
.grid__cell--40--max-large {
width: 40%;
}
.grid__cell--60--max-large {
width: 60%;
}
.grid__cell--80--max-large {
width: 80%;
}
.grid__cell--10--max-large {
width: 10%;
}
.grid__cell--30--max-large {
width: 30%;
}
.grid__cell--70--max-large {
width: 70%;
}
.grid__cell--90--max-large {
width: 90%;
}
}
@media (max-width: 1600px) {
.grid__cell--100--max-extralarge {
width: 100%;
}
.grid__cell--50--max-extralarge {
width: 50%;
}
.grid__cell--33--max-extralarge {
width: 33.33333%;
}
.grid__cell--66--max-extralarge {
width: 66.66667%;
}
.grid__cell--25--max-extralarge {
width: 25%;
}
.grid__cell--75--max-extralarge {
width: 75%;
}
.grid__cell--20--max-extralarge {
width: 20%;
}
.grid__cell--40--max-extralarge {
width: 40%;
}
.grid__cell--60--max-extralarge {
width: 60%;
}
.grid__cell--80--max-extralarge {
width: 80%;
}
.grid__cell--10--max-extralarge {
width: 10%;
}
.grid__cell--30--max-extralarge {
width: 30%;
}
.grid__cell--70--max-extralarge {
width: 70%;
}
.grid__cell--90--max-extralarge {
width: 90%;
}
}
.slick-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
position: relative;
display: block;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url(//room2.com/app/themes/room2/dist/static/c5cd7f5300576ab4c88202b42f6ded62.gif) 50%
no-repeat;
}
@font-face {
font-family: slick;
src: url(//room2.com/app/themes/room2/dist/static/ced611daf7709cc778da928fec876475.eot);
src: url(//room2.com/app/themes/room2/dist/static/ced611daf7709cc778da928fec876475.eot?#iefix)
format("embedded-opentype"),
url(//room2.com/app/themes/room2/dist/static/b7c9e1e479de3b53f1e4e30ebac2403a.woff) format("woff"),
url(//room2.com/app/themes/room2/dist/static/d41f55a78e6f49a5512878df1737e58a.ttf) format("truetype"),
url(//room2.com/app/themes/room2/dist/static/526d7fdf63614222d376257221e8b754.svg#slick) format("svg");
font-weight: 400;
font-style: normal;
}
.slick-next,
.slick-prev {
position: absolute;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0;
border: none;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
background: transparent;
color: transparent;
outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
font-family: slick;
font-size: 20px;
line-height: 1;
color: #fff;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "\2190";
}
[dir="rtl"] .slick-prev:before {
content: "\2192";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "\2192";
}
[dir="rtl"] .slick-next:before {
content: "\2190";
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
}
.slick-dots li,
.slick-dots li button {
height: 20px;
width: 20px;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "\2022";
width: 20px;
height: 20px;
font-family: slick;
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: 0.75;
}
.datepicker--cells {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.datepicker--cell,
.datepicker--cells {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.datepicker--cell {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
position: relative;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
height: 32px;
z-index: 1;
font-weight: 600;
color: #000;
}
.datepicker--cell.-focus- span {
background: #f0f0f0;
}
.datepicker--cell.-current- {
color: #4eb5e6;
}
.datepicker--cell.-current-.-focus- {
color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range- {
color: #4eb5e6;
}
.datepicker--cell.-in-range- {
background: rgba(92, 196, 239, 0.1);
color: #4a4a4a;
border-radius: 0;
}
.datepicker--cell.-in-range-.-focus- {
background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell.-disabled- {
cursor: default;
color: #aeaeae;
}
.datepicker--cell.-disabled-.-focus- {
color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range- {
color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus- {
color: #aeaeae;
}
.datepicker--cell.-range-from- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 4px 0 0 4px;
}
.datepicker--cell.-range-to- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 0 4px 4px 0;
}
.datepicker--cell.-range-from-.-range-to- {
border-radius: 4px;
}
.datepicker--cell.-selected- {
color: #fff;
border: none;
}
.datepicker--cell.-selected- span {
background: #e65043;
border-radius: 100%;
width: 25px;
height: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.datepicker--cell.-selected-.-current- {
color: #fff;
}
.datepicker--cell.-selected-.-current- span,
.datepicker--cell.-selected-.-focus- span {
background: #e65043;
border-radius: 100%;
width: 25px;
height: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.datepicker--cell:empty {
cursor: default;
}
.datepicker--days-names {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 8px 0 3px;
}
.datepicker--day-name,
.datepicker--days-names {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.datepicker--day-name {
color: #000;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-flex: 1;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
text-align: center;
text-transform: uppercase;
font-size: 0.8em;
font-weight: 600;
}
.datepicker--cell-day {
width: 14.28571%;
}
.datepicker--cells-months {
height: 170px;
}
.datepicker--cell-month {
width: 33.33%;
height: 25%;
}
.datepicker--cells-years,
.datepicker--years {
height: 170px;
}
.datepicker--cell-year {
width: 25%;
height: 33.33%;
}
.datepickers-container {
position: absolute;
left: 0;
top: 0;
}
@media print {
.datepickers-container {
display: none;
}
}
.datepicker {
background: #f8f8f8;
border: 0;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-webkit-box-sizing: content-box;
box-sizing: content-box;
font-family: Tahoma, sans-serif;
font-size: 14px;
color: #4a4a4a;
width: 250px;
position: absolute;
left: -100000px;
opacity: 0;
transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
-webkit-transition: opacity 0.3s ease, left 0s 0.3s,
-webkit-transform 0.3s ease;
-o-transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s,
-webkit-transform 0.3s ease;
z-index: 100;
}
.datepicker.-from-top- {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.datepicker.-from-right- {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
}
.datepicker.-from-bottom- {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
.datepicker.-from-left- {
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px);
}
.datepicker.active {
opacity: 1;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
-webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
-o-transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s,
-webkit-transform 0.3s ease;
}
.datepicker-inline .datepicker {
border-color: #d7d7d7;
-webkit-box-shadow: none;
box-shadow: none;
position: static;
left: auto;
right: auto;
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.datepicker-inline .datepicker--pointer {
display: none;
}
.datepicker--content {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 4px;
}
.-only-timepicker- .datepicker--content {
display: none;
}
.datepicker--pointer {
position: absolute;
background: #fff;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
width: 10px;
height: 10px;
display: none;
z-index: -1;
}
.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
top: -webkit-calc(100% - 4px);
top: calc(100% - 4px);
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
right: -webkit-calc(100% - 4px);
right: calc(100% - 4px);
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
bottom: -webkit-calc(100% - 4px);
bottom: calc(100% - 4px);
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
left: -webkit-calc(100% - 4px);
left: calc(100% - 4px);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
left: 10px;
}
.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
right: 10px;
}
.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
left: -webkit-calc(50% - 10px/2);
left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
top: 10px;
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
bottom: 10px;
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
top: -webkit-calc(50% - 10px/2);
top: calc(50% - 10px / 2);
}
.datepicker--body {
display: none;
}
.datepicker--body.active {
display: block;
}
.datepicker--nav {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
border-bottom: 0;
min-height: 32px;
padding: 20px 4px 10px;
}
.-only-timepicker- .datepicker--nav {
display: none;
}
.datepicker--nav-action,
.datepicker--nav-title {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
cursor: pointer;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
color: #000;
text-transform: uppercase;
font-weight: 700;
}
.datepicker--nav-action {
width: 32px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 32px;
background: #1a2b53;
color: #fff;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
border-radius: 100%;
}
.datepicker--nav-action.-disabled- {
visibility: hidden;
}
.datepicker--nav-action svg {
width: 32px;
height: 32px;
}
.datepicker--nav-action path {
fill: none;
stroke: #fff;
stroke-width: 2px;
}
.datepicker--nav-title {
border-radius: 4px;
padding: 0 8px;
}
.datepicker--nav-title i {
font-style: normal;
color: #9c9c9c;
margin-left: 5px;
}
.datepicker--nav-title:hover {
background: #f0f0f0;
}
.datepicker--nav-title.-disabled- {
cursor: default;
background: none;
}
.datepicker--buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
padding: 4px;
border-top: 1px solid #efefef;
}
.datepicker--button {
color: #4eb5e6;
cursor: pointer;
border-radius: 4px;
-webkit-flex: 1;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 32px;
}
.datepicker--button:hover {
color: #4a4a4a;
background: #f0f0f0;
}
.datepicker--time {
border-top: 1px solid #efefef;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 4px;
position: relative;
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
-webkit-flex: 0 1 138px;
-ms-flex: 0 1 138px;
-webkit-box-flex: 0;
flex: 0 1 138px;
max-width: 138px;
}
.-only-timepicker- .datepicker--time {
border-top: none;
}
.datepicker--time-sliders {
-webkit-flex: 0 1 153px;
-ms-flex: 0 1 153px;
-webkit-box-flex: 0;
flex: 0 1 153px;
margin-right: 10px;
max-width: 153px;
}
.datepicker--time-label {
display: none;
font-size: 12px;
}
.datepicker--time-current {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
font-size: 14px;
text-align: center;
margin: 0 0 0 10px;
}
.datepicker--time-current-colon {
margin: 0 2px 3px;
line-height: 1;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
line-height: 1;
font-size: 19px;
font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
position: relative;
z-index: 1;
}
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
content: "";
background: #f0f0f0;
border-radius: 4px;
position: absolute;
left: -2px;
top: -3px;
right: -2px;
bottom: -2px;
z-index: -1;
opacity: 0;
}
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
opacity: 1;
}
.datepicker--time-current-ampm {
text-transform: uppercase;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #9c9c9c;
margin-left: 6px;
font-size: 11px;
margin-bottom: 1px;
}
.datepicker--time-row {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
font-size: 11px;
height: 17px;
background: -webkit-gradient(
linear,
left top,
right top,
from(#dedede),
to(#dedede)
)
left 50%/100% 1px no-repeat;
background: -o-linear-gradient(left, #dedede, #dedede) left 50%/100% 1px
no-repeat;
background: linear-gradient(90deg, #dedede, #dedede) left 50%/100% 1px
no-repeat;
}
.datepicker--time-row:first-child {
margin-bottom: 4px;
}
.datepicker--time-row input[type="range"] {
background: none;
cursor: pointer;
-webkit-flex: 1;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
height: 100%;
padding: 0;
margin: 0;
-webkit-appearance: none;
}
.datepicker--time-row input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
}
.datepicker--time-row input[type="range"]::-ms-tooltip {
display: none;
}
.datepicker--time-row input[type="range"]:hover::-webkit-slider-thumb {
border-color: #b8b8b8;
}
.datepicker--time-row input[type="range"]:hover::-moz-range-thumb {
border-color: #b8b8b8;
}
.datepicker--time-row input[type="range"]:hover::-ms-thumb {
border-color: #b8b8b8;
}
.datepicker--time-row input[type="range"]:focus {
outline: none;
}
.datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb {
background: #5cc4ef;
border-color: #5cc4ef;
}
.datepicker--time-row input[type="range"]:focus::-moz-range-thumb {
background: #5cc4ef;
border-color: #5cc4ef;
}
.datepicker--time-row input[type="range"]:focus::-ms-thumb {
background: #5cc4ef;
border-color: #5cc4ef;
}
.datepicker--time-row input[type="range"]::-webkit-slider-thumb {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
}
.datepicker--time-row input[type="range"]::-moz-range-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
}
.datepicker--time-row input[type="range"]::-ms-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
}
.datepicker--time-row input[type="range"]::-webkit-slider-thumb {
margin-top: -6px;
}
.datepicker--time-row input[type="range"]::-webkit-slider-runnable-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent;
}
.datepicker--time-row input[type="range"]::-moz-range-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent;
}
.datepicker--time-row input[type="range"]::-ms-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent;
}
.datepicker--time-row input[type="range"]::-ms-fill-lower,
.datepicker--time-row input[type="range"]::-ms-fill-upper {
background: transparent;
}
.datepicker--time-row span {
padding: 0 12px;
}
.datepicker--time-icon {
color: #9c9c9c;
border: 1px solid;
border-radius: 50%;
font-size: 16px;
position: relative;
margin: 0 5px -1px 0;
width: 1em;
height: 1em;
}
.datepicker--time-icon:after,
.datepicker--time-icon:before {
content: "";
background: currentColor;
position: absolute;
}
.datepicker--time-icon:after {
height: 0.4em;
width: 1px;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.datepicker--time-icon:after,
.datepicker--time-icon:before {
left: -webkit-calc(50% - 1px);
left: calc(50% - 1px);
top: -webkit-calc(50% + 1px);
top: calc(50% + 1px);
}
.datepicker--time-icon:before {
width: 0.4em;
height: 1px;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none;
}
.select2-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"]
.select2-selection--single
.select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container
.select2-search--inline
.select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default
.select2-selection--single
.select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
}
.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
color: #999;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
border-color: #888 transparent transparent;
border-style: solid;
border-width: 5px 4px 0;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"]
.select2-selection--single
.select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"]
.select2-selection--single
.select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled
.select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled
.select2-selection--single
.select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
border-color: transparent transparent #888;
border-width: 0 4px 5px;
}
.select2-container--default .select2-selection--multiple {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered {
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
li {
list-style: none;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: 700;
margin-right: 2px;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"]
.select2-selection--multiple
.select2-search--inline,
.select2-container--default[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice,
.select2-container--default[dir="rtl"]
.select2-selection--multiple
.select2-selection__placeholder {
float: right;
}
.select2-container--default[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus
.select2-selection--multiple {
border: 1px solid #000;
outline: 0;
}
.select2-container--default.select2-container--disabled
.select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled
.select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above
.select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above
.select2-selection--single {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--single {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__group {
padding-left: 0;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: #fff;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(50%, #fff),
to(#eee)
);
background-image: linear-gradient(180deg, #fff 50%, #eee);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic
.select2-selection--single
.select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic
.select2-selection--single
.select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
margin-right: 10px;
}
.select2-container--classic
.select2-selection--single
.select2-selection__placeholder {
color: #999;
}
.select2-container--classic
.select2-selection--single
.select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(50%, #eee),
to(#ccc)
);
background-image: linear-gradient(180deg, #eee 50%, #ccc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0);
}
.select2-container--classic
.select2-selection--single
.select2-selection__arrow
b {
border-color: #888 transparent transparent;
border-style: solid;
border-width: 5px 4px 0;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"]
.select2-selection--single
.select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"]
.select2-selection--single
.select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open
.select2-selection--single
.select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
border-color: transparent transparent #888;
border-width: 0 4px 5px;
}
.select2-container--classic.select2-container--open.select2-container--above
.select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#fff),
color-stop(50%, #eee)
);
background-image: linear-gradient(180deg, #fff 0, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below
.select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(50%, #eee),
to(#fff)
);
background-image: linear-gradient(180deg, #eee 50%, #fff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic
.select2-selection--multiple
.select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic
.select2-selection--multiple
.select2-selection__clear {
display: none;
}
.select2-container--classic
.select2-selection--multiple
.select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic
.select2-selection--multiple
.select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: 700;
margin-right: 2px;
}
.select2-container--classic
.select2-selection--multiple
.select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open
.select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above
.select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below
.select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
color: grey;
}
.select2-container--classic
.select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
padding-bottom: 1.5em;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
#wpadminbar img {
max-height: none;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 769px) {
html {
width: 100%;
overflow-x: hidden;
}
}
html.html-fixed {
position: fixed;
}
body {
background-color: #fff;
font-family: AtlasGrotesk-Regular, Arial, sans-serif;
margin: 0;
overflow-x: hidden;
}
body select.s2 {
visibility: hidden;
}
body.tiled-bg {
background: url(//room2.com/app/themes/room2/dist/static/4a2e010a84c165d65bab1723bcdfe482.png) repeat;
background-size: 40px 40px;
position: relative;
}
body.tiled-bg:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #1a2b53;
opacity: 0.99;
z-index: 1;
}
body.tiled-bg > .container,
body.tiled-bg > .footer-form,
body.tiled-bg > .site-footer {
position: relative;
z-index: 2;
}
body.tiled-bg > .site-footer {
background: none;
}
body.tiled-bg > .site-footer:before {
content: none;
}
body.tiled-bg .hamburger-menu__toggle span {
background: #fff;
}
body.tiled-bg .header-logo a {
background: url(//room2.com/app/themes/room2/dist/static/00d5fa8c472aa572585da269ae21393a.png) no-repeat !important;
background-size: 100% 100% !important;
}
body.tiled-bg .static-content-block {
color: #fff;
}
body.tiled-bg.header-fixed .hamburger-menu__toggle span {
background: #000;
}
body.tiled-bg.header-fixed .header-logo a {
background: url(//room2.com/app/themes/room2/dist/static/e646363cb26ba2169d3a81d9eb13dc26.png) no-repeat !important;
background-size: 100% 100% !important;
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
img {
border-width: 0;
display: block;
height: auto;
max-width: 100%;
}
ul {
padding-left: 18px;
}
[data-responsive-bg] {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
[data-responsive-bg] > img,
[data-responsive-bg] > picture {
display: none;
}
.pointer {
cursor:pointer;
}
.fade:hover {
opacity: 0.7 !important;
transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-webkit-transition: opacity .15s ease-in-out;
}
.h-clear {
clear: both;
}
.h-clearfix:after {
clear: both;
content: "";
display: table;
}
.h-text-center {
text-align: center;
}
.h-text-left {
text-align: left;
}
.h-text-right {
text-align: right;
}
.h-text-justify {
text-align: justify;
}
.h-pull-left {
float: left;
}
.h-pull-right {
float: right;
}
.h-hide,
.h-show-small {
display: none;
}
@media (min-width: 769px) {
.h-show-small {
display: block;
}
}
.h-show-medium {
display: none;
}
@media (min-width: 1024px) {
.h-show-medium {
display: block;
}
}
.h-hide-small {
display: block;
}
@media (min-width: 769px) {
.h-hide-small {
display: none;
}
}
.h-hide-medium {
display: block;
}
@media (min-width: 1024px) {
.h-hide-medium {
display: none;
}
}
html {
font-size: 62.5%;
}
body {
color: #000;
font-size: 1.8rem;
}
button,
input,
optgroup,
select,
textarea {
font-size: 1.6rem;
}
.grid {
margin-left: -30px;
}
@media (min-width: 1024px) {
.grid {
margin-left: -36px;
}
}
.grid__cell {
font-size: 1.6rem;
line-height: 1.25;
padding-left: 30px;
}
@media (min-width: 1024px) {
.grid__cell {
padding-left: 36px;
}
}
.uk-icon-button {
margin:0 5px;
box-sizing: border-box;
width: 36px;
height: 36px;
border-radius: 500px;
background: #fff;
color: #6c6d74;
vertical-align: middle;
display: inline-flex;
justify-content: center;
align-items: center;
transition: .1s ease-in-out;
transition-property: color, background-color, background-size, border-color, box-shadow;
border: 1px solid #e5e5e7;
}
.uk-icon {
margin: 0;
border: none;
border-radius: 0;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
padding: 0;
background-color: transparent;
display: inline-block;
fill: currentcolor;
line-height: 0;
}
a {
color: inherit;
outline: 0;
}
a,
a:focus,
a:hover {
text-decoration: none;
}
p {
margin: 15px 0;
}
@media (min-width: 1024px) {
p {
margin: 20px 0;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin: 0;
padding: 0;
}
.btn {
background: #223663;
color: #fff;
display: inline-block;
font-family: Roboto-Black, Arial, sans-serif;
font-size: 1rem;
padding: 6px 17px 5px;
text-align: center;
text-transform: uppercase;
-webkit-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.btnBig {
padding:0px 40px;
line-height: 53px;
font-size:16px;
font-weight: 700;
}
.btnRed, .btnWhite {
line-height:53px !important;
padding:0px 40px !important;
text-transform: inherit !important;
font-size:16px !important;
font-weight:400 !important;
border:1px solid transparent !important;
}
.btnRed {
background-color:#e44e56 !important;
color:#fff !important;
}
.btnWhite {
background-color:#fff !important;
color:#1a2b53 !important;
}
.btnRed:hover, .btnWhite:hover {
background-color:#1a2b53 !important;
color:#fff !important;
border:1px solid #fff !important;
}
.btn:active,
.btn:focus,
.btn:hover {
color: #fff;
background: #15213d;
text-decoration: none;
}
@media (min-width: 769px) {
.btn {
font-size: 1.4rem;
line-height: 1.8rem;
padding: 12px 32px 9px;
}
}
.shortcode-button {
display: block;
overflow: hidden;
margin: 20px 0;
}
.shortcode-button a {
display: inline-block !important;
padding: 0 20px !important;
width: auto;
height: 42px;
line-height: 42px;
text-align: center;
color: #fff;
background: #e65043;
font-size: 1.5rem;
margin: 25px 0 0;
}
.shortcode-button.aligned-left {
text-align: left;
}
.shortcode-button.aligned-right {
text-align: right;
}
.shortcode-button.aligned-center {
text-align: center;
}
.btn--white {
background: #fff;
color: #223663;
}
.btn--white:active,
.btn--white:focus,
.btn--white:hover {
background: #fff;
color: #15213d;
}  @font-face {
font-family: AtlasGrotesk-Medium;
src: url(//room2.com/app/themes/room2/dist/static/50b708d363219f489e690aa145beae19.eot);
src: url(//room2.com/app/themes/room2/dist/static/50b708d363219f489e690aa145beae19.eot?#iefix)
format("embedded-opentype"),
url(//room2.com/app/themes/room2/dist/static/154e982a1958a8d8272d96fcbdc9006a.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: AtlasGrotesk-Regular;
src: url(//room2.com/app/themes/room2/dist/static/06429017eeb8a599b428ae747dc5cc3d.eot);
src: url(//room2.com/app/themes/room2/dist/static/06429017eeb8a599b428ae747dc5cc3d.eot?#iefix)
format("embedded-opentype"),
url(//room2.com/app/themes/room2/dist/static/95925f88a015e4652e3d808b6da6c110.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: AtlasGrotesk-Light;
src: url(//room2.com/app/themes/room2/dist/static/46dc6a1b3bffdc40659c817b3ece7a44.eot);
src: url(//room2.com/app/themes/room2/dist/static/46dc6a1b3bffdc40659c817b3ece7a44.eot?#iefix)
format("embedded-opentype"),
url(//room2.com/app/themes/room2/dist/static/8d46ce98e86ce0c16aa35a6222b26998.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: AtlasGrotesk-Black;
src: url(//room2.com/app/themes/room2/dist/static/6918b22f67a36c4b175950a78b6b429d.eot);
src: url(//room2.com/app/themes/room2/dist/static/6918b22f67a36c4b175950a78b6b429d.eot?#iefix)
format("embedded-opentype"),
url(//room2.com/app/themes/room2/dist/static/85c48f706215b5f6acb5996bc26f25c6.woff) format("woff");
font-weight: 400;
font-style: normal;
} @font-face {
font-family: Libre Baskerville Italic;
font-style: italic;
font-weight: 400;
src: local("Libre Baskerville Italic"), local("LibreBaskerville-Italic"),
url(https://fonts.gstatic.com/s/librebaskerville/v5/kmKhZrc3Hgbbcjq75U4uslyuy4kn0qNcWxEQDA.woff2)
format("woff2");
unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215,
u+feff, u+fffd;
}
@font-face {
font-family: Libre Baskerville;
font-style: normal;
font-weight: 400;
src: local("Libre Baskerville"), local("LibreBaskerville-Regular"),
url(https://fonts.gstatic.com/s/librebaskerville/v5/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM.woff2)
format("woff2");
unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215,
u+feff, u+fffd;
}
@font-face {
font-family: Libre Baskerville Bold;
font-style: normal;
font-weight: 700;
src: local("Libre Baskerville Bold"), local("LibreBaskerville-Bold"),
url(https://fonts.gstatic.com/s/librebaskerville/v5/kmKiZrc3Hgbbcjq75U4uslyuy4kn0qviTgY3KcA.woff2)
format("woff2");
unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215,
u+feff, u+fffd;
}
@font-face {
font-family: Freeland;
src: url(//room2.com/app/themes/room2/dist/static/af3e0fdb013a9ad377a84dd4ce73b132.otf);
font-weight: 400;
font-style: normal;
}
.content {
max-width: 1380px;
margin: 0 auto;
position: relative;
padding: 0 20px;
}
@media (max-width: 1024px) {
.content {
padding: 0 15px;
}
}
.content-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-footer {
padding: 30px 0 40px 0;
background: #203260;
position: relative;
}
.site-footer:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #1a2b53;
opacity: 0.99;
z-index: 1;
}
.site-footer .section-container {
align-items: center;
position: relative;
z-index: 2;
padding:0px 50px;
max-width:1600px;
display: flex;
justify-content: space-between;
align-items: left;
}
#footer-left, #footer-right {
width: calc((100% - 1.5 * 2) / 2); flex-shrink: 0; }
#footer-right {
max-width:320px;
}
#footer-right .btn {
padding: 0px 25px !important;
line-height: 45px !important;
width: 100%;
text-transform: uppercase !important;
font-family: AtlasGrotesk-Black, Arial, sans-serif;
font-size: 14px !important;
}
#footer-right .btn:nth-of-type(1) {
margin-bottom:15px;
}
#footer-right h2 {
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
margin-top:20px;
text-transform: uppercase;
color:#fff;
font-size: 18px;
font-weight: 600;
}
#footer::before {
content: "";
width: 1.5em;
}
#footer-lg-logo, #footer-partner-logos {
display:block;
}
#footer-lg-logo {
display:block;
height:auto;
font-size:12px;
color:#fff;
margin:30px 0px 45px 0px;
}
#footer-lg-logo img {
height:40px;
display:inline;
position: relative;
top:10px;
left:15px;
}
#footer-partner-logos img {
height:58px;
width:auto;
display: inline;
}
#footer-r2-logo {
height:40px;
width:auto;
display:inline-block;
position: relative;
top:28px;
margin-right:30px;
}
.footer-menu {
display:inline-block;
}
.footer-menu ul {
padding: 0;
margin: 0;
list-style-type: none;
color: #fff;
font-size: 13px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 10px;
}
#footer-partner-logos {
margin-top:25px;
}
.bcorpfooter, .carbonlogofooter {
margin-left:30px;
}
.asaplogofooter  {
margin-left:25px;
}
.bcorpfooter img {
width:45px;
height:auto;
}
.carbonlogofooter {
width: 150px;
}
.footer-social a {
display: inline-block;
margin-right: 14px;
margin:22px 12px 22px 0px;
}
.footer-social a[data-social="twitter"] {
width: 16px;
height: 13px;
background: url(//room2.com/app/themes/room2/dist/static/0b312c526b9478f08e94cb96794617d1.svg) no-repeat;
background-size: 100% 100%;
}
.footer-social a[data-social="instagram"] {
width: 16px;
height: 16px;
background: url(//room2.com/app/themes/room2/dist/static/3b91183987f0cc87b21b6719f3c67ace.svg) no-repeat;
background-size: 100% 100%;
}
.footer-social a[data-social="tripadvisor"] {
width: 20px;
height: 12px;
background: url(//room2.com/app/themes/room2/dist/static/53aca13a3524b993fdc48280bc02a3b4.svg) no-repeat;
background-size: 100% 100%;
}
.footer-social a[data-social="facebook"] {
width: 10px;
height: 16px;
background: url(//room2.com/app/themes/room2/dist/static/6fb2f13560c5f6678e610ed5fa683743.svg) no-repeat;
background-size: 100% 100%;
}
.footer-social a[data-social="linkedin"] {
width: 17px;
height: 16px;
background: url(//room2.com/app/themes/room2/dist/static/f1a19b22e7b22b423d1963c3228fa777.svg) no-repeat;
background-size: 100% 100%;
}
#footer-kinsta-tag {
font-size:10px;
color:#fff;
}
@media (max-width: 980px) {
#footer-right {
max-width:350px;
}
}
@media (max-width: 850px) {
.site-footer .section-container {
display:grid;
grid-template-columns: 1fr;
grid-template-areas: 
"item2"
"item1";
}
#footer-left {
grid-area: item1;
}
#footer-right {
margin:0px 0px 50px 0px;
grid-area: item2;
}
#footer-left, #footer-right {
width: 100%;
max-width: 100%;
flex-shrink: inherit;
}
}
@media (max-width: 480px) {
#footer-partner-logos img {
height:48px;
}
}
@media (max-width: 430px) {
.footer-menu ul {
grid-column-gap: 10px;
}
#footer-r2-logo {
height:30px;
width:auto;
top:24px;
margin-right:20px;
}
.bcorpfooter, .carbonlogofooter {
margin-left:20px;
}
}
@media (max-width: 400px) {
#footer-partner-logos img {
height:38px;
}
}
@media (max-width: 375px) {
#footer-r2-logo {
height:20px;
top:20px;
margin-right:10px;
}
.footer-menu ul {
grid-column-gap:5px;
}
}
.ctcc-left-side {
margin: 0 auto !important;
font-size: 1.3rem !important;
color: #a0a0a0 !important;
padding: 0 25px !important;
}
.ctcc-left-side .ctcc-more-info-link {
text-decoration: underline !important;
color: #a0a0a0 !important;
}
.x_close span {
height: 2px !important;
}
#catapult-cookie-bar .x_close span {
background-color: #a0a0a0 !important;
}
.header {
min-height: 182px;
position: relative;
top: 0;
margin-bottom: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: top 0.6s ease, -webkit-transform 0.6s ease;
transition: top 0.6s ease, -webkit-transform 0.6s ease;
-o-transition: transform 0.6s ease, top 0.6s ease;
transition: transform 0.6s ease, top 0.6s ease;
transition: transform 0.6s ease, top 0.6s ease, -webkit-transform 0.6s ease;
z-index: 2;
}
.home .header {
background-color:#fff;
height:auto;
min-height:inherit;
}
.home.header-fixed .header {
background-color:#fff;
height:180px;
}
.home .header_block {
height:100px;
}
.home.menu-open .header {
background-color:transparent;
}
@media (max-width: 1024px) {
.header {
min-height: 105px;
}
.home .header_block {
height:70px;
}
body.home.header-fixed .header-logo {
top:40px !important;
}
.home.header-fixed .header {
height:70px;
top:-90px;
min-height:inherit;
}
.home .header {
height:70px;
}
}
.header__top {
height: 71px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 0 0;
z-index: 3;
background: #fff;
}
@media (max-width: 1024px) {
.header__top {
height: 65px;
padding: 0;
}
.header-booking {
margin-top:15px;
}
#headerLogin {
top:-5px;
}
}
.header__bottom {
height: 111px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 45px 0;
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
z-index: 1;
}
@media (max-width: 1024px) {
.header__bottom {
height: 30px;
padding: 10px 0;
}
}
.header.landing-up {
top: -182px;
}
.header.landing-down,
.header.landing-up {
-webkit-transition: top 0.6s ease, margin-bottom 0.6s ease;
-o-transition: top 0.6s ease, margin-bottom 0.6s ease;
transition: top 0.6s ease, margin-bottom 0.6s ease;
}
.header.landing-down {
top: 0;
margin-bottom: 0;
}
.header.simple-header {
min-height: 105px ;
}
.header.simple-header .content {
height: 100%;
}
.header.simple-header .header__top {
background: transparent;
margin-bottom: 30px;
}
.header.simple-header .header__bottom {
display: none;
}
.header.simple-header .header-logo a {
background: url(//room2.com/app/themes/room2/dist/static/e646363cb26ba2169d3a81d9eb13dc26.png) no-repeat;
background-size: 100% 100% !important;
}
@media (max-width: 1024px) {
.header .header-location__dropdown {
display: none;
}
}
body {
padding-top: 0;
}
@media (max-width: 1024px) {
body {
cursor: pointer;
}
}
body.header-normal .header {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
body.header-fixed {
padding-top: 150px;
}
body.header-fixed .header {
position: fixed !important;
top: -182px;
left: 0;
width: 100%;
background: #fff;
-webkit-transform: translateY(111px);
-ms-transform: translateY(111px);
transform: translateY(111px);
-webkit-box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.2);
z-index: 100;
-webkit-transition: -webkit-transform 0.6s ease;
transition: -webkit-transform 0.6s ease;
-o-transition: transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
@media (max-width: 1024px) {
body.header-fixed .header {
min-height: 145px;
-webkit-transform: translateY(85px);
-ms-transform: translateY(85px);
transform: translateY(85px);
}
}
body.header-fixed .header .header-location__dropdown {
display: none;
}
body.header-fixed .header .hamburger-menu,
body.header-fixed .header .header-booking {
-webkit-transform: translateY(76px);
-ms-transform: translateY(76px);
transform: translateY(76px);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: 0.3s transform ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (max-width: 1024px) {
body.header-fixed .header .hamburger-menu,
body.header-fixed .header .header-booking {
-webkit-transform: translateY(120px);
-ms-transform: translateY(120px);
transform: translateY(120px);
}
}
body.header-fixed .header .hamburger-menu.form-toggled,
body.header-fixed .header .header-booking.form-toggled {
-webkit-transform: translateY(224px);
-ms-transform: translateY(224px);
transform: translateY(224px);
}
body.header-fixed .header .header-form {
z-index: 3;
-webkit-transform: translateY(-300%);
-ms-transform: translateY(-300%);
transform: translateY(-300%);
margin-bottom: -148px;
will-change: margin-bottom, transform;
}
@media (max-width: 1024px) {
body.header-fixed .header .header-form {
-webkit-transform: translateY(-600%);
-ms-transform: translateY(-600%);
transform: translateY(-600%);
}
}
body.header-fixed .header .header-form.visible {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin-bottom: 0;
}
@media (max-width: 1024px) {
body.header-fixed .header__bottom {
height: 105px;
padding: 10px 0;
}
}
@media (max-width: 1024px) {
body.header-fixed .header__top {
height: 75px;
}
}
body.header-fixed .simple-header {
min-height: 182px;
padding-bottom: 111px;
}
body.header-fixed .simple-header .header__top {
margin-bottom: 0;
}
@media (max-width: 1024px) {
body.header-fixed .simple-header .header__top {
height: 70px;
}
}
@media (max-width: 1024px) {
body.header-fixed .simple-header .hamburger-menu,
body.header-fixed .simple-header .header-booking {
-webkit-transform: translateY(105px);
-ms-transform: translateY(105px);
transform: translateY(105px);
}
}
body.header-fixed .simple-header .header-logo {
top: -webkit-calc(50% + 92px);
top: calc(50% + 92px);
}
@media (max-width: 1024px) {
body.header-fixed .simple-header .header-logo {
top: -webkit-calc(50% + 105px);
top: calc(50% + 105px);
}
}
body.header-fixed .simple-header .header-form {
z-index: 2;
-webkit-transform: translateY(-600%);
-ms-transform: translateY(-600%);
transform: translateY(-600%);
margin-bottom: -148px;
will-change: margin-bottom, transform;
}
@media (max-width: 1024px) {
body.header-fixed .simple-header .header-form {
-webkit-transform: translateY(-600%);
-ms-transform: translateY(-600%);
transform: translateY(-600%);
}
}
body.header-fixed .simple-header .header-form.visible {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin-bottom: 0;
}
body.header-fixed.admin-bar .header {
top: -150px;
}
@media (max-width: 1024px) {
body.header-fixed.admin-bar .header {
top: -190px;
}
}
@media (max-width: 1024px) {
body.header-fixed.admin-bar.header-fixed .simple-header .header-logo {
top: -webkit-calc(50% + 105px);
top: calc(50% + 105px);
}
}
body.home .header {
position: relative;
margin-bottom: -71px;
width: 100%;
z-index: 100;
}
body.home .header .content {
height: 100%;
max-width: none;
padding: 0 50px;
}
@media (max-width: 1024px) {
body.home .header .content {
padding: 0 15px;
}
}
@media (max-width: 1024px) {
body.home .header .hamburger-menu,
body.home .header .header-booking {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
body.home .header__top {
background: transparent;
}
body.home .header-logo {
top: -webkit-calc(50% + 15px);
top: calc(50% + 15px);
}
body.home.header-fixed .header-logo {
top: 125px
}
@media (max-width: 1024px) {
body.home .header-logo {
top: 50%;
}
}
body.home .header__bottom {
display: none;
}
body.home.menu-open .header {
z-index: 100;
}
.menu-open .header {
height: 71px;
min-height: 71px;
}
.menu-open .header .content {
height: 100%;
}
.menu-open .header-logo a {
background: url(//room2.com/app/themes/room2/dist/static/00d5fa8c472aa572585da269ae21393a.png) no-repeat !important;
background-size: 100% 100% !important;
}
.menu-open .hamburger-menu__toggle {
width: 34px;
height: 34px;
}
@media (max-width: 1024px) {
.menu-open .hamburger-menu__toggle {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
}
.menu-open .hamburger-menu__toggle span {
-webkit-transform: rotate(45deg) scale(1.3);
-ms-transform: rotate(45deg) scale(1.3);
transform: rotate(45deg) scale(1.3);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.menu-open .hamburger-menu__toggle span:last-child {
-webkit-transform: rotate(-45deg) scale(1.3);
-ms-transform: rotate(-45deg) scale(1.3);
transform: rotate(-45deg) scale(1.3);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.hamburger-menu__toggle {
width: 28px;
height: 14px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 1024px) {
.hamburger-menu__toggle {
width: 25px;
height: 10px;
}
}
.hamburger-menu__toggle span {
display: inline-block;
width: 100%;
height: 2px;
background: #000;
}
.hamburger-menu__toggle span:last-child {
margin-top: auto;
}
.hamburger-menu__list {
display: none;
}
.header-logo {
position: absolute;
left: 50%;
top: -webkit-calc(50% + 15px);
top: calc(50% + 15px);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
.header-logo {
top: 50%;
}
}
.header-logo a {
display: block;
width: 108px;
height: 28px;
background: url(//room2.com/app/themes/room2/dist/static/78aebd06b18ccd9db1c55371b9c99274.png);
background-repeat: no-repeat;
background-size: 100% 100%;
text-indent: 200%;
overflow: hidden;
}
@media (max-width: 1024px) {
.header-logo a {
width: 90px;
height: 23px;
}
}
.logo-black .header-logo a {
background: url(//room2.com/app/themes/room2/dist/static/e646363cb26ba2169d3a81d9eb13dc26.png) !important;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.header-booking {
margin-left: auto;
}
.header-booking .header-book-btn {
display: block;
background: #e65043;
color: #fff;
font-size: 1.5rem;
padding: 12px 20px;
} #headerLogin {
position:absolute;  
left:-120px; 
padding:10px 20px;
background-color:#fff;
color:#e65043;
border:2px solid #e65043;
font-size:20px;
}
@media only screen and (max-width: 1024px) {
#headerLogin {
padding:4.5px 15px;
}
.header-booking .header-book-btn {
padding: 6px 15px;
font-size: 1.5rem;
position: relative;
top: -5px;
}
}
@media only screen and (max-width: 770px) {
.header-booking .header-book-btn {
padding: 8px 8px !important;
font-size: 14px !important;
}
#headerLogin {
left:-70px;
padding: 6px 6px !important;
font-size: 14px !important;
}
}
@media (max-width: 550px) {
.header-booking .header-book-btn span {
display:none;
}
}
@media (max-width: 450px) {
.header-booking .header-book-btn {
width:60px;
text-align: center;
padding: 7px 7px !important;
font-size: 13px !important;
line-height: 13px !important;
}
#headerLogin {
left:0px;
top:32px;
width:60px;
text-align: center;
padding: 5px 5px !important;
font-size: 13px !important;
line-height: 13px !important;
}
.menu-open .header-booking  {
margin-right:11px;
}
}
.header-location {
color: #000;
}
.header-location__dropdown {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-location__toggle {
display: inline-block;
position: relative;
font-size: 1rem;
letter-spacing: 0.1rem;
text-transform: uppercase;
padding-right: 18px;
}
.header-location__toggle:after {
content: "";
border-width: 0 1px 1px 0;
border-style: solid;
display: inline-block;
padding: 1px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
height: 8px;
position: absolute;
right: 0;
top: -1px;
pointer-events: none;
}
.header-location__list {
display: none;
}
.header-scroll-menu {
margin: auto;
color: #000;
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
}
@media (max-width: 1024px) {
.header-scroll-menu {
width: 100%;
}
}
.header-scroll-menu ul {
padding: 0;
margin: 0;
list-style-type: none;
letter-spacing: 1px;
}
@media (max-width: 1024px) {
.header-scroll-menu ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.header-scroll-menu ul li {
display: inline-block;
text-transform: uppercase;
font-size: 1rem;
margin-right: 32px;
}
@media (max-width: 1024px) {
.header-scroll-menu ul li {
margin-right: 0;
font-size: 0.8rem;
font-weight: 600;
}
}
.header-scroll-menu ul li:last-child {
margin-right: 0;
}
.header-scroll-menu ul li a.active,
.header-scroll-menu ul li a:hover {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.header-scroll-menu ul li a {
padding-bottom: 2px;
}
.section-container {
width: 100%;
margin: 0 auto;
max-width: 1340px;
}
.section-container--tiny {
max-width: 660px;
}
.section-container--small {
max-width: 768px;
}
.section-container--medium {
max-width: 1080px;
}
@media (max-width: 769px) {
.container .section:first-child {
padding-top: 0;
}
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0 auto 100px;
}
@media (max-width: 1024px) {
.row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto 25px;
}
}
.column {
margin-right: 50px;
}
.column:last-of-type {
margin-right: 0;
}
@media (max-width: 1024px) {
.column {
width: 100% !important;
}
}
body.home > .container {
position: relative;
height: 100vh;
}
@media (max-width: 1024px) {
body.home > .container {
height: auto;
}
}
body.home.admin-bar > .container {
height: -webkit-calc(100vh - 32px);
height: calc(100vh - 32px);
}
@media (max-width: 1024px) {
body.home.admin-bar > .container {
height: auto;
}
}
body.home .mobile-sticky-booking {
display: none;
}
.rooms2-feature {
position: relative;
margin-bottom: 10px;
width: 100%;
overflow: hidden;
}
@media (max-width: 1024px) {
.rooms2-feature {
margin-bottom: 25px;
}
}
.rooms2-feature:last-child {
margin-bottom: 0;
}
.rooms2-feature:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.rooms2-feature img {
position: absolute;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.rooms2-feature__content {
position: relative;
z-index: 2;
padding: 35px 45px;
color: #fff;
}
@media (max-width: 1600px) {
.rooms2-feature__content {
padding: 25px;
}
}
@media (max-width: 1024px) {
.rooms2-feature__content {
padding: 65px 15px;
}
}
.rooms2-feature__content h2 {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2.6rem;
margin-bottom: 10px;
}
.rooms2-feature__content-text {
font-size: 1.4rem;
line-height: 1.6;
}
@media (max-height: 767px) and (min-width: 1000px) {
.rooms2-feature__content-text {
display: none;
}
}
img {
display: none;
}
#instagram-feed img,
.gm-style img {
display: block;
}
.ajax-loading {
height: 100vh;
overflow: hidden;
}
@media (min-width: 769px) {
.ajax-loading {
height: -webkit-calc(100vh - 32px);
height: calc(100vh - 32px);
}
}
.ajax-loading .ajax-overlay {
position: absolute;
z-index: 9999;
background: #fff;
top: 0;
bottom: 0;
width: 100%;
opacity: 0.95;
-webkit-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
@media (min-width: 1024px) {
.ajax-loading .ajax-overlay {
display: none;
}
}
.admin-bar .ajax-loading {
height: -webkit-calc(100vh - 46px);
height: calc(100vh - 46px);
}
@media (min-width: 769px) {
.admin-bar .ajax-loading {
height: -webkit-calc(100vh - 32px);
height: calc(100vh - 32px);
}
}
.section {
padding: 50px 25px;
}
@media (max-width: 1200px) {
.section {
padding: 50px 25px;
}
}
@media (max-width: 769px) {
.section {
padding: 25px 15px;
}
}
.section--blue {
background: #223663;
margin: 100px 0 50px;
position: relative;
}
@media (max-width: 769px) {
.section--blue {
margin: 100px 0 0;
}
}
.section--blue > .last-block {
margin-bottom: -90px;
}
@media (min-width: 1024px) {
.section--blue > .last-block {
margin-left: -25px;
margin-right: -25px;
}
}
@media (max-width: 769px) {
.section--blue > .last-block {
margin-bottom: -170px !important;
}
}
.hero {
padding-bottom: 30px;
position: relative;
}
.hero-images .slick-slide div {
height: 620px;
}
.hero-images .slick-slide div img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
@media (max-width: 769px) {
.hero-images .slick-slide {
height: 200px;
}
.hero-images .slick-slide div {
height: 100%;
}
.hero-images .slick-slide div img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
}
.view-hero-gallery {
position: absolute;
bottom: 72px;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
left: 135px;
color: #fff;
font-size: 1.5rem;
padding: 2px;
}
@media (max-width: 769px) {
.view-hero-gallery {
bottom: 60px;
left: 10px;
font-size: 1.2rem;
font-weight: 300;
}
}
.view-hero-gallery:hover {
text-decoration: underline;
}
.hero-title-container {
position: relative;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
@media (max-width: 769px) {
.hero-title-container {
height: 200px;
}
.hero-title-container img {
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
}
.hero-title__heading {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: Libre Baskerville, Georgia, serif;
font-size: 6rem;
color: #fff;
}
@media (max-width: 769px) {
.hero-title__heading {
font-size: 3rem;
width: 100%;
text-align: center;
}
}
.hero-title img {
width: 100%;
height: auto;
}
.loaded-content {
display: none;
}
.text-centered-block {
margin-bottom: 50px;
font-size: 3.4rem;
text-align: center;
line-height: 1.47;
color: #000;
font-weight: 400;
}
@media (max-width: 769px) {
.text-centered-block {
font-size: 1.8rem;
line-height: 2.8rem;
margin-bottom: 25px;
padding: 0 15px;
}
}
.text-centered-block span {
color: #e65043 !important;
font-weight: 700;
}
.text-centered-block__footer-form .section-container {
max-width: 660px;
}
.text-images-block {
margin-top: -100px;
margin-bottom: 35px;
}
@media (min-width: 1025px) and (max-width: 1341px) {
.text-images-block {
padding: 0 25px;
}
}
.text-images-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 580px;
margin-top: -20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
@media (max-width: 1024px) {
.text-images-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 25px;
}
}
.text-images-section:nth-of-type(2n) {
height: 540px;
margin-top: -60px;
}
@media (max-width: 1024px) {
.text-images-section:nth-of-type(2n) {
width: 100%;
margin-top: 0;
height: auto;
}
}
.text-images-section:nth-of-type(2n) .images-container {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-left: auto;
width: 490px;
}
@media (max-width: 1024px) {
.text-images-section:nth-of-type(2n) .images-container {
width: 100%;
padding-top: 100%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
.text-images-section:nth-of-type(2n) .images-container .img-sq {
width: auto;
height: 100%;
right: -25%;
}
.text-images-section:nth-of-type(2n) .images-container .img-rnd {
left: 0;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
width: 85%;
}
@media (max-width: 1024px) {
.text-images-section:nth-of-type(2n) .img-sq {
width: 100% !important;
height: 100% !important;
right: auto !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
}
.text-images-section:nth-of-type(2n) .text-container {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-left: 0;
width: 500px;
}
@media (max-width: 1024px) {
.text-images-section:nth-of-type(2n) .text-container {
width: 100%;
}
}
.images-container {
position: relative;
height: 100%;
width: 520px;
}
@media (max-width: 1024px) {
.images-container {
width: 100%;
padding-top: 100%;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.images-container {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
}
@media (min-width: 1201px) and (max-width: 1341px) {
.images-container {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
}
.images-container .img-sq {
position: absolute;
width: 80%;
height: auto;
top: 0;
right: 0;
}
@media (max-width: 1024px) {
.images-container .img-sq {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
}
.images-container .img-rnd {
position: absolute;
left: -15%;
bottom: 0;
width: 70%;
height: auto;
}
@media (max-width: 1024px) {
.images-container .img-rnd {
display: none !important;
}
}
.text-container {
width: 500px;
margin-left: auto;
}
@media (max-width: 1024px) {
.text-container {
width: 100%;
margin-top: 25px;
}
}
.text-container__title {
position: relative;
display: inline-block;
font-family: Libre Baskerville, Georgia, serif;
font-size: 6rem;
}
@media (max-width: 1024px) {
.text-container__title {
font-size: 4rem;
}
}
.text-container__title img {
width: 45px;
height: auto;
display: inline;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}
@media (max-width: 1024px) {
.text-container__title img {
width: 30px;
}
}
.text-container__title * {
display: inline-block;
}
.text-container__title * > img {
margin-left: 20px;
}
.section-content {
font-size: 1.6rem;
line-height: 1.9;
font-weight: 300;
}
@media (max-width: 1024px) {
.section-content {
font-size: 1.4rem;
line-height: 2.4rem;
}
}
.text-images-block-title {
position: absolute;
top: -120px;
left: 25%;
right: 25%;
margin: 0 auto;
text-align: center;
}
@media (min-width: 1024px) {
.text-images-block-title {
display: none;
}
}
.text-images-block-title span {
font-family: Freeland, Georgia, serif;
font-size: 3.2rem;
line-height: 3.2rem;
color: #e65043;
}
@media (max-width: 375px) {
.text-images-block-title span {
font-size: 2.8rem;
}
}
.features-block .section-container {
background: #1a2b53;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 60px 14px 42px;
}
.features-block .section-container .slick-next {
right: -17px;
}
.features-block .section-container .slick-prev {
left: -17px;
}
.features-block__title {
margin-bottom: 20px;
text-align: center;
font-family: Freeland, Georgia, serif;
color: #fff;
font-size: 3.2rem;
line-height: 3.2rem;
font-weight: 400;
}
@media (min-width: 1024px) {
.features-block__title {
display: none;
}
}
.features-block.last-block {
position: relative;
margin-bottom: -50px;
}
@media (max-width: 1024px) {
.features-block.last-block {
margin-top: 50px;
}
}
.features-block.last-block .section-container {
position: relative;
z-index: 1;
}
.features-block.last-block:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 100%;
height: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
}
@media (max-width: 769px) {
.features-block.last-block:after {
background: #1a2b53;
}
}
.feature-icon {
height: 43px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px;
}
.feature-icon img {
height: 100%;
width: auto;
}
.feature-section {
color: #fff;
width: 25%;
text-align: center;
padding: 0 30px;
}
.feature-section h3 {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2rem;
line-height: 1.2;
margin-bottom: 16px;
}
.feature-section .section-content {
font-size: 1.55rem;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
line-height: 1.3;
}
.links-block {
margin-bottom: 50px;
}
@media (max-width: 1024px) {
.links-block {
margin-bottom: 0;
}
}
.links-block .section-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1024px) {
.links-block .section-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.link-item {
width: 33.33333%;
margin-right: 50px;
background: #fff;
-webkit-box-shadow: 0 5px 25px -4px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 25px -4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1024px) {
.link-item {
width: 100%;
margin-bottom: 30px;
}
}
.link-item:last-child {
margin-right: 0;
}
@media (max-width: 1024px) {
.link-item:last-child {
margin-bottom: 0;
}
}
.link-item a {
padding: 24px;
}
.link-item a,
.link-item picture {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.link-item picture {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 96px;
height: 120px;
overflow: hidden;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
@media (max-width: 1024px) {
.link-item picture {
width: 75px;
margin-right: 15px;
}
}
.link-item picture img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
}
.link-item h2 {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2rem;
margin-bottom: 10px;
}
.link-item p {
margin: 0;
font-size: 1.5rem;
line-height: 1.3;
color: #595959;
}
.gallery-text-block {
margin-bottom: 50px;
}
@media (max-width: 769px) {
.gallery-text-block {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0;
}
}
.gallery-text-block .section-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 769px) {
.gallery-text-block .section-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.gallery-text-block_reversed .gallery-text-block__gallery {
left: 52%;
}
@media (max-width: 769px) {
.gallery-text-block_reversed .gallery-text-block__gallery {
width: 100%;
left: 0;
}
}
.gallery-text-block_reversed .gallery-text-block__content {
right: auto;
left: 0;
}
.gallery-text-block__gallery {
margin: 0;
width: 48%;
position: relative;
}
@media (max-width: 769px) {
.gallery-text-block__gallery {
width: 100%;
z-index: 1;
padding: 0 15px;
}
}
.gallery-text-block__gallery figure {
margin: 0;
position: relative;
}
.gallery-text-block__gallery figure img {
width: 645px;
height: 475px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
@media (max-width: 769px) {
.gallery-text-block__gallery figure img {
width: 100%;
height: 255px;
}
}
.gallery-text-block__gallery figure:after {
content: "";
height: 50%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
to(rgba(0, 0, 0, 0.4))
);
background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.4));
}
.gallery-text-block__gallery figcaption {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
z-index: 1;
padding: 0 0 30px 30px;
max-width: 80%;
}
@media (max-width: 769px) {
.gallery-text-block__gallery figcaption {
max-width: 75%;
}
}
.gallery-text-block__gallery figcaption h4 {
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
font-size: 1.8rem;
font-weight: 500;
word-wrap: break-word;
}
.gallery-text-block__gallery figcaption span {
font-size: 1.4rem;
font-weight: 400;
word-wrap: break-word;
}
.gallery-text-block__content {
position: absolute;
right: 0;
top: 30px;
height: -webkit-calc(100% - 60px);
height: calc(100% - 60px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 52%;
padding: 0 12% 0 50px;
background: #f8f8f8;
}
@media (max-width: 769px) {
.gallery-text-block__content {
width: 100%;
padding: 0 15px;
position: relative;
margin-top: -90px;
margin-bottom: 75px;
height: auto;
}
}
.gallery-text-block__content .gallery-text-block__title {
font-family: Libre Baskerville, Georgia, serif;
font-size: 6rem;
}
@media (max-width: 769px) {
.gallery-text-block__content .gallery-text-block__title {
font-size: 4rem;
margin-top: 75px;
}
}
.gallery-text-block__content p {
font-size: 1.6rem;
line-height: 1.9;
}
.gallery-text-block__btn {
color: #fff;
font-size: 1.5rem;
text-align: center;
display: inline-block;
padding: 12px 18px;
background: #e65043;
margin-top: 10px;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.text-block {
padding: 70px 0 40px;
}
@media (max-width: 769px) {
.text-block {
padding: 0;
}
}
.text-block__title {
font-size: 6rem;
line-height: 1.07;
font-family: Libre Baskerville, Georgia, serif;
}
@media (max-width: 769px) {
.text-block__title {
font-size: 4rem;
}
}
.text-block-content {
font-size: 1.6rem;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
line-height: 1.88;
}
@media (max-width: 769px) {
.text-block-content {
font-size: 1.4rem;
}
}
.image-pile-block {
height: 100%;
}
.image-pile-block .section-container {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.image-pile-container {
height: 100%;
position: relative;
}
.image-pile-container:before {
display: block;
content: "";
width: 100%;
padding-top: 75%;
}
.image-pile-container img {
position: absolute;
}
.image-pile-container img:first-child {
top: 0;
left: 0;
width: 75%;
z-index: 5;
}
.image-pile-container img:nth-child(2) {
left: 0;
right: 0;
margin: 0 auto;
width: 55%;
z-index: 4;
}
.image-pile-container img:nth-child(3) {
right: 0;
width: 40%;
z-index: 3;
}
.image-pile-container img:nth-child(4) {
left: 0;
width: 50%;
height: auto;
z-index: 2;
}
.image-pile-container .plyr {
position: absolute;
top: 0;
width: 90%;
transform: translateX(5%);
z-index: 6;
}
.slick-next,
.slick-prev {
display: block;
width: 34px;
height: 34px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.slick-next:before,
.slick-next:hover:before,
.slick-prev:before,
.slick-prev:hover:before {
content: none;
}
.slick-next {
background: url(//room2.com/app/themes/room2/dist/static/e41a725b145ab2069c8fc3939942d79a.svg) no-repeat;
background-size: 100% 100%;
}
@media (max-width: 1024px) {
.slick-next {
background: url(//room2.com/app/themes/room2/dist/static/9f5ea3812d8773832d8983179914728e.png) no-repeat;
background-size: 100% 100%;
}
}
.slick-next:focus,
.slick-next:hover {
background: url(//room2.com/app/themes/room2/dist/static/e41a725b145ab2069c8fc3939942d79a.svg) no-repeat;
background-size: 100% 100%;
}
@media (max-width: 1024px) {
.slick-next:focus,
.slick-next:hover {
background: url(//room2.com/app/themes/room2/dist/static/9f5ea3812d8773832d8983179914728e.png) no-repeat;
background-size: 100% 100%;
}
}
.slick-prev {
background: url(//room2.com/app/themes/room2/dist/static/7c92077b08aef4c80f8c7dbf52c2a06f.svg) no-repeat;
background-size: 100% 100%;
}
@media (max-width: 1024px) {
.slick-prev {
background: url(//room2.com/app/themes/room2/dist/static/462d78d560985a824739faeb0f0debc0.png) no-repeat;
background-size: 100% 100%;
}
}
.slick-prev:focus,
.slick-prev:hover {
background: url(//room2.com/app/themes/room2/dist/static/7c92077b08aef4c80f8c7dbf52c2a06f.svg) no-repeat;
background-size: 100% 100%;
}
@media (max-width: 1024px) {
.slick-prev:focus,
.slick-prev:hover {
background: url(//room2.com/app/themes/room2/dist/static/462d78d560985a824739faeb0f0debc0.png) no-repeat;
background-size: 100% 100%;
}
}
.hero-images .slick-next {
left: 86px;
top: auto;
bottom: 25px;
}
@media (max-width: 769px) {
.hero-images .slick-next {
right: 10px;
top: 50%;
bottom: 50%;
margin: auto;
left: auto;
}
}
.hero-images .slick-prev {
left: 50px;
top: auto;
bottom: 25px;
}
@media (max-width: 769px) {
.hero-images .slick-prev {
left: 10px;
top: 50%;
bottom: 50%;
margin: auto;
}
}
.gallery-text-block__gallery .slick-next,
.room-item__gallery .slick-next {
right: 27px;
top: auto;
bottom: 30px;
}
@media (max-width: 769px) {
.gallery-text-block__gallery .slick-next,
.room-item__gallery .slick-next {
top: 0;
bottom: 0;
margin: auto;
right: -15px;
}
}
.gallery-text-block__gallery .slick-prev,
.room-item__gallery .slick-prev {
right: 63px;
left: auto;
top: auto;
bottom: 30px;
}
@media (max-width: 769px) {
.gallery-text-block__gallery .slick-prev,
.room-item__gallery .slick-prev {
top: 0;
bottom: 0;
margin: auto;
left: -15px;
right: auto;
}
}
@media (max-width: 769px) {
.gallery-text-block__gallery .slick-next {
right: 0;
}
}
@media (max-width: 769px) {
.gallery-text-block__gallery .slick-prev {
left: 0;
}
}
.gallery-viewer .slick-next {
background: url(//room2.com/app/themes/room2/dist/static/dd627e3fc18226d74419a92b8c201a14.svg) no-repeat;
background-size: 100% 100%;
right: 35px;
}
.gallery-viewer .slick-next:focus,
.gallery-viewer .slick-next:hover {
background: url(//room2.com/app/themes/room2/dist/static/dd627e3fc18226d74419a92b8c201a14.svg) no-repeat;
background-size: 100% 100%;
}
.gallery-viewer .slick-prev {
background: url(//room2.com/app/themes/room2/dist/static/dfbeed3461156ebe11de084c6c733fcd.svg) no-repeat;
background-size: 100% 100%;
left: 35px;
}
.gallery-viewer .slick-prev:focus,
.gallery-viewer .slick-prev:hover {
background: url(//room2.com/app/themes/room2/dist/static/dfbeed3461156ebe11de084c6c733fcd.svg) no-repeat;
background-size: 100% 100%;
}
.gallery-viewer__details {
position: absolute;
bottom: 50px;
margin: auto;
text-align: center;
width: 100%;
}
.gallery-viewer__details .card__index {
font-size: 1.8rem;
color: rgba(0, 0, 0, 0.5);
margin: 0;
}
.gallery-viewer__details .card__title {
font-size: 2rem;
margin: 5px 0 0;
}
.gallery-viewer .slick-slide div {
height: -webkit-calc(80vh - 200px);
height: calc(80vh - 200px);
}
.reviews-container {
background: #fff;
width: 420px;
-webkit-box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.2);
padding: 25px 45px 22px 20px;
margin-bottom: 100px;
}
@media (max-width: 769px) {
.reviews-container {
width: 100%;
margin-bottom: 25px;
}
}
.reviews-container h2 {
font-family: Freeland, Georgia, serif;
color: #e65043;
font-size: 3rem;
margin-bottom: 5px;
}
.review-content {
font-size: 1.3rem;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
margin-bottom: 15px;
height: 36px;
overflow: hidden;
}
@media (max-width: 769px) {
.review-content {
height: inherit;
}
}
.review-rating {
overflow: hidden;
}
.review-rating .star {
display: block;
float: left;
width: 18px;
height: 16px;
margin-right: 2px;
background: url(//room2.com/app/themes/room2/dist/static/9074dc0852219f503b06d0693284ff0b.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="4.5"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/c6496f43beabe0506e8f0d4e2118b352.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="4"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="3.5"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="3.5"] .star:nth-of-type(4) {
background: url(//room2.com/app/themes/room2/dist/static/c6496f43beabe0506e8f0d4e2118b352.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="3"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="3"] .star:nth-of-type(4) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="2.5"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="2.5"] .star:nth-of-type(4) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="2.5"] .star:nth-of-type(3) {
background: url(//room2.com/app/themes/room2/dist/static/c6496f43beabe0506e8f0d4e2118b352.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="2"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="2"] .star:nth-of-type(4) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="2"] .star:nth-of-type(3) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="1.5"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="1.5"] .star:nth-of-type(4) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="1.5"] .star:nth-of-type(3) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="1.5"] .star:nth-of-type(2) {
background: url(//room2.com/app/themes/room2/dist/static/c6496f43beabe0506e8f0d4e2118b352.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="1"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="1"] .star:nth-of-type(4) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="1"] .star:nth-of-type(3) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="1"] .star:nth-of-type(2) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0.5"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0.5"] .star:nth-of-type(4) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0.5"] .star:nth-of-type(3) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0.5"] .star:nth-of-type(2) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0.5"] .star:first-of-type {
background: url(//room2.com/app/themes/room2/dist/static/c6496f43beabe0506e8f0d4e2118b352.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0"] .star:nth-of-type(5) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0"] .star:nth-of-type(4) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0"] .star:nth-of-type(3) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0"] .star:nth-of-type(2) {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.review-rating[data-rating="0"] .star:first-of-type {
background: url(//room2.com/app/themes/room2/dist/static/54a7c8f121a4ae5565de1f8385674122.svg) no-repeat;
background-size: 100% 100%;
}
.reviews-carousel {
padding-right: 20px;
}
.reviews-carousel .slick-prev {
display: none !important;
width: 20px;
height: 20px;
background: url(//room2.com/app/themes/room2/dist/static/cc0fe39a67bf3fcc346d60b7d5fdab9a.svg) no-repeat;
background-size: 100% 100%;
bottom: -2px;
right: -3px;
top: auto;
left: auto;
}
.reviews-carousel .slick-prev:hover {
background: url(//room2.com/app/themes/room2/dist/static/cc0fe39a67bf3fcc346d60b7d5fdab9a.svg) no-repeat;
}
.reviews-carousel .slick-next {
width: 20px;
height: 20px;
background: url(//room2.com/app/themes/room2/dist/static/594ebb84a0bfff240c98eb319efd4738.svg) no-repeat;
background-size: 100% 100%;
bottom: -2px;
right: -25px;
top: auto;
left: auto;
}
.reviews-carousel .slick-next:hover {
background: url(//room2.com/app/themes/room2/dist/static/594ebb84a0bfff240c98eb319efd4738.svg) no-repeat;
}
.signup-form {
position: fixed;
z-index: 99;
bottom: 25px;
right: 20px;
padding: 0 80px 40px 0;
}
@media (max-width: 769px) {
.signup-form {
display: none;
}
}
.signup-form__circle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 220px;
height: 220px;
background: #fff;
border-radius: 50%;
padding: 25px;
-webkit-box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.1);
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px);
}
.signup-form__circle-text {
width: 100%;
}
.signup-form__circle h4 {
font-family: AtlasGrotesk-Black, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.38;
margin-bottom: 15px;
text-align: center;
}
.signup-form__circle ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 1.3rem;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
}
.signup-form__circle li {
margin-bottom: 6px;
}
.signup-form__circle li:last-child {
margin-bottom: 0;
}
.signup-form__circle-form {
visibility: hidden;
height: 0;
width: 100%;
}
.signup-form .gform_wrapper {
margin: 0 0 15px;
}
.signup-form .gform_wrapper li {
margin: 0 !important;
padding: 0 !important;
}
.signup-form .gform_wrapper label {
display: none !important;
}
.signup-form .gform_wrapper .ginput_container {
margin: 0 !important;
}
.signup-form .gform_wrapper input {
width: 100% !important;
height: 42px;
background: #f8f8f8;
font-size: 1.6rem;
-webkit-box-shadow: 0 !important;
box-shadow: 0 !important;
border: 1px solid #cecece !important;
border-radius: 2px;
padding: 0 15px !important;
}
.signup-form .gform_wrapper .gform_footer {
position: absolute;
visibility: hidden;
pointer-events: none;
}
.signup-form .gform_wrapper .validation_error,
.signup-form .gform_wrapper .validation_message {
display: none !important;
}
.signup-form
.gform_wrapper.gform_validation_error
.gform_body
ul
li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
border: 0 !important;
max-width: 100% !important;
}
.signup-form .gform_wrapper .gfield_error input {
border: 1px solid #e65043 !important;
}
.signup-form__smallprint {
display: block;
font-size: 1.1rem;
text-align: center;
color: #cecece;
}
.signup-form__smallprint a {
text-decoration: underline;
}
.signup-form .gform_confirmation_message {
font-family: AtlasGrotesk-Black, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.38;
text-align: center;
margin-bottom: 0;
}
.signup-form .gform_confirmation_message br + br {
display: none;
}
.signup-form .gform_confirmation_message strong {
color: #e65043;
font-size: 2.4rem;
display: inline-block;
margin: 6px 0;
}
.signup-form__button {
position: absolute;
bottom: 0;
right: 0;
-webkit-transform: translateX(1200px);
-ms-transform: translateX(1200px);
transform: translateX(1200px);
}
.signup-form__button a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 104px;
width: 104px;
border-radius: 50%;
background: #e65043;
color: #fff;
font-family: AtlasGrotesk-Black, Arial, sans-serif;
font-size: 1.6rem;
}
.signup-form.roll-in .signup-form__button,
.signup-form.roll-in .signup-form__circle {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 3s ease;
transition: -webkit-transform 3s ease;
-o-transition: 3s transform ease;
transition: transform 3s ease;
transition: transform 3s ease, -webkit-transform 3s ease;
}
.signup-form.roll-away {
}
.signup-form.roll-away .signup-form__button,
.signup-form.roll-away .signup-form__circle,
.signup-form.roll-away.toggled .signup-form__circle {
-webkit-transform: translateX(300px) !important;
-ms-transform: translateX(300px) !important;
transform: translateX(300px) !important;
-webkit-transition: -webkit-transform 3s ease !important;
transition: -webkit-transform 3s ease !important;
-o-transition: 3s transform ease !important;
transition: transform 3s ease !important;
transition: transform 3s ease, -webkit-transform 3s ease !important;
}
.signup-form.toggled .signup-form__circle-text {
visibility: hidden;
height: 0;
width: 100%;
}
.signup-form.toggled .signup-form__circle-form {
visibility: visible;
height: auto;
width: 100%;
}
.signup-form.toggled .signup-form__circle-form,
.signup-form.toggled .signup-form__circle-text {
-webkit-transition: visibility 0s linear, height 0s linear;
-o-transition: 0s visibility linear, 0s height linear;
transition: visibility 0s linear, height 0s linear;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.signup-form.toggled .signup-form__circle,
.signup-form.toggled .signup-form__circle-form > *,
.signup-form.toggled .signup-form__circle-text > * {
-webkit-transition: -webkit-transform 0.8s ease;
transition: -webkit-transform 0.8s ease;
-o-transition: 0.8s transform ease;
transition: transform 0.8s ease;
transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}
.header-form {
padding-top: 30px;
position: relative;
z-index: 2;
height: 148px;
-webkit-transform: translateY(-600%);
-ms-transform: translateY(-600%);
transform: translateY(-600%);
margin-bottom: -148px;
will-change: margin-bottom, transform;
}
@media (max-width: 1200px) {
.header-form {
-webkit-transform: translateY(-600%);
-ms-transform: translateY(-600%);
transform: translateY(-600%);
}
}
.header-form.activated {
-webkit-transition: margin-bottom 0.3s ease, -webkit-transform 0.3s ease;
transition: margin-bottom 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: 0.3s transform ease, 0.3s margin-bottom ease;
transition: transform 0.3s ease, margin-bottom 0.3s ease;
transition: transform 0.3s ease, margin-bottom 0.3s ease,
-webkit-transform 0.3s ease;
}
.header-form.visible {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin-bottom: 0;
}
.footer-form {
position: relative;
z-index: 3;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
margin-top: -60px;
}
@media (max-width: 1024px) {
.footer-form {
padding: 0 15px;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
}
}
.footer-form.hidden {
display: none !important;
}
.booking-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1340px;
margin: 0 auto;
}
@media (max-width: 1024px) {
.booking-form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.booking-form .form-field {
position: relative;
width: 20%;
padding: 35px 40px;
background: #f8f8f8;
}
.booking-form .form-field:nth-of-type(2),
.booking-form .form-field:nth-of-type(3) {
padding: 35px 0;
}
@media (max-width: 1024px) {
.booking-form .form-field:nth-of-type(2),
.booking-form .form-field:nth-of-type(3) {
padding: 17px 0;
}
}
.booking-form .form-field:nth-of-type(2) input,
.booking-form .form-field:nth-of-type(2) label,
.booking-form .form-field:nth-of-type(3) input,
.booking-form .form-field:nth-of-type(3) label {
padding: 0 40px;
}
@media (max-width: 1024px) {
.booking-form .form-field:nth-of-type(2) input,
.booking-form .form-field:nth-of-type(2) label,
.booking-form .form-field:nth-of-type(3) input,
.booking-form .form-field:nth-of-type(3) label {
padding: 0 20px;
}
}
@media (max-width: 1024px) {
.booking-form .form-field {
width: 100%;
padding: 17px 20px;
}
}
.booking-form .form-field:nth-of-type(-n + 3) {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
.booking-form .form-field:nth-of-type(-n + 3) {
border-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}
}
.booking-form .form-field:last-child {
padding: 0;
}
.booking-form label {
display: block;
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
font-size: 1.2rem;
opacity: 0.4;
letter-spacing: 1px;
margin-bottom: 5px;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.booking-form label {
font-size: 1rem;
}
}
.booking-form input,
.booking-form select {
font-family: AtlasGrotesk-Regular, Arial, sans-serif;
color: #000;
font-size: 2.1rem;
width: 100%;
background: none;
border: 0;
padding: 0;
outline: none !important;
}
@media (max-width: 1024px) {
.booking-form input,
.booking-form select {
font-size: 1.6rem !important;
}
}
.booking-form input:-moz-placeholder {
color: #000;
opacity: 0.2;
}
.booking-form input:-ms-input-placeholder {
color: #000;
opacity: 0.2;
}
.booking-form input::-moz-placeholder {
color: #000;
opacity: 0.2;
}
.booking-form input::-webkit-input-placeholder {
color: #000;
opacity: 0.2;
}
.booking-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.book-form-submit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #e65043;
font-size: 2.4rem;
color: #fff;
}
@media (max-width: 1024px) {
.book-form-submit {
line-height: 7.4rem;
}
}
.text-centered-block__footer-form {
margin-bottom: 40px;
}
.footer-form-wrapper {
margin-bottom:150px;
} body.home .footer-form-wrapper, .page-the-hometel-club .footer-form-wrapper {
display:none;
}
@media (max-width: 1024px) {
.footer-form-wrapper .footer-form .booking-form .select2-selection__rendered {
font-size: 1.6rem !important;
}
}
.datepicker {
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
}
.header-location__dropdown .select2,
.positions-location-select .select2 {
width: auto !important;
}
.header-location__dropdown .select2-container,
.positions-location-select .select2-container {
top: 0 !important;
}
.header-location__dropdown .select2-selection,
.positions-location-select .select2-selection {
outline: none !important;
border: 0 !important;
border-radius: 0 !important;
height: auto !important;
padding: 20px 15px;
}
.header-location__dropdown .select2-selection__arrow,
.positions-location-select .select2-selection__arrow {
display: none;
}
.header-location__dropdown .select2-selection__rendered,
.positions-location-select .select2-selection__rendered {
position: relative;
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 20px 0 0 !important;
font-size: 1rem !important;
line-height: 1 !important;
color: #000 !important;
}
.header-location__dropdown .select2-selection__rendered:after,
.positions-location-select .select2-selection__rendered:after {
content: "";
border-width: 0 1px 1px 0;
border-style: solid;
display: inline-block;
padding: 1px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
height: 8px;
position: absolute;
right: 3px;
top: -2px;
pointer-events: none;
}
.header-location__dropdown .select2-dropdown,
.positions-location-select .select2-dropdown {
width: 150px !important;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
top: 0 !important;
border-radius: 0 !important;
border: 0 !important;
border-top: 0 !important;
-webkit-box-shadow: 0 7px 17px rgba(0, 0, 0, 0.17);
box-shadow: 0 7px 17px rgba(0, 0, 0, 0.17);
}
.header-location__dropdown .select2-dropdown .select2-results__option,
.positions-location-select .select2-dropdown .select2-results__option {
background: #fff !important;
font-size: 1.2rem;
text-transform: uppercase;
padding: 20px 15px;
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
pointer-events: none;
}
.header-location__dropdown
.select2-dropdown
.select2-results__option--highlighted,
.positions-location-select
.select2-dropdown
.select2-results__option--highlighted {
color: #e65043;
}
.header-location__dropdown
.select2-dropdown
.select2-results__option:not(:last-child),
.positions-location-select
.select2-dropdown
.select2-results__option:not(:last-child) {
border-bottom: 1px solid #f2f2f2;
}
.header-location__dropdown .select2-dropdown .clickable,
.positions-location-select .select2-dropdown .clickable {
pointer-events: auto !important;
}
.booking-form .select2 {
width: auto !important;
border: 0 !important;
}
.booking-form .select2-selection {
outline: none !important;
border: 0 !important;
border-radius: 0 !important;
height: auto !important;
background-color: transparent !important;
}
.booking-form .select2-selection__arrow {
display: none;
}
.booking-form .select2-selection__rendered {
position: relative;
padding: 0 !important;
font-size: 2.1rem !important;
line-height: 1 !important;
color: #000 !important;
}
@media (max-width: 769px) {
.booking-form .select2-selection__rendered {
font-size: 1.8rem;
}
}
.booking-form .select2 + .select2-container--open {
top: auto !important;
left: 0 !important;
bottom: 7px !important;
width: 100%;
}
.booking-form .select2-dropdown {
width: 100% !important;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
border-radius: 0 !important;
border: 0 !important;
opacity: 0;
-webkit-transition: opacity 0.2s ease, left 0s 0.2s,
-webkit-transform 0.2s ease;
transition: opacity 0.2s ease, left 0s 0.2s, -webkit-transform 0.2s ease;
-o-transition: opacity 0.2s ease, transform 0.2s ease, left 0s 0.2s;
transition: opacity 0.2s ease, transform 0.2s ease, left 0s 0.2s;
transition: opacity 0.2s ease, transform 0.2s ease, left 0s 0.2s,
-webkit-transform 0.2s ease;
}
.booking-form .select2-dropdown .select2-results__options {
max-height: none !important;
}
.booking-form .select2-dropdown .select2-results__option {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 40px;
background: #f8f8f8 !important;
font-size: 2.1rem;
height: 113px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.booking-form .select2-dropdown .select2-results__option:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.booking-form .select2-dropdown .select2-results__option:last-child {
border-bottom: 0;
}
.booking-form .select2-dropdown .select2-results__option--highlighted {
color: #e65043;
}
.booking-form .transition_animation {
opacity: 1;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: opacity 0.2s ease, left 0s 0.2s,
-webkit-transform 0.2s ease;
transition: opacity 0.2s ease, left 0s 0.2s, -webkit-transform 0.2s ease;
-o-transition: opacity 0.2s ease, transform 0.2s ease, left 0s 0.2s;
transition: opacity 0.2s ease, transform 0.2s ease, left 0s 0.2s;
transition: opacity 0.2s ease, transform 0.2s ease, left 0s 0.2s,
-webkit-transform 0.2s ease;
}
.room-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 160px;
}
@media (max-width: 1024px) {
.room-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #e8e8e8;
}
}
.room-item:last-of-type {
margin-bottom: 80px;
}
@media (max-width: 1024px) {
.room-item:last-of-type {
margin-bottom: 0;
}
}
.room-item:nth-of-type(2n) .room-item__content {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-right: 0;
}
.room-item:nth-of-type(2n) .room-item__gallery {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-right: 50px;
}
.room-item:nth-of-type(2n) .room-item__gallery:before {
left: -20px !important;
}
.room-item__content {
width: 50%;
padding-right: 50px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 1024px) {
.room-item__content {
width: 100%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-top: 15px;
margin-right: 0;
padding-right: 0;
}
}
.room-item__gallery {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
position: relative;
width: 50%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 645px;
max-height: 475px;
}
@media (max-width: 1024px) {
.room-item__gallery {
width: 100%;
max-width: 100%;
}
}
.room-item__gallery:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #f8f8f8;
top: 20px;
left: 20px;
z-index: -1;
}
@media (max-width: 1024px) {
.room-item__gallery:before {
display: none;
}
}
.room-item__gallery figure {
margin: 0;
position: relative;
}
.room-item__gallery figure img {
width: 645px;
height: 475px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
.room-item__gallery figure:after {
content: "";
height: 50%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
to(rgba(0, 0, 0, 0.1))
);
background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 100%);
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.1));
}
@media (max-width: 1024px) {
.room-item .room-item__gallery figure {
width: 100%;
height: 255px;
}
.room-item .room-item__gallery figure img {
width: 100%;
height: 100%;
}
}
.room-item__title {
font-size: 4.5rem;
font-family: Libre Baskerville, Georgia, serif;
margin-bottom: 5px;
}
@media (max-width: 769px) {
.room-item__title {
font-size: 4rem;
line-height: 4.4rem;
}
}
.room-item__price {
color: #e65043;
font-size: 1.4rem;
margin-bottom: 20px;
}
.room-item__description,
.room-item__price {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
}
.room-item__description {
font-size: 1.6rem;
line-height: 1.85;
margin-bottom: 15px;
}
@media (max-width: 1024px) {
.room-item__description {
font-size: 1.4rem;
line-height: 2.4rem;
}
}
.room-item__details {
max-width: 560px;
padding: 25px 80px 25px 25px;
-webkit-box-shadow: 0 8px 30px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 30px -10px rgba(0, 0, 0, 0.2);
margin-bottom: 35px;
}
@media (max-width: 1024px) {
.room-item__details {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.room-item__details h4 {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2rem;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.room-item__details h4 {
font-size: 1.6rem;
line-height: 1.9rem;
}
}
.room-item__details-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1024px) {
.room-item__details-content {
margin-top: -28px;
}
}
.room-item .room-size-box {
margin-right: 50px;
width: 180px;
height: 180px;
background: url(//room2.com/app/themes/room2/dist/static/820fefd720a88be33873528f6b37364e.svg) no-repeat;
background-size: 100% 100% !important;
position: relative;
}
.room-item .room-size-box:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
@media (max-width: 1024px) {
.room-item .room-size-box {
width: 100px;
height: 100px;
}
}
.room-item .room-size__number {
font-size: 1.4rem;
font-family: AtlasGrotesk-Black, Arial, sans-serif;
text-align: center;
color: #fff;
position: absolute;
left: 50%;
top: 48px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 1024px) {
.room-item .room-size__number {
top: 20%;
}
}
.room-item .room-item__details-list > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.room-item .room-items__details-icon {
width: 30px;
margin-right: 15px;
}
.room-item .room-items__details-icon i {
display: block;
}
.room-item .room-item__beds i {
width: 25px;
height: 30px;
background: url(//room2.com/app/themes/room2/dist/static/df5fc2d4d04df71f0b21e22bf70b4d41.svg) no-repeat;
background-size: 100% 100%;
}
.room-item .room-item__view i {
width: 30px;
height: 32px;
background: url(//room2.com/app/themes/room2/dist/static/6a7a6d32b4555da34e7f6c214a905138.svg) no-repeat;
background-size: 100% 100%;
}
.room-item .room-item__features i {
width: 29px;
height: 29px;
background: url(//room2.com/app/themes/room2/dist/static/05cd9b8b5807ac7f0d4f4396770a938b.svg) no-repeat;
background-size: 100% 100%;
}
.room-item .room-items__details-text h3 {
font-size: 2rem;
font-family: Libre Baskerville, Georgia, serif;
margin-bottom: 0;
}
@media (max-width: 1024px) {
.room-item .room-items__details-text h3 {
font-size: 1.6rem;
line-height: 1.9rem;
}
}
.room-item .room-items__details-text span {
font-weight: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.4rem;
}
.room-item .book-now-btn {
display: inline-block;
font-size: 1.5rem;
color: #fff;
padding: 12px 18px;
background: #e65043;
}
.entries-list-block .section-container {
max-width: 1110px;
padding-bottom: 60px;
}
@media (max-width: 769px) {
.entries-list-block .section-container {
padding-bottom: 0;
}
}
.entries-list-block__title {
font-size: 3.4rem;
margin-bottom: 60px;
text-align: center;
}
.entries-list-block .entries-list__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.entries-list-block .entries-list__content .slick-prev {
display: none !important;
}
.entries-list-block .entries-list__column {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: 20%;
max-width: 210px;
padding-right: 15px;
}
.entries-list-block .entries-list__column:last-of-type {
margin-right: 0;
}
.entries-list-block .entries-list__column h3 {
font-family: Libre Baskerville, Georgia, serif;
color: #223663;
font-size: 2rem;
margin-bottom: 20px;
}
.entries-list-block .entries-list__entry {
margin-bottom: 20px;
}
.entries-list-block .entries-list__entry,
.entries-list-block .entries-list__entry-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.entries-list-block .entries-list__entry-icon {
width: 27px;
height: 25px;
margin-right: 6px;
}
.entries-list-block .entries-list__entry-text {
font-size: 1.2rem;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
}
@media (max-width: 1024px) {
.entries-list-block .slick-next {
right: -10px;
}
.entries-list-block .slick-prev {
left: -10px;
}
}
.gallery-viewer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 101;
background: #fff;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.6s ease;
-o-transition: opacity 0.6s ease;
transition: opacity 0.6s ease;
}
.gallery-viewer .gallery-logo {
position: absolute;
top: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 108px;
height: 28px;
background: url(//room2.com/app/themes/room2/dist/static/78aebd06b18ccd9db1c55371b9c99274.png) no-repeat;
background-size: 100% 100%;
z-index: 1;
}
.gallery-viewer .gallery-viewer__close {
position: absolute;
display: block;
width: 34px;
height: 34px;
background: url(//room2.com/app/themes/room2/dist/static/e605cb0885b85daa237b10acc7d2c7aa.svg) no-repeat;
background-size: 100% 100%;
right: 32px;
top: 38px;
cursor: pointer;
z-index: 1;
}
.gallery-viewer .gallery-viewer__carousel {
padding: 150px 0;
}
.gallery-viewer img {
max-height: -webkit-calc(100vh - 300px);
max-height: calc(100vh - 300px);
margin: 0 auto;
}
.gallery-viewer .slick-slide {
margin-left: 50px;
}
.gallery-viewer .slick-list {
margin-left: -50px;
}
.gallery-viewer .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
body.gallery-overlay {
overflow-y: hidden;
}
body.gallery-overlay .gallery-viewer {
opacity: 1;
pointer-events: auto;
}
body.gallery-overlay.admin-bar .gallery-logo {
top: 72px;
}
body.gallery-overlay.admin-bar .gallery-viewer__close {
top: 70px;
}
@media (max-width: 769px) {
.instagram-block .section-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.instagram-block .instagram-block__title {
text-align: center;
font-size: 4.5rem;
margin-bottom: 40px;
}
@media (max-width: 769px) {
.instagram-block .instagram-block__title {
font-size: 2.4rem;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
}
.instagram-block .instagram-block__title:not(span) {
font-family: Libre Baskerville, Georgia, serif;
}
.instagram-block .instagram-block__title span {
display: block;
font-family: Freeland, Georgia, serif;
color: #e65043;
font-size: 4.4rem;
}
@media (max-width: 769px) {
.instagram-block .instagram-block__title span {
font-size: 2.4rem;
}
}
.instagram-block .instagram-block__at {
text-align: center;
font-size: 4.5rem;
margin-bottom: 40px;
font-family: Libre Baskerville, Georgia, serif;
display: none;
}
@media (max-width: 769px) {
.instagram-block .instagram-block__at {
font-size: 2.4rem;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
display: block;
margin-bottom: 0;
}
}
.instagram-block #instagram-feed {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 120px;
}
@media (max-width: 769px) {
.instagram-block #instagram-feed {
margin: 20px 0 40px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
}
.instagram-block #instagram-feed > a {
display: block;
position: relative;
z-index: 2;
width: -webkit-calc(20% + 30px);
width: calc(20% + 30px);
}
.instagram-block #instagram-feed > a:nth-child(2n) {
z-index: 1;
top: 55px;
}
.instagram-block #instagram-feed > a:nth-child(2),
.instagram-block #instagram-feed > a:nth-child(4) {
left: -15px;
margin-right: -30px;
}
.instagram-block #instagram-feed .slick-slide {
margin: 0 5px;
}
.instagram-block #instagram-feed .slick-list {
margin: 0 -5px;
}
.instagram-block #instagram-feed .square {
position: relative;
width: 100%;
}
.instagram-block #instagram-feed .square:after {
content: "";
display: block;
padding-bottom: 100%;
}
.instagram-block #instagram-feed .imgcontainer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
}
.instagram-block #instagram-feed .imgcontainer img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
.menu-screen {
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 99;
height: 100vh;
width: 100vw;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.menu-screen__menu {
float: left;
position: relative;
width: 33.33333%;
height: 100%;
background-size: 40px 40px;
padding: 220px 50px 50px;
background-color: #1E3B6B;
}
@media (max-width: 1024px) {
.menu-screen__menu {
width: 100%;
padding: 150px 15px 50px;
}
}
@media (max-width: 1600px) {
.menu-screen__menu {
padding: 120px 15px 50px;
}
}
.menu-screen__menu > div {
position: relative;
z-index: 2;
}
.menu-screen__menu:before {
content: "";
z-index: 1;
background: #1a2b53;
opacity: 0.99;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.menu-screen__menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.menu-screen__bg {
float: left;
width: 66.66667%;
height: 100%;
background-color: #1a2b53 !important;
background-size: cover !important;
background-position: 50% !important;
}
@media (max-width: 769px) {
.menu-screen__bg {
display: none;
}
}
.menu-screen__menu-locations {
font-family: Libre Baskerville, Georgia, serif;
font-size: 4.5rem;
color: #fff;
margin-bottom: 50px;
}
@media (max-width: 1200px) {
.menu-screen__menu-locations {
font-size: 3rem;
}
}
@media (max-width: 1024px) {
.menu-screen__menu-locations {
margin-bottom: 25px;
}
}
.menu-screen__menu-locations li {
margin-bottom: 10px;
}
.menu-screen__menu-locations a {
color: inherit;
}
.menu-screen__menu-locations a:hover {
color: #e65043;
}
.menu-screen__menu-main {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2rem;
color: #fff;
}
.menu-screen__menu-main li {
margin-bottom: 15px;
}
.menu-screen__menu-main a {
color: inherit;
}
.menu-screen__menu-main a:hover {
color: #e65043;
}
.menu-screen__wrapper {
height: 100%;
overflow-y: auto;
}
.menu-screen__menu-small {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.3rem;
color: #fff;
margin-top: 50px;
}
@media (max-width: 1024px) {
.menu-screen__menu-small {
left: 15px;
bottom: 150px;
}
}
@media (max-width: 769px) {
.menu-screen__menu-small {
position: relative !important;
bottom: 0;
left: 0;
margin-top: 45px;
}
}
.menu-screen__menu-small li {
margin-bottom: 10px;
}
.menu-screen__menu-small a {
color: inherit;
}
.menu-screen__menu-small a:hover {
color: #e65043;
}
.menu-open {
overflow: hidden;
}
@media (max-width: 1024px) {
.menu-open {
max-height: 75vh;
}
}
.menu-open .menu-screen {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.menu-open .header {
z-index: 100;
}
.menu-open .header .content {
max-width: 100%;
padding: 0 50px;
}
@media (min-width: 769px) and (max-width: 1380px) {
.menu-open .header .content {
padding: 0 20px;
}
}
@media (max-width: 1024px) {
.menu-open .header .content {
padding: 0 15px;
}
}
.menu-open .header__bottom {
display: none;
}
.menu-open .header__top {
background: transparent;
}
.menu-open .hamburger-menu__toggle span {
background: #fff;
}
.static-content-block {
margin: 120px 0 60px;
}
@media (max-width: 769px) {
.static-content-block {
margin: 0 0 60px;
padding: 0 15px;
}
}
.static-content-block .section-container {
max-width: 660px;
}
.static-content-block h1 {
font-size: 4.5rem;
font-family: Libre Baskerville, Georgia, serif;
margin-bottom: 70px;
text-align: center;
}
.static-content-block .static-content {
font-size: 1.6rem;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
line-height: 1.85;
}
.static-content-block .static-content p,
.static-content-block .static-content ul {
margin: 0 0 40px;
}
.press-block__title {
font-family: Libre Baskerville, Georgia, serif;
font-size: 6rem;
margin-bottom: 80px;
text-align: center;
}
@media (max-width: 1024px) {
.press-block__title {
font-size: 4rem;
}
}
.press-block__container {
display: block;
overflow: hidden;
}
.press-release {
float: left;
background: #223663;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 50px 120px 0;
}
@media (min-width: 1px) {
.press-release {
width: 100%;
}
}
@media (max-width: 769px) {
.press-release {
margin: 0 15px 95px 0;
width: -webkit-calc((100% - 15px)/2);
width: calc((100% - 15px) / 2);
}
.press-release:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 769px) {
.press-release {
width: -webkit-calc((100% - 100px)/3);
width: calc((100% - 100px) / 3);
}
.press-release:nth-child(2n) {
margin-right: 50px;
}
.press-release:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
.press-release {
width: -webkit-calc((100% - 150px)/4);
width: calc((100% - 150px) / 4);
}
.press-release:nth-child(3n) {
margin-right: 50px;
}
.press-release:nth-child(4n) {
margin-right: 0;
}
}
.press-release:last-child {
margin-right: 0;
}
.press-release:before {
content: "";
padding-top: 100%;
display: table;
width: 1px;
margin-left: -1px;
}
.press-release__content {
position: absolute;
top: 100%;
left: 10px;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
background: #fff;
padding: 20px;
font-family: Libre Baskerville, Georgia, serif;
font-size: 1.8rem;
line-height: 1.65;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 769px) {
.press-release__content {
left: 0;
right: 0;
width: 100%;
padding: 10px;
top: -webkit-calc(100% + 50px);
top: calc(100% + 50px);
font-size: 1.4rem;
height: 75px;
}
}
.press-release__logo a {
display: block;
height: 100%;
}
.press-release__logo img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
.narrow-content-block {
font-size: 1.6rem;
line-height: 1.85;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
margin: 56px 0 40px;
}
@media (max-width: 1024px) {
.narrow-content-block {
font-size: 1.4rem;
line-height: 2.4rem;
}
}
.narrow-content-block .section-container {
max-width: 640px;
padding-bottom: 40px;
border-bottom: 1px solid #f8f8f8;
}
.narrow-content-block ol,
.narrow-content-block p,
.narrow-content-block ul {
margin: 0 0 35px;
}
.narrow-content-block ol:last-child,
.narrow-content-block p:last-child,
.narrow-content-block ul:last-child {
margin-bottom: 0;
}
.narrow-content-block ol,
.narrow-content-block ul {
padding-left: 20px;
}
.icon-text {
margin-bottom: 30px;
}
.icon-text,
.icon-text__icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.icon-text__icon {
width: 32px;
height: 32px;
margin-right: 15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.icon-text__icon img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.icon-text__text .icon-text__text-title {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2rem;
margin-bottom: 5px;
}
.icon-text__text div {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.4rem;
margin: 0;
}
.icon-text__text div p {
margin: 0;
}
.contact-info-block {
margin-bottom: 100px;
}
.contact-info-block .section-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1024px) {
.contact-info-block .section-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.contact-info-block .section-container > div {
width: 33.33333%;
}
@media (max-width: 1024px) {
.contact-info-block .section-container > div {
width: 100%;
}
}
.contact-info-block__text {
padding: 70px 50px 100px 0;
}
@media (max-width: 1024px) {
.contact-info-block__text {
padding: 0 0 25px;
}
}
.contact-info-block__text h1 {
font-family: Libre Baskerville, Georgia, serif;
font-size: 6rem;
margin-bottom: 18px;
}
.contact-info-block__text-content {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.85;
margin-bottom: 50px;
}
.contact-info-block__map {
position: relative;
margin-right: 50px;
}
@media (max-width: 1024px) {
.contact-info-block__map {
height: 350px;
margin-right: 0;
margin-bottom: 115px;
}
}
.contact-info-block__map:last-child {
margin-right: 0;
}
@media (max-width: 1024px) {
.contact-info-block__map:last-child {
margin-bottom: 25px;
}
}
.contact-info-block__map .map-container {
height: 100%;
}
.contact-info-block__map .contact-info-block__info {
position: absolute;
left: 20px;
bottom: 20px;
width: -webkit-calc(100% - 40px);
width: calc(100% - 40px);
padding: 25px 20px;
background: #fff;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
.contact-info-block__map .contact-info-block__info {
bottom: -35%;
left: -25px;
right: -25px;
width: auto;
}
}
.contact-info-block__map .contact-info-block__info h3 {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2rem;
margin-bottom: 8px;
}
.contact-info-block__map .contact-info-block__info .address {
max-width: 60%;
}
.contact-info-block__map .contact-info-block__info .address,
.contact-info-block__map .contact-info-block__info .email,
.contact-info-block__map .contact-info-block__info .phone {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.3rem;
line-height: 1.5;
}
.contact-info-block__map .contact-info-block__info .address,
.contact-info-block__map .contact-info-block__info .phone {
margin-bottom: 8px;
}
.contact-info-block__map .contact-info-block__info .email,
.contact-info-block__map .contact-info-block__info .phone {
color: #e65043;
}
.contact-info-block__map .directions-link {
position: absolute;
right: 20px;
bottom: 25px;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.3rem;
line-height: 1.5;
color: #e65043;
}
.contact-info-block__map .directions-link i {
display: inline-block;
width: 12px;
height: 11px;
background: url(//room2.com/app/themes/room2/dist/static/18413049360070dee1da37c68e35c9ec.svg) no-repeat;
background-size: 100% 100%;
margin-left: 5px;
}
.mobile-sticky-booking {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 20px;
}
@media (min-width: 769px) {
.mobile-sticky-booking {
display: none;
}
}
.mobile-sticky-booking__title {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 40px;
font-size: 1.4rem;
}
.mobile-sticky-booking__btn {
display: block;
background: #e65043;
color: #fff;
font-size: 1.5rem;
padding: 12px 20px;
}
.hidden {
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.mobile-signup-block {
background: #fff;
-webkit-box-shadow: 0 2pt 34pt rgba(0, 0, 0, 0.1);
box-shadow: 0 2pt 34pt rgba(0, 0, 0, 0.1);
padding: 20px;
margin: 25px 0;
}
.mobile-signup-block__note {
font-size: 1.2rem;
color: rgba(0, 0, 0, 0.4);
}
.mobile-signup-block__note a {
text-decoration: underline;
}
.mobile-signup-block__title {
font-size: 1.4rem;
line-height: 2rem;
font-weight: 600;
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
}
.mobile-signup-block__shortcode .gform_body,
.mobile-signup-block__shortcode .gform_footer {
display: table-cell;
vertical-align: middle !important;
}
.mobile-signup-block__shortcode .gform_body .ginput_container_email input,
.mobile-signup-block__shortcode .gform_footer .ginput_container_email input {
padding: 10px 15px !important;
line-height: normal !important;
height: 45px !important;
font-size: 1.4rem !important;
font-weight: 300 !important;
background: #f8f8f8 !important;
border: 1px solid #e8e8e8 !important;
border-right: 0 !important;
color: #000 !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-radius: 0;
}
.mobile-signup-block__shortcode .gform_body input.button,
.mobile-signup-block__shortcode .gform_footer input.button {
background: #e65043 !important;
font-size: 1.4rem !important;
font-weight: 500 !important;
padding: 10px 15px !important;
height: 45px !important;
border: 1px solid #e65043 !important;
margin: 0 !important;
color: #fff !important;
line-height: normal !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-radius: 0;
}
.mobile-signup-block__shortcode .gform_body .ginput_container,
.mobile-signup-block__shortcode .gform_footer .ginput_container {
margin: 0 !important;
}
.mobile-signup-block__shortcode .gform_body .gfield,
.mobile-signup-block__shortcode .gform_footer .gfield {
margin-top: 0 !important;
padding: 0 !important;
}
.mobile-signup-block__shortcode .gform_body .gfield_label,
.mobile-signup-block__shortcode .gform_footer .gfield_label {
display: none !important;
}
.mobile-signup-block__shortcode .gform_body {
width: 80% !important;
}
.mobile-signup-block__shortcode .gform_wrapper {
margin: 0 !important;
}
.mobile-signup-block__shortcode .gform_wrapper .gform_footer {
padding: 10px 0 !important;
}
.mobile-signup-block__shortcode .gform_wrapper .top_label .gfield_error {
width: 100% !important;
}
.square-images-text-block .section-container {
overflow: hidden;
}
@media (max-width: 769px) {
.square-images-text-block .section-container {
overflow: visible;
}
.square-images-text-block .section-container .slick-next,
.square-images-text-block .section-container .slick-prev {
top: -webkit-calc(50% - 45px);
top: calc(50% - 45px);
}
}
.square-images-text-block .square-block {
float: left;
width: -webkit-calc((100% - 150px)/4);
width: calc((100% - 150px) / 4);
background: #223663;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 50px 130px 0;
}
@media (min-width: 1px) {
.square-images-text-block .square-block {
width: 100%;
}
}
@media (min-width: 769px) {
.square-images-text-block .square-block {
width: -webkit-calc((100% - 50px)/2);
width: calc((100% - 50px) / 2);
}
.square-images-text-block .square-block:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
.square-images-text-block .square-block {
width: -webkit-calc((100% - 100px)/3);
width: calc((100% - 100px) / 3);
}
.square-images-text-block .square-block:nth-child(2n) {
margin-right: 50px;
}
.square-images-text-block .square-block:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 1200px) {
.square-images-text-block .square-block {
width: -webkit-calc((100% - 150px)/4);
width: calc((100% - 150px) / 4);
}
.square-images-text-block .square-block:nth-child(4n) {
margin-right: 0;
}
.square-images-text-block .square-block:nth-child(3n) {
margin-right: 50px;
}
}
@media (max-width: 769px) {
.square-images-text-block .square-block {
margin-bottom: 50px;
}
}
.square-images-text-block .square-block:last-child {
margin-right: 0;
}
.square-images-text-block .square-block:before {
content: "";
padding-top: 100%;
display: table;
width: 1px;
margin-left: -1px;
}
.square-images-text-block .square-block__image-container {
height: 100%;
overflow: hidden;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.square-images-text-block .square-block img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
}
.square-images-text-block .square-block__content {
position: absolute;
top: 100%;
left: 10px;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
background: #fff;
padding: 20px;
font-family: Libre Baskerville, Georgia, serif;
font-size: 1.8rem;
line-height: 1.65;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
max-height: 170px;
overflow: hidden;
}
.post-template-default .header {
height: 101px;
min-height: 0;
}
.post-template-default .header .content {
height: 100%;
}
.post-template-default .header .header__top {
background: transparent;
margin-bottom: 30px;
}
.post-template-default .header .header__bottom {
display: none;
}
.post-template-default .header .header-logo a {
background: url(//room2.com/app/themes/room2/dist/static/e646363cb26ba2169d3a81d9eb13dc26.png) no-repeat;
background-size: 100% 100% !important;
}
.post-container {
width: 100%;
max-width: 875px;
margin: 80px auto;
}
@media (max-width: 769px) {
.post-container {
padding: 0 15px;
margin-top: 0;
}
}
.post-container .post-title {
font-family: Libre Baskerville, Georgia, serif;
font-size: 4.5rem;
line-height: 1.25;
text-align: center;
margin: 0 auto 20px;
max-width: 700px;
}
@media (max-width: 1024px) {
.post-container .post-title {
font-size: 3.5rem;
}
}
.post-container .post-meta {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.3rem;
text-align: center;
margin-bottom: 40px;
}
.post-container .post-thumbnail {
margin-bottom: 50px;
}
.post-container .post-thumbnail img {
width: 100%;
height: auto;
}
.post-container .post-content {
font-size: 1.6rem;
line-height: 1.85;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
max-width: 640px;
margin: 0 auto;
}
.post-container .post-content ol,
.post-container .post-content p,
.post-container .post-content ul {
margin: 0 0 35px;
}
.post-container .post-content ol,
.post-container .post-content ul {
padding-left: 20px;
}
.post-container .post-content img {
width: 100%;
height: auto;
}
.post-container .post-sharing {
max-width: 640px;
margin: 0 auto;
}
.post-container .post-sharing,
.post-container .post-sharing a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.post-container .post-sharing a {
width: 182px;
height: 50px;
margin-right: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-size: 1.4rem;
}
@media (max-width: 769px) {
.post-container .post-sharing a {
width: 50px;
height: 50px;
}
}
@media (max-width: 769px) {
.post-container .post-sharing__text {
display: none;
}
}
.post-container .post-sharing__facebook {
background: #3b5998;
}
.post-container .post-sharing__facebook i {
display: inline-block;
width: 10px;
height: 16px;
background: url(//room2.com/app/themes/room2/dist/static/878afac8919bf02b694ced07a0b861f6.svg) no-repeat;
background-size: 100% 100%;
margin-right: 11px;
}
.post-container .post-sharing__twitter {
background: #6cadde;
}
.post-container .post-sharing__twitter i {
display: inline-block;
width: 16px;
height: 13px;
background: url(//room2.com/app/themes/room2/dist/static/57550656179688949b717598fd801f3e.svg) no-repeat;
background-size: 100% 100%;
margin-right: 12px;
}
.post-container .post-sharing__email {
background: #19c485;
}
.post-container .post-sharing__email i {
display: inline-block;
width: 14px;
height: 12px;
background: url(//room2.com/app/themes/room2/dist/static/0b159ccff80d1ffce2cb429ec5e6a921.svg) no-repeat;
background-size: 100% 100%;
margin-right: 13px;
}
@media (max-width: 769px) {
.post-container .post-sharing i {
margin-right: 0;
}
}
.block-positions {
margin: 80px 0;
}
.block-positions .section-container.has-positions {
margin-bottom: 120px;
}
.block-positions__title {
font-family: Freeland, Georgia, serif;
font-size: 3.2rem;
color: #e65043;
text-align: center;
margin-bottom: 20px;
}
.positions-head {
height: 47px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.positions-label {
width: 62%;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
opacity: 0.5;
font-size: 1.5rem;
}
.position-single {
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.05);
max-height: 95px;
-webkit-transition: max-height 0.6s ease;
-o-transition: max-height 0.6s ease;
transition: max-height 0.6s ease;
will-change: max-height;
}
.position-single:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.position-single__head {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 95px;
cursor: pointer;
}
.position-single__title {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2rem;
width: 62%;
}
.position-single__location {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
opacity: 0.5;
font-size: 1.5rem;
width: 38%;
}
.position-single__description {
margin-bottom: 60px;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.85;
}
.position-single__description p {
margin-bottom: 40px;
}
.position-single.selected {
max-height: 100%;
}
.position-single.filtered {
display: none;
}
.positions-location-select {
position: relative;
-webkit-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
z-index: 2;
}
.positions-location-select .select2-selection {
padding: 15px !important;
}
.positions-location-select .select2-selection__rendered {
position: relative;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
opacity: 0.5;
padding: 0 20px 0 0 !important;
font-size: 1.5rem !important;
line-height: 1 !important;
color: #000 !important;
text-transform: none !important;
}
.positions-location-select .select2-selection__rendered:after {
top: 2px;
}
.position-apply {
display: block;
width: 114px;
height: 42px;
line-height: 42px;
text-align: center;
color: #fff;
background: #e65043;
font-size: 1.5rem;
margin: 25px 0 0;
}
.positions-apply-text {
margin: 0 auto 100px;
}
.positions-apply-text__content {
margin: 0 auto;
max-width: 640px;
text-align: center;
line-height: 1.85;
font-size: 1.6rem;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
}
.positions-apply-text__content p {
margin: 0;
}
.positions-apply-text .position-apply {
margin: 25px auto 0;
}
.position-apply-overlay {
position: fixed;
z-index: 300;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background: rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 0.6s ease;
-o-transition: opacity 0.6s ease;
transition: opacity 0.6s ease;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.position-apply-overlay__container {
background: #fff;
border-radius: 5px;
width: 640px;
height: 100%;
overflow-y: auto;
padding: 50px 65px 55px;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
position: relative;
}
@media (max-width: 769px) {
.position-apply-overlay__container {
padding: 50px 20px 55px;
}
}
.position-apply-overlay h4 {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.4rem;
margin-bottom: 8px;
opacity: 0.5;
text-align: center;
}
.position-apply-overlay .position-apply-form__title {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2rem;
text-align: center;
margin-bottom: 40px;
}
.position-apply-overlay .gform_fields {
margin: 0;
padding: 0;
list-style-type: none;
}
.position-apply-overlay .gform_fields li:first-child {
width: -webkit-calc(50% - 10px);
width: calc(50% - 10px);
float: left;
margin-right: 20px;
}
@media (max-width: 1024px) {
.position-apply-overlay .gform_fields li:first-child {
float: none;
margin-right: 0;
width: 100%;
}
}
.position-apply-overlay .gform_fields li:nth-child(2) {
width: -webkit-calc(50% - 10px);
width: calc(50% - 10px);
float: right;
clear: none;
}
@media (max-width: 1024px) {
.position-apply-overlay .gform_fields li:nth-child(2) {
float: none;
margin-right: 0;
width: 100%;
}
}
.position-apply-overlay .gform_fields li.gfield {
padding-right: 0 !important;
}
.position-apply-overlay .gform_button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-radius: 0;
}
.position-apply-overlay .gfield_label {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.2rem;
display: block;
margin-bottom: 8px;
}
.position-apply-overlay .gfield_required {
float: right;
color: #e65043;
}
.position-apply-overlay .ginput_container {
margin-bottom: 15px;
}
.position-apply-overlay .ginput_container input {
height: 62px;
width: 100% !important;
padding: 0 20px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: #f8f8f8;
border: 1px solid #e0e0e0;
border-radius: 2px;
outline: none !important;
cursor: pointer;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.position-apply-overlay .ginput_container_fileupload {
background: #223663;
border-radius: 2px;
position: relative;
cursor: pointer;
}
.position-apply-overlay .ginput_container_fileupload:after {
content: "Add files";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 20px;
color: #fff;
font-size: 1.6rem;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
pointer-events: none;
cursor: pointer;
}
.position-apply-overlay .ginput_container_fileupload input {
opacity: 0;
}
.position-apply-overlay .ginput_container[data-text]:after {
content: attr(data-text);
}
.position-apply-overlay [type="submit"] {
width: 87px;
height: 41px;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #e65043;
color: #fff;
cursor: pointer;
}
.position-apply-overlay .close {
position: absolute;
right: 20px;
top: 20px;
width: 20px;
height: 20px;
opacity: 0.3;
}
@media (min-width: 769px) {
.position-apply-overlay .close {
display: none;
}
}
.position-apply-overlay .close:hover {
opacity: 1;
}
.position-apply-overlay .close:after,
.position-apply-overlay .close:before {
position: absolute;
left: 15px;
content: " ";
height: 20px;
width: 2px;
background-color: #333;
}
.position-apply-overlay .close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.position-apply-overlay .close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.admin-bar .close {
top: 70px;
}
.position-overlay-opened .position-apply-overlay {
opacity: 1;
pointer-events: auto;
}
.modal-form {
position: fixed;
z-index: 300;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background: rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 0.7s ease;
-o-transition: opacity 0.7s ease;
transition: opacity 0.7s ease;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 100px 0;
}
@media (max-width: 767px) {
.modal-form {
padding: 60px 0;
}
}
.modal-form__container {
background: #fff;
border-radius: 5px;
width: 640px;
height: 100%;
overflow-y: auto;
padding: 50px 65px 55px;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
position: relative;
}
@media (max-width: 769px) {
.modal-form__container {
padding: 50px 20px 55px;
}
}
.modal-form .modal__close {
position: absolute;
right: 20px;
top: 20px;
width: 20px;
height: 20px;
opacity: 0.3;
}
.modal-form .modal__close:hover {
opacity: 1;
}
.modal-form .modal__close:after,
.modal-form .modal__close:before {
position: absolute;
left: 15px;
content: " ";
height: 20px;
width: 2px;
background-color: #333;
}
.modal-form .modal__close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal-form .modal__close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.admin-bar .modal-form .modal__close {
top: 70px;
}
.modal-form__wrap > * {
display: none;
}
.modal-form__wrap:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
background: url(//room2.com/app/themes/room2/dist/static/c5cd7f5300576ab4c88202b42f6ded62.gif) no-repeat;
background-size: 100% 100%;
}
.modal-form__wrap.active:after {
content: none;
}
.modal-form__wrap.active > * {
display: block;
}
.modal-form__title {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.4rem;
margin-bottom: 8px;
opacity: 0.5;
text-align: center;
}
.modal-form__subtitle {
font-family: Libre Baskerville, Georgia, serif;
font-size: 2rem;
text-align: center;
margin-bottom: 40px;
}
.modal-form .gform_fields {
margin: 0;
padding: 0;
list-style-type: none;
}
.modal-form .gform_fields li.gfield {
padding-right: 0 !important;
}
.modal-form [data-modal-form="6"] .gform_fields {
margin: 0;
padding: 0;
list-style-type: none;
}
.modal-form [data-modal-form="6"] .gform_fields li:first-child {
width: -webkit-calc(50% - 10px);
width: calc(50% - 10px);
float: left;
margin-right: 20px;
}
@media (max-width: 1024px) {
.modal-form [data-modal-form="6"] .gform_fields li:first-child {
float: none;
margin-right: 0;
width: 100%;
}
}
.modal-form [data-modal-form="6"] .gform_fields li:nth-child(2) {
width: -webkit-calc(50% - 10px);
width: calc(50% - 10px);
float: right;
clear: none;
}
@media (max-width: 1024px) {
.modal-form [data-modal-form="6"] .gform_fields li:nth-child(2) {
float: none;
margin-right: 0;
width: 100%;
}
}
.modal-form .gform_button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-radius: 0;
}
.modal-form .gfield_label {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 1.2rem;
display: block;
margin-bottom: 8px;
}
.modal-form .gfield_required {
float: right;
color: #e65043;
}
.modal-form .ginput_container {
margin-bottom: 15px;
}
.modal-form .ginput_container input:not([type="checkbox"]) {
height: 62px;
width: 100% !important;
padding: 0 20px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: #f8f8f8;
border: 1px solid #e0e0e0;
border-radius: 2px;
outline: none !important;
cursor: pointer;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.modal-form .ginput_container_fileupload {
background: #223663;
border-radius: 2px;
position: relative;
cursor: pointer;
}
.modal-form .ginput_container_fileupload:after {
content: "Add files";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 20px;
color: #fff;
font-size: 1.6rem;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
pointer-events: none;
cursor: pointer;
}
.modal-form .ginput_container_fileupload input {
opacity: 0;
}
.modal-form .ginput_container[data-text]:after {
content: attr(data-text);
}
.modal-form [type="submit"] {
width: 87px;
height: 41px;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #e65043;
color: #fff;
cursor: pointer;
}
.modal-form_opened .modal-form {
opacity: 1;
pointer-events: auto;
} .blog-title {
font-family: Libre Baskerville, Georgia, serif;
font-size: 6rem;
text-align: center;
margin: 0 0 30px;
}
@media (max-width: 1024px) {
.blog-title {
font-size: 4rem;
}
}
.blog-filters {
margin-bottom: 80px;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 769px) {
.blog-filters {
margin-bottom: 40px;
}
}
.blog-filters .filters-label {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
opacity: 0.5;
font-size: 1.6rem;
line-height: 1.85;
float: left;
}
.blog-filters .blog-cats-list {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}
.blog-filters .blog-cats-list li {
display: inline-block;
font-size: 1.6rem;
line-height: 1.85;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
margin-left: 20px;
}
.blog-filters .blog-cats-list a {
display: inline-block;
height: 100%;
padding: 0 18px;
border-radius: 20px;
}
.blog-filters .blog-cats-list a.active,
.blog-filters .blog-cats-list a:hover {
background: #223663;
color: #fff;
}
.blog-content {
overflow: hidden;
}
.blog-load-more .current {
font-weight: 700;
}
.post-block {
float: left;
width: -webkit-calc((100% - 150px)/4);
width: calc((100% - 150px) / 4);
background: #223663;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 50px 130px 0;
}
@media (min-width: 1px) {
.post-block {
width: 100%;
}
}
@media (max-width: 769px) {
.post-block {
margin: 0 15px 95px 0;
width: -webkit-calc((100% - 15px)/2);
width: calc((100% - 15px) / 2);
}
.post-block:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 769px) {
.post-block {
width: -webkit-calc((100% - 100px)/3);
width: calc((100% - 100px) / 3);
}
.post-block:nth-child(2n) {
margin-right: 50px;
}
.post-block:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
.post-block {
width: -webkit-calc((100% - 150px)/4);
width: calc((100% - 150px) / 4);
}
.post-block:nth-child(3n) {
margin-right: 50px;
}
.post-block:nth-child(4n) {
margin-right: 0;
}
}
.post-block:last-child {
margin-right: 0;
}
.post-block:before {
content: "";
padding-top: 100%;
display: table;
width: 1px;
margin-left: -1px;
}
.post-block__image-container {
height: 100%;
overflow: hidden;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.post-block img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
}
.post-block__content {
position: absolute;
top: 100%;
left: 10px;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
background: #fff;
padding: 20px;
font-family: Libre Baskerville, Georgia, serif;
font-size: 1.8rem;
line-height: 1.65;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
max-height: 170px;
overflow: hidden;
}
@media (max-width: 769px) {
.post-block__content {
left: 0;
right: 0;
width: 100%;
padding: 10px;
top: -webkit-calc(100% + 50px);
top: calc(100% + 50px);
}
}
.post-block h2 {
height: 58px;
overflow: hidden;
}
@media (max-width: 769px) {
.post-block h2 {
height: auto;
font-size: 1.4rem;
}
}
.post-block .post-category {
font-size: 1.3rem;
color: rgba(0, 0, 0, 0.5);
font-family: AtlasGrotesk-Light, Arial, sans-serif;
margin-top: 6px;
}
.blog-load-more {
text-align: center;
}
.blog-load-more .load-more-link {
margin: 0 auto 50px;
display: inline-block;
height: 41px;
line-height: 41px;
text-align: center;
padding: 0 18px;
color: #fff;
font-size: 1.5rem;
background: #223663;
}
.footer-deals-form {
color: #fff;
width: 300px;
margin-left: auto;
}
.footer-deals-form h2 {
margin-top:20px;
font-size:35.2px;
font-family: Libre Baskerville, Georgia, serif;
}
.footer-subtitle {
color:#fff;
font-size:16px;
max-width:250px;
}
.footer-subtitle a {
color:#e44e56;
}
.footer-deals-form .btnRed {
margin-right:9px !important;
}
@media (max-width: 1600px) {
.footer-deals-form {
width: auto;
max-width: 350px;
margin-left: 0;
margin-top: 50px;
}
}
.footer-deals-form .gform_wrapper .gform_footer input.button,
.footer-deals-form .gform_wrapper .gform_footer input[type="submit"] {
margin-bottom: 0;
}
@media (max-width: 769px) {
.footer-deals-form {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-bottom: 55px;
margin-top: 0;
}
}
.footer-deals-form form {
position: relative;
}
.footer-deals-form .gfield_label,
.footer-deals-form .gfield_required {
display: none !important;
}
.footer-deals-form .gfield,
.footer-deals-form .gform_wrapper,
.footer-deals-form .ginput_container {
margin: 0 !important;
}
.footer-deals-form .gform_fields {
list-style-type: none !important;
padding-left: 0 !important;
}
.footer-deals-form .gform_fields > li {
padding: 0 !important;
}
.footer-deals-form .gfield_checkbox {
list-style-type: none !important;
padding-left: 0 !important;
}
.footer-deals-form .gfield_checkbox li {
display: inline-block;
margin: 0 20px 0 0 !important;
}
.footer-deals-form .gfield_checkbox input {
display: none !important;
}
.footer-deals-form .gfield_checkbox input:checked + label {
font-weight: 400 !important;
}
.footer-deals-form .gfield_checkbox input:checked + label:after {
content: "\2713";
position: absolute;
font-weight: 700;
left: 4px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 10px;
}
.footer-deals-form .gfield_checkbox label {
font-size: 1.4rem;
position: relative;
padding-left: 25px !important;
}
.footer-deals-form .gfield_checkbox label:before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 1px solid #fff;
}
.footer-deals-form .ginput_container_email {
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);
}
.footer-deals-form .ginput_container_email input {
font-size: 1.4rem !important;
color: #fff !important;
width: 100% !important;
padding: 8px 20px 8px 0 !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid hsla(0, 0%, 100%, 0.2) !important;
outline: none !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
margin: 0;
}
.footer-deals-form .ginput_container_email input ::-webkit-input-placeholder {
color: hsla(0, 0%, 100%, 0.4) !important;
font-size: 1.4rem !important;
}
.footer-deals-form .ginput_container_email input ::-moz-placeholder {
color: hsla(0, 0%, 100%, 0.4) !important;
font-size: 1.4rem !important;
}
.footer-deals-form .ginput_container_email input :-ms-input-placeholder {
color: hsla(0, 0%, 100%, 0.4) !important;
font-size: 1.4rem !important;
}
.footer-deals-form .ginput_container_email input :-moz-placeholder {
color: hsla(0, 0%, 100%, 0.4) !important;
font-size: 1.4rem !important;
}
.footer-deals-form .gform_footer {
margin: 0 !important;
padding: 0 !important;
}
.footer-deals-form [type="submit"] {
color: #fff !important;
font-size: 1.4rem !important;
text-align: right;
position: absolute;
padding: 8px 0 !important;
margin-right: 0 !important;
bottom: 0;
right: 0;
width: 60px !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid hsla(0, 0%, 100%, 0.2) !important;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.footer-deals-form .validation_error,
.footer-deals-form .validation_message {
display: none !important;
}
.footer-deals-form .gfield_error {
background: transparent !important;
border: 0 !important;
max-width: 100% !important;
margin-right: 0 !important;
}
@media only screen and (min-width: 641px) {
.footer-deals-form
.gform_wrapper.gform_validation_error
.gform_body
ul
li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
}
.footer-deals-form
.gform_wrapper.gform_validation_error
.gform_body
ul
li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half)
input {
margin-bottom: 0 !important;
border-bottom: 1px solid #e65043 !important;
}
}
.footer-deals-form .gform_ajax_spinner {
position: absolute;
bottom: 0;
right: -40px;
}
@media (min-width: 1200px) {
.map-block {
padding: 0 150px;
}
}
@media (max-width: 769px) {
.map-block {
padding: 0;
}
}
.map-block__title {
font-size: 2.4rem;
font-family: Libre Baskerville, Georgia, serif;
font-weight: 400;
text-align: center;
}
@media (min-width: 769px) {
.map-block__title {
display: none;
}
}
.map-container {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
}
@media (max-width: 769px) {
.map-container {
margin: 25px -20px;
}
}
.map-container > img {
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.map-container .marker {
position: absolute;
text-align: center;
cursor: pointer;
}
.map-container .marker span {
display: block;
color: #1a2b53;
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
font-weight: 600;
font-size: 1.2rem;
max-width: 180px;
}
.map-container .marker img {
margin: 0 auto;
}
.map-container .unclickable {
pointer-events: none;
}
.map-container .marker .active {
-webkit-filter: hue-rotate(183deg) saturate(10);
filter: hue-rotate(183deg) saturate(10);
}
.map-container .hidden {
display: none !important;
}
.map-container .marker-details {
position: absolute;
top: 0;
margin: auto;
bottom: 0;
left: 50%;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
z-index: 9;
}
@media (min-width: 1200px) {
.map-container .marker-details {
padding: 50px;
height: 450px;
width: 445px;
}
}
@media (min-width: 1024px) {
.map-container .marker-details {
padding: 25px;
height: 395px;
width: 385px;
}
}
@media (min-width: 769px) {
.map-container .marker-details {
padding: 25px;
height: 395px;
width: 385px;
}
}
.map-container .marker-details__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: Libre Baskerville, Georgia, serif;
font-weight: 400;
}
.map-container .marker-details__title img {
width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
.map-container .marker-details__title h3 {
margin-left: 18px;
font-size: 3.2rem;
}
.map-container .marker-details__body {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.map-container .marker-details__body p {
color: #000;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
width: 100%;
text-align: left;
margin: 0;
}
.map-container .marker-details__footer a {
color: #e65043;
font-size: 2rem;
font-weight: 500;
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
}
.map-container .marker-details .close {
position: absolute;
right: 20px;
top: 20px;
width: 32px;
height: 32px;
opacity: 0.3;
display: none;
}
.map-container .marker-details .close:hover {
opacity: 1;
}
.map-container .marker-details .close:after,
.map-container .marker-details .close:before {
position: absolute;
left: 15px;
content: " ";
height: 33px;
width: 2px;
background-color: #333;
}
.map-container .marker-details .close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.map-container .marker-details .close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 769px) {
.marker-details-bottom {
margin-bottom: 70px;
}
}
.marker-details-bottom__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: Libre Baskerville, Georgia, serif;
font-weight: 400;
}
.marker-details-bottom__title img {
width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center";
}
.marker-details-bottom__title h3 {
margin-left: 18px;
font-size: 3.2rem;
font-family: Libre Baskerville, Georgia, serif;
}
.marker-details-bottom__body {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.marker-details-bottom__body p {
color: #000;
font-family: AtlasGrotesk-Light, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
width: 100%;
text-align: left;
}
.marker-details-bottom__footer a {
color: #e65043;
font-size: 2rem;
font-weight: 500;
font-family: AtlasGrotesk-Medium, Arial, sans-serif;
}
header.header .header-booking {
position: relative;
}
header.header .header-booking .seasonal-text-header {
position: absolute;
bottom: -15px;
transform: translateY(100%);
background-color: #fff;
box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.15);
}
header.header .header-booking .seasonal-text-header span.seasonal-text-one {
position: relative;
display: block;
padding: 15px 15px 10px 15px;
}
header.header
.header-booking
.seasonal-text-header
span.seasonal-text-one:before {
display: block;
width: 26px;
height: 26px;
margin-bottom: 25px;
content: "";
background-image: url(//room2.com/app/themes/room2/dist/css/img/calendar.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-one a {
font-family: AtlasGrotesk-Regular, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 20px;
color: #000;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-two {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
padding: 10px 0 0 15px;
transition: all 0.3s;
opacity: 0;
background-color: #ea4d3c;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-two a {
font-family: AtlasGrotesk-Regular, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 20px;
position: relative;
color: #fff;
}
header.header
.header-booking
.seasonal-text-header
span.seasonal-text-two
a:after {
display: block;
width: 18px;
height: 18px;
margin-top: 10px;
content: "";
background-image: url(//room2.com/app/themes/room2/dist/css/img/arrow-white.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
header.header
.header-booking
.seasonal-text-header:hover
span.seasonal-text-two {
opacity: 1;
}
.form-text {
max-width: 1340px;
margin: 0 auto;
}
.form-text .seasonal-text {
position: relative;
width: 40%;
margin-left: 20%;
padding: 10px 0;
transition: all 0.3s;
text-align: center;
border: 1px solid #ea4d3c;
background-color: #ea4d3c;
}
.form-text .seasonal-text:before {
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 0;
content: "";
transition: all 0.3s;
transform: translate(-50%, -100%);
border-right: 10px solid transparent;
border-bottom: 10px solid #ea4d3c;
border-left: 10px solid transparent;
}
.form-text .seasonal-text > a.seasonal-text-one {
font-family: AtlasGrotesk-Regular, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 20px;
display: inline-block;
text-align: center;
color: #fff;
}
.form-text .seasonal-text > a.seasonal-text-one:before {
display: inline-block;
float: left;
width: 25px;
height: 25px;
margin-right: 12px;
content: "";
background-image: url(//room2.com/app/themes/room2/dist/css/img/calendar-white.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.form-text .seasonal-text > a.seasonal-text-two {
font-family: AtlasGrotesk-Regular, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 24px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 100%;
padding: 12px 30px 0;
opacity: 0;
color: #000;
}
.form-text .seasonal-text > a.seasonal-text-two > span {
display: inline-block;
}
.form-text .seasonal-text > a.seasonal-text-two > span:after {
display: inline-block;
float: right;
width: 30px;
height: 24px;
content: "";
background-image: url(//room2.com/app/themes/room2/dist/css/img/arrow.png);
background-repeat: no-repeat;
background-position: center right;
background-size: 18px;
}
.form-text .seasonal-text:hover {
border-color: #fff;
background-color: #fff;
}
.form-text .seasonal-text:hover:before {
border-bottom-color: #fff;
}
.form-text .seasonal-text:hover .seasonal-text-two {
opacity: 1;
} .gallery-viewer__carousel {
min-width: 0;
min-height: 0;
}
.gallery-viewer__carousel img {
display: block !important;
width: auto !important;
}
.landing-page__message {
align-self: flex-start;
margin-top: 100px;
}
.landing-page__message-text {
font-family: AtlasGrotesk-Light, Arial, sans-serif;
color: #e65043;
font-weight: normal;
font-size: 2.8rem;
}
@media (max-width: 1024px) {
.landing-page__message {
align-self: center;
margin: 25px 0;
}
.landing-page__message-text {
text-align: center;
}
}
@media (max-width: 1450px) {
.landing-page__message-text {
font-size: 2.6rem;
}
}
.form--salesforce {
display: none;
}
.modal-form_opened .form--salesforce {
display: block;
}
.form--salesforce label,
.form--salesforce input,
.form--salesforce textarea,
.form--salesforce select {
display: block;
width: 100%;
margin-top: 8px;
}
.form--salesforce input,
.form--salesforce textarea,
.form--salesforce select {
font-size: inherit;
background-color: #f8f8f8;
padding: 15px 20px;
border: 1px solid #e0e0e0;
border-radius: 2px;
} .page-investors .section-container {
border-bottom: none;
padding-bottom: 0;
}
.page-investors .features-block .section-container {
padding-bottom: 42px;
}
.page-investors .row {
margin-bottom: 0 !important;
}
.page-investors .section-container--tiny > .icon-text {
margin-bottom: 100px;
}
.page-investors .section--blue {
margin-top: 50px;
}
.page-investors .wrapper--thin {
margin-top: 0;
}
.page-investors .btn--no-margin {
margin-top: 0;
}
.page-investors .section--gray .narrow-content-block {
margin-bottom: 0;
}
.page-investors .icon-text__text {
line-height: 140%;
}
@media (max-width: 1024px) {
.page-investors .section-container--tiny > .icon-text {
margin-bottom: 30px;
}
.page-investors .icon-text__text-title {
font-size: 1.7rem;
}
} .section--gray {
background-color: #f8f8f8;
}
.section--blue {
background-color: #223663;
color: #fff;
}
.section--darkblue {
background-color: #1a2b53;
color: #fff;
}
.section--blue .text-centered-block,
.section--darkblue .text-centered-block {
color: #fff;
}
.u-p-0 {
padding: 0 !important;
} .grecaptcha-badge {
visibility: hidden;
}
.form__recaptcha-text {
position: absolute;
padding-top: 20px !important;
font-size: 1rem;
bottom: -35px;
color: #ccc;
}
.mobile-signup-block__shortcode .form__recaptcha-text {
position: static;
display: none;
}
.form__recaptcha-text a {
text-decoration: underline;
} .sbi-owl-stage-outer {
padding: 20px 0;
}
.sbi-owl-nav>div {
top: 50% !important;
}
@media (min-width: 768px) {
.sbi-owl-stage-outer {
padding: 80px 0;
}
.sbi-owl-item {
transform: scale(1.1);
}
.sbi-owl-item:nth-child(odd) {
transform: translateY(-50px) scale(1.1);
z-index: 1;
}
.sbi-owl-nav {
display: none;
}
} .page-long-stay .header-booking {
display: none;
}
.menu-screen__menu-small{
display: none;
}
.patnerlogomob{
display: none !important;
}
img.section-icon {
width: 45px;
height: auto;
} #luxscapia-interface {
position: fixed;
right: -100%; top: 0;
width: 345px; height: 100%;
background-color: #f8f8f8;
box-shadow: -5px 0 5px rgba(0,0,0,0.2);
transition: right 0.5s; z-index: 1000; }
#close-search {
cursor: pointer;
position: absolute;
width: 30px;
height: 30px;
right: 10px;
top: 20px;
z-index: 9999;
}
#close-search::before, #close-search::after {
content: '';
position: absolute;
background-color: black;
width: 2px; height: 30px; top: 0;
left: 14px; }
#close-search::before {
transform: rotate(45deg); }
#close-search::after {
transform: rotate(-45deg); }
.block_break {
height:80px;
}
.block_break_small {
height:40px;
}
.wrapper-inner {
max-width:1600px;
margin:0px auto;
padding:0px 50px;
}
.wrapper-inner-tight {
max-width:1200px;
margin:0px auto;
padding:0px 50px;
}
.wrapper-grey {
padding:50px 0px;
background-color:#C4C5C4;
}
.wrapper-light-grey {
padding:50px 0px;
background-color:#f8f8f8;
}
@media (max-width: 800px) {
.wrapper-inner {
padding:0px 20px;
}
.wrapper-grey, .wrapper-light-grey {
padding:10px 0px;
}
}
.centreText {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100%;
text-align: center;
}
.centreText2 {
margin:0 auto;
text-align:center;
}
.centreLeftText {
display: flex;
flex-direction: column;
justify-content: center;
align-items: left;
min-height: 100%;
text-align: left;
}
.centreLeftBtmText {
display: flex;
flex-direction: column;
justify-content: flex-end; align-items: flex-start;
min-height: 100%;
text-align: left;
}
.centreLeftMidText {
display: flex;
flex-direction: column;
justify-content: center; align-items: flex-start;
min-height: 100%;
text-align: left;
}
.centreAlign {
text-align: center;
}
.leftAlign {
text-align: left;
}
.rightAlign {
text-align: right;
}
.libreBaskTitleL {
font-size:40px;
font-weight:400;
font-family: Libre Baskerville;
margin:0px;
}
.libreBaskTitle {
font-size:30px;
font-weight:600;
font-family: Libre Baskerville;
margin:0px;
}
.atlastCopy {
font-size:14px;
line-height:1.5;
font-family: AtlasGrotesk-Light;
} .homepage_gap {
height:50px;
clear:both;
}
.homepage_intro_copy {
font-size:14px;
}
.header_block {
height:100px;
}
@media (max-width: 1024px) {
.header_block {
height:80px;
}
}
#homepage_1 {
width:100%;
height:80vh;
}
#homepage_1_carbon_neutral {
position: absolute;
bottom:15px;
left:20px;
width:110px;
height:auto;
}
#homepage_1_living_wage {
position: absolute;
bottom:20px;
left:150px;
width:70px;
height:auto;
}
#homepage_1_bcorp {
position: absolute;
bottom:20px;
right:20px;
width:50px;
height:auto;
}
.homepage_1_title {
color:#fff;
font-weight:900;
font-size: 6vw; 
font-family: AtlasGrotesk-Medium;
}
.homepage_1_subtitle {
color:#fff;
font-weight:400;
font-size: 2vw;
font-family: Libre Baskerville;
}
@media (max-width: 800px) {
.homepage_1_title {
font-size: 8vw;
}
.homepage_1_subtitle {
font-size: 4vw;
}
}
#homepage_2 {
margin:50px 0px;
}
#homepage_5 {
padding:50px 0px;
margin-bottom:50px;
}
#homepage_2_intro_text, #homepage_5_intro_text {
margin:100px auto;
max-width:900px;
font-size:26px;
line-height: 40px;
font-family: Libre Baskerville;
}
#homepage_2_intro_text {
margin:170px auto;
}
@media (max-width: 800px) {
#homepage_2 {
margin:20px 0px;
}
#homepage_5 {
padding:20px 0px;
}
#homepage_2_intro_text, #homepage_5_intro_text {
font-size:18px;
line-height: 26px;
}
#homepage_2_intro_text {
margin:70px auto;
}
}
#homepage_locations_block {
margin:20px 0px 30px 0px;
}
.homepage_location {
margin-right:20px;
}
.homepage_location_img, .homepage_4_24hrstays_block_img, .homepage_responsibility_img {
width: 100%;
height:calc(100vw / 5) !important;
background-size:cover !important;
background-position: center !important;
}
.homepage_location_title, .homepage_responsibility_title {
margin:15px 0px 8px 0px;
font-size:20px;
font-weight:600;
font-family: Libre Baskerville;
}
.homepage_location_title a:hover, .homepage_responsibility_title a:hover {
text-decoration: underline;
}
.homepage_location_copy, .homepage_4_24hrstays_block_copy, .homepage_responsibility_copy {
font-family: AtlasGrotesk-Light;
line-height:1.5;
font-size:14px;
color:#161C2D;
}
.homepage_location_copy_minor {
font-family: AtlasGrotesk-Light;
line-height:1.4;
font-size:14px;
color:#636363 !important;
}
@media (max-width: 1000px) {
.homepage_location_img {
height:calc(100vw / 4) !important;
}
}
@media (max-width: 800px) {
.homepage_location_img {
height:calc(100vw / 3) !important;
}
}
@media (max-width: 580px) {
.homepage_location_img {
height:calc(100vw / 2) !important;
}
}
#homepage_3, #homepage_6 {
margin:150px 0px;
display:flex;
}
#homepage_3 {
margin-bottom:70px;
}
#homepage_3_l, #homepage_6_l {
flex: 1;
padding-right:30px;
}
#homepage_3_r, #homepage_6_r {
flex: 2;
padding-left:30px;
max-width: 100%;
overflow: hidden;
}
.area_gallery_hometel_slide {
position: relative;
}
.area_gallery_hometel_title {
color:#fff;
position: absolute;
bottom:20px;
left:20px;
font-size:13px;
text-shadow: 2px 1px 2px #00000085;
} #homepage_3_r .slick-slide, #homepage_3_r .slick-slide div {
height:550px;
}
#homepage_3_r .slick-slide div {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: right !important;
} #homepage_3_r .slick-prev,
#homepage_3_r .slick-next {
display: block !important;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
z-index: 1;
top: auto;
bottom: 10px;
transform: none;
position: absolute;
}
#homepage_3_r .slick-next {
right: 10px;
}
#homepage_3_r .slick-prev {
left:inherit;
right: 50px;
}
@media (max-width: 900px) {
#homepage_3, #homepage_6 {
margin:70px 0px;
display:block;
}
#homepage_3_l, #homepage_3_r, #homepage_6_l, #homepage_6_r {
flex: inherit;
padding:0px;
}
#homepage_3_l, #homepage_6_l {
margin:20px 0px 25px 0px;
}
.area_gallery_hometel_slide {
position: relative;
}
#homepage_3_r .slick-slide, #homepage_3_r .slick-slide div {
height:calc(100vw / 2) !important;
}
}
#homepage_4 {
margin-top:50px;
min-height:550px;
}
#homepage_4, #homepage_7 {
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(2, 1fr);
}
#homepage_7 {
padding:50px 0px;
min-height:1240px; }
#homepage_4_l, #homepage_7_l, #homepage_7b_r {
padding:50px;
background-color: #F4F2EC;
}
#homepage_24hrs_title, #homepage_joinfamily_title {
font-size:50px;
line-height: 58px;
text-transform: uppercase;
text-align: center;
font-weight:600;
font-family: AtlasGrotesk-Black;
margin:0 auto;
width:80%;
}
#homepage_24hrs_copy, #homepage_joinfamily_copy {
text-align: center;
margin:0 auto;
width:50%;
font-size:14px;
line-height:1.5;
font-family: AtlasGrotesk-Light;
}
#homepage_4_r, #homepage_7_r, #homepage_7b_l {
background-size:cover !important;
background-position: center !important;
}
#homepage_4_24hrstays_block {
margin:30px 0px 70px 0px;
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(3, 1fr);
}
.homepage_4_24hrstays_block_img {
height:calc(100vw / 4) !important;
}
@media (max-width: 1300px) {
#homepage_4 {
min-height:450px;
}
#homepage_7 {
min-height:990px;
}
}
@media (max-width: 1024px) {
#homepage_4 {
min-height:350px;
}
#homepage_7 {
min-height:890px;
}
.homepage_4_24hrstays_block_img, .homepage_responsibility_img {
height:calc(100vw / 3) !important;
}
#homepage_4_24hrstays_block {
grid-template-columns: repeat(2, 1fr);
}
.homepage_4_24hrstays_block_img span {
font-size:30px !important;
}
#homepage_4, #homepage_7 {
height:auto;
}
#homepage_4_l, #homepage_4_r, #homepage_7_l, #homepage_7_r, #homepage_7b_l, #homepage_7b_r {
padding:20px;
min-height:300px;
}
#homepage_24hrs_copy, #homepage_joinfamily_copy {
width:80%;
}
}
@media (max-width: 880px) {
#homepage_7 {
min-height:inherit;
}
#homepage_24hrs_title, #homepage_joinfamily_title {
font-size:30px;
line-height: 38px;
}
}
@media (max-width: 780px) {
#homepage_7 {
height:auto !important;
}
}
@media (max-width: 580px) {
.homepage_4_24hrstays_block_img, .homepage_responsibility_img, #homepage_4_l, #homepage_6_r {
height:calc(100vw / 1.5) !important;
}
#homepage_4_24hrstays_block {
grid-template-columns: inherit;
}
#homepage_4, #homepage_7 {
grid-template-columns: inherit;
}
#homepage_4_r {
display:none;
}
#homepage_7b_l {
order:4;
}
}
.homepage_4_24hrstays_block_copy {
display:block;
margin-top:18px;
}
.homepage_4_24hrstays_block_img span {
font-size:40px;
color:#fff;
line-height: 48px;
text-transform: uppercase;
text-align: center;
font-weight:600;
font-family: AtlasGrotesk-Black;
padding:20px;
}
#homepage_responsibilities_block {
margin:20px 0px 30px 0px;
}
.homepage_responsibility {
margin-right:40px;
}
#homepage_6_r {
background-size:cover !important;
background-position: center !important;
height:450px;
}
@media (max-width: 800px) {
#homepage_6 {
margin-top:70px;
}
#homepage_6_r {
margin-top:0px;
height:350px;
}
} .room_select_dropdown {
position: relative;
display: inline-block;
}
.room_select_dropdown-btn {
padding: 20px 40px;
font-size: 16px;
font-weight:400;
font-family: Roboto-Black, Arial, sans-serif;
border:none;
background-color: #e44e56 ;
color:#fff;
cursor: pointer;
}
.room_select_dropdown-list {
display: none;
position: absolute;
top:62px;
background-color: #F4F2EC ;
color:#000;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
.room_select_dropdown-list li {
padding: 10px;
cursor: pointer;
}
.room_select_dropdown-list li:hover { }
.room_select_dropdown.active .room_select_dropdown-list {
display: block;
} .gfield_no_follows_desc { }
@media only screen and (max-width: 1024px) {
.landing-location-preview {
width: 100% !important;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-one::before {
display: none;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-one a {
font-size: 12px;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-two a {
font-size: 12px;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-two {
padding-right: 10px;
}
.form-text .seasonal-text {
width: 100%;
margin-left: 0;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-one {
padding-right: 10px !important;
padding-top: 10px !important;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-two {
bottom: -25px;
}
header.header .header-booking .seasonal-text-header span.seasonal-text-two a::after {
display: none;
}
.images-container .img-rnd {
margin-left:10% !important;
}
.feature-section {
width: 100%;
text-align: center;
}
div.feature-icon {
display: flex !important;
}
}
.text-container__title.right-icon * > img {
margin: 0 0px 0 auto;
position: absolute;
content: '';
left: 20px;
}
.text-container__title.right-icon h2, .text-container__title h2 {
margin-bottom: 20px;
}
.landing-page-section__locations {
display: flex;
flex-wrap: wrap;
}
.landing-location-preview {
width: 25%;
position: relative;
}
.landing-location-preview:nth-child(2) {
right: 0;
}
.landing-location-preview:nth-child(3) {
right: 0;
}
.landing-location-preview.hovered {
width: 50%;
}
.landing-location-preview.non-hovered {
width: 25%;
}
.landing-location-preview.hovered .landing-location-preview__image {
width: 100%;
object-fit: cover;
}
.ft-signup-select select {
padding: 5px 5px !important;
width: 100% !important;
margin-bottom: 5px !important;
}
.ft-custm-frm fieldset {
border: none;
}
.ft-custm-frm label {
width: 100%;
}
.ft-custm-frm .rw-div {
padding-top: 10px;
}
.ft-custm-frm .rw-ft-frm {
padding-top: 10px;
}
.ft-custm-frm .rw-ft-frm input{
margin: 1px 5px 1px 0px;
}
.ft-frm-fn-ln input{
margin: 1px 5px 1px 0px;
}
.footer-deals-form li.dt-chiswick{
margin-bottom: 10px!important;
}
.dt-chiswick .datepicker{
width: 100% !important;
position: inherit !important;
opacity: 1 !important;
}
.cnt-inf-map{
height: 500px;
}
.cnt-map-main-block{
margin-bottom: 0px;
}
@media (min-width: 992px) {
.contact-info-block .section-container .cnt-inf-title{
width: 60%;
margin-right: 100px;
margin-left: 100px;
}
.contact-info-block .section-container .cnt-inf-detail{
width: 40%;
}
}
@media (min-width: 992px) {
.cnt-info-main .section-container{
-webkit-box-orient: inherit !important;
flex-direction: inherit !important;
}
}
@media (max-width: 1024px) {
.cnt-inf-map{
margin-bottom: 140px;
height: 350px;
}
.cnt-map-main-block {
margin-bottom: 110px;
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 1170px) and (min-width: 992px) {
.contact-info-block__map .contact-info-block__info{
left: 0px;
right: 0px;
width: 100%;
}
}
.block.contact-info-block.cnt-info-main {
margin-bottom: 0px;
}
.hero-btn_custom a{
display: inline-block;
background: #fff;
color: #E8503E;
font-size: 1.5rem;
padding: 12px 20px;
position: static;
}
.hero-btn_custom a:hover{
background: #E8503E;
color: #fff;
}
.hero-title__heading {
position: static;
transform: none;
}
.hero-title-container{
flex-direction: column;
}
.hero-main_content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding: 25px 15px;
}
.hero-title img{
object-fit: cover;
}
.hero-title__heading{
margin-bottom: 10px;
}
@media (max-width: 769px) {
.hero-title__heading{
text-align: left;
}
}
div.hero-main_dt {
text-align: center;
}
.landing-location-preview__name{
font-size: 26px;
}
.landing-location-preview img.landing-location-preview__image.wp-post-image {
width: 100%;
object-fit: cover;
}
.pos_cnt p:empty{
display: none !important;
}
.pos_cnt p, .pos_cnt font, .pos_cnt li{
font-family: AtlasGrotesk-Light, Arial, sans-serif !important;
font-size: 1.6rem !important;
line-height: 1.85 !important;
margin-bottom: 0px !important;
}
.pos-lb{
opacity: 0.5 !important;
font-size: 1.5rem !important;
font-family: AtlasGrotesk-Light, Arial, sans-serif !important;
}
.video_icn {
width: auto !important;
position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
transform: translate(-50%, -50%);
}
.video_icn img{
width: 50px !important;
height: 50px !important;
}
.video_iframe_gallery{
width: 100%;
display: inline-block;
height: 370px!important;
}
.header-booking .header-book-btn{
font-size: 2rem;
}
li.header-contactus {
padding-top: 30px;
} @media (min-width: 1025px){
.landing-page-section__locations {
width: 66.66667% !important;
}
}
.signup-form.roll-away {
z-index: 2;
}
@media(min-width: 1000px){
.rooms2-feature__content-text {
display: block !important;
} }
@media (max-width: 768px){
.page-sustainability .entries-list-block .entries-list__column {
width:100% !important;
}
} .page-family .hero-title {
display:none;
} .backImg100 {
width:100%;
height:100vh;
}
.backImg80 {
width:100%;
height:80vh;
}
.backImg70 {
width:100%;
height:70vh;
}
#hometel_top_image_title {
color:#fff;
text-transform: uppercase;
font-weight:900;
font-size: 6vw; 
font-family: AtlasGrotesk-Medium;
}
#hometel_top_image_subtitle {
margin-top:10px;
padding:0px 20px;
color:#fff;
font-weight:400;
font-size: 2vw;
font-family: Libre Baskerville;
font-style: italic;
}
#hometelclub_1 {
position:relative;
background:url(//room2.com/app/themes/room2/assets/img/club/header.jpg) no-repeat top center;
background-size:cover !important;
}
@media (max-width: 1350px) {
#hometelclub_1.backImg100 {
height:90vh;
}
}
@media (max-width: 1200px) {
#hometelclub_1.backImg100 {
height:80vh;
}
}
@media (max-width: 1050px) {
#hometelclub_1.backImg100 {
height:75vh;
}
}
@media (max-width: 910px) {
#hometelclub_1.backImg100 {
height:70vh;
}
}
@media (max-width: 860px) {
#hometelclub_1.backImg100 {
height:65vh;
}
}
@media (max-width: 810px) {
#hometelclub_1.backImg100 {
height:60vh;
}
}
@media (max-width: 760px) {
#hometelclub_1.backImg100 {
height:55vh;
}
}
@media (max-width: 710px) {
#hometelclub_1.backImg100 {
height:50vh;
}
}
@media (max-width: 645px) {
#hometelclub_1.backImg100 {
height:100vh;
}
#hometelclub_1 {
background:url(//room2.com/app/themes/room2/assets/img/club/header-mobile.jpg) no-repeat center;
}
#hometel_top_image_wrapper {
width:70%;
}
#hometel_top_image_title {
color:#fff;
text-transform: uppercase;
font-weight:900;
font-size: 13vw; 
font-family: AtlasGrotesk-Medium;
}
#hometel_top_image_subtitle {
margin-top:10px;
color:#fff;
font-weight:400;
font-size: 5vw;
font-family: Libre Baskerville;
font-style: italic;
}
}
.block_element {
padding:50px 0px;
}
.block_element_thin {
padding:20px 0px;
}
.block_element_bare {
padding:0px;
}
#hometelclub_feelathome_3x {
margin-top:30px;
display: grid;
grid-gap: 30px;
min-height: auto;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 1fr; align-items: stretch;
}
.hometelclub_feelathome_3x_inner {
color:#fff;
padding:30px 30px 0px 30px; 
}
@media (max-width: 1020px) {
.hometelclub_feelathome_3x_block_list li {
height:auto !important;
margin-bottom:30px;
}
.hometelclub_feelathome_3x_inner_3 {
height:460px;
}
}
@media (max-width: 900px) {
#hometelclub_feelathome_3x {
grid-template-columns: repeat(1, 1fr);
display:block;
}
.hometelclub_feelathome_3x_block {
height:auto !important;
margin-bottom:40px;
}
.hometelclub_feelathome_3x_block_list li {
height:auto !important;
margin-bottom:30px;
}
.hometelclub_feelathome_3x_block_title_br {
display:none;
}
.hometelclub_feelathome_3x_inner {
padding-bottom:30px !important;
height:auto;
}
}
@media (max-width: 800px) {
.hometelclub_feelathome_3x_block_list {
margin-bottom:5px;
}
.hometelclub_feelathome_3x_block_list li:last-of-type {
margin-bottom:0px;
}
}
.hometelclub_feelathome_3x_block_img {
height:300px;
background-size:cover !important;
}
.hometelclub_feelathome_3x_block_img span {
font-size: 70px;
color: #fff;
line-height: 48px;
text-transform: uppercase;
text-align: center;
font-weight: 600;
font-family: AtlasGrotesk-Black;
padding: 20px;
}
@media (max-width: 1220px) {
.hometelclub_feelathome_3x_block_img span {
font-size: 50px;
}
}
@media (max-width: 900px) {
.hometelclub_feelathome_3x_block_img span {
display:none;
}
}
#hometelclub_feelathome_3x_1 {
background: #741F23;
}
#hometelclub_feelathome_3x_2 {
background: #EB7E40;
}
#hometelclub_feelathome_3x_3 {
background: #B7BDAF;
}
.hometelclub_feelathome_3x_block_title {
font-style: italic;
font-size:22px;
font-family: Libre Baskerville Italic;
margin-bottom:25px;
}
.hometelclub_feelathome_3x_block_list {
list-style-type: none; padding-left: 0;
}
.hometelclub_feelathome_3x_block_list li {
list-style: none;
font-size:14px;
position: relative;
height:75px;
padding-left:75px;
}
.hometelclub_feelathome_3x_block_icon {
position: absolute;
display:inline-block;
left:15px;
top:2px;
background-size:30px 30px !important;
height:30px;
width:30px;
}
.hometelclub_feelathome_3x_list_title {
font-weight:600;
font-family: AtlasGrotesk-Black;
font-size:14px;
text-transform: uppercase;
margin-bottom:4px;
}
#hometelclub_2_title {
font-size:32px;
color: #1E4B58;
font-family: Libre Baskerville Italic;
font-style: italic;
font-weight: 400;
}
#hometelclub_2_subtitle {
text-transform: uppercase;
font-size:60px;
line-height:86px;
color: #1E4B58;
font-weight:600;
font-family: AtlasGrotesk-Black;
margin:0px 0px 30px 0px;
}
#hometelclub_2_banner_mob {
display:none;
}
@media (max-width: 890px) {
#hometelclub_2_subtitle {
font-size:70px;
line-height:76px;
max-width:300px;
margin:0 auto 30px auto;
}
}
@media (max-width: 800px) {
#hometelclub_2_banner_mob {
display:block;
}
#hometelclub_2_banner {
display:none;
}
#hometelclub_2 {
padding-bottom:20px;
}
}
@media (max-width: 690px) {
#hometelclub_2_title {
font-size:24px;
}
#hometelclub_2_subtitle {
font-size:50px;
line-height:56px;
}
}
#hometelclub_3_bg, #hometelclub_5_bg {
position: relative;
height:80vh;
background-size:cover !important;
}
#hometelclub_3_bg_mob {
display:none;
}
#hometelclub_3_msg {
font-size:50px;
line-height:66px;
color: #fff;
font-weight:600;
font-family: AtlasGrotesk-Black;
text-transform: uppercase;
width:250px;
text-align: left;
position: absolute;
left:25%;
}
@media (max-width: 1020px) {
#hometelclub_3_msg {
font-size:40px;
line-height:52px;
width:250px;
left:28%;
}
}
@media (max-width: 890px) {
#hometelclub_3_msg {
left:32%;
}
}
@media (max-width: 800px) {
#hometelclub_3_bg {
display:none;
}
#hometelclub_3_bg_mob {
display:block;
background-size: cover !important;
}
#hometelclub_3 {
height:100vh;
}
#hometelclub_3_msg {
left: inherit;
font-size: 50px;
line-height: 56px;
width: 50%;
text-align: center;
margin: 0 auto;
display: block;
position: relative;
padding-top: 60%;
}
}
@media (max-width: 625px) {
#hometelclub_3_msg {
font-size: 40px;
line-height: 46px;
width: 50%;
padding-top: 70%;
}
}
@media (max-width: 525px) {
#hometelclub_3_msg {
padding-top:80%;
}
}
@media (max-width: 425px) {
#hometelclub_3_msg {
padding-top:90%;
}
}
@media (max-width: 325px) {
#hometelclub_3_msg {
padding-top:100%;
}
}
.hometelclub_4_container {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 10px;
height: 100vh;
}
.hometelclub_4_image-left, 
.hometelclub_4_image-center, 
.hometelclub_4_image-right-top, 
.hometelclub_4_image-right-bottom {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hometelclub_4_image-left {
height: 100%;
}
.hometelclub_4_image-center {
position: relative;
height: 100%;
}
.hometelclub_4_overlay-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 2em;
font-family: Libre Baskerville Italic;
font-style: italic;
font-weight: 400;
font-size: 50px;
white-space: nowrap; padding: 0; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.hometelclub_4_right-column {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 10px; 
}
.hometelclub_4_image-right-top, 
.hometelclub_4_image-right-bottom {
height: 100%;
}
@media (max-width: 990px) {
.hometelclub_4_overlay-text {
font-size:40px;
}
}
@media (max-width: 825px) {
.hometelclub_4_overlay-text {
font-size:30px;
}
}
@media (max-width: 760px) {
.hometelclub_4_container {
display: grid;
grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; gap: 10px;
height:auto;
}
.hometelclub_4_image-center {
grid-column: 1 / 3; grid-row: 1 / 2; height: 400px;
}
.hometelclub_4_image-left {
grid-column: 1 / 2; grid-row: 2 / 3; height: 300px;
}
.hometelclub_4_image-right-top {
grid-column: 2 / 3; grid-row: 2 / 3; height: 300px;
}
.hometelclub_4_image-right-bottom {
grid-column: 1 / 3; grid-row: 3 / 4; height: 300px;
}
.hometelclub_4_right-column {
display: contents; }
}
#hometelclub_5_msg_wrap {
position: relative;
max-width:1500px;
width: 100%;
height: 100%;
display: flex;
justify-content: center; align-items: center; }
#hometelclub_5_msg {
font-size:50px;
line-height:66px;
color: #fff;
font-weight:600;
font-family: AtlasGrotesk-Black;
text-transform: uppercase;
width:320px;
text-align: left;
position: absolute;
left:60px;
}
@media (max-width: 860px) {
#hometelclub_5_msg {
font-size:40px;
line-height:56px;
width:35%;
}
}
@media (max-width: 700px) {
#hometelclub_5_msg {
font-size:30px;
line-height:46px;
width:35%;
}
}
@media (max-width: 650px) {
#hometelclub_5_msg {
font-size:28px;
line-height:36px;
padding:0px 20px;
width:auto;
left:inherit;
text-align: center;
top:20px;
bottom:inherit;
}
}
#hometelclub_5_tcs {
font-size:13px;
padding:10px;
}
#hometelclub_5_tcs strong {
display:block;
margin:10px 0px;
}  .propMenuHighlight {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
} body.home .header {
position:fixed !important;
} .menu-open .header__top {
width: 95vw;
}
.header-location__dropdown { top:60px;
}
.header-location__dropdown .select2-dropdown {
width: 170px !important;
}
.block.text-centered-block.sub-heading {
margin-bottom: 0px;
font-size: 20px !important;
}
.footer-menu li:nth-of-type(n + 9) a {
padding-bottom: 0;
}
.footer-menu li:nth-of-type(n + 5) a {
padding-bottom: 10px;
}
.rooms2-feature__content {
padding: 10px 25px !important;
}
.rooms2-feature__content h2{
font-size: 2rem !important;
} @media only screen and (max-width: 1570px) {
.landing-page__entry {
position:relative; 
top:30px;
}
}
@media only screen and (max-width: 1440px) {
.landing-page__entry {
top:50px;
}
.landing-page__text {
font-size:15px;
}
}
@media only screen and (max-width: 1300px) {
.landing-page-section__text-right {
margin-top: 70px !important;
}
}
@media only screen and (max-width: 1180px) {
.landing-page__entry {
top:60px;
}
.landing-page__text {
font-size:14px;
}
}
@media only screen and (max-width: 1160px) {
.rooms2-feature__content {
padding-top: 0px !important;
}
.rooms2-feature__content h2 {
font-size: 1.8rem !important;
}
}
@media only screen and (max-width: 1024px) {
.landing-page__title {
text-align:center;
}
.landing-page__entry {
top:00px;
}
.landing-page__text p:last-of-type {
padding-left:20px;
position:relative;
top: 100px;
display: block;
text-align: center;
}
.landing-page__text p:last-of-type a, .landing-page__text p:last-of-type img {
display: inline-block;
margin: 0 auto;
}
.landing-page__text p:last-of-type a {
margin-left:40px;
}
}
.kinsta-ft p{
font-size: 1.4rem;
color: #fff;
font-weight: 400;
margin-right: 10px;
letter-spacing: .5px;
}
.kinsta-ft {
display: block !important;
}
@media only screen and (min-width : 768px) and (max-width : 1132px)  {
.kinsta-ft{
margin-top: 60px !important;
}
}
.page-family .u-p-0 .text-block{
padding-top: 0px !important;
}
.page-family .u-p-0 .row{
margin-bottom: 20px !important;
} .header-scroll-menu {
width:70%;
}
.header-scroll-menu .slick-slide {
padding:0px 20px; }
@media (max-width: 950px) {
.header-scroll-menu {
width:80%;
}
} .header-scroll-menu::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 50px; height: 100%;
background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
pointer-events: none;
} .scroll-left, .scroll-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.7);
border: none;
cursor: pointer;
z-index: 10;
}
.scroll-left {
left: -15px;
top: 15px;
}
.scroll-right {
right: -15px;
top: 15px;
}  .header-scroll-menu {
visibility:hidden; position: relative;
}
.header-scroll-menu .slick-track {
overflow:hidden !important;
max-height:25px;
}
body.header-fixed .header-scroll-menu {
top:-1px;
max-width:600px;
}
@media (max-width: 1290px) {
body.header-fixed .header-scroll-menu {
max-width:500px;
}
}
@media (max-width: 1165px) {
body.header-fixed .header-scroll-menu {
max-width:400px;
}
}
@media (max-width: 1024px) {
.header {
min-height: 115px;
}
}
@media (max-width: 440px) {
.header {
min-height: 135px;
}
.header-scroll-menu ul {
flex-wrap: wrap !important;
}
.header-scroll-menu ul li {
display: inline !important;
width: 30% !important;
line-height: 20px !important;
white-space:nowrap !important;
}
}
.mobile-sticky-booking {
display:none !important;
} .page-family .gform_legacy_markup_wrapper, .page-room2-family-test .gform_legacy_markup_wrapper {
margin-bottom: 16px;
margin-top: 16px;
background-color: #f0f0f0b3;
max-width: 800px;
margin: 0 auto;
padding: 20px 40px;
} .page-chiswick .row, .page-hammersmith .row, .page-southampton .row {
margin-bottom:0px !important;
}
@media (max-width: 769px) {
.page-chiswick .image-pile-container img:first-child {
width:100%;
margin-bottom:35px;
}
.image-pile-container img {
position: relative;
}
.page-chiswick .image-pile-container:before {
padding-top:inherit;
width:100%;
}
}
@media (max-width: 769px) {
.page-chiswick .marker-details {
left:0px;
font-size:16px;
width:100%;
background-color:transparent;
}
.page-chiswick .marker-details__body, .page-chiswick .marker-details__footer {
padding:20px;
}
.page-chiswick .marker-details__body p {
font-size: 14px;
line-height: 18px;
}
.page-chiswick .marker-details__footer a {
font-size:14px;
}
.page-chiswick .marker-details__title {
display:none;
}
}
@media (max-width: 515px) {
.page-chiswick .marker-details__body p {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 480px) {
.page-chiswick .marker-details__body p {
display:none;
}
} @media (max-width: 768px) {
.page-rooms .entries-list-block .entries-list__column {
width:100%;
}
} @media (max-width: 1024px) {
.page-landing .landing-page__title {
max-width:inherit;
padding-left:5px;
}
} @media (max-width: 769px) {
.hero-title__heading {
text-align:center !important;
}
} .page-belfastlocal .header-book-btn {
display:none;
} #landingLogoCarbon {
height: 60px;
width: auto;
position: absolute;
margin-left: 65px;
bottom: 30px;
} @media (max-width: 1024px) {
#landingLogoBCorp, #landingLogoCarbon  {
bottom:66px;
}
} .cky-btn-revisit-wrapper .cky-btn-revisit img {
display: unset !important;
} #offersPopup {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.6);
z-index: 9999;
}
#offersContent {
background: #fff;
max-width: 400px;
margin: 80px auto;
padding: 25px;
border-radius: 10px;
position: relative;
text-align: left;
}
#offersContent h2 {
margin-top: 0;
font-family:"Libre Baskerville";
font-size: 24px;
}
#offersContent p {
color:#5c606c;
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
#offersContent input {
width: 100%;
padding: 10px 4px;
margin: 8px 0;
border: none;
border-bottom: 1px solid #333;
font-size: 16px;
}
#offersContent button[type="submit"] {
margin-top:20px;
width: 100%;
padding: 12px;
background: none;
border: 1px solid #e74c3c;
color: #e74c3c;
font-size: 1em;
cursor: pointer;
font-weight: 600;
}
#offersContent button[type="submit"]:hover {
background: #e74c3c;
color: #fff;
}
#closePopup {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 30px;
cursor: pointer;
} #business_top_image_wrapper {
width: 100%;
height: 80vh;
}
#business_top_image_wrapper .slick-slide img {
width: 100%;
height: 80vh;
object-fit: cover;
}
#business_top_image_wrapper .slick-prev {
left:20px;
}
#business_top_image_wrapper .slick-next {
right:20px;
}
#business_2 {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap:40px;
}
#business_2_r img {
display:inline-block;
}
.business_title {
font-size:40px;
font-weight:400;
font-family: Libre Baskerville;
margin:0px 0px 30px 0px;
}
.business_copy {
font-family: AtlasGrotesk-Light;
line-height: 1.5;
font-size: 16px;
margin-bottom:40px;
}
.business_image_title {
font-size:14px;
color:#9f9fa3;
}
.business_btn {
font-size:14px;
line-height: 20px;
font-weight: 700;
padding:14px 16px;
}
@media (max-width: 740px) {
#business_2 {
display: block;
}
#business_2_r {
margin-top:30px;
}
}
#business_features_block {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.business_features_img {
width: 100%;
aspect-ratio: 1/1;
background-size: cover !important;
background-position: center !important;
}
.business_features_title {
margin:15px 0px 8px 0px;
font-size:20px;
font-weight:600;
font-family: Libre Baskerville;
}
.business_features_title a:hover{
text-decoration: underline;
}
.business_features_copy {
font-family: AtlasGrotesk-Light;
line-height:1.5;
font-size:14px;
color:#161C2D;
}
@media (max-width: 1000px) {
.business_features_img {
height:calc(100vw / 5) !important;
}
}
@media (max-width: 840px) {
#business_features_block {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.business_features_img {
height:calc(100vw / 3) !important;
}
}
@media (max-width: 840px) {
.business_features_copy {
line-height:1.2;
font-size:13px;
}
}
#business_4 {
padding:80px 0px;
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(2, 1fr);
}
#business_4_l img {
display:inline-block;
}
@media (max-width: 740px) {
#business_4 {
display: block;
}
#business_4_l {
margin-top:30px;
}
}
#business_6_brands_wrap {
padding:30px;
background-color: #f8f8f8;
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(2, 1fr);
}
.business_otherbrands_item {
padding:40px;
background-color: #fff;
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 2fr;
}
.business_otherbrands_item img {
width:145px;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.business_otherbrands_title {
font-size:20px;
font-weight:600;
font-family: Libre Baskerville;
margin:10px 0px 14px 0px;
}
.business_otherbrands_subtitle {
font-size:16px;
color:#9f9fa3;
margin-bottom:5px;
}
.business_otherbrands_addrs {
font-size:14px;
}
@media (max-width: 1100px) {
#business_6_brands_wrap {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 680px) {
#business_6_brands_wrap {
padding:20px;
grid-gap: 20px;
}
.business_otherbrands_item {
padding:20px;
}
}
@media (max-width: 590px) {
.business_otherbrands_item {
grid-template-columns: 1fr;
}
.business_otherbrands_item img {
width:100%;
}
}
#business_getintouch_block {
display: grid;
grid-auto-flow: column;
justify-content: center;
grid-template-columns: repeat(3, 1fr); 
gap: 20px;
width:100%;
}
#business_getintouch_btm {
margin-top:30px;
}
.business_getintouch_img {
width: 100%;
max-width:200px;
height:calc(100vw / 5) !important;
background-size:cover !important;
background-position: center !important;
max-width:200px;
max-height:200px;
margin:0 auto;
width: fit-content;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.business_getintouch_item_socials {
margin-top:14px;
}
@media (max-width: 800px) {
#business_7 .wrapper-inner-tight {
margin:40px 0px;
}
}
@media (max-width: 600px) {
#business_getintouch_block {
display:block;
}
.business_getintouch_img {
max-width:400px;
max-height: 400px;
height:calc(100vw / 2) !important;
}
.business_getintouch_item {
margin:30px 0px;
}
}
.business_location {
margin-right:20px;
}
#business_location_wrap {
margin:40px 0px 40px 0px;
padding:0px 0px;
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(4, 1fr);
}
.business_location_img {
width: 100%;
aspect-ratio: 1/1;
background-size: cover !important;
background-position: center !important;
}
@media (max-width: 1000px) {
#business_location_wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
.business_location_title {
margin:15px 0px 8px 0px;
font-size:20px;
font-weight:600;
font-family: Libre Baskerville;
}
.business_location_copy {
font-family: AtlasGrotesk-Light;
line-height:1.3;
font-size:13px;
color:#161C2D;
padding:0px 25px;
}
.business_location_copy_minor {
font-family: AtlasGrotesk-Light;
line-height:1.4;
font-size:14px;
color:#636363 !important;
}  #gf-modal {
display: none; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
}
#gf-modal .gf-modal__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); 
background: #11213E;
color: #fff;
border-radius: 8px;
padding: 2.5rem;
max-width: 650px;
width: 90%;
box-sizing: border-box; max-height: 90vh; overflow-y: auto; }
#gf-modal .gf-modal__close {
position: absolute;
top: 15px;
right: 20px;
background: none;
border: none;
color: white;
font-size: 28px;
line-height: 1;
cursor: pointer;
opacity: 0.7;
transition: opacity 0.2s;
}
#gf-modal .gf-modal__close:hover {
opacity: 1;
} #gf-modal .gform_wrapper {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
#gf-modal .gform_wrapper .gform_fields {
display: grid !important;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 30px;
grid-row-gap: 15px;
} #gf-modal .gform_wrapper .gfield_label {
color: #ffffff;
font-weight: 500;
font-size: 15px;
margin-bottom: 8px !important;
}
#gf-modal .gform_wrapper .gfield_required {
color: #ffffff !important;
margin-left: 2px;
} #gf-modal .gform_wrapper input[type="text"],
#gf-modal .gform_wrapper input[type="email"],
#gf-modal .gform_wrapper input[type="tel"],
#gf-modal .gform_wrapper textarea {
background-color: #ffffff !important;
color: #000000 !important;
border: 1px solid #cccccc !important;
border-radius: 4px !important;
padding: 10px !important;
box-shadow: none !important;
}
#gf-modal .gform_wrapper select {
background-color: #ffffff !important;
color: #000000 !important;
border: 1px solid #cccccc !important;
border-radius: 4px !important;
box-shadow: none !important;
}
#gf-modal .gform_wrapper textarea {
height: 120px !important;
}
#gf-modal .ginput_counter {
color:#fff; 
}
#gf-modal .gfield_validation_message, #gf-modal .gform_submission_error, #gf-modal .gform-icon--circle-error  {
color:#f35050 !important;
}
#gf-modal .gform_validation_errors {
border-color:#f35050 !important;
}
#gf-modal .gform_wrapper input:focus,
#gf-modal .gform_wrapper textarea:focus,
#gf-modal .gform_wrapper select:focus {
border-color: #005E9E !important;
box-shadow: 0 0 0 1px #005E9E !important;
}
#gf-modal .gform_wrapper ::placeholder {
color: #888888 !important;
opacity: 1;
}  #gf-modal .gform_wrapper .ginput_container_select {
position: relative;
background-image: url('data:image/svg+xml;utf8,<svg fill="%23555555" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
background-repeat: no-repeat;
background-position: right 5px center;
}
#gf-modal .gform_wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 25px !important;
} #gf-modal .gform_wrapper .gform-datepicker-icon {
right: 10px;
top: 10px;
} #gf-modal .gform_wrapper .gfield_checkbox {
display: flex !important;
flex-direction: row !important; flex-wrap: wrap !important;
gap: 24px;
align-items: center;
}
#gf-modal .gform_wrapper .gfield_checkbox li { flex-grow: 0 !important;
flex-shrink: 1 !important;
flex-basis: auto !important;
width: auto !important; max-width: none !important; margin: 0 !important;
}
#gf-modal .gform_wrapper .gfield_checkbox input[type="checkbox"] {
display: none;
}
#gf-modal .gform_wrapper .gfield_checkbox label {
cursor: pointer;
display: flex;
align-items: center;
font-size: 15px;
color: #ffffff;
margin-left:0px;
}
#gf-modal .gform_wrapper .gfield_checkbox label::before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid rgba(255, 255, 255, 0.6);
background-color: transparent;
margin-right: 12px;
flex-shrink: 0;
}
#gf-modal .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked+label::before {
background-color: #ffffff;
border-color: #ffffff;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2311213E"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
} #gf-modal .gform_wrapper .gfield_char_counter {
color: rgba(255, 255, 255, 0.6) !important;
font-size: 13px !important;
padding: 5px 0 !important;
} #gf-modal .gform_wrapper .gform_footer {
padding-top: 20px;
margin-top: 20px;
border-top: none;
text-align: left;
}
#gf-modal .gform_wrapper .gform_button {
background-color: #ffffff !important;
color: #11213E !important;
border: none !important;
border-radius: 4px !important;
font-size: 14px !important;
font-weight: 700 !important;
padding: 16px 32px !important;
text-transform: uppercase !important;
cursor: pointer;
transition: opacity 0.2s ease-in-out;
}
#gf-modal .gform_wrapper .gform_button:hover {
opacity: 0.9;
}
#gf-modal .gform_wrapper .gform-datepicker, #gf-modal .gform_wrapper input[type="text"] {
left:inherit !important;
opacity:1 !important;
position: relative !important;
padding: 8px !important;
font-family: Arial !important;
font-weight:400 !important;
color:#000 !important;
}
#gf-modal .gform_heading {
display:none !important;
}
#gf-modal .form-custom-title {
font-size:20px;
font-weight:600;
font-family: Libre Baskerville;
}