@charset "UTF-8";
/** @license MyFonts Webfont Build ID 3715581, 2019-02-05T11:12:18-0500 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: Bodoni by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/bodoni/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: Bodoni-Italic by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/italic/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: BodoniCond by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/condensed/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: Bodoni-Bold by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/bold/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: Bodoni-BoldItalic by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/bold-italic/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: AllianceNo.1-Light by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-light/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-Black by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-black/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-Bold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-BoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-BlackItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-black-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-ExtraBoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-extra-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-ExtraBold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-extra-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-LightItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-light-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-Medium by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-medium/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-MediumItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-medium-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-Regular by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-regular/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-RegularItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-regular-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-SemiBold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-semi-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-SemiBoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-semi-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-BlackItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-black-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Bold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Black by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-black/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-ExtraBold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-extra-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Light by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-light/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-LightItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-light-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Medium by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-medium/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-RegularItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-regular-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Regular by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-regular/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-MediumItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-medium-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-SemiBold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-semi-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-SemiBoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-semi-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-BoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-ExtraBoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-extra-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. License: https://www.myfonts.com/viewlicense?type=web&buildid=3715581 Licensed pageviews: 10,000 © 2019 MyFonts Inc */
/* @import must be at top of file, otherwise CSS will not work */
@import url('//hello.myfonts.net/count/38b1fd');
@font-face {
font-family: 'Bodoni';
src: url('../../fonts/38B1FD_0_0.eot');
src: url('../../fonts/38B1FD_0_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_0_0.woff2') format('woff2'),
url('../../fonts/38B1FD_0_0.woff') format('woff'),
url('../../fonts/38B1FD_0_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Bodoni-Bold';
src: url('../../fonts/38B1FD_3_0.eot');
src: url('../../fonts/38B1FD_3_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_3_0.woff2') format('woff2'),
url('../../fonts/38B1FD_3_0.woff') format('woff'),
url('../../fonts/38B1FD_3_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Bodoni-BoldItalic';
src: url('../../fonts/38B1FD_4_0.eot');
src: url('../../fonts/38B1FD_4_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_4_0.woff2') format('woff2'),
url('../../fonts/38B1FD_4_0.woff') format('woff'),
url('../../fonts/38B1FD_4_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo1-Light';
src: url('../../fonts/38B1FD_5_0.eot');
src: url('../../fonts/38B1FD_5_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_5_0.woff2') format('woff2'),
url('../../fonts/38B1FD_5_0.woff') format('woff'),
url('../../fonts/38B1FD_5_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo1-Black';
src: url('../../fonts/38B1FD_6_0.eot');
src: url('../../fonts/38B1FD_6_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_6_0.woff2') format('woff2'),
url('../../fonts/38B1FD_6_0.woff') format('woff'),
url('../../fonts/38B1FD_6_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo1-Bold';
src: url('../../fonts/38B1FD_7_0.eot');
src: url('../../fonts/38B1FD_7_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_7_0.woff2') format('woff2'),
url('../../fonts/38B1FD_7_0.woff') format('woff'),
url('../../fonts/38B1FD_7_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo1-ExtraBold';
src: url('../../fonts/38B1FD_B_0.eot');
src: url('../../fonts/38B1FD_B_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_B_0.woff2') format('woff2'),
url('../../fonts/38B1FD_B_0.woff') format('woff'),
url('../../fonts/38B1FD_B_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo1-LightItalic';
src: url('../../fonts/38B1FD_C_0.eot');
src: url('../../fonts/38B1FD_C_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_C_0.woff2') format('woff2'),
url('../../fonts/38B1FD_C_0.woff') format('woff'),
url('../../fonts/38B1FD_C_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo1-Medium';
src: url('../../fonts/38B1FD_D_0.eot');
src: url('../../fonts/38B1FD_D_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_D_0.woff2') format('woff2'),
url('../../fonts/38B1FD_D_0.woff') format('woff'),
url('../../fonts/38B1FD_D_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo1-MediumItalic';
src: url('../../fonts/38B1FD_E_0.eot');
src: url('../../fonts/38B1FD_E_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_E_0.woff2') format('woff2'),
url('../../fonts/38B1FD_E_0.woff') format('woff'),
url('../../fonts/38B1FD_E_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo1-Regular';
src: url('../../fonts/38B1FD_F_0.eot');
src: url('../../fonts/38B1FD_F_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_F_0.woff2') format('woff2'),
url('../../fonts/38B1FD_F_0.woff') format('woff'),
url('../../fonts/38B1FD_F_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo2-Light';
src: url('../../fonts/38B1FD_17_0.eot');
src: url('../../fonts/38B1FD_17_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_17_0.woff2') format('woff2'),
url('../../fonts/38B1FD_17_0.woff') format('woff'),
url('../../fonts/38B1FD_17_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo2-RegularItalic';
src: url('../../fonts/38B1FD_1A_0.eot');
src: url('../../fonts/38B1FD_1A_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_1A_0.woff2') format('woff2'),
url('../../fonts/38B1FD_1A_0.woff') format('woff'),
url('../../fonts/38B1FD_1A_0.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AllianceNo2-Regular';
src: url('../../fonts/38B1FD_1B_0.eot');
src: url('../../fonts/38B1FD_1B_0.eot?#iefix') format('embedded-opentype'),
url('../../fonts/38B1FD_1B_0.woff2') format('woff2'),
url('../../fonts/38B1FD_1B_0.woff') format('woff'),
url('../../fonts/38B1FD_1B_0.ttf') format('truetype');
font-display: swap;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes text-reveal {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes text-half-reveal {
from {
opacity: 0;
}
to {
opacity: 0.5;
}
}
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
display: none !important;
}
html {
width: 100%;
height: 100%;
margin: 0;
background-color: #000;
}
html.gallery-page,
html.contact-page,
html.post,
html.thank-you-page {
background-color: #fff;
}
html.team-page,
html.privacy-policy-page {
background-color: #e3ddd9;
}
html.no-scroll {
overflow: hidden;
position: relative;
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
body.mega-menu-open,
body.no-scroll {
overflow: hidden;
position: relative;
height: 100%;
}
.gallery-page main,
.team-page main,
.contact-page main,
.privacy-policy-page main,
.post main {
min-height: 100%;
box-sizing: border-box;
}
.gallery-page main::after,
.team-page main::after,
.contact-page main::after,
.privacy-policy-page main::after,
.post main::after {
content: '';
display: block;
padding-bottom: 300px;
}
@media (max-width: 1024px) {
.gallery-page main::after,
.team-page main::after,
.contact-page main::after,
.privacy-policy-page main::after,
.post main::after {
padding-bottom: 161px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
.gallery-page main::after,
.team-page main::after,
.contact-page main::after,
.privacy-policy-page main::after,
.post main::after {
padding-bottom: 186px;
}
}
*:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1px white inset;
}
*:focus {
box-shadow: none;
}
@keyframes openmegamenu {
0% {
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
100% {
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
}
@keyframes closemegamenu {
0% {
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
100% {
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
}
.mega-menu {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-ms-flex-direction: column;
flex-direction: column;
background: #32343c;
z-index: 50000;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all 500ms;
animation: openmegamenu 1s;
}
@media (max-width: 1024px) {
.mega-menu {
-ms-flex-pack: center;
justify-content: center;
}
}
.mega-menu.open {
display: block;
}
.mega-menu.closing {
animation: closemegamenu 1s;
}
.mega-menu .main-logo {
top: 56px;
left: 50%;
-khtml-transform: translate(calc(-50% + 8px), -50%);
transform: translate(calc(-50% + 8px), -50%);
}
@media (max-width: 1024px) {
.mega-menu .main-logo {
display: none;
}
}
.mega-menu .close {
position: absolute;
top: 28px;
right: 28px;
display: block;
width: 30px;
height: 30px;
cursor: pointer;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(../../img/x-light.svg);
z-index: 4;
}
.mega-menu nav.menu {
margin: 0 auto;
-khtml-transform: translateX(8px);
transform: translateX(8px);
}
.mega-menu nav.menu ul {
margin-top: 140px;
}
@media (max-width: 1024px) {
.mega-menu nav.menu ul {
display: block;
height: auto;
min-height: 0;
margin-top: 88px;
}
}
.mega-menu nav.menu ul li {
text-align: center;
padding-bottom: 43px;
}
@media (max-width: 1024px) {
.mega-menu nav.menu ul li {
padding-bottom: 0;
}
}
.mega-menu nav.menu ul li.line-separator {
padding-bottom: 76px;
}
.mega-menu nav.menu ul li.line-separator a::before {
position: absolute;
bottom: -38px;
height: 1px;
background-color: #e3ddd9;
left: -30px;
right: -30px;
content: '';
}
@media (max-width: 1024px) {
.mega-menu nav.menu ul li.line-separator a::before {
bottom: -35px;
}
}
@media (max-width: 1024px) {
.mega-menu nav.menu ul li.line-separator {
padding-bottom: 40px;
}
}
.mega-menu nav.menu ul li a {
position: relative;
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3.98px;
line-height: 1;
display: inline-block;
text-align: center;
text-decoration: none;
color: #e3ddd9;
cursor: pointer;
}
@media (max-width: 1024px) {
.mega-menu nav.menu ul li a {
font-size: 14px;
letter-spacing: 2.59px;
margin-bottom: 30px;
}
}
.mega-menu nav.menu ul li a::after {
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 2px;
content: '';
opacity: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3be9f+0,c6ab85+100 */
background: #d3be9f; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
#d3be9f 0%,
#c6ab85 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3be9f', endColorstr='#c6ab85',GradientType=0 ); /* IE6-9 */
transition: all 300ms;
}
.mega-menu nav.menu ul li a:focus,
.mega-menu nav.menu ul li a:active {
color: #c6ab85;
}
.mega-menu nav.menu ul li a:focus::after,
.mega-menu nav.menu ul li a:active::after {
opacity: 1;
}
.mega-menu nav.menu ul li.active a {
color: #c6ab85;
}
.mega-menu nav.menu ul li.active a::after {
opacity: 1;
}
.mega-menu nav.social {
margin: 0 auto;
text-align: center;
-khtml-transform: translateX(8px);
transform: translateX(8px);
padding-top: 0;
padding-bottom: 0;
}
.mega-menu nav.social > ul {
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
display: block;
}
.mega-menu nav.social > ul > li {
width: auto;
display: block;
-ms-flex: auto;
flex: auto;
text-align: center;
padding-right: 0;
}
.mega-menu nav.social > ul > li:last-of-type {
padding-right: 0;
}
.mega-menu nav.social > ul > li.active a {
color: #c6ab85;
position: relative;
}
.mega-menu nav.social > ul > li.active a::after {
opacity: 1;
}
.mega-menu nav.social > ul > li > a {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
text-align: center;
text-decoration: none;
color: #e3ddd9;
cursor: pointer;
display: inline-block;
width: auto;
margin-bottom: 27px;
}
@media (max-width: 1024px) {
.mega-menu nav.social > ul > li > a {
font-size: 12px;
letter-spacing: 2px;
}
}
.mega-menu nav.social > ul > li ul {
margin-bottom: 30px;
}
.mega-menu nav.social > ul > li ul li {
display: inline-block;
vertical-align: middle;
padding: 0 5px;
}
.mega-menu nav.social > ul > li ul li:first-child {
padding-left: 0;
}
.mega-menu nav.social > ul > li ul li:last-child {
padding-right: 0;
}
.mega-menu nav.social > ul > li.social-icons {
-ms-flex-order: 3;
order: 3;
}
.mega-menu nav.social > ul > li.social-icons ul {
margin-bottom: 43px;
}
.mega-menu nav.social > ul > li.social-icons ul li a img {
width: 23px;
height: 23px;
}
@media (max-width: 1024px) {
.mega-menu nav.social > ul > li.social-icons ul {
margin-bottom: 30px;
}
}
.mega-menu nav.social > ul > li.schedule-a-tour {
-ms-flex-order: 1;
order: 1;
}
.mega-menu nav.social > ul > li.contact {
-ms-flex-order: 2;
order: 2;
}
.mega-menu nav.social > ul > li.contact > a {
margin-bottom: 54px;
}
.main-logo {
position: absolute;
top: 50%;
left: 20px;
width: 118px;
display: block;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1024px) {
.main-logo {
left: 20px;
}
}
@media (max-width: 767px) {
.main-logo {
left: 10px;
width: auto;
}
}
.main-logo img {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 1024px) {
.main-logo img {
width: 60px;
}
}
#main-header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 112px;
z-index: 500; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.24+0,0+80 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.24) 0%,
transparent 100%
);
}
@media (max-width: 1024px) {
#main-header {
height: 45px;
background: #32343c;
-khtml-transform: translateY(-45px);
transform: translateY(-45px);
}
}
#main-header.visible {
-khtml-transform: translateY(0);
transform: translateY(0);
}
#main-header.subsection {
background: #32343c;
}
.gallery-page #main-header,
.team-page #main-header,
.contact-page #main-header,
.building-page #main-header,
.privacy-policy-page #main-header,
.features-page #main-header,
.location-page #main-header,
.amenities-page #main-header,
.architecture-page #main-header,
.penthouses-page #main-header,
.post #main-header {
background: #32343c;
-khtml-transform: translateY(0);
transform: translateY(0);
}
#main-header nav.overview-navigation {
position: absolute;
top: 50%;
right: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1024px) {
#main-header nav.overview-navigation {
left: auto;
right: 0;
}
}
#main-header nav.overview-navigation ul {
width: 35px;
}
@media (max-width: 1024px) {
#main-header nav.overview-navigation ul {
width: 20px;
}
}
#main-header nav.overview-navigation ul li {
position: relative;
height: 18px;
}
@media (max-width: 1024px) {
#main-header nav.overview-navigation ul li {
height: 6px;
}
}
#main-header nav.overview-navigation ul li a {
position: absolute;
height: 18px;
top: 50%;
display: block;
color: #fff;
padding-left: 48px;
text-transform: uppercase;
text-decoration: none;
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
letter-spacing: 2.34px;
line-height: 16px;
cursor: pointer;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1024px) {
#main-header nav.overview-navigation ul li a {
right: 0;
height: 6px;
padding-left: 20px;
}
}
#main-header nav.overview-navigation ul li a::before {
position: absolute;
top: 50%;
left: 0;
display: block;
content: '';
width: 35px;
height: 2px;
background: #fff;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 300ms;
}
@media (max-width: 1024px) {
#main-header nav.overview-navigation ul li a::before {
width: 20px;
height: 1px;
}
}
#main-header nav.overview-navigation ul li a span {
position: absolute;
display: block;
top: 50%;
opacity: 0;
white-space: nowrap;
right: 55px;
transition: all 300ms;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
}
@media (max-width: 1024px) {
#main-header nav.overview-navigation ul li a span {
display: none;
}
}
#main-header nav.overview-navigation ul li.active a::before {
background: #aa834f;
}
#main-header nav.overview-navigation ul li.active a span {
opacity: 1;
}
#main-header nav.main-navigation {
position: absolute;
top: 50%;
right: 120px;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1024px) {
#main-header nav.main-navigation {
right: 40px;
}
}
@media (max-width: 767px) {
#main-header nav.main-navigation {
right: 30px;
}
}
#main-header nav.main-navigation ul li {
display: inline-block;
vertical-align: middle;
padding-left: 28px;
}
@media (max-width: 1024px) {
#main-header nav.main-navigation ul li {
padding-left: 22px;
}
}
#main-header nav.main-navigation ul li a {
display: inline-block;
vertical-align: middle;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 13px;
cursor: pointer;
}
@media (max-width: 1024px) {
#main-header nav.main-navigation ul li a {
font-size: 9px;
letter-spacing: 1.19px;
}
}
@media (max-width: 1024px) {
#main-header nav.main-navigation ul li.schedule-a-tour {
display: none;
}
}
@media (max-width: 1024px) {
#main-header nav.main-navigation ul li.gallery {
display: none;
}
}
.covid_popup {
background-color: #3c5470;
color: #e3ddd9;
padding: 10px 6.7vw 20px 32px;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
z-index: 999;
box-sizing: border-box;
font-family: 'AllianceNo1-Medium', sans-serif;
}
.covid_popup .covid_popup_close {
position: absolute;
cursor: pointer;
font-size: 18px;
width: 14px;
height: 13px;
top: 20px;
right: 20px;
text-decoration: none;
background: url(../../img/close.png) center/contain no-repeat;
}
@media (max-width: 768px) {
.covid_popup .covid_popup_close {
top: 10px;
right: 10px;
}
}
.covid_popup .covid_info {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 18px;
color: #e3ddd9;
letter-spacing: 1px;
}
.covid_popup .covid_info .no-wrap {
white-space: nowrap;
}
@media (max-width: 768px) {
.covid_popup .covid_info {
padding-bottom: 20px;
text-align: center;
font-size: 16px;
}
}
.covid_popup .covid_btn {
border: 1px solid #e3ddd9;
color: #e3ddd9;
cursor: pointer;
line-height: normal;
margin-left: 25px;
background: transparent;
padding: 8px 6px 5px 10px;
text-align: center;
transition: all 0.4s ease;
text-decoration: none;
letter-spacing: 2.68px;
text-transform: uppercase;
font-size: 13px;
}
.covid_popup .covid_btn:hover {
background-color: #e3ddd9;
color: #32343c;
}
@media (max-width: 768px) {
.covid_popup .covid_btn {
margin-left: 0;
}
}
.covid_popup a {
color: #e3ddd9;
text-decoration: underline;
white-space: nowrap;
}
@media (max-width: 768px) {
.covid_popup {
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 15px 20px;
}
}
.home-page body.popup-removed header,
.home-page body.popup-removed main {
margin-top: 0 !important;
}
.home-page body #main-header nav.main-navigation {
right: 240px;
}
@media (max-width: 1024px) {
.home-page body #main-header nav.main-navigation {
right: 40px;
}
}
@media (max-width: 767px) {
.home-page body #main-header nav.main-navigation {
right: 30px;
}
}
.home-page body #main-header nav.overview-navigation ul li a span {
pointer-events: all;
}
.langing-page-page #main-header nav.main-navigation {
right: 240px;
}
@media (max-width: 1024px) {
.langing-page-page #main-header nav.main-navigation {
right: 40px;
}
}
@media (max-width: 767px) {
.langing-page-page #main-header nav.main-navigation {
right: 30px;
}
}
.langing-page-page #main-header nav.overview-navigation ul li a span {
pointer-events: all;
}
.landing-violator {
position: absolute;
right: 0;
bottom: 138px;
transition: all 1s;
-khtml-transform: translateX(100%);
transform: translateX(100%);
background: #32343c;
padding: 12px 30px 9px 26px;
}
.landing-violator p.promo_sub {
background: transparent;
}
@media (max-width: 1024px) {
.landing-violator {
padding: 8px 24px 6px 22px;
bottom: 20vh;
}
}
@media (max-width: 767px) {
.landing-violator {
bottom: 30vh;
}
}
@media (max-height: 414px) and (orientation: landscape) {
.landing-violator {
bottom: 42vh;
}
}
@media (max-width: 414px) and (orientation: portrait) {
.landing-violator {
bottom: 30vh;
}
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
.landing-violator {
bottom: 33vh;
}
}
.landing-violator.visible {
-khtml-transform: translateX(0);
transform: translateX(0);
}
.landing-violator p {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 18px;
letter-spacing: 2.53px;
text-transform: uppercase;
color: #e3ddd9;
background: #32343c;
}
@media (max-width: 1024px) {
.landing-violator p {
font-size: 12px;
letter-spacing: 1.68px;
line-height: 26px;
}
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
.landing-violator p {
font-size: 10px;
line-height: 17px;
}
}
.landing-violator p a {
display: inline-block;
position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3be9f+0,c6ab85+100 */
background: #d3be9f; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
#d3be9f 0%,
#c6ab85 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3be9f', endColorstr='#c6ab85',GradientType=0 ); /* IE6-9 */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #c6ab85;
line-height: 1;
margin-left: 8px;
text-decoration: none;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.landing-violator p a {
background: transparent;
color: #aa834f;
}
}
.landing-violator p a::after {
display: block;
content: '';
height: 2px;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #c6ab85;
}
.caption-text-vd {
bottom: 92px;
background: transparent;
}
.caption-text-vd p {
font-family: 'Bodoni', serif !important;
font-weight: 100;
font-size: 12px;
}
@media (max-width: 505px) {
.caption-text-vd {
bottom: 20vh;
}
}
@media (max-width: 414px) {
.caption-text-vd {
bottom: 20vh;
}
}
@media (max-width: 414px) and (orientation: portrait) {
.caption-text-vd {
bottom: 23vh;
}
}
@media (max-width: 350px) {
.caption-text-vd {
bottom: 23vh;
}
}
@media (max-width: 350px) and (orientation: portrait) {
.caption-text-vd {
bottom: 23vh;
}
}
@media (min-width: 669px) and (max-width: 682px) {
.home-p p {
line-height: initial !important;
}
}
html,
body {
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
}
nav.fixed-nav {
height: 60px;
text-align: center;
margin-bottom: 66px;
}
@media (max-width: 1024px) {
nav.fixed-nav {
height: 40px;
margin-bottom: 0;
}
}
@media (max-width: 414px) and (orientation: portrait) {
nav.fixed-nav {
height: 40px;
margin-bottom: 0;
}
}
nav.fixed-nav ul {
height: 60px;
margin: 0 auto;
background-color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
transition: all 0.5s ease;
position: relative;
top: 0;
z-index: 400;
}
@media (max-width: 1024px) {
nav.fixed-nav ul {
height: 40px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
nav.fixed-nav ul {
height: 40px;
}
}
nav.fixed-nav ul li {
position: relative;
display: inline-block;
height: 100%;
transform: skew(-10deg);
transition: all 0.6s ease;
}
nav.fixed-nav ul li:last-child::after {
display: none;
}
nav.fixed-nav ul li a {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 18px;
letter-spacing: 2.37px;
text-transform: uppercase;
display: inline-block;
height: 100%;
padding: 15px 35px;
text-decoration: none;
color: #32343c;
transform: skew(10deg);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1024px) {
nav.fixed-nav ul li a {
padding: 14px;
font-size: 9px;
letter-spacing: 1.19px;
}
}
nav.fixed-nav ul li.active {
background: #aa834f;
}
nav.fixed-nav ul li.active a {
font-family: 'AllianceNo1-Medium', sans-serif;
color: #fff;
position: relative;
}
nav.fixed-nav ul li.active a::after {
position: absolute;
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 12px solid #aa834f;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
nav.fixed-nav.fixed ul {
position: fixed;
top: 112px;
left: 0;
right: 0;
}
@media (max-width: 1024px) {
nav.fixed-nav.fixed ul {
top: 45px;
right: 0;
}
}
.fixed-nav-content {
display: none;
}
.fixed-nav-content.open {
display: block;
}
footer {
position: relative;
display: -ms-grid;
display: grid;
height: 300px;
padding: 50px;
background: #32343c;
box-sizing: border-box;
grid: 1fr 1fr / 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
-ms-grid-columns: 1fr 1fr;
}
@media (max-width: 1024px) {
footer {
height: 161px;
padding: 27px 10px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
footer {
height: 186px;
grid: 1fr 1fr 1fr / 1fr 1fr;
-ms-grid-rows: 1fr 1fr 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 60% auto;
}
}
footer.section_open {
display: none;
}
.gallery-page footer,
.team-page footer,
.contact-page footer,
.privacy-policy-page footer,
.post footer {
margin-top: -300px;
}
@media (max-width: 1024px) {
.gallery-page footer,
.team-page footer,
.contact-page footer,
.privacy-policy-page footer,
.post footer {
margin-top: -161px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
.gallery-page footer,
.team-page footer,
.contact-page footer,
.privacy-policy-page footer,
.post footer {
margin-top: -186px;
}
}
footer address {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
font-style: normal;
letter-spacing: 1.97px;
line-height: 23px;
color: #e3ddd9;
text-transform: uppercase;
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 / span 1;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
}
@media (max-width: 1024px) {
footer address {
font-size: 9px;
letter-spacing: 1.19px;
line-height: 15px;
}
}
footer address a {
color: inherit;
text-decoration: none;
}
footer address .phonenumber {
white-space: nowrap;
}
footer .social {
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 / span 1;
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column: 2 / span 1;
text-align: right;
}
footer .social ul li {
display: inline-block;
vertical-align: middle;
padding: 0 6px;
}
footer .social ul li:first-child {
padding-left: 0;
}
footer .social ul li:last-child {
padding-right: 0;
}
footer .social ul li img {
display: block;
height: 34px;
width: 34px;
}
@media (max-width: 1024px) {
footer .social ul li img {
height: 23px;
width: 23px;
}
}
footer .social ul li a {
color: inherit;
text-decoration: none;
display: block;
}
footer .legal {
position: relative;
position: relative;
-ms-grid-row-span: 1;
-ms-grid-row: 2;
grid-row: 2 / span 1;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
}
@media (max-width: 767px) {
footer .legal {
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
}
}
footer .legal ul {
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 767px) {
footer .legal ul {
padding: 14px 0;
position: static;
}
}
footer .legal ul li {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
display: inline-block;
font-size: 15px;
font-style: normal;
letter-spacing: 1.97px;
line-height: 23px;
color: #e3ddd9;
text-transform: uppercase;
vertical-align: middle;
padding: 0 5px;
}
@media (max-width: 1300px) {
footer .legal ul li {
font-size: 14px;
padding: 0 4px;
}
}
@media (max-width: 1199px) {
footer .legal ul li {
font-size: 14px;
letter-spacing: normal;
}
}
@media (max-width: 1024px) {
footer .legal ul li {
font-size: 9px;
letter-spacing: 1.19px;
line-height: 15px;
padding: 0 2px;
}
}
@media (max-width: 767px) {
footer .legal ul li {
letter-spacing: normal;
}
}
footer .legal ul li:first-child {
padding-left: 0;
}
footer .legal ul li:last-child {
padding-right: 0;
}
footer .legal ul li a {
color: inherit;
text-decoration: none;
}
footer .logos {
-ms-grid-row-span: 1;
-ms-grid-row: 2;
grid-row: 2 / span 1;
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column: 2 / span 1;
text-align: right;
position: relative;
}
@media (max-width: 767px) {
footer .logos {
-ms-grid-row-span: 1;
-ms-grid-row: 3;
grid-row: 3 / span 1;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
text-align: left;
}
}
footer .logos ul {
display: table;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 767px) {
footer .logos ul {
position: static;
}
}
footer .logos ul li {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
display: table-cell;
vertical-align: middle;
padding: 0 6px;
}
@media (max-width: 1024px) {
footer .logos ul li {
padding: 0 3px;
}
}
footer .logos ul li:first-child {
padding-left: 0;
}
footer .logos ul li:last-child {
padding-right: 0;
}
footer .logos ul li.equal-housing img {
height: 24px;
width: 23px;
}
@media (max-width: 1024px) {
footer .logos ul li.equal-housing img {
height: 18px;
width: 17px;
}
}
footer .logos ul li.wheelchair img {
height: 24px;
width: 20px;
}
@media (max-width: 1024px) {
footer .logos ul li.wheelchair img {
height: 18px;
width: 15px;
}
}
footer .logos ul li.bozzuto img {
width: 76px;
height: 14px;
vertical-align: middle;
}
@media (max-width: 414px) and (orientation: portrait) {
footer .logos ul li.bozzuto img {
width: 65px;
height: 12px;
}
}
footer .logos ul li.republic img {
width: 64px;
height: 16px;
vertical-align: middle;
}
@media (max-width: 414px) and (orientation: portrait) {
footer .logos ul li.republic img {
width: 58px;
height: 14px;
}
}
footer .legal ul li a.footer-btn {
background: #aa824f;
color: #fff;
padding: 8px 10px;
letter-spacing: 0.5px;
}
@media (max-width: 767px) {
footer .legal ul li a.footer-btn {
padding: 8px 4px;
}
}
footer .legal ul li a.footer-btn:hover {
background: #a07843;
}
section.neighborhood-map {
display: -ms-flexbox;
display: flex;
background: #32343c;
width: 100%;
min-height: 1060px;
}
@media (max-width: 1024px) {
section.neighborhood-map {
min-height: 560px;
border-bottom: 1px solid #e3ddd9;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.neighborhood-map {
display: block;
min-height: 0;
}
}
@media (max-width: 1024px) {
section.neighborhood-map #scrollWrapper {
overflow: auto !important;
-ms-touch-action: auto !important;
touch-action: auto !important;
}
}
section.neighborhood-map article {
width: 420px;
position: relative;
padding: 40px;
box-sizing: border-box;
-ms-grid-column: 2;
vertical-align: top;
height: 1060px;
}
@media (max-width: 1024px) {
section.neighborhood-map article {
width: 320px;
height: 560px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.neighborhood-map article {
padding: 24px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.neighborhood-map article {
display: block;
width: 100%;
height: auto !important;
}
}
section.neighborhood-map article .jspVerticalBar {
width: 8px;
}
section.neighborhood-map article .jspTrack {
background: #464646;
}
section.neighborhood-map article .jspDrag {
background: #aa824f;
}
section.neighborhood-map article ul.map-categories {
padding-bottom: 60px;
width: 100%;
}
section.neighborhood-map article ul.map-categories > li {
position: relative;
border-top: 1px solid #e3ddd9;
}
section.neighborhood-map article ul.map-categories > li:first-child {
border: none;
}
section.neighborhood-map article ul.map-categories > li > a {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
position: relative;
padding: 10px 0;
display: block;
font-size: 18px;
letter-spacing: 1.6px;
line-height: 47px;
text-transform: uppercase;
color: #e3ddd9;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (max-width: 1024px) {
section.neighborhood-map article ul.map-categories > li > a {
font-size: 11px;
letter-spacing: 0.98px;
line-height: 30px;
}
}
section.neighborhood-map article ul.map-categories > li > a::after {
position: absolute;
top: 50%;
right: 0;
width: 14px;
height: 14px;
content: '';
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(../../img/map-category-arrow.svg);
-khtml-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
transition: all 300ms;
}
section.neighborhood-map article ul.map-categories > li > ul {
display: none;
padding-bottom: 30px;
}
@media (max-width: 1024px) {
section.neighborhood-map article ul.map-categories > li > ul {
padding-left: 28px;
}
}
section.neighborhood-map article ul.map-categories > li > ul > li {
position: relative;
}
section.neighborhood-map article ul.map-categories > li > ul > li::before {
position: absolute;
left: -42px;
top: 17px;
content: none;
color: #e3ddd9;
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 17px;
letter-spacing: 1.73px;
line-height: 34px;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1024px) {
section.neighborhood-map article ul.map-categories > li > ul > li::before {
top: 15px;
left: -27px;
font-size: 11px;
letter-spacing: 0.98px;
line-height: 30px;
}
}
section.neighborhood-map article ul.map-categories > li > ul > li > a {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
display: block;
font-size: 17px;
letter-spacing: 1.73px;
line-height: 34px;
color: #e3ddd9;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 1024px) {
section.neighborhood-map article ul.map-categories > li > ul > li > a {
font-size: 11px;
letter-spacing: 0.98px;
line-height: 30px;
}
}
section.neighborhood-map
article
ul.map-categories
> li
> ul
> li:hover::before {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 17px;
letter-spacing: 1.73px;
line-height: 34px;
}
@media (max-width: 1024px) {
section.neighborhood-map
article
ul.map-categories
> li
> ul
> li:hover::before {
font-size: 11px;
letter-spacing: 0.98px;
line-height: 30px;
}
}
section.neighborhood-map article ul.map-categories > li > ul > li:hover a {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 17px;
letter-spacing: 1.73px;
line-height: 34px;
}
@media (max-width: 1024px) {
section.neighborhood-map article ul.map-categories > li > ul > li:hover a {
font-size: 11px;
letter-spacing: 0.98px;
line-height: 30px;
}
}
section.neighborhood-map article ul.map-categories > li.open a::after {
-khtml-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
section.neighborhood-map article ul.map-categories > li.open > ul {
display: block;
}
section.neighborhood-map figure {
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (max-width: 414px) and (orientation: portrait) {
section.neighborhood-map figure {
display: block;
height: 350px;
}
}
section.neighborhood-map figure > div {
position: relative;
min-height: 1060px;
}
@media (max-width: 1024px) {
section.neighborhood-map figure > div {
min-height: 560px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.neighborhood-map figure > div {
min-height: 0;
height: 350px;
}
}
.map-marker {
position: absolute;
width: 50px;
height: 54px;
cursor: pointer;
z-index: 10000;
-khtml-transform: translate(25px, -54px);
transform: translate(25px, -54px);
}
.map-marker.top {
z-index: 20000;
}
.map-marker .icon {
position: absolute;
bottom: 0;
left: 50%;
width: 50px;
height: 54px;
background-position: center;
background-repeat: no-repeat;
background-size: 50px 54px;
background-color: transparent;
background-image: url(../../img/marker-pin.png);
}
.map-marker .icon .icon-text {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
display: block;
font-size: 14px;
letter-spacing: 0.21px;
position: absolute;
top: 14px;
left: 50%;
text-align: center;
color: #e3ddd9;
-khtml-transform: translateX(-50%);
transform: translateX(-50%);
}
.map-marker .info-window {
display: none;
position: absolute;
bottom: 74px;
left: 13px;
padding: 20px 50px 20px 20px;
background: #e3ddd9;
color: #32343c;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.map-marker .info-window::after {
content: '';
position: absolute;
top: calc(100% - 1px);
left: 15px;
width: 44px;
height: 32px;
display: block;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(../../img/map-info-bubble-tri@2x.png);
}
.map-marker .info-window .info-title {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.56px;
line-height: 24px;
color: #32343c;
display: block;
width: 220px;
position: relative;
}
.map-marker .info-window .info-description {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
padding-top: 8px;
font-size: 16px;
letter-spacing: 1px;
line-height: 17px;
color: #32343c;
}
.map-marker .info-window a.x {
position: absolute;
top: 26px;
right: 20px;
display: inline-block;
width: 12px;
height: 12px;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 12px !important;
background-image: url(../../img/map-info-x.svg) !important;
cursor: pointer !important;
text-decoration: none !important;
}
.lightbox {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #32343c;
z-index: 40000;
}
.lightbox figure {
position: absolute;
top: 50%;
left: 50%;
-khtml-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.lightbox figure img {
display: block;
max-width: calc(100vw - 70px);
max-height: calc(100vh - 170px);
width: auto;
height: auto;
margin: 0 auto;
}
@media (max-width: 414px) and (orientation: portrait) {
.lightbox figure img {
max-width: 100vw;
max-height: 100vh;
}
}
.lightbox figure figcaption {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 17px;
letter-spacing: 0.68px;
line-height: 25px;
color: #e3ddd9;
text-transform: uppercase;
padding: 10px 0;
}
@media (max-width: 1024px) {
.lightbox figure figcaption {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
}
}
.lightbox .arrows {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.lightbox .arrows .prev,
.lightbox .arrows .next {
position: absolute;
top: 50%;
width: 32px;
height: 94px;
background: white;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 300ms;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1024px) {
.lightbox .arrows .prev,
.lightbox .arrows .next {
width: 22px;
height: 52px;
}
}
.lightbox .arrows .prev::after,
.lightbox .arrows .next::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: '';
width: 13px;
height: 28px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../../img/gallery-arrow.svg);
-khtml-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
.lightbox .arrows .prev::after,
.lightbox .arrows .next::after {
width: 6px;
height: 13px;
}
}
.lightbox .arrows .prev {
left: 0;
}
.lightbox .arrows .prev::after {
-khtml-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
.lightbox .arrows .next {
right: 0;
}
.lightbox .close {
display: block;
position: absolute;
top: 24px;
right: 24px;
width: 24px;
height: 24px;
text-decoration: none;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../../img/close-light.svg);
cursor: pointer;
}
.one-click-scroll-section {
position: relative;
z-index: 10;
}
@keyframes background-reveal {
from {
background: black;
}
to {
background: rgba(0, 0, 0, 0.24);
}
}
section.hero-panel {
position: relative;
min-height: 100vh;
overflow: hidden;
z-index: 2;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
section.hero-panel::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.24);
z-index: 0;
}
section.hero-panel .video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -1;
}
section.hero-panel .video video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-khtml-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 414px) and (orientation: portrait) {
section.hero-panel .video video {
left: 0;
-khtml-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
section.hero-panel h1,
section.hero-panel h2 {
position: absolute;
top: 50%;
left: 186px;
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
color: #fff;
text-transform: uppercase;
opacity: 0;
transition: all 3s;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1024px) {
section.hero-panel h1,
section.hero-panel h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.hero-panel h1,
section.hero-panel h2 {
left: 60px;
top: 180px;
-khtml-transform: translateY(0);
transform: translateY(0);
}
}
@media (max-width: 640px) {
section.hero-panel h1,
section.hero-panel h2 {
top: 100px;
font-size: 35px;
line-height: 40px;
padding-bottom: 10px;
max-width: none;
width: 100%;
}
}
@media (max-height: 414px) and (orientation: landscape) {
section.hero-panel h1,
section.hero-panel h2 {
top: 75px;
padding-bottom: 10px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.hero-panel h1,
section.hero-panel h2 {
left: 27px;
}
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
section.hero-panel h1,
section.hero-panel h2 {
font-size: 25px;
line-height: 30px;
}
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
section.hero-panel h1,
section.hero-panel h2 {
top: 75px;
}
}
section.hero-panel h1 a,
section.hero-panel h2 a {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
position: relative;
display: inline-block;
margin-top: 30px;
font-size: 17px;
letter-spacing: 3px;
line-height: 47px;
text-transform: uppercase;
color: #fff;
cursor: pointer;
text-decoration: none;
}
@media (max-width: 1024px) {
section.hero-panel h1 a,
section.hero-panel h2 a {
font-size: 12px;
letter-spacing: 2.15px;
line-height: 19px;
}
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
section.hero-panel h1 a,
section.hero-panel h2 a {
font-size: 11px;
}
}
section.hero-panel h1 a::before,
section.hero-panel h2 a::before {
position: absolute;
top: calc(100% - 10px);
left: 0;
right: 100%;
content: '';
background: #fff;
height: 2px;
transition: all 3s;
}
@media (max-width: 1024px) {
section.hero-panel h1 a::before,
section.hero-panel h2 a::before {
top: 100%;
height: 1px;
}
}
section.hero-panel h1.visible,
section.hero-panel h2.visible {
opacity: 1;
}
section.hero-panel h1.visible a::before,
section.hero-panel h2.visible a::before {
right: 0;
}
section.hero-panel .arrow {
position: absolute;
bottom: 45px;
left: 53%;
display: block;
overflow: hidden;
text-indent: -9999px;
width: 64px;
height: 32px;
background-position: center;
background-repeat: no-repeat;
background-size: 57%;
background-image: url(../../img/arrow-down-white.svg);
cursor: pointer;
outline: 0;
-khtml-transform: translateX(-50%);
transform: translateX(-50%);
}
section.hero-panel .arrow.single-arrow {
left: 50%;
}
@media (min-width: 1600px) {
section.hero-panel .arrow {
left: 51.5%;
}
}
@media (max-width: 1024px) {
section.hero-panel .arrow {
left: 54%;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.hero-panel .arrow {
left: 55%;
}
}
@media (max-width: 767px) {
section.hero-panel .arrow {
width: 50px;
height: 20px;
}
}
@media (max-width: 640px) {
section.hero-panel .arrow {
left: 56%;
width: 35px;
height: 15px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.hero-panel .arrow {
left: 58%;
}
}
section.hero-panel .prev-arrow {
position: absolute;
bottom: 45px;
left: 47%;
display: block;
overflow: hidden;
text-indent: -9999px;
width: 64px;
height: 32px;
background-position: center;
background-repeat: no-repeat;
background-size: 57%;
background-image: url(../../img/arrow-down-white.svg);
cursor: pointer;
outline: 0;
-khtml-transform: translateX(-50%) rotate(180deg);
transform: translateX(-50%) rotate(180deg);
}
@media (min-width: 1600px) {
section.hero-panel .prev-arrow {
left: 48.5%;
}
}
@media (max-width: 1024px) {
section.hero-panel .prev-arrow {
left: 46%;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.hero-panel .prev-arrow {
left: 45%;
}
}
@media (max-width: 767px) {
section.hero-panel .prev-arrow {
width: 50px;
height: 20px;
}
}
@media (max-width: 640px) {
section.hero-panel .prev-arrow {
left: 44%;
width: 35px;
height: 15px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.hero-panel .prev-arrow {
left: 42%;
}
}
section.hero-panel.reveal::before {
animation: background-reveal 2s;
}
section.hero-panel.landing h1.visible {
opacity: 0.5;
}
.ml-hero-btn {
position: absolute;
z-index: 1;
width: 50px;
height: 50px;
left: 20px;
bottom: 20px;
font-size: 0;
cursor: pointer;
border-radius: 50%;
border: 0;
background-color: #32343c;
background-image: url(../../img/pause.svg);
background-repeat: no-repeat;
background-size: 40%;
background-position: center;
}
.using-keytab .ml-hero-btn:focus {
outline-color: #fff;
}
.ml-hero-btn.paused {
background-image: url(../../img/play.svg);
}
@media (max-width: 767px) and (orientation: portrait) {
section.overview-panel{
min-height: 65vh !important;
}
}
section.overview-panel {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 100vh;
overflow: hidden;
background-color: #32343c;
}
section.overview-panel article {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex: auto;
flex: auto;
-ms-flex-align: center;
align-items: center;
max-width: 1190px;
margin: 0 auto;
padding: 0 30px 130px;
z-index: 1;
opacity: 0;
transition: all 3s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
section.overview-panel article {
max-width: none;
padding-top: 70px;
}
}
@media (max-width: 768px) {
section.overview-panel article {
padding: 30px 10px 65px;
-ms-flex-direction: column;
flex-direction: column;
}
}
section.overview-panel article.visible {
opacity: 1;
}
section.overview-panel article h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 68px;
line-height: 68px;
max-width: 530px;
padding-right: 30px;
-ms-flex: 1;
flex: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ece4c8+0,aa834f+100 */
background: #ece4c8; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(
ellipse at center,
#ece4c8 0%,
#aa834f 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece4c8', endColorstr='#aa834f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
box-sizing: border-box;
}
@media (max-width: 1024px) {
section.overview-panel article h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
section.overview-panel article h2 {
background: transparent;
color: #c6ab85;
}
}
@media (max-width: 1024px) {
section.overview-panel article h2 {
font-size: 48px;
letter-spacing: 1px;
line-height: 42px;
max-width: 340px;
}
}
@media (max-width: 768px) {
section.overview-panel article h2 {
top: 145px;
font-size: 35px;
line-height: 40px;
padding-bottom: 10px;
max-width: none;
width: 100%;
}
}
@media (max-height: 414px) and (orientation: landscape) {
section.overview-panel article h2 {
top: 75px;
padding-bottom: 10px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.overview-panel article h2 {
-ms-flex: auto;
flex: auto;
}
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
section.overview-panel article h2 {
font-size: 25px;
line-height: 30px;
}
}
@media (max-width: 768px) {
section.overview-panel article h2 br {
display: none;
}
}
section.overview-panel article p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 17px;
line-height: 35px;
-ms-flex: 1;
flex: 1;
color: #e3ddd9;
}
@media (max-width: 1024px) {
section.overview-panel article p {
font-size: 12px;
letter-spacing: 0.34px;
line-height: 21px;
}
}
section.overview-panel .background-text-1,
section.overview-panel .background-text-2 {
position: absolute;
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
text-transform: uppercase;
font-size: 200px;
color: #43454b;
z-index: 0;
opacity: 0;
transition: all 3s;
-khtml-transform: translateY(100%);
transform: translateY(100%);
}
@media (max-width: 1024px) {
section.overview-panel .background-text-1,
section.overview-panel .background-text-2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.overview-panel .background-text-1,
section.overview-panel .background-text-2 {
font-size: 130px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.overview-panel .background-text-1,
section.overview-panel .background-text-2 {
font-size: 100px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.overview-panel .background-text-1,
section.overview-panel .background-text-2 {
font-size: 50px;
line-height: 25px;
}
}
section.overview-panel .background-text-1.visible,
section.overview-panel .background-text-2.visible {
opacity: 1;
-khtml-transform: translateY(0);
transform: translateY(0);
}
section.overview-panel .background-text-1 {
bottom: 141px;
left: 30px;
}
@media (max-width: 1024px) {
section.overview-panel .background-text-1 {
bottom: 96px;
left: 0;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.overview-panel .background-text-1 {
bottom: 65px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.overview-panel .background-text-1 {
bottom: 34px;
}
}
section.overview-panel .background-text-2 {
bottom: 10px;
right: 30px;
}
@media (max-width: 1024px) {
section.overview-panel .background-text-2 {
right: 0;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.overview-panel .background-text-2 {
bottom: 0;
}
}
section.overview-panel .arrow {
position: absolute;
bottom: 45px;
left: 53%;
display: block;
overflow: hidden;
text-indent: -9999px;
width: 64px;
height: 32px;
background-position: center;
background-repeat: no-repeat;
background-size: 57%;
background-image: url(../../img/arrow-down-white.svg);
cursor: pointer;
outline: 0;
z-index: 5;
-khtml-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (min-width: 1600px) {
section.overview-panel .arrow {
left: 51.5%;
}
}
@media (max-width: 1024px) {
section.overview-panel .arrow {
left: 54%;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.overview-panel .arrow {
left: 55%;
}
}
@media (max-width: 767px) {
section.overview-panel .arrow {
width: 50px;
height: 20px;
}
}
@media (max-width: 640px) {
section.overview-panel .arrow {
left: 56%;
width: 35px;
height: 15px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.overview-panel .arrow {
left: 58%;
}
}
section.overview-panel .prev-arrow {
position: absolute;
bottom: 45px;
left: 47%;
display: block;
overflow: hidden;
text-indent: -9999px;
width: 64px;
height: 32px;
background-position: center;
background-repeat: no-repeat;
background-size: 57%;
background-image: url(../../img/arrow-down-white.svg);
cursor: pointer;
outline: 0;
z-index: 5;
-khtml-transform: translateX(-50%) rotate(180deg);
transform: translateX(-50%) rotate(180deg);
}
@media (min-width: 1600px) {
section.overview-panel .prev-arrow {
left: 48.5%;
}
}
@media (max-width: 1024px) {
section.overview-panel .prev-arrow {
left: 46%;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.overview-panel .prev-arrow {
left: 45%;
}
}
@media (max-width: 767px) {
section.overview-panel .prev-arrow {
width: 50px;
height: 20px;
}
}
@media (max-width: 640px) {
section.overview-panel .prev-arrow {
left: 44%;
width: 35px;
height: 15px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.overview-panel .prev-arrow {
left: 44%;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.overview-panel {
min-height: 100vh;
height: auto;
}
}
section.page-starter {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 180px 0;
min-height: calc(100vh - 112px);
box-sizing: border-box;
}
section.page-starter.with-hero {
padding: 35px 0;
min-height: calc(80vh - 112px);
}
@media (max-width: 1024px) {
section.page-starter.with-hero {
padding: 40px 0;
min-height: 0;
}
}
@media (max-width: 767px) {
section.page-starter.with-hero {
padding: 35px 0;
}
}
section.page-starter.with-hero article h3 {
padding-top: 0;
}
@media (max-width: 1024px) {
section.page-starter {
min-height: 0;
padding: 80px 0;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.page-starter {
padding: 55px 0;
}
}
section.page-starter article {
position: relative;
padding: 0 180px;
-ms-flex: 1;
flex: 1;
}
@media (max-width: 768px) and (orientation: portrait) {
section.page-starter article {
padding: 0 67px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.page-starter article {
padding: 0 36px;
}
}
section.page-starter article h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 50px;
line-height: 50px;
letter-spacing: 0.83px;
text-transform: uppercase;
color: #32343c;
opacity: 0;
transition: all 3s;
-khtml-transform: translateY(30px);
transform: translateY(30px);
}
@media (max-width: 1024px) {
section.page-starter article h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.page-starter article h2 {
font-size: 31px;
letter-spacing: 0.38px;
line-height: 32px;
}
}
section.page-starter article h2.in-view {
opacity: 1;
-khtml-transform: translateY(0px);
transform: translateY(0px);
}
section.page-starter article h3 {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 23px;
line-height: 35px;
letter-spacing: 0.82px;
padding-top: 34px;
max-width: 1056px;
color: #32343c;
}
@media (max-width: 1024px) {
section.page-starter article h3 {
font-size: 15px;
letter-spacing: 0.44px;
line-height: 23px;
padding-top: 13px;
}
}
section.page-starter article p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.87px;
padding-top: 45px;
padding-bottom: 60px;
max-width: 1056px;
color: #32343c;
}
@media (max-width: 1024px) {
section.page-starter article p {
font-size: 12px;
letter-spacing: 0.61px;
line-height: 21px;
padding-top: 14px;
padding-bottom: 4px;
}
}
section.page-starter article small {
display: block;
position: absolute;
top: 0;
right: 0;
padding-right: 130px;
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 20px;
letter-spacing: 1.17px;
line-height: 59px;
text-transform: uppercase;
color: #32343c;
}
@media (max-width: 1024px) {
section.page-starter article small {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.page-starter article small {
display: none;
}
}
section.page-starter article small::after {
position: absolute;
top: 26px;
right: 0;
display: inline-block;
content: '';
width: 0;
height: 2px;
margin-left: 10px;
vertical-align: middle;
background: #aa834f;
transition: all 3s;
}
section.page-starter article small.in-view::after {
width: 125px;
}
section.page-starter .next {
position: absolute;
bottom: 40px;
left: 50%;
cursor: pointer;
display: block;
width: 30px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../../img/down-arrow.svg);
-khtml-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 1024px) {
section.page-starter .next {
display: none;
}
}
section.gallery {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
#building section.gallery,
#amenities section.gallery {
background-color: #32343c;
}
#location section.gallery {
-ms-flex-direction: row;
flex-direction: row;
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.gallery {
-ms-flex-direction: column;
flex-direction: column;
}
}
section.gallery figure {
position: relative;
height: calc(100vh - 112px - 60px);
background-color: #32343c;
}
@media (max-width: 1024px) {
section.gallery figure {
height: 580px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.gallery figure {
height: 500px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.gallery figure {
height: 272px;
}
}
#location section.gallery figure {
-ms-flex: 1;
flex: 1;
margin: 120px 0;
}
@media (max-width: 1024px) {
#location section.gallery figure {
margin: 70px 0;
}
}
@media (max-width: 768px) and (orientation: portrait) {
#location section.gallery figure {
height: 340px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.gallery figure {
margin: 0;
}
}
section.gallery figure .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
section.gallery figure .image.in-slider {
opacity: 0;
visibility: hidden;
transition: all 1s;
}
section.gallery figure .image.in-slider.active {
opacity: 1;
visibility: visible;
}
section.gallery figure .arrows {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
}
section.gallery figure .arrows .prev,
section.gallery figure .arrows .next {
pointer-events: visible;
position: absolute;
top: 50%;
width: 32px;
height: 94px;
background: white;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 300ms;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1024px) {
section.gallery figure .arrows .prev,
section.gallery figure .arrows .next {
width: 22px;
height: 52px;
}
}
section.gallery figure .arrows .prev::after,
section.gallery figure .arrows .next::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: '';
width: 13px;
height: 28px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../../img/gallery-arrow.svg);
-khtml-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
section.gallery figure .arrows .prev::after,
section.gallery figure .arrows .next::after {
width: 6px;
height: 13px;
}
}
section.gallery figure .arrows .prev {
left: 0;
}
section.gallery figure .arrows .prev::after {
-khtml-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
section.gallery figure .arrows .next {
right: 0;
}
#location section.gallery figure .counter {
position: absolute;
top: calc(100% + 18px);
left: 32px;
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 20px;
letter-spacing: 0.22px;
line-height: 33px;
color: #32343c;
}
@media (max-width: 1024px) {
#location section.gallery figure .counter {
top: calc(100% + 5px);
font-size: 10px;
letter-spacing: 0.11px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.gallery figure .counter {
left: auto;
right: 24px;
}
}
section.gallery article {
position: relative;
padding: 24px 180px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 1024px) {
section.gallery article {
padding: 20px 74px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.gallery article {
padding: 20px 36px;
}
}
#location section.gallery article {
margin: 120px 0;
padding: 0 74px;
-ms-flex-pack: center;
justify-content: center;
box-sizing: border-box;
-ms-flex: 0 0 450px;
flex: 0 0 450px;
}
@media (max-width: 1024px) {
#location section.gallery article {
margin: 70px 0;
padding: 0 40px;
-ms-flex: 0 0 330px;
flex: 0 0 330px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.gallery article {
padding: 0 36px;
-ms-flex: 0;
flex: 0;
}
}
section.gallery article .counter {
position: absolute;
top: 25px;
right: 50px;
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 20px;
letter-spacing: 0.22px;
line-height: 33px;
color: #32343c;
}
@media (max-width: 1024px) {
section.gallery article .counter {
top: 5px;
font-size: 10px;
letter-spacing: 0.11px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.gallery article .counter {
right: 24px;
}
}
#building section.gallery article .counter,
#amenities section.gallery article .counter {
color: #e3ddd9;
}
#location section.gallery article .caption {
position: absolute;
bottom: 0;
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 18px;
letter-spacing: 1.64px;
line-height: 30px;
color: #32343c;
text-transform: uppercase;
}
@media (max-width: 1024px) {
#location section.gallery article .caption {
font-size: 9px;
letter-spacing: 0.82px;
line-height: 13px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.gallery article .caption {
bottom: auto;
left: 36px;
top: -54px;
}
}
section.gallery article h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 35px;
line-height: 35px;
letter-spacing: 1.14px;
text-transform: uppercase;
padding-top: 20px;
color: #32343c;
width: 100%;
max-width: 580px;
opacity: 0;
transition: all 3s;
-khtml-transform: translateY(30px);
transform: translateY(30px);
}
@media (max-width: 1024px) {
section.gallery article h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.gallery article h2 {
font-size: 21px;
letter-spacing: 0.26px;
line-height: 23px;
max-width: 330px;
}
}
section.gallery article h2.in-view {
opacity: 1;
-khtml-transform: translateY(0px);
transform: translateY(0px);
}
#building section.gallery article h2,
#amenities section.gallery article h2 {
color: #e3ddd9;
}
#location section.gallery article h2 {
padding-top: 0;
}
section.gallery article p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.19px;
padding-top: 25px;
padding-bottom: 80px;
color: #32343c;
width: 100%;
max-width: 580px;
}
@media (max-width: 1024px) {
section.gallery article p {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
max-width: 330px;
padding-top: 8px;
padding-bottom: 40px;
}
}
#building section.gallery article p,
#amenities section.gallery article p {
color: #e3ddd9;
}
#location section.gallery article p {
padding-bottom: 0;
}
#building section.gallery:nth-child(even) figure,
#amenities section.gallery:nth-child(even) figure,
#features section.gallery:nth-child(even) figure {
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 414px) and (orientation: portrait) {
#building section.gallery:nth-child(even) figure,
#amenities section.gallery:nth-child(even) figure,
#features section.gallery:nth-child(even) figure {
-ms-flex-order: 1;
order: 1;
}
}
#building section.gallery:nth-child(even) figure .counter,
#amenities section.gallery:nth-child(even) figure .counter,
#features section.gallery:nth-child(even) figure .counter {
left: auto;
right: 32px;
}
#building section.gallery:nth-child(even) article,
#amenities section.gallery:nth-child(even) article,
#features section.gallery:nth-child(even) article {
-ms-flex-order: 2;
order: 2;
}
#building section.gallery:nth-child(even) article h2,
#building section.gallery:nth-child(even) article p,
#amenities section.gallery:nth-child(even) article h2,
#amenities section.gallery:nth-child(even) article p,
#features section.gallery:nth-child(even) article h2,
#features section.gallery:nth-child(even) article p {
-ms-flex-item-align: end;
align-self: flex-end;
}
@media (max-width: 768px) and (orientation: portrait) {
#building section.gallery:nth-child(even) article h2,
#building section.gallery:nth-child(even) article p,
#amenities section.gallery:nth-child(even) article h2,
#amenities section.gallery:nth-child(even) article p,
#features section.gallery:nth-child(even) article h2,
#features section.gallery:nth-child(even) article p {
-ms-flex-item-align: start;
align-self: flex-start;
}
}
#building section.gallery:nth-child(even) article .counter,
#amenities section.gallery:nth-child(even) article .counter,
#features section.gallery:nth-child(even) article .counter {
right: auto;
left: 50px;
}
@media (max-width: 414px) and (orientation: portrait) {
#building section.gallery:nth-child(even) article .counter,
#amenities section.gallery:nth-child(even) article .counter,
#features section.gallery:nth-child(even) article .counter {
right: 24px;
left: auto;
}
}
#location section.gallery:nth-child(odd) {
background-color: #e3ddd9;
}
#location section.gallery:nth-child(odd) figure {
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.gallery:nth-child(odd) figure {
-ms-flex-order: 1;
order: 1;
}
}
#location section.gallery:nth-child(odd) figure .counter {
left: auto;
right: 32px;
}
#location section.gallery:nth-child(odd) article {
-ms-flex-order: 1;
order: 1;
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.gallery:nth-child(odd) article {
-ms-flex-order: 2;
order: 2;
}
}
#location section.gallery:nth-child(odd) article h2,
#location section.gallery:nth-child(odd) article p {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#location section.gallery:nth-child(odd) article .counter {
right: auto;
left: 50px;
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.gallery:nth-child(odd) article .counter {
right: 24px;
left: auto;
}
}
.cd-image-container {
position: relative;
width: 90%;
margin: 0em auto;
height: 100% !important;
}
.single-image {
width: 90%;
margin: 0em auto;
}
.single-image img {
width: 100%;
}
.cd-image-container img {
display: block;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.cd-image-container img {
height: 100%;
}
}
.cd-image-label {
visibility: hidden;
opacity: 0;
position: absolute;
bottom: 0;
right: 0;
color: #ffffff;
padding: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 0;
transform: translateY(20px);
transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
visibility: hidden;
}
.is-visible .cd-image-label {
opacity: 1;
transform: translateY(0);
}
.cd-resize-img {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
overflow: hidden;
border-right: 1px solid #fff; /* Force Hardware Acceleration in WebKit */
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-resize-img img {
position: absolute;
left: 0;
top: 0;
display: block;
height: 100%;
width: auto;
max-width: none;
}
.cd-resize-img .cd-image-label {
right: auto;
left: 0;
}
.is-visible .cd-resize-img {
width: 50%; /* bounce in animation of the modified image */
animation: cd-bounce-in 0.7s;
}
@keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
.cd-handle {
position: absolute;
height: 44px;
width: 44px; /* center the element */
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border-radius: 50%;
background: #32343c url('../../img/cd-arrows.svg') no-repeat center center;
cursor: move;
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6),
inset 0 1px 0 rgba(255, 255, 255, 0.3);
opacity: 0;
transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
/* change background color when element is active */
background-color: #aa834f;
}
.is-visible .cd-handle {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
section.portrait {
display: -ms-flexbox;
display: flex;
padding: 90px;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1024px) {
section.portrait {
padding: 54px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.portrait {
-ms-flex-direction: column;
flex-direction: column;
padding: 36px;
}
}
@media (max-width: 1024px) {
section.portrait figure {
max-width: 50vw;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.portrait figure {
max-width: 100vw;
}
}
section.portrait figure img {
display: block;
width: 100%;
height: auto;
}
section.portrait article {
max-width: 40vw;
padding-left: 100px;
}
@media (max-width: 1024px) {
section.portrait article {
max-width: 50vw;
padding-left: 46px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.portrait article {
max-width: 100vw;
padding: 16px 0;
}
}
section.portrait article h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 43px;
letter-spacing: 1.14px;
line-height: 45px;
text-transform: uppercase;
padding-top: 20px;
opacity: 0;
transition: all 3s;
-khtml-transform: translateY(30px);
transform: translateY(30px);
}
@media (max-width: 1024px) {
section.portrait article h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.portrait article h2 {
font-size: 21px;
letter-spacing: 0.26px;
line-height: 23px;
}
}
section.portrait article h2.in-view {
opacity: 1;
-khtml-transform: translateY(0px);
transform: translateY(0px);
}
section.portrait article p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.19px;
padding-top: 25px;
max-width: 580px;
}
@media (max-width: 1024px) {
section.portrait article p {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
max-width: 330px;
padding-top: 8px;
}
}
section.amenities {
border-top: 1px solid #32343c;
}
section.amenities h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 50px;
letter-spacing: 0.01px;
line-height: 55px;
text-transform: uppercase;
max-width: 1424px;
padding: 80px;
margin: 0 auto;
}
@media (max-width: 1024px) {
section.amenities h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.amenities h2 {
max-width: 580px;
font-size: 20px;
letter-spacing: 0px;
line-height: 24px;
padding: 40px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.amenities h2 {
padding: 26px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities h2 {
font-size: 15px;
line-height: 19px;
}
}
section.amenities ul {
display: -ms-grid;
display: grid;
grid: auto/repeat(2, 1fr);
-ms-grid-rows: auto;
-ms-grid-columns: 1fr 1fr;
max-width: 1620px;
margin: 0 auto;
}
@media (max-width: 760px) {
section.amenities ul {
grid: auto/repeat(1, 1fr);
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul {
grid: auto / auto;
-ms-grid-columns: auto;
}
}
section.amenities ul li {
position: relative;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #32343c;
padding: 50px;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1570px) {
section.amenities ul li {
padding: 50px 20px;
}
}
@media (max-width: 1024px) {
section.amenities ul li {
padding: 26px;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.amenities ul li {
padding: 26px;
}
}
@media (max-width: 760px) {
section.amenities ul li {
padding: 10px;
}
}
section.amenities ul li h3 {
position: relative;
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 50px;
letter-spacing: 0.01px;
line-height: 55px;
text-transform: uppercase;
padding-right: 75px;
max-width: 33.33%;
}
@media (max-width: 1024px) {
section.amenities ul li h3 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1570px) {
section.amenities ul li h3 {
font-size: 30px;
line-height: 33px;
padding-right: 54px;
}
}
@media (max-width: 1199px) {
section.amenities ul li h3 {
font-size: 26px;
}
}
@media (max-width: 1024px) {
section.amenities ul li h3 {
-ms-flex-preferred-size: 160px;
flex-basis: 160px;
font-size: 15px;
letter-spacing: 0.28px;
line-height: 19px;
padding-right: 44px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li h3 {
padding-right: 10px;
}
}
section.amenities ul li h3::after {
position: absolute;
top: 50%;
right: 40px;
width: 1px;
height: 195px;
display: block;
content: '';
background: #32343c;
-khtml-transform: translateY(-50%) rotate(10deg);
transform: translateY(-50%) rotate(10deg);
}
@media (max-width: 1024px) {
section.amenities ul li h3::after {
height: 85px;
right: 22px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li h3::after {
right: 5px;
}
}
section.amenities ul li p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.73px;
padding-right: 20px;
max-width: 33.33%;
}
@media (max-width: 1024px) {
section.amenities ul li p {
font-size: 10px;
letter-spacing: 0.43px;
line-height: 13px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li p {
padding-right: 10px;
padding-left: 10px;
}
}
section.amenities ul li figure {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
max-width: 33.33%;
}
section.amenities ul li figure .image {
width: 195px;
height: 195px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 1570px) {
section.amenities ul li figure .image {
width: 130px;
height: 130px;
}
}
@media (max-width: 1024px) {
section.amenities ul li figure .image {
width: 85px;
height: 85px;
}
}
section.amenities ul li:nth-child(1) {
-ms-grid-row: 1;
}
section.amenities ul li:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(2) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(3) {
-ms-grid-row: 2;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(3) {
-ms-grid-row: 3;
}
}
section.amenities ul li:nth-child(4) {
-ms-grid-row: 2;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(4) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(5) {
-ms-grid-row: 3;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(5) {
-ms-grid-row: 5;
}
}
section.amenities ul li:nth-child(6) {
-ms-grid-row: 3;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(6) {
-ms-grid-row: 6;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(7) {
-ms-grid-row: 4;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(7) {
-ms-grid-row: 7;
}
}
section.amenities ul li:nth-child(8) {
-ms-grid-row: 4;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(8) {
-ms-grid-row: 8;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(9) {
-ms-grid-row: 5;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(9) {
-ms-grid-row: 9;
}
}
section.amenities ul li:nth-child(10) {
-ms-grid-row: 5;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(10) {
-ms-grid-row: 10;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(11) {
-ms-grid-row: 6;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(11) {
-ms-grid-row: 11;
}
}
section.amenities ul li:nth-child(12) {
-ms-grid-row: 6;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(12) {
-ms-grid-row: 12;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(13) {
-ms-grid-row: 7;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(13) {
-ms-grid-row: 13;
}
}
section.amenities ul li:nth-child(14) {
-ms-grid-row: 7;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(14) {
-ms-grid-row: 14;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(15) {
-ms-grid-row: 8;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(15) {
-ms-grid-row: 15;
}
}
section.amenities ul li:nth-child(16) {
-ms-grid-row: 8;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(16) {
-ms-grid-row: 16;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(17) {
-ms-grid-row: 9;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(17) {
-ms-grid-row: 17;
}
}
section.amenities ul li:nth-child(18) {
-ms-grid-row: 9;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(18) {
-ms-grid-row: 18;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(19) {
-ms-grid-row: 10;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(19) {
-ms-grid-row: 19;
}
}
section.amenities ul li:nth-child(20) {
-ms-grid-row: 10;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(20) {
-ms-grid-row: 20;
-ms-grid-column: 1;
}
}
section.amenities ul li:nth-child(odd)::after {
position: absolute;
top: 50px;
right: 0;
bottom: 50px;
width: 1px;
display: block;
content: '';
background: #32343c;
-khtml-transform: translateX(0.5px);
transform: translateX(0.5px);
}
@media (max-width: 1024px) {
section.amenities ul li:nth-child(odd)::after {
top: 25px;
bottom: 25px;
}
}
@media (max-width: 760px) {
section.amenities ul li:nth-child(odd)::after {
content: none;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(odd)::after {
display: none;
}
}
section.amenities ul li:nth-child(3n):nth-child(odd) h3,
section.amenities ul li:nth-child(7n):nth-child(odd) h3,
section.amenities ul li:nth-child(4n) h3 {
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(3n):nth-child(odd) h3,
section.amenities ul li:nth-child(7n):nth-child(odd) h3,
section.amenities ul li:nth-child(4n) h3 {
-ms-flex-order: 1;
order: 1;
}
}
section.amenities ul li:nth-child(3n):nth-child(odd) p,
section.amenities ul li:nth-child(7n):nth-child(odd) p,
section.amenities ul li:nth-child(4n) p {
-ms-flex-order: 3;
order: 3;
padding-right: 0;
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(3n):nth-child(odd) p,
section.amenities ul li:nth-child(7n):nth-child(odd) p,
section.amenities ul li:nth-child(4n) p {
-ms-flex-order: 2;
order: 2;
padding-right: 10px;
}
}
section.amenities ul li:nth-child(3n):nth-child(odd) figure,
section.amenities ul li:nth-child(7n):nth-child(odd) figure,
section.amenities ul li:nth-child(4n) figure {
-ms-flex-order: 1;
order: 1;
margin-right: 30px;
}
@media (max-width: 768px) and (orientation: portrait) {
section.amenities ul li:nth-child(3n):nth-child(odd) figure,
section.amenities ul li:nth-child(7n):nth-child(odd) figure,
section.amenities ul li:nth-child(4n) figure {
margin-right: 10px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(3n):nth-child(odd) figure,
section.amenities ul li:nth-child(7n):nth-child(odd) figure,
section.amenities ul li:nth-child(4n) figure {
-ms-flex-order: 3;
order: 3;
margin-right: 0;
}
}
section.amenities ul li:nth-child(even) {
-ms-grid-column: 2;
}
@media (max-width: 1024px) {
section.amenities ul li:nth-child(even) {
padding: 26px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.amenities ul li:nth-child(even) {
padding: 26px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(even) h3 {
-ms-flex-order: 2;
order: 2;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(even) p {
-ms-flex-order: 3;
order: 3;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.amenities ul li:nth-child(even) figure {
-ms-flex-order: 1;
order: 1;
margin-right: 12px;
}
}
section.six-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 100px;
}
@media (max-width: 1024px) {
section.six-grid {
padding-top: 50px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.six-grid {
padding-top: 36px;
}
}
section.six-grid figure {
position: relative;
width: 100%;
max-width: 1700px;
display: -ms-grid;
display: grid;
grid: auto/repeat(3, 1fr);
-ms-grid-rows: auto;
-ms-grid-columns: 1fr 1fr 1fr;
grid-gap: 10px;
padding: 0 100px;
margin: 0 auto;
box-sizing: border-box;
}
@media (max-width: 1024px) {
section.six-grid figure {
padding: 0 50px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.six-grid figure {
padding: 0 36px;
grid-gap: 5px;
}
}
section.six-grid figure > div {
position: relative;
padding-bottom: 100%;
opacity: 0;
-khtml-transform: translateY(50px);
transform: translateY(50px);
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
section.six-grid figure > div {
min-height: 200px;
padding-bottom: 0;
}
}
section.six-grid figure > div:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
transition: all 1000ms;
}
section.six-grid figure > div:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
transition: all 2000ms;
}
section.six-grid figure > div:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
transition: all 3000ms;
}
section.six-grid figure > div:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
transition: all 1000ms;
}
section.six-grid figure > div:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
transition: all 2000ms;
}
section.six-grid figure > div:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
transition: all 3000ms;
}
section.six-grid figure > div.in-view {
opacity: 1;
-khtml-transform: translateY(0px);
transform: translateY(0px);
}
section.six-grid figure .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
section.six-grid article {
position: relative;
padding: 64px 180px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 1024px) {
section.six-grid article {
padding: 20px 74px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.six-grid article {
padding: 7px 36px;
}
}
section.six-grid article h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 43px;
letter-spacing: 1.14px;
line-height: 45px;
text-transform: uppercase;
padding-top: 20px;
color: #32343c;
width: 100%;
max-width: 580px;
}
@media (max-width: 1024px) {
section.six-grid article h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.six-grid article h2 {
font-size: 21px;
letter-spacing: 0.26px;
line-height: 23px;
max-width: 330px;
}
}
section.six-grid article p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.19px;
padding-top: 25px;
padding-bottom: 140px;
color: #32343c;
width: 100%;
max-width: 580px;
}
@media (max-width: 1024px) {
section.six-grid article p {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
padding-top: 8px;
max-width: 330px;
padding-bottom: 100px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.six-grid article p {
padding-bottom: 55px;
}
}
section.six-grid:nth-child(even) article h2,
section.six-grid:nth-child(even) article p {
-ms-flex-item-align: end;
align-self: flex-end;
}
section.glance {
display: -ms-grid;
display: grid;
grid: auto/repeat(2, 1fr);
-ms-grid-rows: auto;
-ms-grid-columns: 1fr 1fr;
}
@media (max-width: 414px) and (orientation: portrait) {
section.glance {
grid: auto/repeat(1, 1fr);
-ms-grid-columns: 1fr;
}
}
section.glance article {
padding: 150px 112px;
}
@media (max-width: 1024px) {
section.glance article {
padding: 74px 60px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.glance article {
padding: 74px 40px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.glance article {
padding: 45px 36px;
}
}
section.glance article h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 45px;
line-height: 43px;
letter-spacing: 1.25px;
text-transform: uppercase;
}
@media (max-width: 1024px) {
section.glance article h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.glance article h2 {
font-size: 24px;
letter-spacing: 0.55px;
line-height: 25px;
}
}
section.glance article p {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 20px;
letter-spacing: 2.96px;
line-height: 57px;
text-transform: uppercase;
padding-top: 16px;
}
@media (max-width: 1024px) {
section.glance article p {
font-size: 12px;
letter-spacing: 1.77px;
line-height: 16px;
padding-top: 4px;
}
}
section.glance article p::after {
content: '';
display: block;
height: 1px;
margin: 27px 0 40px;
width: 0%;
transition: all 3s;
}
@media (max-width: 1024px) {
section.glance article p::after {
margin: 27px 0 33px;
}
}
section.glance article p.in-view::after {
width: 100%;
}
section.glance article ul li {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.25px;
padding-bottom: 20px;
}
@media (max-width: 1024px) {
section.glance article ul li {
font-size: 12px;
letter-spacing: 0.16px;
line-height: 18px;
padding-bottom: 18px;
}
}
section.glance article ul li ul {
padding-top: 22px;
padding-left: 33px;
}
@media (max-width: 1024px) {
section.glance article ul li ul {
padding-top: 18px;
padding-left: 18px;
}
}
section.glance article:first-child {
background: #e3ddd9;
color: #32343c;
-ms-grid-column: 1;
}
section.glance article:first-child p::after {
background: #32343c;
}
section.glance article:last-child {
background: #3c5470;
color: #e3ddd9;
-ms-grid-column: 2;
}
@media (max-width: 414px) and (orientation: portrait) {
section.glance article:last-child {
-ms-grid-column: 1;
}
}
section.glance article:last-child p::after {
background: #e3ddd9;
}
section.finish {
padding-top: 160px;
background: #e3ddd9;
}
@media (max-width: 1024px) {
section.finish {
padding-top: 60px;
}
}
section.finish .title-wrap {
width: 415px;
display: table-cell;
}
@media (max-width: 1024px) {
section.finish .title-wrap {
width: 257px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.finish .title-wrap {
width: 100%;
display: block;
}
}
section.finish > article {
position: relative;
max-width: 1047px;
margin: 0 auto;
display: -ms-grid;
display: grid;
grid: auto auto / auto auto;
-ms-grid-rows: auto;
-ms-grid-columns: auto auto;
padding-bottom: 90px;
display: table;
width: 100%;
}
@media (max-width: 1200px) {
section.finish > article {
max-width: 900px;
}
}
@media (max-width: 1024px) {
section.finish > article {
padding-bottom: 60px;
max-width: 560px;
}
}
@media (max-width: 767px) {
section.finish > article {
display: -ms-flexbox;
display: flex;
width: auto;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (max-width: 640px) {
section.finish > article {
grid: auto / 1fr;
-ms-grid-columns: 1fr;
padding: 0 36px 52px;
-ms-flex-direction: column;
flex-direction: column;
}
}
section.finish > article::after {
position: absolute;
bottom: 0;
left: 50%;
width: calc(100vw - 200px);
content: '';
display: block;
background: #32343c;
height: 1px;
-khtml-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 1024px) {
section.finish > article::after {
width: calc(100vw - 160px);
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.finish > article::after {
width: calc(100vw - 90px);
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.finish > article::after {
width: calc(100vw - 72px);
}
}
section.finish > article h2 {
position: relative;
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 45px;
line-height: 43px;
letter-spacing: 1.82px;
text-transform: uppercase;
max-width: 300px;
color: #32343c;
padding-right: 115px;
}
@media (max-width: 1024px) {
section.finish > article h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.finish > article h2 {
font-size: 24px;
letter-spacing: 0.55px;
line-height: 25px;
max-width: 142px;
height: 70px;
}
}
@media (max-width: 640px) {
section.finish > article h2 {
height: auto;
}
}
section.finish > article h2::after {
position: absolute;
top: 50%;
right: 40px;
width: 1px;
height: 195px;
display: block;
content: '';
background: #32343c;
-khtml-transform: translateY(-50%) rotate(10deg);
transform: translateY(-50%) rotate(10deg);
}
@media (max-width: 1024px) {
section.finish > article h2::after {
height: 134px;
-khtml-transform: translateY(-50px) rotate(10deg);
transform: translateY(-50px) rotate(10deg);
}
}
@media (max-width: 640px) {
section.finish > article h2::after {
display: none;
}
}
section.finish > article h3 {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 19px;
letter-spacing: 2.24px;
line-height: 62px;
text-transform: uppercase;
color: #32343c;
padding-top: 13px;
}
@media (max-width: 1024px) {
section.finish > article h3 {
font-size: 12px;
letter-spacing: 1.77px;
line-height: 16px;
padding-top: 0px;
}
}
@media (max-width: 640px) {
section.finish > article h3 {
-ms-grid-row-span: 1;
-ms-grid-row: 2;
grid-row: 2 / span 1;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
padding: 10px 0;
}
}
section.finish > article p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.45px;
color: #32343c;
padding-left: 35px;
}
@media (max-width: 1024px) {
section.finish > article p {
font-size: 12px;
letter-spacing: 0.61px;
line-height: 21px;
padding-left: 0px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.finish > article p {
grid-row: 3 / span 1;
-ms-grid-row: 3;
grid-column: 1 / span 1;
-ms-grid-column: 1;
padding: 0;
}
}
section.finish .floor {
position: relative;
display: -ms-grid;
display: grid;
grid: auto / 1fr 430px;
-ms-grid-rows: auto;
-ms-grid-columns: 1fr 430px;
padding: 160px 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
@media (max-width: 1024px) {
section.finish .floor {
grid: auto / 1fr 300px;
-ms-grid-columns: 1fr 300px;
padding: 60px 80px;
}
}
@media (max-width: 767px) {
section.finish .floor {
padding: 46px 36px;
grid: auto / auto;
-ms-grid-columns: auto;
-ms-flex-direction: column;
flex-direction: column;
}
}
section.finish .floor::before {
position: absolute;
top: 0;
left: 100px;
right: 100px;
content: '';
display: block;
background: #32343c;
height: 1px;
}
@media (max-width: 1024px) {
section.finish .floor::before {
left: 80px;
right: 80px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.finish .floor::before {
left: 45px;
right: 45px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.finish .floor::before {
left: 36px;
right: 36px;
}
}
section.finish .floor figure {
position: relative;
height: calc(100vh - 112px - 60px);
-ms-grid-column: 1;
width: 50%;
}
@media (max-width: 1024px) {
section.finish .floor figure {
height: 430px;
}
}
@media (max-width: 767px) {
section.finish .floor figure {
width: 100%;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.finish .floor figure {
height: 237px;
width: 100%;
}
}
section.finish .floor figure .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
section.finish .floor article {
position: relative;
padding-left: 80px;
padding-right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-grid-column: 2;
width: 50%;
}
@media (max-width: 1024px) {
section.finish .floor article {
padding-left: 40px;
}
}
@media (max-width: 767px) {
section.finish .floor article {
width: 100%;
padding-top: 27px;
padding-left: 0;
}
}
section.finish .floor article h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 139px;
letter-spacing: 0;
line-height: 52px;
text-transform: uppercase;
color: #32343c;
width: 100%;
padding-bottom: 37px;
opacity: 0;
transition: all 3s;
-khtml-transform: translateY(30px);
transform: translateY(30px);
}
@media (max-width: 1024px) {
section.finish .floor article h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.finish .floor article h2 {
font-size: 69px;
letter-spacing: 0.84px;
line-height: 67px;
padding-bottom: 6px;
}
}
section.finish .floor article h2.in-view {
opacity: 1;
-khtml-transform: translateY(0px);
transform: translateY(0px);
}
section.finish .floor article h2 small {
display: block;
font-size: 43px;
letter-spacing: 2.56px;
line-height: 45px;
margin-bottom: 60px;
}
@media (max-width: 1024px) {
section.finish .floor article h2 small {
font-size: 21px;
letter-spacing: 0.26px;
line-height: 23px;
margin-bottom: 4px;
}
}
section.finish .floor article h2.no-floor {
padding-bottom: 17px;
}
section.finish .floor article h2.no-floor small {
margin-bottom: 0;
}
section.finish .floor article p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.19px;
padding-top: 25px;
padding-bottom: 40px;
color: #32343c;
}
@media (max-width: 1024px) {
section.finish .floor article p {
font-size: 12px;
letter-spacing: 0.51px;
line-height: 21px;
padding-top: 0px;
}
}
section.finish .floor article .availability {
position: absolute;
bottom: 0;
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 18px;
letter-spacing: 3.22px;
line-height: 25px;
color: #32343c;
cursor: pointer;
text-transform: uppercase;
text-decoration: none;
}
@media (max-width: 1024px) {
section.finish .floor article .availability {
font-size: 9px;
letter-spacing: 0.61px;
line-height: 14px;
}
}
section.finish .floor article .availability::after {
content: '';
display: block;
background: #32343c;
height: 1px;
}
section.finish .floor.first::before {
display: none;
}
section.finish .floor:nth-child(odd) {
grid: auto / 430px 1fr;
-ms-grid-rows: auto;
-ms-grid-columns: 430px 1fr;
}
@media (max-width: 1024px) {
section.finish .floor:nth-child(odd) {
grid: auto / 300px 1fr;
-ms-grid-columns: 300px 1fr;
}
}
@media (max-width: 767px) {
section.finish .floor:nth-child(odd) {
grid: auto / auto;
-ms-grid-columns: auto;
}
}
section.finish .floor:nth-child(odd) figure {
grid-row: 1 / span 1;
-ms-grid-row: 1;
grid-column: 2 / span 1;
-ms-grid-column: 2;
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 767px) {
section.finish .floor:nth-child(odd) figure {
grid-column: 1 / span 1;
-ms-grid-column: 1;
-ms-flex-order: 1;
order: 1;
}
}
section.finish .floor:nth-child(odd) article {
padding-left: 0;
padding-right: 80px;
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 / span 1;
grid-column: 1 / span 1;
-ms-grid-column: 1;
}
@media (max-width: 1024px) {
section.finish .floor:nth-child(odd) article {
padding-right: 40px;
}
}
@media (max-width: 767px) {
section.finish .floor:nth-child(odd) article {
grid-row: 2 / span 1;
-ms-grid-row: 2;
padding-right: 0;
-ms-flex-order: 2;
order: 2;
}
}
#features-overview-tab .gallery article:nth-of-type(2) {
-ms-flex-item-align: end;
align-self: flex-end;
}
#features #features-finishes-tab section.gallery:nth-child(even) article h2,
#features #features-finishes-tab section.gallery:nth-child(even) article p {
-ms-flex-item-align: start;
align-self: flex-start;
}
@media (max-width: 767px) {
#features #features-finishes-tab section.gallery:nth-child(even) article h2,
#features #features-finishes-tab section.gallery:nth-child(even) article p {
-ms-flex-item-align: start;
align-self: flex-start;
}
}
section.features-glance {
color: #e3ddd9;
background: #3c5470;
padding: 155px 173px;
}
@media (max-width: 1024px) {
section.features-glance {
padding: 70px 80px;
border-bottom: 1px solid #e3ddd9;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.features-glance {
padding: 70px 40px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.features-glance {
padding: 46px 36px;
}
}
section.features-glance h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 45px;
line-height: 43px;
letter-spacing: 1.25px;
text-transform: uppercase;
padding-bottom: 20px;
}
@media (max-width: 1024px) {
section.features-glance h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.features-glance h2 {
font-size: 24px;
letter-spacing: 0.55px;
line-height: 25px;
padding-bottom: 6px;
}
}
section.features-glance h3 {
position: relative;
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 20px;
letter-spacing: 2.96px;
line-height: 57px;
text-transform: uppercase;
padding-bottom: 30px;
margin-bottom: 50px;
}
@media (max-width: 1024px) {
section.features-glance h3 {
font-size: 12px;
letter-spacing: 1.77px;
line-height: 16px;
margin-bottom: 34px;
}
}
section.features-glance h3::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
content: '';
background: #e3ddd9;
height: 1px;
}
section.features-glance > ul {
display: table;
width: 100%;
table-layout: fixed;
}
@media (max-width: 414px) and (orientation: portrait) {
section.features-glance > ul {
display: block;
}
}
section.features-glance > ul > li {
display: table-cell;
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.71px;
padding-right: 100px;
}
@media (max-width: 1024px) {
section.features-glance > ul > li {
font-size: 14px;
letter-spacing: 0.19px;
line-height: 18px;
padding-right: 80px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.features-glance > ul > li {
padding-right: 30px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.features-glance > ul > li {
display: block;
}
}
@media (max-width: 1024px) {
section.features-glance > ul > li:last-child {
padding-right: 0;
}
}
section.features-glance > ul > li > ul {
padding-top: 25px;
}
@media (max-width: 1024px) {
section.features-glance > ul > li > ul {
padding-top: 8px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.features-glance > ul > li > ul {
padding-bottom: 36px;
}
}
section.features-glance > ul > li > ul > li {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.68px;
padding: 12px 0;
}
@media (max-width: 1024px) {
section.features-glance > ul > li > ul > li {
font-size: 12px;
letter-spacing: 0.16px;
line-height: 18px;
padding: 8px 0;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.features-glance > ul > li > ul > li {
padding: 6px 0;
}
}
section.features-glance p {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.61px;
padding: 144px 0;
}
@media (max-width: 1024px) {
section.features-glance p {
font-size: 12px;
letter-spacing: 0.16px;
line-height: 18px;
padding: 22px 0;
}
}
#location section.travel-times article {
margin: 0;
background: #3c5470;
padding: 0 90px;
}
@media (max-width: 1024px) {
#location section.travel-times article {
padding: 0 30px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.travel-times article {
padding: 45px 36px;
}
}
#location section.travel-times article h2,
#location section.travel-times article p {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 33px;
letter-spacing: 0.89px;
line-height: 42px;
text-transform: uppercase;
color: #e3ddd9;
width: 320px;
}
@media (max-width: 1024px) {
#location section.travel-times article h2,
#location section.travel-times article p {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
#location section.travel-times article h2,
#location section.travel-times article p {
font-size: 21px;
letter-spacing: 0.57px;
line-height: 23px;
width: 200px;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.travel-times article h2,
#location section.travel-times article p {
width: auto !important;
}
}
#location section.travel-times article h2 {
padding-bottom: 19px;
opacity: 1;
-khtml-transform: translateY(0);
transform: translateY(0);
}
@media (max-width: 768px) and (orientation: portrait) {
#location section.travel-times article h2 {
padding-bottom: 5px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.travel-times article h2 {
padding-bottom: 13px;
}
}
#location section.travel-times article h2.do-animation {
opacity: 0;
-khtml-transform: translateY(30px);
transform: translateY(30px);
}
#location section.travel-times article h2.do-animation.in-view {
opacity: 1;
-khtml-transform: translateY(0);
transform: translateY(0);
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.travel-times article p {
padding-top: 16px;
}
}
#location section.travel-times article h3 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 284px;
letter-spacing: -13.54px;
line-height: 47px;
text-transform: uppercase;
color: #e3ddd9;
width: 320px;
padding: 146px 0 80px;
white-space: nowrap;
position: relative;
}
@media (max-width: 1024px) {
#location section.travel-times article h3 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
#location section.travel-times article h3 {
font-size: 117px;
letter-spacing: -5.57px;
line-height: 47px;
width: 200px;
padding: 57px 0 30px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.travel-times article h3 {
padding: 45px 0 0;
}
}
#location section.travel-times article h3::before,
#location section.travel-times article h3::after {
position: absolute;
display: block;
left: 0;
right: 0;
content: '';
height: 1px;
background: #e3ddd9;
}
#location section.travel-times article h3::before {
top: 0;
}
#location section.travel-times article h3::after {
bottom: 0;
}
#location section.travel-times article h3.do-animation::before,
#location section.travel-times article h3.do-animation::after {
width: 0%;
transition: all 3s;
}
#location section.travel-times article h3.do-animation.in-view::before,
#location section.travel-times article h3.do-animation.in-view::after {
width: 100%;
}
#location section.travel-times article h3 span {
display: inline-block;
vertical-align: baseline;
margin-right: -50px;
}
@media (max-width: 1024px) {
#location section.travel-times article h3 span {
margin-right: -30px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.travel-times article h3 span {
margin-right: -30px;
}
}
#location section.travel-times article h3 small {
display: inline-block;
font-size: 23px;
letter-spacing: 1.87px;
line-height: 47px;
vertical-align: baseline;
padding-left: 20px;
}
#location section.travel-times figure {
margin: 0;
-ms-flex-preferred-size: 100vw;
flex-basis: 100vw;
height: 1020px;
-ms-flex: 1;
flex: 1;
}
@media (max-width: 1024px) {
#location section.travel-times figure {
height: 560px;
-ms-flex-preferred-size: 560px;
flex-basis: 560px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
#location section.travel-times figure {
height: 400px;
-ms-flex-preferred-size: 400px;
flex-basis: 400px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.travel-times figure {
-ms-flex-preferred-size: 272px;
flex-basis: 272px;
height: 272px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
#location section.travel-times figure .counter {
color: #e3ddd9;
}
}
.article-summaries {
display: -ms-grid;
display: grid;
grid: auto / 1fr 1fr 1fr;
-ms-grid: auto / 1fr 1fr 1fr;
grid-gap: 30px;
-ms-grid-gap: 30px;
}
@media (max-width: 900px) {
.article-summaries {
grid: auto / 1fr 1fr;
-ms-grid: auto / 1fr 1fr;
}
}
@media (max-width: 768px) {
.article-summaries {
grid: auto / 1fr;
-ms-grid: auto / 1fr;
}
}
@media (max-width: 768px) {
.article-summaries .article {
padding-bottom: 80px;
}
}
.article-summaries .article .image {
display: block;
height: 330px;
margin-bottom: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: gray;
transition: all 1s;
}
.article-summaries .article .date,
.article-summaries .article .pdf {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 18px;
padding-bottom: 12px;
text-decoration: none;
text-transform: uppercase;
}
.article-summaries .article .pdf {
padding-left: 50px;
}
.article-summaries .article h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 35px;
line-height: 35px;
letter-spacing: 1.14px;
padding-top: 20px;
}
@media (max-width: 1024px) {
.article-summaries .article h2 {
font-size: 56px;
line-height: 45px;
}
}
.article-summaries .article p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 17px;
letter-spacing: 0.68px;
line-height: 35px;
max-width: 380px;
padding: 14px 0 24px;
}
@media (max-width: 1024px) {
.article-summaries .article p {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
}
}
.article-summaries .article button,
.article-summaries .article .button {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 18px;
position: relative;
display: inline-block;
text-transform: uppercase;
color: #000;
text-decoration: none;
}
.article-summaries .article button span,
.article-summaries .article .button span {
display: block;
position: absolute;
left: 0;
right: 0;
height: 2px;
top: 100%;
overflow: hidden;
}
.article-summaries .article button span::before,
.article-summaries .article button span::after,
.article-summaries .article .button span::before,
.article-summaries .article .button span::after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 300ms;
}
.article-summaries .article button span::before,
.article-summaries .article .button span::before {
-khtml-transform: translateX(-200%);
transform: translateX(-200%);
}
.article-summaries .article button span::after,
.article-summaries .article .button span::after {
background-color: black;
}
.article-body {
position: relative;
padding: 20px 115px 60px 115px;
}
@media (max-width: 768px) {
.article-body {
padding: 0;
}
}
.article-body .date,
.article-body .pdf {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 18px;
padding-bottom: 24px;
text-decoration: none;
text-transform: uppercase;
}
.article-body .pdf {
padding-left: 50px;
}
.article-body .back {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 2.19px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
top: 20px;
right: 120px;
text-transform: uppercase;
text-decoration: none;
color: #000;
}
@media (max-width: 768px) {
.article-body .back {
right: 0;
}
}
.article-body .next-article {
padding: 24px 0 0;
}
@media (max-width: 614px) {
.article-body .next-article {
padding: 10px 0 40px;
}
}
.article-body .next-article a {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2.19px;
line-height: 32px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
text-decoration: none;
color: #000;
}
.article-body .next-article a:after {
content: '>';
}
@media (max-width: 614px) {
.article-body .next-article a {
font-size: 14px;
}
}
.article-body h1 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 35px;
line-height: 35px;
letter-spacing: 1.14px;
padding-bottom: 48px;
}
@media (max-width: 1024px) {
.article-body h1 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 768px) {
.article-body h1 {
padding-bottom: 20px;
font-size: 25px;
}
}
@media (max-width: 614px) {
.article-body h1 {
font-weight: 700;
letter-spacing: normal;
}
}
.article-body b,
.article-body strong {
font-family: 'AllianceNo1-Medium', sans-serif;
}
.article-body i,
.article-body em {
font-style: italic;
}
.article-body p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 17px;
letter-spacing: 0.68px;
line-height: 35px;
padding-bottom: 40px;
max-width: 1000px;
}
@media (max-width: 1024px) {
.article-body p {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
}
}
.article-body blockquote {
padding: 12px;
margin: 12px 24px 40px;
background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.article-body blockquote {
margin: 12px 0px 20px;
}
}
.article-body blockquote p {
padding: 0;
margin: 0;
}
.article-body a {
color: #000;
}
.article-body ul,
.article-body ol {
padding-left: 40px;
margin: 12px 24px 40px;
}
@media (max-width: 768px) {
.article-body ul,
.article-body ol {
padding-left: 20px;
margin: 12px 0px 20px;
}
}
.article-body ul li,
.article-body ol li {
font-family: 'AllianceNo1-Light', sans-serif;
padding: 0 0 24px 24px;
}
@media (max-width: 768px) {
.article-body ul li,
.article-body ol li {
font-size: 16px;
}
}
.article-body ul {
list-style: disc;
}
.article-body ol {
list-style: decimal;
}
.article-body img {
display: block;
width: 100%;
height: auto;
}
.article-body img.alignright,
.article-body img.alignleft {
width: 50%;
max-width: 540px;
}
@media (max-width: 768px) {
.article-body img.alignright,
.article-body img.alignleft {
width: 100%;
max-width: none;
}
}
.article-body img.alignright {
margin: 0 0 40px 60px;
float: right;
}
.article-body img.alignleft {
margin: 0 60px 40px 0;
float: left;
}
.pagination {
margin-top: 40px;
padding-bottom: 40px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
}
.pagination .page-numbers {
position: relative;
display: inline-block;
padding: 12px;
color: #000;
text-decoration: none;
text-transform: uppercase;
}
.pagination .page-numbers.current::before {
display: block;
position: absolute;
content: '';
top: -1px;
left: 0;
right: 0;
height: 1px;
background: #000;
}
.more-news {
padding-top: 70px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.more-news {
padding-top: 20px;
}
}
.more-news > h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 35px;
line-height: 35px;
letter-spacing: 1.14px;
padding-bottom: 36px;
text-align: center;
}
@media (max-width: 1024px) {
.more-news > h2 {
font-size: 56px;
line-height: 45px;
}
}
.more-news p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 17px;
letter-spacing: 0.68px;
line-height: 35px;
}
@media (max-width: 1024px) {
.more-news p {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
}
}
section.full-gallery {
padding-top: 212px;
}
@media (max-width: 1024px) {
section.full-gallery {
padding-top: 85px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery {
padding-top: 65px;
}
}
section.full-gallery .tabs {
-webkit-overflow-scrolling: touch;
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs[data-active-category='Video']::before {
content: 'Videos';
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs {
position: relative;
overflow: visible;
padding: 0 17px;
margin-bottom: 20px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs::before {
font-family: 'AllianceNo1-Bold', sans-serif;
display: block;
position: relative;
cursor: pointer;
font-size: 9px;
letter-spacing: 1.19px;
text-transform: uppercase;
white-space: nowrap;
padding: 12px;
content: attr(data-active-category);
text-align: center;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs::after {
display: block;
content: '';
position: absolute;
top: 50%;
right: 45px;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(../../img/arrow-down-gold.svg);
transition: all 300ms;
-khtml-transform: translateY(-50%);
transform: translateY(-50%);
}
}
section.full-gallery .tabs > ul {
display: table;
margin: 0 auto;
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs > ul {
display: none;
position: absolute;
top: calc(100% - 1px);
left: 45px;
right: 45px;
border: 1px solid #e3ddd9;
background: #fff;
z-index: 500;
}
}
section.full-gallery .tabs > ul > li {
display: table-cell;
padding: 0 30px 0px;
position: relative;
}
section.full-gallery .tabs > ul > li.open ul {
visibility: visible;
opacity: 1;
transform: translateX(-50%) translateY(0);
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs > ul > li.open ul {
transform: none;
}
}
section.full-gallery .tabs > ul > li ul {
position: absolute;
background: #fff;
border: 2px solid #aa834f;
z-index: 10;
top: 34px;
opacity: 0;
visibility: hidden;
padding: 10px 0;
min-width: 135px;
left: 50%;
transform: translateX(-50%) translateY(-10px);
text-align: center;
transition: all ease 0.2s;
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs > ul > li ul {
position: static;
margin-bottom: 0;
border: 0;
padding: 0;
opacity: 1;
visibility: visible;
transform: none;
text-align: left;
}
}
section.full-gallery .tabs > ul > li ul li {
display: block;
white-space: nowrap;
padding: 0;
}
section.full-gallery .tabs > ul > li ul li.active a {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 16px;
letter-spacing: 2px;
}
@media (max-width: 1240px) {
section.full-gallery .tabs > ul > li ul li.active a {
font-size: 14px;
}
}
@media (max-width: 1120px) {
section.full-gallery .tabs > ul > li ul li.active a {
font-size: 12px;
}
}
@media (max-width: 1024px) {
section.full-gallery .tabs > ul > li ul li.active a {
font-size: 9px;
letter-spacing: 1.19px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs > ul > li ul li.active a {
background-color: #000;
color: #fff;
}
}
section.full-gallery .tabs > ul > li ul li a {
padding: 10px;
display: block;
line-height: normal !important;
font-weight: normal;
cursor: pointer;
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs > ul > li ul li a {
padding-left: 25px;
}
}
section.full-gallery .tabs > ul > li ul li a:before {
display: block;
content: attr(data-title);
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 16px;
letter-spacing: 2px;
height: 0;
overflow: hidden;
visibility: hidden;
}
@media (max-width: 1024px) {
section.full-gallery .tabs > ul > li {
padding: 0 18px 18px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs > ul > li {
display: block;
padding: 0;
}
}
section.full-gallery .tabs > ul > li a {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
position: relative;
display: inline-block;
cursor: pointer;
font-size: 18px;
letter-spacing: 2.47px;
line-height: 38px;
text-transform: uppercase;
white-space: nowrap;
color: #32343c;
}
@media (max-width: 1024px) {
section.full-gallery .tabs > ul > li a {
font-size: 9px;
letter-spacing: 1.19px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs > ul > li a {
display: block;
/* padding: 12px; */
}
}
section.full-gallery .tabs > ul > li a::after {
content: '';
background: #aa834f;
width: 2px;
height: 30px;
position: absolute;
left: -13px;
top: 50%;
-khtml-transform: translate(1px, -50%);
transform: translate(1px, -50%);
}
@media (max-width: 1024px) {
section.full-gallery .tabs > ul > li a::after {
right: -19px;
width: 1px;
height: 20px;
-khtml-transform: translate(0.5px, -50%);
transform: translate(0.5px, -50%);
}
}
section.full-gallery .tabs > ul > li:first-child a::after {
display: none;
}
section.full-gallery .tabs > ul > li.active > a {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 18px;
letter-spacing: 2.47px;
line-height: 38px;
}
@media (max-width: 1024px) {
section.full-gallery .tabs > ul > li.active > a {
font-size: 9px;
letter-spacing: 1.19px;
}
}
/* @media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs > ul > li.active > a {
background-color: #000;
color: #fff;
}
} */
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs.dropdown_open::after {
-khtml-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .tabs.dropdown_open ul {
display: block;
}
}
section.full-gallery .images {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 45px 60px;
}
@media (max-width: 1024px) {
section.full-gallery .images {
padding: 0 45px 60px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.full-gallery .images {
grid: auto / 1fr 1fr;
-ms-grid-columns: 1fr 1fr;
grid-gap: 10px;
-ms-grid-gap: 10px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.full-gallery .images {
padding: 0 17px 60px;
}
}
section.full-gallery .images > figure {
display: none;
position: relative;
-ms-flex-preferred-size: calc(33.33% - 20px);
flex-basis: calc(33.33% - 20px);
padding-bottom: 33.33%;
margin: 10px;
overflow: hidden;
box-sizing: border-box;
animation: fadein 1s;
}
@media (max-width: 768px) and (orientation: portrait) {
section.full-gallery .images > figure {
-ms-flex-preferred-size: calc(50% - 10px);
flex-basis: calc(50% - 10px);
padding-bottom: 50%;
margin: 5px;
}
}
section.full-gallery .images > figure.visible {
display: block;
}
section.full-gallery .images > figure > div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
outline-offset: -3px;
transition: all 1s;
}
section.full-gallery .images > figure > div::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
transition: all 1s;
}
section.full-gallery .images > figure > div::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
background-position: center;
background-repeat: no-repeat;
background-image: url(../../img/cross-hairs.svg);
transition: all 1s;
}
section.full-gallery .images > figure:hover > div {
-khtml-transform: scale(1.05);
transform: scale(1.05);
}
section.full-gallery .images > figure:hover > div::before,
section.full-gallery .images > figure:hover > div::after {
opacity: 1;
}
section.interior-page {
max-width: 1580px;
margin: 0 auto;
padding: 338px 180px 0;
color: #32343c;
}
@media (max-width: 1024px) {
section.interior-page {
padding: 145px 115px 0;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.interior-page {
padding: 145px 60px 0;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.interior-page {
padding: 118px 36px 0;
}
}
section.interior-page h1 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
position: relative;
font-size: 68px;
letter-spacing: 0.62px;
line-height: 100px;
text-transform: uppercase;
padding-bottom: 65px;
margin-bottom: 112px;
}
@media (max-width: 1024px) {
section.interior-page h1 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.interior-page h1 {
font-size: 31px;
letter-spacing: 0.38px;
line-height: 32px;
padding-bottom: 18px;
margin-bottom: 37px;
}
}
section.interior-page h1::after {
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
content: '';
background: #32343c;
height: 1px;
}
section.interior-page .bios,
section.interior-page .content {
display: -ms-grid;
display: grid;
grid: auto / auto auto;
-ms-grid-rows: auto;
-ms-grid-columns: auto auto;
padding-bottom: 246px;
}
section.interior-page .bios article,
section.interior-page .content article {
word-break: break-word;
padding: 0 70px;
}
section.interior-page .bios article.has-list {
grid-column: 1/3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
padding: 75px 0 0;
text-align: center;
}
section.interior-page .bios article.has-list ul {
list-style: none;
}
section.interior-page .bios article.has-list ul li {
margin-bottom: 10px;
}
section.interior-page .bios article.has-list ul li a {
color: inherit;
}
@media (max-width: 1024px) {
section.interior-page .bios,
section.interior-page .content {
padding-bottom: 130px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.interior-page .bios,
section.interior-page .content {
grid: auto / auto;
-ms-grid-columns: auto;
}
section.interior-page .bios article.has-list {
-ms-grid-column: 1;
grid-column: 1;
}
section.interior-page .bios {
display: block;
}
}
@media (max-width: 1024px) {
section.interior-page .bios article,
section.interior-page .content article {
padding: 0 35px;
}
section.interior-page .bios article.has-list {
padding: 37px 0 0;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.interior-page .bios article,
section.interior-page .content article {
padding: 0 18px;
}
}
section.interior-page .bios article:first-child,
section.interior-page .content article:first-child {
-ms-grid-column: 1;
padding-left: 0;
}
section.interior-page .bios article:nth-child(2),
section.interior-page .content article:nth-child(2) {
-ms-grid-column: 2;
padding-right: 0;
}
@media (max-width: 414px) and (orientation: portrait) {
section.interior-page .bios article:first-child,
section.interior-page .content article:first-child,
section.interior-page .bios article:nth-child(2),
section.interior-page .content article:nth-child(2) {
padding: 0;
}
section.interior-page .bios article:nth-child(2) {
padding-top: 37px;
}
}
section.interior-page .bios article h2,
section.interior-page .content article h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 43px;
letter-spacing: 0.14px;
line-height: 45px;
text-transform: uppercase;
padding-bottom: 22px;
}
@media (max-width: 1024px) {
section.interior-page .bios article h2,
section.interior-page .content article h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.interior-page .bios article h2,
section.interior-page .content article h2 {
font-size: 21px;
letter-spacing: 0.26px;
line-height: 23px;
padding-bottom: 9px;
}
}
section.interior-page .bios article p,
section.interior-page .content article p,
section.interior-page .bios article.has-list ul li {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 17px;
letter-spacing: 0.68px;
line-height: 35px;
}
@media (max-width: 1024px) {
section.interior-page .bios article p,
section.interior-page .content article p,
section.interior-page .bios article.has-list ul li {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
}
}
section.interior-page .content {
grid: auto / auto;
}
section.interior-page .content h3 {
padding: 30px 0;
}
section.interior-page .content p {
padding-bottom: 30px;
}
section.interior-page .content ul,
section.interior-page .content ol {
padding: 30px;
}
section.interior-page .content ul li,
section.interior-page .content ol li {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 17px;
letter-spacing: 0.68px;
line-height: 35px;
}
@media (max-width: 1024px) {
section.interior-page .content ul li,
section.interior-page .content ol li {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
}
}
section.interior-page .content ul {
list-style: disc;
}
section.interior-page .content ol {
list-style: decimal;
}
section.interior-page .content a {
color: #32343c;
text-decoration: underline;
}
.contact-spcl {
text-align: center;
padding-bottom: 80px;
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 19px;
font-style: normal;
letter-spacing: 1.06px;
line-height: 35px;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 414px) and (orientation: portrait) {
.contact-spcl {
padding-bottom: 40px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
.contact-spcl.mobile-hide {
display: none;
}
}
.contact-spcl.mobile-only {
display: none;
}
@media (max-width: 414px) and (orientation: portrait) {
.contact-spcl.mobile-only {
display: block;
}
}
.contact-spcl a.contact-link {
color: #333333 !important;
cursor: default;
}
@media (max-width: 360px) {
.contact-spcl {
font-size: 16px;
}
}
section.contact-map {
position: relative;
width: 100%;
height: 556px;
}
@media (max-width: 1024px) {
section.contact-map {
height: 430px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact-map {
height: 348px;
}
}
section.contact-map figure {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 556px;
}
@media (max-width: 1024px) {
section.contact-map figure {
height: 430px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact-map figure {
height: 348px;
}
}
section.contact {
padding: 240px 60px 80px;
max-width: 1150px;
margin: 0 auto;
display: -ms-grid;
display: grid;
grid: auto auto / auto 490px;
-ms-grid-rows: auto auto;
-ms-grid-columns: auto 490px;
margin-top: 112px;
}
@media (max-width: 1024px) {
section.contact {
grid: auto auto / auto 270px;
-ms-grid-rows: auto auto;
-ms-grid-columns: auto 270px;
padding: 90px 170px 80px;
margin-top: 45px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact {
padding: 90px 80px 80px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.contact {
grid: auto / auto;
-ms-grid-rows: auto;
-ms-grid-columns: auto;
padding: 25px 0 0;
display: block;
}
}
section.contact h1 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 55px;
letter-spacing: 0.48px;
line-height: 80px;
text-transform: uppercase;
color: #32343c;
grid-row: 1 / span 1;
-ms-grid-row: 1;
grid-column: 1 / span 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
@media (max-width: 1024px) {
section.contact h1 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.contact h1 {
font-size: 31px;
letter-spacing: 0.38px;
line-height: 32px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.contact h1 {
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-grid-column-span: 1;
padding: 45px 36px 0;
}
}
section.contact form {
grid-row: 2 / span 1;
-ms-grid-row: 2;
grid-column: 1 / span 1;
-ms-grid-column: 1;
}
@media (max-width: 414px) and (orientation: portrait) {
section.contact form {
padding: 0 36px 52px;
}
}
section.contact form p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 19px;
letter-spacing: 1.06px;
line-height: 35px;
}
@media (max-width: 1024px) {
section.contact form p {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
max-width: 268px;
}
}
section.contact form > div {
display: -ms-grid;
display: grid;
width: 100%;
grid: auto/repeat(2, 1fr);
-ms-grid-rows: auto;
-ms-grid-columns: 1fr 1fr;
padding-top: 56px;
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact form > div {
grid: auto / auto;
-ms-grid-columns: auto;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.contact form > div {
padding-top: 30px;
}
}
section.contact form input[type='hidden'] {
display: none;
}
section.contact form .control-group {
position: relative;
box-sizing: border-box;
padding: 3px 0;
margin-bottom: 0;
}
section.contact form .control-group label,
section.contact form .control-group legend {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 17px;
letter-spacing: 2.77px;
text-transform: uppercase;
color: #000;
}
@media (max-width: 1024px) {
section.contact form .control-group label,
section.contact form .control-group legend {
font-size: 11px;
letter-spacing: 1.79px;
}
}
section.contact form .control-group label {
cursor: pointer;
}
section.contact form .control-group input[type='text'] {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 20px;
letter-spacing: 1.67px;
line-height: 35px;
display: block;
width: 100%;
padding: 0;
box-sizing: border-box;
background-color: transparent;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #32343c;
color: #32343c;
border-radius: 0;
margin-top: 0;
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
@media (max-width: 1024px) {
section.contact form .control-group input[type='text'] {
font-size: 14px;
letter-spacing: 1.17px;
line-height: 22px;
}
}
section.contact form .control-group.error label,
section.contact form .control-group.error legend,
section.contact form .control-group.error input[type='text'] {
color: #aa2222;
}
section.contact form .control-group.error input[type='text'] {
border-color: #aa2222;
}
section.contact form .control-group.hytag_name {
grid-row: 2 / span 1;
-ms-grid-row: 2;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
-ms-grid-column-span: 2;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact form .control-group.hytag_name {
grid-row: 3 / span 1;
-ms-grid-row: 3;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-grid-column-span: 1;
}
}
section.contact form .control-group.hytag_name .name-fields {
display: -ms-flexbox;
display: flex;
}
section.contact form .control-group.hytag_name .name-fields li {
-ms-flex: 1;
flex: 1;
}
section.contact form .control-group.hytag_name .name-fields li:first-of-type {
margin-bottom: 0;
margin-right: 32px;
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact form .control-group.hytag_name .name-fields li:first-of-type {
margin-right: 0;
margin-bottom: 6px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact form .control-group.hytag_name .name-fields li {
-ms-flex: auto;
flex: auto;
width: 100%;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact form .control-group.hytag_name .name-fields {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
section.contact form .control-group.hytag_email {
grid-row: 2 / span 1;
-ms-grid-row: 2;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
-ms-grid-column-span: 2;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact form .control-group.hytag_email {
grid-row: 3 / span 1;
-ms-grid-row: 3;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-grid-column-span: 1;
}
}
section.contact form .control-group.hytag_phone {
grid-row: 3 / span 1;
-ms-grid-row: 3;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
-ms-grid-column-span: 2;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact form .control-group.hytag_phone {
grid-row: 4 / span 1;
-ms-grid-row: 4;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-grid-column-span: 1;
}
}
section.contact form .control-group.hytag_form_comment {
grid-row: 4 / span 1;
-ms-grid-row: 4;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
-ms-grid-column-span: 2;
padding-top: 25px;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 768px) and (orientation: portrait) {
section.contact form .control-group.hytag_form_comment {
grid-row: 5 / span 1;
-ms-grid-row: 5;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-grid-column-span: 1;
}
}
section.contact form .control-group.hytag_form_comment label {
display: block;
}
section.contact form .control-group.hytag_form_comment textarea {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 20px;
letter-spacing: 1.67px;
line-height: 35px;
width: 100%;
height: 326px;
background-color: transparent;
border: 1px solid #32343c;
box-sizing: border-box;
border-radius: 0;
overflow: hidden;
padding: 32px 50px;
color: #32343c;
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
@media (max-width: 1024px) {
section.contact form .control-group.hytag_form_comment textarea {
font-size: 14px;
letter-spacing: 1.17px;
line-height: 22px;
padding: 26px 38px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.contact form .control-group.hytag_form_comment textarea {
height: 190px;
}
}
section.contact form small {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
display: block;
font-size: 14px;
letter-spacing: 1.64px;
line-height: 24px;
padding-top: 24px;
}
@media (max-width: 1024px) {
section.contact form small {
font-size: 10px;
letter-spacing: 1.17px;
padding-top: 16px;
}
}
section.contact form button[type='submit'] {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 18px;
letter-spacing: 2.21px;
line-height: 1;
display: block;
text-transform: uppercase;
color: #32343c;
padding: 0;
border-style: solid;
border-width: 0 0 2px;
border-color: #32343c;
background: #fff;
cursor: pointer;
border-radius: 0;
float: right;
min-height: 20px;
margin-top: 30px;
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
transition: all 300ms;
}
@media (max-width: 1024px) {
section.contact form button[type='submit'] {
font-size: 9px;
letter-spacing: 1.61px;
line-height: 14px;
border-width: 0 0 1px;
}
}
section.contact form button[type='submit'].submitting {
cursor: default;
}
section.contact form button[type='submit']:hover {
color: #32343c;
background-color: transparent;
border-color: #32343c;
}
@media (max-width: 812px) and (orientation: landscape),
(max-width: 414px) and (orientation: portrait) {
section.contact form button[type='submit'] {
margin: 20px auto 0;
width: 50px;
}
}
section.contact form #more-info {
margin-top: 30px;
}
section.contact form #more-info a {
color: #000;
}
@media (max-width: 812px) and (orientation: landscape),
(max-width: 414px) and (orientation: portrait) {
section.contact form .form-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
section.contact aside {
grid-row: 2 / span 1;
-ms-grid-row: 2;
grid-column: 2 / span 1;
-ms-grid-column: 2;
padding-left: 190px;
}
@media (max-width: 1024px) {
section.contact aside {
padding-left: 80px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.contact aside {
grid-row: 3 / span 1;
-ms-grid-row: 3;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-grid-column-span: 1;
background: #3c5470;
color: #e3ddd9;
padding: 45px 36px 60px;
}
}
section.contact aside address {
position: relative;
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 19px;
font-style: normal;
letter-spacing: 1.06px;
line-height: 35px;
margin-bottom: 118px;
}
@media (max-width: 1024px) {
section.contact aside address {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 21px;
margin-bottom: 40px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.contact aside address {
padding-bottom: 36px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.contact aside address::after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: #e3ddd9;
}
}
section.contact aside address a {
color: inherit;
text-decoration: none;
}
section.contact aside h2,
section.contact aside h3 {
font-family: 'AllianceNo1-Medium', sans-serif;
font-size: 14px;
letter-spacing: 1.84px;
font-size: 21px;
letter-spacing: 2.5px;
line-height: 57px;
text-transform: uppercase;
}
@media (max-width: 1024px) {
section.contact aside h2,
section.contact aside h3 {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 34px;
}
}
section.contact aside ul li {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 17px;
letter-spacing: 0.95px;
line-height: 41px;
}
@media (max-width: 1024px) {
section.contact aside ul li {
font-size: 12px;
letter-spacing: 0.31px;
line-height: 34px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
section.contact aside ul li {
line-height: 22px;
}
}
.thank-you {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 12000;
max-width: initial !important;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
animation: fadein 1s;
}
.thank-you.visible {
display: block;
}
.thank-you > div {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
font-size: 32px;
letter-spacing: 0.21px;
line-height: 43px;
padding: 60px;
-khtml-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.thank-you > div strong {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
}
.thank-you > div p {
padding: 0 0 60px;
text-transform: none;
font-size: 28px;
line-height: 33px;
}
.thank-you > div a {
color: #32343c;
font-weight: 400;
text-decoration: none;
}
.thank-you .close {
position: absolute;
top: 44px;
right: 44px;
display: block;
width: 30px;
height: 30px;
background-image: url(../../img/x-dark.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}
section.blog {
padding: 160px 30px 120px;
}
@media (max-width: 1024px) and (orientation: landscape) {
section.blog {
padding: 112px 100px 70px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.blog {
padding: 112px 60px 70px;
}
}
@media (max-width: 812px) and (orientation: landscape),
(max-width: 414px) and (orientation: portrait) {
section.blog {
padding: 112px 30px 40px;
}
}
section.blog h1 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
padding-bottom: 100px;
}
@media (max-width: 1024px) {
section.blog h1 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.blog h1 {
padding-bottom: 46px;
}
}
@media (max-width: 812px) and (orientation: landscape),
(max-width: 414px) and (orientation: portrait) {
section.blog h1 {
padding-bottom: 33px;
max-width: 264px;
margin: 0 auto;
}
}
section.blog .article {
position: relative;
display: -ms-grid;
display: grid;
grid: 590px / 1fr 388px;
-ms-grid: 590px / 1fr 388px;
grid-gap: 72px;
-ms-grid-gap: 72px;
padding-bottom: 80px;
}
@media (max-width: 1024px) {
section.blog .article {
grid: 460px / 1fr 330px;
-ms-grid: 460px / 1fr 330px;
grid-gap: 36px;
-ms-grid-gap: 36px;
}
}
@media (max-width: 768px) {
section.blog .article {
grid: 260px auto / 1fr;
-ms-grid: 260px auto / 1fr;
grid-gap: 15px;
-ms-grid-gap: 15px;
margin-left: -30px;
margin-right: -30px;
}
}
section.blog .article.bottomless {
padding-bottom: 0;
}
@media (max-width: 614px) {
section.blog .article.bottomless-mobile {
padding-bottom: 0;
}
}
@media (max-width: 614px) {
section.blog .article.smallbottom-mobile {
padding-bottom: 60px;
}
}
section.blog .article.inverse {
grid: 636px / 388px 1fr;
-ms-grid: 636px / 388px 1fr;
}
@media (max-width: 1024px) {
section.blog .article.inverse {
grid: 460px / 330px 1fr;
-ms-grid: 460px / 330px 1fr;
}
}
@media (max-width: 768px) {
section.blog .article.inverse {
grid: 260px auto / 1fr;
-ms-grid: 260px auto / 1fr;
}
}
section.blog .article.inverse > div:first-child {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column-end: span 1;
}
@media (max-width: 768px) {
section.blog .article.inverse > div:first-child {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-start: 1;
}
}
section.blog .article.inverse > div:last-child {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-start: 1;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column-end: span 1;
}
@media (max-width: 768px) {
section.blog .article.inverse > div:last-child {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column-end: span 1;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-row-start: 2;
}
}
section.blog .article .image-container {
overflow: hidden;
position: relative;
}
section.blog .article .image-container .prev,
section.blog .article .image-container .next {
display: none;
position: absolute;
top: 0;
bottom: 0;
width: 80px;
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
cursor: pointer;
z-index: 20;
-webkit-tap-highlight-color: transparent;
opacity: 0;
transition: all 300ms;
}
@media (max-width: 768px) {
section.blog .article .image-container .prev,
section.blog .article .image-container .next {
width: 64px;
background-size: 30px;
}
}
section.blog .article .image-container .prev.visible,
section.blog .article .image-container .next.visible {
display: block;
}
section.blog .article .image-container .prev:hover,
section.blog .article .image-container .next:hover {
opacity: 1;
}
section.blog .article .image-container .prev {
left: 0;
background-image: url(../../img/arrow-left-large.svg);
}
section.blog .article .image-container .next {
right: 0;
background-image: url(../../img/arrow-right-large.svg);
}
section.blog .article .image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: gray;
box-sizing: border-box;
outline-offset: -3px;
transition: all 1s;
}
section.blog .article .image.slider-image {
opacity: 0;
pointer-events: none;
transition: all 1s;
}
section.blog .article .image.slider-image.visible {
opacity: 1;
pointer-events: all;
}
section.blog .article .video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
section.blog .article .video video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1024px) {
section.blog .article .video video.has-alt {
display: none;
}
}
section.blog .article .video .image {
display: none;
}
@media (max-width: 1024px) {
section.blog .article .video .image {
display: block;
}
}
section.blog .article .content > div {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
display: table;
}
section.blog .article .content > div > div {
display: table-cell;
vertical-align: middle;
}
@media (max-width: 768px) {
section.blog .article .content > div > div {
padding-left: 30px;
padding-right: 30px;
}
}
section.blog .article .content h2 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
line-height: 42px;
padding-bottom: 20px;
max-width: 460px;
padding-top: 15px;
}
@media (max-width: 1024px) {
section.blog .article .content h2 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
section.blog .article .content h2 {
line-height: 28px;
padding-top: 15px;
}
}
@media (max-width: 614px) {
section.blog .article .content h2 {
font-weight: 700;
letter-spacing: normal;
padding: 15px 0 6px;
}
}
@media (max-width: 768px) {
section.blog .article .content h2 .not-on-mobile {
display: none;
}
}
section.blog .article .content h2.news-headline {
font-size: 40px;
}
@media (max-width: 1024px) {
section.blog .article .content h2.news-headline {
font-size: 40px;
}
}
@media (max-width: 768px) {
section.blog .article .content h2.news-headline {
font-size: 25px;
}
}
@media (max-width: 614px) {
section.blog .article .content h2.news-headline {
padding-bottom: 10px;
letter-spacing: normal;
font-weight: 700;
font-size: 25px;
}
}
section.blog .article .content h3 {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 15px;
text-transform: uppercase;
padding: 12px 0 0;
}
section.blog .article .content p {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
}
@media (max-width: 768px) {
section.blog .article .content p {
font-size: 16px;
}
}
section.blog .article .content .date,
section.blog .article .content .pdf {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
font-size: 16px;
padding-bottom: 12px;
text-decoration: none;
text-transform: uppercase;
}
section.blog .article .content .pdf {
padding-left: 50px;
}
section.blog .article .content button,
section.blog .article .content .button {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2.19px;
line-height: 32px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
position: relative;
margin-top: 30px;
padding: 0;
background-color: transparent;
border: 0;
color: #000;
text-decoration: none;
-webkit-appearance: none;
}
section.blog .article .content button span,
section.blog .article .content .button span {
display: block;
position: absolute;
left: 0;
right: 0;
height: 2px;
top: 100%;
overflow: hidden;
}
section.blog .article .content button span::before,
section.blog .article .content button span::after,
section.blog .article .content .button span::before,
section.blog .article .content .button span::after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 300ms;
}
section.blog .article .content button span::before,
section.blog .article .content .button span::before {
-khtml-transform: translateX(-200%);
transform: translateX(-200%);
}
section.blog .article .content button span::after,
section.blog .article .content .button span::after {
background-color: black;
}
@media (max-width: 768px) {
section.blog .article.narrow-mobile {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 768px) {
section.blog .article.narrow-mobile .content > div > div {
padding-left: 0;
padding-right: 0;
}
}
section.blog-post {
padding: 112px 30px 120px;
}
@media (max-width: 1024px) and (orientation: landscape) {
section.blog-post {
padding: 112px 100px 70px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.blog-post {
padding: 112px 60px 70px;
}
}
@media (max-width: 812px) and (orientation: landscape),
(max-width: 414px) and (orientation: portrait) {
section.blog-post {
padding: 112px 30px 40px;
}
}
section.blog-post .hero figure {
position: relative;
overflow: hidden;
height: 500px;
}
@media (max-width: 1024px) and (orientation: landscape) {
section.blog-post .hero figure {
height: 430px;
}
}
@media (max-width: 768px) and (orientation: portrait) {
section.blog-post .hero figure {
height: 300px;
}
}
@media (max-width: 812px) and (orientation: landscape),
(max-width: 414px) and (orientation: portrait) {
section.blog-post .hero figure {
height: 200px;
}
}
section.blog-post .hero figure .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: gray;
background-position: center;
background-repeat: no-repeat;
}
section.blog-post h1 {
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 35px;
line-height: 35px;
letter-spacing: 1.14px;
padding-top: 60px;
max-width: 540px;
}
@media (max-width: 1024px) {
section.blog-post h1 {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 812px) and (orientation: landscape),
(max-width: 414px) and (orientation: portrait) {
section.blog-post h1 {
padding-top: 30px;
}
}
.page-wrapper .inner-page-wrap {
margin-top: 112px;
background-color: #fff;
}
@media (max-width: 1024px) {
.page-wrapper .inner-page-wrap {
margin-top: 45px;
}
}
.page-wrapper .page-hero {
height: 55vh;
background-size: cover;
background-position: center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.page-wrapper .page-hero:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.24);
}
.page-wrapper .page-hero small {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
padding-right: 130px;
font-family: 'Bodoni', serif;
font-size: 75px;
line-height: 68px;
font-weight: 100;
font-size: 20px;
letter-spacing: 1.17px;
line-height: 59px;
text-transform: uppercase;
color: #fff;
}
@media (max-width: 1024px) {
.page-wrapper .page-hero small {
font-size: 56px;
line-height: 45px;
}
}
@media (max-width: 1024px) {
.page-wrapper .page-hero small {
display: none;
}
}
.page-wrapper .page-hero small::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
display: inline-block;
content: '';
width: 0;
height: 2px;
margin-left: 10px;
vertical-align: middle;
background: #aa834f;
transition: all 3s;
}
.page-wrapper .page-hero small.in-view::after {
width: 125px;
}
.page-wrapper .page-hero-text {
padding: 0 80px;
color: #fff;
position: relative;
z-index: 1;
}
@media (max-width: 1024px) {
.page-wrapper .page-hero-text {
padding: 0 26px;
}
}
.page-wrapper .page-hero-text .h1 {
font-size: 55px;
font-family: 'Bodoni', serif;
font-weight: 100;
margin-bottom: 10px;
text-transform: uppercase;
line-height: 1;
}
@media (max-width: 1024px) {
.page-wrapper .page-hero-text .h1 {
font-size: 52px;
}
}
@media (max-width: 767px) {
.page-wrapper .page-hero-text .h1 {
font-size: 32px;
}
}
.page-wrapper .page-hero-text .h2 {
font-size: 30px;
font-family: 'Bodoni', serif;
font-weight: 100;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.page-wrapper .page-hero-text .h2 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.page-wrapper .page-hero-text .h2 {
font-size: 18px;
}
}
.page-wrapper .portrait {
background-color: #fff;
}
.page-wrapper .close-wrap {
text-align: center;
}
.page-wrapper .close {
font-family: 'AllianceNo1-Light', sans-serif;
font-size: 25px;
letter-spacing: 0.92px;
display: inline-block;
font-size: 16px;
letter-spacing: 2.37px;
text-transform: uppercase;
padding: 20px;
line-height: 0;
text-decoration: none;
color: #32343c;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 40px 0;
}
.page-wrapper .close::after {
display: block;
content: '';
height: 2px;
background: #32343c;
margin-top: 12px;
}
@media (max-width: 1024px) {
.page-wrapper .close {
display: none;
}
}
#amenities.page-wrapper .page-hero {
background-position: center 40%;
}
#amenities section.page-starter article p {
padding-top: 35px;
padding-bottom: 40px;
}
@media (max-width: 767px) {
#amenities section.page-starter article p {
padding-top: 25px;
padding: 0;
}
}
#amenities section.six-grid {
padding-top: 30px;
}
@media (max-width: 767px) {
#amenities section.six-grid {
padding-top: 0;
}
}
@media (min-width: 415px) {
#amenities section.six-grid article p {
padding-bottom: 0;
}
}
@media (min-width: 415px) {
#amenities section.glance article {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.lightbox figure figcaption {
padding: 10px 20px;
}
}
@media (min-width: 1571px) {
section.amenities ul li h3 {
font-size: 36px;
}
}
.thank-you-page #main-header {
background: #32343c;
-khtml-transform: translateY(0);
transform: translateY(0);
}
.thank-you-page h1 {
text-align: center;
}
.thank-you-page section.contact {
display: block;
padding: 80px 60px;
}
.thank-you-page .thanku-msg {
line-height: 1.5;
text-align: center;
grid: 100%;
margin-bottom: 45px;
}
.thank-you-page .two_col_wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.thank-you-page .two_col_wrapper aside {
width: auto;
padding: 0;
max-width: 50%;
}
.thank-you-page .two_col_wrapper aside address {
margin-bottom: 30px;
}
.thank-you-page .two_col_wrapper aside .contact-spcl {
padding: 0;
text-align: left;
}
@media (max-width: 768px) {
.thank-you-page section.contact {
padding: 80px 30px;
}
.thank-you-page .two_col_wrapper {
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.thank-you-page .two_col_wrapper aside address {
text-align: center;
}
.thank-you-page .two_col_wrapper aside {
width: auto;
max-width: 100%;
}
.thank-you-page .two_col_wrapper aside .contact-spcl {
text-align: center;
margin-bottom: 30px;
}
}
@media (max-width: 414px) and (orientation: portrait) {
.thank-you-page section.contact {
padding: 25px 0 0;
}
.thank-you-page .thanku-msg {
padding: 15px 15px 30px;
margin: 0;
}
.thank-you-page .two_col_wrapper aside {
box-sizing: border-box;
width: 100%;
padding: 45px 36px 60px;
}
.thank-you-page .two_col_wrapper aside:first-of-type {
padding-bottom: 0;
}
.thank-you-page .two_col_wrapper aside:last-of-type {
padding-top: 0;
}
.thank-you-page .two_col_wrapper aside address {
text-align: left;
}
}
a.ora-logo {
position: relative;
top: -33px;
max-width: 120px;
display: inline-block;
cursor: default;
}
@media (max-width: 1024px) {
a.ora-logo {
top: -16px;
max-width: 80px;
margin-bottom: 10px;
}
footer {
height: 173px;
}
}
@media (max-width: 768px) {
a.ora-logo {
position: absolute;
top: -50px;
right: 0;
}
}
@media (max-width: 480px) {
footer {
height: 205px;
}
a.ora-logo {
position: relative;
top: 0;
}
}
@media (max-width: 334px) {
footer {
height: 223px;
}
}
footer .logos > a:first-child {
right: 10px;
}
@media (max-width: 768px) {
footer .logos > a {
max-width: 50px;
top: -25px;
}
footer .logos > a:first-child {
right: 70px;
}
}
@media (max-width: 480px) {
footer .logos > a {
top: -13px;
}
footer .logos > a:first-child {
position: relative;
right: 0;
margin-right: 10px;
}
}