html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
.w-code-component > * {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
:root {
--lichen-blue: #05192b;
--blue-gray: #546f88;
--flesh: #f2f0eb;
--azure: #f5feff;
--medyo-black: #333;
--buttons-blue: #165b99;
--dark-slate-grey: #006064;
--dark-slate-blue: #0c3e6b;
--livetrue-green: #759f77;
--dark-green: #0f4b1c;
--pale-turquoise: #80deea;
--white-smoke: #eaeaea;
--new-loading-green: #485f51;
--dark-blue: #020c14;
--living-mountain-button: #96d2d6;
--livetrue-news-gray-dark-mode: #b3b3b3;
--dark-slate-grey-3: #083326;
--grey: #8d8d8d;
--dark-olive-green: #305937;
--living-mountain-gray: #727071;
--living-mountain-footer: #042c2e;
--yushan-blue: #051028;
--laughing-mountain-teal: #009aa1;
--laughing-mountain-green: #4ea960;
--yushan-2023-heading: "Times New Roman", TimesNewRoman, Times, Baskerville, Georgia, serif;
--subtext: #c8972f;
--brown-background: #251913;
--button-overlay: #ffffff4d;
--dark-turquoise: #21b8c6;
--dark-turquoise-2: #4dd0e1;
--light-cyan: #e0f7fa;
--deep-sky-blue: #57c3ff;
--dodger-blue: #1798e0;
--white-smoke-2: #f7f7f7;
--light-blue-lichen: #a6e7fc;
--dark-slate-grey-2: #0f4c3a;
--dark-slate-grey-4: #234128;
--link-greens: #a6d8a8;
--yushan-new: #c29e13;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
color: #333;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 38px;
font-weight: bold;
line-height: 44px;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-family: "Creamfont 1";
font-size: 24px;
font-weight: 400;
line-height: 36px;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-family: "Creamfont 1";
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
p {
opacity: 1;
margin-bottom: 10px;
font-family: "Creamfont 1";
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
a {
width: auto;
height: auto;
font-family: Montserrat, sans-serif;
text-decoration: underline;
}
ol {
opacity: .6;
color: #000;
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
li {
font-family: "Creamfont 1";
font-size: 16px;
line-height: 24px;
}
figcaption {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
margin-top: 5px;
display: flex;
}
.desktop-page-wrapper {
z-index: 99999;
flex-direction: column;
align-items: center;
width: auto;
display: flex;
position: relative;
overflow: visible;
}
.desktop-page-wrapper.no-padding {
height: 100vh;
position: relative;
overflow: visible;
}
.page-hero-section {
height: 100vh;
position: relative;
}
.page-hero-section.home {
flex: 0 auto;
width: 100vw;
overflow: hidden;
}
.background-video {
z-index: 3;
height: 100%;
overflow: visible;
}
.background-video.home {
z-index: 0;
width: 100%;
display: block;
}
.background-overlay {
background-color: #0009;
background-image: none;
position: absolute;
inset: 0%;
}
.elements-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.elements-wrapper.home {
justify-content: center;
align-items: center;
padding-left: 6vw;
padding-right: 6vw;
display: flex;
}
.navbar {
z-index: 888888;
opacity: 1;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
height: auto;
padding: 20px 3vw;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.heading-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-wrapper.project {
opacity: 1;
align-items: center;
}
.heading-wrapper.home {
display: flex;
}
.image-2 {
text-shadow: 1px 1px 6px #000;
width: 180px;
max-width: none;
height: 45px;
margin-left: 0;
padding-left: 0;
display: block;
}
.brand {
z-index: 500;
background-color: #fff0;
flex: 0 auto;
width: auto;
height: 100%;
padding-left: 0;
display: block;
position: static;
left: -5%;
}
.page-header {
width: 100vw;
height: 420px;
position: static;
}
.page-header.news {
box-shadow: none;
opacity: 1;
background-image: none;
justify-content: center;
align-items: center;
width: 100vw;
height: 420px;
padding-bottom: 0;
padding-left: 0;
}
.background-video-5 {
background-color: #00000075;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.background-video-5.project1.classics {
height: 100%;
}
.div-block-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
place-items: start center;
width: 100%;
display: grid;
}
.div-block-6.core-values-copy {
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: center;
margin-left: 0;
}
.div-block-6.projects {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
display: grid;
}
.heading-3 {
margin-top: 0;
font-family: Montserrat, sans-serif;
font-size: 36px;
font-weight: 400;
}
.heading-3.quote-zh {
margin-bottom: 18px;
font-family: "Creamfont 1";
}
.heading-3.quote-zh.quote---zh---s {
opacity: 1;
color: var(--lichen-blue);
margin-top: 30px;
margin-bottom: 0;
font-size: 18px;
line-height: 36px;
}
.heading-3.quote-zh.small-heading---zh.white {
text-align: center;
}
.heading-3.quote-zh.small-heading---zh.white.left {
text-align: left;
align-self: center;
margin-top: 0;
}
.paragraph-2 {
font-family: "Creamfont 1";
font-size: 18px;
line-height: 36px;
}
.paragraph-2.blue {
color: var(--blue-gray);
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
transition: all .6s;
display: flex;
}
.paragraph-2.blue:hover {
color: var(--lichen-blue);
font-weight: 400;
}
.paragraph-2.blue.corevalues {
width: 60%;
margin-left: 0;
font-size: 14px;
line-height: 24px;
}
.paragraph-2.blue.corevalues._1.desktop {
width: 85%;
margin-bottom: 0;
}
.paragraph-2.blue.corevalues._2.desktop, .paragraph-2.blue.corevalues._3.desktop {
width: 85%;
}
.paragraph-2.blue.core {
color: #fff;
text-align: left;
align-items: flex-end;
margin-bottom: 0;
margin-left: 0;
font-size: 16px;
line-height: 24px;
display: flex;
}
.paragraph-2.blue.core.small {
font-size: 1.08em;
line-height: 24px;
}
.paragraph-2.patent-content {
z-index: 1;
text-align: right;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
position: relative;
}
.grid {
grid-column-gap: 25px;
grid-row-gap: 50px;
grid-template-rows: 500px 280px 280px;
grid-template-columns: 400px .75fr 1fr;
width: 100%;
}
.grid.langlang {
grid-template-rows: auto auto auto;
align-items: stretch;
}
.grid.duoye {
grid-template-rows: auto auto auto;
}
.grid.drow {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto auto auto auto;
}
.proejct-gallery {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5feb017c9cc80bf750980ee8_drow-8.jpg");
background-position: 50%;
background-size: cover;
height: 100%;
}
.proejct-gallery.gallery3 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5ff285f84caede6d1f147782_langlang-F.jpg");
background-position: 50%;
background-size: cover;
border-radius: 5px;
height: 500px;
}
.proejct-gallery.langlang1 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5ff291f00642833acd802a03_langlang-I.jpg");
background-position: 14%;
background-size: cover;
border-radius: 5px;
height: 500px;
}
.proejct-gallery.langlang2 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fcdcefa2eaeca095f6d6eac_20130717-27.jpg");
background-position: 50% 17%;
border-radius: 5px;
}
.proejct-gallery.duoye2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a3728d56563abeaf8e2f_duoye-F.jpg");
background-position: 14%;
background-size: cover;
border-radius: 5px;
height: 500px;
}
.proejct-gallery.duoye3 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a2ed55a72b44d2475df4_duoye-B.jpg");
background-position: 50% 100%;
border-radius: 5px;
height: 500px;
}
.proejct-gallery.duoye4 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fec0be9361e2555c70da0f4_duoye-J.jpg");
background-position: 50%;
background-size: cover;
border-radius: 5px;
height: 610px;
}
.proejct-gallery.drow2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5feafc5a7f4450d784cf8949_RIO_7901-%E6%8B%B7%E8%B2%9D.jpg");
background-position: 50%;
background-size: cover;
border-radius: 5px;
height: 500px;
}
.proejct-gallery.drow3 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a92e10e3c72185ecb7c6_drow-J.jpg");
background-position: 50% 100%;
border-radius: 5px;
height: 500px;
}
.proejct-gallery.drow4 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a92e10e3c765c4ecb7cf_drow-G.jpg");
background-position: 50%;
background-size: cover;
border-radius: 5px;
width: 100%;
height: 100%;
}
.proejct-gallery.drow7 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5feb0193489ca90c9c54e6e4_dr0w-7.jpg");
border-radius: 4px;
height: 500px;
}
.proejct-gallery.drow8 {
border-radius: 4px;
height: 500px;
}
.div-block-8 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1287778ce53_s3y1a0077.jpg");
background-position: 50%;
background-size: cover;
}
.div-block-8.langlang3 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5ff28fc1bc9ac21b59b168e9_langlang-G.jpg");
border-radius: 4px;
height: 280px;
}
.div-block-8.duoye6 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fec0be8034f8091fb05bcc6_duoye-H.jpg");
border-radius: 4px;
height: 280px;
}
.div-block-8.drow6 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5ff277e7e25ca168b01ee0a6_drow-K.jpg");
border-radius: 4px;
height: 280px;
}
.div-block-9 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1657878ce5c_s3y1a0114.jpg");
background-position: 50%;
background-size: cover;
}
.div-block-9.langlang4 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a0ca8e0dead64185ffbe_langlang-B.jpg");
background-position: 31%;
border-radius: 5px;
height: 100%;
}
.div-block-9.langlang4.div-block-7 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5ff28ff1ffc81b20912b237d_langlang-H.jpg");
height: 280px;
}
.div-block-9.duoye5 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fec0be88c9fe3bd5bb696a8_duoye-I.jpg");
background-position: 31%;
border-radius: 5px;
height: 280px;
}
.div-block-9.drow5 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5feb009374e5a81f484e56be_patent1.jpg");
background-position: 31%;
border-radius: 5px;
height: 280px;
}
.html-embed-2 {
opacity: 1;
letter-spacing: 1px;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
display: block;
}
.enter-button {
background-color: #0000;
margin-top: 55px;
text-decoration: none;
}
.enter-button.home {
z-index: 2;
width: 250px;
height: auto;
margin-top: 0;
position: absolute;
bottom: auto;
}
.headings-wrap {
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
}
.headings-wrap.home {
flex-wrap: nowrap;
width: 800px;
margin-top: 15px;
margin-bottom: 0;
}
.space {
color: #fff;
text-align: center;
letter-spacing: 25px;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
font-family: Amstelvar roman yopqmin;
font-size: 90px;
line-height: 90px;
}
.heading1, .heading2, .heading3, .heading4, .heading5, .heading6, .heading7, .heading8 {
color: #fff;
text-align: center;
letter-spacing: 25px;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 90px;
font-weight: 400;
line-height: 90px;
}
.scroll {
height: 500vw;
overflow: visible;
}
.scroll.core-values {
height: 935vw;
display: block;
}
.scroll.timeline {
height: 450vw;
display: block;
}
.scroll.brand-story {
width: auto;
height: 150vw;
}
.sections-wrapper {
width: 400vw;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.sections-wrapper.timeline {
color: #ffffff08;
flex-direction: row;
align-items: stretch;
width: auto;
max-width: none;
margin-top: 0;
margin-bottom: 0;
font-family: "Amstelvar roman opsz 36";
display: flex;
position: fixed;
left: 0;
overflow: hidden;
}
.sections-wrapper.contact-wrapper {
z-index: 10;
background-color: #fff;
background-image: linear-gradient(#fffffff0, #fffffff0);
background-position: 0 0;
background-size: auto;
flex-direction: column;
width: 100vw;
height: auto;
display: flex;
position: static;
inset: 0% auto auto 0%;
overflow: hidden;
}
.brand-story {
z-index: -1;
background-color: #fff;
background-image: none;
background-position: 0 0;
flex: none;
width: auto;
height: 100vh;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
}
.timeline-video-section {
background-color: var(--azure);
background-image: linear-gradient(#00000070, #00000070), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, 100% 100%;
background-attachment: scroll, scroll;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: relative;
left: 0;
}
.timeline-video-section.timeline {
background-image: linear-gradient(#05192bed, #05192bed), linear-gradient(#02020230, #02020230), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fcdc2f1a80b962d2f083839_milestone-background.jpg");
background-position: 0 0, 0 0, 50%;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
background-attachment: scroll, scroll, scroll;
flex-direction: row;
flex: none;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
padding-left: 0;
display: flex;
position: relative;
}
.cursor-wrapper {
z-index: 0;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
overflow: visible;
}
.cursor-dot {
z-index: 999999999;
opacity: 1;
background-color: #ffffffe0;
border-radius: 50%;
width: 14px;
height: 14px;
position: static;
inset: 0%;
}
.cursor-circle {
z-index: 1;
background-color: #0000;
border: .5px solid #fff3;
border-radius: 50%;
width: 60px;
height: 60px;
display: block;
position: fixed;
}
.body-2 {
background-color: var(--flesh);
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: block;
position: relative;
}
.body-4 {
background-color: #fff;
}
.hidden-heading-by-letter {
display: none;
}
.core-description-wrapper {
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: static;
}
.core-description-wrapper.core-values-wrapper---adjusted {
width: 60vw;
margin-left: 5vw;
}
.core-description-wrapper._1 {
width: 110vw;
padding-left: 0;
padding-right: 0;
}
.heading-19 {
opacity: 1;
color: var(--medyo-black);
text-align: left;
font-family: "Creamfont 1";
font-size: 48px;
font-weight: 400;
line-height: 56px;
}
.div-block-72 {
color: #0000;
background-color: #33b2f8;
border: 1px #000;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
transition: transform .4s;
display: none;
box-shadow: 0 6px 8px -2px #00000030;
}
.div-block-72:hover {
transform: translate(0, -5px);
}
.div-block-76 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 110vw;
height: 100%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
top: 0;
}
.div-block-79 {
z-index: 5;
width: 60vw;
margin-left: 0;
position: relative;
top: 0;
}
.timeline-elements {
background-image: linear-gradient(#ffffffe3, #ffffffe3), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d124dd78cf24_RIO_7942.jpg");
background-position: 0 0, 50% 51%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
width: auto;
display: none;
overflow: hidden;
}
.timeline-elements.timeline-copy {
background-color: var(--flesh);
background-image: none;
background-position: 0 0;
width: auto;
display: flex;
overflow: visible;
}
.text-block-33-copy {
color: var(--blue-gray);
text-align: left;
text-align: left;
flex-direction: column;
flex: 1;
justify-content: center;
align-self: flex-start;
align-items: flex-start;
width: auto;
font-family: "Creamfont 1";
font-size: 13px;
font-weight: 400;
line-height: 20px;
display: flex;
}
.text-block-33-copy.title {
font-size: 16px;
font-weight: 400;
}
.text-block-33-copy._2022 {
width: 95%;
}
.text-block-33-copy._2021 {
width: 280%;
}
.button-13 {
background-color: var(--buttons-blue);
opacity: 1;
color: #fff;
letter-spacing: 2px;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 2px;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
height: auto;
margin-top: 25px;
margin-bottom: 0;
margin-left: 0;
padding: 10px 25px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
transition: all .4s;
display: block;
overflow: visible;
}
.button-13:hover {
transform: translate(0, -4px);
box-shadow: 0 3px 6px #00000026;
}
.heading-23 {
z-index: 999999;
opacity: 1;
color: #fff;
letter-spacing: 0;
text-shadow: none;
margin-top: 0;
margin-bottom: 2px;
font-family: "Creamfont 1";
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
position: static;
}
.heading-23.en {
letter-spacing: 0;
margin-bottom: 0;
padding-left: 5px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.tagline {
opacity: .6;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 24px;
}
.card-headline {
color: #fff;
margin-top: 0;
font-family: "Creamfont 1";
font-size: 18px;
font-weight: 400;
position: relative;
}
.btn {
float: none;
color: #fff;
text-align: center;
background-color: #1991eb;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 10px;
padding: 11px 25px;
line-height: 24px;
transition: color .2s, box-shadow .2s, background-color .2s, transform .4s;
display: inline-block;
}
.btn:hover {
color: #fff;
background-color: #1386dd;
border-color: #0c6eb8;
transform: translate(0, -2px);
box-shadow: 0 1px 3px #0000001a;
}
.btn:active {
transform: translate(0, -1px);
box-shadow: 0 1px 1px #0000001a;
}
.btn.btn-white {
color: #111212;
background-color: #fff;
align-items: flex-end;
display: inline-block;
}
.btn.btn-white.blog2-card-cta {
text-transform: uppercase;
border-radius: 2px;
width: auto;
height: auto;
padding: 9px 20px;
font-family: Montserrat, sans-serif;
display: block;
position: absolute;
bottom: 20px;
left: 30px;
}
.btn.btn-white.blog2-card-cta:hover {
background-color: #fffc;
}
.wrap {
width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.wrap.w50 {
margin-top: 36px;
padding-top: 0;
padding-bottom: 0;
}
.blog-section---template-d {
padding-top: 0;
padding-bottom: 48px;
position: relative;
}
.media-wrapper {
background-color: #0000;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.media {
background-color: var(--flesh);
-webkit-text-fill-color: inherit;
background-clip: border-box;
justify-content: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
}
.med-photo-wrapper {
background-color: #0000;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.div-block-112 {
color: #fff;
text-align: center;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1904878cf4b_mika-baumeister--ik4J32DUyI-unsplash.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
justify-content: center;
align-items: flex-end;
width: 243px;
height: 340px;
margin-right: 120px;
padding-bottom: 50px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: transform .4s;
display: none;
position: relative;
top: 45px;
}
.div-block-112:hover {
transform: translate(0, -6px);
}
.facebook-page-wrapper {
width: 540px;
height: 340px;
position: relative;
top: 0;
}
.html-embed-4 {
width: 100%;
height: 100%;
position: relative;
}
.facebook-icon-colored {
width: 55px;
height: 55px;
position: absolute;
bottom: -41px;
left: 231px;
right: 0;
}
.line-icon-colored {
width: 60px;
height: 60px;
position: absolute;
bottom: -41px;
left: 84px;
}
.heading-26 {
z-index: -2;
opacity: .4;
color: var(--blue-gray);
border-radius: 0;
font-family: Montserrat, sans-serif;
font-size: 120px;
font-weight: 400;
line-height: 120px;
display: none;
position: absolute;
top: auto;
bottom: 0;
left: 197px;
}
.event-registration {
background-color: #0000;
justify-content: center;
align-items: center;
width: 100vw;
height: 320px;
margin-right: 10vw;
display: flex;
transform: skew(0deg);
}
.event-registration.banner {
background-color: var(--lichen-blue);
background-image: linear-gradient(#05192be0, #05192be0), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1d3dc78d020_DSC_3510.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
height: 350px;
margin-right: 0;
display: none;
}
.full-services-form-wrapper {
justify-content: center;
align-items: center;
width: 45vw;
height: 100%;
padding-left: 0;
padding-right: 0;
display: none;
position: relative;
left: -60px;
}
.text-field {
border-style: none none solid;
border-width: 1px 1px .5px;
border-color: black black var(--blue-gray);
text-align: left;
background-color: #0000;
border-radius: 0;
width: 200px;
height: 50px;
margin-bottom: 0;
padding: 15px 0;
font-family: Montserrat, sans-serif;
line-height: 18px;
}
.text-field-2 {
border-style: none none solid;
border-width: 1px 1px .5px;
border-color: black black var(--blue-gray);
background-color: #0000;
border-radius: 0;
height: 50px;
margin-bottom: 0;
padding: 15px 0;
font-family: Montserrat, sans-serif;
}
.div-block-115 {
z-index: 5;
background-color: #fff;
border-radius: 5px;
flex-direction: column;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 45vw;
height: 80vh;
padding: 40px 50px;
display: flex;
position: static;
box-shadow: 0 2px 13px -4px #0000001a;
}
.div-block-115.appointment-form {
box-shadow: none;
background-color: #0000;
height: 80vh;
position: absolute;
top: 0;
}
.submit-button {
background-color: var(--buttons-blue);
border-radius: 2px;
height: 50px;
margin-top: 40px;
padding: 15px 45px;
font-family: Montserrat, sans-serif;
font-weight: 500;
}
.submit-button.new-submit-button {
display: inline-block;
}
.submit-button.new-submit-button.form1 {
margin-top: 25px;
}
.form {
grid-column-gap: 25px;
grid-row-gap: 30px;
flex-direction: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
height: auto;
display: grid;
}
.dropdown-toggle {
border-style: none none solid;
border-width: 1px 1px .5px;
border-color: #cecece #cecece var(--blue-gray);
color: #818181;
background-color: #0000;
border-radius: 0;
align-items: center;
width: 100%;
height: 50px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: Montserrat, sans-serif;
display: flex;
}
.dropdown-2 {
width: 100%;
margin-bottom: 0;
}
.dropdown-link, .dropdown-link-2 {
width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
font-family: Montserrat, sans-serif;
font-weight: 400;
}
.dropdown-link-3 {
width: 100%;
height: auto;
margin-left: 0;
font-family: Montserrat, sans-serif;
}
.div-block-111-copy {
color: #fff;
width: 100%;
margin-right: 0;
}
.map-sample {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62834b5bdb5e085f230e05f1_Screen%20Shot%202022-05-17%20at%203.14.20%20PM.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1445178d011_%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7%202020-10-05%20%E4%B8%8B%E5%8D%881.24.18.png");
background-position: 50%, 50%;
background-repeat: repeat, no-repeat;
background-size: cover, cover;
width: 100%;
height: 100vh;
}
.map {
z-index: -999999;
background-color: #0000;
align-items: center;
width: 100vw;
display: flex;
position: relative;
}
.div-block-119 {
z-index: 900000;
box-shadow: none;
color: #fff;
background-color: #0000;
border-radius: 0;
width: 100%;
height: auto;
padding: 40px 0;
position: static;
left: 348px;
right: 0;
}
.div-block-120 {
background-color: var(--lichen-blue);
flex-direction: column;
justify-content: center;
align-items: center;
width: 500px;
height: 100vh;
padding-left: 5vw;
padding-right: 50px;
display: flex;
position: relative;
}
.image-27 {
filter: invert();
width: 25px;
height: 25px;
}
.div-block-121 {
margin-bottom: 25px;
display: flex;
}
.div-block-121.new {
margin-bottom: 0;
}
.text-block-38 {
color: #fff;
align-self: center;
margin-left: 10px;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
}
.link, .link-2 {
color: #fff;
font-family: Montserrat, sans-serif;
text-decoration: none;
}
.home-heading-en {
color: #fff;
text-align: center;
margin-top: 0;
font-family: "Creamfont 1";
font-size: 72px;
font-weight: 400;
line-height: 84px;
}
.home-heading-en.en {
opacity: 1;
color: #8b8b8b;
letter-spacing: 0;
flex: none;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 36px;
}
.home-heading-en.en.fade-up {
margin-top: 0;
}
.div-block-141 {
z-index: 91;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-items: center;
width: 100%;
min-width: 100%;
max-width: 100%;
display: flex;
position: relative;
overflow: visible;
}
.menu-login-wrapper {
flex-wrap: nowrap;
flex: 0 auto;
justify-content: space-around;
align-items: center;
display: flex;
position: relative;
overflow: visible;
}
.tabs {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.tabs.tabs-no-padding {
padding-left: 0;
padding-right: 0;
}
.tab-link-tab-3 {
opacity: .5;
text-align: center;
background-color: #0000;
border-radius: 2px;
width: auto;
height: auto;
margin-left: 30px;
font-size: 16px;
line-height: 24px;
}
.tab-link-tab-3.w--current {
border-style: none none solid;
border-width: 1px 1px 2px;
border-color: black black var(--blue-gray);
opacity: 1;
background-color: #0000;
}
.tab-link-tab-1 {
opacity: .5;
text-align: center;
background-color: #0000;
width: auto;
height: auto;
margin-left: 30px;
}
.tab-link-tab-1.w--current {
border-bottom: 2px solid var(--blue-gray);
opacity: 1;
text-align: center;
background-color: #0000;
border-radius: 2px;
width: auto;
height: auto;
font-size: 16px;
line-height: 24px;
}
.text-block-40 {
font-family: "Creamfont 1";
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.text-block-40.en {
text-align: center;
flex: none;
align-self: stretch;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 24px;
display: block;
}
.text-block-40.en.left {
text-align: left;
}
.text-block-40.blog-zh {
text-align: center;
letter-spacing: 4.5px;
}
.text-block-40.blog-zh.left {
text-align: left;
}
.text-block-42 {
letter-spacing: 5px;
font-family: "Creamfont 1";
}
.tabs-menu {
opacity: 1;
margin-bottom: 20px;
}
.page-wrapper-contact---desktop-copy {
z-index: 1;
background-color: var(--flesh);
flex-direction: column;
width: 100vw;
display: flex;
position: sticky;
inset: 0% auto auto 0%;
overflow: hidden;
}
.page-wrapper-contact---desktop-copy.mobile-version {
display: none;
}
.heading-37 {
margin-bottom: 24px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.heading-37.zh {
font-family: "Creamfont 1";
font-size: 18px;
line-height: 24px;
}
.heading-37.en {
margin-bottom: 20px;
margin-left: 10px;
font-weight: 400;
}
.form-heading {
flex-direction: row;
width: 100%;
display: flex;
}
.image-58 {
opacity: 1;
width: 25px;
height: 25px;
}
.image-58.smaller-icon {
width: 25px;
height: 20px;
}
.image-58.smaller-icon.white {
filter: invert();
}
.image-58.blue {
transition: all .4s;
}
.image-58.blue:hover {
transform: scale(1.05);
}
.image-58.white {
filter: invert();
transition: all .4s;
}
.image-58.white:hover {
transform: scale(1.05);
}
.link-3 {
opacity: 1;
color: #000;
letter-spacing: 0;
flex: none;
margin-left: 5px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all .6s;
}
.link-3:hover {
font-weight: 500;
}
.nav-icon-link {
align-items: center;
height: auto;
margin-left: 0;
margin-right: 20px;
text-decoration: none;
display: flex;
}
.nav-icon-link.white {
width: auto;
margin-right: 20px;
}
.nav-icon-link.white.footer-links {
height: auto;
margin-left: 0;
}
.nav-icon-link.white.footer-links.hidden {
display: none;
}
.nav-icon-link.menu-links-no-padding {
margin-right: 0;
}
.menu-links {
display: flex;
}
.menu-links.white {
filter: invert();
justify-content: flex-start;
align-items: stretch;
}
.menu-details---desktio {
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
width: 80%;
height: auto;
min-height: auto;
margin-top: 25px;
padding-bottom: 0;
display: flex;
position: static;
overflow: visible;
}
.bold-text-15 {
opacity: 1;
color: var(--lichen-blue);
font-weight: 400;
line-height: 72px;
}
.bold-text-15.light {
opacity: .55;
}
.text-span-10 {
font-size: 72px;
}
.body-5 {
display: block;
}
.div-block-156 {
flex-wrap: nowrap;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
display: flex;
}
.collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 340px;
grid-template-columns: 1fr 1fr 2fr;
grid-auto-rows: 340px;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 0;
display: grid;
}
.collection-list.homelife2grid {
grid-template-columns: 2fr 1fr 1fr;
}
.collection-list.mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 340px;
grid-template-columns: 1fr 1fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-157 {
opacity: .5;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: cover;
border-radius: 5px;
width: 100%;
height: 100%;
padding: 30px;
display: block;
position: absolute;
}
.collection-item-2 {
background-color: #072744;
border-radius: 5px;
width: 100%;
display: block;
position: relative;
}
.div-block-160 {
flex-direction: column;
justify-content: flex-start;
height: 100%;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
display: flex;
}
.collection-list-wrapper {
margin-top: 20px;
}
.collection-list-wrapper.homelife2.desktop {
width: 100%;
margin-top: 0;
}
.collection-list-wrapper.all.desktop.blog-grid {
width: 100%;
}
.button-15 {
color: #fff;
letter-spacing: 1px;
background-color: #ffffff80;
border-radius: 2px;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
margin-right: 20px;
padding: 10px 15px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
transition: all .4s;
display: flex;
box-shadow: 0 1px 8px #0000001a;
}
.button-15:hover {
transform: translate(0, -4px);
}
.button-15.dark-menu-button {
z-index: 1;
background-color: #0c3e6b80;
position: relative;
}
.button-15.dark-menu-button:hover {
background-color: #0c3e6bf2;
transform: none;
}
.button-15.livetrue-green {
background-color: #0f4c3ab3;
}
.home-heading-zh {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: "Creamfont 1";
font-size: 56px;
font-weight: 400;
line-height: 7vw;
}
.home-heading-zh.blog-heading-zh {
font-size: 48px;
line-height: 8vw;
overflow: hidden;
}
.home-heading-zh.blog-heading-zh.left {
text-align: left;
}
.about-us-wrapper {
z-index: 999999;
background-color: var(--lichen-blue);
background-image: none;
background-position: 0 0;
justify-content: flex-start;
align-items: center;
width: 100vw;
height: 100vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
overflow: hidden;
}
.page-heading-zh {
z-index: 1;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-family: "Creamfont 1";
font-size: 48px;
font-weight: 400;
line-height: 56px;
position: relative;
}
.page-heading-zh.blue {
color: var(--buttons-blue);
}
.page-heading-zh.blue.classics.tricks.fade-up {
height: 50px;
margin-bottom: 0;
overflow: hidden;
}
.page-heading-zh.blue.classics.center.patent-center {
align-self: center;
}
.page-heading-zh.blue.classics.center.classic-center {
opacity: 1;
color: var(--dark-slate-grey);
align-self: center;
margin-top: 75px;
}
.page-heading-zh.adjusted {
opacity: 1;
font-size: 45px;
}
.page-heading-zh.adjusted.tricks.fade-up {
margin-bottom: 0;
line-height: 62px;
overflow: hidden;
}
.page-heading-zh.center {
text-align: center;
align-self: center;
}
.page-heading-zh.center.left-tablet {
align-self: flex-start;
}
.page-heading-zh.center.left {
opacity: 1;
align-self: flex-start;
}
.page-heading-zh.blog-blue {
color: var(--dark-slate-blue);
text-align: center;
justify-content: center;
display: flex;
}
.page-heading-zh.tricks.fade-up {
min-height: 60px;
margin-bottom: 0;
font-family: "Creamfont 1";
font-weight: 400;
line-height: 48px;
overflow: hidden;
}
.page-heading-en {
opacity: 1;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-weight: 400;
}
.page-heading-en.classics {
margin-bottom: 30px;
}
.page-heading-en.classics.blue {
color: var(--buttons-blue);
}
.page-heading-en.classics.blue.tricks.fade-up {
overflow: hidden;
}
.page-heading-en.classics.blue.center.patent-center {
align-self: center;
}
.page-heading-en.classics.blue.center.classic-center {
color: var(--livetrue-green);
-webkit-text-stroke-width: .25px;
-webkit-text-stroke-color: var(--dark-green);
align-self: center;
font-size: 25px;
}
.page-heading-en.center {
opacity: 1;
text-align: center;
align-self: flex-start;
}
.page-heading-en.center.small {
align-self: center;
font-size: 18px;
line-height: 36px;
}
.page-heading-en.center.blog-center, .page-heading-en.center.contact-center-text {
align-self: center;
}
.page-heading-en.tricks.fade-up {
overflow: hidden;
}
.page-heading-en.tricks.fade-up.corporateorg {
width: 100%;
}
.page-heading-en.big {
opacity: .5;
font-size: 36px;
line-height: 36px;
}
.page-heading-en.big.white {
opacity: .84;
}
.about-page-heading-wrapper {
z-index: 0;
color: var(--dark-slate-blue);
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 400px;
margin-left: 0;
transition: background-color .2s, opacity .2s;
display: flex;
position: relative;
}
.about-page-heading-wrapper.center {
align-items: center;
width: 100%;
}
.about-page-heading-wrapper.about-us-heading {
margin-left: 0;
}
.about-page-heading-wrapper.about-us-heading.white {
opacity: 1;
color: #fff;
}
.about-page-heading-wrapper.blue {
color: var(--buttons-blue);
}
.about-page-heading-wrapper.blue.center {
align-items: center;
}
.about-page-heading-wrapper.white {
color: #fff;
}
.paragraph-71 {
opacity: .6;
margin-top: 30px;
font-size: 16px;
line-height: 30px;
}
.hover-on-building {
opacity: 1;
filter: none;
width: 100%;
max-width: none;
height: 100%;
position: static;
inset: 0% 0% 0% auto;
}
.circles-hover-wrapper {
justify-content: center;
align-items: center;
width: 55%;
min-width: 0%;
max-width: none;
height: auto;
display: flex;
position: absolute;
bottom: auto;
right: 0%;
overflow: visible;
}
.brand-story-circle {
opacity: .7;
background-color: #fff;
border-radius: 120px;
width: 45px;
height: 45px;
position: absolute;
inset: 34px 205px auto auto;
box-shadow: 2px 2px 6px 2px #000;
}
.brand-story-circle.hover-circle {
box-shadow: none;
opacity: 1;
cursor: pointer;
background-color: #0000;
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
display: block;
position: static;
top: 8%;
right: 35%;
}
.brand-story-circle.hover-circle.mobile {
display: none;
}
.core-value-circle {
opacity: .7;
background-color: #fff;
border-radius: 120px;
width: 45px;
height: 45px;
position: absolute;
inset: 270px auto auto 109px;
box-shadow: 2px 2px 6px 2px #000;
}
.core-value-circle.hover-circle {
border: 1px none var(--pale-turquoise);
box-shadow: none;
opacity: 1;
cursor: pointer;
background-color: #0000;
width: 90px;
height: 90px;
position: static;
top: 29%;
left: 15%;
right: auto;
}
.core-value-circle.hover-circle.mobile {
display: none;
}
.milestones-circle {
opacity: .7;
background-color: #fff;
border-radius: 120px;
width: 45px;
height: 45px;
position: absolute;
inset: auto 182px 155px auto;
box-shadow: 2px 2px 6px 2px #000;
}
.milestones-circle.hover-circle {
box-shadow: none;
opacity: 1;
cursor: pointer;
background-color: #0000;
width: 90px;
height: 90px;
display: block;
position: static;
inset: auto 35% auto auto;
}
.milestones-circle.hover-circle.mobile {
display: none;
}
.small-heading---zh {
color: var(--buttons-blue);
margin-top: 110px;
margin-bottom: 5px;
font-family: "Creamfont 1";
font-size: 24px;
font-weight: 400;
line-height: 36px;
}
.small-heading---zh.white {
color: #fff;
text-align: center;
display: inline-block;
}
.small-heading---zh.white.projects-boxes, .small-heading---zh.about {
margin-top: 0;
}
.small-heading---zh.form1, .small-heading---zh.form2 {
margin-top: 24px;
}
.small-heading---zh.classics {
margin-top: 0;
font-size: 18px;
line-height: 30px;
}
.small-heading---zh.duoye, .small-heading---zh.classics-onbuilding {
margin-top: 0;
font-size: 16px;
line-height: 24px;
}
.small-heading---en {
color: var(--blue-gray);
margin-top: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.small-heading---en.white {
color: #fff;
text-align: center;
display: inline-block;
}
.small-headings-wrapper {
width: 100%;
margin-left: 0;
}
.line {
background-color: var(--buttons-blue);
width: 2px;
height: 30px;
max-height: 100%;
display: none;
}
.brand-story-wrapper {
color: #fff;
background-color: #ffffffe6;
border-radius: 2px;
flex-direction: column;
align-items: flex-start;
width: 180px;
min-width: 180px;
height: auto;
padding: 20px;
text-decoration: none;
display: block;
position: absolute;
top: 0%;
left: 100%;
right: auto;
}
.brand-story-wrapper.navbar-link {
opacity: 1;
}
.milestones-wrapper {
color: #fff;
background-color: #ffffffe6;
border-radius: 2px;
flex-direction: column;
align-self: center;
align-items: flex-start;
width: 180px;
min-width: 180px;
height: auto;
padding: 20px;
text-decoration: none;
display: block;
position: absolute;
top: 0%;
bottom: auto;
left: 100%;
}
.milestones-wrapper.navbar-link {
opacity: 1;
}
.core-wrapper {
color: #fff;
background-color: #ffffffe6;
border-radius: 2px;
flex-direction: column;
align-items: flex-start;
width: 180px;
min-width: 180px;
height: auto;
padding: 20px;
text-decoration: none;
display: block;
position: absolute;
inset: 83% auto auto -50%;
}
.core-wrapper.navbar-link {
opacity: 1;
}
.lottie-animation-6 {
z-index: 0;
opacity: 1;
width: 100%;
height: 100%;
position: absolute;
inset: auto;
}
.brand-story-hover, .milestones-hover {
opacity: 0;
filter: none;
width: 540px;
max-width: 100%;
height: 120%;
display: none;
position: absolute;
top: 0;
left: 31px;
}
.core-values-hover-image {
opacity: .8;
filter: none;
width: 540px;
max-width: 100%;
height: 120%;
display: none;
position: absolute;
top: 0;
left: 31px;
}
.div-block-168 {
display: flex;
}
.div-block-169 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d14c3d78cfe5_5ef1c6765e2a8c33ec7fe17a_DSC_3494-min.jpg");
background-position: 50%;
background-size: cover;
border-radius: 2px;
width: 100%;
height: 120px;
margin-top: 10px;
}
.div-block-169.brand-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d12a5f78cf60__RIO5950.jpg");
height: 80px;
display: block;
}
.div-block-169.core-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1dae978cf0f__RIO6864.jpg");
height: 80px;
display: block;
}
.div-block-169.milestones-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fbf2c8f208e6b1dc9bd702a_stairs.png");
height: 80px;
display: block;
}
.div-block-169.corp-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/60090ea48952131ab0363a46_corp%20org-ABOUT.png");
height: 80px;
display: block;
}
.heading---en {
margin-top: 0;
margin-bottom: 24px;
font-family: Montserrat, sans-serif;
font-weight: 400;
}
.heading---en.tricks.fade-up {
font-family: Montserrat, sans-serif;
overflow: hidden;
}
.div-block-174, .div-block-175 {
display: flex;
}
.wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
display: flex;
position: relative;
}
.section-20 {
background-image: linear-gradient(#fff, #fff);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
padding: 120px 8vw;
display: flex;
overflow: hidden;
}
.project-heading-wrapper {
color: var(--lichen-blue);
width: auto;
margin-bottom: 0;
}
.black-line {
background-color: var(--lichen-blue);
width: 250px;
height: 2px;
margin-top: 30px;
}
.black-line.case-view {
width: 100%;
}
.div-block-182 {
opacity: 1;
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-182.blue {
color: var(--dark-slate-blue);
width: 100%;
}
.div-block-183 {
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.div-block-183.dancing-mountain {
flex-direction: column;
margin-bottom: 0;
display: flex;
}
.div-block-183.dancing-mountain-copy-2 {
z-index: 1;
flex-direction: column;
margin-bottom: 20px;
display: flex;
bottom: -10%;
}
.div-block-183.dancing-mountain {
flex-direction: column;
margin-bottom: 0;
}
.div-block-183.dancing-mountain-copy-2 {
z-index: 1;
flex-direction: column;
margin-bottom: 20px;
bottom: -10%;
}
.lottie-animation-8 {
filter: invert();
width: 100px;
height: 100px;
}
.div-block-185 {
flex-direction: row;
align-items: flex-end;
width: 100vh;
margin-top: 120px;
display: flex;
position: relative;
}
.div-block-185.drow {
align-items: center;
width: 80vh;
}
.div-block-185.daning-mountain {
width: 50vw;
}
.section-21 {
border-radius: 10px;
}
.landscape-movable-sketch-descriptions {
color: #fff;
flex-direction: row;
align-items: center;
width: auto;
display: flex;
position: absolute;
top: 21%;
left: auto;
right: -20%;
}
.landscape-movable-sketch-descriptions._2 {
top: 48%;
right: -20%;
}
.landscape-movable-sketch-descriptions._2.duoye {
right: -24%;
}
.landscape-movable-sketch-descriptions._2.langlang2 {
top: 45%;
right: -27%;
}
.landscape-movable-sketch-descriptions._2.dancing-mountain {
right: -5%;
}
.landscape-movable-sketch-descriptions._2.dancing-mountain.right-adjusted {
right: -25%;
}
.landscape-movable-sketch-descriptions._3 {
top: 15%;
left: -150px;
right: auto;
}
.landscape-movable-sketch-descriptions._3.langlang3 {
top: 5%;
left: -20%;
right: auto;
}
.landscape-movable-sketch-descriptions._3.dancing-mountain-left {
left: -15%;
}
.landscape-movable-sketch-descriptions._4 {
inset: auto auto 36% -150px;
}
.landscape-movable-sketch-descriptions._4.langlang4 {
flex: 0 auto;
top: 45%;
bottom: auto;
left: -36%;
}
.landscape-movable-sketch-descriptions._4.langlang4.dancing-mountain {
left: -31%;
right: auto;
}
.landscape-movable-sketch-descriptions.duoye {
right: -18%;
}
.landscape-movable-sketch-descriptions.langlang {
top: 20%;
right: -25%;
}
.landscape-movable-sketch-descriptions.dancing-mountain {
left: auto;
right: -10%;
}
.landscape-movable-sketch-descriptions.dancing-mountain.right-adjusted {
right: -25%;
}
.description-wrapper {
color: var(--lichen-blue);
flex-direction: column;
flex: none;
justify-content: center;
align-self: center;
align-items: stretch;
width: auto;
height: auto;
display: flex;
}
.description-wrapper:hover {
color: #05192b;
}
.description-wrapper.short-text {
width: 180px;
margin-right: 12px;
}
.description-wrapper._180px {
width: auto;
}
.div-block-188 {
background-color: var(--blue-gray);
color: var(--blue-gray);
width: 96px;
height: 1px;
margin-right: 0;
}
.project-gallery {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 5px;
width: 100%;
height: 480px;
}
.project-gallery.langlang-main {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fbf320b2d07ef600eb88900_langlnag.jpg");
background-position: 50%;
width: 100%;
height: 500px;
}
.project-gallery.langlang-main.div-block-7 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
}
.project-gallery.duoye1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a2ed5051ee40dc1086fd_duoye-C.jpg");
background-position: 50%;
width: 100%;
height: 500px;
}
.project-gallery.drow1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a92e0b4ba00a997d99d2_drow-I.jpg");
background-position: 50%;
width: 100%;
height: 500px;
display: none;
}
.project-gallery.langlang4, .project-gallery.langlang3 {
width: 100%;
height: 280px;
}
.project-gallery.langlang1, .project-gallery.langlang2 {
background-image: none;
width: 100%;
}
.project-gallery.gallery-stretch {
height: 100%;
}
.headings-wrapper {
color: #fff;
display: inline-block;
}
.headings-wrapper.center {
box-sizing: border-box;
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: 2.39;
opacity: 1;
text-align: center;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: auto;
max-width: none;
height: 50%;
max-height: 100%;
margin-top: 140px;
margin-bottom: 30px;
margin-left: 0;
padding-right: 0;
display: flex;
}
.headings-wrapper.center.privacy-center {
text-align: center;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: center;
}
.par--zh---16 {
opacity: .5;
font-size: 16px;
line-height: 24px;
}
.par--zh---16.blue {
color: var(--dark-slate-grey);
}
.par--zh---16.blue.center-reduced {
text-align: center;
width: 60%;
}
.par--zh---16.white {
color: #fff;
position: static;
}
.par--zh---16.dark-text {
opacity: .6;
color: var(--lichen-blue);
font-size: 18px;
line-height: 30px;
}
.par--zh---16.spaced-above {
margin-top: 48px;
}
.par---en---16 {
opacity: .5;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 24px;
}
.par---en---16.blue {
color: var(--blue-gray);
line-height: 24px;
}
.par---en---16.blue.center {
color: var(--dark-slate-grey);
}
.par---en---16.white-par {
color: #fff;
font-weight: 400;
}
.par---en---16.white-par.arrow-text.tricks.fade-up2 {
opacity: .5;
}
.classics-link {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1413478cf66_20130717-27.jpg");
background-position: 50%;
background-size: cover;
height: 280px;
}
.classics-link.langlang {
background-image: linear-gradient(#0c3e6b59, #0c3e6b59), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fbf320b2d07ef600eb88900_langlnag.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 4px;
width: 100%;
height: 100%;
text-decoration: none;
position: relative;
}
.classics-link.langlang.navbar-link.livetrue-green-overlay {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#08332673, #08332673);
background-position: 50%, 0 0;
background-size: cover, auto;
height: 320px;
}
.nav-links-wrapper {
z-index: 2;
color: var(--lichen-blue);
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
}
.nav-links-wrapper.hidden {
display: none;
}
.link-4 {
color: #fff;
text-align: center;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.link-4:hover {
transform: rotate(0);
}
.link-4.w--current {
color: #fff;
width: 100px;
margin-right: 25px;
font-weight: 600;
}
.link-4.navbar-link {
width: 80px;
margin-right: 20px;
font-size: 14px;
}
.classics-hover-overlay {
background-image: linear-gradient(#05192bb0, #05192bb0);
border-radius: 4px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.classics-hover-overlay.livetrue-green-overlay {
background-image: linear-gradient(#05192bb0, #05192bb0);
display: flex;
}
.div-block-198 {
width: 100%;
margin-top: 50px;
}
.div-block-199 {
margin-top: 30px;
}
.arrow-right-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-end;
height: 100%;
padding-right: 0;
display: flex;
position: absolute;
inset: 0% 5% 0% auto;
}
.lottie-animation-9 {
z-index: 0;
width: 200px;
height: 200px;
position: absolute;
transform: rotate(-90deg);
}
.page-wrapper {
flex-direction: row;
width: auto;
height: 100vh;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.page-wrapper.corevalues {
width: 835vw;
min-width: 0;
position: fixed;
overflow: hidden;
}
.page-wrapper.brand-story {
z-index: 1;
width: 482vw;
position: sticky;
overflow: hidden;
}
.page-wrapper.brand-story.no-padding {
width: 665vw;
position: fixed;
overflow: visible;
}
.brand-story-section {
background-color: var(--azure);
background-image: linear-gradient(#00000070, #00000070), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, 100% 100%;
background-attachment: scroll, scroll;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: relative;
left: 0;
}
.brand-story-section.brandstory {
background-image: linear-gradient(#05192bed, #05192bed), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d13e0278cfda_016.jpg"), linear-gradient(#02020230, #02020230);
background-position: 0 0, 50%, 0 0;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, cover, auto;
background-attachment: scroll, scroll, scroll;
flex-direction: row;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
padding-left: 0;
display: flex;
position: relative;
}
.brand-story-section.brandstory.padding {
background-image: linear-gradient(#05192bed, #05192bed), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc9fc70efea1b2085163f5b_brand-story-background.jpg"), linear-gradient(#02020230, #02020230);
background-position: 0 0, 50%, 0 0;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, cover, auto;
background-attachment: scroll, scroll, scroll;
position: relative;
}
.core-value-section-copy {
background-color: var(--azure);
background-image: linear-gradient(#00000070, #00000070), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, 100% 100%;
background-attachment: scroll, scroll;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: relative;
left: 0;
}
.core-value-section-copy.corevalue {
background-image: linear-gradient(#05192bed, #05192bed), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1dae978cf0f__RIO6864.jpg"), linear-gradient(#02020230, #02020230);
background-position: 0 0, 50%, 0 0;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, cover, auto;
background-attachment: scroll, scroll, scroll;
flex-direction: row;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
padding-left: 0;
display: flex;
position: relative;
}
.core-values---new {
background-image: linear-gradient(to bottom, var(--flesh), var(--flesh)), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
width: auto;
padding-left: 0;
display: flex;
position: relative;
}
.brand-story-image-2 {
background-image: linear-gradient(#05192bed, #05192bed), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6012559197f872707ca8287e_core-value-updated.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
}
.div-block-202 {
width: 100vw;
height: 100vh;
}
.core-values-wrapper {
background-image: linear-gradient(to bottom, var(--flesh), var(--flesh)), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
align-items: center;
width: auto;
padding: 6vw;
display: flex;
position: relative;
}
.core-values-wrapper._2nd {
align-items: center;
width: auto;
padding-left: 6vw;
padding-right: 6vw;
overflow: hidden;
}
.core-value-image-1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d17bc378cf4f_20130717-37.jpg");
background-position: 50% 100%;
background-size: cover;
width: 50vw;
height: 100%;
position: absolute;
inset: 0%;
}
.contact-us-section {
background-color: var(--azure);
background-image: linear-gradient(#00000070, #00000070), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, 100% 100%;
background-attachment: scroll, scroll;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: relative;
left: 0;
}
.contact-us-section.contact-us {
background-image: linear-gradient(to top, #fff 9%, #ffffffe0 41%, #ffffffde), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1ba9e78cf12__RIO5961.jpg");
background-position: 0 0, 50% 69%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
flex-direction: row;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
height: 350px;
padding-left: 0;
display: flex;
position: relative;
}
.lottie-animation-10 {
width: 40px;
height: 40px;
}
.link-block-6 {
background-image: linear-gradient(to bottom, var(--blue-gray), var(--blue-gray));
color: #fff;
align-items: center;
margin-top: 20px;
padding: 10px 10px 10px 20px;
text-decoration: none;
display: flex;
}
.link-block-6.adjusted {
width: auto;
height: auto;
}
.core-value-image-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d10b1f78cf59_20130717-25.jpg");
background-position: 50%;
background-size: cover;
width: 50vw;
height: 100%;
position: absolute;
}
.core-value-image-3 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d140ae78cf40_5ef1c42906fdb162cf2cd95b__RIO6938.jpg");
background-position: 50%;
background-size: cover;
width: 50vw;
height: 100%;
position: absolute;
}
.timeline-scroll-new {
width: auto;
height: 100vh;
display: flex;
position: relative;
}
.timeline-scroll-new.mobile {
display: none;
}
.timeline-scroll-new.desktop.milestones-center {
align-self: center;
align-items: center;
display: flex;
}
.new-years-wrapper {
width: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: static;
}
.year-wrapper-new {
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 25vw;
height: 100%;
display: flex;
position: static;
}
.year-wrapper-new._2012, .year-wrapper-new._2017, .year-wrapper-new._2019 {
display: none;
}
.year-blue-wrapper {
background-color: var(--lichen-blue);
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fcdc8f6c5248e085b2d62e5_natalia-y-YqeS71-42c4-unsplash.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: center;
align-self: center;
align-items: flex-start;
width: 100%;
height: 25vh;
padding-left: 0;
display: flex;
position: relative;
}
.year-blue-wrapper.above {
align-items: flex-start;
}
.year-blue-wrapper.above._2010 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d11ac078cfd0_011.jpg");
background-position: 0 0, 50%;
justify-content: center;
align-self: center;
align-items: flex-start;
padding-left: 0;
position: relative;
}
.year-blue-wrapper.above._2012 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc33301e4b2227b6779986f_03.jpg");
background-position: 0 0, 50%;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
padding-left: 0%;
}
.year-blue-wrapper.above._2014 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1004e78cf56_20130717-94.jpg");
background-position: 0 0, 50%;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-left: 0;
}
.year-blue-wrapper.above._2016 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d15b6978cf5f_20130717-95.jpg");
background-position: 0 0, 50%;
align-items: flex-end;
padding-left: 0;
}
.year-blue-wrapper.above._2018 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d14bb078cfcb_04.jpg");
background-position: 0 0, 50%;
justify-content: flex-start;
align-items: flex-start;
padding-left: 0%;
}
.year-blue-wrapper.above._2020 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc33361c755c658241933c2_DSC_3510.jpg");
background-position: 0 0, 50%;
align-items: flex-end;
padding-left: 0;
}
.year-blue-wrapper.above._2021 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc33361c755c658241933c2_DSC_3510.jpg");
background-position: 0 0, 50%;
align-items: flex-start;
padding-left: 0%;
}
.year-blue-wrapper._2011 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fcdc8f6c5248e085b2d62e5_natalia-y-YqeS71-42c4-unsplash.jpg");
background-position: 0 0, 50%;
flex-direction: column;
justify-content: flex-end;
align-self: center;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.year-blue-wrapper._2011.first {
padding-left: 5%;
}
.year-blue-wrapper._2013 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d15b6978cf5f_20130717-95.jpg");
background-position: 0 0, 50%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 0;
}
.year-blue-wrapper._2015 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d181c378cf57_20130717-42.jpg");
background-position: 0 0, 50%;
justify-content: flex-end;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.year-blue-wrapper._2017 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1fba278cf53_DSC_8283.jpg");
background-position: 0 0, 50%;
justify-content: center;
align-items: flex-end;
padding-left: 0;
}
.year-blue-wrapper._2019 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1561078d01b_RIO_6763.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: flex-start;
align-items: flex-end;
padding-left: 0;
padding-right: 0;
}
.timeline-heading {
color: #fff;
text-align: right;
cursor: pointer;
border: 1px #000;
flex: none;
justify-content: center;
width: auto;
max-width: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
font-family: Montserrat, sans-serif;
font-size: 72px;
font-weight: 600;
line-height: 70px;
display: flex;
position: absolute;
}
.div-block-208 {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
top: 110%;
bottom: auto;
}
.div-block-208.above {
flex-direction: column;
align-items: flex-start;
width: 100%;
padding-left: 0;
padding-right: 0;
top: auto;
bottom: 110%;
}
.div-block-208.above.bottom-align {
align-items: flex-start;
width: auto;
top: auto;
bottom: 110%;
}
.div-block-208.above.bottom-align.horizontal {
align-items: center;
width: 100%;
}
.div-block-208.above.bottom-align.horizontal._2010 {
top: auto;
bottom: 110%;
}
.div-block-208.above.bottom-align.horizontal._2010.top-align {
flex-direction: row;
}
.div-block-208.above.adjusted-2016 {
flex: 0 auto;
height: auto;
margin-top: 0;
top: auto;
}
.div-block-208.above._2020 {
width: 90%;
}
.div-block-208.above._2020.horizontal {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.div-block-208.above._2020.horizontal._2020-adjusted {
flex-direction: row;
}
.div-block-208.above.horizontal {
flex-direction: column;
align-items: flex-start;
text-decoration: none;
top: 110%;
bottom: auto;
}
.div-block-208.above._2021 {
width: 90%;
}
.div-block-208.above._2021.horizontal {
flex-direction: row;
width: 100%;
top: auto;
bottom: 110%;
}
.div-block-208.above._2021.horizontal.top-align.hidden {
align-self: auto;
align-items: flex-end;
display: flex;
}
.div-block-208.top-align {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: 0;
padding-left: 0;
padding-right: 0;
top: 110%;
bottom: auto;
}
.div-block-208.top-align.adjusted-2015 {
align-items: flex-start;
height: auto;
text-decoration: none;
top: auto;
bottom: 110%;
}
.div-block-208.top-align.adjusted-2015.hidden {
flex-direction: column;
width: 100%;
display: flex;
}
.div-block-208.top-align.adjusted-2013-copy {
opacity: 1;
margin-top: 50px;
padding-right: 0;
inset: auto 0% -75%;
}
.div-block-208.top-align.center {
text-align: center;
flex-direction: column;
justify-content: center;
}
.div-block-208.top-align._2013 {
align-items: flex-start;
height: auto;
top: auto;
bottom: 110%;
}
.div-block-208.top-align._2013.horizontal {
flex-direction: row;
align-items: flex-end;
text-decoration: none;
top: auto;
bottom: 110%;
}
.div-block-208.top-align._2013.horizontal.hidden {
width: 100%;
display: flex;
}
.div-block-208.top-align._80 {
align-self: auto;
width: 80%;
}
.div-block-208.bottom-2020 {
margin-top: 0;
padding-left: 0;
bottom: -75px;
}
.div-block-208.bottom-2020._2022 {
padding-right: 0%;
}
.div-block-208.above-2 {
flex-direction: column;
align-items: flex-start;
width: 100%;
padding-left: 0;
padding-right: 0;
top: auto;
bottom: 110%;
}
.lightbox-link {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d150fe78cfcd_010.jpg");
background-position: 50%;
background-size: cover;
margin-right: 20px;
}
.lightbox-link._2003 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc333b31417910809306679_5f56e29eac2605087d9de266_08.jpg");
width: 120px;
height: 120px;
overflow: hidden;
}
.lightbox-link._2010 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc335b00ef9e66769df8c90_01.jpg");
width: 150px;
height: 100px;
margin-bottom: 12px;
}
.lightbox-link._2011 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc332ca377fbe4072c6d505_5f56e29e00f5c310bfa6317c_02.jpg");
width: 150px;
height: 100px;
}
.lightbox-link._2012 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc33301e4b2227b6779986f_03.jpg");
width: 150px;
height: 100px;
}
.lightbox-link._2013 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fcdcefa2eaeca095f6d6eac_20130717-27.jpg");
flex: none;
width: 100px;
height: 120px;
}
.lightbox-link._2014 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fcdcef98faed23c8e0fa77d__RIO6865.jpg");
width: 150px;
height: 100px;
}
.lightbox-link._2015 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fcdd91725d467a7282a8036_DSC_2635.jpg");
flex: none;
width: 150px;
height: 100px;
}
.lightbox-link._2016 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1b49578d028_5ef1c3198239d121b8c639bd_RIO_8529-min.jpg");
flex: none;
width: 150px;
height: 100px;
display: none;
}
.lightbox-link._2018 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc334431c29733d26f63898_012.jpg");
width: 150px;
height: 100px;
}
.lightbox-link._2019 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc33416f7e1554d7b8a0d67_014.jpg");
width: 150px;
height: 100px;
}
.lightbox-link._2020 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc333dcbd65e8fb44829486_5f599f704862f180dccc5fc1_1004_1.jpg");
flex: none;
width: 100px;
height: 120px;
}
.lightbox-link._2003 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fd72078e77af941f6d6a10c_2003-photo.jpg");
width: 100px;
height: 120px;
}
.lightbox-link.drow {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a92dce7bca3583c7fcf8_drow-H.jpg");
background-position: 39%;
width: 100px;
height: 120px;
margin-bottom: 10px;
}
.lightbox-link._2017 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fe9920a33bab9596230ee34_taiwan%20sports%20logo.png");
width: 150px;
height: 100px;
}
.lightbox-link._2021 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/60125d825021fbe938a66b6b_2021%20milestone%20photo.png");
flex: none;
width: 100px;
height: 120px;
}
.header-title-wrapper {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d11e5a78cf4e_5ef1c95b685073595096a357_RIO_7942.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.header-title-wrapper.news {
box-shadow: none;
opacity: 1;
background-image: none;
background-position: 0 0;
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.header-title-wrapper.news.show {
background-image: linear-gradient(#05192bf0, #05192bf0), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d140ae78cf40_5ef1c42906fdb162cf2cd95b__RIO6938.jpg");
background-position: 0 0, 50%;
}
.header-title-wrapper.blog-page {
background-image: linear-gradient(#ffffffeb, #ffffffed 47%, #fffffffa 84%, #fff), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d11e5a78cf4e_5ef1c95b685073595096a357_RIO_7942.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.div-block-211 {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: linear-gradient(#05192ba1, #05192ba1), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1f18478cfd3_09.JPG");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 5px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 85%;
height: 380px;
margin-bottom: 50px;
padding: 50px;
display: grid;
}
.div-block-211.patent1 {
background-color: var(--lichen-blue);
background-image: linear-gradient(#05192b80, #05192b80), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1105f78cfd5_05.jpg");
width: 100%;
height: 400px;
margin-bottom: 84px;
position: static;
}
.div-block-211.core1 {
grid-column-gap: 2vw;
background-image: linear-gradient(#05192bb3, #05192bb3), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1502178cf63__RIO6846.jpg");
grid-template-columns: 1fr;
width: 50vw;
height: 80vh;
margin-bottom: 0;
margin-right: 4vw;
padding: 25px;
}
.div-block-211.core-2 {
background-image: linear-gradient(#05192bb3, #05192bb3), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d17bc378cf4f_20130717-37.jpg");
background-position: 0 0, 50% 100%;
grid-template-columns: 1fr;
width: 50vw;
height: 80vh;
margin-bottom: 0;
margin-right: 4vw;
padding: 25px;
}
.div-block-211.core3 {
background-image: linear-gradient(#05192bb3, #05192bb3), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc386e47c6283c5cdba4661__RIO5961.jpg");
grid-template-columns: 1fr;
width: 50vw;
height: 80vh;
margin-bottom: 0;
margin-right: 0;
padding: 25px;
}
.div-block-211.core1a {
background-image: linear-gradient(#05192bb3, #05192bb3), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc38712b30cf9f8858426ba_DSC_2319.jpg");
grid-template-columns: 1fr;
width: 50vw;
height: 80vh;
margin-bottom: 0;
margin-right: 4vw;
padding: 25px;
}
.div-block-211.core2a {
background-image: linear-gradient(#05192bb3, #05192bb3), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1e54c78cf08_DSC_8144.jpg");
grid-template-columns: 1fr;
width: 50vw;
height: 80vh;
margin-bottom: 0;
margin-right: 4vw;
padding: 25px;
}
.div-block-211.core3a {
background-image: linear-gradient(#05192bb3, #05192bb3), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1b84078cf28_RIO_6755.jpg");
grid-template-columns: 1fr;
width: 50vw;
height: 80vh;
margin-bottom: 0;
margin-right: 0;
padding: 25px;
}
.div-block-211.patent1 {
-webkit-text-fill-color: inherit;
background-color: #05192b80;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
background-clip: border-box;
width: 100%;
height: 400px;
margin-bottom: 84px;
position: relative;
}
.last-core {
background-image: linear-gradient(to bottom, var(--flesh), var(--flesh)), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
align-items: center;
width: 100vw;
height: 100vh;
padding-left: 0;
display: flex;
position: relative;
}
.button-16 {
background-color: var(--buttons-blue);
border-radius: 2px;
flex: 0 auto;
width: auto;
height: auto;
margin-top: 20px;
padding: 10px 20px;
display: inline-block;
}
.button-16.new-case-button {
color: var(--buttons-blue);
background-color: #fff;
padding-top: 15px;
padding-bottom: 15px;
font-weight: 500;
}
.button-16.new-case-button.blue {
background-color: var(--buttons-blue);
color: #fff;
border-radius: 3px;
justify-content: center;
align-items: center;
margin-top: 15px;
font-family: "Creamfont 1";
transition: all .4s;
display: flex;
}
.button-16.new-case-button.blue:hover {
background-color: var(--dark-slate-blue);
}
.button-16.new-case-button.blue.en {
justify-content: center;
align-self: flex-start;
width: auto;
font-family: Montserrat, sans-serif;
}
.button-16.new-case-button.blue.en.center-btn {
align-self: center;
}
.div-block-162-copy {
z-index: 1;
color: #fff;
flex-direction: column;
width: 400px;
display: flex;
position: relative;
}
.div-block-162-copy.center {
align-items: center;
width: auto;
}
.brand-story-image-1-wrapper {
width: 45vw;
height: 100%;
font-family: Lato, sans-serif;
position: static;
overflow: hidden;
}
.brand-story-image2-wrapper {
width: 45vw;
height: 100%;
position: static;
overflow: hidden;
}
.core-value-image-1-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5ff6d254e7dabaf3483d3872_20130717-44.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
flex: none;
justify-content: flex-start;
align-self: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
bottom: 0%;
overflow: visible;
}
.core-value-image-2-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d10b1f78cf59_20130717-25.jpg");
background-position: 50%;
background-size: cover;
align-self: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
bottom: 0%;
overflow: hidden;
}
.core-value-image-3-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc386762d07efa585c8f883_core-3.jpg");
background-position: 50%;
background-size: cover;
flex: 0 auto;
justify-content: center;
align-self: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
bottom: 0%;
overflow: hidden;
}
.div-block-229 {
background-image: linear-gradient(#05192be6, #05192be6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fd70d930b94d08094908418_milestone-end-photo.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-left: 0;
display: flex;
}
.body-6 {
background-color: var(--flesh);
}
.core-value-wrapper {
align-items: center;
width: auto;
height: 100%;
display: flex;
}
.core-divider-wrapper {
flex: 0 auto;
width: 100vw;
height: 100vh;
}
.core-divider {
background-image: linear-gradient(#05192bed, #05192bed), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d136e778cf80__RIO5564.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
}
.form-block-3 {
width: 100%;
}
.text-block-49 {
color: #000;
margin-left: 5px;
font-size: 14px;
font-weight: 600;
}
.dancing-mountain-circle {
opacity: .7;
background-color: #fff;
border-radius: 120px;
width: 45px;
height: 45px;
position: absolute;
inset: 270px auto auto 109px;
box-shadow: 2px 2px 6px 2px #000;
}
.dancing-mountain-circle.hover-circle {
border: 1px none var(--pale-turquoise);
box-shadow: none;
opacity: 1;
cursor: pointer;
background-color: #0000;
width: 100px;
height: 100px;
position: static;
top: 35%;
left: 30%;
right: auto;
}
.dancing-mountain-circle.hover-circle {
box-shadow: none;
opacity: 1;
cursor: pointer;
background-color: #0000;
border: 1px #80deea;
width: 100px;
height: 100px;
position: static;
top: 35%;
left: 30%;
right: auto;
}
.dancing-mountain-circle.hover-circle.mobile {
display: none;
}
.new-case-hover-wrapper {
color: #fff;
background-color: #0000;
border-radius: 2px;
flex-direction: column;
justify-content: space-between;
align-self: center;
align-items: center;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
position: relative;
inset: auto 5vw auto auto;
}
.new-case-wrapper-2 {
z-index: 20;
background-color: #0000;
background-image: none;
background-position: 0 0;
background-size: auto;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100vw;
height: auto;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
overflow: hidden;
}
.new-case-hero-section {
align-items: center;
width: 100vw;
height: 120vh;
padding-left: 0;
display: flex;
position: relative;
}
.text-block-50 {
color: #fff;
font-family: Montserrat, sans-serif;
font-weight: 300;
}
.contact-form {
color: #fff;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 130vh;
padding: 0 10vw;
display: flex;
position: relative;
}
.heading-40 {
text-align: center;
}
.heading-40.heading---zh {
font-weight: 400;
}
.heading-40.heading---zh.big {
margin-bottom: 24px;
font-size: 36px;
line-height: 48px;
}
.section-32 {
background-color: #3b4c8f;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb47e25b6a149af416bbb45_Layer%201%20(4).png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb47e25b6a1495feb6bbb46_Layer%201%20(5).png");
background-position: 100% 100%, 10% -5%;
background-repeat: no-repeat, no-repeat;
background-size: contain, 35%;
justify-content: center;
align-self: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-left: 5vw;
padding-right: 5vw;
display: none;
position: relative;
}
.div-block-232 {
color: #fff;
padding-top: 120px;
padding-bottom: 120px;
}
.coming-soon-heading-zh {
font-family: "Creamfont 1";
font-weight: 400;
}
.coming-soon-heading-zh.second-line {
cursor: pointer;
margin-left: 50px;
}
.div-block-238 {
color: var(--blue-gray);
text-transform: uppercase;
flex-direction: row;
align-items: center;
margin-top: 12px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: flex;
position: absolute;
inset: auto auto -15% 5vw;
}
.div-block-239 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1efac78cf07_adult-beautiful-beauty-1054422.jpg");
background-position: 50%;
background-size: cover;
border-radius: 200px;
width: 60px;
height: 60px;
margin-left: 18px;
margin-right: 18px;
display: none;
}
.news-hero-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50% 30%;
background-repeat: no-repeat;
background-size: cover;
border: 6px #fff;
width: 100%;
height: 620px;
margin-top: 72px;
margin-bottom: 72px;
}
.category {
background-image: linear-gradient(to bottom, var(--blue-gray), var(--blue-gray));
justify-content: center;
align-items: center;
width: auto;
height: 35px;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.category.latest-news {
width: auto;
margin-bottom: 16px;
}
.text-block-52 {
color: #fff;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
}
.blog-body-section {
max-width: 920px;
padding: 84px 0;
}
.text-block-53 {
font-family: "Creamfont 1";
font-size: 24px;
font-weight: 400;
line-height: 24px;
}
.div-block-241 {
color: var(--buttons-blue);
margin-bottom: 96px;
}
.div-block-242 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
margin-top: 36px;
margin-bottom: 36px;
display: grid;
}
.div-block-243 {
height: auto;
}
.text-block-54 {
font-family: Montserrat, sans-serif;
}
.section-35 {
padding-bottom: 56px;
padding-left: 6vw;
padding-right: 6vw;
}
.heading-43 {
font-size: 36px;
line-height: 48px;
}
.call-to-action {
padding-top: 100px;
padding-bottom: 100px;
}
.centered-container {
text-align: center;
flex: 1;
}
.body-7 {
flex-direction: column;
align-items: center;
display: flex;
}
.core-values---mobile {
display: none;
}
.home-button-wrapper {
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: absolute;
bottom: 20vh;
}
.text-span-15 {
opacity: .5;
}
.text-span-16 {
opacity: .5;
width: 100%;
display: block;
}
.text-span-17, .text-span-18, .text-span-19, .text-span-20 {
opacity: .5;
}
.patent-link {
color: #fff;
text-align: center;
width: 80px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.patent-link.w--current {
color: #fff;
flex: none;
width: 115px;
margin-right: 25px;
font-weight: 600;
}
.patent-link.dark-menu {
color: var(--dark-slate-blue);
}
.patent-link.dark-menu.navbar-link {
width: 80px;
}
.patent-link.dark-menu.navbar-link._100 {
width: 100px;
}
.patent-link.navbar-link {
width: 80px;
margin-right: 20px;
font-size: 14px;
}
.patent-link.navbar-link._100 {
width: 100px;
}
.patent-link.navbar-link._100.w--current {
flex: none;
width: 105px;
}
.patent-link._100 {
width: 100px;
}
.patent-link._100.navbar-link {
margin-right: 24px;
}
.about-link {
width: 80px;
transform: rotate(0);
}
.about-link.dark-menu {
color: var(--dark-slate-blue);
width: 100px;
}
.about-link.dark-menu.navbar-link {
width: 80px;
}
.about-link.navbar-link {
margin-right: 24px;
}
.class-link {
color: #fff;
text-align: center;
width: 80px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.class-link.w--current {
color: #fff;
margin-right: 25px;
font-weight: 600;
}
.class-link.dark-menu {
color: var(--dark-slate-blue);
}
.class-link.dark-menu.w--current {
opacity: 1;
color: var(--dark-slate-blue);
}
.class-link.navbar-link {
width: 80px;
margin-right: 20px;
font-size: 14px;
}
.new-case-link {
color: #fff;
text-align: center;
width: 80px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.new-case-link.w--current {
color: #fff;
margin-right: 25px;
font-weight: 600;
}
.new-case-link.dark-menu {
color: var(--dark-slate-blue);
}
.new-case-link.navbar-link {
width: 80px;
margin-right: 20px;
font-size: 14px;
}
.blog-link {
color: #fff;
text-align: center;
width: 80px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.blog-link.w--current {
color: #fff;
margin-right: 25px;
font-weight: 600;
}
.blog-link.dark-menu {
color: var(--dark-slate-blue);
}
.blog-link.navbar-link {
width: 80px;
margin-right: 20px;
font-size: 14px;
}
.contact-link {
color: #fff;
text-align: center;
width: 80px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.contact-link.w--current {
color: #fff;
margin-right: 25px;
font-weight: 600;
}
.contact-link.dark-menu {
color: var(--dark-slate-blue);
}
.contact-link.navbar-link {
margin-right: 0;
font-size: 14px;
}
.about-us {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d18b5878cf25_RIO_7903.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
justify-content: flex-start;
align-items: flex-end;
width: 160px;
height: 160px;
padding-bottom: 10px;
padding-left: 10px;
text-decoration: none;
display: flex;
box-shadow: 0 4px 12px #0006;
}
.about-us.menu-about {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc213860028ca2727345ea2_about.jpg");
align-items: flex-end;
width: 30vh;
height: 30vh;
padding-bottom: 0;
padding-left: 0;
transition: all .4s;
position: relative;
}
.about-us.menu-about:hover {
color: #fff;
border: 1.5px #fff;
box-shadow: 0 8px 18px #00000080;
}
.about-us.menu-about.w--current {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc213860028ca2727345ea2_about.jpg");
border: 2px solid #fff;
width: 30vh;
}
.about-us.menu-about.navbar-link {
width: 100%;
height: 100%;
}
.patent {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d18b5878cf25_RIO_7903.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
justify-content: flex-start;
align-items: flex-end;
width: 160px;
height: 160px;
padding-bottom: 10px;
padding-left: 10px;
text-decoration: none;
display: flex;
box-shadow: 0 4px 12px #0006;
}
.patent.menu-history {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
align-items: flex-end;
width: 30vh;
height: 30vh;
padding-bottom: 0;
padding-left: 0;
transition: all .4s;
position: relative;
}
.patent.menu-history:hover {
color: #fff;
box-shadow: 0 8px 18px #00000080;
}
.patent.menu-history.w--current {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
border: 2px solid #fff;
width: 30vh;
height: 30vh;
}
.patent.menu-history.navbar-link {
width: 100%;
height: 100%;
}
.class {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d18b5878cf25_RIO_7903.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
justify-content: flex-start;
align-items: flex-end;
width: 160px;
height: 160px;
padding-bottom: 10px;
padding-left: 10px;
text-decoration: none;
display: flex;
box-shadow: 0 4px 12px #0006;
}
.class.menu-classics {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc2131d9b588b7f43efe305_DSC_3510.jpg");
width: 30vh;
height: 30vh;
padding-bottom: 0;
padding-left: 0;
transition: all .2s;
position: relative;
}
.class.menu-classics:hover {
box-shadow: 0 8px 18px #00000080;
}
.class.menu-classics:active {
border: 1.5px solid #fff;
}
.class.menu-classics.w--current {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1d3dc78d020_DSC_3510.jpg");
border: 2px solid #fff;
width: 30vh;
height: 30vh;
}
.class.menu-classics.navbar-link {
width: 100%;
height: 100%;
}
.new-case {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d18b5878cf25_RIO_7903.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
justify-content: flex-start;
align-items: flex-end;
width: 160px;
height: 160px;
padding-bottom: 10px;
padding-left: 10px;
text-decoration: none;
display: flex;
box-shadow: 0 4px 12px #0006;
}
.new-case.menu-newcase {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc2131d868fa538a2bc0d30_RIO_6802.jpg");
background-position: 50% 100%;
background-size: cover;
width: 30vh;
height: 30vh;
padding-bottom: 0;
padding-left: 0;
transition: all .4s;
}
.new-case.menu-newcase:hover {
box-shadow: 0 8px 18px #00000080;
}
.new-case.menu-newcase.w--current {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1853178cf85_SLL_0287.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 2px solid #fff;
position: relative;
}
.new-case.menu-newcase.navbar-link {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc2131d868fa538a2bc0d30_RIO_6802.jpg");
width: 100%;
height: 100%;
}
.blog {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d18b5878cf25_RIO_7903.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
justify-content: flex-start;
align-items: flex-end;
width: 160px;
height: 160px;
padding-bottom: 10px;
padding-left: 10px;
text-decoration: none;
display: flex;
box-shadow: 0 4px 12px #0006;
}
.blog.menu-blog {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d104e278cf7d__RIO5578.jpg");
width: 30vh;
height: 30vh;
padding-bottom: 0;
padding-left: 0;
transition: all .4s;
position: relative;
}
.blog.menu-blog.w--current {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d104e278cf7d__RIO5578.jpg");
border: 2px solid #fff;
width: 30vh;
height: 30vh;
transition: all .4s;
}
.blog.menu-blog.w--current:hover {
transform: none;
box-shadow: 0 8px 18px #00000080;
}
.blog.menu-blog.navbar-link {
width: 100%;
height: 100%;
}
.news {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d18b5878cf25_RIO_7903.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
justify-content: flex-start;
align-items: flex-end;
width: 160px;
height: 160px;
padding-bottom: 10px;
padding-left: 10px;
text-decoration: none;
display: flex;
box-shadow: 0 4px 12px #0006;
}
.news.menu-contact {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc2131d29c81324672b0b9b_RIO_6763.jpg");
background-position: 17%;
width: 30vh;
height: 30vh;
padding-bottom: 0;
padding-left: 0;
transition: all .4s;
position: relative;
}
.news.menu-contact:hover {
box-shadow: 0 8px 18px #00000080;
}
.news.menu-contact.w--current {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc2131d29c81324672b0b9b_RIO_6763.jpg");
border: 2px solid #fff;
}
.news.menu-contact.navbar-link {
width: 100%;
height: 100%;
}
.grid-7 {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: 32vh 32vh;
grid-template-columns: 32vh 32vh 32vh;
place-content: end center;
place-items: center;
width: 100%;
}
.div-block-256 {
color: #fff;
text-align: left;
background-color: #546f88;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
padding: 10px 6px;
display: flex;
}
.blog-hero {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 10vw;
padding-left: 0;
padding-right: 0;
display: flex;
}
.body-9 {
flex-direction: column;
align-items: center;
display: flex;
}
.fade-up.tricks.home-heading-zh {
line-height: 84px;
overflow: hidden;
}
.menu-button-div {
z-index: 999999;
background-color: #ffffff80;
border-radius: 50%;
justify-content: center;
align-self: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
position: relative;
}
.menu-button-div.dark-hamburger {
background-color: #0c3e6b80;
transition: all .4s;
}
.menu-button-div.dark-hamburger:hover {
background-color: #0c3e6bf2;
}
.menu-icon {
z-index: 9999999;
opacity: 1;
text-align: center;
cursor: pointer;
flex-direction: column;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
width: 30px;
height: 30px;
padding: 10px;
display: flex;
position: relative;
top: 0;
left: 0;
}
.nav__content {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: fixed;
top: 0%;
}
.nav {
z-index: 90;
background-color: var(--lichen-blue);
background-image: linear-gradient(#020c14f2, #020c14f2), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc2131d9b588b7f43efe305_DSC_3510.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: visible;
}
.nav.livetrue-green {
background-color: var(--livetrue-green);
background-image: linear-gradient(#020c14e6, #020c14e6), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc2131d9b588b7f43efe305_DSC_3510.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
display: none;
overflow: visible;
}
.nav-bg {
background-color: #959b9ea1;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.menu-icon-lottie {
z-index: 999999;
filter: invert();
width: 35px;
height: auto;
position: relative;
}
.home-preloader {
z-index: 99999;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: absolute;
}
.blue-background {
background-color: #05192b;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
overflow: visible;
}
.live-true-logo {
flex: none;
width: 80px;
max-width: none;
margin-bottom: 24px;
}
.image-69 {
height: 30px;
}
.live-true-zh {
overflow: hidden;
}
.live-true-en {
color: #fff;
letter-spacing: 2px;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 200;
}
.live-true-en-wrapper {
justify-content: center;
align-items: center;
width: auto;
margin-top: 12px;
display: flex;
overflow: hidden;
}
.div-block-263 {
z-index: -1;
opacity: .05;
background-image: none;
background-size: auto;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.transition-background {
z-index: 100;
background-color: #959b9ea1;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.overlay-transition {
z-index: 99999998;
background-color: var(--lichen-blue);
justify-content: center;
align-self: stretch;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: fixed;
inset: 0%;
overflow: visible;
}
.lottie-animation-15 {
width: 80px;
}
.loading-wrapper {
justify-content: center;
align-self: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 10%;
}
.new-case-first-block-wrapper {
background-image: none;
}
.navbar-fixed {
z-index: 99999;
position: absolute;
}
.navbar-fixed.dark-menu {
z-index: 9999998;
flex: 1;
padding-left: 3vw;
padding-right: 3vw;
position: static;
inset: 0% 0% auto;
}
.navbar-fixed.dark {
z-index: 9999997;
}
.navbar-fixed.dark-menu {
z-index: 9999998;
flex: 1;
position: absolute;
inset: 0% 0% auto;
}
.navbar-fixed.dark-menu.hidden {
display: none;
}
.lottie-loading-animation {
width: 150vw;
display: none;
position: absolute;
inset: 0%;
}
.div-block-274 {
background-color: var(--white-smoke);
width: 100%;
height: 100%;
display: none;
position: absolute;
}
.live-true-logo-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: static;
}
.mobile-page-wrapper {
z-index: 1;
width: auto;
display: none;
position: relative;
overflow: visible;
}
._1200-contiainer {
flex-direction: column;
flex: 1;
justify-content: center;
align-self: auto;
align-items: center;
min-width: 1200px;
max-width: 100vw;
padding-top: 5vw;
display: flex;
position: static;
inset: 0%;
overflow: hidden;
}
._1200-contiainer.full-height {
height: 100%;
}
._1200-contiainer.full-height.middle-align {
flex-direction: row;
align-self: auto;
align-items: center;
max-width: 100vw;
display: flex;
}
._1200-contiainer.middle-align {
align-self: auto;
display: flex;
overflow: visible;
}
._1200-contiainer.overflow {
overflow: visible;
}
._1200-contiainer.blog-padding {
padding-left: 5vw;
padding-right: 5vw;
}
.classics-projects-wrapper {
z-index: 50;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
margin-top: 120px;
margin-bottom: 84px;
padding-left: 0;
padding-right: 0;
display: flex;
position: static;
}
.classics-section {
background-image: linear-gradient(#fffffffc, #ffffffe0 52%, #fffffff7 80%, #fff), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb5c48598182534f8a4cb34_5fb5c075ab30c2695bdd5c87_5ef1c3198239d121b8c639bd_RIO_8529-min.jpeg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 350px;
display: flex;
}
.about-us-content-wrapper {
z-index: 999999;
opacity: 1;
flex-direction: row;
order: 0;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.div-block-279 {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.div-block-280 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.div-block-281 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
overflow: visible;
}
.brand-story-hover-wrapper {
flex-direction: row;
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
top: 5%;
right: 60%;
}
.core-values-hover-wrapper {
position: absolute;
top: 15%;
bottom: auto;
left: 10%;
}
.milestones-hover-wrapper {
position: absolute;
bottom: 30%;
right: 60%;
}
.brand-story-hero-wrapper {
align-items: center;
width: 100%;
height: 100%;
padding-left: 5%;
display: flex;
position: relative;
}
.div-block-282 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-283 {
justify-content: center;
align-items: center;
width: 100%;
display: block;
}
.columns {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.columns._2 {
align-items: center;
display: flex;
}
.columns._3 {
align-items: flex-start;
display: flex;
}
.div-block-284 {
width: 100%;
height: 100%;
position: relative;
}
.div-block-285 {
align-items: center;
width: 100%;
height: 100%;
padding-left: 5%;
display: flex;
position: relative;
}
.blue-fade {
background-color: var(--lichen-blue);
align-self: flex-end;
width: 400px;
height: 80vh;
position: absolute;
}
.blue-fade._1 {
flex: 0 auto;
align-self: flex-end;
align-items: flex-end;
width: 100%;
min-width: auto;
max-width: none;
height: 100%;
min-height: auto;
max-height: none;
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.blue-fade._2 {
align-self: flex-end;
width: 100%;
height: 100%;
display: block;
inset: 0%;
}
.blue-fade._3 {
flex: 0 auto;
align-self: flex-end;
align-items: flex-end;
width: 100%;
min-width: auto;
max-width: none;
height: 100%;
min-height: auto;
max-height: none;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.div-block-286 {
width: 100%;
position: relative;
}
.div-block-286.center {
padding-left: 5%;
}
.div-block-287 {
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.div-block-287.contact-wrapper {
justify-content: center;
}
.header-blog {
background-color: var(--lichen-blue);
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 745px;
padding: 162px 0% 220px;
display: flex;
}
.paragraph-detials-small {
color: #9899ad;
margin-bottom: 0;
font-size: 14px;
line-height: 120%;
}
.paragraph-detials-small.white-50 {
color: #ffffff80;
text-transform: uppercase;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.paragraph-detials-small.white-50.left {
text-align: left;
}
.title-small {
color: var(--dark-slate-blue);
flex: 0 auto;
width: 100%;
margin-bottom: 4px;
font-weight: 500;
}
.title-small.white {
color: #fff;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 500;
}
.title-small.white.center {
text-align: center;
font-weight: 200;
}
.title-small.white.center.left {
text-align: left;
}
.title-small.white.blog-lichendepartment {
font-family: "Creamfont 1";
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.profile-block-header {
justify-content: space-between;
align-items: flex-start;
margin-top: 56px;
display: flex;
}
.profile-block-header.center {
justify-content: center;
}
.profile-block-header.padded {
margin-bottom: 24px;
}
.hero-container.left {
align-self: flex-start;
margin-left: 3vw;
}
.blog-grid {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
}
.blog-grid.template1 {
grid-template-columns: 1fr;
position: relative;
}
.blog-grid.template1._1 {
grid-template-columns: 1fr .45fr;
}
.blog-grid.adjusted-template-d {
grid-column-gap: 36px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.blog-section-2 {
padding-bottom: 80px;
padding-left: 3%;
padding-right: 3%;
}
.featured-item {
color: #202146;
flex-direction: row;
align-items: center;
width: 100%;
margin-bottom: 20px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.featured-item:hover {
color: #5c4ebd;
}
.content-left_blog {
grid-column-gap: 16px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: block;
}
.featured-block {
margin-top: 10px;
}
.stick-wrapper {
height: auto;
display: inline-block;
position: sticky;
top: 0%;
}
.stick-wrapper.full-width, .stick-wrapper.template3 {
width: 100%;
}
.title-large {
color: #fff;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 130%;
}
.title-large.blue {
color: var(--dark-slate-blue);
}
.content-right {
height: auto;
position: static;
top: 0%;
}
.container {
width: 100%;
max-width: 1200px;
height: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.container.overflow {
overflow: visible;
}
.subscription {
color: #fff;
background-color: #fff;
background-image: linear-gradient(#05192bd9, #05192bd9), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fbf320b2d07ef600eb88900_langlnag.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 2px;
flex-direction: column;
align-items: flex-start;
margin-bottom: 40px;
padding: 20px;
display: flex;
box-shadow: 0 12px 14px #0000000f;
}
.subscription.full-width {
width: 100%;
}
.subscription.full-width.center {
justify-content: center;
align-items: center;
height: 200px;
}
.subscription.template3 {
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
}
.button-17 {
background-color: var(--buttons-blue);
text-align: left;
width: auto;
height: auto;
display: block;
}
.div-block-288 {
z-index: 100;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 600px;
margin-top: -220px;
margin-bottom: 80px;
display: flex;
position: relative;
}
.image-75 {
z-index: 0;
opacity: .1;
width: auto;
max-width: none;
height: 120px;
display: none;
position: absolute;
inset: auto 0% 0%;
}
.image-75.zh {
display: none;
inset: 0% auto auto;
}
.div-block-290 {
color: var(--dark-slate-blue);
flex-direction: column;
justify-content: center;
display: flex;
}
.div-block-290.white {
color: #fff;
}
.div-block-291 {
color: #fff;
justify-content: space-between;
align-self: auto;
align-items: center;
display: flex;
}
.moving-wrapper {
width: 50vw;
height: 100vh;
overflow: hidden;
}
.moving-wrapper.reservation-form {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fe1c0b87079851a7679a3bc__RIO5966.jpg");
background-position: -250% 80%;
background-repeat: no-repeat;
background-size: 110%;
background-attachment: fixed;
width: 50vw;
}
.div-block-293 {
flex-direction: column;
justify-content: center;
width: 50vw;
height: 100vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.text-field-8 {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--buttons-blue);
background-color: #0000;
margin-bottom: 25px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.form-4 {
width: 80%;
}
.reservation-form {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100vw;
height: 100vh;
margin-left: 0;
margin-right: 5vw;
padding-left: 0;
display: grid;
transform: none;
}
.reservation-form.mobile---contact {
display: none;
}
.appointment-form {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100vw;
height: 100vh;
margin-left: 0;
margin-right: 5vw;
padding-left: 0;
display: grid;
transform: none;
}
.textarea-3 {
background-color: #f1f1f1;
min-height: 120px;
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.div-block-294 {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: none;
}
.heading-44 {
z-index: 9;
opacity: .05;
color: var(--buttons-blue);
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 250px;
font-weight: 200;
line-height: 250px;
position: absolute;
inset: auto 0% 0%;
}
.heading-44.classics {
z-index: 0;
inset: -20% 0% auto;
}
.heading-44.new-case-scroll {
z-index: 100;
opacity: .1;
color: #fff;
font-size: 160px;
inset: auto 0% 0%;
}
.heading-44.follow-us {
margin-top: 0;
top: 0%;
bottom: auto;
}
.div-block-296 {
width: 100%;
}
.div-block-262 {
justify-content: center;
align-items: center;
width: 100%;
margin-top: 12px;
display: flex;
overflow: hidden;
}
.text-block-60 {
color: #fff;
letter-spacing: 2px;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 200;
}
.div-block-275 {
opacity: 1;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-267 {
opacity: 1;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: absolute;
inset: auto 0% 10%;
}
.image-68 {
flex: none;
width: 96px;
max-width: none;
margin-bottom: 24px;
}
.div-block-261 {
overflow: hidden;
}
.overlay-load {
z-index: 99999998;
background-color: var(--lichen-blue);
opacity: 1;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.preloader-home {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: static;
}
.preloader-home.on-load {
background-color: var(--new-loading-green);
opacity: 1;
flex: 0 auto;
display: flex;
position: absolute;
inset: 0%;
}
.preloader-home.on-load.home-load-green {
background-color: var(--new-loading-green);
}
.image-68-copy {
flex: none;
width: 96px;
max-width: none;
margin-bottom: 24px;
}
.div-block-261-copy {
overflow: hidden;
}
.div-block-261-copy.on-load {
display: flex;
}
.div-block-262-copy {
justify-content: center;
align-items: center;
width: 100%;
margin-top: 12px;
display: flex;
overflow: hidden;
}
.text-block-60-copy {
color: #fff;
letter-spacing: 2px;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 200;
}
.div-block-297 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fe1bfbb01bdb5a2ed7aac12__RIO6643.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 100%;
overflow: hidden;
}
.new-case-link-wrapper {
color: #fff;
background-color: #ffffffe6;
border-radius: 2px;
flex-direction: column;
align-items: flex-start;
width: 200px;
height: auto;
padding: 20px;
display: block;
position: absolute;
top: -81%;
left: -223%;
right: auto;
}
.new-case-photo {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1711778d01c_DancingMountain_colored-final-real-colors-5.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 200px;
}
.new-case-button {
background-color: var(--buttons-blue);
color: #fff;
letter-spacing: 1px;
border-radius: 2px;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 45px;
margin-top: 12px;
margin-right: 20px;
padding: 10px 15px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
transition: all .4s;
display: flex;
box-shadow: 0 1px 8px #0000001a;
}
.new-case-button:hover {
transform: translate(0, -4px);
}
.div-block-298 {
flex-direction: row;
justify-content: space-between;
align-self: stretch;
align-items: center;
width: 100%;
display: flex;
}
.mobile-links-wrapper {
display: none;
}
.year-wrapper-mobile {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.description-mobile-wrapper {
display: none;
}
.blog-2-heading {
justify-content: center;
align-items: center;
padding: 210px 0 120px;
display: flex;
}
.container-2 {
flex-wrap: wrap;
place-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
}
.container-2.cc-center {
text-align: left;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.text-container {
width: 100%;
}
.section-title-text {
color: #999;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 24px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-decoration: none;
}
.section-title-text:hover {
text-decoration: underline;
}
.h1 {
color: var(--lichen-blue);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: "Creamfont 1";
font-size: 54px;
font-weight: 400;
line-height: 60px;
position: static;
}
.header {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d18d8378d01d_5ef1c94e7ab8cfaf8d00c1dc_RIO_6820-min%20(1).jpg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 1200px;
height: 520px;
margin-bottom: 80px;
display: block;
}
.post-author-text {
margin-top: 30px;
display: flex;
}
.post-author-text.cc-center {
align-items: center;
}
.post-author-text.cc-small-thumbnail {
margin-top: 0;
}
.author-image-wrapper {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 0%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-right: 15px;
display: flex;
overflow: hidden;
}
.post-author {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
height: auto;
font-size: 10px;
font-weight: 600;
line-height: 12px;
text-decoration: none;
}
.post-author:hover {
text-decoration: underline;
}
.post-author.w--current {
width: 100%;
font-size: 14px;
line-height: 16px;
}
.post-content-seection {
color: #333;
padding-bottom: 120px;
padding-left: 8vw;
padding-right: 8vw;
}
.rich-text-block {
color: var(--dark-slate-blue);
align-self: flex-start;
font-family: "Creamfont 1";
position: static;
}
.related-posts-section {
border-top: 1px solid #e4e4e4;
height: auto;
padding: 90px 3vw;
}
.post-image {
width: 100%;
height: 320px;
}
.post-image.w--current {
height: auto;
}
.collection-item-3 {
flex-direction: column;
justify-content: center;
width: 50%;
display: flex;
}
.h3 {
color: var(--blue-gray);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 18px;
font-size: 24px;
font-weight: 400;
line-height: 36px;
}
.post-author-2 {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
height: auto;
font-size: 10px;
font-weight: 600;
line-height: 12px;
text-decoration: none;
}
.post-author-2:hover {
text-decoration: underline;
}
.post-author-2.w--current {
width: 100%;
height: auto;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.post-author-2.cc-top-margin {
margin-right: 5px;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.div-block-300 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
height: 320px;
display: flex;
}
.post-info-div {
margin-top: 30px;
}
.rich-text-block-2 {
opacity: 1;
color: var(--dark-slate-blue);
font-family: "Creamfont 1";
font-weight: 400;
}
.rich-text-block-2 p {
opacity: .5;
color: var(--dark-blue);
font-size: 16px;
font-weight: 400;
}
.rich-text-block-2 h4 {
line-height: 30px;
}
.rich-text-block-2 li {
opacity: .5;
font-weight: 400;
}
.blog4-post-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb5cf8915bb93a09934d059_bola-halo-pendant-chandelier-environmental-office-wall-3k_download.jpg");
background-position: 50%;
background-size: 135%;
flex: none;
width: 180px;
height: 150px;
margin-right: 18px;
transition: opacity .2s;
}
.blog4-post-image:hover {
opacity: .8;
}
.button-label {
color: var(--living-mountain-button);
}
.button-label.blue-button, .button-label.read-article-blue {
color: var(--dark-slate-blue);
}
.blog4-content-card-wrap {
color: #18181d;
background-color: #ffffffe3;
align-self: stretch;
align-items: center;
margin-top: 40px;
padding: 30px 36px;
display: flex;
}
.text-label {
opacity: .7;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: block;
}
.text-label.news-left {
color: var(--livetrue-news-gray-dark-mode);
text-align: left;
margin-bottom: 12px;
font-size: 14px;
}
.text-label.main-article-date {
color: #000;
}
.button-arrow {
color: var(--living-mountain-button);
flex: none;
width: 20px;
margin-left: 6px;
display: inline-block;
}
.button-arrow.white-button {
filter: invert(51%);
}
.section {
flex-direction: column;
flex: 1;
align-items: center;
width: 100vw;
padding-left: 8vw;
padding-right: 8vw;
overflow: hidden;
}
.button-text {
color: var(--buttons-blue);
text-transform: uppercase;
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: auto;
height: auto;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
display: flex;
}
.button-text.big-feature-new {
margin-top: 24px;
}
.blog4-grid {
grid-column-gap: 18px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
display: grid;
}
.blog4-name-wrap {
margin-bottom: 0;
}
.blog4-featured-post {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d133db78d012_0720__EDM_(_V2_)-01-min.jpg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-height: 100%;
padding: 36px;
transition: opacity .4s;
display: flex;
}
.blog4-featured-post:hover {
opacity: .8;
}
.size1-text {
white-space: normal;
margin-top: 20px;
margin-bottom: 25px;
font-size: 44px;
font-weight: 300;
line-height: 52px;
}
.size1-text.size1-full-clear {
margin-top: 0;
margin-bottom: 56px;
font-family: Montserrat, sans-serif;
display: none;
}
.blog4-post-text-wrap {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
margin-bottom: -10px;
text-decoration: none;
display: flex;
}
.label {
text-transform: uppercase;
background-color: #fff;
border: 1px solid #aaa3;
margin-bottom: 10px;
padding: 10px 22px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
display: inline-block;
}
.label.white-outline-label {
background-color: #05192bd6;
border-color: #ffffffde;
}
.label.inside-label {
z-index: 40;
color: #18181d;
background-color: #fff;
border-style: none;
position: absolute;
inset: 0% auto auto 0%;
}
.body-10 {
padding-top: 0;
padding-bottom: 0;
}
.body-10.no-scroll {
background-color: var(--lichen-blue);
}
.separator {
height: 80px;
}
.divider {
background-color: var(--lichen-blue);
opacity: .1;
width: 100%;
height: 1.5px;
margin-top: 24px;
margin-bottom: 24px;
}
.div-block-301 {
color: var(--dark-blue);
flex-direction: column;
margin-top: 0;
display: flex;
}
.link-5, .link-6, .link-7 {
color: var(--dark-blue);
text-transform: uppercase;
width: auto;
height: auto;
margin-bottom: 12px;
text-decoration: none;
}
.blog1-button-wrap {
margin-top: 24px;
display: flex;
}
.blog1-headline-wrap {
max-width: 582px;
}
.size4-link-2 {
color: var(--dark-slate-blue);
width: auto;
height: auto;
margin-top: 10px;
margin-bottom: 15px;
font-family: "Creamfont 1";
font-size: 24px;
font-weight: 300;
line-height: 32px;
text-decoration: none;
display: block;
}
.size4-link-2:hover {
opacity: .7;
}
.paragraph-70 {
opacity: .7;
margin-bottom: 10px;
}
.blog1-image-wrap {
margin-bottom: 30px;
position: relative;
}
.button-small {
background-color: var(--dark-slate-blue);
color: #fff;
text-align: center;
text-transform: uppercase;
border-radius: 0;
flex: none;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: 18px 30px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: all .4s;
display: flex;
}
.button-small:hover {
background-color: var(--lichen-blue);
}
.button-small.w--current {
transition: all .4s;
}
.button-small.w--current:hover, .button-small.w--current:active {
background-color: var(--lichen-blue);
}
.blog1-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb5cf8915bb93a09934d059_bola-halo-pendant-chandelier-environmental-office-wall-3k_download.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 360px;
transition: opacity .2s;
display: block;
}
.blog1-image:hover {
opacity: .8;
}
.blog1-grid {
grid-column-gap: 38px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.size3-text {
text-transform: none;
margin-top: 10px;
margin-bottom: 15px;
font-family: Montserrat, sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 38px;
}
.section-36 {
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
margin-top: 20vh;
display: flex;
}
.section-37 {
flex-direction: column;
flex: 1;
align-items: center;
width: 100%;
max-width: 1200px;
padding-left: 0;
padding-right: 0;
}
.grid-8 {
grid-column-gap: 36px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
align-items: center;
width: 100%;
}
.div-block-303 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb563eb571fed70266d05ff_nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
min-height: 720px;
}
.heading-45 {
margin-bottom: 24px;
font-family: "Creamfont 1";
font-size: 36px;
line-height: 48px;
}
.paragraph-76 {
opacity: .6;
font-size: 16px;
line-height: 24px;
}
.rich-text-block-3 {
width: 100%;
}
.footer-link {
opacity: 1;
color: var(--blue-gray);
text-transform: uppercase;
width: 100%;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: opacity .2s;
display: block;
}
.footer-link:hover {
opacity: .8;
}
.footer-link.privacy-policy {
opacity: .6;
font-size: 16px;
display: block;
}
.footer-link.privacy-policy:hover {
opacity: .8;
}
.footer-link.privacy-policy.white {
color: #fff;
}
.footer-link.white {
opacity: 1;
color: var(--blue-gray);
}
.footer-link.white:hover {
opacity: .8;
}
.footer-link.white.dark {
opacity: .8;
color: #fff;
}
.footer-link.white.hidden-case {
display: none;
}
.footer-bottom {
border-bottom: 1px solid #ffffff1a;
flex-direction: column;
justify-content: space-between;
margin-top: 92px;
display: flex;
}
.footer-grid-01 {
grid-column-gap: 25px;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
justify-content: start;
justify-items: start;
width: 70%;
}
.footer-grid-01.white {
color: #fff;
}
.footer-wrapper {
align-items: center;
display: flex;
}
.button {
color: #fff;
background-color: #0c3e6b80;
border-radius: 2px;
width: auto;
height: auto;
margin-top: 0;
padding: 15px 25px;
font-size: 16px;
transition: all .4s;
display: inline-block;
}
.button:hover {
background-color: #0c3e6be8;
}
.button.white {
color: var(--dark-slate-blue);
background-color: #ffffffe0;
}
.button.zh-btn {
font-family: "Creamfont 1";
}
.button.zh-btn.white.black {
color: #1d1d1d;
}
.footer-title {
color: #fff;
text-transform: none;
margin-bottom: 22px;
font-family: "Creamfont 1";
font-size: 17px;
font-weight: 700;
text-decoration: none;
}
.footer-title.white {
text-decoration: none;
}
.footer-title.white.dark {
color: #fff;
}
.footer-title.dark {
color: var(--dark-slate-blue);
}
.container-3 {
flex-direction: column;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.secondary-link {
opacity: .6;
color: var(--blue-gray);
flex: none;
margin-right: 32px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
display: block;
}
.secondary-link:hover {
opacity: .8;
}
.secondary-link.white {
color: #fff;
}
.footer-01 {
background-color: #fff;
padding: 60px 3%;
}
.footer-01.dark {
background-color: var(--lichen-blue);
width: 100%;
}
.footer-01.newcase-footer {
background-color: #0000;
}
.footer-top {
border-bottom: 1px solid #85858533;
justify-content: space-between;
margin-bottom: 40px;
padding-bottom: 48px;
display: flex;
}
.footer-top.white {
border-bottom-color: #e2e2e233;
}
.footer-column {
flex-direction: column;
align-items: flex-start;
padding-right: 0;
display: flex;
}
.footer-column.follow-us {
align-items: flex-start;
margin-left: 0;
padding-right: 0;
}
.footer-column.white-darkblue {
color: #fff;
text-decoration: none;
}
.footer-column.contact-information {
border-bottom: 1px #85858533;
flex-direction: column;
flex: 0 auto;
width: 100%;
padding-bottom: 24px;
}
.footer-logo {
width: 180px;
}
.left-side {
flex-direction: row;
align-items: center;
display: flex;
}
.text-block-66 {
color: #fff;
margin-left: 24px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.text-block-67 {
margin-right: 32px;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 30px;
}
.text-block-67.white {
opacity: .4;
color: #fff;
}
.classics-name-div {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-305 {
flex-direction: column;
justify-content: space-between;
width: 100%;
display: flex;
}
.rich-footer {
z-index: 100;
width: 100vw;
position: relative;
}
.tab-link-tab-4 {
opacity: .5;
background-color: #fff;
border: 1px #000;
display: inline-block;
}
.tab-link-tab-4.w--current {
border-bottom: 2px solid var(--blue-gray);
opacity: 1;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1em;
display: inline-block;
}
.tab-pane-casting-method {
position: static;
}
.project-sketch {
width: 100%;
}
.footer-links-social {
margin-bottom: 22px;
display: flex;
}
._404-section {
background-color: var(--flesh);
flex-direction: column;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.heading-49 {
color: var(--lichen-blue);
justify-content: center;
align-items: center;
font-family: Montserrat, sans-serif;
font-weight: 500;
display: flex;
}
._404-heading-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
._404-heading-wrapper.center {
align-self: center;
}
.image-79 {
filter: invert();
width: 400px;
}
.div-block-306 {
z-index: 0;
opacity: 1;
background-color: #05192b;
display: none;
position: absolute;
inset: 0%;
}
.div-block-306.dark-overlay {
height: 100%;
display: none;
}
.pat-section {
background-image: linear-gradient(#fffffffc, #ffffffe0 52%, #fffffff7 80%, #fff), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc221e9cc013405a0797f5d_013.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 350px;
display: flex;
}
.pat-tabs-section {
z-index: 50;
padding: 96px 5vw;
position: static;
}
.tabs-menu-3 {
flex-direction: column;
flex: none;
justify-content: flex-start;
width: auto;
height: 100%;
margin-bottom: 48px;
margin-right: 60px;
display: flex;
position: sticky;
top: 3%;
}
.tab-link-tab-2-3 {
opacity: .5;
background-color: #fff;
flex-direction: column;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
display: flex;
}
.tab-link-tab-2-3.w--current {
opacity: 1;
background-color: #0000;
border-bottom: 2px solid #546f88;
}
.tabs-3 {
display: flex;
position: relative;
}
.tab-link-tab-1-4 {
opacity: .5;
background-color: #0000;
align-self: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 24px;
margin-right: 30px;
padding-left: 0;
padding-right: 0;
}
.tab-link-tab-1-4.w--current {
opacity: 1;
background-color: #fff;
border: 1px #000;
border-bottom: 2px solid #546f88;
flex-direction: column;
flex: 1;
align-self: auto;
align-items: flex-start;
width: 100%;
margin-bottom: 24px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.overlay-on-load {
z-index: 9999999;
background-color: var(--dark-slate-grey-3);
opacity: 1;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.overlay-on-load.hidden {
display: none;
}
.div-block-308 {
height: 100%;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.image-wrapper {
align-self: flex-end;
width: 30vw;
height: 100%;
position: relative;
overflow: visible;
}
.column {
padding-right: 20px;
}
.heading-zh {
font-family: "Creamfont 1";
font-weight: 400;
}
.div-block-309 {
align-items: center;
height: 100%;
display: flex;
}
.collection-item-5 {
background-image: none;
}
.div-block-310 {
background-color: #05192b80;
position: absolute;
inset: 0%;
}
.image-80 {
width: 150px;
height: 100px;
margin-bottom: 48px;
}
.empty-state, .html-embed-7 {
display: none;
}
.classics-wrapper {
width: 100vw;
overflow: hidden;
}
.div-block-311 {
z-index: -1;
opacity: .3;
background-image: linear-gradient(to top, #0000, #fff), linear-gradient(#0000, #26262621 0%, #fff), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc7050336eac1914d13f504_flower.jpg");
background-position: 0 0, 0 0, 50% 0;
background-repeat: repeat, repeat, repeat;
background-size: auto, auto, contain;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.blog-layout {
width: 100vw;
overflow: hidden;
}
.blog-layout._1, .blog-layout._2, .blog-layout._3 {
display: block;
}
.text-block-68 {
margin-bottom: 6px;
font-family: "Creamfont 1";
font-size: 14px;
line-height: 24px;
display: block;
}
.text-block-68.main {
display: none;
}
.project-gallery-wrapper {
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
display: flex;
}
.cta {
background-color: var(--flesh);
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
border-radius: 5px;
justify-content: center;
align-items: center;
height: 250px;
margin-top: 96px;
padding-left: 3vw;
padding-right: 3vw;
display: flex;
position: relative;
}
.cta.new-case-cta {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
width: 100%;
}
.cta.archive {
background-image: linear-gradient(85deg, var(--white-smoke), #eaeaeaf5 34%, #e9e9e9e0 41%, #e0e0e000), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5feb009374e5a81f484e56be_patent1.jpg");
background-position: 0 0, 50% 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
width: 100%;
}
.cta-heading {
z-index: 1;
width: 100%;
position: relative;
}
.heading-50 {
color: var(--lichen-blue);
margin-top: 0;
margin-bottom: 24px;
font-family: "Creamfont 1";
font-size: 48px;
font-weight: 300;
line-height: 56px;
}
.text-block-69 {
color: var(--blue-gray);
font-family: Montserrat, sans-serif;
}
.div-block-313 {
z-index: 0;
opacity: .25;
filter: brightness(0%) grayscale();
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1686a78d021_5f7e777b3d652f2d87c39591_new-case.png");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: auto 180%;
position: absolute;
inset: 0%;
}
.div-block-313.new-case-cta {
width: 100%;
}
.div-block-314 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
flex: none;
width: 110px;
height: 110px;
margin-right: 18px;
}
.footer-row-1 {
justify-content: space-between;
width: 100%;
display: flex;
}
.text-block-70 {
font-size: 16px;
text-decoration: none;
}
.text-block-70.white {
color: var(--blue-gray);
}
.text-block-70.white-2 {
opacity: .5;
color: #fff;
}
.link-block-12 {
opacity: .6;
color: var(--blue-gray);
flex-direction: row;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
display: flex;
}
.link-block-12:hover {
opacity: .8;
}
.link-block-12.footer-information {
opacity: 1;
color: var(--blue-gray);
margin-right: 0;
padding-top: 0;
transition: all .2s;
}
.link-block-12.footer-information:hover {
opacity: .8;
}
.link-block-12.footer-information._2 {
opacity: 1;
padding-top: 10px;
}
.link-block-12.footer-information._2:hover {
opacity: .8;
}
.link-block-12._2 {
opacity: 1;
}
.div-block-315 {
color: var(--blue-gray);
justify-content: space-between;
margin-top: 12px;
display: flex;
}
.section-38 {
padding: 120px 5vw;
}
.rich-text-block-4 {
display: none;
}
.privacy-divider {
height: 56px;
}
.privacy-divider.heading-to-par {
height: 24px;
}
.div-block-317 {
padding-left: 5vw;
}
.paragraph-78 {
color: var(--blue-gray);
margin-top: 36px;
margin-bottom: 24px;
line-height: 36px;
}
.paragraph-79 {
opacity: .8;
color: var(--dark-blue);
margin-top: 24px;
font-weight: 400;
line-height: 36px;
}
.bold-text-16 {
font-weight: 400;
}
.heading-54 {
color: var(--dark-slate-blue);
font-size: 36px;
line-height: 48px;
}
.privacy-policy-section {
background-image: linear-gradient(#fffffffc, #ffffffe0 52%, #fffffff7 80%, #fff), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a92e10e3c72185ecb7c6_drow-J.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 350px;
display: flex;
}
.privacy-policy-section.privacy-center {
justify-content: center;
}
.section-39 {
position: relative;
}
.image-82 {
width: 8vw;
transform: rotate(-180deg);
}
.div-block-318 {
opacity: .1;
position: absolute;
inset: 0% auto auto 5%;
}
.div-block-318.case {
transition: all .4s;
display: flex;
inset: 0% 10% 0% auto;
}
.div-block-318.appreciation {
display: none;
}
.div-block-318.case {
transition: all .4s;
inset: 0% 10% 0% auto;
}
.div-block-319 {
background-color: #fff;
justify-content: flex-start;
align-self: center;
width: 30%;
height: 1.25px;
display: flex;
}
.text-span-21 {
border-bottom: 1px none var(--flesh);
text-decoration: underline;
}
.link-10 {
color: #fff;
}
.div-block-320 {
z-index: 50;
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a92e0b4ba00a997d99d2_drow-I.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
align-self: center;
width: 220px;
height: 140px;
display: none;
position: absolute;
left: auto;
right: auto;
box-shadow: 1px 1px 7px -1px #0000008c;
}
.loader {
background-color: #fff3;
width: 30vw;
height: 2px;
position: absolute;
bottom: 35%;
}
.loader.tick {
background-color: #fff;
width: 0;
}
.banner {
opacity: 0;
flex-direction: row;
width: 200%;
display: none;
position: absolute;
inset: auto 0% 0%;
}
.image-83 {
width: 50%;
max-width: none;
padding-right: 24px;
}
.overlay-home {
z-index: 99999999;
background-color: var(--new-loading-green);
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.image-84 {
width: 100%;
}
.html-embed-8 {
display: block;
}
.image-85 {
width: 150px;
margin-bottom: 12px;
}
._2010-photo-wrapper {
flex-direction: column;
display: flex;
}
.image-86 {
width: 150px;
max-width: none;
margin-bottom: 12px;
}
.image-87 {
width: 150px;
margin-bottom: 12px;
}
.underline {
background-color: var(--lichen-blue);
width: 100%;
height: 1px;
}
.underline._1 {
width: 100%;
}
.text-and-line-wrapper {
align-self: flex-start;
display: none;
}
.bold-text-18 {
font-weight: 400;
}
.image-88 {
flex: none;
width: auto;
max-width: none;
height: 55px;
padding-left: 0;
font-size: 72px;
position: relative;
}
.image-88.filled {
flex: 1;
align-self: center;
width: auto;
max-width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0% auto;
}
.numbers {
flex: 0 auto;
width: 100%;
position: absolute;
bottom: auto;
left: 0%;
}
.numbers._2020 {
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
left: auto;
}
.numbers.under {
bottom: 0%;
}
.numbers.under.center {
flex: 1;
}
.numbers.center {
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
display: flex;
left: 0%;
right: 0%;
}
.numbers.center.under {
top: 0%;
bottom: auto;
}
.numbers.center.first {
margin-left: 5%;
}
.background-video-6 {
z-index: 1;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible;
}
.background-video-6.a {
width: auto;
position: sticky;
inset: auto auto 0% 0%;
}
.background-video-7 {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.text-span-22 {
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
}
.div-block-322 {
overflow: hidden;
}
.text-span-23 {
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
.button-18 {
background-color: var(--flesh);
color: var(--lichen-blue);
border-radius: 2px;
align-self: center;
padding-top: 12px;
padding-bottom: 12px;
transition: all .4s;
box-shadow: 1px 1px 3px #0000001a;
}
.button-18:hover {
transform: translate(0, -5px);
}
.image-90 {
width: 100%;
position: relative;
}
.image-wrappper {
position: relative;
}
.link-11 {
color: #fff;
text-decoration: none;
}
.text-block-33-copy-2, .text-block-33-copy-3, .text-block-33-copy-4, .text-block-33-copy-5, .text-block-33-copy-6 {
color: #546f88;
text-align: left;
flex-direction: column;
flex: 1;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100%;
font-family: "Creamfont 1";
font-size: 14px;
font-weight: 400;
line-height: 24px;
display: flex;
}
.select-field {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--dark-slate-blue);
color: var(--grey);
background-color: #f3f3f300;
margin-bottom: 25px;
padding-left: 9px;
padding-right: 10px;
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.share-div.left {
justify-content: flex-start;
display: flex;
}
.div-block-323 {
text-align: left;
}
.text-span-24, .text-span-25 {
font-family: Montserrat, sans-serif;
}
.div-block-324 {
display: none;
}
.overlay {
z-index: -1;
background-color: #05192b52;
position: absolute;
inset: 0%;
}
.div-block-325 {
align-items: center;
display: flex;
}
.html-embed-10 {
height: 100%;
}
.bold-text-19 {
color: var(--dark-slate-blue);
}
.text-span-26 {
font-size: 16px;
line-height: 30px;
}
.bold-text-20 {
align-self: flex-start;
}
.image-91 {
width: 150px;
margin-bottom: 12px;
}
.corp-org-heading {
z-index: 0;
color: var(--dark-slate-blue);
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 400px;
margin-left: 0;
transition: background-color .2s, opacity .2s;
display: flex;
position: relative;
}
.corp-org-heading.white {
color: #fff;
width: auto;
height: 100%;
}
.corp-org-heading.white.mid-text {
justify-content: center;
margin-left: 5%;
}
.corp-org-wrapper {
z-index: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: absolute;
inset: 50% 30% auto auto;
}
.corp-wrapper {
color: #fff;
background-color: #ffffffe6;
border-radius: 2px;
flex-direction: column;
align-items: flex-start;
width: 180px;
min-width: 180px;
height: auto;
padding: 20px;
text-decoration: none;
display: block;
position: absolute;
inset: 10% auto auto 81%;
}
.corp-wrapper.core-wrapper.navbar-link {
opacity: 1;
}
.other-news-grid {
width: 100%;
display: none;
}
.div-block-326 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 240px;
}
.link-block-15 {
color: var(--dark-slate-blue);
width: 100%;
text-decoration: none;
overflow: visible;
}
.collection-list-5 {
overflow: visible;
}
.media-news-cta-wrapper.latest-news {
text-align: left;
flex-direction: column;
align-items: flex-start;
min-width: 100%;
max-width: none;
margin-top: 56px;
display: flex;
}
.latest-news-tab {
opacity: .5;
background-color: #fff;
border: 1px #000;
display: inline-block;
}
.latest-news-tab.w--current {
border-bottom: 2px solid var(--blue-gray);
opacity: 1;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
display: inline-block;
}
.latest-news-tab.latest-news {
border-bottom-color: var(--living-mountain-button);
color: #fff;
background-color: #0000;
transition: all .6s;
}
.videos-tab {
opacity: .5;
text-align: center;
background-color: #0000;
border-radius: 2px;
width: auto;
height: auto;
margin-left: 30px;
font-size: 16px;
line-height: 24px;
display: inline-block;
}
.videos-tab.w--current {
border-style: none none solid;
border-width: 1px 1px 2px;
border-color: black black var(--blue-gray);
opacity: 1;
background-color: #0000;
display: inline-block;
}
.videos-tab.audio-media {
color: #fff;
}
.div-block-327 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5ff285f84caede6d1f147782_langlang-F.jpg");
background-position: 50%;
background-size: cover;
border-radius: 2px;
height: 220px;
}
.paragraph-83 {
opacity: .5;
color: #fff;
font-size: 14px;
line-height: 24px;
}
.paragraph-83.latest-news-description {
opacity: .6;
font-size: 14px;
line-height: 24px;
}
.tabs-content-2 {
overflow: visible;
}
.corp-org-section {
background-color: var(--azure);
background-image: linear-gradient(#00000070, #00000070), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d141fc78cf5c_20130717-19.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, 100% 100%;
background-attachment: scroll, scroll;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: relative;
left: 0;
}
.corp-org-section.corp-org {
background-image: linear-gradient(#05192bed, #05192bed), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d13e0278cfda_016.jpg"), linear-gradient(#02020230, #02020230);
background-position: 0 0, 50%, 0 0;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, cover, auto;
background-attachment: scroll, scroll, scroll;
flex-direction: row;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
padding-left: 0;
display: flex;
position: relative;
}
.corp-org-section.corp-org.padding {
background-image: linear-gradient(270deg, var(--lichen-blue), #fff0 18%, #cdd1d500 42%, #cdd1d500 60%), linear-gradient(to bottom, #05192bf5, #05192bf5), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/606ea01b8e07f87d2b4497f5_20130717-94.jpg"), linear-gradient(to bottom, #02020230, #02020230);
background-position: 0 0, 0 0, 50%, 0 0;
background-repeat: repeat, repeat, no-repeat, repeat;
background-size: auto, auto, cover, auto;
background-attachment: scroll, scroll, scroll, scroll;
}
.section-40 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/603864c0530f4a210c0629dc_honeycomb%20revised%206.jpg");
background-position: 105%;
background-repeat: no-repeat;
background-size: 65%;
flex: none;
width: 130vw;
height: 100vh;
padding-left: 10vw;
padding-right: 10vw;
position: relative;
overflow: hidden;
}
.text-block-71 {
font-size: 18px;
line-height: 28px;
}
.text-block-71.news-left {
color: #fff;
text-align: left;
font-size: 16px;
}
.collection-item-6, .collection-list-6, .collection-list-wrapper-4 {
height: 100%;
}
.body-13 {
flex-direction: column;
justify-content: center;
display: flex;
}
.rich-text-block-5 {
text-align: left;
flex-direction: column;
align-items: flex-start;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.related-media-news {
align-self: flex-start;
width: 100vw;
padding: 120px 5vw;
}
.reporters-block {
margin-top: 0;
margin-bottom: 0;
margin-right: 12px;
display: flex;
}
.text-block-73 {
margin-left: 10px;
padding-right: 10px;
font-size: 24px;
}
.text-block-74 {
opacity: .5;
margin-top: 0;
font-size: 18px;
line-height: 24px;
}
.text-block-74.back-to-news-link {
opacity: .8;
margin-top: 0;
margin-left: 0;
margin-right: 12px;
}
.collection-item-8 {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.collection-list-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.div-block-329 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto 1fr auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.image-92 {
width: 20px;
transform: rotate(180deg);
}
.heading-55 {
color: #fff;
font-size: 16px;
}
.collection-list-8 {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.link-block-17 {
color: var(--dark-slate-blue);
text-decoration: none;
transition: all .4s;
}
.link-block-17:hover {
transform: translate(0, -5px);
}
.div-block-330 {
margin-bottom: 12px;
}
.div-block-331 {
background-color: var(--dark-olive-green);
opacity: 1;
width: 100vw;
height: 100vh;
display: none;
inset: 0%;
}
.div-block-331.hidden {
background-color: var(--new-loading-green);
display: none;
}
.collection-list-9 {
grid-column-gap: 16px;
grid-row-gap: 30px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.div-block-332 {
flex-direction: row;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.link-block-18 {
color: #5c5c5c;
height: 100%;
text-decoration: none;
}
.link-block-19 {
color: #165b99;
align-self: flex-start;
align-items: center;
margin-top: 56px;
text-decoration: none;
display: flex;
}
.size4-link-3 {
color: #0c3e6b;
width: auto;
height: auto;
margin-top: 10px;
margin-bottom: 15px;
font-size: 24px;
font-weight: 300;
line-height: 32px;
text-decoration: none;
display: block;
}
.size4-link-3:hover {
opacity: .7;
}
.button-small-2 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #0c3e6b;
border-radius: 0;
flex: none;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: 18px 30px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: all .4s;
display: flex;
}
.button-small-2:hover {
background-color: #05192b;
}
.button-small-2.w--current {
transition: all .4s;
}
.button-small-2.w--current:hover, .button-small-2.w--current:active {
background-color: #05192b;
}
.collection-list-10 {
grid-column-gap: 50px;
grid-row-gap: 16px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-333 {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.hidden {
display: none;
}
.news-heading {
color: var(--dark-slate-blue);
font-size: 24px;
line-height: 30px;
}
.link-block-20 {
width: 100%;
height: 100%;
text-decoration: none;
}
.latest-news {
text-align: center;
}
.latest-news h1 {
color: var(--dark-slate-blue);
font-family: "Creamfont 1";
font-size: 40px;
font-weight: 400;
line-height: 56px;
}
.div-block-334 {
padding-right: 15px;
}
.news-block {
align-self: flex-start;
}
.div-block-335 {
width: 100%;
}
.link-block-22 {
cursor: pointer;
margin-right: 24px;
text-decoration: none;
}
.heading-56 {
font-family: "Creamfont 1";
font-weight: 400;
}
.heading-56.no-space {
margin-top: 0;
}
.collection-list-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-block-75 {
opacity: .5;
margin-bottom: 24px;
font-size: 18px;
line-height: 30px;
}
.div-block-336 {
border-bottom: .25px solid #e6e6e6;
padding-bottom: 24px;
}
.hexa-wrapper {
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.image-94 {
width: 220px;
max-width: none;
position: relative;
}
.image-94.top {
top: auto;
bottom: auto;
}
.image-94.bottom {
bottom: auto;
left: auto;
}
.image-94.mid {
left: auto;
}
.hexa-wrapper-solo {
position: relative;
}
.hexa-wrapper-solo.top {
transition: all .4s;
bottom: 15vh;
}
.hexa-wrapper-solo.mid {
transition: all .4s;
left: -2%;
}
.hexa-wrapper-solo.below {
transition: all .4s;
top: 15vh;
bottom: auto;
left: -4%;
}
.heading--hex {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: visible;
}
.heading-58 {
color: #fff;
text-align: center;
margin-top: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px;
}
.heading-59 {
color: #fff;
margin-top: 0;
font-family: "Creamfont 1";
font-size: 30px;
font-weight: 400;
line-height: 30px;
}
.image-96 {
max-width: 90%;
display: none;
position: absolute;
top: -5%;
left: 25%;
overflow: visible;
}
.image-96._2 {
max-width: 75%;
display: none;
top: 50%;
left: auto;
right: -4%;
}
.image-96._3 {
flex: none;
width: 150%;
max-width: none;
display: none;
top: -10%;
}
.image-98 {
width: 70px;
position: absolute;
bottom: -18px;
right: 25px;
}
.image-98._1 {
bottom: 70px;
right: 175px;
}
.image-98.full1 {
transition: all .8s;
bottom: 194px;
right: 166px;
}
.image-98.full2 {
width: 100px;
bottom: 4px;
right: 219px;
}
.div-block-341 {
display: flex;
position: relative;
}
.connecting-line-wrapper {
flex-direction: row;
justify-content: center;
align-self: center;
height: 100%;
margin-left: 120px;
display: flex;
}
.div-block-343 {
align-items: center;
width: auto;
margin-bottom: 48px;
transition: all .4s;
display: flex;
}
.div-block-343.last {
margin-bottom: 0;
}
.image-100 {
width: 150px;
max-width: none;
height: auto;
margin-bottom: 0;
margin-left: 24px;
display: block;
}
.image-100.branch {
width: 185px;
margin-left: 24px;
}
.image-101 {
width: 100px;
}
.div-block-344 {
margin-left: 0;
display: flex;
position: relative;
top: 85px;
left: 0;
}
.div-block-344._2 {
top: 131px;
}
.departments-wrapper {
flex-direction: column;
justify-content: center;
display: flex;
}
.div-block-345 {
background-color: #fff;
align-self: center;
width: 2px;
height: 400px;
margin-right: 56px;
position: relative;
}
.div-block-346 {
background-color: #fff;
width: 50px;
height: .5px;
position: absolute;
bottom: 0;
}
.div-block-346.top {
height: .5px;
top: 0;
bottom: auto;
}
.div-block-347 {
align-items: center;
margin-right: 12px;
display: flex;
}
.line-wrapper-2 {
width: 1px;
height: 105px;
}
.image-102 {
opacity: .3;
width: 280px;
max-width: none;
position: absolute;
inset: auto auto -185px -44px;
}
.image-102.right {
width: 280px;
bottom: 113px;
left: auto;
right: -16px;
}
.div-block-349 {
z-index: 0;
background-color: var(--lichen-blue);
opacity: .83;
position: absolute;
inset: 0%;
}
.linear-gradient {
opacity: 1;
background-image: linear-gradient(to right, #05192b, #05192be6 20%, #05192ba6 45%, #05192b29 67%, #05192b00);
position: absolute;
inset: 0%;
}
.body-15.no-scroll {
background-color: var(--lichen-blue);
}
.other-articles-heading {
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 36px;
}
.other-articles-wrapper {
width: 100%;
}
.collection-list-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-post-image---grid-below {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb5cf8915bb93a09934d059_bola-halo-pendant-chandelier-environmental-office-wall-3k_download.jpg");
background-position: 50%;
background-size: cover;
flex: none;
width: 100%;
height: 250px;
margin-right: 36px;
transition: opacity .2s;
}
.blog-post-image---grid-below:hover {
opacity: .8;
}
.collection-list-13 {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.latest-news-grid-wrapper {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.latest-news-grid-heading {
color: #fff;
margin-bottom: 0;
font-family: "Creamfont 1";
font-size: 18px;
font-weight: 400;
}
.other-articles {
grid-column-gap: 40px;
grid-row-gap: 50px;
grid-template-rows: 1fr auto;
}
.other-articles-cms {
margin-top: 48px;
}
.collection-item-9 {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.div-block-359 {
height: 90%;
}
.pagination-2 {
justify-content: flex-end;
margin-top: 24px;
}
.next, .previous-2 {
margin-right: 0;
}
.columns-2 {
z-index: 10;
flex-direction: row;
align-items: center;
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.tabs-menu-4 {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.tab-link-tab-1-5 {
border: 1px solid var(--grey);
background-color: #0000;
border-radius: 2px;
margin-bottom: 24px;
margin-right: 0;
padding-top: 15px;
padding-bottom: 15px;
font-size: 18px;
}
.tab-link-tab-1-5.w--current {
background-color: var(--lichen-blue);
color: #fff;
border-radius: 2px;
margin-right: 0;
font-size: 18px;
font-weight: 400;
}
.tab-link-tab-2-4 {
border: 1px solid var(--grey);
background-color: #0000;
padding-top: 15px;
padding-bottom: 15px;
font-size: 18px;
}
.tab-link-tab-2-4.w--current {
background-color: var(--lichen-blue);
color: #fff;
border-radius: 2px;
padding-top: 15px;
padding-bottom: 15px;
}
.div-block-361 {
width: 1200px;
padding-left: 10vw;
}
.tabs-4 {
grid-column-gap: 60px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-365 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1413478cf66_20130717-27.jpg");
background-position: 50%;
background-size: cover;
width: 100px;
height: 120px;
margin-right: 20px;
}
.div-block-366 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fcdd91725d467a7282a8036_DSC_2635.jpg");
background-position: 50%;
background-size: cover;
width: 150px;
height: 100px;
}
.div-block-367 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc5a92dce7bca3583c7fcf8_drow-H.jpg");
background-position: 41% 100%;
background-size: cover;
width: 100px;
height: 120px;
margin-right: 20px;
}
.div-block-368 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fcdcef98faed23c8e0fa77d__RIO6865.jpg");
background-position: 50%;
background-size: cover;
width: 150px;
height: 100px;
}
.collection-list-15 {
grid-column-gap: 50px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.organization-mobile-wrapper {
display: none;
}
.link-block-23 {
text-decoration: none;
}
.video {
margin-bottom: 36px;
}
.heading-60 {
color: #fff;
margin-top: 0;
font-family: "Creamfont 1";
font-size: 36px;
font-weight: 400;
}
.youtube {
height: auto;
margin-bottom: 84px;
}
.popup-tentative {
z-index: 99999999;
background-color: #000000a1;
justify-content: center;
align-items: center;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: visible;
}
.popup-tentative.home {
z-index: 88888888;
opacity: 0;
display: none;
}
.div-block-377 {
background-color: var(--flesh);
border-radius: 5px;
width: 650px;
height: 500px;
position: relative;
}
.cross-mark-pop-up {
z-index: 2;
background-color: var(--white-smoke);
cursor: pointer;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
transition: transform .6s;
display: flex;
position: absolute;
top: -4%;
right: -4%;
box-shadow: 1px 1px 10px -2px #0000009c;
}
.cross-mark-pop-up:hover {
transform: scale(1.15);
}
.image-117 {
width: 15px;
height: 15px;
}
.div-block-380 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/607e6cf732d3051f79d48052_%E5%AE%98%E7%B6%B2-%E5%B1%B1%E6%BA%9C%E6%BB%B4%E5%BA%97%E9%9D%A2-%E7%B6%A0%E5%AD%97_%E5%B7%A5%E4%BD%9C%E5%8D%80%E5%9F%9F%201%20%E8%A4%87%E6%9C%AC.jpg");
background-position: 50%;
background-size: cover;
border-radius: 5px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding-bottom: 5vw;
display: flex;
position: absolute;
inset: 0%;
}
.yiushan-logo-main {
width: 37vh;
}
.div-block-383 {
color: #fff;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.div-block-384 {
width: 100%;
margin-left: 0;
}
.paragraph-85 {
opacity: .6;
margin-top: 0;
margin-bottom: 48px;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
.button-19 {
color: var(--lichen-blue);
background-color: #fff;
border-radius: 2px;
padding: 15px 20px;
transition: all .6s;
}
.button-19:hover {
transform: translate(0, -5px);
}
.yushan-wrapper {
background-color: #3b3b3b;
display: none;
position: relative;
}
.yushan-background-wrapper {
z-index: 0;
opacity: 1;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.image-122 {
opacity: .08;
width: auto;
max-width: none;
height: auto;
}
.div-block-391 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
overflow: hidden;
}
.heading-63 {
color: #feed1e;
font-family: "Creamfont 1";
font-size: 60px;
font-weight: 400;
}
.button-20 {
opacity: 1;
color: #fff;
letter-spacing: 2px;
-webkit-text-fill-color: inherit;
background-color: #165b99;
background-clip: border-box;
border-radius: 2px;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
height: auto;
margin-top: 25px;
margin-bottom: 0;
margin-left: 0;
padding: 10px 25px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
transition: all .4s;
display: block;
overflow: visible;
}
.button-20:hover {
transform: translate(0, -4px);
box-shadow: 0 3px 6px #00000026;
}
.class-link-2 {
color: #fff;
text-align: center;
width: 100px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.class-link-2.w--current {
color: #fff;
margin-right: 25px;
font-weight: 600;
}
.rich-footer-2 {
width: 100vw;
}
.button-21 {
color: #05192b;
background-color: #f2f0eb;
border-radius: 2px;
align-self: center;
padding-top: 12px;
padding-bottom: 12px;
transition: all .4s;
box-shadow: 1px 1px 3px #0000001a;
}
.button-21:hover {
transform: translate(0, -5px);
}
.hover-wrapper-2 {
width: auto;
height: 80vh;
position: static;
}
.div-block-393 {
z-index: 91;
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
display: flex;
position: relative;
}
.text-block-76 {
color: #546f88;
font-size: 16px;
text-decoration: none;
}
.text-block-76.white-2 {
opacity: .5;
color: #fff;
}
.heading-64 {
z-index: 9;
opacity: .05;
color: #165b99;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 250px;
font-weight: 200;
line-height: 250px;
position: absolute;
inset: auto 0% 0%;
}
.heading-64.new-case-scroll {
z-index: 100;
opacity: .1;
color: #fff;
font-size: 160px;
inset: auto 0% 0%;
}
.new-case-button-2 {
color: #fff;
letter-spacing: 1px;
background-color: #165b99;
border-radius: 2px;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 45px;
margin-top: 12px;
margin-right: 20px;
padding: 10px 15px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
transition: all .4s;
display: flex;
box-shadow: 0 1px 8px #0000001a;
}
.new-case-button-2:hover {
transform: translate(0, -4px);
}
.new-case-first-block-wrapper-2 {
background-image: linear-gradient(#05192b, #172a4c 53%, #3b4c8f 100%, #fff);
}
.text-block-77 {
color: #546f88;
margin-right: 32px;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 30px;
}
.text-block-77.white {
opacity: .4;
color: #fff;
}
.section-41 {
background-color: #3b4c8f;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb47e25b6a149af416bbb45_Layer%201%20(4).png"), none;
background-position: 100% 100%, 10% -5%;
background-repeat: no-repeat, no-repeat;
background-size: contain, 35%;
justify-content: center;
align-self: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.about-link-2 {
width: 100px;
transform: rotate(0);
}
.link-12 {
color: #fff;
text-align: center;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.link-12:hover {
transform: rotate(0);
}
.link-12.w--current {
color: #fff;
width: 100px;
margin-right: 25px;
font-weight: 600;
}
.nav-links-wrapper-2 {
z-index: 2;
color: #05192b;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
}
.patent-link-2 {
color: #fff;
text-align: center;
width: 100px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.patent-link-2.w--current {
color: #fff;
flex: none;
width: 115px;
margin-right: 25px;
font-weight: 600;
}
.new-case-link-2 {
color: #fff;
text-align: center;
width: 100px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.new-case-link-2.w--current {
color: #fff;
margin-right: 25px;
font-weight: 600;
}
.new-case-hero-section-2 {
align-items: center;
width: 100vw;
height: 100vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.line-2 {
background-color: #165b99;
width: 2px;
height: 30px;
max-height: 100%;
display: none;
}
.dot-wrapper-2 {
z-index: 20;
width: auto;
height: auto;
position: absolute;
top: 39%;
left: 28%;
}
.contact-link-2 {
color: #fff;
text-align: center;
width: 100px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.contact-link-2.w--current {
color: #fff;
margin-right: 25px;
font-weight: 600;
}
.footer-link-2 {
opacity: .8;
color: #546f88;
text-transform: uppercase;
width: 100%;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: opacity .2s;
display: block;
}
.footer-link-2:hover {
opacity: .5;
}
.footer-link-2.privacy-policy {
opacity: .5;
font-size: 16px;
display: block;
}
.footer-link-2.white {
opacity: 1;
color: #546f88;
flex: 0 auto;
}
.footer-link-2.white:hover {
opacity: .8;
}
.footer-link-2.white.dark {
opacity: .8;
color: #fff;
}
.footer-link-2.white.dark.w--current {
opacity: .8;
}
.footer-link-2.white.dark.hidden.w--current {
display: none;
}
.hover-on-building---dancing-mountain-2 {
z-index: 0;
opacity: .8;
filter: none;
flex: 1;
width: auto;
max-width: none;
height: 100%;
margin-right: 0;
display: block;
position: relative;
inset: 0% 0% 0% auto;
}
._1200-contiainer-2 {
flex-direction: column;
flex: 1;
justify-content: center;
align-self: auto;
align-items: center;
min-width: 1200px;
max-width: 1200px;
display: flex;
position: static;
inset: 0%;
overflow: hidden;
}
.image-123 {
align-self: center;
height: 500px;
margin-bottom: 24px;
}
.navbar-2 {
z-index: 888888;
opacity: 1;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
height: auto;
padding: 20px 0;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.image-124 {
text-shadow: 1px 1px 6px #000;
width: 200px;
max-width: none;
height: 45px;
margin-left: 0;
padding-left: 0;
display: block;
}
.div-block-394 {
z-index: 0;
filter: none;
flex: 0 auto;
justify-content: center;
align-items: center;
width: auto;
height: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: static;
inset: 0%;
}
.div-block-395 {
flex-direction: column;
width: 60%;
height: 100%;
display: flex;
}
.contact-form-2 {
color: #fff;
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100vw;
height: 140vh;
padding-top: 80px;
padding-bottom: 50px;
display: flex;
position: relative;
}
.blog-link-2 {
color: #fff;
text-align: center;
width: 100px;
height: auto;
margin-right: 25px;
text-decoration: none;
}
.blog-link-2.w--current {
color: #fff;
margin-right: 25px;
font-weight: 600;
}
.secondary-link-2 {
opacity: .5;
color: #546f88;
flex: none;
margin-right: 32px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
display: block;
}
.secondary-link-2.white {
color: #fff;
}
.nav-2 {
z-index: 90;
background-color: #05192b;
background-image: linear-gradient(#020c14f2, #020c14f2), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fc2131d9b588b7f43efe305_DSC_3510.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: visible;
}
.about-page-heading-wrapper-2 {
z-index: 0;
color: #0c3e6b;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 400px;
margin-left: 0;
transition: background-color .2s, opacity .2s;
display: flex;
position: relative;
}
.about-page-heading-wrapper-2.center-align.white {
color: #fff;
}
.container-4 {
flex-direction: column;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-span-27 {
border-bottom: 1px #f2f0eb;
text-decoration: underline;
}
.new-case-wrapper-3 {
z-index: 20;
background-color: #3b4c8f;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100vw;
height: auto;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
overflow: hidden;
}
.brand-2 {
z-index: 500;
background-color: #fff0;
flex: 0 auto;
width: auto;
height: 100%;
padding-left: 0;
display: block;
left: -5%;
}
.div-block-396 {
background-color: #3b4c8f;
}
.text-field-9 {
background-color: #0000;
border: 1px #000;
border-bottom: 1px solid #165b99;
margin-bottom: 25px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.div-block-380-copy {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/607e6cf732d3051f79d48052_%E5%AE%98%E7%B6%B2-%E5%B1%B1%E6%BA%9C%E6%BB%B4%E5%BA%97%E9%9D%A2-%E7%B6%A0%E5%AD%97_%E5%B7%A5%E4%BD%9C%E5%8D%80%E5%9F%9F%201%20%E8%A4%87%E6%9C%AC.jpg");
background-position: 50%;
background-size: cover;
border-radius: 5px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding-bottom: 5vw;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-380-copy.home-pop {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/60ab195552279b3338b0ae0b_%E9%98%B2%E7%96%AB-%E5%AE%98%E7%B6%B2_%E5%B7%A5%E4%BD%9C%E5%8D%80%E5%9F%9F%201.jpg");
}
.html-embed-13 {
display: none;
}
.div-block-405 {
background-color: var(--buttons-blue);
color: #fff;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 100%;
height: 45px;
padding: 10px 15px;
text-decoration: none;
display: flex;
}
.text-block-79 {
width: auto;
padding: 0;
}
.tabs-content-3 {
width: 100%;
}
.living-mountain-wrapper {
z-index: 20;
align-items: stretch;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
overflow: visible;
}
.living-mountain-hero-section {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
}
.living-mountain-hero-description {
width: 50%;
padding-left: 0;
padding-right: 0;
}
.living-mountain-logo {
width: 300px;
margin-bottom: 36px;
}
.living-mountain-hidden-view {
flex-direction: row;
width: 100vw;
height: 100vh;
display: flex;
}
.living-mountain-customer-profile {
background-color: #003f48;
width: 100vw;
height: 100vh;
position: relative;
}
.living-mountain-design-manuscript-2 {
background-color: var(--livetrue-green);
flex-direction: column;
justify-content: center;
width: 100vw;
height: 100vh;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.living-mountain-map {
flex-direction: row;
height: 100vh;
display: flex;
overflow: hidden;
}
.living-mountain-design-manuscript-1 {
flex-direction: column;
height: 100vh;
display: flex;
}
.living-mountain-surrounding-environment {
background-color: var(--livetrue-green);
flex-direction: column;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
}
.living-mountain-facilities {
height: 100vh;
display: flex;
position: relative;
overflow: hidden;
}
.living-mountain-folly-growing {
height: 100vh;
}
.living-mountain-balcony-intro {
width: 100vw;
height: 100vh;
display: flex;
}
.environment-grid-wrapper {
justify-content: center;
width: 100vw;
height: 40vh;
display: flex;
}
.environment-description {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 60vh;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.environment-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: none;
}
.paragraph-86 {
color: #fff;
text-align: center;
}
.hidden-view-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50% 0;
background-size: cover;
width: 50vw;
max-width: 50vw;
height: 100vh;
}
.hidden-view-description-wrapper {
background-color: var(--livetrue-green);
flex-direction: column;
justify-content: center;
align-items: center;
width: 50vw;
max-width: 50vw;
height: 100vh;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.div-block-406 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
overflow: hidden;
}
.image-129, .image-130 {
max-width: none;
height: 100%;
}
.facility-manuscript-wrapper {
width: 25vw;
height: 100vh;
}
.paragraph-87 {
text-align: center;
}
.grid-16 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: 100%;
height: 100%;
}
.folly-description-wrapper {
background-color: var(--livetrue-green);
flex-direction: column;
justify-content: center;
width: 100vw;
height: 30vh;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.folly-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/627e29ffc5f1e141fe4e8294_03-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100vw;
height: 70vh;
}
.folly-slider {
background-color: #0000;
height: 100vh;
}
.slide-nav-2 {
display: none;
}
.balcony-image {
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 50vw;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.balcony-description {
background-color: var(--livetrue-green);
align-items: center;
width: 50vw;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.image-132 {
flex: 0 auto;
max-width: none;
height: 100%;
}
.image-132.magnify {
width: 100%;
height: auto;
}
.manuscript-image-wrapper {
width: 100%;
height: 100vh;
}
.manuscript-description-wrapper {
background-color: var(--living-mountain-gray);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 20vh;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.manuscript-image {
height: 100%;
}
.maunscript-decsription-2-wrapper {
text-align: center;
}
.white-h5 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: "Creamfont 1";
font-size: 18px;
line-height: 30px;
}
.white-h2 {
color: #fff;
margin-top: 0;
font-size: 36px;
line-height: 48px;
}
.div-block-407 {
height: 36px;
}
.div-block-408 {
height: 12px;
}
.manuscript-2-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/61c2928420b59a5af9cec780_living%20manuscript%202.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 50vh;
}
.profile-form-wrapper {
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.form-div {
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 90vh;
padding-left: 0;
font-size: 16px;
display: flex;
}
.form-description-div {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 50%;
height: 90vh;
padding-left: 5vw;
display: flex;
}
.sample-plan-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 40vw;
height: 40vw;
margin-bottom: 0;
}
.facilities-slider {
background-color: #0000;
height: 100vh;
overflow: visible;
}
.living-mountain-map-main {
width: 50vw;
height: 100vh;
}
.map-attractions-wrapper {
width: 50vw;
}
.map-attractions-slider {
background-color: #0000;
height: 100%;
}
.slide-nav-3 {
display: none;
}
.map-nearby-attractions-grid-1 {
height: 100%;
}
.grid-17 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
height: 100%;
}
.image-134 {
width: 100%;
}
.attraction-div {
height: 50vh;
overflow: hidden;
}
.attractions-map {
height: 100%;
}
.image-135 {
width: 100%;
max-width: none;
}
.image-136 {
width: 100%;
max-width: none;
height: auto;
}
.mask, .slide-2, .slide-3 {
height: 100%;
}
.folly-slide-1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.facility-image-description-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 75vw;
height: 100%;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.facility-slide-a {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.facilities-grid-1 {
width: 100%;
height: 100vh;
}
.mask-2 {
width: 100vw;
}
.mask-3 {
height: 100vh;
}
.rich-text-block-living-mountain {
text-align: center;
}
.rich-text-block-living-mountain.hidden {
display: none;
}
.rich-text-block-living-mountain p {
font-size: 18px;
}
.rich-text-block-living-mountain.richtext-left-white {
color: #fff;
text-align: left;
}
.rich-text-block-living-mountain.richtext-center-white {
color: #fff;
}
.rich-text-block-living-mountain h2 {
font-size: 36px;
}
.environment-cms-grid-wrapper {
width: 100vw;
max-width: 100vw;
height: 40vh;
}
.surrounding-environment-slider {
width: 100vw;
height: 40vh;
}
.slide-nav-9 {
display: none;
}
.slider-8 {
height: 100%;
}
.slide-nav-11 {
display: none;
}
.collection-list-23 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.collection-list-wrapper-14 {
height: 100%;
}
.collection-item-20 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
height: 100%;
}
.slide-8, .collection-list-wrapper-15, .collection-list-24, .collection-item-21 {
height: 100%;
}
.collection-list-25 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 100vw;
max-width: 100vw;
height: 100%;
display: grid;
}
.collection-list-wrapper-16 {
min-width: 100vw;
max-width: 100vw;
height: 100%;
}
.collection-item-22 {
width: 25vw;
height: 100%;
}
.div-block-416 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 25vw;
height: 100%;
}
.environment-grid-1 {
min-width: 100vw;
max-width: 100vw;
}
.facility-images {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.collection-list-wrapper-17 {
height: 100%;
}
.collection-list-26 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.transparent-anti-slide {
z-index: 15;
background-color: #0000;
width: 90vw;
height: 40vh;
position: absolute;
top: 0;
}
.transparent-anti-slide-full-width {
z-index: 15;
position: absolute;
inset: 0%;
}
.collection-list-27 {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.collection-list-wrapper-18 {
height: 100%;
}
.div-block-417 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.map-nearby-attractions-grid-3 {
height: 100%;
}
.left-arrow {
height: 100%;
display: none;
inset: 0% auto 0% 0%;
}
.right-arrow {
z-index: 1;
height: 85vh;
display: block;
inset: 0% 0% auto auto;
overflow: visible;
}
.transparent-anti-slide-50vw {
width: 50vw;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.icon, .icon-2, .icon-3, .icon-4, .icon-5 {
display: none;
}
.hover-image-to-zoom-bubble {
text-align: center;
background-color: #fffc;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
font-family: "Creamfont 1";
display: flex;
position: absolute;
inset: auto 2% 2% auto;
box-shadow: 1px 1px 15px #00000080;
}
.text-block-82 {
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.click-image-to-zoom-bubble {
text-align: center;
background-color: #fffc;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
font-family: "Creamfont 1";
display: none;
position: absolute;
inset: auto 2% 2% auto;
box-shadow: 1px 1px 15px #00000080;
}
.living-mountain-footer {
background-color: var(--living-mountain-footer);
height: 12vh;
padding-left: 8vw;
padding-right: 8vw;
}
.grid-18 {
grid-column-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
height: 100%;
}
.living-mountain-footer-block {
color: #fff;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
text-decoration: none;
transition: transform .8s;
display: flex;
}
.living-mountain-footer-block:hover {
transform: scale(1.07);
}
.living-mountain-footer-block.navbar-link {
transition: transform .8s;
}
.living-mountain-footer-block.navbar-link:hover {
transform: scale(1.07);
}
.image-137 {
width: auto;
max-width: none;
height: 24px;
margin-bottom: 8px;
}
.text-block-83 {
text-align: center;
}
.submit-button-2 {
background-color: var(--living-mountain-button);
color: var(--lichen-blue);
letter-spacing: 2px;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.text-field-10 {
margin-bottom: 18px;
padding-top: 24px;
padding-bottom: 24px;
font-family: Montserrat, sans-serif;
display: block;
}
.living-mountain-form-block {
width: 100%;
margin-bottom: 0;
}
.button-23 {
background-color: var(--living-mountain-button);
color: var(--lichen-blue);
text-align: center;
letter-spacing: 2px;
width: 100%;
margin-top: 12px;
padding-top: 15px;
padding-bottom: 15px;
}
.button-23.navbar-link {
margin-top: 24px;
}
.spacer {
width: 100%;
height: 24px;
}
.form-bird-sketch {
opacity: .8;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/61d6873105bd9e838984eef9_sample-bird-drawing.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
width: 350px;
height: 350px;
position: absolute;
inset: auto -2% 0% auto;
}
.text-block-84 {
font-family: Montserrat, sans-serif;
}
.success-message {
color: var(--lichen-blue);
}
.text-block-85 {
color: #990404;
text-align: center;
}
.html-embed-14 {
z-index: 0;
position: absolute;
inset: 0%;
}
.text-block-86 {
color: #000;
margin-left: 5px;
font-weight: 600;
}
.bold-text-21 {
font-weight: 500;
}
.news-heading-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 5vw;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.back-to-news-button {
color: var(--living-mountain-gray);
text-align: right;
flex-wrap: wrap;
justify-content: flex-end;
width: auto;
text-decoration: none;
display: flex;
position: absolute;
inset: auto 5vw -15% auto;
}
.text-block-87 {
flex-direction: row;
justify-content: flex-end;
display: flex;
}
.back-to-news-arrow {
filter: invert(50%);
flex: none;
width: 20px;
margin-left: 0;
margin-right: 6px;
display: inline-block;
transform: rotate(180deg);
}
.cms-news-heading {
color: var(--dark-slate-blue);
font-family: "Creamfont 1";
font-size: 36px;
font-weight: 400;
}
.event-history-tab {
border-style: none;
border-width: 1px 1px 2px;
border-color: black black var(--living-mountain-button);
opacity: .5;
color: #fff;
text-align: center;
background-color: #0000;
width: auto;
height: auto;
margin-left: 30px;
transition: all .4s;
}
.event-history-tab:hover {
transform: translate(0, -8%);
}
.event-history-tab.w--current {
border-bottom: 2px solid var(--living-mountain-button);
opacity: 1;
text-align: center;
background-color: #0000;
border-radius: 2px;
width: auto;
height: auto;
font-size: 16px;
line-height: 24px;
}
.event-history-tab.media-news {
color: #fff;
border-bottom-style: none;
}
.event-history-tab.media-news.w--current {
border-bottom-style: solid;
}
.div-block-418 {
display: none;
}
.yushan-butttons-wrapper {
display: flex;
}
.yushan-contact {
opacity: .9;
color: var(--dark-blue);
background-color: #fff;
border-radius: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin-right: 15px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: 500;
text-decoration: none;
transition: all .6s;
display: flex;
}
.yushan-contact:hover {
transform: scale(1.05);
box-shadow: 0 3px 6px 2px #0003;
}
.yushan-button-details-wrapper {
flex-direction: column;
justify-content: center;
display: flex;
}
.image-138 {
width: 25px;
height: 25px;
margin-bottom: 6px;
}
.contact-number-link {
color: #fff;
text-decoration: none;
}
.contact-subheading {
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.contact-number-heading {
margin-top: 0;
margin-bottom: 0;
}
.grid-20 {
flex: none;
grid-template-rows: auto;
place-content: center;
place-items: start center;
width: 100%;
}
.image-139 {
width: 60%;
}
.div-block-419 {
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding-top: 0;
display: flex;
}
.div-block-420 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.tab-link-tab-1-6 {
color: var(--grey);
background-color: #0000;
margin-right: 12px;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.tab-link-tab-1-6.w--current {
border-bottom: 2px solid var(--living-mountain-button);
color: #fff;
background-color: #0000;
margin-right: 12px;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.sorting-tab-menu {
justify-content: flex-end;
display: flex;
}
.tab-link-tab-2-5 {
color: var(--living-mountain-gray);
background-color: #0000;
padding-left: 15px;
padding-right: 15px;
}
.tab-link-tab-2-5.w--current {
border-bottom: 2px solid var(--living-mountain-button);
color: #fff;
background-color: #0000;
font-size: 16px;
}
.text-block-88 {
font-size: 16px;
}
.media-news-cms {
margin-top: 36px;
}
.on-load-wrapper {
opacity: 1;
width: 100vw;
overflow: hidden;
}
.footer-divider {
background-color: #0000;
height: 15vh;
}
.news-background-wrapper {
background-color: #0000;
background-image: linear-gradient(#05192bed, #05192bed), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1d7ad78cfdf_5ef1c6765e2a8c33ec7fe17a_DSC_3494-min.jpg");
background-position: 0 0, 50% 0;
background-repeat: repeat, repeat-y;
background-size: auto, contain;
}
.main-container {
min-width: 980px;
max-width: 90vw;
}
.big-spacer {
height: 180px;
}
.navbar-3 {
display: none;
}
.project-description {
color: var(--blue-gray);
}
.sketch-rich-text {
color: var(--blue-gray);
text-align: right;
height: auto;
font-family: "Creamfont 1";
font-weight: 400;
line-height: 18px;
}
.sketch-rich-text p {
margin-bottom: 0;
}
.sketch-rich-text.left {
opacity: 1;
text-align: left;
flex: none;
width: auto;
}
.sketch-rich-text h4 {
margin-top: 0;
margin-bottom: 0;
}
.video-2 {
width: 100%;
height: auto;
margin-bottom: 84px;
position: relative;
overflow: hidden;
}
.video-3 {
height: 120px;
margin-bottom: 84px;
position: relative;
overflow: hidden;
}
.project-big-quote.h1-zh {
color: var(--lichen-blue);
font-family: "Creamfont 1";
font-weight: 400;
}
.project-big-quote.h1-zh h1 {
font-weight: 400;
}
.grid-21 {
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
display: block;
}
.collection-list-wrapper-19 {
width: 100%;
height: 100%;
}
.collection-list-28 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.collection-item-23 {
height: 100%;
}
.classics-rich-text-image-description {
margin-top: 12px;
}
.classics-rich-text-image-description p {
font-size: 14px;
line-height: 28px;
}
.classics-rich-text-image-description h2 {
margin-top: 0;
}
.classics-rich-text-image-description h4 {
margin-top: 0;
margin-bottom: 12px;
}
.sketch-rich-text-copy {
color: var(--blue-gray);
text-align: right;
height: auto;
font-family: "Creamfont 1";
font-weight: 400;
line-height: 18px;
}
.sketch-rich-text-copy p {
margin-bottom: 0;
}
.sketch-rich-text-copy h4 {
margin-top: 0;
margin-bottom: 0;
}
.dancing-mountain-rich-text {
color: var(--blue-gray);
}
.portrait-movable-description {
color: #fff;
flex-direction: row;
align-items: center;
width: auto;
display: flex;
position: absolute;
top: 15%;
left: auto;
right: -20%;
}
.portrait-movable-description._3 {
top: 15%;
left: -150px;
right: auto;
}
.portrait-movable-description._3.dancing-mountain-left {
left: -15%;
}
.portrait-movable-description._3.lower-left {
top: 45%;
left: -15%;
}
.portrait-movable-description.lower-right {
top: 45%;
right: -25%;
}
.text-block-89 {
color: #000;
margin-left: 12px;
font-weight: 500;
}
.living-mountain-hero {
width: 100vw;
height: auto;
}
.living-mountain-hero-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62562f279107cddb902ac376_%E6%9E%9C.jpg");
background-position: 50% 65%;
background-size: 100%;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: relative;
}
.living-mountain-hero-container {
position: absolute;
right: 10vw;
}
.living-mountain-logo-image {
width: 250px;
height: auto;
}
.a-living-mountain-description-grid {
width: 100%;
}
.alm-section-2 {
width: 100vw;
height: auto;
}
.grid-22 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.image-141 {
width: 100%;
max-width: none;
height: auto;
}
.div-block-421 {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: relative;
}
.alm-section-3 {
align-items: center;
width: 100vw;
height: 90vh;
display: flex;
}
.grid-23 {
grid-template-rows: auto;
}
.image-142 {
width: 200px;
}
.alm-sec-3-div {
width: 70%;
margin-bottom: 36px;
padding: 2vw;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-weight: 700;
position: relative;
}
.image-143 {
height: 50%;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
}
.image-144 {
height: 50%;
position: absolute;
bottom: 0%;
right: 0%;
transform: rotate(180deg);
}
.alm-sec-3-div-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.alm-section-4 {
width: 100vw;
}
.alm-sec-4-div-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.alm-section-5 {
height: auto;
position: relative;
}
.grid-25 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.alm-section-5-image-wrapper {
position: relative;
}
.div-block-422 {
width: 50%;
}
.alm-sec-5-div-wrapper {
flex-direction: column;
align-items: center;
width: 50%;
display: flex;
}
.alm-sec-5-div {
width: 55%;
margin-bottom: 36px;
padding: 2vw;
display: inline-block;
position: relative;
}
.alm-sec-5-image {
background-image: none;
background-size: auto;
height: 85vh;
position: relative;
}
.image-145 {
z-index: 2;
transform-style: preserve-3d;
width: 200px;
position: absolute;
top: -54px;
right: 5vw;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.image-146 {
z-index: 2;
width: 200px;
position: absolute;
bottom: -25px;
left: 5vw;
right: auto;
}
.alm-section-6 {
height: auto;
padding-top: 5vw;
padding-bottom: 2vw;
}
.grid-26 {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.alm-sec-6-image-wrapper {
justify-content: center;
display: flex;
position: relative;
}
.alm-sec-6-div {
padding-left: 3vw;
padding-right: 3vw;
display: inline-block;
position: relative;
}
.curve-svg-left {
height: 100%;
position: absolute;
bottom: 0%;
left: -5%;
right: auto;
}
.curve-svg-right {
height: 100%;
position: absolute;
bottom: 0%;
left: auto;
right: -5%;
}
.alm-section-7 {
height: 120vh;
}
.grid-27 {
justify-items: center;
height: 100%;
}
.alm-sec-7-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62538eb67ee95e82d1367230_Sec%207%20image.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 60%;
height: 80vh;
}
.alm-section-8 {
justify-content: center;
align-items: center;
padding-bottom: 5vw;
display: flex;
position: relative;
}
.grid-28 {
grid-column-gap: 0px;
grid-row-gap: 24px;
justify-items: stretch;
}
.alm-sec-8-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62553dada970fc3b3634ecf1_%E6%98%9F%E5%B7%B4%E5%85%8B.jpg");
background-position: 50%;
background-size: cover;
height: 70vh;
}
.alm-sec-8-logos {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/625390f55be2924834f46695_Sec%208%20logos.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
height: 50px;
margin-top: 2vw;
}
.div-block-424 {
width: 50%;
padding-left: 0;
padding-right: 0;
}
.image-147 {
width: 280px;
}
.alm-section-9 {
background-color: #008840;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62539384cf93a61b2a71e1d5_Sec%209%20Image.png");
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: contain;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 5vw;
padding-bottom: 5vw;
display: flex;
}
._24px-spacer {
display: none;
}
.checkbox-label {
color: #323333;
font-family: creamfont, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.submit-button-3 {
color: #fff;
background-color: #8aae99;
border-radius: 0;
font-family: creamfont, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.div-block-425 {
justify-content: center;
align-items: center;
display: flex;
}
.image-148 {
display: none;
}
.grid-30 {
grid-template-columns: 1fr;
}
._36px-spacer {
width: 100%;
height: 36px;
}
.form-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
font-size: 18px;
line-height: 30px;
display: grid;
}
.name-field {
color: #323333;
border: 1px #000;
border-radius: 0;
height: 48px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 18px;
padding-bottom: 18px;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 18px;
line-height: 30px;
display: block;
}
.name-field::placeholder {
color: #323333;
font-family: creamfont, sans-serif;
}
.contact-field {
color: #323333;
border: 1px #000;
border-radius: 0;
height: 48px;
margin-bottom: 0;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
text-decoration: none;
display: block;
}
.contact-field::placeholder {
color: #323333;
font-family: creamfont, sans-serif;
font-weight: 400;
}
.alm-sec-8-image-wrapper-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62553dad6f88fa4fed0a65cd_%E7%B6%A0%E5%9C%B0.jpg");
background-position: 50% 35%;
background-size: cover;
height: 100%;
}
.div-block-426 {
text-align: center;
}
.image-149 {
width: auto;
height: 86vh;
position: relative;
}
.div-block-427 {
width: 60%;
}
.image-150 {
width: 90%;
}
.grid-31 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
width: 100%;
height: 100%;
}
.grid-31.hidden {
display: none;
}
.sec-5-image-1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62567086f61c1867524dd811_Sec%205%20image%201.png");
background-position: 50%;
background-size: cover;
}
.sec-5-image-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6256712d1106d34b2face3e4_Sec%205%20Image%202.png");
background-position: 50%;
background-size: cover;
}
.overlay-building-a {
width: 60%;
position: absolute;
top: 20%;
left: auto;
right: auto;
}
.overlay-building-b {
width: 50%;
position: absolute;
top: auto;
bottom: 20%;
}
.slider-9 {
width: 100%;
height: 100%;
}
.alm-slide-1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62567086f61c1867524dd811_Sec%205%20image%201.png");
background-position: 50% 100%;
background-size: cover;
}
.alm-slide-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6256712d1106d34b2face3e4_Sec%205%20Image%202.png");
background-position: 50%;
background-size: cover;
}
.alm-slide-3 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62660ef349337b993838d665_Group%2073.png");
background-position: 50% 0;
background-size: cover;
}
.alm-slide-4 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62660ef4a9da5b0d4f337685_Group%2071.png");
background-position: 50% 100%;
background-size: cover;
}
.grid-32 {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
}
.grid-slider-1 {
width: 100%;
}
.alm-section-8-grid {
height: 70vh;
}
.grid-33 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
height: 100%;
}
.alm-section-8-slider-2-image-a {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/626612f32fe04984021938b7_06.jpg");
background-position: 50%;
background-size: cover;
}
.alm-section-8-slider-2-image-b {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/626612f1da4322b59599d6ab_01.jpg");
background-position: 50%;
background-size: cover;
}
.grid-34 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
height: 100%;
}
.alm-section-8-slider-3-image-a {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/626612f3beb21a0d46265e0c_03.jpg");
background-position: 50% 80%;
background-size: cover;
}
.alm-section-8-slider-3-image-b {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/626612f4059766d7690edcf5_02.jpg");
background-position: 50% 80%;
background-size: cover;
}
.slide-blocker {
z-index: 2;
justify-content: center;
align-items: center;
width: 80%;
height: 70vh;
display: flex;
position: absolute;
inset: 0% 0% auto 10%;
}
.slide-blocker-b {
z-index: 2;
justify-content: center;
align-items: center;
width: 80%;
height: 85vh;
display: flex;
position: absolute;
inset: 0% 0% auto 10%;
}
.image-152 {
z-index: 4;
width: 100px;
position: absolute;
top: auto;
}
.image-153 {
z-index: 2;
width: 8vw;
position: absolute;
top: 45%;
left: 46%;
}
.image-154 {
width: 80px;
position: absolute;
top: -4%;
}
.alm-zoom-image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
overflow: hidden;
}
.rich-text-a-living-mountain {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.rich-text-a-living-mountain p {
font-family: "Creamfont 1";
line-height: 30px;
}
.rich-text-a-living-mountain h2 {
white-space: pre-line;
margin-top: 0;
margin-bottom: 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 40px;
}
.rich-text-a-living-mountain.center {
text-align: center;
}
.rich-text-a-living-mountain.center h1 {
font-size: 30px;
font-weight: 700;
line-height: 40px;
}
.rich-text-a-living-mountain h1 {
margin-top: 0;
font-size: 30px;
font-weight: 700;
line-height: 40px;
}
.cases-page-wrapper {
z-index: 0;
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5ff6b6c89f8a530e997e3309_20130717-44.jpg");
background-position: 50%;
background-size: cover;
height: 130vh;
position: static;
overflow: visible;
}
.cases-page-wrapper.no-scroll {
background-attachment: fixed;
height: auto;
}
.cases-hero-section {
object-fit: contain;
background-image: none;
background-position: 0 0;
background-size: auto;
background-attachment: scroll;
width: 100vw;
height: 100vh;
position: fixed;
overflow: scroll;
}
.cases-hero-section.no-scroll {
height: auto;
position: static;
overflow: visible;
}
.cases-scrollable {
object-fit: contain;
background-image: linear-gradient(to top, #05192bd9, #05192bd9 20%, #05192bc7 60%, #05192b9e 79%, #05192b61 92%, #05192b00);
flex-direction: column;
align-items: center;
width: 100vw;
height: auto;
display: flex;
position: static;
overflow: visible;
}
.cases-hero {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.case-cms {
justify-content: center;
width: 95%;
height: 100%;
display: flex;
overflow: visible;
}
.case-grid---desciption-photo {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: .75fr 1fr;
height: 100vh;
}
._48-spacer {
height: 48px;
}
.image-155 {
width: 180px;
}
.image-156 {
width: 430px;
height: auto;
overflow: hidden;
}
.grid-wrapper {
width: 95%;
height: auto;
}
.case-photo-wrapper {
flex-direction: row;
align-items: stretch;
display: flex;
position: relative;
}
.case-photo-link-block {
color: var(--lichen-blue);
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-block-90 {
letter-spacing: 2px;
margin-bottom: 6px;
font-size: 18px;
}
.view-case-text-link {
color: #fff;
text-decoration: none;
}
.view-case-text-link.navbar-link {
flex: 0 auto;
}
.div-block-430 {
background-color: #fff;
width: 100%;
height: 1px;
}
.relative-text-block-wrapper {
color: #fff;
text-align: right;
text-shadow: 0 5px 14px #000000a1;
flex-direction: column;
align-items: flex-end;
display: flex;
position: absolute;
top: 35%;
left: -35%;
}
.relative-text-block-wrapper.left {
flex: none;
align-items: flex-start;
width: 55%;
display: flex;
position: absolute;
top: 35%;
bottom: auto;
left: 80%;
}
.heading-66 {
opacity: .7;
letter-spacing: 10px;
font-family: Montserrat, sans-serif;
font-size: 60px;
font-weight: 500;
}
.heading-67 {
opacity: 1;
text-align: left;
letter-spacing: 2px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 36px;
font-weight: 400;
}
.heading-68 {
direction: ltr;
text-align: left;
letter-spacing: 2px;
text-transform: uppercase;
flex-wrap: nowrap;
flex: none;
justify-content: flex-start;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
display: block;
}
.hover-inner-circle {
z-index: 1;
opacity: .6;
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 110px;
height: 110px;
transition: opacity .6s;
display: flex;
position: absolute;
}
.hover-inner-circle:hover {
opacity: .9;
}
.hover-outer-circle {
border: 1px solid var(--azure);
border-radius: 100%;
width: 130px;
height: 130px;
position: absolute;
}
.text-block-91 {
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 16px;
display: flex;
}
.view-case-hover-wrapper {
z-index: 3;
flex-direction: column;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
display: flex;
position: absolute;
}
.case-grid---photo-description {
grid-column-gap: 36px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
justify-content: space-between;
height: 100vh;
}
._200-spacer {
width: 100%;
height: 100px;
}
.div-block-431, .div-block-432 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.mobile-title-block {
display: none;
}
.case-rich-text {
color: #fff;
flex-direction: column;
font-family: Montserrat, sans-serif;
display: flex;
}
.case-rich-text p {
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.case-rich-text h2 {
font-family: Montserrat, sans-serif;
}
.text-block-93 {
perspective-origin: 50%;
transform-origin: 50%;
direction: ltr;
color: #fff;
text-align: left;
letter-spacing: 4px;
text-transform: uppercase;
white-space: nowrap;
flex: none;
justify-content: center;
align-self: auto;
align-items: center;
margin-bottom: 110px;
margin-left: 0;
font-family: Montserrat, sans-serif;
display: flex;
transform: rotate(-90deg);
}
.floating-text {
perspective-origin: 0 100%;
flex-direction: column;
flex: none;
justify-content: flex-end;
align-self: flex-end;
align-items: center;
width: 30px;
height: auto;
margin-left: 12px;
display: flex;
position: static;
}
.floating-text.left {
flex-wrap: nowrap;
align-items: center;
margin-left: 0;
margin-right: 12px;
}
.div-block-436 {
background-color: #fff;
width: 2px;
height: 40px;
}
.case-template-a, .case-template-b {
height: auto;
}
.empty-state-2 {
background-color: #ddd;
display: none;
}
.empty-state-3, .empty-state-4 {
display: none;
}
.collection-list-wrapper-20, .collection-list-29, .collection-item-24, .collection-list-wrapper-21, .collection-list-30 {
height: 100%;
}
.collection-item-25 {
height: auto;
}
.form-rich-text---living-mountain {
color: #fff;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: 700;
}
.form-rich-text---living-mountain p {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: 700;
}
.collection-item-26, .collection-list-31, .mask-5, .collection-list-wrapper-22, .collection-list-32 {
height: 100%;
}
.collection-item-27 {
height: 100%;
position: relative;
}
.yushanyan-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62a1509ae0273381f6386dbd_Yushan-Background-Desktop.jpg");
background-position: 50% 0;
background-size: cover;
}
.yushan-hero-section {
flex-direction: row;
justify-content: center;
align-items: center;
height: 100vh;
padding-left: 15vw;
padding-right: 8vw;
display: flex;
}
.yushan-section-2---room {
width: 100vw;
height: auto;
}
.yushan-section-3---description {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
display: flex;
}
.yushan-section-5---cat-a {
flex-direction: column;
align-items: center;
width: 100vw;
height: auto;
padding-top: 200px;
display: flex;
}
.yushan-section-7---cat-b {
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
padding-top: 120px;
display: flex;
}
.yushan-section-8---logo {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.yushan-section-9---contact-form {
flex-direction: column;
justify-content: center;
align-items: center;
height: 130vh;
padding-left: 0;
padding-right: 0;
display: flex;
}
.yushan-section-10---map {
flex-direction: column;
justify-content: space-between;
width: 100vw;
height: 100vh;
display: flex;
}
.image-157 {
height: 95%;
position: absolute;
right: -2%;
}
.image-157.desktop {
flex: 0 auto;
height: 85%;
position: static;
}
.image-157.mobile {
display: none;
}
.yushan-yellow-description {
color: #fff;
text-align: center;
font-size: 24px;
line-height: 56px;
}
.yushan-callout {
width: 480px;
margin-top: 240px;
}
.logo-and-contact-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.yushanyan-logo {
width: 330px;
}
.text-block-94 {
color: #fff;
text-align: center;
margin-top: 24px;
font-family: "Creamfont 1";
font-size: 36px;
line-height: 48px;
}
.yushan-logo-divider {
background-color: #fff;
width: 100%;
height: 2px;
margin-top: 24px;
margin-bottom: 24px;
}
.horizontal-vertical-numbers-wrapper {
align-items: center;
font-family: Agaramondpro, sans-serif;
display: flex;
}
.horizontal-numbers {
margin-left: 18px;
}
.text-block-95 {
color: #fff;
font-family: Agaramondpro, sans-serif;
font-size: 3em;
line-height: 1em;
}
.text-block-96 {
color: #fff;
font-family: Adobe garamond pro, sans-serif;
font-size: 6.5em;
line-height: 1.1em;
}
.yushan-map {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62a01497a86dd7a8068f9877_Map%20Yushan.png");
background-position: 55% 1%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 90%;
}
.yushan-footer-links {
z-index: 10;
background-color: var(--yushan-blue);
width: 100%;
height: 10%;
display: block;
position: fixed;
inset: auto 0% 0%;
}
.yushan-footer-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #000;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr .5px 1fr .5px 1fr .5px 1fr;
grid-auto-rows: 1px;
place-items: center;
height: 100%;
text-decoration: none;
}
.link-block-24 {
color: #000;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
height: 100%;
text-decoration: none;
transition: all .6s;
display: flex;
}
.link-block-24:hover {
transform: scale(1.08);
}
.link-block-24.laughing-home {
color: #fff;
}
.link-block-24.hidden {
display: flex;
}
.link-block-24.white {
color: #fff;
}
.image-158 {
width: 25px;
height: 25px;
}
.image-158.mth {
filter: invert();
}
.text-block-97 {
margin-top: 0;
margin-left: 12px;
}
.text-block-97.mth {
color: var(--blue-gray);
}
.text-block-97.lm {
color: #fff;
}
.div-block-437 {
background-color: #000;
width: .5px;
height: 100%;
}
.div-block-437.mth {
background-color: #fff;
}
.yushan-form-field {
color: #fff;
letter-spacing: 2px;
background-color: #0000;
border: 1px #000;
border-bottom: 2px solid #fff;
margin-bottom: 24px;
font-size: 18px;
font-weight: 700;
line-height: 30px;
}
.yushan-form-field::placeholder {
color: #fff;
font-size: 18px;
line-height: 30px;
}
.yushan-form-field.yushan-form-field---remark {
background-color: #0000;
height: 100px;
}
.form-6 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.yushanyan-form {
width: 80%;
}
.checkbox-label-2 {
color: #fff;
letter-spacing: 2px;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.checkbox-field {
margin-bottom: 36px;
}
.submit-button-4 {
color: #000;
letter-spacing: 2px;
background-color: #fff;
width: 100%;
padding: 14px 30px;
font-size: 18px;
font-weight: 700;
}
.form-wrapper {
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
flex-direction: column;
align-items: center;
width: 900px;
padding-top: 90px;
padding-bottom: 36px;
display: flex;
position: relative;
}
.yushan-contact-header {
align-items: center;
width: 100%;
margin-bottom: 48px;
display: flex;
position: absolute;
top: -9%;
}
.yushan-contact-full {
flex-direction: column;
flex: none;
justify-content: flex-end;
align-items: flex-end;
margin-left: 0;
display: flex;
}
.heading-69 {
color: #fff;
margin-bottom: 0;
font-family: "Creamfont 1";
font-size: 90px;
font-weight: 400;
line-height: 100px;
}
.text-block-98 {
color: #fff;
letter-spacing: 2px;
font-family: "Creamfont 1";
font-size: 48px;
line-height: 50px;
display: inline-block;
}
.text-block-99 {
color: #fff;
letter-spacing: 2px;
font-size: 36px;
line-height: 48px;
display: inline-block;
}
.div-block-438 {
background-color: #fff;
width: 100%;
height: 3px;
margin-bottom: 4px;
margin-left: 24px;
}
.left-line {
background-color: #fff;
width: 3px;
height: 85%;
position: absolute;
bottom: 0%;
left: 0%;
}
.yushan-desktop-hero-header {
height: 90%;
}
.yushan-desktop-hero-header.header-2 {
height: 90%;
margin-left: 24px;
}
.heading-70 {
color: #fff;
margin-top: 0;
font-family: "Creamfont 1";
font-size: 56px;
font-weight: 400;
line-height: 68px;
}
.image-159 {
width: 100%;
}
.image-160 {
width: 60%;
margin-top: 200px;
}
.image-161 {
width: 60%;
}
.image-162 {
width: 60%;
margin-top: 200px;
}
.image-163 {
width: 60%;
}
.div-block-439 {
display: inline-block;
}
.yushan-dropdown, .yushan-gender {
color: #fff;
letter-spacing: 2px;
background-color: #0000;
background-image: linear-gradient(#0000, #0000);
border: 1px #000;
border-bottom: 2px solid #fff;
margin-bottom: 36px;
padding-left: 8px;
padding-right: 0;
font-size: 18px;
font-weight: 700;
line-height: 30px;
}
.div-block-440 {
margin-bottom: 6px;
}
.lm-page-wrapper {
object-fit: contain;
flex-direction: column;
width: 100vw;
display: none;
overflow: hidden;
}
.lm-hero-section {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
overflow: hidden;
}
.lm-heading-logos-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 85%;
display: flex;
}
.image-164 {
width: 180px;
margin-bottom: 36px;
}
.image-165 {
width: 300px;
margin-bottom: 36px;
}
.image-166 {
width: 150px;
}
.lm-section-2 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
padding: 80px 10%;
display: flex;
}
.lm-section-2-wrapper {
width: 85%;
}
.image-167 {
width: 500px;
}
.lm-section-3 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.lm-section-3-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
width: 80%;
display: grid;
}
.lm-quote-card {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634515f872818b650842e042_Left%20Quote.svg"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634515f87bb1ad70e2a878f2_Right%20Quote.svg");
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 40px, 40px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 36px;
padding: 15px 25px;
display: flex;
}
.lm-section-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.lm-section-4-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
display: flex;
}
.lm-section-4-heading {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
width: 100%;
margin-bottom: 36px;
display: grid;
}
.image-170 {
width: 35%;
}
.image-171, .image-172 {
width: 700px;
margin-bottom: 36px;
}
.image-173 {
width: 700px;
}
.lm-section-5 {
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.lm-section-5-wrapper {
grid-column-gap: 56px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 80%;
display: grid;
}
.lm-section-6 {
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.lm-section-6-wrapper {
flex-direction: column;
align-items: center;
width: 80%;
display: flex;
}
.image-174 {
margin-bottom: 36px;
}
.lm-section-7 {
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.lm-section-7-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 80%;
display: grid;
}
.image-176 {
width: 500px;
}
.lm-section-8 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.lm-section-8-wrapper {
width: 80%;
}
.lm-slider-border {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63457293271cb104476f1b2c_Photo%20Border-L.svg"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6345729356d0da7353dcd573_Photo%20Border-R.svg");
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 80px, 80px;
position: absolute;
inset: 0%;
}
.slide-9 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573cc30106e6192cded66_Slider-A-2.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-10 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573cceef9e43e96effeee_Slider-A-3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-11 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573792045d8286aa48846_Slider-A-4.png");
background-position: 50%;
background-size: cover;
}
.lm-slider {
z-index: -3;
width: 100%;
height: 400px;
margin-bottom: 36px;
}
.lm-section-9 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.lm-section-9-wrapper {
width: 80%;
}
.slide2-1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6345737a4ddf75f2c1ab0fa9_Slider-B-1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide2-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573f5c6cb6f52ba397450_Slider-B-2.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide2-3 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573cce6dcae1060a4962b_Slider-B-3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide2-4 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573cc9e7ef8232ecbc2b5_Slider-B-4.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.lm-section-10 {
height: 80vh;
overflow: hidden;
}
.lm-section-11 {
justify-content: center;
align-items: center;
padding-top: 0;
display: flex;
}
.lm-section-12 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.lm-section-12-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 80%;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.image-178 {
width: 100%;
}
.lm-section-13 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.lm-section-13-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 85%;
display: flex;
}
.image-180 {
width: 400px;
}
.image-182 {
width: 600px;
margin-bottom: 24px;
}
.image-183 {
width: 300px;
margin-bottom: 24px;
}
.lm-section-14 {
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
display: flex;
overflow: hidden;
}
.lm-section-14-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
display: flex;
}
.slide3-1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63457ca33ec85ced680a14e5_Slide%203-1.png");
background-position: 50%;
background-size: cover;
}
.image-184 {
width: 400px;
margin-bottom: 36px;
}
.paragraph-92 {
text-align: center;
margin-bottom: 36px;
}
.image-185 {
width: 200px;
margin-bottom: 36px;
}
.lm-section-15 {
background-color: #008640;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63457d0307a94878b568b9c0_Footer%20Contact%20Image.png");
background-position: 50% 55vh;
background-repeat: no-repeat;
background-size: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 200px;
display: flex;
position: static;
}
.footer-contact-wrapper {
width: 600px;
}
.paragraph-94 {
color: #000;
margin-bottom: 24px;
}
.text-field-14, .text-field-15 {
margin-bottom: 24px;
}
.checkbox-label-3 {
color: #000;
font-size: 16px;
line-height: 24px;
}
.submit-button-5 {
color: #000;
background-color: #fff;
width: 100%;
margin-top: 36px;
font-family: "Creamfont 1";
font-size: 18px;
line-height: 24px;
}
.paragraph-95 {
align-items: center;
display: flex;
}
.paragraph-98 {
margin-left: 36px;
}
.paragraph-104 {
text-align: center;
}
.heading-71 {
padding: 0;
font-family: kozuka-mincho-pr6n, sans-serif;
font-weight: 900;
}
.heading-72 {
font-family: kozuka-mincho-pr6n, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 40px;
}
.heading-73 {
margin-bottom: 24px;
font-family: kozuka-mincho-pr6n, sans-serif;
font-size: 36px;
line-height: 48px;
}
.div-block-443 {
border-bottom: 4px solid #57bd38;
margin-bottom: 24px;
}
.heading-73-copy {
width: auto;
font-family: kozuka-mincho-pr6n, sans-serif;
display: inline-block;
}
.image-187 {
width: 100%;
height: auto;
}
.image-188 {
width: 100%;
}
.image-189 {
width: 100%;
display: none;
}
.lm-desktop-hero {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63450db94bca14b8b2a60e5a_Hero-above.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
width: 100vw;
height: 30vh;
position: absolute;
inset: 0% 0% auto;
}
.lm-desktop-hero-below {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63450dbb5fe2666ac439967e_Hero-below.png");
background-position: 50% 10vh;
background-repeat: no-repeat;
background-size: auto;
width: 100vw;
height: 50vh;
position: absolute;
inset: auto 0% 0%;
}
.lm-footer---desktop {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63457d0357a06b4d0fffc56c_Footer%20Image.png");
background-position: 50% 40%;
background-repeat: no-repeat;
background-size: 100%;
width: 100vw;
height: 60vh;
}
.bold-text-22 {
color: #000;
}
.lm-footer-links {
z-index: 5;
color: #fff;
background-color: #8aae99;
width: 100%;
height: 8vh;
display: block;
position: fixed;
inset: auto 0% 0%;
}
.slide3-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/626612f3beb21a0d46265e0c_03.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
.slide3-3 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/626612f32fe04984021938b7_06.jpg");
background-position: 50%;
background-size: cover;
}
.slide3-4 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/626612f1da4322b59599d6ab_01.jpg");
background-position: 50%;
background-size: cover;
}
.reservation-schedule-dropdown {
border: 1px #000;
border-radius: 0;
margin-bottom: 0;
padding-right: 0;
font-size: 18px;
line-height: 30px;
display: none;
}
.slide-1-copy {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6345737ac8844a23380156dc_Slider-A-1.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.hero---mth {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb494553f6c205e076af_Hero-mth-right.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb499f1b4563a2ce8daa_Hero-mth-left.png");
background-position: 100%, 0 145%;
background-repeat: no-repeat, no-repeat;
background-size: auto 70%, 50%;
justify-content: center;
align-items: flex-start;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
overflow: visible;
}
.hero---mth---content {
object-fit: fill;
flex-direction: column;
align-items: flex-start;
padding: 72px 24px;
display: flex;
position: relative;
}
.hero---mth---content.desktop {
justify-content: center;
align-items: center;
width: 100%;
padding: 72px;
display: flex;
}
.image-190 {
width: 260px;
max-width: none;
}
.image-191 {
width: 230px;
}
.grid-35 {
grid-template-rows: auto auto auto;
justify-content: space-between;
justify-items: stretch;
width: 80vw;
}
.div-block-444 {
height: 24px;
}
.mth-section-2.desktop {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 80vw;
height: 120vh;
padding-top: 72px;
padding-bottom: 72px;
display: grid;
position: relative;
}
.body-16 {
background-color: #f5eee9;
}
.image-192 {
height: 280px;
}
.mth-section-3.desktop {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 80vw;
height: auto;
display: grid;
position: relative;
overflow: visible;
}
.mth-section-3.displau {
height: 600px;
}
.image-193 {
height: 120px;
}
.mth-section-4 {
width: 80vw;
height: 100vh;
}
.image-194 {
height: 480px;
}
.mth-section-5 {
display: flex;
}
.mth-section-5.desktop {
justify-content: flex-end;
width: 100%;
display: flex;
}
.image-195.desktop {
width: 600px;
position: absolute;
inset: 0% -15% 0% auto;
}
.image-195.desktop.mth-appear {
width: 550px;
}
.image-196 {
width: 100vw;
display: inline-block;
}
.image-196.desktop {
width: 600px;
max-width: none;
margin-right: 0;
position: absolute;
inset: 0% -15% 0% auto;
}
.image-196.desktop.mth-appear {
width: 500px;
inset: 0% auto 0% -15%;
}
.image-197 {
width: 520px;
}
.more-than-a-home---mobile {
display: none;
}
.more-than-a-home---desktop {
flex-direction: column;
align-items: center;
height: auto;
display: flex;
overflow: hidden;
}
.more-than-a-home-footer-links {
background-color: #ced5da;
justify-content: center;
width: 100%;
height: 10%;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.desktop {
width: 50%;
max-width: none;
display: inline-block;
}
.mth-section-6 {
width: 80vw;
height: auto;
padding: 72px 72px 144px;
}
.mth-form {
width: 100%;
margin-top: 48px;
}
.text-field-16 {
background-color: #e9e6d5;
border: 1px #000;
border-radius: 5px;
height: 50px;
margin-bottom: 0;
margin-left: 12px;
padding: 12px 24px;
}
.mth-text-field {
align-items: center;
display: flex;
}
.form-7 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.field-label, .field-label-2, .field-label-3, .field-label-4 {
flex: none;
min-width: 50px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.submit-button-6 {
letter-spacing: 2px;
background-color: #c2bd9d;
border-radius: 5px;
height: 50px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.div-block-447 {
background-color: #e9e6d5;
border-radius: 5px;
width: 100%;
height: 50px;
margin-left: 12px;
padding: 12px 24px;
display: flex;
}
.checkbox-field-3, .checkbox-field-4 {
margin-bottom: 0;
margin-right: 24px;
}
.checkbox-label-4 {
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 24px;
}
.checkbox-field-5 {
margin-bottom: 0;
}
.checkbox-label-5 {
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.mth-section2-wrapper, .mth-section3-wrapper {
position: relative;
}
.mth-image-wrapper {
width: 100%;
height: 100%;
}
.mth-logo-link {
flex-wrap: nowrap;
flex: none;
justify-content: flex-end;
width: auto;
display: block;
}
.mth-logo-link-wrapper {
flex-flow: column;
justify-content: center;
align-items: flex-end;
height: auto;
display: flex;
}
.mth-footer-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #000;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr .5px 1fr .5px 1fr .5px 1fr;
grid-auto-rows: 1px;
justify-content: center;
place-items: center;
width: 80vw;
height: 100%;
text-decoration: none;
}
.mth-footer-grid._3-grid {
grid-template-columns: 1fr .5px 1fr .5px 1fr .5px 1fr;
width: 100vw;
}
.mth-page-wrapper {
background-color: #f5eee9;
height: auto;
display: none;
}
.laughing-mountain-page-wrapper {
display: flex;
}
.laughing-mountain--desktop-copy {
background-color: #009aa1;
background-image: linear-gradient(#009aa1, #57aa58 54%, #60ac50 64%, #4ea960 76%, #009aa1);
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
.laughing-mountain---mobile {
display: none;
}
.hero---lm---content {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64377a36a15c9ac0ff42e306_Lower%20Right%402x.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64377a37a9e3b87a121074c0_Mid%20Left%402x.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64377a37160cb4e2bb710565_Upper%20Right%402x.png");
background-position: 100% 100%, 0 100%, 100% 0;
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: auto 500px, auto 630px, auto 350px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 72px;
display: flex;
position: relative;
}
.hero---lm---content.desktop {
justify-content: center;
align-items: center;
width: 100%;
padding: 72px;
display: flex;
}
.hero---lm---content.left-align.no-background {
background-image: none;
align-items: center;
padding-bottom: 120px;
}
.hero---lm---content.no-background.top-align {
background-image: none;
align-items: center;
}
.hero---lm---content.no-background.bottom-align {
background-image: none;
}
.hero---laughing-mountain {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100vw;
height: 100vh;
display: flex;
overflow: visible;
}
.image-198 {
width: 180px;
}
.image-202 {
width: 400px;
}
.laughing-mountain-sec-2 {
width: 100vw;
height: 100vh;
}
.image-203 {
height: 600px;
position: absolute;
bottom: 0;
left: 0;
}
.image-204 {
height: 420px;
}
.laughing-mountain-sec-3 {
height: 100vh;
}
.image-205 {
height: 700px;
position: absolute;
right: 0;
}
.image-206 {
height: 300px;
}
.laughing-mountain-sec-4 {
height: 70vh;
}
.image-207 {
height: 500px;
position: absolute;
top: -160px;
left: 0;
}
.image-208 {
height: 160px;
}
.contact-section {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653f1495b060de3220354615_Laughing%20Mountain%20Background%202023.png");
background-position: 50%;
background-size: contain;
justify-content: center;
align-items: center;
height: auto;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.image-209 {
width: 750px;
margin-bottom: 36px;
margin-left: -450px;
left: 0;
}
.div-block-450 {
color: #fff;
width: 100%;
}
.div-block-450.lm-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.laughing-mountain-form {
width: 100%;
}
.text-field-17 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
min-height: 48px;
font-size: 18px;
line-height: 26px;
}
.text-field-17::placeholder {
color: #fff;
}
.form-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.country-select {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
min-height: 48px;
font-size: 18px;
line-height: 36px;
}
.div-block-452 {
grid-column-gap: 24px;
grid-row-gap: 24px;
font-size: 18px;
line-height: 36px;
display: flex;
}
.div-block-453 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex: none;
display: flex;
}
.checkbox-field-6 {
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-105 {
font-family: Adobe garamond pro, sans-serif;
line-height: 36px;
}
.submit-button-7 {
background-color: #317264;
min-height: 48px;
font-size: 18px;
line-height: 36px;
}
.heading-74 {
margin-top: 0;
font-weight: 400;
}
.laughing-mountain---desktop {
background-image: linear-gradient(to bottom, var(--laughing-mountain-teal), #32b45b 31%, #2ab066 72%, var(--laughing-mountain-teal));
flex-direction: column;
display: flex;
}
.link-block-26 {
width: 180px;
}
.link-block-27 {
position: absolute;
top: 72px;
left: 72px;
}
.lm-container {
justify-content: flex-end;
width: 70%;
display: flex;
}
.lm-container.left-align {
justify-content: flex-start;
}
.checkbox, .checkbox-2, .checkbox-3, .checkbox-4 {
margin-top: 0;
margin-right: 12px;
}
.div-block-454 {
font-size: 18px;
}
.more-than-a-home-footer-links-copy {
background-color: #ced5da;
justify-content: center;
width: 1200px;
height: 10%;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.laughing-home-footer-links {
z-index: 25;
background-color: #307363;
justify-content: center;
width: 100%;
height: 10%;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.form-control, .sel2 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
min-height: 48px;
font-size: 18px;
line-height: 36px;
}
.div-block-455 {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
width: 100%;
display: grid;
position: relative;
}
.image-210 {
max-width: 120%;
position: relative;
inset: 0% auto 0% -72px;
}
.image-211, .image-212 {
display: none;
}
.living-mountain-2023-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6486dff4b615abb2a4aeb6a6_Background%20x4.jpg");
background-position: 0 0;
background-repeat: repeat-y;
background-size: contain;
width: 100vw;
min-width: 100vw;
max-width: 100vw;
}
.living-mountain-hero-section-2023 {
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
padding-top: 80px;
display: flex;
}
.container-6 {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
height: auto;
padding-top: 80px;
display: flex;
position: relative;
}
.laughing-mountain-home-link {
position: absolute;
inset: 0% 0% auto auto;
}
.image-213 {
width: 200px;
}
.image-214 {
width: 520px;
}
.living-mountain-hero-logo-wrapper {
position: absolute;
inset: auto auto 80px 0%;
}
.image-215 {
width: 200px;
}
.living-mountain-section-2 {
object-fit: contain;
width: 100vw;
height: auto;
position: relative;
overflow: visible;
}
.living-mountain-section-3 {
width: 100vw;
padding-top: 80px;
padding-bottom: 80px;
padding-right: 6px;
}
.div-block-457 {
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.image-216 {
width: 250px;
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.image-217 {
flex: none;
width: 800px;
}
.living-mountain-section-4 {
width: 100vw;
height: auto;
position: relative;
}
.living-mountain-section-5 {
width: 100vw;
padding-top: 80px;
padding-bottom: 0;
}
.image-218 {
width: 620px;
}
.div-block-458 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-219 {
width: 720px;
margin-top: 120px;
}
.living-mountain-section-6 {
width: 100vw;
height: 100vh;
position: relative;
}
.living-mountain-contact-section {
width: 100vw;
height: auto;
padding-top: 80px;
padding-bottom: 80px;
}
.image-220 {
width: 230px;
margin-bottom: 60px;
}
.div-block-459 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-75 {
color: #666;
font-family: creamfont, sans-serif;
font-size: 24px;
line-height: 36px;
}
.paragraph-106 {
color: #323333;
}
.living-mountain-checkboxes {
grid-column-gap: 24px;
grid-row-gap: 24px;
font-family: creamfont, sans-serif;
font-size: 18px;
line-height: 36px;
display: flex;
}
.checkbox-field-8 {
align-items: center;
display: flex;
}
.checkbox-9 {
margin-right: 6px;
}
.slider-wrapper {
width: 100%;
height: auto;
}
.slider-10 {
background-color: #0000;
width: 100%;
height: auto;
position: static;
}
.slide-nav-12 {
display: none;
}
.slide-1 {
z-index: 0;
width: 100vw;
height: auto;
}
.living-mountain-slider-b {
background-color: #0000;
width: 100%;
height: 100%;
}
.slide-nav-13 {
display: none;
}
.living-mountain-slider-c {
background-color: #0000;
width: 100%;
height: 100%;
}
.slide-nav-14 {
display: none;
}
.select-field-2 {
color: #323333;
background-color: #fff;
border: 1px #000;
height: 48px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-family: creamfont, sans-serif;
font-size: 18px;
line-height: 30px;
}
.select-field-2.form-control {
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
}
.paragraph-107 {
letter-spacing: 3px;
flex-direction: column;
justify-content: flex-start;
width: 620px;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 24px;
font-weight: 400;
line-height: 40px;
display: flex;
}
.paragraph-107.hidden {
display: none;
}
.section-2-slider-descriptionn {
justify-content: center;
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.section-2-slider-descriptionn.hidden {
display: none;
}
.section-2-slider-1 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64829645dfa701fbac4cd5e9_Laughing%20Mountain%20Slider%20A-1.jpg");
background-position: 50%;
background-size: cover;
width: 100vw;
height: 85vh;
}
.slider-1-wrapper {
object-fit: contain;
height: auto;
min-height: auto;
overflow: visible;
}
.mask-6 {
height: auto;
min-height: auto;
max-height: none;
}
.slide-13 {
height: auto;
}
.right-arrow-2 {
height: 85vh;
display: flex;
inset: 0% 0% auto auto;
overflow: visible;
}
.right-arrow-2.hidden {
display: flex;
inset: 0% 0% auto auto;
}
.left-arrow-2 {
display: none;
}
.left-arrow-2.hidden {
height: 85vh;
display: flex;
inset: 0% auto auto 0%;
}
.slider-3-wrapper {
object-fit: contain;
height: auto;
min-height: auto;
overflow: visible;
}
.section-3-slider-1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6487dfd678b5478ce2ec015a_Slider%203-B.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 85vh;
}
.section-3-slider-description {
justify-content: center;
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.section-3-slider-description.hidden {
display: none;
}
.left-arrow-3 {
height: 85vh;
display: flex;
inset: 0% auto auto 0%;
}
.right-arrow-3 {
height: 85vh;
display: flex;
inset: 0% 0% auto auto;
}
.section-3-slider-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6487dfd678b5478ce2ec0184_Slider%203-C.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
width: 100vw;
height: 85vh;
}
.section-3-slider-3 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6487dfd5ab45e3f7ec3eae00_Slider%203-A.png");
background-position: 50% 10%;
background-repeat: no-repeat;
background-size: 100%;
width: 100vw;
height: 85vh;
}
.section-2-slider-3 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64829645dfa701fbac4cd5e9_Laughing%20Mountain%20Slider%20A-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 85vh;
}
.section-2-slider-4 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6488324e5095aa042678f88f_Slide%201-D.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100vw;
height: 85vh;
}
.section-2-slider-2 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64990c43b1e8a2261842fe35_P22.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100vw;
height: 85vh;
}
.section-2-slider-3-copy {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64a62789e9ac88651cc7d842_P8.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
width: 100vw;
height: 85vh;
}
.no-swipe-div {
z-index: 5;
display: none;
position: absolute;
inset: 0%;
}
.slide-14, .slide-15 {
height: auto;
}
.right-arrow-4 {
height: 85vh;
display: flex;
inset: 0% 0% auto auto;
}
.left-arrow-4 {
height: 85vh;
display: flex;
inset: 0% auto auto 0%;
}
.section-2-5-slider-1 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/648886ff28ca26ade91ab5d8_Slider%202.5-2.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100vw;
height: 85vh;
}
.section-2-5-slider-2 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/648886fe8153e4fc4e2965cb_Slider%202.5-1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 500px;
width: 100vw;
height: 85vh;
}
.section-2-5-slider-3 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64888697eb1c42246cc0d95d_%E9%BA%97%E6%99%A8%E5%BB%BA%E8%A8%AD-%E7%A6%8F%E5%BE%B7%E6%AE%B5-%E5%A4%A7%E5%BB%B3-220504-%E4%BF%AE5-%E5%A4%A7%E5%9C%96-6000(%E5%B0%8F%E6%AA%94).jpg%20%E7%9A%84%E5%89%AF%E6%9C%AC.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 85vh;
}
.section-2-5-slider-4 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/648887006767342ea44254c9_Slider%202.5-4.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 85vh;
}
.section-2-5-slider-5 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/648c10f7348f00916989e2b1_%E9%BA%97%E6%99%A8%E5%BB%BA%E8%A8%AD-%E7%A6%8F%E5%BE%B7%E6%AE%B5-B3KTV%E5%AE%A4-220504-%E4%BF%AE4-%E5%A4%A7%E5%9C%96-6000(%E5%B0%8F%E6%AA%94).jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 85vh;
}
.section-2-5-slider-6 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/648886a85f32a12e5da469bf_20211222_B%E6%A3%9F%E5%85%92%E7%AB%A5%E9%81%8A%E6%88%B2%E5%AE%A4%20(2).jpg%20%E7%9A%84%E5%89%AF%E6%9C%AC.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 85vh;
}
.living-mountain-old {
object-fit: contain;
flex-direction: column;
width: 100vw;
display: flex;
overflow: hidden;
}
.living-mountain-new {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6486dff4b615abb2a4aeb6a6_Background%20x4.jpg");
background-position: 0 0;
background-repeat: repeat-y;
background-size: contain;
width: 100vw;
min-width: 100vw;
max-width: 100vw;
display: block;
}
.text-field-12 {
border-radius: 0;
}
.select-field-3 {
border-radius: 0;
padding-right: 0;
}
.bold-text-23 {
color: #000;
}
.checkbox-label-11 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: 700;
}
.form-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.submit-button-8 {
color: #05192b;
background-color: #fff;
border-radius: 0;
font-weight: 700;
}
.text-span-29 {
flex: 0 auto;
align-self: flex-start;
font-size: 36px;
line-height: 48px;
}
.paragraph-108 {
font-size: 36px;
line-height: 48px;
}
.text-span-30 {
color: #337239;
font-size: 60px;
}
.absolute-div {
position: absolute;
inset: 0% auto auto 0%;
}
.icon-6 {
color: #8aae99;
text-shadow: 0 1px 1px #00000080;
}
.div-block-462 {
flex: 1;
}
.container-8 {
max-width: 1200px;
}
.image-221 {
width: 300px;
position: absolute;
inset: auto 0% 15% 50%;
}
.image-222 {
height: 130px;
}
.icon-7, .icon-8, .icon-9, .icon-10, .icon-11 {
color: #8aae99;
text-shadow: 0 1px 1px #00000080;
}
.checkbox-field-9 {
margin-bottom: 0;
}
.image-223 {
width: 45%;
max-width: none;
}
.hero---mth---content-2 {
object-fit: fill;
padding: 72px;
display: flex;
position: relative;
}
.hero---mth---content-2.desktop {
justify-content: center;
align-items: center;
width: 100%;
padding: 72px;
display: flex;
}
.image-224 {
width: 100vw;
display: inline-block;
}
.image-224.desktop {
width: 600px;
max-width: none;
margin-right: 0;
position: absolute;
inset: 0% -15% 0% auto;
}
.hero---mth-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb494553f6c205e076af_Hero-mth-right.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb499f1b4563a2ce8daa_Hero-mth-left.png");
background-position: 100% 60%, 0 145%;
background-repeat: no-repeat, no-repeat;
background-size: auto 65%, 50%;
justify-content: center;
align-items: flex-start;
width: 100vw;
height: 100vh;
display: flex;
overflow: visible;
}
.submit-button-9 {
letter-spacing: 2px;
background-color: #c2bd9d;
border-radius: 5px;
height: 50px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.form-10 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-463 {
height: 24px;
}
.image-225 {
width: 150px;
}
.text-field-18 {
background-color: #e9e6d5;
border: 1px #000;
border-radius: 5px;
height: 50px;
margin-bottom: 0;
margin-left: 12px;
padding: 12px 24px;
}
.more-than-a-home-footer-links-2 {
background-color: #ced5da;
justify-content: center;
width: 1200px;
height: 10%;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.div-block-464 {
background-color: #e9e6d5;
border-radius: 5px;
width: 100%;
height: 50px;
margin-left: 12px;
padding: 12px 24px;
display: flex;
}
.image-226 {
height: 120px;
}
.field-label-5 {
flex: none;
min-width: 50px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.checkbox-field-10 {
margin-bottom: 0;
margin-right: 24px;
}
.field-label-6 {
flex: none;
min-width: 50px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.image-227 {
height: 480px;
}
.mth-section-6-2 {
width: 80vw;
height: auto;
padding: 72px 72px 144px;
}
.checkbox-field-11 {
margin-bottom: 0;
margin-right: 24px;
}
.div-block-445 {
align-items: center;
display: flex;
}
.checkbox-label-12 {
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.link-block-28 {
color: #000;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
transition: all .6s;
display: flex;
}
.link-block-28:hover {
transform: scale(1.08);
}
.image-228.desktop {
width: 600px;
position: absolute;
inset: 0% -15% 0% auto;
}
.image-229 {
width: 25px;
height: 25px;
}
.image-229.mth {
filter: invert();
}
.grid-36 {
grid-template-rows: auto auto auto;
justify-content: space-between;
justify-items: stretch;
width: 80vw;
}
.field-label-7 {
flex: none;
min-width: 50px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.field-label-8 {
flex: none;
min-width: 50px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.div-block-465 {
background-color: #000;
width: .5px;
height: 100%;
}
.div-block-465.mth {
background-color: #fff;
}
.checkbox-label-13 {
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 24px;
}
.image-230 {
height: 250px;
}
.text-block-101 {
margin-top: 0;
margin-left: 12px;
}
.text-block-101.mth {
color: #546f88;
}
.checkbox-field-12 {
margin-bottom: 0;
margin-right: 24px;
}
.image-231 {
width: 100vw;
display: inline-block;
}
.image-231.desktop {
width: 600px;
max-width: none;
margin-right: 0;
position: absolute;
inset: 0% -15% 0% auto;
}
.image-231.desktop.mth-appear {
width: 500px;
inset: 0% auto 0% -15%;
}
.checkbox-label-14 {
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 24px;
}
.submit-button-10 {
letter-spacing: 2px;
background-color: #c2bd9d;
border-radius: 5px;
height: 50px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.hero---mth---content-3 {
object-fit: fill;
flex-direction: column;
align-items: flex-start;
padding: 72px 24px;
display: flex;
position: relative;
}
.hero---mth---content-3.desktop {
justify-content: center;
align-items: center;
width: 100%;
padding: 72px;
display: flex;
}
.div-block-466 {
height: 24px;
}
.image-232 {
height: 480px;
}
.checkbox-field-13 {
margin-bottom: 0;
margin-right: 24px;
}
.formdiveclass._2023-version {
background-color: #f5eee9;
}
.form-11 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.image-233.desktop {
width: 600px;
position: absolute;
inset: 0% -15% 0% auto;
}
.image-233.desktop.mth-appear {
width: 550px;
}
.text-field-19 {
background-color: #e9e6d5;
border: 1px #000;
border-radius: 5px;
height: 50px;
margin-bottom: 0;
margin-left: 12px;
padding: 12px 24px;
}
.image-234 {
height: 130px;
}
.image-235 {
width: 230px;
}
.more-than-a-home---desktop-2 {
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
.image-236 {
height: 120px;
}
.div-block-467 {
background-color: #e9e6d5;
border-radius: 5px;
width: 100%;
height: 50px;
margin-left: 12px;
padding: 12px 24px;
display: flex;
}
.image-237 {
width: 260px;
max-width: none;
}
.image-238 {
height: 280px;
}
.checkbox-field-14 {
margin-bottom: 0;
}
.checkbox-label-15 {
font-family: Montserrat, sans-serif;
font-size: 16px;
}
.link-block-29 {
color: #000;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
transition: all .6s;
display: flex;
}
.link-block-29:hover {
transform: scale(1.08);
}
.image-239 {
width: 300px;
position: absolute;
inset: auto 0% 15% 50%;
}
.image-240 {
width: 25px;
height: 25px;
}
.image-240.mth {
filter: invert();
}
.grid-37 {
grid-template-rows: auto auto auto;
justify-content: space-between;
justify-items: stretch;
width: 80vw;
}
.div-block-468 {
background-color: #000;
width: .5px;
height: 100%;
}
.div-block-468.mth {
background-color: #fff;
}
.container-9 {
max-width: 1200px;
}
.text-block-102 {
margin-top: 0;
margin-left: 12px;
}
.text-block-102.mth {
color: #546f88;
}
.mth-section-6-3 {
width: 80vw;
height: auto;
padding: 72px 72px 144px;
}
.collection-list-33 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.laughing-mountain-2023-hero {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653a100b4bcc78d63c3f6b91_Asset%204.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653a0fadbec116dfe90c8e17_With%20Nature-Laughing%20Mountain.png");
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat, no-repeat;
background-size: 25vw, auto 95vh;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.laughing-mountain-2023-wrapper {
background-color: #ebeadd;
flex-direction: column;
display: flex;
}
.div-block-469 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: center;
width: 100%;
height: 100vh;
display: grid;
position: relative;
}
.div-block-469._90-width {
grid-column-gap: 36px;
grid-row-gap: 36px;
mix-blend-mode: multiply;
width: 100%;
position: static;
}
.laughing-mountain-back-to-home-button {
position: absolute;
inset: 0% 0% auto auto;
}
.laughing-mountain-back-to-home-button.left-align {
left: 0%;
right: auto;
}
.image-241 {
width: 150px;
}
.image-241.white-fill {
filter: brightness(200%);
}
.image-242 {
width: 240px;
margin-bottom: 0;
display: block;
}
.text-block-103 {
color: #b81d23;
text-align: left;
margin-bottom: 24px;
font-family: creamfont, sans-serif;
font-size: 24px;
line-height: 30px;
}
.div-block-471 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 65%;
display: grid;
}
.section-43 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653f1495b060de3220354615_Laughing%20Mountain%20Background%202023.png");
background-position: 50%;
background-repeat: repeat;
background-size: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-top: 0;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.div-block-472 {
border-bottom: 1.5px solid #000;
width: 85%;
margin-top: 72px;
display: flex;
}
.div-block-472.right-align {
justify-content: flex-end;
width: 85%;
}
.laughing-mountain-section-2-sidetext {
flex-direction: column;
justify-content: center;
align-items: center;
height: 500px;
margin-left: 0;
margin-right: 0;
display: flex;
position: absolute;
inset: 0% 102% 0% auto;
}
.laughing-mountain-section-2-sidetext.left-side {
z-index: 5;
height: 100%;
inset: 0% auto 0% 2.5%;
}
.laughing-mountain-section-2-sidetext.left-side.full-height {
height: 100%;
}
.text-block-104 {
perspective-origin: 100%;
transform-origin: 100% 100%;
direction: ltr;
text-align: center;
white-space: normal;
word-break: normal;
font-size: 14px;
line-height: 18px;
display: inline-block;
position: static;
inset: 85% 0% 0% auto;
transform: none;
}
.text-block-104.white {
color: #fff;
text-shadow: 0 1px 1px #000000c9;
}
.slider-11 {
background-color: #0000;
width: 450px;
height: 500px;
min-height: 500px;
}
.div-block-473 {
opacity: 1;
mix-blend-mode: multiply;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653f18b56fbd1f7f7b05d759_Section%202%20Slider%20Image.png");
background-position: 0 0;
background-size: contain;
width: 100%;
height: 100%;
}
.slide-16 {
mix-blend-mode: multiply;
}
.mask-7 {
mix-blend-mode: multiply;
overflow: visible;
}
.slide-nav-15 {
color: #9c9c9c;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #585858;
justify-content: flex-end;
align-items: center;
width: 50%;
margin-right: 0;
font-size: 12px;
display: flex;
position: absolute;
bottom: -8%;
right: 0%;
}
.heading-76 {
color: #b81d23;
text-align: center;
margin-bottom: 20px;
margin-left: 0;
font-family: creamfont, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 30px;
position: relative;
bottom: 80px;
}
.heading-76.space-24 {
margin-bottom: 20px;
margin-right: 24px;
}
.heading-76.space-24.right {
margin: 0 0 0 24px;
}
.div-block-474 {
background-color: #000;
width: 1.5px;
margin-left: 24px;
margin-right: 24px;
}
.paragraph-109 {
flex: 0 auto;
align-self: flex-end;
margin-bottom: 24px;
margin-right: 0;
font-size: 18px;
line-height: 30px;
}
.paragraph-109.space-20 {
margin-left: 24px;
}
.section-44 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655da14fd61fb694279b7b71_%E6%93%B7%E5%8F%96.JPG");
background-position: 50%;
background-size: contain;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-top: 0;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.div-block-475 {
mix-blend-mode: multiply;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653fc4f9dd6b6558cbafbc3a_Slide%202.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 600px;
height: 400px;
}
.div-block-474-copy {
background-color: #000;
width: 1.5px;
margin-left: 24px;
margin-right: 0;
}
.div-block-473-copy {
opacity: 1;
mix-blend-mode: multiply;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655d7008934383d908bdaa9b_20231006_%E9%BA%97%E6%99%A8%E5%B1%B1%E5%93%BC%E6%AD%8C_%E4%B8%80%E9%A0%81%E5%BC%8F_1200_%E5%85%AC%E8%A8%AD%201.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 85%;
width: 100%;
height: 100%;
}
.slider-11-copy {
background-color: #0000;
width: 90%;
height: 100%;
min-height: 0;
}
.slider-11-copy._100 {
width: 100%;
}
.div-block-475-copy {
mix-blend-mode: multiply;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653fc5145c8a9ce0f3128460_Slide%205.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 480px;
height: 500px;
position: relative;
}
.section-44-copy {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653f1495b060de3220354615_Laughing%20Mountain%20Background%202023.png");
background-position: 50%;
background-size: contain;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-top: 0;
padding-bottom: 0;
display: none;
}
.text-block-105 {
font-family: creamfont, sans-serif;
font-size: 14px;
line-height: 24px;
display: block;
position: absolute;
top: 154px;
left: 230px;
}
.div-block-476 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
width: 90%;
display: grid;
}
.image-243 {
width: 220px;
}
.div-block-477 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.heading-76-copy {
color: #b81d23;
text-align: left;
margin-bottom: 0;
margin-left: 0;
font-family: creamfont, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 34px;
}
.heading-76-copy.space-24 {
margin-bottom: 20px;
margin-right: 24px;
}
.text-block-106 {
color: #b81d23;
font-family: creamfont, sans-serif;
font-size: 20px;
line-height: 30px;
}
.heading-77 {
margin-top: 0;
margin-bottom: 24px;
font-family: Montserrat, sans-serif;
font-size: 32px;
line-height: 46px;
}
.div-block-469-copy {
flex-direction: column;
justify-content: center;
align-items: center;
width: 85%;
height: 90vh;
display: flex;
position: relative;
}
.paragraph-110 {
font-family: creamfont, sans-serif;
font-weight: 400;
}
.html-embed-16 {
width: 100%;
margin-top: 36px;
}
.div-block-478 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655d9ec0670f6c0fa5d1f478_20231006_%E9%BA%97%E6%99%A8%E5%B1%B1%E5%93%BC%E6%AD%8C_%E4%B8%80%E9%A0%81%E5%BC%8F_1200_%E7%94%9F%E6%85%8B%E6%99%AF%E8%A7%801_%E9%A0%81%E9%9D%A2_2.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
}
.div-block-479 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655da3e46516863d99ac841a_20231006_%E9%BA%97%E6%99%A8%E5%B1%B1%E5%93%BC%E6%AD%8C_%E4%B8%80%E9%A0%81%E5%BC%8F_1200_%E7%94%9F%E6%85%8B%E6%99%AF%E8%A7%80_%E9%A0%81%E9%9D%A2_3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
}
.div-block-480 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6549951d280b463075d35e14_20230822_%E5%B1%B1%E5%93%BC%E6%AD%8C_%E5%85%AC%E8%A8%AD1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.div-block-481 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/65499534481b7059a6cfe1d1_20230822_%E5%B1%B1%E5%93%BC%E6%AD%8C_%E5%85%AC%E8%A8%AD2.jpg");
background-position: 50%;
background-size: cover;
height: 100%;
}
.div-block-482 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/65499555a4cad7cf23a9f059_20230822_%E5%B1%B1%E5%93%BC%E6%AD%8C_%E5%85%AC%E8%A8%AD6.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
min-width: 0;
height: 100%;
}
.div-block-483 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6549957061e688c6251d5164_20230822_%E5%B1%B1%E5%93%BC%E6%AD%8C_%E5%85%AC%E8%A8%AD4.jpg");
background-position: 50%;
background-size: cover;
height: 100%;
}
.div-block-484 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/65499580f452af29b283a823_20230822_%E5%B1%B1%E5%93%BC%E6%AD%8C_%E5%85%AC%E8%A8%AD7.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.div-block-485 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6549958f01bbfb4d7e3660be_20230822_%E5%B1%B1%E5%93%BC%E6%AD%8C_%E5%85%AC%E8%A8%AD3.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.div-block-486 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6549959d53bffe85fbd2fcd1_20230822_%E5%B1%B1%E5%93%BC%E6%AD%8C_%E5%85%AC%E8%A8%AD8.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.div-block-487 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/65486839f9916b8642f117b8_20230822_%E5%B1%B1%E5%93%BC%E6%AD%8C_%E5%85%AC%E8%A8%AD9.jpg");
background-position: 50%;
background-size: cover;
height: 100%;
}
.div-block-488 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653fc86c1565c0c1dafe5957_Slide%201-B.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
}
.div-block-489 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653fc86c919a1f753e70d908_Slide%201-C.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
}
.div-block-473-copy-copy {
opacity: 1;
mix-blend-mode: multiply;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655d968c7fd2a1756f9b0cf0_20231006_%E9%BA%97%E6%99%A8%E5%B1%B1%E5%93%BC%E6%AD%8C_%E4%B8%80%E9%A0%81%E5%BC%8F_1200_%E7%94%9F%E6%85%8B%E6%99%AF%E8%A7%801_%E9%A0%81%E9%9D%A2_1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
position: static;
}
.slide-17 {
width: 100%;
}
.more-than-a-home-footer-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #000;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr .5px 1fr .5px 1fr .5px 1fr;
grid-auto-rows: 1px;
place-items: center;
height: 100%;
text-decoration: none;
}
.more-than-a-home-footer {
z-index: 5;
color: #fff;
background-color: #ced5da;
width: 100%;
height: 8vh;
display: block;
position: fixed;
inset: auto 0% 0%;
}
.yushan-2023-hero {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655aca6e4f327a0ea9c04351_Yushan%202023-Hero%20Background.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.yushan-hero---desktop {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
width: 85%;
height: 90%;
display: grid;
position: relative;
}
.image-244 {
width: 100px;
}
.image-245 {
width: 40px;
}
.image-246 {
width: 420px;
}
.yushan-2023-section-a {
background-color: #64666a;
width: 100vw;
height: 100vh;
display: flex;
}
.yushan-2023-section-b {
background-color: #b28147;
width: 100vw;
height: 100vh;
display: flex;
}
.yushan-2023-section-c {
background-color: #ba5535;
width: 100vw;
height: 100vh;
}
.yushan-2023-section-d {
background-color: #4f7648;
width: 100vw;
height: 100vh;
display: flex;
}
.yusha-2023-section-e {
background-color: #482a14;
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
padding-top: 84px;
padding-bottom: 150px;
display: flex;
}
.slider-12 {
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
overflow: hidden;
}
.mask-8 {
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}
.slide-18 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b0992e72d5ddde018e234_dew%20s.jpg");
background-position: 50% 100%;
background-size: cover;
}
.slide-19 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b099c34bc8a8976098174_RIO_7775.jpg");
background-position: 50%;
background-size: cover;
}
.slide-20 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b0a001f4650d9c56e643d_Asset%205.jpg");
background-position: 50% 80%;
background-repeat: no-repeat;
background-size: auto;
}
.slider-13 {
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
overflow: hidden;
}
.slide-21 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b0e1d893524f6d0f15ca8_Asset%2011.jpg");
background-position: 50%;
background-size: 105%;
}
.slide-22 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b0e0b1f4650d9c57117f7_Asset%206.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 105%;
}
.slide-23 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b0e0a056f1bc1833f73cf_Asset%207.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 105%;
}
.slide-24 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b0e0a764c7e6e70e1ad20_Asset%209.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 105%;
}
.slide-25 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b0e0a3d8684069d32e707_Asset%208.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 105%;
}
.slider-14 {
background-color: #0000;
border-radius: 0;
width: 100%;
height: 100%;
}
.div-block-491 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b10c04df350fe38d59d0e_A.%E8%AA%9E%E5%B1%B1%E7%B0%B7%E9%8A%B7%E5%94%AE%E5%BD%A9%E5%9C%96%E5%AE%9A%E7%A8%BF_20230809%206.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 120%;
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
}
.div-block-492 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b11d0a2de437496781a94_Asset%2026.jpg");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
}
.div-block-493 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b11d05bbbbb97834767cd_Asset%2025.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
}
.div-block-494 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b128d1e772cae149ddecc_RIO_7757c.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
}
.div-block-495 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b11cf633eab445d86aedb_Asset%2023.jpg");
background-position: 50%;
background-size: cover;
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
}
.div-block-496 {
width: 100vw;
}
.slider-15 {
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
overflow: hidden;
}
.slide-26 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13afd7422ebf10262e90_Asset%2031.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-27 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13ab800621546a447415_Asset%2029.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-28 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13af0979d53070902c31_Asset%2032.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-29 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b14081ae9bd6c5e43ef90_04-%E5%8F%B0%E4%B8%AD%E6%AD%8C%E5%8A%87-006.JPG");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-30 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13b055c5599d1d903e9d_Asset%2028.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-31 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13b055c5599d1d903e92_Asset%2033.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-32 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13af1f17199893dbd158_Asset%2030.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.div-block-497 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr .75fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 80%;
display: grid;
}
.image-247 {
width: 220px;
}
.image-248 {
width: 250px;
}
.text-block-107 {
color: #fff;
font-size: 18px;
}
.html-embed-17 {
margin-top: 16px;
}
.div-block-498 {
color: #fff;
flex-direction: column;
align-self: center;
width: 30%;
height: 90%;
padding: 0 48px;
font-size: 16px;
display: flex;
}
.div-block-498.center-align {
justify-content: center;
}
.div-block-498.padded-top {
padding-top: 24px;
}
.text-block-108 {
font-size: 18px;
}
.text-block-109 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
width: 24px;
font-family: creamfont, sans-serif;
font-size: 18px;
line-height: 24px;
display: flex;
}
.div-block-499 {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-block-499.right-align {
justify-content: flex-end;
}
.div-block-499._48-spacing {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.text-span-31, .text-span-32 {
line-height: 12px;
}
.div-block-500 {
width: 100%;
height: 100%;
display: flex;
}
.text-span-33, .text-span-34 {
line-height: 12px;
}
.div-block-501 {
width: 100%;
height: 100%;
display: flex;
}
.div-block-502 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.number-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
display: flex;
}
.image-249 {
width: 30px;
height: 30px;
}
.div-block-503 {
width: 100%;
height: 100%;
display: flex;
}
.text-span-35 {
transform: rotate(90deg);
}
.text-span-36 {
margin-top: 6px;
transform: rotate(90deg);
}
.div-block-504, .div-block-505 {
width: 100%;
height: 100%;
display: flex;
}
.text-span-37 {
transform: rotate(90deg);
}
.text-span-38 {
margin-top: 8px;
transform: rotate(90deg);
}
.div-block-506 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b131f0f2021359c4e5f48_Asset%2022.jpg");
background-position: 50%;
background-size: cover;
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
}
.div-block-507 {
width: 100%;
height: 100%;
display: flex;
}
.heading-78 {
color: #fff799;
text-align: center;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 42px;
font-weight: 400;
}
.heading-78.white {
font-family: var(--yushan-2023-heading);
color: #fff;
-webkit-text-stroke-color: white;
font-size: 42px;
}
.text-span-39 {
direction: ltr;
line-height: 18px;
display: inline-block;
}
.div-block-508 {
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: flex-end;
display: flex;
}
.div-block-509 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #fff;
display: flex;
}
.yushan-logo-div {
position: absolute;
inset: 0% auto auto 0%;
}
.image-250 {
width: 160px;
}
.yushan-hero---mobile, .div-block-513, .paragraph-111, .image-251 {
display: none;
}
.div-block-515 {
width: 100%;
height: 100%;
}
.slider-16 {
mix-blend-mode: normal;
background-color: #0000;
height: 100%;
}
.div-block-516 {
opacity: 1;
mix-blend-mode: multiply;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653fc86ccbf3278fe46fe9ae_Slide%201-A.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
width: 100%;
height: 90%;
display: flex;
}
.slide-nav-16 {
width: 50%;
font-size: 12px;
line-height: 24px;
position: absolute;
inset: auto auto 0% 0%;
}
.image-252 {
mix-blend-mode: multiply;
height: 95%;
}
.div-block-473-copy-copy-copy {
opacity: 1;
mix-blend-mode: multiply;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653fc86ccbf3278fe46fe9ae_Slide%201-A.png");
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
}
.mask-10 {
mix-blend-mode: multiply;
}
.div-block-516-copy {
opacity: 1;
mix-blend-mode: multiply;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653fc86c1565c0c1dafe5957_Slide%201-B.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: 85%;
justify-content: center;
align-items: center;
width: 100%;
height: 90%;
display: flex;
}
.div-block-516-copy-copy {
opacity: 1;
mix-blend-mode: multiply;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653fc86c919a1f753e70d908_Slide%201-C.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: 85%;
justify-content: center;
align-items: center;
width: 100%;
height: 90%;
display: flex;
}
.text-block-110 {
display: block;
position: absolute;
inset: auto 0% -7% 10%;
}
.hide {
display: none;
}
.image-253 {
width: 500px;
padding-right: 0;
}
.text-block-2 {
color: #fff;
}
.navbar-4 {
padding: 20px 3vw;
}
.bold-text {
width: 80px;
font-weight: 400;
}
.radio-button-field {
margin-bottom: 0;
}
.container-10 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
display: flex;
}
.container-10.display {
flex-flow: column;
align-items: stretch;
max-width: 50%;
}
.radio-button-label-3 {
margin-bottom: 0;
font-weight: 500;
}
.field-label-9 {
width: 80px;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.bold-text-8 {
font-weight: 500;
}
.flex-block-5 {
grid-column-gap: 28px;
grid-row-gap: 28px;
background-image: linear-gradient(#fff, #fff);
justify-content: flex-start;
align-items: center;
width: 100%;
height: 40px;
padding-left: 10px;
}
.section-45 {
height: auto;
padding-left: 3vw;
padding-right: 3vw;
}
.heading {
color: #1335bb;
margin-top: 10px;
margin-bottom: 0;
font-size: 80px;
font-weight: 200;
line-height: 80px;
position: static;
}
.heading.chinese {
margin-top: 0;
font-size: 56px;
font-weight: 400;
}
.submit-button-11 {
background-color: #307363;
border-radius: 8px;
width: 100%;
margin-top: 40px;
}
.submit-button-11:hover {
padding-top: 10px;
padding-bottom: 10px;
}
.text-block-3 {
font-weight: 300;
}
.flex-block {
height: 100%;
}
.image {
width: 100%;
margin-top: 0;
margin-bottom: 20px;
padding-top: 20px;
}
.error-message {
color: #fff;
text-align: center;
background-color: red;
border-radius: 10px;
font-weight: 500;
}
.container-11 {
max-width: 100%;
}
.bold-text-3 {
font-weight: 400;
}
.flex-block-2 {
justify-content: flex-end;
align-items: center;
padding-right: 217px;
}
.flex-block-2.imageblock {
padding-right: 0;
}
.flex-block-2.noimage {
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0;
}
.flex-block-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.flex-block-3.form {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-top: 20px;
padding-bottom: 20px;
}
.field-label-10 {
width: 80px;
}
.bold-text-2 {
font-weight: 400;
}
.bold-text-6 {
font-weight: 500;
}
.text-field-20 {
margin-bottom: 10px;
}
.flex-block-4 {
justify-content: flex-start;
align-items: center;
}
.text-block {
color: #000;
justify-content: flex-end;
align-items: center;
width: 100%;
padding-right: 90px;
font-size: 42px;
font-weight: 200;
line-height: 66px;
display: flex;
}
.text-block.imageblock {
color: #000;
justify-content: flex-start;
align-items: center;
padding-left: 102px;
font-weight: 200;
}
.text-block.ft {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #1335bb;
letter-spacing: 2.5px;
flex: 0 auto;
align-self: auto;
padding-left: 479px;
padding-right: 298px;
font-weight: 200;
display: block;
}
.bold-text-5 {
font-weight: 500;
}
.section-2 {
margin-left: 0;
padding-left: 3vw;
padding-right: 3vw;
}
.section-2.form {
width: 100%;
height: 100%;
max-height: 100%;
padding-top: 100px;
display: none;
}
.code-embed {
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.container-12 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/66745f112cb3b5a535d04a84_Group%201.png");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
max-width: 100%;
height: 1050px;
}
.success-message-2 {
opacity: 1;
background-color: #5e7d58;
border-radius: 10px;
box-shadow: 0 2px 5px #0003;
}
.field-label-11 {
width: 80px;
}
.text-block-4 {
font-weight: 500;
}
.field-label-12 {
width: 80px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.bold-text-4 {
font-weight: 500;
}
.container-13 {
justify-content: flex-end;
align-items: center;
max-width: 100%;
display: flex;
}
.bold-text-7 {
font-weight: 500;
}
.body-17 {
background-color: #c1c0c4;
font-family: Manrope, sans-serif;
}
.code-embed-2 {
width: 100%;
}
.section-46 {
margin: 0;
padding-left: 0;
}
.body-18 {
background-color: #3b414c;
}
.image-254 {
margin-left: -74px;
}
.container-14 {
max-width: 1600px;
}
.body-19 {
background-color: #0b1828;
}
.section-47 {
margin-top: 0;
}
.container-15 {
aspect-ratio: 2.39;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/67f4bfe7b67439c6acff0c02_photo-1511632765486-a01980e01a18.jpeg");
background-position: 50%;
background-size: auto;
width: 100%;
max-width: 1000px;
}
html.w-mod-js [data-ix="menu-interaction"], html.w-mod-js [data-ix="timeline-hover"], html.w-mod-js [data-ix="nature-extension-hover"] {
transform: translate(0);
}
html.w-mod-js [data-ix="hide-logo-on-menu-click"] {
opacity: 1;
transform: translate(0);
}
html.w-mod-js [data-ix="menu-new"] {
transform: translate(0);
}
html.w-mod-js [data-ix="circles-loading"] {
transform: scale(1);
}
html.w-mod-js [data-ix="project-scroll"] {
opacity: 0;
transform: translate(60px);
}
html.w-mod-js [data-ix="project-scroll-left"] {
opacity: 0;
transform: translate(-60px);
}
html.w-mod-js [data-ix="new-interaction"] {
opacity: 0;
transform: translate(0, 50px);
}
html.w-mod-js [data-ix="year-appear"] {
opacity: 0;
transform: translate(0, 20px);
}
html.w-mod-js [data-ix="menu-about"], html.w-mod-js [data-ix="menu-patent"] {
opacity: 0;
transform: translate(0, 20px)scale(1)rotateX(25deg)rotateY(25deg)rotateZ(-7deg);
}
html.w-mod-js [data-ix="nav-menu-hover"] {
transform: scale(1);
}
html.w-mod-js [data-ix="blog-tabs-hover"], html.w-mod-js [data-ix="menu-hover"], html.w-mod-js [data-ix="menu-open"], html.w-mod-js [data-ix="patent-hover-move"], html.w-mod-js [data-ix="news-hover-arrow"] {
transform: translate(0);
}
html.w-mod-js [data-ix="corp-org-elememnts"] {
transform: rotateX(180deg)rotateY(0)rotateZ(0);
}
html.w-mod-js [data-ix="corp-org-hover"] {
transform: rotate(0);
}
html.w-mod-js [data-ix="enter-view"] {
opacity: 0;
transform: translate(0, 45px);
}
html.w-mod-js [data-ix="enter-view-2"] {
opacity: 0;
}
html.w-mod-js [data-ix="enter-view-non-loop"] {
opacity: 0;
transform: translate(0, 45px);
}
html.w-mod-js [data-ix="enter-opacity"] {
opacity: 0;
}
@media screen and (min-width: 1280px) {
.desktop-page-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.background-overlay {
background-image: none;
}
.nav-icon-link {
margin-right: 20px;
}
.section-20 {
padding-left: 0;
padding-right: 0;
}
.classics-hover-overlay.livetrue-green-overlay {
background-image: linear-gradient(#05192bb0, #05192bb0);
}
.contact-form {
height: 100vh;
}
.nav.livetrue-green {
display: none;
}
.classics-projects-wrapper {
padding-left: 0;
padding-right: 0;
}
.heading-44.classics {
line-height: 180px;
}
.preloader-home.on-load.home-load-green {
background-color: var(--new-loading-green);
}
.footer-01.dark {
padding-left: 5%;
padding-right: 5%;
}
.overlay-home {
background-color: var(--new-loading-green);
display: none;
}
.yiushan-logo-main, .div-block-384.hidden, .yushan-wrapper, .div-block-391, .heading-63 {
opacity: 1;
}
.hidden-view-image, .hidden-view-description-wrapper {
max-width: 50vw;
}
.yushan-heading-wrapper {
opacity: 1;
}
.yushan-contact {
width: 90px;
height: 90px;
}
.sorting-tab-menu {
width: 940px;
}
.sorting-tab-menu.sorting-full-width {
width: auto;
}
.tabs-5 {
flex-direction: column;
align-items: center;
display: flex;
}
.main-container {
flex-direction: column;
min-width: 1000px;
max-width: 1000px;
display: flex;
}
.big-spacer {
height: 200px;
}
.alm-sec-5-div {
margin-bottom: 36px;
}
.alm-sec-8-logos {
margin-top: 2vw;
padding-top: 0;
}
.checkbox-label, .submit-button-3 {
font-size: 20px;
}
.div-block-425 {
justify-content: center;
}
.name-field, .contact-field {
font-size: 20px;
}
.cases-scrollable, .case-cms {
height: auto;
}
.yushan-section-8---logo {
height: 80vh;
}
.yushan-section-9---contact-form {
height: 120vh;
}
.form-wrapper {
width: 820px;
}
.image-174 {
width: 100%;
}
.lm-slider {
height: 600px;
}
.mth-section-2.desktop {
width: 1200px;
max-width: 1200px;
}
.mth-section-3.desktop, .mth-section-4 {
width: 1200px;
}
.more-than-a-home-footer-links {
width: 100vw;
}
.mth-section-6, .mth-footer-grid {
width: 1200px;
}
.image-202 {
width: 380px;
}
.image-209 {
margin-left: 0;
position: absolute;
top: 0;
left: 0;
}
.div-block-450.lm-container {
margin-top: 0;
}
.more-than-a-home-footer-links-copy, .laughing-home-footer-links {
width: 100vw;
}
.div-block-455 {
flex: 0 auto;
}
.container-6 {
width: 300px;
}
.image-214 {
width: 500px;
}
.image-215 {
width: 230px;
}
.image-216 {
width: 250px;
}
.image-217 {
margin-top: 50px;
}
.image-218 {
width: 600px;
}
.div-block-458 {
flex-wrap: nowrap;
align-items: center;
display: flex;
}
.paragraph-106 {
font-size: 20px;
line-height: 36px;
}
.living-mountain-checkboxes, .checkbox-field-8, .select-field-2.form-control {
font-size: 20px;
}
.paragraph-107 {
flex-wrap: nowrap;
width: auto;
font-size: 30px;
line-height: 48px;
display: block;
}
.section-3-slider-description {
justify-content: center;
}
.no-swipe-div {
display: flex;
}
.paragraph-108 {
font-size: 40px;
line-height: 56px;
}
.div-block-461 {
width: auto;
}
.container-7 {
flex: none;
}
.div-block-462 {
width: auto;
}
.more-than-a-home-footer-links-2 {
width: 100vw;
}
.mth-section-6-2, .mth-section-6-3 {
width: 1200px;
}
.laughing-mountain-2023-hero {
overflow: hidden;
}
.laughing-mountain-2023-wrapper {
display: flex;
}
.div-block-469 {
height: auto;
}
.section-43 {
min-height: auto;
max-height: none;
overflow: hidden;
}
.div-block-469-copy {
height: 90vh;
}
.html-embed-16 {
align-self: flex-start;
padding-left: 40px;
}
.yushan-hero---desktop {
justify-content: stretch;
align-items: start;
}
.heading-78, .heading-78.white {
font-size: 48px;
line-height: 50px;
}
.div-block-508 {
font-size: 48px;
}
.image-250 {
width: 180px;
}
.navbar-4 {
padding-bottom: 40px;
padding-left: 3vw;
padding-right: 3vw;
}
.section-45 {
padding-left: 3vw;
padding-right: 3vw;
}
.flex-block-2.noimage {
padding-top: 40px;
padding-right: 0;
}
.text-block {
padding-right: 97px;
}
.text-block.imageblock {
padding-left: 232px;
}
.text-block.ft {
padding-right: 260px;
}
.section-2 {
padding-left: 3vw;
padding-right: 3vw;
}
.container-12 {
height: 1000px;
}
}
@media screen and (min-width: 1440px) {
.image-2 {
width: 200px;
}
.brand {
position: static;
left: 0%;
}
.div-block-141 {
font-size: 14px;
}
.paragraph-71.left-tablet {
flex-direction: column;
display: block;
}
.div-block-183.dancing-mountain, .div-block-183.dancing-mountain-copy-2 {
display: none;
}
.nav-links-wrapper {
justify-content: center;
display: flex;
}
.nav-links-wrapper.hidden {
display: none;
}
.link-4 {
width: 100px;
}
.link-4.w--current {
width: 100px;
margin-right: 25px;
font-size: 14px;
}
.arrow-right-wrapper {
right: 5%;
}
.new-case-wrapper-2 {
background-color: #0000;
background-image: none;
}
.new-case-hero-section {
z-index: 0;
justify-content: center;
height: 120vh;
}
.contact-form {
justify-content: center;
height: 100vh;
padding-top: 0;
padding-bottom: 0;
}
.section-32 {
background-color: #8e8783;
display: none;
}
.patent-link, .patent-link.dark-menu.navbar-link {
width: 100px;
}
.patent-link.navbar-link {
width: 100px;
margin-right: 25px;
font-size: 14px;
}
.about-link.dark-menu.navbar-link, .class-link {
width: 100px;
}
.class-link.navbar-link {
width: 100px;
margin-right: 25px;
font-size: 14px;
}
.new-case-link {
width: 100px;
}
.new-case-link.navbar-link {
width: 100px;
margin-right: 25px;
font-size: 14px;
}
.blog-link {
width: 100px;
}
.blog-link.navbar-link {
width: 100px;
margin-right: 25px;
font-size: 14px;
}
.contact-link {
width: 100px;
}
.contact-link.navbar-link {
margin-right: 25px;
font-size: 14px;
}
.div-block-256 {
padding-right: 1px;
}
.nav.livetrue-green {
display: none;
}
.new-case-first-block-wrapper {
background-color: #0000;
background-image: none;
}
.navbar-fixed.dark-menu {
padding-left: 5vw;
padding-right: 5vw;
}
._1200-contiainer {
width: 20vw;
}
.brand-story-hero-wrapper, .div-block-285 {
padding-left: 5%;
}
.preloader-home.on-load.home-load-green {
background-color: var(--new-loading-green);
}
.footer-link.privacy-policy.white {
color: #fff;
}
.button.zh-btn.white {
color: #1d1d1d;
}
.container-3 {
width: 100%;
max-width: 100%;
}
.footer-01 {
padding-left: 5%;
padding-right: 5%;
}
.footer-01.newcase-footer {
background-color: #0000;
}
.rich-footer {
z-index: 1;
position: relative;
}
.div-block-309 {
align-items: center;
margin-left: 0%;
display: flex;
}
.div-block-318.case {
display: none;
right: 20%;
}
.div-block-318.appreciation {
display: none;
left: 20%;
}
.overlay-home {
display: none;
}
.div-block-322 {
padding-left: 5%;
}
.button-18 {
flex: 1;
align-self: flex-start;
}
.body-14 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
display: flex;
}
.div-block-331.hidden {
display: none;
}
.popup-tentative {
z-index: 2147483647;
display: none;
}
.div-block-380 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-bottom: 5vw;
display: flex;
}
.yiushan-logo-main {
z-index: 200;
width: 37vh;
max-width: none;
margin-right: 48px;
position: relative;
}
.div-block-383 {
z-index: 5000;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.div-block-384 {
color: #fff;
flex-flow: column;
align-items: flex-start;
width: 100%;
margin-left: 0;
padding-left: 0;
font-family: "Creamfont 1";
display: flex;
}
.div-block-384.hidden {
display: none;
}
.paragraph-85 {
opacity: .6;
width: 100%;
margin-top: 0;
margin-bottom: 48px;
font-size: 16px;
line-height: 30px;
}
.button-19 {
color: var(--dark-slate-blue);
background-color: #fff;
border-radius: 2px;
padding: 15px 20px;
transition: all .6s;
}
.button-19:hover {
transform: translate(0, -5px);
}
.left {
opacity: .6;
text-align: right;
}
.yushan-wrapper {
background-color: #3b3b3b;
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
height: 100%;
position: relative;
}
.yushan-background-wrapper {
z-index: 0;
flex-direction: row;
justify-content: center;
align-items: stretch;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.image-122 {
opacity: .08;
flex: none;
width: 60%;
max-width: none;
}
.div-block-391 {
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 100vw;
display: flex;
overflow: hidden;
}
.heading-63 {
color: #feed1e;
font-family: "Creamfont 1";
font-size: 72px;
font-weight: 400;
line-height: 96px;
}
.section-41 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb47e25b6a1495feb6bbb46_Layer%201%20(5).png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fb47e25b6a149af416bbb45_Layer%201%20(4).png");
background-position: 10% -5%, 100% 100%;
background-repeat: no-repeat, no-repeat;
background-size: 35%, contain;
}
.div-block-396 {
background-color: #3b4c8f;
}
.div-block-380-copy {
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-bottom: 5vw;
display: flex;
}
.div-block-405 {
padding-top: 10px;
}
.div-block-420 {
justify-content: flex-start;
}
.living-mountain-hero-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62562f279107cddb902ac376_%E6%9E%9C.jpg");
background-position: 50% 65%;
background-size: 100%;
}
.alm-section-2 {
height: auto;
}
.alm-sec-3-div {
flex: 0 auto;
padding-bottom: 2vw;
}
.alm-section-4 {
height: auto;
}
.alm-section-5 {
width: 100vw;
height: auto;
}
.grid-25 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.div-block-422 {
padding-top: 5vw;
}
.alm-section-6, .alm-section-7, .alm-section-8 {
width: 100vw;
height: auto;
}
.grid-28 {
grid-column-gap: 0px;
grid-row-gap: 36px;
}
.alm-section-9 {
width: 100vw;
height: 100vh;
}
.div-block-425 {
justify-content: center;
}
.div-block-427 {
padding-top: 5vw;
padding-bottom: 5vw;
}
.image-153 {
top: 20%;
}
.cases-scrollable, .case-cms {
height: auto;
}
.case-grid---desciption-photo {
grid-template-rows: auto;
}
._48-spacer {
height: 48px;
padding-bottom: 0;
padding-right: 0;
}
.grid-wrapper {
width: 85%;
}
.case-grid---photo-description {
grid-template-rows: auto;
}
.yushan-section-8---logo {
height: 70vh;
}
.yushan-section-9---contact-form {
height: 120vh;
}
.yushan-yellow-description {
font-size: 36px;
line-height: 60px;
}
.form-wrapper {
width: 820px;
}
.lm-hero-section {
background-size: auto, 100%;
}
.grid-35 {
width: 1200px;
}
.mth-section-2.desktop, .mth-section-3.desktop, .mth-section-3.desktop, .mth-section-3.desktop, .mth-section-4, .mth-section-6 {
max-width: 1200px;
}
.image-202 {
width: 400px;
}
.contact-section {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653f1495b060de3220354615_Laughing%20Mountain%20Background%202023.png");
background-repeat: repeat-x;
background-size: contain;
background-attachment: scroll;
}
.laughing-home-footer-links {
display: flex;
}
.mth-section-6-2 {
max-width: 1200px;
}
.grid-36, .grid-37 {
width: 1200px;
}
.mth-section-6-3 {
max-width: 1200px;
}
.laughing-mountain-2023-hero {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653a100b4bcc78d63c3f6b91_Asset%204.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653a0fadbec116dfe90c8e17_With%20Nature-Laughing%20Mountain.png");
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat, no-repeat;
background-size: auto 40vh, auto 100vh;
justify-content: center;
align-items: center;
height: 100vh;
padding-right: 0;
display: flex;
}
.laughing-mountain-2023-wrapper {
background-color: #ebeadd;
flex-direction: column;
}
.div-block-469 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: start center;
align-self: flex-start;
align-items: center;
width: 85%;
height: auto;
display: grid;
position: relative;
}
.div-block-469._90-width {
height: 100%;
}
.laughing-mountain-back-to-home-button {
align-self: flex-end;
display: inline-block;
position: absolute;
inset: 0% 0% auto auto;
}
.image-241 {
width: 200px;
}
.image-242 {
width: 280px;
}
.text-block-103 {
text-align: left;
font-size: 24px;
}
.section-43 {
height: 100vh;
padding-top: 80px;
padding-bottom: 80px;
}
.slide-nav-15 {
-webkit-text-stroke-width: 0px;
}
.section-44 {
height: auto;
padding-top: 80px;
padding-bottom: 80px;
}
.div-block-469-copy {
flex-direction: column;
justify-content: center;
align-items: center;
width: 85%;
height: 90vh;
display: flex;
position: relative;
}
.paragraph-110 {
font-size: 20px;
}
.yushan-2023-hero {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655aca6e4f327a0ea9c04351_Yushan%202023-Hero%20Background.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.yushan-hero---desktop {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
width: 85%;
padding-bottom: 0;
padding-right: 0;
display: grid;
}
.image-244 {
width: 130px;
}
.image-245 {
width: 50px;
}
.image-246 {
width: 500px;
}
.yusha-2023-section-e {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-496 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b131f0f2021359c4e5f48_Asset%2022.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
}
.slider-15 {
border-top-left-radius: 122px;
border-bottom-right-radius: 122px;
width: 70%;
height: 100%;
overflow: hidden;
}
.slide-26 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13ab800621546a447415_Asset%2029.jpg");
background-position: 50%;
background-size: contain;
}
.slide-27 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13af0979d53070902c31_Asset%2032.jpg");
background-position: 50%;
background-size: cover;
}
.slide-28 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b14081ae9bd6c5e43ef90_04-%E5%8F%B0%E4%B8%AD%E6%AD%8C%E5%8A%87-006.JPG");
background-position: 50%;
background-size: cover;
}
.slide-29 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13b055c5599d1d903e9d_Asset%2028.jpg");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-30 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13b055c5599d1d903e92_Asset%2033.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-31 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13af1f17199893dbd158_Asset%2030.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide-32 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655b13afd7422ebf10262e90_Asset%2031.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.div-block-497 {
width: 80%;
}
.div-block-516, .div-block-516-copy, .div-block-516-copy-copy {
height: 100%;
}
.navbar-4, .section-45, .section-2 {
padding-left: 5vw;
padding-right: 5vw;
}
}
@media screen and (min-width: 1920px) {
.page-heading-zh.blue.classics.center.classic-center {
margin-top: 100px;
padding-top: 39px;
}
.page-heading-en.classics.blue.center.classic-center {
margin-top: 88px;
}
.headings-wrapper.center {
margin-top: -80px;
margin-bottom: -80px;
}
.navbar-4 {
padding-left: 5vw;
padding-right: 5vw;
}
.container-10.display {
max-width: 60%;
position: static;
}
.section-45 {
padding-left: 5vw;
padding-right: 5vw;
}
.text-block {
padding-right: 220px;
}
.text-block.ft {
padding-right: 283px;
}
.section-2 {
padding-left: 5vw;
padding-right: 5vw;
}
.section-46 {
width: 2560px;
height: 800px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.container-15 {
max-width: 1600px;
padding-bottom: 58px;
}
}
@media screen and (max-width: 991px) {
.desktop-page-wrapper {
width: 100%;
height: 100%;
display: block;
}
.elements-wrapper.home {
flex-wrap: nowrap;
}
.heading-wrapper.home {
flex-wrap: nowrap;
width: 100%;
}
.brand {
left: 0%;
}
.page-header {
height: 380px;
}
.div-block-6 {
grid-template-columns: 1fr;
}
.div-block-6.core-values-copy {
grid-column-gap: 16px;
grid-row-gap: 30px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: center;
display: grid;
position: static;
}
.div-block-6.projects {
grid-template-columns: 1fr;
}
.heading-3.quote-zh {
width: 100%;
}
.heading-3.quote-zh.left {
align-self: flex-start;
}
.paragraph-2 {
font-size: 18px;
line-height: 36px;
}
.paragraph-2.blue {
margin-top: 0;
margin-left: 0;
}
.paragraph-2.blue.corevalues {
width: 80%;
margin-top: 0;
}
.paragraph-2.patent-content {
text-align: left;
}
.grid {
grid-column-gap: 25px;
grid-row-gap: 50px;
grid-template-rows: 280px 380px 280px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.proejct-gallery.langlang2 {
background-position: 50% -21vw;
height: 380px;
}
.proejct-gallery.duoye2, .proejct-gallery.duoye3 {
height: 280px;
}
.proejct-gallery.duoye4 {
height: 380px;
}
.proejct-gallery.drow2 {
background-position: 50% 14%;
height: 280px;
}
.proejct-gallery.drow3 {
height: 280px;
}
.proejct-gallery.drow4 {
height: 380px;
}
.proejct-gallery.drow7, .proejct-gallery.drow8 {
height: 280px;
}
.enter-button {
margin-top: 20px;
}
.headings-wrap.home {
flex-wrap: nowrap;
width: 100%;
margin-top: 0;
}
.scroll {
display: none;
}
.scroll.core-values, .scroll.timeline {
display: none;
overflow: hidden;
}
.sections-wrapper, .sections-wrapper.timeline {
flex-direction: column;
width: 100vw;
position: static;
}
.sections-wrapper.contact-wrapper {
flex-direction: column;
align-items: center;
width: 100vw;
padding: 0 0;
position: static;
overflow: hidden;
}
.brand-story {
width: 100vw;
height: 500px;
}
.timeline-video-section.timeline {
flex-direction: column;
justify-content: center;
align-items: center;
}
.cursor-wrapper {
display: none;
}
.core-description-wrapper {
align-items: center;
width: 100vw;
margin-bottom: 96px;
}
.core-description-wrapper.core-values-wrapper---adjusted {
width: 100%;
margin-top: 36px;
margin-bottom: 84px;
margin-left: 0;
position: relative;
}
.core-description-wrapper._1 {
width: 100%;
margin-top: 84px;
margin-bottom: 84px;
padding-left: 0;
padding-right: 0;
}
.heading-19 {
margin-top: 0;
}
.div-block-76 {
justify-content: center;
width: 100vw;
margin-bottom: 0;
margin-right: 0;
}
.div-block-79 {
text-align: center;
flex-direction: column;
align-self: center;
align-items: center;
width: 100%;
margin-top: 0;
display: flex;
position: static;
}
.timeline-elements.timeline-copy {
flex-direction: column;
width: 100vw;
position: static;
overflow: visible;
}
.button-13 {
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
}
.heading-23, .heading-23.en {
font-size: 14px;
}
.card-headline {
width: 100%;
max-width: 100%;
display: block;
}
.btn.btn-white.blog2-card-cta {
text-align: center;
display: block;
bottom: 20px;
left: 30px;
}
.wrap {
width: 645px;
}
.media-wrapper {
text-align: center;
flex-direction: column;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.media {
justify-content: center;
width: 100vw;
padding-top: 0;
padding-left: 5vw;
padding-right: 5vw;
}
.med-photo-wrapper {
flex-direction: column;
padding-top: 0;
}
.div-block-112 {
margin-right: 0;
position: relative;
}
.facebook-page-wrapper {
width: 100%;
margin-top: 0;
position: static;
}
.html-embed-4 {
margin-top: 0;
position: relative;
}
.event-registration {
flex-wrap: wrap;
flex: none;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
margin-right: 0;
}
.event-registration.banner {
padding-left: 5vw;
padding-right: 5vw;
}
.full-services-form-wrapper {
width: 100%;
height: 95%;
}
.div-block-115 {
align-items: center;
width: 100%;
}
.form {
align-items: center;
}
.div-block-111-copy {
flex-direction: column;
align-items: flex-start;
margin-right: 0;
display: flex;
}
.map-sample {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62834b5bdb5e085f230e05f1_Screen%20Shot%202022-05-17%20at%203.14.20%20PM.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1445178d011_%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7%202020-10-05%20%E4%B8%8B%E5%8D%881.24.18.png"), linear-gradient(#00000080, #00000080);
background-position: 50%, 50%, 0 0;
background-repeat: repeat, repeat, repeat;
background-size: cover, cover, auto;
width: 100%;
height: 60vh;
position: static;
}
.map {
z-index: 2;
flex-flow: column wrap;
justify-content: flex-start;
width: 100vw;
height: auto;
margin-top: 0;
position: relative;
}
.div-block-119 {
box-shadow: none;
margin-top: 24px;
position: static;
}
.div-block-120 {
flex-direction: row;
align-items: center;
width: 100vw;
height: 50vh;
margin-bottom: 0;
display: flex;
}
.home-heading-en {
width: 100%;
font-size: 4.75em;
}
.home-heading-en.en {
margin-top: 30px;
font-size: 24px;
}
.div-block-141 {
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 5vw;
padding-right: 5vw;
}
.page-wrapper-contact---desktop-copy {
display: none;
}
.page-wrapper-contact---desktop-copy.mobile-version {
display: block;
position: static;
}
.form-heading {
justify-content: center;
}
.menu-details---desktio {
margin-top: 5vw;
}
.collection-list {
grid-template-rows: 250px 250px;
grid-template-columns: 1fr 1fr;
}
.collection-list.homelife2grid {
display: none;
}
.collection-list.mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 250px 250px 250px;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 250px;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-wrapper.homelife2.desktop {
display: block;
}
.collection-list-wrapper.all.desktop, .button-15 {
display: none;
}
.home-heading-zh {
width: 100%;
font-size: 56px;
}
.home-heading-zh.tricks.fade-up {
margin-bottom: 12px;
}
.home-heading-zh.blog-heading-zh {
font-size: 3.25em;
}
.about-us-wrapper {
justify-content: center;
min-width: 100vw;
max-width: 100vw;
height: auto;
margin-right: 0;
padding-right: 5vw;
display: flex;
position: relative;
overflow: hidden;
}
.page-heading-zh {
font-size: 36px;
line-height: 48px;
}
.page-heading-zh.center {
align-self: center;
}
.page-heading-zh.center.left-tablet {
align-self: flex-start;
}
.page-heading-zh.center.left, .page-heading-zh.tricks.fade-up {
align-self: center;
}
.page-heading-en {
width: 100%;
}
.page-heading-en.center {
align-self: center;
}
.page-heading-en.center.left-tablet {
text-align: left;
align-self: flex-start;
}
.page-heading-en.tricks.fade-up {
align-self: center;
}
.about-page-heading-wrapper {
text-align: center;
align-items: center;
}
.about-page-heading-wrapper.about-us-heading {
width: 45%;
}
.paragraph-71.left-tablet {
text-align: left;
text-align: left;
}
.hover-on-building {
object-fit: contain;
width: 120%;
max-width: 120%;
}
.circles-hover-wrapper {
width: 100%;
height: 80vh;
margin-top: 84px;
position: static;
}
.brand-story-circle.hover-circle {
display: none;
}
.brand-story-circle.hover-circle.mobile {
display: flex;
}
.core-value-circle.hover-circle {
display: none;
}
.core-value-circle.hover-circle.mobile {
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
display: flex;
}
.milestones-circle.hover-circle {
display: none;
}
.milestones-circle.hover-circle.mobile {
justify-content: center;
align-items: center;
display: flex;
}
.small-heading---zh {
margin-top: 0;
}
.small-heading---zh.about {
font-size: 18px;
line-height: 24px;
}
.small-heading---en {
margin-bottom: 0;
font-size: 18px;
}
.brand-story-wrapper {
opacity: 1;
flex-direction: column;
flex: none;
width: 180px;
min-width: 180px;
text-decoration: none;
display: flex;
left: 74%;
overflow: visible;
}
.milestones-wrapper {
width: 180px;
min-width: 180px;
text-decoration: none;
top: 80%;
left: auto;
right: -53%;
}
.core-wrapper {
min-width: 180px;
top: 74%;
left: -45%;
}
.lottie-animation-6 {
width: 10vw;
height: 10vw;
}
.div-block-168 {
width: 100%;
display: flex;
}
.div-block-169.brand-image, .div-block-169.core-image, .div-block-169.milestones-image, .div-block-169.corp-image, .heading---en.small-heading---en.contact-font {
display: none;
}
.section-20 {
padding-left: 5vw;
padding-right: 5vw;
}
.project-heading-wrapper {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 24px;
display: flex;
}
.black-line {
align-self: flex-start;
}
.div-block-183.dancing-mountain {
bottom: -5%;
}
.lottie-animation-8 {
width: 96px;
height: 96px;
}
.div-block-185 {
width: 65vw;
}
.section-21 {
padding: 80px 5vw;
}
.landscape-movable-sketch-descriptions._3 {
top: 21%;
}
.landscape-movable-sketch-descriptions._4 {
left: -13%;
}
.project-gallery.langlang-main, .project-gallery.duoye1, .project-gallery.drow1 {
height: 380px;
}
.nav-links-wrapper, .nav-links-wrapper.hidden, .classics-hover-overlay {
display: none;
}
.arrow-right-wrapper {
align-items: center;
width: 100%;
height: auto;
padding-bottom: 3vw;
display: none;
inset: auto 0% 0%;
}
.lottie-animation-9 {
align-self: center;
display: none;
}
.page-wrapper {
flex-direction: column;
position: relative;
}
.page-wrapper.corevalues {
display: none;
}
.page-wrapper.brand-story {
width: 100vw;
height: auto;
display: block;
position: static;
}
.page-wrapper.brand-story.no-padding {
width: 100vw;
position: static;
overflow: hidden;
}
.brand-story-section.brandstory {
flex-direction: column;
overflow: hidden;
}
.core-value-section-copy.corevalue {
flex-direction: column;
justify-content: center;
padding-left: 0;
}
.core-values---new {
flex-direction: column;
align-items: center;
width: 100vw;
padding: 0 5vw;
}
.core-values-wrapper {
flex-direction: column;
align-items: center;
width: 100vw;
padding: 80px 5vw;
}
.core-values-wrapper._2nd {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto 60vw;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100vw;
padding-left: 5vw;
padding-right: 5vw;
display: grid;
position: static;
}
.core-value-image-1, .core-value-image-2, .core-value-image-3 {
width: 100%;
}
.timeline-scroll-new {
flex-direction: column;
}
.timeline-scroll-new.desktop {
height: auto;
}
.new-years-wrapper {
flex-direction: column;
}
.year-wrapper-new {
flex-direction: row;
justify-content: flex-start;
width: auto;
height: auto;
position: static;
}
.year-wrapper-new._2012, .year-wrapper-new._2017, .year-wrapper-new._2019 {
display: flex;
}
.year-blue-wrapper {
justify-content: center;
align-items: center;
width: 40vw;
padding-left: 0;
}
.year-blue-wrapper.above._2010 {
align-items: center;
height: 45vh;
}
.year-blue-wrapper.above._2012 {
align-items: center;
}
.year-blue-wrapper.above._2014 {
justify-content: center;
align-items: center;
height: 45vh;
}
.year-blue-wrapper.above._2016, .year-blue-wrapper.above._2018, .year-blue-wrapper.above._2020 {
align-items: center;
height: 45vh;
}
.year-blue-wrapper.above._2020._2022 {
height: 100%;
}
.year-blue-wrapper.above._2021 {
align-items: center;
height: 100%;
}
.year-blue-wrapper._2011, .year-blue-wrapper._2013 {
justify-content: center;
height: 45vh;
}
.year-blue-wrapper._2015 {
align-items: center;
height: 45vh;
}
.year-blue-wrapper._2017 {
align-items: center;
}
.timeline-heading {
padding-left: 0;
font-size: 84px;
line-height: 96px;
display: none;
}
.div-block-208.above {
display: none;
}
.div-block-208.above.bottom-align {
display: none;
position: static;
}
.div-block-208.above._2021.horizontal.top-align {
display: flex;
}
.div-block-208.above._2021.horizontal.top-align.mobile {
padding-top: 5%;
padding-bottom: 2%;
position: static;
}
.div-block-208.above._2021.horizontal.top-align.hidden, .div-block-208.top-align.adjusted-2015.hidden, .div-block-208.top-align.adjusted-2013-copy, .div-block-208.top-align._2013.horizontal.hidden, .div-block-208.above-2 {
display: none;
}
.lightbox-link._2003, .lightbox-link._2010, .lightbox-link._2011, .lightbox-link._2012, .lightbox-link._2013, .lightbox-link._2014, .lightbox-link._2015, .lightbox-link._2016, .lightbox-link._2017, .lightbox-link._2018, .lightbox-link._2019, .lightbox-link._2020, .lightbox-link._2003, .lightbox-link.drow, .lightbox-link._2017, .lightbox-link._2021 {
width: 96px;
height: 96px;
}
.div-block-211.core1 {
width: 100%;
height: 70vw;
margin-bottom: 36px;
margin-right: 0;
padding-right: 4px;
}
.div-block-211.core-2 {
width: 100%;
height: 70vw;
margin-bottom: 36px;
margin-right: 0;
}
.div-block-211.core3 {
justify-items: start;
width: 100%;
height: 60vw;
}
.div-block-211.core1a, .div-block-211.core2a {
width: 100%;
height: 70vw;
margin-bottom: 36px;
margin-right: 0;
}
.div-block-211.core3a {
width: 100%;
height: 60vw;
}
.last-core {
flex-direction: column;
align-items: center;
width: 100vw;
height: 60vh;
padding: 0 6vw;
}
.brand-story-image-1-wrapper, .brand-story-image2-wrapper {
width: 100vw;
height: 60vh;
}
.core-value-image-1-wrapper {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
justify-content: center;
align-self: center;
width: 55vw;
height: 40vw;
}
.core-value-image-2-wrapper {
background-image: none;
align-self: center;
width: 55vw;
height: 40vw;
}
.core-value-image-3-wrapper {
background-image: none;
align-self: center;
width: 55vw;
height: 40vw;
position: relative;
overflow: visible;
}
.core-value-wrapper {
flex-direction: column;
align-items: center;
position: relative;
}
.core-divider-wrapper {
height: auto;
}
.core-divider {
height: 60vh;
}
.dancing-mountain-circle.hover-circle {
display: none;
}
.dancing-mountain-circle.hover-circle.mobile {
display: flex;
}
.contact-form {
height: 100vh;
padding-left: 5vw;
padding-right: 5vw;
}
.section-32 {
background-position: 125% 110%, -14% -1%;
background-size: 40%, 35%;
justify-content: center;
height: 80vh;
}
.news-hero-image {
height: 480px;
margin-top: 0;
}
.core-values---mobile {
display: block;
}
.about-us.menu-about, .patent.menu-history {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.patent.menu-history.w--current {
width: 100%;
height: 100%;
}
.class.menu-classics {
justify-content: flex-end;
width: 100%;
min-width: auto;
max-width: none;
height: 100%;
max-height: none;
}
.new-case.menu-newcase, .blog.menu-blog {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.blog.menu-blog.w--current {
width: 100%;
height: 100%;
}
.news.menu-contact {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.grid-7 {
grid-column-gap: 20px;
grid-template-rows: 25vw 25vw;
grid-template-columns: 25vw 25vw 25vw;
width: 90%;
max-width: 90%;
}
.div-block-256 {
flex-direction: row;
padding-top: 10px;
padding-bottom: 10px;
}
.blog-hero {
padding-top: 20vw;
padding-left: 5vw;
padding-right: 5vw;
}
.menu-icon {
position: static;
top: 6vw;
left: 6vw;
}
.nav__content {
padding-left: 5vw;
padding-right: 5vw;
top: 5vw;
}
.nav {
display: none;
overflow: hidden;
}
.nav.livetrue-green {
display: none;
}
.navbar-fixed.dark-menu {
width: 100vw;
}
.mobile-page-wrapper {
display: none;
}
._1200-contiainer {
flex-direction: column;
min-width: 100%;
}
._1200-contiainer.full-height.middle-align {
overflow: visible;
}
._1200-contiainer.centered-container {
align-items: center;
}
.classics-projects-wrapper {
height: auto;
padding-left: 5vw;
padding-right: 5vw;
}
.classics-section {
padding-left: 5vw;
padding-right: 5vw;
}
.about-us-content-wrapper {
flex-direction: column;
padding-top: 20vh;
padding-bottom: 80px;
overflow: visible;
}
.brand-story-hover-wrapper {
top: auto;
bottom: 47%;
right: 62%;
}
.core-values-hover-wrapper {
top: 55%;
left: 8%;
}
.milestones-hover-wrapper {
width: 90px;
height: 90px;
top: 67%;
bottom: auto;
right: 48%;
}
.div-block-283 {
padding-top: 80px;
padding-left: 5vw;
padding-right: 5vw;
display: block;
}
.div-block-283.no-padding {
padding-top: 0;
}
.columns {
display: block;
}
.columns._2 {
flex-direction: column;
padding-left: 5vw;
padding-right: 5vw;
}
.columns.desktop {
display: block;
}
.columns._3 {
flex-direction: column;
padding-left: 5vw;
padding-right: 5vw;
}
.div-block-286 {
align-items: center;
height: 100%;
display: flex;
position: static;
}
.div-block-286.center {
justify-content: center;
}
.header-blog {
z-index: -5;
padding-left: 5vw;
padding-right: 5vw;
position: relative;
}
.title-small.white.center.left {
text-align: center;
}
.profile-block-header.padded {
text-align: center;
justify-content: center;
}
.blog-grid {
grid-column-gap: 22px;
grid-template-columns: 1fr .6fr;
}
.blog-section-2 {
z-index: 50;
position: relative;
}
.featured-item {
flex-flow: column wrap;
align-items: flex-start;
}
.title-large {
font-size: 18px;
}
.container {
z-index: 1;
position: relative;
}
.subscription.template3 {
margin-top: 10vw;
margin-bottom: 10vw;
}
.button-17 {
font-size: 14px;
}
.div-block-288 {
height: 480px;
}
.div-block-290 {
width: 100%;
}
.moving-wrapper {
height: 100%;
overflow: hidden;
}
.div-block-293 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100vh;
}
.text-field-8 {
padding-left: 2px;
}
.form-4 {
width: 90%;
margin-top: 12px;
}
.reservation-form {
justify-content: center;
width: 100vw;
margin-right: 0;
padding: 0 5vw 80px;
}
.reservation-form.desktop {
height: 90vh;
overflow: hidden;
}
.appointment-form {
grid-column-gap: 0px;
justify-content: center;
width: 100vw;
height: 90vh;
margin-right: 0;
padding: 0 5vw;
overflow: hidden;
}
.div-block-294 {
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
display: none;
}
.heading-44.classics {
font-size: 180px;
line-height: 180px;
}
.heading-44.new-case-scroll {
font-size: 100px;
line-height: 100px;
}
.div-block-297 {
overflow: hidden;
}
.new-case-link-wrapper {
width: 180px;
top: -85%;
left: auto;
right: -159%;
}
.new-case-photo {
height: 180px;
}
.div-block-298 {
padding-left: 5vw;
padding-right: 5vw;
}
.mobile-links-wrapper {
display: none;
}
.year-wrapper-mobile {
flex-direction: row;
justify-content: flex-start;
align-self: auto;
align-items: center;
width: 100vw;
height: 45vh;
padding-right: 0;
display: flex;
}
.year-wrapper-mobile._2003 {
align-items: stretch;
}
.year-wrapper-mobile.bigger {
flex-direction: row;
align-items: stretch;
height: 45vh;
}
.year-wrapper-mobile._2012.hidden, .year-wrapper-mobile.hidden {
display: none;
}
.description-mobile-wrapper {
align-items: center;
margin-left: 24px;
display: flex;
}
.description-mobile-wrapper.vertical {
flex-direction: column;
align-items: flex-start;
}
.blog-2-heading {
padding: 180px 5vw 90px;
}
.container-2 {
flex-flow: column;
align-items: center;
}
.text-container {
width: 100%;
}
.h1 {
font-size: 36px;
line-height: 42px;
}
.header {
height: 50vw;
}
.post-content-seection {
padding-left: 5vw;
padding-right: 5vw;
}
.related-posts-section {
width: 100vw;
padding-left: 5vw;
padding-right: 5vw;
}
.post-image {
height: 280px;
}
.div-block-300 {
height: 100%;
}
.text-label.news-left {
margin-bottom: 24px;
}
.section {
padding-left: 24px;
padding-right: 24px;
}
.blog4-grid {
grid-column-gap: 24px;
grid-row-gap: 60px;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
max-width: 738px;
}
.blog4-featured-post {
min-height: 600px;
}
.blog1-button-wrap {
margin-bottom: 30px;
}
.blog1-headline-wrap {
max-width: none;
}
.size4-link-2 {
font-family: "Creamfont 1";
}
.blog1-image {
height: 200px;
}
.blog1-grid {
grid-column-gap: 24px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
max-width: 738px;
}
.section-37 {
padding-left: 24px;
padding-right: 24px;
}
.collection-list-wrapper-2 {
width: 100%;
}
.footer-link {
flex: none;
}
.footer-bottom {
flex-direction: column;
}
.footer-grid-01 {
flex: none;
grid-template-columns: auto auto auto 1fr 1fr 1fr;
grid-auto-columns: auto;
width: auto;
margin-bottom: 56px;
}
.footer-grid-01.white {
grid-row-gap: 50px;
grid-template-columns: auto auto auto auto auto auto;
width: 100%;
}
.footer-grid-01.full-white {
grid-row-gap: 50px;
grid-template-columns: auto auto auto auto;
}
.footer-title {
flex: none;
}
.footer-01 {
padding-left: 5vw;
padding-right: 5vw;
}
.footer-column {
flex-flow: column;
width: auto;
padding-right: 20px;
}
.rich-footer {
min-width: 100vw;
max-width: 100vw;
overflow: hidden;
}
.pat-section {
padding-left: 5vw;
}
.tabs-3 {
padding-left: 5vw;
padding-right: 5vw;
}
.column {
flex: 0 auto;
}
.div-block-309 {
justify-content: center;
align-items: center;
width: 100vw;
display: flex;
}
.image-80 {
align-self: flex-start;
}
.heading-50 {
font-size: 2.5em;
line-height: 1.5em;
}
.div-block-314 {
margin-bottom: 12px;
}
.footer-row-1 {
flex-direction: column;
}
.section-38 {
width: 100vw;
padding-left: 5vw;
padding-right: 5vw;
}
.privacy-policy, .paragraph-79 {
width: 100%;
}
.privacy-policy-section {
padding-left: 5vw;
}
.image-82 {
width: 100px;
}
._2010-photo-wrapper {
justify-content: center;
}
.image-88.filled {
bottom: auto;
}
.numbers {
justify-content: center;
align-self: center;
display: flex;
left: 0%;
}
.numbers._2020 {
justify-content: center;
}
.numbers.under {
bottom: auto;
}
.numbers.center {
justify-content: center;
}
.numbers.center.under {
text-align: center;
justify-content: center;
top: auto;
bottom: auto;
}
.numbers.center.first {
margin-left: 0%;
}
.text-block-33-copy-2 {
flex: none;
align-self: flex-start;
align-items: flex-start;
}
.text-block-33-copy-3 {
text-align: left;
flex: 0 auto;
align-items: flex-start;
width: 280px;
height: 100%;
}
.text-block-33-copy-4 {
flex: 0 auto;
width: 280px;
height: 100%;
}
.text-block-33-copy-5 {
align-items: flex-start;
}
.text-block-33-copy-6 {
flex: 0 auto;
align-self: center;
width: 280px;
font-size: 13px;
}
.select-field {
padding-left: 0;
padding-right: 0;
}
.corp-org-heading {
text-align: center;
align-items: center;
}
.corp-org-wrapper {
flex-direction: row;
flex: 0 auto;
align-items: stretch;
inset: 68% auto auto 61%;
}
.corp-wrapper {
min-width: 180px;
left: -55%;
}
.corp-wrapper.core-wrapper {
inset: auto auto 79% -47%;
}
.media-news-cta-wrapper.latest-news {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.corp-org-section.corp-org {
flex-direction: column;
overflow: hidden;
}
.corp-org-section.corp-org.padding {
background-image: linear-gradient(#05192bf5, #05192bf5), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/606ea01b8e07f87d2b4497f5_20130717-94.jpg"), linear-gradient(#02020230, #02020230);
background-position: 0 0, 50%, 0 0;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, cover, auto;
background-attachment: scroll, scroll, scroll;
}
.section-40 {
background-position: 41%;
background-size: auto 100%;
align-self: center;
width: 100vw;
height: auto;
padding-left: 10vw;
padding-right: 10vw;
}
.collection-list-8 {
grid-template-columns: 1fr 1fr;
}
.body-14 {
object-fit: contain;
overflow: visible;
}
.button-small-2 {
border-radius: 2px;
}
.div-block-334.mobile {
align-self: center;
}
.form-block-4 {
width: 100%;
}
.hexa-wrapper {
flex-direction: column;
width: 100vw;
height: 120vh;
display: none;
position: relative;
}
.div-block-349 {
width: 100vw;
}
.linear-gradient {
background-image: linear-gradient(#05192b, #05192be6 20%, #05192ba6 60%, #05192b29 94%, #05192b00);
width: 100vw;
}
.body-15 {
object-fit: fill;
max-width: 100vw;
overflow: visible;
}
.div-block-350 {
display: none;
}
.hexa-wrapper-mobile {
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
padding-top: 56px;
padding-bottom: 56px;
padding-right: 0;
display: flex;
position: relative;
}
.image-103 {
width: 200px;
margin-bottom: 0;
}
.image-103.last {
margin-bottom: 0;
}
.image-104 {
width: 60%;
max-width: none;
}
.image-104.hidden {
display: block;
}
.div-block-351 {
grid-column-gap: 16px;
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 85%;
margin-top: 24px;
display: grid;
}
.div-block-351.main {
grid-column-gap: 25px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
width: 70%;
}
.image-105, .image-106, .image-107 {
width: 80px;
max-width: none;
}
.image-107.big {
width: 97px;
}
.div-block-352 {
flex-direction: column;
align-self: center;
align-items: center;
margin-top: 24px;
display: flex;
position: relative;
left: -24px;
}
.div-block-352.right {
left: 36px;
}
.image-108 {
opacity: .3;
width: 200px;
position: absolute;
top: 11%;
left: 4%;
}
.image-108._2 {
top: 27%;
left: 67%;
transform: rotate(-60deg);
}
.image-108._3 {
width: 80px;
top: 23.5%;
left: 60%;
transform: rotate(90deg);
}
.image-108._4 {
width: 80px;
top: 34.5%;
left: 35%;
}
.div-block-357 {
background-color: #fff;
align-self: center;
width: 2px;
height: 60px;
padding-bottom: 0;
padding-right: 0;
font-size: 2px;
}
.collection-list-12 {
grid-template-columns: 1fr 1fr;
}
.latest-news-grid-heading {
margin-bottom: 0;
}
.column-3 {
padding-left: 0;
padding-right: 0;
}
.column-4 {
margin-bottom: 24px;
padding-left: 0;
padding-right: 0;
}
.tab-link-tab-1-5 {
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.tab-link-tab-1-5.w--current {
font-size: 16px;
}
.tab-link-tab-2-4, .tab-link-tab-2-4.w--current {
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.tabs-4 {
grid-column-gap: 50px;
}
.div-block-362 {
justify-content: center;
width: 100%;
display: flex;
}
.collection-list-15 {
grid-column-gap: 16px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-369 {
flex-direction: column;
align-items: center;
display: flex;
}
.heading-60 {
font-size: 30px;
line-height: 40px;
}
.popup-tentative {
display: none;
}
.div-block-377 {
width: 550px;
height: 400px;
}
.div-block-383 {
padding-left: 5vw;
padding-right: 5vw;
}
.paragraph-85 {
line-height: 24px;
}
.image-122 {
width: 90%;
position: relative;
left: -25%;
}
.div-block-391 {
justify-content: flex-start;
}
.heading-63 {
font-size: 36px;
}
.button-20 {
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
}
.rich-footer-2 {
min-width: 100vw;
max-width: 100vw;
overflow: hidden;
}
.hover-wrapper-2 {
height: 65vw;
}
.div-block-393 {
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 5vw;
padding-right: 5vw;
}
.heading-64.new-case-scroll {
font-size: 100px;
line-height: 100px;
}
.section-41 {
background-position: 125% 110%, -14% -1%;
background-size: 40%, 35%;
justify-content: center;
height: 80vh;
}
.nav-links-wrapper-2 {
display: none;
}
.footer-link-2 {
flex: none;
}
._1200-contiainer-2 {
flex-direction: column;
min-width: 100%;
}
.div-block-395 {
width: 80%;
}
.contact-form-2 {
height: 100vh;
padding-left: 5vw;
padding-right: 5vw;
}
.nav-2 {
display: none;
overflow: hidden;
}
.about-page-heading-wrapper-2 {
text-align: center;
align-items: center;
}
.brand-2 {
left: 0%;
}
.text-field-9 {
padding-left: 0;
}
.text-field-9.appointment-date {
padding-left: 3px;
display: block;
}
.main-container {
min-width: 100vw;
max-width: 100vw;
}
.collection-list-28 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.portrait-movable-description._3 {
top: 21%;
}
.living-mountain-hero-image {
background-position: 50% 55%;
}
.living-mountain-hero-container {
bottom: 133px;
}
.living-mountain-logo-image {
width: 200px;
}
.a-living-mountain-description-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.container-5 {
padding-left: 5vw;
padding-right: 5vw;
}
.alm-section-2 {
height: auto;
}
.image-141 {
width: 100%;
height: auto;
}
.div-block-421 {
justify-content: center;
width: 100%;
display: flex;
}
.alm-section-3 {
height: auto;
}
.grid-23 {
grid-template-columns: 1fr;
justify-items: center;
}
.alm-sec-3-div-wrapper {
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
}
.alm-section-4 {
padding-top: 5vw;
padding-bottom: 5vw;
}
.grid-24 {
grid-template-columns: 1fr;
justify-items: center;
}
.alm-sec-4-div-wrapper {
align-items: flex-end;
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
}
.div-block-422, .alm-sec-5-div-wrapper {
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
}
.alm-sec-5-div {
width: 45%;
}
.alm-sec-5-image {
height: 60vh;
}
.grid-26 {
justify-content: center;
justify-items: center;
}
.alm-sec-6-div {
padding-left: 5vw;
padding-right: 5vw;
}
.curve-svg-left {
left: -5%;
}
.curve-svg-right {
right: -5%;
}
.alm-sec-7-image-wrapper {
width: 100%;
}
.alm-sec-8-logos {
background-size: 50%;
}
.div-block-425 {
padding-left: 5vw;
padding-right: 5vw;
}
.grid-30 {
grid-template-columns: 1fr;
}
.image-150 {
width: 70%;
max-width: 100%;
}
.image-151 {
width: 70%;
}
.overlay-building-b {
bottom: 20%;
}
.div-block-429 {
width: 100%;
}
.image-153 {
width: 10vw;
top: 45%;
left: 45%;
}
.rich-text-a-living-mountain h2 {
font-size: 26px;
line-height: 36px;
}
.cases-hero-section.no-scroll {
overflow: hidden;
}
.cases-scrollable {
height: auto;
}
.case-grid---desciption-photo {
grid-column-gap: 56px;
grid-row-gap: 56px;
text-align: center;
grid-template-columns: 1fr;
place-items: center;
height: auto;
}
.image-155 {
width: 150px;
}
.image-156 {
width: 350px;
}
.case-photo-wrapper {
justify-content: center;
width: 100%;
}
.relative-text-block-wrapper, .relative-text-block-wrapper.left, .view-case-hover-wrapper {
display: none;
}
.case-grid---photo-description {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr;
height: auto;
}
.div-block-431 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-432 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.mobile-title-block {
text-align: center;
flex-direction: column;
margin-top: 24px;
display: flex;
}
.text-block-92 {
color: #fff;
letter-spacing: 4px;
margin-bottom: 8px;
font-family: Montserrat, sans-serif;
font-size: 24px;
line-height: 30px;
}
.floating-text.right, .floating-text.left {
display: none;
}
.case-template-a, .case-template-b {
margin-bottom: 56px;
}
.yushan-hero-section {
align-items: flex-end;
}
.image-157.desktop {
height: 80%;
}
.submit-button-4 {
padding-top: 14px;
}
.form-wrapper {
width: 80%;
}
.div-block-438 {
margin-bottom: 4px;
}
.yushan-desktop-hero-header {
flex: none;
align-items: flex-start;
display: flex;
}
.yushan-desktop-hero-header.header-2 {
flex: none;
align-items: flex-start;
}
.heading-70 {
flex: none;
align-items: flex-start;
margin-bottom: 0;
font-size: 48px;
line-height: 56px;
display: flex;
}
.lm-hero-section {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63450dbb5fe2666ac439967e_Hero-below.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63450db94bca14b8b2a60e5a_Hero-above.png");
background-position: 50% 65vh, 50% 0;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
background-attachment: scroll, scroll;
}
.lm-section-2 {
flex-direction: column;
padding: 60px 0%;
}
.image-167 {
width: 60%;
}
.lm-section-4-heading {
grid-template-rows: auto;
place-items: center stretch;
}
.lm-section-7-wrapper {
grid-template-rows: auto auto auto auto;
}
.lm-slider {
height: 380px;
}
.paragraph-93 {
text-align: center;
}
.paragraph-98 {
margin-left: 0;
}
.paragraph-99 {
margin-bottom: 36px;
}
.heading-72 {
margin-top: 0;
}
.image-188 {
height: auto;
}
.lm-desktop-hero, .lm-desktop-hero-below {
display: none;
}
.hero---mth {
background-position: 100% 70%, 0 0;
background-size: auto 70%, 50%;
}
.hero---mth---content {
align-items: flex-start;
}
.hero---mth---content.desktop {
padding: 48px;
}
.image-190 {
width: 220px;
}
.mth-section-2.desktop {
height: auto;
}
.image-192 {
align-self: center;
max-width: none;
height: 220px;
}
.mth-section-3.desktop {
grid-template-columns: 1fr 1.5fr;
height: auto;
}
.image-193 {
max-width: none;
height: 100px;
}
.image-194 {
max-width: none;
height: 420px;
}
.image-195.desktop {
width: 400px;
inset: 15% -15% 0% auto;
}
.image-195.desktop.mth-appear {
width: 480px;
top: 30%;
right: -30%;
}
.image-196.desktop {
width: 400px;
margin-right: -60px;
top: 0%;
bottom: auto;
}
.image-196.desktop.mth-appear {
width: 320px;
left: -15%;
}
.form-7 {
grid-template-columns: 1fr;
}
.checkbox-field-4 {
margin-right: 24px;
}
.mth-footer-grid {
width: 100vw;
}
.laughing-mountain-page-wrapper {
overflow: hidden;
}
.hero---laughing-mountain {
background-position: 100%, 0 0;
background-size: auto 55%, 45%;
}
.image-202 {
width: 300px;
}
.image-203 {
left: -180px;
}
.contact-section {
padding-bottom: 48px;
}
.laughing-mountain---desktop {
flex-direction: column;
display: flex;
}
.laughing-home-footer-links {
width: 100%;
}
.div-block-455 {
grid-template-rows: auto auto;
}
.image-210 {
width: 550px;
max-width: none;
position: relative;
}
.image-211 {
display: none;
}
.living-mountain-hero-section-2023 {
padding-left: 36px;
padding-right: 36px;
}
.image-214 {
width: 480px;
}
.living-mountain-section-3 {
padding-left: 36px;
padding-right: 36px;
}
.image-216 {
width: 250px;
}
.image-217 {
width: 480px;
margin-top: 50px;
}
.image-218 {
width: 550px;
}
.image-219 {
width: 600px;
margin-top: 60px;
}
.paragraph-107 {
font-size: 24px;
}
.section-2-slider-1, .right-arrow-2, .left-arrow-2.hidden, .section-3-slider-1, .left-arrow-3, .right-arrow-3, .section-3-slider-2, .section-3-slider-3, .section-2-slider-4 {
height: 450px;
}
.section-2-slider-2 {
background-size: 450px;
height: 450px;
}
.section-2-slider-3-copy {
background-size: 60%;
height: 450px;
}
.no-swipe-div {
display: none;
}
.right-arrow-4, .left-arrow-4, .section-2-5-slider-1, .section-2-5-slider-2, .section-2-5-slider-3, .section-2-5-slider-4, .section-2-5-slider-5, .section-2-5-slider-6 {
height: 450px;
}
.image-221 {
width: 280px;
bottom: 5%;
left: 40%;
}
.image-222 {
height: 120px;
}
.image-223 {
width: 60%;
}
.image-224.desktop {
width: 400px;
margin-right: -60px;
top: 0%;
bottom: auto;
}
.hero---mth-2 {
background-position: 100%, 0 0;
background-size: auto 55%, 45%;
}
.form-10 {
grid-template-columns: 1fr;
}
.image-226 {
max-width: none;
height: 100px;
}
.checkbox-field-10 {
margin-right: 24px;
}
.image-227 {
max-width: none;
height: 480px;
}
.image-228.desktop {
width: 400px;
inset: 15% -15% 0% auto;
}
.image-230 {
max-width: none;
height: 220px;
}
.checkbox-field-12 {
margin-right: 24px;
}
.image-231.desktop {
width: 400px;
margin-right: -60px;
top: 0%;
bottom: auto;
}
.image-231.desktop.mth-appear {
width: 320px;
left: -15%;
}
.hero---mth---content-3 {
align-items: flex-start;
}
.hero---mth---content-3.desktop {
padding: 48px;
}
.image-232 {
max-width: none;
height: 420px;
}
.form-11 {
grid-template-columns: 1fr;
}
.image-233.desktop {
width: 400px;
inset: 15% -15% 0% auto;
}
.image-233.desktop.mth-appear {
width: 480px;
top: 30%;
right: -30%;
}
.image-234 {
height: 120px;
}
.image-236 {
max-width: none;
height: 100px;
}
.image-237 {
width: 220px;
}
.image-238 {
align-self: center;
max-width: none;
height: 220px;
}
.image-239 {
width: 280px;
bottom: 5%;
left: 40%;
}
.laughing-mountain-2023-hero {
background-size: 25vw, auto 80vh;
}
.laughing-mountain-2023-wrapper {
overflow: hidden;
}
.div-block-469 {
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.div-block-469._90-width {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
}
.laughing-mountain-back-to-home-button {
inset: 0% auto auto 0%;
}
.image-242 {
align-self: flex-start;
width: 200px;
}
.text-block-103 {
text-align: left;
margin-bottom: 0;
font-size: 20px;
}
.div-block-471 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
align-items: flex-end;
}
.section-43 {
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.div-block-472 {
justify-content: flex-start;
width: 85%;
margin-top: 24px;
margin-left: 10%;
}
.div-block-472.right-align {
margin-top: 56px;
margin-right: 10%;
}
.laughing-mountain-section-2-sidetext.left-side {
display: none;
inset: auto 0% 0%;
}
.laughing-mountain-section-2-sidetext.left-side.full-height {
display: flex;
}
.laughing-mountain-section-2-sidetext.left-side.full-height._500-px {
height: 500px;
}
.slide-nav-15 {
justify-content: center;
width: 100%;
margin-top: 24px;
margin-left: 0;
position: static;
bottom: auto;
right: auto;
}
.heading-76 {
font-size: 24px;
line-height: 30px;
position: static;
}
.heading-76.space-24.right {
padding-bottom: 24px;
}
.paragraph-109 {
font-size: 16px;
}
.section-44 {
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.div-block-475 {
width: 100vw;
height: 470px;
}
.slider-11-copy {
height: 400px;
}
.div-block-475-copy {
width: 500px;
height: 500px;
}
.text-block-105 {
white-space: nowrap;
word-break: normal;
overflow-wrap: normal;
flex: none;
display: block;
top: 141px;
left: 273.195px;
}
.div-block-476 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr 1.5fr;
justify-content: center;
width: 70%;
}
.div-block-469-copy {
flex: none;
width: 80%;
height: 90vh;
}
.yushan-2023-hero {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655aca6e4f327a0ea9c04351_Yushan%202023-Hero%20Background.png");
background-position: 50%;
background-size: cover;
}
.yushan-hero---desktop {
grid-template-columns: .75fr 1fr .75fr;
width: 80%;
}
.image-244 {
width: 80px;
}
.image-245 {
width: 35px;
}
.image-246 {
width: 500px;
}
.div-block-491 {
background-size: cover;
}
.text-block-109 {
font-size: 16px;
}
.div-block-516 {
background-position: 50%;
height: 400px;
position: relative;
}
.slide-nav-16 {
width: 100%;
position: relative;
}
.div-block-516-copy {
background-position: 50%;
background-size: 55%;
height: 400px;
}
.div-block-516-copy-copy {
background-position: 50%;
background-size: 70%;
height: 400px;
}
.text-block-110 {
text-align: center;
width: 100%;
display: block;
position: absolute;
left: auto;
right: auto;
}
.image-253 {
width: 300px;
padding-right: 0;
position: static;
}
.container-10.display {
max-width: 80%;
}
.image-3 {
display: inline-block;
}
.heading {
font-size: 48px;
line-height: 50px;
}
.heading.chinese {
font-size: 30px;
}
.image {
padding-top: 10px;
}
.flex-block-2.noimage {
padding-top: 0;
padding-right: 0;
}
.text-block {
padding-top: 40px;
font-size: 24px;
line-height: 40px;
}
.text-block.imageblock {
padding-left: 27px;
font-size: 24px;
}
.text-block.ft {
padding-left: 212px;
padding-right: 0;
}
.section-2 {
padding-left: 40px;
padding-right: 40px;
}
.section-2.form {
padding-top: 40px;
}
.container-12 {
height: 600px;
}
}
@media screen and (max-width: 767px) {
.desktop-page-wrapper {
padding-left: 0;
padding-right: 0;
display: block;
}
.desktop-page-wrapper.home {
padding-left: 0;
padding-right: 0;
display: none;
}
.desktop-page-wrapper.no-padding {
padding-left: 0;
padding-right: 0;
}
.heading-wrapper.home {
width: 100%;
}
.image-2 {
opacity: 1;
width: 180px;
max-width: none;
}
.brand {
padding-left: 0;
}
.brand.w--current {
padding-left: 0;
display: block;
}
.page-header {
height: 320px;
}
.div-block-6 {
grid-template-columns: 1fr;
}
.div-block-6.projects {
padding-left: 5vw;
padding-right: 5vw;
}
.heading-3 {
font-size: 36px;
}
.heading-3.quote-zh.small-heading---zh.white.left {
font-size: 18px;
line-height: 30px;
}
.heading-3.case-view {
align-self: flex-start;
}
.paragraph-2 {
font-size: 18px;
line-height: 30px;
}
.paragraph-2.blue {
padding-left: 5vw;
padding-right: 5vw;
}
.paragraph-2.patent-content {
text-align: left;
}
.grid {
grid-row-gap: 50px;
grid-template-rows: 220px 380px 220px;
}
.proejct-gallery.gallery3, .proejct-gallery.langlang1 {
height: 320px;
}
.proejct-gallery.langlang2 {
height: 380px;
}
.proejct-gallery.duoye2, .proejct-gallery.duoye3, .proejct-gallery.duoye4, .proejct-gallery.drow2, .proejct-gallery.drow3, .proejct-gallery.drow4, .proejct-gallery.drow7, .proejct-gallery.drow8, .div-block-8.langlang3, .div-block-8.duoye6, .div-block-8.drow6, .div-block-9.langlang4.div-block-7, .div-block-9.duoye5, .div-block-9.drow5 {
height: 320px;
}
.enter-button {
margin-top: 50px;
}
.headings-wrap.home {
width: 100vw;
margin-top: 5px;
}
.scroll.brand-story {
display: none;
}
.brand-story {
z-index: 1;
flex: 0 auto;
justify-content: center;
width: 100%;
padding-left: 6vw;
padding-right: 6vw;
display: flex;
}
.core-description-wrapper {
margin-left: 0;
margin-right: 0;
}
.core-description-wrapper.core-values-wrapper---adjusted {
margin-bottom: 36px;
}
.div-block-79 {
margin-top: 0;
}
.text-block-33-copy {
font-size: 14px;
line-height: 24px;
}
.button-13 {
padding-top: 12px;
padding-bottom: 12px;
font-size: 12px;
line-height: 18px;
}
.heading-23.en.mobile-menu {
opacity: .5;
font-size: 20px;
font-weight: 400;
}
.heading-23.mobile-menu {
font-size: 20px;
}
.card-headline {
width: 100%;
display: block;
}
.btn.btn-white.blog2-card-cta {
bottom: 20px;
left: 30px;
right: auto;
}
.wrap {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.wrap.w50 {
padding-left: 0;
padding-right: 0;
}
.media-wrapper {
width: 100%;
}
.media {
flex-direction: row;
}
.facebook-page-wrapper {
width: 100%;
margin-top: 0;
}
.html-embed-4 {
margin-top: 0;
top: auto;
}
.text-field {
width: 100%;
}
.div-block-111-copy {
align-items: flex-start;
}
.map-sample {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62834b5bdb5e085f230e05f1_Screen%20Shot%202022-05-17%20at%203.14.20%20PM.png"), linear-gradient(#0000, #0000);
background-position: 50%, 0 0;
background-repeat: repeat, repeat;
background-size: cover, auto;
}
.map {
margin-top: 0;
}
.home-heading-en {
font-size: 4em;
line-height: 1em;
}
.home-heading-en.en {
margin-top: 15px;
font-size: 20px;
}
.home-heading-en.en.fade-up {
font-size: 18px;
line-height: 24px;
}
.div-block-141 {
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 5vw;
padding-right: 5vw;
}
.tab-link-tab-3 {
flex-direction: column;
align-items: center;
margin-left: 0;
display: flex;
}
.tab-link-tab-3.w--current {
margin-left: 0;
display: flex;
}
.tab-link-tab-1 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
margin-left: 0;
display: flex;
}
.tab-link-tab-1.w--current {
flex-direction: column;
margin-left: 0;
}
.text-block-40.en {
padding-left: 5px;
font-size: 14px;
}
.text-block-40.en.left, .text-block-40.blog-zh {
font-size: 14px;
}
.text-block-42 {
align-self: center;
}
.tabs-menu {
flex-direction: row;
justify-content: center;
width: 100%;
display: flex;
}
.page-wrapper-contact---desktop-copy {
display: none;
}
.form-heading {
justify-content: center;
}
.nav-icon-link {
margin-bottom: 5px;
}
.nav-icon-link.white.footer-links.hidden {
display: none;
}
.menu-links {
flex-direction: row;
}
.menu-details---desktio {
align-items: flex-start;
width: 100%;
margin-top: 36px;
padding-left: 0;
padding-right: 0;
}
.collection-list {
grid-template-rows: 250px;
grid-template-columns: 1fr 1fr;
}
.collection-list.mobile {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.button-15, .button-15.dark-menu-button {
display: none;
}
.home-heading-zh {
font-size: 30px;
line-height: 24px;
}
.home-heading-zh.tricks.fade-up {
margin-bottom: 0;
line-height: 56px;
}
.home-heading-zh.blog-heading-zh {
font-size: 2.5em;
}
.about-us-wrapper {
height: auto;
position: relative;
overflow: hidden;
}
.page-heading-zh {
flex: 0 auto;
align-self: flex-start;
width: 100%;
font-size: 30px;
line-height: 36px;
}
.page-heading-zh.adjusted {
text-align: center;
line-height: 56px;
}
.page-heading-zh.adjusted.tricks.fade-up {
min-height: 0;
font-size: 30px;
line-height: 36px;
}
.page-heading-zh.adjusted.centered-container {
align-self: center;
line-height: 50px;
}
.page-heading-zh.center, .page-heading-zh.center.left-tablet {
align-self: center;
}
.page-heading-zh.tricks.fade-up {
text-align: center;
align-self: center;
min-height: 0;
margin-bottom: 6px;
line-height: 36px;
}
.page-heading-en {
align-self: flex-start;
margin-top: 6px;
margin-bottom: 24px;
font-size: 30px;
line-height: 30px;
}
.page-heading-en.classics.blue.center {
align-self: center;
}
.page-heading-en.classics.blue.center.classic-center {
font-size: 18px;
}
.page-heading-en.center, .page-heading-en.center.small {
align-self: center;
}
.page-heading-en.center.left-tablet {
text-align: center;
align-self: center;
}
.page-heading-en.tricks.fade-up {
align-self: center;
}
.page-heading-en.big.white {
align-self: flex-start;
font-size: 30px;
}
.about-page-heading-wrapper.about-us-heading {
text-align: center;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
position: static;
}
.about-page-heading-wrapper.white {
align-items: center;
}
.paragraph-71.left-tablet {
text-align: center;
text-align: center;
width: 100%;
}
.hover-on-building {
max-width: 110%;
}
.circles-hover-wrapper {
width: 100%;
height: auto;
margin-top: 84px;
position: relative;
}
.brand-story-circle.hover-circle.mobile {
flex: 1;
width: 60px;
height: 60px;
}
.core-value-circle.hover-circle.mobile, .milestones-circle.hover-circle.mobile {
width: 70px;
height: 70px;
}
.small-heading---zh.about {
color: #fff;
margin-bottom: 0;
font-size: 1.75em;
}
.small-heading---en {
margin-bottom: 0;
font-size: 16px;
display: none;
}
.brand-story-wrapper {
text-shadow: 0 8px 10px #000;
background-color: #0000;
width: 160px;
min-width: 160px;
inset: auto auto 9% 69%;
}
.milestones-wrapper {
text-shadow: 0 8px 10px #000;
background-color: #0000;
align-items: center;
width: 160px;
min-width: 160px;
display: flex;
top: -81%;
left: -74%;
}
.core-wrapper {
text-shadow: 0 8px 10px #000;
background-color: #0000;
align-items: center;
width: 160px;
min-width: 160px;
display: flex;
top: -7%;
left: 43%;
}
.lottie-animation-6 {
width: 60px;
height: 60px;
}
.div-block-169.brand-image {
height: 60px;
margin-top: 6px;
display: none;
}
.div-block-169.core-image, .div-block-169.milestones-image, .div-block-169.corp-image {
height: 60px;
display: none;
}
.heading---en.tricks.fade-up {
font-size: 30px;
line-height: 36px;
}
.wrapper {
min-width: 100vw;
max-width: 100vw;
overflow: hidden;
}
.section-20 {
padding-top: 96px;
padding-left: 0;
padding-right: 0;
}
.project-heading-wrapper {
align-items: flex-start;
padding-left: 5vw;
padding-right: 5vw;
}
.black-line {
margin-bottom: 30px;
}
.black-line.case-view {
align-self: flex-start;
}
.div-block-183.dancing-mountain {
display: none;
bottom: -5%;
}
.lottie-animation-8 {
width: 70px;
height: 70px;
}
.div-block-185 {
width: 100vw;
}
.div-block-185.drow {
width: 60vw;
}
.landscape-movable-sketch-descriptions {
display: none;
}
.project-gallery.langlang-main, .project-gallery.duoye1, .project-gallery.drow1 {
height: 320px;
}
.headings-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.par--zh---16 {
font-size: 14px;
line-height: 24px;
}
.classics-link.langlang {
width: 100%;
height: 320px;
margin-bottom: 24px;
}
.nav-links-wrapper.hidden, .arrow-right-wrapper {
display: none;
}
.page-wrapper.brand-story.no-padding {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.brand-story-section.brandstory.padding {
overflow: visible;
}
.core-values-wrapper._2nd {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
overflow: hidden;
}
.year-blue-wrapper {
height: 45vh;
}
.div-block-208.above._2021.horizontal.top-align.mobile {
flex-direction: column;
padding-bottom: 5%;
}
.div-block-208.top-align, .div-block-208.top-align.adjusted-2015.hidden, .div-block-208.top-align._2013.horizontal.hidden {
display: none;
}
.lightbox-link._2003, .lightbox-link._2010, .lightbox-link._2011, .lightbox-link._2012 {
width: 84px;
height: 84px;
}
.lightbox-link._2013 {
width: 84px;
height: 84px;
margin-bottom: 24px;
}
.lightbox-link._2014, .lightbox-link._2015, .lightbox-link._2016, .lightbox-link._2017, .lightbox-link._2018, .lightbox-link._2019, .lightbox-link._2020 {
width: 84px;
height: 84px;
}
.lightbox-link._2003 {
width: 84px;
height: 84px;
margin-bottom: 24px;
}
.lightbox-link.drow, .lightbox-link._2017, .lightbox-link._2021 {
width: 84px;
height: 84px;
}
.header-title-wrapper.blog-page {
width: 100vw;
}
.div-block-211.core1 {
justify-items: start;
width: 80vw;
height: 80vw;
padding-right: 50px;
}
.div-block-211.core-2, .div-block-211.core3, .div-block-211.core1a, .div-block-211.core2a, .div-block-211.core3a {
width: 80vw;
height: 80vw;
}
.button-16.new-case-button.blue.en {
margin-top: 24px;
}
.div-block-162-copy.center {
align-self: center;
align-items: center;
}
.core-value-image-1-wrapper, .core-value-image-2-wrapper, .core-value-image-3-wrapper {
width: 80vw;
height: 50vw;
}
.new-case-hover-wrapper {
position: static;
}
.new-case-hero-section {
height: auto;
padding-top: 20vw;
}
.contact-form {
height: auto;
padding: 20vw 5vw;
}
.heading-40.heading---zh.big {
font-size: 30px;
}
.section-32 {
background-position: 125% 110%, -20% -1%;
background-size: 40%, 45%;
}
.coming-soon-heading-zh {
font-size: 30px;
line-height: 36px;
}
.call-to-action {
padding: 40px 20px;
}
.about-us.menu-about.w--current {
width: 100%;
}
.patent.menu-history.w--current {
width: 100%;
height: 100%;
}
.new-case.menu-newcase {
grid-template-rows: 30vh 30vh auto;
}
.new-case.menu-newcase.navbar-link {
display: flex;
}
.grid-7 {
grid-template-rows: 30vh 30vh 30vh;
grid-template-columns: 30vh 30vh;
height: 100%;
display: none;
overflow: hidden;
}
.blog-hero {
padding-top: 30vw;
}
.menu-icon {
top: 10vw;
left: 8vw;
}
.nav__content {
align-self: center;
padding-left: 5vw;
padding-right: 5vw;
position: static;
top: auto;
overflow: visible;
}
.nav {
flex: 0 auto;
justify-content: center;
align-self: center;
height: 100vh;
padding-top: 10vw;
padding-bottom: 0;
display: none;
position: fixed;
overflow: visible;
}
.nav.livetrue-green {
display: none;
}
.navbar-fixed.dark {
padding-left: 5vw;
padding-right: 5vw;
}
.mobile-page-wrapper {
display: flex;
}
._1200-contiainer.overflow {
overflow: visible;
}
._1200-contiainer.unexpanded {
flex: 0 auto;
}
.classics-projects-wrapper {
flex-direction: column;
height: auto;
}
.classics-section {
padding-right: 5vw;
}
.about-us-content-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20vh;
padding-top: 0;
}
.div-block-280 {
padding-left: 0;
padding-right: 0;
display: flex;
}
.brand-story-hover-wrapper {
width: 60px;
height: 60px;
top: 3%;
bottom: auto;
right: 62%;
}
.core-values-hover-wrapper {
top: 19%;
left: 13%;
}
.milestones-hover-wrapper {
align-self: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
top: 49%;
}
.header-blog {
z-index: 0;
justify-content: center;
min-height: 645px;
padding-top: 0;
padding-bottom: 162px;
}
.paragraph-detials-small.white-50 {
font-size: 14px;
}
.title-small {
font-weight: 600;
display: inline-block;
}
.title-small.white {
font-size: 14px;
}
.title-small.white.center.left {
text-align: center;
}
.profile-block-header {
margin-top: 36px;
}
.blog-grid {
grid-row-gap: 62px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.blog-grid.template1 {
grid-template-columns: 1fr;
}
.featured-item {
width: 100%;
display: inline-block;
}
.container.overflow {
flex-direction: column;
align-items: center;
display: flex;
}
.subscription {
padding-top: 36px;
padding-bottom: 36px;
}
.div-block-288 {
width: 90%;
}
.div-block-290 {
width: 100%;
}
.moving-wrapper {
width: 100vw;
height: 50vh;
}
.moving-wrapper.reservation-form {
display: block;
}
.div-block-293 {
width: 100vw;
}
.reservation-form {
grid-template-columns: 1fr;
}
.reservation-form.mobile---contact {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.reservation-form.desktop---contact {
display: none;
}
.appointment-form {
grid-template-columns: 1fr;
height: auto;
padding-left: 0;
padding-right: 0;
}
.div-block-294 {
grid-row-gap: 0px;
flex: none;
grid-template-columns: 1fr;
width: 100%;
}
.heading-44 {
font-size: 20vw;
line-height: 20vw;
}
.heading-44.new-case-scroll {
font-size: 85px;
line-height: 90px;
}
.div-block-297 {
width: 100%;
overflow: hidden;
}
.div-block-298 {
flex-direction: column;
padding-top: 10vh;
}
.link-block-10 {
text-align: left;
align-self: flex-start;
align-items: center;
margin-bottom: 12px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: flex;
}
.link-block-10.w--current {
font-size: 12px;
}
.mobile-links-wrapper {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: auto;
padding-left: 0;
padding-right: 0;
display: flex;
}
.year-wrapper-mobile.bigger {
height: auto;
}
.description-mobile-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-left: 12px;
}
.description-mobile-wrapper.vertical {
margin-left: 12px;
}
.description-mobile-wrapper._2022 {
width: 95%;
padding-top: 5%;
padding-bottom: 5%;
}
.blog-2-heading {
padding-top: 180px;
padding-bottom: 90px;
}
.h1 {
font-size: 30px;
line-height: 36px;
}
.collection-item-3 {
width: 100%;
margin-bottom: 36px;
}
.blog4-post-image {
width: 100%;
height: 260px;
margin-bottom: 24px;
}
.text-label {
margin-bottom: 0;
}
.section {
padding-left: 20px;
padding-right: 20px;
}
.blog4-grid {
grid-column-gap: 20px;
grid-template-rows: 450px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: none;
}
.blog4-featured-post {
height: 100%;
min-height: 100%;
padding: 26px;
}
.size1-text {
font-size: 34px;
line-height: 42px;
}
.blog4-post-text-wrap {
width: 100%;
}
.blog1-button-wrap {
margin-top: 0;
}
.size4-link-2 {
margin-top: 24px;
margin-bottom: 12px;
font-family: "Creamfont 1";
}
.paragraph-70 {
margin-bottom: 24px;
}
.blog1-image-wrap {
margin-bottom: 0;
}
.blog1-image {
height: 320px;
}
.blog1-grid {
grid-column-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: none;
}
.size3-text {
width: 100%;
}
.section-37 {
padding-left: 20px;
padding-right: 20px;
}
.grid-8 {
grid-row-gap: 30px;
}
.footer-link {
flex: none;
}
.footer-bottom {
flex-wrap: wrap;
margin-top: 40px;
}
.footer-grid-01 {
grid-column-gap: 25px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.footer-grid-01.white {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: auto auto auto 1fr;
}
.footer-grid-01.full-white {
grid-column-gap: 50px;
}
.footer-wrapper {
margin-top: 12px;
}
.button.zh-btn.white.black {
color: #1d1d1d;
}
.footer-top.white {
flex-direction: column;
}
.footer-column {
padding-right: 0;
}
.footer-column.follow-us {
margin-top: 36px;
}
.left-side {
flex-direction: column;
align-items: flex-start;
}
.text-block-66 {
margin-top: 12px;
margin-left: 0;
}
.div-block-305 {
flex-direction: column;
align-items: flex-start;
}
.rich-footer {
z-index: 1;
position: relative;
}
.footer-links-social {
flex-direction: row;
}
.pat-section {
padding-right: 5vw;
}
.tabs-3 {
padding-left: 5vw;
padding-right: 5vw;
}
.div-block-309 {
align-items: center;
}
.body-12 {
flex-direction: column;
display: flex;
}
.div-block-311 {
background-repeat: repeat, repeat, repeat-y;
width: auto;
}
.collection-list-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-layout {
width: 100vw;
overflow: hidden;
}
.text-block-68 {
margin-top: 12px;
}
.heading-50 {
font-size: 2.25em;
line-height: 1.25em;
}
.div-block-314 {
width: 100%;
height: 180px;
}
.footer-row-1, .div-block-315 {
flex-direction: column;
}
.paragraph-78, .paragraph-79 {
font-size: 16px;
line-height: 30px;
}
.heading-54 {
font-size: 24px;
line-height: 36px;
}
.button-18 {
align-self: center;
}
.text-block-33-copy-2 {
font-size: 14px;
line-height: 24px;
}
.text-block-33-copy-3 {
flex: 0 auto;
height: auto;
font-size: 14px;
line-height: 24px;
}
.text-block-33-copy-4 {
height: auto;
font-size: 14px;
line-height: 24px;
}
.text-block-33-copy-5 {
font-size: 14px;
line-height: 24px;
}
.text-block-33-copy-6 {
align-self: flex-start;
font-size: 14px;
line-height: 24px;
}
.corp-org-wrapper {
width: 60px;
height: 60px;
top: 55%;
bottom: auto;
left: 63%;
}
.corp-wrapper {
width: 180px;
left: -45%;
}
.corp-wrapper.core-wrapper {
text-shadow: 0 8px 10px #000;
background-color: #0000;
width: 160px;
min-width: 160px;
bottom: 53%;
left: -80%;
right: auto;
}
.latest-news-tab {
flex: 0 auto;
margin-right: 48px;
padding-left: 0;
padding-right: 0;
}
.videos-tab {
flex-direction: column;
align-items: center;
margin-left: 0;
display: none;
}
.videos-tab.w--current {
flex: 0 auto;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.corp-org-section.corp-org.padding {
overflow: visible;
}
.section-40 {
background-position: 40%;
background-size: auto 100%;
}
.collection-item-6, .collection-list-6 {
height: 100%;
}
.collection-list-wrapper-4 {
height: auto;
}
.related-media-news {
padding-left: 5vw;
padding-right: 5vw;
}
.collection-list-7 {
grid-row-gap: 50px;
grid-template-columns: auto;
}
.div-block-329 {
grid-column-gap: 0px;
grid-row-gap: 12px;
}
.collection-list-8 {
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.collection-list-9 {
grid-row-gap: 60px;
}
.div-block-332 {
flex-direction: column;
}
.link-block-18 {
width: 100%;
}
.collection-list-10 {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.hidden {
display: none;
}
.heading-56.no-space {
margin-top: 10vh;
}
.linear-gradient {
background-image: linear-gradient(#05192b, #05192be6 19%, #05192ba6 60%, #05192b29 94%, #05192b00);
}
.div-block-351.main {
width: 80%;
}
.image-105, .image-106, .image-107 {
width: 70px;
}
.image-107.big {
width: 83px;
}
.image-108._3 {
top: 24.5%;
left: 63%;
}
.collection-list-12 {
grid-template-columns: 1fr;
}
.blog-post-image---grid-below {
width: 100%;
height: 260px;
margin-bottom: 0;
}
.tabs-menu-4 {
flex-direction: row;
justify-content: center;
align-items: center;
}
.tab-link-tab-1-5, .tab-link-tab-1-5.w--current {
margin-bottom: 0;
margin-right: 24px;
}
.tabs-4 {
grid-template-columns: 1fr;
}
.video {
margin-bottom: 24px;
}
.heading-60 {
font-size: 24px;
}
.youtube {
margin-bottom: 60px;
}
.div-block-377 {
width: 450px;
height: 350px;
}
.div-block-384 {
flex-direction: column;
align-items: center;
width: 100%;
padding-left: 0;
display: flex;
}
.div-block-384.hidden {
display: none;
}
.heading-63 {
line-height: 48px;
}
.button-20 {
padding-top: 12px;
padding-bottom: 12px;
font-size: 12px;
line-height: 18px;
}
.div-block-393 {
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 5vw;
padding-right: 5vw;
}
.heading-64 {
font-size: 20vw;
line-height: 20vw;
}
.heading-64.new-case-scroll {
font-size: 85px;
line-height: 90px;
}
.section-41 {
background-position: 125% 110%, -20% -1%;
background-size: 40%, 45%;
}
.new-case-hero-section-2 {
height: auto;
padding-top: 20vw;
}
.dot-wrapper-2 {
top: 64%;
left: 34%;
}
.footer-link-2 {
flex: none;
}
.image-124 {
opacity: 1;
width: 180px;
max-width: none;
}
.div-block-395 {
width: 100%;
}
.contact-form-2 {
padding: 40px 5vw;
}
.nav-2 {
flex: 0 auto;
justify-content: center;
align-self: center;
height: 100vh;
padding-top: 10vw;
padding-bottom: 0;
display: none;
position: fixed;
overflow: scroll;
}
.brand-2 {
padding-left: 0;
}
.brand-2.w--current {
padding-left: 0;
display: block;
}
.event-history-tab {
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: 0;
margin-right: 48px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.event-history-tab.w--current {
flex-direction: column;
margin-left: 0;
}
.yushan-contact {
padding-bottom: 5px;
}
.portrait-movable-description {
display: none;
}
.text-block-89 {
display: flex;
}
.living-mountain-hero-image {
background-position: 50% 40%;
}
.living-mountain-hero-container {
position: relative;
bottom: 140px;
right: 0;
}
.a-living-mountain-description-grid {
justify-content: center;
justify-items: center;
}
.alm-section-3 {
padding-bottom: 5vw;
}
.alm-section-4 {
padding-bottom: 10vw;
}
.alm-sec-5-div-wrapper {
align-items: flex-start;
}
.alm-sec-5-div {
width: 60%;
}
.alm-sec-5-image {
height: 50vh;
}
.grid-26 {
padding-left: 5vw;
padding-right: 5vw;
}
.alm-sec-6-div {
align-items: center;
display: flex;
}
.curve-svg-left {
left: -5%;
}
.curve-svg-right {
right: -5%;
}
.alm-section-7 {
height: 120vh;
}
.alm-sec-8-image-wrapper {
height: 55vh;
}
.alm-sec-8-logos {
background-size: 65%;
}
.div-block-424 {
width: 90%;
}
.grid-30 {
grid-template-columns: 1fr;
}
.image-149 {
width: auto;
max-width: none;
height: 60vh;
}
.div-block-427 {
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
}
.image-150, .image-151 {
width: 90%;
}
.div-block-428 {
width: 100%;
}
.overlay-building-b {
bottom: 20%;
}
.grid-32, .grid-slider-1, .alm-section-8-grid, .slide-blocker {
height: 55vh;
}
.slide-blocker-b {
height: 50vh;
}
.image-153 {
width: 10vw;
top: 45%;
left: 45%;
}
.image-154 {
width: 50px;
top: -3%;
}
.alm-zoom-image-wrapper {
height: 60vh;
}
.rich-text-a-living-mountain {
width: 100%;
}
.rich-text-a-living-mountain h2 {
font-size: 24px;
line-height: 30px;
}
.cases-hero-section.no-scroll {
max-width: 100vw;
overflow: hidden;
}
.cases-scrollable {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.case-cms {
width: 85%;
}
.case-rich-text {
text-align: center;
}
.image-157.desktop {
display: none;
}
.image-157.mobile {
height: 90%;
display: block;
}
.yushan-footer-links {
background-color: var(--yushan-blue);
}
.image-158.mth {
filter: invert();
}
.text-block-97.mth {
color: var(--blue-gray);
}
.div-block-437.mth {
background-color: #fff;
}
.form-wrapper {
width: 80%;
}
.heading-70 {
display: none;
}
.image-160, .image-161, .image-162, .image-163 {
width: 100%;
}
.paragraph-92, .image-185 {
margin-bottom: 48px;
}
.paragraph-93 {
text-align: center;
}
.lm-section-15 {
background-position: 50% 100%;
}
.footer-contact-wrapper {
width: 100%;
}
.lm-footer-links {
height: 10vh;
}
.hero---mth {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb494553f6c205e076af_Hero-mth-right.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb499f1b4563a2ce8daa_Hero-mth-left.png");
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: auto 60%, auto 70%;
align-items: flex-start;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hero---mth---content {
align-items: flex-start;
width: 100%;
padding: 48px;
display: flex;
position: relative;
}
.image-190 {
width: 100%;
max-width: 80%;
}
.image-191 {
flex: none;
width: 150px;
max-width: 150px;
}
.grid-35 {
grid-template-rows: auto auto auto;
width: 100%;
}
.div-block-444 {
height: 24px;
padding-bottom: 0;
padding-right: 0;
}
.mth-section-2 {
width: 100vw;
height: auto;
position: relative;
}
.image-192 {
align-self: flex-start;
height: 225px;
}
.mth-section-3 {
width: 100vw;
}
.image-193 {
height: 100px;
}
.mth-section-4 {
width: 100vw;
height: auto;
}
.image-194 {
max-width: 60%;
height: 480px;
}
.image-195 {
height: 550px;
margin-top: -300px;
padding-top: 0;
display: inline-block;
position: relative;
right: -30%;
}
.image-196 {
width: 100vw;
max-width: none;
height: auto;
}
.more-than-a-home---mobile {
flex-direction: column;
width: 100vw;
display: flex;
overflow: hidden;
}
.more-than-a-home---desktop {
display: none;
}
.more-than-a-home-footer-links {
background-color: #ced5da;
display: none;
}
.mth-section-6 {
width: 100vw;
padding-top: 0;
padding-bottom: 72px;
}
.link-block-25 {
justify-content: flex-end;
display: flex;
}
.mth-footer-grid {
width: 100vw;
}
.laughing-mountain--desktop-copy {
display: none;
}
.laughing-mountain---mobile {
background-image: linear-gradient(#009aa1, #47a866 45%, #4ea960 58%, #3ba56f 76%, #009aa1);
flex-direction: column;
width: 100vw;
display: none;
overflow: hidden;
}
.hero---lm---content {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64377a36a15c9ac0ff42e306_Lower%20Right%402x.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64377a37a9e3b87a121074c0_Mid%20Left%402x.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64377a37160cb4e2bb710565_Upper%20Right%402x.png");
background-position: 100% 100%, 0%, 100% -10%;
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: auto 480px, auto 480px, 230px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 48px;
display: flex;
position: relative;
}
.hero---lm---content.left-align, .hero---lm---content.left-align.no-background {
align-items: flex-start;
}
.hero---lm---content.no-background {
background-image: none;
}
.hero---lm---content.no-background.top-align {
align-items: flex-end;
}
.div-block-448 {
width: auto;
position: absolute;
top: 48px;
left: 48px;
}
.hero---laughing-mountain {
background-image: none;
align-items: flex-start;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.image-198 {
width: 150px;
max-width: none;
}
.image-199 {
height: 150px;
display: none;
position: absolute;
top: 0%;
right: -40%;
}
.image-200 {
z-index: 2;
height: 400px;
display: none;
position: absolute;
top: 30%;
left: -65%;
}
.image-201 {
height: 400px;
display: none;
position: absolute;
top: 40%;
right: -75%;
}
.div-block-449 {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
margin-top: -180px;
display: flex;
position: relative;
}
.image-202 {
width: 280px;
max-width: none;
}
.laughing-mountain-sec-2 {
width: 100vw;
height: 100vh;
}
.image-203 {
max-width: none;
height: 600px;
position: absolute;
inset: auto 230px 0% auto;
}
.image-204 {
max-width: none;
height: 350px;
}
.laughing-mountain-sec-3 {
width: 100vw;
height: 70vh;
}
.image-205 {
width: auto;
max-width: none;
height: 600px;
position: absolute;
inset: -35% 0% auto auto;
}
.image-206 {
max-width: none;
height: 280px;
}
.laughing-mountain-sec-4 {
width: 100vw;
height: 70vh;
}
.image-207 {
max-width: none;
height: 350px;
position: absolute;
top: -25%;
left: 0%;
}
.image-208 {
max-width: none;
height: 140px;
}
.contact-section {
width: 100vw;
height: auto;
}
.image-209 {
width: 500px;
max-width: none;
margin-bottom: 36px;
margin-left: -50px;
position: static;
top: 0%;
left: 0%;
}
.div-block-450 {
width: 100%;
}
.laughing-mountain-form {
color: #fff;
}
.text-field-17 {
background-color: #0000;
border: 1px solid #fff;
width: 100%;
height: 48px;
min-height: 48px;
font-size: 16px;
}
.text-field-17::placeholder {
color: #fff;
}
.form-8 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-451 {
outline-offset: 0px;
border: 1px solid #fff;
outline: 3px solid #555;
min-height: 48px;
padding: 8px 12px;
}
.country-select {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
min-height: 48px;
margin-bottom: 0;
padding-left: 12px;
font-size: 16px;
}
.div-block-452 {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
min-height: 48px;
padding: 8px 0;
display: flex;
}
.div-block-453 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex: 1;
justify-content: flex-start;
width: auto;
display: flex;
}
.text-block-100 {
flex: none;
font-size: 16px;
}
.checkbox-field-6 {
margin-bottom: 0;
padding-left: 18px;
font-size: 16px;
}
.paragraph-105 {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 36px;
}
.text-span-28 {
font-size: 14px;
}
.checkbox-field-7 {
margin-bottom: 0;
font-size: 16px;
}
.submit-button-7 {
background-color: #317264;
min-height: 48px;
padding: 8px 12px;
font-size: 18px;
line-height: 24px;
}
.heading-74 {
font-weight: 400;
}
.laughing-mountain---desktop {
background-image: linear-gradient(to bottom, var(--laughing-mountain-teal), #47a866 32%, var(--laughing-mountain-green) 47%, #3ba56f 59%, #039b9f 76%, #009aa1);
flex-direction: column;
width: 100vw;
display: flex;
overflow: hidden;
}
.link-block-27 {
top: 0;
left: 0;
}
.checkbox-5, .checkbox-6, .checkbox-7, .checkbox-8 {
margin-top: 0;
margin-right: 6px;
}
.more-than-a-home-footer-links-copy {
background-color: #ced5da;
display: none;
}
.laughing-home-footer-links {
background-color: #307363;
display: flex;
}
.form-control {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
width: 100%;
min-height: 48px;
margin-bottom: 0;
padding-left: 12px;
font-size: 16px;
}
.sel2 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
min-height: 48px;
margin-bottom: 0;
padding-left: 12px;
font-size: 16px;
}
.div-block-455 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.image-210 {
display: none;
}
.image-211 {
z-index: 2;
width: 350px;
display: block;
position: relative;
}
.image-212 {
z-index: 0;
width: 120%;
max-width: none;
display: block;
position: absolute;
top: 0%;
left: -72px;
}
.checkbox-label-7, .checkbox-label-8, .checkbox-label-9, .checkbox-label-10 {
flex: none;
}
.div-block-456 {
width: 100%;
height: 180px;
padding-bottom: 0;
padding-right: 0;
}
.living-mountain-hero-section-2023 {
padding-left: 36px;
padding-right: 36px;
}
.container-6 {
max-width: 100%;
}
.image-213 {
width: 150px;
}
.image-214 {
width: 400px;
}
.living-mountain-hero-logo-wrapper {
bottom: 40px;
}
.image-215 {
width: 150px;
}
.living-mountain-section-3 {
padding: 48px 36px;
}
.image-216 {
width: 200px;
}
.image-217 {
width: 300px;
position: relative;
top: 0;
left: auto;
}
.living-mountain-section-5 {
padding-top: 60px;
padding-left: 36px;
padding-right: 36px;
}
.living-mountain-contact-section {
padding-left: 48px;
padding-right: 48px;
}
.living-mountain-checkboxes {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
min-height: 48px;
padding: 8px 0;
display: flex;
}
.select-field-2.form-control {
color: #323333;
background-color: #fff;
}
.paragraph-107 {
align-items: flex-start;
width: 100%;
margin-bottom: 0;
font-size: 20px;
line-height: 36px;
}
.section-2-slider-descriptionn {
padding-left: 36px;
padding-right: 36px;
display: block;
}
.section-2-slider-1, .right-arrow-2, .left-arrow-2.hidden, .section-3-slider-1 {
height: 380px;
}
.section-3-slider-description {
justify-content: flex-start;
padding-left: 36px;
padding-right: 36px;
display: block;
}
.left-arrow-3, .right-arrow-3, .section-3-slider-2, .section-3-slider-3, .section-2-slider-4 {
height: 380px;
}
.section-2-slider-2 {
background-size: 400px;
height: 380px;
}
.section-2-slider-3-copy {
background-size: 70%;
height: 380px;
}
.right-arrow-4, .left-arrow-4, .section-2-5-slider-1, .section-2-5-slider-2, .section-2-5-slider-3, .section-2-5-slider-4, .section-2-5-slider-5, .section-2-5-slider-6 {
height: 380px;
}
.form-block-6, .div-block-460, .absolute-div, .div-block-461 {
width: 100%;
}
.container-7 {
max-width: 100%;
}
.image-221 {
width: 220px;
left: 48px;
}
.image-223 {
width: 100%;
max-width: 80%;
}
.hero---mth---content-2 {
align-items: flex-start;
width: 100%;
padding: 48px;
display: flex;
position: relative;
}
.image-224 {
width: 100vw;
max-width: none;
height: auto;
}
.hero---mth-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb494553f6c205e076af_Hero-mth-right.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb499f1b4563a2ce8daa_Hero-mth-left.png");
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: auto 60%, auto 70%;
align-items: flex-start;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-463 {
height: 24px;
padding-bottom: 0;
padding-right: 0;
}
.image-225 {
flex: none;
width: 150px;
max-width: 150px;
}
.more-than-a-home-footer-links-2 {
background-color: #ced5da;
display: none;
}
.image-226 {
height: 100px;
}
.image-227 {
max-width: 60%;
height: 480px;
}
.mth-section-6-2 {
width: 100vw;
}
.image-228 {
height: 600px;
margin-top: -200px;
padding-top: 0;
display: inline-block;
position: relative;
right: -20%;
}
.image-229.mth {
filter: invert();
}
.grid-36 {
grid-template-rows: auto auto auto;
width: 100%;
}
.div-block-465.mth {
background-color: #fff;
}
.image-230 {
height: 225px;
}
.text-block-101.mth {
color: #546f88;
}
.image-231 {
width: 100vw;
max-width: none;
height: auto;
}
.hero---mth---content-3 {
align-items: flex-start;
width: 100%;
padding: 48px;
display: flex;
position: relative;
}
.div-block-466 {
height: 24px;
padding-bottom: 0;
padding-right: 0;
}
.image-232 {
max-width: 60%;
height: 480px;
}
.image-233 {
height: 550px;
margin-top: -300px;
padding-top: 0;
display: inline-block;
position: relative;
right: -30%;
}
.image-235 {
flex: none;
width: 150px;
max-width: 150px;
}
.more-than-a-home---desktop-2 {
display: none;
}
.image-236 {
height: 100px;
}
.image-237 {
width: 100%;
max-width: 80%;
}
.image-238 {
align-self: flex-start;
height: 225px;
}
.image-239 {
width: 220px;
left: 48px;
}
.image-240.mth {
filter: invert();
}
.grid-37 {
grid-template-rows: auto auto auto;
width: 100%;
}
.div-block-468.mth {
background-color: #fff;
}
.text-block-102.mth {
color: #546f88;
}
.mth-section-6-3 {
width: 100vw;
padding-top: 0;
padding-bottom: 72px;
}
.html-embed-15 {
width: 100%;
}
.div-block-469 {
width: 90%;
}
.div-block-471 {
width: 80%;
}
.div-block-472.right-align {
margin-top: 56px;
}
.laughing-mountain-section-2-sidetext {
right: 0%;
}
.slide-nav-15 {
justify-content: center;
margin-top: 0;
padding-top: 0;
position: absolute;
bottom: -18%;
}
.div-block-475 {
background-position: 50%;
background-repeat: no-repeat;
width: 100vw;
height: 380px;
}
.div-block-475-copy {
width: 450px;
}
.text-block-105 {
font-size: 14px;
top: 156px;
left: 210.195px;
}
.div-block-476 {
width: 90%;
}
.image-243 {
width: 200px;
max-width: none;
}
.div-block-477 {
justify-content: center;
}
.text-block-106 {
font-size: 20px;
line-height: 24px;
}
.div-block-469-copy {
width: 75%;
}
.paragraph-110 {
font-size: 16px;
line-height: 24px;
}
.html-embed-16 {
margin-left: 10px;
}
.more-than-a-home-footer {
height: 10vh;
}
.yushan-2023-hero {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655c5884d98083cf8c165f3a_Tablet%20Background.png");
background-position: 20% 45%;
background-size: 110%;
}
.yushan-hero---desktop {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: auto auto auto;
align-content: center;
align-items: end;
height: 90%;
padding-top: 50px;
display: none;
}
.image-244 {
width: 80px;
}
.image-245 {
width: 30px;
}
.image-246 {
width: 270px;
}
.yushan-2023-section-a {
flex-direction: column;
height: auto;
padding-top: 0;
}
.yushan-2023-section-b {
flex-direction: column;
}
.yushan-2023-section-c {
flex-direction: column;
justify-content: flex-start;
height: auto;
min-height: auto;
max-height: none;
display: flex;
}
.yushan-2023-section-d {
flex-direction: column;
}
.slider-12, .slider-13 {
width: 100%;
height: 360px;
}
.slider-14 {
height: 100%;
}
.div-block-491, .div-block-492, .div-block-493, .div-block-494, .div-block-495, .slider-15 {
width: 100%;
height: 360px;
}
.div-block-497 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
justify-items: center;
}
.image-247 {
width: 200px;
}
.image-248 {
width: 180px;
}
.div-block-498 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-items: start;
width: 100%;
height: auto;
min-height: 0%;
padding: 48px 24px;
display: grid;
}
.div-block-498.top-align.padded-top {
justify-content: flex-start;
width: 100%;
height: auto;
padding-top: 48px;
padding-bottom: 48px;
}
.div-block-498.center-align {
align-items: center;
width: 100%;
padding-top: 48px;
padding-bottom: 48px;
}
.div-block-498.padded-top.mobile {
width: 100%;
height: auto;
padding-top: 48px;
padding-bottom: 48px;
}
.div-block-499 {
display: none;
}
.div-block-500, .div-block-501, .div-block-503, .div-block-504, .div-block-505 {
flex-direction: column;
}
.div-block-506 {
width: 100%;
height: 360px;
}
.div-block-507 {
flex-direction: column;
}
.heading-78 {
align-self: flex-end;
margin-top: 0;
margin-bottom: 0;
font-size: 30px;
line-height: 36px;
}
.heading-78.padded-bottom {
margin-bottom: 36px;
}
.yushan-hero---mobile {
flex-direction: column;
justify-content: flex-end;
align-self: auto;
align-items: center;
width: 80%;
height: 90%;
padding-bottom: 0;
display: flex;
position: relative;
}
.div-block-510 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
width: 100%;
display: grid;
position: static;
inset: auto 0% 0%;
}
.heading-79 {
font-family: var(--yushan-2023-heading);
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 30px;
font-weight: 400;
line-height: 36px;
}
.div-block-511 {
grid-column-gap: 18px;
grid-row-gap: 18px;
display: flex;
}
.div-block-512 {
align-self: center;
margin-bottom: 0;
position: absolute;
top: 30%;
}
.div-block-513 {
justify-content: center;
width: 80%;
display: flex;
}
.paragraph-111 {
text-align: center;
justify-content: center;
margin-bottom: 0;
font-size: 16px;
line-height: 30px;
display: flex;
}
.mask-9 {
width: 100%;
}
.image-251 {
width: 30px;
height: 30px;
margin-bottom: 8px;
display: block;
}
.div-block-514 {
flex-direction: column;
align-items: center;
display: flex;
}
.text-block-110 {
text-align: center;
bottom: -8%;
}
.slide-33 {
height: 100%;
}
.image-253 {
width: 250px;
margin-left: 165px;
padding-left: 0;
position: absolute;
}
.container-10.display {
max-width: 80%;
}
.image-3 {
width: 150px;
}
.heading {
font-size: 32px;
line-height: 36px;
}
.heading.chinese {
font-size: 24px;
font-weight: 400;
}
.image {
margin-top: 0;
}
.flex-block-2.noimage {
padding-top: 0;
padding-bottom: 20px;
padding-right: 0;
}
.text-block {
padding-top: 20px;
}
.container-12 {
height: 400px;
}
}
@media screen and (max-width: 479px) {
.desktop-page-wrapper.home {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.image-2 {
opacity: 1;
width: 150px;
}
.brand.w--current {
display: block;
}
.page-header {
height: 280px;
}
.div-block-6 {
padding-left: 5vw;
padding-right: 5vw;
}
.heading-3 {
font-size: 30px;
line-height: 36px;
}
.heading-3.quote-zh {
margin-bottom: 0;
font-size: 30px;
}
.heading-3.quote-zh.small-heading---zh.white.left {
font-size: 16px;
line-height: 24px;
}
.paragraph-2.blue {
width: 100%;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
line-height: 24px;
}
.paragraph-2.blue.corevalues {
width: 100%;
}
.paragraph-2.patent-content {
text-align: left;
}
.grid {
grid-row-gap: 27px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-rows: auto;
}
.grid.langlang, .grid.duoye, .grid.drow {
grid-auto-rows: auto;
}
.proejct-gallery.langlang1 {
width: 100%;
}
.proejct-gallery.langlang2, .proejct-gallery.drow2, .proejct-gallery.drow3, .proejct-gallery.drow4, .proejct-gallery.drow7, .proejct-gallery.drow8, .div-block-8.drow6, .div-block-9.langlang4, .div-block-9.drow5 {
height: 320px;
}
.enter-button {
margin-top: 50px;
}
.headings-wrap.home {
width: 100%;
}
.brand-story {
height: 400px;
padding-top: 0;
padding-bottom: 0;
}
.core-description-wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.heading-19 {
font-size: 36px;
}
.div-block-76 {
padding-left: 0;
padding-right: 0;
}
.div-block-79 {
width: 100%;
}
.timeline-elements.timeline-copy {
overflow: hidden;
}
.text-block-33-copy.title.mobile {
width: 100%;
}
.text-block-33-copy.mobile {
text-align: center;
}
.button-13 {
padding-top: 12px;
font-size: 12px;
line-height: 18px;
}
.heading-23.en.mobile-menu {
opacity: .5;
font-size: 20px;
font-weight: 400;
}
.heading-23.mobile-menu {
font-size: 20px;
}
.card-headline {
width: 100%;
}
.btn {
text-align: center;
display: block;
}
.btn.btn-white {
display: block;
}
.media-wrapper {
width: 100%;
}
.media {
padding-top: 0;
position: static;
}
.facebook-page-wrapper {
width: 100%;
margin-top: 0;
position: relative;
top: 0%;
}
.html-embed-4 {
top: 0%;
}
.event-registration.banner {
flex-direction: row;
width: 100vw;
}
.submit-button {
width: 100%;
}
.dropdown-toggle {
flex-flow: column wrap;
align-items: flex-start;
height: auto;
padding-left: 20px;
}
.div-block-111-copy {
align-items: flex-start;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.map-sample {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62834b5bdb5e085f230e05f1_Screen%20Shot%202022-05-17%20at%203.14.20%20PM.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1445178d011_%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7%202020-10-05%20%E4%B8%8B%E5%8D%881.24.18.png"), linear-gradient(#00000080, #00000080);
background-position: 50%, 50%, 0 0;
background-repeat: repeat, repeat, repeat;
background-size: cover, cover, auto;
height: 70vh;
}
.map {
margin-top: 0;
}
.div-block-119 {
padding-top: 0;
padding-bottom: 0;
}
.div-block-120 {
flex-direction: column;
}
.home-heading-en {
font-size: 2.2em;
}
.home-heading-en.en {
width: 100%;
font-size: 1.6em;
line-height: 1.5em;
}
.home-heading-en.en.fade-up {
font-size: 18px;
line-height: 24px;
}
.div-block-141 {
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
}
.tab-link-tab-3 {
width: 100%;
margin-left: 0;
}
.tab-link-tab-3.w--current {
flex-direction: column;
margin-left: 0;
}
.tab-link-tab-1 {
text-align: center;
flex-direction: column;
align-self: center;
width: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-40.en {
align-self: center;
padding-left: 0;
}
.text-block-40.en.left {
text-align: center;
}
.text-block-40.blog-zh {
align-self: center;
font-size: 1.2em;
}
.text-block-40.blog-zh.left {
text-align: center;
}
.text-block-42 {
text-align: center;
justify-content: center;
align-items: center;
font-size: 1.2em;
display: flex;
}
.tabs-menu {
flex-direction: column;
align-self: center;
align-items: center;
}
.heading-37.zh {
margin-bottom: 6px;
}
.heading-37.en {
margin-top: 0;
margin-left: 0;
}
.form-heading {
text-align: center;
flex-direction: column;
align-items: center;
}
.link-3 {
display: none;
}
.nav-icon-link {
flex: 0 auto;
width: auto;
margin-bottom: 10px;
}
.nav-icon-link.white {
margin-left: 0;
}
.menu-links {
flex-direction: row;
justify-content: center;
align-items: flex-start;
}
.menu-links.white {
justify-content: flex-start;
align-self: center;
width: 100%;
}
.menu-details---desktio {
align-self: center;
align-items: flex-start;
width: 100%;
margin-top: 24px;
padding-left: 0;
}
.collection-list {
grid-template-columns: 1fr;
grid-auto-rows: 250px;
}
.collection-list.mobile {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr;
}
.button-15 {
display: none;
}
.home-heading-zh {
font-size: 2.2em;
}
.home-heading-zh.tricks.fade-up {
font-size: 30px;
}
.home-heading-zh.blog-heading-zh {
font-size: 1.75em;
line-height: 36px;
}
.about-us-wrapper {
z-index: 10;
}
.page-heading-zh {
flex: 0 auto;
width: 100%;
font-size: 24px;
line-height: 36px;
}
.page-heading-zh.blue.classics.center.classic-center {
margin-top: 18px;
font-size: 15px;
}
.page-heading-zh.adjusted {
font-size: 2.5em;
}
.page-heading-zh.adjusted.tricks.fade-up {
min-height: 0;
font-size: 30px;
line-height: 36px;
}
.page-heading-zh.adjusted.centered-container {
line-height: 56px;
}
.page-heading-zh.center {
font-size: 22px;
line-height: 36px;
}
.page-heading-zh.event-heading {
text-align: center;
margin-bottom: 6px;
}
.page-heading-en {
align-self: flex-start;
margin-bottom: 24px;
font-size: 24px;
line-height: 30px;
}
.page-heading-en.classics.blue.center.classic-center {
text-overflow: clip;
font-size: 10px;
line-height: 15px;
}
.page-heading-en.center.small {
margin-top: 12px;
line-height: 24px;
}
.page-heading-en.center.left-tablet {
text-align: center;
align-self: center;
}
.page-heading-en.tricks.fade-up {
line-height: 36px;
}
.page-heading-en.event-heading {
text-align: center;
font-size: 24px;
}
.page-heading-en.big.white {
font-size: 24px;
line-height: 30px;
}
.about-page-heading-wrapper {
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
}
.about-page-heading-wrapper.white {
text-align: center;
flex: 0 auto;
justify-content: center;
}
.paragraph-71.left-tablet {
margin-bottom: 0;
}
.hover-on-building {
object-fit: cover;
width: 150%;
min-width: auto;
max-width: 150%;
height: auto;
display: none;
position: absolute;
top: 16%;
left: -8%;
overflow: visible;
}
.circles-hover-wrapper {
width: 450px;
max-width: 100%;
height: 70vh;
margin-top: 60px;
overflow: hidden;
}
.brand-story-circle.hover-circle {
flex: 0 auto;
}
.brand-story-circle.hover-circle.mobile {
flex: none;
width: 60px;
height: 60px;
display: flex;
}
.core-value-circle.hover-circle.mobile {
width: 60px;
height: 60px;
}
.milestones-circle.hover-circle.mobile {
width: 72px;
height: 72px;
}
.small-heading---zh {
line-height: 36px;
}
.small-heading---zh.about {
font-size: 18px;
line-height: 18px;
display: block;
}
.small-heading---en {
font-size: 11px;
line-height: 16px;
}
.small-heading---en.white {
font-size: 18px;
}
.brand-story-wrapper {
flex: none;
width: auto;
min-width: 120px;
height: auto;
min-height: auto;
padding: 15px;
top: 4%;
overflow: visible;
}
.milestones-wrapper {
flex-direction: column;
align-items: center;
width: 40vw;
min-width: 120px;
padding: 15px;
display: flex;
top: -43%;
left: -48%;
}
.core-wrapper {
width: 45vw;
min-width: 120px;
padding: 15px;
top: 4%;
left: 44%;
}
.lottie-animation-6 {
width: 20vw;
height: 20vw;
display: flex;
}
.div-block-169.brand-image, .div-block-169.core-image, .div-block-169.milestones-image, .div-block-169.corp-image {
display: none;
}
.heading---en.tricks.fade-up {
font-size: 30px;
line-height: 36px;
}
.heading---en.small-heading---en.contact-font {
font-size: 24px;
line-height: 30px;
}
.section-20 {
z-index: -1;
padding-bottom: 96px;
position: relative;
overflow: hidden;
}
.project-heading-wrapper {
align-items: flex-start;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.div-block-183.dancing-mountain-copy-2 {
margin-top: 24px;
position: static;
}
.lottie-animation-8 {
width: 60px;
height: 60px;
}
.div-block-185 {
width: 100vw;
}
.div-block-185.drow {
width: 90vw;
}
.div-block-185.daning-mountain {
width: 100vw;
}
.section-21 {
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.project-gallery.langlang-main, .project-gallery.langlang-main.div-block-7, .project-gallery.duoye1 {
height: 320px;
}
.project-gallery.drow1 {
height: 180px;
}
.headings-wrapper.center {
padding-left: 5vw;
padding-right: 5vw;
}
.par--zh---16.blue.center-reduced {
width: 100%;
}
.par---en---16.blue.center {
text-align: center;
overflow: hidden;
}
.classics-link.langlang {
width: 100%;
}
.div-block-198 {
margin-top: 25px;
}
.core-values---new {
flex-wrap: wrap;
flex: none;
place-content: center;
align-self: center;
padding-left: 0;
padding-right: 0;
}
.brand-story-image-2 {
flex: none;
align-self: auto;
width: 100vw;
height: 100%;
position: static;
}
.div-block-202 {
height: 50vh;
}
.core-values-wrapper {
flex-wrap: wrap;
flex: none;
place-content: center;
align-self: center;
padding-left: 8vw;
padding-right: 8vw;
}
.core-value-image-1, .core-value-image-2, .core-value-image-3 {
flex: none;
align-self: auto;
width: 100%;
position: static;
}
.timeline-scroll-new.desktop, .new-years-wrapper {
width: 100vw;
}
.year-wrapper-new {
justify-content: flex-start;
width: 100vw;
height: 20vh;
}
.year-blue-wrapper {
align-items: center;
width: 100vw;
height: 20vh;
}
.year-blue-wrapper.above._2010, .year-blue-wrapper.above._2014, .year-blue-wrapper.above._2016, .year-blue-wrapper.above._2018, .year-blue-wrapper.above._2020, .year-blue-wrapper.above._2020._2022, .year-blue-wrapper.above._2021, .year-blue-wrapper._2011, .year-blue-wrapper._2011.first, .year-blue-wrapper._2013, .year-blue-wrapper._2015 {
height: 20vh;
}
.div-block-208 {
display: none;
}
.div-block-208.above._2021.horizontal.top-align.mobile {
text-align: center;
flex-direction: column;
align-self: center;
align-items: center;
}
.div-block-208.top-align._2013.horizontal.hidden {
display: none;
}
.lightbox-link._2013 {
align-self: center;
margin-bottom: 12px;
margin-right: 0;
}
.lightbox-link._2014, .lightbox-link._2015, .lightbox-link._2020 {
margin-bottom: 12px;
margin-right: 0;
}
.lightbox-link._2003 {
margin-bottom: 12px;
}
.lightbox-link.drow {
margin-right: 0;
}
.lightbox-link._2017 {
margin-bottom: 12px;
}
.lightbox-link._2021 {
align-self: center;
margin-bottom: 12px;
margin-right: 0;
}
.div-block-211.patent1 {
padding: 25px;
}
.div-block-211.core1, .div-block-211.core-2, .div-block-211.core3, .div-block-211.core1a, .div-block-211.core2a, .div-block-211.core3a {
width: 100%;
height: 130vw;
padding: 24px;
}
.div-block-211.patent1 {
margin-bottom: 15vw;
padding: 25px;
}
.last-core {
flex-wrap: wrap;
flex: none;
place-content: center;
align-self: center;
padding-left: 8vw;
padding-right: 8vw;
position: static;
}
.button-16.new-case-button.blue.en {
margin-top: 24px;
}
.brand-story-image-1-wrapper, .brand-story-image2-wrapper {
flex: none;
align-self: auto;
width: 100%;
height: 40vh;
position: static;
}
.core-value-image-1-wrapper, .core-value-image-2-wrapper, .core-value-image-3-wrapper {
flex: none;
align-self: auto;
width: 100%;
height: 320px;
position: static;
}
.div-block-229 {
padding-left: 5vw;
padding-right: 5vw;
}
.core-divider {
flex: none;
align-self: auto;
width: 100%;
position: static;
}
.text-block-49 {
display: none;
}
.dancing-mountain-circle.hover-circle {
width: 84px;
height: 84px;
}
.dancing-mountain-circle.hover-circle.mobile {
justify-content: center;
align-items: center;
display: none;
}
.new-case-hover-wrapper {
justify-content: flex-start;
height: auto;
padding: 0;
}
.new-case-hero-section {
height: 100vh;
padding-top: 0;
padding-bottom: 0;
position: static;
}
.contact-form {
height: 260vw;
padding-top: 12vh;
padding-bottom: 12vh;
position: static;
}
.section-32 {
background-size: 75%, 80%;
}
.coming-soon-heading-zh {
font-size: 24px;
}
.coming-soon-heading-zh.second-line {
margin-left: 0;
}
.news-hero-image {
height: 220px;
}
.centered-container {
text-align: left;
}
.about-us.menu-about {
overflow: visible;
}
.about-us.menu-about.w--current {
width: 100%;
}
.patent.menu-history.w--current {
width: 100%;
height: 100%;
}
.grid-7 {
grid-template-rows: 25vh 25vh 25vh 25vh 25vh 25vh;
grid-template-columns: 25vh;
display: none;
overflow: scroll;
}
.blog-hero {
padding-top: 45vw;
}
.menu-icon {
top: 10vw;
left: 6vw;
}
.nav__content {
margin-top: 0;
padding-top: 8vw;
overflow: visible;
}
.nav {
z-index: 90;
height: 100vh;
padding-bottom: 0;
display: none;
overflow: visible;
}
.nav.livetrue-green {
display: none;
}
.overlay-transition {
z-index: 9999999;
height: 100vh;
display: none;
inset: 0% 0% auto;
}
.navbar-fixed.dark-menu {
z-index: 800000;
z-index: 800000;
padding-left: 0;
}
._1200-contiainer {
overflow: hidden;
}
.classics-section {
padding-right: 5vw;
}
.brand-story-hover-wrapper {
flex: none;
top: 15vh;
left: 25vw;
right: auto;
}
.core-values-hover-wrapper {
top: 32%;
left: 7%;
}
.milestones-hover-wrapper {
width: 60px;
top: 46%;
right: 35%;
}
.brand-story-hero-wrapper {
overflow: hidden;
}
.div-block-283.no-padding {
padding-left: 5vw;
padding-right: 5vw;
}
.columns._2, .columns._3 {
padding-left: 0;
padding-right: 0;
}
.div-block-286 {
padding-left: 5vw;
padding-right: 5vw;
}
.header-blog {
width: 100vw;
min-height: 680px;
padding-top: 0;
overflow: hidden;
}
.paragraph-detials-small.white-50, .title-small.white {
font-size: 12px;
}
.blog-section-2 {
width: 100vw;
}
.stick-wrapper, .content-right {
width: 100%;
}
.container.overflow {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-288 {
width: 90%;
height: 360px;
}
.div-block-291 {
flex-direction: column;
align-items: center;
}
.moving-wrapper {
width: 100%;
height: 40vh;
}
.moving-wrapper.reservation-form {
background-position: 0 80%;
background-size: cover;
width: 100vw;
height: 40vh;
overflow: hidden;
}
.div-block-293 {
width: 100vw;
}
.form-4 {
width: 100%;
margin-top: 24px;
}
.reservation-form {
grid-row-gap: 0px;
grid-template-columns: 1fr;
height: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.reservation-form.desktop {
height: auto;
overflow: hidden;
}
.appointment-form {
grid-row-gap: 0px;
grid-template-columns: 1fr;
height: auto;
padding-left: 0;
padding-right: 0;
}
.div-block-294 {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.heading-44 {
display: none;
}
.heading-44.new-case-scroll {
font-size: 80px;
}
.div-block-275 {
width: 100vw;
}
.overlay-load {
min-width: 100vw;
min-height: 100vh;
display: none;
inset: 0% 0% auto;
overflow: hidden;
}
.new-case-link-wrapper {
background-color: #0000;
width: 176px;
position: static;
inset: auto auto -61% -47%;
}
.new-case-photo {
height: 150px;
display: none;
}
.new-case-button {
color: var(--lichen-blue);
background-color: #fff;
margin-top: 0;
}
.div-block-298 {
justify-content: flex-start;
height: 125vh;
}
.div-block-299 {
width: 100%;
}
.link-block-10 {
align-items: center;
width: auto;
height: auto;
margin-bottom: 12px;
padding: 8px 20px 8px 0;
font-size: 24px;
line-height: 24px;
text-decoration: none;
display: flex;
}
.link-block-10.w--current {
padding-top: 8px;
padding-bottom: 8px;
}
.mobile-links-wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
display: block;
}
.year-wrapper-mobile {
flex-direction: column;
height: 60vh;
padding-right: 0;
}
.year-wrapper-mobile._2003 {
height: 60vh;
}
.year-wrapper-mobile._2003.bigger, .year-wrapper-mobile.bigger {
flex-direction: column;
height: 65vh;
}
.year-wrapper-mobile.bigger._2022 {
height: auto;
}
.description-mobile-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
margin-left: 0;
padding: 5% 0;
display: flex;
}
.description-mobile-wrapper.vertical {
flex: 0 auto;
align-self: center;
align-items: center;
width: 90%;
margin-left: 0;
}
.description-mobile-wrapper._2022 {
width: 100%;
}
.blog-2-heading {
padding-top: 150px;
padding-bottom: 60px;
}
.h1 {
font-size: 20px;
line-height: 24px;
}
.header {
height: 75vw;
}
.blog4-post-image {
width: 100%;
height: 220px;
}
.button-arrow {
flex: 0 auto;
display: block;
}
.section {
padding-left: 16px;
padding-right: 16px;
}
.button-text {
margin-bottom: 0;
}
.blog4-grid {
grid-column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.blog4-featured-post {
padding: 16px;
}
.label.inside-label {
text-align: center;
}
.size4-link-2 {
font-family: "Creamfont 1";
}
.button-small {
flex: none;
align-self: stretch;
}
.blog1-image {
height: 200px;
}
.blog1-grid {
grid-column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.size3-text {
font-size: 24px;
line-height: 36px;
display: block;
}
.section-37 {
padding-left: 16px;
padding-right: 16px;
}
.footer-link.privacy-policy {
text-align: left;
flex: 0 auto;
width: auto;
line-height: 24px;
}
.footer-link.white.dark {
opacity: .5;
}
.footer-bottom {
text-align: center;
flex-direction: column;
}
.footer-grid-01 {
grid-row-gap: 25px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.footer-grid-01.white {
grid-column-gap: 27px;
grid-row-gap: 30px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.footer-grid-01.full-white {
grid-column-gap: 25px;
grid-row-gap: 30px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.footer-wrapper {
flex-flow: wrap;
justify-content: flex-start;
}
.button {
margin-top: 12px;
font-size: 14px;
}
.secondary-link {
line-height: 24px;
}
.footer-01 {
padding-top: 56px;
padding-bottom: 56px;
}
.footer-top {
flex-direction: column;
align-items: flex-start;
}
.footer-column {
width: 100%;
}
.footer-column.follow-us {
flex: 0 auto;
margin-top: 24px;
}
.footer-column.white-darkblue {
width: 100%;
display: block;
}
.footer-logo {
margin-bottom: 12px;
}
.left-side {
flex-direction: column;
align-items: flex-start;
}
.text-block-66 {
margin-top: 0;
margin-left: 0;
}
.text-block-67 {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
font-size: 14px;
line-height: 24px;
display: flex;
}
.div-block-305 {
flex-direction: column;
align-items: flex-start;
}
.tab-link-tab-4.w--current {
margin-bottom: 20px;
}
.footer-links-social {
flex-direction: row;
justify-content: center;
align-items: flex-start;
}
.heading-49 {
text-align: center;
}
.pat-section {
padding-left: 0;
padding-right: 0;
}
.tabs-menu-3 {
align-self: center;
align-items: center;
margin-right: 0;
position: static;
}
.tabs-3 {
flex-direction: column;
align-items: center;
}
.tab-link-tab-1-4, .tab-link-tab-1-4.w--current {
margin-right: 0;
}
.column {
padding-left: 0;
padding-right: 0;
}
.div-block-309 {
opacity: 1;
overflow: hidden;
}
.collection-list-4 {
grid-template-columns: 1fr;
}
.blog-layout {
width: 100vw;
overflow: hidden;
}
.text-block-68 {
margin-top: 12px;
}
.cta {
margin-top: 72px;
}
.heading-50 {
margin-top: 0;
font-size: 24px;
}
.div-block-313 {
background-position: 300% 0;
background-size: auto 120%;
}
.div-block-315 {
flex-direction: column;
}
.bold-text-16 {
text-align: center;
flex: none;
}
.privacy-policy-section {
padding-right: 5vw;
}
.image-82 {
width: 72px;
}
.div-block-318.case, .div-block-318.appreciation, .div-block-318.case, .div-block-318.appreciation {
z-index: 2;
}
._2010-photo-wrapper {
align-items: center;
}
.button-18 {
align-self: flex-start;
}
.text-block-33-copy-2 {
text-align: center;
align-items: center;
}
.text-block-33-copy-3 {
text-align: center;
align-self: center;
align-items: center;
width: 90%;
padding-left: 5px;
padding-right: 5px;
}
.text-block-33-copy-4 {
text-align: center;
align-self: center;
width: 90%;
padding-left: 5px;
padding-right: 5px;
}
.text-block-33-copy-5 {
flex: 0 auto;
align-items: center;
height: auto;
}
.text-block-33-copy-6 {
text-align: center;
align-self: center;
width: 90%;
padding-left: 5px;
padding-right: 6px;
}
.column-2 {
padding-left: 10px;
padding-right: 10px;
}
.div-block-325 {
padding-left: 5vw;
padding-right: 5vw;
}
.bold-text-20 {
align-self: center;
}
.bold-text-20.mobile {
width: 100%;
}
.corp-org-heading {
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
}
.corp-org-heading.white.mid-text {
opacity: 1;
overflow: hidden;
}
.corp-org-wrapper {
top: 52%;
left: auto;
right: 16%;
}
.corp-wrapper {
width: 45vw;
min-width: 40vw;
padding: 15px;
}
.corp-wrapper.core-wrapper {
width: auto;
min-width: 120px;
left: -41%;
right: -58%;
}
.latest-news-tab {
margin-bottom: 24px;
margin-right: 0;
}
.latest-news-tab.w--current {
margin-bottom: 20px;
}
.videos-tab {
width: 100%;
margin-left: 0;
}
.videos-tab.w--current {
flex-direction: column;
flex: 0 auto;
width: auto;
margin-left: 0;
}
.corp-org-section.corp-org.padding {
background-image: linear-gradient(#05192bf5, #05192bf5), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/606ea01b8e07f87d2b4497f5_20130717-94.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
overflow: hidden;
}
.section-40 {
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
margin-top: -1px;
padding-top: 24px;
padding-bottom: 20vw;
display: flex;
overflow: hidden;
}
.collection-item-7 {
padding-left: 0;
padding-right: 0;
}
.text-block-74.back-to-news-link {
font-size: 16px;
}
.button-small-2 {
border-radius: 2px;
flex: none;
align-self: stretch;
padding: 12px 15px;
font-size: 12px;
}
.div-block-334.mobile {
text-align: center;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
width: 95%;
padding-right: 0;
display: flex;
}
.form-block-4, .form-block-5 {
width: 100%;
}
.link-block-22 {
margin-bottom: 8px;
margin-right: 24px;
}
.link-block-22.audio-media-link {
margin-bottom: 0;
}
.heading-56.no-space {
margin-top: 5vh;
}
.linear-gradient {
z-index: 0;
height: 100%;
padding-top: 0;
padding-bottom: 10vw;
}
.div-block-350 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fea95b7f542895dca3eea31_honeycomb-8.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 120%;
width: 100vw;
height: auto;
display: block;
position: absolute;
inset: 0%;
}
.hexa-wrapper-mobile {
flex-wrap: nowrap;
justify-content: flex-start;
width: 100vw;
height: auto;
padding-top: 0;
padding-bottom: 24px;
display: none;
position: static;
}
.image-103 {
width: 160px;
}
.image-104 {
width: 70%;
margin-bottom: 24px;
display: block;
}
.image-104.hidden {
display: none;
}
.div-block-351 {
grid-row-gap: 4px;
grid-template-rows: auto auto auto 1fr 1fr;
grid-template-columns: 1fr;
justify-items: start;
width: auto;
height: auto;
margin-top: 5vw;
}
.div-block-351.main {
grid-column-gap: 3px;
grid-row-gap: 25px;
grid-template-rows: 1fr 1fr;
width: 100%;
height: auto;
margin-top: 0;
position: static;
}
.div-block-351.side {
grid-row-gap: 4px;
grid-template-rows: 1fr 1fr 1fr 1fr;
align-items: baseline;
width: auto;
height: auto;
min-height: auto;
margin-top: 0;
margin-right: 0%;
}
.div-block-351.below {
text-align: center;
grid-template-rows: auto auto auto auto;
place-content: center;
place-items: baseline center;
height: auto;
min-height: auto;
margin-top: 0;
}
.image-105, .image-106, .image-107 {
width: 55px;
height: 100%;
}
.image-107.big {
width: 70px;
}
.div-block-352 {
height: auto;
margin-top: 0;
position: static;
left: 0%;
}
.div-block-352.right {
align-items: center;
height: auto;
margin-right: 0%;
position: static;
left: 0;
}
.image-108 {
width: 100px;
top: 10%;
left: -8%;
}
.image-108._2 {
width: 100px;
top: 26%;
}
.image-108._3 {
width: 50px;
top: 21.5%;
left: 67%;
}
.image-108._4 {
width: 50px;
top: 30.5%;
left: 24%;
}
.div-block-357 {
height: 30px;
}
.div-block-357.director-line {
height: 70px;
}
.blog-post-image---grid-below {
width: 100%;
height: 220px;
}
.div-block-360 {
justify-content: center;
align-items: center;
display: flex;
}
.tabs-menu-4 {
flex-direction: column;
align-items: flex-start;
}
.tab-link-tab-1-5 {
margin-bottom: 24px;
}
.tab-link-tab-1-5.w--current {
margin-bottom: 24px;
margin-right: 0;
display: flex;
}
.div-block-362 {
grid-column-gap: 25px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 15vw 1fr 15vw;
grid-auto-columns: 1fr;
place-content: stretch center;
place-items: start center;
width: 100%;
max-width: none;
height: auto;
max-height: none;
margin-top: 2vw;
margin-bottom: 0;
display: grid;
position: static;
}
.div-block-371 {
background-color: #fff;
width: 1px;
min-width: 0;
max-width: none;
height: 60px;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.div-block-372 {
width: 100%;
height: auto;
}
.main-org-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.organization-mobile-wrapper {
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.video {
margin-bottom: 12px;
}
.youtube {
margin-bottom: 48px;
}
.popup-tentative {
padding-left: 5vw;
padding-right: 5vw;
}
.div-block-377 {
width: 100%;
height: 280px;
}
.yiushan-logo-main {
width: 25vh;
}
.div-block-384 {
justify-content: flex-start;
align-items: flex-start;
}
.paragraph-85 {
margin-top: 0;
}
.button-19 {
font-size: 12px;
}
.yushan-wrapper {
height: auto;
}
.heading-63 {
font-size: 24px;
line-height: 36px;
}
.button-20 {
padding-top: 12px;
font-size: 12px;
line-height: 18px;
}
.hover-wrapper-2 {
width: 100%;
height: auto;
}
.div-block-393 {
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
}
.heading-64 {
display: none;
}
.heading-64.new-case-scroll {
font-size: 80px;
}
.new-case-button-2 {
color: #05192b;
background-color: #fff;
margin-top: 0;
}
.text-block-77 {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
font-size: 14px;
line-height: 24px;
display: flex;
}
.section-41 {
background-size: 75%, 80%;
}
.dot-wrapper-2 {
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
position: static;
top: 70%;
left: 33%;
}
.footer-link-2.privacy-policy {
text-align: left;
flex: 0 auto;
width: auto;
line-height: 24px;
}
.footer-link-2.white.dark {
opacity: .5;
}
.hover-on-building---dancing-mountain-2 {
width: 80%;
position: static;
}
.image-123 {
z-index: 3;
height: 380px;
position: relative;
}
.image-124 {
opacity: 1;
width: 150px;
}
.div-block-394 {
width: 100%;
height: auto;
margin-top: 10vw;
}
.contact-form-2 {
height: 100vh;
padding-top: 10vw;
}
.secondary-link-2 {
line-height: 24px;
}
.nav-2 {
z-index: 90;
height: 100vh;
padding-bottom: 0;
display: none;
}
.about-page-heading-wrapper-2 {
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
}
.brand-2.w--current {
display: block;
}
.icons-wrapper-mobile {
justify-content: center;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 24px;
display: flex;
position: relative;
}
.grid-15 {
grid-row-gap: 48px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
}
.div-block-397 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.div-block-397.hor {
flex-direction: row;
align-items: center;
}
.image-126 {
width: 50px;
height: 50px;
margin-right: 24px;
}
.text-block-78 {
color: #fff;
font-family: "Creamfont 1";
font-size: 24px;
font-weight: 400;
}
.div-block-398 {
align-items: center;
margin-bottom: 0;
display: flex;
}
.div-block-398.subgroup {
margin-bottom: 48px;
margin-left: 0;
}
.div-block-398.subgroup.new {
margin-bottom: 0;
}
.div-block-399 {
align-items: center;
margin-bottom: 0;
display: flex;
}
.div-block-400 {
background-color: #fff;
width: 30px;
height: 1.25px;
padding-bottom: 0;
padding-right: 0;
}
.div-block-402 {
flex-direction: row;
justify-content: flex-end;
height: 210px;
margin-left: 24px;
padding-top: 0;
display: flex;
}
.div-block-403 {
background-color: #fff;
width: 1.25px;
min-width: 1.25px;
max-width: 1.25px;
height: 74%;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 0;
position: static;
bottom: 0%;
}
.div-block-404 {
flex-direction: column;
justify-content: center;
height: 210px;
padding-top: 0;
display: flex;
}
.living-mountain-wrapper {
object-fit: contain;
width: 100vw;
height: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.living-mountain-hero-section {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-bottom: 0;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.living-mountain-hero-description {
width: 100%;
margin-top: 24px;
padding-left: 0;
padding-right: 0;
}
.living-mountain-logo {
width: 200px;
margin-bottom: 0;
}
.image-127 {
width: 200px;
height: auto;
}
.living-mountain-hidden-view {
background-color: var(--livetrue-green);
flex-direction: column;
width: 100vw;
height: 100vh;
}
.living-mountain-customer-profile {
background-color: #003f48;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.living-mountain-design-manuscript-2 {
background-color: var(--livetrue-green);
height: 100vh;
}
.living-mountain-map, .living-mountain-design-manuscript-1 {
flex-direction: column;
height: 100vh;
}
.living-mountain-surrounding-environment {
background-color: var(--livetrue-green);
height: 100vh;
}
.living-mountain-facilities, .living-mountain-folly-growing {
height: 100vh;
}
.living-mountain-balcony-intro {
flex-direction: column;
height: 100vh;
}
.environment-grid-wrapper {
height: 50vh;
}
.environment-description {
justify-content: center;
align-items: center;
height: 50vh;
padding-bottom: 0;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.environment-grid {
grid-template-rows: auto auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
display: none;
}
.paragraph-86 {
color: #fff;
text-align: left;
font-size: 16px;
line-height: 30px;
}
.hidden-view-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/61c1970ed1a68aec57705f17_luke-richardson-dI7vfR1Bqcg-unsplash%20(1).jpg");
background-position: 50%;
background-size: cover;
width: 100vw;
max-width: 100vw;
height: 70vh;
}
.hidden-view-description-wrapper {
align-items: center;
width: 100vw;
max-width: 100vw;
height: 30vh;
padding-bottom: 0;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.div-block-406 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.image-129, .image-130 {
max-width: none;
height: 100%;
}
.facility-image-wrapper {
height: 40vh;
padding-top: 12px;
padding-bottom: 12px;
}
.facility-description-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 35vh;
padding-bottom: 0;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.facility-manuscript-wrapper {
width: 100%;
height: 25vh;
}
.paragraph-87 {
text-align: left;
font-size: 16px;
}
.grid-16 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
}
.folly-description-wrapper {
background-color: var(--livetrue-green);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 40vh;
padding-bottom: 0;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.folly-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/61c289fdd458fba585a2a1fa_living%20mountain%20folly.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 90%;
width: 100vw;
height: 60vh;
}
.folly-slider {
background-color: #fff;
height: 100vh;
}
.slide-nav-2 {
display: none;
}
.balcony-image {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 50vh;
display: flex;
overflow: hidden;
}
.balcony-description {
background-color: var(--livetrue-green);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 50vh;
padding-bottom: 0;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.image-132 {
width: auto;
max-width: none;
height: 100%;
}
.manuscript-image-wrapper {
width: 100vw;
height: 75vh;
}
.manuscript-description-wrapper {
background-color: var(--living-mountain-gray);
flex-direction: column;
justify-content: center;
width: 100vw;
height: 25vh;
padding-bottom: 0;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.manuscript-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/61cc2f2ce6b4854f84ed1b80_icons%20sample.jpeg");
background-position: 50%;
background-size: auto 100%;
width: 100%;
height: 100%;
}
.manuscript-image-2-wrapper {
height: 50vh;
}
.maunscript-decsription-2-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 50vh;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.white-h5 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: "Creamfont 1";
font-size: 14px;
line-height: 18px;
}
.white-h2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 36px;
}
.div-block-407 {
width: 100%;
height: 24px;
min-height: 0;
max-height: none;
padding-bottom: 0;
padding-right: 0;
}
.div-block-408 {
width: 100%;
height: 12px;
padding-bottom: 0;
padding-right: 0;
}
.manuscript-2-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/61c2928420b59a5af9cec780_living%20manuscript%202.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
}
.profile-form-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
padding: 15% 8vw 0;
display: flex;
}
.form-div {
width: 100%;
height: auto;
padding-left: 0;
line-height: 36px;
}
.form-description-div {
z-index: 10;
width: 100%;
height: auto;
margin-top: 24px;
padding-left: 0;
position: relative;
}
.sample-plan-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/61c1abb02638a0711cdf7ecf_sample%20plan.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 95vw;
height: 100%;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 0;
}
.plan-image-a {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/61cc130e855f6618822fdc8f_sample%20garden%203.jpeg");
background-position: 50%;
}
.plan-image-b {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/61cc0f41957d185888399773_sample%20garden%201.jpeg");
background-position: 50%;
background-size: cover;
}
.facilities-slider {
background-color: #0000;
width: 100%;
height: 100%;
}
.living-mountain-map-main {
width: 100vw;
position: relative;
}
.map-attractions-wrapper {
height: 25vh;
position: relative;
}
.map-attractions-slider {
background-color: #0000;
width: 100vw;
height: 100%;
}
.slide-nav-3 {
display: none;
}
.map-nearby-attractions-grid-1 {
width: 100vw;
height: 25vh;
padding-bottom: 0;
padding-right: 0;
}
.grid-17 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100vw;
height: 25vh;
overflow: hidden;
}
.image-134 {
z-index: 5;
flex: none;
width: auto;
max-width: none;
height: 100%;
position: static;
}
.attraction-div {
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 25vh;
display: flex;
overflow: hidden;
}
.attractions-map {
width: 100vw;
height: 75vh;
}
.folly-slide-1 {
flex-direction: column;
grid-template-columns: 1fr;
}
.text-block-80 {
margin-bottom: 24px;
}
.facility-image-description-wrapper {
flex-direction: column;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.facility-slide-a {
flex-direction: column;
}
.div-block-409 {
flex-direction: row;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.rich-text-block-living-mountain p {
font-size: 16px;
line-height: 28px;
}
.rich-text-block-living-mountain.richtext-center-white {
text-align: left;
}
.environment-cms-grid-wrapper, .surrounding-environment-slider {
height: 50vh;
}
.collection-list-25 {
grid-template-columns: 1fr 1fr;
}
.collection-item-22, .div-block-416 {
width: 100%;
}
.environment-grid-1 {
height: 100%;
}
.collection-list-26 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.transparent-anti-slide {
width: 100vw;
height: 50vh;
display: flex;
}
.transparent-anti-slide-full-width {
display: none;
}
.collection-list-27 {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100vw;
}
.div-block-417 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.map-neaby-attractions-grid-2 {
height: 25vh;
}
.map-nearby-attractions-grid-3 {
height: 25vh;
padding-bottom: 0;
padding-right: 0;
}
.icon, .icon-2 {
display: none;
}
.hover-image-to-zoom-bubble {
width: 75px;
height: 75px;
display: none;
bottom: 3%;
}
.text-block-82 {
font-size: 10px;
line-height: 14px;
}
.click-image-to-zoom-bubble {
width: 75px;
height: 75px;
display: flex;
bottom: 3%;
}
.living-mountain-footer {
z-index: 10;
height: auto;
padding-top: 8vw;
padding-bottom: 8vw;
position: relative;
}
.grid-18 {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.living-mountain-footer-block, .living-mountain-footer-block.navbar-link {
flex-direction: column;
}
.image-137 {
margin-right: 0;
}
.submit-button-2 {
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
line-height: 18px;
}
.text-field-10 {
margin-bottom: 12px;
padding-top: 24px;
padding-bottom: 24px;
}
.button-23.navbar-link {
margin-top: 12px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 14px;
line-height: 18px;
}
.spacer {
height: 12px;
}
.form-bird-sketch {
z-index: 0;
background-size: 50%;
justify-content: center;
width: 100vw;
height: 30vh;
display: flex;
inset: auto 0% -5%;
}
.text-block-84 {
line-height: 18px;
}
.back-to-news-arrow {
flex: 0 auto;
display: block;
}
.event-history-tab {
text-align: center;
flex-direction: column;
flex: 0 auto;
align-self: center;
width: 100%;
margin-bottom: 24px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.yushan-butttons-wrapper {
flex-direction: row;
}
.contact-subheading {
margin-bottom: 6px;
}
.on-load-wrapper {
overflow: hidden;
}
.collection-list-28 {
grid-template-columns: 1fr;
}
.text-block-89 {
display: none;
}
.living-mountain-hero {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100vw;
height: auto;
padding-top: 0;
display: flex;
position: static;
inset: 0%;
}
.living-mountain-hero-image {
z-index: 10;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/624d467cd722e56adeea7b05_ALM%20Hero.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 72vh;
padding-top: 15%;
display: flex;
position: relative;
inset: 0%;
}
.living-mountain-hero-container {
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.living-mountain-logo-image {
width: 55%;
height: auto;
margin-top: 10%;
}
.a-living-mountain-hero-description {
z-index: -2;
background-color: #fff0;
align-items: flex-end;
width: 100vw;
height: auto;
padding-bottom: 24px;
display: flex;
position: relative;
bottom: 0%;
}
.a-living-mountain-description-grid {
grid-column-gap: 6px;
grid-row-gap: 6px;
grid-template-columns: 1fr;
width: 100%;
height: 100%;
}
.container-5 {
padding-left: 0;
padding-right: 0;
}
.alm-section-2 {
width: 100vw;
height: auto;
padding-bottom: 0;
overflow: hidden;
}
.grid-22 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-content: stretch;
width: 100%;
height: 100%;
}
.image-141 {
width: 100%;
height: auto;
}
.div-block-421 {
height: 100%;
}
.alm-section-3 {
height: auto;
padding-bottom: 5vw;
overflow: hidden;
}
.grid-23 {
grid-column-gap: 0px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-content: space-around;
height: 100%;
}
.image-142 {
width: 150px;
padding-left: 5vw;
}
.alm-sec-3-div {
width: 80%;
margin-bottom: 0;
padding-left: 5vw;
padding-right: 5vw;
position: relative;
}
.image-143 {
width: auto;
height: 50%;
position: absolute;
top: 0%;
left: 0%;
}
.image-144 {
width: auto;
height: 50%;
position: absolute;
bottom: 0%;
right: 0%;
transform: rotate(180deg);
}
.alm-sec-3-div-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-bottom: 0;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.alm-section-4 {
width: 100vw;
height: auto;
padding-bottom: 15vw;
}
.grid-24 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
height: 100%;
}
.alm-sec-4-div-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding-bottom: 5vw;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.alm-section-5 {
height: auto;
padding-bottom: 5vw;
}
.grid-25 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: 35vh auto auto auto;
grid-template-columns: 1fr;
height: 100%;
}
.alm-section-5-image-wrapper {
height: 100%;
position: relative;
}
.div-block-422 {
align-items: center;
display: flex;
}
.alm-sec-5-div-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-bottom: 0;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.alm-sec-5-div {
width: 90%;
padding-left: 5vw;
padding-right: 5vw;
position: relative;
}
.alm-sec-5-image {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/624f97473a3a8c9d85e7af10_Section%205%20image.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.image-145 {
width: 150px;
transition: opacity .2s;
position: absolute;
top: -35px;
right: 2%;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.image-146 {
width: 150px;
position: absolute;
bottom: -20px;
left: 2%;
}
.alm-section-6 {
height: auto;
padding-bottom: 5vw;
}
.grid-26 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr;
height: 100%;
}
.alm-sec-6-image-wrapper {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-423 {
padding-bottom: 0;
padding-left: 2vw;
padding-right: 2vw;
font-size: 16px;
position: relative;
}
.alm-sec-6-div {
z-index: -2;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.curve-svg-left {
width: auto;
height: 100%;
position: absolute;
top: 0%;
left: -5%;
}
.curve-svg-right {
width: auto;
height: 100%;
position: absolute;
bottom: 0%;
right: -5%;
}
.alm-section-7 {
width: 100vw;
height: 110vh;
}
.grid-27 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: 60vh auto auto;
grid-template-columns: 1fr;
align-content: stretch;
height: 100%;
}
.alm-sec-7-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62538eb67ee95e82d1367230_Sec%207%20image.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 60vh;
padding-bottom: 0;
padding-right: 0;
}
.alm-section-8 {
height: auto;
padding-bottom: 8vw;
}
.grid-28 {
grid-column-gap: 0px;
grid-row-gap: 12px;
grid-template-rows: auto auto 1fr 1fr;
align-content: stretch;
width: 100%;
height: 100%;
}
.alm-sec-8-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/626612f3900de4e7a00ccd3a_05.jpg");
background-position: 50%;
background-size: cover;
height: auto;
}
.alm-sec-8-logos {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/625390f55be2924834f46695_Sec%208%20logos.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 85%;
justify-content: center;
align-items: center;
height: 8vh;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.div-block-424 {
flex-direction: column;
align-items: center;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.alm-sec-8-main-logo {
justify-content: center;
align-items: center;
display: flex;
}
.image-147 {
width: 70%;
height: auto;
}
.alm-section-9 {
background-color: #008840;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62539384cf93a61b2a71e1d5_Sec%209%20Image.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
justify-content: center;
align-items: stretch;
height: auto;
padding: 10vw 5vw;
display: flex;
}
._24px-spacer {
width: 100%;
height: 24px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
._24px-spacer.hidden {
display: none;
}
.checkbox-label {
color: #333;
font-family: creamfont, sans-serif;
font-size: 16px;
font-weight: 400;
}
.submit-button-3 {
color: #fff;
background-color: #8aae99;
border-radius: 0;
padding-left: 25px;
padding-right: 25px;
font-weight: 700;
}
.div-block-425 {
text-align: center;
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.image-148 {
z-index: -1;
display: none;
position: absolute;
top: 0;
}
.grid-30 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
._36px-spacer {
z-index: -5;
width: 100%;
height: 36px;
padding-bottom: 0;
padding-right: 0;
position: relative;
}
._36px-spacer.hidden {
display: flex;
}
.form-5 {
grid-template-columns: auto auto;
}
.name-field, .contact-field {
font-size: 14px;
line-height: 24px;
}
.alm-sec-8-image-wrapper-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/626612f345767b1f0c5a99f7_04.jpg");
background-position: 50% 40%;
background-size: cover;
height: auto;
}
.div-block-426 {
text-align: center;
flex-direction: column;
display: flex;
}
.image-149 {
width: auto;
height: 100%;
}
.div-block-427, .image-150, .image-151 {
width: 100%;
}
.div-block-428 {
padding-left: 5vw;
padding-right: 5vw;
}
.sec-5-image-2 {
background-position: 70%;
}
.div-block-429 {
text-align: center;
}
.grid-32 {
grid-template-rows: auto;
height: 30vh;
}
.alm-section-8-grid, .slide-blocker, .mask-4 {
height: 30vh;
}
.image-153 {
width: 15vw;
top: 45%;
}
.image-154 {
width: 50px;
}
.alm-zoom-image-wrapper {
width: 80vw;
height: 45vh;
}
.rich-text-a-living-mountain {
text-align: left;
}
.rich-text-a-living-mountain h2 {
font-size: 16px;
line-height: 24px;
}
.image-155 {
width: 150px;
}
.text-block-92 {
font-size: 18px;
line-height: 24px;
}
.case-rich-text p {
font-size: 14px;
line-height: 24px;
}
.yushanyan-wrapper {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62a143b87ee08b6060eb924c_Yushan-Background-Compressed.jpg"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/629eb0f4fd243454fd310afc_soft-wallpaper-1920x1080.png");
background-position: 50% 0, 0 0;
background-repeat: no-repeat, repeat-y;
background-size: auto 100%, auto;
}
.yushan-hero-section {
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.yushan-section-2---room {
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.yushan-section-3---description {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100vw;
height: auto;
display: flex;
}
.yushan-section-5---cat-a, .yushan-section-7---cat-b {
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 100vw;
height: auto;
padding-top: 120px;
display: flex;
}
.yushan-section-8---logo {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 80vh;
display: flex;
}
.yushan-section-9---contact-form {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 120vh;
display: flex;
}
.yushan-section-10---map {
flex-direction: column;
width: 100vw;
height: 100vh;
}
.image-157 {
width: 85%;
height: auto;
}
.image-157.desktop {
display: none;
}
.image-157.mobile {
width: 90%;
height: auto;
display: block;
}
.yushan-yellow-description {
color: #fff;
text-align: center;
font-family: "Creamfont 1";
font-size: 20px;
font-weight: 400;
line-height: 48px;
}
.yushan-callout {
width: 70%;
margin-top: 120px;
}
.logo-and-contact-wrapper {
flex-direction: column;
align-items: center;
width: 75%;
display: flex;
}
.yushanyan-logo {
width: 250px;
}
.text-block-94 {
color: #fff;
text-align: center;
margin-top: 24px;
font-family: "Creamfont 1";
font-size: 25px;
font-weight: 400;
line-height: 30px;
}
.yushan-logo-divider {
background-color: #fff;
width: 250px;
height: 2px;
margin-top: 24px;
margin-bottom: 24px;
padding-bottom: 0;
padding-right: 0;
}
.horizontal-vertical-numbers-wrapper {
flex: 1;
justify-content: space-between;
width: 250px;
display: flex;
}
.horizontal-numbers {
flex: 1;
align-items: center;
width: 100%;
height: 100%;
margin-left: 0;
display: flex;
position: relative;
}
.text-block-95 {
color: #fff;
font-family: Adobe garamond pro, sans-serif;
font-size: 2.4em;
font-weight: 400;
line-height: .8em;
}
.text-block-96 {
color: #fff;
text-align: right;
justify-content: center;
align-items: center;
width: 100%;
font-family: Adobe garamond pro, sans-serif;
font-size: 3.3em;
line-height: 1em;
display: flex;
}
.yushan-map {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62a01497a86dd7a8068f9877_Map%20Yushan.png");
background-position: 25%;
background-size: cover;
width: 100%;
height: 90%;
}
.yushan-footer-links {
background-color: var(--yushan-blue);
height: 10%;
}
.yushan-footer-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr .5px 1fr .5px 1fr .5px 1fr;
height: 100%;
}
.link-block-24 {
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
transition: all .6s;
display: flex;
}
.link-block-24:hover {
transform: scale(1.08);
}
.image-158 {
width: 25px;
height: 25px;
margin-bottom: 3px;
}
.text-block-97 {
letter-spacing: 2px;
margin-left: 0;
font-size: 12px;
}
.div-block-437 {
background-color: #000;
width: .5px;
height: 100%;
padding-bottom: 0;
padding-right: 0;
}
.yushan-form-field {
opacity: 1;
color: #fff;
background-color: #0000;
border: 1px #000;
border-bottom: 2px solid #fff;
margin-bottom: 24px;
font-size: 18px;
line-height: 30px;
}
.yushan-form-field::placeholder {
color: #fff;
}
.yushan-form-field.yushan-form-field---remark {
color: #fff;
height: 100px;
margin-bottom: 24px;
padding-top: 0;
display: block;
}
.form-6 {
width: 100%;
}
.yushanyan-form {
width: 80%;
}
.checkbox-label-2 {
color: #fff;
font-size: 18px;
}
.checkbox-field {
margin-bottom: 24px;
}
.submit-button-4 {
color: #000;
background-color: #fff;
width: 100%;
padding-top: 14px;
padding-bottom: 14px;
font-size: 18px;
line-height: 30px;
}
.form-wrapper {
border: 3px solid #fff;
border-width: 0 3px 3px 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
padding-top: 48px;
padding-bottom: 24px;
display: flex;
position: relative;
}
.yushan-contact-header {
align-items: flex-end;
width: 100.5%;
display: flex;
position: absolute;
top: -11%;
left: 0%;
}
.yushan-contact-c {
flex: 0 auto;
align-items: flex-end;
height: auto;
display: flex;
}
.yushan-contact-full {
flex-direction: column;
flex: none;
justify-content: center;
align-items: flex-end;
width: auto;
display: flex;
}
.heading-69 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
margin-right: 4px;
font-family: "Creamfont 1";
font-size: 68px;
font-weight: 400;
line-height: 72px;
}
.text-block-98 {
color: #fff;
letter-spacing: 2px;
font-family: "Creamfont 1";
font-size: 24px;
line-height: 30px;
}
.text-block-99 {
color: #fff;
font-family: "Creamfont 1";
font-size: 24px;
line-height: 30px;
}
.div-block-438 {
background-color: #fff;
width: 100%;
height: 3px;
margin-bottom: 8px;
margin-left: 12px;
padding-bottom: 0;
padding-right: 0;
}
.left-line {
background-color: #fff;
width: 3px;
height: 92%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
bottom: 0%;
left: 0%;
}
.yushan-desktop-hero-header {
display: none;
}
.image-160 {
width: 100%;
margin-top: 120px;
}
.image-161 {
width: 100%;
}
.image-162 {
width: 100%;
margin-top: 120px;
}
.image-163 {
width: 100%;
}
.lm-hero-section {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63450dbb5fe2666ac439967e_Hero-below.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63450db94bca14b8b2a60e5a_Hero-above.png");
background-position: 45% 140%, 90% 0;
background-repeat: no-repeat, no-repeat;
background-size: 200%, 140%;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.lm-heading-logos-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 85%;
display: flex;
position: relative;
top: -10%;
}
.image-164 {
width: 160px;
margin-bottom: 36px;
}
.image-165 {
width: 220px;
margin-bottom: 24px;
}
.image-166 {
width: 120px;
}
.lm-section-2 {
flex-direction: column;
align-items: center;
width: 100vw;
height: auto;
padding: 60px 0% 0;
display: flex;
}
.lm-section-2-wrapper {
width: 85%;
}
.image-167 {
width: 100%;
margin-top: 36px;
}
.lm-section-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding-top: 60px;
padding-bottom: 60px;
padding-right: 0;
display: flex;
}
.lm-section-3-wrapper {
width: 85%;
}
.lm-quote-card {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634515f87bb1ad70e2a878f2_Right%20Quote.svg"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634515f872818b650842e042_Left%20Quote.svg");
background-position: 0 0, 100% 100%;
background-repeat: no-repeat, no-repeat;
background-size: 30px, 30px;
width: 100%;
margin-bottom: 24px;
padding: 15px;
}
.lm-section-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding-top: 0;
padding-bottom: 60px;
padding-right: 0;
display: flex;
}
.lm-section-4-wrapper {
flex-direction: column;
width: 85%;
display: flex;
}
.lm-section-4-heading {
justify-content: space-between;
align-items: center;
margin-bottom: 48px;
display: flex;
}
.image-170 {
width: 45%;
}
.image-171, .image-172 {
width: 100%;
margin-bottom: 48px;
}
.image-173 {
width: 100%;
}
.lm-section-5 {
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.lm-section-5-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 85%;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.lm-section-6 {
padding-top: 0;
padding-bottom: 0;
}
.lm-section-6-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.div-block-442 {
width: 85%;
}
.image-174 {
margin-bottom: 36px;
}
.lm-section-7 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.lm-section-7-wrapper {
align-items: flex-start;
width: 85%;
}
.image-176 {
width: 100%;
margin-top: 36px;
margin-bottom: 36px;
}
.lm-section-8 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding-bottom: 60px;
display: flex;
}
.lm-section-8-wrapper {
width: 85%;
}
.sec-8-slider-wrapper {
position: relative;
}
.lm-slider-border {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63457293271cb104476f1b2c_Photo%20Border-L.svg"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6345729356d0da7353dcd573_Photo%20Border-R.svg");
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 72px, 72px;
position: absolute;
inset: 0%;
}
.slide-9 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573cc30106e6192cded66_Slider-A-2.png");
background-position: 50%;
background-size: cover;
}
.slide-10 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573cceef9e43e96effeee_Slider-A-3.png");
background-position: 50%;
background-size: cover;
}
.slide-11 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573792045d8286aa48846_Slider-A-4.png");
background-position: 50%;
background-size: cover;
}
.lm-slider {
z-index: -3;
width: 100%;
height: 200px;
margin-bottom: 46px;
}
.lm-section-9 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding-top: 0;
padding-bottom: 60px;
display: flex;
}
.lm-section-9-wrapper {
width: 85%;
}
.slide2-1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6345737a4ddf75f2c1ab0fa9_Slider-B-1.png");
background-position: 50%;
background-size: cover;
}
.slide2-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573f5c6cb6f52ba397450_Slider-B-2.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide2-3 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573cce6dcae1060a4962b_Slider-B-3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slide2-4 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/634573cc9e7ef8232ecbc2b5_Slider-B-4.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.lm-section-10 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.lm-section-11 {
padding-top: 0;
}
.lm-section-12 {
justify-content: center;
align-items: center;
width: 100vw;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.lm-section-12-wrapper {
width: 85%;
}
.image-178 {
margin-bottom: 46px;
}
.lm-section-13 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding-bottom: 60px;
padding-right: 0;
display: flex;
}
.lm-section-13-wrapper {
flex-direction: column;
align-items: center;
width: 85%;
display: flex;
}
.image-180, .image-182 {
margin-bottom: 36px;
}
.image-183 {
width: 70%;
margin-bottom: 36px;
}
.lm-section-14 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding-bottom: 0;
display: flex;
}
.lm-section-14-wrapper {
flex-direction: column;
align-items: center;
width: 85%;
display: flex;
}
.slide3-1 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63457ca33ec85ced680a14e5_Slide%203-1.png");
background-position: 50%;
background-size: cover;
}
.image-184 {
margin-bottom: 36px;
}
.paragraph-92 {
opacity: .8;
text-align: center;
margin-bottom: 36px;
font-size: 16px;
line-height: 30px;
}
.image-185 {
width: 130px;
margin-bottom: 36px;
}
.paragraph-93 {
opacity: .8;
text-align: center;
margin-bottom: 36px;
}
.lm-section-15 {
background-color: #008640;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63457d0307a94878b568b9c0_Footer%20Contact%20Image.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding-top: 60px;
padding-bottom: 120px;
padding-right: 0;
display: flex;
}
.footer-contact-wrapper {
width: 85%;
}
.paragraph-94 {
color: #000;
margin-bottom: 36px;
}
.text-field-14 {
margin-bottom: 24px;
}
.text-field-15 {
margin-bottom: 36px;
}
.checkbox-label-3 {
color: #000;
font-size: 16px;
line-height: 30px;
}
.checkbox-field-2 {
margin-bottom: 36px;
}
.submit-button-5 {
color: #000;
background-color: #fff;
width: 100%;
font-family: "Creamfont 1";
font-size: 16px;
line-height: 30px;
}
.paragraph-95, .paragraph-96, .paragraph-97 {
opacity: .8;
}
.paragraph-98 {
opacity: .8;
margin-left: 0;
}
.paragraph-99 {
opacity: .8;
margin-bottom: 0;
}
.paragraph-100, .paragraph-101, .paragraph-102, .paragraph-103, .paragraph-104 {
opacity: .8;
}
.heading-71 {
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-family: kozuka-mincho-pr6n, sans-serif;
font-size: 18px;
font-weight: 900;
line-height: 30px;
}
.heading-72 {
width: 45%;
margin-top: 0;
margin-bottom: 0;
font-family: kozuka-mincho-pr6n, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.heading-73 {
color: #000;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 36px;
font-family: kozuka-mincho-pr6n, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 36px;
}
.div-block-443 {
border: 1px #000;
border-bottom: 4px solid #57bd38;
margin-bottom: 36px;
padding-bottom: 6px;
}
.heading-73-copy {
color: #000;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: kozuka-mincho-pr6n, sans-serif;
font-weight: 700;
}
.image-188 {
width: 100%;
}
.image-189 {
display: block;
}
.lm-footer---desktop {
background-position: 50% 100%;
height: 40vh;
display: none;
}
.lm-footer-links {
background-color: #8aae99;
height: 10vh;
}
.reservation-schedule-dropdown {
border-radius: 0;
}
.slide-1-copy {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/6345737ac8844a23380156dc_Slider-A-1.png");
background-position: 50%;
background-size: cover;
}
.hero---mth {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb494553f6c205e076af_Hero-mth-right.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb499f1b4563a2ce8daa_Hero-mth-left.png");
background-position: 100% 80%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: auto 55%, auto 55%;
width: 100%;
height: 100vh;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.hero---mth---content {
z-index: 1;
align-items: flex-start;
width: 100%;
height: auto;
padding: 24px;
position: relative;
}
.image-190 {
width: 160px;
max-width: none;
}
.image-191 {
width: 120px;
max-width: 120px;
}
.grid-35 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .75fr;
}
.div-block-444 {
width: 100%;
height: 24px;
padding-bottom: 0;
padding-right: 0;
}
.mth-section-2 {
width: 100vw;
height: auto;
}
.body-16 {
background-color: #f5eee9;
}
.image-192 {
width: auto;
height: 200px;
margin-left: 12px;
}
.mth-section-3 {
width: 100vw;
height: auto;
}
.image-193 {
height: 95px;
margin-left: 12px;
}
.mth-section-4 {
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
padding-top: 48px;
padding-bottom: 48px;
display: flex;
}
.image-194 {
width: auto;
max-width: none;
height: 420px;
margin-left: 12px;
}
.mth-section-5 {
width: 100vw;
height: auto;
}
.image-195 {
height: auto;
margin-top: -120px;
position: static;
}
.image-196 {
margin-top: 24px;
}
.more-than-a-home---mobile {
flex-direction: column;
display: flex;
}
.more-than-a-home---desktop {
display: none;
}
.more-than-a-home-footer-links {
z-index: 5;
background-color: #ced5da;
width: 100vw;
height: 10%;
}
.mth-section-6 {
padding-top: 0;
padding-left: 36px;
padding-right: 36px;
}
.mth-text-field, .form-7 {
width: 100%;
}
.field-label, .field-label-2, .field-label-3, .field-label-4 {
min-width: 50px;
font-size: 14px;
line-height: 20px;
}
.submit-button-6 {
font-size: 14px;
line-height: 20px;
}
.div-block-447 {
flex-direction: row;
flex: 0 auto;
height: auto;
padding-left: 12px;
padding-right: 12px;
}
.checkbox-field-3 {
flex: 0 auto;
align-self: auto;
}
.checkbox-field-4 {
align-self: flex-start;
}
.checkbox-label-4 {
display: block;
}
.checkbox-field-5 {
flex: none;
align-self: flex-start;
}
.mth-footer-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr .5px 1fr .5px 1fr .5px 1fr;
width: 100%;
height: 100%;
}
.laughing-mountain--desktop-copy {
display: none;
}
.laughing-mountain---mobile {
background-image: linear-gradient(#009aa1, #47a866 22%, #4ea960 39%, #3ba56f 59%, #009aa1);
flex-direction: column;
display: flex;
}
.hero---lm---content {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64377a36a15c9ac0ff42e306_Lower%20Right%402x.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64377a37a9e3b87a121074c0_Mid%20Left%402x.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/64377a37160cb4e2bb710565_Upper%20Right%402x.png");
background-position: 100% 90%, 0 60%, 100% 0;
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: auto 400px, auto 400px, 200px;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 24px;
position: relative;
}
.hero---lm---content.left-align.no-background {
flex-wrap: wrap;
align-items: flex-start;
width: 100vw;
max-width: 100%;
padding-bottom: 48px;
overflow: visible;
}
.hero---lm---content.no-background {
justify-content: flex-start;
align-items: flex-end;
padding: 48px;
}
.hero---lm---content.no-background.bottom-align {
justify-content: flex-end;
}
.div-block-448 {
top: 24px;
left: 24px;
}
.hero---laughing-mountain {
width: 100%;
height: 100vh;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.image-198 {
width: 140px;
max-width: none;
}
.image-199 {
height: 120px;
display: block;
right: -50%;
}
.image-200 {
max-width: none;
height: 300px;
display: block;
top: auto;
bottom: 20%;
left: -95%;
}
.image-201 {
max-width: none;
height: 300px;
display: none;
top: 50%;
right: -95%;
}
.div-block-449 {
margin-top: -250px;
}
.image-202 {
width: 200px;
}
.laughing-mountain-sec-2 {
height: 80vh;
}
.image-203 {
height: 400px;
bottom: 0;
left: auto;
right: 200px;
}
.image-204 {
height: 280px;
}
.laughing-mountain-sec-3 {
height: auto;
}
.image-205 {
width: auto;
height: 400px;
}
.image-206 {
height: 220px;
}
.laughing-mountain-sec-4 {
justify-content: center;
align-items: center;
height: 70vh;
display: flex;
}
.image-207 {
height: 300px;
position: absolute;
top: -5%;
}
.image-208 {
max-width: none;
height: 110px;
}
.contact-section {
height: auto;
}
.image-209 {
width: 320px;
margin-left: -48px;
position: static;
}
.div-block-450.lm-container {
object-fit: contain;
min-width: 100%;
max-width: 100%;
min-height: 0;
display: flex;
}
.laughing-mountain-form {
flex: 0 auto;
min-width: 100%;
max-width: 100%;
display: block;
}
.text-field-17 {
width: 100%;
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
}
.form-8 {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-columns: 1fr 1fr;
justify-content: start;
justify-items: start;
width: 100%;
min-width: 100%;
max-width: 100%;
}
.div-block-452 {
align-items: flex-start;
}
.div-block-453 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
flex: none;
align-items: flex-start;
}
.checkbox-field-6 {
flex: 0 auto;
justify-content: flex-start;
align-self: flex-start;
}
.paragraph-105 {
width: 100%;
line-height: 30px;
}
.submit-button-7 {
width: 100%;
}
.heading-74 {
letter-spacing: 2px;
}
.checkbox-label-6 {
line-height: 24px;
}
.laughing-mountain---desktop {
background-image: linear-gradient(#009aa1, #47a866 22%, #4ea960 39%, #3ba56f 59%, #009aa1);
flex-direction: column;
display: flex;
}
.more-than-a-home-footer-links-copy {
z-index: 5;
background-color: #ced5da;
width: 100vw;
height: 10%;
}
.laughing-home-footer-links {
z-index: 5;
background-color: #307363;
width: 100vw;
height: 10%;
}
.form-control {
width: 100%;
font-size: 14px;
}
.div-block-455 {
object-fit: fill;
flex: 0 auto;
grid-template-columns: 1fr;
justify-content: start;
align-self: auto;
justify-items: start;
min-width: 100%;
max-width: 100%;
position: static;
overflow: visible;
}
.image-211 {
width: 100%;
min-width: 0%;
max-width: none;
}
.image-212 {
z-index: -1;
width: 120%;
position: absolute;
}
.div-block-456 {
height: 120px;
}
.living-mountain-hero-section-2023 {
padding-top: 40px;
padding-left: 30px;
padding-right: 30px;
}
.image-213 {
width: 150px;
}
.image-214 {
width: 100%;
}
.living-mountain-hero-logo-wrapper {
bottom: 24px;
}
.image-215 {
width: 100px;
max-width: none;
}
.image-216 {
z-index: 1;
}
.image-217 {
width: 200px;
max-width: none;
position: relative;
top: -14px;
left: 67px;
}
.image-218, .div-block-458 {
width: 100%;
}
.living-mountain-contact-section {
padding-left: 36px;
padding-right: 36px;
}
.image-220 {
width: 200px;
}
.paragraph-106 {
font-size: 16px;
line-height: 30px;
}
.living-mountain-checkboxes {
align-items: flex-start;
}
.select-field-2.form-control {
font-size: 14px;
line-height: 24px;
}
.paragraph-107 {
font-size: 16px;
line-height: 30px;
display: inline;
}
.section-2-slider-descriptionn {
display: block;
}
.section-2-slider-1, .right-arrow-2 {
height: 300px;
}
.left-arrow-2.hidden {
z-index: 1;
height: 300px;
display: flex;
}
.section-3-slider-1, .left-arrow-3, .right-arrow-3, .section-2-slider-4 {
height: 300px;
}
.section-2-slider-2 {
background-size: 300px;
height: 300px;
}
.section-2-slider-3-copy {
background-size: contain;
height: 300px;
}
.right-arrow-4, .left-arrow-4, .section-2-5-slider-1 {
height: 300px;
}
.section-2-5-slider-2 {
background-size: contain;
height: 300px;
}
.section-2-5-slider-3, .section-2-5-slider-4, .section-2-5-slider-5, .section-2-5-slider-6 {
height: 300px;
}
.living-mountain-new {
overflow: hidden;
}
.select-field-3 {
border-radius: 0;
}
.checkbox-label-11 {
color: #202020;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
}
.form-9 {
grid-template-columns: 1fr;
}
.submit-button-8 {
color: #000;
background-color: #fff;
border-radius: 0;
padding-left: 25px;
padding-right: 25px;
font-weight: 700;
}
.div-block-460 {
width: 100%;
}
.paragraph-108 {
font-size: 30px;
}
.text-span-30 {
font-size: 55px;
}
.icon-6 {
display: flex;
}
.image-223 {
width: 160px;
max-width: none;
}
.hero---mth---content-2 {
z-index: 1;
align-items: flex-start;
width: 100%;
height: auto;
padding: 24px;
position: relative;
}
.image-224 {
margin-top: 24px;
}
.hero---mth-2 {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb494553f6c205e076af_Hero-mth-right.png"), url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/63c4eb499f1b4563a2ce8daa_Hero-mth-left.png");
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: auto 50%, auto 53%;
width: 100%;
height: 100vh;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.submit-button-9 {
font-size: 14px;
line-height: 20px;
}
.form-10 {
width: 100%;
}
.div-block-463 {
width: 100%;
height: 24px;
padding-bottom: 0;
padding-right: 0;
}
.image-225 {
width: 120px;
max-width: 120px;
}
.more-than-a-home-footer-links-2 {
z-index: 5;
background-color: #ced5da;
width: 100vw;
height: 10%;
}
.div-block-464 {
flex-direction: column;
height: auto;
}
.image-226 {
height: 95px;
margin-left: 12px;
}
.field-label-5, .field-label-6 {
min-width: 50px;
font-size: 14px;
line-height: 20px;
}
.image-227 {
width: auto;
max-width: none;
height: 420px;
margin-left: 12px;
}
.mth-section-6-2 {
padding-top: 36px;
padding-left: 36px;
padding-right: 36px;
}
.div-block-445 {
width: 100%;
}
.link-block-28 {
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
transition: all .6s;
display: flex;
}
.link-block-28:hover {
transform: scale(1.08);
}
.image-228 {
height: auto;
margin-top: -120px;
position: static;
}
.image-229 {
width: 25px;
height: 25px;
margin-bottom: 3px;
}
.grid-36 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .75fr;
}
.field-label-7, .field-label-8 {
min-width: 50px;
font-size: 14px;
line-height: 20px;
}
.div-block-465 {
background-color: #000;
width: .5px;
height: 100%;
padding-bottom: 0;
padding-right: 0;
}
.image-230 {
width: auto;
height: 200px;
margin-left: 12px;
}
.text-block-101 {
letter-spacing: 2px;
margin-left: 0;
font-size: 12px;
}
.checkbox-field-12 {
align-self: flex-start;
}
.image-231 {
margin-top: 24px;
}
.checkbox-label-14 {
display: block;
}
.submit-button-10 {
font-size: 14px;
line-height: 20px;
}
.hero---mth---content-3 {
z-index: 1;
align-items: flex-start;
width: 100%;
height: auto;
padding: 24px;
position: relative;
}
.div-block-466 {
width: 100%;
height: 24px;
padding-bottom: 0;
padding-right: 0;
}
.image-232 {
width: auto;
max-width: none;
height: 420px;
margin-left: 12px;
}
.checkbox-field-13 {
flex: 0 auto;
align-self: auto;
}
.form-11 {
width: 100%;
}
.image-233 {
height: auto;
margin-top: -120px;
position: static;
}
.image-235 {
width: 120px;
max-width: 120px;
}
.more-than-a-home---desktop-2 {
display: none;
}
.image-236 {
height: 95px;
margin-left: 12px;
}
.div-block-467 {
flex-direction: row;
flex: 0 auto;
height: auto;
padding-left: 12px;
padding-right: 12px;
}
.image-237 {
width: 160px;
max-width: none;
}
.image-238 {
width: auto;
height: 200px;
margin-left: 12px;
}
.checkbox-field-14 {
flex: none;
align-self: flex-start;
}
.link-block-29 {
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
transition: all .6s;
display: flex;
}
.link-block-29:hover {
transform: scale(1.08);
}
.image-240 {
width: 25px;
height: 25px;
margin-bottom: 3px;
}
.grid-37 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .75fr;
}
.div-block-468 {
background-color: #000;
width: .5px;
height: 100%;
padding-bottom: 0;
padding-right: 0;
}
.text-block-102 {
letter-spacing: 2px;
margin-left: 0;
font-size: 12px;
}
.mth-section-6-3 {
padding-top: 0;
padding-left: 36px;
padding-right: 36px;
}
.laughing-mountain-2023-hero {
background-size: 25vw, auto 70vh;
}
.div-block-469 {
width: 100%;
}
.image-242 {
width: 200px;
}
.text-block-103 {
background-color: #0000;
font-size: 18px;
line-height: 30px;
}
.div-block-472 {
width: 90%;
margin-left: 0%;
}
.div-block-472.right-align {
width: 90%;
margin-right: 0%;
}
.laughing-mountain-section-2-sidetext {
height: 380px;
display: none;
}
.laughing-mountain-section-2-sidetext.left-side.full-height._500-px {
display: none;
}
.slider-11 {
width: 380px;
height: 430px;
min-height: 0;
}
.div-block-475 {
height: 280px;
}
.slider-11-copy {
width: 400px;
height: 380px;
min-height: 0;
}
.slider-11-copy._100 {
height: 300px;
}
.div-block-475-copy {
width: 400px;
height: 400px;
}
.text-block-105 {
font-size: 14px;
line-height: 24px;
top: 115px;
left: 177.195px;
}
.div-block-476 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1.25fr 1.5fr;
}
.image-243 {
width: 150px;
}
.heading-76-copy {
margin-top: 0;
}
.text-block-106 {
font-size: 18px;
}
.heading-77 {
font-size: 28px;
line-height: 36px;
}
.paragraph-110 {
font-size: 16px;
}
.html-embed-16 {
margin-left: 31px;
}
.more-than-a-home-footer-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr .5px 1fr .5px 1fr .5px 1fr;
height: 100%;
}
.more-than-a-home-footer {
background-color: #ced5da;
height: 10vh;
}
.yushan-2023-hero {
background-image: url("https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/655c53b743f3726e7144c311_Mobile%20Background.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
max-height: 100vh;
}
.yushan-2023-section-c {
height: auto;
}
.slider-12, .slider-13 {
height: 300px;
margin-top: 48px;
}
.slide-21 {
background-size: cover;
}
.div-block-491, .div-block-492, .div-block-493, .div-block-494, .div-block-495, .slider-15 {
height: 300px;
margin-top: 48px;
}
.div-block-497 {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.div-block-506 {
height: 300px;
margin-top: 48px;
}
.heading-78 {
font-size: 24px;
line-height: 30px;
}
.heading-78.padded-bottom {
margin-bottom: 36px;
}
.yushan-hero---mobile {
padding-bottom: 0;
}
.heading-79 {
font-size: 24px;
line-height: 30px;
}
.div-block-511 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.div-block-512 {
margin-bottom: 0;
position: absolute;
top: 30%;
bottom: auto;
}
.div-block-516 {
background-size: 85%;
}
.div-block-516-copy {
background-size: 80%;
}
.div-block-516-copy-copy {
background-size: 90%;
}
.image-253 {
width: 250px;
max-width: 150px;
margin-left: 92px;
padding-left: 0;
position: absolute;
}
.navbar-4 {
padding-left: 10px;
padding-right: 10px;
}
.container-10 {
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.container-10.display {
max-width: 80%;
}
.section-45 {
padding-left: 10px;
padding-right: 10px;
}
.image-3 {
width: 100px;
}
.heading {
font-size: 32px;
line-height: 32px;
}
.heading.chinese {
font-size: 20px;
}
.flex-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.image {
margin-top: 20px;
padding-top: 0;
}
.flex-block-2.imageblock {
padding-top: 20px;
padding-bottom: 20px;
}
.flex-block-2.noimage {
padding-bottom: 20px;
padding-right: 10px;
}
.text-block {
font-size: 18px;
line-height: 28px;
}
.text-block.imageblock {
font-size: 18px;
}
.text-block.ft {
padding-left: 54px;
padding-right: 20px;
}
.section-2 {
padding-left: 10px;
padding-right: 10px;
}
.section-2.formm {
padding: 40px 20px;
}
.container-12 {
background-position: 50% 100%;
height: 350px;
}
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed5f7-64334ad5 {
grid-area: 1 / 1 / 2 / 2;
place-self: auto center;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed615-64334ad5 {
grid-area: 1 / 2 / 2 / 3;
place-self: end center;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed5fd-64334ad5 {
grid-area: 1 / 3 / 2 / 4;
place-self: end center;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed603-64334ad5 {
grid-area: 2 / 1 / 3 / 2;
place-self: end center;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed609-64334ad5 {
grid-area: 2 / 2 / 3 / 3;
place-self: end center;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed60f-64334ad5 {
grid-area: 2 / 3 / 3 / 4;
place-self: end center;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e24-c5c5339e {
justify-self: auto;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e1197d-20e11950 {
grid-area: 1 / 1 / 2 / 2;
place-self: auto center;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e1199b-20e11950 {
grid-area: 1 / 2 / 2 / 3;
place-self: end center;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11983-20e11950 {
grid-area: 1 / 3 / 2 / 4;
place-self: end center;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11989-20e11950 {
grid-area: 2 / 1 / 3 / 2;
place-self: end center;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e1198f-20e11950 {
grid-area: 2 / 2 / 3 / 3;
place-self: end center;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11995-20e11950 {
grid-area: 2 / 3 / 3 / 4;
place-self: end center;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b1466ef-8b1466c2 {
grid-area: 1 / 1 / 2 / 2;
place-self: auto center;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b1466f5-8b1466c2 {
grid-area: 1 / 3 / 2 / 4;
place-self: end center;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b1466fb-8b1466c2 {
grid-area: 2 / 1 / 3 / 2;
place-self: end center;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b146701-8b1466c2 {
grid-area: 2 / 2 / 3 / 3;
place-self: end center;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b146707-8b1466c2 {
grid-area: 2 / 3 / 3 / 4;
place-self: end center;
}
#w-node-_63300174-ea5e-081f-ae2b-08c2b025dc0e-8b1466c2 {
grid-area: 1 / 2 / 2 / 3;
place-self: end center;
}
#w-node-_30df4932-1c96-51b0-59c5-803465fee6bb-64334b9b, #w-node-_9f00c38b-4191-e919-9c4a-6e3bfbba0dc6-64334b9b {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2c226761-f8bc-fe45-c484-0f124e035fd0-64334b9e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_572849db-dea8-5fbb-253c-4244f89156a5-64334b9e {
grid-area: span 1 / span 9 / span 1 / span 9;
}
#w-node-bb951a72-1639-662b-9cd3-7d922f61165b-64334b9e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-bb951a72-1639-662b-9cd3-7d922f611669-64334b9e {
grid-area: span 1 / span 8 / span 1 / span 8;
justify-self: auto;
}
#w-node-cf58633c-c894-24cb-864b-03f301558b81-64334b9e {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-cf58633c-c894-24cb-864b-03f301558b87-64334b9e, #w-node-cf58633c-c894-24cb-864b-03f301558b97-64334b9e {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_2ed4fb68-7b45-cdf2-8732-97a38caaed15-64334bb7 {
grid-area: 1 / 1 / 2 / 2;
place-self: center start;
}
#w-node-_2ed4fb68-7b45-cdf2-8732-97a38caaed24-64334bb7 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2ed4fb68-7b45-cdf2-8732-97a38caaed34-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca7546d2-9551-a4cc-1869-9bf72b68f2cb-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center end;
}
#w-node-_394fd19b-2228-10c9-ccf5-45edfdbd1281-64334bb7 {
grid-area: 1 / 1 / 2 / 2;
place-self: center start;
}
#w-node-_394fd19b-2228-10c9-ccf5-45edfdbd1290-64334bb7 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_394fd19b-2228-10c9-ccf5-45edfdbd12a0-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_20968627-569c-8e9e-6894-df9ef404ff21-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center end;
}
#w-node-_3b9b9976-c274-55e9-ad0f-68b365c15821-64334bb7 {
grid-area: 1 / 1 / 2 / 2;
place-self: center start;
}
#w-node-_3b9b9976-c274-55e9-ad0f-68b365c15830-64334bb7 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e4593-64334bb7 {
justify-self: auto;
}
#w-node-e137620c-d15e-11c3-5076-70ec8712e64d-64334bbc, #w-node-c44e6ec3-3880-5754-5884-a8d4bd3dc76d-64334bbc, #w-node-caf28142-470d-be03-90f9-149792db9fff-64334bbc, #w-node-bf674024-9d20-26ec-bd2b-2d7b08a030e4-64334bbc, #w-node-bf674024-9d20-26ec-bd2b-2d7b08a0313c-64334bbc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e7b3540f-106c-8b21-1dc4-c3b45df517ae-64334bbd, #w-node-e7b3540f-106c-8b21-1dc4-c3b45df517b2-64334bbd, #w-node-ea4fea21-af3c-e1af-4284-32fb4f56743f-64334bbd, #w-node-ea4fea21-af3c-e1af-4284-32fb4f567449-64334bbd, #w-node-_5904cb03-1166-f1e1-f4f3-67bc6fec09df-64334bbd, #w-node-_5904cb03-1166-f1e1-f4f3-67bc6fec09e9-64334bbd {
justify-self: start;
}
#w-node-b92f014f-5fea-a319-bf4a-ad9f88981c52-64334bbd {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-db923ce4-9ae8-a39f-b031-342f7595dafb-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-db923ce4-9ae8-a39f-b031-342f7595dafd-64334bbd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_366efd0f-074b-4570-92c4-83d6b52713a5-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_366efd0f-074b-4570-92c4-83d6b52713a7-64334bbd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fa214a8f-0264-2c41-e88f-f84c468cf3c5-64334bbd {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-fa214a8f-0264-2c41-e88f-f84c468cf3ce-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fa214a8f-0264-2c41-e88f-f84c468cf3d0-64334bbd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fa214a8f-0264-2c41-e88f-f84c468cf3d3-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fa214a8f-0264-2c41-e88f-f84c468cf3d5-64334bbd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_13c30fbf-f8b3-af5d-bb62-9c0383c3b2a6-64334bbd {
justify-self: start;
}
#w-node-_13c30fbf-f8b3-af5d-bb62-9c0383c3b2b4-64334bbd {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_13c30fbf-f8b3-af5d-bb62-9c0383c3b2bd-64334bbd, #w-node-_13c30fbf-f8b3-af5d-bb62-9c0383c3b2d7-64334bbd {
justify-self: start;
}
#w-node-a5e31299-8885-a438-e214-3c6b7ed56606-64334bbd {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a5e31299-8885-a438-e214-3c6b7ed5660f-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a5e31299-8885-a438-e214-3c6b7ed56611-64334bbd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-a5e31299-8885-a438-e214-3c6b7ed56614-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a5e31299-8885-a438-e214-3c6b7ed56616-64334bbd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fa8e6388-c6fd-bece-a9d0-7c103f0081f9-64334bbd {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-fa8e6388-c6fd-bece-a9d0-7c103f008201-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fa8e6388-c6fd-bece-a9d0-7c103f008203-64334bbd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fa8e6388-c6fd-bece-a9d0-7c103f008209-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fa8e6388-c6fd-bece-a9d0-7c103f00820b-64334bbd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7ed-64334bd3 {
grid-area: 1 / 1 / 2 / 2;
place-self: auto center;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7f3-64334bd3 {
grid-area: 1 / 2 / 2 / 3;
place-self: end center;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7f9-64334bd3 {
grid-area: 1 / 3 / 2 / 4;
place-self: end center;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7ff-64334bd3 {
grid-area: 2 / 1 / 3 / 2;
place-self: end center;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c805-64334bd3 {
grid-area: 2 / 2 / 3 / 3;
place-self: end center;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c80b-64334bd3 {
grid-area: 2 / 3 / 3 / 4;
place-self: end center;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3192-64334bd6 {
place-self: auto;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc319b-64334bd6 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31ac-64334bd6 {
justify-self: center;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31b9-64334bd6 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31db-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31dc-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31ea-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31ed-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3200-64334bd6 {
justify-self: center;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3216-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3217-64334bd6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc321e-64334bd6 {
grid-area: span 1 / span 2 / span 1 / span 2;
place-self: center;
}
#w-node-d5d0cfb6-548f-f251-d03c-34d039022334-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3220-64334bd6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3224-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3225-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3228-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3229-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc322c-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc322d-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3233-64334bd6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3234-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3238-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc323a-64334bd6 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-b99aa088-0ef2-5f49-afcf-d5919d881d77-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3252-64334bd6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3254-64334bd6 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-dd9b43f3-b852-c639-d2b5-afaa645d6a07-64334bdb, #w-node-d0b49895-814b-d223-29ca-deaddd612cb7-64334bdb {
align-self: auto;
}
#w-node-_5b11294a-c0b7-dd6a-03ca-a567ba271103-64334bdb, #w-node-af9bb4d4-a221-357c-67d4-63687fc380da-64334bdb {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_229e2b81-2fc5-1cd3-3380-37eb0203c553-64334bdb {
align-self: auto;
}
#w-node-a2b79939-ec9d-6763-8442-b186184a5369-64334bdb, #w-node-a2b79939-ec9d-6763-8442-b186184a536f-64334bdb {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bf578dda-3a93-140f-d21e-f7b6e64c03eb-64334bf0 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-bf578dda-3a93-140f-d21e-f7b6e64c03f2-64334bf0 {
grid-area: 1 / 4 / 2 / 13;
}
#w-node-bf578dda-3a93-140f-d21e-f7b6e64c03f7-64334bf0 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-bf578dda-3a93-140f-d21e-f7b6e64c0405-64334bf0 {
grid-area: 1 / 4 / 2 / 13;
justify-self: auto;
}
#w-node-bf578dda-3a93-140f-d21e-f7b6e64c0414-64334bf0 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bf578dda-3a93-140f-d21e-f7b6e64c041a-64334bf0, #w-node-bf578dda-3a93-140f-d21e-f7b6e64c042a-64334bf0 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_454328aa-aa60-50ce-6966-25ef1da1d622-64334bf0 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_454328aa-aa60-50ce-6966-25ef1da1d626-64334bf0 {
grid-area: 1 / 4 / 2 / 13;
}
#w-node-_454328aa-aa60-50ce-6966-25ef1da1d62b-64334bf0 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_454328aa-aa60-50ce-6966-25ef1da1d643-64334bf0 {
grid-area: 1 / 4 / 2 / 13;
justify-self: auto;
}
#w-node-_454328aa-aa60-50ce-6966-25ef1da1d646-64334bf0 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_454328aa-aa60-50ce-6966-25ef1da1d64c-64334bf0, #w-node-_454328aa-aa60-50ce-6966-25ef1da1d65c-64334bf0 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd098-64334bf0 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd09c-64334bf0 {
grid-area: 1 / 4 / 2 / 13;
}
#w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd0a1-64334bf0 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd0b9-64334bf0 {
grid-area: 1 / 4 / 2 / 13;
justify-self: auto;
}
#w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd0bc-64334bf0 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd0c2-64334bf0, #w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd0d2-64334bf0 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-fd64ddec-e6c2-e830-259c-221dc31932a3-64334bf2 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-a5af0a6a-64a8-6595-fb97-2bc0210ccd82-64334bf2, #w-node-fd64ddec-e6c2-e830-259c-221dc31932ff-64334bf2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fd64ddec-e6c2-e830-259c-221dc319330b-64334bf2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fd64ddec-e6c2-e830-259c-221dc3193317-64334bf2 {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f2f-64334bf2 {
justify-self: start;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f7a-64334bf2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f82-64334bf2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f8a-64334bf2 {
grid-area: span 2 / span 2 / span 2 / span 2;
align-self: stretch;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289faa-64334bf2, #w-node-e5f088ee-5f6d-b8a1-8fec-550072a575e4-64334bf3, #w-node-_16695608-2453-7e1d-b990-031cc9e99d00-64334bf3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5780d80e-e215-0d2e-3b19-1aa093e2907e-64334bf4, #w-node-e985842a-25a8-5f3b-0fe5-47b97a7cc171-64334bf4, #w-node-_1bf45c58-d189-8a11-29d1-8a871570624f-64334bf6, #w-node-e4e61399-a61b-3b0f-fe58-39de6445a8de-64334bf6 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-f12a90b6-fd99-1b8f-ecb1-cda50c25fa5a-64334c44 {
place-self: center start;
}
#w-node-_12700aea-d2c1-aaaf-4aa4-f74fb4098756-64334c44 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-f9d9be77-f28f-4df4-1e7e-11b6361c02ad-64334c44 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b5c66bd-5691-b85a-8974-15757227c257-64334c44 {
justify-self: auto;
}
#w-node-f078c0bf-9c3f-601e-b9ce-44b8bc1f35e0-64334c44 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f078c0bf-9c3f-601e-b9ce-44b8bc1f35e1-64334c44 {
justify-self: auto;
}
#w-node-_989f5882-d3df-ca31-81ca-271faad6b136-64334c44 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_989f5882-d3df-ca31-81ca-271faad6b137-64334c44 {
justify-self: auto;
}
#w-node-d5913a56-11cb-17a4-6156-97aa2b9bc863-64334c44 {
justify-self: end;
}
#w-node-_80d19ea0-c1db-faff-43e5-c2853d9ba93f-64334c44, #w-node-fc9dc002-d0de-5788-d249-c64ee5d5e9b1-64334c44 {
justify-self: start;
}
#w-node-c40d49d8-e327-8da5-fbb0-dd4f32d2a936-64334c44 {
grid-area: 1 / 2 / 2 / 3;
justify-self: start;
}
#w-node-_0ad0e980-ce4b-5f2a-7f41-4b560a1a4a8c-64334c44 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0e5070c2-2721-0530-e1a4-f929e62f0858-64334c44 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f44c7d95-be0b-e5b0-6e05-0b7c1304fbff-64334c93 {
grid-area: span 1 / span 9 / span 1 / span 9;
}
#w-node-a2d5703c-b928-4ab6-996e-4626e58ea593-64334c93 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: stretch;
}
#w-node-ee5c80dd-0699-d63c-c4f4-06a92540a5e4-64334c93, #w-node-_4d9f10bb-3c7e-53e9-581d-1a2cb925dcfc-64334c93 {
order: 0;
}
#w-node-_3eee81c2-21a2-03c0-8926-55f120d7d06f-64334c94 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e1b069c0-2e58-f705-33df-be95fea876a0-64334c96 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e1b069c0-2e58-f705-33df-be95fea876a2-64334c96 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_7aec0692-8608-d144-7686-798c569f6539-64334c96 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7aec0692-8608-d144-7686-798c569f653b-64334c96 {
grid-area: 2 / 2 / 3 / 3;
}
@media screen and (min-width: 1440px) {
#w-node-_2ed4fb68-7b45-cdf2-8732-97a38caaed24-64334bb7, #w-node-ca7546d2-9551-a4cc-1869-9bf72b68f2bb-64334bb7, #w-node-_394fd19b-2228-10c9-ccf5-45edfdbd1290-64334bb7, #w-node-_20968627-569c-8e9e-6894-df9ef404ff11-64334bb7, #w-node-_3b9b9976-c274-55e9-ad0f-68b365c15830-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3216-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3217-64334bd6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (min-width: 1280px) {
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed5f7-64334ad5 {
grid-area: 1 / 1 / 2 / 2;
}
}
@media screen and (max-width: 991px) {
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed615-64334ad5 {
justify-self: end;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed5fd-64334ad5 {
justify-self: center;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed603-64334ad5 {
justify-self: end;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed60f-64334ad5 {
justify-self: center;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e1199b-20e11950 {
justify-self: end;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11983-20e11950 {
justify-self: center;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11989-20e11950 {
justify-self: end;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11995-20e11950 {
justify-self: center;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c8d-56bfb26d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b1466f5-8b1466c2 {
justify-self: center;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b1466fb-8b1466c2 {
justify-self: end;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b146707-8b1466c2 {
justify-self: center;
}
#w-node-_63300174-ea5e-081f-ae2b-08c2b025dc0e-8b1466c2 {
justify-self: end;
}
#w-node-cf58633c-c894-24cb-864b-03f301558b81-64334b9e {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_2ed4fb68-7b45-cdf2-8732-97a38caaed24-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca7546d2-9551-a4cc-1869-9bf72b68f2bb-64334bb7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ca7546d2-9551-a4cc-1869-9bf72b68f2cb-64334bb7 {
grid-area: 1 / 1 / 2 / 2;
justify-self: center;
}
#w-node-_394fd19b-2228-10c9-ccf5-45edfdbd1290-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_20968627-569c-8e9e-6894-df9ef404ff11-64334bb7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_20968627-569c-8e9e-6894-df9ef404ff21-64334bb7 {
grid-area: 1 / 1 / 2 / 2;
justify-self: center;
}
#w-node-_3b9b9976-c274-55e9-ad0f-68b365c15830-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bf674024-9d20-26ec-bd2b-2d7b08a030ed-64334bbc {
justify-self: auto;
}
#w-node-bf674024-9d20-26ec-bd2b-2d7b08a03143-64334bbc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_13c30fbf-f8b3-af5d-bb62-9c0383c3b2a6-64334bbd, #w-node-_13c30fbf-f8b3-af5d-bb62-9c0383c3b2bd-64334bbd, #w-node-_13c30fbf-f8b3-af5d-bb62-9c0383c3b2d7-64334bbd {
justify-self: center;
}
#w-node-a5e31299-8885-a438-e214-3c6b7ed56613-64334bbd, #w-node-fa8e6388-c6fd-bece-a9d0-7c103f008208-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60b66cff-acb3-f26f-a0c0-f4bec33f9edf-64334bd2 {
justify-self: start;
}
#w-node-_2c51374b-ff07-bcac-9199-c9aecdd13db6-64334bd2 {
grid-area: 1 / 3 / 2 / 4;
justify-self: center;
}
#w-node-_9c3a9b5b-6463-e7bc-0296-c391f75fdf55-64334bd2 {
grid-area: 1 / 5 / 2 / 6;
justify-self: end;
}
#w-node-a832089d-a1be-f509-a0df-6f3b158e37a2-64334bd2 {
grid-area: 2 / 1 / 3 / 2;
justify-self: center;
}
#w-node-_4e0e421c-567d-9aa8-9483-c7be53f3c920-64334bd2 {
grid-area: 2 / 5 / 3 / 6;
justify-self: center;
}
#w-node-_483e7c05-a501-2498-eef5-7bc733014e0b-64334bd2 {
justify-self: start;
}
#w-node-_483e7c05-a501-2498-eef5-7bc733014e10-64334bd2 {
grid-area: 1 / 3 / 2 / 4;
justify-self: end;
}
#w-node-_84a01838-5a0c-2817-3730-381575a15b2a-64334bd2 {
justify-self: start;
}
#w-node-_84a01838-5a0c-2817-3730-381575a15b2b-64334bd2 {
grid-area: 1 / 3 / 2 / 4;
justify-self: end;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7f3-64334bd3 {
justify-self: center;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7f9-64334bd3 {
justify-self: end;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c805-64334bd3 {
justify-self: center;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c80b-64334bd3 {
justify-self: end;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3192-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: auto;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31b9-64334bd6 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_5b11294a-c0b7-dd6a-03ca-a567ba271103-64334bdb, #w-node-a2b79939-ec9d-6763-8442-b186184a5369-64334bdb, #w-node-bf578dda-3a93-140f-d21e-f7b6e64c0414-64334bf0, #w-node-_454328aa-aa60-50ce-6966-25ef1da1d646-64334bf0, #w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd0bc-64334bf0 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-fd64ddec-e6c2-e830-259c-221dc31932ff-64334bf2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fd64ddec-e6c2-e830-259c-221dc3193317-64334bf2 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-fd64ddec-e6c2-e830-259c-221dc3193323-64334bf2, #w-node-fd64ddec-e6c2-e830-259c-221dc319332f-64334bf2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f37-64334bf2 {
justify-self: start;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f7a-64334bf2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f8a-64334bf2 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f92-64334bf2, #w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f9a-64334bf2, #w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289fa2-64334bf2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e5f088ee-5f6d-b8a1-8fec-550072a575e4-64334bf3, #w-node-_16695608-2453-7e1d-b990-031cc9e99d00-64334bf3, #w-node-_5780d80e-e215-0d2e-3b19-1aa093e2907e-64334bf4, #w-node-_1bf45c58-d189-8a11-29d1-8a871570624f-64334bf6 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_12700aea-d2c1-aaaf-4aa4-f74fb4098756-64334c44 {
grid-area: 3 / 1 / 4 / 2;
justify-self: end;
}
#w-node-_492cb491-67dc-af04-d76b-3620d4820b85-64334c44 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b5c66bd-5691-b85a-8974-15757227c257-64334c44, #w-node-f078c0bf-9c3f-601e-b9ce-44b8bc1f35e1-64334c44 {
justify-self: center;
}
#w-node-_989f5882-d3df-ca31-81ca-271faad6b137-64334c44 {
justify-self: start;
}
#w-node-_74410d52-056d-a232-f9f4-01bd08418cff-64334c44 {
justify-self: end;
}
#w-node-_80d19ea0-c1db-faff-43e5-c2853d9ba93f-64334c44 {
justify-self: center;
}
#w-node-fc9dc002-d0de-5788-d249-c64ee5d5e9b1-64334c44 {
justify-self: end;
}
#w-node-c40d49d8-e327-8da5-fbb0-dd4f32d2a936-64334c44 {
grid-area: 2 / 1 / 3 / 2;
justify-self: center;
}
#w-node-_0ad0e980-ce4b-5f2a-7f41-4b560a1a4a8c-64334c44 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0e5070c2-2721-0530-e1a4-f929e62f0858-64334c44 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f44c7d95-be0b-e5b0-6e05-0b7c1304fbff-64334c93 {
grid-area: 1 / 1 / 3 / 18;
}
#w-node-a2d5703c-b928-4ab6-996e-4626e58ea593-64334c93 {
grid-area: span 1 / span 17 / span 1 / span 17;
align-self: stretch;
}
#w-node-a2d5703c-b928-4ab6-996e-4626e58ea595-64334c93 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e1b069c0-2e58-f705-33df-be95fea876a0-64334c96 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e1b069c0-2e58-f705-33df-be95fea876a2-64334c96 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_7aec0692-8608-d144-7686-798c569f6539-64334c96 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7aec0692-8608-d144-7686-798c569f653b-64334c96 {
grid-area: 2 / 1 / 3 / 3;
}
}
@media screen and (max-width: 767px) {
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed615-64334ad5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed603-64334ad5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed609-64334ad5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed60f-64334ad5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e0a-c5c5339e {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e24-c5c5339e {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e29-c5c5339e {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e30-c5c5339e {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e1199b-20e11950 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11989-20e11950 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e1198f-20e11950 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11995-20e11950 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c73-56bfb26d {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c8d-56bfb26d {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c92-56bfb26d {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c99-56bfb26d {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b1466fb-8b1466c2, #w-node-ed40f773-1f52-4356-f768-d0ba8b146701-8b1466c2, #w-node-ed40f773-1f52-4356-f768-d0ba8b146707-8b1466c2, #w-node-_63300174-ea5e-081f-ae2b-08c2b025dc0e-8b1466c2 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cf58633c-c894-24cb-864b-03f301558b81-64334b9e {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-ca7546d2-9551-a4cc-1869-9bf72b68f2cb-64334bb7, #w-node-_20968627-569c-8e9e-6894-df9ef404ff21-64334bb7 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e4581-64334bb7 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e4593-64334bb7 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e45a6-64334bb7 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e45ad-64334bb7 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-bf674024-9d20-26ec-bd2b-2d7b08a030eb-64334bbc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-bf674024-9d20-26ec-bd2b-2d7b08a03166-64334bbc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a5e31299-8885-a438-e214-3c6b7ed56603-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-a5e31299-8885-a438-e214-3c6b7ed5660e-64334bbd {
grid-area: 2 / 1 / 3 / 3;
justify-self: center;
}
#w-node-a5e31299-8885-a438-e214-3c6b7ed56613-64334bbd {
place-self: center;
}
#w-node-fa8e6388-c6fd-bece-a9d0-7c103f0081f6-64334bbd {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-fa8e6388-c6fd-bece-a9d0-7c103f008200-64334bbd {
grid-area: 2 / 1 / 3 / 3;
justify-self: center;
}
#w-node-fa8e6388-c6fd-bece-a9d0-7c103f008203-64334bbd, #w-node-fa8e6388-c6fd-bece-a9d0-7c103f008208-64334bbd {
justify-self: center;
}
#w-node-_483e7c05-a501-2498-eef5-7bc733014e0b-64334bd2, #w-node-_84a01838-5a0c-2817-3730-381575a15b2a-64334bd2 {
justify-self: start;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7f9-64334bd3 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7ff-64334bd3 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c805-64334bd3 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c80b-64334bd3 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c895-64334bd3 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c8b1-64334bd3 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c8b6-64334bd3 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c8bd-64334bd3 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc319a-64334bd6 {
justify-self: start;
}
#w-node-_5b11294a-c0b7-dd6a-03ca-a567ba271103-64334bdb {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-a2b79939-ec9d-6763-8442-b186184a5369-64334bdb {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bf578dda-3a93-140f-d21e-f7b6e64c0414-64334bf0, #w-node-_454328aa-aa60-50ce-6966-25ef1da1d646-64334bf0, #w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd0bc-64334bf0 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-fd64ddec-e6c2-e830-259c-221dc31932a3-64334bf2 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: start;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f2f-64334bf2 {
justify-self: start;
}
#w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289fa2-64334bf2, #w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289faa-64334bf2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e5f088ee-5f6d-b8a1-8fec-550072a575e4-64334bf3 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_16695608-2453-7e1d-b990-031cc9e99d02-64334bf3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5780d80e-e215-0d2e-3b19-1aa093e2907e-64334bf4 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_1bf45c58-d189-8a11-29d1-8a871570624f-64334bf6 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-f44c7d95-be0b-e5b0-6e05-0b7c1304fbff-64334c93 {
grid-area: span 2 / span 17 / span 2 / span 17;
}
#w-node-e1b069c0-2e58-f705-33df-be95fea876a2-64334c96, #w-node-_7aec0692-8608-d144-7686-798c569f653b-64334c96 {
grid-area: 2 / 1 / 3 / 3;
justify-self: auto;
}
}
@media screen and (max-width: 479px) {
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed5f7-64334ad5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: auto start;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed615-64334ad5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed5fd-64334ad5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end center;
}
#w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed603-64334ad5, #w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed609-64334ad5, #w-node-f5af1dd1-a93d-a15d-a0ba-f85ccc2ed60f-64334ad5, #w-node-_4f2fdea3-9ccf-d70e-c52b-055e20da1396-64334b18, #w-node-_4f2fdea3-9ccf-d70e-c52b-055e20da139a-64334b18, #w-node-_4f2fdea3-9ccf-d70e-c52b-055e20da139b-64334b18, #w-node-_4f2fdea3-9ccf-d70e-c52b-055e20da139f-64334b18, #Reservation-Form---Living-Mountain.w-node-_4f2fdea3-9ccf-d70e-c52b-055e20da13a0-64334b18, #w-node-_4f2fdea3-9ccf-d70e-c52b-055e20da13a4-64334b18, #w-node-_4f2fdea3-9ccf-d70e-c52b-055e20da13a5-64334b18, #w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4dff-c5c5339e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e0a-c5c5339e {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e14-c5c5339e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e24-c5c5339e {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e1b-c5c5339e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e29-c5c5339e, #w-node-_4c2d1f99-e774-11f3-33a8-069c66ac4e30-c5c5339e {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e1197d-20e11950 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: auto start;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e1199b-20e11950 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11983-20e11950 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end center;
}
#w-node-_1584d583-1065-9e80-ac24-7efa20e11989-20e11950, #w-node-_1584d583-1065-9e80-ac24-7efa20e1198f-20e11950, #w-node-_1584d583-1065-9e80-ac24-7efa20e11995-20e11950 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c68-56bfb26d {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c73-56bfb26d {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c7d-56bfb26d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c8d-56bfb26d {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c84-56bfb26d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c92-56bfb26d, #w-node-_6d4fd56b-8531-7cb9-0306-cf9418612c99-56bfb26d {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b1466ef-8b1466c2 {
grid-area: 1 / 1 / 2 / 2;
place-self: auto start;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b1466f5-8b1466c2 {
grid-area: 1 / 1 / 2 / 2;
place-self: end center;
}
#w-node-ed40f773-1f52-4356-f768-d0ba8b1466fb-8b1466c2, #w-node-ed40f773-1f52-4356-f768-d0ba8b146701-8b1466c2, #w-node-ed40f773-1f52-4356-f768-d0ba8b146707-8b1466c2 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_63300174-ea5e-081f-ae2b-08c2b025dc0e-8b1466c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cf58633c-c894-24cb-864b-03f301558b81-64334b9e {
grid-column: span 4 / span 4;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e4576-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e4581-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e458c-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e4593-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e459c-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ecc7f8e0-b385-5751-7b08-5cae126e45a6-64334bb7, #w-node-ecc7f8e0-b385-5751-7b08-5cae126e45ad-64334bb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-bf674024-9d20-26ec-bd2b-2d7b08a03155-64334bbc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-bf674024-9d20-26ec-bd2b-2d7b08a03143-64334bbc, #w-node-a5e31299-8885-a438-e214-3c6b7ed56606-64334bbd {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_60b66cff-acb3-f26f-a0c0-f4bec33f9edf-64334bd2 {
justify-self: center;
}
#w-node-_2c51374b-ff07-bcac-9199-c9aecdd13db6-64334bd2 {
grid-area: 1 / 3 / 2 / 4;
justify-self: center;
}
#w-node-_9c3a9b5b-6463-e7bc-0296-c391f75fdf55-64334bd2 {
justify-self: center;
}
#w-node-a832089d-a1be-f509-a0df-6f3b158e37a2-64334bd2 {
grid-area: 2 / 1 / 3 / 2;
justify-self: center;
}
#w-node-_4e0e421c-567d-9aa8-9483-c7be53f3c920-64334bd2 {
grid-area: 2 / 5 / 3 / 6;
justify-self: center;
}
#w-node-_4119e905-f9fb-ebe9-935b-ee13a3144448-64334bd2 {
justify-self: center;
}
#w-node-_483e7c05-a501-2498-eef5-7bc733014e0b-64334bd2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e4fb8cd2-cfe0-91fc-3dcd-232b7cf0e2fa-64334bd2 {
grid-area: 1 / 1 / 2 / 2;
justify-self: center;
}
#w-node-_0f4edee0-8ac1-072d-fbd4-9a758f5cfd9e-64334bd2 {
grid-area: 3 / 1 / 4 / 2;
justify-self: center;
}
#w-node-_483e7c05-a501-2498-eef5-7bc733014e10-64334bd2 {
grid-area: 4 / 1 / 5 / 2;
justify-self: end;
}
#w-node-_84a01838-5a0c-2817-3730-381575a15b27-64334bd2 {
grid-area: 1 / 3 / 2 / 4;
justify-self: center;
}
#w-node-_84a01838-5a0c-2817-3730-381575a15b2a-64334bd2 {
grid-area: 2 / 1 / 3 / 2;
justify-self: center;
}
#w-node-_54fa3ea3-aa09-0994-fcc3-54b83098def2-64334bd2 {
grid-area: 3 / 1 / 4 / 2;
justify-self: center;
}
#w-node-_84a01838-5a0c-2817-3730-381575a15b2b-64334bd2 {
grid-area: 4 / 1 / 5 / 2;
justify-self: center;
}
#w-node-_4c04fd05-4d03-d85d-e89d-539a4dad8215-64334bd2 {
grid-area: 1 / 1 / 2 / 2;
justify-self: center;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7ed-64334bd3 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: auto start;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7f3-64334bd3 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end center;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c7f9-64334bd3, #w-node-d059c530-8b17-3edb-63a1-a47f17e6c7ff-64334bd3, #w-node-d059c530-8b17-3edb-63a1-a47f17e6c805-64334bd3, #w-node-d059c530-8b17-3edb-63a1-a47f17e6c80b-64334bd3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c88a-64334bd3 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c895-64334bd3 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c8a1-64334bd3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c8b1-64334bd3 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c8a8-64334bd3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d059c530-8b17-3edb-63a1-a47f17e6c8b6-64334bd3, #w-node-d059c530-8b17-3edb-63a1-a47f17e6c8bd-64334bd3 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3192-64334bd6 {
grid-area: span 4 / span 1 / span 4 / span 1;
place-self: auto;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3197-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc319a-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc319b-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31ac-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31ad-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31b0-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31b9-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31ba-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31c3-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31c4-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31c5-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31d8-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31d9-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31ea-64334bd6 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31ed-64334bd6 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc31fc-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3200-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3216-64334bd6 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3224-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3225-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3233-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3234-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3238-64334bd6, #w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc323a-64334bd6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#field-3.w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3247-64334bd6, #field-3.w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3249-64334bd6 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3252-64334bd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72c23df8-29bd-e2f4-aae2-ae2885dc3254-64334bd6 {
grid-area: 4 / 1 / 5 / 4;
}
#w-node-_5b11294a-c0b7-dd6a-03ca-a567ba271103-64334bdb, #w-node-a2b79939-ec9d-6763-8442-b186184a5369-64334bdb {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bf578dda-3a93-140f-d21e-f7b6e64c0414-64334bf0, #w-node-_454328aa-aa60-50ce-6966-25ef1da1d646-64334bf0, #w-node-_0cdd80b9-469e-d1b2-64d0-dc7e1b9fd0bc-64334bf0 {
grid-column: span 4 / span 4;
}
#w-node-fd64ddec-e6c2-e830-259c-221dc31932ff-64334bf2, #w-node-fd64ddec-e6c2-e830-259c-221dc319330b-64334bf2, #w-node-fd64ddec-e6c2-e830-259c-221dc3193323-64334bf2, #w-node-fd64ddec-e6c2-e830-259c-221dc319332f-64334bf2, #w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f7a-64334bf2, #w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f82-64334bf2, #w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f92-64334bf2, #w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289f9a-64334bf2, #w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289fa2-64334bf2, #w-node-fe66cc4d-3aa8-58d1-0dc2-7e606e289faa-64334bf2 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-e5f088ee-5f6d-b8a1-8fec-550072a575e4-64334bf3 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_5780d80e-e215-0d2e-3b19-1aa093e2907e-64334bf4, #w-node-_1bf45c58-d189-8a11-29d1-8a871570624f-64334bf6 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_6d8bad3a-e3ac-c6c4-44cc-f0bffcd253ec-64334bf7, #w-node-_4b5c66bd-5691-b85a-8974-15757227c257-64334c44, #w-node-f078c0bf-9c3f-601e-b9ce-44b8bc1f35e1-64334c44, #w-node-_989f5882-d3df-ca31-81ca-271faad6b137-64334c44, #w-node-_74410d52-056d-a232-f9f4-01bd08418cff-64334c44, #w-node-fc9dc002-d0de-5788-d249-c64ee5d5e9b1-64334c44 {
justify-self: center;
}
#w-node-a1eba708-7d26-4e42-baf4-8a64ed01d320-64334c44, #w-node-a1eba708-7d26-4e42-baf4-8a64ed01d324-64334c44, #w-node-a1eba708-7d26-4e42-baf4-8a64ed01d325-64334c44, #w-node-a1eba708-7d26-4e42-baf4-8a64ed01d329-64334c44, #w-node-a1eba708-7d26-4e42-baf4-8a64ed01d32a-64334c44, #w-node-a1eba708-7d26-4e42-baf4-8a64ed01d32e-64334c44, #w-node-a1eba708-7d26-4e42-baf4-8a64ed01d32f-64334c44 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e1b069c0-2e58-f705-33df-be95fea876a2-64334c96, #w-node-_7aec0692-8608-d144-7686-798c569f653b-64334c96 {
grid-area: 2 / 1 / 3 / 3;
align-self: end;
}
}
@font-face {
font-family: 'creamfont';
src: url('https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d12b0e78cfb2_creamfont-1.1.woff2') format('woff2'), url('https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1b1f878cfa9_creamfont-1.1-webfont.woff2') format('woff2'), url('https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/5fabb1878cd0d1259378cfaa_creamfont-1.1-webfont.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Chironsungh';
src: url('https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/653fcac07e5cc8c2956fc788_chironsunghkitvf.A_LGC.woff2') format('woff2');
font-weight: 250 900;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Adobe garamond pro';
src: url('https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62a00a717db17fda1d89a6cf_Adobe%20Garamond%20Pro%20Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Agaramondpro';
src: url('https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62a00a71ae51e54f2c65055f_AGaramondPro-BoldItalic.otf') format('opentype');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Agaramondpro';
src: url('https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62a00a71a0d5e8008ab3f9af_AGaramondPro-Italic.otf') format('opentype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Agaramondpro';
src: url('https://cdn.prod.website-files.com/5fabb1878cd0d1c57878cdde/62a00a710ddc54a078f7701a_AGaramondPro-Bold.otf') format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}