html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
font-family: "Montserrat", sans-serif;
}
form#hsForm_fd2cdfca-f532-473e-8aae-11ed6fd9f5c6 {
display: none !important;
}
.home .doc-content{
display: none !important;
}
.newsletter-form {
font-family: "Montserrat", sans-serif;
color: #1f1f1f;
}
.home form.wpcf7-form.init {
margin-top: 35px;
}
.newsletter-form p {
text-indent: unset;
margin-bottom: 0px;
}
.newsletter-form ::-webkit-input-placeholder {
color: #232323;
font-size: 36px;
font-style: italic;
}
.newsletter-form ::-moz-placeholder,
.newsletter-form :-ms-input-placeholder,
.newsletter-form :-moz-placeholder {
color: #232323;
font-size: 36px;
font-family: "Montserrat", sans-serif;
}
.newsletter-form .nf-group {
margin-bottom: 10px;
}
.newsletter-form .nf-input {
width: 100%;
border: none;
border-bottom: 1px solid #ccc;
padding: 6px 0 10px;
font-size: 18px;
background: transparent;
outline: none;
border-radius: 0;
line-height: 1.8;
}
.newsletter-form .nf-input:focus {
border-bottom-color: #000;
}
.newsletter-form .nf-bottom {
display: flex;
align-items: flex-start;
gap: 30px;
margin-top: 10px;
}
.newsletter-form .nf-consents {
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 16px;
}
.newsletter-form .nf-inline label {
display: flex;
gap: 10px;
align-items: flex-start;
font-size: 14px;
line-height: 1.4;
font-family: "Montserrat", sans-serif;
margin: 0;
}
.newsletter-form .nf-inline input[type="checkbox"] {
margin-top: 2px;
}
.newsletter-form .nf-actions {
flex: 0 0 auto;
text-align: right;
}
.newsletter-form .nf-submit {
background: #fff;
border: 1px solid #000;
border-radius: 999px;
padding: 12px 46px;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 14px;
cursor: pointer;
transition: all .2s ease;
white-space: nowrap;
}
.newsletter-form .nf-submit:hover {
background: #000;
color: #fff;
}
.newsletter-form .wpcf7-not-valid-tip {
font-size: 12px;
color: #d00;
margin-top: 4px;
}
.newsletter-form .wpcf7-response-output {
margin-top: 20px;
}
.nf-bottom span {
font-size: 15px !important;
}
@media (max-width: 700px) {
.newsletter-form .nf-bottom {
flex-direction: column;
align-items: flex-start;
}
.newsletter-form .nf-actions {
margin-top: 15px;
}
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
code,kbd,samp {
font-family: monospace,monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
display: block
}
[hidden] {
display: none
}
body {
line-height: 1
}
menu,ol,ul {
list-style: none
}
blockquote,q {
quotes: none
}
blockquote:after,blockquote:before,q:after,q:before {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
.row {
max-width: 98.75rem;
margin-left: auto;
margin-right: auto;
padding-left: calc(18.4px + 1.27059vw);
padding-right: calc(18.4px + 1.27059vw);
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap
}
@media (min-width: 1700px) {
.row {
padding-left:40px;
padding-right: 40px
}
}
@media only screen and (max-width: 1440px) {
.row {
padding-left:calc(16.4px + .21176vw);
padding-right: calc(16.4px + .21176vw)
}
}
@media only screen and (max-width: 1440px) and (min-width:1700px) {
.row {
padding-left:20px;
padding-right: 20px
}
}
@media only screen and (max-width: 680px) {
.row {
padding-left:13.33333px;
padding-right: 13.33333px
}
}
.row .row {
margin-left: -.625rem;
margin-right: -.625rem;
padding-left: 0;
padding-right: 0
}
.row.expanded {
max-width: none
}
.row.collapse>.column,.row.collapse>.columns {
padding-left: 0;
padding-right: 0
}
.row.collapse>.column>.row,.row.collapse>.columns>.row,.row.is-collapse-child {
margin-left: 0;
margin-right: 0
}
.column,.columns {
-ms-flex: 1 1 0px;
-webkit-box-flex: 1;
flex: 1 1 0px;
padding-left: .625rem;
padding-right: .625rem;
min-width: 0
}
.column.row.row,.row.row.columns {
float: none;
display: block
}
.row .column.row.row,.row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0
}
.shrink {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
max-width: 100%
}
.align-top.columns,.column.align-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.align-bottom.columns,.column.align-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.align-middle.columns,.column.align-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.align-stretch.columns,.column.align-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch
}
.align-right {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end
}
.align-center {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center
}
.align-justify {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between
}
.align-spaced {
-ms-flex-pack: distribute;
justify-content: space-around
}
.align-top {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start
}
.align-self-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.align-bottom {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end
}
.align-self-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.align-middle {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center
}
.align-self-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.align-stretch {
-ms-flex-align: stretch;
-webkit-box-align: stretch;
align-items: stretch
}
.align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch
}
.xxlarge-1 {
-ms-flex: 0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xxlarge-offset-0 {
margin-left: 0
}
.xxlarge-order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1
}
.xxlarge-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-1>.column,.xxlarge-up-1>.columns {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.xxlarge-2 {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xxlarge-offset-1 {
margin-left: 6.25%
}
.xxlarge-order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2
}
.xxlarge-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-2>.column,.xxlarge-up-2>.columns {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.xxlarge-3 {
-ms-flex: 0 0 18.75%;
-webkit-box-flex: 0;
flex: 0 0 18.75%;
max-width: 18.75%
}
.xxlarge-offset-2 {
margin-left: 12.5%
}
.xxlarge-order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3
}
.xxlarge-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-3>.column,.xxlarge-up-3>.columns {
-ms-flex: 0 0 33.33333%;
-webkit-box-flex: 0;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xxlarge-4 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.xxlarge-offset-3 {
margin-left: 18.75%
}
.xxlarge-order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4
}
.xxlarge-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-4>.column,.xxlarge-up-4>.columns {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.xxlarge-5 {
-ms-flex: 0 0 31.25%;
-webkit-box-flex: 0;
flex: 0 0 31.25%;
max-width: 31.25%
}
.xxlarge-offset-4 {
margin-left: 25%
}
.xxlarge-order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5
}
.xxlarge-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-5>.column,.xxlarge-up-5>.columns {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%
}
.xxlarge-6 {
-ms-flex: 0 0 37.5%;
-webkit-box-flex: 0;
flex: 0 0 37.5%;
max-width: 37.5%
}
.xxlarge-offset-5 {
margin-left: 31.25%
}
.xxlarge-order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6
}
.xxlarge-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-6>.column,.xxlarge-up-6>.columns {
-ms-flex: 0 0 16.66667%;
-webkit-box-flex: 0;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xxlarge-7 {
-ms-flex: 0 0 43.75%;
-webkit-box-flex: 0;
flex: 0 0 43.75%;
max-width: 43.75%
}
.xxlarge-offset-6 {
margin-left: 37.5%
}
.xxlarge-order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7
}
.xxlarge-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-7>.column,.xxlarge-up-7>.columns {
-ms-flex: 0 0 14.28571%;
-webkit-box-flex: 0;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xxlarge-8 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.xxlarge-offset-7 {
margin-left: 43.75%
}
.xxlarge-order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8
}
.xxlarge-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-8>.column,.xxlarge-up-8>.columns {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xxlarge-9 {
-ms-flex: 0 0 56.25%;
-webkit-box-flex: 0;
flex: 0 0 56.25%;
max-width: 56.25%
}
.xxlarge-offset-8 {
margin-left: 50%
}
.xxlarge-order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9
}
.xxlarge-up-9 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-9>.column,.xxlarge-up-9>.columns {
-ms-flex: 0 0 11.11111%;
-webkit-box-flex: 0;
flex: 0 0 11.11111%;
max-width: 11.11111%
}
.xxlarge-10 {
-ms-flex: 0 0 62.5%;
-webkit-box-flex: 0;
flex: 0 0 62.5%;
max-width: 62.5%
}
.xxlarge-offset-9 {
margin-left: 56.25%
}
.xxlarge-order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10
}
.xxlarge-up-10 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-10>.column,.xxlarge-up-10>.columns {
-ms-flex: 0 0 10%;
-webkit-box-flex: 0;
flex: 0 0 10%;
max-width: 10%
}
.xxlarge-11 {
-ms-flex: 0 0 68.75%;
-webkit-box-flex: 0;
flex: 0 0 68.75%;
max-width: 68.75%
}
.xxlarge-offset-10 {
margin-left: 62.5%
}
.xxlarge-order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11
}
.xxlarge-up-11 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-11>.column,.xxlarge-up-11>.columns {
-ms-flex: 0 0 9.09091%;
-webkit-box-flex: 0;
flex: 0 0 9.09091%;
max-width: 9.09091%
}
.xxlarge-12 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.xxlarge-offset-11 {
margin-left: 68.75%
}
.xxlarge-order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12
}
.xxlarge-up-12 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-12>.column,.xxlarge-up-12>.columns {
-ms-flex: 0 0 8.33333%;
-webkit-box-flex: 0;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xxlarge-13 {
-ms-flex: 0 0 81.25%;
-webkit-box-flex: 0;
flex: 0 0 81.25%;
max-width: 81.25%
}
.xxlarge-offset-12 {
margin-left: 75%
}
.xxlarge-order-13 {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13
}
.xxlarge-up-13 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-13>.column,.xxlarge-up-13>.columns {
-ms-flex: 0 0 7.69231%;
-webkit-box-flex: 0;
flex: 0 0 7.69231%;
max-width: 7.69231%
}
.xxlarge-14 {
-ms-flex: 0 0 87.5%;
-webkit-box-flex: 0;
flex: 0 0 87.5%;
max-width: 87.5%
}
.xxlarge-offset-13 {
margin-left: 81.25%
}
.xxlarge-order-14 {
-ms-flex-order: 14;
-webkit-box-ordinal-group: 15;
order: 14
}
.xxlarge-up-14 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-14>.column,.xxlarge-up-14>.columns {
-ms-flex: 0 0 7.14286%;
-webkit-box-flex: 0;
flex: 0 0 7.14286%;
max-width: 7.14286%
}
.xxlarge-15 {
-ms-flex: 0 0 93.75%;
-webkit-box-flex: 0;
flex: 0 0 93.75%;
max-width: 93.75%
}
.xxlarge-offset-14 {
margin-left: 87.5%
}
.xxlarge-order-15 {
-ms-flex-order: 15;
-webkit-box-ordinal-group: 16;
order: 15
}
.xxlarge-up-15 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-15>.column,.xxlarge-up-15>.columns {
-ms-flex: 0 0 6.66667%;
-webkit-box-flex: 0;
flex: 0 0 6.66667%;
max-width: 6.66667%
}
.xxlarge-16 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.xxlarge-offset-15 {
margin-left: 93.75%
}
.xxlarge-order-16 {
-ms-flex-order: 16;
-webkit-box-ordinal-group: 17;
order: 16
}
.xxlarge-up-16 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-16>.column,.xxlarge-up-16>.columns {
-ms-flex: 0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xxlarge-collapse,.xxlarge-collapse>.column,.xxlarge-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.xxlarge-uncollapse>.column,.xxlarge-uncollapse>.columns {
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width: 1650px) {
.xlarge-1 {
-ms-flex:0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xlarge-offset-0 {
margin-left: 0
}
.xlarge-order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1
}
.xlarge-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-1>.column,.xlarge-up-1>.columns {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.xlarge-2 {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xlarge-offset-1 {
margin-left: 6.25%
}
.xlarge-order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2
}
.xlarge-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-2>.column,.xlarge-up-2>.columns {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.xlarge-3 {
-ms-flex: 0 0 18.75%;
-webkit-box-flex: 0;
flex: 0 0 18.75%;
max-width: 18.75%
}
.xlarge-offset-2 {
margin-left: 12.5%
}
.xlarge-order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3
}
.xlarge-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-3>.column,.xlarge-up-3>.columns {
-ms-flex: 0 0 33.33333%;
-webkit-box-flex: 0;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xlarge-4 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.xlarge-offset-3 {
margin-left: 18.75%
}
.xlarge-order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4
}
.xlarge-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-4>.column,.xlarge-up-4>.columns {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.xlarge-5 {
-ms-flex: 0 0 31.25%;
-webkit-box-flex: 0;
flex: 0 0 31.25%;
max-width: 31.25%
}
.xlarge-offset-4 {
margin-left: 25%
}
.xlarge-order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5
}
.xlarge-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-5>.column,.xlarge-up-5>.columns {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%
}
.xlarge-6 {
-ms-flex: 0 0 37.5%;
-webkit-box-flex: 0;
flex: 0 0 37.5%;
max-width: 37.5%
}
.xlarge-offset-5 {
margin-left: 31.25%
}
.xlarge-order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6
}
.xlarge-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-6>.column,.xlarge-up-6>.columns {
-ms-flex: 0 0 16.66667%;
-webkit-box-flex: 0;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xlarge-7 {
-ms-flex: 0 0 43.75%;
-webkit-box-flex: 0;
flex: 0 0 43.75%;
max-width: 43.75%
}
.xlarge-offset-6 {
margin-left: 37.5%
}
.xlarge-order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7
}
.xlarge-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-7>.column,.xlarge-up-7>.columns {
-ms-flex: 0 0 14.28571%;
-webkit-box-flex: 0;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xlarge-8 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.xlarge-offset-7 {
margin-left: 43.75%
}
.xlarge-order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8
}
.xlarge-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-8>.column,.xlarge-up-8>.columns {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xlarge-9 {
-ms-flex: 0 0 56.25%;
-webkit-box-flex: 0;
flex: 0 0 56.25%;
max-width: 56.25%
}
.xlarge-offset-8 {
margin-left: 50%
}
.xlarge-order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9
}
.xlarge-up-9 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-9>.column,.xlarge-up-9>.columns {
-ms-flex: 0 0 11.11111%;
-webkit-box-flex: 0;
flex: 0 0 11.11111%;
max-width: 11.11111%
}
.xlarge-10 {
-ms-flex: 0 0 62.5%;
-webkit-box-flex: 0;
flex: 0 0 62.5%;
max-width: 62.5%
}
.xlarge-offset-9 {
margin-left: 56.25%
}
.xlarge-order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10
}
.xlarge-up-10 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-10>.column,.xlarge-up-10>.columns {
-ms-flex: 0 0 10%;
-webkit-box-flex: 0;
flex: 0 0 10%;
max-width: 10%
}
.xlarge-11 {
-ms-flex: 0 0 68.75%;
-webkit-box-flex: 0;
flex: 0 0 68.75%;
max-width: 68.75%
}
.xlarge-offset-10 {
margin-left: 62.5%
}
.xlarge-order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11
}
.xlarge-up-11 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-11>.column,.xlarge-up-11>.columns {
-ms-flex: 0 0 9.09091%;
-webkit-box-flex: 0;
flex: 0 0 9.09091%;
max-width: 9.09091%
}
.xlarge-12 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.xlarge-offset-11 {
margin-left: 68.75%
}
.xlarge-order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12
}
.xlarge-up-12 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-12>.column,.xlarge-up-12>.columns {
-ms-flex: 0 0 8.33333%;
-webkit-box-flex: 0;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xlarge-13 {
-ms-flex: 0 0 81.25%;
-webkit-box-flex: 0;
flex: 0 0 81.25%;
max-width: 81.25%
}
.xlarge-offset-12 {
margin-left: 75%
}
.xlarge-order-13 {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13
}
.xlarge-up-13 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-13>.column,.xlarge-up-13>.columns {
-ms-flex: 0 0 7.69231%;
-webkit-box-flex: 0;
flex: 0 0 7.69231%;
max-width: 7.69231%
}
.xlarge-14 {
-ms-flex: 0 0 87.5%;
-webkit-box-flex: 0;
flex: 0 0 87.5%;
max-width: 87.5%
}
.xlarge-offset-13 {
margin-left: 81.25%
}
.xlarge-order-14 {
-ms-flex-order: 14;
-webkit-box-ordinal-group: 15;
order: 14
}
.xlarge-up-14 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-14>.column,.xlarge-up-14>.columns {
-ms-flex: 0 0 7.14286%;
-webkit-box-flex: 0;
flex: 0 0 7.14286%;
max-width: 7.14286%
}
.xlarge-15 {
-ms-flex: 0 0 93.75%;
-webkit-box-flex: 0;
flex: 0 0 93.75%;
max-width: 93.75%
}
.xlarge-offset-14 {
margin-left: 87.5%
}
.xlarge-order-15 {
-ms-flex-order: 15;
-webkit-box-ordinal-group: 16;
order: 15
}
.xlarge-up-15 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-15>.column,.xlarge-up-15>.columns {
-ms-flex: 0 0 6.66667%;
-webkit-box-flex: 0;
flex: 0 0 6.66667%;
max-width: 6.66667%
}
.xlarge-16 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.xlarge-offset-15 {
margin-left: 93.75%
}
.xlarge-order-16 {
-ms-flex-order: 16;
-webkit-box-ordinal-group: 17;
order: 16
}
.xlarge-up-16 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-16>.column,.xlarge-up-16>.columns {
-ms-flex: 0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xlarge-collapse,.xlarge-collapse>.column,.xlarge-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.xlarge-uncollapse>.column,.xlarge-uncollapse>.columns {
padding-left: .625rem;
padding-right: .625rem
}
}
@media screen and (max-width: 1440px) {
.large-1 {
-ms-flex:0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.large-offset-0 {
margin-left: 0
}
.large-order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1
}
.large-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-1>.column,.large-up-1>.columns {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.large-2 {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.large-offset-1 {
margin-left: 6.25%
}
.large-order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2
}
.large-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-2>.column,.large-up-2>.columns {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.large-3 {
-ms-flex: 0 0 18.75%;
-webkit-box-flex: 0;
flex: 0 0 18.75%;
max-width: 18.75%
}
.large-offset-2 {
margin-left: 12.5%
}
.large-order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3
}
.large-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-3>.column,.large-up-3>.columns {
-ms-flex: 0 0 33.33333%;
-webkit-box-flex: 0;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-4 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.large-offset-3 {
margin-left: 18.75%
}
.large-order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4
}
.large-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-4>.column,.large-up-4>.columns {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.large-5 {
-ms-flex: 0 0 31.25%;
-webkit-box-flex: 0;
flex: 0 0 31.25%;
max-width: 31.25%
}
.large-offset-4 {
margin-left: 25%
}
.large-order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5
}
.large-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-5>.column,.large-up-5>.columns {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%
}
.large-6 {
-ms-flex: 0 0 37.5%;
-webkit-box-flex: 0;
flex: 0 0 37.5%;
max-width: 37.5%
}
.large-offset-5 {
margin-left: 31.25%
}
.large-order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6
}
.large-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-6>.column,.large-up-6>.columns {
-ms-flex: 0 0 16.66667%;
-webkit-box-flex: 0;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-7 {
-ms-flex: 0 0 43.75%;
-webkit-box-flex: 0;
flex: 0 0 43.75%;
max-width: 43.75%
}
.large-offset-6 {
margin-left: 37.5%
}
.large-order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7
}
.large-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-7>.column,.large-up-7>.columns {
-ms-flex: 0 0 14.28571%;
-webkit-box-flex: 0;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.large-8 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.large-offset-7 {
margin-left: 43.75%
}
.large-order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8
}
.large-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-8>.column,.large-up-8>.columns {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.large-9 {
-ms-flex: 0 0 56.25%;
-webkit-box-flex: 0;
flex: 0 0 56.25%;
max-width: 56.25%
}
.large-offset-8 {
margin-left: 50%
}
.large-order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9
}
.large-up-9 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-9>.column,.large-up-9>.columns {
-ms-flex: 0 0 11.11111%;
-webkit-box-flex: 0;
flex: 0 0 11.11111%;
max-width: 11.11111%
}
.large-10 {
-ms-flex: 0 0 62.5%;
-webkit-box-flex: 0;
flex: 0 0 62.5%;
max-width: 62.5%
}
.large-offset-9 {
margin-left: 56.25%
}
.large-order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10
}
.large-up-10 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-10>.column,.large-up-10>.columns {
-ms-flex: 0 0 10%;
-webkit-box-flex: 0;
flex: 0 0 10%;
max-width: 10%
}
.large-11 {
-ms-flex: 0 0 68.75%;
-webkit-box-flex: 0;
flex: 0 0 68.75%;
max-width: 68.75%
}
.large-offset-10 {
margin-left: 62.5%
}
.large-order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11
}
.large-up-11 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-11>.column,.large-up-11>.columns {
-ms-flex: 0 0 9.09091%;
-webkit-box-flex: 0;
flex: 0 0 9.09091%;
max-width: 9.09091%
}
.large-12 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.large-offset-11 {
margin-left: 68.75%
}
.large-order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12
}
.large-up-12 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-12>.column,.large-up-12>.columns {
-ms-flex: 0 0 8.33333%;
-webkit-box-flex: 0;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.large-13 {
-ms-flex: 0 0 81.25%;
-webkit-box-flex: 0;
flex: 0 0 81.25%;
max-width: 81.25%
}
.large-offset-12 {
margin-left: 75%
}
.large-order-13 {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13
}
.large-up-13 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-13>.column,.large-up-13>.columns {
-ms-flex: 0 0 7.69231%;
-webkit-box-flex: 0;
flex: 0 0 7.69231%;
max-width: 7.69231%
}
.large-14 {
-ms-flex: 0 0 87.5%;
-webkit-box-flex: 0;
flex: 0 0 87.5%;
max-width: 87.5%
}
.large-offset-13 {
margin-left: 81.25%
}
.large-order-14 {
-ms-flex-order: 14;
-webkit-box-ordinal-group: 15;
order: 14
}
.large-up-14 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-14>.column,.large-up-14>.columns {
-ms-flex: 0 0 7.14286%;
-webkit-box-flex: 0;
flex: 0 0 7.14286%;
max-width: 7.14286%
}
.large-15 {
-ms-flex: 0 0 93.75%;
-webkit-box-flex: 0;
flex: 0 0 93.75%;
max-width: 93.75%
}
.large-offset-14 {
margin-left: 87.5%
}
.large-order-15 {
-ms-flex-order: 15;
-webkit-box-ordinal-group: 16;
order: 15
}
.large-up-15 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-15>.column,.large-up-15>.columns {
-ms-flex: 0 0 6.66667%;
-webkit-box-flex: 0;
flex: 0 0 6.66667%;
max-width: 6.66667%
}
.large-16 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.large-offset-15 {
margin-left: 93.75%
}
.large-order-16 {
-ms-flex-order: 16;
-webkit-box-ordinal-group: 17;
order: 16
}
.large-up-16 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-16>.column,.large-up-16>.columns {
-ms-flex: 0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.large-collapse,.large-collapse>.column,.large-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.large-uncollapse>.column,.large-uncollapse>.columns {
padding-left: .625rem;
padding-right: .625rem
}
}
@media screen and (max-width: 1280px) {
.largeMax-1 {
-ms-flex:0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.largeMax-offset-0 {
margin-left: 0
}
.largeMax-order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1
}
.largeMax-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-1>.column,.largeMax-up-1>.columns {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.largeMax-2 {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.largeMax-offset-1 {
margin-left: 6.25%
}
.largeMax-order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2
}
.largeMax-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-2>.column,.largeMax-up-2>.columns {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.largeMax-3 {
-ms-flex: 0 0 18.75%;
-webkit-box-flex: 0;
flex: 0 0 18.75%;
max-width: 18.75%
}
.largeMax-offset-2 {
margin-left: 12.5%
}
.largeMax-order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3
}
.largeMax-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-3>.column,.largeMax-up-3>.columns {
-ms-flex: 0 0 33.33333%;
-webkit-box-flex: 0;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.largeMax-4 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.largeMax-offset-3 {
margin-left: 18.75%
}
.largeMax-order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4
}
.largeMax-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-4>.column,.largeMax-up-4>.columns {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.largeMax-5 {
-ms-flex: 0 0 31.25%;
-webkit-box-flex: 0;
flex: 0 0 31.25%;
max-width: 31.25%
}
.largeMax-offset-4 {
margin-left: 25%
}
.largeMax-order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5
}
.largeMax-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-5>.column,.largeMax-up-5>.columns {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%
}
.largeMax-6 {
-ms-flex: 0 0 37.5%;
-webkit-box-flex: 0;
flex: 0 0 37.5%;
max-width: 37.5%
}
.largeMax-offset-5 {
margin-left: 31.25%
}
.largeMax-order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6
}
.largeMax-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-6>.column,.largeMax-up-6>.columns {
-ms-flex: 0 0 16.66667%;
-webkit-box-flex: 0;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.largeMax-7 {
-ms-flex: 0 0 43.75%;
-webkit-box-flex: 0;
flex: 0 0 43.75%;
max-width: 43.75%
}
.largeMax-offset-6 {
margin-left: 37.5%
}
.largeMax-order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7
}
.largeMax-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-7>.column,.largeMax-up-7>.columns {
-ms-flex: 0 0 14.28571%;
-webkit-box-flex: 0;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.largeMax-8 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.largeMax-offset-7 {
margin-left: 43.75%
}
.largeMax-order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8
}
.largeMax-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-8>.column,.largeMax-up-8>.columns {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.largeMax-9 {
-ms-flex: 0 0 56.25%;
-webkit-box-flex: 0;
flex: 0 0 56.25%;
max-width: 56.25%
}
.largeMax-offset-8 {
margin-left: 50%
}
.largeMax-order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9
}
.largeMax-up-9 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-9>.column,.largeMax-up-9>.columns {
-ms-flex: 0 0 11.11111%;
-webkit-box-flex: 0;
flex: 0 0 11.11111%;
max-width: 11.11111%
}
.largeMax-10 {
-ms-flex: 0 0 62.5%;
-webkit-box-flex: 0;
flex: 0 0 62.5%;
max-width: 62.5%
}
.largeMax-offset-9 {
margin-left: 56.25%
}
.largeMax-order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10
}
.largeMax-up-10 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-10>.column,.largeMax-up-10>.columns {
-ms-flex: 0 0 10%;
-webkit-box-flex: 0;
flex: 0 0 10%;
max-width: 10%
}
.largeMax-11 {
-ms-flex: 0 0 68.75%;
-webkit-box-flex: 0;
flex: 0 0 68.75%;
max-width: 68.75%
}
.largeMax-offset-10 {
margin-left: 62.5%
}
.largeMax-order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11
}
.largeMax-up-11 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-11>.column,.largeMax-up-11>.columns {
-ms-flex: 0 0 9.09091%;
-webkit-box-flex: 0;
flex: 0 0 9.09091%;
max-width: 9.09091%
}
.largeMax-12 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.largeMax-offset-11 {
margin-left: 68.75%
}
.largeMax-order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12
}
.largeMax-up-12 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-12>.column,.largeMax-up-12>.columns {
-ms-flex: 0 0 8.33333%;
-webkit-box-flex: 0;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.largeMax-13 {
-ms-flex: 0 0 81.25%;
-webkit-box-flex: 0;
flex: 0 0 81.25%;
max-width: 81.25%
}
.largeMax-offset-12 {
margin-left: 75%
}
.largeMax-order-13 {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13
}
.largeMax-up-13 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-13>.column,.largeMax-up-13>.columns {
-ms-flex: 0 0 7.69231%;
-webkit-box-flex: 0;
flex: 0 0 7.69231%;
max-width: 7.69231%
}
.largeMax-14 {
-ms-flex: 0 0 87.5%;
-webkit-box-flex: 0;
flex: 0 0 87.5%;
max-width: 87.5%
}
.largeMax-offset-13 {
margin-left: 81.25%
}
.largeMax-order-14 {
-ms-flex-order: 14;
-webkit-box-ordinal-group: 15;
order: 14
}
.largeMax-up-14 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-14>.column,.largeMax-up-14>.columns {
-ms-flex: 0 0 7.14286%;
-webkit-box-flex: 0;
flex: 0 0 7.14286%;
max-width: 7.14286%
}
.largeMax-15 {
-ms-flex: 0 0 93.75%;
-webkit-box-flex: 0;
flex: 0 0 93.75%;
max-width: 93.75%
}
.largeMax-offset-14 {
margin-left: 87.5%
}
.largeMax-order-15 {
-ms-flex-order: 15;
-webkit-box-ordinal-group: 16;
order: 15
}
.largeMax-up-15 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-15>.column,.largeMax-up-15>.columns {
-ms-flex: 0 0 6.66667%;
-webkit-box-flex: 0;
flex: 0 0 6.66667%;
max-width: 6.66667%
}
.largeMax-16 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.largeMax-offset-15 {
margin-left: 93.75%
}
.largeMax-order-16 {
-ms-flex-order: 16;
-webkit-box-ordinal-group: 17;
order: 16
}
.largeMax-up-16 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.largeMax-up-16>.column,.largeMax-up-16>.columns {
-ms-flex: 0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.largeMax-collapse,.largeMax-collapse>.column,.largeMax-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.largeMax-uncollapse>.column,.largeMax-uncollapse>.columns {
padding-left: .625rem;
padding-right: .625rem
}
}
@media screen and (max-width: 1180px) {
.medium-1 {
-ms-flex:0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.medium-offset-0 {
margin-left: 0
}
.medium-order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1
}
.medium-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-1>.column,.medium-up-1>.columns {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.medium-2 {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.medium-offset-1 {
margin-left: 6.25%
}
.medium-order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2
}
.medium-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-2>.column,.medium-up-2>.columns {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.medium-3 {
-ms-flex: 0 0 18.75%;
-webkit-box-flex: 0;
flex: 0 0 18.75%;
max-width: 18.75%
}
.medium-offset-2 {
margin-left: 12.5%
}
.medium-order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3
}
.medium-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-3>.column,.medium-up-3>.columns {
-ms-flex: 0 0 33.33333%;
-webkit-box-flex: 0;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-4 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.medium-offset-3 {
margin-left: 18.75%
}
.medium-order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4
}
.medium-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-4>.column,.medium-up-4>.columns {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.medium-5 {
-ms-flex: 0 0 31.25%;
-webkit-box-flex: 0;
flex: 0 0 31.25%;
max-width: 31.25%
}
.medium-offset-4 {
margin-left: 25%
}
.medium-order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5
}
.medium-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-5>.column,.medium-up-5>.columns {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%
}
.medium-6 {
-ms-flex: 0 0 37.5%;
-webkit-box-flex: 0;
flex: 0 0 37.5%;
max-width: 37.5%
}
.medium-offset-5 {
margin-left: 31.25%
}
.medium-order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6
}
.medium-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-6>.column,.medium-up-6>.columns {
-ms-flex: 0 0 16.66667%;
-webkit-box-flex: 0;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-7 {
-ms-flex: 0 0 43.75%;
-webkit-box-flex: 0;
flex: 0 0 43.75%;
max-width: 43.75%
}
.medium-offset-6 {
margin-left: 37.5%
}
.medium-order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7
}
.medium-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-7>.column,.medium-up-7>.columns {
-ms-flex: 0 0 14.28571%;
-webkit-box-flex: 0;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.medium-8 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.medium-offset-7 {
margin-left: 43.75%
}
.medium-order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8
}
.medium-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-8>.column,.medium-up-8>.columns {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.medium-9 {
-ms-flex: 0 0 56.25%;
-webkit-box-flex: 0;
flex: 0 0 56.25%;
max-width: 56.25%
}
.medium-offset-8 {
margin-left: 50%
}
.medium-order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9
}
.medium-up-9 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-9>.column,.medium-up-9>.columns {
-ms-flex: 0 0 11.11111%;
-webkit-box-flex: 0;
flex: 0 0 11.11111%;
max-width: 11.11111%
}
.medium-10 {
-ms-flex: 0 0 62.5%;
-webkit-box-flex: 0;
flex: 0 0 62.5%;
max-width: 62.5%
}
.medium-offset-9 {
margin-left: 56.25%
}
.medium-order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10
}
.medium-up-10 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-10>.column,.medium-up-10>.columns {
-ms-flex: 0 0 10%;
-webkit-box-flex: 0;
flex: 0 0 10%;
max-width: 10%
}
.medium-11 {
-ms-flex: 0 0 68.75%;
-webkit-box-flex: 0;
flex: 0 0 68.75%;
max-width: 68.75%
}
.medium-offset-10 {
margin-left: 62.5%
}
.medium-order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11
}
.medium-up-11 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-11>.column,.medium-up-11>.columns {
-ms-flex: 0 0 9.09091%;
-webkit-box-flex: 0;
flex: 0 0 9.09091%;
max-width: 9.09091%
}
.medium-12 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.medium-offset-11 {
margin-left: 68.75%
}
.medium-order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12
}
.medium-up-12 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-12>.column,.medium-up-12>.columns {
-ms-flex: 0 0 8.33333%;
-webkit-box-flex: 0;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.medium-13 {
-ms-flex: 0 0 81.25%;
-webkit-box-flex: 0;
flex: 0 0 81.25%;
max-width: 81.25%
}
.medium-offset-12 {
margin-left: 75%
}
.medium-order-13 {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13
}
.medium-up-13 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-13>.column,.medium-up-13>.columns {
-ms-flex: 0 0 7.69231%;
-webkit-box-flex: 0;
flex: 0 0 7.69231%;
max-width: 7.69231%
}
.medium-14 {
-ms-flex: 0 0 87.5%;
-webkit-box-flex: 0;
flex: 0 0 87.5%;
max-width: 87.5%
}
.medium-offset-13 {
margin-left: 81.25%
}
.medium-order-14 {
-ms-flex-order: 14;
-webkit-box-ordinal-group: 15;
order: 14
}
.medium-up-14 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-14>.column,.medium-up-14>.columns {
-ms-flex: 0 0 7.14286%;
-webkit-box-flex: 0;
flex: 0 0 7.14286%;
max-width: 7.14286%
}
.medium-15 {
-ms-flex: 0 0 93.75%;
-webkit-box-flex: 0;
flex: 0 0 93.75%;
max-width: 93.75%
}
.medium-offset-14 {
margin-left: 87.5%
}
.medium-order-15 {
-ms-flex-order: 15;
-webkit-box-ordinal-group: 16;
order: 15
}
.medium-up-15 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-15>.column,.medium-up-15>.columns {
-ms-flex: 0 0 6.66667%;
-webkit-box-flex: 0;
flex: 0 0 6.66667%;
max-width: 6.66667%
}
.medium-16 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.medium-offset-15 {
margin-left: 93.75%
}
.medium-order-16 {
-ms-flex-order: 16;
-webkit-box-ordinal-group: 17;
order: 16
}
.medium-up-16 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-16>.column,.medium-up-16>.columns {
-ms-flex: 0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.medium-collapse,.medium-collapse>.column,.medium-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.medium-uncollapse>.column,.medium-uncollapse>.columns {
padding-left: .625rem;
padding-right: .625rem
}
}
@media screen and (max-width: 820px) {
.small-1 {
-ms-flex:0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.small-offset-0 {
margin-left: 0
}
.small-order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1
}
.small-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-1>.column,.small-up-1>.columns {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.small-2 {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.small-offset-1 {
margin-left: 6.25%
}
.small-order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2
}
.small-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-2>.column,.small-up-2>.columns {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.small-3 {
-ms-flex: 0 0 18.75%;
-webkit-box-flex: 0;
flex: 0 0 18.75%;
max-width: 18.75%
}
.small-offset-2 {
margin-left: 12.5%
}
.small-order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3
}
.small-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-3>.column,.small-up-3>.columns {
-ms-flex: 0 0 33.33333%;
-webkit-box-flex: 0;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-4 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.small-offset-3 {
margin-left: 18.75%
}
.small-order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4
}
.small-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-4>.column,.small-up-4>.columns {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.small-5 {
-ms-flex: 0 0 31.25%;
-webkit-box-flex: 0;
flex: 0 0 31.25%;
max-width: 31.25%
}
.small-offset-4 {
margin-left: 25%
}
.small-order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5
}
.small-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-5>.column,.small-up-5>.columns {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%
}
.small-6 {
-ms-flex: 0 0 37.5%;
-webkit-box-flex: 0;
flex: 0 0 37.5%;
max-width: 37.5%
}
.small-offset-5 {
margin-left: 31.25%
}
.small-order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6
}
.small-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-6>.column,.small-up-6>.columns {
-ms-flex: 0 0 16.66667%;
-webkit-box-flex: 0;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-7 {
-ms-flex: 0 0 43.75%;
-webkit-box-flex: 0;
flex: 0 0 43.75%;
max-width: 43.75%
}
.small-offset-6 {
margin-left: 37.5%
}
.small-order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7
}
.small-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-7>.column,.small-up-7>.columns {
-ms-flex: 0 0 14.28571%;
-webkit-box-flex: 0;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.small-8 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.small-offset-7 {
margin-left: 43.75%
}
.small-order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8
}
.small-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-8>.column,.small-up-8>.columns {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.small-9 {
-ms-flex: 0 0 56.25%;
-webkit-box-flex: 0;
flex: 0 0 56.25%;
max-width: 56.25%
}
.small-offset-8 {
margin-left: 50%
}
.small-order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9
}
.small-up-9 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-9>.column,.small-up-9>.columns {
-ms-flex: 0 0 11.11111%;
-webkit-box-flex: 0;
flex: 0 0 11.11111%;
max-width: 11.11111%
}
.small-10 {
-ms-flex: 0 0 62.5%;
-webkit-box-flex: 0;
flex: 0 0 62.5%;
max-width: 62.5%
}
.small-offset-9 {
margin-left: 56.25%
}
.small-order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10
}
.small-up-10 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-10>.column,.small-up-10>.columns {
-ms-flex: 0 0 10%;
-webkit-box-flex: 0;
flex: 0 0 10%;
max-width: 10%
}
.small-11 {
-ms-flex: 0 0 68.75%;
-webkit-box-flex: 0;
flex: 0 0 68.75%;
max-width: 68.75%
}
.small-offset-10 {
margin-left: 62.5%
}
.small-order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11
}
.small-up-11 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-11>.column,.small-up-11>.columns {
-ms-flex: 0 0 9.09091%;
-webkit-box-flex: 0;
flex: 0 0 9.09091%;
max-width: 9.09091%
}
.small-12 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.small-offset-11 {
margin-left: 68.75%
}
.small-order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12
}
.small-up-12 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-12>.column,.small-up-12>.columns {
-ms-flex: 0 0 8.33333%;
-webkit-box-flex: 0;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.small-13 {
-ms-flex: 0 0 81.25%;
-webkit-box-flex: 0;
flex: 0 0 81.25%;
max-width: 81.25%
}
.small-offset-12 {
margin-left: 75%
}
.small-order-13 {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13
}
.small-up-13 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-13>.column,.small-up-13>.columns {
-ms-flex: 0 0 7.69231%;
-webkit-box-flex: 0;
flex: 0 0 7.69231%;
max-width: 7.69231%
}
.small-14 {
-ms-flex: 0 0 87.5%;
-webkit-box-flex: 0;
flex: 0 0 87.5%;
max-width: 87.5%
}
.small-offset-13 {
margin-left: 81.25%
}
.small-order-14 {
-ms-flex-order: 14;
-webkit-box-ordinal-group: 15;
order: 14
}
.small-up-14 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-14>.column,.small-up-14>.columns {
-ms-flex: 0 0 7.14286%;
-webkit-box-flex: 0;
flex: 0 0 7.14286%;
max-width: 7.14286%
}
.small-15 {
-ms-flex: 0 0 93.75%;
-webkit-box-flex: 0;
flex: 0 0 93.75%;
max-width: 93.75%
}
.small-offset-14 {
margin-left: 87.5%
}
.small-order-15 {
-ms-flex-order: 15;
-webkit-box-ordinal-group: 16;
order: 15
}
.small-up-15 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-15>.column,.small-up-15>.columns {
-ms-flex: 0 0 6.66667%;
-webkit-box-flex: 0;
flex: 0 0 6.66667%;
max-width: 6.66667%
}
.small-16 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.small-offset-15 {
margin-left: 93.75%
}
.small-order-16 {
-ms-flex-order: 16;
-webkit-box-ordinal-group: 17;
order: 16
}
.small-up-16 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-16>.column,.small-up-16>.columns {
-ms-flex: 0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.small-collapse,.small-collapse>.column,.small-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.small-uncollapse>.column,.small-uncollapse>.columns {
padding-left: .625rem;
padding-right: .625rem
}
}
@media screen and (max-width: 680px) {
.xsmall-1 {
-ms-flex:0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xsmall-offset-0 {
margin-left: 0
}
.xsmall-order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1
}
.xsmall-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-1>.column,.xsmall-up-1>.columns {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.xsmall-2 {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xsmall-offset-1 {
margin-left: 6.25%
}
.xsmall-order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2
}
.xsmall-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-2>.column,.xsmall-up-2>.columns {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.xsmall-3 {
-ms-flex: 0 0 18.75%;
-webkit-box-flex: 0;
flex: 0 0 18.75%;
max-width: 18.75%
}
.xsmall-offset-2 {
margin-left: 12.5%
}
.xsmall-order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3
}
.xsmall-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-3>.column,.xsmall-up-3>.columns {
-ms-flex: 0 0 33.33333%;
-webkit-box-flex: 0;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xsmall-4 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.xsmall-offset-3 {
margin-left: 18.75%
}
.xsmall-order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4
}
.xsmall-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-4>.column,.xsmall-up-4>.columns {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.xsmall-5 {
-ms-flex: 0 0 31.25%;
-webkit-box-flex: 0;
flex: 0 0 31.25%;
max-width: 31.25%
}
.xsmall-offset-4 {
margin-left: 25%
}
.xsmall-order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5
}
.xsmall-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-5>.column,.xsmall-up-5>.columns {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%
}
.xsmall-6 {
-ms-flex: 0 0 37.5%;
-webkit-box-flex: 0;
flex: 0 0 37.5%;
max-width: 37.5%
}
.xsmall-offset-5 {
margin-left: 31.25%
}
.xsmall-order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6
}
.xsmall-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-6>.column,.xsmall-up-6>.columns {
-ms-flex: 0 0 16.66667%;
-webkit-box-flex: 0;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xsmall-7 {
-ms-flex: 0 0 43.75%;
-webkit-box-flex: 0;
flex: 0 0 43.75%;
max-width: 43.75%
}
.xsmall-offset-6 {
margin-left: 37.5%
}
.xsmall-order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7
}
.xsmall-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-7>.column,.xsmall-up-7>.columns {
-ms-flex: 0 0 14.28571%;
-webkit-box-flex: 0;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xsmall-8 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.xsmall-offset-7 {
margin-left: 43.75%
}
.xsmall-order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8
}
.xsmall-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-8>.column,.xsmall-up-8>.columns {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xsmall-9 {
-ms-flex: 0 0 56.25%;
-webkit-box-flex: 0;
flex: 0 0 56.25%;
max-width: 56.25%
}
.xsmall-offset-8 {
margin-left: 50%
}
.xsmall-order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9
}
.xsmall-up-9 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-9>.column,.xsmall-up-9>.columns {
-ms-flex: 0 0 11.11111%;
-webkit-box-flex: 0;
flex: 0 0 11.11111%;
max-width: 11.11111%
}
.xsmall-10 {
-ms-flex: 0 0 62.5%;
-webkit-box-flex: 0;
flex: 0 0 62.5%;
max-width: 62.5%
}
.xsmall-offset-9 {
margin-left: 56.25%
}
.xsmall-order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10
}
.xsmall-up-10 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-10>.column,.xsmall-up-10>.columns {
-ms-flex: 0 0 10%;
-webkit-box-flex: 0;
flex: 0 0 10%;
max-width: 10%
}
.xsmall-11 {
-ms-flex: 0 0 68.75%;
-webkit-box-flex: 0;
flex: 0 0 68.75%;
max-width: 68.75%
}
.xsmall-offset-10 {
margin-left: 62.5%
}
.xsmall-order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11
}
.xsmall-up-11 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-11>.column,.xsmall-up-11>.columns {
-ms-flex: 0 0 9.09091%;
-webkit-box-flex: 0;
flex: 0 0 9.09091%;
max-width: 9.09091%
}
.xsmall-12 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.xsmall-offset-11 {
margin-left: 68.75%
}
.xsmall-order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12
}
.xsmall-up-12 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-12>.column,.xsmall-up-12>.columns {
-ms-flex: 0 0 8.33333%;
-webkit-box-flex: 0;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xsmall-13 {
-ms-flex: 0 0 81.25%;
-webkit-box-flex: 0;
flex: 0 0 81.25%;
max-width: 81.25%
}
.xsmall-offset-12 {
margin-left: 75%
}
.xsmall-order-13 {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13
}
.xsmall-up-13 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-13>.column,.xsmall-up-13>.columns {
-ms-flex: 0 0 7.69231%;
-webkit-box-flex: 0;
flex: 0 0 7.69231%;
max-width: 7.69231%
}
.xsmall-14 {
-ms-flex: 0 0 87.5%;
-webkit-box-flex: 0;
flex: 0 0 87.5%;
max-width: 87.5%
}
.xsmall-offset-13 {
margin-left: 81.25%
}
.xsmall-order-14 {
-ms-flex-order: 14;
-webkit-box-ordinal-group: 15;
order: 14
}
.xsmall-up-14 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-14>.column,.xsmall-up-14>.columns {
-ms-flex: 0 0 7.14286%;
-webkit-box-flex: 0;
flex: 0 0 7.14286%;
max-width: 7.14286%
}
.xsmall-15 {
-ms-flex: 0 0 93.75%;
-webkit-box-flex: 0;
flex: 0 0 93.75%;
max-width: 93.75%
}
.xsmall-offset-14 {
margin-left: 87.5%
}
.xsmall-order-15 {
-ms-flex-order: 15;
-webkit-box-ordinal-group: 16;
order: 15
}
.xsmall-up-15 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-15>.column,.xsmall-up-15>.columns {
-ms-flex: 0 0 6.66667%;
-webkit-box-flex: 0;
flex: 0 0 6.66667%;
max-width: 6.66667%
}
.xsmall-16 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.xsmall-offset-15 {
margin-left: 93.75%
}
.xsmall-order-16 {
-ms-flex-order: 16;
-webkit-box-ordinal-group: 17;
order: 16
}
.xsmall-up-16 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-16>.column,.xsmall-up-16>.columns {
-ms-flex: 0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xsmall-collapse,.xsmall-collapse>.column,.xsmall-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.xsmall-uncollapse>.column,.xsmall-uncollapse>.columns {
padding-left: .625rem;
padding-right: .625rem
}
}
@media screen and (max-width: 361px) {
.xxsmall-1 {
-ms-flex:0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xxsmall-offset-0 {
margin-left: 0
}
.xxsmall-order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1
}
.xxsmall-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-1>.column,.xxsmall-up-1>.columns {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.xxsmall-2 {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xxsmall-offset-1 {
margin-left: 6.25%
}
.xxsmall-order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2
}
.xxsmall-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-2>.column,.xxsmall-up-2>.columns {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.xxsmall-3 {
-ms-flex: 0 0 18.75%;
-webkit-box-flex: 0;
flex: 0 0 18.75%;
max-width: 18.75%
}
.xxsmall-offset-2 {
margin-left: 12.5%
}
.xxsmall-order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3
}
.xxsmall-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-3>.column,.xxsmall-up-3>.columns {
-ms-flex: 0 0 33.33333%;
-webkit-box-flex: 0;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xxsmall-4 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.xxsmall-offset-3 {
margin-left: 18.75%
}
.xxsmall-order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4
}
.xxsmall-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-4>.column,.xxsmall-up-4>.columns {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.xxsmall-5 {
-ms-flex: 0 0 31.25%;
-webkit-box-flex: 0;
flex: 0 0 31.25%;
max-width: 31.25%
}
.xxsmall-offset-4 {
margin-left: 25%
}
.xxsmall-order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5
}
.xxsmall-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-5>.column,.xxsmall-up-5>.columns {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%
}
.xxsmall-6 {
-ms-flex: 0 0 37.5%;
-webkit-box-flex: 0;
flex: 0 0 37.5%;
max-width: 37.5%
}
.xxsmall-offset-5 {
margin-left: 31.25%
}
.xxsmall-order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6
}
.xxsmall-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-6>.column,.xxsmall-up-6>.columns {
-ms-flex: 0 0 16.66667%;
-webkit-box-flex: 0;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xxsmall-7 {
-ms-flex: 0 0 43.75%;
-webkit-box-flex: 0;
flex: 0 0 43.75%;
max-width: 43.75%
}
.xxsmall-offset-6 {
margin-left: 37.5%
}
.xxsmall-order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7
}
.xxsmall-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-7>.column,.xxsmall-up-7>.columns {
-ms-flex: 0 0 14.28571%;
-webkit-box-flex: 0;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xxsmall-8 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.xxsmall-offset-7 {
margin-left: 43.75%
}
.xxsmall-order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8
}
.xxsmall-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-8>.column,.xxsmall-up-8>.columns {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xxsmall-9 {
-ms-flex: 0 0 56.25%;
-webkit-box-flex: 0;
flex: 0 0 56.25%;
max-width: 56.25%
}
.xxsmall-offset-8 {
margin-left: 50%
}
.xxsmall-order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9
}
.xxsmall-up-9 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-9>.column,.xxsmall-up-9>.columns {
-ms-flex: 0 0 11.11111%;
-webkit-box-flex: 0;
flex: 0 0 11.11111%;
max-width: 11.11111%
}
.xxsmall-10 {
-ms-flex: 0 0 62.5%;
-webkit-box-flex: 0;
flex: 0 0 62.5%;
max-width: 62.5%
}
.xxsmall-offset-9 {
margin-left: 56.25%
}
.xxsmall-order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10
}
.xxsmall-up-10 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-10>.column,.xxsmall-up-10>.columns {
-ms-flex: 0 0 10%;
-webkit-box-flex: 0;
flex: 0 0 10%;
max-width: 10%
}
.xxsmall-11 {
-ms-flex: 0 0 68.75%;
-webkit-box-flex: 0;
flex: 0 0 68.75%;
max-width: 68.75%
}
.xxsmall-offset-10 {
margin-left: 62.5%
}
.xxsmall-order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11
}
.xxsmall-up-11 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-11>.column,.xxsmall-up-11>.columns {
-ms-flex: 0 0 9.09091%;
-webkit-box-flex: 0;
flex: 0 0 9.09091%;
max-width: 9.09091%
}
.xxsmall-12 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.xxsmall-offset-11 {
margin-left: 68.75%
}
.xxsmall-order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12
}
.xxsmall-up-12 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-12>.column,.xxsmall-up-12>.columns {
-ms-flex: 0 0 8.33333%;
-webkit-box-flex: 0;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xxsmall-13 {
-ms-flex: 0 0 81.25%;
-webkit-box-flex: 0;
flex: 0 0 81.25%;
max-width: 81.25%
}
.xxsmall-offset-12 {
margin-left: 75%
}
.xxsmall-order-13 {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13
}
.xxsmall-up-13 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-13>.column,.xxsmall-up-13>.columns {
-ms-flex: 0 0 7.69231%;
-webkit-box-flex: 0;
flex: 0 0 7.69231%;
max-width: 7.69231%
}
.xxsmall-14 {
-ms-flex: 0 0 87.5%;
-webkit-box-flex: 0;
flex: 0 0 87.5%;
max-width: 87.5%
}
.xxsmall-offset-13 {
margin-left: 81.25%
}
.xxsmall-order-14 {
-ms-flex-order: 14;
-webkit-box-ordinal-group: 15;
order: 14
}
.xxsmall-up-14 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-14>.column,.xxsmall-up-14>.columns {
-ms-flex: 0 0 7.14286%;
-webkit-box-flex: 0;
flex: 0 0 7.14286%;
max-width: 7.14286%
}
.xxsmall-15 {
-ms-flex: 0 0 93.75%;
-webkit-box-flex: 0;
flex: 0 0 93.75%;
max-width: 93.75%
}
.xxsmall-offset-14 {
margin-left: 87.5%
}
.xxsmall-order-15 {
-ms-flex-order: 15;
-webkit-box-ordinal-group: 16;
order: 15
}
.xxsmall-up-15 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-15>.column,.xxsmall-up-15>.columns {
-ms-flex: 0 0 6.66667%;
-webkit-box-flex: 0;
flex: 0 0 6.66667%;
max-width: 6.66667%
}
.xxsmall-16 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
.xxsmall-offset-15 {
margin-left: 93.75%
}
.xxsmall-order-16 {
-ms-flex-order: 16;
-webkit-box-ordinal-group: 17;
order: 16
}
.xxsmall-up-16 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-16>.column,.xxsmall-up-16>.columns {
-ms-flex: 0 0 6.25%;
-webkit-box-flex: 0;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xxsmall-collapse,.xxsmall-collapse>.column,.xxsmall-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.xxsmall-uncollapse>.column,.xxsmall-uncollapse>.columns {
padding-left: .625rem;
padding-right: .625rem
}
}
body,html {
width: 100%;
min-height: 100%;
height: auto;
font-family: Helvetica,Arial,sans-serif;
color: #000;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
background-color: #fff
}
body.js-loading-page {
cursor: progress
}
*,:after,:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#loading-page {
width: 100vw;
height: 100vh;
position: fixed;
z-index: 10002;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: #fff;
z-index: 100000;
display: block;
width: 100%;
height: 100%
}
#loading-page .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff
}
#outdated {
display: none
}
img {
display: block;
max-width: 100%;
height: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-drag: none
}
.block-bg-cover {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.block-bg-cover .element-cover {
position: relative;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
overflow: hidden
}
.firefox .block-bg-cover .element-cover,.ie .block-bg-cover .element-cover {
max-width: none;
width: 100%
}
/* @font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/Matter-Light.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/Matter-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/Matter-Regular.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/Matter-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/Matter-Medium.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/Matter-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-Light.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-Light.woff) format("woff");
font-weight: 300;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-Regular.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-Regular.woff) format("woff");
font-weight: 400;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-Medium.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-Bold.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-LightItalic.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-RegularItalic.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-RegularItalic.woff) format("woff");
font-weight: 400;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-MediumItalic.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-MediumItalic.woff) format("woff");
font-weight: 500;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "Montserrat", sans-serif;
src: url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-BoldItalic.woff2) format("woff2"),url(/wp-content/themes/Kategora/public/fonts/SaolDisplay-BoldItalic.woff) format("woff");
font-weight: 700;
font-style: italic;
font-display: swap
} */
p {
margin-bottom: 1em;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.2px + .63529vw);
font-weight: "normal";
color: #232323;
line-height: 1.4em;
letter-spacing: -.02em;
text-indent: 25px;
}
@media (min-width: 1700px) {
p {
font-size:25px;
}
}
p span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.7px + .9vw);
font-weight: 500;
color: #232323;
line-height: 1.4em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
p span {
font-size:33px
}
}
.text-center {
text-align: center
}
.white,.white span {
color: #fff
}
.serif-light,.serif-light span {
font-family: "Montserrat", sans-serif;
font-weight: 300
}
.serif-normal,.serif-normal span {
font-family: "Montserrat", sans-serif;
font-weight: 400
}
.serif-medium,.serif-medium span {
font-family: "Montserrat", sans-serif;
font-weight: 500
}
.serif-bold,.serif-bold span {
font-family: "Montserrat", sans-serif;
font-weight: 700
}
.sans-light,.sans-light span {
font-family: "Montserrat", sans-serif;
font-weight: 300
}
.sans-normal,.sans-normal span {
font-family: "Montserrat", sans-serif;
font-weight: 400
}
.sans-medium,.sans-medium span {
font-family: "Montserrat", sans-serif;
font-weight: 500
}
.italic,em {
font-style: italic
}
.uppercase {
text-transform: uppercase
}
html.has-scroll-smooth,html.has-scroll-smooth body {
min-height: 100vh;
height: 100vh
}
html.has-scroll-smooth body {
overflow: hidden
}
.mobile-cover {
position: fixed;
top: 0;
left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100vw;
height: 100vh;
background-color: #232323;
z-index: 100000;
display: none;
text-align: center
}
.mobile-cover svg path {
fill: #fff
}
.mobile-cover h3 {
position: relative;
margin-top: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 300;
color: #fff;
line-height: 1em;
letter-spacing: .01em
}
@media (min-width: 1700px) {
.mobile-cover h3 {
font-size:30px
}
}
.block-scroll-overlay {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1000;
pointer-events: visible
}
.scroll-grid {
position: relative;
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none
}
.scroll-grid::-webkit-scrollbar {
display: none
}
* {
-webkit-tap-highlight-color: transparent
}
/*! locomotive-scroll v3.6.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
[data-scroll] {
opacity: 0;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear
}
[data-scroll].is-inview {
opacity: 1
}
html.has-scroll-smooth {
overflow: hidden
}
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.has-scroll-smooth body {
overflow: hidden
}
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh
}
.c-scrollbar,.contact-scrollbar,.form-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 5px;
height: 100%;
-webkit-transform-origin: center right;
transform-origin: center right;
-webkit-transition: opacity .3s,-webkit-transform .3s;
transition: opacity .3s,-webkit-transform .3s;
-o-transition: transform .3s,opacity .3s;
transition: transform .3s,opacity .3s;
transition: transform .3s,opacity .3s,-webkit-transform .3s;
opacity: 0;
background: #323232;
mix-blend-mode: difference
}
.c-scrollbar:hover,.contact-scrollbar:hover,.form-scrollbar:hover {
-webkit-transform: scaleX(1.45);
transform: scaleX(1.45)
}
.c-scrollbar:hover,.contact-scrollbar:hover,.form-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar {
opacity: 1
}
.c-scrollbar_thumb,.contact-scrollbar_thumb,.form-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: #fff;
width: 100%;
cursor: -webkit-grab;
cursor: grab
}
.has-scroll-dragging .c-scrollbar_thumb,.has-scroll-dragging .contact-scrollbar_thumb,.has-scroll-dragging .form-scrollbar_thumb {
cursor: -webkit-grabbing;
cursor: grabbing
}
#hs-eu-cookie-confirmation {
display: none!important
}
.ie-splash {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 111111;
background-color: #fffcf8;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: none
}
@media only screen and (max-height: 800px) {
.ie-splash {
padding-top:60px
}
}
.ie-splash .row {
width: 100vw
}
.ie-splash .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: 60px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media only screen and (max-height: 800px) {
.ie-splash .upper-title {
margin-bottom:30px
}
}
.ie-splash .title {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em;
margin-bottom: 50px
}
@media (min-width: 1700px) {
.ie-splash .title {
font-size:120px
}
}
@media only screen and (max-height: 800px) {
.ie-splash .title {
font-family:Matter;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
}
@media only screen and (max-height: 800px) and (min-width:1700px) {
.ie-splash .title {
font-size:100px
}
}
.ie-splash .continue-btn {
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 26px 39px 26px 46px;
display: inline-block;
outline: none;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
cursor: pointer;
text-decoration: none
}
@media only screen and (max-height: 800px) {
.ie-splash .continue-btn {
padding:20px 40px
}
}
.ie-splash .continue-btn:hover .bg {
-webkit-transform: scale(1.1);
transform: scale(1.1);
background-color: #232323
}
.ie-splash .continue-btn:hover .label {
color: #fff
}
.ie-splash .continue-btn:hover .icon {
-webkit-animation-name: icon-hover;
animation-name: icon-hover
}
.ie-splash .continue-btn:hover .icon line,.ie-splash .continue-btn:hover .icon path {
stroke: #fff
}
.ie-splash .continue-btn:hover .shadow {
-webkit-animation-name: shadow-hover;
animation-name: shadow-hover
}
.ie-splash .continue-btn:hover .shadow line,.ie-splash .continue-btn:hover .shadow path {
stroke: #fff
}
.ie-splash .continue-btn .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid rgba(35,35,35,.4);
border-radius: 72px;
background-color: rgba(35,35,35,0);
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform
}
.ie-splash .continue-btn .label {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1.103em;
letter-spacing: .14em;
text-transform: uppercase;
-webkit-transition: color 1s cubic-bezier(.165,.84,.44,1);
-o-transition: color 1s cubic-bezier(.165,.84,.44,1);
transition: color 1s cubic-bezier(.165,.84,.44,1)
}
.ie-splash .continue-btn .icon-container {
position: relative;
top: -1px
}
.ie-splash .continue-btn .icon-container .icon {
position: relative;
display: block;
-webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
animation-timing-function: cubic-bezier(.165,.84,.44,1);
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.ie-splash .continue-btn .icon-container .icon line,.ie-splash .continue-btn .icon-container .icon path {
-webkit-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
-o-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
transition: stroke 1s cubic-bezier(.165,.84,.44,1)
}
.ie-splash .continue-btn .icon-container .shadow {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
animation-timing-function: cubic-bezier(.165,.84,.44,1);
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.ie-splash .continue-btn .icon-container .shadow line,.ie-splash .continue-btn .icon-container .shadow path {
-webkit-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
-o-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
transition: stroke 1s cubic-bezier(.165,.84,.44,1)
}
@-webkit-keyframes shadow-hover {
0% {
opacity: 0;
-webkit-transform: translateX(-25px);
transform: translateX(-25px)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes icon-hover {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
opacity: 0;
-webkit-transform: translateX(25px);
transform: translateX(25px)
}
}
.ie-splash .info {
display: block;
font-family: "Montserrat", sans-serif;
font-size: calc(17.2px + .63529vw);
font-weight: 400;
color: #232323;
line-height: 1.5em;
letter-spacing: -.02em;
margin-top: 100px
}
@media (min-width: 1700px) {
.ie-splash .info {
font-size:28px
}
}
@media only screen and (max-height: 800px) {
.ie-splash .info {
margin-top:60px
}
}
.ie-splash .info a {
color: #232323;
text-decoration: none
}
.ie #loading-page {
display: none!important
}
.ie .main-header-wrapper {
opacity: 1;
z-index: 111112
}
.ie .ie-splash,.main-header-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.main-header-wrapper {
position: fixed;
top: 0;
left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100px;
z-index: 1000;
opacity: 0;
pointer-events: none
}
.main-header-wrapper .logo {
pointer-events: visible
}
@media only screen and (max-width: 680px) {
.main-header-wrapper .logo svg {
width:100px
}
}
.main-header-wrapper.change-color svg path {
fill: #fff
}
.main-header-wrapper.hide-type svg .kategora-type {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
.main-header-wrapper.hide-all .logo {
pointer-events: none
}
.main-header-wrapper.hide-all svg {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
.main-header-wrapper svg {
-webkit-transition: opacity .75s cubic-bezier(.165,.84,.44,1),-webkit-transform .75s cubic-bezier(.165,.84,.44,1);
transition: opacity .75s cubic-bezier(.165,.84,.44,1),-webkit-transform .75s cubic-bezier(.165,.84,.44,1);
-o-transition: transform .75s cubic-bezier(.165,.84,.44,1),opacity .75s cubic-bezier(.165,.84,.44,1);
transition: transform .75s cubic-bezier(.165,.84,.44,1),opacity .75s cubic-bezier(.165,.84,.44,1);
transition: transform .75s cubic-bezier(.165,.84,.44,1),opacity .75s cubic-bezier(.165,.84,.44,1),-webkit-transform .75s cubic-bezier(.165,.84,.44,1)
}
.main-header-wrapper svg path {
fill: #232323;
-webkit-transition: fill .25s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .75s cubic-bezier(.165,.84,.44,1);
transition: fill .25s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .75s cubic-bezier(.165,.84,.44,1);
-o-transition: fill .25s cubic-bezier(.165,.84,.44,1),transform .75s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1);
transition: fill .25s cubic-bezier(.165,.84,.44,1),transform .75s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1);
transition: fill .25s cubic-bezier(.165,.84,.44,1),transform .75s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .75s cubic-bezier(.165,.84,.44,1)
}
.main-header-wrapper svg path .kategora-type,.page-header {
position: relative
}
.page-header-wrapper {
position: relative;
display: block;
width: 100%;
height: 120vh;
min-height: 600px
}
@media only screen and (max-height: 900px) {
.page-header-wrapper {
height:110vh
}
}
@media only screen and (max-height: 800px) {
.page-header-wrapper {
height:110vh
}
}
@media only screen and (orientation: portrait) {
.page-header-wrapper {
height:120vh
}
}
@media only screen and (max-width: 680px) {
.page-header-wrapper {
height:100vh
}
}
.page-header-wrapper .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear,left bottom,left top,color-stop(60%,hsla(0,0%,100%,.8)),to(hsla(0,0%,100%,0)));
background: -o-linear-gradient(bottom,hsla(0,0%,100%,.8) 60%,hsla(0,0%,100%,0) 100%);
background: linear-gradient(0deg,hsla(0,0%,100%,.8) 60%,hsla(0,0%,100%,0));
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(2);
transform: scale(2);
display: none
}
.page-header-wrapper .image-wrapper {
opacity: 0
}
.news-single-page .page-header-wrapper .image-wrapper {
opacity: unset;
}
.page-header-wrapper .image-wrapper img,.page-header-wrapper .image-wrapper video {
-webkit-transform-origin: center;
transform-origin: center;
will-change: transform
}
.page-header-wrapper .image-wrapper picture {
position: relative
}
.page-header-wrapper .image-wrapper video {
width: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%
}
.page-header-wrapper .text-wrapper {
position: absolute;
top: 100px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: calc(100vh - 210px);
text-align: center;
overflow: hidden;
-webkit-perspective: 500px;
perspective: 500px
}
@media only screen and (max-width: 680px) {
.page-header-wrapper .text-wrapper {
height:calc(100vh - 60px);
top: 0
}
}
.page-header-wrapper .text-wrapper .row {
width: 100%
}
.page-header-wrapper .text-wrapper .text p {
opacity: 0
}
.page-header-wrapper .text-wrapper .upper-title {
left: 10px;
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase;
opacity: 0
}
@media only screen and (max-width: 680px) {
.page-header-wrapper .text-wrapper .upper-title {
letter-spacing:1.3em
}
}
.page-header-wrapper .text-wrapper .main-title {
position: relative;
display: block;
margin: calc(20.4px + 2.32941vw) 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.page-header-wrapper .text-wrapper .main-title {
margin:60px 0;
font-size: 120px
}
}
.page-header-wrapper .text-wrapper .main-title p {
margin-bottom: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 2.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.page-header-wrapper .text-wrapper .main-title p {
font-size:75px;
}
}
@media only screen and (max-width: 680px) {
.page-header-wrapper .text-wrapper .main-title p br {
display:none
}
}
.page-header-wrapper .text-wrapper .main-title span {
font-size: calc(26.4px + 5.50588vw);
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.page-header-wrapper .text-wrapper .main-title span {
font-size:120px
}
}
.page-header-wrapper .text-wrapper .lower-title {
position: relative;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: calc(16.8px + .42353vw);
font-weight: 400;
color: #232323;
line-height: 1.1em;
font-style: italic
}
@media (min-width: 1700px) {
.page-header-wrapper .text-wrapper .lower-title {
font-size:24px
}
}
.page-header-wrapper .text-wrapper .lower-title p {
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: calc(16.8px + .42353vw);
font-weight: 400;
color: #232323;
line-height: 1.1em
}
@media (min-width: 1700px) {
.page-header-wrapper .text-wrapper .lower-title p {
font-size:24px
}
}
.page-header-wrapper .text-wrapper .lower-title span {
font-size: calc(16.8px + .42353vw)
}
@media (min-width: 1700px) {
.page-header-wrapper .text-wrapper .lower-title span {
font-size:24px
}
}
.close-video-btn-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 20;
pointer-events: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 170px;
height: 170px;
cursor: pointer
}
@media only screen and (max-width: 1300px) {
.close-video-btn-wrapper {
width:140px;
height: 140px
}
}
@media only screen and (max-width: 800px) {
.close-video-btn-wrapper {
width:120px;
height: 120px
}
}
@media only screen and (max-width: 680px) {
.close-video-btn-wrapper {
width:110px;
height: 110px
}
}
.close-video-btn-wrapper a {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%
}
.close-video-btn-wrapper .background {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100%;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px)
}
.close-video-btn-wrapper .icons-container {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media only screen and (max-width: 1300px) {
.close-video-btn-wrapper .icons-container svg {
width:70px;
height: 70px
}
}
.close-video-btn-wrapper .round-text {
position: absolute;
top: 5%;
left: 50%;
display: inline-block;
width: 90%;
height: 90%;
-webkit-transform-origin: left;
transform-origin: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.close-video-btn-wrapper .round-text span {
width: 4px;
margin: 0;
font-family: "Montserrat", sans-serif;
font-size: 7px;
font-weight: 400;
color: hsla(0,0%,100%,.4);
line-height: 1em;
letter-spacing: 0;
text-transform: uppercase;
text-align: center
}
.kora_andorra .page-header-wrapper .lower-title,.kora_andorra .page-header-wrapper .lower-title p,.kora_andorra .page-header-wrapper .lower-title p span,.kora_andorra .page-header-wrapper .main-title,.kora_andorra .page-header-wrapper .main-title p,.kora_andorra .page-header-wrapper .main-title p span,.kora_andorra .page-header-wrapper .upper-title,.kora_andorra .page-header-wrapper .upper-title p,.kora_andorra .page-header-wrapper .upper-title p span,.kora_lluna .page-header-wrapper .lower-title,.kora_lluna .page-header-wrapper .lower-title p,.kora_lluna .page-header-wrapper .lower-title p span,.kora_lluna .page-header-wrapper .main-title,.kora_lluna .page-header-wrapper .main-title p,.kora_lluna .page-header-wrapper .main-title p span,.kora_lluna .page-header-wrapper .upper-title,.kora_lluna .page-header-wrapper .upper-title p,.kora_lluna .page-header-wrapper .upper-title p span,.kora_lumen .page-header-wrapper .lower-title,.kora_lumen .page-header-wrapper .lower-title p,.kora_lumen .page-header-wrapper .lower-title p span,.kora_lumen .page-header-wrapper .main-title,.kora_lumen .page-header-wrapper .main-title p,.kora_lumen .page-header-wrapper .main-title p span,.kora_lumen .page-header-wrapper .upper-title,.kora_lumen .page-header-wrapper .upper-title p,.kora_lumen .page-header-wrapper .upper-title p span,.kora_maresia .page-header-wrapper .lower-title,.kora_maresia .page-header-wrapper .lower-title p,.kora_maresia .page-header-wrapper .lower-title p span,.kora_maresia .page-header-wrapper .main-title,.kora_maresia .page-header-wrapper .main-title p,.kora_maresia .page-header-wrapper .main-title p span,.kora_maresia .page-header-wrapper .upper-title,.kora_maresia .page-header-wrapper .upper-title p,.kora_maresia .page-header-wrapper .upper-title p span,.kora_mostra .page-header-wrapper .lower-title,.kora_mostra .page-header-wrapper .lower-title p,.kora_mostra .page-header-wrapper .lower-title p span,.kora_mostra .page-header-wrapper .main-title,.kora_mostra .page-header-wrapper .main-title p,.kora_mostra .page-header-wrapper .main-title p span,.kora_mostra .page-header-wrapper .upper-title,.kora_mostra .page-header-wrapper .upper-title p,.kora_mostra .page-header-wrapper .upper-title p span,.kora_pamplona .page-header-wrapper .lower-title,.kora_pamplona .page-header-wrapper .lower-title p,.kora_pamplona .page-header-wrapper .lower-title p span,.kora_pamplona .page-header-wrapper .main-title,.kora_pamplona .page-header-wrapper .main-title p,.kora_pamplona .page-header-wrapper .main-title p span,.kora_pamplona .page-header-wrapper .upper-title,.kora_pamplona .page-header-wrapper .upper-title p,.kora_pamplona .page-header-wrapper .upper-title p span,.kora_tamaragua .page-header-wrapper .lower-title,.kora_tamaragua .page-header-wrapper .lower-title p,.kora_tamaragua .page-header-wrapper .lower-title p span,.kora_tamaragua .page-header-wrapper .main-title,.kora_tamaragua .page-header-wrapper .main-title p,.kora_tamaragua .page-header-wrapper .main-title p span,.kora_tamaragua .page-header-wrapper .upper-title,.kora_tamaragua .page-header-wrapper .upper-title p,.kora_tamaragua .page-header-wrapper .upper-title p span,.nivaria_golf_marina .page-header-wrapper .lower-title,.nivaria_golf_marina .page-header-wrapper .lower-title p,.nivaria_golf_marina .page-header-wrapper .lower-title p span,.nivaria_golf_marina .page-header-wrapper .main-title,.nivaria_golf_marina .page-header-wrapper .main-title p,.nivaria_golf_marina .page-header-wrapper .main-title p span,.nivaria_golf_marina .page-header-wrapper .upper-title,.nivaria_golf_marina .page-header-wrapper .upper-title p,.nivaria_golf_marina .page-header-wrapper .upper-title p span {
color: #fff
}
@media only screen and (min-height: 980px) {
.kora_maresia .page-header-wrapper {
height:120vh
}
}
.ura .page-header-wrapper .text-wrapper {
min-height: 620px
}
.ura .page-header-wrapper .text-wrapper .row {
padding-left: calc(16.4px + .21176vw);
padding-right: calc(16.4px + .21176vw)
}
@media (min-width: 1700px) {
.ura .page-header-wrapper .text-wrapper .row {
padding-left:20px;
padding-right: 20px
}
}
.ura .page-header-wrapper .text-wrapper .lower-title,.ura .page-header-wrapper .text-wrapper .lower-title p,.ura .page-header-wrapper .text-wrapper .lower-title p span,.ura .page-header-wrapper .text-wrapper .main-title,.ura .page-header-wrapper .text-wrapper .main-title p,.ura .page-header-wrapper .text-wrapper .main-title p span,.ura .page-header-wrapper .text-wrapper .upper-title,.ura .page-header-wrapper .text-wrapper .upper-title p,.ura .page-header-wrapper .text-wrapper .upper-title p span {
color: #fff
}
.ura .page-header-wrapper .text-wrapper .main-title {
text-transform: uppercase
}
@media only screen and (max-width: 700px) {
.ura .page-header-wrapper .text-wrapper .main-title {
margin-bottom:20px
}
}
.ura .page-header-wrapper .text-wrapper .main-title p {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #fff;
line-height: 1.1em;
letter-spacing: -.07em;
font-style: normal
}
@media (min-width: 1700px) {
.ura .page-header-wrapper .text-wrapper .main-title p {
font-size:200px
}
}
@media only screen and (max-width: 700px) {
.ura .page-header-wrapper .text-wrapper .main-title p {
font-size:16vw
}
}
.ura .page-header-wrapper .text-wrapper .main-title p:first-child {
position: relative;
left: 12.5vw;
text-align: left
}
@media only screen and (max-width: 700px) {
.ura .page-header-wrapper .text-wrapper .main-title p:first-child {
left:auto;
text-align: center
}
}
.ura .page-header-wrapper .text-wrapper .main-title p:nth-child(2) {
position: relative;
left: 45vw;
text-align: left;
width: 50vw
}
@media only screen and (max-width: 900px) {
.ura .page-header-wrapper .text-wrapper .main-title p:nth-child(2) {
left:40vw
}
}
@media only screen and (max-width: 700px) {
.ura .page-header-wrapper .text-wrapper .main-title p:nth-child(2) {
left:auto;
width: 100%;
text-align: center
}
}
.ura .page-header-wrapper .text-wrapper .main-title p:nth-child(3) {
text-align: left
}
@media only screen and (max-width: 700px) {
.ura .page-header-wrapper .text-wrapper .main-title p:nth-child(3) {
text-align:center
}
}
.ura .page-header-wrapper .text-wrapper .lower-title {
position: absolute;
top: calc(50% - .5em);
left: 50vw;
font-style: normal;
white-space: nowrap;
-webkit-transform: translateX(calc(-100% - 60px));
transform: translateX(calc(-100% - 60px))
}
@media only screen and (max-width: 700px) {
.ura .page-header-wrapper .text-wrapper .lower-title {
position:relative;
top: auto;
left: auto;
width: 100%;
text-align: center;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.ura .page-header-wrapper .text-wrapper .lower-title p {
font-family: "Montserrat", sans-serif;
font-size: calc(16.8px + .42353vw);
font-weight: 400;
color: #fff;
line-height: 1em
}
@media (min-width: 1700px) {
.ura .page-header-wrapper .text-wrapper .lower-title p {
font-size:24px
}
}
.ura .page-header-wrapper .text-wrapper .lower-title span {
font-size: calc(16.8px + .42353vw)
}
@media (min-width: 1700px) {
.ura .page-header-wrapper .text-wrapper .lower-title span {
font-size:24px
}
}
.project .page-header-wrapper .text-wrapper .lower-title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #fff;
line-height: 1em
}
@media (min-width: 1700px) {
.project .page-header-wrapper .text-wrapper .lower-title {
font-size:20px
}
}
.project .page-header-wrapper .text-wrapper .lower-title p {
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #fff;
line-height: 1em
}
@media (min-width: 1700px) {
.project .page-header-wrapper .text-wrapper .lower-title p {
font-size:20px
}
}
.project .page-header-wrapper .text-wrapper .lower-title span {
font-size: calc(16.4px + .21176vw)
}
@media (min-width: 1700px) {
.project .page-header-wrapper .text-wrapper .lower-title span {
font-size:20px
}
}
.about .page-header-wrapper {
background-color: #1e1e1e
}
.about .page-header-wrapper .text-wrapper .lower-title,.about .page-header-wrapper .text-wrapper .lower-title p,.about .page-header-wrapper .text-wrapper .lower-title p span,.about .page-header-wrapper .text-wrapper .main-title,.about .page-header-wrapper .text-wrapper .main-title p,.about .page-header-wrapper .text-wrapper .main-title p span,.about .page-header-wrapper .text-wrapper .upper-title,.about .page-header-wrapper .text-wrapper .upper-title p,.about .page-header-wrapper .text-wrapper .upper-title p span {
color: #fff
}
.expertise .page-header-wrapper {
height: 100vh;
height: calc(var(--vh, 1vh)*100)
}
.expertise .page-header-wrapper .image-wrapper {
height: 100%
}
.expertise .page-header-wrapper .overlay {
background: -webkit-gradient(linear,left bottom,left top,color-stop(60%,rgba(39,51,62,.8)),to(rgba(39,51,62,0)));
background: -o-linear-gradient(bottom,rgba(39,51,62,.8) 60%,rgba(39,51,62,0) 100%);
background: linear-gradient(0deg,rgba(39,51,62,.8) 60%,rgba(39,51,62,0))
}
.expertise .page-header-wrapper .text-wrapper .lower-title,.expertise .page-header-wrapper .text-wrapper .lower-title p,.expertise .page-header-wrapper .text-wrapper .lower-title p span,.expertise .page-header-wrapper .text-wrapper .main-title,.expertise .page-header-wrapper .text-wrapper .main-title p,.expertise .page-header-wrapper .text-wrapper .main-title p span,.expertise .page-header-wrapper .text-wrapper .upper-title,.expertise .page-header-wrapper .text-wrapper .upper-title p,.expertise .page-header-wrapper .text-wrapper .upper-title p span {
color: #fff
}
.four04 .page-header-wrapper,.projects .page-header-wrapper {
height: 100vh;
height: calc(var(--vh, 1vh)*100)
}
.four04 .page-header-wrapper .image-wrapper,.projects .page-header-wrapper .image-wrapper {
height: 100%
}
.four04 .page-header-wrapper .overlay,.projects .page-header-wrapper .overlay {
background: -webkit-gradient(linear,left bottom,left top,color-stop(60%,rgba(19,29,24,.8)),to(rgba(19,29,24,0)));
background: -o-linear-gradient(bottom,rgba(19,29,24,.8) 60%,rgba(19,29,24,0) 100%);
background: linear-gradient(0deg,rgba(19,29,24,.8) 60%,rgba(19,29,24,0))
}
.four04 .page-header-wrapper .text-wrapper .lower-title,.four04 .page-header-wrapper .text-wrapper .lower-title p,.four04 .page-header-wrapper .text-wrapper .lower-title p span,.four04 .page-header-wrapper .text-wrapper .lower-title span,.four04 .page-header-wrapper .text-wrapper .main-title,.four04 .page-header-wrapper .text-wrapper .main-title p,.four04 .page-header-wrapper .text-wrapper .main-title p span,.four04 .page-header-wrapper .text-wrapper .main-title span,.four04 .page-header-wrapper .text-wrapper .upper-title,.four04 .page-header-wrapper .text-wrapper .upper-title p,.four04 .page-header-wrapper .text-wrapper .upper-title p span,.four04 .page-header-wrapper .text-wrapper .upper-title span,.projects .page-header-wrapper .text-wrapper .lower-title,.projects .page-header-wrapper .text-wrapper .lower-title p,.projects .page-header-wrapper .text-wrapper .lower-title p span,.projects .page-header-wrapper .text-wrapper .lower-title span,.projects .page-header-wrapper .text-wrapper .main-title,.projects .page-header-wrapper .text-wrapper .main-title p,.projects .page-header-wrapper .text-wrapper .main-title p span,.projects .page-header-wrapper .text-wrapper .main-title span,.projects .page-header-wrapper .text-wrapper .upper-title,.projects .page-header-wrapper .text-wrapper .upper-title p,.projects .page-header-wrapper .text-wrapper .upper-title p span,.projects .page-header-wrapper .text-wrapper .upper-title span {
color: #fff
}
.four04 .page-header-wrapper .text-wrapper .lower-title,.projects .page-header-wrapper .text-wrapper .lower-title {
width: 25%;
text-align: left;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.four04 .page-header-wrapper .text-wrapper .lower-title,.projects .page-header-wrapper .text-wrapper .lower-title {
font-size:18px
}
}
@media only screen and (max-width: 1100px) {
.four04 .page-header-wrapper .text-wrapper .lower-title,.projects .page-header-wrapper .text-wrapper .lower-title {
width:40%
}
}
@media only screen and (max-width: 820px) {
.four04 .page-header-wrapper .text-wrapper .lower-title,.projects .page-header-wrapper .text-wrapper .lower-title {
width:50%
}
}
@media only screen and (max-width: 680px) {
.four04 .page-header-wrapper .text-wrapper .lower-title,.projects .page-header-wrapper .text-wrapper .lower-title {
width:100%
}
}
.four04 .page-header-wrapper .text-wrapper .lower-title p,.projects .page-header-wrapper .text-wrapper .lower-title p {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
font-style: normal;
text-indent: 0
}
@media (min-width: 1700px) {
.four04 .page-header-wrapper .text-wrapper .lower-title p,.projects .page-header-wrapper .text-wrapper .lower-title p {
font-size:18px
}
}
@media only screen and (max-width: 680px) {
.four04 .page-header-wrapper .text-wrapper .lower-title p,.projects .page-header-wrapper .text-wrapper .lower-title p {
text-align:center
}
}
.four04 .page-header-wrapper .text-wrapper .lower-title span,.projects .page-header-wrapper .text-wrapper .lower-title span {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.four04 .page-header-wrapper .text-wrapper .lower-title span,.projects .page-header-wrapper .text-wrapper .lower-title span {
font-size:18px
}
}
.four04 .page-header-wrapper .text-wrapper .lower-title {
font-style: normal
}
.insights-single .page-header-wrapper.js-animated:before,.news-single .page-header-wrapper.js-animated:before {
opacity: 1
}
.insights-single .page-header-wrapper:before,.news-single .page-header-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(35,35,35,.3);
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(.165,.84,.44,1) 1s;
-o-transition: opacity 2s 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 2s cubic-bezier(.165,.84,.44,1) 1s;
z-index: 1
}
.insights-single .page-header-wrapper .text-wrapper,.news-single .page-header-wrapper .text-wrapper {
z-index: 2
}
.insights-single .page-header-wrapper .text-wrapper .main-title,.news-single .page-header-wrapper .text-wrapper .main-title {
font-size: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.insights-single .page-header-wrapper .text-wrapper .main-title,.news-single .page-header-wrapper .text-wrapper .main-title {
font-size:90px
}
}
.insights-single .page-header-wrapper .text-wrapper .main-title p,.news-single .page-header-wrapper .text-wrapper .main-title p {
font-size: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.insights-single .page-header-wrapper .text-wrapper .main-title p,.news-single .page-header-wrapper .text-wrapper .main-title p {
font-size:90px
}
}
.insights-single .page-header-wrapper .text-wrapper .main-title span,.news-single .page-header-wrapper .text-wrapper .main-title span {
font-size: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.insights-single .page-header-wrapper .text-wrapper .main-title span,.news-single .page-header-wrapper .text-wrapper .main-title span {
font-size:90px
}
}
.insights-single .page-header-wrapper .text-wrapper .lower-title,.insights-single .page-header-wrapper .text-wrapper .lower-title p,.insights-single .page-header-wrapper .text-wrapper .lower-title p span,.insights-single .page-header-wrapper .text-wrapper .main-title,.insights-single .page-header-wrapper .text-wrapper .main-title p,.insights-single .page-header-wrapper .text-wrapper .main-title p span,.insights-single .page-header-wrapper .text-wrapper .upper-title,.insights-single .page-header-wrapper .text-wrapper .upper-title p,.insights-single .page-header-wrapper .text-wrapper .upper-title p span,.news-single .page-header-wrapper .text-wrapper .lower-title,.news-single .page-header-wrapper .text-wrapper .lower-title p,.news-single .page-header-wrapper .text-wrapper .lower-title p span,.news-single .page-header-wrapper .text-wrapper .main-title,.news-single .page-header-wrapper .text-wrapper .main-title p,.news-single .page-header-wrapper .text-wrapper .main-title p span,.news-single .page-header-wrapper .text-wrapper .upper-title,.news-single .page-header-wrapper .text-wrapper .upper-title p,.news-single .page-header-wrapper .text-wrapper .upper-title p span {
color: #fff
}
.insights-single .page-header-wrapper .text-wrapper .lower-title,.news-single .page-header-wrapper .text-wrapper .lower-title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #fff;
line-height: 1em;
letter-spacing: -.01em;
font-style: normal
}
@media (min-width: 1700px) {
.insights-single .page-header-wrapper .text-wrapper .lower-title,.news-single .page-header-wrapper .text-wrapper .lower-title {
font-size:18px
}
}
.insights-single .page-header-wrapper .text-wrapper .lower-title span,.news-single .page-header-wrapper .text-wrapper .lower-title span {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.insights-single .page-header-wrapper .text-wrapper .lower-title span,.news-single .page-header-wrapper .text-wrapper .lower-title span {
font-size:18px
}
}
.plyr__video-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.plyr__video-wrapper video {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 50%;
object-position: 50% 50%
}
.image-with-caption-wrapper.bottom-right figcaption {
position: absolute;
width: 100%;
top: calc(100% + 15px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: right
}
@media only screen and (max-width: 820px) {
.image-with-caption-wrapper.bottom-right figcaption {
position:relative;
top: auto;
margin-top: 15px
}
}
.image-with-caption-wrapper.bottom-left figcaption {
position: absolute;
width: 100%;
top: calc(100% + 15px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left
}
@media only screen and (max-width: 820px) {
.image-with-caption-wrapper.bottom-left figcaption {
position:relative;
top: auto;
margin-top: 15px
}
}
.image-with-caption-wrapper.left-bottom figcaption {
position: absolute;
top: 0;
right: calc(100% + 15px);
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: right
}
@media only screen and (max-width: 820px) {
.image-with-caption-wrapper.left-bottom figcaption {
position:relative;
top: auto;
right: auto;
margin-top: 15px
}
}
.image-with-caption-wrapper figure {
position: relative
}
.image-with-caption-wrapper picture {
position: relative;
display: block
}
.image-with-caption-wrapper img {
position: relative
}
.image-with-caption-wrapper figcaption {
display: block;
white-space: nowrap
}
.image-with-caption-wrapper figcaption .caption {
color: #000;
text-transform: uppercase
}
.image-with-caption-wrapper figcaption .caption,.image-with-caption-wrapper figcaption .date {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
font-weight: 500;
line-height: 1.2em;
letter-spacing: -.01em
}
.image-with-caption-wrapper figcaption .date {
margin-top: calc(16.4px + .21176vw);
color: rgba(35,35,35,.6)
}
@media (min-width: 1700px) {
.image-with-caption-wrapper figcaption .date {
margin-top:20px
}
}
.image-with-caption-wrapper figcaption .date span {
font-style: italic
}
.featured-work-footer-wrapper {
position: relative;
padding-top: calc(20.4px + 2.32941vw);
padding-bottom: calc(18.4px + 1.27059vw);
--gridPadd: calc(18.4px + 1.27059vw);
border-top: 1px solid rgba(0,0,0,.1)
}
@media (min-width: 1700px) {
.featured-work-footer-wrapper {
padding-top:60px;
padding-bottom: 40px;
--gridPadd: 40px
}
}
@media only screen and (max-width: 680px) {
.featured-work-footer-wrapper {
padding-bottom:40px;
padding-top: 40px
}
.featured-work-footer-wrapper .row:first-of-type {
display: none
}
.featured-work-footer-wrapper .row:first-of-type img {
width: 0;
height: 0;
display: none
}
}
.featured-work-footer-wrapper .row.collapse {
padding-right: 0;
padding-left: 0
}
.featured-work-footer-wrapper .scroll-grid {
position: relative;
text-align: right;
padding-left: calc(var(--gridPadd) + .625rem);
padding-right: calc(var(--gridPadd) + .625rem)
}
@media only screen and (max-width: 1440px) {
.featured-work-footer-wrapper .scroll-grid {
padding-left:calc(var(--gridPadd)/2 + .625rem);
padding-right: calc(var(--gridPadd)/2 + .625rem)
}
}
@media only screen and (max-width: 680px) {
.featured-work-footer-wrapper .scroll-grid {
padding-left:calc(var(--gridPadd)/3 + .625rem);
padding-right: calc(var(--gridPadd)/3 + .625rem)
}
}
.featured-work-footer-wrapper .work-list-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.featured-work-footer-wrapper .work-list-wrapper.grid-1 .work-list {
grid-template-columns: auto
}
@media only screen and (max-width: 460px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-1 .work-list {
justify-items:start
}
.featured-work-footer-wrapper .work-list-wrapper.grid-1 .work-list li {
width: 100%
}
}
@media only screen and (max-width: 460px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-1 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.featured-work-footer-wrapper .work-list-wrapper.grid-1 .scroll-grid {
text-align: left
}
.featured-work-footer-wrapper .work-list-wrapper.grid-1 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 460px) and (min-width:1700px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-1 .title {
margin-bottom:30px
}
}
.featured-work-footer-wrapper .work-list-wrapper.grid-2 .work-list {
grid-template-columns: auto auto
}
@media only screen and (max-width: 768px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-2 .work-list {
justify-items:start
}
.featured-work-footer-wrapper .work-list-wrapper.grid-2 .work-list li {
width: 100%
}
}
@media only screen and (max-width: 768px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-2 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.featured-work-footer-wrapper .work-list-wrapper.grid-2 .scroll-grid {
text-align: left
}
.featured-work-footer-wrapper .work-list-wrapper.grid-2 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 768px) and (min-width:1700px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-2 .title {
margin-bottom:30px
}
}
.featured-work-footer-wrapper .work-list-wrapper.grid-3 .work-list {
grid-template-columns: auto auto auto
}
@media only screen and (max-width: 1080px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-3 .work-list {
justify-items:start
}
.featured-work-footer-wrapper .work-list-wrapper.grid-3 .work-list li {
width: 100%
}
}
@media only screen and (max-width: 1080px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-3 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.featured-work-footer-wrapper .work-list-wrapper.grid-3 .scroll-grid {
text-align: left
}
.featured-work-footer-wrapper .work-list-wrapper.grid-3 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 1080px) and (min-width:1700px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-3 .title {
margin-bottom:30px
}
}
.featured-work-footer-wrapper .work-list-wrapper.grid-4 .work-list {
grid-template-columns: auto auto auto auto
}
@media only screen and (max-width: 1380px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-4 .work-list {
justify-items:start
}
.featured-work-footer-wrapper .work-list-wrapper.grid-4 .work-list li {
width: 100%
}
}
@media only screen and (max-width: 1380px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-4 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.featured-work-footer-wrapper .work-list-wrapper.grid-4 .scroll-grid {
text-align: left
}
.featured-work-footer-wrapper .work-list-wrapper.grid-4 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 1380px) and (min-width:1700px) {
.featured-work-footer-wrapper .work-list-wrapper.grid-4 .title {
margin-bottom:30px
}
}
.featured-work-footer-wrapper .title {
position: absolute;
top: 0;
left: calc(var(--gridPadd) + .625rem);
font-family: "Montserrat", sans-serif;
font-size: calc(17.2px + .63529vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.featured-work-footer-wrapper .title {
font-size:28px
}
}
@media only screen and (max-width: 1440px) {
.featured-work-footer-wrapper .title {
left:calc(var(--gridPadd)/2 + .625rem)
}
}
@media only screen and (max-width: 680px) {
.featured-work-footer-wrapper .title {
left:calc(var(--gridPadd)/3 + .625rem)
}
}
.featured-work-footer-wrapper .work-list {
display: inline-grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto;
grid-column-gap: 50px;
justify-items: end
}
@media only screen and (max-width: 1380px) {
.featured-work-footer-wrapper .work-list {
grid-column-gap:30px
}
}
.featured-work-footer-wrapper .work-list li {
position: relative;
text-align: center;
min-width: 237px;
width: 237px
}
.featured-work-footer-wrapper .work-list li.soon img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.featured-work-footer-wrapper .work-list li .sold-container {
position: absolute;
top: 15px;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.featured-work-footer-wrapper .work-list li .sold-container .projects-sold-label-wrapper {
position: relative;
-webkit-transform: scale(.9);
transform: scale(.9);
-webkit-transform-origin: center;
transform-origin: center
}
.featured-work-footer-wrapper .work-list li .sold-container .projects-sold-label-wrapper .background {
background-color: #232323
}
.featured-work-footer-wrapper .work-list li a {
position: relative;
display: block;
text-decoration: none
}
@media (hover: hover) {
.featured-work-footer-wrapper .work-list li a:hover img {
-webkit-transform:scale(1.2);
transform: scale(1.2)
}
}
.featured-work-footer-wrapper .work-list li picture {
position: relative;
display: block;
overflow: hidden;
height: 307px
}
.featured-work-footer-wrapper .work-list li picture img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1),-webkit-transform 2.5s cubic-bezier(.165,.84,.44,1)
}
.featured-work-footer-wrapper .work-list li .work-title {
margin: calc(16.4px + .21176vw) 0 2px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.9px + .47647vw);
font-weight: 500;
color: #000;
line-height: 1.2em;
letter-spacing: -.01em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.featured-work-footer-wrapper .work-list li .work-title {
margin:20px 0 2px;
font-size: 25px
}
}
.featured-work-footer-wrapper .work-list li .description {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.1px + .05294vw);
font-weight: 300;
color: #000;
line-height: 1.2em;
font-style: italic
}
@media (min-width: 1700px) {
.featured-work-footer-wrapper .work-list li .description {
font-size:17px
}
}
.featured-work-footer-wrapper .legal-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 620px) {
.featured-work-footer-wrapper .legal-list {
margin-bottom:30px
}
}
@media only screen and (max-width: 500px) {
.featured-work-footer-wrapper .legal-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.featured-work-footer-wrapper .legal-list .legal-item {
margin-right: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.featured-work-footer-wrapper .legal-list .legal-item {
margin-right:30px
}
}
@media only screen and (max-width: 500px) {
.featured-work-footer-wrapper .legal-list .legal-item {
margin-right:0;
margin-bottom: 20px
}
}
.featured-work-footer-wrapper .legal-list .legal-item:last-child {
margin-right: 0
}
.featured-work-footer-wrapper .legal-list .legal-item,.featured-work-footer-wrapper .made-by-buro {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.1em;
text-transform: uppercase
}
.featured-work-footer-wrapper .legal-list .legal-item a,.featured-work-footer-wrapper .made-by-buro a {
position: relative;
text-decoration: none;
text-transform: uppercase;
color: #232323
}
@media (hover: hover) {
.featured-work-footer-wrapper .legal-list .legal-item a:hover:after,.featured-work-footer-wrapper .made-by-buro a:hover:after {
-webkit-transform:scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
.featured-work-footer-wrapper .legal-list .legal-item a:after,.featured-work-footer-wrapper .made-by-buro a:after {
content: "";
position: absolute;
bottom: -2px;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.featured-work-footer-wrapper .lower-footer {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 1700px) {
.featured-work-footer-wrapper .lower-footer {
margin-top:40px
}
}
@media only screen and (max-width: 620px) {
.featured-work-footer-wrapper .lower-footer {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width: 680px) {
.featured-work-footer-wrapper .lower-footer {
margin-top:0
}
}
.featured-work-footer-wrapper .lower-footer .badges {
position: absolute;
top: -5px;
left: calc(50% - 125px);
width: calc(39.4px + 12.38824vw)
}
@media (min-width: 1700px) {
.featured-work-footer-wrapper .lower-footer .badges {
width:250px
}
}
@media only screen and (max-width: 1280px) {
.featured-work-footer-wrapper .lower-footer .badges {
position:relative;
top: 0;
left: 0
}
}
@media only screen and (max-width: 620px) {
.featured-work-footer-wrapper .lower-footer .badges {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-top: calc(16.4px + .21176vw);
width: calc(64.4px + 25.62353vw)
}
}
@media only screen and (max-width: 620px) and (min-width:1700px) {
.featured-work-footer-wrapper .lower-footer .badges {
margin-top:20px;
width: 500px
}
}
.right-column-text-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0
}
@media (min-width: 1700px) {
.right-column-text-wrapper {
padding:60px 0
}
}
@media only screen and (max-width: 680px) {
.right-column-text-wrapper {
padding:80px 0
}
}
.right-column-text-wrapper .statistics-list li {
position: relative;
padding: 20px 40px 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.right-column-text-wrapper .statistics-list li {
font-size:22px
}
}
.right-column-text-wrapper .statistics-list li.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.right-column-text-wrapper .statistics-list li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.right-column-text-wrapper .statistics-list li .label {
font-weight: 500
}
.right-column-text-wrapper .statistics-list li .value {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
text-align: left
}
.cta-footer-wrapper {
position: relative;
border-top: 1px solid rgba(0,0,0,.2)
}
.cta-footer-wrapper.hide-footer .lower-footer-container .kategora-trademark {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.cta-footer-wrapper.hide-footer .lower-footer-container .legal-list .legal-item a {
pointer-events: none
}
.cta-footer-wrapper .banner-container {
position: relative;
left: -200vw;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: calc(18.4px + 1.27059vw) 0;
margin-top: -1px
}
@media (min-width: 1700px) {
.cta-footer-wrapper .banner-container {
padding:40px 0
}
}
.cta-footer-wrapper .banner-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: calc(17.2px + .63529vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.cta-footer-wrapper .banner-container .title {
font-size:28px
}
}
.cta-footer-wrapper .play-video {
grid-row: 1;
grid-column: 1;
bottom: calc(19.4px + 1.8vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 28px 34px;
max-width: 300px;
text-decoration: none;
border-radius: 58px;
border: none;
outline: none;
background: transparent;
z-index: 1;
cursor: pointer;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 1
}
@media (min-width: 1700px) {
.cta-footer-wrapper .play-video {
bottom:50px
}
}
@media only screen and (max-width: 1300px) {
.cta-footer-wrapper .play-video {
padding:24px 28px
}
}
@media only screen and (max-width: 680px) {
.cta-footer-wrapper .play-video {
padding:20px 24px
}
}
@media (hover: hover) {
.cta-footer-wrapper .play-video:hover .bg {
-webkit-transform:scale(1.1);
transform: scale(1.1)
}
.cta-footer-wrapper .play-video:hover .icon {
-webkit-animation-name: icon-hover;
animation-name: icon-hover
}
.cta-footer-wrapper .play-video:hover .shadow {
-webkit-animation-name: shadow-hover;
animation-name: shadow-hover
}
}
.cta-footer-wrapper .play-video .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 58px;
background-color: #f6f4f2;
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform
}
.cta-footer-wrapper .play-video .label {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1.1em;
letter-spacing: .14em;
text-transform: uppercase;
margin-right: 28px;
opacity: 1
}
@media only screen and (max-width: 680px) {
.cta-footer-wrapper .play-video .label {
font-size:15px;
line-height: 1
}
}
.cta-footer-wrapper .play-video .icon-container {
position: relative;
top: -1px
}
.cta-footer-wrapper .play-video .icon-container .icon {
position: relative
}
.cta-footer-wrapper .play-video .icon-container .icon,.cta-footer-wrapper .play-video .icon-container .shadow {
display: block;
-webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
animation-timing-function: cubic-bezier(.165,.84,.44,1);
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.cta-footer-wrapper .play-video .icon-container .shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.cta-footer-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-top: calc(23.9px + 4.18235vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.cta-footer-wrapper .upper-title {
margin-top:95px
}
}
@media only screen and (max-width: 680px) {
.cta-footer-wrapper .upper-title {
letter-spacing:1.3em
}
}
.cta-footer-wrapper .main-container {
position: relative
}
.cta-footer-wrapper .main-container a {
position: relative;
display: block;
text-decoration: none
}
.cta-footer-wrapper .main-container .title {
position: relative;
margin: 20px 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
z-index: 1
}
@media (min-width: 1700px) {
.cta-footer-wrapper .main-container .title {
font-size:120px
}
}
.cta-footer-wrapper .main-container .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.cta-footer-wrapper .main-container .title p {
font-size:120px
}
}
.cta-footer-wrapper .main-container .title span {
font-size: calc(26.4px + 5.50588vw);
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.cta-footer-wrapper .main-container .title span {
font-size:120px
}
}
.cta-footer-wrapper .main-container .link-wrapper {
grid-row: 1;
grid-column: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
transition: -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
-o-transition: transform 1.5s cubic-bezier(.19,1,.22,1);
transition: transform 1.5s cubic-bezier(.19,1,.22,1);
transition: transform 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)
}
.cta-footer-wrapper .main-container .link-wrapper:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.cta-footer-wrapper .main-container .image-container {
position: relative;
top: 4px;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
-webkit-transform-origin: bottom;
transform-origin: bottom
}
.cta-footer-wrapper .main-container .footer-video-container {
position: relative;
display: block
}
.cta-footer-wrapper .main-container .footer-video-container .media {
width: 100%
}
.cta-footer-wrapper .main-container picture {
position: relative;
display: block
}
.cta-footer-wrapper .main-container picture img {
width: 100%
}
.cta-footer-wrapper .lower-footer-container {
position: absolute;
bottom: calc(18.4px + 1.27059vw);
left: 0;
width: 100%;
pointer-events: none
}
@media (min-width: 1700px) {
.cta-footer-wrapper .lower-footer-container {
bottom:40px
}
}
@media only screen and (max-width: 750px) {
.cta-footer-wrapper .lower-footer-container {
position:relative;
bottom: auto;
left: auto
}
}
.cta-footer-wrapper .lower-footer-container .kategora-trademark {
display: none;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.1em;
text-transform: uppercase
}
@media only screen and (max-width: 620px) {
.cta-footer-wrapper .lower-footer-container .kategora-trademark {
margin-bottom:30px
}
}
@media only screen and (max-width: 500px) {
.cta-footer-wrapper .lower-footer-container .kategora-trademark {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.cta-footer-wrapper .lower-footer-container .legal-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px
}
@media only screen and (max-width: 620px) {
.cta-footer-wrapper .lower-footer-container .legal-list {
margin-bottom:30px
}
}
@media only screen and (max-width: 500px) {
.cta-footer-wrapper .lower-footer-container .legal-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.cta-footer-wrapper .lower-footer-container .legal-list .legal-item {
margin-right: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.cta-footer-wrapper .lower-footer-container .legal-list .legal-item {
margin-right:30px
}
}
@media only screen and (max-width: 500px) {
.cta-footer-wrapper .lower-footer-container .legal-list .legal-item {
margin-right:0;
margin-bottom: 20px
}
}
.cta-footer-wrapper .lower-footer-container .legal-list .legal-item:last-child {
margin-right: 0
}
.cta-footer-wrapper .lower-footer-container .legal-list .legal-item,.cta-footer-wrapper .lower-footer-container .made-by-buro {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.1em;
text-transform: uppercase
}
.cta-footer-wrapper .lower-footer-container .legal-list .legal-item a,.cta-footer-wrapper .lower-footer-container .made-by-buro a {
position: relative;
text-decoration: none;
text-transform: uppercase;
color: #232323;
pointer-events: visible
}
@media (hover: hover) {
.cta-footer-wrapper .lower-footer-container .legal-list .legal-item a:hover:after,.cta-footer-wrapper .lower-footer-container .made-by-buro a:hover:after {
-webkit-transform:scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
.cta-footer-wrapper .lower-footer-container .legal-list .legal-item a:after,.cta-footer-wrapper .lower-footer-container .made-by-buro a:after {
content: "";
position: absolute;
bottom: -2px;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.cta-footer-wrapper .lower-footer-container .lower-footer {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 1700px) {
.cta-footer-wrapper .lower-footer-container .lower-footer {
margin-top:40px
}
}
@media only screen and (max-width: 750px) {
.cta-footer-wrapper .lower-footer-container .lower-footer {
margin-bottom:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 750px) and (min-width:1700px) {
.cta-footer-wrapper .lower-footer-container .lower-footer {
margin-bottom:40px
}
}
@media only screen and (max-width: 620px) {
.cta-footer-wrapper .lower-footer-container .lower-footer {
-webkit-box-align:center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width: 680px) {
.cta-footer-wrapper .lower-footer-container .lower-footer {
margin:0;
padding-top: 40px;
padding-bottom: 40px
}
}
.expertise .cta-footer-wrapper {
border-top: 1px solid rgba(246,244,242,.2)
}
.expertise .cta-footer-wrapper .banner-container .title,.expertise .cta-footer-wrapper .lower-footer-container .lower-footer .legal-list .legal-item,.expertise .cta-footer-wrapper .lower-footer-container .lower-footer .legal-list .legal-item a,.expertise .cta-footer-wrapper .lower-footer-container .lower-footer .made-by-buro,.expertise .cta-footer-wrapper .lower-footer-container .lower-footer .made-by-buro a,.expertise .cta-footer-wrapper .main-container .title,.expertise .cta-footer-wrapper .main-container .title p,.expertise .cta-footer-wrapper .main-container .title span,.expertise .cta-footer-wrapper .upper-title {
color: #fff
}
.expertise .cta-footer-wrapper .lower-footer-container .lower-footer .legal-list .legal-item a:after,.expertise .cta-footer-wrapper .lower-footer-container .lower-footer .made-by-buro a:after,.projects .cta-footer-wrapper {
background-color: #fff
}
.kora-footer-wrapper {
position: relative;
height: 100vh;
padding-top: calc(21.4px + 2.85882vw);
background-color: #b8c4d1
}
@media (min-width: 1700px) {
.kora-footer-wrapper {
padding-top:70px
}
}
@media only screen and (max-width: 820px) {
.kora-footer-wrapper {
height:auto
}
}
.kora-footer-wrapper .upper-footer-container {
position: relative;
height: 100%
}
.kora-footer-wrapper .upper-footer-container .columns {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.kora-footer-wrapper .upper-footer-container .columns,.kora-footer-wrapper .upper-footer-container .columns .upper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.kora-footer-wrapper .upper-footer-container .columns .upper {
gap: 4px
}
.kora-footer-wrapper .upper-title {
position: relative;
left: 10px;
margin-bottom: 30px;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #172828;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media only screen and (max-width: 680px) {
.kora-footer-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-footer-wrapper .title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #172828;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center
}
@media (min-width: 1700px) {
.kora-footer-wrapper .title {
font-size:100px
}
}
.kora-footer-wrapper .title p {
margin-bottom: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #172828;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.kora-footer-wrapper .title p {
font-size:100px
}
}
.kora-footer-wrapper .title span {
font-size: calc(24.4px + 4.44706vw);
color: #172828;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.kora-footer-wrapper .title span {
font-size:100px
}
}
.kora-footer-wrapper .description {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #172828;
line-height: 1.4em;
text-align: center;
padding: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-footer-wrapper .description {
font-size:19px;
padding: 40px
}
}
.kora-footer-wrapper .video-container {
position: relative;
width: 30vw;
height: 60vh;
overflow: hidden;
border-radius: 30vw 30vw 0 0
}
@media only screen and (max-width: 820px) {
.kora-footer-wrapper .video-container {
width:calc(82.1px + 34.99412vw);
height: calc(90.6px + 39.49412vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-footer-wrapper .video-container {
width:677px;
height: 762px
}
}
.kora-footer-wrapper .video-container video {
position: relative;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.kora-footer-wrapper .video-container .video-title-container {
position: absolute;
inset: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none
}
@media (hover: hover) {
.kora-footer-wrapper .video-container .video-title-container:hover .inner {
background-color:#172828;
border-color: #172828
}
}
.kora-footer-wrapper .video-container .video-title-container .inner {
position: relative;
padding-top: calc(19px + 1.58824vw);
padding-bottom: calc(17.4px + .74118vw);
width: calc(37.8px + 11.54118vw);
height: calc(47.8px + 16.83529vw);
border-radius: 234px 234px 0 0;
border: 1px solid #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: background-color .5s cubic-bezier(.19,1,.22,1),border-color .5s cubic-bezier(.19,1,.22,1);
-o-transition: background-color .5s cubic-bezier(.19,1,.22,1),border-color .5s cubic-bezier(.19,1,.22,1);
transition: background-color .5s cubic-bezier(.19,1,.22,1),border-color .5s cubic-bezier(.19,1,.22,1)
}
@media (min-width: 1700px) {
.kora-footer-wrapper .video-container .video-title-container .inner {
padding-top:46px;
padding-bottom: 30px;
width: 234px;
height: 334px
}
}
@media only screen and (max-width: 680px) {
.kora-footer-wrapper .video-container .video-title-container .inner {
width:calc(49.4px + 17.68235vw);
height: calc(64.4px + 25.62353vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-footer-wrapper .video-container .video-title-container .inner {
width:350px;
height: 500px
}
}
.kora-footer-wrapper .video-container .video-title-container .inner .video-title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.2px;
text-transform: uppercase;
text-align: center
}
.kora-footer-wrapper .lower-footer-container {
position: absolute;
bottom: calc(18.4px + 1.27059vw);
left: 0;
width: 100%;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-footer-wrapper .lower-footer-container {
bottom:40px
}
}
@media only screen and (max-width: 750px) {
.kora-footer-wrapper .lower-footer-container {
position:relative;
bottom: auto;
left: auto
}
}
.kora-footer-wrapper .lower-footer-container .kategora-trademark {
display: none;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #172828;
line-height: 1.1em;
text-transform: uppercase
}
@media only screen and (max-width: 620px) {
.kora-footer-wrapper .lower-footer-container .kategora-trademark {
margin-bottom:30px
}
}
@media only screen and (max-width: 500px) {
.kora-footer-wrapper .lower-footer-container .kategora-trademark {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.kora-footer-wrapper .lower-footer-container .legal-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 620px) {
.kora-footer-wrapper .lower-footer-container .legal-list {
margin-bottom:30px
}
}
@media only screen and (max-width: 500px) {
.kora-footer-wrapper .lower-footer-container .legal-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.kora-footer-wrapper .lower-footer-container .legal-list .legal-item {
margin-right: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.kora-footer-wrapper .lower-footer-container .legal-list .legal-item {
margin-right:30px
}
}
@media only screen and (max-width: 500px) {
.kora-footer-wrapper .lower-footer-container .legal-list .legal-item {
margin-right:0;
margin-bottom: 20px
}
}
.kora-footer-wrapper .lower-footer-container .legal-list .legal-item:last-child {
margin-right: 0
}
.kora-footer-wrapper .lower-footer-container .legal-list .legal-item,.kora-footer-wrapper .lower-footer-container .made-by-buro {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #172828;
line-height: 1.1em;
text-transform: uppercase
}
.kora-footer-wrapper .lower-footer-container .legal-list .legal-item a,.kora-footer-wrapper .lower-footer-container .made-by-buro a {
position: relative;
text-decoration: none;
text-transform: uppercase;
color: #172828;
pointer-events: visible
}
@media (hover: hover) {
.kora-footer-wrapper .lower-footer-container .legal-list .legal-item a:hover:after,.kora-footer-wrapper .lower-footer-container .made-by-buro a:hover:after {
-webkit-transform:scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
.kora-footer-wrapper .lower-footer-container .legal-list .legal-item a:after,.kora-footer-wrapper .lower-footer-container .made-by-buro a:after {
content: "";
position: absolute;
bottom: -2px;
display: block;
width: 100%;
height: 1px;
background-color: #172828;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.kora-footer-wrapper .lower-footer-container .lower-footer {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 1700px) {
.kora-footer-wrapper .lower-footer-container .lower-footer {
margin-top:40px
}
}
@media only screen and (max-width: 750px) {
.kora-footer-wrapper .lower-footer-container .lower-footer {
margin-bottom:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 750px) and (min-width:1700px) {
.kora-footer-wrapper .lower-footer-container .lower-footer {
margin-bottom:40px
}
}
@media only screen and (max-width: 620px) {
.kora-footer-wrapper .lower-footer-container .lower-footer {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width: 680px) {
.kora-footer-wrapper .lower-footer-container .lower-footer {
margin:0;
padding-top: 40px;
padding-bottom: 40px
}
}
.menu-wrapper {
position: fixed;
top: calc(50% - 250px);
right: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 500px;
pointer-events: none;
z-index: 1001;
opacity: 0
}
@media only screen and (max-width: 800px) {
.menu-wrapper {
top:10px;
right: 10px;
height: auto;
min-width: 300px
}
}
@media only screen and (max-width: 450px) {
.menu-wrapper {
min-width:260px
}
}
.menu-wrapper.dark-menu .inner-menu:before {
background-color: rgba(0,0,0,.8);
-webkit-box-shadow: 0 10px 18px 0 transparent;
box-shadow: 0 10px 18px 0 transparent
}
.menu-wrapper.dark-menu .language-wrapper svg path {
fill: #fff
}
.menu-wrapper.dark-menu .language-wrapper .language-links li a {
color: #fff
}
.menu-wrapper.dark-menu .main-links .social-links a path {
fill: #232323
}
.menu-wrapper.dark-menu .main-links .social-links a .circle {
fill: #fff
}
.menu-wrapper.dark-menu .main-links .main-link.active a {
color: #fff
}
.menu-wrapper.dark-menu .main-links .main-link a {
color: hsla(0,0%,100%,.6)
}
@media (hover: hover) {
.menu-wrapper.dark-menu .main-links .main-link a:hover {
color:#fff
}
}
.menu-wrapper.dark-menu .secondary-links-container .secondary-links li {
color: #fff;
cursor: pointer
}
.menu-wrapper.dark-menu .position-container {
background: hsla(0,0%,100%,.1)
}
.menu-wrapper.dark-menu .position-container span {
/* background: #fff; */
}
.menu-wrapper.dark-menu .menu-btn {
background-color: #232323
}
.menu-wrapper.dark-menu .menu-btn .label {
color: #fff
}
.menu-wrapper.dark-menu .menu-btn .burguer span {
background-color: #fff
}
.menu-wrapper .inner-menu {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
pointer-events: none
}
@media only screen and (max-width: 800px) {
.menu-wrapper .inner-menu {
-webkit-box-align:start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%
}
}
.menu-wrapper .inner-menu:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background-color: hsla(0,0%,100%,.7);
-webkit-backdrop-filter: blur(22px);
backdrop-filter: blur(22px);
-webkit-box-shadow: 0 10px 18px 0 rgba(0,0,0,.1);
box-shadow: 0 10px 18px 0 rgba(0,0,0,.1);
opacity: 0;
-webkit-transform: scale(0) translateX(-30px);
transform: scale(0) translateX(-30px);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: opacity .25s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1);
transition: opacity .25s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1);
-o-transition: transform .5s cubic-bezier(.19,1,.22,1),opacity .25s cubic-bezier(.19,1,.22,1);
transition: transform .5s cubic-bezier(.19,1,.22,1),opacity .25s cubic-bezier(.19,1,.22,1);
transition: transform .5s cubic-bezier(.19,1,.22,1),opacity .25s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1);
pointer-events: none
}
@media only screen and (max-width: 800px) {
.menu-wrapper .inner-menu:before {
background-color:hsla(0,0%,100%,.95)
}
}
.menu-wrapper.active,.menu-wrapper.active .inner-menu {
pointer-events: visible
}
.menu-wrapper.active .inner-menu:before {
opacity: 1;
-webkit-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
-webkit-transition: opacity .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1);
transition: opacity .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1);
-o-transition: transform .5s cubic-bezier(.19,1,.22,1),opacity .5s cubic-bezier(.19,1,.22,1);
transition: transform .5s cubic-bezier(.19,1,.22,1),opacity .5s cubic-bezier(.19,1,.22,1);
transition: transform .5s cubic-bezier(.19,1,.22,1),opacity .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1)
}
.menu-wrapper .language-wrapper {
position: absolute;
top: 40px;
left: calc(19.9px + 2.06471vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
z-index: 1
}
@media (min-width: 1700px) {
.menu-wrapper .language-wrapper {
left:55px
}
}
@media only screen and (max-width: 800px) {
.menu-wrapper .language-wrapper {
top:30px
}
}
.menu-wrapper .language-wrapper svg {
position: relative;
opacity: 0
}
.menu-wrapper .language-wrapper svg path {
fill: #232323
}
.menu-wrapper .language-wrapper .language-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.menu-wrapper .language-wrapper .language-links li {
position: relative
}
.menu-wrapper .language-wrapper .language-links li.active a,.menu-wrapper .language-wrapper .language-links li:hover a {
opacity: 1
}
.menu-wrapper .language-wrapper .language-links li a {
position: relative;
padding: 10px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #232323;
line-height: 1.2em;
text-transform: uppercase;
text-decoration: none;
opacity: .5;
-webkit-transition: opacity .5s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity .5s cubic-bezier(.165,.84,.44,1);
transition: opacity .5s cubic-bezier(.165,.84,.44,1)
}
.menu-wrapper .main-links {
position: relative;
padding: calc(22.9px + 3.65294vw) 0 calc(17.9px + 1.00588vw) calc(19.9px + 2.06471vw);
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.menu-wrapper .main-links {
padding:85px 0 35px 55px;
gap: 40px
}
}
@media only screen and (max-width: 800px) {
.menu-wrapper .main-links {
padding-top:60px
}
}
.menu-wrapper .main-links .social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 14px
}
.menu-wrapper .main-links .social-links li:hover a {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.menu-wrapper .main-links .social-links a {
display: block;
text-decoration: none;
-webkit-transition: -webkit-transform .5s cubic-bezier(.19,1,.22,1);
transition: -webkit-transform .5s cubic-bezier(.19,1,.22,1);
-o-transition: transform .5s cubic-bezier(.19,1,.22,1);
transition: transform .5s cubic-bezier(.19,1,.22,1);
transition: transform .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1)
}
.menu-wrapper .main-links .social-links a path {
fill: #fff
}
.menu-wrapper .main-links .social-links a .circle {
fill: #232323
}
.menu-wrapper .main-links .main-link {
position: relative;
display: block
}
.menu-wrapper .main-links .main-link.active a {
color: #000;
-webkit-transform: translateX(0);
transform: translateX(0)
}
@media (hover: hover) {
.menu-wrapper .main-links .main-link.active a:hover {
-webkit-transform:translateX(0);
transform: translateX(0)
}
}
.menu-wrapper .main-links .main-link a {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: rgba(0,0,0,.4);
line-height: 1.6em;
letter-spacing: -.01em;
text-decoration: none;
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.menu-wrapper .main-links .main-link a {
font-size:30px
}
}
@media only screen and (max-width: 800px) {
.menu-wrapper .main-links .main-link a {
font-family:Saol;
font-weight: 400;
font-size: calc(20.2px + 2.22353vw);
font-weight: 500;
color: rgba(0,0,0,.4);
line-height: 1.6em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 800px) and (min-width:1700px) {
.menu-wrapper .main-links .main-link a {
font-size:58px
}
}
@media (hover: hover) {
.menu-wrapper .main-links .main-link a:hover {
color:#000;
-webkit-transform: translateX(5px);
transform: translateX(5px)
}
}
.menu-wrapper .secondary-links-container {
position: relative;
display: none
}
.menu-wrapper .secondary-links-container.active {
display: block;
margin-bottom: 20px
}
.menu-wrapper .secondary-links-container .secondary-links {
position: relative
}
.menu-wrapper .secondary-links-container .secondary-links li {
position: relative;
padding-left: 20px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #000;
line-height: 1.8em;
letter-spacing: -.01em;
cursor: pointer;
-webkit-transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);
-o-transition: transform .5s cubic-bezier(.165,.84,.44,1);
transition: transform .5s cubic-bezier(.165,.84,.44,1);
transition: transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.menu-wrapper .secondary-links-container .secondary-links li {
font-size:17px
}
}
@media only screen and (max-width: 800px) {
.menu-wrapper .secondary-links-container .secondary-links li {
font-family:Matter;
font-size: calc(17.8px + .95294vw);
font-weight: 400;
color: #000;
line-height: 1.8em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 800px) and (min-width:1700px) {
.menu-wrapper .secondary-links-container .secondary-links li {
font-size:34px
}
}
.menu-wrapper .secondary-links-container .secondary-links li a {
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #000;
line-height: 1.8em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.menu-wrapper .secondary-links-container .secondary-links li a {
font-size:17px
}
}
@media only screen and (max-width: 800px) {
.menu-wrapper .secondary-links-container .secondary-links li a {
font-family:Matter;
font-size: calc(17.8px + .95294vw);
font-weight: 400;
color: #000;
line-height: 1.8em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 800px) and (min-width:1700px) {
.menu-wrapper .secondary-links-container .secondary-links li a {
font-size:34px
}
}
@media (hover: hover) {
.menu-wrapper .secondary-links-container .secondary-links li:hover {
-webkit-transform:translateX(5px);
transform: translateX(5px)
}
}
.menu-wrapper .position-container {
height: 100%;
background: rgba(0,0,0,.05)
}
.menu-wrapper .position-container,.menu-wrapper .position-container span {
position: absolute;
top: 0;
left: 0;
display: block;
width: 2px;
border-radius: 39px
}
.menu-wrapper .position-container span {
height: calc(100%/var(--secondary-menu-items, 4));
/* background: #000 */
}
.menu-wrapper .menu-btn {
position: relative;
margin-left: 70px;
margin-right: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 80px;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
outline: none;
border: none;
border-radius: 20px;
background-color: #fff;
-webkit-transition: background-color .25s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .25s cubic-bezier(.165,.84,.44,1);
transition: background-color .25s cubic-bezier(.165,.84,.44,1)
}
@media only screen and (max-width: 800px) {
.menu-wrapper .menu-btn {
margin:0;
width: 51px;
height: 51px;
border-radius: 100%;
right: 10px;
top: 10px
}
}
.menu-wrapper .menu-btn.light-btn {
background-color: #fff
}
.menu-wrapper .menu-btn.light-btn .label {
color: #232323
}
.menu-wrapper .menu-btn.dark-btn,.menu-wrapper .menu-btn.light-btn .burguer span {
background-color: #232323
}
.menu-wrapper .menu-btn.dark-btn .label {
color: #fff
}
.menu-wrapper .menu-btn.dark-btn .burguer span {
background-color: #fff
}
.menu-wrapper .menu-btn .label {
position: absolute;
top: 2px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 11px;
font-weight: 700;
color: #232323;
line-height: 1.2em;
text-transform: uppercase;
-webkit-transition: color .25s cubic-bezier(.165,.84,.44,1);
-o-transition: color .25s cubic-bezier(.165,.84,.44,1);
transition: color .25s cubic-bezier(.165,.84,.44,1)
}
@media only screen and (max-width: 800px) {
.menu-wrapper .menu-btn .label {
display:none
}
}
.menu-wrapper .menu-btn .burguer {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none
}
@media only screen and (max-width: 800px) {
.menu-wrapper .menu-btn .burguer {
display:-webkit-box;
display: -ms-flexbox;
display: flex
}
}
.menu-wrapper .menu-btn .burguer span {
position: absolute;
width: 20px;
height: 2px;
background-color: #232323;
border-radius: 1px
}
.menu-wrapper .menu-btn .burguer span.top {
top: 21px
}
.menu-wrapper .menu-btn .burguer span.bottom {
bottom: 21px
}
.menu-wrapper .menu-btn-hitzone {
position: absolute;
top: calc(50% - 75px);
right: -5px;
display: block;
width: 70px;
height: 120px;
cursor: pointer;
pointer-events: visible;
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none
}
@media only screen and (max-width: 800px) {
.menu-wrapper .menu-btn-hitzone {
top:5px;
right: 5px;
width: 61px;
height: 61px
}
}
.win .menu-wrapper.dark-menu .inner-menu:before {
background-color: rgba(0,0,0,.95)
}
.win .menu-wrapper .inner-menu:before {
background-color: hsla(0,0%,100%,.95);
-webkit-backdrop-filter: none;
backdrop-filter: none
}
.cta-btn-wrapper {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 170px;
height: 170px;
z-index: 10;
cursor: pointer
}
@media only screen and (max-width: 1300px) {
.cta-btn-wrapper {
width:140px;
height: 140px
}
}
@media only screen and (max-width: 800px) {
.cta-btn-wrapper {
width:120px;
height: 120px
}
}
@media only screen and (max-width: 680px) {
.cta-btn-wrapper {
width:110px;
height: 110px
}
}
.cta-btn-wrapper a {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%
}
.cta-btn-wrapper .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
background-color: #232323;
background-color: rgba(35,35,35,.95);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px)
}
.cta-btn-wrapper .icons-container {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.cta-btn-wrapper .icons-container svg {
position: relative;
display: block;
max-width: 120px;
max-height: 120px;
top: -3px
}
@media only screen and (max-width: 1300px) {
.cta-btn-wrapper .icons-container svg {
width:70px;
height: 70px
}
}
.cta-btn-wrapper .round-text-wrapper {
position: relative;
display: block;
width: 100%;
height: 100%
}
.cta-btn-wrapper .round-text-svg {
position: relative;
top: 4.5%;
left: 4.5%;
display: block;
width: 90%;
height: 90%;
opacity: .4
}
.cta-btn-wrapper .round-text-svg svg {
width: 100%;
height: 100%
}
.cta-btn-wrapper .round-text {
position: absolute;
top: 5%;
left: 5%;
display: inline-block;
width: 90%;
height: 90%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.cta-btn-wrapper .round-text span {
left: 50%;
width: 4px;
margin: 0;
font-family: "Montserrat", sans-serif;
font-size: 7px;
font-weight: 400;
color: hsla(0,0%,100%,.4);
line-height: 1em;
letter-spacing: 0;
text-transform: uppercase;
text-align: center
}
.secondary-menu-container {
position: fixed;
top: 20px;
left: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 100;
-webkit-transition: opacity .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .25s cubic-bezier(.165,.84,.44,1);
transition: opacity .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .25s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity .25s cubic-bezier(.165,.84,.44,1),transform .25s cubic-bezier(.165,.84,.44,1);
transition: opacity .25s cubic-bezier(.165,.84,.44,1),transform .25s cubic-bezier(.165,.84,.44,1);
transition: opacity .25s cubic-bezier(.165,.84,.44,1),transform .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .25s cubic-bezier(.165,.84,.44,1)
}
@media only screen and (max-width: 800px) {
.secondary-menu-container {
top:30px
}
}
.secondary-menu-container.hide-menu {
opacity: 0;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0)
}
.secondary-menu-container.hide-menu .secondary-menu-wrapper li {
pointer-events: none
}
.secondary-menu-container .btn-list-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 0;
border-radius: 0;
border: none;
background: transparent;
outline: none;
cursor: pointer;
margin: 0 0 3px;
pointer-events: visible
}
.secondary-menu-container .btn-list-mobile.change-color .text {
color: #232323;
border-color: #fff;
background-color: #fff
}
.secondary-menu-container .btn-list-mobile.change-color .icon {
border-color: #fff;
background-color: #fff
}
.secondary-menu-container .btn-list-mobile.change-color .icon svg path {
fill: #232323
}
.secondary-menu-container .btn-list-mobile .text {
display: block;
padding: 9px 21px;
border: 1px solid #232323;
border-radius: 50px;
background-color: #232323;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 13px;
font-weight: 500;
color: #fff;
line-height: 1.18em;
letter-spacing: -.01em;
text-align: center;
-webkit-transition: color .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1);
-o-transition: color .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1);
transition: color .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.secondary-menu-container .btn-list-mobile .icon {
display: block;
height: 35px;
width: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 2px;
border: 1px solid #232323;
border-radius: 100%;
background-color: #232323;
pointer-events: none;
-webkit-transition: border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1);
-o-transition: border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1);
transition: border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1)
}
.secondary-menu-container .btn-list-mobile .icon svg path {
fill: #fff;
-webkit-transition: fill .25s cubic-bezier(.165,.84,.44,1);
-o-transition: fill .25s cubic-bezier(.165,.84,.44,1);
transition: fill .25s cubic-bezier(.165,.84,.44,1)
}
.secondary-menu-container .secondary-menu-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.secondary-menu-container .secondary-menu-wrapper li {
position: relative;
margin: 3px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
cursor: pointer;
pointer-events: visible
}
.secondary-menu-container .secondary-menu-wrapper li.brochure {
margin-top: 40px
}
.secondary-menu-container .secondary-menu-wrapper li.change-color .inner {
color: #fff;
border-color: #fff
}
.secondary-menu-container .secondary-menu-wrapper li.change-color svg path {
fill: #fff
}
.secondary-menu-container .secondary-menu-wrapper li.change-color .circunference {
border: 1px solid #fff
}
@media (hover: hover) {
.secondary-menu-container .secondary-menu-wrapper li:hover .inner {
-webkit-transform:translateX(4px);
transform: translateX(4px)
}
}
.secondary-menu-container .secondary-menu-wrapper li.active {
pointer-events: none
}
@media (hover: hover) {
.secondary-menu-container .secondary-menu-wrapper li:hover .inner {
background-color:#232323;
color: #fff
}
.secondary-menu-container .secondary-menu-wrapper li:hover .inner svg path {
fill: #fff
}
.secondary-menu-container .secondary-menu-wrapper li:hover.change-color .inner {
background-color: #fff;
color: #232323
}
.secondary-menu-container .secondary-menu-wrapper li:hover.change-color .inner svg path {
fill: #232323
}
.secondary-menu-container .secondary-menu-wrapper li:hover.change-color .circle {
background-color: #fff
}
.secondary-menu-container .secondary-menu-wrapper li:hover .circle {
background-color: #232323
}
}
.secondary-menu-container .secondary-menu-wrapper li.active .inner {
background-color: #232323;
color: #fff
}
.secondary-menu-container .secondary-menu-wrapper li.active .inner svg path {
fill: #fff
}
.secondary-menu-container .secondary-menu-wrapper li.active.change-color .inner {
background-color: #fff;
color: #232323
}
.secondary-menu-container .secondary-menu-wrapper li.active.change-color .inner svg path {
fill: #232323
}
.secondary-menu-container .secondary-menu-wrapper li.active.change-color .circle {
background-color: #fff
}
.secondary-menu-container .secondary-menu-wrapper li.active .circle {
background-color: #232323
}
.secondary-menu-container .secondary-menu-wrapper li .circunference {
position: relative;
margin-right: 0;
display: block;
width: 6px;
height: 6px;
border-radius: 6px;
background-color: transparent;
border: 1px solid #232323;
-webkit-transition: border-color .25s cubic-bezier(.165,.84,.44,1);
-o-transition: border-color .25s cubic-bezier(.165,.84,.44,1);
transition: border-color .25s cubic-bezier(.165,.84,.44,1)
}
.secondary-menu-container .secondary-menu-wrapper li .circle {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
background-color: transparent;
-webkit-transition: background-color .25s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .25s cubic-bezier(.165,.84,.44,1);
transition: background-color .25s cubic-bezier(.165,.84,.44,1)
}
.secondary-menu-container .secondary-menu-wrapper li .inner {
display: inline-block;
padding: 9px 21px;
border: 1px solid #232323;
border-radius: 50px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 13px;
font-weight: 500;
color: #232323;
line-height: 1.18em;
letter-spacing: -.01em;
text-align: center;
-webkit-transition: color .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .25s cubic-bezier(.165,.84,.44,1);
transition: color .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .25s cubic-bezier(.165,.84,.44,1);
-o-transition: color .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1),transform .25s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1);
transition: color .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1),transform .25s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1);
transition: color .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1),transform .25s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .25s cubic-bezier(.165,.84,.44,1);
pointer-events: none;
-webkit-transform: translateX(4px);
transform: translateX(4px);
opacity: 0
}
.secondary-menu-container .secondary-menu-wrapper li .inner svg {
margin-right: 10px
}
.secondary-menu-container .secondary-menu-wrapper li .inner svg path {
-webkit-transition: fill .25s cubic-bezier(.165,.84,.44,1);
-o-transition: fill .25s cubic-bezier(.165,.84,.44,1);
transition: fill .25s cubic-bezier(.165,.84,.44,1)
}
.touch-menu {
pointer-events: none
}
.touch-menu .secondary-menu-wrapper.open li {
pointer-events: visible
}
.touch-menu .secondary-menu-wrapper li {
pointer-events: none
}
.touch-menu .secondary-menu-wrapper li .circunference {
display: none
}
.home .cookies-consent-wrapper .home-cookies {
display: block
}
.home .cookies-consent-wrapper .inner-cookies {
display: none
}
.cookies-consent-wrapper {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100vw;
height: 100vh;
height: calc(var(--vh, 1vh)*100);
z-index: 1001;
pointer-events: none;
opacity: 0;
visibility: hidden;
display: none
}
@media only screen and (max-width: 580px) {
.cookies-consent-wrapper {
-webkit-box-pack:end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media only screen and (max-width: 460px) {
.cookies-consent-wrapper {
padding-left:110px
}
}
.cookies-consent-wrapper .home-cookies {
position: relative;
margin-bottom: 20px;
display: none;
pointer-events: visible
}
.cookies-consent-wrapper .home-cookies .label,.cookies-consent-wrapper .home-cookies .label a {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #fff;
line-height: 1.2em;
letter-spacing: -.02em
}
.cookies-consent-wrapper .home-cookies .label a {
font-weight: 600
}
.cookies-consent-wrapper .inner-cookies {
position: relative;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 14px;
height: 51px;
background-color: #fff;
border-radius: 26px;
pointer-events: visible
}
@media only screen and (max-width: 430px) {
.cookies-consent-wrapper .inner-cookies {
padding-left:20px
}
}
.cookies-consent-wrapper .inner-cookies svg {
position: relative;
margin-right: 10px
}
@media only screen and (max-width: 460px) {
.cookies-consent-wrapper .inner-cookies svg {
display:none
}
}
.cookies-consent-wrapper .inner-cookies .text {
position: relative;
margin-right: 20px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #232323;
line-height: 1.2em;
letter-spacing: -.02em
}
@media only screen and (max-width: 361px) {
.cookies-consent-wrapper .inner-cookies .text {
font-size:11px
}
}
.cookies-consent-wrapper .inner-cookies .text a {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 13px;
font-weight: 500;
color: #232323;
line-height: 1.2em;
letter-spacing: -.02em;
text-decoration: none
}
@media only screen and (max-width: 361px) {
.cookies-consent-wrapper .inner-cookies .text a {
font-size:11px
}
}
.cookies-consent-wrapper .inner-cookies .text a:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .25s cubic-bezier(.23,1,.32,1);
transition: -webkit-transform .25s cubic-bezier(.23,1,.32,1);
-o-transition: transform .25s cubic-bezier(.23,1,.32,1);
transition: transform .25s cubic-bezier(.23,1,.32,1);
transition: transform .25s cubic-bezier(.23,1,.32,1),-webkit-transform .25s cubic-bezier(.23,1,.32,1)
}
@media (hover: hover) {
.cookies-consent-wrapper .inner-cookies .text a:hover:after {
-webkit-transform:scaleX(1);
transform: scaleX(1)
}
}
.cookies-consent-wrapper .inner-cookies .ok-btn {
padding: 7px 13px 6px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 13px;
font-weight: 500;
color: #fff;
line-height: 1.2em;
letter-spacing: -.02em;
background-color: #232323;
border-radius: 35px;
border: 1px solid #232323;
outline: none;
cursor: pointer;
-webkit-transition: color .25s cubic-bezier(.23,1,.32,1),background-color .25s cubic-bezier(.23,1,.32,1);
-o-transition: color .25s cubic-bezier(.23,1,.32,1),background-color .25s cubic-bezier(.23,1,.32,1);
transition: color .25s cubic-bezier(.23,1,.32,1),background-color .25s cubic-bezier(.23,1,.32,1)
}
@media (hover: hover) {
.cookies-consent-wrapper .inner-cookies .ok-btn:hover {
background-color:#fff;
color: #232323
}
}
html:not(.has-scroll-smooth) .home .cookies-consent-wrapper .home-cookies {
display: none
}
html:not(.has-scroll-smooth) .home .cookies-consent-wrapper .inner-cookies {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
html:not(.has-scroll-smooth) .cookies-consent-wrapper {
position: fixed;
height: auto;
bottom: 30px;
top: auto;
left: auto
}
@media only screen and (max-width: 800px) {
html:not(.has-scroll-smooth) .cookies-consent-wrapper {
bottom:20px
}
}
@media only screen and (max-width: 580px) {
html:not(.has-scroll-smooth) .cookies-consent-wrapper {
right:20px
}
}
html:not(.has-scroll-smooth) .cookies-consent-wrapper .inner-cookies {
margin: 0
}
.form-modal-wrapper-background {
content: "";
background: #da352b;
mix-blend-mode: multiply;
z-index: 1004
}
.form-modal-wrapper,.form-modal-wrapper-background {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden
}
.form-modal-wrapper {
--iti-hover-color: transparent;
padding: 0 130px;
z-index: 1005
}
@media only screen and (max-width: 1180px) {
.form-modal-wrapper {
padding:0 115px
}
}
@media only screen and (max-width: 880px) {
.form-modal-wrapper {
padding:0 20px
}
}
.form-modal-wrapper .submitted-message {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.8px + .42353vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
padding-top: 24px
}
@media (min-width: 1700px) {
.form-modal-wrapper .submitted-message {
font-size:24px
}
}
.form-modal-wrapper.native-scroll {
overflow: auto
}
.form-modal-wrapper .close-btn {
position: absolute;
top: calc(18.9px + 1.53529vw);
right: calc(18.9px + 1.53529vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 66px;
height: 66px;
border-radius: 100%;
outline: none;
border: none;
cursor: pointer
}
@media (min-width: 1700px) {
.form-modal-wrapper .close-btn {
top:45px;
right: 45px
}
}
@media only screen and (max-width: 1180px) {
.form-modal-wrapper .close-btn {
width:60px;
height: 60px
}
}
@media only screen and (max-width: 800px) {
.form-modal-wrapper .close-btn {
width:51px;
height: 51px;
z-index: 1;
top: 40px;
right: 40px
}
}
.form-modal-wrapper .close-btn svg {
position: relative;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.23,1,.32,1);
transition: -webkit-transform .5s cubic-bezier(.23,1,.32,1);
-o-transition: transform .5s cubic-bezier(.23,1,.32,1);
transition: transform .5s cubic-bezier(.23,1,.32,1);
transition: transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)
}
@media only screen and (max-width: 800px) {
.form-modal-wrapper .close-btn svg path {
fill:#fff
}
}
.form-modal-wrapper .close-btn:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
background-color: #fff;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.23,1,.32,1);
transition: -webkit-transform .5s cubic-bezier(.23,1,.32,1);
-o-transition: transform .5s cubic-bezier(.23,1,.32,1);
transition: transform .5s cubic-bezier(.23,1,.32,1);
transition: transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)
}
@media only screen and (max-width: 800px) {
.form-modal-wrapper .close-btn:before {
background-color:#232323
}
}
@media (hover: hover) {
.form-modal-wrapper .close-btn:hover:before {
-webkit-transform:scale(1.1);
transform: scale(1.1)
}
.form-modal-wrapper .close-btn:hover svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
}
.form-modal-wrapper .close-hitzone {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
cursor: pointer
}
.form-modal-wrapper .inner-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
height: auto;
padding: 80px 0
}
@media only screen and (max-width: 1180px) {
.form-modal-wrapper .inner-container {
padding:65px 0
}
}
@media only screen and (max-width: 880px) {
.form-modal-wrapper .inner-container {
padding:20px 0
}
}
.form-modal-wrapper .inner {
position: relative;
width: 100%;
max-width: 740px;
display: block;
padding: calc(22.7px + 3.54706vw) calc(23px + 3.70588vw);
background-color: #fff
}
@media (min-width: 1700px) {
.form-modal-wrapper .inner {
padding:70px 86px
}
}
@media only screen and (max-width: 880px) {
.form-modal-wrapper .inner {
max-width:100%;
padding: calc(22.4px + 3.38824vw)
}
}
@media only screen and (max-width: 880px) and (min-width:1700px) {
.form-modal-wrapper .inner {
padding:80px
}
}
@media only screen and (max-width: 550px) {
.form-modal-wrapper .inner {
padding-top:90px
}
}
.form-modal-wrapper .header {
position: relative;
padding-bottom: calc(20.4px + 2.32941vw);
border-bottom: 1px solid rgba(35,35,35,.2)
}
@media (min-width: 1700px) {
.form-modal-wrapper .header {
padding-bottom:60px
}
}
.form-modal-wrapper .content {
position: relative
}
.form-modal-wrapper .doc-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: calc(18.9px + 1.53529vw)
}
@media (min-width: 1700px) {
.form-modal-wrapper .doc-content {
padding-top:45px
}
}
.form-modal-wrapper .doc-content .col {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
overflow: hidden
}
.form-modal-wrapper .doc-content .col img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
overflow: hidden
}
.form-modal-wrapper .doc-content .col:nth-child(2) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 300px;
margin-left: calc(16.9px + .47647vw)
}
@media (min-width: 1700px) {
.form-modal-wrapper .doc-content .col:nth-child(2) {
margin-left:25px
}
}
.form-modal-wrapper .form-title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19.6px + 1.90588vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.form-modal-wrapper .form-title {
font-size:52px
}
}
.form-modal-wrapper .doc-img {
max-width: 74px
}
.form-modal-wrapper .doc-title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.form-modal-wrapper .doc-title {
font-size:20px
}
}
.form-modal-wrapper .doc-description {
position: relative;
text-indent: 0;
margin-bottom: 0;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
opacity: .4
}
.form-modal-wrapper .modal-form {
position: relative;
margin-top: calc(18.9px + 1.53529vw)
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form {
margin-top:45px
}
}
.form-modal-wrapper .modal-form .hs-error-msgs {
position: relative
}
.form-modal-wrapper .modal-form .hs_error_rollup {
position: absolute;
top: -3ch;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.8px + .42353vw);
font-weight: 300;
color: #da352b;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form .hs_error_rollup {
font-size:24px
}
}
.form-modal-wrapper .modal-form select.hs-input {
border: none;
margin-right: 10px;
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.form-modal-wrapper .modal-form select.hs-input> {
font-size: 100%
}
.form-modal-wrapper .modal-form .select-wrapper {
width: auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.form-modal-wrapper .modal-form .select-wrapper>select {
width: 100%!important
}
.form-modal-wrapper .modal-form .select-wrapper .select-label {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
position: static;
text-wrap: nowrap
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form .select-wrapper .select-label {
font-size:18px
}
}
.form-modal-wrapper .modal-form .select-wrapper svg {
position: relative;
margin-right: 24px;
margin-left: 8px
}
.form-modal-wrapper .modal-form .hs-form-field:not(.hs-fieldtype-booleancheckbox),.form-modal-wrapper .modal-form .input-wrapper {
position: relative
}
.form-modal-wrapper .modal-form .hs-form-field:not(.hs-fieldtype-booleancheckbox).active-input .iti,.form-modal-wrapper .modal-form .input-wrapper.active-input .iti {
opacity: 1
}
.form-modal-wrapper .modal-form .hs-form-field:not(.hs-fieldtype-booleancheckbox).error:after,.form-modal-wrapper .modal-form .hs-form-field:not(.hs-fieldtype-booleancheckbox).invalid:after,.form-modal-wrapper .modal-form .input-wrapper.error:after,.form-modal-wrapper .modal-form .input-wrapper.invalid:after {
-webkit-transform: scale(1);
transform: scale(1)
}
.form-modal-wrapper .modal-form .hs-form-field:not(.hs-fieldtype-booleancheckbox):after,.form-modal-wrapper .modal-form .hs-form-field:not(.hs-fieldtype-booleancheckbox):before,.form-modal-wrapper .modal-form .input-wrapper:after,.form-modal-wrapper .modal-form .input-wrapper:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #232323
}
.form-modal-wrapper .modal-form .hs-form-field:not(.hs-fieldtype-booleancheckbox):after,.form-modal-wrapper .modal-form .input-wrapper:after {
-webkit-transform: scale(0);
transform: scale(0);
background-color: #da352b;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
-o-transition: transform 1s cubic-bezier(.19,1,.22,1);
transition: transform 1s cubic-bezier(.19,1,.22,1);
transition: transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1)
}
.form-modal-wrapper .modal-form .hs-form-field:not(.hs-fieldtype-booleancheckbox).send-container:after,.form-modal-wrapper .modal-form .hs-form-field:not(.hs-fieldtype-booleancheckbox).send-container:before,.form-modal-wrapper .modal-form .input-wrapper.send-container:after,.form-modal-wrapper .modal-form .input-wrapper.send-container:before {
display: none
}
.form-modal-wrapper .modal-form input:-webkit-autofill,.form-modal-wrapper .modal-form input:-webkit-autofill:active,.form-modal-wrapper .modal-form input:-webkit-autofill:focus,.form-modal-wrapper .modal-form input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 70px #fff inset!important
}
.form-modal-wrapper .modal-form input {
display: block;
width: 100%;
padding: 10px 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(18.2px + 1.16471vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
border: none;
outline: none;
background-color: transparent
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form input {
font-size:38px
}
}
.form-modal-wrapper .modal-form input.hub-field,.form-modal-wrapper .modal-form input.page {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none
}
.form-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 10px 0;
width: 100%;
height: 100%;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(18.2px + 1.16471vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
pointer-events: none
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) {
font-size:38px
}
}
.form-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display).select-label {
position: static
}
.form-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(18.2px + 1.16471vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
font-style: italic
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) span {
font-size:38px
}
}
.form-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) sup {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(18.2px + 1.16471vw);
font-weight: 300;
color: #da352b;
line-height: 1.18em;
letter-spacing: -.02em;
top: -.2em;
left: .2em
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) sup {
font-size:38px
}
}
.form-modal-wrapper .modal-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone.hs-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.form-modal-wrapper .modal-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone.hs-input select,.form-modal-wrapper .modal-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone.hs-input select * {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.form-modal-wrapper .modal-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone.hs-input optgroup {
font-size: 16px
}
.form-modal-wrapper .modal-form .hs-fieldtype-phonenumber>label {
display: none!important
}
.form-modal-wrapper .modal-form .hs-fieldtype-select .select-label {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.2px + .63529vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
position: static
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form .hs-fieldtype-select .select-label {
font-size:28px
}
}
.form-modal-wrapper .modal-form .hs-fieldtype-select .select-wrapper {
opacity: 0
}
.form-modal-wrapper .modal-form .hs-form-field,.form-modal-wrapper .modal-form .input-wrapper {
position: relative;
width: 100%;
margin: 40px 0 20px
}
.form-modal-wrapper .modal-form .hs-form-field .iti,.form-modal-wrapper .modal-form .input-wrapper .iti {
opacity: 0
}
.form-modal-wrapper .modal-form .hs-form-field .phone-hidden,.form-modal-wrapper .modal-form .input-wrapper .phone-hidden {
position: absolute;
opacity: 0;
pointer-events: none
}
.form-modal-wrapper .modal-form .hs-form-field .hs-error-msg,.form-modal-wrapper .modal-form .input-wrapper .hs-error-msg {
position: absolute;
top: 100%;
margin-top: 4px;
color: #da352b
}
.form-modal-wrapper .modal-form .hs-form-field .error-message,.form-modal-wrapper .modal-form .input-wrapper .error-message {
position: absolute;
bottom: -1.6em;
left: 0;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
color: #da352b;
line-height: 1em
}
.form-modal-wrapper .modal-form .send-container {
position: relative;
width: 50%;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width: 550px) {
.form-modal-wrapper .modal-form .send-container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
float: none
}
}
.form-modal-wrapper .modal-form .hs-submit {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 50%;
margin-top: calc(19.9px + 2.06471vw)
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form .hs-submit {
margin-top:55px
}
}
.form-modal-wrapper .modal-form .legal-consent-container,.form-modal-wrapper .modal-form .rgpd-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.form-modal-wrapper .modal-form .legal-consent-container .checkbox-btn-wrapper,.form-modal-wrapper .modal-form .legal-consent-container .hs-form-booleancheckbox-display,.form-modal-wrapper .modal-form .rgpd-container .checkbox-btn-wrapper,.form-modal-wrapper .modal-form .rgpd-container .hs-form-booleancheckbox-display {
position: relative;
margin: 14px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.form-modal-wrapper .modal-form .legal-consent-container .checkbox-btn-wrapper:first-of-type,.form-modal-wrapper .modal-form .legal-consent-container .hs-form-booleancheckbox-display:first-of-type,.form-modal-wrapper .modal-form .rgpd-container .checkbox-btn-wrapper:first-of-type,.form-modal-wrapper .modal-form .rgpd-container .hs-form-booleancheckbox-display:first-of-type {
margin-top: 0
}
.form-modal-wrapper .modal-form .legal-consent-container .checkbox-btn-wrapper:last-of-type,.form-modal-wrapper .modal-form .legal-consent-container .hs-form-booleancheckbox-display:last-of-type,.form-modal-wrapper .modal-form .rgpd-container .checkbox-btn-wrapper:last-of-type,.form-modal-wrapper .modal-form .rgpd-container .hs-form-booleancheckbox-display:last-of-type {
margin-bottom: 0
}
@media only screen and (max-width: 550px) {
.form-modal-wrapper .modal-form .legal-consent-container,.form-modal-wrapper .modal-form .rgpd-container {
width:100%
}
}
.form-modal-wrapper .modal-form .legal-consent-container .error-message,.form-modal-wrapper .modal-form .rgpd-container .error-message {
white-space: nowrap;
pointer-events: none
}
.form-modal-wrapper .modal-form .legal-consent-container input,.form-modal-wrapper .modal-form .rgpd-container input {
position: absolute;
opacity: 0;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
top: 0
}
.form-modal-wrapper .modal-form .legal-consent-container .checkbox-btn,.form-modal-wrapper .modal-form .rgpd-container .checkbox-btn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 21px;
height: 21px;
margin-left: 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
background-color: #f6f4f2;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
border-radius: 2px;
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media (hover: hover) {
.form-modal-wrapper .modal-form .legal-consent-container .checkbox-btn:hover,.form-modal-wrapper .modal-form .rgpd-container .checkbox-btn:hover {
background-color:rgba(35,35,35,.2)
}
.form-modal-wrapper .modal-form .legal-consent-container .checkbox-btn:hover svg,.form-modal-wrapper .modal-form .rgpd-container .checkbox-btn:hover svg {
opacity: 1
}
}
.form-modal-wrapper .modal-form .legal-consent-container .checkbox-btn.active,.form-modal-wrapper .modal-form .rgpd-container .checkbox-btn.active {
background-color: #232323
}
.form-modal-wrapper .modal-form .legal-consent-container .checkbox-btn.active svg,.form-modal-wrapper .modal-form .rgpd-container .checkbox-btn.active svg {
opacity: 1
}
.form-modal-wrapper .modal-form .legal-consent-container .checkbox-btn svg,.form-modal-wrapper .modal-form .rgpd-container .checkbox-btn svg {
opacity: 0;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.form-modal-wrapper .modal-form .legal-consent-container .label,.form-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg),.form-modal-wrapper .modal-form .rgpd-container .label,.form-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) {
position: relative;
margin-left: 10px
}
.form-modal-wrapper .modal-form .legal-consent-container .label span,.form-modal-wrapper .modal-form .legal-consent-container .label span>*,.form-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) span,.form-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) span>*,.form-modal-wrapper .modal-form .rgpd-container .label span,.form-modal-wrapper .modal-form .rgpd-container .label span>*,.form-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) span,.form-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) span>* {
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
.form-modal-wrapper .modal-form .legal-consent-container .label a,.form-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) a,.form-modal-wrapper .modal-form .rgpd-container .label a,.form-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) a {
position: relative;
font-weight: 500;
text-decoration: none;
color: #232323
}
@media (hover: hover) {
.form-modal-wrapper .modal-form .legal-consent-container .label a:hover:after,.form-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) a:hover:after,.form-modal-wrapper .modal-form .rgpd-container .label a:hover:after,.form-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) a:hover:after {
-webkit-transform:scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
.form-modal-wrapper .modal-form .legal-consent-container .label a:after,.form-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) a:after,.form-modal-wrapper .modal-form .rgpd-container .label a:after,.form-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) a:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.form-modal-wrapper .modal-form .actions {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
padding: 0 calc(17.9px + 1.00588vw);
background-color: transparent;
border: none;
outline: none;
cursor: pointer
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form .actions {
padding:0 35px
}
}
@media only screen and (max-width: 550px) {
.form-modal-wrapper .modal-form .actions {
margin-top:30px
}
}
.form-modal-wrapper .modal-form .actions:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 70px;
border: 1px solid rgba(35,35,35,.2);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1);
transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1);
-o-transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);
transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);
transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)
}
@media (hover: hover) {
.form-modal-wrapper .modal-form .actions:hover:before {
border-color:#232323;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
.form-modal-wrapper .modal-form .actions .label,.form-modal-wrapper .modal-form .actions input {
position: relative;
top: 1px;
padding-right: calc(18.4px + 1.27059vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: .14em;
text-transform: uppercase;
-webkit-transition: color .5s cubic-bezier(.23,1,.32,1);
-o-transition: color .5s cubic-bezier(.23,1,.32,1);
transition: color .5s cubic-bezier(.23,1,.32,1);
overflow: hidden
}
@media (min-width: 1700px) {
.form-modal-wrapper .modal-form .actions .label,.form-modal-wrapper .modal-form .actions input {
padding-right:40px
}
}
.form-modal-wrapper .modal-form .actions .label .send-label,.form-modal-wrapper .modal-form .actions input .send-label {
position: relative;
display: block
}
.form-modal-wrapper .modal-form .actions .label .sent-label,.form-modal-wrapper .modal-form .actions input .sent-label {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0
}
.form-modal-wrapper .modal-form .actions svg {
position: relative;
top: 1px;
width: 30px;
height: 60px
}
.contact-modal-wrapper-background {
content: "";
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: #da352b;
mix-blend-mode: multiply;
z-index: 1001;
opacity: 0;
visibility: hidden
}
.contact-modal-btn {
position: fixed;
bottom: 10px;
right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 51px;
height: 51px;
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
z-index: 1003;
cursor: pointer;
opacity: 0;
visibility: hidden;
pointer-events: visible
}
@media only screen and (max-width: 800px) {
.contact-modal-btn {
bottom:10px;
right: 10px
}
}
.contact-modal-btn.hide {
pointer-events: none
}
.contact-modal-btn.hide .background,.contact-modal-btn.hide svg {
opacity: 0
}
.contact-modal-btn.dark-btn .background {
background-color: #232323
}
.contact-modal-btn.dark-btn svg path {
fill: #fff
}
@media (hover: hover) {
.contact-modal-btn:hover .background,.contact-modal-btn:hover .close-btn:before {
-webkit-transform:scale(1.15);
transform: scale(1.15)
}
.contact-modal-btn:hover .close-btn svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
}
.contact-modal-btn .hitzone {
position: absolute;
top: -20%;
left: -20%;
width: 140%;
height: 140%
}
.contact-modal-btn .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
background-color: #fff;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: opacity .5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: opacity .5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.contact-modal-btn svg {
position: relative;
-webkit-transition: opacity .5s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity .5s cubic-bezier(.165,.84,.44,1);
transition: opacity .5s cubic-bezier(.165,.84,.44,1)
}
.contact-modal-btn svg path {
fill: #232323
}
.contact-modal-btn .close-btn {
position: absolute;
top: -10px;
left: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 25px;
height: 25px;
border-radius: 100%;
outline: none;
border: none;
cursor: pointer;
z-index: 100;
opacity: 0
}
.contact-modal-btn .close-btn svg {
position: relative;
display: block;
width: 10px;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.23,1,.32,1);
transition: -webkit-transform .5s cubic-bezier(.23,1,.32,1);
-o-transition: transform .5s cubic-bezier(.23,1,.32,1);
transition: transform .5s cubic-bezier(.23,1,.32,1);
transition: transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)
}
.contact-modal-btn .close-btn svg path {
fill: #fff
}
.contact-modal-btn .close-btn:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
background-color: #232323;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.23,1,.32,1);
transition: -webkit-transform .5s cubic-bezier(.23,1,.32,1);
-o-transition: transform .5s cubic-bezier(.23,1,.32,1);
transition: transform .5s cubic-bezier(.23,1,.32,1);
transition: transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)
}
.contact-modal-wrapper {
--iti-hover-color: transparent;
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
padding: 0 26px;
z-index: 1002;
opacity: 0;
visibility: hidden
}
@media only screen and (max-width: 800px) {
.contact-modal-wrapper {
padding:0 11px
}
}
.contact-modal-wrapper.native-scroll {
overflow: auto
}
@media only screen and (max-height: 880px) {
.contact-modal-wrapper.native-scroll .inner-container {
height:auto
}
}
.contact-modal-wrapper .close-hitzone {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: visible;
cursor: pointer
}
.contact-modal-wrapper .inner-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
height: 100%;
padding-top: 120px;
padding-bottom: 120px;
pointer-events: none;
z-index: 10
}
@media only screen and (max-width: 800px) {
.contact-modal-wrapper .inner-container {
padding-bottom:100px;
padding-top: 100px
}
}
.contact-modal-wrapper .inner {
position: relative;
width: 100%;
max-width: 695px;
display: block;
padding: calc(21.7px + 3.01765vw) calc(22px + 3.17647vw);
pointer-events: visible
}
@media (min-width: 1700px) {
.contact-modal-wrapper .inner {
padding:73px 76px
}
}
.contact-modal-wrapper .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff
}
.contact-modal-wrapper .inner:after {
content: "";
position: absolute;
bottom: -14px;
right: 8px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #fff
}
.contact-modal-wrapper .header {
position: relative;
padding-bottom: calc(20.4px + 2.32941vw);
border-bottom: 1px solid rgba(35,35,35,.2)
}
@media (min-width: 1700px) {
.contact-modal-wrapper .header {
padding-bottom:60px
}
}
.contact-modal-wrapper .form-title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(18px + 1.05882vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.contact-modal-wrapper .form-title {
font-size:36px
}
}
.contact-modal-wrapper .form-message {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.8px + .42353vw);
font-weight: 300;
color: #232323;
line-height: 1.3em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.contact-modal-wrapper .form-message {
margin-top:40px;
font-size: 24px
}
}
.contact-modal-wrapper .form-message .message-btn {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.8px + .42353vw);
font-weight: 300;
color: #232323;
line-height: 1.3em;
letter-spacing: -.02em;
text-decoration: none;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
-webkit-transition: color 1s cubic-bezier(.165,.84,.44,1);
-o-transition: color 1s cubic-bezier(.165,.84,.44,1);
transition: color 1s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.contact-modal-wrapper .form-message .message-btn {
font-size:24px
}
}
.contact-modal-wrapper .form-message .message-btn.contact-btn {
padding: 0;
line-height: 1em
}
.contact-modal-wrapper .form-message .message-btn.contact-btn.active {
color: #da352b
}
.contact-modal-wrapper .form-message .message-btn.contact-btn.active:after {
background-color: #da352b
}
@media (hover: hover) {
.contact-modal-wrapper .form-message .message-btn:hover:after {
-webkit-transform:scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right
}
}
.contact-modal-wrapper .form-message .message-btn:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: rgba(35,35,35,.3);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.contact-modal-wrapper .phone-btn {
position: relative;
margin-top: calc(16.4px + .21176vw);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px calc(18.4px + 1.27059vw) 10px calc(16.4px + .21176vw);
text-decoration: none
}
@media (min-width: 1700px) {
.contact-modal-wrapper .phone-btn {
margin-top:20px;
padding: 10px 40px 10px 20px
}
}
@media (hover: hover) {
.contact-modal-wrapper .phone-btn:hover .background {
background-color:transparent;
border-color: #232323;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.contact-modal-wrapper .phone-btn:hover .label {
color: #232323
}
.contact-modal-wrapper .phone-btn:hover svg path {
fill: #232323
}
}
.contact-modal-wrapper .phone-btn .label {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 300;
color: #fff;
line-height: 1.18em;
-webkit-transition: color 1s cubic-bezier(.165,.84,.44,1);
-o-transition: color 1s cubic-bezier(.165,.84,.44,1);
transition: color 1s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.contact-modal-wrapper .phone-btn .label {
font-size:30px
}
}
.contact-modal-wrapper .phone-btn svg {
position: relative;
margin-right: calc(16.4px + .21176vw)
}
@media (min-width: 1700px) {
.contact-modal-wrapper .phone-btn svg {
margin-right:20px
}
}
.contact-modal-wrapper .phone-btn svg path {
-webkit-transition: fill 1s cubic-bezier(.165,.84,.44,1);
-o-transition: fill 1s cubic-bezier(.165,.84,.44,1);
transition: fill 1s cubic-bezier(.165,.84,.44,1)
}
.contact-modal-wrapper .phone-btn .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 70px;
background-color: #232323;
border: 1px solid transparent;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1),border-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1),border-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),border-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),border-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),border-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.contact-modal-wrapper .header-note {
position: relative;
margin-top: calc(16.4px + .21176vw);
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.1px + .05294vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
opacity: .4
}
@media (min-width: 1700px) {
.contact-modal-wrapper .header-note {
margin-top:20px;
font-size: 17px
}
}
.contact-modal-wrapper .modal-form-container {
position: relative
}
.contact-modal-wrapper .modal-form-container .submitted-message {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.8px + .42353vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
padding-top: 24px
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form-container .submitted-message {
font-size:24px
}
}
.contact-modal-wrapper .modal-form {
position: absolute;
top: 0;
left: 0;
margin-top: calc(18.9px + 1.53529vw);
display: block;
width: 100%;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form {
margin-top:45px
}
}
.contact-modal-wrapper .modal-form .hs-error-msgs {
position: relative
}
.contact-modal-wrapper .modal-form .hs_error_rollup {
position: absolute;
top: -1.25ch;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.8px + .42353vw);
font-weight: 300;
color: #da352b;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form .hs_error_rollup {
font-size:24px
}
}
.contact-modal-wrapper .modal-form select.hs-input {
border: none;
margin-right: 10px;
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.contact-modal-wrapper .modal-form select.hs-input> {
font-size: 100%
}
.contact-modal-wrapper .modal-form .select-wrapper {
width: auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contact-modal-wrapper .modal-form .select-wrapper>select {
width: 100%!important
}
.contact-modal-wrapper .modal-form .select-wrapper .select-label {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
position: static;
text-wrap: nowrap
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form .select-wrapper .select-label {
font-size:18px
}
}
.contact-modal-wrapper .modal-form .select-wrapper svg {
position: relative;
margin-right: 24px;
margin-left: 8px
}
.contact-modal-wrapper .modal-form .hub-field {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none
}
.contact-modal-wrapper .modal-form .hs-form-field.active-input .iti,.contact-modal-wrapper .modal-form .input-wrapper.active-input .iti {
opacity: 1
}
.contact-modal-wrapper .modal-form .hs-form-field.error:after,.contact-modal-wrapper .modal-form .hs-form-field.invalid:after,.contact-modal-wrapper .modal-form .input-wrapper.error:after,.contact-modal-wrapper .modal-form .input-wrapper.invalid:after {
-webkit-transform: scale(1);
transform: scale(1)
}
.contact-modal-wrapper .modal-form .hs-form-field:after,.contact-modal-wrapper .modal-form .hs-form-field:before,.contact-modal-wrapper .modal-form .input-wrapper:after,.contact-modal-wrapper .modal-form .input-wrapper:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #232323
}
.contact-modal-wrapper .modal-form .hs-form-field:after,.contact-modal-wrapper .modal-form .input-wrapper:after {
-webkit-transform: scale(0);
transform: scale(0);
background-color: #da352b;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
-o-transition: transform 1s cubic-bezier(.19,1,.22,1);
transition: transform 1s cubic-bezier(.19,1,.22,1);
transition: transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1)
}
.contact-modal-wrapper .modal-form .hs-form-field:last-child:after,.contact-modal-wrapper .modal-form .hs-form-field:last-child:before,.contact-modal-wrapper .modal-form .input-wrapper:last-child:after,.contact-modal-wrapper .modal-form .input-wrapper:last-child:before {
display: none
}
.contact-modal-wrapper .modal-form input {
display: block;
width: 100%;
padding: 10px 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.2px + .63529vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
border: none;
outline: none;
background-color: transparent
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form input {
font-size:28px
}
}
.contact-modal-wrapper .modal-form input.page {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none
}
.contact-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 10px 0;
width: 100%;
height: 100%;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.2px + .63529vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
pointer-events: none
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) {
font-size:28px
}
}
.contact-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display).select-label {
position: static
}
.contact-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.2px + .63529vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
font-style: italic
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) span {
font-size:28px
}
}
.contact-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) sup {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.2px + .63529vw);
font-weight: 300;
color: #da352b;
line-height: 1.18em;
letter-spacing: -.02em;
top: -.2em;
left: .2em
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form label:not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) sup {
font-size:28px
}
}
.contact-modal-wrapper .modal-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone.hs-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contact-modal-wrapper .modal-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone.hs-input select,.contact-modal-wrapper .modal-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone.hs-input select * {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.contact-modal-wrapper .modal-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone.hs-input optgroup {
font-size: 16px
}
.contact-modal-wrapper .modal-form .hs-fieldtype-phonenumber>label {
display: none!important
}
.contact-modal-wrapper .modal-form .hs-fieldtype-select .select-label {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.2px + .63529vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
position: static
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form .hs-fieldtype-select .select-label {
font-size:28px
}
}
.contact-modal-wrapper .modal-form .hs-fieldtype-select .select-wrapper {
opacity: 0
}
.contact-modal-wrapper .modal-form .hs-form-field,.contact-modal-wrapper .modal-form .input-wrapper {
position: relative;
width: 100%;
margin: 40px 0 20px
}
.contact-modal-wrapper .modal-form .hs-form-field .hs-error-msg,.contact-modal-wrapper .modal-form .input-wrapper .hs-error-msg {
position: absolute;
top: 100%;
margin-top: 4px;
color: #da352b
}
.contact-modal-wrapper .modal-form .hs-form-field .phone-hidden,.contact-modal-wrapper .modal-form .input-wrapper .phone-hidden {
position: absolute;
opacity: 0;
pointer-events: none
}
.contact-modal-wrapper .modal-form .hs-form-field .iti,.contact-modal-wrapper .modal-form .input-wrapper .iti {
opacity: 0
}
.contact-modal-wrapper .modal-form .hs-form-field .error-message,.contact-modal-wrapper .modal-form .input-wrapper .error-message {
position: absolute;
bottom: -1.6em;
left: 0;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
color: #da352b;
line-height: 1em
}
.contact-modal-wrapper .modal-form .send-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 50%;
float: left
}
@media only screen and (max-width: 550px) {
.contact-modal-wrapper .modal-form .send-container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
float: none
}
}
.contact-modal-wrapper .modal-form .hs-submit {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 50%;
margin-top: calc(19.9px + 2.06471vw)
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form .hs-submit {
margin-top:55px
}
}
.contact-modal-wrapper .modal-form .legal-consent-container,.contact-modal-wrapper .modal-form .rgpd-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width: 550px) {
.contact-modal-wrapper .modal-form .legal-consent-container,.contact-modal-wrapper .modal-form .rgpd-container {
width:100%
}
}
.contact-modal-wrapper .modal-form .legal-consent-container .error-message,.contact-modal-wrapper .modal-form .rgpd-container .error-message {
white-space: nowrap;
pointer-events: none
}
.contact-modal-wrapper .modal-form .legal-consent-container .checkbox-btn-wrapper,.contact-modal-wrapper .modal-form .legal-consent-container .hs-form-booleancheckbox-display,.contact-modal-wrapper .modal-form .rgpd-container .checkbox-btn-wrapper,.contact-modal-wrapper .modal-form .rgpd-container .hs-form-booleancheckbox-display {
position: relative;
margin: 14px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 25px
}
.contact-modal-wrapper .modal-form .legal-consent-container .checkbox-btn-wrapper:first-of-type,.contact-modal-wrapper .modal-form .legal-consent-container .hs-form-booleancheckbox-display:first-of-type,.contact-modal-wrapper .modal-form .rgpd-container .checkbox-btn-wrapper:first-of-type,.contact-modal-wrapper .modal-form .rgpd-container .hs-form-booleancheckbox-display:first-of-type {
margin-top: 0
}
.contact-modal-wrapper .modal-form .legal-consent-container .checkbox-btn-wrapper:last-of-type,.contact-modal-wrapper .modal-form .legal-consent-container .hs-form-booleancheckbox-display:last-of-type,.contact-modal-wrapper .modal-form .rgpd-container .checkbox-btn-wrapper:last-of-type,.contact-modal-wrapper .modal-form .rgpd-container .hs-form-booleancheckbox-display:last-of-type {
margin-bottom: 0
}
.contact-modal-wrapper .modal-form .legal-consent-container input,.contact-modal-wrapper .modal-form .rgpd-container input {
position: absolute;
opacity: 0;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
top: 0
}
.contact-modal-wrapper .modal-form .legal-consent-container .checkbox-btn,.contact-modal-wrapper .modal-form .rgpd-container .checkbox-btn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 21px;
height: 21px;
margin-left: 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
background-color: #f6f4f2;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
border-radius: 2px;
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media (hover: hover) {
.contact-modal-wrapper .modal-form .legal-consent-container .checkbox-btn:hover,.contact-modal-wrapper .modal-form .rgpd-container .checkbox-btn:hover {
background-color:rgba(35,35,35,.2)
}
.contact-modal-wrapper .modal-form .legal-consent-container .checkbox-btn:hover svg,.contact-modal-wrapper .modal-form .rgpd-container .checkbox-btn:hover svg {
opacity: 1
}
}
.contact-modal-wrapper .modal-form .legal-consent-container .checkbox-btn.active,.contact-modal-wrapper .modal-form .rgpd-container .checkbox-btn.active {
background-color: #232323
}
.contact-modal-wrapper .modal-form .legal-consent-container .checkbox-btn.active svg,.contact-modal-wrapper .modal-form .rgpd-container .checkbox-btn.active svg {
opacity: 1
}
.contact-modal-wrapper .modal-form .legal-consent-container .checkbox-btn svg,.contact-modal-wrapper .modal-form .rgpd-container .checkbox-btn svg {
opacity: 0;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.contact-modal-wrapper .modal-form .legal-consent-container .label,.contact-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg),.contact-modal-wrapper .modal-form .rgpd-container .label,.contact-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) {
position: relative;
margin-left: 10px
}
.contact-modal-wrapper .modal-form .legal-consent-container .label span,.contact-modal-wrapper .modal-form .legal-consent-container .label span>*,.contact-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) span,.contact-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) span>*,.contact-modal-wrapper .modal-form .rgpd-container .label span,.contact-modal-wrapper .modal-form .rgpd-container .label span>*,.contact-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) span,.contact-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) span>* {
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
.contact-modal-wrapper .modal-form .legal-consent-container .label a,.contact-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) a,.contact-modal-wrapper .modal-form .rgpd-container .label a,.contact-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) a {
position: relative;
font-weight: 500;
text-decoration: none;
color: #232323
}
@media (hover: hover) {
.contact-modal-wrapper .modal-form .legal-consent-container .label a:hover:after,.contact-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) a:hover:after,.contact-modal-wrapper .modal-form .rgpd-container .label a:hover:after,.contact-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) a:hover:after {
-webkit-transform:scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
.contact-modal-wrapper .modal-form .legal-consent-container .label a:after,.contact-modal-wrapper .modal-form .legal-consent-container label:not(.hs-error-msg) a:after,.contact-modal-wrapper .modal-form .rgpd-container .label a:after,.contact-modal-wrapper .modal-form .rgpd-container label:not(.hs-error-msg) a:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.contact-modal-wrapper .modal-form .actions {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
padding: 0 calc(17.9px + 1.00588vw);
background-color: transparent;
border: none;
outline: none;
cursor: pointer
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form .actions {
padding:0 35px
}
}
@media only screen and (max-width: 550px) {
.contact-modal-wrapper .modal-form .actions {
margin-top:30px
}
}
.contact-modal-wrapper .modal-form .actions:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 70px;
border: 1px solid rgba(35,35,35,.2);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1);
transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1);
-o-transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);
transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);
transition: border-color .5s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)
}
@media (hover: hover) {
.contact-modal-wrapper .modal-form .actions:hover:before {
border-color:#232323;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
.contact-modal-wrapper .modal-form .actions .label,.contact-modal-wrapper .modal-form .actions input {
position: relative;
top: 1px;
margin-right: calc(18.4px + 1.27059vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: .14em;
text-transform: uppercase;
-webkit-transition: color .5s cubic-bezier(.23,1,.32,1);
-o-transition: color .5s cubic-bezier(.23,1,.32,1);
transition: color .5s cubic-bezier(.23,1,.32,1);
overflow: hidden
}
@media (min-width: 1700px) {
.contact-modal-wrapper .modal-form .actions .label,.contact-modal-wrapper .modal-form .actions input {
margin-right:40px
}
}
.contact-modal-wrapper .modal-form .actions .label .send-label,.contact-modal-wrapper .modal-form .actions input .send-label {
position: relative;
display: block
}
.contact-modal-wrapper .modal-form .actions .label .sent-label,.contact-modal-wrapper .modal-form .actions input .sent-label {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0
}
.contact-modal-wrapper .modal-form .actions svg {
position: relative;
top: 1px;
width: 30px;
height: 60px
}
.audio-btn-wrapper {
position: absolute;
top: calc(50% + 40px);
right: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
outline: none;
border: none;
padding: 0;
background: none;
pointer-events: none;
z-index: 101;
opacity: 0;
cursor: pointer
}
@media only screen and (max-width: 800px) {
.audio-btn-wrapper {
display:none
}
}
.audio-btn-wrapper.change-color .background {
background-color: #fff
}
.audio-btn-wrapper.change-color .line {
background-color: #fff;
border-right: 1px solid #232323
}
.audio-btn-wrapper.change-color svg .icon {
fill: #232323
}
.audio-btn-wrapper.change-color svg .sound-icon {
stroke: #232323
}
.audio-btn-wrapper.light-btn .background {
background-color: #fff!important
}
.audio-btn-wrapper.light-btn .line {
background-color: #fff!important;
border-right: 1px solid #232323!important
}
.audio-btn-wrapper.light-btn svg .icon {
fill: #232323!important
}
.audio-btn-wrapper.light-btn svg .sound-icon {
stroke: #232323!important
}
.audio-btn-wrapper.dark-btn .background,.audio-btn-wrapper.dark-btn .line {
background-color: #232323!important
}
.audio-btn-wrapper.dark-btn .line {
border-right: 1px solid #fff!important
}
.audio-btn-wrapper.dark-btn svg .icon {
fill: #fff!important
}
.audio-btn-wrapper.dark-btn svg .sound-icon {
stroke: #fff!important
}
.audio-btn-wrapper .audio-btn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 23px;
height: 23px
}
.audio-btn-wrapper .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #232323;
border-radius: 100%;
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1)
}
.audio-btn-wrapper .line-wrapper {
position: absolute;
top: 5px;
left: 11px;
-webkit-transform: rotate(-55deg);
transform: rotate(-55deg);
-webkit-transform-origin: center;
transform-origin: center
}
.audio-btn-wrapper .line {
position: relative;
display: block;
width: 2px;
height: 13px;
background-color: #232323;
border-right: 1px solid #fff;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1),border-color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .5s cubic-bezier(.165,.84,.44,1),border-color .5s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1),border-color .5s cubic-bezier(.165,.84,.44,1)
}
.audio-btn-wrapper svg {
position: relative;
left: 1px;
display: block;
overflow: visible;
-webkit-transition: fill .5s cubic-bezier(.165,.84,.44,1);
-o-transition: fill .5s cubic-bezier(.165,.84,.44,1);
transition: fill .5s cubic-bezier(.165,.84,.44,1)
}
.audio-btn-wrapper svg .sound-icon {
opacity: 0;
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
.newsletter-block-wrapper {
position: relative;
padding: calc(29.4px + 7.09412vw) 0 calc(34.4px + 9.74118vw)
}
@media (min-width: 1700px) {
.newsletter-block-wrapper {
padding:150px 0 200px
}
}
@media only screen and (max-width: 680px) {
.newsletter-block-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.newsletter-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media only screen and (max-width: 680px) {
.newsletter-block-wrapper .upper-title {
letter-spacing:1.3em
}
}
.newsletter-block-wrapper .title {
position: relative;
margin-top: calc(20.2px + 2.22353vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19.6px + 1.90588vw);
font-weight: 300;
color: #232323;
line-height: 1.3em
}
@media (min-width: 1700px) {
.newsletter-block-wrapper .title {
margin-top:58px;
font-size: 45px;
}
}
.newsletter-block-wrapper .title span {
font-size: calc(19.6px + 1.90588vw);
color: #232323;
line-height: 1.3em
}
@media (min-width: 1700px) {
.newsletter-block-wrapper .title span {
font-size:45px;
}
}
.newsletter-block-wrapper .btn {
position: relative;
margin-top: calc(20.4px + 2.32941vw);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-self: center;
padding: 25px 35px;
border-radius: 70px;
text-decoration: none;
border: none;
outline: none;
background-color: transparent;
cursor: pointer
}
@media (min-width: 1700px) {
.newsletter-block-wrapper .btn {
margin-top:60px
}
}
@media only screen and (max-width: 680px) {
.newsletter-block-wrapper .btn {
padding:20px 24px
}
}
@media (hover: hover) {
.newsletter-block-wrapper .btn:hover .bg {
-webkit-transform:scale(1.1);
transform: scale(1.1);
background-color: #232323
}
.newsletter-block-wrapper .btn:hover .label {
color: #fff
}
.newsletter-block-wrapper .btn:hover svg path {
fill: #fff
}
.newsletter-block-wrapper .btn .bg {
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.newsletter-block-wrapper .btn .label {
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1)
}
}
.newsletter-block-wrapper .btn .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid #232323;
border-radius: 70px;
background-color: transparent;
pointer-events: none
}
.newsletter-block-wrapper .btn .label {
position: relative;
margin-right: 16px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1.1em;
letter-spacing: .14em;
text-transform: uppercase;
pointer-events: none
}
@media only screen and (max-width: 680px) {
.newsletter-block-wrapper .btn .label {
font-size:15px;
line-height: 1
}
}
.newsletter-block-wrapper .btn svg {
position: relative;
top: -1px;
pointer-events: none
}
.newsletter-block-wrapper .btn svg path {
-webkit-transition: stroke .5s cubic-bezier(.165,.84,.44,1);
-o-transition: stroke .5s cubic-bezier(.165,.84,.44,1);
transition: stroke .5s cubic-bezier(.165,.84,.44,1)
}
.intro-loading-wrapper {
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100vw;
height: 100vh;
background-color: #fff;
z-index: 100000;
opacity: 0
}
.projects-sold-label-wrapper {
position: relative;
height: 50px;
z-index: 10;
-webkit-transition: opacity .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: opacity .5s cubic-bezier(.25,.46,.45,.94);
transition: opacity .5s cubic-bezier(.25,.46,.45,.94)
}
.projects-sold-label-wrapper.active {
display: block
}
.projects-sold-label-wrapper .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3px calc(17.4px + .74118vw) 0;
height: 100%
}
@media (min-width: 1700px) {
.projects-sold-label-wrapper .inner {
padding:3px 30px 0
}
}
.projects-sold-label-wrapper .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 42px;
background-color: #da352b
}
.projects-sold-label-wrapper .label {
position: relative;
top: -1px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.5px + .26471vw);
font-weight: 400;
color: #fff;
line-height: 1.1em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.projects-sold-label-wrapper .label {
font-size:21px
}
}
.statistics-wrapper {
position: relative;
padding: calc(33.4px + 9.21176vw) 0;
margin-top: calc(29.4px + 7.09412vw)
}
@media (min-width: 1700px) {
.statistics-wrapper {
padding:190px 0;
margin-top: 150px
}
}
@media only screen and (max-width: 680px) {
.statistics-wrapper {
padding-top:100px;
padding-bottom: 80px;
margin-top: 0
}
}
.statistics-wrapper .title {
display: block;
margin-bottom: calc(19.9px + 2.06471vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.8px + 2.54118vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.statistics-wrapper .title {
margin-bottom:55px;
font-size: 64px
}
}
.statistics-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.8px + 2.54118vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.statistics-wrapper .title p {
font-size:45px
}
}
.statistics-wrapper .title span {
font-size: calc(20.8px + 2.54118vw);
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.statistics-wrapper .title span {
font-size:45px
}
}
.statistics-wrapper .statistics-cols {
padding-left: 0;
padding-right: 0
}
.statistics-wrapper .statistics-cols .title {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(12.9px + 1.53529vw);
font-weight: 300;
color: #232323;
line-height: 1.2em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.statistics-wrapper .statistics-cols .title {
font-size:45px
}
}
.statistics-wrapper .statistics-cols .upper-title {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.2px + .4529vw);
font-weight: 300;
color: #232323;
line-height: 1.2em;
letter-spacing: -.03em;
font-style: italic
}
@media (min-width: 1700px) {
.statistics-wrapper .statistics-cols .upper-title {
font-size:28px
}
}
.gross-asset-value-wrapper {
display: block;
padding-top: calc(19.4px + 1.8vw)
}
@media (min-width: 1700px) {
.gross-asset-value-wrapper {
padding-top:50px
}
}
@media only screen and (max-width: 680px) {
.gross-asset-value-wrapper {
padding-top:80px
}
}
.gross-asset-value-wrapper .title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.8px + 2.54118vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.gross-asset-value-wrapper .title {
font-size:64px
}
}
.gross-asset-value-wrapper .title p {
margin-bottom: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.8px + 2.54118vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.gross-asset-value-wrapper .title p {
font-size:50px;
}
}
.gross-asset-value-wrapper .title span {
font-size: calc(20.8px + 2.54118vw);
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.gross-asset-value-wrapper .title span {
font-size:50px;
}
}
.gross-asset-value-wrapper .value {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-weight: 300;
color: #232323;
line-height: 1.4em;
letter-spacing: -.01em;
font-size: 13.5vw;
white-space: nowrap
}
.gross-asset-value-wrapper .value span {
position: relative;
display: block;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: left;
transform-origin: left
}
.gross-asset-value-wrapper .small-value {
position: relative;
margin-top: -60px;
display: block;
font-family: "Montserrat", sans-serif;
font-size: calc(16.8px + .42353vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.gross-asset-value-wrapper .small-value {
font-size:24px
}
}
@media only screen and (max-width: 820px) {
.gross-asset-value-wrapper .small-value {
margin-top:0
}
}
html:not(.has-scroll-smooth) .gross-asset-value-wrapper .value {
font-size: 14vw
}
html:not(.has-scroll-smooth) .gross-asset-value-wrapper .value span {
-webkit-transform: scale(1);
transform: scale(1)
}
html:not(.has-scroll-smooth) .gross-asset-value-wrapper .small-value {
display: none
}
.win .gross-asset-value-wrapper .small-value {
margin-top: -20px
}
.introduction-block-wrapper {
position: relative;
display: block;
padding-top: calc(39.4px + 12.38824vw)
}
@media (min-width: 1700px) {
.introduction-block-wrapper {
padding-top:250px
}
}
@media only screen and (max-width: 680px) {
.introduction-block-wrapper {
padding-top:100px
}
}
.introduction-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.introduction-block-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.introduction-block-wrapper .upper-title {
letter-spacing:1.3em
}
}
.introduction-block-wrapper .image-with-caption-wrapper {
position: relative;
top: 10vh
}
@media only screen and (max-width: 820px) {
.introduction-block-wrapper .image-with-caption-wrapper {
top:auto;
margin-bottom: 50px
}
}
@media only screen and (max-width: 680px) {
.introduction-block-wrapper .image-with-caption-wrapper {
margin-bottom:80px
}
}
.introduction-block-wrapper .image-with-caption-wrapper img {
width: 100%
}
@media only screen and (max-width: 820px) {
.introduction-block-wrapper .image-with-caption-wrapper figcaption {
position:relative;
top: auto;
margin-top: 20px
}
}
.introduction-block-wrapper .image-container {
position: relative
}
.introduction-block-wrapper .statistics-list li {
position: relative;
padding: 20px 0 10px 20px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.introduction-block-wrapper .statistics-list li {
font-size:22px
}
}
.introduction-block-wrapper .statistics-list li.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.introduction-block-wrapper .statistics-list li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.the-history-wrapper {
position: relative
}
.the-history-wrapper .bg {
position: relative;
background-color: #da352b;
padding-top: calc(24.4px + 4.44706vw);
padding-bottom: calc(22.4px + 3.38824vw)
}
@media (min-width: 1700px) {
.the-history-wrapper .bg {
padding-top:100px;
padding-bottom: 80px
}
}
@media only screen and (max-width: 820px) {
.the-history-wrapper .bg {
padding-bottom:220px
}
}
@media only screen and (max-width: 680px) {
.the-history-wrapper .bg {
padding-top:80px
}
}
.the-history-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.the-history-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.the-history-wrapper .upper-title {
letter-spacing:1.3em
}
}
.the-history-wrapper p {
font-size: calc(16.3px + .15882vw)
}
@media (min-width: 1700px) {
.the-history-wrapper p {
font-size:19px
}
}
.the-history-wrapper p span {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.the-history-wrapper p span {
font-size:18px
}
}
.the-history-wrapper .subtitle {
display: block;
margin-bottom: calc(18.4px + 1.27059vw);
text-indent: 0
}
@media (min-width: 1700px) {
.the-history-wrapper .subtitle {
margin-bottom:40px
}
}
.the-history-wrapper .main-title-col {
position: relative;
-webkit-perspective: 500px;
perspective: 500px
}
.the-history-wrapper .main-title-col .main-title {
position: relative;
margin-bottom: calc(39.4px + 12.38824vw);
margin-top: 360px;
display: block;
padding-top: calc(20.4px + 2.32941vw);
white-space: nowrap;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(43.4px + 14.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
font-size: 10vw;
}
@media (min-width: 1700px) {
.the-history-wrapper .main-title-col .main-title {
margin-bottom:250px;
padding-top: 60px;
font-size: 200px
}
}
@media only screen and (max-width: 1300px) {
.the-history-wrapper .main-title-col .main-title {
margin-top:500px
}
}
@media only screen and (max-width: 1100px) {
.the-history-wrapper .main-title-col .main-title {
margin-top:350px
}
}
@media only screen and (max-width: 1050px) {
.the-history-wrapper .main-title-col .main-title {
margin-top:450px
}
}
@media only screen and (max-width: 870px) {
.the-history-wrapper .main-title-col .main-title {
margin-top:520px
}
}
@media only screen and (max-width: 820px) {
.the-history-wrapper .main-title-col .main-title {
margin-top:80px;
margin-bottom: 80px
}
}
.the-history-wrapper .main-title-col .main-title .line {
display: inline-block
}
.the-history-wrapper .main-title-col .main-title .line:last-child {
margin-top: -.5em
}
.the-history-wrapper .main-title-col .main-title .line .inner {
position: relative;
display: inline-block
}
.the-history-wrapper .main-title-col .main-title.inview:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.the-history-wrapper .main-title-col .main-title:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.455,.03,.515,.955);
transition: -webkit-transform 1s cubic-bezier(.455,.03,.515,.955);
-o-transition: transform 1s cubic-bezier(.455,.03,.515,.955);
transition: transform 1s cubic-bezier(.455,.03,.515,.955);
transition: transform 1s cubic-bezier(.455,.03,.515,.955),-webkit-transform 1s cubic-bezier(.455,.03,.515,.955)
}
.the-history-wrapper .main-title-col .main-title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(43.4px + 14.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.the-history-wrapper .main-title-col .main-title p {
font-size:290px
}
}
.the-history-wrapper .main-title-col .main-title span {
display: inline-block;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
.the-history-wrapper .column-text p {
margin-bottom: 0
}
.the-history-wrapper .image-container {
margin-top: calc(-44.4px - 15.03529vw)
}
@media (min-width: 1700px) {
.the-history-wrapper .image-container {
margin-top:-300px
}
}
.investors-block-wrapper {
position: relative;
padding: calc(34.4px + 9.74118vw) 0;
display: none
}
@media (min-width: 1700px) {
.investors-block-wrapper {
padding:200px 0
}
}
@media only screen and (max-width: 680px) {
.investors-block-wrapper {
padding:80px 0
}
}
.investors-block-wrapper .main-title-wrapper {
position: relative;
z-index: 1
}
.investors-block-wrapper .main-title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19px + 1.58824vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.investors-block-wrapper .main-title {
font-size:46px
}
}
.investors-block-wrapper .main-title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19px + 1.58824vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.investors-block-wrapper .main-title p {
font-size:46px
}
}
.investors-block-wrapper .main-title span {
font-size: calc(19px + 1.58824vw);
color: #232323;
line-height: 1.4em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.investors-block-wrapper .main-title span {
font-size:46px
}
}
.investors-block-wrapper .image-block {
position: relative;
margin-top: calc(-44.4px - 3.38824vw);
margin-bottom: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.investors-block-wrapper .image-block {
margin-top:-80px;
margin-bottom: 40px
}
}
.investors-block-wrapper .image-block .text-block {
position: relative;
margin-top: calc(29.4px + 7.09412vw)
}
@media (min-width: 1700px) {
.investors-block-wrapper .image-block .text-block {
margin-top:150px
}
}
@media only screen and (max-width: 680px) {
.investors-block-wrapper .image-block .text-block {
margin-top:80px
}
}
.investors-block-wrapper .image-block .text-block span {
font-size: calc(17.2px + .63529vw)
}
@media (min-width: 1700px) {
.investors-block-wrapper .image-block .text-block span {
font-size:28px
}
}
.investors-block-wrapper .image-block .text-block span.italic {
font-style: italic
}
.investors-block-wrapper .image-block .image-container {
position: relative
}
.investors-block-wrapper .image-block .image-container .video-container {
position: absolute;
top: 50%;
max-width: 280px;
width: 16vw;
overflow: hidden;
border: 3px solid #000;
-webkit-filter: drop-shadow(0 100px 80px rgba(0,0,0,.2));
filter: drop-shadow(0 100px 80px rgba(0,0,0,.2));
border-radius: calc(16.5px + .26471vw)
}
@media (min-width: 1700px) {
.investors-block-wrapper .image-block .image-container .video-container {
border-radius:21px
}
}
@media only screen and (max-width: 800px) {
.investors-block-wrapper .image-block .image-container .video-container {
width:29vw;
top: 60%
}
}
@media only screen and (max-width: 680px) {
.investors-block-wrapper .image-block .image-container .video-container {
width:36vw;
top: 50%
}
}
.investors-block-wrapper .image-block .image-container .video-container .video-inner {
position: relative;
width: 100%
}
.investors-block-wrapper .image-block .image-container .video-container video {
max-width: 100%;
height: auto;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(1.01);
transform: scale(1.01)
}
.investors-block-wrapper .image-block .image-with-caption-wrapper {
position: relative;
padding-left: 3vw
}
.investors-block-wrapper .two-cols-wrapper {
position: relative;
margin-top: calc(29.4px + 7.09412vw);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media (min-width: 1700px) {
.investors-block-wrapper .two-cols-wrapper {
margin-top:150px
}
}
@media only screen and (max-width: 600px) {
.investors-block-wrapper .two-cols-wrapper {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.investors-block-wrapper .two-cols-wrapper p {
font-size: calc(16.3px + .15882vw)
}
@media (min-width: 1700px) {
.investors-block-wrapper .two-cols-wrapper p {
font-size:19px
}
}
.team-gallery-wrapper {
position: relative;
padding: calc(24.4px + 4.44706vw) 0 calc(38.4px + 11.85882vw);
background-color: #1e1e1e;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width: 1700px) {
.team-gallery-wrapper {
padding:100px 0 240px
}
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper {
padding:80px 0
}
}
.team-gallery-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.team-gallery-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .upper-title {
letter-spacing:1.3em
}
}
.team-gallery-wrapper .titles-wrapper .title-container {
position: relative;
z-index: 1
}
.team-gallery-wrapper .role {
position: relative;
display: block;
width: 90%;
margin-bottom: calc(16.4px + .21176vw);
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #fff;
line-height: 2em;
border-bottom: 1px solid #fff;
overflow: hidden
}
@media (min-width: 1700px) {
.team-gallery-wrapper .role {
margin-bottom:20px
}
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .role {
width:100%
}
}
.team-gallery-wrapper .name,.team-gallery-wrapper .role .inner {
display: block;
position: relative
}
.team-gallery-wrapper .name {
width: 145%;
height: calc(36.4px + 10.8vw);
margin-bottom: calc(16.4px + .21176vw);
padding-right: calc(18.4px + 1.27059vw);
padding-left: 10px;
left: -10px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #fff;
line-height: 1em;
letter-spacing: -.03em;
overflow: hidden
}
@media (min-width: 1700px) {
.team-gallery-wrapper .name {
height:220px;
margin-bottom: 20px;
padding-right: 40px;
font-size: 100px
}
}
@media only screen and (max-width: 820px) {
.team-gallery-wrapper .name {
height:calc(38.4px + 11.85882vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.team-gallery-wrapper .name {
height:240px
}
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .name {
height:calc(41.4px + 13.44706vw);
width: 100%
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.team-gallery-wrapper .name {
height:270px
}
}
.team-gallery-wrapper .name .inner {
display: block;
position: relative
}
.team-gallery-wrapper .name p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 2.44706vw);
font-weight: 300;
color: #fff;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.team-gallery-wrapper .name p {
font-size:65px;
}
}
.team-gallery-wrapper .name span {
font-size: calc(24.4px + 2.44706vw);
color: #fff;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.team-gallery-wrapper .name span {
font-size:65px;
}
}
.team-gallery-wrapper .description {
position: relative;
display: block;
width: 100%;
height: calc(35.4px + 10.27059vw);
margin-bottom: 15px;
padding-right: calc(20.4px + 2.32941vw);
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #fff;
line-height: 1.4em;
overflow: hidden
}
@media (min-width: 1700px) {
.team-gallery-wrapper .description {
height:210px;
padding-right: 60px;
font-size: 19px
}
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .description {
padding-right:0
}
}
.team-gallery-wrapper .description .inner {
display: block;
position: relative;
text-indent: 25px
}
.team-gallery-wrapper .description .gradient {
position: absolute;
bottom: -35px;
left: -5%;
width: 100%;
height: 100px;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(30,30,30,0)),color-stop(70%,#1e1e1e));
background: -o-linear-gradient(top,rgba(30,30,30,0) 0,#1e1e1e 70%);
background: linear-gradient(180deg,rgba(30,30,30,0),#1e1e1e 70%);
opacity: 0;
visibility: hidden
}
.team-gallery-wrapper .btn-expand-description {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #fff;
line-height: 1em;
padding: 0;
background: transparent;
border: 0;
outline: none;
cursor: pointer;
margin: 0 0 40px;
opacity: 0;
visibility: hidden
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .btn-expand-description {
margin-bottom:0
}
}
.team-gallery-wrapper .btn-expand-description svg {
pointer-events: none;
height: 42px;
width: 42px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .controllers-wrapper {
position:absolute;
z-index: 1;
top: 50%;
left: -26px;
width: calc(100% + 52px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
pointer-events: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: .625rem;
padding-right: .625rem
}
}
.team-gallery-wrapper .controllers-wrapper button {
position: relative;
width: 56px;
height: 56px;
background: none;
outline: none;
border: none;
padding: 0;
cursor: pointer
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .controllers-wrapper button {
width:52px;
height: 52px;
pointer-events: visible
}
.team-gallery-wrapper .controllers-wrapper button.left-btn {
margin-left: 0
}
}
.team-gallery-wrapper .controllers-wrapper button .hitzone {
position: absolute;
top: -20%;
left: -20%;
width: 140%;
height: 140%
}
.team-gallery-wrapper .controllers-wrapper button.inactive {
pointer-events: none;
opacity: .2
}
.team-gallery-wrapper .controllers-wrapper button.left-btn {
margin-left: 10px
}
@media (hover: hover) {
.team-gallery-wrapper .controllers-wrapper button:hover svg circle {
fill:#fff
}
.team-gallery-wrapper .controllers-wrapper button:hover svg path {
fill: #232323
}
}
.team-gallery-wrapper .controllers-wrapper button svg {
width: 100%;
height: 100%;
pointer-events: none;
overflow: visible
}
.team-gallery-wrapper .controllers-wrapper button svg circle {
-webkit-transition: fill .75s cubic-bezier(.165,.84,.44,1);
-o-transition: fill .75s cubic-bezier(.165,.84,.44,1);
transition: fill .75s cubic-bezier(.165,.84,.44,1);
fill: transparent
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .controllers-wrapper button svg circle {
fill:#fff
}
}
.team-gallery-wrapper .controllers-wrapper button svg path {
-webkit-transition: fill .75s cubic-bezier(.165,.84,.44,1);
-o-transition: fill .75s cubic-bezier(.165,.84,.44,1);
transition: fill .75s cubic-bezier(.165,.84,.44,1)
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .controllers-wrapper button svg path {
fill:#232323
}
}
.team-gallery-wrapper .photos-column {
position: relative
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .gallery-wrapper {
padding:0 calc(24.4px + 4.44706vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.team-gallery-wrapper .gallery-wrapper {
padding:0 100px
}
}
.team-gallery-wrapper .photos-wrapper {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
white-space: nowrap
}
.team-gallery-wrapper .photos-wrapper .hidden-container {
display: none
}
.team-gallery-wrapper .photos-wrapper .container {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 28vw;
flex: 0 0 28vw;
max-width: 28vw;
margin-right: 40px;
overflow: hidden
}
@media only screen and (max-width: 1280px) {
.team-gallery-wrapper .photos-wrapper .container {
-webkit-box-flex:0;
-ms-flex: 0 0 30vw;
flex: 0 0 30vw;
max-width: 30vw;
margin-right: 30px
}
}
@media only screen and (max-width: 1180px) {
.team-gallery-wrapper .photos-wrapper .container {
-webkit-box-flex:0;
-ms-flex: 0 0 35vw;
flex: 0 0 35vw;
max-width: 35vw
}
}
@media only screen and (max-width: 820px) {
.team-gallery-wrapper .photos-wrapper .container {
-webkit-box-flex:0;
-ms-flex: 0 0 40vw;
flex: 0 0 40vw;
max-width: 40vw
}
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .photos-wrapper .container {
-webkit-box-flex:inherit;
-ms-flex: inherit;
flex: inherit;
max-width: inherit;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
}
.team-gallery-wrapper .photos-wrapper .container:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 22vw;
flex: 0 0 22vw;
max-width: 22vw;
opacity: .3
}
@media only screen and (max-width: 1180px) {
.team-gallery-wrapper .photos-wrapper .container:nth-child(2) {
-webkit-box-flex:0;
-ms-flex: 0 0 28vw;
flex: 0 0 28vw;
max-width: 28vw;
-ms-flex: 0 0 32vw;
flex: 0 0 32vw;
max-width: 32vw
}
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .photos-wrapper .container:nth-child(2) {
-webkit-box-flex:inherit;
-ms-flex: inherit;
flex: inherit;
max-width: inherit;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 80%
}
}
.team-gallery-wrapper .photos-wrapper .container:nth-child(3) {
-webkit-box-flex: 0;
-ms-flex: 0 0 18vw;
flex: 0 0 18vw;
max-width: 18vw;
opacity: .3
}
@media only screen and (max-width: 680px) {
.team-gallery-wrapper .photos-wrapper .container:nth-child(3) {
-webkit-box-flex:inherit;
-ms-flex: inherit;
flex: inherit;
max-width: inherit;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
}
.team-gallery-wrapper .photos-wrapper .container.trigger-next {
cursor: pointer;
-webkit-transition: opacity .5s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity .5s cubic-bezier(.165,.84,.44,1);
transition: opacity .5s cubic-bezier(.165,.84,.44,1)
}
@media (hover: hover) {
.team-gallery-wrapper .photos-wrapper .container.trigger-next:hover {
opacity:1
}
}
.team-gallery-wrapper .photos-wrapper .container picture {
position: relative;
display: block;
pointer-events: none;
width: 100%
}
.team-gallery-wrapper .photos-wrapper .container picture img {
width: 100%
}
.contacts-gallery-wrapper {
position: relative;
padding: calc(24.4px + 4.44706vw) 0 calc(38.4px + 11.85882vw)
}
@media (min-width: 1700px) {
.contacts-gallery-wrapper {
padding:100px 0 240px
}
}
@media only screen and (max-width: 680px) {
.contacts-gallery-wrapper {
padding:80px 0
}
}
.contacts-gallery-wrapper .title-container {
position: relative;
z-index: 1;
pointer-events: none
}
.contacts-gallery-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.contacts-gallery-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.contacts-gallery-wrapper .upper-title {
letter-spacing:1.3em
}
}
.contacts-gallery-wrapper .main-title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 4.50588vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.contacts-gallery-wrapper .main-title {
font-size:120px
}
}
.contacts-gallery-wrapper .main-title span:not(.city) {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 4.50588vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
font-style: italic
}
@media (min-width: 1700px) {
.contacts-gallery-wrapper .main-title span:not(.city) {
font-size:120px
}
}
.contacts-gallery-wrapper .main-title .city {
position: relative;
overflow: hidden
}
.contacts-gallery-wrapper .main-title .city .mask {
position: absolute;
top: 0;
left: -10px;
width: 100%;
height: 100%;
background-color: rgba(246,244,242,.7607843137254902);
z-index: 1;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
.contacts-gallery-wrapper .main-title .city .label {
position: absolute;
top: 0;
left: 0;
display: inline-block;
white-space: nowrap;
opacity: 0;
visibility: hidden
}
.contacts-gallery-wrapper .main-title .city .label.active {
position: relative;
top: 0;
opacity: 1;
visibility: visible
}
.contacts-gallery-wrapper .main-title p {
position: relative;
left: -6px;
margin: 0;
text-indent: 0;
display: inline-block;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.contacts-gallery-wrapper .main-title p {
font-size:120px
}
}
.contacts-gallery-wrapper .main-title p span:first-of-type {
position: relative;
left: 6px
}
.contacts-gallery-wrapper .slider-container {
position: relative;
margin-top: calc(-44.4px - 7.62353vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width: 1700px) {
.contacts-gallery-wrapper .slider-container {
margin-top:-160px
}
}
@media only screen and (max-width: 1023px) {
.contacts-gallery-wrapper .slider-container {
margin-top:40px
}
}
.contacts-gallery-wrapper .slider-container .selector-container {
position: relative;
margin-bottom: 20px;
z-index: 1
}
.contacts-gallery-wrapper .slider-container .selector-container.one-place {
display: none
}
@media only screen and (max-width: 1023px) {
.contacts-gallery-wrapper .slider-container .selector-container {
position:absolute;
top: -2%;
margin-left: 6.25%;
width: 93.75%;
padding-left: calc(16.4px + .21176vw);
padding-right: calc(16.4px + .21176vw);
margin-bottom: 0
}
}
@media only screen and (max-width: 1023px) and (min-width:1700px) {
.contacts-gallery-wrapper .slider-container .selector-container {
padding-left:20px;
padding-right: 20px
}
}
@media only screen and (max-width: 820px) {
.contacts-gallery-wrapper .slider-container .selector-container {
margin-left:0;
padding-left: .625rem;
padding-right: .625rem
}
}
.contacts-gallery-wrapper .slider-container .selector-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: -10px
}
@media only screen and (max-width: 1023px) {
.contacts-gallery-wrapper .slider-container .selector-container ul {
-webkit-box-pack:start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.contacts-gallery-wrapper .slider-container .selector-container li {
border: 1.5px solid #232323;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border-radius: 53px;
padding: 10px 21px 8px;
margin-left: 10px;
margin-bottom: 4px;
cursor: pointer;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
font-weight: 500;
color: #232323;
line-height: 1.18em;
letter-spacing: -.01em;
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.contacts-gallery-wrapper .slider-container .selector-container li span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
font-weight: 500;
color: #232323;
line-height: 1.18em;
letter-spacing: -.01em;
font-style: italic;
pointer-events: none;
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1)
}
.contacts-gallery-wrapper .slider-container .selector-container li.active {
pointer-events: none;
background-color: #232323;
color: #fff
}
.contacts-gallery-wrapper .slider-container .selector-container li.active span {
color: #fff
}
@media (hover: hover) {
.contacts-gallery-wrapper .slider-container .selector-container li:hover {
background-color:#232323;
color: #fff
}
.contacts-gallery-wrapper .slider-container .selector-container li:hover span {
color: #fff
}
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
max-width: 100vw;
z-index: 10;
pointer-events: none
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper button {
position: relative;
width: 56px;
height: 56px;
padding: 0;
background: none;
outline: none;
border: none;
cursor: pointer;
pointer-events: visible;
-webkit-box-shadow: 0 8px 10px rgba(0,0,0,.03);
box-shadow: 0 8px 10px rgba(0,0,0,.03);
border-radius: 50px;
-webkit-transition: opacity .5s cubic-bezier(.165,.84,.44,1),-webkit-box-shadow .5s cubic-bezier(.165,.84,.44,1);
transition: opacity .5s cubic-bezier(.165,.84,.44,1),-webkit-box-shadow .5s cubic-bezier(.165,.84,.44,1);
-o-transition: box-shadow .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
transition: box-shadow .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
transition: box-shadow .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1),-webkit-box-shadow .5s cubic-bezier(.165,.84,.44,1)
}
@media only screen and (max-width: 600px) {
.contacts-gallery-wrapper .slider-container .controllers-wrapper button {
width:52px;
height: 52px
}
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper button.inactive {
opacity: 0;
pointer-events: none
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper button.inactive svg path {
fill: #ababab
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper button.inactive svg circle {
fill: #fafafa;
stroke: #fafafa
}
@media (hover: hover) {
.contacts-gallery-wrapper .slider-container .controllers-wrapper button:hover {
-webkit-box-shadow:0 8px 10px rgba(0,0,0,.2);
box-shadow: 0 8px 10px rgba(0,0,0,.2)
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper button:hover svg circle {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper button .hitzone {
position: absolute;
top: -20%;
left: -20%;
width: 140%;
height: 140%
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper button svg {
overflow: visible;
pointer-events: none;
width: 100%
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper button svg circle {
fill: #fff;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: fill 1s cubic-bezier(.165,.84,.44,1),stroke 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: fill 1s cubic-bezier(.165,.84,.44,1),stroke 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),fill 1s cubic-bezier(.165,.84,.44,1),stroke 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),fill 1s cubic-bezier(.165,.84,.44,1),stroke 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),fill 1s cubic-bezier(.165,.84,.44,1),stroke 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.contacts-gallery-wrapper .slider-container .controllers-wrapper button svg path {
fill: #232323;
-webkit-transition: fill 1s cubic-bezier(.165,.84,.44,1);
-o-transition: fill 1s cubic-bezier(.165,.84,.44,1);
transition: fill 1s cubic-bezier(.165,.84,.44,1)
}
.contacts-gallery-wrapper .slider-container .map-container {
position: absolute;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
pointer-events: none;
z-index: 100
}
@media only screen and (max-width: 680px) {
.contacts-gallery-wrapper .slider-container .map-container {
width:100%;
padding-left: calc(13.33333px + .625rem);
padding-right: calc(13.33333px + .625rem)
}
}
.contacts-gallery-wrapper .slider-container .map-container .map-item-container {
position: relative;
width: 25%;
bottom: 2%;
right: 0;
text-align: right;
pointer-events: visible;
overflow: hidden
}
@media only screen and (max-width: 800px) {
.contacts-gallery-wrapper .slider-container .map-container .map-item-container {
bottom:-5%
}
}
@media only screen and (max-width: 680px) {
.contacts-gallery-wrapper .slider-container .map-container .map-item-container {
bottom:-20%;
width: 36%
}
}
.contacts-gallery-wrapper .slider-container .map-container .map-item-container .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #c9c9c9;
z-index: 1;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
.contacts-gallery-wrapper .slider-container .map-container .map-item-container .map-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden
}
.contacts-gallery-wrapper .slider-container .map-container .map-item-container .map-item picture {
position: relative;
display: block;
overflow: hidden
}
.contacts-gallery-wrapper .slider-container .map-container .map-item-container .map-item img {
width: 100%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 2s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 2s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 2s cubic-bezier(.165,.84,.44,1);
transition: transform 2s cubic-bezier(.165,.84,.44,1);
transition: transform 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1)
}
.contacts-gallery-wrapper .slider-container .map-container .map-item-container .map-item.active {
position: relative;
opacity: 1;
visibility: visible
}
.contacts-gallery-wrapper .slider-container .map-container .map-item-container .map-item a {
display: block;
text-decoration: none
}
@media (hover: hover) {
.contacts-gallery-wrapper .slider-container .map-container .map-item-container .map-item a:hover img {
-webkit-transform:scale(1.2)!important;
transform: scale(1.2)!important
}
}
.contacts-gallery-wrapper .slider-container .map-container .caption {
display: block;
margin-top: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
font-weight: 500;
color: #000;
line-height: 1.2em;
letter-spacing: -.01em;
text-transform: uppercase
}
.contacts-gallery-wrapper .slider-container .slider-inner {
position: relative;
width: 100vw;
height: 80vh;
min-height: 650px;
-webkit-perspective: 500;
perspective: 500
}
@media only screen and (max-width: 800px) {
.contacts-gallery-wrapper .slider-container .slider-inner {
height:62vh;
min-height: 500px
}
}
@media only screen and (max-width: 680px) {
.contacts-gallery-wrapper .slider-container .slider-inner {
height:52vh;
min-height: 400px
}
}
.contacts-gallery-wrapper .slider-container .slider-inner .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f1efeb;
z-index: 1;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
.contacts-gallery-wrapper .slider-container .slider-inner .slider-location {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden
}
.contacts-gallery-wrapper .slider-container .slider-inner .slider-location.active {
position: relative;
opacity: 1;
visibility: visible
}
.contacts-gallery-wrapper .slider-container .slider-inner .slide {
position: relative;
margin-left: 6vw;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
overflow: hidden
}
@media only screen and (max-width: 1440px) {
.contacts-gallery-wrapper .slider-container .slider-inner .slide {
width:52%;
margin-left: 0
}
}
@media only screen and (max-width: 1100px) {
.contacts-gallery-wrapper .slider-container .slider-inner .slide {
width:70%
}
}
.contacts-gallery-wrapper .slider-container .slider-inner .slide .slide-image {
-webkit-transform: scale(.6);
transform: scale(.6)
}
.contacts-gallery-wrapper .slider-container .slider-inner .slide .block-bg-cover {
position: relative
}
@media only screen and (max-width: 1440px) {
.contacts-gallery-wrapper .slider-container .slider-inner .slide.portrait {
width:52%
}
}
.contacts-gallery-wrapper .slider-container .slider-inner .slide.portrait .block-bg-cover {
width: auto
}
.contacts-gallery-wrapper .slider-container .slider-inner .slide:first-of-type {
margin-left: 0;
padding-left: 0
}
.contacts-gallery-wrapper .slider-container .slider-inner .slide:first-of-type .slide-image {
margin: 0 0 0 auto;
-webkit-transform: scale(1);
transform: scale(1)
}
.contacts-gallery-wrapper .slider-container .slider-inner .slide:last-of-type .slide-image {
margin: 0 auto 0 0
}
.contacts-gallery-wrapper .slider-container .slider-inner .slide picture {
position: relative;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.contacts-gallery-wrapper .slider-container .slider-inner .slide .slide-image {
width: 100%;
margin: 0 auto;
-webkit-transform-origin: center;
transform-origin: center
}
.contacts-gallery-wrapper .contacts-container {
margin-top: calc(-44.4px - 2.32941vw)
}
@media (min-width: 1700px) {
.contacts-gallery-wrapper .contacts-container {
margin-top:-60px
}
}
@media only screen and (max-width: 820px) {
.contacts-gallery-wrapper .contacts-container {
margin-top:0
}
}
@media only screen and (max-width: 680px) {
.contacts-gallery-wrapper .contacts-container {
margin-top:40px
}
}
@media only screen and (max-width: 680px) {
.contacts-gallery-wrapper .contacts-container .social {
display:-webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.contacts-gallery-wrapper .contacts-container .social li .item {
position: relative;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-decoration: none;
font-style: italic;
text-align: left;
-webkit-transition: letter-spacing .5s cubic-bezier(.165,.84,.44,1);
-o-transition: letter-spacing .5s cubic-bezier(.165,.84,.44,1);
transition: letter-spacing .5s cubic-bezier(.165,.84,.44,1);
background: transparent;
border: none;
outline: none;
cursor: pointer
}
@media (min-width: 1700px) {
.contacts-gallery-wrapper .contacts-container .social li .item {
font-size:100px
}
}
.contacts-gallery-wrapper .contacts-container .social li .item div {
pointer-events: none
}
@media (hover: hover) {
.contacts-gallery-wrapper .contacts-container .social li .item:hover {
letter-spacing:.01em
}
.contacts-gallery-wrapper .contacts-container .social li .item:hover:after {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right
}
}
.contacts-gallery-wrapper .contacts-container .social li .item:first-of-type {
margin-bottom: .2em
}
.contacts-gallery-wrapper .contacts-container .social li .item:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.contacts-gallery-wrapper .contacts-container .contacts {
margin-bottom: 10px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media only screen and (max-width: 680px) {
.contacts-gallery-wrapper .contacts-container .contacts {
-webkit-box-align:start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 0;
margin-top: 20px
}
}
.contacts-gallery-wrapper .contacts-container .contacts li a {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #232323;
line-height: 1.2em;
letter-spacing: -.01em;
text-decoration: none;
font-style: italic;
-webkit-transition: letter-spacing .5s cubic-bezier(.165,.84,.44,1);
-o-transition: letter-spacing .5s cubic-bezier(.165,.84,.44,1);
transition: letter-spacing .5s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.contacts-gallery-wrapper .contacts-container .contacts li a {
font-size:30px
}
}
@media (hover: hover) {
.contacts-gallery-wrapper .contacts-container .contacts li a:hover {
letter-spacing:.01em
}
.contacts-gallery-wrapper .contacts-container .contacts li a:hover:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
.contacts-gallery-wrapper .contacts-container .contacts li a:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.intro-block-wrapper {
position: relative;
padding: calc(19.4px + 1.8vw) 0
}
@media (min-width: 1700px) {
.intro-block-wrapper {
padding:50px 0
}
}
@media only screen and (max-width: 680px) {
.intro-block-wrapper {
padding:80px 0 0
}
}
.intro-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.intro-block-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.intro-block-wrapper .upper-title {
letter-spacing:1.3em;
line-height: 2.3em
}
}
.intro-block-wrapper .title {
position: relative;
margin: calc(24.4px + 4.44706vw) 0 calc(25.9px + 5.24118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.4px + 2.32941vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.intro-block-wrapper .title {
margin:100px 0 115px;
font-size: 60px
}
}
@media only screen and (max-width: 820px) {
.intro-block-wrapper .title {
margin-bottom:0
}
}
@media only screen and (max-width: 680px) {
.intro-block-wrapper .title {
margin-top:20px
}
}
.intro-block-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.4px + 2.32941vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.intro-block-wrapper .title p {
font-size:60px
}
}
.intro-block-wrapper .title span {
font-size: calc(20.4px + 2.32941vw);
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.intro-block-wrapper .title span {
font-size:60px
}
}
@media only screen and (min-width: 1440px) {
.intro-block-wrapper .right-col {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
}
.intro-block-wrapper .right-col picture {
position: relative;
display: block;
width: 100%
}
@media only screen and (min-width: 1440px) {
.intro-block-wrapper .right-col picture {
height:100%
}
}
.intro-block-wrapper .right-col picture img {
width: 100%
}
@media only screen and (min-width: 1440px) {
.intro-block-wrapper .right-col picture img {
height:100%;
width: auto;
max-width: none
}
}
.intro-block-wrapper .info-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%
}
@media only screen and (max-width: 1200px) {
.intro-block-wrapper .info-col {
margin-top:50px
}
}
@media only screen and (max-width: 820px) {
.intro-block-wrapper .info-col {
height:auto;
margin-bottom: 80px
}
}
.intro-block-wrapper .info-col p {
margin-bottom: 0
}
.intro-block-wrapper .info-col p span {
font-size: calc(17.2px + .63529vw);
font-style: italic
}
@media (min-width: 1700px) {
.intro-block-wrapper .info-col p span {
font-size:28px
}
}
.intro-block-wrapper .statistics-list {
position: relative
}
.intro-block-wrapper .statistics-list.list-with-title {
margin-top: calc(19.6px + 1.90588vw)
}
@media (min-width: 1700px) {
.intro-block-wrapper .statistics-list.list-with-title {
margin-top:52px
}
}
.intro-block-wrapper .statistics-list.list-with-title .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 40px
}
@media only screen and (max-width: 680px) {
.intro-block-wrapper .statistics-list.list-with-title .inner {
gap:10px
}
}
.intro-block-wrapper .statistics-list.list-with-title .inner .statistic-title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19.6px + 1.90588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
font-style: italic;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%
}
@media (min-width: 1700px) {
.intro-block-wrapper .statistics-list.list-with-title .inner .statistic-title {
font-size:52px
}
}
.intro-block-wrapper .statistics-list.kora_pamplona,.intro-block-wrapper .statistics-list.nivaria,.intro-block-wrapper .statistics-list.nivaria_golf_marina {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: auto auto auto;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
@media only screen and (max-width: 1350px) {
.intro-block-wrapper .statistics-list.kora_pamplona,.intro-block-wrapper .statistics-list.nivaria,.intro-block-wrapper .statistics-list.nivaria_golf_marina {
grid-template-rows:auto auto auto;
grid-template-columns: auto auto
}
}
.intro-block-wrapper .statistics-list.kora_pamplona li,.intro-block-wrapper .statistics-list.nivaria_golf_marina li,.intro-block-wrapper .statistics-list.nivaria li {
font-size: 14px
}
.intro-block-wrapper .statistics-list.kora_pamplona li.enter-viewport div:after,.intro-block-wrapper .statistics-list.nivaria_golf_marina li.enter-viewport div:after,.intro-block-wrapper .statistics-list.nivaria li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.intro-block-wrapper .statistics-list.kora_pamplona li div,.intro-block-wrapper .statistics-list.nivaria_golf_marina li div,.intro-block-wrapper .statistics-list.nivaria li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.intro-block-wrapper .statistics-list.kora_pamplona li div:after,.intro-block-wrapper .statistics-list.nivaria_golf_marina li div:after,.intro-block-wrapper .statistics-list.nivaria li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.intro-block-wrapper .statistics-list.kora_pamplona li div picture,.intro-block-wrapper .statistics-list.nivaria_golf_marina li div picture,.intro-block-wrapper .statistics-list.nivaria li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%
}
.intro-block-wrapper .statistics-list.kora_pamplona li div img,.intro-block-wrapper .statistics-list.nivaria_golf_marina li div img,.intro-block-wrapper .statistics-list.nivaria li div img {
margin-left: -20px
}
@media only screen and (max-width: 480px) {
.intro-block-wrapper .statistics-list.kora_pamplona li div img,.intro-block-wrapper .statistics-list.nivaria_golf_marina li div img,.intro-block-wrapper .statistics-list.nivaria li div img {
width:80px;
margin-left: -10px
}
.intro-block-wrapper .statistics-list.kora_pamplona li div .name,.intro-block-wrapper .statistics-list.nivaria_golf_marina li div .name,.intro-block-wrapper .statistics-list.nivaria li div .name {
width: 40%
}
}
.intro-block-wrapper .statistics-list:not(.nivaria):not(.nivaria_golf_marina):not(.kora_pamplona) li {
padding: 15px
}
.intro-block-wrapper .statistics-list:not(.nivaria):not(.nivaria_golf_marina):not(.kora_pamplona) li.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.intro-block-wrapper .statistics-list:not(.nivaria):not(.nivaria_golf_marina):not(.kora_pamplona) li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.intro-block-wrapper .statistics-list li {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.intro-block-wrapper .statistics-list li {
font-size:22px
}
}
.kora_lumen .intro-block-wrapper .title .sans-normal {
color: #7a2f3a
}
.hero-wrapper {
position: relative;
padding: calc(39.4px + 12.38824vw) 0
}
@media (min-width: 1700px) {
.hero-wrapper {
padding:250px 0
}
}
@media only screen and (max-width: 680px) {
.hero-wrapper {
padding:100px 0
}
}
.hero-wrapper .title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19px + 1.58824vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.hero-wrapper .title {
font-size:46px
}
}
.hero-wrapper .title p {
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19px + 1.58824vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.hero-wrapper .title p {
font-size:46px
}
}
.hero-wrapper .title p:last-child {
margin-bottom: 0
}
.hero-wrapper .title span {
font-size: calc(19px + 1.58824vw);
line-height: 1.4em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.hero-wrapper .title span {
font-size:46px
}
}
.kora_pamplona .hero-wrapper .title .italic.serif-light,.kora_pamplona .hero-wrapper .title .italic.serif-normal {
color: #45758f
}
.kora_tamaragua .hero-wrapper .title .italic.serif-light,.kora_tamaragua .hero-wrapper .title .italic.serif-normal {
color: #974527
}
.kora_maresia .hero-wrapper .title .italic.serif-light,.kora_maresia .hero-wrapper .title .italic.serif-normal {
color: #d17b61
}
.kora_lluna .hero-wrapper .title .italic.serif-light,.kora_lluna .hero-wrapper .title .italic.serif-normal {
color: #552416
}
.gallery-slider-container-wrapper {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #2f2723
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper {
padding-bottom:80px
}
}
.gallery-slider-container-wrapper .gallery-slider-container-webgl {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-title-webgl {
display: none
}
.gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.gallery-slider-container-wrapper .upper-title {
position: relative;
margin-bottom: calc(18.9px + 1.53529vw);
margin-top: calc(23.4px + 3.91765vw);
left: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.gallery-slider-container-wrapper .upper-title {
margin-bottom:45px;
margin-top: 90px
}
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper .upper-title {
letter-spacing:1.3em;
margin-top: 80px
}
}
.gallery-slider-container-wrapper .lower-title {
position: relative;
margin-bottom: calc(23.4px + 3.91765vw);
margin-top: calc(18.9px + 1.53529vw);
width: 100%;
display: block;
z-index: 1;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #fff;
line-height: 1.5em;
letter-spacing: .03em;
cursor: pointer
}
@media (min-width: 1700px) {
.gallery-slider-container-wrapper .lower-title {
margin-bottom:90px;
margin-top: 45px;
font-size: 18px
}
}
.gallery-slider-container-wrapper .lower-title span {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #fff;
line-height: 1.5em;
letter-spacing: .03em;
font-style: italic
}
@media (min-width: 1700px) {
.gallery-slider-container-wrapper .lower-title span {
font-size:18px
}
}
.gallery-slider-container-wrapper .lower-title:after {
content: "";
position: absolute;
bottom: -30px;
left: calc(50% - 5px);
display: block;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #fff
}
.gallery-slider-container-wrapper .kora-pamplona-ornament {
position: absolute;
bottom: -40px;
left: 0;
width: 100%;
display: none;
z-index: 10
}
.gallery-slider-container-wrapper .kora-bg-container {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%
}
.gallery-slider-container-wrapper .kora-bg-container img {
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover
}
.gallery-slider-container-wrapper .kora-tamaragua-ornament {
display: none
}
.gallery-slider-container-wrapper .nivaria-ornament {
position: absolute;
top: calc(-44.4px - 4.44706vw);
left: 0;
width: 100%;
z-index: 11;
pointer-events: none;
display: none
}
@media (min-width: 1700px) {
.gallery-slider-container-wrapper .nivaria-ornament {
top:-100px
}
}
@media only screen and (max-width: 1070px) {
.gallery-slider-container-wrapper .nivaria-ornament {
top:calc(-44.4px - 3.38824vw)
}
}
@media only screen and (max-width: 1070px) and (min-width:1700px) {
.gallery-slider-container-wrapper .nivaria-ornament {
top:-80px
}
}
@media only screen and (max-width: 870px) {
.gallery-slider-container-wrapper .nivaria-ornament {
top:-5%
}
}
.gallery-slider-container-wrapper .gallery-slider-wrapper-webgl {
display: none;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-slider-container {
position: relative;
height: auto;
overflow: hidden;
background: #2f2723
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner {
position: relative;
z-index: 1
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
z-index: 1;
cursor: -webkit-grab;
cursor: grab
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .lower-index {
z-index: 1
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .higher-index {
z-index: 3
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-title {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(37.4px + 11.32941vw);
font-weight: 400;
color: #fff;
line-height: 1em;
letter-spacing: -.03em;
font-style: italic;
white-space: nowrap;
z-index: 2;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width: 1700px) {
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-title {
font-size:230px
}
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper {
margin: 0 calc(24.4px + 4.44706vw);
position: relative
}
@media (min-width: 1700px) {
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper {
margin:0 100px
}
}
@media only screen and (orientation: portrait) {
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper {
margin:0 calc(29.4px + 7.09412vw)
}
}
@media only screen and (orientation: portrait) and (min-width:1700px) {
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper {
margin:0 150px
}
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper {
margin:0 calc(26.4px + 5.50588vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper {
margin:0 120px
}
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-number {
position: relative;
display: block;
margin-bottom: 15px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
color: #fff;
line-height: 1.5em;
letter-spacing: .01em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper {
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask,.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
position: absolute;
display: block;
width: 104%;
height: 104%;
top: -2%;
left: -2%;
background-color: #fff7ec;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom;
transform-origin: bottom
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #2f2723
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper img {
width: 30vw;
max-width: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-transform-origin: center;
transform-origin: center
}
@media only screen and (orientation: portrait) {
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper img {
width:60vw
}
}
.gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-description {
position: relative;
display: block;
margin-top: 25px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #fff;
line-height: 1.2em;
letter-spacing: .01em;
text-transform: uppercase;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper {
position: absolute;
width: 100%;
height: 100vh;
top: 0;
left: 0;
z-index: 101;
opacity: 0;
visibility: hidden
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(35,35,35,.1);
z-index: 1
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper img.element-cover {
position: absolute;
z-index: 0
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
top: 0;
left: 0;
padding: 60px 0 20px;
width: 100%;
height: 100%;
z-index: 2
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui {
padding:20px 0
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.2);
display: none
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .image-title {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #fff;
line-height: 1.5em;
letter-spacing: .01em;
text-transform: uppercase;
overflow: hidden
}
@media (min-width: 1700px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .image-title {
font-size:18px
}
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .image-title {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .image-title span {
text-align: center;
position: relative;
display: inline-block
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 66px;
height: 66px;
background-color: transparent;
outline: none;
border: none;
border-radius: 100%;
cursor: pointer
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn {
width:60px;
height: 60px
}
}
@media (hover: hover) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn:hover .bg {
background-color:#fff;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.left-btn {
top: 50%;
left: 75px;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.left-btn {
left:20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.left-btn .icon {
position: relative;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
@media (hover: hover) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.left-btn:hover svg path {
stroke:#232323
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.left-btn svg {
position: relative;
top: 1px
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.left-btn svg path {
-webkit-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
-o-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
transition: stroke 1s cubic-bezier(.165,.84,.44,1)
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.right-btn {
top: 50%;
right: 75px;
-webkit-transform: translate(50%,-50%);
transform: translate(50%,-50%)
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.right-btn {
right:20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media (hover: hover) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.right-btn:hover svg path {
stroke:#232323
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.right-btn svg {
position: relative
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.right-btn svg path {
-webkit-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
-o-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
transition: stroke 1s cubic-bezier(.165,.84,.44,1)
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.right-btn svg {
top:-1px
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.close-btn {
width: 66px;
height: 66px;
top: 50px;
right: 75px;
-webkit-transform: translateX(50%);
transform: translateX(50%)
}
@media only screen and (max-width: 680px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.close-btn {
width:51px;
height: 51px;
top: 20px;
right: 20px;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.close-btn .bg {
background-color: #fff
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.close-btn svg {
width: 45px;
height: 45px
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn.close-btn svg path {
fill: #232323
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn .hitzone {
position: absolute;
top: -15%;
left: -15%;
width: 130%;
height: 130%
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn .icon {
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn svg {
position: relative;
top: 2px;
width: 60px;
height: 60px;
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn svg path {
fill: #232323
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .btn .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
background-color: transparent;
border: 1px solid #fff;
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .arrow-left {
position: absolute;
top: calc(50% - 18px);
left: 50px
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .arrow-left path {
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .arrow-right {
position: absolute;
top: calc(50% - 18px);
right: 50px
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .arrow-right path {
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .close {
position: absolute;
top: 30px;
right: 50px
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .close path {
pointer-events: none
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper {
position: relative;
text-align: center;
padding-bottom: 0
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .pagination-number {
display: block;
font-family: "Montserrat", sans-serif;
font-size: calc(17.4px + .74118vw);
font-weight: 400;
color: #fff;
line-height: 1.2em;
letter-spacing: .08em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .pagination-number {
font-size:30px
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .pagination-number .current-slide {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-family: "Montserrat", sans-serif;
font-size: calc(24.4px + 4.44706vw);
font-weight: 400;
color: #fff;
line-height: 1.3em;
letter-spacing: .08em;
overflow: hidden
}
@media (min-width: 1700px) {
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .pagination-number .current-slide {
font-size:100px
}
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .pagination-number .current-slide span {
position: relative;
display: inline-block
}
.gallery-slider-container-wrapper .gallery-full-image-wrapper .gallery-full-ui .pagination-wrapper .image-description {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #fff;
line-height: 1.5em;
letter-spacing: .01em
}
.nivaria .gallery-slider-container-wrapper,.nivaria .gallery-slider-container-wrapper .gallery-slider-wrapper {
background: #2f2723
}
.nivaria .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #fff7ec
}
.nivaria .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #2f2723
}
.nivaria_golf_marina .gallery-slider-container-wrapper {
background: #1f271f
}
@media only screen and (max-width: 1100px) {
.nivaria_golf_marina .gallery-slider-container-wrapper {
margin-top:calc(30.4px + 7.62353vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.nivaria_golf_marina .gallery-slider-container-wrapper {
margin-top:160px
}
}
@media only screen and (max-width: 680px) {
.nivaria_golf_marina .gallery-slider-container-wrapper {
margin-top:80px
}
}
.nivaria_golf_marina .gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.nivaria_golf_marina .gallery-slider-container-wrapper .cta-btn-wrapper .background {
background-color: rgba(62,74,62,.95)
}
.nivaria_golf_marina .gallery-slider-container-wrapper .gallery-slider-wrapper {
background: #1f271f
}
.nivaria_golf_marina .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #fff7ec
}
.nivaria_golf_marina .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #1f271f
}
.ura .gallery-slider-container-wrapper {
background: #172828
}
@media only screen and (max-width: 1100px) {
.ura .gallery-slider-container-wrapper {
margin-top:calc(30.4px + 7.62353vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.ura .gallery-slider-container-wrapper {
margin-top:160px
}
}
@media only screen and (max-width: 680px) {
.ura .gallery-slider-container-wrapper {
margin-top:80px
}
}
.ura .gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.ura .gallery-slider-container-wrapper .cta-btn-wrapper .background {
background-color: rgba(80,103,102,.95)
}
.ura .gallery-slider-container-wrapper .gallery-slider-wrapper {
background: #172828
}
.ura .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #dceceb
}
.ura .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #172828
}
.kora_andorra .gallery-slider-container-wrapper .kora-bg-container {
display: block
}
@media only screen and (max-width: 1100px) {
.kora_andorra .gallery-slider-container-wrapper {
margin-top:calc(30.4px + 7.62353vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.kora_andorra .gallery-slider-container-wrapper {
margin-top:160px
}
}
@media only screen and (max-width: 680px) {
.kora_andorra .gallery-slider-container-wrapper {
margin-top:80px
}
}
.kora_andorra .gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.kora_andorra .gallery-slider-container-wrapper .cta-btn-wrapper .background {
background-color: rgba(103,66,47,.3)
}
.kora_andorra .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #fff7ec
}
.kora_andorra .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #1f271f
}
.kora_pamplona .kora-pamplona-ornament {
display: block
}
@media only screen and (max-width: 820px) {
.kora_pamplona .kora-pamplona-ornament {
display:none
}
}
.kora_pamplona .gallery-slider-container,.kora_pamplona .gallery-slider-container-wrapper {
background-color: #27333e
}
@media only screen and (max-width: 1100px) {
.kora_pamplona .gallery-slider-container-wrapper {
margin-top:calc(30.4px + 7.62353vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.kora_pamplona .gallery-slider-container-wrapper {
margin-top:160px
}
}
@media only screen and (max-width: 680px) {
.kora_pamplona .gallery-slider-container-wrapper {
margin-top:80px
}
}
.kora_pamplona .gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.kora_pamplona .gallery-slider-container-wrapper .cta-btn-wrapper .background {
background-color: rgba(39,51,62,.3)
}
.kora_pamplona .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #d7dee5
}
.kora_pamplona .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #1f271f
}
.kora_tamaragua .kora-tamaragua-ornament {
position: absolute;
bottom: -150px;
left: 40px;
display: block;
z-index: 1;
width: calc(69.4px + 28.27059vw)
}
@media (min-width: 1700px) {
.kora_tamaragua .kora-tamaragua-ornament {
width:550px
}
}
@media only screen and (max-width: 820px) {
.kora_tamaragua .kora-tamaragua-ornament {
display:none
}
}
.kora_tamaragua .gallery-slider-container,.kora_tamaragua .gallery-slider-container-wrapper {
background-color: #3d1f14
}
@media only screen and (max-width: 1100px) {
.kora_tamaragua .gallery-slider-container-wrapper {
margin-top:calc(30.4px + 7.62353vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.kora_tamaragua .gallery-slider-container-wrapper {
margin-top:160px
}
}
@media only screen and (max-width: 680px) {
.kora_tamaragua .gallery-slider-container-wrapper {
margin-top:80px
}
}
.kora_tamaragua .gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.kora_tamaragua .gallery-slider-container-wrapper .cta-btn-wrapper .background {
background-color: rgba(151,69,39,.3)
}
.kora_tamaragua .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #e2dcd6
}
.kora_tamaragua .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #974527
}
.kora_maresia .gallery-slider-container,.kora_maresia .gallery-slider-container-wrapper {
background-color: #d17b61
}
@media only screen and (max-width: 1100px) {
.kora_maresia .gallery-slider-container-wrapper {
margin-top:calc(30.4px + 7.62353vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.kora_maresia .gallery-slider-container-wrapper {
margin-top:160px
}
}
@media only screen and (max-width: 680px) {
.kora_maresia .gallery-slider-container-wrapper {
margin-top:80px
}
}
.kora_maresia .gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.kora_maresia .gallery-slider-container-wrapper .cta-btn-wrapper .background {
background-color: rgba(176,77,48,.3)
}
.kora_maresia .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #fcede9
}
.kora_maresia .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #b04d30
}
.kora_lluna .gallery-slider-container,.kora_lluna .gallery-slider-container-wrapper {
background-color: #c2895f
}
@media only screen and (max-width: 1100px) {
.kora_lluna .gallery-slider-container-wrapper {
margin-top:calc(30.4px + 7.62353vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.kora_lluna .gallery-slider-container-wrapper {
margin-top:160px
}
}
@media only screen and (max-width: 680px) {
.kora_lluna .gallery-slider-container-wrapper {
margin-top:80px
}
}
.kora_lluna .gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.kora_lluna .gallery-slider-container-wrapper .cta-btn-wrapper .background {
background-color: rgba(149,81,55,.3)
}
.kora_lluna .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #fef0e7
}
.kora_lluna .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #c2895f
}
.kora_mostra .gallery-slider-container-wrapper .lower-title:after {
background-color: #232323
}
.kora_mostra .gallery-slider-container,.kora_mostra .gallery-slider-container-wrapper {
background-color: #98c4cf
}
@media only screen and (max-width: 1100px) {
.kora_mostra .gallery-slider-container-wrapper {
margin-top:calc(30.4px + 7.62353vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.kora_mostra .gallery-slider-container-wrapper {
margin-top:160px
}
}
@media only screen and (max-width: 680px) {
.kora_mostra .gallery-slider-container-wrapper {
margin-top:80px
}
}
.kora_mostra .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-description,.kora_mostra .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-number,.kora_mostra .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-title,.kora_mostra .gallery-slider-container-wrapper .lower-title,.kora_mostra .gallery-slider-container-wrapper .lower-title span,.kora_mostra .gallery-slider-container-wrapper .upper-title,.kora_mostra .gallery-slider-container-wrapper span.lower-title {
color: #232323
}
.kora_mostra .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-number {
margin-bottom: 16px
}
.kora_mostra .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-description {
margin-top: 16px
}
.kora_mostra .gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.kora_mostra .gallery-slider-container-wrapper .cta-btn-wrapper .background {
background-color: rgba(108,145,163,.3)
}
.kora_mostra .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #ecf6f8
}
.kora_mostra .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #98c4cf
}
.kora_lumen .gallery-slider-container-wrapper .lower-title:after {
background-color: #232323
}
.kora_lumen .gallery-slider-container {
background: transparent
}
.kora_lumen .gallery-slider-container-wrapper {
background: -webkit-gradient(linear,left top,left bottom,from(#a2d1e1),color-stop(26%,#b5d3dd),color-stop(79%,#e8dad6),color-stop(98%,#fdddd3));
background: -o-linear-gradient(#a2d1e1 0,#b5d3dd 26%,#e8dad6 79%,#fdddd3 98%);
background: linear-gradient(#a2d1e1,#b5d3dd 26%,#e8dad6 79%,#fdddd3 98%)
}
@media only screen and (max-width: 1100px) {
.kora_lumen .gallery-slider-container-wrapper {
margin-top:calc(30.4px + 7.62353vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.kora_lumen .gallery-slider-container-wrapper {
margin-top:160px
}
}
@media only screen and (max-width: 680px) {
.kora_lumen .gallery-slider-container-wrapper {
margin-top:80px
}
}
.kora_lumen .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-description,.kora_lumen .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-number,.kora_lumen .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-title,.kora_lumen .gallery-slider-container-wrapper .lower-title,.kora_lumen .gallery-slider-container-wrapper .lower-title span,.kora_lumen .gallery-slider-container-wrapper .upper-title,.kora_lumen .gallery-slider-container-wrapper span.lower-title {
color: #232323
}
.kora_lumen .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-number {
margin-bottom: 16px
}
.kora_lumen .gallery-slider-container-wrapper .gallery-slider-container .gallery-slider-inner .gallery-slider-wrapper .gallery-thumb-wrapper .thumb-description {
margin-top: 16px
}
.kora_lumen .gallery-slider-container-wrapper .cta-btn-wrapper {
z-index: 100
}
.kora_lumen .gallery-slider-container-wrapper .cta-btn-wrapper .background {
background-color: rgba(3,24,63,.3)
}
.kora_lumen .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask {
background-color: #ecf6f8
}
.kora_lumen .gallery-slider-container-wrapper .gallery-slider-wrapper .gallery-thumb-wrapper .image-wrapper .mask-2 {
background-color: #98c4cf
}
.investment-block-wrapper {
position: relative
}
.investment-block-wrapper .lluna-ornament,.investment-block-wrapper .maresia-ornament,.investment-block-wrapper .nivaria-ornament,.investment-block-wrapper .tamaragua-ornament {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0;
pointer-events: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: none
}
.investment-block-wrapper .upper-row {
position: relative;
padding-top: calc(24.4px + 4.44706vw);
background-color: #312824
}
@media (min-width: 1700px) {
.investment-block-wrapper .upper-row {
padding-top:100px
}
}
@media only screen and (max-width: 820px) {
.investment-block-wrapper .upper-row {
padding-bottom:100px
}
}
@media only screen and (max-width: 680px) {
.investment-block-wrapper .upper-row {
padding-top:80px
}
}
.investment-block-wrapper .row,.investment-block-wrapper .row .columns {
position: relative
}
.investment-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(24.4px + 4.44706vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.investment-block-wrapper .upper-title {
margin-bottom:100px
}
}
@media only screen and (max-width: 680px) {
.investment-block-wrapper .upper-title {
letter-spacing:1.3em
}
}
.investment-block-wrapper .left-col .title {
position: relative;
margin-bottom: calc(17.4px + .74118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.4px + 2.32941vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.investment-block-wrapper .left-col .title {
margin-bottom:30px;
font-size: 60px
}
}
.investment-block-wrapper .left-col .title p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.4px + 2.32941vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.investment-block-wrapper .left-col .title p {
font-size:60px
}
}
.investment-block-wrapper .left-col .title span {
font-size: calc(20.4px + 2.32941vw);
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.investment-block-wrapper .left-col .title span {
font-size:60px
}
}
.investment-block-wrapper .left-col p {
color: #f6f4f2
}
.investment-block-wrapper .left-col p strong {
font-weight: 600
}
.investment-block-wrapper .left-col .price-container {
position: relative;
margin-top: calc(21.4px + 2.85882vw)
}
@media (min-width: 1700px) {
.investment-block-wrapper .left-col .price-container {
margin-top:70px
}
}
.investment-block-wrapper .left-col .price-container .price-title {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.investment-block-wrapper .left-col .price-container .price-title {
font-size:30px
}
}
.investment-block-wrapper .left-col .price-container .value {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(18.4px + 1.27059vw);
font-weight: 500;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.investment-block-wrapper .left-col .price-container .value {
font-size:40px
}
}
.investment-block-wrapper .left-col .price-container .value span {
font-size: 14px
}
.investment-block-wrapper .left-col .price-container .footnote {
display: block;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: rgba(246,244,242,.5);
line-height: 1.4em
}
@media (min-width: 1700px) {
.investment-block-wrapper .left-col .price-container .footnote {
font-size:18px
}
}
.investment-block-wrapper .right-col picture {
position: relative;
display: block
}
@media only screen and (max-width: 820px) {
.investment-block-wrapper .right-col picture {
margin-top:50px
}
}
.investment-block-wrapper .right-col picture img {
width: 100%
}
.investment-block-wrapper .right-col .price-list {
position: relative;
margin: calc(21.4px + 2.85882vw) 0 calc(34.4px + 9.74118vw)
}
@media (min-width: 1700px) {
.investment-block-wrapper .right-col .price-list {
margin:70px 0 200px
}
}
.investment-block-wrapper .right-col .price-list .title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.investment-block-wrapper .right-col .price-list .title {
font-size:30px
}
}
@media only screen and (max-width: 680px) {
.investment-block-wrapper .right-col .price-list .title {
font-size:calc(19px + 1.58824vw);
margin-bottom: 10px
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.investment-block-wrapper .right-col .price-list .title {
font-size:46px
}
}
.investment-block-wrapper .right-col .price-list ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0
}
.investment-block-wrapper .right-col .price-list ul li.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.investment-block-wrapper .right-col .price-list ul li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #f6f4f2;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.investment-block-wrapper .right-col .price-list ul li span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.4px + .21176vw);
font-weight: 500;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.investment-block-wrapper .right-col .price-list ul li span {
font-size:20px
}
}
.investment-block-wrapper .right-col .price-list ul li span:nth-child(2) {
padding-left: 20px;
font-weight: 300;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
@media only screen and (max-width: 820px) {
.investment-block-wrapper .right-col .price-list ul li span:nth-child(2) {
padding-left:0;
text-align: right;
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%
}
}
.investment-block-wrapper .bottom-row {
position: relative;
width: 100%;
padding-bottom: calc(24.4px + 4.44706vw);
background-color: #fff7ec
}
@media (min-width: 1700px) {
.investment-block-wrapper .bottom-row {
padding-bottom:100px
}
}
.investment-block-wrapper .bottom-row .video-2 {
position: relative;
max-width: 100%;
width: 100%;
margin-top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.investment-block-wrapper .bottom-row .video-2 {
margin-top:-200px
}
}
@media only screen and (max-width: 1200px) {
.investment-block-wrapper .bottom-row .video-2 {
margin-top:calc(-44.4px - 4.44706vw)
}
}
@media only screen and (max-width: 1200px) and (min-width:1700px) {
.investment-block-wrapper .bottom-row .video-2 {
margin-top:-100px
}
}
@media only screen and (max-width: 820px) {
.investment-block-wrapper .bottom-row .video-2 {
margin-top:-10%;
width: 70%
}
}
.investment-block-wrapper .bottom-row .image-2 {
position: relative;
margin-top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.investment-block-wrapper .bottom-row .image-2 {
margin-top:-200px
}
}
.investment-block-wrapper .bottom-row .image-3 {
position: absolute;
top: 20%;
right: -25%;
max-width: 650px;
width: 26vw
}
@media only screen and (max-width: 820px) {
.investment-block-wrapper .bottom-row .image-3 {
position:relative;
top: auto;
right: auto;
width: 45%;
margin-left: auto;
margin-top: -10%
}
}
.investment-block-wrapper .bottom-row .perks-list {
position: relative;
margin-top: calc(34.4px + 9.74118vw);
display: grid;
grid-template-columns: repeat(4,auto);
grid-template-rows: auto;
grid-column-gap: 90px;
grid-row-gap: 80px
}
@media (min-width: 1700px) {
.investment-block-wrapper .bottom-row .perks-list {
margin-top:200px
}
}
@media only screen and (max-width: 1180px) {
.investment-block-wrapper .bottom-row .perks-list {
grid-column-gap:40px;
grid-template-columns: repeat(2,auto)
}
}
@media only screen and (max-width: 820px) {
.investment-block-wrapper .bottom-row .perks-list {
grid-template-columns:repeat(2,auto);
grid-template-rows: auto auto
}
}
@media only screen and (max-width: 680px) {
.investment-block-wrapper .bottom-row .perks-list {
grid-template-columns:repeat(1,auto);
grid-template-rows: auto;
grid-row-gap: 40px
}
}
.investment-block-wrapper .bottom-row .perks-list .item.enter-viewport .header:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.investment-block-wrapper .bottom-row .perks-list .header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.investment-block-wrapper .bottom-row .perks-list .header:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.investment-block-wrapper .bottom-row .perks-list .header img {
max-width: 70px
}
.investment-block-wrapper .bottom-row .perks-list .header .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.5px + .26471vw);
font-weight: 400;
color: #232323;
line-height: 1.2em
}
@media (min-width: 1700px) {
.investment-block-wrapper .bottom-row .perks-list .header .title {
font-size:21px
}
}
.investment-block-wrapper .bottom-row .perks-list .content {
position: relative;
margin: calc(16.4px + .21176vw) 0 0
}
@media (min-width: 1700px) {
.investment-block-wrapper .bottom-row .perks-list .content {
margin:20px 0 0
}
}
.investment-block-wrapper .bottom-row .perks-list .content span {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.4em
}
.investment-block-wrapper .brochure-wrapper {
position: relative;
padding: calc(19.4px + 1.8vw) 0 calc(28.4px + 6.56471vw);
background-color: #fff7ec
}
@media (min-width: 1700px) {
.investment-block-wrapper .brochure-wrapper {
padding:50px 0 140px
}
}
.investment-block-wrapper .brochure-wrapper .brochure-container {
position: relative
}
.investment-block-wrapper .brochure-wrapper .brochure-container .brochure-btn {
text-decoration: none;
border: none;
outline: none;
background-color: transparent;
cursor: pointer;
width: 100%;
padding: 0
}
.investment-block-wrapper .brochure-wrapper .brochure-container .brochure-btn.hover svg path {
opacity: 1
}
.investment-block-wrapper .brochure-wrapper .brochure-container .inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
pointer-events: none;
padding-left: .625rem;
padding-right: .625rem
}
.investment-block-wrapper .brochure-wrapper .brochure-container svg {
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
pointer-events: none
}
.investment-block-wrapper .brochure-wrapper .brochure-container svg path {
opacity: .4;
-webkit-transition: fill .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
-o-transition: fill .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
transition: fill .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)
}
.investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
position: relative;
display: block;
margin-top: calc(32.4px + 8.68235vw);
margin-bottom: calc(17.4px + .74118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
white-space: nowrap;
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
margin-top:180px;
margin-bottom: 30px;
font-size: 120px
}
}
@media only screen and (max-width: 820px) {
.investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
white-space:inherit
}
}
.investment-block-wrapper .brochure-wrapper .brochure-container .link-title span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
font-style: italic
}
@media (min-width: 1700px) {
.investment-block-wrapper .brochure-wrapper .brochure-container .link-title span {
font-size:120px
}
}
.investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle {
position: relative;
left: 4px;
text-align: center;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #ac9f8a;
line-height: 1.1em;
letter-spacing: 1.1em;
text-transform: uppercase;
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1)
}
.nivaria .nivaria-ornament {
display: block
}
.nivaria .investment-block-wrapper .upper-row {
background-color: #312824
}
.nivaria .investment-block-wrapper .bottom-row,.nivaria .investment-block-wrapper .brochure-wrapper {
background-color: #fff7ec
}
.kora_andorra .investment-block-wrapper .upper-row {
background-color: #301d13
}
.kora_andorra .investment-block-wrapper .brochure-wrapper {
background-color: transparent
}
.kora_andorra .investment-block-wrapper .brochure-wrapper .brochure-container svg path {
fill: #f8e0c6
}
.kora_andorra .investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
text-transform: uppercase
}
.kora_andorra .investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle {
color: #67422f
}
.kora_andorra .investment-block-wrapper .right-col .price-list ul li span:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
.kora_andorra .investment-block-wrapper .bottom-row {
background-color: transparent
}
.kora_andorra .investment-block-wrapper .bottom-row .image-3 {
width: auto;
top: -70%;
right: -7.5%
}
@media only screen and (max-width: 1440px) {
.kora_andorra .investment-block-wrapper .bottom-row .image-3 {
display:none
}
}
.kora_pamplona .investment-block-wrapper .upper-row {
background-color: #27333e
}
.kora_pamplona .investment-block-wrapper .brochure-wrapper {
background-color: transparent
}
.kora_pamplona .investment-block-wrapper .brochure-wrapper .brochure-container svg path {
fill: #b8c4d1
}
.kora_pamplona .investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
text-transform: uppercase
}
.kora_pamplona .investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle {
color: #27333e
}
.kora_pamplona .investment-block-wrapper .right-col .price-list ul li span:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
.kora_pamplona .investment-block-wrapper .bottom-row {
background-color: transparent
}
.kora_pamplona .investment-block-wrapper .bottom-row .image-3 {
width: auto;
top: -70%;
right: -7.5%
}
@media only screen and (max-width: 1440px) {
.kora_pamplona .investment-block-wrapper .bottom-row .image-3 {
display:none
}
}
.kora_tamaragua .investment-block-wrapper .upper-row {
background-color: #3e251d
}
.kora_tamaragua .investment-block-wrapper .tamaragua-ornament {
display: block
}
.kora_tamaragua .investment-block-wrapper .brochure-wrapper {
background-color: transparent
}
.kora_tamaragua .investment-block-wrapper .brochure-wrapper .brochure-container svg path {
fill: #ddd0c4
}
.kora_tamaragua .investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
text-transform: uppercase
}
.kora_tamaragua .investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle {
color: #3e251d
}
.kora_tamaragua .investment-block-wrapper .right-col .price-list ul li span:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
.kora_tamaragua .investment-block-wrapper .bottom-row {
background-color: transparent
}
@media only screen and (max-width: 1440px) {
.kora_tamaragua .investment-block-wrapper .bottom-row .image-2 {
display:none
}
}
.kora_tamaragua .investment-block-wrapper .bottom-row .image-3 {
width: auto;
top: -70%;
right: -7.5%
}
@media only screen and (max-width: 1440px) {
.kora_tamaragua .investment-block-wrapper .bottom-row .image-3 {
display:none
}
}
.kora_maresia .investment-block-wrapper .upper-row {
background-color: #d17b61
}
.kora_maresia .investment-block-wrapper .bottom-row {
background-color: #fcede9
}
.kora_maresia .investment-block-wrapper .maresia-ornament {
display: block;
z-index: 1
}
.kora_maresia .investment-block-wrapper .brochure-wrapper {
background-color: #fcede9
}
.kora_maresia .investment-block-wrapper .brochure-wrapper .brochure-container svg path {
fill: #fcddd3
}
.kora_maresia .investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
text-transform: uppercase
}
.kora_maresia .investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle {
color: #d17b61
}
.kora_lluna .investment-block-wrapper .upper-row {
background-color: #c2895f
}
.kora_lluna .investment-block-wrapper .bottom-row {
background-color: #fef0e7
}
.kora_lluna .investment-block-wrapper .lluna-ornament {
display: block;
z-index: 1
}
.kora_lluna .investment-block-wrapper .brochure-wrapper {
background-color: #fef0e7
}
.kora_lluna .investment-block-wrapper .brochure-wrapper .brochure-container svg path {
fill: #f9e1cd
}
.kora_lluna .investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
text-transform: uppercase
}
.kora_lluna .investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle,.kora_mostra .investment-block-wrapper .left-col .title p,.kora_mostra .investment-block-wrapper .left-col .title span,.kora_mostra .investment-block-wrapper .left-col p,.kora_mostra .investment-block-wrapper .upper-title {
color: #232323
}
.kora_mostra .investment-block-wrapper .left-col .title p {
text-indent: 0
}
.kora_mostra .investment-block-wrapper .left-col .price-container .footnote,.kora_mostra .investment-block-wrapper .left-col .price-container .price-title,.kora_mostra .investment-block-wrapper .left-col .price-container .value {
color: #232323
}
.kora_mostra .investment-block-wrapper .left-col .price-container .footnote {
opacity: .5
}
.kora_mostra .investment-block-wrapper .right-col .price-list .title,.kora_mostra .investment-block-wrapper .right-col .price-list ul li span {
color: #232323
}
.kora_mostra .investment-block-wrapper .right-col .price-list ul li:after {
background-color: #232323
}
.kora_mostra .investment-block-wrapper .upper-row {
background-color: #98c4cf
}
.kora_mostra .investment-block-wrapper .bottom-row {
background-color: #ecf6f8
}
.kora_mostra .investment-block-wrapper .mostra-ornament {
display: block;
z-index: 1
}
.kora_mostra .investment-block-wrapper .brochure-wrapper {
background-color: #ecf6f8
}
.kora_mostra .investment-block-wrapper .brochure-wrapper .brochure-container svg path {
fill: #98c4cf
}
.kora_mostra .investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
text-transform: uppercase
}
.kora_mostra .investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle {
color: #98c4cf
}
.kora_lumen .investment-block-wrapper .left-col .title p,.kora_lumen .investment-block-wrapper .left-col p,.kora_lumen .investment-block-wrapper .upper-title {
color: #232323
}
.kora_lumen .investment-block-wrapper .left-col .title span {
color: #7a2f3a
}
.kora_lumen .investment-block-wrapper .left-col .title p {
text-indent: 0
}
.kora_lumen .investment-block-wrapper .left-col .price-container .footnote,.kora_lumen .investment-block-wrapper .left-col .price-container .price-title,.kora_lumen .investment-block-wrapper .left-col .price-container .value {
color: #232323
}
.kora_lumen .investment-block-wrapper .left-col .price-container .footnote {
opacity: .5
}
.kora_lumen .investment-block-wrapper .right-col .price-list .title,.kora_lumen .investment-block-wrapper .right-col .price-list ul li span {
color: #232323
}
.kora_lumen .investment-block-wrapper .right-col .price-list ul li:after {
background-color: #232323
}
.kora_lumen .investment-block-wrapper .upper-row {
background: -webkit-gradient(linear,left top,left bottom,from(#fff7f4),color-stop(26%,#fff7f4),color-stop(79%,#e8dad6),color-stop(98%,#fdddd3));
background: -o-linear-gradient(#fff7f4 0,#fff7f4 26%,#e8dad6 79%,#fdddd3 98%);
background: linear-gradient(#fff7f4,#fff7f4 26%,#e8dad6 79%,#fdddd3 98%)
}
.kora_lumen .investment-block-wrapper .bottom-row {
background-color: #fff7f4
}
.kora_lumen .investment-block-wrapper .mostra-ornament {
display: block;
z-index: 1
}
.kora_lumen .investment-block-wrapper .brochure-wrapper {
background-color: #fff7f4
}
.kora_lumen .investment-block-wrapper .brochure-wrapper .brochure-container svg path {
fill: linear-gradient(#f9c2cb,#f9c2cb 30%,#fbcab7 59%,#fed1a7 79%,#fed1a7 98%)
}
.kora_lumen .investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
text-transform: uppercase
}
.kora_lumen .investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle {
color: #232323
}
.project-location-wrapper {
position: absolute;
top: calc(100vh - 72.5px);
left: 0;
right: 0;
margin: 0 auto;
z-index: 10
}
.project-location-wrapper,.project-location-wrapper .project-location {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.project-location-wrapper .project-location {
position: relative;
height: 34px;
padding: 0 calc(16.2px + .10588vw) 0 16px;
text-decoration: none;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.project-location-wrapper .project-location {
padding:0 18px 0 16px
}
}
@media (hover: hover) {
.project-location-wrapper .project-location.have-hover:hover .background {
background-color:#fff;
-webkit-transform: scale(1.15);
transform: scale(1.15)
}
.project-location-wrapper .project-location.have-hover:hover .label {
color: #232323
}
.project-location-wrapper .project-location.have-hover:hover svg path {
fill: #232323
}
}
.project-location-wrapper .hitzone {
position: absolute;
top: -10%;
left: -10%;
width: 120%;
height: 120%
}
.project-location-wrapper .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 42px;
background-color: transparent;
border: 1px solid #fff;
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.project-location-wrapper .label {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #fff;
line-height: 1.2em;
letter-spacing: -.02em;
-webkit-transition: color 1s cubic-bezier(.165,.84,.44,1);
-o-transition: color 1s cubic-bezier(.165,.84,.44,1);
transition: color 1s cubic-bezier(.165,.84,.44,1)
}
.project-location-wrapper svg {
position: relative;
top: -1px;
margin-right: 10px
}
.project-location-wrapper svg path {
-webkit-transition: fill 1s cubic-bezier(.165,.84,.44,1);
-o-transition: fill 1s cubic-bezier(.165,.84,.44,1);
transition: fill 1s cubic-bezier(.165,.84,.44,1)
}
.project-location-wrapper.project-location-mobile {
position: relative;
top: auto;
bottom: auto;
right: auto;
left: auto;
width: 100%;
margin-top: 40px;
display: none
}
html:not(.has-scroll-smooth) .project-location-wrapper {
display: none
}
html:not(.has-scroll-smooth) .project-location-wrapper.project-location-mobile {
display: block
}
.sold-label-wrapper {
position: absolute;
top: calc(100vh - 80px);
left: 95px;
display: none;
height: 50px;
z-index: 10;
-webkit-transition: opacity .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: opacity .5s cubic-bezier(.25,.46,.45,.94);
transition: opacity .5s cubic-bezier(.25,.46,.45,.94)
}
.sold-label-wrapper.active {
display: block
}
.sold-label-wrapper .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3px calc(17.4px + .74118vw) 0;
height: 100%;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.sold-label-wrapper .inner {
padding:3px 30px 0
}
}
.sold-label-wrapper .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 42px;
background-color: #da352b
}
.sold-label-wrapper .label {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: calc(16.5px + .26471vw);
font-weight: 400;
color: #fff;
line-height: 1.1em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.sold-label-wrapper .label {
font-size:21px
}
}
html:not(.has-scroll-smooth) .sold-label-wrapper {
top: auto;
bottom: 20px;
right: 20px;
left: auto;
position: fixed
}
.language-warning-wrapper {
position: absolute;
top: 100px;
left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
z-index: 100
}
.language-warning-wrapper,.language-warning-wrapper .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.language-warning-wrapper .inner {
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 20px;
top: -1;
border-radius: 44px;
background-color: rgba(35,35,35,.9);
overflow: hidden;
opacity: 0
}
@media only screen and (max-width: 680px) {
.language-warning-wrapper .inner {
padding:19px 20px
}
}
.language-warning-wrapper p {
position: absolute;
top: 0;
left: 40px;
margin-left: 10px;
display: block;
padding: 10px 0;
white-space: nowrap;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #fff;
line-height: 1.2em;
margin-bottom: 0;
text-indent: 0;
opacity: 0
}
@media only screen and (max-width: 680px) {
.language-warning-wrapper p {
white-space:normal;
padding-right: 10px
}
}
.language-warning-wrapper a {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.2em;
color: #fff;
-webkit-transition: opacity .5s cubic-bezier(.19,1,.22,1);
-o-transition: opacity .5s cubic-bezier(.19,1,.22,1);
transition: opacity .5s cubic-bezier(.19,1,.22,1)
}
.language-warning-wrapper a:hover {
opacity: .6
}
.kora-lluna-apartments-wrapper {
position: relative;
margin-bottom: calc(19.4px + 1.8vw);
background-color: #fef0e7
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper {
margin-bottom:50px
}
}
.kora-lluna-apartments-wrapper .columns {
position: relative
}
.kora-lluna-apartments-wrapper .full-bleed-img-wrapper {
position: relative;
overflow: hidden;
margin-bottom: calc(23.4px + 3.91765vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .full-bleed-img-wrapper {
margin-bottom:90px
}
}
.kora-lluna-apartments-wrapper .full-bleed-img-wrapper .full-bleed {
width: 100%
}
.kora-lluna-apartments-wrapper .apartment-img {
margin-bottom: calc(28.4px + 6.56471vw)
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .apartment-img {
margin-bottom:140px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-apartments-wrapper .apartment-img {
display:none
}
}
.kora-lluna-apartments-wrapper .main-container {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
z-index: 1
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .main-container {
margin-top:100px
}
}
.kora-lluna-apartments-wrapper .right-container {
position: relative;
text-align: center
}
@media only screen and (max-width: 820px) {
.kora-lluna-apartments-wrapper .right-container {
margin-top:50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-lluna-apartments-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-apartments-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-lluna-apartments-wrapper .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .title {
font-size:100px
}
}
.kora-lluna-apartments-wrapper .title p {
margin: 0;
text-indent: 0;
padding-right: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .title p {
font-size:100px
}
}
.kora-lluna-apartments-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .title p span {
font-size:100px
}
}
.kora-lluna-apartments-wrapper p {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
padding-right: 50%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper p {
margin-top:40px;
font-size: 18px
}
}
@media only screen and (max-width: 1440px) {
.kora-lluna-apartments-wrapper p {
padding-right:20%
}
}
@media only screen and (max-width: 1180px) {
.kora-lluna-apartments-wrapper p {
padding-right:0
}
}
.kora-lluna-apartments-wrapper .apartment-switcher {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: inline-grid;
row-gap: 32px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
grid-template-columns: 1fr 1fr
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .apartment-switcher {
margin-top:30px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
width: 100%;
grid-template-columns: 1fr 1fr
}
}
.kora-lluna-apartments-wrapper .apartment-switcher li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 160px;
height: 100px;
border: 1px solid rgba(35,35,35,.2);
background-color: transparent;
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media only screen and (max-width: 820px) {
.kora-lluna-apartments-wrapper .apartment-switcher li {
width:120px;
height: 100px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-apartments-wrapper .apartment-switcher li {
width:auto;
height: 100px
}
}
.kora-lluna-apartments-wrapper .apartment-switcher li.active {
background-color: #232323;
pointer-events: none
}
.kora-lluna-apartments-wrapper .apartment-switcher li.active .apartments,.kora-lluna-apartments-wrapper .apartment-switcher li.active .bedrooms,.kora-lluna-apartments-wrapper .apartment-switcher li.active .label {
color: #fff7ec
}
.kora-lluna-apartments-wrapper .apartment-switcher li:hover {
background-color: #232323
}
.kora-lluna-apartments-wrapper .apartment-switcher li:hover .apartments,.kora-lluna-apartments-wrapper .apartment-switcher li:hover .bedrooms,.kora-lluna-apartments-wrapper .apartment-switcher li:hover .label {
color: #fff7ec
}
.kora-lluna-apartments-wrapper .apartment-switcher li .top-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none
}
.kora-lluna-apartments-wrapper .apartment-switcher li .label {
margin-bottom: 10px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-lluna-apartments-wrapper .apartment-switcher li .bedrooms {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-lluna-apartments-wrapper .apartment-switcher li .apartments {
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .apartment-switcher li .apartments {
font-size:17px
}
}
.kora-lluna-apartments-wrapper .squares-counter {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
top: 40px;
width: calc(62.4px + 24.56471vw);
height: calc(62.4px + 24.56471vw);
border-radius: 100%;
border: 1px solid rgba(35,35,35,.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .squares-counter {
margin-top:100px;
width: 480px;
height: 480px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-apartments-wrapper .squares-counter {
margin:calc(24.4px + 4.44706vw) auto 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-lluna-apartments-wrapper .squares-counter {
margin:100px auto 0
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-apartments-wrapper .squares-counter {
top:0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-lluna-apartments-wrapper .squares-counter .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(30.4px + 7.62353vw);
font-weight: 300;
color: #000;
line-height: 1.18em;
letter-spacing: -.01em;
font-style: italic;
padding: 0 20px
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .squares-counter .number {
font-size:160px
}
}
.kora-lluna-apartments-wrapper .squares-counter .label {
position: absolute;
left: 0;
bottom: 60px;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: rgba(0,0,0,.4);
line-height: 1.4em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .squares-counter .label {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-apartments-wrapper .squares-counter .label {
position:relative;
bottom: auto;
left: auto
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-apartments-wrapper .squares-counter .label {
font-size:14px
}
}
.kora-lluna-apartments-wrapper .floor-switcher {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media only screen and (max-width: 820px) {
.kora-lluna-apartments-wrapper .floor-switcher {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
}
.kora-lluna-apartments-wrapper .floor-switcher li {
position: relative;
margin-right: calc(18.9px + 1.53529vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .3;
cursor: pointer;
-webkit-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
transition: opacity 2s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .floor-switcher li {
margin-right:45px;
font-size: 30px
}
}
.kora-lluna-apartments-wrapper .floor-switcher li:hover {
opacity: 1
}
.kora-lluna-apartments-wrapper .floor-switcher li.active {
opacity: 1;
pointer-events: none
}
.kora-lluna-apartments-wrapper .floor-switcher li.hide {
opacity: 0;
visibility: hidden
}
.kora-lluna-apartments-wrapper .floor-switcher li .label {
pointer-events: none
}
.kora-lluna-apartments-wrapper .floor-switcher li .meters {
position: relative;
top: -.75em;
display: inline-block;
width: 60px;
white-space: nowrap;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: none;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .floor-switcher li .meters {
font-size:18px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-apartments-wrapper .floor-switcher li .meters {
top:.25em
}
}
.kora-lluna-apartments-wrapper .floor-switcher li sup {
position: relative;
top: -.8em;
display: inline-block;
width: 55px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: lowercase
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .floor-switcher li sup {
font-size:18px
}
}
.kora-lluna-apartments-wrapper .plant-container {
position: relative;
margin-top: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-lluna-apartments-wrapper .plant-container {
margin-top:40px
}
}
.kora-lluna-apartments-wrapper .plant-container .homes-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-lluna-apartments-wrapper .plant-container .homes-tooltip span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
font-style: italic
}
.kora-lluna-apartments-wrapper .plant-container .apartment-1-container {
position: relative;
display: block
}
.kora-lluna-apartments-wrapper .plant-container .apartment-1-container svg:first-child {
display: block;
position: relative;
opacity: 1;
visibility: visible
}
.kora-lluna-apartments-wrapper .plant-container .apartment-2-container {
display: none
}
.kora-lluna-apartments-wrapper .plant-container svg {
opacity: 0;
visibility: hidden;
display: none
}
.kora-lluna-apartments-wrapper .plant-container svg .point {
cursor: pointer
}
.kora-lluna-apartments-wrapper .plant-container svg .point path {
pointer-events: none
}
@media only screen and (max-width: 1180px) {
.kora-lluna-apartments-wrapper .plant-container svg circle {
r:16px
}
}
.kora-lluna-apartments-wrapper .plant-container svg circle,.kora-lluna-apartments-wrapper .plant-container svg ellipse {
fill: #b04d30
}
.kora-lluna-apartments-wrapper .plant-container svg path {
fill: #fff
}
.kora-lluna-apartments-wrapper .plant-container .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
display: none
}
.kora-lluna-apartments-wrapper .photo-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-lluna-apartments-wrapper .photo-container {
margin-top:40px
}
}
.kora-lluna-common-areas {
position: relative;
padding: calc(28.4px + 6.56471vw) 0 calc(24.4px + 4.44706vw);
background-color: #f9e1cd
}
@media (min-width: 1700px) {
.kora-lluna-common-areas {
padding:140px 0 100px
}
}
.kora-lluna-common-areas .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lluna-common-areas .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-common-areas .upper-title {
letter-spacing:1.3em
}
}
.kora-lluna-common-areas .title {
position: relative;
padding-left: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-common-areas .title {
font-size:100px
}
}
@media only screen and (max-width: 800px) {
.kora-lluna-common-areas .title {
padding-left:0
}
}
.kora-lluna-common-areas .title p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-common-areas .title p {
font-size:100px
}
}
.kora-lluna-common-areas .title span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-common-areas .title span {
font-size:100px
}
}
.kora-lluna-common-areas .labels-list {
position: relative;
margin-top: calc(16.8px + .42353vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 20px
}
@media (min-width: 1700px) {
.kora-lluna-common-areas .labels-list {
margin-top:24px
}
}
@media only screen and (max-width: 800px) {
.kora-lluna-common-areas .labels-list {
padding-left:0
}
}
.kora-lluna-common-areas .labels-list li {
position: relative;
margin: 5px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer;
pointer-events: visible
}
@media (min-width: 1700px) {
.kora-lluna-common-areas .labels-list li {
font-size:26px
}
}
.kora-lluna-common-areas .labels-list li.active {
pointer-events: none
}
.kora-lluna-common-areas .labels-list li.active,.kora-lluna-common-areas .labels-list li:hover {
opacity: 1
}
.kora-lluna-common-areas .labels-list li.active:before,.kora-lluna-common-areas .labels-list li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-lluna-common-areas .labels-list li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.kora-lluna-common-areas .labels-list li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-lluna-common-areas .labels-list li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: 0;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.kora-lluna-common-areas .labels-list li:before {
margin-left:0
}
}
.kora-lluna-common-areas .labels-list li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.kora-lluna-common-areas .photos-list {
display: grid;
overflow: hidden
}
@media only screen and (max-width: 820px) {
.kora-lluna-common-areas .photos-list {
margin-top:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-lluna-common-areas .photos-list {
margin-top:40px
}
}
.kora-lluna-common-areas .photos-list li {
grid-row: 1;
grid-column: 1
}
.kora-lluna-common-areas .photos-list li.active {
z-index: 1
}
.kora-lluna-common-areas .two-cols-text {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
width: 80%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-lluna-common-areas .two-cols-text {
margin-top:40px;
font-size: 18px
}
}
.kora-lluna-common-areas .two-cols-text:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 1280px) {
.kora-lluna-common-areas .two-cols-text {
width:80%
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-common-areas .two-cols-text {
width:100%
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-common-areas .two-cols-text {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-lluna-common-areas .plant-container {
position: relative
}
@media only screen and (max-width: 680px) {
.kora-lluna-common-areas .plant-container {
display:none
}
}
.kora-lluna-common-areas .homes-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
pointer-events: none
}
.kora-lluna-common-areas .homes-tooltip,.kora-lluna-common-areas .homes-tooltip span {
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase
}
.kora-lluna-common-areas .homes-tooltip span {
font-family: "Montserrat", sans-serif;
font-style: italic
}
.kora-lluna-city-block-wrapper {
position: relative;
padding-bottom: calc(34.4px + 9.74118vw);
overflow: hidden
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper {
padding-bottom:200px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-city-block-wrapper {
padding-bottom:80px
}
}
.kora-lluna-city-block-wrapper.in-viewport .photo-grid-container .text-container .columns:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-lluna-city-block-wrapper .big-photo-container {
position: relative;
margin-bottom: calc(18.6px + 1.37647vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .big-photo-container {
margin-bottom:42px
}
}
.kora-lluna-city-block-wrapper .big-photo-container img {
width: 100%
}
.kora-lluna-city-block-wrapper .photo-grid-container {
position: relative;
width: 100%;
padding-bottom: calc(26.4px + 5.50588vw);
background-color: #fef0e7
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .photo-grid-container {
padding-bottom:120px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-city-block-wrapper .photo-grid-container {
padding-bottom:60px
}
}
.kora-lluna-city-block-wrapper .photo-grid-container .photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.kora-lluna-city-block-wrapper .photo-grid-container .photos .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%
}
.kora-lluna-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top:30px
}
}
.kora-lluna-city-block-wrapper .photo-grid-container .text-container {
position: relative;
top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container {
top:-200px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container {
top:auto
}
}
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .columns {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 37.5vw;
max-height: 40em
}
@media only screen and (max-width: 820px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .columns {
height:auto;
margin-top: 50px
}
}
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .columns:before {
content: "";
position: absolute;
top: 0;
display: block;
width: calc(73.4px + 30.38824vw);
height: calc(73.4px + 30.38824vw);
border-radius: 100%;
background-color: #f9e1cd;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
-o-transition: transform .5s 1s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s,-webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .columns:before {
width:590px;
height: 590px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .columns:before {
top:-30%
}
}
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(23.8px + 4.12941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .title {
font-size:94px
}
}
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .coordinates {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.8px + 4.65882vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
font-style: italic
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:104px
}
}
@media only screen and (max-width: 480px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:9vw
}
}
.kora-lluna-city-block-wrapper .photo-grid-container .text-container p {
position: absolute;
top: 70%;
left: 50%;
display: block;
width: 70%;
font-size: calc(16.6px + .31765vw);
text-align: left
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-city-block-wrapper .photo-grid-container .text-container p {
position:relative;
top: auto;
left: auto;
width: 100%;
margin-top: 20px
}
}
.kora-lluna-city-block-wrapper .map-container {
position: relative
}
@media only screen and (max-width: 680px) {
.kora-lluna-city-block-wrapper .map-container svg {
left:-80%;
width: 200%;
position: relative;
overflow-x: scroll
}
}
.kora-lluna-city-block-wrapper .map-container svg circle {
position: relative;
fill: #da352b;
cursor: pointer;
-webkit-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-lluna-city-block-wrapper .map-container svg circle.kora-point {
fill: #232323
}
@media only screen and (max-width: 680px) {
.kora-lluna-city-block-wrapper .map-container svg circle.kora-point {
visibility:visible
}
}
.kora-lluna-city-block-wrapper .map-container svg circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
@media (hover: hover) {
.kora-lluna-city-block-wrapper .map-container svg circle:hover {
r:12;
fill: #232323
}
}
.kora-lluna-city-block-wrapper .map-container .map-title {
pointer-events: none
}
.kora-lluna-city-block-wrapper .map-container .map-title .row {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 820px) {
.kora-lluna-city-block-wrapper .map-container .map-title .first-col {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
}
.kora-lluna-city-block-wrapper .map-container h2 {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .map-container h2 {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-lluna-city-block-wrapper .map-container h2 {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-lluna-city-block-wrapper .map-container h2 {
font-size:110px
}
}
.kora-lluna-city-block-wrapper .map-container h2 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .map-container h2 p {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-lluna-city-block-wrapper .map-container h2 p {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-lluna-city-block-wrapper .map-container h2 p {
font-size:110px
}
}
.kora-lluna-city-block-wrapper .map-container h2 p span {
font-size: calc(26.8px + 5.71765vw);
line-height: 1em;
letter-spacing: -.05em;
color: #232323
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .map-container h2 p span {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-lluna-city-block-wrapper .map-container h2 p span {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-lluna-city-block-wrapper .map-container h2 p span {
font-size:110px
}
}
.kora-lluna-city-block-wrapper .map-container h2 .upper-title {
margin-top: -.84em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.kora-lluna-city-block-wrapper .map-container h2 .lower-title {
position: relative;
display: block;
width: 100%;
text-align: left
}
@media only screen and (max-width: 680px) {
.kora-lluna-city-block-wrapper .map-container h2 .lower-title {
left:auto;
text-align: right
}
}
.kora-lluna-city-block-wrapper .map-container p {
font-size: calc(16.6px + .31765vw)
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .map-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-city-block-wrapper .map-container p {
margin-top:20px
}
}
.kora-lluna-city-block-wrapper .map-container .city-tooltip {
position: absolute;
display: block;
padding: 15px calc(17.4px + .74118vw);
background-color: #232323;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-lluna-city-block-wrapper .map-container .city-tooltip {
padding:15px 30px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-city-block-wrapper .map-container .city-tooltip {
font-size:14px
}
}
.kora-lluna-city-block-wrapper .map-container .city-tooltip:after {
content: "";
position: absolute;
bottom: -20px;
left: 30px;
display: block;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 30px solid #232323
}
.kora-lluna-city-block-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-lluna-city-block-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-lluna-city-block-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1440px) {
.kora-lluna-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-lluna-city-block-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-lluna-city-block-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-lluna-city-block-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-lluna-city-block-wrapper .statistics-list li div img {
margin-left: -20px;
width: 100px;
height: 100px
}
@media only screen and (max-width: 480px) {
.kora-lluna-city-block-wrapper .statistics-list li div {
gap:20px
}
.kora-lluna-city-block-wrapper .statistics-list li div img {
width: 60px;
margin-left: 0
}
}
.kora-lluna-city-block-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 40%;
min-width: 40%
}
.kora-lluna-city-block-wrapper .statistics-list li div .value {
position: relative;
left: -10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.kora-lluna-sustainability-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper {
padding:60px 0 120px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-sustainability-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.kora-lluna-sustainability-wrapper .text-container {
padding-top: calc(32.4px + 8.68235vw)
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper .text-container {
padding-top:180px
}
}
.kora-lluna-sustainability-wrapper .text-container p:last-child {
margin-bottom: 0
}
.kora-lluna-sustainability-wrapper .replay-btn {
position: relative;
margin-top: calc(16.4px + .21176vw);
padding: 0 6px 0 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
height: 35px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
cursor: pointer;
display: none
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper .replay-btn {
margin-top:20px
}
}
.kora-lluna-sustainability-wrapper .replay-btn.has-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (hover: hover) {
.kora-lluna-sustainability-wrapper .replay-btn:hover:before {
-webkit-transform:scale(1.1);
transform: scale(1.1)
}
.kora-lluna-sustainability-wrapper .replay-btn:hover svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
}
.kora-lluna-sustainability-wrapper .replay-btn:before {
content: "";
position: absolute;
inset: 0;
display: block;
background-color: #fff;
border-radius: 58px
}
.kora-lluna-sustainability-wrapper .replay-btn:before,.kora-lluna-sustainability-wrapper .replay-btn svg {
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-lluna-sustainability-wrapper .replay-btn svg {
position: relative;
-webkit-transform-origin: center;
transform-origin: center
}
.kora-lluna-sustainability-wrapper .replay-btn .label {
position: relative;
top: 1px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: .14em;
text-transform: uppercase
}
.kora-lluna-sustainability-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-sustainability-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-lluna-sustainability-wrapper .image-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width: 820px) {
.kora-lluna-sustainability-wrapper .image-col {
display:none
}
}
.kora-lluna-sustainability-wrapper .image-col video {
width: 100%
}
.kora-lluna-sustainability-wrapper .design-image,.kora-lluna-sustainability-wrapper .image-col img {
mix-blend-mode: multiply
}
@media only screen and (max-width: 680px) {
.kora-lluna-sustainability-wrapper .design-image {
display:none
}
}
.kora-lluna-sustainability-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-lluna-sustainability-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-lluna-sustainability-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1290px) {
.kora-lluna-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media only screen and (max-width: 380px) {
.kora-lluna-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-lluna-sustainability-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-lluna-sustainability-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-lluna-sustainability-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-lluna-sustainability-wrapper .statistics-list li div img {
margin-left: -20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px
}
@media only screen and (max-width: 480px) {
.kora-lluna-sustainability-wrapper .statistics-list li div img {
width:80px
}
}
.kora-lluna-sustainability-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
min-width: 50%
}
.kora-lluna-sustainability-wrapper .statistics-list li div .value {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em;
padding-right: 20px
}
.kora-lluna-sustainability-wrapper .hero-line {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper .hero-line {
font-size:125px
}
}
.kora-lluna-sustainability-wrapper .hero-line:first-child {
padding-top: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper .hero-line:first-child {
padding-top:90px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-sustainability-wrapper .hero-line:first-child {
padding-top:80px
}
}
.kora-lluna-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom: calc(18.9px + 1.53529vw);
text-align: right;
padding-right: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom:45px;
padding-right: 120px
}
}
@media only screen and (max-width: 900px) {
.kora-lluna-sustainability-wrapper .hero-line:nth-child(2) {
padding-right:0
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-sustainability-wrapper .hero-line:nth-child(2) {
text-align:left
}
}
.kora-lluna-sustainability-wrapper .hero-line p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper .hero-line p {
font-size:125px
}
}
.kora-lluna-sustainability-wrapper .hero-line span {
font-size: calc(26.9px + 5.77059vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper .hero-line span {
font-size:125px
}
}
.kora-lluna-sustainability-wrapper .two-cols-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media only screen and (max-width: 680px) {
.kora-lluna-sustainability-wrapper .two-cols-container {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-lluna-sustainability-wrapper .two-cols-container p {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-lluna-sustainability-wrapper .two-cols-container p {
font-size:18px
}
}
.kora-lluna-architecture-wrapper {
position: relative;
padding: 0 0 calc(30.4px + 7.62353vw)
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper {
padding:0 0 160px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-architecture-wrapper {
padding:0 0 80px
}
}
.kora-lluna-architecture-wrapper .first-block {
position: relative;
margin-bottom: calc(20.4px + 2.32941vw)
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .first-block {
margin-bottom:60px
}
}
.kora-lluna-architecture-wrapper .first-block .title {
position: relative;
padding-left: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .first-block .title {
font-size:100px
}
}
@media only screen and (max-width: 800px) {
.kora-lluna-architecture-wrapper .first-block .title {
padding-left:0
}
}
.kora-lluna-architecture-wrapper .first-block .title p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .first-block .title p {
font-size:100px
}
}
.kora-lluna-architecture-wrapper .first-block .title span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .first-block .title span {
font-size:100px
}
}
.kora-lluna-architecture-wrapper .second-block {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-lluna-architecture-wrapper .second-block .inner {
margin:20px 0 80px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-architecture-wrapper .second-block img {
display:none
}
}
.kora-lluna-architecture-wrapper .second-block .upper-title {
position: absolute;
top: -30px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #232323;
line-height: 1em
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .second-block .upper-title {
font-size:20px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-architecture-wrapper .second-block .upper-title {
display:none
}
}
.kora-lluna-architecture-wrapper .second-block .title {
position: relative;
margin: calc(16.6px + .31765vw) 0;
font-family: "Montserrat", sans-serif;
font-size: calc(18px + 1.05882vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
font-style: italic
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .second-block .title {
margin:22px 0;
font-size: 36px
}
}
.kora-lluna-architecture-wrapper .second-block .text {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .second-block .text {
font-size:18px
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper {
position: relative
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .main-img {
position: relative;
width: 100%
}
@media only screen and (max-width: 600px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .main-img {
max-width:none;
width: calc(100% + 2.85rem);
left: -1.425rem
}
}
@media only screen and (max-width: 600px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper {
width:calc(100% + 2.85rem);
left: -1.425rem
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li {
position: absolute;
display: block;
width: 300px;
height: 470px;
pointer-events: none
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top: 20%;
left: 70%
}
@media only screen and (max-width: 1300px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:20%
}
}
@media only screen and (max-width: 1180px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:20%
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:50%
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child .inner .number {
top: 45%
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:0
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child .inner .number {
top: 65%
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top: 45%;
left: 50%
}
@media only screen and (max-width: 1180px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:-5%
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:0
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:0
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) .inner .number {
top: 45%
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top: 40%;
left: 20%
}
@media only screen and (max-width: 1180px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:15%
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:0
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) .inner .number {
top: 60%
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top: 5%;
left: 10%
}
@media only screen and (max-width: 1300px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:0
}
}
@media only screen and (max-width: 1180px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:-30%
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:0
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
top: 25%;
left: 5%
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:0
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
top: 15%;
left: 5%
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active {
pointer-events: visible;
z-index: 10
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .text,.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .title,.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner img {
opacity: 1;
visibility: visible
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number {
color: #232323;
-webkit-transition: color .75s cubic-bezier(.86,0,.07,1);
-o-transition: color .75s cubic-bezier(.86,0,.07,1);
transition: color .75s cubic-bezier(.86,0,.07,1)
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number:after {
background-color: #232323;
-webkit-transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
padding:35px
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff7ec;
opacity: 0;
visibility: hidden
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width: calc(22.4px + 3.38824vw);
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width:80px;
margin-bottom: 20px
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-size:19px
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .text {
margin-top: 10px;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
@media only screen and (max-width: 820px) {
.kora-lluna-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
display:none
}
}
.kora-lluna-architecture-wrapper .third-block .two-cols-text {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
width: 60%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-lluna-architecture-wrapper .third-block .two-cols-text {
margin-top:40px;
font-size: 18px
}
}
.kora-lluna-architecture-wrapper .third-block .two-cols-text:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 1280px) {
.kora-lluna-architecture-wrapper .third-block .two-cols-text {
width:80%
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-architecture-wrapper .third-block .two-cols-text {
width:100%
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-architecture-wrapper .third-block .two-cols-text {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-lluna-location-wrapper {
position: relative;
padding: calc(23.4px + 3.91765vw) 0 calc(54.4px + 20.32941vw)
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper {
padding:90px 0 400px
}
}
@media only screen and (max-width: 1700px) {
.kora-lluna-location-wrapper {
padding:calc(23.4px + 3.91765vw) 0 calc(54.4px + 20.32941vw)
}
}
@media only screen and (max-width: 1700px) and (min-width:1700px) {
.kora-lluna-location-wrapper {
padding:90px 0 400px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-location-wrapper {
padding:0 0 100px
}
}
.kora-lluna-location-wrapper .upper-container {
position: relative;
width: 100%
}
.kora-lluna-location-wrapper .upper-container .content-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-lluna-location-wrapper .upper-container .content-container {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
}
.kora-lluna-location-wrapper .upper-container .map-container {
position: absolute;
inset: 0;
padding: 0 32px
}
@media only screen and (max-width: 820px) {
.kora-lluna-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 60px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 20px
}
}
.kora-lluna-location-wrapper .upper-container .map-container .map {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media only screen and (max-width: 820px) {
.kora-lluna-location-wrapper .upper-container .map-container .map {
display:none
}
}
.kora-lluna-location-wrapper .upper-container .map-container .map-mobile {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: none
}
@media only screen and (max-width: 820px) {
.kora-lluna-location-wrapper .upper-container .map-container .map-mobile {
display:block
}
}
.kora-lluna-location-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
padding-top: calc(17.6px + .84706vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .upper-title {
margin-bottom:70px;
padding-top: 32px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-location-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-lluna-location-wrapper .title {
position: relative;
display: inline-block;
margin: calc(20.4px + 2.32941vw) 0 calc(24.2px + 4.34118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .title {
margin:60px 0 98px;
font-size: 100px
}
}
.kora-lluna-location-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .title p {
font-size:100px
}
}
.kora-lluna-location-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .title p span {
font-size:100px
}
}
.kora-lluna-location-wrapper .first-block {
position: relative;
z-index: 1;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .first-block {
padding-bottom:40px
}
}
.kora-lluna-location-wrapper .first-block .columns:first-of-type {
padding-right: 30px
}
@media only screen and (max-width: 820px) {
.kora-lluna-location-wrapper .first-block .columns:first-of-type {
padding:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
.kora-lluna-location-wrapper .punsh-line-wrapper {
position: relative;
padding: calc(29.4px + 7.09412vw) 0
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .punsh-line-wrapper {
padding:150px 0
}
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container {
position: relative
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line {
position: relative;
display: block;
width: 96%;
left: 2%;
padding-top: calc(17.4px + .74118vw);
background-color: #fef0e7;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 1px solid #000
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line {
padding-top:30px
}
}
@media only screen and (max-width: 820px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line {
text-align:center;
left: 0
}
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line {
font-size:200px
}
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line:last-child {
z-index: 1
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line p {
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-family:Saol;
font-weight: 400;
font-size: calc(29.4px + 7.09412vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
display: inline
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:150px
}
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family:Saol;
font-weight: 400;
font-size: calc(29.4px + 7.09412vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:150px
}
}
@media only screen and (max-width: 680px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line {
width:100%;
left: 0;
font-size: 15vw
}
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) {
text-align: center
}
@media only screen and (max-width: 680px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) .inner-line {
margin-right:0
}
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) {
text-align: right
}
@media only screen and (max-width: 820px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) {
text-align:center
}
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left: -10vw
}
@media only screen and (max-width: 820px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left:0
}
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left: 10vw
}
@media only screen and (max-width: 680px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left:0
}
}
.kora-lluna-location-wrapper .punsh-line-wrapper .lines-container .line .inner-line {
position: relative;
display: inline-block
}
.kora-lluna-location-wrapper .punsh-line-wrapper .moon {
position: absolute;
top: 32.5%;
left: 4%;
width: 30vw;
max-width: 440px
}
@media only screen and (max-width: 680px) {
.kora-lluna-location-wrapper .punsh-line-wrapper .moon {
display:none
}
}
.kora-lluna-location-wrapper .last-block,.kora-lluna-location-wrapper .last-block .columns,.kora-lluna-location-wrapper .last-block .photo-container {
position: relative
}
@media only screen and (max-width: 1180px) {
.kora-lluna-location-wrapper .last-block .photo-container {
display:none
}
}
.kora-lluna-location-wrapper .last-block .photo-2 {
position: relative;
max-width: 630px;
width: 25vw;
margin-left: auto
}
.kora-lluna-location-wrapper .last-block .photo-3 {
position: absolute;
max-width: 700px;
width: 28vw;
left: 0
}
@media only screen and (max-width: 820px) {
.kora-lluna-location-wrapper .last-block .photo-3 {
bottom:15%;
width: 60%
}
}
.kora-maresia-apartments-wrapper {
position: relative;
margin-bottom: calc(19.4px + 1.8vw);
background-color: #fcede9
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper {
margin-bottom:50px
}
}
.kora-maresia-apartments-wrapper .columns {
position: relative
}
.kora-maresia-apartments-wrapper .full-bleed-img-wrapper {
position: relative;
overflow: hidden;
margin-bottom: calc(23.4px + 3.91765vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .full-bleed-img-wrapper {
margin-bottom:90px
}
}
.kora-maresia-apartments-wrapper .full-bleed-img-wrapper .full-bleed {
width: 100%
}
.kora-maresia-apartments-wrapper .apartment-img {
margin-bottom: calc(28.4px + 6.56471vw)
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .apartment-img {
margin-bottom:140px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-apartments-wrapper .apartment-img {
display:none
}
}
.kora-maresia-apartments-wrapper .main-container {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
z-index: 1
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .main-container {
margin-top:100px
}
}
.kora-maresia-apartments-wrapper .right-container {
position: relative;
text-align: center
}
@media only screen and (max-width: 820px) {
.kora-maresia-apartments-wrapper .right-container {
margin-top:50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-maresia-apartments-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-apartments-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-maresia-apartments-wrapper .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .title {
font-size:100px
}
}
.kora-maresia-apartments-wrapper .title p {
margin: 0;
text-indent: 0;
padding-right: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .title p {
font-size:100px
}
}
.kora-maresia-apartments-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .title p span {
font-size:100px
}
}
.kora-maresia-apartments-wrapper p {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
padding-right: 50%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper p {
margin-top:40px;
font-size: 18px
}
}
@media only screen and (max-width: 1440px) {
.kora-maresia-apartments-wrapper p {
padding-right:20%
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-apartments-wrapper p {
padding-right:0
}
}
.kora-maresia-apartments-wrapper .apartment-switcher {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: inline-grid;
row-gap: 32px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
grid-template-columns: 1fr 1fr
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .apartment-switcher {
margin-top:30px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
width: 100%;
grid-template-columns: 1fr 1fr
}
}
.kora-maresia-apartments-wrapper .apartment-switcher li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 160px;
height: 100px;
border: 1px solid rgba(35,35,35,.2);
background-color: transparent;
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media only screen and (max-width: 820px) {
.kora-maresia-apartments-wrapper .apartment-switcher li {
width:120px;
height: 100px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-apartments-wrapper .apartment-switcher li {
width:auto;
height: 100px
}
}
.kora-maresia-apartments-wrapper .apartment-switcher li.active {
background-color: #232323;
pointer-events: none
}
.kora-maresia-apartments-wrapper .apartment-switcher li.active .apartments,.kora-maresia-apartments-wrapper .apartment-switcher li.active .bedrooms,.kora-maresia-apartments-wrapper .apartment-switcher li.active .label {
color: #fff7ec
}
.kora-maresia-apartments-wrapper .apartment-switcher li:hover {
background-color: #232323
}
.kora-maresia-apartments-wrapper .apartment-switcher li:hover .apartments,.kora-maresia-apartments-wrapper .apartment-switcher li:hover .bedrooms,.kora-maresia-apartments-wrapper .apartment-switcher li:hover .label {
color: #fff7ec
}
.kora-maresia-apartments-wrapper .apartment-switcher li .top-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none
}
.kora-maresia-apartments-wrapper .apartment-switcher li .label {
margin-bottom: 10px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-maresia-apartments-wrapper .apartment-switcher li .bedrooms {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-maresia-apartments-wrapper .apartment-switcher li .apartments {
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .apartment-switcher li .apartments {
font-size:17px
}
}
.kora-maresia-apartments-wrapper .squares-counter {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
top: 40px;
width: calc(62.4px + 24.56471vw);
height: calc(62.4px + 24.56471vw);
border-radius: 100%;
border: 1px solid rgba(35,35,35,.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .squares-counter {
margin-top:100px;
width: 480px;
height: 480px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-apartments-wrapper .squares-counter {
margin:calc(24.4px + 4.44706vw) auto 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-maresia-apartments-wrapper .squares-counter {
margin:100px auto 0
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-apartments-wrapper .squares-counter {
top:0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-maresia-apartments-wrapper .squares-counter .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(30.4px + 7.62353vw);
font-weight: 300;
color: #000;
line-height: 1.18em;
letter-spacing: -.01em;
font-style: italic;
padding: 0 20px
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .squares-counter .number {
font-size:160px
}
}
.kora-maresia-apartments-wrapper .squares-counter .label {
position: absolute;
left: 0;
bottom: 60px;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: rgba(0,0,0,.4);
line-height: 1.4em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .squares-counter .label {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-apartments-wrapper .squares-counter .label {
position:relative;
bottom: auto;
left: auto
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-apartments-wrapper .squares-counter .label {
font-size:14px
}
}
.kora-maresia-apartments-wrapper .floor-switcher {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media only screen and (max-width: 820px) {
.kora-maresia-apartments-wrapper .floor-switcher {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
}
.kora-maresia-apartments-wrapper .floor-switcher li {
position: relative;
margin-right: calc(18.9px + 1.53529vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .3;
cursor: pointer;
-webkit-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
transition: opacity 2s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .floor-switcher li {
margin-right:45px;
font-size: 30px
}
}
.kora-maresia-apartments-wrapper .floor-switcher li:hover {
opacity: 1
}
.kora-maresia-apartments-wrapper .floor-switcher li.active {
opacity: 1;
pointer-events: none
}
.kora-maresia-apartments-wrapper .floor-switcher li.hide {
opacity: 0;
visibility: hidden
}
.kora-maresia-apartments-wrapper .floor-switcher li .label {
pointer-events: none
}
.kora-maresia-apartments-wrapper .floor-switcher li .meters {
position: relative;
top: -.75em;
display: inline-block;
width: 60px;
white-space: nowrap;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: none;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .floor-switcher li .meters {
font-size:18px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-apartments-wrapper .floor-switcher li .meters {
top:.25em
}
}
.kora-maresia-apartments-wrapper .floor-switcher li sup {
position: relative;
top: -.8em;
display: inline-block;
width: 55px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: lowercase
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .floor-switcher li sup {
font-size:18px
}
}
.kora-maresia-apartments-wrapper .plant-container {
position: relative;
margin-top: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-maresia-apartments-wrapper .plant-container {
margin-top:40px
}
}
.kora-maresia-apartments-wrapper .plant-container .homes-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-maresia-apartments-wrapper .plant-container .homes-tooltip span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
font-style: italic
}
.kora-maresia-apartments-wrapper .plant-container .apartment-1-container {
position: relative;
display: block
}
.kora-maresia-apartments-wrapper .plant-container .apartment-1-container svg:first-child {
display: block;
position: relative;
opacity: 1;
visibility: visible
}
.kora-maresia-apartments-wrapper .plant-container .apartment-2-container {
display: none
}
.kora-maresia-apartments-wrapper .plant-container svg {
opacity: 0;
visibility: hidden;
display: none
}
.kora-maresia-apartments-wrapper .plant-container svg .point {
cursor: pointer
}
.kora-maresia-apartments-wrapper .plant-container svg .point path {
pointer-events: none
}
@media only screen and (max-width: 1180px) {
.kora-maresia-apartments-wrapper .plant-container svg circle {
r:16px
}
}
.kora-maresia-apartments-wrapper .plant-container svg circle,.kora-maresia-apartments-wrapper .plant-container svg ellipse {
fill: #b04d30
}
.kora-maresia-apartments-wrapper .plant-container svg path {
fill: #fff
}
.kora-maresia-apartments-wrapper .plant-container .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
display: none
}
.kora-maresia-apartments-wrapper .photo-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-maresia-apartments-wrapper .photo-container {
margin-top:40px
}
}
.kora-maresia-floors-block-wrapper {
position: relative;
padding: calc(26.4px + 5.50588vw) 0;
background-color: #fcddd3
}
@media (min-width: 1700px) {
.kora-maresia-floors-block-wrapper {
padding:120px 0
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-floors-block-wrapper {
padding:80px 0
}
}
.kora-maresia-floors-block-wrapper .upper-title-row {
position: relative;
z-index: 1
}
.kora-maresia-floors-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-maresia-floors-block-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-floors-block-wrapper .upper-title {
letter-spacing:1.3em;
margin-bottom: 0
}
}
.kora-maresia-floors-block-wrapper .floor-description-container {
position: relative;
margin-top: -280px
}
@media only screen and (max-width: 1440px) {
.kora-maresia-floors-block-wrapper .floor-description-container {
margin-top:-200px
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-floors-block-wrapper .floor-description-container {
margin-top:-160px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-floors-block-wrapper .floor-description-container {
margin-top:40px
}
}
.kora-maresia-floors-block-wrapper .floor-description-container .floor-images {
position: relative;
height: auto;
overflow: hidden
}
.kora-maresia-floors-block-wrapper .floor-description-container .floor-images picture {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
.kora-maresia-floors-block-wrapper .floor-description-container .floor-images picture:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-maresia-floors-block-wrapper .floor-description-container .floor-images picture img {
width: 100%
}
.kora-maresia-floors-block-wrapper .floor-description-container .floor-text {
position: relative;
padding-top: 20px
}
@media only screen and (max-width: 820px) {
.kora-maresia-floors-block-wrapper .floor-description-container .floor-text {
min-height:30vh
}
}
.kora-maresia-floors-block-wrapper .floor-description-container .floor-text .inner {
position: relative;
overflow-y: scroll
}
@media only screen and (max-width: 820px) {
.kora-maresia-floors-block-wrapper .floor-description-container .floor-text .inner {
min-height:30vh
}
}
.kora-maresia-floors-block-wrapper .floor-description-container .floor-text:before {
content: "";
position: absolute;
top: 20px;
left: 0;
display: block;
height: 20px;
width: 100%;
background: -webkit-gradient(linear,left bottom,left top,from(transparent),to(#fcddd3));
background: -o-linear-gradient(bottom,transparent 0,#fcddd3 100%);
background: linear-gradient(0deg,transparent,#fcddd3);
z-index: 1
}
.kora-maresia-floors-block-wrapper .floor-description-container .floor-text:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
height: 20px;
width: 100%;
background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#fcddd3));
background: -o-linear-gradient(top,transparent 0,#fcddd3 100%);
background: linear-gradient(180deg,transparent,#fcddd3)
}
.kora-maresia-floors-block-wrapper .floor-description-container .two-col {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: calc(16.4px + .21176vw);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
opacity: 0;
visibility: hidden;
display: none
}
@media (min-width: 1700px) {
.kora-maresia-floors-block-wrapper .floor-description-container .two-col {
margin-top:20px
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-floors-block-wrapper .floor-description-container .two-col {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-maresia-floors-block-wrapper .floor-description-container .two-col:first-child {
position: relative;
opacity: 1;
visibility: visible;
display: block
}
.kora-maresia-floors-block-wrapper .floor-description-container .two-col p {
font-size: calc(16.2px + .10588vw);
text-indent: 0;
margin-bottom: .5em
}
@media (min-width: 1700px) {
.kora-maresia-floors-block-wrapper .floor-description-container .two-col p {
font-size:18px
}
}
.kora-maresia-floors-block-wrapper .floor-switcher-container {
position: relative;
margin-top: calc(29.4px + 7.09412vw);
z-index: 1;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-maresia-floors-block-wrapper .floor-switcher-container {
margin-top:150px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-floors-block-wrapper .floor-switcher-container {
margin-top:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-maresia-floors-block-wrapper .floor-switcher-container {
margin-top:40px
}
}
.kora-maresia-floors-block-wrapper .floor-switcher-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li {
position: relative;
margin: 10px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer;
pointer-events: visible
}
@media (min-width: 1700px) {
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li {
font-size:26px
}
}
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li.active {
pointer-events: none
}
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li.active,.kora-maresia-floors-block-wrapper .floor-switcher-container ul li:hover {
opacity: 1
}
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li.active:before,.kora-maresia-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: -22px;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li:before {
margin-left:0
}
}
.kora-maresia-floors-block-wrapper .floor-switcher-container ul li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.kora-maresia-floors-block-wrapper .floor-plants-container {
position: relative;
margin-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width: 820px) {
.kora-maresia-floors-block-wrapper .floor-plants-container {
top:-40px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-floors-block-wrapper .floor-plants-container {
top:0;
margin-top: calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-maresia-floors-block-wrapper .floor-plants-container {
margin-top:40px
}
}
.kora-maresia-floors-block-wrapper .floor-plants-container .environment-plant-svg,.kora-maresia-floors-block-wrapper .floor-plants-container .fitness-plant-svg,.kora-maresia-floors-block-wrapper .floor-plants-container .floor-0-plant-svg,.kora-maresia-floors-block-wrapper .floor-plants-container .restaurant-plant-svg,.kora-maresia-floors-block-wrapper .floor-plants-container .spa-plant-svg {
display: none;
opacity: 0;
visibility: hidden
}
.kora-maresia-floors-block-wrapper .floor-plants-container .environment-plant-svg {
position: relative;
top: 100px;
left: -20px
}
@media only screen and (max-width: 820px) {
.kora-maresia-floors-block-wrapper .floor-plants-container .environment-plant-svg {
top:0;
left: 0
}
}
.kora-maresia-floors-block-wrapper .floor-plants-container .floor-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 11px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg {
position: relative;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: center;
transform-origin: center
}
@media only screen and (max-width: 820px) {
.kora-maresia-floors-block-wrapper .floor-plants-container svg {
width:80vw;
margin: 10px auto;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-floors-block-wrapper .floor-plants-container svg {
margin-bottom:40px
}
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg .point {
cursor: pointer
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg .point path {
pointer-events: none
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg circle,.kora-maresia-floors-block-wrapper .floor-plants-container svg ellipse {
fill: #b04d30
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg path {
fill: #fff
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg .medium-stay-area circle,.kora-maresia-floors-block-wrapper .floor-plants-container svg .medium-stay-area ellipse {
fill: #b04d30
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg .medium-stay-area path {
fill: #fff
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg .short-stay-area circle,.kora-maresia-floors-block-wrapper .floor-plants-container svg .short-stay-area ellipse {
fill: #b04d30
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg .short-stay-area path,.kora-maresia-floors-block-wrapper .floor-plants-container svg .type {
fill: #fff
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg .line-1 {
fill: none;
stroke: #b6dad8;
stroke-width: 3
}
.kora-maresia-floors-block-wrapper .floor-plants-container svg .line-2 {
fill: none;
stroke: #ec8a29;
stroke-width: 3
}
.kora-maresia-floors-block-wrapper .punch-line-container {
position: relative;
pointer-events: none
}
.kora-maresia-floors-block-wrapper .punch-line-container h2 {
position: absolute;
top: 0;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-maresia-floors-block-wrapper .punch-line-container h2 {
font-size:80px
}
}
.kora-maresia-floors-block-wrapper .punch-line-container h2:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-maresia-floors-block-wrapper .punch-line-container h2 p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-maresia-floors-block-wrapper .punch-line-container h2 p {
font-size:80px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-floors-block-wrapper .punch-line-container h2 p {
white-space:inherit
}
}
.kora-maresia-floors-block-wrapper .punch-line-container h2 span {
font-size: calc(22.4px + 3.38824vw);
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-maresia-floors-block-wrapper .punch-line-container h2 span {
font-size:80px
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-floors-block-wrapper .punch-line-container h2 span {
font-size:calc(21.4px + 2.85882vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-maresia-floors-block-wrapper .punch-line-container h2 span {
font-size:70px
}
}
.kora-maresia-city-block-wrapper {
position: relative;
padding-bottom: calc(34.4px + 9.74118vw);
overflow: hidden
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper {
padding-bottom:200px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-city-block-wrapper {
padding-bottom:80px
}
}
.kora-maresia-city-block-wrapper.in-viewport .photo-grid-container .text-container .columns:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-maresia-city-block-wrapper .big-photo-container {
position: relative;
margin-bottom: calc(18.6px + 1.37647vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .big-photo-container {
margin-bottom:42px
}
}
.kora-maresia-city-block-wrapper .big-photo-container img {
width: 100%
}
.kora-maresia-city-block-wrapper .photo-grid-container {
position: relative;
width: 100%;
padding-bottom: calc(26.4px + 5.50588vw);
background-color: #fcede9
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .photo-grid-container {
padding-bottom:120px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-city-block-wrapper .photo-grid-container {
padding-bottom:60px
}
}
.kora-maresia-city-block-wrapper .photo-grid-container .photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.kora-maresia-city-block-wrapper .photo-grid-container .photos .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%
}
.kora-maresia-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top:30px
}
}
.kora-maresia-city-block-wrapper .photo-grid-container .text-container {
position: relative;
top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container {
top:-200px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container {
top:auto
}
}
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .columns {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 37.5vw;
max-height: 40em
}
@media only screen and (max-width: 820px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .columns {
height:auto;
margin-top: 50px
}
}
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .columns:before {
content: "";
position: absolute;
top: 0;
display: block;
width: calc(73.4px + 30.38824vw);
height: calc(73.4px + 30.38824vw);
border-radius: 100%;
background-color: #fcddd3;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
-o-transition: transform .5s 1s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s,-webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .columns:before {
width:590px;
height: 590px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .columns:before {
top:-30%
}
}
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(23.8px + 4.12941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .title {
font-size:94px
}
}
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .coordinates {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.8px + 4.65882vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
font-style: italic
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:104px
}
}
@media only screen and (max-width: 480px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:9vw
}
}
.kora-maresia-city-block-wrapper .photo-grid-container .text-container p {
position: absolute;
top: 70%;
left: 50%;
display: block;
width: 70%;
font-size: calc(16.6px + .31765vw);
text-align: left
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-city-block-wrapper .photo-grid-container .text-container p {
position:relative;
top: auto;
left: auto;
width: 100%;
margin-top: 20px
}
}
.kora-maresia-city-block-wrapper .map-container {
position: relative
}
@media only screen and (max-width: 680px) {
.kora-maresia-city-block-wrapper .map-container svg {
left:-50%;
width: 200%;
position: relative;
overflow-x: scroll
}
}
.kora-maresia-city-block-wrapper .map-container svg circle {
position: relative;
fill: #da352b;
cursor: pointer;
-webkit-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-maresia-city-block-wrapper .map-container svg circle.kora-point {
fill: #232323
}
@media only screen and (max-width: 680px) {
.kora-maresia-city-block-wrapper .map-container svg circle.kora-point {
visibility:visible
}
}
.kora-maresia-city-block-wrapper .map-container svg circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
@media (hover: hover) {
.kora-maresia-city-block-wrapper .map-container svg circle:hover {
r:12;
fill: #232323
}
}
.kora-maresia-city-block-wrapper .map-container .map-title {
pointer-events: none
}
.kora-maresia-city-block-wrapper .map-container .map-title .row {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 820px) {
.kora-maresia-city-block-wrapper .map-container .map-title .first-col {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
}
.kora-maresia-city-block-wrapper .map-container h2 {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .map-container h2 {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-city-block-wrapper .map-container h2 {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-maresia-city-block-wrapper .map-container h2 {
font-size:110px
}
}
.kora-maresia-city-block-wrapper .map-container h2 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .map-container h2 p {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-city-block-wrapper .map-container h2 p {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-maresia-city-block-wrapper .map-container h2 p {
font-size:110px
}
}
.kora-maresia-city-block-wrapper .map-container h2 p span {
font-size: calc(26.8px + 5.71765vw);
line-height: 1em;
letter-spacing: -.05em;
color: #232323
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .map-container h2 p span {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-city-block-wrapper .map-container h2 p span {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-maresia-city-block-wrapper .map-container h2 p span {
font-size:110px
}
}
.kora-maresia-city-block-wrapper .map-container h2 .upper-title {
margin-top: -.84em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.kora-maresia-city-block-wrapper .map-container h2 .lower-title {
position: relative;
display: block;
width: 100%;
text-align: left
}
@media only screen and (max-width: 680px) {
.kora-maresia-city-block-wrapper .map-container h2 .lower-title {
left:auto;
text-align: right
}
}
.kora-maresia-city-block-wrapper .map-container p {
font-size: calc(16.6px + .31765vw)
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .map-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-city-block-wrapper .map-container p {
margin-top:20px
}
}
.kora-maresia-city-block-wrapper .map-container .city-tooltip {
position: absolute;
display: block;
padding: 15px calc(17.4px + .74118vw);
background-color: #232323;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-maresia-city-block-wrapper .map-container .city-tooltip {
padding:15px 30px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-city-block-wrapper .map-container .city-tooltip {
font-size:14px
}
}
.kora-maresia-city-block-wrapper .map-container .city-tooltip:after {
content: "";
position: absolute;
bottom: -20px;
left: 30px;
display: block;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 30px solid #232323
}
.kora-maresia-city-block-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-maresia-city-block-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-maresia-city-block-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1440px) {
.kora-maresia-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-maresia-city-block-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-maresia-city-block-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-maresia-city-block-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-maresia-city-block-wrapper .statistics-list li div img {
margin-left: -20px;
width: 100px;
height: 100px
}
@media only screen and (max-width: 480px) {
.kora-maresia-city-block-wrapper .statistics-list li div {
gap:20px
}
.kora-maresia-city-block-wrapper .statistics-list li div img {
width: 60px;
margin-left: 0
}
}
.kora-maresia-city-block-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 40%;
min-width: 40%
}
.kora-maresia-city-block-wrapper .statistics-list li div .value {
position: relative;
left: -10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.kora-maresia-sustainability-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper {
padding:60px 0 120px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-sustainability-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.kora-maresia-sustainability-wrapper .text-container {
padding-top: calc(32.4px + 8.68235vw)
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper .text-container {
padding-top:180px
}
}
.kora-maresia-sustainability-wrapper .text-container p:last-child {
margin-bottom: 0
}
.kora-maresia-sustainability-wrapper .replay-btn {
position: relative;
margin-top: calc(16.4px + .21176vw);
padding: 0 6px 0 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
height: 35px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
cursor: pointer;
display: none
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper .replay-btn {
margin-top:20px
}
}
.kora-maresia-sustainability-wrapper .replay-btn.has-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (hover: hover) {
.kora-maresia-sustainability-wrapper .replay-btn:hover:before {
-webkit-transform:scale(1.1);
transform: scale(1.1)
}
.kora-maresia-sustainability-wrapper .replay-btn:hover svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
}
.kora-maresia-sustainability-wrapper .replay-btn:before {
content: "";
position: absolute;
inset: 0;
display: block;
background-color: #fff;
border-radius: 58px
}
.kora-maresia-sustainability-wrapper .replay-btn:before,.kora-maresia-sustainability-wrapper .replay-btn svg {
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-maresia-sustainability-wrapper .replay-btn svg {
position: relative;
-webkit-transform-origin: center;
transform-origin: center
}
.kora-maresia-sustainability-wrapper .replay-btn .label {
position: relative;
top: 1px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: .14em;
text-transform: uppercase
}
.kora-maresia-sustainability-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-sustainability-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-maresia-sustainability-wrapper .image-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width: 820px) {
.kora-maresia-sustainability-wrapper .image-col {
display:none
}
}
.kora-maresia-sustainability-wrapper .image-col video {
width: 100%
}
.kora-maresia-sustainability-wrapper .design-image,.kora-maresia-sustainability-wrapper .image-col img {
mix-blend-mode: multiply
}
@media only screen and (max-width: 680px) {
.kora-maresia-sustainability-wrapper .design-image {
display:none
}
}
.kora-maresia-sustainability-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-maresia-sustainability-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-maresia-sustainability-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1290px) {
.kora-maresia-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media only screen and (max-width: 380px) {
.kora-maresia-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-maresia-sustainability-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-maresia-sustainability-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-maresia-sustainability-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-maresia-sustainability-wrapper .statistics-list li div img {
margin-left: -20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px
}
@media only screen and (max-width: 480px) {
.kora-maresia-sustainability-wrapper .statistics-list li div img {
width:80px
}
}
.kora-maresia-sustainability-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
min-width: 50%
}
.kora-maresia-sustainability-wrapper .statistics-list li div .value {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em;
padding-right: 20px
}
.kora-maresia-sustainability-wrapper .hero-line {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper .hero-line {
font-size:125px
}
}
.kora-maresia-sustainability-wrapper .hero-line:first-child {
padding-top: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper .hero-line:first-child {
padding-top:90px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-sustainability-wrapper .hero-line:first-child {
padding-top:80px
}
}
.kora-maresia-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom: calc(18.9px + 1.53529vw);
text-align: right;
padding-right: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom:45px;
padding-right: 120px
}
}
@media only screen and (max-width: 900px) {
.kora-maresia-sustainability-wrapper .hero-line:nth-child(2) {
padding-right:0
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-sustainability-wrapper .hero-line:nth-child(2) {
text-align:left
}
}
.kora-maresia-sustainability-wrapper .hero-line p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper .hero-line p {
font-size:125px
}
}
.kora-maresia-sustainability-wrapper .hero-line span {
font-size: calc(26.9px + 5.77059vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper .hero-line span {
font-size:125px
}
}
.kora-maresia-sustainability-wrapper .two-cols-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media only screen and (max-width: 680px) {
.kora-maresia-sustainability-wrapper .two-cols-container {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-maresia-sustainability-wrapper .two-cols-container p {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-maresia-sustainability-wrapper .two-cols-container p {
font-size:18px
}
}
.kora-maresia-architecture-wrapper {
position: relative;
padding: 0 0 calc(30.4px + 7.62353vw)
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper {
padding:0 0 160px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-architecture-wrapper {
padding:0 0 80px
}
}
.kora-maresia-architecture-wrapper .first-block {
position: relative;
margin-bottom: calc(20.4px + 2.32941vw)
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .first-block {
margin-bottom:60px
}
}
.kora-maresia-architecture-wrapper .first-block .title {
position: relative;
padding-left: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .first-block .title {
font-size:100px
}
}
@media only screen and (max-width: 800px) {
.kora-maresia-architecture-wrapper .first-block .title {
padding-left:0
}
}
.kora-maresia-architecture-wrapper .first-block .title p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .first-block .title p {
font-size:100px
}
}
.kora-maresia-architecture-wrapper .first-block .title span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .first-block .title span {
font-size:100px
}
}
.kora-maresia-architecture-wrapper .second-block {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-maresia-architecture-wrapper .second-block .inner {
margin:20px 0 80px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-architecture-wrapper .second-block img {
display:none
}
}
.kora-maresia-architecture-wrapper .second-block .upper-title {
position: absolute;
top: -30px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #232323;
line-height: 1em
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .second-block .upper-title {
font-size:20px
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-architecture-wrapper .second-block .upper-title {
display:none
}
}
.kora-maresia-architecture-wrapper .second-block .title {
position: relative;
margin: calc(16.6px + .31765vw) 0;
font-family: "Montserrat", sans-serif;
font-size: calc(18px + 1.05882vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
font-style: italic
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .second-block .title {
margin:22px 0;
font-size: 36px
}
}
.kora-maresia-architecture-wrapper .second-block .text {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .second-block .text {
font-size:18px
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper {
position: relative
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .main-img {
position: relative;
width: 100%
}
@media only screen and (max-width: 600px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .main-img {
max-width:none;
width: calc(100% + 2.85rem);
left: -1.425rem
}
}
@media only screen and (max-width: 600px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper {
width:calc(100% + 2.85rem);
left: -1.425rem
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li {
position: absolute;
display: block;
width: 300px;
height: 470px;
pointer-events: none
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top: 50%;
left: 70%
}
@media only screen and (max-width: 1300px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:20%
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:20%
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:50%
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child .inner .number {
top: 45%
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:0
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child .inner .number {
top: 65%
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top: 15%;
left: 50%
}
@media only screen and (max-width: 1180px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:-5%
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:0
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:0
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) .inner .number {
top: 45%
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top: 40%;
left: 20%
}
@media only screen and (max-width: 1180px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:15%
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:0
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) .inner .number {
top: 60%
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top: 5%;
left: 10%
}
@media only screen and (max-width: 1300px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:0
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:-30%
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:0
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
top: 25%;
left: 5%
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:0
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
top: 15%;
left: 5%
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active {
pointer-events: visible;
z-index: 10
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .text,.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .title,.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner img {
opacity: 1;
visibility: visible
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number {
color: #232323;
-webkit-transition: color .75s cubic-bezier(.86,0,.07,1);
-o-transition: color .75s cubic-bezier(.86,0,.07,1);
transition: color .75s cubic-bezier(.86,0,.07,1)
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number:after {
background-color: #232323;
-webkit-transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
padding:35px
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff7ec;
opacity: 0;
visibility: hidden
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width: calc(22.4px + 3.38824vw);
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width:80px;
margin-bottom: 20px
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-size:19px
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .text {
margin-top: 10px;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
@media only screen and (max-width: 820px) {
.kora-maresia-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
display:none
}
}
.kora-maresia-architecture-wrapper .third-block .two-cols-text {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
width: 60%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-maresia-architecture-wrapper .third-block .two-cols-text {
margin-top:40px;
font-size: 18px
}
}
.kora-maresia-architecture-wrapper .third-block .two-cols-text:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 1280px) {
.kora-maresia-architecture-wrapper .third-block .two-cols-text {
width:80%
}
}
@media only screen and (max-width: 820px) {
.kora-maresia-architecture-wrapper .third-block .two-cols-text {
width:100%
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-architecture-wrapper .third-block .two-cols-text {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-maresia-location-wrapper {
position: relative;
padding: calc(23.4px + 3.91765vw) 0 calc(34.4px + 9.74118vw)
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper {
padding:90px 0 200px
}
}
@media only screen and (max-width: 1700px) {
.kora-maresia-location-wrapper {
padding:calc(23.4px + 3.91765vw) 0 calc(34.4px + 9.74118vw)
}
}
@media only screen and (max-width: 1700px) and (min-width:1700px) {
.kora-maresia-location-wrapper {
padding:90px 0 200px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper {
padding:40px 0 100px
}
}
.kora-maresia-location-wrapper .upper-container {
position: relative;
width: 100%
}
.kora-maresia-location-wrapper .upper-container .content-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-maresia-location-wrapper .upper-container .content-container {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
}
.kora-maresia-location-wrapper .upper-container .map-container {
position: absolute;
inset: 0;
padding: 0 32px
}
@media only screen and (max-width: 820px) {
.kora-maresia-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 60px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 20px
}
}
.kora-maresia-location-wrapper .upper-container .map-container .map {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media only screen and (max-width: 820px) {
.kora-maresia-location-wrapper .upper-container .map-container .map {
display:none
}
}
.kora-maresia-location-wrapper .upper-container .map-container .map-mobile {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: none
}
@media only screen and (max-width: 820px) {
.kora-maresia-location-wrapper .upper-container .map-container .map-mobile {
display:block
}
}
.kora-maresia-location-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
padding-top: calc(17.6px + .84706vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper .upper-title {
margin-bottom:70px;
padding-top: 32px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-maresia-location-wrapper .title {
position: relative;
display: inline-block;
margin: calc(20.4px + 2.32941vw) 0 calc(24.2px + 4.34118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #fff;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper .title {
margin:60px 0 98px;
font-size: 100px
}
}
.kora-maresia-location-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #fff;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper .title p {
font-size:100px
}
}
.kora-maresia-location-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #fff;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper .title p span {
font-size:100px
}
}
.kora-maresia-location-wrapper .first-block {
position: relative;
z-index: 1;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper .first-block {
padding-bottom:40px
}
}
.kora-maresia-location-wrapper .first-block .columns:first-of-type {
padding-right: 30px
}
@media only screen and (max-width: 820px) {
.kora-maresia-location-wrapper .first-block .columns:first-of-type {
padding:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
.kora-maresia-location-wrapper .punsh-line-wrapper {
position: relative;
padding: calc(29.4px + 7.09412vw) 0
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper .punsh-line-wrapper {
padding:150px 0
}
}
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container {
position: relative
}
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line {
position: relative;
display: block;
width: 96%;
left: 2%;
padding-top: calc(17.4px + .74118vw);
background-color: #fcede9;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 1px solid #000
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line {
padding-top:30px;
font-size: 200px
}
}
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line:last-child {
z-index: 1
}
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line p {
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-family:Saol;
font-weight: 400;
font-size: calc(29.4px + 7.09412vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:150px
}
}
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family:Saol;
font-weight: 400;
font-size: calc(29.4px + 7.09412vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:150px
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line {
width:100%;
left: 0;
font-size: 15vw
}
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) .inner-line {
margin-right:20px
}
}
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2),.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) {
text-align: right
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) {
text-align:center
}
}
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left: -25vw
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left:0
}
}
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left: 10vw
}
@media only screen and (max-width: 680px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left:0
}
}
.kora-maresia-location-wrapper .punsh-line-wrapper .lines-container .line .inner-line {
position: relative;
display: inline-block
}
.kora-maresia-location-wrapper .punsh-line-wrapper .cactus {
position: absolute;
top: 35%;
left: 4%;
width: 40vw;
max-width: 510px
}
@media only screen and (max-width: 1440px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .cactus {
top:40%;
width: 35vw;
max-width: 410px
}
}
@media only screen and (max-width: 1180px) {
.kora-maresia-location-wrapper .punsh-line-wrapper .cactus {
display:none
}
}
.kora-maresia-location-wrapper .last-block,.kora-maresia-location-wrapper .last-block .columns,.kora-maresia-location-wrapper .last-block .photo-container {
position: relative
}
@media only screen and (max-width: 1180px) {
.kora-maresia-location-wrapper .last-block .photo-container {
display:none
}
}
.kora-maresia-location-wrapper .last-block .photo-2 {
position: relative;
max-width: 630px;
width: 25vw;
margin-left: auto
}
.kora-maresia-location-wrapper .last-block .photo-3 {
position: absolute;
max-width: 700px;
width: 28vw;
left: 0
}
@media only screen and (max-width: 820px) {
.kora-maresia-location-wrapper .last-block .photo-3 {
bottom:15%;
width: 60%
}
}
.kora-mostra-hero-wrapper p span {
color: #17428f
}
.kora-mostra-sustainability-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper {
padding:60px 0 120px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-sustainability-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.kora-mostra-sustainability-wrapper .text-container {
padding-top: calc(32.4px + 8.68235vw)
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper .text-container {
padding-top:180px
}
}
.kora-mostra-sustainability-wrapper .text-container p:last-child {
margin-bottom: 0
}
.kora-mostra-sustainability-wrapper .replay-btn {
position: relative;
margin-top: calc(16.4px + .21176vw);
padding: 0 6px 0 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
height: 35px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
cursor: pointer;
display: none
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper .replay-btn {
margin-top:20px
}
}
.kora-mostra-sustainability-wrapper .replay-btn.has-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (hover: hover) {
.kora-mostra-sustainability-wrapper .replay-btn:hover:before {
-webkit-transform:scale(1.1);
transform: scale(1.1)
}
.kora-mostra-sustainability-wrapper .replay-btn:hover svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
}
.kora-mostra-sustainability-wrapper .replay-btn:before {
content: "";
position: absolute;
inset: 0;
display: block;
background-color: #fff;
border-radius: 58px
}
.kora-mostra-sustainability-wrapper .replay-btn:before,.kora-mostra-sustainability-wrapper .replay-btn svg {
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-mostra-sustainability-wrapper .replay-btn svg {
position: relative;
-webkit-transform-origin: center;
transform-origin: center
}
.kora-mostra-sustainability-wrapper .replay-btn .label {
position: relative;
top: 1px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: .14em;
text-transform: uppercase
}
.kora-mostra-sustainability-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-sustainability-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-mostra-sustainability-wrapper .image-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width: 820px) {
.kora-mostra-sustainability-wrapper .image-col {
display:none
}
}
.kora-mostra-sustainability-wrapper .image-col video {
width: 100%
}
.kora-mostra-sustainability-wrapper .design-image,.kora-mostra-sustainability-wrapper .image-col img {
mix-blend-mode: multiply
}
@media only screen and (max-width: 680px) {
.kora-mostra-sustainability-wrapper .design-image {
display:none
}
}
.kora-mostra-sustainability-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-mostra-sustainability-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-mostra-sustainability-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1290px) {
.kora-mostra-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media only screen and (max-width: 380px) {
.kora-mostra-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-mostra-sustainability-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-mostra-sustainability-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-mostra-sustainability-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-mostra-sustainability-wrapper .statistics-list li div img {
margin-left: -20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px
}
@media only screen and (max-width: 480px) {
.kora-mostra-sustainability-wrapper .statistics-list li div img {
width:80px
}
}
.kora-mostra-sustainability-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
min-width: 50%
}
.kora-mostra-sustainability-wrapper .statistics-list li div .value {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em;
padding-right: 20px
}
.kora-mostra-sustainability-wrapper .hero-line {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper .hero-line {
font-size:125px
}
}
.kora-mostra-sustainability-wrapper .hero-line:first-child {
padding-top: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper .hero-line:first-child {
padding-top:90px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-sustainability-wrapper .hero-line:first-child {
padding-top:80px
}
}
.kora-mostra-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom: calc(18.9px + 1.53529vw);
text-align: right;
padding-right: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom:45px;
padding-right: 120px
}
}
@media only screen and (max-width: 900px) {
.kora-mostra-sustainability-wrapper .hero-line:nth-child(2) {
padding-right:0
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-sustainability-wrapper .hero-line:nth-child(2) {
text-align:left
}
}
.kora-mostra-sustainability-wrapper .hero-line p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper .hero-line p {
font-size:125px
}
}
.kora-mostra-sustainability-wrapper .hero-line span {
font-size: calc(26.9px + 5.77059vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper .hero-line span {
font-size:125px
}
}
.kora-mostra-sustainability-wrapper .two-cols-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media only screen and (max-width: 680px) {
.kora-mostra-sustainability-wrapper .two-cols-container {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-mostra-sustainability-wrapper .two-cols-container p {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-mostra-sustainability-wrapper .two-cols-container p {
font-size:18px
}
}
.kora-mostra-architecture-wrapper {
position: relative;
padding: 0 0 calc(30.4px + 7.62353vw)
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper {
padding:0 0 160px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-architecture-wrapper {
padding:0 0 80px
}
}
.kora-mostra-architecture-wrapper .first-block {
position: relative;
margin-bottom: calc(20.4px + 2.32941vw)
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .first-block {
margin-bottom:60px
}
}
.kora-mostra-architecture-wrapper .first-block .title {
position: relative;
padding-left: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .first-block .title {
font-size:100px
}
}
@media only screen and (max-width: 800px) {
.kora-mostra-architecture-wrapper .first-block .title {
padding-left:0
}
}
.kora-mostra-architecture-wrapper .first-block .title p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .first-block .title p {
font-size:100px
}
}
.kora-mostra-architecture-wrapper .first-block .title span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .first-block .title span {
font-size:100px
}
}
.kora-mostra-architecture-wrapper .second-block {
position: relative
}
.kora-mostra-architecture-wrapper .second-block .img-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px
}
@media only screen and (max-width: 820px) {
.kora-mostra-architecture-wrapper .second-block .inner {
margin:20px 0 80px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-architecture-wrapper .second-block img {
display:none
}
}
.kora-mostra-architecture-wrapper .second-block .upper-title {
position: absolute;
top: -30px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #232323;
line-height: 1em
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .second-block .upper-title {
font-size:20px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-architecture-wrapper .second-block .upper-title {
display:none
}
}
.kora-mostra-architecture-wrapper .second-block .title {
position: relative;
margin: calc(16.6px + .31765vw) 0;
font-family: "Montserrat", sans-serif;
font-size: calc(18px + 1.05882vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
font-style: italic
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .second-block .title {
margin:22px 0;
font-size: 36px
}
}
.kora-mostra-architecture-wrapper .second-block .text {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .second-block .text {
font-size:18px
}
}
.kora-mostra-architecture-wrapper .second-block .text p {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .second-block .text p {
font-size:18px
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper {
position: relative
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .main-img {
position: relative;
width: 100%
}
@media only screen and (max-width: 600px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .main-img {
max-width:none;
width: calc(100% + 2.85rem);
left: -1.425rem
}
}
@media only screen and (max-width: 600px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper {
width:calc(100% + 2.85rem);
left: -1.425rem
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li {
position: absolute;
display: block;
width: 300px;
height: 470px;
pointer-events: none
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top: 57%;
left: 8%
}
@media only screen and (max-width: 1300px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:57%
}
}
@media only screen and (max-width: 1180px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:57%
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:20%
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:15%;
left: 5%
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child .inner .number {
top: 65%
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top: 6%;
left: 25%
}
@media only screen and (max-width: 1180px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:6%
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:6%
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) .inner .number {
top: 45%
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:2%
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) .inner .number {
top: 30%
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top: 35%;
left: 34%
}
@media only screen and (max-width: 1180px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:35%
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:15%
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) .inner .number {
top: 60%
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:10%;
left: 40%
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) .inner .number {
top: 45%;
left: 5%
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top: 15%;
left: 57%
}
@media only screen and (max-width: 1300px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:15%
}
}
@media only screen and (max-width: 1180px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:15%
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:10%
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
top: 35%;
left: 5%
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:5%;
left: 70%
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
top: 15%;
left: 5%
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active {
pointer-events: visible;
z-index: 10
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .text,.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .title,.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner img {
opacity: 1;
visibility: visible
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number {
color: #232323;
-webkit-transition: color .75s cubic-bezier(.86,0,.07,1);
-o-transition: color .75s cubic-bezier(.86,0,.07,1);
transition: color .75s cubic-bezier(.86,0,.07,1)
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number:after {
background-color: #232323;
-webkit-transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
padding:35px
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #ecf6f8;
opacity: 0;
visibility: hidden
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
height: calc(22.4px + 3.38824vw);
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
height:80px;
margin-bottom: 20px
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-size:19px
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .text {
margin-top: 10px;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
@media only screen and (max-width: 820px) {
.kora-mostra-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
display:none
}
}
.kora-mostra-architecture-wrapper .third-block .two-cols-text {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
width: 60%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-mostra-architecture-wrapper .third-block .two-cols-text {
margin-top:40px;
font-size: 18px
}
}
.kora-mostra-architecture-wrapper .third-block .two-cols-text:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 1280px) {
.kora-mostra-architecture-wrapper .third-block .two-cols-text {
width:80%
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-architecture-wrapper .third-block .two-cols-text {
width:100%
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-architecture-wrapper .third-block .two-cols-text {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.mobile-tooltips.kora-mostra {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1005;
opacity: 0;
visibility: hidden
}
@media only screen and (max-width: 800px) {
.mobile-tooltips.kora-mostra {
height:101vh;
height: calc(var(--vh, 1vh)*101)
}
}
.mobile-tooltips.kora-mostra.active {
pointer-events: visible
}
.mobile-tooltips.kora-mostra:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(35,35,35,.01);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px)
}
.mobile-tooltips.kora-mostra li {
position: absolute;
top: calc(50% - 200px);
left: calc(50% - 150px);
display: block;
width: 300px;
height: 400px;
z-index: 1;
pointer-events: none;
opacity: 0;
visibility: hidden
}
.mobile-tooltips.kora-mostra li.active {
opacity: 1;
visibility: visible;
pointer-events: visible;
z-index: 10
}
.mobile-tooltips.kora-mostra li.active .inner .text,.mobile-tooltips.kora-mostra li.active .inner .title,.mobile-tooltips.kora-mostra li.active .inner img {
opacity: 1;
visibility: visible
}
.mobile-tooltips.kora-mostra li.active .inner .number {
color: #232323;
-webkit-transition: color .75s cubic-bezier(.86,0,.07,1);
-o-transition: color .75s cubic-bezier(.86,0,.07,1);
transition: color .75s cubic-bezier(.86,0,.07,1)
}
.mobile-tooltips.kora-mostra li.active .inner .number:after {
background-color: #232323;
-webkit-transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.mobile-tooltips.kora-mostra li .close-btn {
position: absolute;
top: -22px;
right: -22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 44px;
height: 44px;
background-color: #232323;
outline: none;
border: none;
border-radius: 100%;
z-index: 1;
opacity: 0;
cursor: pointer
}
.mobile-tooltips.kora-mostra li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.mobile-tooltips.kora-mostra li .inner {
padding:35px
}
}
.mobile-tooltips.kora-mostra li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #ecf6f8;
opacity: 0;
visibility: hidden
}
.mobile-tooltips.kora-mostra li .inner img {
width: 80px;
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.mobile-tooltips.kora-mostra li .inner img {
margin-bottom:20px
}
}
.mobile-tooltips.kora-mostra li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.mobile-tooltips.kora-mostra li .inner .title {
font-size:19px
}
}
.mobile-tooltips.kora-mostra li .inner .text {
margin-top: 10px;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.mobile-tooltips.kora-mostra li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
cursor: pointer
}
@media (min-width: 1700px) {
.mobile-tooltips.kora-mostra li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.mobile-tooltips.kora-mostra li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
.kora-mostra-floors-block-wrapper {
position: relative;
padding: calc(26.4px + 5.50588vw) 0;
background-color: #ddf0f5
}
@media (min-width: 1700px) {
.kora-mostra-floors-block-wrapper {
padding:120px 0
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-floors-block-wrapper {
padding:80px 0
}
}
.kora-mostra-floors-block-wrapper .upper-title-row {
position: relative;
z-index: 1
}
.kora-mostra-floors-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-mostra-floors-block-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-floors-block-wrapper .upper-title {
letter-spacing:1.3em;
margin-bottom: 0
}
}
.kora-mostra-floors-block-wrapper .floor-description-container {
position: relative;
margin-top: -280px
}
@media only screen and (max-width: 1440px) {
.kora-mostra-floors-block-wrapper .floor-description-container {
margin-top:-200px
}
}
@media only screen and (max-width: 1180px) {
.kora-mostra-floors-block-wrapper .floor-description-container {
margin-top:-160px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-floors-block-wrapper .floor-description-container {
margin-top:40px
}
}
.kora-mostra-floors-block-wrapper .floor-description-container .floor-images {
position: relative;
height: auto;
overflow: hidden
}
.kora-mostra-floors-block-wrapper .floor-description-container .floor-images picture {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
.kora-mostra-floors-block-wrapper .floor-description-container .floor-images picture:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-mostra-floors-block-wrapper .floor-description-container .floor-images picture img {
width: 100%
}
.kora-mostra-floors-block-wrapper .floor-description-container .floor-text {
position: relative;
padding-top: 20px
}
@media only screen and (max-width: 820px) {
.kora-mostra-floors-block-wrapper .floor-description-container .floor-text {
min-height:30vh
}
}
.kora-mostra-floors-block-wrapper .floor-description-container .floor-text .inner {
position: relative;
overflow-y: scroll
}
@media only screen and (max-width: 820px) {
.kora-mostra-floors-block-wrapper .floor-description-container .floor-text .inner {
min-height:30vh
}
}
.kora-mostra-floors-block-wrapper .floor-description-container .floor-text:before {
content: "";
position: absolute;
top: 20px;
left: 0;
display: block;
height: 20px;
width: 100%;
background: -webkit-gradient(linear,left bottom,left top,from(transparent),to(#ddf0f5));
background: -o-linear-gradient(bottom,transparent 0,#ddf0f5 100%);
background: linear-gradient(0deg,transparent,#ddf0f5);
z-index: 1
}
.kora-mostra-floors-block-wrapper .floor-description-container .floor-text:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
height: 20px;
width: 100%;
background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#ddf0f5));
background: -o-linear-gradient(top,transparent 0,#ddf0f5 100%);
background: linear-gradient(180deg,transparent,#ddf0f5)
}
.kora-mostra-floors-block-wrapper .floor-description-container .two-col {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: calc(16.4px + .21176vw);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
opacity: 0;
visibility: hidden;
display: none
}
@media (min-width: 1700px) {
.kora-mostra-floors-block-wrapper .floor-description-container .two-col {
margin-top:20px
}
}
@media only screen and (max-width: 1180px) {
.kora-mostra-floors-block-wrapper .floor-description-container .two-col {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-mostra-floors-block-wrapper .floor-description-container .two-col:first-child {
position: relative;
opacity: 1;
visibility: visible;
display: block
}
.kora-mostra-floors-block-wrapper .floor-description-container .two-col p {
font-size: calc(16.2px + .10588vw);
text-indent: 0;
margin-bottom: .5em
}
@media (min-width: 1700px) {
.kora-mostra-floors-block-wrapper .floor-description-container .two-col p {
font-size:18px
}
}
.kora-mostra-floors-block-wrapper .floor-switcher-container {
position: relative;
margin-top: calc(17.4px + .74118vw);
z-index: 1;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-mostra-floors-block-wrapper .floor-switcher-container {
margin-top:30px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-floors-block-wrapper .floor-switcher-container {
margin-top:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-mostra-floors-block-wrapper .floor-switcher-container {
margin-top:40px
}
}
.kora-mostra-floors-block-wrapper .floor-switcher-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li {
position: relative;
margin: 10px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer;
pointer-events: visible
}
@media (min-width: 1700px) {
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li {
font-size:26px
}
}
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li.active {
pointer-events: none
}
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li.active,.kora-mostra-floors-block-wrapper .floor-switcher-container ul li:hover {
opacity: 1
}
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li.active:before,.kora-mostra-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: -22px;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li:before {
margin-left:0
}
}
.kora-mostra-floors-block-wrapper .floor-switcher-container ul li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.kora-mostra-floors-block-wrapper .floor-plants-container {
position: relative;
margin-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -3.125%
}
@media only screen and (max-width: 820px) {
.kora-mostra-floors-block-wrapper .floor-plants-container {
margin-left:0
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-floors-block-wrapper .floor-plants-container {
top:0;
margin-top: calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-mostra-floors-block-wrapper .floor-plants-container {
margin-top:40px
}
}
.kora-mostra-floors-block-wrapper .floor-plants-container .floor-1-plant-svg,.kora-mostra-floors-block-wrapper .floor-plants-container .floor-2-plant-svg,.kora-mostra-floors-block-wrapper .floor-plants-container .rooftop-plant-svg {
display: none;
opacity: 0;
visibility: hidden
}
.kora-mostra-floors-block-wrapper .floor-plants-container .floor-0-plant-svg {
position: relative
}
.kora-mostra-floors-block-wrapper .floor-plants-container .floor-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 11px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg {
position: relative;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: center;
transform-origin: center
}
@media only screen and (max-width: 820px) {
.kora-mostra-floors-block-wrapper .floor-plants-container svg {
width:80vw;
margin: 10px auto;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-floors-block-wrapper .floor-plants-container svg {
margin-bottom:40px
}
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg .point {
cursor: pointer
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg .point path {
pointer-events: none
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg circle,.kora-mostra-floors-block-wrapper .floor-plants-container svg ellipse {
fill: #164290
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg path {
fill: #fff
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg .medium-stay-area circle,.kora-mostra-floors-block-wrapper .floor-plants-container svg .medium-stay-area ellipse {
fill: #164290
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg .medium-stay-area path {
fill: #fff
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg .short-stay-area circle,.kora-mostra-floors-block-wrapper .floor-plants-container svg .short-stay-area ellipse {
fill: #164290
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg .short-stay-area path,.kora-mostra-floors-block-wrapper .floor-plants-container svg .type {
fill: #fff
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg .line-1 {
fill: none;
stroke: #b6dad8;
stroke-width: 3
}
.kora-mostra-floors-block-wrapper .floor-plants-container svg .line-2 {
fill: none;
stroke: #ec8a29;
stroke-width: 3
}
.kora-mostra-floors-block-wrapper .punch-line-container {
position: relative;
pointer-events: none
}
.kora-mostra-floors-block-wrapper .punch-line-container h2 {
position: absolute;
top: 0;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-mostra-floors-block-wrapper .punch-line-container h2 {
font-size:80px
}
}
.kora-mostra-floors-block-wrapper .punch-line-container h2:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-mostra-floors-block-wrapper .punch-line-container h2 p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-mostra-floors-block-wrapper .punch-line-container h2 p {
font-size:80px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-floors-block-wrapper .punch-line-container h2 p {
white-space:inherit
}
}
.kora-mostra-floors-block-wrapper .punch-line-container h2 span {
font-size: calc(22.4px + 3.38824vw);
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-mostra-floors-block-wrapper .punch-line-container h2 span {
font-size:80px
}
}
@media only screen and (max-width: 1180px) {
.kora-mostra-floors-block-wrapper .punch-line-container h2 span {
font-size:calc(21.4px + 2.85882vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-mostra-floors-block-wrapper .punch-line-container h2 span {
font-size:70px
}
}
.kora-mostra-city-block-wrapper {
position: relative;
padding-bottom: calc(34.4px + 9.74118vw);
overflow: hidden
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper {
padding-bottom:200px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-city-block-wrapper {
padding-bottom:80px
}
}
.kora-mostra-city-block-wrapper.in-viewport .photo-grid-container .text-container .columns:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-mostra-city-block-wrapper .big-photo-container {
position: relative;
margin-bottom: calc(18.6px + 1.37647vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .big-photo-container {
margin-bottom:42px
}
}
.kora-mostra-city-block-wrapper .big-photo-container img {
width: 100%
}
.kora-mostra-city-block-wrapper .photo-grid-container {
position: relative;
width: 100%;
padding-bottom: calc(26.4px + 5.50588vw);
background-color: #ecf6f8
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .photo-grid-container {
padding-bottom:120px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-city-block-wrapper .photo-grid-container {
padding-bottom:60px
}
}
.kora-mostra-city-block-wrapper .photo-grid-container .photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.kora-mostra-city-block-wrapper .photo-grid-container .photos .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%
}
.kora-mostra-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top:30px
}
}
.kora-mostra-city-block-wrapper .photo-grid-container .text-container {
position: relative;
top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container {
top:-200px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container {
top:auto
}
}
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .columns {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 37.5vw;
max-height: 40em
}
@media only screen and (max-width: 820px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .columns {
height:auto;
margin-top: 50px
}
}
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .columns:before {
content: "";
position: absolute;
top: 0;
display: block;
width: calc(73.4px + 30.38824vw);
height: calc(73.4px + 30.38824vw);
border-radius: 100%;
background-color: #98c4cf;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
-o-transition: transform .5s 1s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s,-webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .columns:before {
width:590px;
height: 590px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .columns:before {
top:-30%
}
}
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(23.8px + 4.12941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .title {
font-size:94px
}
}
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .coordinates {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.8px + 4.65882vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
font-style: italic
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:104px
}
}
@media only screen and (max-width: 480px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:9vw
}
}
.kora-mostra-city-block-wrapper .photo-grid-container .text-container p {
position: absolute;
top: 70%;
left: 50%;
display: block;
width: 70%;
font-size: calc(16.6px + .31765vw);
text-align: left
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-city-block-wrapper .photo-grid-container .text-container p {
position:relative;
top: auto;
left: auto;
width: 100%;
margin-top: 20px
}
}
.kora-mostra-city-block-wrapper .map-container {
position: relative
}
@media only screen and (max-width: 680px) {
.kora-mostra-city-block-wrapper .map-container svg {
left:-10%;
width: 145%;
position: relative;
overflow-x: scroll
}
}
.kora-mostra-city-block-wrapper .map-container svg circle {
position: relative;
fill: #da352b;
cursor: pointer;
-webkit-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-mostra-city-block-wrapper .map-container svg circle.kora-point {
fill: #232323
}
@media only screen and (max-width: 680px) {
.kora-mostra-city-block-wrapper .map-container svg circle.kora-point {
r:12.5;
visibility: visible
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-city-block-wrapper .map-container svg circle {
r:10
}
}
.kora-mostra-city-block-wrapper .map-container svg circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
@media (hover: hover) {
.kora-mostra-city-block-wrapper .map-container svg circle:hover {
r:12;
fill: #232323
}
}
.kora-mostra-city-block-wrapper .map-container .map-title {
pointer-events: none
}
.kora-mostra-city-block-wrapper .map-container .map-title .row {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 820px) {
.kora-mostra-city-block-wrapper .map-container .map-title .first-col {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
}
.kora-mostra-city-block-wrapper .map-container h2 {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .map-container h2 {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-mostra-city-block-wrapper .map-container h2 {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-mostra-city-block-wrapper .map-container h2 {
font-size:110px
}
}
.kora-mostra-city-block-wrapper .map-container h2 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .map-container h2 p {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-mostra-city-block-wrapper .map-container h2 p {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-mostra-city-block-wrapper .map-container h2 p {
font-size:110px
}
}
.kora-mostra-city-block-wrapper .map-container h2 p span {
font-size: calc(26.8px + 5.71765vw);
line-height: 1em;
letter-spacing: -.05em;
color: #232323
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .map-container h2 p span {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-mostra-city-block-wrapper .map-container h2 p span {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-mostra-city-block-wrapper .map-container h2 p span {
font-size:110px
}
}
.kora-mostra-city-block-wrapper .map-container h2 .upper-title {
margin-top: -.84em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.kora-mostra-city-block-wrapper .map-container h2 .lower-title {
position: relative;
display: block;
width: 100%;
text-align: left
}
@media only screen and (max-width: 680px) {
.kora-mostra-city-block-wrapper .map-container h2 .lower-title {
left:auto;
text-align: right
}
}
.kora-mostra-city-block-wrapper .map-container p {
font-size: calc(16.6px + .31765vw)
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .map-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-city-block-wrapper .map-container p {
margin-top:20px
}
}
.kora-mostra-city-block-wrapper .map-container .city-tooltip {
position: absolute;
display: block;
padding: 15px calc(17.4px + .74118vw);
background-color: #232323;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-mostra-city-block-wrapper .map-container .city-tooltip {
padding:15px 30px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-city-block-wrapper .map-container .city-tooltip {
font-size:14px
}
}
.kora-mostra-city-block-wrapper .map-container .city-tooltip:after {
content: "";
position: absolute;
bottom: -20px;
left: 30px;
display: block;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 30px solid #232323
}
.kora-mostra-city-block-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-mostra-city-block-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-mostra-city-block-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1440px) {
.kora-mostra-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-mostra-city-block-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-mostra-city-block-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-mostra-city-block-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-mostra-city-block-wrapper .statistics-list li div img {
width: 64px;
height: 64px;
margin-bottom: 10px
}
@media only screen and (max-width: 480px) {
.kora-mostra-city-block-wrapper .statistics-list li div {
gap:20px
}
.kora-mostra-city-block-wrapper .statistics-list li div img {
width: 60px;
margin-left: 0
}
}
.kora-mostra-city-block-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 40%;
min-width: 40%
}
.kora-mostra-city-block-wrapper .statistics-list li div .value {
position: relative;
left: 14px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.kora-mostra-apartments-wrapper {
position: relative;
margin-bottom: calc(19.4px + 1.8vw);
background-color: #ecf6f8
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper {
margin-bottom:50px
}
}
.kora-mostra-apartments-wrapper .columns {
position: relative
}
.kora-mostra-apartments-wrapper .full-bleed-img-wrapper {
position: relative;
overflow: hidden;
margin-bottom: calc(23.4px + 3.91765vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .full-bleed-img-wrapper {
margin-bottom:90px
}
}
.kora-mostra-apartments-wrapper .full-bleed-img-wrapper .full-bleed {
width: 100%
}
.kora-mostra-apartments-wrapper .apartment-img {
margin-bottom: calc(28.4px + 6.56471vw)
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .apartment-img {
margin-bottom:140px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-apartments-wrapper .apartment-img {
display:none
}
}
.kora-mostra-apartments-wrapper .main-container {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
z-index: 1
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .main-container {
margin-top:100px
}
}
.kora-mostra-apartments-wrapper .right-container {
position: relative;
text-align: center
}
@media only screen and (max-width: 820px) {
.kora-mostra-apartments-wrapper .right-container {
margin-top:50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-mostra-apartments-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-apartments-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-mostra-apartments-wrapper .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .title {
font-size:100px
}
}
.kora-mostra-apartments-wrapper .title p {
margin: 0;
text-indent: 0;
padding-right: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .title p {
font-size:100px
}
}
.kora-mostra-apartments-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .title p span {
font-size:100px
}
}
.kora-mostra-apartments-wrapper p {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
padding-right: 50%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper p {
margin-top:40px;
font-size: 18px
}
}
@media only screen and (max-width: 1440px) {
.kora-mostra-apartments-wrapper p {
padding-right:20%
}
}
@media only screen and (max-width: 1180px) {
.kora-mostra-apartments-wrapper p {
padding-right:0
}
}
.kora-mostra-apartments-wrapper .apartment-switcher {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: inline-grid;
row-gap: 32px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
grid-template-columns: 1fr 1fr
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .apartment-switcher {
margin-top:30px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
width: 100%;
grid-template-columns: 1fr 1fr
}
}
.kora-mostra-apartments-wrapper .apartment-switcher li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 160px;
height: 100px;
border: 1px solid rgba(35,35,35,.2);
background-color: transparent;
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media only screen and (max-width: 820px) {
.kora-mostra-apartments-wrapper .apartment-switcher li {
width:120px;
height: 100px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-apartments-wrapper .apartment-switcher li {
width:auto;
height: 100px
}
}
.kora-mostra-apartments-wrapper .apartment-switcher li.active {
background-color: #232323;
pointer-events: none
}
.kora-mostra-apartments-wrapper .apartment-switcher li.active .apartments,.kora-mostra-apartments-wrapper .apartment-switcher li.active .bedrooms,.kora-mostra-apartments-wrapper .apartment-switcher li.active .label {
color: #ecf6f8
}
.kora-mostra-apartments-wrapper .apartment-switcher li:hover {
background-color: #232323
}
.kora-mostra-apartments-wrapper .apartment-switcher li:hover .apartments,.kora-mostra-apartments-wrapper .apartment-switcher li:hover .bedrooms,.kora-mostra-apartments-wrapper .apartment-switcher li:hover .label {
color: #ecf6f8
}
.kora-mostra-apartments-wrapper .apartment-switcher li .top-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none
}
.kora-mostra-apartments-wrapper .apartment-switcher li .label {
margin-bottom: 10px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-mostra-apartments-wrapper .apartment-switcher li .bedrooms {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-mostra-apartments-wrapper .apartment-switcher li .apartments {
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .apartment-switcher li .apartments {
font-size:17px
}
}
.kora-mostra-apartments-wrapper .squares-counter {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
top: 40px;
width: calc(62.4px + 24.56471vw);
height: calc(62.4px + 24.56471vw);
border-radius: 100%;
border: 1px solid rgba(35,35,35,.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .squares-counter {
margin-top:100px;
width: 480px;
height: 480px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-apartments-wrapper .squares-counter {
margin:calc(24.4px + 4.44706vw) auto 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-mostra-apartments-wrapper .squares-counter {
margin:100px auto 0
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-apartments-wrapper .squares-counter {
top:0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-mostra-apartments-wrapper .squares-counter .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(30.4px + 7.62353vw);
font-weight: 300;
color: #000;
line-height: 1.18em;
letter-spacing: -.01em;
font-style: italic;
padding: 0 20px
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .squares-counter .number {
font-size:160px
}
}
.kora-mostra-apartments-wrapper .squares-counter .label {
position: absolute;
left: 0;
bottom: 60px;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: rgba(0,0,0,.4);
line-height: 1.4em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .squares-counter .label {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-apartments-wrapper .squares-counter .label {
position:relative;
bottom: auto;
left: auto
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-apartments-wrapper .squares-counter .label {
font-size:14px
}
}
.kora-mostra-apartments-wrapper .floor-switcher {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media only screen and (max-width: 820px) {
.kora-mostra-apartments-wrapper .floor-switcher {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
}
.kora-mostra-apartments-wrapper .floor-switcher li {
position: relative;
margin-right: calc(18.9px + 1.53529vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .3;
cursor: pointer;
-webkit-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
transition: opacity 2s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .floor-switcher li {
margin-right:45px;
font-size: 30px
}
}
.kora-mostra-apartments-wrapper .floor-switcher li:hover {
opacity: 1
}
.kora-mostra-apartments-wrapper .floor-switcher li.active {
opacity: 1;
pointer-events: none
}
.kora-mostra-apartments-wrapper .floor-switcher li.hide {
opacity: 0;
visibility: hidden
}
.kora-mostra-apartments-wrapper .floor-switcher li .label {
pointer-events: none
}
.kora-mostra-apartments-wrapper .floor-switcher li .meters {
position: relative;
top: -.75em;
display: inline-block;
width: 60px;
white-space: nowrap;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: none;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .floor-switcher li .meters {
font-size:18px
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-apartments-wrapper .floor-switcher li .meters {
top:.25em
}
}
.kora-mostra-apartments-wrapper .floor-switcher li sup {
position: relative;
top: -.8em;
display: inline-block;
width: 55px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: lowercase
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .floor-switcher li sup {
font-size:18px
}
}
.kora-mostra-apartments-wrapper .plant-container {
position: relative;
margin-top: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-mostra-apartments-wrapper .plant-container {
margin-top:40px
}
}
.kora-mostra-apartments-wrapper .plant-container .homes-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-mostra-apartments-wrapper .plant-container .homes-tooltip span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
font-style: italic
}
.kora-mostra-apartments-wrapper .plant-container .apartment-1-container {
position: relative;
display: block
}
.kora-mostra-apartments-wrapper .plant-container .apartment-1-container svg:first-child {
display: block;
position: relative;
opacity: 1;
visibility: visible
}
.kora-mostra-apartments-wrapper .plant-container .apartment-2-container {
display: none
}
.kora-mostra-apartments-wrapper .plant-container svg {
opacity: 0;
visibility: hidden;
display: none
}
.kora-mostra-apartments-wrapper .plant-container svg .point {
cursor: pointer
}
.kora-mostra-apartments-wrapper .plant-container svg .point path {
pointer-events: none
}
@media only screen and (max-width: 1180px) {
.kora-mostra-apartments-wrapper .plant-container svg circle {
r:16px
}
}
.kora-mostra-apartments-wrapper .plant-container svg circle,.kora-mostra-apartments-wrapper .plant-container svg ellipse {
fill: #164290
}
.kora-mostra-apartments-wrapper .plant-container svg path {
fill: #fff
}
.kora-mostra-apartments-wrapper .plant-container .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
display: none
}
.kora-mostra-apartments-wrapper .photo-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-mostra-apartments-wrapper .photo-container {
margin-top:40px
}
}
.kora-mostra-location-wrapper {
position: relative;
padding: calc(23.4px + 3.91765vw) 0 calc(44.4px + 15.03529vw)
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper {
padding:90px 0 300px
}
}
@media only screen and (max-width: 1700px) {
.kora-mostra-location-wrapper {
padding:calc(23.4px + 3.91765vw) 0 calc(34.4px + 9.74118vw)
}
}
@media only screen and (max-width: 1700px) and (min-width:1700px) {
.kora-mostra-location-wrapper {
padding:90px 0 200px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-location-wrapper {
padding:40px 0 100px
}
}
.kora-mostra-location-wrapper .upper-container {
position: relative;
width: 100%
}
.kora-mostra-location-wrapper .upper-container .content-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .upper-container .content-container {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
}
.kora-mostra-location-wrapper .upper-container .map-container {
position: absolute;
inset: 0;
padding: 0 32px
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 60px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 20px
}
}
.kora-mostra-location-wrapper .upper-container .map-container .map {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .upper-container .map-container .map {
display:none
}
}
.kora-mostra-location-wrapper .upper-container .map-container .map-mobile {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: none
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .upper-container .map-container .map-mobile {
display:block
}
}
.kora-mostra-location-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
padding-top: calc(17.6px + .84706vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper .upper-title {
padding-top:32px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-location-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-mostra-location-wrapper .title {
position: relative;
display: inline-block;
margin: calc(20.4px + 2.32941vw) 0 calc(24.2px + 4.34118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper .title {
margin:60px 0 98px;
font-size: 100px
}
}
.kora-mostra-location-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper .title p {
font-size:100px
}
}
.kora-mostra-location-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper .title p span {
font-size:100px
}
}
.kora-mostra-location-wrapper .first-block {
position: relative;
z-index: 1;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper .first-block {
padding-bottom:40px
}
}
.kora-mostra-location-wrapper .first-block .columns:first-of-type {
padding-right: 30px
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .first-block .columns:first-of-type {
padding:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper {
position: relative;
margin: calc(29.4px + 7.09412vw) 0
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper .punsh-line-wrapper {
margin:150px 0
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container {
position: relative
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line {
position: relative;
display: block;
width: 100%;
padding-top: calc(17.4px + .74118vw);
background-color: #ecf6f8;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 1px solid #000
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line {
padding-top:30px;
font-size: 200px
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:last-child {
z-index: 1
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line p {
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-family:Saol;
font-weight: 400;
font-size: calc(29.4px + 7.09412vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:150px
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family:Saol;
font-weight: 400;
font-size: calc(29.4px + 7.09412vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:150px
}
}
@media only screen and (max-width: 680px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line {
font-size:15vw
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:first-child .inner-line {
left: 22.5vw
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:first-child .inner-line {
left:20vw
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) {
text-align: right;
left: 2.5vw
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) {
left:0
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) .inner-line {
right: 10vw
}
@media only screen and (max-width: 680px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) .inner-line {
right:0;
margin-right: 20px
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) {
text-align: left
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left: 25vw
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left:5vw
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) {
text-align: center
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left: 7.5vw
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left:0
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .line .inner-line {
position: relative;
display: inline-block
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .picto {
position: absolute
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .picto.top {
top: 3vw;
left: 0;
width: 25.3vw;
max-width: 430px;
height: 15.6vw
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .picto.top {
width:22.5vw;
height: 11vw
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .picto.bottom {
bottom: 3vw;
right: 8.5vw;
width: 12.35vw;
max-width: 208px;
height: 7.6vw
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .lines-container .picto.bottom {
right:5vw;
width: 12vw;
height: 7.4vw
}
}
.kora-mostra-location-wrapper .punsh-line-wrapper .cross {
position: absolute;
width: 34.5vw;
max-width: 580px;
bottom: 0;
z-index: 10
}
@media only screen and (max-width: 1180px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .cross {
width:30.5vw
}
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .punsh-line-wrapper .cross {
display:none
}
}
.kora-mostra-location-wrapper .last-block,.kora-mostra-location-wrapper .last-block .columns,.kora-mostra-location-wrapper .last-block .photo-container {
position: relative
}
@media only screen and (max-width: 1180px) {
.kora-mostra-location-wrapper .last-block .photo-container {
display:none
}
}
.kora-mostra-location-wrapper .last-block .photo-2 {
position: relative;
max-width: 630px;
width: 25vw;
margin-left: auto
}
.kora-mostra-location-wrapper .last-block .photo-3 {
position: absolute;
max-width: 700px;
width: 28vw;
left: 0
}
@media only screen and (max-width: 820px) {
.kora-mostra-location-wrapper .last-block .photo-3 {
bottom:15%;
width: 60%
}
}
.kora-lumen-hero-wrapper p span {
color: #7a2f3a
}
.kora-lumen-sustainability-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper {
padding:60px 0 120px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-sustainability-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.kora-lumen-sustainability-wrapper .text-container {
padding-top: calc(32.4px + 8.68235vw)
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper .text-container {
padding-top:180px
}
}
.kora-lumen-sustainability-wrapper .text-container p:last-child {
margin-bottom: 0
}
.kora-lumen-sustainability-wrapper .replay-btn {
position: relative;
margin-top: calc(16.4px + .21176vw);
padding: 0 6px 0 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
height: 35px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
cursor: pointer;
display: none
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper .replay-btn {
margin-top:20px
}
}
.kora-lumen-sustainability-wrapper .replay-btn.has-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (hover: hover) {
.kora-lumen-sustainability-wrapper .replay-btn:hover:before {
-webkit-transform:scale(1.1);
transform: scale(1.1)
}
.kora-lumen-sustainability-wrapper .replay-btn:hover svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
}
.kora-lumen-sustainability-wrapper .replay-btn:before {
content: "";
position: absolute;
inset: 0;
display: block;
background-color: #fff;
border-radius: 58px
}
.kora-lumen-sustainability-wrapper .replay-btn:before,.kora-lumen-sustainability-wrapper .replay-btn svg {
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-lumen-sustainability-wrapper .replay-btn svg {
position: relative;
-webkit-transform-origin: center;
transform-origin: center
}
.kora-lumen-sustainability-wrapper .replay-btn .label {
position: relative;
top: 1px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: .14em;
text-transform: uppercase
}
.kora-lumen-sustainability-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-sustainability-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-lumen-sustainability-wrapper .image-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width: 820px) {
.kora-lumen-sustainability-wrapper .image-col {
display:none
}
}
.kora-lumen-sustainability-wrapper .image-col video {
width: 100%
}
.kora-lumen-sustainability-wrapper .design-image,.kora-lumen-sustainability-wrapper .image-col img {
mix-blend-mode: multiply
}
@media only screen and (max-width: 680px) {
.kora-lumen-sustainability-wrapper .design-image {
display:none
}
}
.kora-lumen-sustainability-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-lumen-sustainability-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-lumen-sustainability-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1290px) {
.kora-lumen-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media only screen and (max-width: 380px) {
.kora-lumen-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-lumen-sustainability-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-lumen-sustainability-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-lumen-sustainability-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-lumen-sustainability-wrapper .statistics-list li div img {
margin-left: -20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px
}
@media only screen and (max-width: 480px) {
.kora-lumen-sustainability-wrapper .statistics-list li div img {
width:80px
}
}
.kora-lumen-sustainability-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
min-width: 50%
}
.kora-lumen-sustainability-wrapper .statistics-list li div .value {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em;
padding-right: 20px
}
.kora-lumen-sustainability-wrapper .hero-line {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper .hero-line {
font-size:125px
}
}
.kora-lumen-sustainability-wrapper .hero-line:first-child {
padding-top: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper .hero-line:first-child {
padding-top:90px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-sustainability-wrapper .hero-line:first-child {
padding-top:80px
}
}
.kora-lumen-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom: calc(18.9px + 1.53529vw);
text-align: right;
padding-right: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom:45px;
padding-right: 120px
}
}
@media only screen and (max-width: 900px) {
.kora-lumen-sustainability-wrapper .hero-line:nth-child(2) {
padding-right:0
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-sustainability-wrapper .hero-line:nth-child(2) {
text-align:left
}
}
.kora-lumen-sustainability-wrapper .hero-line p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper .hero-line p {
font-size:125px
}
}
.kora-lumen-sustainability-wrapper .hero-line span {
font-size: calc(26.9px + 5.77059vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper .hero-line span {
font-size:125px
}
}
.kora-lumen-sustainability-wrapper .two-cols-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media only screen and (max-width: 680px) {
.kora-lumen-sustainability-wrapper .two-cols-container {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-lumen-sustainability-wrapper .two-cols-container p {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-lumen-sustainability-wrapper .two-cols-container p {
font-size:18px
}
}
.kora-lumen-architecture-wrapper {
position: relative;
padding: 0 0 calc(30.4px + 7.62353vw)
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper {
padding:0 0 160px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-architecture-wrapper {
padding:0 0 80px
}
}
.kora-lumen-architecture-wrapper .first-block {
position: relative;
margin-bottom: calc(20.4px + 2.32941vw)
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .first-block {
margin-bottom:60px
}
}
.kora-lumen-architecture-wrapper .first-block .title {
position: relative;
padding-left: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .first-block .title {
font-size:100px
}
}
@media only screen and (max-width: 800px) {
.kora-lumen-architecture-wrapper .first-block .title {
padding-left:0
}
}
.kora-lumen-architecture-wrapper .first-block .title p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .first-block .title p {
font-size:100px
}
}
.kora-lumen-architecture-wrapper .first-block .title span {
font-size: calc(24.4px + 4.44706vw);
color: #7a2f3a;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .first-block .title span {
font-size:100px
}
}
.kora-lumen-architecture-wrapper .second-block {
position: relative
}
.kora-lumen-architecture-wrapper .second-block .img-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px
}
@media only screen and (max-width: 820px) {
.kora-lumen-architecture-wrapper .second-block .inner {
margin:20px 0 80px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-architecture-wrapper .second-block img {
display:none
}
}
.kora-lumen-architecture-wrapper .second-block .upper-title {
position: absolute;
top: -30px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #232323;
line-height: 1em
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .second-block .upper-title {
font-size:20px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-architecture-wrapper .second-block .upper-title {
display:none
}
}
.kora-lumen-architecture-wrapper .second-block .title {
position: relative;
margin: calc(16.6px + .31765vw) 0;
font-family: "Montserrat", sans-serif;
font-size: calc(18px + 1.05882vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
font-style: italic
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .second-block .title {
margin:22px 0;
font-size: 36px
}
}
.kora-lumen-architecture-wrapper .second-block .text {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .second-block .text {
font-size:18px
}
}
.kora-lumen-architecture-wrapper .second-block .text p {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .second-block .text p {
font-size:18px
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper {
position: relative
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .main-img {
position: relative;
width: 100%
}
@media only screen and (max-width: 600px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .main-img {
max-width:none;
width: calc(100% + 2.85rem);
left: -1.425rem
}
}
@media only screen and (max-width: 600px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper {
width:calc(100% + 2.85rem);
left: -1.425rem
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li {
position: absolute;
display: block;
width: 300px;
height: 470px;
pointer-events: none
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top: 32.9%;
left: 5.1%
}
@media only screen and (max-width: 1300px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:32.9%
}
}
@media only screen and (max-width: 1180px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:20%
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:20%
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:-15%
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child .inner .number {
top: 75%
}
}
@media only screen and (max-width: 361px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child .inner .number {
top:60%
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
bottom: 13.4%;
left: 48%
}
@media only screen and (max-width: 1440px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
bottom:10%
}
}
@media only screen and (max-width: 1180px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
bottom:8%
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
bottom:2%
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top: 5.8%;
left: 41.4%
}
@media only screen and (max-width: 1440px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:4%
}
}
@media only screen and (max-width: 1180px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:-20%
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) .inner .number {
top:50%;
left: 5%
}
}
@media only screen and (max-width: 361px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) .inner .number {
top:35%
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top: 28.4%;
right: 20px
}
@media only screen and (max-width: 1180px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:0;
right: -20%
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
top:50%;
left: 50%
}
}
@media only screen and (max-width: 361px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
left:60%
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active {
pointer-events: visible;
z-index: 10
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .text,.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .title,.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner img {
opacity: 1;
visibility: visible
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number {
color: #232323;
-webkit-transition: color .75s cubic-bezier(.86,0,.07,1);
-o-transition: color .75s cubic-bezier(.86,0,.07,1);
transition: color .75s cubic-bezier(.86,0,.07,1)
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number:after {
background-color: #232323;
-webkit-transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
padding:35px
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff7f4;
opacity: 0;
visibility: hidden
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width: calc(22.4px + 3.38824vw);
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width:80px;
margin-bottom: 20px
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-size:19px
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .text {
margin-top: 10px;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
@media only screen and (max-width: 820px) {
.kora-lumen-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
display:none
}
}
.kora-lumen-architecture-wrapper .third-block .two-cols-text {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
width: 60%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-lumen-architecture-wrapper .third-block .two-cols-text {
margin-top:40px;
font-size: 18px
}
}
.kora-lumen-architecture-wrapper .third-block .two-cols-text:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 1280px) {
.kora-lumen-architecture-wrapper .third-block .two-cols-text {
width:80%
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-architecture-wrapper .third-block .two-cols-text {
width:100%
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-architecture-wrapper .third-block .two-cols-text {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.mobile-tooltips.kora-lumen {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1005;
opacity: 0;
visibility: hidden
}
@media only screen and (max-width: 800px) {
.mobile-tooltips.kora-lumen {
height:101vh;
height: calc(var(--vh, 1vh)*101)
}
}
.mobile-tooltips.kora-lumen.active {
pointer-events: visible
}
.mobile-tooltips.kora-lumen:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(35,35,35,.01);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px)
}
.mobile-tooltips.kora-lumen li {
position: absolute;
top: calc(50% - 200px);
left: calc(50% - 150px);
display: block;
width: 300px;
height: 400px;
z-index: 1;
pointer-events: none;
opacity: 0;
visibility: hidden
}
.mobile-tooltips.kora-lumen li.active {
opacity: 1;
visibility: visible;
pointer-events: visible;
z-index: 10
}
.mobile-tooltips.kora-lumen li.active .inner .text,.mobile-tooltips.kora-lumen li.active .inner .title,.mobile-tooltips.kora-lumen li.active .inner img {
opacity: 1;
visibility: visible
}
.mobile-tooltips.kora-lumen li.active .inner .number {
color: #232323;
-webkit-transition: color .75s cubic-bezier(.86,0,.07,1);
-o-transition: color .75s cubic-bezier(.86,0,.07,1);
transition: color .75s cubic-bezier(.86,0,.07,1)
}
.mobile-tooltips.kora-lumen li.active .inner .number:after {
background-color: #232323;
-webkit-transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.mobile-tooltips.kora-lumen li .close-btn {
position: absolute;
top: -22px;
right: -22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 44px;
height: 44px;
background-color: #232323;
outline: none;
border: none;
border-radius: 100%;
z-index: 1;
opacity: 0;
cursor: pointer
}
.mobile-tooltips.kora-lumen li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.mobile-tooltips.kora-lumen li .inner {
padding:35px
}
}
.mobile-tooltips.kora-lumen li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff7f4;
opacity: 0;
visibility: hidden
}
.mobile-tooltips.kora-lumen li .inner img {
width: 80px;
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.mobile-tooltips.kora-lumen li .inner img {
margin-bottom:20px
}
}
.mobile-tooltips.kora-lumen li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.mobile-tooltips.kora-lumen li .inner .title {
font-size:19px
}
}
.mobile-tooltips.kora-lumen li .inner .text {
margin-top: 10px;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.mobile-tooltips.kora-lumen li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
cursor: pointer
}
@media (min-width: 1700px) {
.mobile-tooltips.kora-lumen li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.mobile-tooltips.kora-lumen li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
.kora-lumen-floors-block-wrapper {
position: relative;
padding: calc(26.4px + 5.50588vw) 0;
background: -webkit-gradient(linear,left top,left bottom,from(#fff7f4),color-stop(26%,#fff7f4),color-stop(79%,#e8dad6),color-stop(98%,#fdddd3));
background: -o-linear-gradient(#fff7f4 0,#fff7f4 26%,#e8dad6 79%,#fdddd3 98%);
background: linear-gradient(#fff7f4,#fff7f4 26%,#e8dad6 79%,#fdddd3 98%)
}
@media (min-width: 1700px) {
.kora-lumen-floors-block-wrapper {
padding:120px 0
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-floors-block-wrapper {
padding:80px 0
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-floors-block-wrapper .floor-row {
-webkit-box-orient:vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: wrap-reverse;
flex-flow: wrap-reverse
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-floors-block-wrapper .floor-list {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.kora-lumen-floors-block-wrapper .upper-title-row {
position: relative;
z-index: 1
}
.kora-lumen-floors-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lumen-floors-block-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-floors-block-wrapper .upper-title {
letter-spacing:1.3em;
margin-bottom: 0
}
}
.kora-lumen-floors-block-wrapper .floor-description-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-lumen-floors-block-wrapper .floor-description-container {
padding-top:40px
}
}
.kora-lumen-floors-block-wrapper .floor-description-container .floor-images {
position: relative;
height: auto;
overflow: hidden
}
.kora-lumen-floors-block-wrapper .floor-description-container .floor-images picture {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
.kora-lumen-floors-block-wrapper .floor-description-container .floor-images picture:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-lumen-floors-block-wrapper .floor-description-container .floor-images picture img {
width: 100%
}
.kora-lumen-floors-block-wrapper .floor-description-container .floor-text {
position: relative;
padding-top: 16px
}
.kora-lumen-floors-block-wrapper .floor-description-container .floor-text .inner {
position: relative;
overflow-y: scroll;
padding-bottom: 40px
}
@media only screen and (max-width: 820px) {
.kora-lumen-floors-block-wrapper .floor-description-container .floor-text .inner {
padding-bottom:20px
}
}
.kora-lumen-floors-block-wrapper .floor-description-container .floor-text:before {
content: "";
position: absolute;
top: 20px;
left: 0;
display: block;
height: 20px;
width: 100%;
background: transparent;
z-index: 1
}
.kora-lumen-floors-block-wrapper .floor-description-container .floor-text:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
height: 20px;
width: 100%;
background: transparent
}
.kora-lumen-floors-block-wrapper .floor-description-container .two-col {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: calc(16.4px + .21176vw);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
opacity: 0;
visibility: hidden;
display: none
}
@media (min-width: 1700px) {
.kora-lumen-floors-block-wrapper .floor-description-container .two-col {
margin-top:20px
}
}
@media only screen and (max-width: 1180px) {
.kora-lumen-floors-block-wrapper .floor-description-container .two-col {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-lumen-floors-block-wrapper .floor-description-container .two-col:first-child {
position: relative;
opacity: 1;
visibility: visible;
display: block
}
.kora-lumen-floors-block-wrapper .floor-description-container .two-col p {
font-size: calc(16.2px + .10588vw);
text-indent: 1.5em;
margin-bottom: .5em
}
@media (min-width: 1700px) {
.kora-lumen-floors-block-wrapper .floor-description-container .two-col p {
font-size:18px
}
}
.kora-lumen-floors-block-wrapper .floor-switcher-container {
position: relative;
margin-top: calc(16.8px + .42353vw);
z-index: 1;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-lumen-floors-block-wrapper .floor-switcher-container {
margin-top:24px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-floors-block-wrapper .floor-switcher-container {
margin-top:0
}
}
.kora-lumen-floors-block-wrapper .floor-switcher-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li {
position: relative;
margin: 10px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer;
pointer-events: visible
}
@media (min-width: 1700px) {
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li {
font-size:26px
}
}
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li.active {
pointer-events: none
}
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li.active,.kora-lumen-floors-block-wrapper .floor-switcher-container ul li:hover {
opacity: 1
}
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li.active:before,.kora-lumen-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: -22px;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li:before {
margin-left:0
}
}
.kora-lumen-floors-block-wrapper .floor-switcher-container ul li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.kora-lumen-floors-block-wrapper .floor-plants-container {
position: relative;
margin-top: 5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -3.125%
}
@media only screen and (max-width: 820px) {
.kora-lumen-floors-block-wrapper .floor-plants-container {
margin-left:0;
margin-top: calc(18.4px + 1.27059vw);
margin-bottom: 3em
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-lumen-floors-block-wrapper .floor-plants-container {
margin-top:40px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-floors-block-wrapper .floor-plants-container {
top:0
}
}
.kora-lumen-floors-block-wrapper .floor-plants-container .coworking-plant-svg,.kora-lumen-floors-block-wrapper .floor-plants-container .fitness-space-plant-svg,.kora-lumen-floors-block-wrapper .floor-plants-container .kitchen-kora-livers-plant-svg,.kora-lumen-floors-block-wrapper .floor-plants-container .reception-plant-svg,.kora-lumen-floors-block-wrapper .floor-plants-container .restaurant-plant-svg,.kora-lumen-floors-block-wrapper .floor-plants-container .txokos-gastro-area-plant-svg {
display: none;
opacity: 0;
visibility: hidden
}
.kora-lumen-floors-block-wrapper .floor-plants-container .overview-area-plant-svg {
position: relative
}
.kora-lumen-floors-block-wrapper .floor-plants-container .floor-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 11px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg {
position: relative;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: center;
transform-origin: center
}
@media only screen and (max-width: 820px) {
.kora-lumen-floors-block-wrapper .floor-plants-container svg {
width:80vw;
margin: 10px auto;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-floors-block-wrapper .floor-plants-container svg {
margin-bottom:40px
}
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg .point {
cursor: pointer
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg .point path {
pointer-events: none
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg circle,.kora-lumen-floors-block-wrapper .floor-plants-container svg ellipse {
fill: #7a2f3a
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg path {
fill: #fff
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg .medium-stay-area circle,.kora-lumen-floors-block-wrapper .floor-plants-container svg .medium-stay-area ellipse {
fill: #7a2f3a
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg .medium-stay-area path {
fill: #fff
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg .short-stay-area circle,.kora-lumen-floors-block-wrapper .floor-plants-container svg .short-stay-area ellipse {
fill: #7a2f3a
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg .short-stay-area path,.kora-lumen-floors-block-wrapper .floor-plants-container svg .type {
fill: #fff
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg .line-1 {
fill: none;
stroke: #b6dad8;
stroke-width: 3
}
.kora-lumen-floors-block-wrapper .floor-plants-container svg .line-2 {
fill: none;
stroke: #ec8a29;
stroke-width: 3
}
.kora-lumen-floors-block-wrapper .punch-line-container {
position: relative;
pointer-events: none
}
.kora-lumen-floors-block-wrapper .punch-line-container h2 {
position: absolute;
top: 0;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-lumen-floors-block-wrapper .punch-line-container h2 {
font-size:80px
}
}
.kora-lumen-floors-block-wrapper .punch-line-container h2:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-lumen-floors-block-wrapper .punch-line-container h2 p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-lumen-floors-block-wrapper .punch-line-container h2 p {
font-size:80px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-floors-block-wrapper .punch-line-container h2 p {
white-space:inherit
}
}
.kora-lumen-floors-block-wrapper .punch-line-container h2 span {
font-size: calc(22.4px + 3.38824vw);
line-height: 1em;
letter-spacing: -.03em;
color: #7a2f3a
}
@media (min-width: 1700px) {
.kora-lumen-floors-block-wrapper .punch-line-container h2 span {
font-size:80px
}
}
@media only screen and (max-width: 1180px) {
.kora-lumen-floors-block-wrapper .punch-line-container h2 span {
font-size:calc(21.4px + 2.85882vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-lumen-floors-block-wrapper .punch-line-container h2 span {
font-size:70px
}
}
.kora-lumen-city-block-wrapper {
position: relative;
padding-bottom: calc(34.4px + 9.74118vw);
overflow: hidden
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper {
padding-bottom:200px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-city-block-wrapper {
padding-bottom:80px
}
}
.kora-lumen-city-block-wrapper.in-viewport .photo-grid-container .text-container .columns:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-lumen-city-block-wrapper .big-photo-container {
position: relative;
margin-bottom: calc(18.6px + 1.37647vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .big-photo-container {
margin-bottom:42px
}
}
.kora-lumen-city-block-wrapper .big-photo-container img {
width: 100%
}
.kora-lumen-city-block-wrapper .photo-grid-container {
position: relative;
width: 100%;
padding-bottom: calc(26.4px + 5.50588vw);
background-color: #fff7f4
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .photo-grid-container {
padding-bottom:120px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-city-block-wrapper .photo-grid-container {
padding-bottom:60px
}
}
.kora-lumen-city-block-wrapper .photo-grid-container .photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.kora-lumen-city-block-wrapper .photo-grid-container .photos .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%
}
.kora-lumen-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top:30px
}
}
.kora-lumen-city-block-wrapper .photo-grid-container .text-container {
position: relative;
top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container {
top:-200px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container {
top:auto
}
}
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .columns {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 37.5vw;
max-height: 40em
}
@media only screen and (max-width: 820px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .columns {
height:auto;
margin-top: 50px
}
}
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .columns:before {
content: "";
position: absolute;
top: 0;
display: block;
width: calc(73.4px + 30.38824vw);
height: calc(73.4px + 30.38824vw);
border-radius: 100%;
background: -webkit-gradient(linear,left top,left bottom,from(#a2d1e1),color-stop(26%,#b5d3dd),color-stop(79%,#e8dad6),color-stop(98%,#fdddd3));
background: -o-linear-gradient(#a2d1e1 0,#b5d3dd 26%,#e8dad6 79%,#fdddd3 98%);
background: linear-gradient(#a2d1e1,#b5d3dd 26%,#e8dad6 79%,#fdddd3 98%);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
-o-transition: transform .5s 1s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s,-webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .columns:before {
width:590px;
height: 590px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .columns:before {
top:-30%
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .columns:before {
top:-26%;
top: -23.5%
}
}
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(23.8px + 4.12941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .title {
font-size:94px
}
}
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .coordinates {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.8px + 4.65882vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
font-style: italic
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:104px
}
}
@media only screen and (max-width: 480px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:7vw
}
}
.kora-lumen-city-block-wrapper .photo-grid-container .text-container p {
position: absolute;
top: 70%;
left: 50%;
display: block;
width: 70%;
font-size: calc(16.6px + .31765vw);
text-align: left
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-city-block-wrapper .photo-grid-container .text-container p {
position:relative;
top: auto;
left: auto;
width: 100%;
margin-top: 20px
}
}
.kora-lumen-city-block-wrapper .map-container {
position: relative
}
@media only screen and (max-width: 680px) {
.kora-lumen-city-block-wrapper .map-container svg {
position:relative;
left: -10%;
width: 145%;
overflow-x: scroll
}
}
.kora-lumen-city-block-wrapper .map-container svg circle {
position: relative;
fill: #da352b;
cursor: pointer;
-webkit-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-lumen-city-block-wrapper .map-container svg circle.kora-point {
fill: #232323
}
@media only screen and (max-width: 680px) {
.kora-lumen-city-block-wrapper .map-container svg circle.kora-point {
r:12.5;
visibility: visible
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-city-block-wrapper .map-container svg circle {
r:10
}
}
.kora-lumen-city-block-wrapper .map-container svg circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
@media (hover: hover) {
.kora-lumen-city-block-wrapper .map-container svg circle:hover {
r:12;
fill: #232323
}
}
.kora-lumen-city-block-wrapper .map-container .map-title {
pointer-events: none
}
.kora-lumen-city-block-wrapper .map-container .map-title .row {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 820px) {
.kora-lumen-city-block-wrapper .map-container .map-title .first-col {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
}
.kora-lumen-city-block-wrapper .map-container h2 {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .map-container h2 {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-lumen-city-block-wrapper .map-container h2 {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-lumen-city-block-wrapper .map-container h2 {
font-size:110px
}
}
.kora-lumen-city-block-wrapper .map-container h2 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .map-container h2 p {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-lumen-city-block-wrapper .map-container h2 p {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-lumen-city-block-wrapper .map-container h2 p {
font-size:110px
}
}
.kora-lumen-city-block-wrapper .map-container h2 p span {
font-size: calc(26.8px + 5.71765vw);
line-height: 1em;
letter-spacing: -.05em;
color: #232323
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .map-container h2 p span {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-lumen-city-block-wrapper .map-container h2 p span {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-lumen-city-block-wrapper .map-container h2 p span {
font-size:110px
}
}
.kora-lumen-city-block-wrapper .map-container h2 .upper-title {
margin-top: -.84em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.kora-lumen-city-block-wrapper .map-container h2 .lower-title {
position: relative;
display: block;
width: 100%;
text-align: left
}
@media only screen and (max-width: 680px) {
.kora-lumen-city-block-wrapper .map-container h2 .lower-title {
left:auto;
text-align: right
}
}
.kora-lumen-city-block-wrapper .map-container p {
font-size: calc(16.6px + .31765vw)
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .map-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-city-block-wrapper .map-container p {
margin-top:20px
}
}
.kora-lumen-city-block-wrapper .map-container .city-tooltip {
position: absolute;
display: block;
padding: 15px calc(17.4px + .74118vw);
background-color: #232323;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-lumen-city-block-wrapper .map-container .city-tooltip {
padding:15px 30px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-city-block-wrapper .map-container .city-tooltip {
font-size:14px
}
}
.kora-lumen-city-block-wrapper .map-container .city-tooltip:after {
content: "";
position: absolute;
bottom: -20px;
left: 30px;
display: block;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 30px solid #232323
}
.kora-lumen-city-block-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-lumen-city-block-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-lumen-city-block-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1440px) {
.kora-lumen-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-lumen-city-block-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-lumen-city-block-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-lumen-city-block-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-lumen-city-block-wrapper .statistics-list li div img {
width: 64px;
height: 64px;
margin-bottom: 10px
}
@media only screen and (max-width: 480px) {
.kora-lumen-city-block-wrapper .statistics-list li div {
gap:20px
}
.kora-lumen-city-block-wrapper .statistics-list li div img {
width: 60px;
margin-left: 0
}
}
.kora-lumen-city-block-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 40%;
min-width: 40%
}
.kora-lumen-city-block-wrapper .statistics-list li div .value {
position: relative;
left: 14px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.kora-lumen-apartments-wrapper {
position: relative;
margin-bottom: calc(19.4px + 1.8vw);
background-color: #fff7f4
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper {
margin-bottom:50px
}
}
.kora-lumen-apartments-wrapper .columns {
position: relative
}
.kora-lumen-apartments-wrapper .full-bleed-img-wrapper {
position: relative;
overflow: hidden;
margin-bottom: calc(23.4px + 3.91765vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .full-bleed-img-wrapper {
margin-bottom:90px
}
}
.kora-lumen-apartments-wrapper .full-bleed-img-wrapper .full-bleed {
width: 100%
}
.kora-lumen-apartments-wrapper .apartment-img {
margin-bottom: calc(28.4px + 6.56471vw)
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .apartment-img {
margin-bottom:140px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-apartments-wrapper .apartment-img {
display:none
}
}
.kora-lumen-apartments-wrapper .main-container {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
z-index: 1
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .main-container {
margin-top:100px
}
}
.kora-lumen-apartments-wrapper .right-container {
position: relative;
text-align: center
}
@media only screen and (max-width: 820px) {
.kora-lumen-apartments-wrapper .right-container {
margin-top:50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-lumen-apartments-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-apartments-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-lumen-apartments-wrapper .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .title {
font-size:100px
}
}
.kora-lumen-apartments-wrapper .title p {
margin: 0;
text-indent: 0;
padding-right: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .title p {
font-size:100px
}
}
.kora-lumen-apartments-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #7a2f3a;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .title p span {
font-size:100px
}
}
.kora-lumen-apartments-wrapper p {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
padding-right: 50%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper p {
margin-top:40px;
font-size: 18px
}
}
@media only screen and (max-width: 1440px) {
.kora-lumen-apartments-wrapper p {
padding-right:20%
}
}
@media only screen and (max-width: 1180px) {
.kora-lumen-apartments-wrapper p {
padding-right:0
}
}
.kora-lumen-apartments-wrapper .apartment-switcher {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: inline-grid;
row-gap: 32px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
grid-template-columns: 1fr 1fr
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .apartment-switcher {
margin-top:30px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
width: 100%;
grid-template-columns: 1fr 1fr
}
}
.kora-lumen-apartments-wrapper .apartment-switcher li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 160px;
height: 100px;
border: 1px solid rgba(35,35,35,.2);
background-color: transparent;
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media only screen and (max-width: 820px) {
.kora-lumen-apartments-wrapper .apartment-switcher li {
width:120px;
height: 100px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-apartments-wrapper .apartment-switcher li {
width:auto;
height: 100px
}
}
.kora-lumen-apartments-wrapper .apartment-switcher li.active {
background-color: #232323;
pointer-events: none
}
.kora-lumen-apartments-wrapper .apartment-switcher li.active .apartments,.kora-lumen-apartments-wrapper .apartment-switcher li.active .bedrooms,.kora-lumen-apartments-wrapper .apartment-switcher li.active .label {
color: #fff7f4
}
.kora-lumen-apartments-wrapper .apartment-switcher li:hover {
background-color: #232323
}
.kora-lumen-apartments-wrapper .apartment-switcher li:hover .apartments,.kora-lumen-apartments-wrapper .apartment-switcher li:hover .bedrooms,.kora-lumen-apartments-wrapper .apartment-switcher li:hover .label {
color: #fff7f4
}
.kora-lumen-apartments-wrapper .apartment-switcher li .top-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none
}
.kora-lumen-apartments-wrapper .apartment-switcher li .label {
margin-bottom: 10px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-lumen-apartments-wrapper .apartment-switcher li .bedrooms {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-lumen-apartments-wrapper .apartment-switcher li .apartments {
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .apartment-switcher li .apartments {
font-size:17px
}
}
.kora-lumen-apartments-wrapper .squares-counter {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
top: 40px;
width: calc(62.4px + 24.56471vw);
height: calc(62.4px + 24.56471vw);
border-radius: 100%;
border: 1px solid rgba(35,35,35,.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .squares-counter {
margin-top:100px;
width: 480px;
height: 480px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-apartments-wrapper .squares-counter {
margin:calc(24.4px + 4.44706vw) auto 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-lumen-apartments-wrapper .squares-counter {
margin:100px auto 0
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-apartments-wrapper .squares-counter {
top:0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-lumen-apartments-wrapper .squares-counter .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(30.4px + 7.62353vw);
font-weight: 300;
color: #000;
line-height: 1.18em;
letter-spacing: -.01em;
font-style: italic;
padding: 0 20px
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .squares-counter .number {
font-size:160px
}
}
.kora-lumen-apartments-wrapper .squares-counter .label {
position: absolute;
left: 0;
bottom: 60px;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: rgba(0,0,0,.4);
line-height: 1.4em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .squares-counter .label {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-apartments-wrapper .squares-counter .label {
position:relative;
bottom: auto;
left: auto
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-apartments-wrapper .squares-counter .label {
font-size:14px
}
}
.kora-lumen-apartments-wrapper .floor-switcher {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media only screen and (max-width: 1180px) {
.kora-lumen-apartments-wrapper .floor-switcher {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 36px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-apartments-wrapper .floor-switcher {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
}
.kora-lumen-apartments-wrapper .floor-switcher li {
position: relative;
margin-right: calc(18.9px + 1.53529vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .3;
cursor: pointer;
-webkit-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
transition: opacity 2s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .floor-switcher li {
margin-right:45px;
font-size: 30px
}
}
.kora-lumen-apartments-wrapper .floor-switcher li:hover {
opacity: 1
}
.kora-lumen-apartments-wrapper .floor-switcher li.active {
opacity: 1;
pointer-events: none
}
.kora-lumen-apartments-wrapper .floor-switcher li.hide {
opacity: 0;
visibility: hidden
}
.kora-lumen-apartments-wrapper .floor-switcher li .label {
pointer-events: none
}
.kora-lumen-apartments-wrapper .floor-switcher li .meters {
position: relative;
top: -.75em;
display: inline-block;
width: 60px;
white-space: nowrap;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: none;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .floor-switcher li .meters {
font-size:18px
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-apartments-wrapper .floor-switcher li .meters {
top:.25em
}
}
.kora-lumen-apartments-wrapper .floor-switcher li sup {
position: relative;
top: -.8em;
display: inline-block;
width: 55px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: lowercase
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .floor-switcher li sup {
font-size:18px
}
}
.kora-lumen-apartments-wrapper .plant-container {
position: relative;
margin-top: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-lumen-apartments-wrapper .plant-container {
margin-top:40px
}
}
.kora-lumen-apartments-wrapper .plant-container .homes-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-lumen-apartments-wrapper .plant-container .homes-tooltip span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
font-style: italic
}
.kora-lumen-apartments-wrapper .plant-container .apartment-1-container {
position: relative;
display: block
}
.kora-lumen-apartments-wrapper .plant-container .apartment-1-container svg:first-child {
display: block;
position: relative;
opacity: 1;
visibility: visible
}
.kora-lumen-apartments-wrapper .plant-container .apartment-2-container {
display: none
}
.kora-lumen-apartments-wrapper .plant-container svg {
opacity: 0;
visibility: hidden;
display: none
}
.kora-lumen-apartments-wrapper .plant-container svg .point {
cursor: pointer
}
.kora-lumen-apartments-wrapper .plant-container svg .point path {
pointer-events: none
}
@media only screen and (max-width: 1180px) {
.kora-lumen-apartments-wrapper .plant-container svg circle {
r:16px
}
}
.kora-lumen-apartments-wrapper .plant-container svg circle,.kora-lumen-apartments-wrapper .plant-container svg ellipse {
fill: #7a2f3a
}
.kora-lumen-apartments-wrapper .plant-container svg path {
fill: #fff
}
.kora-lumen-apartments-wrapper .plant-container .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
display: none
}
.kora-lumen-apartments-wrapper .photo-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-lumen-apartments-wrapper .photo-container {
margin-top:40px
}
}
.kora-lumen-location-wrapper {
background: -webkit-gradient(linear,left top,left bottom,from(#fff7f4),color-stop(26%,#fff7f4),color-stop(79%,#e8dad6),color-stop(98%,#fdddd3));
background: -o-linear-gradient(#fff7f4 0,#fff7f4 26%,#e8dad6 79%,#fdddd3 98%);
background: linear-gradient(#fff7f4,#fff7f4 26%,#e8dad6 79%,#fdddd3 98%);
position: relative;
padding: calc(23.4px + 3.91765vw) 0 calc(44.4px + 15.03529vw)
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper {
padding:90px 0 300px
}
}
@media only screen and (max-width: 1700px) {
.kora-lumen-location-wrapper {
padding:calc(23.4px + 3.91765vw) 0 calc(34.4px + 9.74118vw)
}
}
@media only screen and (max-width: 1700px) and (min-width:1700px) {
.kora-lumen-location-wrapper {
padding:90px 0 200px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper {
padding:40px 0 100px
}
}
.kora-lumen-location-wrapper .upper-container {
position: relative;
width: 100%
}
.kora-lumen-location-wrapper .upper-container .content-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .upper-container .content-container {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
}
.kora-lumen-location-wrapper .upper-container .map-container {
position: absolute;
inset: 0;
padding: 0 32px
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 60px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 20px
}
}
.kora-lumen-location-wrapper .upper-container .map-container .map {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .upper-container .map-container .map {
display:none
}
}
.kora-lumen-location-wrapper .upper-container .map-container .map-mobile {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: none
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .upper-container .map-container .map-mobile {
display:block
}
}
.kora-lumen-location-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
padding-top: calc(17.6px + .84706vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper .upper-title {
padding-top:32px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-lumen-location-wrapper .title {
position: relative;
display: inline-block;
margin: calc(20.4px + 2.32941vw) 0 calc(24.2px + 4.34118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper .title {
margin:60px 0 98px;
font-size: 100px
}
}
.kora-lumen-location-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper .title p {
font-size:100px
}
}
.kora-lumen-location-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper .title p span {
font-size:100px
}
}
.kora-lumen-location-wrapper .first-block {
position: relative;
z-index: 1;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper .first-block {
padding-bottom:40px
}
}
.kora-lumen-location-wrapper .first-block .columns:first-of-type {
padding-right: 30px
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .first-block .columns:first-of-type {
padding:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
.kora-lumen-location-wrapper .punsh-line-wrapper {
position: relative;
margin: calc(29.4px + 7.09412vw) 0
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper .punsh-line-wrapper {
margin:150px 0
}
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container {
position: relative
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line {
position: relative;
display: block;
width: 100%;
padding-top: calc(17.4px + .74118vw);
background-color: transparent;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 1px solid #000
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line {
padding-top:30px;
font-size: 200px
}
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:last-child {
z-index: 1
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line p {
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-family:Saol;
font-weight: 400;
font-size: calc(29.4px + 7.09412vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:150px
}
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family:Saol;
font-weight: 400;
font-size: calc(29.4px + 7.09412vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:150px
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line {
font-size:15vw
}
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:first-child .inner-line {
left: 15.7vw
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:first-child .inner-line {
left:12vw
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:first-child .inner-line {
left:7.5vw
}
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) {
text-align: left
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) .inner-line {
left: 32vw
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) .inner-line {
left:25vw
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) .inner-line {
left:30vw
}
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) {
text-align: left
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left: 7vw
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left:3.5vw
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left:1.25vw
}
}
@media only screen and (max-width: 361px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left:-5vw
}
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) {
text-align: right
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
right: 15.5vw
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
right:13vw
}
}
.kora-lumen-location-wrapper .punsh-line-wrapper .lines-container .line .inner-line {
position: relative;
display: inline-block
}
.kora-lumen-location-wrapper .punsh-line-wrapper .window {
position: absolute;
width: 25.6vw;
max-width: 522px;
bottom: 25%;
right: 7vw;
z-index: 10
}
@media only screen and (max-width: 1180px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .window {
width:22vw
}
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .window {
width:27.5vw;
right: 3.5vw
}
}
@media only screen and (max-width: 680px) {
.kora-lumen-location-wrapper .punsh-line-wrapper .window {
width:35vw;
right: 1.25vw;
width: 37.5vw;
right: -15vw
}
}
.kora-lumen-location-wrapper .last-block,.kora-lumen-location-wrapper .last-block .columns,.kora-lumen-location-wrapper .last-block .photo-container {
position: relative
}
@media only screen and (max-width: 1180px) {
.kora-lumen-location-wrapper .last-block .photo-container {
display:none
}
}
.kora-lumen-location-wrapper .last-block .photo-2 {
position: relative;
max-width: 630px;
width: 25vw;
margin-left: auto
}
.kora-lumen-location-wrapper .last-block .photo-3 {
position: absolute;
max-width: 700px;
width: 28vw;
left: 0
}
@media only screen and (max-width: 820px) {
.kora-lumen-location-wrapper .last-block .photo-3 {
bottom:15%;
width: 60%
}
}
.architecture-wrapper {
position: relative;
padding: 0 0 calc(30.4px + 7.62353vw)
}
@media (min-width: 1700px) {
.architecture-wrapper {
padding:0 0 160px
}
}
@media only screen and (max-width: 680px) {
.architecture-wrapper {
padding:0 0 80px
}
}
.architecture-wrapper .first-block {
position: relative;
margin-bottom: calc(20.4px + 2.32941vw)
}
@media (min-width: 1700px) {
.architecture-wrapper .first-block {
margin-bottom:60px
}
}
.architecture-wrapper .first-block .title {
position: relative;
padding-left: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.architecture-wrapper .first-block .title {
font-size:100px
}
}
@media only screen and (max-width: 800px) {
.architecture-wrapper .first-block .title {
padding-left:0
}
}
.architecture-wrapper .first-block .title p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.architecture-wrapper .first-block .title p {
font-size:100px
}
}
.architecture-wrapper .first-block .title span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.architecture-wrapper .first-block .title span {
font-size:100px
}
}
.architecture-wrapper .second-block {
position: relative
}
@media only screen and (max-width: 820px) {
.architecture-wrapper .second-block .inner {
margin:20px 0 80px
}
}
@media only screen and (max-width: 820px) {
.architecture-wrapper .second-block img {
display:none
}
}
.architecture-wrapper .second-block .upper-title {
position: absolute;
top: -30px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #232323;
line-height: 1em
}
@media (min-width: 1700px) {
.architecture-wrapper .second-block .upper-title {
font-size:20px
}
}
@media only screen and (max-width: 820px) {
.architecture-wrapper .second-block .upper-title {
display:none
}
}
.architecture-wrapper .second-block .title {
position: relative;
margin: calc(16.6px + .31765vw) 0;
font-family: "Montserrat", sans-serif;
font-size: calc(18px + 1.05882vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
font-style: italic
}
@media (min-width: 1700px) {
.architecture-wrapper .second-block .title {
margin:22px 0;
font-size: 36px
}
}
.architecture-wrapper .second-block .text {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.architecture-wrapper .second-block .text {
font-size:18px
}
}
.architecture-wrapper .third-block .tooltips-wrapper {
position: relative
}
.architecture-wrapper .third-block .tooltips-wrapper .main-img {
position: relative;
width: 100%
}
@media only screen and (max-width: 600px) {
.architecture-wrapper .third-block .tooltips-wrapper .main-img {
max-width:none;
width: calc(100% + 2.85rem);
left: -1.425rem
}
}
@media only screen and (max-width: 600px) {
.architecture-wrapper .third-block .tooltips-wrapper {
width:calc(100% + 2.85rem);
left: -1.425rem
}
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li {
position: absolute;
display: block;
width: 300px;
height: 470px;
pointer-events: none
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top: 5%;
left: 25%
}
@media only screen and (max-width: 1300px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:0
}
}
@media only screen and (max-width: 1180px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:-30%
}
}
@media only screen and (max-width: 820px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:0
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child .inner .number {
top: 25%;
left: 5%
}
}
@media only screen and (max-width: 680px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top:0
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child .inner .number {
top: 15%;
left: 5%
}
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top: 20%;
left: 5%
}
@media only screen and (max-width: 1180px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:15%
}
}
@media only screen and (max-width: 680px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top:0
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) .inner .number {
top: 60%
}
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top: 25%;
left: 50%
}
@media only screen and (max-width: 1180px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:-5%
}
}
@media only screen and (max-width: 820px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:0
}
}
@media only screen and (max-width: 680px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top:0
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) .inner .number {
top: 45%
}
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top: 50%;
left: 70%
}
@media only screen and (max-width: 1300px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:20%
}
}
@media only screen and (max-width: 1180px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:20%
}
}
@media only screen and (max-width: 820px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:50%
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
top: 45%
}
}
@media only screen and (max-width: 680px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top:0
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) .inner .number {
top: 65%
}
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active {
pointer-events: visible;
z-index: 10
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .text,.architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .title,.architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner img {
opacity: 1;
visibility: visible
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number {
color: #232323;
-webkit-transition: color .75s cubic-bezier(.86,0,.07,1);
-o-transition: color .75s cubic-bezier(.86,0,.07,1);
transition: color .75s cubic-bezier(.86,0,.07,1)
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number:after {
background-color: #232323;
-webkit-transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
padding:35px
}
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff7ec;
opacity: 0;
visibility: hidden
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width: calc(22.4px + 3.38824vw);
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width:80px;
margin-bottom: 20px
}
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-size:19px
}
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .text {
margin-top: 10px;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width: 1700px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
@media only screen and (max-width: 820px) {
.architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
display:none
}
}
.architecture-wrapper .third-block .two-cols-text {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
width: 60%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.architecture-wrapper .third-block .two-cols-text {
margin-top:40px;
font-size: 18px
}
}
.architecture-wrapper .third-block .two-cols-text:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 1280px) {
.architecture-wrapper .third-block .two-cols-text {
width:80%
}
}
@media only screen and (max-width: 820px) {
.architecture-wrapper .third-block .two-cols-text {
width:100%
}
}
@media only screen and (max-width: 680px) {
.architecture-wrapper .third-block .two-cols-text {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-tamaragua-sustainability-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper {
padding:60px 0 120px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-sustainability-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.kora-tamaragua-sustainability-wrapper .text-container {
padding-top: calc(32.4px + 8.68235vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper .text-container {
padding-top:180px
}
}
.kora-tamaragua-sustainability-wrapper .text-container p:last-child {
margin-bottom: 0
}
.kora-tamaragua-sustainability-wrapper .replay-btn {
position: relative;
margin-top: calc(16.4px + .21176vw);
padding: 0 6px 0 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
height: 35px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
cursor: pointer;
display: none
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper .replay-btn {
margin-top:20px
}
}
.kora-tamaragua-sustainability-wrapper .replay-btn.has-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (hover: hover) {
.kora-tamaragua-sustainability-wrapper .replay-btn:hover:before {
-webkit-transform:scale(1.1);
transform: scale(1.1)
}
.kora-tamaragua-sustainability-wrapper .replay-btn:hover svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
}
.kora-tamaragua-sustainability-wrapper .replay-btn:before {
content: "";
position: absolute;
inset: 0;
display: block;
background-color: #fff;
border-radius: 58px
}
.kora-tamaragua-sustainability-wrapper .replay-btn:before,.kora-tamaragua-sustainability-wrapper .replay-btn svg {
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-tamaragua-sustainability-wrapper .replay-btn svg {
position: relative;
-webkit-transform-origin: center;
transform-origin: center
}
.kora-tamaragua-sustainability-wrapper .replay-btn .label {
position: relative;
top: 1px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: .14em;
text-transform: uppercase
}
.kora-tamaragua-sustainability-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-sustainability-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-tamaragua-sustainability-wrapper .image-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-sustainability-wrapper .image-col {
display:none
}
}
.kora-tamaragua-sustainability-wrapper .image-col video {
width: 100%
}
.kora-tamaragua-sustainability-wrapper .design-image {
mix-blend-mode: multiply
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-sustainability-wrapper .design-image {
display:none
}
}
.kora-tamaragua-sustainability-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-tamaragua-sustainability-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-tamaragua-sustainability-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1290px) {
.kora-tamaragua-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media only screen and (max-width: 380px) {
.kora-tamaragua-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-tamaragua-sustainability-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-tamaragua-sustainability-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-tamaragua-sustainability-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-tamaragua-sustainability-wrapper .statistics-list li div img {
margin-left: -20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px
}
@media only screen and (max-width: 480px) {
.kora-tamaragua-sustainability-wrapper .statistics-list li div img {
width:80px
}
}
.kora-tamaragua-sustainability-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
min-width: 50%
}
.kora-tamaragua-sustainability-wrapper .statistics-list li div .value {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em;
padding-right: 20px
}
.kora-tamaragua-sustainability-wrapper .hero-line {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper .hero-line {
font-size:125px
}
}
.kora-tamaragua-sustainability-wrapper .hero-line:first-child {
padding-top: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper .hero-line:first-child {
padding-top:90px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-sustainability-wrapper .hero-line:first-child {
padding-top:80px
}
}
.kora-tamaragua-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom: calc(18.9px + 1.53529vw);
text-align: right;
padding-right: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom:45px;
padding-right: 120px
}
}
@media only screen and (max-width: 900px) {
.kora-tamaragua-sustainability-wrapper .hero-line:nth-child(2) {
padding-right:0
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-sustainability-wrapper .hero-line:nth-child(2) {
text-align:left
}
}
.kora-tamaragua-sustainability-wrapper .hero-line p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper .hero-line p {
font-size:125px
}
}
.kora-tamaragua-sustainability-wrapper .hero-line span {
font-size: calc(26.9px + 5.77059vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper .hero-line span {
font-size:125px
}
}
.kora-tamaragua-sustainability-wrapper .two-cols-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-sustainability-wrapper .two-cols-container {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-tamaragua-sustainability-wrapper .two-cols-container p {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-sustainability-wrapper .two-cols-container p {
font-size:18px
}
}
.kora-tamaragua-city-block-wrapper {
position: relative;
padding-bottom: calc(34.4px + 9.74118vw);
overflow: hidden
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper {
padding-bottom:200px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-city-block-wrapper {
padding-bottom:80px
}
}
.kora-tamaragua-city-block-wrapper.in-viewport .photo-grid-container .text-container .columns:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-tamaragua-city-block-wrapper .big-photo-container {
position: relative;
margin-bottom: calc(18.6px + 1.37647vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .big-photo-container {
margin-bottom:42px
}
}
.kora-tamaragua-city-block-wrapper .big-photo-container img {
width: 100%
}
.kora-tamaragua-city-block-wrapper .photo-grid-container {
position: relative;
width: 100%;
padding-bottom: calc(26.4px + 5.50588vw);
background-color: #e2dcd6
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container {
padding-bottom:120px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container {
padding-bottom:60px
}
}
.kora-tamaragua-city-block-wrapper .photo-grid-container .photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.kora-tamaragua-city-block-wrapper .photo-grid-container .photos .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%
}
.kora-tamaragua-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top:30px
}
}
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container {
position: relative;
top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container {
top:-200px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container {
top:auto
}
}
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .columns {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 37.5vw;
max-height: 40em
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .columns {
height:auto;
margin-top: 50px
}
}
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .columns:before {
content: "";
position: absolute;
top: 0;
display: block;
width: calc(73.4px + 30.38824vw);
height: calc(73.4px + 30.38824vw);
border-radius: 100%;
background-color: #ddd0c4;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
-o-transition: transform .5s 1s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s,-webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .columns:before {
width:590px;
height: 590px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .columns:before {
top:-30%
}
}
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(23.8px + 4.12941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .title {
font-size:94px
}
}
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .coordinates {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.8px + 4.65882vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
font-style: italic
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:104px
}
}
@media only screen and (max-width: 480px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:9vw
}
}
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container p {
position: absolute;
top: 70%;
left: 50%;
display: block;
width: 70%;
font-size: calc(16.6px + .31765vw);
text-align: left
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-city-block-wrapper .photo-grid-container .text-container p {
position:relative;
top: auto;
left: auto;
width: 100%;
margin-top: 20px
}
}
.kora-tamaragua-city-block-wrapper .map-container {
position: relative
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-city-block-wrapper .map-container svg {
left:-30%;
width: 200%;
position: relative;
overflow-x: scroll
}
}
.kora-tamaragua-city-block-wrapper .map-container svg circle {
position: relative;
fill: #da352b;
cursor: pointer;
-webkit-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-tamaragua-city-block-wrapper .map-container svg circle.kora-point {
fill: #232323
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-city-block-wrapper .map-container svg circle.kora-point {
visibility:visible
}
}
.kora-tamaragua-city-block-wrapper .map-container svg circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
@media (hover: hover) {
.kora-tamaragua-city-block-wrapper .map-container svg circle:hover {
r:12;
fill: #232323
}
}
.kora-tamaragua-city-block-wrapper .map-container .map-title {
pointer-events: none
}
.kora-tamaragua-city-block-wrapper .map-container .map-title .row {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-city-block-wrapper .map-container .map-title .first-col {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
}
.kora-tamaragua-city-block-wrapper .map-container h2 {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .map-container h2 {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-tamaragua-city-block-wrapper .map-container h2 {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-tamaragua-city-block-wrapper .map-container h2 {
font-size:110px
}
}
.kora-tamaragua-city-block-wrapper .map-container h2 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .map-container h2 p {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-tamaragua-city-block-wrapper .map-container h2 p {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-tamaragua-city-block-wrapper .map-container h2 p {
font-size:110px
}
}
.kora-tamaragua-city-block-wrapper .map-container h2 p span {
font-size: calc(26.8px + 5.71765vw);
line-height: 1em;
letter-spacing: -.05em;
color: #232323
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .map-container h2 p span {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-tamaragua-city-block-wrapper .map-container h2 p span {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-tamaragua-city-block-wrapper .map-container h2 p span {
font-size:110px
}
}
.kora-tamaragua-city-block-wrapper .map-container h2 .upper-title {
margin-top: -.84em;
display: block
}
.kora-tamaragua-city-block-wrapper .map-container h2 .lower-title {
position: relative;
display: block;
width: 100%;
text-align: center
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-city-block-wrapper .map-container h2 .lower-title {
left:auto;
text-align: right
}
}
.kora-tamaragua-city-block-wrapper .map-container p {
font-size: calc(16.6px + .31765vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .map-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-city-block-wrapper .map-container p {
margin-top:20px
}
}
.kora-tamaragua-city-block-wrapper .map-container .city-tooltip {
position: absolute;
display: block;
padding: 15px calc(17.4px + .74118vw);
background-color: #232323;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-tamaragua-city-block-wrapper .map-container .city-tooltip {
padding:15px 30px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-city-block-wrapper .map-container .city-tooltip {
font-size:14px
}
}
.kora-tamaragua-city-block-wrapper .map-container .city-tooltip:after {
content: "";
position: absolute;
bottom: -20px;
left: 30px;
display: block;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 30px solid #232323
}
.kora-tamaragua-city-block-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-tamaragua-city-block-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-tamaragua-city-block-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1440px) {
.kora-tamaragua-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-tamaragua-city-block-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-tamaragua-city-block-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-tamaragua-city-block-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-tamaragua-city-block-wrapper .statistics-list li div img {
margin-left: -20px;
width: 100px;
height: 100px
}
@media only screen and (max-width: 480px) {
.kora-tamaragua-city-block-wrapper .statistics-list li div {
gap:20px
}
.kora-tamaragua-city-block-wrapper .statistics-list li div img {
width: 60px;
margin-left: 0
}
}
.kora-tamaragua-city-block-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 40%;
min-width: 40%
}
.kora-tamaragua-city-block-wrapper .statistics-list li div .value {
position: relative;
left: -10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.kora-tamaragua-location-wrapper {
position: relative;
padding: calc(23.4px + 3.91765vw) 0 calc(34.4px + 9.74118vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper {
padding:90px 0 200px
}
}
@media only screen and (max-width: 1700px) {
.kora-tamaragua-location-wrapper {
padding:calc(23.4px + 3.91765vw) 0 calc(34.4px + 9.74118vw)
}
}
@media only screen and (max-width: 1700px) and (min-width:1700px) {
.kora-tamaragua-location-wrapper {
padding:90px 0 200px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-location-wrapper {
padding:40px 0 100px
}
}
.kora-tamaragua-location-wrapper .upper-container {
position: relative;
width: 100%
}
.kora-tamaragua-location-wrapper .upper-container .content-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-location-wrapper .upper-container .content-container {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
}
.kora-tamaragua-location-wrapper .upper-container .map-container {
position: absolute;
inset: 0;
padding: 0 32px
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 60px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-location-wrapper .upper-container .map-container {
position:relative;
padding: 0 20px
}
}
.kora-tamaragua-location-wrapper .upper-container .map-container .map {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-location-wrapper .upper-container .map-container .map {
display:none
}
}
.kora-tamaragua-location-wrapper .upper-container .map-container .map-mobile {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: none
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-location-wrapper .upper-container .map-container .map-mobile {
display:block
}
}
.kora-tamaragua-location-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
padding-top: calc(17.6px + .84706vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper .upper-title {
margin-bottom:70px;
padding-top: 32px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-location-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-tamaragua-location-wrapper .title {
position: relative;
display: inline-block;
margin: calc(20.4px + 2.32941vw) 0 calc(24.2px + 4.34118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #fff;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper .title {
margin:60px 0 98px;
font-size: 100px
}
}
.kora-tamaragua-location-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #fff;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper .title p {
font-size:100px
}
}
.kora-tamaragua-location-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #fff;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper .title p span {
font-size:100px
}
}
.kora-tamaragua-location-wrapper .first-block {
position: relative;
z-index: 1;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper .first-block {
padding-bottom:40px
}
}
.kora-tamaragua-location-wrapper .first-block .columns:first-of-type {
padding-right: 30px
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-location-wrapper .first-block .columns:first-of-type {
padding:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper {
position: relative;
padding: calc(29.4px + 7.09412vw) 0
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper .punsh-line-wrapper {
padding:150px 0
}
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container {
position: relative
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line {
position: relative;
display: block;
width: 96%;
left: 2%;
margin-top: calc(17.4px + .74118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 1px solid #000
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line {
margin-top:30px;
font-size: 200px
}
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line p {
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:200px
}
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line {
width:100%;
left: 0;
font-size: 15vw
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2) .inner-line {
margin-right:20px
}
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2),.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) {
text-align: right
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left: -30vw
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left: 10vw
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper .lines-container .line .inner-line {
position: relative;
display: inline-block
}
.kora-tamaragua-location-wrapper .punsh-line-wrapper .leaf {
position: absolute;
top: 25%;
left: 4%;
width: 15vw;
max-width: 460px
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-location-wrapper .punsh-line-wrapper .leaf {
width:41vw
}
}
.kora-tamaragua-location-wrapper .last-block,.kora-tamaragua-location-wrapper .last-block .columns {
position: relative
}
.kora-tamaragua-location-wrapper .last-block .photo-container {
position: relative;
margin-top: -10%
}
@media only screen and (max-width: 1180px) {
.kora-tamaragua-location-wrapper .last-block .photo-container {
display:none
}
}
.kora-tamaragua-location-wrapper .last-block .photo-2 {
position: relative;
max-width: 630px;
width: 25vw;
margin-left: auto
}
.kora-tamaragua-location-wrapper .last-block .photo-3 {
position: absolute;
max-width: 700px;
width: 28vw;
bottom: -10%;
left: 0
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-location-wrapper .last-block .photo-3 {
bottom:15%;
width: 60%
}
}
.kora-tamaragua-common-areas {
position: relative;
padding: calc(28.4px + 6.56471vw) 0 calc(24.4px + 4.44706vw);
background-color: #e4d9cd
}
@media (min-width: 1700px) {
.kora-tamaragua-common-areas {
padding:140px 0 100px
}
}
.kora-tamaragua-common-areas .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-tamaragua-common-areas .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-common-areas .upper-title {
letter-spacing:1.3em
}
}
.kora-tamaragua-common-areas .title {
position: relative;
padding-left: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-tamaragua-common-areas .title {
font-size:100px
}
}
@media only screen and (max-width: 800px) {
.kora-tamaragua-common-areas .title {
padding-left:0
}
}
.kora-tamaragua-common-areas .title p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-tamaragua-common-areas .title p {
font-size:100px
}
}
.kora-tamaragua-common-areas .title span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-tamaragua-common-areas .title span {
font-size:100px
}
}
.kora-tamaragua-common-areas .labels-list {
position: relative;
margin-top: calc(16.8px + .42353vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 20px
}
@media (min-width: 1700px) {
.kora-tamaragua-common-areas .labels-list {
margin-top:24px
}
}
@media only screen and (max-width: 800px) {
.kora-tamaragua-common-areas .labels-list {
padding-left:0
}
}
.kora-tamaragua-common-areas .labels-list li {
position: relative;
margin: 5px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer;
pointer-events: visible
}
@media (min-width: 1700px) {
.kora-tamaragua-common-areas .labels-list li {
font-size:26px
}
}
.kora-tamaragua-common-areas .labels-list li.active {
pointer-events: none
}
.kora-tamaragua-common-areas .labels-list li.active,.kora-tamaragua-common-areas .labels-list li:hover {
opacity: 1
}
.kora-tamaragua-common-areas .labels-list li.active:before,.kora-tamaragua-common-areas .labels-list li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-tamaragua-common-areas .labels-list li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.kora-tamaragua-common-areas .labels-list li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-tamaragua-common-areas .labels-list li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: 0;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-common-areas .labels-list li:before {
margin-left:0
}
}
.kora-tamaragua-common-areas .labels-list li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.kora-tamaragua-common-areas .photos-list {
display: grid;
overflow: hidden
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-common-areas .photos-list {
margin-top:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-tamaragua-common-areas .photos-list {
margin-top:40px
}
}
.kora-tamaragua-common-areas .photos-list li {
grid-row: 1;
grid-column: 1
}
.kora-tamaragua-common-areas .photos-list li.active {
z-index: 1
}
.kora-tamaragua-apartments-wrapper {
position: relative;
padding: calc(26.4px + 5.50588vw) 0 0;
background-color: #e4d9cd;
z-index: 1
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper {
padding:120px 0 0
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-apartments-wrapper {
padding:80px 0
}
}
.kora-tamaragua-apartments-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-apartments-wrapper .upper-title {
letter-spacing:1.3em;
margin-bottom: 0
}
}
.kora-tamaragua-apartments-wrapper .floor-description-container {
position: relative;
margin-top: calc(-44.4px - 13.97647vw);
z-index: 1
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .floor-description-container {
margin-top:-280px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-description-container {
display:none
}
}
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-images {
position: relative;
height: auto;
overflow: hidden
}
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-images picture {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
@media only screen and (max-width: 1440px) {
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-images picture {
-webkit-transform:scale(.8);
transform: scale(.8);
-webkit-transform-origin: left;
transform-origin: left
}
}
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-images picture:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-images picture img {
width: 100%
}
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-text {
position: relative;
padding-top: 20px
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-text {
min-height:30vh
}
}
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-text .inner {
position: relative;
overflow-y: scroll
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-text .inner {
min-height:30vh
}
}
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-text:before {
content: "";
position: absolute;
top: 20px;
left: 0;
display: block;
height: 20px;
width: 100%;
background: -webkit-gradient(linear,left bottom,left top,from(transparent),to(#cad3dd));
background: -o-linear-gradient(bottom,transparent 0,#cad3dd 100%);
background: linear-gradient(0deg,transparent,#cad3dd);
z-index: 1
}
.kora-tamaragua-apartments-wrapper .floor-description-container .floor-text:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
height: 20px;
width: 100%;
background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#cad3dd));
background: -o-linear-gradient(top,transparent 0,#cad3dd 100%);
background: linear-gradient(180deg,transparent,#cad3dd)
}
.kora-tamaragua-apartments-wrapper .floor-description-container .two-col {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: calc(16.4px + .21176vw);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
opacity: 0;
visibility: hidden;
display: none
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .floor-description-container .two-col {
margin-top:20px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-apartments-wrapper .floor-description-container .two-col {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-tamaragua-apartments-wrapper .floor-description-container .two-col:first-child {
position: relative;
opacity: 1;
visibility: visible;
display: block
}
.kora-tamaragua-apartments-wrapper .floor-description-container .two-col p {
font-size: calc(16.2px + .10588vw);
text-indent: 0;
margin-bottom: .5em
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .floor-description-container .two-col p {
font-size:18px
}
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container {
position: relative;
z-index: 1;
pointer-events: none
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container {
margin-top:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container {
margin-top:40px
}
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul {
margin-bottom:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul {
margin-bottom:40px
}
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li {
position: relative;
margin: 10px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer;
pointer-events: visible
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li {
font-size:26px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li.active {
pointer-events: none
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li.active,.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li:hover {
opacity: 1
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li.active:before,.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li:hover .label {
-webkit-transform:translateX(0);
transform: translateX(0)
}
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: -22px;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li:before {
display:none
}
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none;
width: 50px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li .label {
-webkit-box-flex:0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
}
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li .number-of-apartments {
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1em;
text-transform: none
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li .number-of-apartments {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-switcher-container ul li .number-of-apartments {
font-family:Saol;
font-size: 12px;
font-weight: 400;
color: #232323;
line-height: 1em
}
}
.kora-tamaragua-apartments-wrapper .floor-plants-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .floor-plants-container {
top:-40px
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-apartments-wrapper .floor-plants-container {
top:0;
margin-top: calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-tamaragua-apartments-wrapper .floor-plants-container {
margin-top:40px
}
}
.kora-tamaragua-apartments-wrapper .floor-plants-container .ma-plant-svg,.kora-tamaragua-apartments-wrapper .floor-plants-container .mb-plant-svg,.kora-tamaragua-apartments-wrapper .floor-plants-container .me-plant-svg,.kora-tamaragua-apartments-wrapper .floor-plants-container .sb-plant-svg,.kora-tamaragua-apartments-wrapper .floor-plants-container .xl-plant-svg {
display: none;
opacity: 0;
visibility: hidden
}
.kora-tamaragua-apartments-wrapper .floor-plants-container .rooftop-plantg-svg {
position: relative;
top: 50px
}
.kora-tamaragua-apartments-wrapper .floor-plants-container .floor-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 11px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg {
position: relative;
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transform-origin: center;
transform-origin: center
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-apartments-wrapper .floor-plants-container svg {
margin-bottom:40px;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg .point {
cursor: pointer
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg .point path {
pointer-events: none
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg circle,.kora-tamaragua-apartments-wrapper .floor-plants-container svg ellipse {
fill: #27333e
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg path {
fill: #fff
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg .medium-stay-area circle,.kora-tamaragua-apartments-wrapper .floor-plants-container svg .medium-stay-area ellipse {
fill: #27333e
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg .medium-stay-area path {
fill: #fff
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg .short-stay-area circle,.kora-tamaragua-apartments-wrapper .floor-plants-container svg .short-stay-area ellipse {
fill: #27333e
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg .short-stay-area path,.kora-tamaragua-apartments-wrapper .floor-plants-container svg .type {
fill: #fff
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg .line-1 {
fill: none;
stroke: #b6dad8;
stroke-width: 3
}
.kora-tamaragua-apartments-wrapper .floor-plants-container svg .line-2 {
fill: none;
stroke: #ec8a29;
stroke-width: 3
}
.kora-tamaragua-apartments-wrapper .punch-line-container {
position: relative;
pointer-events: none;
margin-top: calc(28.4px + 6.56471vw)
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .punch-line-container {
margin-top:140px
}
}
@media only screen and (max-width: 1440px) {
.kora-tamaragua-apartments-wrapper .punch-line-container {
margin-top:calc(22.4px + 3.38824vw)
}
}
@media only screen and (max-width: 1440px) and (min-width:1700px) {
.kora-tamaragua-apartments-wrapper .punch-line-container {
margin-top:80px
}
}
.kora-tamaragua-apartments-wrapper .punch-line-container h2 {
position: absolute;
top: 0;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .punch-line-container h2 {
font-size:80px
}
}
.kora-tamaragua-apartments-wrapper .punch-line-container h2:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-tamaragua-apartments-wrapper .punch-line-container h2 p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .punch-line-container h2 p {
font-size:80px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .punch-line-container h2 p {
white-space:inherit
}
}
.kora-tamaragua-apartments-wrapper .punch-line-container h2 span {
font-size: calc(22.4px + 3.38824vw);
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .punch-line-container h2 span {
font-size:80px
}
}
@media only screen and (max-width: 1180px) {
.kora-tamaragua-apartments-wrapper .punch-line-container h2 span {
font-size:calc(21.4px + 2.85882vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-tamaragua-apartments-wrapper .punch-line-container h2 span {
font-size:70px
}
}
.kora-tamaragua-apartments-wrapper .punch-line-container p {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
letter-spacing: 0;
padding-right: 50%
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .punch-line-container p {
font-size:18px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .punch-line-container p {
padding-right:0
}
}
.kora-tamaragua-apartments-wrapper .squares-counter {
position: relative;
top: 40px;
margin-top: calc(18.4px + 1.27059vw);
width: calc(62.4px + 24.56471vw);
height: calc(62.4px + 24.56471vw);
border-radius: 100%;
border: 1px solid rgba(35,35,35,.3);
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .squares-counter {
margin-top:40px;
width: 480px;
height: 480px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .squares-counter {
margin:calc(24.4px + 4.44706vw) auto 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-tamaragua-apartments-wrapper .squares-counter {
margin:100px auto 0
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-apartments-wrapper .squares-counter {
top:0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-tamaragua-apartments-wrapper .squares-counter li {
position: relative;
grid-row: 1;
grid-column: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: opacity .5s cubic-bezier(.25,.46,.45,.94);
transition: opacity .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-tamaragua-apartments-wrapper .squares-counter li.active .number {
opacity: 1
}
.kora-tamaragua-apartments-wrapper .squares-counter .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(30.4px + 7.62353vw);
font-weight: 300;
color: #000;
line-height: 1em;
letter-spacing: -.01em;
font-style: italic;
padding: 0 20px;
opacity: 0
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .squares-counter .number {
font-size:160px
}
}
.kora-tamaragua-apartments-wrapper .squares-counter .label {
position: relative;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: rgba(0,0,0,.1);
line-height: 1.4em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .squares-counter .label {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .squares-counter .label {
position:relative;
bottom: auto;
left: auto
}
}
@media only screen and (max-width: 680px) {
.kora-tamaragua-apartments-wrapper .squares-counter .label {
font-size:14px
}
}
.kora-tamaragua-apartments-wrapper .photo-container {
position: relative;
margin-top: calc(-44.4px - 2.32941vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-tamaragua-apartments-wrapper .photo-container {
margin-top:-60px
}
}
@media only screen and (max-width: 820px) {
.kora-tamaragua-apartments-wrapper .photo-container {
margin-top:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-tamaragua-apartments-wrapper .photo-container {
margin-top:40px
}
}
.kora-tamaragua-apartments-wrapper .photo-container .inner,.kora-tamaragua-apartments-wrapper .photo-container .inner img {
width: 100%
}
.kora-pamplona-sustainability-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-pamplona-sustainability-wrapper {
padding:60px 0 120px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-sustainability-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.kora-pamplona-sustainability-wrapper .text-container {
padding-top: calc(32.4px + 8.68235vw)
}
@media (min-width: 1700px) {
.kora-pamplona-sustainability-wrapper .text-container {
padding-top:180px
}
}
.kora-pamplona-sustainability-wrapper .text-container p:last-child {
margin-bottom: 0
}
.kora-pamplona-sustainability-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-pamplona-sustainability-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-sustainability-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-pamplona-sustainability-wrapper .image-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media only screen and (max-width: 820px) {
.kora-pamplona-sustainability-wrapper .image-col {
display:none
}
}
.kora-pamplona-sustainability-wrapper .design-image {
mix-blend-mode: multiply
}
@media only screen and (max-width: 680px) {
.kora-pamplona-sustainability-wrapper .design-image {
display:none
}
}
.kora-pamplona-sustainability-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-pamplona-sustainability-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-pamplona-sustainability-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1290px) {
.kora-pamplona-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media only screen and (max-width: 380px) {
.kora-pamplona-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-pamplona-sustainability-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-pamplona-sustainability-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-pamplona-sustainability-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-pamplona-sustainability-wrapper .statistics-list li div img {
margin-left: -20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px
}
@media only screen and (max-width: 480px) {
.kora-pamplona-sustainability-wrapper .statistics-list li div img {
width:80px
}
}
.kora-pamplona-sustainability-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
min-width: 50%
}
.kora-pamplona-sustainability-wrapper .statistics-list li div .value {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em;
padding-right: 20px
}
.kora-pamplona-sustainability-wrapper .hero-line {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-pamplona-sustainability-wrapper .hero-line {
font-size:125px
}
}
.kora-pamplona-sustainability-wrapper .hero-line:first-child {
padding-top: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.kora-pamplona-sustainability-wrapper .hero-line:first-child {
padding-top:90px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-sustainability-wrapper .hero-line:first-child {
padding-top:80px
}
}
.kora-pamplona-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom: calc(18.9px + 1.53529vw);
text-align: right;
padding-right: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-pamplona-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom:45px;
padding-right: 120px
}
}
@media only screen and (max-width: 900px) {
.kora-pamplona-sustainability-wrapper .hero-line:nth-child(2) {
padding-right:0
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-sustainability-wrapper .hero-line:nth-child(2) {
text-align:left
}
}
.kora-pamplona-sustainability-wrapper .hero-line p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-pamplona-sustainability-wrapper .hero-line p {
font-size:125px
}
}
.kora-pamplona-sustainability-wrapper .hero-line span {
font-size: calc(26.9px + 5.77059vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-pamplona-sustainability-wrapper .hero-line span {
font-size:125px
}
}
.kora-pamplona-sustainability-wrapper .two-cols-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media only screen and (max-width: 680px) {
.kora-pamplona-sustainability-wrapper .two-cols-container {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-pamplona-sustainability-wrapper .two-cols-container p {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-pamplona-sustainability-wrapper .two-cols-container p {
font-size:18px
}
}
.kora-pamplona-city-block-wrapper {
position: relative;
padding-bottom: calc(34.4px + 9.74118vw);
overflow: hidden
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper {
padding-bottom:200px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-city-block-wrapper {
padding-bottom:80px
}
}
.kora-pamplona-city-block-wrapper.in-viewport .photo-grid-container .text-container .columns:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-pamplona-city-block-wrapper .photo-grid-container {
position: relative;
width: 100%;
padding-bottom: calc(26.4px + 5.50588vw);
background-color: #d7dee5
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .photo-grid-container {
padding-bottom:120px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-city-block-wrapper .photo-grid-container {
padding-bottom:60px
}
}
.kora-pamplona-city-block-wrapper .photo-grid-container .photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.kora-pamplona-city-block-wrapper .photo-grid-container .photos .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%
}
.kora-pamplona-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top:30px
}
}
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container {
position: relative;
top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container {
top:-200px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container {
top:auto
}
}
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .columns {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 37.5vw;
max-height: 40em
}
@media only screen and (max-width: 820px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .columns {
height:auto;
margin-top: 50px
}
}
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .columns:before {
content: "";
position: absolute;
top: 0;
display: block;
width: calc(73.4px + 30.38824vw);
height: calc(73.4px + 30.38824vw);
border-radius: 100%;
background-color: #cad3dd;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
-o-transition: transform .5s 1s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s,-webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .columns:before {
width:590px;
height: 590px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .columns:before {
top:-30%
}
}
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(23.8px + 4.12941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .title {
font-size:94px
}
}
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .coordinates {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.8px + 4.65882vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
font-style: italic
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:104px
}
}
@media only screen and (max-width: 480px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:9vw
}
}
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container p {
position: absolute;
top: 70%;
left: 50%;
display: block;
width: 70%;
font-size: calc(16.6px + .31765vw);
text-align: left
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-city-block-wrapper .photo-grid-container .text-container p {
position:relative;
top: auto;
left: auto;
width: 100%;
margin-top: 20px
}
}
.kora-pamplona-city-block-wrapper .map-container {
position: relative
}
@media only screen and (max-width: 680px) {
.kora-pamplona-city-block-wrapper .map-container svg {
left:-100%;
width: 200%;
position: relative;
overflow-x: scroll
}
}
.kora-pamplona-city-block-wrapper .map-container svg circle {
position: relative;
fill: #da352b;
cursor: pointer;
-webkit-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94)
}
@media only screen and (max-width: 680px) {
.kora-pamplona-city-block-wrapper .map-container svg circle {
visibility:hidden;
pointer-events: nonex§
}
}
.kora-pamplona-city-block-wrapper .map-container svg circle.kora-point {
fill: #232323
}
@media only screen and (max-width: 680px) {
.kora-pamplona-city-block-wrapper .map-container svg circle.kora-point {
visibility:visible
}
}
.kora-pamplona-city-block-wrapper .map-container svg circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
@media (hover: hover) {
.kora-pamplona-city-block-wrapper .map-container svg circle:hover {
r:12;
fill: #232323
}
}
.kora-pamplona-city-block-wrapper .map-container .map-title .row {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 820px) {
.kora-pamplona-city-block-wrapper .map-container .map-title .first-col {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
}
.kora-pamplona-city-block-wrapper .map-container h2 {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .map-container h2 {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-pamplona-city-block-wrapper .map-container h2 {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-pamplona-city-block-wrapper .map-container h2 {
font-size:110px
}
}
.kora-pamplona-city-block-wrapper .map-container h2 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .map-container h2 p {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-pamplona-city-block-wrapper .map-container h2 p {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-pamplona-city-block-wrapper .map-container h2 p {
font-size:110px
}
}
.kora-pamplona-city-block-wrapper .map-container h2 p span {
font-size: calc(26.8px + 5.71765vw);
line-height: 1em;
letter-spacing: -.05em;
color: #232323
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .map-container h2 p span {
font-size:124px
}
}
@media only screen and (max-width: 1180px) {
.kora-pamplona-city-block-wrapper .map-container h2 p span {
font-size:calc(25.4px + 4.97647vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-pamplona-city-block-wrapper .map-container h2 p span {
font-size:110px
}
}
.kora-pamplona-city-block-wrapper .map-container h2 .upper-title {
margin-top: -.84em;
display: block
}
.kora-pamplona-city-block-wrapper .map-container h2 .lower-title {
position: relative;
display: block;
width: 100%;
text-align: center
}
@media only screen and (max-width: 680px) {
.kora-pamplona-city-block-wrapper .map-container h2 .lower-title {
left:auto;
text-align: right
}
}
.kora-pamplona-city-block-wrapper .map-container p {
font-size: calc(16.6px + .31765vw)
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .map-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-city-block-wrapper .map-container p {
margin-top:20px
}
}
.kora-pamplona-city-block-wrapper .map-container .city-tooltip {
position: absolute;
display: block;
padding: 15px calc(17.4px + .74118vw);
background-color: #232323;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-pamplona-city-block-wrapper .map-container .city-tooltip {
padding:15px 30px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-city-block-wrapper .map-container .city-tooltip {
font-size:14px
}
}
.kora-pamplona-city-block-wrapper .map-container .city-tooltip:after {
content: "";
position: absolute;
bottom: -20px;
left: 30px;
display: block;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 30px solid #232323
}
.kora-pamplona-city-block-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-pamplona-city-block-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-pamplona-city-block-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1440px) {
.kora-pamplona-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-pamplona-city-block-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-pamplona-city-block-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-pamplona-city-block-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-pamplona-city-block-wrapper .statistics-list li div img {
margin-left: -20px;
width: 100px;
height: 100px
}
@media only screen and (max-width: 480px) {
.kora-pamplona-city-block-wrapper .statistics-list li div img {
width:80px
}
}
.kora-pamplona-city-block-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 40%;
min-width: 40%
}
.kora-pamplona-city-block-wrapper .statistics-list li div .value {
position: relative;
left: -10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.kora-pamplona-apartments-wrapper {
position: relative;
margin-bottom: calc(19.4px + 1.8vw);
background-color: #d7dee5
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper {
margin-bottom:50px
}
}
.kora-pamplona-apartments-wrapper .columns {
position: relative
}
.kora-pamplona-apartments-wrapper .full-bleed-img-wrapper {
position: relative;
overflow: hidden;
margin-bottom: calc(23.4px + 3.91765vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .full-bleed-img-wrapper {
margin-bottom:90px
}
}
.kora-pamplona-apartments-wrapper .full-bleed-img-wrapper .full-bleed {
width: 100%
}
.kora-pamplona-apartments-wrapper .apartment-img {
margin-bottom: calc(28.4px + 6.56471vw)
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .apartment-img {
margin-bottom:140px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-apartments-wrapper .apartment-img {
display:none
}
}
.kora-pamplona-apartments-wrapper .main-container {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
z-index: 1
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .main-container {
margin-top:100px
}
}
.kora-pamplona-apartments-wrapper .right-container {
position: relative;
text-align: center
}
@media only screen and (max-width: 820px) {
.kora-pamplona-apartments-wrapper .right-container {
margin-top:50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-pamplona-apartments-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-apartments-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-pamplona-apartments-wrapper .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .title {
font-size:100px
}
}
.kora-pamplona-apartments-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .title p {
font-size:100px
}
}
.kora-pamplona-apartments-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .title p span {
font-size:100px
}
}
.kora-pamplona-apartments-wrapper p {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
padding-right: 50%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper p {
margin-top:40px;
font-size: 18px
}
}
@media only screen and (max-width: 1440px) {
.kora-pamplona-apartments-wrapper p {
padding-right:20%
}
}
@media only screen and (max-width: 1180px) {
.kora-pamplona-apartments-wrapper p {
padding-right:0
}
}
.kora-pamplona-apartments-wrapper .apartment-switcher {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: inline-grid;
row-gap: 32px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
grid-template-columns: 1fr 1fr
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .apartment-switcher {
margin-top:30px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
width: 100%;
grid-template-columns: 1fr 1fr
}
}
.kora-pamplona-apartments-wrapper .apartment-switcher li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 160px;
height: 100px;
border: 1px solid rgba(35,35,35,.2);
background-color: transparent;
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media only screen and (max-width: 820px) {
.kora-pamplona-apartments-wrapper .apartment-switcher li {
width:120px;
height: 100px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-apartments-wrapper .apartment-switcher li {
width:auto;
height: 100px
}
}
.kora-pamplona-apartments-wrapper .apartment-switcher li.active {
background-color: #232323;
pointer-events: none
}
.kora-pamplona-apartments-wrapper .apartment-switcher li.active .apartments,.kora-pamplona-apartments-wrapper .apartment-switcher li.active .bedrooms,.kora-pamplona-apartments-wrapper .apartment-switcher li.active .label {
color: #fff7ec
}
.kora-pamplona-apartments-wrapper .apartment-switcher li:hover {
background-color: #232323
}
.kora-pamplona-apartments-wrapper .apartment-switcher li:hover .apartments,.kora-pamplona-apartments-wrapper .apartment-switcher li:hover .bedrooms,.kora-pamplona-apartments-wrapper .apartment-switcher li:hover .label {
color: #fff7ec
}
.kora-pamplona-apartments-wrapper .apartment-switcher li .top-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none
}
.kora-pamplona-apartments-wrapper .apartment-switcher li .label {
margin-bottom: 10px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-pamplona-apartments-wrapper .apartment-switcher li .bedrooms {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-pamplona-apartments-wrapper .apartment-switcher li .apartments {
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .apartment-switcher li .apartments {
font-size:17px
}
}
.kora-pamplona-apartments-wrapper .squares-counter {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
top: 40px;
width: calc(62.4px + 24.56471vw);
height: calc(62.4px + 24.56471vw);
border-radius: 100%;
border: 1px solid rgba(35,35,35,.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .squares-counter {
margin-top:100px;
width: 480px;
height: 480px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-apartments-wrapper .squares-counter {
margin:calc(24.4px + 4.44706vw) auto 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-pamplona-apartments-wrapper .squares-counter {
margin:100px auto 0
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-apartments-wrapper .squares-counter {
top:0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-pamplona-apartments-wrapper .squares-counter .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(30.4px + 7.62353vw);
font-weight: 300;
color: #000;
line-height: 1.18em;
letter-spacing: -.01em;
font-style: italic;
padding: 0 20px
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .squares-counter .number {
font-size:160px
}
}
.kora-pamplona-apartments-wrapper .squares-counter .label {
position: absolute;
left: 0;
bottom: 60px;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: rgba(0,0,0,.4);
line-height: 1.4em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .squares-counter .label {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-apartments-wrapper .squares-counter .label {
position:relative;
bottom: auto;
left: auto
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-apartments-wrapper .squares-counter .label {
font-size:14px
}
}
.kora-pamplona-apartments-wrapper .floor-switcher {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media only screen and (max-width: 820px) {
.kora-pamplona-apartments-wrapper .floor-switcher {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
}
.kora-pamplona-apartments-wrapper .floor-switcher li {
position: relative;
margin-right: calc(18.9px + 1.53529vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .3;
cursor: pointer;
-webkit-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
transition: opacity 2s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .floor-switcher li {
margin-right:45px;
font-size: 30px
}
}
.kora-pamplona-apartments-wrapper .floor-switcher li:hover {
opacity: 1
}
.kora-pamplona-apartments-wrapper .floor-switcher li.active {
opacity: 1;
pointer-events: none
}
.kora-pamplona-apartments-wrapper .floor-switcher li.hide {
opacity: 0;
visibility: hidden
}
.kora-pamplona-apartments-wrapper .floor-switcher li .label {
pointer-events: none
}
.kora-pamplona-apartments-wrapper .floor-switcher li .meters {
position: relative;
top: -.75em;
display: inline-block;
width: 60px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: none;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .floor-switcher li .meters {
font-size:18px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-apartments-wrapper .floor-switcher li .meters {
top:.25em
}
}
.kora-pamplona-apartments-wrapper .floor-switcher li sup {
position: relative;
top: -.8em;
display: inline-block;
width: 55px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: lowercase
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .floor-switcher li sup {
font-size:18px
}
}
.kora-pamplona-apartments-wrapper .plant-container {
position: relative;
margin-top: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.kora-pamplona-apartments-wrapper .plant-container {
margin-top:40px
}
}
.kora-pamplona-apartments-wrapper .plant-container .homes-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-pamplona-apartments-wrapper .plant-container .homes-tooltip span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
font-style: italic
}
.kora-pamplona-apartments-wrapper .plant-container .apartment-1-container {
position: relative;
display: block
}
.kora-pamplona-apartments-wrapper .plant-container .apartment-1-container svg:first-child {
display: block;
position: relative;
opacity: 1;
visibility: visible
}
.kora-pamplona-apartments-wrapper .plant-container .apartment-2-container {
display: none
}
.kora-pamplona-apartments-wrapper .plant-container svg {
opacity: 0;
visibility: hidden;
display: none
}
.kora-pamplona-apartments-wrapper .plant-container svg .point {
cursor: pointer
}
.kora-pamplona-apartments-wrapper .plant-container svg .point path {
pointer-events: none
}
@media only screen and (max-width: 1180px) {
.kora-pamplona-apartments-wrapper .plant-container svg circle {
r:16px
}
}
.kora-pamplona-apartments-wrapper .plant-container svg circle,.kora-pamplona-apartments-wrapper .plant-container svg ellipse {
fill: #27333e
}
.kora-pamplona-apartments-wrapper .plant-container svg path {
fill: #fff
}
.kora-pamplona-apartments-wrapper .plant-container .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
display: none
}
.kora-pamplona-apartments-wrapper .photo-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-pamplona-apartments-wrapper .photo-container {
margin-top:40px
}
}
.kora-pamplona-floors-block-wrapper {
position: relative;
padding: calc(26.4px + 5.50588vw) 0;
background-color: #cad3dd
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper {
padding:120px 0
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-floors-block-wrapper {
padding:80px 0
}
}
.kora-pamplona-floors-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-floors-block-wrapper .upper-title {
letter-spacing:1.3em;
margin-bottom: 0
}
}
.kora-pamplona-floors-block-wrapper .floor-description-container {
position: relative;
margin-top: -280px
}
@media only screen and (max-width: 820px) {
.kora-pamplona-floors-block-wrapper .floor-description-container {
margin-top:40px
}
}
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-images {
position: relative;
height: auto;
overflow: hidden
}
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-images picture {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-images picture:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-images picture img {
width: 100%
}
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-text {
position: relative;
padding-top: 20px
}
@media only screen and (max-width: 820px) {
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-text {
min-height:30vh
}
}
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-text .inner {
position: relative;
overflow-y: scroll
}
@media only screen and (max-width: 820px) {
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-text .inner {
min-height:30vh
}
}
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-text:before {
content: "";
position: absolute;
top: 20px;
left: 0;
display: block;
height: 20px;
width: 100%;
background: -webkit-gradient(linear,left bottom,left top,from(transparent),to(#cad3dd));
background: -o-linear-gradient(bottom,transparent 0,#cad3dd 100%);
background: linear-gradient(0deg,transparent,#cad3dd);
z-index: 1
}
.kora-pamplona-floors-block-wrapper .floor-description-container .floor-text:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
height: 20px;
width: 100%;
background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#cad3dd));
background: -o-linear-gradient(top,transparent 0,#cad3dd 100%);
background: linear-gradient(180deg,transparent,#cad3dd)
}
.kora-pamplona-floors-block-wrapper .floor-description-container .two-col {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: calc(16.4px + .21176vw);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
opacity: 0;
visibility: hidden;
display: none
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper .floor-description-container .two-col {
margin-top:20px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-floors-block-wrapper .floor-description-container .two-col {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-pamplona-floors-block-wrapper .floor-description-container .two-col:first-child {
position: relative;
opacity: 1;
visibility: visible;
display: block
}
.kora-pamplona-floors-block-wrapper .floor-description-container .two-col p {
font-size: calc(16.2px + .10588vw);
text-indent: 0;
margin-bottom: .5em
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper .floor-description-container .two-col p {
font-size:18px
}
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container {
position: relative;
margin-top: calc(29.4px + 7.09412vw);
z-index: 1;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper .floor-switcher-container {
margin-top:150px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-floors-block-wrapper .floor-switcher-container {
margin-top:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-pamplona-floors-block-wrapper .floor-switcher-container {
margin-top:40px
}
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li {
position: relative;
margin: 10px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer;
pointer-events: visible
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li {
font-size:26px
}
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li.active {
pointer-events: none
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li.active,.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li:hover {
opacity: 1
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li.active:before,.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: -22px;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li:before {
margin-left:0
}
}
.kora-pamplona-floors-block-wrapper .floor-switcher-container ul li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.kora-pamplona-floors-block-wrapper .floor-plants-container {
position: relative;
margin-top: calc(22.4px + 3.38824vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper .floor-plants-container {
margin-top:80px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-floors-block-wrapper .floor-plants-container {
top:-40px
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-floors-block-wrapper .floor-plants-container {
top:0;
margin-top: calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-pamplona-floors-block-wrapper .floor-plants-container {
margin-top:40px
}
}
.kora-pamplona-floors-block-wrapper .floor-plants-container .mezzanine-plant-svg,.kora-pamplona-floors-block-wrapper .floor-plants-container .patio-plant-svg,.kora-pamplona-floors-block-wrapper .floor-plants-container .rooftop-plant-svg,.kora-pamplona-floors-block-wrapper .floor-plants-container .sky-gym-plant-svg {
display: none;
opacity: 0;
visibility: hidden
}
.kora-pamplona-floors-block-wrapper .floor-plants-container .rooftop-plantg-svg {
position: relative;
top: 50px
}
.kora-pamplona-floors-block-wrapper .floor-plants-container .floor-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 11px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg {
position: relative;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: center;
transform-origin: center
}
@media only screen and (max-width: 820px) {
.kora-pamplona-floors-block-wrapper .floor-plants-container svg {
width:80vw;
margin: 10px auto;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
@media only screen and (max-width: 680px) {
.kora-pamplona-floors-block-wrapper .floor-plants-container svg {
margin-bottom:40px
}
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg .point {
cursor: pointer
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg .point path {
pointer-events: none
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg circle,.kora-pamplona-floors-block-wrapper .floor-plants-container svg ellipse {
fill: #27333e
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg path {
fill: #fff
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg .medium-stay-area circle,.kora-pamplona-floors-block-wrapper .floor-plants-container svg .medium-stay-area ellipse {
fill: #27333e
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg .medium-stay-area path {
fill: #fff
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg .short-stay-area circle,.kora-pamplona-floors-block-wrapper .floor-plants-container svg .short-stay-area ellipse {
fill: #27333e
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg .short-stay-area path,.kora-pamplona-floors-block-wrapper .floor-plants-container svg .type {
fill: #fff
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg .line-1 {
fill: none;
stroke: #b6dad8;
stroke-width: 3
}
.kora-pamplona-floors-block-wrapper .floor-plants-container svg .line-2 {
fill: none;
stroke: #ec8a29;
stroke-width: 3
}
.kora-pamplona-floors-block-wrapper .punch-line-container {
position: relative;
pointer-events: none
}
.kora-pamplona-floors-block-wrapper .punch-line-container h2 {
position: absolute;
top: 0;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper .punch-line-container h2 {
font-size:80px
}
}
.kora-pamplona-floors-block-wrapper .punch-line-container h2:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-pamplona-floors-block-wrapper .punch-line-container h2 p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper .punch-line-container h2 p {
font-size:80px
}
}
@media only screen and (max-width: 820px) {
.kora-pamplona-floors-block-wrapper .punch-line-container h2 p {
white-space:inherit
}
}
.kora-pamplona-floors-block-wrapper .punch-line-container h2 span {
font-size: calc(22.4px + 3.38824vw);
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-pamplona-floors-block-wrapper .punch-line-container h2 span {
font-size:80px
}
}
@media only screen and (max-width: 1180px) {
.kora-pamplona-floors-block-wrapper .punch-line-container h2 span {
font-size:calc(21.4px + 2.85882vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-pamplona-floors-block-wrapper .punch-line-container h2 span {
font-size:70px
}
}
.kora-andorra-hero-wrapper {
position: relative;
padding: calc(34.4px + 9.74118vw) 0;
display: block;
width: 100%
}
@media (min-width: 1700px) {
.kora-andorra-hero-wrapper {
padding:200px 0
}
}
@media only screen and (max-width: 1100px) {
.kora-andorra-hero-wrapper {
display:none;
padding-left: calc(20px + .625rem);
padding-right: calc(20px + .625rem)
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-hero-wrapper {
padding:100px calc(13.33333px + .625rem)
}
}
.kora-andorra-hero-wrapper h2 {
position: relative;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(26.8px + 5.71765vw);
font-weight: 400;
color: #301d13;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-andorra-hero-wrapper h2 {
font-size:124px
}
}
.kora-andorra-hero-wrapper h2 p {
margin-bottom: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: calc(26.8px + 5.71765vw);
font-weight: 400;
color: #301d13;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-andorra-hero-wrapper h2 p {
font-size:124px
}
}
.kora-andorra-hero-wrapper h2 span {
display: block;
font-size: calc(26.8px + 5.71765vw);
color: #301d13;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-andorra-hero-wrapper h2 span {
font-size:124px
}
}
@media only screen and (max-width: 1100px) {
.kora-andorra-hero-wrapper h2 span {
white-space:inherit
}
}
.kora-andorra-hero-wrapper h2 .line {
position: relative
}
.kora-andorra-hero-wrapper h2 .line:first-child {
text-align: center
}
.kora-andorra-hero-wrapper h2 .line:nth-child(2) {
left: 40vw
}
@media only screen and (max-width: 820px) {
.kora-andorra-hero-wrapper h2 .line:nth-child(2) {
left:auto
}
}
.kora-andorra-hero-wrapper h2 .line:nth-child(3) {
left: 10vw
}
@media only screen and (max-width: 820px) {
.kora-andorra-hero-wrapper h2 .line:nth-child(3) {
left:auto
}
}
.kora-andorra-hero-wrapper h2 .line:nth-child(4) {
left: 40vw
}
@media only screen and (max-width: 820px) {
.kora-andorra-hero-wrapper h2 .line:nth-child(4) {
left:auto
}
}
.kora-andorra-hero-wrapper h2 .line span {
display: inline-block
}
.kora-andorra-hero-wrapper h2 .line .color {
color: #ec8b29
}
.kora-andorra-design-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-andorra-design-wrapper {
padding:60px 0 120px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-design-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-design-wrapper .lottie-container {
display:none
}
}
.kora-andorra-design-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-andorra-design-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-design-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-andorra-design-wrapper .image-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.kora-andorra-design-wrapper .design-image {
mix-blend-mode: multiply
}
@media only screen and (max-width: 680px) {
.kora-andorra-design-wrapper .design-image {
display:none
}
}
.kora-andorra-design-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-andorra-design-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-andorra-design-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1290px) {
.kora-andorra-design-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media only screen and (max-width: 380px) {
.kora-andorra-design-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-andorra-design-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-andorra-design-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-andorra-design-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-andorra-design-wrapper .statistics-list li div img {
margin-left: -20px
}
@media only screen and (max-width: 480px) {
.kora-andorra-design-wrapper .statistics-list li div img {
width:80px
}
}
.kora-andorra-design-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
min-width: 50%
}
.kora-andorra-design-wrapper .statistics-list li div .value {
position: relative;
left: -10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.kora-andorra-design-wrapper .hero-line {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-andorra-design-wrapper .hero-line {
font-size:125px
}
}
.kora-andorra-design-wrapper .hero-line:first-child {
padding-top: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.kora-andorra-design-wrapper .hero-line:first-child {
padding-top:90px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-design-wrapper .hero-line:first-child {
padding-top:80px
}
}
.kora-andorra-design-wrapper .hero-line:nth-child(2) {
padding-bottom: calc(18.9px + 1.53529vw);
text-align: right;
padding-right: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kora-andorra-design-wrapper .hero-line:nth-child(2) {
padding-bottom:45px;
padding-right: 120px
}
}
@media only screen and (max-width: 900px) {
.kora-andorra-design-wrapper .hero-line:nth-child(2) {
padding-right:0
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-design-wrapper .hero-line:nth-child(2) {
text-align:left
}
}
.kora-andorra-design-wrapper .hero-line p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-andorra-design-wrapper .hero-line p {
font-size:125px
}
}
.kora-andorra-design-wrapper .hero-line span {
font-size: calc(26.9px + 5.77059vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.kora-andorra-design-wrapper .hero-line span {
font-size:125px
}
}
.kora-andorra-design-wrapper .two-cols-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media only screen and (max-width: 680px) {
.kora-andorra-design-wrapper .two-cols-container {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-andorra-design-wrapper .two-cols-container p {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.kora-andorra-design-wrapper .two-cols-container p {
font-size:18px
}
}
.kora-andorra-city-block-wrapper {
position: relative;
padding-bottom: calc(34.4px + 9.74118vw);
overflow: hidden
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper {
padding-bottom:200px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-city-block-wrapper {
padding-bottom:80px
}
}
.kora-andorra-city-block-wrapper.in-viewport .photo-grid-container .text-container .columns:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-andorra-city-block-wrapper .photo-grid-container {
position: relative;
width: 100%
}
@media only screen and (max-width: 680px) {
.kora-andorra-city-block-wrapper .photo-grid-container {
padding-bottom:60px
}
}
.kora-andorra-city-block-wrapper .photo-grid-container .photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.kora-andorra-city-block-wrapper .photo-grid-container .photos .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%
}
.kora-andorra-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top:30px
}
}
.kora-andorra-city-block-wrapper .photo-grid-container .text-container {
position: relative;
top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container {
top:-200px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container {
top:auto
}
}
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .columns {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 37.5vw;
max-height: 40em
}
@media only screen and (max-width: 820px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .columns {
height:auto;
margin-top: 50px
}
}
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .columns:before {
content: "";
position: absolute;
top: 0;
display: block;
width: calc(73.4px + 30.38824vw);
height: calc(73.4px + 30.38824vw);
border-radius: 100%;
background-color: #ffeedb;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
-o-transition: transform .5s 1s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s,-webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .columns:before {
width:590px;
height: 590px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .columns:before {
top:-30%
}
}
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(23.8px + 4.12941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .title {
font-size:94px
}
}
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .coordinates {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.8px + 4.65882vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
font-style: italic
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:104px
}
}
@media only screen and (max-width: 480px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:9vw
}
}
.kora-andorra-city-block-wrapper .photo-grid-container .text-container p {
position: absolute;
top: 70%;
left: 50%;
display: block;
width: 70%;
font-size: calc(16.6px + .31765vw);
text-align: left
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-city-block-wrapper .photo-grid-container .text-container p {
position:relative;
top: auto;
left: auto;
width: 100%;
margin-top: 20px
}
}
.kora-andorra-city-block-wrapper .map-container {
position: relative
}
@media only screen and (max-width: 680px) {
.kora-andorra-city-block-wrapper .map-container svg {
left:-93%;
width: 255%;
position: relative
}
}
.kora-andorra-city-block-wrapper .map-container svg circle {
position: relative;
fill: #da352b;
cursor: pointer;
-webkit-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94)
}
.kora-andorra-city-block-wrapper .map-container svg circle.kora-point {
fill: #232323
}
.kora-andorra-city-block-wrapper .map-container svg circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
@media (hover: hover) {
.kora-andorra-city-block-wrapper .map-container svg circle:hover {
r:12;
fill: #232323
}
}
.kora-andorra-city-block-wrapper .map-container .map-title .row {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 820px) {
.kora-andorra-city-block-wrapper .map-container .map-title .first-col {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
}
.kora-andorra-city-block-wrapper .map-container h2 {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .map-container h2 {
font-size:124px
}
}
.kora-andorra-city-block-wrapper .map-container h2 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .map-container h2 p {
font-size:124px
}
}
.kora-andorra-city-block-wrapper .map-container h2 p span {
font-size: calc(26.8px + 5.71765vw);
line-height: 1em;
letter-spacing: -.05em;
color: #232323
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .map-container h2 p span {
font-size:124px
}
}
.kora-andorra-city-block-wrapper .map-container h2 .upper-title {
display: block;
margin-top: -1em
}
.kora-andorra-city-block-wrapper .map-container h2 .lower-title {
position: relative;
display: block;
width: 100%
}
@media only screen and (max-width: 680px) {
.kora-andorra-city-block-wrapper .map-container h2 .lower-title {
left:auto;
text-align: right
}
}
.kora-andorra-city-block-wrapper .map-container p {
font-size: calc(16.6px + .31765vw)
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .map-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-city-block-wrapper .map-container p {
margin-top:20px
}
}
.kora-andorra-city-block-wrapper .map-container .city-tooltip {
position: absolute;
display: block;
padding: 15px calc(17.4px + .74118vw);
background-color: #232323;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-andorra-city-block-wrapper .map-container .city-tooltip {
padding:15px 30px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-city-block-wrapper .map-container .city-tooltip {
font-size:14px
}
}
.kora-andorra-city-block-wrapper .map-container .city-tooltip:after {
content: "";
position: absolute;
bottom: -20px;
left: 30px;
display: block;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 30px solid #232323
}
.kora-andorra-city-block-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.kora-andorra-city-block-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-andorra-city-block-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1440px) {
.kora-andorra-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-city-block-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.kora-andorra-city-block-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.kora-andorra-city-block-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.kora-andorra-city-block-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.kora-andorra-city-block-wrapper .statistics-list li div img {
margin-left: -20px
}
@media only screen and (max-width: 480px) {
.kora-andorra-city-block-wrapper .statistics-list li div img {
width:80px
}
}
.kora-andorra-city-block-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 40%;
min-width: 40%
}
.kora-andorra-city-block-wrapper .statistics-list li div .value {
position: relative;
left: -10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.kora-andorra-floors-block-wrapper {
position: relative;
padding: calc(26.4px + 5.50588vw) 0;
background-color: #ffeedb
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper {
padding:120px 0
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-floors-block-wrapper {
padding:80px 0
}
}
.kora-andorra-floors-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-floors-block-wrapper .upper-title {
letter-spacing:1.3em;
margin-bottom: 0
}
}
.kora-andorra-floors-block-wrapper .floor-description-container {
position: relative;
margin-top: -280px
}
@media only screen and (max-width: 820px) {
.kora-andorra-floors-block-wrapper .floor-description-container {
margin-top:40px
}
}
.kora-andorra-floors-block-wrapper .floor-description-container .floor-images {
position: relative;
height: auto;
overflow: hidden
}
.kora-andorra-floors-block-wrapper .floor-description-container .floor-images picture {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
.kora-andorra-floors-block-wrapper .floor-description-container .floor-images picture:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-andorra-floors-block-wrapper .floor-description-container .floor-images picture img {
width: 100%
}
.kora-andorra-floors-block-wrapper .floor-description-container .floor-text {
position: relative
}
.kora-andorra-floors-block-wrapper .floor-description-container .two-col {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: calc(16.4px + .21176vw);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper .floor-description-container .two-col {
margin-top:20px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-floors-block-wrapper .floor-description-container .two-col {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.kora-andorra-floors-block-wrapper .floor-description-container .two-col:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-andorra-floors-block-wrapper .floor-description-container .two-col p {
font-size: calc(16.2px + .10588vw);
text-indent: 0;
margin-bottom: .5em
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper .floor-description-container .two-col p {
font-size:18px
}
}
.kora-andorra-floors-block-wrapper .floor-switcher-container {
position: relative;
margin-top: calc(29.4px + 7.09412vw);
z-index: 1;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper .floor-switcher-container {
margin-top:150px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-floors-block-wrapper .floor-switcher-container {
margin-top:calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-andorra-floors-block-wrapper .floor-switcher-container {
margin-top:40px
}
}
.kora-andorra-floors-block-wrapper .floor-switcher-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li {
position: relative;
margin: 10px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer;
pointer-events: visible
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li {
font-size:26px
}
}
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li.active {
pointer-events: none
}
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li.active,.kora-andorra-floors-block-wrapper .floor-switcher-container ul li:hover {
opacity: 1
}
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li.active:before,.kora-andorra-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: -22px;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li:before {
margin-left:0
}
}
.kora-andorra-floors-block-wrapper .floor-switcher-container ul li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.kora-andorra-floors-block-wrapper .floor-plants-container {
position: relative;
margin-top: calc(-44.4px - 3.38824vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper .floor-plants-container {
margin-top:-80px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-floors-block-wrapper .floor-plants-container {
top:-40px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-floors-block-wrapper .floor-plants-container {
top:0;
margin-top: calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.kora-andorra-floors-block-wrapper .floor-plants-container {
margin-top:40px
}
}
.kora-andorra-floors-block-wrapper .floor-plants-container .gym-plant-svg,.kora-andorra-floors-block-wrapper .floor-plants-container .lounge-plant-svg,.kora-andorra-floors-block-wrapper .floor-plants-container .rooftop-plant-svg {
position: relative;
left: -40px
}
.kora-andorra-floors-block-wrapper .floor-plants-container .spa-plant-svg {
position: relative;
top: 80px;
left: -60px
}
@media only screen and (max-width: 1180px) {
.kora-andorra-floors-block-wrapper .floor-plants-container .spa-plant-svg {
left:-30px;
top: 100px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-floors-block-wrapper .floor-plants-container .spa-plant-svg {
left:0;
top: 0
}
}
.kora-andorra-floors-block-wrapper .floor-plants-container .gym-plant-svg,.kora-andorra-floors-block-wrapper .floor-plants-container .rooftop-plant-svg,.kora-andorra-floors-block-wrapper .floor-plants-container .spa-plant-svg {
display: none;
opacity: 0;
visibility: hidden
}
.kora-andorra-floors-block-wrapper .floor-plants-container .floor-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 11px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg {
position: relative;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: center;
transform-origin: center
}
@media only screen and (max-width: 820px) {
.kora-andorra-floors-block-wrapper .floor-plants-container svg {
width:80vw;
margin: 10px auto;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-floors-block-wrapper .floor-plants-container svg {
margin-bottom:40px
}
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg .point {
cursor: pointer
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg .point path {
pointer-events: none
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg circle,.kora-andorra-floors-block-wrapper .floor-plants-container svg ellipse {
fill: #ec8a29
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg path {
fill: #000
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg .medium-stay-area circle,.kora-andorra-floors-block-wrapper .floor-plants-container svg .medium-stay-area ellipse {
fill: #ec8a29
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg .medium-stay-area path {
fill: #000
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg .short-stay-area circle,.kora-andorra-floors-block-wrapper .floor-plants-container svg .short-stay-area ellipse {
fill: #b6dad8
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg .short-stay-area path {
fill: #000
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg .type {
fill: #232323
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg .line-1 {
fill: none;
stroke: #b6dad8;
stroke-width: 3
}
.kora-andorra-floors-block-wrapper .floor-plants-container svg .line-2 {
fill: none;
stroke: #ec8a29;
stroke-width: 3
}
.kora-andorra-floors-block-wrapper .punch-line-container {
position: relative;
pointer-events: none
}
.kora-andorra-floors-block-wrapper .punch-line-container h2 {
position: absolute;
top: 0;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper .punch-line-container h2 {
font-size:80px
}
}
.kora-andorra-floors-block-wrapper .punch-line-container h2:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.kora-andorra-floors-block-wrapper .punch-line-container h2 p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper .punch-line-container h2 p {
font-size:80px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-floors-block-wrapper .punch-line-container h2 p {
white-space:inherit
}
}
.kora-andorra-floors-block-wrapper .punch-line-container h2 span {
font-size: calc(22.4px + 3.38824vw);
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-andorra-floors-block-wrapper .punch-line-container h2 span {
font-size:80px
}
}
@media only screen and (max-width: 1180px) {
.kora-andorra-floors-block-wrapper .punch-line-container h2 span {
font-size:calc(21.4px + 2.85882vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.kora-andorra-floors-block-wrapper .punch-line-container h2 span {
font-size:70px
}
}
.kora-andorra-apartments-wrapper {
position: relative;
margin-bottom: calc(19.4px + 1.8vw);
background-color: #f8f0e5
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper {
margin-bottom:50px
}
}
.kora-andorra-apartments-wrapper .columns {
position: relative
}
.kora-andorra-apartments-wrapper .full-bleed-img-wrapper {
position: relative;
overflow: hidden;
margin-bottom: calc(23.4px + 3.91765vw);
width: 100%
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .full-bleed-img-wrapper {
margin-bottom:90px
}
}
.kora-andorra-apartments-wrapper .full-bleed-img-wrapper .full-bleed {
width: 100%
}
.kora-andorra-apartments-wrapper .apartment-img {
margin-bottom: calc(28.4px + 6.56471vw)
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .apartment-img {
margin-bottom:140px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-apartments-wrapper .apartment-img {
display:none
}
}
.kora-andorra-apartments-wrapper .main-container {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
z-index: 1
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .main-container {
margin-top:100px
}
}
.kora-andorra-apartments-wrapper .right-container {
position: relative;
text-align: center
}
@media only screen and (max-width: 820px) {
.kora-andorra-apartments-wrapper .right-container {
margin-top:50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-andorra-apartments-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-apartments-wrapper .upper-title {
letter-spacing:1.3em
}
}
.kora-andorra-apartments-wrapper .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .title {
font-size:100px
}
}
.kora-andorra-apartments-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .title p {
font-size:100px
}
}
.kora-andorra-apartments-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .title p span {
font-size:100px
}
}
.kora-andorra-apartments-wrapper p {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
padding-right: 50%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper p {
margin-top:40px;
font-size: 18px
}
}
@media only screen and (max-width: 1440px) {
.kora-andorra-apartments-wrapper p {
padding-right:20%
}
}
@media only screen and (max-width: 1180px) {
.kora-andorra-apartments-wrapper p {
padding-right:0
}
}
.kora-andorra-apartments-wrapper .apartment-switcher {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: inline-grid;
row-gap: 32px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
grid-template-columns: 1fr 1fr
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .apartment-switcher {
margin-top:30px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-apartments-wrapper .apartment-switcher {
row-gap:12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
width: 100%;
grid-template-columns: 1fr 1fr
}
}
.kora-andorra-apartments-wrapper .apartment-switcher li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 160px;
height: 100px;
border: 1px solid rgba(35,35,35,.2);
background-color: transparent;
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .5s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media only screen and (max-width: 820px) {
.kora-andorra-apartments-wrapper .apartment-switcher li {
width:120px;
height: 100px
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-apartments-wrapper .apartment-switcher li {
width:auto;
height: 100px
}
}
.kora-andorra-apartments-wrapper .apartment-switcher li.active {
background-color: #232323;
pointer-events: none
}
.kora-andorra-apartments-wrapper .apartment-switcher li.active .apartments,.kora-andorra-apartments-wrapper .apartment-switcher li.active .bedrooms,.kora-andorra-apartments-wrapper .apartment-switcher li.active .label {
color: #fff7ec
}
.kora-andorra-apartments-wrapper .apartment-switcher li:hover {
background-color: #232323
}
.kora-andorra-apartments-wrapper .apartment-switcher li:hover .apartments,.kora-andorra-apartments-wrapper .apartment-switcher li:hover .bedrooms,.kora-andorra-apartments-wrapper .apartment-switcher li:hover .label {
color: #fff7ec
}
.kora-andorra-apartments-wrapper .apartment-switcher li .top-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none
}
.kora-andorra-apartments-wrapper .apartment-switcher li .label {
margin-bottom: 10px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-andorra-apartments-wrapper .apartment-switcher li .bedrooms {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
.kora-andorra-apartments-wrapper .apartment-switcher li .apartments {
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .apartment-switcher li .apartments {
font-size:17px
}
}
.kora-andorra-apartments-wrapper .squares-counter {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
top: 40px;
width: calc(62.4px + 24.56471vw);
height: calc(62.4px + 24.56471vw);
border-radius: 100%;
border: 1px solid rgba(35,35,35,.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .squares-counter {
margin-top:100px;
width: 480px;
height: 480px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-apartments-wrapper .squares-counter {
margin:calc(24.4px + 4.44706vw) auto 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.kora-andorra-apartments-wrapper .squares-counter {
margin:100px auto 0
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-apartments-wrapper .squares-counter {
top:0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.kora-andorra-apartments-wrapper .squares-counter .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(30.4px + 7.62353vw);
font-weight: 300;
color: #000;
line-height: 1.18em;
letter-spacing: -.01em;
font-style: italic;
padding: 0 20px
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .squares-counter .number {
font-size:160px
}
}
.kora-andorra-apartments-wrapper .squares-counter .label {
position: absolute;
left: 0;
bottom: 60px;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: rgba(0,0,0,.4);
line-height: 1.4em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .squares-counter .label {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.kora-andorra-apartments-wrapper .squares-counter .label {
position:relative;
bottom: auto;
left: auto
}
}
@media only screen and (max-width: 680px) {
.kora-andorra-apartments-wrapper .squares-counter .label {
font-size:14px
}
}
.kora-andorra-apartments-wrapper .floor-switcher {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media only screen and (max-width: 820px) {
.kora-andorra-apartments-wrapper .floor-switcher {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
}
.kora-andorra-apartments-wrapper .floor-switcher li {
position: relative;
margin-right: calc(18.9px + 1.53529vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .3;
cursor: pointer;
-webkit-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
transition: opacity 2s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .floor-switcher li {
margin-right:45px;
font-size: 30px
}
}
.kora-andorra-apartments-wrapper .floor-switcher li:hover {
opacity: 1
}
.kora-andorra-apartments-wrapper .floor-switcher li.active {
opacity: 1;
pointer-events: none
}
.kora-andorra-apartments-wrapper .floor-switcher li .label {
pointer-events: none
}
.kora-andorra-apartments-wrapper .floor-switcher li .meters {
position: relative;
top: -.75em;
display: inline-block;
width: 60px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: none;
pointer-events: none
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .floor-switcher li .meters {
font-size:18px
}
}
.kora-andorra-apartments-wrapper .floor-switcher li sup {
position: relative;
top: -.8em;
display: inline-block;
width: 55px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: lowercase
}
@media (min-width: 1700px) {
.kora-andorra-apartments-wrapper .floor-switcher li sup {
font-size:18px
}
}
.kora-andorra-apartments-wrapper .plant-container {
position: relative;
background-color: #f8f0e5
}
.kora-andorra-apartments-wrapper .plant-container .homes-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.kora-andorra-apartments-wrapper .plant-container .homes-tooltip span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
font-style: italic
}
.kora-andorra-apartments-wrapper .plant-container .apartment-1-container {
position: relative;
display: block
}
.kora-andorra-apartments-wrapper .plant-container .apartment-1-container svg:first-child {
display: block;
position: relative;
opacity: 1;
visibility: visible
}
.kora-andorra-apartments-wrapper .plant-container .apartment-2-container {
display: none
}
.kora-andorra-apartments-wrapper .plant-container svg {
opacity: 0;
visibility: hidden;
display: none
}
.kora-andorra-apartments-wrapper .plant-container svg .point {
cursor: pointer
}
.kora-andorra-apartments-wrapper .plant-container svg .point path {
pointer-events: none
}
@media only screen and (max-width: 1180px) {
.kora-andorra-apartments-wrapper .plant-container svg circle {
r:16px
}
}
.kora-andorra-apartments-wrapper .plant-container svg circle,.kora-andorra-apartments-wrapper .plant-container svg ellipse {
fill: #ec8a29
}
.kora-andorra-apartments-wrapper .plant-container svg path {
fill: #232323
}
.kora-andorra-apartments-wrapper .plant-container .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
display: none
}
.kora-andorra-apartments-wrapper .photo-container {
position: relative
}
@media only screen and (max-width: 820px) {
.kora-andorra-apartments-wrapper .photo-container {
margin-top:40px
}
}
.nivaria-golf-hero-wrapper {
position: relative;
padding: calc(34.4px + 9.74118vw) 0;
display: block;
width: 100%
}
@media (min-width: 1700px) {
.nivaria-golf-hero-wrapper {
padding:200px 0
}
}
@media only screen and (max-width: 1100px) {
.nivaria-golf-hero-wrapper {
display:none;
padding-left: calc(20px + .625rem);
padding-right: calc(20px + .625rem)
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-hero-wrapper {
padding:100px calc(13.33333px + .625rem)
}
}
.nivaria-golf-hero-wrapper h2 {
position: relative;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(26.8px + 5.71765vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.nivaria-golf-hero-wrapper h2 {
font-size:124px
}
}
.nivaria-golf-hero-wrapper h2 p {
margin-bottom: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: calc(26.8px + 5.71765vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.nivaria-golf-hero-wrapper h2 p {
font-size:124px
}
}
.nivaria-golf-hero-wrapper h2 span {
display: block;
font-size: calc(26.8px + 5.71765vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.nivaria-golf-hero-wrapper h2 span {
font-size:124px
}
}
@media only screen and (max-width: 1100px) {
.nivaria-golf-hero-wrapper h2 span {
white-space:inherit
}
}
.nivaria-golf-hero-wrapper h2 .line {
position: relative
}
.nivaria-golf-hero-wrapper h2 .line:first-child {
text-align: center
}
.nivaria-golf-hero-wrapper h2 .line:nth-child(2) {
left: 40vw
}
@media only screen and (max-width: 820px) {
.nivaria-golf-hero-wrapper h2 .line:nth-child(2) {
left:auto
}
}
.nivaria-golf-hero-wrapper h2 .line:nth-child(3) {
left: 10vw
}
@media only screen and (max-width: 820px) {
.nivaria-golf-hero-wrapper h2 .line:nth-child(3) {
left:auto
}
}
.nivaria-golf-hero-wrapper h2 .line:nth-child(4) {
left: 40vw
}
@media only screen and (max-width: 820px) {
.nivaria-golf-hero-wrapper h2 .line:nth-child(4) {
left:auto
}
}
.nivaria-golf-hero-wrapper h2 .line span {
display: inline-block
}
.nivaria-golf-hero-wrapper h2 .line .color {
color: #93c69c;
text-transform: none
}
.nivaria-golf-sustainability-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.nivaria-golf-sustainability-wrapper {
padding:60px 0 120px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-sustainability-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.nivaria-golf-sustainability-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.nivaria-golf-sustainability-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-sustainability-wrapper .upper-title {
letter-spacing:1.3em
}
}
.nivaria-golf-sustainability-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.nivaria-golf-sustainability-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.nivaria-golf-sustainability-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1290px) {
.nivaria-golf-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media only screen and (max-width: 380px) {
.nivaria-golf-sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.nivaria-golf-sustainability-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.nivaria-golf-sustainability-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.nivaria-golf-sustainability-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.nivaria-golf-sustainability-wrapper .statistics-list li div img {
margin-left: -20px
}
@media only screen and (max-width: 480px) {
.nivaria-golf-sustainability-wrapper .statistics-list li div img {
width:80px
}
}
.nivaria-golf-sustainability-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
min-width: 50%
}
.nivaria-golf-sustainability-wrapper .statistics-list li div .value {
position: relative;
left: -10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.nivaria-golf-sustainability-wrapper .hero-line {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.nivaria-golf-sustainability-wrapper .hero-line {
font-size:125px
}
}
.nivaria-golf-sustainability-wrapper .hero-line:first-child {
padding-top: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.nivaria-golf-sustainability-wrapper .hero-line:first-child {
padding-top:90px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-sustainability-wrapper .hero-line:first-child {
padding-top:80px
}
}
.nivaria-golf-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom: calc(18.9px + 1.53529vw);
text-align: right;
padding-right: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.nivaria-golf-sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom:45px;
padding-right: 120px
}
}
@media only screen and (max-width: 900px) {
.nivaria-golf-sustainability-wrapper .hero-line:nth-child(2) {
padding-right:0
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-sustainability-wrapper .hero-line:nth-child(2) {
text-align:left
}
}
.nivaria-golf-sustainability-wrapper .hero-line p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.nivaria-golf-sustainability-wrapper .hero-line p {
font-size:125px
}
}
.nivaria-golf-sustainability-wrapper .hero-line span {
font-size: calc(26.9px + 5.77059vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.nivaria-golf-sustainability-wrapper .hero-line span {
font-size:125px
}
}
.nivaria-golf-sustainability-wrapper .two-cols-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media only screen and (max-width: 680px) {
.nivaria-golf-sustainability-wrapper .two-cols-container {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.nivaria-golf-sustainability-wrapper .two-cols-container p {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.nivaria-golf-sustainability-wrapper .two-cols-container p {
font-size:18px
}
}
.nivaria-golf-location-wrapper {
position: relative;
padding: calc(23.4px + 3.91765vw) 0 calc(74.4px + 30.91765vw)
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper {
padding:90px 0 600px
}
}
@media only screen and (max-width: 1700px) {
.nivaria-golf-location-wrapper {
padding:calc(23.4px + 3.91765vw) 0 calc(54.4px + 20.32941vw)
}
}
@media only screen and (max-width: 1700px) and (min-width:1700px) {
.nivaria-golf-location-wrapper {
padding:90px 0 400px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-location-wrapper {
padding:40px 0 100px
}
}
.nivaria-golf-location-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-location-wrapper .upper-title {
letter-spacing:1.3em
}
}
.nivaria-golf-location-wrapper .title {
position: relative;
margin: calc(20.4px + 2.32941vw) 0 calc(16.4px + .21176vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper .title {
margin:60px 0 20px;
font-size: 100px
}
}
.nivaria-golf-location-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper .title p {
font-size:100px
}
}
.nivaria-golf-location-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper .title p span {
font-size:100px
}
}
.nivaria-golf-location-wrapper .first-block {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media only screen and (max-width: 680px) {
.nivaria-golf-location-wrapper .first-block .columns:first-of-type {
padding:0
}
}
.nivaria-golf-location-wrapper .first-block .map {
padding: 0 calc(18.4px + 1.27059vw);
width: 100%
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper .first-block .map {
padding:0 40px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-location-wrapper .first-block .map {
margin-top:50px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-location-wrapper .first-block .map {
margin-top:50px;
padding: 0
}
}
.nivaria-golf-location-wrapper .punsh-line-wrapper {
position: relative;
padding: calc(29.4px + 7.09412vw) 0
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper .punsh-line-wrapper {
padding:150px 0
}
}
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container {
position: relative
}
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line {
position: relative;
display: block;
width: 96%;
left: 2%;
margin-top: calc(17.4px + .74118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 1px solid #000
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line {
margin-top:30px;
font-size: 200px
}
}
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line p {
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line p {
font-size:200px
}
}
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line p span {
font-size:200px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line {
width:100%;
left: 0;
font-size: 15vw
}
}
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2),.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) {
text-align: right
}
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left: -10vw
}
@media only screen and (max-width: 680px) {
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left:auto
}
}
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left: 10vw
}
@media only screen and (max-width: 680px) {
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left:auto
}
}
.nivaria-golf-location-wrapper .punsh-line-wrapper .lines-container .line .inner-line {
position: relative;
display: inline-block
}
.nivaria-golf-location-wrapper .punsh-line-wrapper .rock {
position: absolute;
top: 25%;
left: -1%;
width: 25vw;
max-width: 460px
}
@media only screen and (max-width: 680px) {
.nivaria-golf-location-wrapper .punsh-line-wrapper .rock {
width:41vw
}
}
.nivaria-golf-location-wrapper .last-block,.nivaria-golf-location-wrapper .last-block .columns {
position: relative
}
.nivaria-golf-location-wrapper .last-block .photo-container {
position: relative;
margin-top: -10%
}
@media only screen and (max-width: 820px) {
.nivaria-golf-location-wrapper .last-block .photo-container {
margin-top:80px
}
}
.nivaria-golf-location-wrapper .last-block .photo-2 {
position: relative;
max-width: 630px;
width: 25vw;
margin-left: auto
}
@media only screen and (max-width: 820px) {
.nivaria-golf-location-wrapper .last-block .photo-2 {
width:50%
}
}
.nivaria-golf-location-wrapper .last-block .photo-3 {
position: absolute;
max-width: 700px;
width: 28vw;
bottom: -10%;
left: 0
}
@media only screen and (max-width: 820px) {
.nivaria-golf-location-wrapper .last-block .photo-3 {
bottom:15%;
width: 60%
}
}
.nivaria-golf-investment-block-wrapper {
position: relative
}
.nivaria-golf-investment-block-wrapper .nivaria-ornament {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
pointer-events: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: none
}
.nivaria-golf-investment-block-wrapper .upper-row {
position: relative;
padding-top: calc(24.4px + 4.44706vw)
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .upper-row {
padding-top:100px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-investment-block-wrapper .upper-row {
padding-bottom:100px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-investment-block-wrapper .upper-row {
padding-top:80px
}
}
.nivaria-golf-investment-block-wrapper .row,.nivaria-golf-investment-block-wrapper .row .columns {
position: relative
}
.nivaria-golf-investment-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(24.4px + 4.44706vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .upper-title {
margin-bottom:100px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-investment-block-wrapper .upper-title {
letter-spacing:1.3em
}
}
.nivaria-golf-investment-block-wrapper .footnote {
display: block;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: rgba(246,244,242,.5);
line-height: 1.4em
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .footnote {
font-size:18px
}
}
.nivaria-golf-investment-block-wrapper .left-col .title {
position: relative;
margin-bottom: calc(17.4px + .74118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.4px + 2.32941vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .left-col .title {
margin-bottom:30px;
font-size: 60px
}
}
.nivaria-golf-investment-block-wrapper .left-col .title p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.4px + 2.32941vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em;
margin: 0
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .left-col .title p {
font-size:60px
}
}
.nivaria-golf-investment-block-wrapper .left-col .title span {
font-size: calc(20.4px + 2.32941vw);
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .left-col .title span {
font-size:60px
}
}
.nivaria-golf-investment-block-wrapper .left-col p {
color: #f6f4f2
}
.nivaria-golf-investment-block-wrapper .left-col .price-container {
position: relative;
margin-top: calc(21.4px + 2.85882vw)
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .left-col .price-container {
margin-top:70px
}
}
.nivaria-golf-investment-block-wrapper .left-col .price-container .price-title {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .left-col .price-container .price-title {
font-size:30px
}
}
.nivaria-golf-investment-block-wrapper .left-col .price-container .value {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(18.4px + 1.27059vw);
font-weight: 500;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .left-col .price-container .value {
font-size:40px
}
}
.nivaria-golf-investment-block-wrapper .left-col .price-container .value span {
font-size: 14px
}
.nivaria-golf-investment-block-wrapper .right-col picture {
position: relative;
display: block
}
@media only screen and (max-width: 820px) {
.nivaria-golf-investment-block-wrapper .right-col picture {
margin-top:50px
}
}
.nivaria-golf-investment-block-wrapper .right-col picture img {
width: 100%
}
.nivaria-golf-investment-block-wrapper .right-col .titles-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.nivaria-golf-investment-block-wrapper .right-col .titles-list .title {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .right-col .titles-list .title {
font-size:30px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-investment-block-wrapper .right-col .titles-list .title {
margin-bottom:10px
}
}
.nivaria-golf-investment-block-wrapper .right-col .titles-list .subtitle {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .right-col .titles-list .subtitle {
font-size:20px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-investment-block-wrapper .right-col .titles-list .subtitle {
font-size:calc(16.4px + .21176vw);
margin-bottom: 10px
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.nivaria-golf-investment-block-wrapper .right-col .titles-list .subtitle {
font-size:20px
}
}
.nivaria-golf-investment-block-wrapper .right-col .price-list {
position: relative;
margin: calc(21.4px + 2.85882vw) 0 calc(24.4px + 4.44706vw)
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .right-col .price-list {
margin:70px 0 100px
}
}
.nivaria-golf-investment-block-wrapper .right-col .price-list .footnote {
margin: calc(17.4px + .74118vw) 0 calc(22.4px + 3.38824vw);
font-size: 15px
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .right-col .price-list .footnote {
margin:30px 0 80px
}
}
.nivaria-golf-investment-block-wrapper .right-col .price-list ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0
}
.nivaria-golf-investment-block-wrapper .right-col .price-list ul li.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.nivaria-golf-investment-block-wrapper .right-col .price-list ul li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #f6f4f2;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.4px + .21176vw);
font-weight: 500;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span {
font-size:20px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span {
font-size:13px
}
}
.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span:first-child {
padding-right: 10px;
font-weight: 300;
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span:nth-child(2),.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span:nth-child(3),.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span:nth-child(4) {
font-weight: 300
}
@media only screen and (max-width: 680px) {
.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span:nth-child(2),.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span:nth-child(3),.nivaria-golf-investment-block-wrapper .right-col .price-list ul li span:nth-child(4) {
padding-left:0;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
}
.nivaria-golf-investment-block-wrapper .bottom-row {
position: relative;
width: 100%;
padding-bottom: calc(28.4px + 6.56471vw);
margin-top: calc(-44.4px - 2.32941vw)
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .bottom-row {
padding-bottom:140px;
margin-top: -60px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-investment-block-wrapper .bottom-row {
margin-top:0
}
}
.nivaria-golf-investment-block-wrapper .bottom-row .video-2 {
position: relative;
max-width: 100%;
width: 100%;
margin-top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .bottom-row .video-2 {
margin-top:-200px
}
}
@media only screen and (max-width: 1200px) {
.nivaria-golf-investment-block-wrapper .bottom-row .video-2 {
margin-top:calc(-44.4px - 4.44706vw)
}
}
@media only screen and (max-width: 1200px) and (min-width:1700px) {
.nivaria-golf-investment-block-wrapper .bottom-row .video-2 {
margin-top:-100px
}
}
@media only screen and (max-width: 1180px) {
.nivaria-golf-investment-block-wrapper .bottom-row .video-2 {
margin-top:0
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-investment-block-wrapper .bottom-row .video-2 {
margin-top:-10%;
width: 70%
}
}
.nivaria-golf-investment-block-wrapper .bottom-row .image-2 {
position: relative;
margin-top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .bottom-row .image-2 {
margin-top:-200px
}
}
.nivaria-golf-investment-block-wrapper .bottom-row .image-3 {
position: absolute;
top: 20%;
right: -25%;
max-width: 650px;
width: 26vw
}
@media only screen and (max-width: 820px) {
.nivaria-golf-investment-block-wrapper .bottom-row .image-3 {
position:relative;
top: auto;
right: auto;
width: 45%;
margin-left: auto;
margin-top: -10%
}
}
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list {
position: relative;
margin-top: calc(34.4px + 9.74118vw);
display: grid;
grid-template-columns: repeat(4,auto);
grid-template-rows: auto;
grid-column-gap: 90px;
grid-row-gap: 80px
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list {
margin-top:200px
}
}
@media only screen and (max-width: 1180px) {
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list {
grid-column-gap:40px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list {
grid-template-columns:repeat(2,auto);
grid-template-rows: auto auto
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list {
grid-template-columns:repeat(1,auto);
grid-template-rows: auto;
grid-row-gap: 40px
}
}
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list .item.enter-viewport .header:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list .header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list .header:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list .header img {
max-width: 70px
}
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list .header .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.5px + .26471vw);
font-weight: 400;
color: #232323;
line-height: 1.2em
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list .header .title {
font-size:21px
}
}
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list .content {
position: relative;
margin: calc(16.4px + .21176vw) 0 0
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list .content {
margin:20px 0 0
}
}
.nivaria-golf-investment-block-wrapper .bottom-row .perks-list .content span {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.4em
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper {
position: relative;
padding: calc(19.4px + 1.8vw) 0 calc(28.4px + 6.56471vw)
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .brochure-wrapper {
padding:50px 0 140px
}
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container {
position: relative
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container .brochure-btn {
text-decoration: none;
border: none;
outline: none;
background-color: transparent;
cursor: pointer;
width: 100%;
padding: 0
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container .brochure-btn.hover svg path {
opacity: 1
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container .inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
pointer-events: none;
padding-left: .625rem;
padding-right: .625rem
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container svg {
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
pointer-events: none
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container svg path {
opacity: .4;
-webkit-transition: fill .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
-o-transition: fill .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
transition: fill .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
position: relative;
display: block;
margin-top: calc(32.4px + 8.68235vw);
margin-bottom: calc(17.4px + .74118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
white-space: nowrap;
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
margin-top:180px;
margin-bottom: 30px;
font-size: 120px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
white-space:inherit
}
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container .link-title span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
font-style: italic
}
@media (min-width: 1700px) {
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container .link-title span {
font-size:120px
}
}
.nivaria-golf-investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle {
position: relative;
left: 4px;
text-align: center;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #93c69c;
line-height: 1.1em;
letter-spacing: 1.1em;
text-transform: uppercase;
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1)
}
.ura .investment-block-wrapper .upper-row {
background-color: #172828
}
.ura .investment-block-wrapper .brochure-wrapper {
background-color: #dceceb
}
.ura .investment-block-wrapper .brochure-wrapper .brochure-container svg path {
fill: #c0d7d5
}
.ura .investment-block-wrapper .brochure-wrapper .brochure-container .link-title {
text-transform: uppercase
}
.ura .investment-block-wrapper .brochure-wrapper .brochure-container .link-subtitle {
color: #95aaa8
}
.ura .investment-block-wrapper .bottom-row {
background-color: #dceceb
}
.nivaria_golf_marina .nivaria-golf-investment-block-wrapper .nivaria-ornament {
display: block
}
.nivaria_golf_marina .nivaria-golf-investment-block-wrapper .upper-row {
background-color: #1f271f
}
.nivaria-golf-floors-block-wrapper {
position: relative;
padding: calc(26.4px + 5.50588vw) 0
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper {
padding:120px 0
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-floors-block-wrapper {
padding:80px 0
}
}
.nivaria-golf-floors-block-wrapper .background-color-container {
padding: calc(22.4px + 3.38824vw) 0 calc(34.4px + 9.74118vw);
background-color: #e4f5e4
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .background-color-container {
padding:80px 0 200px
}
}
.nivaria-golf-floors-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-floors-block-wrapper .upper-title {
letter-spacing:1.3em;
margin-bottom: 0
}
}
.nivaria-golf-floors-block-wrapper .floor-description-container {
position: relative;
margin-top: -280px
}
@media only screen and (max-width: 820px) {
.nivaria-golf-floors-block-wrapper .floor-description-container {
margin-top:40px
}
}
.nivaria-golf-floors-block-wrapper .floor-description-container .floor-images {
position: relative;
height: auto;
overflow: hidden
}
.nivaria-golf-floors-block-wrapper .floor-description-container .floor-images picture {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
.nivaria-golf-floors-block-wrapper .floor-description-container .floor-images picture:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.nivaria-golf-floors-block-wrapper .floor-description-container .floor-images picture img {
width: 100%
}
.nivaria-golf-floors-block-wrapper .floor-description-container .floor-text {
position: relative
}
.nivaria-golf-floors-block-wrapper .floor-description-container .two-col {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: calc(16.4px + .21176vw);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .floor-description-container .two-col {
margin-top:20px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-floors-block-wrapper .floor-description-container .two-col {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.nivaria-golf-floors-block-wrapper .floor-description-container .two-col:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.nivaria-golf-floors-block-wrapper .floor-description-container .two-col p {
font-size: calc(16.2px + .10588vw);
text-indent: 0;
margin-bottom: .5em
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .floor-description-container .two-col p {
font-size:18px
}
}
.nivaria-golf-floors-block-wrapper .floor-switcher-container {
position: relative;
margin-top: calc(29.4px + 7.09412vw);
z-index: 1
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .floor-switcher-container {
margin-top:150px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-floors-block-wrapper .floor-switcher-container {
margin-top:calc(34.4px + 9.74118vw);
top: -60px
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.nivaria-golf-floors-block-wrapper .floor-switcher-container {
margin-top:200px
}
}
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li {
position: relative;
margin: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li {
font-size:26px
}
}
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li.active {
pointer-events: none
}
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li.active,.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li:hover {
opacity: 1
}
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li.active:before,.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: -22px;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li:before {
margin-left:0
}
}
.nivaria-golf-floors-block-wrapper .floor-switcher-container ul li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.nivaria-golf-floors-block-wrapper .floor-plants-container {
position: relative;
margin-top: calc(-44.4px - 3.38824vw)
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .floor-plants-container {
margin-top:-80px
}
}
.nivaria-golf-floors-block-wrapper .floor-plants-container .floor-1-plant-svg,.nivaria-golf-floors-block-wrapper .floor-plants-container .floor-minus-1-plant-svg,.nivaria-golf-floors-block-wrapper .floor-plants-container .rooftop-plant-svg {
display: none;
opacity: 0;
visibility: hidden
}
.nivaria-golf-floors-block-wrapper .floor-plants-container .floor-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 11px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
@media only screen and (max-width: 820px) {
.nivaria-golf-floors-block-wrapper .floor-plants-container svg {
width:80vw;
margin: 10px auto
}
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg .point {
cursor: pointer
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg .point path {
pointer-events: none
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg circle {
fill: #c4b89e
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg path {
fill: #000
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg .medium-stay-area circle {
fill: #c4b89e
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg .medium-stay-area path {
fill: #000
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg .short-stay-area circle {
fill: #b6dad8
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg .short-stay-area path {
fill: #000
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg .type {
fill: #232323
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg .line-1 {
fill: none;
stroke: #b6dad8;
stroke-width: 3
}
.nivaria-golf-floors-block-wrapper .floor-plants-container svg .line-2 {
fill: none;
stroke: #c4b89e;
stroke-width: 3
}
.nivaria-golf-floors-block-wrapper .punch-line-container {
position: relative;
pointer-events: none
}
@media only screen and (max-width: 820px) {
.nivaria-golf-floors-block-wrapper .punch-line-container {
margin:calc(20.4px + 2.32941vw) 0
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.nivaria-golf-floors-block-wrapper .punch-line-container {
margin:60px 0
}
}
.nivaria-golf-floors-block-wrapper .punch-line-container h2 {
position: absolute;
top: 0;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .punch-line-container h2 {
font-size:80px
}
}
.nivaria-golf-floors-block-wrapper .punch-line-container h2:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.nivaria-golf-floors-block-wrapper .punch-line-container h2 p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .punch-line-container h2 p {
font-size:80px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-floors-block-wrapper .punch-line-container h2 p {
white-space:inherit
}
}
.nivaria-golf-floors-block-wrapper .punch-line-container h2 span {
font-size: calc(22.4px + 3.38824vw);
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .punch-line-container h2 span {
font-size:80px
}
}
.nivaria-golf-floors-block-wrapper .hero-photo-container {
position: relative;
margin-top: calc(-44.4px - 4.44706vw)
}
@media (min-width: 1700px) {
.nivaria-golf-floors-block-wrapper .hero-photo-container {
margin-top:-100px
}
}
.nivaria-golf-apartments-wrapper {
position: relative;
padding: calc(23.4px + 3.91765vw) 0
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper {
padding:90px 0
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-apartments-wrapper {
padding:80px 0
}
}
.nivaria-golf-apartments-wrapper .columns {
position: relative
}
.nivaria-golf-apartments-wrapper .main-container {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
z-index: 1
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .main-container {
margin-top:100px
}
}
.nivaria-golf-apartments-wrapper .right-container {
position: relative;
margin-top: calc(19.4px + 1.8vw)
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .right-container {
margin-top:50px
}
}
.nivaria-golf-apartments-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-apartments-wrapper .upper-title {
letter-spacing:1.3em
}
}
.nivaria-golf-apartments-wrapper .title {
position: relative;
margin-top: -1em;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .title {
font-size:100px
}
}
.nivaria-golf-apartments-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .title p {
font-size:100px
}
}
.nivaria-golf-apartments-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .title p span {
font-size:100px
}
}
.nivaria-golf-apartments-wrapper .apartment-switcher {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: inline-block
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .apartment-switcher {
margin-top:30px
}
}
.nivaria-golf-apartments-wrapper .apartment-switcher li {
position: relative;
margin: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.8px + .95294vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
opacity: .3;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .apartment-switcher li {
font-size:34px
}
}
.nivaria-golf-apartments-wrapper .apartment-switcher li.active {
opacity: 1;
pointer-events: none
}
.nivaria-golf-apartments-wrapper .apartment-switcher li.active:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.nivaria-golf-apartments-wrapper .apartment-switcher li:hover {
opacity: 1
}
.nivaria-golf-apartments-wrapper .apartment-switcher li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.nivaria-golf-apartments-wrapper .apartment-switcher li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.nivaria-golf-apartments-wrapper .apartment-switcher li:before {
content: "";
position: relative;
margin-right: 10px;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 100%;
background-color: #232323;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
.nivaria-golf-apartments-wrapper .apartment-switcher li .label,.nivaria-golf-apartments-wrapper .apartment-switcher li:before {
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.nivaria-golf-apartments-wrapper .apartment-switcher li .label {
pointer-events: none
}
.nivaria-golf-apartments-wrapper .squares-counter {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
width: calc(62.4px + 24.56471vw);
height: calc(62.4px + 24.56471vw);
border-radius: 100%;
border: 1px solid rgba(35,35,35,.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .squares-counter {
margin-top:100px;
width: 480px;
height: 480px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-apartments-wrapper .squares-counter {
margin:calc(24.4px + 4.44706vw) auto 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.nivaria-golf-apartments-wrapper .squares-counter {
margin:100px auto 0
}
}
.nivaria-golf-apartments-wrapper .squares-counter .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(30.4px + 7.62353vw);
font-weight: 300;
color: #000;
line-height: 1.18em;
letter-spacing: -.01em;
font-style: italic;
padding: 0 20px
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .squares-counter .number {
font-size:160px
}
}
.nivaria-golf-apartments-wrapper .squares-counter .label {
position: absolute;
left: 0;
bottom: 60px;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: rgba(0,0,0,.4);
line-height: 1.4em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .squares-counter .label {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-apartments-wrapper .squares-counter .label {
position:relative;
bottom: auto;
left: auto
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-apartments-wrapper .squares-counter .label {
font-size:14px
}
}
.nivaria-golf-apartments-wrapper .floor-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 820px) {
.nivaria-golf-apartments-wrapper .floor-switcher {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
}
.nivaria-golf-apartments-wrapper .floor-switcher li {
position: relative;
margin-right: calc(18.9px + 1.53529vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .3;
cursor: pointer;
-webkit-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
transition: opacity 2s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .floor-switcher li {
margin-right:45px;
font-size: 30px
}
}
.nivaria-golf-apartments-wrapper .floor-switcher li:hover {
opacity: 1
}
.nivaria-golf-apartments-wrapper .floor-switcher li.active {
opacity: 1;
pointer-events: none
}
.nivaria-golf-apartments-wrapper .floor-switcher li sup {
position: relative;
top: -.8em;
display: inline-block;
width: 55px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: lowercase
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .floor-switcher li sup {
font-size:18px
}
}
.nivaria-golf-apartments-wrapper .plant-container {
position: relative;
background-color: #f4fff4
}
.nivaria-golf-apartments-wrapper .plant-container .homes-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
.nivaria-golf-apartments-wrapper .plant-container .homes-tooltip span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
font-style: italic
}
.nivaria-golf-apartments-wrapper .plant-container .apartment-1-container {
position: relative;
display: block
}
@media only screen and (max-width: 820px) {
.nivaria-golf-apartments-wrapper .plant-container .apartment-1-container {
margin-bottom:calc(16.4px + .21176vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.nivaria-golf-apartments-wrapper .plant-container .apartment-1-container {
margin-bottom:20px
}
}
.nivaria-golf-apartments-wrapper .plant-container .apartment-1-container svg:first-child {
display: block;
position: relative;
opacity: 1;
visibility: visible
}
.nivaria-golf-apartments-wrapper .plant-container .apartment-2-container {
display: none
}
.nivaria-golf-apartments-wrapper .plant-container svg {
opacity: 0;
visibility: hidden;
display: none
}
.nivaria-golf-apartments-wrapper .plant-container svg .point {
cursor: pointer
}
.nivaria-golf-apartments-wrapper .plant-container svg .point path {
pointer-events: none
}
.nivaria-golf-apartments-wrapper .plant-container svg circle {
fill: #232323
}
.nivaria-golf-apartments-wrapper .plant-container svg path {
fill: #fff
}
.nivaria-golf-apartments-wrapper .plant-container .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
display: none
}
.nivaria-golf-apartments-wrapper .plant-container p {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
padding-right: calc(18.4px + 1.27059vw);
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .plant-container p {
margin-top:40px;
padding-right: 40px;
font-size: 18px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-apartments-wrapper .plant-container p {
margin-top:0
}
}
@media only screen and (max-width: 680px) {
.nivaria-golf-apartments-wrapper .plant-container p {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.nivaria-golf-apartments-wrapper .photo-container {
position: relative;
margin-top: calc(-44.4px - 1.27059vw)
}
@media (min-width: 1700px) {
.nivaria-golf-apartments-wrapper .photo-container {
margin-top:-40px
}
}
@media only screen and (max-width: 820px) {
.nivaria-golf-apartments-wrapper .photo-container {
margin-top:40px
}
}
.ura-hero-wrapper {
position: relative;
padding: calc(34.4px + 9.74118vw) 0;
display: block;
width: 100%
}
@media (min-width: 1700px) {
.ura-hero-wrapper {
padding:200px 0
}
}
@media only screen and (max-width: 1100px) {
.ura-hero-wrapper {
display:none;
padding-left: calc(20px + .625rem);
padding-right: calc(20px + .625rem)
}
}
@media only screen and (max-width: 680px) {
.ura-hero-wrapper {
padding:100px calc(13.33333px + .625rem)
}
}
.ura-hero-wrapper h2 {
position: relative;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(26.8px + 5.71765vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.ura-hero-wrapper h2 {
font-size:124px
}
}
.ura-hero-wrapper h2 p {
margin-bottom: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: calc(26.8px + 5.71765vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.ura-hero-wrapper h2 p {
font-size:124px
}
}
.ura-hero-wrapper h2 span {
display: block;
font-size: calc(26.8px + 5.71765vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 1700px) {
.ura-hero-wrapper h2 span {
font-size:124px
}
}
@media only screen and (max-width: 1100px) {
.ura-hero-wrapper h2 span {
white-space:inherit
}
}
.ura-hero-wrapper h2 .line {
position: relative
}
.ura-hero-wrapper h2 .line:first-child {
text-align: center
}
.ura-hero-wrapper h2 .line:nth-child(2) {
left: 40vw
}
@media only screen and (max-width: 820px) {
.ura-hero-wrapper h2 .line:nth-child(2) {
left:auto
}
}
.ura-hero-wrapper h2 .line:nth-child(3) {
left: 20vw
}
@media only screen and (max-width: 820px) {
.ura-hero-wrapper h2 .line:nth-child(3) {
left:auto
}
}
.ura-hero-wrapper h2 .line:nth-child(4) {
left: 40vw
}
@media only screen and (max-width: 820px) {
.ura-hero-wrapper h2 .line:nth-child(4) {
left:auto
}
}
.ura-hero-wrapper h2 .line span {
display: inline-block
}
.ura-hero-wrapper h2 .line .italic,.ura-hero-wrapper h2 .line .serif-bold,.ura-hero-wrapper h2 .line .serif-ligth,.ura-hero-wrapper h2 .line .serif-medium,.ura-hero-wrapper h2 .line .serif-normal {
color: #55bbb4;
text-transform: none
}
.sustainability-wrapper {
position: relative;
padding: calc(20.4px + 2.32941vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.sustainability-wrapper {
padding:60px 0 120px
}
}
@media only screen and (max-width: 680px) {
.sustainability-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.sustainability-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.sustainability-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.sustainability-wrapper .upper-title {
letter-spacing:1.3em
}
}
.sustainability-wrapper .statistics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 380px) {
.sustainability-wrapper .statistics-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.sustainability-wrapper .statistics-list li {
position: relative;
padding: 20px 20px 10px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
font-size: 14px
}
@media only screen and (max-width: 1290px) {
.sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media only screen and (max-width: 380px) {
.sustainability-wrapper .statistics-list li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.sustainability-wrapper .statistics-list li.enter-viewport div:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.sustainability-wrapper .statistics-list li div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.sustainability-wrapper .statistics-list li div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.sustainability-wrapper .statistics-list li div img {
margin-left: -20px
}
@media only screen and (max-width: 480px) {
.sustainability-wrapper .statistics-list li div img {
width:80px
}
}
.sustainability-wrapper .statistics-list li div picture {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
min-width: 50%
}
.sustainability-wrapper .statistics-list li div .value {
position: relative;
left: -10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.2em
}
.sustainability-wrapper .hero-line {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.sustainability-wrapper .hero-line {
font-size:125px
}
}
.sustainability-wrapper .hero-line:first-child {
padding-top: calc(23.4px + 3.91765vw)
}
@media (min-width: 1700px) {
.sustainability-wrapper .hero-line:first-child {
padding-top:90px
}
}
@media only screen and (max-width: 680px) {
.sustainability-wrapper .hero-line:first-child {
padding-top:80px
}
}
.sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom: calc(18.9px + 1.53529vw);
text-align: right;
padding-right: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.sustainability-wrapper .hero-line:nth-child(2) {
padding-bottom:45px;
padding-right: 120px
}
}
@media only screen and (max-width: 900px) {
.sustainability-wrapper .hero-line:nth-child(2) {
padding-right:0
}
}
@media only screen and (max-width: 680px) {
.sustainability-wrapper .hero-line:nth-child(2) {
text-align:left
}
}
.sustainability-wrapper .hero-line p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.9px + 5.77059vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.sustainability-wrapper .hero-line p {
font-size:125px
}
}
.sustainability-wrapper .hero-line span {
font-size: calc(26.9px + 5.77059vw);
color: #232323;
line-height: 1em;
letter-spacing: -.05em
}
@media (min-width: 1700px) {
.sustainability-wrapper .hero-line span {
font-size:125px
}
}
.sustainability-wrapper .two-cols-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media only screen and (max-width: 680px) {
.sustainability-wrapper .two-cols-container {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.sustainability-wrapper .two-cols-container p {
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.sustainability-wrapper .two-cols-container p {
font-size:18px
}
}
.floors-block-wrapper {
position: relative;
padding: calc(26.4px + 5.50588vw) 0;
background-color: #f1f8f7
}
@media (min-width: 1700px) {
.floors-block-wrapper {
padding:120px 0
}
}
@media only screen and (max-width: 680px) {
.floors-block-wrapper {
padding:80px 0
}
}
.floors-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.floors-block-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.floors-block-wrapper .upper-title {
letter-spacing:1.3em;
margin-bottom: 0
}
}
.floors-block-wrapper .floor-description-container {
position: relative;
margin-top: -280px
}
@media only screen and (max-width: 820px) {
.floors-block-wrapper .floor-description-container {
margin-top:40px
}
}
.floors-block-wrapper .floor-description-container .floor-images {
position: relative;
height: auto;
overflow: hidden
}
.floors-block-wrapper .floor-description-container .floor-images picture {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
.floors-block-wrapper .floor-description-container .floor-images picture:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.floors-block-wrapper .floor-description-container .floor-images picture img {
width: 100%
}
.floors-block-wrapper .floor-description-container .floor-text {
position: relative
}
.floors-block-wrapper .floor-description-container .two-col {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: calc(16.4px + .21176vw);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.floors-block-wrapper .floor-description-container .two-col {
margin-top:20px
}
}
@media only screen and (max-width: 680px) {
.floors-block-wrapper .floor-description-container .two-col {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.floors-block-wrapper .floor-description-container .two-col:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.floors-block-wrapper .floor-description-container .two-col p {
font-size: calc(16.2px + .10588vw);
text-indent: 0;
margin-bottom: .5em
}
@media (min-width: 1700px) {
.floors-block-wrapper .floor-description-container .two-col p {
font-size:18px
}
}
.floors-block-wrapper .floor-switcher-container {
position: relative;
margin-top: calc(29.4px + 7.09412vw);
z-index: 1
}
@media (min-width: 1700px) {
.floors-block-wrapper .floor-switcher-container {
margin-top:150px
}
}
@media only screen and (max-width: 820px) {
.floors-block-wrapper .floor-switcher-container {
top:-60px
}
}
.floors-block-wrapper .floor-switcher-container ul li {
position: relative;
margin: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(17px + .52941vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .4;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media (min-width: 1700px) {
.floors-block-wrapper .floor-switcher-container ul li {
font-size:26px
}
}
.floors-block-wrapper .floor-switcher-container ul li.active {
pointer-events: none
}
.floors-block-wrapper .floor-switcher-container ul li.active,.floors-block-wrapper .floor-switcher-container ul li:hover {
opacity: 1
}
.floors-block-wrapper .floor-switcher-container ul li.active:before,.floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.floors-block-wrapper .floor-switcher-container ul li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.floors-block-wrapper .floor-switcher-container ul li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.floors-block-wrapper .floor-switcher-container ul li:before {
content: "";
position: relative;
margin-right: 10px;
margin-left: -22px;
display: block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #232323;
pointer-events: none;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
@media only screen and (max-width: 820px) {
.floors-block-wrapper .floor-switcher-container ul li:before {
margin-left:0
}
}
.floors-block-wrapper .floor-switcher-container ul li .label {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
pointer-events: none
}
.floors-block-wrapper .floor-plants-container {
position: relative;
margin-top: calc(-44.4px - 3.38824vw)
}
@media (min-width: 1700px) {
.floors-block-wrapper .floor-plants-container {
margin-top:-80px
}
}
.floors-block-wrapper .floor-plants-container .floor-1-plant-svg,.floors-block-wrapper .floor-plants-container .floor-minus-1-plant-svg,.floors-block-wrapper .floor-plants-container .rooftop-plant-svg {
display: none;
opacity: 0;
visibility: hidden
}
.floors-block-wrapper .floor-plants-container .floor-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 11px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none
}
@media only screen and (max-width: 820px) {
.floors-block-wrapper .floor-plants-container svg {
width:80vw;
margin: 10px auto
}
}
.floors-block-wrapper .floor-plants-container svg .point {
cursor: pointer
}
.floors-block-wrapper .floor-plants-container svg .point path {
pointer-events: none
}
.floors-block-wrapper .floor-plants-container svg circle {
fill: #c4b89e
}
.floors-block-wrapper .floor-plants-container svg path {
fill: #000
}
.floors-block-wrapper .floor-plants-container svg .medium-stay-area circle {
fill: #c4b89e
}
.floors-block-wrapper .floor-plants-container svg .medium-stay-area path {
fill: #000
}
.floors-block-wrapper .floor-plants-container svg .short-stay-area circle {
fill: #b6dad8
}
.floors-block-wrapper .floor-plants-container svg .short-stay-area path {
fill: #000
}
.floors-block-wrapper .floor-plants-container svg .type {
fill: #232323
}
.floors-block-wrapper .floor-plants-container svg .line-1 {
fill: none;
stroke: #b6dad8;
stroke-width: 3
}
.floors-block-wrapper .floor-plants-container svg .line-2 {
fill: none;
stroke: #c4b89e;
stroke-width: 3
}
.floors-block-wrapper .punch-line-container {
position: relative;
pointer-events: none
}
.floors-block-wrapper .punch-line-container h2 {
position: absolute;
top: 0;
left: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.floors-block-wrapper .punch-line-container h2 {
font-size:80px
}
}
.floors-block-wrapper .punch-line-container h2:first-child {
position: relative;
opacity: 1;
visibility: visible
}
.floors-block-wrapper .punch-line-container h2 p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em;
white-space: nowrap
}
@media (min-width: 1700px) {
.floors-block-wrapper .punch-line-container h2 p {
font-size:80px
}
}
@media only screen and (max-width: 820px) {
.floors-block-wrapper .punch-line-container h2 p {
white-space:inherit
}
}
.floors-block-wrapper .punch-line-container h2 span {
font-size: calc(22.4px + 3.38824vw);
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.floors-block-wrapper .punch-line-container h2 span {
font-size:80px
}
}
.apartments-block-wrapper {
position: relative
}
.apartments-block-wrapper .tooltips-wrapper {
position: relative;
height: 100vh;
width: 100vw;
min-height: 850px
}
@media only screen and (orientation: portrait) {
.apartments-block-wrapper .tooltips-wrapper {
height:70vh;
max-height: 70vh;
min-height: 0
}
}
.apartments-block-wrapper .tooltips-wrapper .main-img-picture {
position: relative;
display: block;
height: 100%
}
.apartments-block-wrapper .tooltips-wrapper .main-img {
position: relative;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%
}
.apartments-block-wrapper .tooltips-wrapper .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
@media only screen and (max-width: 361px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips {
top:-25%
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li {
position: absolute;
display: block;
width: 300px;
height: 400px;
pointer-events: none
}
@media only screen and (max-width: 1280px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li {
width:calc(54.4px + 20.32941vw)
}
}
@media only screen and (max-width: 1280px) and (min-width:1700px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li {
width:400px
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li:first-child {
top: calc(20% - 35vh);
left: 50%
}
@media only screen and (max-width: 680px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li:first-child {
top:-40%
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li:nth-child(2) {
top: calc(60% - 35vh);
left: 30%
}
@media only screen and (max-width: 680px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li:nth-child(2) {
top:-12%;
left: 18%
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li:nth-child(3) {
top: calc(65% - 35vh);
left: 15%
}
@media only screen and (max-width: 680px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li:nth-child(3) {
left:-2%;
top: 3%
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li:nth-child(4) {
top: calc(80% - 35vh);
left: 50%
}
@media only screen and (max-width: 680px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li:nth-child(4) {
top:20%
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li:nth-child(5) {
top: calc(50% - 35vh);
left: 65%
}
@media only screen and (max-width: 680px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li:nth-child(5) {
top:-9%;
left: 68%
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li.active {
pointer-events: visible;
z-index: 10
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li.active .text,.apartments-block-wrapper .tooltips-wrapper .tooltips li.active .title,.apartments-block-wrapper .tooltips-wrapper .tooltips li.active img {
opacity: 1;
visibility: visible
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li.active .number:after {
-webkit-transition: -webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: -webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner {
padding:35px
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #172828;
opacity: 0;
visibility: hidden
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner img {
width: calc(22.4px + 3.38824vw);
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner img {
width:80px;
margin-bottom: 20px
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner .title {
font-size:19px
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner .text {
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
color: rgba(246,244,242,.6);
opacity: 0;
visibility: hidden
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
cursor: pointer
}
@media (min-width: 1700px) {
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.apartments-block-wrapper .tooltips-wrapper .tooltips li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
.apartments-block-wrapper .apartments-types-wrapper {
position: relative;
padding: calc(26.9px + 5.77059vw) 0;
background-color: #172828
}
@media (min-width: 1700px) {
.apartments-block-wrapper .apartments-types-wrapper {
padding:125px 0
}
}
@media only screen and (max-width: 680px) {
.apartments-block-wrapper .apartments-types-wrapper {
padding:80px 0
}
}
@media only screen and (max-width: 820px) {
.apartments-block-wrapper .apartments-types-wrapper .img-container {
margin-bottom:30px
}
}
.apartments-block-wrapper .apartments-types-wrapper .img-container img {
width: 100%
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type {
position: relative;
margin-top: calc(26.9px + 5.77059vw)
}
@media (min-width: 1700px) {
.apartments-block-wrapper .apartments-types-wrapper .apartment-type {
margin-top:125px
}
}
@media only screen and (max-width: 820px) {
.apartments-block-wrapper .apartments-types-wrapper .apartment-type {
margin-top:150px
}
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type:first-of-type {
margin-top: 0
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .description {
position: relative;
margin-top: calc(16.4px + .21176vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 1700px) {
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .description {
margin-top:20px
}
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .description .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width: 1700px) {
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .description .number {
font-size:100px
}
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .description .number .sup {
display: block;
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
text-transform: uppercase;
font-style: normal;
margin-left: 15px
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .description .size {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container {
position: relative;
height: 100%
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul {
position: relative;
height: 78%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width: 820px) {
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul {
height:auto;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width: 820px) {
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul li {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 20px 0 10px
}
}
@media only screen and (max-width: 380px) {
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul li {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0
}
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul li.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #f6f4f2;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
@media only screen and (max-width: 820px) {
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul li:after {
width:calc(100% - 20px)
}
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul li img {
position: relative;
width: 80px
}
.apartments-block-wrapper .apartments-types-wrapper .apartment-type .caracteristics-container ul li span {
position: relative;
display: block;
margin-left: 5px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.2em
}
.mobile-tooltips li.active .text,.mobile-tooltips li.active .title,.mobile-tooltips li.active img {
opacity: 1;
visibility: visible
}
.mobile-tooltips li.active .number:after {
-webkit-transition: -webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: -webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.mobile-tooltips li .inner .background {
background-color: #172828
}
.mobile-tooltips li .inner img {
width: calc(22.4px + 3.38824vw)
}
@media (min-width: 1700px) {
.mobile-tooltips li .inner img {
width:80px
}
}
.mobile-tooltips li .inner .title {
color: #f6f4f2
}
.mobile-tooltips li .inner .text {
color: rgba(246,244,242,.6)
}
.city-block-wrapper {
position: relative;
padding-bottom: calc(34.4px + 9.74118vw);
overflow: hidden
}
@media (min-width: 1700px) {
.city-block-wrapper {
padding-bottom:200px
}
}
@media only screen and (max-width: 680px) {
.city-block-wrapper {
padding-bottom:80px
}
}
.city-block-wrapper.in-viewport .photo-grid-container .text-container .columns:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.city-block-wrapper .photo-grid-container {
position: relative;
width: 100%;
padding-bottom: calc(26.4px + 5.50588vw);
background-color: #cadedd
}
@media (min-width: 1700px) {
.city-block-wrapper .photo-grid-container {
padding-bottom:120px
}
}
@media only screen and (max-width: 680px) {
.city-block-wrapper .photo-grid-container {
padding-bottom:60px
}
}
.city-block-wrapper .photo-grid-container .photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.city-block-wrapper .photo-grid-container .photos .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%
}
.city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.city-block-wrapper .photo-grid-container .photos .col img:nth-child(2) {
margin-top:30px
}
}
.city-block-wrapper .photo-grid-container .text-container {
position: relative;
top: calc(-44.4px - 9.74118vw)
}
@media (min-width: 1700px) {
.city-block-wrapper .photo-grid-container .text-container {
top:-200px
}
}
@media only screen and (max-width: 820px) {
.city-block-wrapper .photo-grid-container .text-container {
top:auto
}
}
.city-block-wrapper .photo-grid-container .text-container .columns {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 37.5vw;
max-height: 40em
}
@media only screen and (max-width: 820px) {
.city-block-wrapper .photo-grid-container .text-container .columns {
height:auto;
margin-top: 50px
}
}
.city-block-wrapper .photo-grid-container .text-container .columns:before {
content: "";
position: absolute;
top: 0;
display: block;
width: calc(73.4px + 30.38824vw);
height: calc(73.4px + 30.38824vw);
border-radius: 100%;
background-color: #c0d7d5;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: -webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
-o-transition: transform .5s 1s cubic-bezier(.25,.46,.45,.94);
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s;
transition: transform .5s cubic-bezier(.25,.46,.45,.94) 1s,-webkit-transform .5s cubic-bezier(.25,.46,.45,.94) 1s
}
@media (min-width: 1700px) {
.city-block-wrapper .photo-grid-container .text-container .columns:before {
width:590px;
height: 590px
}
}
@media only screen and (max-width: 820px) {
.city-block-wrapper .photo-grid-container .text-container .columns:before {
top:-30%
}
}
.city-block-wrapper .photo-grid-container .text-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(23.8px + 4.12941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.02em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.city-block-wrapper .photo-grid-container .text-container .title {
font-size:94px
}
}
.city-block-wrapper .photo-grid-container .text-container .coordinates {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.8px + 4.65882vw);
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
font-style: italic
}
@media (min-width: 1700px) {
.city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:104px
}
}
@media only screen and (max-width: 480px) {
.city-block-wrapper .photo-grid-container .text-container .coordinates {
font-size:9vw
}
}
.city-block-wrapper .photo-grid-container .text-container p {
position: absolute;
top: 70%;
left: 50%;
display: block;
width: 70%;
font-size: calc(16.6px + .31765vw);
text-align: left
}
@media (min-width: 1700px) {
.city-block-wrapper .photo-grid-container .text-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.city-block-wrapper .photo-grid-container .text-container p {
position:relative;
top: auto;
left: auto;
width: 100%;
margin-top: 20px
}
}
.city-block-wrapper .map-container {
position: relative
}
@media only screen and (max-width: 680px) {
.city-block-wrapper .map-container svg {
left:-93%;
width: 255%;
position: relative
}
}
.city-block-wrapper .map-container svg circle {
position: relative;
fill: #da352b;
cursor: pointer;
-webkit-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94);
transition: r .5s cubic-bezier(.25,.46,.45,.94),fill .5s cubic-bezier(.25,.46,.45,.94)
}
.city-block-wrapper .map-container svg circle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
@media (hover: hover) {
.city-block-wrapper .map-container svg circle:hover {
r:12;
fill: #232323
}
}
.city-block-wrapper .map-container h2 {
position: relative;
margin-top: -.84em;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.city-block-wrapper .map-container h2 {
font-size:124px
}
}
.city-block-wrapper .map-container h2 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.8px + 5.71765vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.05em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.city-block-wrapper .map-container h2 p {
font-size:124px
}
}
.city-block-wrapper .map-container h2 p span {
font-size: calc(26.8px + 5.71765vw);
line-height: 1em;
letter-spacing: -.05em;
color: #232323
}
@media (min-width: 1700px) {
.city-block-wrapper .map-container h2 p span {
font-size:124px
}
}
.city-block-wrapper .map-container h2 .upper-title {
display: block
}
.city-block-wrapper .map-container h2 .lower-title {
position: relative;
display: block;
width: 100%;
text-align: center
}
@media only screen and (max-width: 680px) {
.city-block-wrapper .map-container h2 .lower-title {
left:auto;
text-align: right
}
}
.city-block-wrapper .map-container p {
font-size: calc(16.6px + .31765vw)
}
@media (min-width: 1700px) {
.city-block-wrapper .map-container p {
font-size:22px
}
}
@media only screen and (max-width: 820px) {
.city-block-wrapper .map-container p {
margin-top:20px
}
}
.city-block-wrapper .map-container .city-tooltip {
position: absolute;
display: block;
padding: 15px calc(17.4px + .74118vw);
background-color: #232323;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase;
pointer-events: none;
white-space: nowrap
}
@media (min-width: 1700px) {
.city-block-wrapper .map-container .city-tooltip {
padding:15px 30px
}
}
@media only screen and (max-width: 680px) {
.city-block-wrapper .map-container .city-tooltip {
font-size:14px
}
}
.city-block-wrapper .map-container .city-tooltip:after {
content: "";
position: absolute;
bottom: -20px;
left: 30px;
display: block;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 30px solid #232323
}
.integrated-architecture-wrapper {
position: relative;
padding: calc(19.4px + 1.8vw) 0 calc(30.4px + 7.62353vw)
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper {
padding:50px 0 160px
}
}
@media only screen and (max-width: 680px) {
.integrated-architecture-wrapper {
padding:0 0 80px
}
}
.integrated-architecture-wrapper img {
width: 100%
}
.integrated-architecture-wrapper .first-block {
position: relative;
margin-bottom: calc(20.4px + 2.32941vw)
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .first-block {
margin-bottom:60px
}
}
.integrated-architecture-wrapper .first-block .title {
position: relative;
padding-left: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .first-block .title {
font-size:100px
}
}
@media only screen and (max-width: 800px) {
.integrated-architecture-wrapper .first-block .title {
padding-left:0
}
}
.integrated-architecture-wrapper .first-block .title p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .first-block .title p {
font-size:100px
}
}
.integrated-architecture-wrapper .first-block .title span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .first-block .title span {
font-size:100px
}
}
.integrated-architecture-wrapper .second-block {
position: relative
}
@media only screen and (max-width: 820px) {
.integrated-architecture-wrapper .second-block .inner {
margin:20px 0 80px
}
}
.integrated-architecture-wrapper .second-block .upper-title {
position: absolute;
top: -30px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #232323;
line-height: 1em
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .second-block .upper-title {
font-size:20px
}
}
@media only screen and (max-width: 800px) {
.integrated-architecture-wrapper .second-block .upper-title {
position:relative;
top: auto;
display: block;
margin-bottom: 20px
}
}
.integrated-architecture-wrapper .second-block .title {
position: relative;
margin: calc(16.6px + .31765vw) 0;
font-family: "Montserrat", sans-serif;
font-size: calc(18px + 1.05882vw);
font-weight: 400;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
font-style: italic
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .second-block .title {
margin:22px 0;
font-size: 36px
}
}
.integrated-architecture-wrapper .second-block .text {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .second-block .text {
font-size:18px
}
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper,.integrated-architecture-wrapper .third-block .tooltips-wrapper .main-img {
position: relative
}
@media only screen and (max-width: 600px) {
.integrated-architecture-wrapper .third-block .tooltips-wrapper .main-img {
max-width:none;
width: calc(100% + 2.85rem);
left: -1.425rem
}
}
@media only screen and (max-width: 600px) {
.integrated-architecture-wrapper .third-block .tooltips-wrapper {
width:calc(100% + 2.85rem);
left: -1.425rem
}
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li {
position: absolute;
display: block;
width: 300px;
height: 420px;
pointer-events: none
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:first-child {
top: 2%;
left: 60%
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(2) {
top: 5%;
left: 10%
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(3) {
top: 15%;
left: 40%
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li:nth-child(4) {
top: 45%;
left: 70%
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active {
pointer-events: visible;
z-index: 10
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .text,.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .title,.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner img {
opacity: 1;
visibility: visible
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number {
color: #232323;
-webkit-transition: color .75s cubic-bezier(.86,0,.07,1);
-o-transition: color .75s cubic-bezier(.86,0,.07,1);
transition: color .75s cubic-bezier(.86,0,.07,1)
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li.active .inner .number:after {
background-color: #232323;
-webkit-transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner {
padding:35px
}
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff7ec;
opacity: 0;
visibility: hidden
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width: calc(22.4px + 3.38824vw);
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner img {
width:80px;
margin-bottom: 20px
}
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .title {
font-size:19px
}
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .text {
margin-top: 10px;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
cursor: pointer
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.integrated-architecture-wrapper .third-block .tooltips-wrapper .tooltips li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
.integrated-architecture-wrapper .third-block .two-cols-text {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
width: 60%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
font-size: calc(16.2px + .10588vw)
}
@media (min-width: 1700px) {
.integrated-architecture-wrapper .third-block .two-cols-text {
margin-top:40px;
font-size: 18px
}
}
.integrated-architecture-wrapper .third-block .two-cols-text:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 1280px) {
.integrated-architecture-wrapper .third-block .two-cols-text {
width:80%
}
}
@media only screen and (max-width: 820px) {
.integrated-architecture-wrapper .third-block .two-cols-text {
width:100%
}
}
@media only screen and (max-width: 680px) {
.integrated-architecture-wrapper .third-block .two-cols-text {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.mobile-tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1005;
opacity: 0;
visibility: hidden
}
@media only screen and (max-width: 800px) {
.mobile-tooltips {
height:101vh;
height: calc(var(--vh, 1vh)*101)
}
}
.mobile-tooltips.active {
pointer-events: visible
}
.mobile-tooltips:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(35,35,35,.01);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px)
}
.mobile-tooltips li {
position: absolute;
top: calc(50% - 200px);
left: calc(50% - 150px);
display: block;
width: 300px;
height: 400px;
z-index: 1;
pointer-events: none;
opacity: 0;
visibility: hidden
}
.mobile-tooltips li.active {
pointer-events: visible;
z-index: 10
}
.mobile-tooltips li.active,.mobile-tooltips li.active .inner .text,.mobile-tooltips li.active .inner .title,.mobile-tooltips li.active .inner img {
opacity: 1;
visibility: visible
}
.mobile-tooltips li.active .inner .number {
color: #232323;
-webkit-transition: color .75s cubic-bezier(.86,0,.07,1);
-o-transition: color .75s cubic-bezier(.86,0,.07,1);
transition: color .75s cubic-bezier(.86,0,.07,1)
}
.mobile-tooltips li.active .inner .number:after {
background-color: #232323;
-webkit-transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
transition: background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-o-transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1);
transition: transform .75s cubic-bezier(.86,0,.07,1),background-color .75s cubic-bezier(.86,0,.07,1),-webkit-transform .75s cubic-bezier(.86,0,.07,1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.mobile-tooltips li .close-btn {
position: absolute;
top: -22px;
right: -22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 44px;
height: 44px;
background-color: #232323;
outline: none;
border: none;
border-radius: 100%;
z-index: 1;
opacity: 0;
cursor: pointer
}
.mobile-tooltips li .inner {
position: relative;
height: 100%;
padding: calc(17.9px + 1.00588vw);
display: block
}
@media (min-width: 1700px) {
.mobile-tooltips li .inner {
padding:35px
}
}
.mobile-tooltips li .inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff7ec;
opacity: 0;
visibility: hidden
}
.mobile-tooltips li .inner img {
width: 80px;
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.mobile-tooltips li .inner img {
margin-bottom:20px
}
}
.mobile-tooltips li .inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.mobile-tooltips li .inner .title {
font-size:19px
}
}
.mobile-tooltips li .inner .text {
margin-top: 10px;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.mobile-tooltips li .inner .number {
position: absolute;
left: calc(17.9px + 1.00588vw);
bottom: calc(17.9px + 1.00588vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic;
pointer-events: visible;
cursor: pointer
}
@media (min-width: 1700px) {
.mobile-tooltips li .inner .number {
left:35px;
bottom: 35px;
font-size: 100px
}
}
.mobile-tooltips li .inner .number:after {
content: "";
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
height: 1px;
background-color: #fff
}
.homes-wrapper {
position: relative;
padding: calc(23.4px + 3.91765vw) 0;
background-color: #f8f0e5
}
@media (min-width: 1700px) {
.homes-wrapper {
padding:90px 0
}
}
@media only screen and (max-width: 680px) {
.homes-wrapper {
padding:80px 0
}
}
.homes-wrapper .columns {
position: relative
}
.homes-wrapper .main-container {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
z-index: 1
}
@media (min-width: 1700px) {
.homes-wrapper .main-container {
margin-top:100px
}
}
.homes-wrapper .right-container {
position: relative;
margin-top: calc(19.4px + 1.8vw)
}
@media (min-width: 1700px) {
.homes-wrapper .right-container {
margin-top:50px
}
}
.homes-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.homes-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.homes-wrapper .upper-title {
letter-spacing:1.3em
}
}
.homes-wrapper .title {
position: relative;
margin-top: -1em;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.homes-wrapper .title {
font-size:100px
}
}
.homes-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.homes-wrapper .title p {
font-size:100px
}
}
.homes-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.homes-wrapper .title p span {
font-size:100px
}
}
.homes-wrapper .apartment-switcher {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: inline-block
}
@media (min-width: 1700px) {
.homes-wrapper .apartment-switcher {
margin-top:30px
}
}
.homes-wrapper .apartment-switcher li {
position: relative;
margin: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.8px + .95294vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
opacity: .3;
-webkit-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1s cubic-bezier(.165,.84,.44,1);
cursor: pointer
}
@media (min-width: 1700px) {
.homes-wrapper .apartment-switcher li {
font-size:34px
}
}
.homes-wrapper .apartment-switcher li.active {
opacity: 1;
pointer-events: none
}
.homes-wrapper .apartment-switcher li.active:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.homes-wrapper .apartment-switcher li:hover {
opacity: 1
}
.homes-wrapper .apartment-switcher li:hover .label {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.homes-wrapper .apartment-switcher li:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.homes-wrapper .apartment-switcher li:before {
content: "";
position: relative;
margin-right: 10px;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 100%;
background-color: #232323;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0);
transform: scale(0)
}
.homes-wrapper .apartment-switcher li .label,.homes-wrapper .apartment-switcher li:before {
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.homes-wrapper .apartment-switcher li .label {
pointer-events: none
}
.homes-wrapper .squares-counter {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
width: calc(62.4px + 24.56471vw);
height: calc(62.4px + 24.56471vw);
border-radius: 100%;
border: 1px solid rgba(35,35,35,.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 1700px) {
.homes-wrapper .squares-counter {
margin-top:100px;
width: 480px;
height: 480px
}
}
@media only screen and (max-width: 820px) {
.homes-wrapper .squares-counter {
margin:calc(24.4px + 4.44706vw) auto 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.homes-wrapper .squares-counter {
margin:100px auto 0
}
}
.homes-wrapper .squares-counter .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(30.4px + 7.62353vw);
font-weight: 300;
color: #000;
line-height: 1.18em;
letter-spacing: -.01em;
font-style: italic;
padding: 0 20px
}
@media (min-width: 1700px) {
.homes-wrapper .squares-counter .number {
font-size:160px
}
}
.homes-wrapper .squares-counter .label {
position: absolute;
left: 0;
bottom: 60px;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: rgba(0,0,0,.4);
line-height: 1.4em;
text-transform: uppercase;
text-align: center
}
@media (min-width: 1700px) {
.homes-wrapper .squares-counter .label {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.homes-wrapper .squares-counter .label {
position:relative;
bottom: auto;
left: auto
}
}
@media only screen and (max-width: 680px) {
.homes-wrapper .squares-counter .label {
font-size:14px
}
}
.homes-wrapper .floor-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 820px) {
.homes-wrapper .floor-switcher {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
}
.homes-wrapper .floor-switcher li {
position: relative;
margin-right: calc(18.9px + 1.53529vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.4px + .74118vw);
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: -.04em;
text-transform: uppercase;
opacity: .3;
cursor: pointer;
-webkit-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 2s cubic-bezier(.165,.84,.44,1);
transition: opacity 2s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.homes-wrapper .floor-switcher li {
margin-right:45px;
font-size: 30px
}
}
.homes-wrapper .floor-switcher li:hover {
opacity: 1
}
.homes-wrapper .floor-switcher li.active {
opacity: 1;
pointer-events: none
}
.homes-wrapper .floor-switcher li sup {
position: relative;
top: -.8em;
display: inline-block;
width: 55px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.2px + .10588vw);
font-weight: 300;
color: #232323;
line-height: 1.4em;
text-transform: lowercase
}
@media (min-width: 1700px) {
.homes-wrapper .floor-switcher li sup {
font-size:18px
}
}
.homes-wrapper .plant-container {
position: relative;
background-color: #f8f0e5
}
.homes-wrapper .plant-container .homes-tooltip {
position: absolute;
display: block;
padding: 10px 20px;
background-color: rgba(35,35,35,.9);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 45px;
font-family: "Montserrat", sans-serif;
pointer-events: none
}
.homes-wrapper .plant-container .homes-tooltip,.homes-wrapper .plant-container .homes-tooltip span {
font-weight: 400;
font-size: 12px;
font-weight: 500;
color: #f6f4f2;
line-height: 1em;
text-transform: uppercase
}
.homes-wrapper .plant-container .homes-tooltip span {
font-family: "Montserrat", sans-serif;
font-style: italic
}
.homes-wrapper .plant-container .apartment-1-container {
position: relative;
display: block
}
.homes-wrapper .plant-container .apartment-1-container svg:first-child {
display: block;
position: relative;
opacity: 1;
visibility: visible
}
.homes-wrapper .plant-container .apartment-2-container {
display: none
}
.homes-wrapper .plant-container svg {
opacity: 0;
visibility: hidden;
display: none
}
.homes-wrapper .plant-container svg .point {
cursor: pointer
}
.homes-wrapper .plant-container svg .point path {
pointer-events: none
}
.homes-wrapper .plant-container svg circle {
fill: #232323
}
.homes-wrapper .plant-container svg path {
fill: #fff
}
.homes-wrapper .plant-container .tooltips {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
display: none
}
.homes-wrapper .plant-container p {
position: relative;
margin-top: calc(-44.4px - 1.27059vw);
padding-right: calc(18.4px + 1.27059vw);
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
@media (min-width: 1700px) {
.homes-wrapper .plant-container p {
margin-top:-40px;
padding-right: 40px;
font-size: 18px
}
}
@media only screen and (max-width: 820px) {
.homes-wrapper .plant-container p {
margin-top:0
}
}
@media only screen and (max-width: 680px) {
.homes-wrapper .plant-container p {
-webkit-column-count:1;
-moz-column-count: 1;
column-count: 1
}
}
.homes-wrapper .photo-container {
position: relative;
margin-top: calc(-44.4px - 1.27059vw)
}
@media (min-width: 1700px) {
.homes-wrapper .photo-container {
margin-top:-40px
}
}
@media only screen and (max-width: 820px) {
.homes-wrapper .photo-container {
margin-top:40px
}
}
.location-wrapper {
position: relative;
padding: calc(23.4px + 3.91765vw) 0 calc(64.4px + 25.62353vw);
background-color: #f8f0e5
}
@media (min-width: 1700px) {
.location-wrapper {
padding:90px 0 500px
}
}
@media only screen and (max-width: 1700px) {
.location-wrapper {
padding:calc(23.4px + 3.91765vw) 0 calc(44.4px + 15.03529vw)
}
}
@media only screen and (max-width: 1700px) and (min-width:1700px) {
.location-wrapper {
padding:90px 0 300px
}
}
@media only screen and (max-width: 680px) {
.location-wrapper {
padding:40px 0 100px
}
}
.location-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.location-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.location-wrapper .upper-title {
letter-spacing:1.3em
}
}
.location-wrapper .title {
position: relative;
margin: calc(20.4px + 2.32941vw) 0 calc(16.4px + .21176vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.location-wrapper .title {
margin:60px 0 20px;
font-size: 100px
}
}
.location-wrapper .title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.location-wrapper .title p {
font-size:100px
}
}
.location-wrapper .title p span {
font-size: calc(24.4px + 4.44706vw);
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.location-wrapper .title p span {
font-size:100px
}
}
.location-wrapper .first-block {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media only screen and (max-width: 680px) {
.location-wrapper .first-block .columns:first-of-type {
padding:0
}
}
.location-wrapper .first-block .map {
padding: 0 calc(18.4px + 1.27059vw);
width: 100%
}
@media (min-width: 1700px) {
.location-wrapper .first-block .map {
padding:0 40px
}
}
@media only screen and (max-width: 820px) {
.location-wrapper .first-block .map {
margin-top:50px
}
}
@media only screen and (max-width: 680px) {
.location-wrapper .first-block .map {
margin-top:50px;
padding: 0
}
}
.location-wrapper .punsh-line-wrapper {
position: relative;
padding: calc(29.4px + 7.09412vw) 0
}
@media (min-width: 1700px) {
.location-wrapper .punsh-line-wrapper {
padding:150px 0
}
}
.location-wrapper .punsh-line-wrapper .lines-container {
position: relative
}
.location-wrapper .punsh-line-wrapper .lines-container .line {
position: relative;
display: block;
width: 96%;
left: 2%;
margin-top: calc(17.4px + .74118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(34.4px + 9.74118vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.01em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 1px solid #000
}
@media (min-width: 1700px) {
.location-wrapper .punsh-line-wrapper .lines-container .line {
margin-top:30px;
font-size: 200px
}
}
@media only screen and (max-width: 680px) {
.location-wrapper .punsh-line-wrapper .lines-container .line {
width:100%;
left: 0;
font-size: 15vw
}
}
.location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(2),.location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) {
text-align: right
}
.location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left: -10vw
}
@media only screen and (max-width: 680px) {
.location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(3) .inner-line {
left:auto
}
}
.location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left: 10vw
}
@media only screen and (max-width: 680px) {
.location-wrapper .punsh-line-wrapper .lines-container .line:nth-child(4) .inner-line {
left:auto
}
}
.location-wrapper .punsh-line-wrapper .lines-container .line .inner-line {
position: relative;
display: inline-block
}
.location-wrapper .punsh-line-wrapper .rock {
position: absolute;
top: 25%;
left: -1%;
width: 25vw;
max-width: 460px
}
@media only screen and (max-width: 680px) {
.location-wrapper .punsh-line-wrapper .rock {
width:41vw
}
}
.location-wrapper .last-block,.location-wrapper .last-block .columns {
position: relative
}
.location-wrapper .last-block .photo-container {
position: relative;
margin-top: -10%
}
@media only screen and (max-width: 820px) {
.location-wrapper .last-block .photo-container {
margin-top:80px
}
}
.location-wrapper .last-block .photo-2 {
position: relative;
max-width: 630px;
width: 25vw;
margin-left: auto
}
@media only screen and (max-width: 820px) {
.location-wrapper .last-block .photo-2 {
width:50%
}
}
.location-wrapper .last-block .photo-3 {
position: absolute;
max-width: 700px;
width: 28vw;
bottom: 20%;
left: 0
}
@media only screen and (max-width: 820px) {
.location-wrapper .last-block .photo-3 {
bottom:15%;
width: 60%
}
}
.kategora-timeline-wrapper {
position: relative;
padding: calc(30.9px + 7.88824vw) 0 calc(45.9px + 15.82941vw);
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper {
padding:165px 0 315px
}
}
@media only screen and (max-width: 680px) {
.kategora-timeline-wrapper {
padding:80px 0 120px
}
}
.kategora-timeline-wrapper .upper-titles-container .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .upper-titles-container .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.kategora-timeline-wrapper .upper-titles-container .upper-title {
letter-spacing:1.3em
}
}
.kategora-timeline-wrapper .upper-titles-container .main-title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .upper-titles-container .main-title {
font-size:120px
}
}
.kategora-timeline-wrapper .upper-titles-container .main-title p {
text-indent: 0;
margin: 0;
font-size: calc(26.4px + 5.50588vw);
line-height: 1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .upper-titles-container .main-title p {
font-size:120px
}
}
.kategora-timeline-wrapper .upper-titles-container .main-title span {
font-size: calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .upper-titles-container .main-title span {
font-size:120px
}
}
.kategora-timeline-wrapper .timeline-wrapper {
position: relative;
margin-top: calc(24.4px + 4.44706vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 75vh
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .timeline-wrapper {
margin-top:100px
}
}
@media only screen and (orientation: portrait) {
.kategora-timeline-wrapper .timeline-wrapper {
height:50vh
}
}
@media only screen and (max-width: 1180px) {
.kategora-timeline-wrapper .timeline-wrapper {
height:100vh
}
}
@media only screen and (max-width: 1180px) and (orientation:portrait) {
.kategora-timeline-wrapper .timeline-wrapper {
height:50vh
}
}
@media only screen and (max-width: 767px) {
.kategora-timeline-wrapper .timeline-wrapper {
height:75vh;
margin-top: -15vh
}
}
.kategora-timeline-wrapper .images-container {
position: absolute;
width: 300vw;
height: 100%;
max-height: 650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
cursor: -webkit-grab;
cursor: grab
}
.kategora-timeline-wrapper .images-container .cta-btn-wrapper {
z-index: 1
}
.kategora-timeline-wrapper .images-container picture {
position: relative
}
.kategora-timeline-wrapper .images-container picture:nth-child(2n) {
top: 45%
}
@media only screen and (max-width: 767px) {
.kategora-timeline-wrapper .images-container picture:nth-child(2n) {
top:40%
}
}
.kategora-timeline-wrapper .images-container picture:nth-child(odd) {
top: -25%
}
.kategora-timeline-wrapper .images-container img {
position: relative;
max-width: 350px
}
@media only screen and (orientation: portrait) {
.kategora-timeline-wrapper .images-container img {
max-width:250px
}
}
@media only screen and (max-width: 1200px) {
.kategora-timeline-wrapper .images-container img {
max-width:250px
}
}
@media only screen and (max-width: 767px) {
.kategora-timeline-wrapper .images-container img {
max-width:200px
}
}
.kategora-timeline-wrapper .images-container img.portrait-img {
top: -5vh;
max-width: 300px
}
@media only screen and (orientation: portrait) {
.kategora-timeline-wrapper .images-container img.portrait-img {
top:0;
max-width: none;
width: auto
}
}
@media only screen and (max-width: 1200px) {
.kategora-timeline-wrapper .images-container img.portrait-img {
max-width:none;
max-height: 250px;
width: auto
}
}
@media only screen and (max-width: 767px) {
.kategora-timeline-wrapper .images-container img.portrait-img {
top:0;
max-height: 200px
}
}
.kategora-timeline-wrapper .title-container {
position: absolute;
left: 0;
display: block;
width: 100%;
height: 100%;
opacity: .05
}
@media only screen and (max-width: 680px) {
.kategora-timeline-wrapper .title-container {
display:none
}
}
.kategora-timeline-wrapper .title-container .upper-title {
position: relative;
display: block;
left: 10vw;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(37.4px + 11.32941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .title-container .upper-title {
font-size:230px
}
}
.kategora-timeline-wrapper .title-container .middle-title {
position: relative;
display: block;
left: 50vw;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(37.4px + 11.32941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .title-container .middle-title {
font-size:230px
}
}
.kategora-timeline-wrapper .title-container .lower-title {
position: relative;
display: block;
left: 10vw;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(37.4px + 11.32941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .title-container .lower-title {
font-size:230px
}
}
.kategora-timeline-wrapper .title-container .lower-title .italic {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(37.4px + 11.32941vw);
font-weight: 300;
color: #232323;
line-height: 1em;
font-style: italic
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .title-container .lower-title .italic {
font-size:230px
}
}
.kategora-timeline-wrapper .title-container .lower-title .regular {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(37.4px + 11.32941vw);
font-weight: 300;
color: #232323;
line-height: 1em
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .title-container .lower-title .regular {
font-size:230px
}
}
.kategora-timeline-wrapper .controllers-wrapper {
position: absolute;
top: calc(-44.4px - .47647vw);
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 100
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .controllers-wrapper {
top:-25px
}
}
@media only screen and (max-width: 767px) {
.kategora-timeline-wrapper .controllers-wrapper {
top:16vh
}
}
.kategora-timeline-wrapper .controllers-wrapper button {
background: none;
outline: none;
border: none;
cursor: pointer
}
.kategora-timeline-wrapper .controllers-wrapper button.inactive {
pointer-events: none;
opacity: .2
}
@media (hover: hover) {
.kategora-timeline-wrapper .controllers-wrapper button:hover svg circle {
-webkit-transform:scale(1.05);
transform: scale(1.05);
fill: #232323
}
.kategora-timeline-wrapper .controllers-wrapper button:hover svg path {
fill: #fff
}
}
.kategora-timeline-wrapper .controllers-wrapper button .hitzone {
position: absolute;
top: -10%;
left: -10%;
width: 120%;
height: 120%
}
.kategora-timeline-wrapper .controllers-wrapper button svg {
pointer-events: none;
overflow: visible
}
.kategora-timeline-wrapper .controllers-wrapper button svg circle {
-webkit-transition: fill 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: fill 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),fill 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),fill 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),fill 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
stroke: transparent;
fill: #f6f4f2
}
.kategora-timeline-wrapper .controllers-wrapper button svg path {
fill: #232323;
-webkit-transition: fill 1s cubic-bezier(.165,.84,.44,1);
-o-transition: fill 1s cubic-bezier(.165,.84,.44,1);
transition: fill 1s cubic-bezier(.165,.84,.44,1)
}
.kategora-timeline-wrapper .timeline-container {
position: relative;
left: 25vw;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.kategora-timeline-wrapper .timeline-container .timeline-labels {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap
}
.kategora-timeline-wrapper .timeline-container .timeline-labels li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
justify-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 40vw
}
@media only screen and (max-width: 767px) and (orientation:portrait) {
.kategora-timeline-wrapper .timeline-container .timeline-labels li {
width:80vw
}
}
.kategora-timeline-wrapper .timeline-container .timeline-labels li .inner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.kategora-timeline-wrapper .timeline-container .timeline-labels .title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.2px + .63529vw);
font-weight: 500;
color: #da352b;
line-height: 1.067em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .timeline-container .timeline-labels .title {
font-size:28px
}
}
.kategora-timeline-wrapper .timeline-container .timeline-labels .location {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: rgba(0,0,0,.3);
line-height: 1.067em
}
.kategora-timeline-wrapper .timeline-container .timeline-labels .rooms {
margin-top: calc(16.9px + .47647vw);
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.067em
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .timeline-container .timeline-labels .rooms {
margin-top:25px
}
}
.kategora-timeline-wrapper .timeline-container .timeline-labels .value {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.067em
}
@media only screen and (max-width: 680px) {
.kategora-timeline-wrapper .timeline-container .timeline-labels .value {
margin-bottom:10px
}
}
.kategora-timeline-wrapper .timeline-container .timeline-dots {
position: absolute;
top: 100%;
left: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
white-space: nowrap
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
justify-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 40vw;
background-image: -webkit-gradient(linear,left top,right top,color-stop(10%,#232323),color-stop(0,hsla(0,0%,100%,0)));
background-image: -o-linear-gradient(left,#232323 10%,hsla(0,0%,100%,0) 0);
background-image: linear-gradient(90deg,#232323 10%,hsla(0,0%,100%,0) 0);
background-position: top;
background-size: 8px 1px;
background-repeat: repeat-x
}
@media only screen and (max-width: 767px) and (orientation:portrait) {
.kategora-timeline-wrapper .timeline-container .timeline-dots li {
width:80vw
}
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .inner {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .inner:before {
content: "";
position: absolute;
top: -5px;
left: calc(50% - 5px);
display: block;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #232323
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .inner .info {
position: relative;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #232323;
line-height: 1.3em;
font-style: italic;
pointer-events: visible;
cursor: pointer;
z-index: 10
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .timeline-container .timeline-dots li .inner .info {
font-size:20px
}
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .inner .info:after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #232323
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip {
position: absolute;
bottom: -90%;
left: -35px;
display: block;
height: 380px;
width: 280px;
pointer-events: none;
z-index: 1
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip.active {
pointer-events: visible;
z-index: 10
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip.active .tooltip-inner .number,.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip.active .tooltip-inner .text,.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip.active .tooltip-inner .title,.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip.active .tooltip-inner img {
opacity: 1;
visibility: visible
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner {
position: relative;
width: 100%;
height: 380px;
padding: calc(17.9px + 1.00588vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner {
padding:35px
}
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #f6f4f2;
opacity: 0;
visibility: hidden
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner img {
width: calc(22.4px + 3.38824vw);
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner img {
width:80px;
margin-bottom: 20px
}
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner .title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
font-style: normal;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner .title {
font-size:19px
}
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner .text {
margin-top: 10px;
text-indent: 0;
white-space: normal;
font-style: normal;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner .number {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
font-style: italic;
pointer-events: visible;
cursor: pointer;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.kategora-timeline-wrapper .timeline-container .timeline-dots li .tooltip .tooltip-inner .number {
font-size:100px
}
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li:first-of-type .inner:after {
content: "";
position: absolute;
top: -5px;
left: -5px;
display: block;
width: 50%;
height: 10px;
background-color: #fff
}
.kategora-timeline-wrapper .timeline-container .timeline-dots li:last-of-type .inner:after {
content: "";
position: absolute;
top: -5px;
left: calc(50% + 5px);
display: block;
width: 50vw;
height: 10px;
background-color: #fff
}
@media only screen and (max-width: 767px) and (orientation:portrait) {
.kategora-timeline-wrapper .timeline-container .timeline-dots li:last-of-type .inner:after {
width:100vw
}
}
.timeline-tooltip-clone {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100vw;
height: 100vh;
z-index: 1010
}
.timeline-tooltip-clone:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(35,35,35,.01);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px)
}
.timeline-tooltip-clone.active {
pointer-events: visible;
z-index: 1010
}
.timeline-tooltip-clone.active .tooltip-inner .background,.timeline-tooltip-clone.active .tooltip-inner .number,.timeline-tooltip-clone.active .tooltip-inner .text,.timeline-tooltip-clone.active .tooltip-inner .title,.timeline-tooltip-clone.active .tooltip-inner img {
opacity: 1;
visibility: visible
}
.timeline-tooltip-clone .close-btn {
position: absolute;
top: -22px;
right: -22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 44px;
height: 44px;
background-color: #232323;
outline: none;
border: none;
border-radius: 100%;
z-index: 1;
opacity: 0;
cursor: pointer
}
.timeline-tooltip-clone .tooltip-inner {
position: relative;
height: 340px;
width: 280px;
padding: calc(17.9px + 1.00588vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 1700px) {
.timeline-tooltip-clone .tooltip-inner {
padding:35px
}
}
@media only screen and (max-width: 680px) {
.timeline-tooltip-clone .tooltip-inner {
height:auto
}
}
.timeline-tooltip-clone .tooltip-inner .background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #f6f4f2;
opacity: 0;
visibility: hidden
}
.timeline-tooltip-clone .tooltip-inner img {
position: relative;
width: 80px;
margin-bottom: calc(16.4px + .21176vw);
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.timeline-tooltip-clone .tooltip-inner img {
margin-bottom:20px
}
}
.timeline-tooltip-clone .tooltip-inner .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
text-transform: uppercase;
font-style: normal;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.timeline-tooltip-clone .tooltip-inner .title {
font-size:19px
}
}
.timeline-tooltip-clone .tooltip-inner .text {
position: relative;
margin-top: 10px;
text-indent: 0;
white-space: normal;
font-style: normal;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.4em;
letter-spacing: 0;
color: rgba(35,35,35,.6);
opacity: 0;
visibility: hidden
}
.timeline-tooltip-clone .tooltip-inner .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(24.4px + 4.44706vw);
font-weight: 300;
color: #232323;
line-height: 1em;
font-style: italic;
pointer-events: visible;
cursor: pointer;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.timeline-tooltip-clone .tooltip-inner .number {
font-size:100px
}
}
.project-grid-wrapper {
position: relative;
padding-bottom: calc(39.4px + 12.38824vw)
}
@media (min-width: 1700px) {
.project-grid-wrapper {
padding-bottom:250px
}
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper {
padding-bottom:120px
}
}
.project-grid-wrapper:first-of-type {
padding-top: calc(24.4px + 4.44706vw)
}
@media (min-width: 1700px) {
.project-grid-wrapper:first-of-type {
padding-top:100px
}
}
.project-grid-wrapper.soon-project {
-webkit-filter: grayscale(1);
filter: grayscale(1)
}
.project-grid-wrapper.soon-project .big-col .cta-btn-wrapper {
pointer-events: none
}
.project-grid-wrapper.soon-project .big-col .cta-btn-wrapper .background {
background-color: hsla(0,0%,100%,.95);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px)
}
.project-grid-wrapper.soon-project .big-col .cta-btn-wrapper .round-text span {
color: rgba(35,35,35,.4)
}
.project-grid-wrapper.soon-project .banner-container .title,.project-grid-wrapper.soon-project .big-col .text-container .number,.project-grid-wrapper.soon-project .big-col .text-container .project-location-wrapper,.project-grid-wrapper.soon-project .big-col .text-container .text,.project-grid-wrapper.soon-project .big-col .text-container .title,.project-grid-wrapper.soon-project .medium-col .mobile-title,.project-grid-wrapper.soon-project .medium-col .starting-price,.project-grid-wrapper.soon-project .medium-col .statistics-list {
opacity: .4
}
@media only screen and (max-width: 1300px) {
.project-grid-wrapper.soon-project .cta-btn-wrapper .icons-container svg {
width:60px;
height: 60px
}
}
@media only screen and (max-width: 800px) {
.project-grid-wrapper.soon-project .cta-btn-wrapper .icons-container svg {
width:40px;
height: 40px
}
}
.project-grid-wrapper img {
width: 100%
}
.project-grid-wrapper .sold-container {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-right: 1.25rem;
min-width: 30%;
width: 30%
}
@media only screen and (max-width: 1022px) {
.project-grid-wrapper .sold-container {
position:absolute;
top: -80px;
right: 10px;
margin-right: 20px
}
}
@media only screen and (max-width: 820px) {
.project-grid-wrapper .sold-container {
margin-right:0
}
}
@media only screen and (max-width: 820px) {
.project-grid-wrapper .left-layout,.project-grid-wrapper .right-layout {
min-height:inherit
}
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper .left-layout,.project-grid-wrapper .right-layout {
padding:0
}
}
.project-grid-wrapper .banner-container {
position: relative;
display: inline-block;
padding: calc(18.4px + 1.27059vw) 0;
white-space: nowrap
}
@media (min-width: 1700px) {
.project-grid-wrapper .banner-container {
padding:40px 0
}
}
.project-grid-wrapper .banner-container .title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17px + .52941vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1.1em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.project-grid-wrapper .banner-container .title {
font-size:26px
}
}
.project-grid-wrapper .big-col {
position: relative
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper .big-col {
padding:0
}
}
.project-grid-wrapper .big-col .image-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 100%
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper .big-col .image-container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto
}
.project-grid-wrapper .big-col .image-container .block-bg-cover {
position: relative
}
}
.project-grid-wrapper .big-col .image-container .image-wrapper {
position: relative;
width: 100%;
height: 100%;
padding-bottom: 84%
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper .big-col .image-container .image-wrapper {
padding-bottom:0
}
}
.project-grid-wrapper .big-col .cta-btn-wrapper {
position: absolute
}
.project-grid-wrapper .big-col .cta-btn-wrapper .background {
background-color: rgba(19,29,24,.95);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px)
}
.project-grid-wrapper .big-col .text-container {
position: absolute;
top: calc(100% + 1.5em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
z-index: 1
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper .big-col .text-container {
position:relative;
top: auto;
margin-top: 40px;
padding: 0 calc(13.33333px + .625rem);
display: none
}
}
.project-grid-wrapper .big-col .text-container .left-col,.project-grid-wrapper .big-col .text-container .right-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.project-grid-wrapper .big-col .text-container .left-col {
margin-right: 20px
}
.project-grid-wrapper .big-col .text-container .project-location-wrapper {
position: relative;
top: 0;
left: 0;
margin: 10px 0 0;
opacity: 1;
visibility: visible;
display: block
}
.project-grid-wrapper .big-col .text-container .project-location-wrapper .project-location {
opacity: 1;
visibility: visible
}
.project-grid-wrapper .big-col .number {
position: relative;
margin-right: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic
}
@media (min-width: 1700px) {
.project-grid-wrapper .big-col .number {
font-size:80px
}
}
.project-grid-wrapper .big-col .text {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.1em
}
.project-grid-wrapper .big-col .text p,.project-grid-wrapper .big-col .text span {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.1em;
font-style: normal
}
.project-grid-wrapper .big-col .text p {
margin: 0;
text-indent: 0;
display: inline-block
}
.project-grid-wrapper .medium-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper .medium-col {
padding:0 calc(13.33333px + .625rem)
}
.project-grid-wrapper .medium-col a,.project-grid-wrapper .medium-col picture {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
.project-grid-wrapper .medium-col .text-container {
z-index: 1
}
@media only screen and (max-width: 1350px) {
.project-grid-wrapper .medium-col .text-container {
margin-top:50px
}
}
@media only screen and (max-width: 800px) {
.project-grid-wrapper .medium-col .text-container {
margin-top:0
}
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper .medium-col .text-container {
margin:20px 0 40px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
.project-grid-wrapper .medium-col .statistics-list li {
position: relative;
padding: 20px 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.project-grid-wrapper .medium-col .statistics-list li {
font-size:18px
}
}
.project-grid-wrapper .medium-col .statistics-list li.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.project-grid-wrapper .medium-col .statistics-list li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #f6f4f2;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.project-grid-wrapper .medium-col .starting-price {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(16.4px + .21176vw);
font-weight: 500;
color: #f6f4f2;
line-height: 1.4em
}
@media (min-width: 1700px) {
.project-grid-wrapper .medium-col .starting-price {
margin-top:30px;
font-size: 20px
}
}
.project-grid-wrapper .medium-col .mobile-title {
position: relative;
top: auto;
margin-top: 20px;
display: none;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
z-index: 1;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper .medium-col .mobile-title {
display:-webkit-box;
display: -ms-flexbox;
display: flex
}
}
.project-grid-wrapper .medium-col .mobile-title .number {
position: relative;
margin-right: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1em;
font-style: italic
}
@media (min-width: 1700px) {
.project-grid-wrapper .medium-col .mobile-title .number {
font-size:80px
}
}
.project-grid-wrapper .medium-col .mobile-title .left-col,.project-grid-wrapper .medium-col .mobile-title .right-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.project-grid-wrapper .medium-col .mobile-title .left-col {
margin-right: 20px
}
.project-grid-wrapper .medium-col .mobile-title .text {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.1em
}
.project-grid-wrapper .medium-col .mobile-title .text p,.project-grid-wrapper .medium-col .mobile-title .text span {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.1em;
font-style: normal
}
.project-grid-wrapper .medium-col .mobile-title .text p {
margin: 0;
text-indent: 0;
display: inline-block
}
.project-grid-wrapper .medium-col .mobile-title .project-location-wrapper {
position: relative;
top: 0;
left: 0;
margin: 10px 0 0;
opacity: 1;
visibility: visible;
display: block
}
.project-grid-wrapper .medium-col .mobile-title .project-location-wrapper .project-location {
opacity: 1;
visibility: visible
}
.project-grid-wrapper .small-col {
position: relative
}
@media only screen and (max-width: 820px) {
.project-grid-wrapper .small-col {
display:none
}
}
.project-grid-wrapper .small-col img,.project-grid-wrapper .small-col video {
position: relative;
width: 120%;
max-width: 120%;
left: -20%;
top: -10%
}
@media only screen and (max-width: 1100px) {
.project-grid-wrapper .small-col img,.project-grid-wrapper .small-col video {
width:150%;
max-width: 150%
}
}
.project-grid-wrapper .right-layout .big-col .text-container {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 1
}
@media only screen and (max-width: 680px) {
.project-grid-wrapper .right-layout .big-col .text-container {
-webkit-box-pack:start;
-ms-flex-pack: start;
justify-content: flex-start
}
.project-grid-wrapper .right-layout .big-col .text-container .left-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-right: 0
}
.project-grid-wrapper .right-layout .big-col .text-container .number {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
.project-grid-wrapper .right-layout .big-col .sold-container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-right: 0
}
@media only screen and (max-width: 1022px) {
.project-grid-wrapper .right-layout .big-col .sold-container {
margin-right:30px
}
}
@media only screen and (max-width: 820px) {
.project-grid-wrapper .right-layout .big-col .sold-container {
margin-right:0
}
}
@media only screen and (max-width: 820px) {
.project-grid-wrapper .right-layout .small-col {
display:none
}
}
.project-grid-wrapper .right-layout .small-col img,.project-grid-wrapper .right-layout .small-col video {
position: relative;
width: 120%;
max-width: 120%;
right: 0;
left: auto;
top: -10%
}
@media only screen and (max-width: 1100px) {
.project-grid-wrapper .right-layout .small-col img,.project-grid-wrapper .right-layout .small-col video {
width:150%;
max-width: 150%
}
}
.project-grid-wrapper .right-layout .medium-col .mobile-title {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.tagline-block-wrapper {
position: relative;
padding-bottom: calc(29.4px + 7.09412vw);
text-align: center
}
@media (min-width: 1700px) {
.tagline-block-wrapper {
padding-bottom:150px
}
}
@media only screen and (max-width: 680px) {
.tagline-block-wrapper {
padding-bottom:100px
}
}
.tagline-block-wrapper .title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(21.4px + 2.85882vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1.1em;
letter-spacing: 0
}
@media (min-width: 1700px) {
.tagline-block-wrapper .title {
font-size:70px
}
}
.tagline-block-wrapper .title p {
text-indent: 0;
margin: 0;
font-size: calc(21.4px + 2.85882vw);
line-height: 1.1em;
letter-spacing: 0;
color: #fff
}
@media (min-width: 1700px) {
.tagline-block-wrapper .title p {
font-size:70px
}
}
.tagline-block-wrapper .title p span {
font-size: calc(21.4px + 2.85882vw);
color: #f6f4f2;
line-height: 1.1em;
letter-spacing: 0
}
@media (min-width: 1700px) {
.tagline-block-wrapper .title p span {
font-size:70px
}
}
.tagline-block-wrapper .description {
text-indent: 0;
text-align: left;
margin: calc(16.9px + .47647vw) 0 0;
padding: 0 calc(17.4px + .74118vw);
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: 0
}
@media (min-width: 1700px) {
.tagline-block-wrapper .description {
margin:25px 0 0;
padding: 0 30px;
font-size: 18px
}
}
.expertise-list-wrapper {
position: relative;
padding: calc(34.4px + 9.74118vw) 0;
background-color: #193243
}
@media (min-width: 1700px) {
.expertise-list-wrapper {
padding:200px 0
}
}
.expertise-list-wrapper:before {
content: "";
position: absolute;
top: -20vh;
left: 0;
display: block;
width: 100%;
height: 30vh;
background: -webkit-gradient(linear,left top,left bottom,color-stop(4.06%,rgba(39,51,62,0)),color-stop(64.29%,#193243));
background: -o-linear-gradient(top,rgba(39,51,62,0) 4.06%,#193243 64.29%);
background: linear-gradient(180deg,rgba(39,51,62,0) 4.06%,#193243 64.29%);
z-index: 10
}
.expertise-list-wrapper .upper-title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.4px + .21176vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: .02em
}
@media (min-width: 1700px) {
.expertise-list-wrapper .upper-title {
font-size:20px
}
}
.expertise-list-wrapper .upper-title span {
font-family: "Montserrat", sans-serif;
font-size: calc(17.4px + .74118vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
letter-spacing: -.05em;
font-style: italic
}
@media (min-width: 1700px) {
.expertise-list-wrapper .upper-title span {
font-size:30px
}
}
.expertise-list-wrapper .vectors-list-container {
position: relative
}
.expertise-list-wrapper .vectors-list-container .cta-btn-wrapper {
z-index: 100
}
.expertise-list-wrapper .vectors-list-container .cta-btn-wrapper .background {
background-color: rgba(29,38,46,.95);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px)
}
.expertise-list-wrapper .vectors-list-container .cta-btn-wrapper .icons-container {
left: 2px;
top: 5px;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.expertise-list-wrapper .vectors-list {
position: relative;
margin-top: calc(22.9px + 3.65294vw)
}
@media (min-width: 1700px) {
.expertise-list-wrapper .vectors-list {
margin-top:85px
}
}
.expertise-list-wrapper .vectors-list li {
position: relative;
width: 100%;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(25.4px + 4.97647vw);
font-weight: 300;
color: #f6f4f2;
line-height: 1;
letter-spacing: -.02em;
cursor: pointer;
-webkit-perspective: 1000;
perspective: 1000;
margin-bottom: calc(22.9px + 3.65294vw)
}
@media (min-width: 1700px) {
.expertise-list-wrapper .vectors-list li {
font-size:110px;
margin-bottom: 85px
}
}
@media only screen and (max-width: 840px) {
.expertise-list-wrapper .vectors-list li {
font-size:10vw
}
}
.expertise-list-wrapper .vectors-list li:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 840px) {
.expertise-list-wrapper .vectors-list li:last-child .inner,.expertise-list-wrapper .vectors-list li:last-child .inner:first-of-type {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
.expertise-list-wrapper .vectors-list li:last-child img,.expertise-list-wrapper .vectors-list li:last-child video {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media only screen and (max-width: 840px) {
.expertise-list-wrapper .vectors-list li:nth-child(3) .inner,.expertise-list-wrapper .vectors-list li:nth-child(3) .inner:first-of-type {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
.expertise-list-wrapper .vectors-list li:nth-child(3) img,.expertise-list-wrapper .vectors-list li:nth-child(3) video {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media only screen and (max-width: 840px) {
.expertise-list-wrapper .vectors-list li .inner {
-webkit-box-ordinal-group:4;
-ms-flex-order: 3;
order: 3
}
.expertise-list-wrapper .vectors-list li .inner:first-of-type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
.expertise-list-wrapper .vectors-list li video {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 10px;
top: -5px;
display: inline-block;
height: calc(26.9px + 5.77059vw);
width: auto;
pointer-events: visible;
cursor: pointer;
z-index: 1
}
@media (min-width: 1700px) {
.expertise-list-wrapper .vectors-list li video {
height:125px
}
}
@media only screen and (max-width: 840px) {
.expertise-list-wrapper .vectors-list li video {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
}
.expertise-list-wrapper .vectors-list li picture {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.expertise-list-wrapper .vectors-list li img {
position: relative;
margin: 0 10px;
top: -5px;
display: inline-block;
height: calc(26.9px + 5.77059vw);
width: auto;
pointer-events: visible;
cursor: auto;
display: none
}
@media (min-width: 1700px) {
.expertise-list-wrapper .vectors-list li img {
height:125px
}
}
@media only screen and (max-width: 840px) {
.expertise-list-wrapper .vectors-list li img {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2
}
}
.expertise-list-wrapper .vectors-list li .line {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
-ms-flex-flow: wrap;
flex-flow: wrap
}
.expertise-list-wrapper .inner-content {
position: relative;
height: 0;
overflow: hidden
}
.expertise-list-wrapper .inner-content .main-phrase {
color: #f6f4f2
}
@media only screen and (max-width: 680px) {
.expertise-list-wrapper .inner-content .main-phrase {
margin-bottom:60px
}
}
.expertise-list-wrapper .inner-content .layout-1,.expertise-list-wrapper .inner-content .layout-2 {
padding-top: calc(26.4px + 5.50588vw);
padding-bottom: calc(20.4px + 2.32941vw)
}
@media (min-width: 1700px) {
.expertise-list-wrapper .inner-content .layout-1,.expertise-list-wrapper .inner-content .layout-2 {
padding-top:120px;
padding-bottom: 60px
}
}
.expertise-list-wrapper .inner-content .layout-2 .item-container {
padding: 0 calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.expertise-list-wrapper .inner-content .layout-2 .item-container {
padding:0 40px
}
}
@media only screen and (max-width: 820px) {
.expertise-list-wrapper .inner-content .layout-2 .item-container {
padding-right:20px;
padding-left: 20px
}
}
@media only screen and (max-width: 680px) {
.expertise-list-wrapper .inner-content .layout-2 .item-container {
padding-right:0;
padding-left: 0
}
}
.expertise-list-wrapper .inner-content .col-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.expertise-list-wrapper .inner-content .item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.expertise-list-wrapper .inner-content .item-container {
margin-bottom:30px
}
}
@media only screen and (max-width: 680px) {
.expertise-list-wrapper .inner-content .item-container {
margin-bottom:60px
}
}
.expertise-list-wrapper .inner-content .item-container .title {
font-family: "Montserrat", sans-serif;
font-size: calc(17.2px + .63529vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.2em;
letter-spacing: 0;
border-bottom: 1px solid #f6f4f2;
margin-bottom: .5em
}
@media (min-width: 1700px) {
.expertise-list-wrapper .inner-content .item-container .title {
font-size:28px
}
}
.expertise-list-wrapper .inner-content .item-container .text {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.2em;
letter-spacing: 0
}
@media only screen and (max-width: 680px) {
.expertise-list-wrapper .inner-content .item-container .text {
margin-top:0
}
}
.phone .expertise-list-wrapper .vectors-list li video {
display: none
}
.phone .expertise-list-wrapper .vectors-list li img {
display: inline-block
}
.expertise-description {
position: relative;
padding-top: calc(34.4px + 9.74118vw);
background-color: #193243
}
@media (min-width: 1700px) {
.expertise-description {
padding-top:200px
}
}
.expertise-description:before {
content: "";
position: absolute;
top: -20vh;
left: 0;
display: block;
width: 100%;
height: 30vh;
background: -webkit-gradient(linear,left top,left bottom,color-stop(4.06%,rgba(39,51,62,0)),color-stop(64.29%,#193243));
background: -o-linear-gradient(top,rgba(39,51,62,0) 4.06%,#193243 64.29%);
background: linear-gradient(180deg,rgba(39,51,62,0) 4.06%,#193243 64.29%);
z-index: 10
}
.expertise-description .title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19.6px + 1.90588vw);
font-weight: 300;
color: #fff;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: center
}
@media (min-width: 1700px) {
.expertise-description .title {
font-size:52px
}
}
.expertise-description .title p {
margin-bottom: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19.6px + 1.90588vw);
font-weight: 300;
color: #fff;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.expertise-description .title p {
font-size:52px
}
}
.expertise-description .title span {
font-size: calc(19.6px + 1.90588vw);
color: #fff;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.expertise-description .title span {
font-size:52px
}
}
.expertise-description .photos-animation-container {
position: relative;
padding-bottom: calc(34.4px + 9.74118vw);
display: block;
width: 100vw;
height: 300vh;
overflow: hidden
}
@media (min-width: 1700px) {
.expertise-description .photos-animation-container {
padding-bottom:200px
}
}
@media only screen and (max-width: 680px) {
.expertise-description .photos-animation-container {
height:60vh
}
}
.expertise-description .photos-animation-container .inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100vh
}
@media only screen and (max-width: 680px) {
.expertise-description .photos-animation-container .inner {
height:60vh
}
}
.expertise-description .photos-animation-container .circle-bg-container {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100vw;
height: 100vh;
z-index: 1
}
@media only screen and (max-width: 680px) {
.expertise-description .photos-animation-container .circle-bg-container {
height:60vh
}
}
.expertise-description .photos-animation-container .circle-bg-container .circle-bg {
position: relative;
display: block;
width: 100vw;
height: 100vw;
background-color: #b8c4d1;
border-radius: 100%;
-webkit-transform: scale(1.4);
transform: scale(1.4);
will-change: transform
}
@media only screen and (max-width: 1180px) {
.expertise-description .photos-animation-container .circle-bg-container .circle-bg {
-webkit-transform:scale(1.5);
transform: scale(1.5)
}
}
@media only screen and (max-width: 820px) {
.expertise-description .photos-animation-container .circle-bg-container .circle-bg {
-webkit-transform:scale(2);
transform: scale(2)
}
}
@media only screen and (max-width: 680px) {
.expertise-description .photos-animation-container .circle-bg-container .circle-bg {
-webkit-transform:scale(.8);
transform: scale(.8);
height: 100vw;
width: 100vw
}
}
.expertise-description .photos-animation-container .photos-list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100vh;
z-index: 2
}
@media only screen and (max-width: 680px) {
.expertise-description .photos-animation-container .photos-list {
height:50vh
}
}
.expertise-description .photos-animation-container .photos-list .item {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100vh;
will-change: transform
}
@media only screen and (max-width: 680px) {
.expertise-description .photos-animation-container .photos-list .item {
height:50vh
}
}
.expertise-description .photos-animation-container .photos-list .item:first-child img {
width: calc(68.4px + 27.74118vw)
}
@media (min-width: 1700px) {
.expertise-description .photos-animation-container .photos-list .item:first-child img {
width:540px
}
}
@media only screen and (max-width: 680px) {
.expertise-description .photos-animation-container .photos-list .item:first-child img {
-webkit-transform:rotate(-4deg);
transform: rotate(-4deg)
}
}
.expertise-description .photos-animation-container .photos-list .item:nth-child(2) img {
width: calc(89.4px + 38.85882vw)
}
@media (min-width: 1700px) {
.expertise-description .photos-animation-container .photos-list .item:nth-child(2) img {
width:750px
}
}
@media only screen and (max-width: 680px) {
.expertise-description .photos-animation-container .photos-list .item:nth-child(2) img {
-webkit-transform:rotate(4deg);
transform: rotate(4deg)
}
}
.expertise-description .photos-animation-container .photos-list .item:nth-child(3) img {
width: calc(74.4px + 30.91765vw)
}
@media (min-width: 1700px) {
.expertise-description .photos-animation-container .photos-list .item:nth-child(3) img {
width:600px
}
}
.expertise-360 {
position: relative;
height: 500vh;
width: 100%;
background-color: #b8c4d1;
overflow: hidden
}
.expertise-360 .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100vh;
width: 100%;
background-color: #193243;
overflow: hidden
}
.expertise-360 .upper-title {
position: relative;
left: 10px;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #b8c4d1;
line-height: 1.1em;
letter-spacing: 1em;
text-transform: uppercase
}
@media only screen and (max-width: 820px) {
.expertise-360 .upper-title {
margin-top:20px
}
}
.expertise-360 .row {
width: 100%
}
.expertise-360 .col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.expertise-360 .svg-progress {
position: relative;
width: 100%
}
.expertise-360 .svg-progress .circle-progress {
stroke: #b8c4d1;
stroke-width: 2px
}
.expertise-360 .svg-progress .circle.active {
stroke: #b8c4d1
}
.expertise-360 .text-container {
position: relative;
height: 0;
width: 90%;
padding-bottom: 90%
}
@media only screen and (max-width: 820px) {
.expertise-360 .text-container {
height:auto;
width: 100%;
padding-bottom: 0
}
}
.expertise-360 .text-container .text-inner {
position: absolute;
inset: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: calc(18.4px + 1.27059vw);
gap: calc(17.6px + .84706vw)
}
@media (min-width: 1700px) {
.expertise-360 .text-container .text-inner {
padding:40px;
gap: 32px
}
}
@media only screen and (max-width: 1440px) {
.expertise-360 .text-container .text-inner {
padding-top:calc(20.4px + 2.32941vw);
gap: calc(16.4px + .21176vw)
}
}
@media only screen and (max-width: 1440px) and (min-width:1700px) {
.expertise-360 .text-container .text-inner {
padding-top:60px;
gap: 20px
}
}
@media only screen and (max-width: 820px) {
.expertise-360 .text-container .text-inner {
position:relative;
padding-top: 0;
padding-left: 0;
padding-right: 0
}
}
.expertise-360 .text-container .svg-progress {
position: absolute;
inset: 0;
display: block
}
@media only screen and (max-width: 820px) {
.expertise-360 .text-container .svg-progress {
position:relative;
width: 65vw;
height: 65vw
}
}
@media only screen and (max-width: 680px) {
.expertise-360 .text-container .svg-progress {
width:85vw;
height: 85vw
}
}
.expertise-360 .text-container .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(17.6px + .84706vw);
text-align: center;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(20.8px + 2.54118vw);
font-weight: 300;
color: #b8c4d1;
line-height: 1em
}
@media (min-width: 1700px) {
.expertise-360 .text-container .title {
gap:32px;
font-size: 64px
}
}
@media only screen and (max-width: 820px) {
.expertise-360 .text-container .title {
font-family:Saol;
font-weight: 400;
font-size: calc(18.8px + 1.48235vw);
font-weight: 300;
color: #b8c4d1;
line-height: 1em
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.expertise-360 .text-container .title {
font-size:44px
}
}
@media only screen and (max-width: 680px) {
.expertise-360 .text-container .title {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.8px + .95294vw);
font-weight: 300;
color: #b8c4d1;
line-height: 1em
}
}
@media only screen and (max-width: 680px) and (min-width:1700px) {
.expertise-360 .text-container .title {
font-size:34px
}
}
.expertise-360 .text-container .title .index {
font-style: italic
}
.expertise-360 .text-container .description {
font-family: "Montserrat", sans-serif;
font-size: calc(16.3px + .15882vw);
font-weight: 400;
color: #b8c4d1;
line-height: 1.4em;
text-align: center;
padding-left: calc(18.4px + 1.27059vw);
padding-right: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.expertise-360 .text-container .description {
font-size:19px;
padding-left: 40px;
padding-right: 40px
}
}
@media only screen and (max-width: 1180px) {
.expertise-360 .text-container .description {
padding-top:0;
padding-bottom: calc(16.4px + .21176vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.expertise-360 .text-container .description {
padding-bottom:20px
}
}
@media only screen and (max-width: 1440px) {
.expertise-360 .text-container .description {
font-family:Matter;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #b8c4d1;
line-height: 1.4em
}
}
@media only screen and (max-width: 1440px) and (min-width:1700px) {
.expertise-360 .text-container .description {
font-size:17px
}
}
@media only screen and (max-width: 820px) {
.expertise-360 .text-container .description {
padding:0 40px
}
}
@media only screen and (max-width: 680px) {
.expertise-360 .text-container .description {
font-family:Matter;
font-size: 14px;
font-weight: 400;
color: #b8c4d1;
line-height: 1.4em;
padding: 0
}
}
.expertise-360 .text-container .list {
display: grid
}
.expertise-360 .text-container .list .item {
grid-row: 1;
grid-column: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.expertise-360 .text-container .list .item {
gap:40px
}
}
.expertise-360 .text-container .list .item .cta-btn,.expertise-360 .text-container .list .item .description,.expertise-360 .text-container .list .item .index,.expertise-360 .text-container .list .item .label {
opacity: 0
}
.expertise-360 .text-container .list .item:first-child .cta-btn,.expertise-360 .text-container .list .item:first-child .description,.expertise-360 .text-container .list .item:first-child .index,.expertise-360 .text-container .list .item:first-child .label {
opacity: 1
}
.expertise-360 .text-container .list .item .cta-btn {
position: relative;
margin-top: -.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: calc(20px + 2.11765vw);
padding-left: calc(17px + .52941vw);
padding-right: calc(16.6px + .31765vw);
gap: calc(17.6px + .84706vw);
border: 1.5px solid rgba(184,196,209,.2);
border-radius: 70px;
text-decoration: none;
-webkit-transition: background-color .25s cubic-bezier(.165,.84,.44,1);
-o-transition: background-color .25s cubic-bezier(.165,.84,.44,1);
transition: background-color .25s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.expertise-360 .text-container .list .item .cta-btn {
height:56px;
padding-left: 26px;
padding-right: 22px;
gap: 32px
}
}
@media only screen and (max-width: 820px) {
.expertise-360 .text-container .list .item .cta-btn {
height:48px;
width: 280px
}
}
@media (hover: hover) {
.expertise-360 .text-container .list .item .cta-btn:hover {
background-color:#b8c4d1
}
.expertise-360 .text-container .list .item .cta-btn:hover .cta-label {
color: #193243
}
.expertise-360 .text-container .list .item .cta-btn:hover svg path {
fill: #193243
}
}
.expertise-360 .text-container .list .item .cta-btn .cta-label {
position: relative;
top: 1px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.1em;
letter-spacing: .014em;
text-transform: uppercase;
color: #b8c4d1;
-webkit-transition: color .25s cubic-bezier(.165,.84,.44,1);
-o-transition: color .25s cubic-bezier(.165,.84,.44,1);
transition: color .25s cubic-bezier(.165,.84,.44,1)
}
.expertise-360 .text-container .list .item .cta-btn .cta-label svg path {
fill: #b8c4d1
}
.expertise-360 .row {
position: relative
}
@media only screen and (max-width: 820px) {
.expertise-360 .images-col {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 65vw
}
}
@media only screen and (max-width: 680px) {
.expertise-360 .images-col {
height:85vw
}
}
.expertise-360 .images-container {
position: relative;
width: 100%;
height: 100%
}
@media only screen and (max-width: 1180px) {
.expertise-360 .images-container {
padding-left:calc(22.4px + 3.38824vw);
padding-right: calc(22.4px + 3.38824vw)
}
}
@media only screen and (max-width: 1180px) and (min-width:1700px) {
.expertise-360 .images-container {
padding-left:80px;
padding-right: 80px
}
}
@media only screen and (max-width: 820px) {
.expertise-360 .images-container {
padding-left:30vw;
padding-right: 30vw
}
}
@media only screen and (max-width: 680px) {
.expertise-360 .images-container {
padding-left:110px;
padding-right: 110px
}
}
.expertise-360 .images-container .list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%
}
.expertise-360 .images-container .list .item {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
will-change: transform
}
.expertise-360 .images-container .list .item img {
max-width: 100%
}
.real-estate {
position: relative;
padding: calc(20.8px + 2.54118vw) 0;
background-color: #b8c4d1
}
@media (min-width: 1700px) {
.real-estate {
padding:64px 0
}
}
@media only screen and (max-width: 820px) {
.real-estate .row {
margin-top:calc(18.4px + 1.27059vw);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(18.4px + 1.27059vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.real-estate .row {
margin-top:40px;
gap: 40px
}
}
.real-estate .upper-title {
position: relative;
left: 10px;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media only screen and (max-width: 680px) {
.real-estate .upper-title {
letter-spacing:1.3em;
display: none
}
}
.real-estate .title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19.6px + 1.90588vw);
font-weight: 300;
color: #1d303b;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.real-estate .title {
font-size:52px
}
}
.real-estate .title p {
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19.6px + 1.90588vw);
font-weight: 300;
color: #1d303b;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.real-estate .title p {
font-size:52px
}
}
.real-estate .title span {
font-size: calc(19.6px + 1.90588vw);
color: #1d303b;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.real-estate .title span {
font-size:52px
}
}
.real-estate p {
margin-top: calc(18.4px + 1.27059vw);
font-weight: 300
}
@media (min-width: 1700px) {
.real-estate p {
margin-top:40px
}
}
.real-estate p:last-child {
margin-bottom: 0
}
.archive-header-wrapper {
position: relative;
padding: calc(36.4px + 10.8vw) 0 calc(19.4px + 1.8vw);
-webkit-perspective: 1000;
perspective: 1000
}
@media (min-width: 1700px) {
.archive-header-wrapper {
padding:220px 0 50px
}
}
@media only screen and (max-width: 1180px) {
.archive-header-wrapper {
padding-top:150px
}
}
@media only screen and (max-width: 680px) {
.archive-header-wrapper {
padding-top:120px
}
}
.archive-header-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(21.4px + 2.85882vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase;
opacity: 0
}
@media (min-width: 1700px) {
.archive-header-wrapper .upper-title {
margin-bottom:70px
}
}
@media only screen and (max-width: 680px) {
.archive-header-wrapper .upper-title {
letter-spacing:1.3em
}
}
.archive-header-wrapper .text p {
opacity: 0
}
.archive-header-wrapper h1 {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.archive-header-wrapper h1 {
font-size:120px
}
}
.archive-header-wrapper h1 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.archive-header-wrapper h1 p {
font-size:120px
}
}
.archive-header-wrapper h1 p span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.archive-header-wrapper h1 p span {
font-size:120px
}
}
.filters-wrapper {
position: relative;
padding: calc(18.4px + 1.27059vw) 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
z-index: 10;
opacity: 0
}
@media (min-width: 1700px) {
.filters-wrapper {
padding:40px 0
}
}
@media only screen and (max-width: 380px) {
.filters-wrapper {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.filters-wrapper .label {
position: relative;
top: -2px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #000;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.filters-wrapper .label {
font-size:22px
}
}
@media only screen and (max-width: 380px) {
.filters-wrapper .label {
margin-bottom:10px
}
}
.filters-wrapper .label .sup {
position: relative;
display: inline-block;
font-size: .5em;
top: -1em;
letter-spacing: .02em;
overflow: hidden
}
.filters-wrapper .label .sup span {
position: relative;
display: block;
width: 100%;
height: 100%;
white-space: nowrap
}
.filters-wrapper .categories-wrapper {
position: relative;
min-width: 220px;
padding: 15px calc(19.4px + 1.8vw) 15px 15px;
margin-left: calc(17.9px + 1.00588vw)
}
@media (min-width: 1700px) {
.filters-wrapper .categories-wrapper {
padding:15px 50px 15px 15px;
margin-left: 35px
}
}
@media only screen and (max-width: 380px) {
.filters-wrapper .categories-wrapper {
margin-left:0
}
}
.filters-wrapper .categories-wrapper:after {
content: "";
position: absolute;
top: calc(50% - 4px);
right: 15px;
display: block;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 8px solid #000
}
.filters-wrapper .categories-wrapper .border {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1.5px solid #000;
border-radius: 6px;
background-color: #fff
}
.filters-wrapper .current-category {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #000;
line-height: 1.1em;
letter-spacing: -.02em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden
}
@media (min-width: 1700px) {
.filters-wrapper .current-category {
font-size:18px
}
}
.filters-wrapper .current-category span {
position: relative;
display: block
}
.filters-wrapper .categories {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 0 calc(19.4px + 1.8vw) 15px 15px;
pointer-events: none
}
@media (min-width: 1700px) {
.filters-wrapper .categories {
padding:0 50px 15px 15px
}
}
.filters-wrapper .categories li {
position: relative;
padding: 5px 0;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #000;
line-height: 1.1em;
letter-spacing: -.02em;
white-space: nowrap;
cursor: pointer;
opacity: 0;
visibility: hidden;
pointer-events: visible
}
@media (min-width: 1700px) {
.filters-wrapper .categories li {
font-size:18px
}
}
.insight-thumb-wrapper {
position: relative;
margin-bottom: calc(29.4px + 7.09412vw);
display: block;
padding: 0 calc(16.4px + .21176vw);
width: 100%;
text-decoration: none;
opacity: 0;
outline: none;
border: none;
background: transparent;
text-align: left;
cursor: pointer
}
@media (min-width: 1700px) {
.insight-thumb-wrapper {
margin-bottom:150px;
padding: 0 20px
}
}
@media only screen and (max-width: 1180px) {
.insight-thumb-wrapper {
padding:0
}
}
@media only screen and (max-width: 680px) {
.insight-thumb-wrapper {
margin-bottom:80px
}
}
.insight-thumb-wrapper:nth-child(2n+2) {
margin-top: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.insight-thumb-wrapper:nth-child(2n+2) {
margin-top:40px
}
}
@media (hover: hover) {
.insight-thumb-wrapper:hover img {
-webkit-transform:scale(1.2);
transform: scale(1.2)
}
}
.insight-thumb-wrapper picture {
display: block;
overflow: hidden;
pointer-events: none
}
.insight-thumb-wrapper picture img {
width: 100%;
-webkit-transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1),-webkit-transform 2.5s cubic-bezier(.165,.84,.44,1)
}
.insight-thumb-wrapper .document-image {
width: 100%;
pointer-events: none;
overflow: hidden
}
.insight-thumb-wrapper .document-image img {
-webkit-transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1),-webkit-transform 2.5s cubic-bezier(.165,.84,.44,1)
}
.insight-thumb-wrapper .content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 15px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media only screen and (max-width: 820px) {
.insight-thumb-wrapper .content-container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.insight-thumb-wrapper .content-container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
width: 70%
}
@media only screen and (max-width: 820px) {
.insight-thumb-wrapper .content-container .left-col {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
.insight-thumb-wrapper .content-container .right-col {
text-align: right
}
@media only screen and (max-width: 820px) {
.insight-thumb-wrapper .content-container .right-col {
-webkit-box-ordinal-group:2;
-ms-flex-order: 1;
order: 1;
text-align: left;
margin-bottom: 20px
}
}
@media only screen and (max-width: 680px) {
.insight-thumb-wrapper .content-container .right-col {
margin-bottom:15px
}
}
.insight-thumb-wrapper .title {
position: relative;
display: block;
text-align: left;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.insight-thumb-wrapper .title {
font-size:22px
}
}
.insight-thumb-wrapper .author {
display: block;
text-align: left;
margin-top: calc(16.6px + .31765vw);
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.insight-thumb-wrapper .author {
margin-top:22px
}
}
@media only screen and (max-width: 680px) {
.insight-thumb-wrapper .author {
margin-top:15px
}
}
.insight-thumb-wrapper .reading-time {
font-size: 12px;
opacity: .4;
margin-top: 5px
}
.insight-thumb-wrapper .category,.insight-thumb-wrapper .reading-time {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
.insight-thumb-wrapper .category {
text-align: left;
font-size: 15px
}
.insights-footer-wrapper {
position: relative;
padding-top: calc(20.4px + 2.32941vw);
padding-bottom: calc(18.4px + 1.27059vw);
--gridPadd: calc(18.4px + 1.27059vw);
border-top: 1px solid rgba(0,0,0,.1)
}
@media (min-width: 1700px) {
.insights-footer-wrapper {
padding-top:60px;
padding-bottom: 40px;
--gridPadd: 40px
}
}
@media only screen and (max-width: 680px) {
.insights-footer-wrapper {
padding-bottom:40px;
padding-top: 40px
}
}
.insights-footer-wrapper .row.collapse {
padding-right: 0;
padding-left: 0
}
.insights-footer-wrapper .scroll-grid {
position: relative;
text-align: right;
padding-left: calc(var(--gridPadd) + .625rem);
padding-right: calc(var(--gridPadd) + .625rem)
}
@media only screen and (max-width: 1440px) {
.insights-footer-wrapper .scroll-grid {
padding-left:calc(var(--gridPadd)/2 + .625rem);
padding-right: calc(var(--gridPadd)/2 + .625rem)
}
}
@media only screen and (max-width: 680px) {
.insights-footer-wrapper .scroll-grid {
padding-left:calc(var(--gridPadd)/3 + .625rem);
padding-right: calc(var(--gridPadd)/3 + .625rem)
}
}
.insights-footer-wrapper .work-list-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.insights-footer-wrapper .work-list-wrapper.grid-1 .work-list {
grid-template-columns: auto
}
@media only screen and (max-width: 670px) {
.insights-footer-wrapper .work-list-wrapper.grid-1 .work-list {
justify-items:start
}
.insights-footer-wrapper .work-list-wrapper.grid-1 .work-list li {
width: 100%
}
}
@media only screen and (max-width: 670px) {
.insights-footer-wrapper .work-list-wrapper.grid-1 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.insights-footer-wrapper .work-list-wrapper.grid-1 .scroll-grid {
text-align: left
}
.insights-footer-wrapper .work-list-wrapper.grid-1 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 670px) and (min-width:1700px) {
.insights-footer-wrapper .work-list-wrapper.grid-1 .title {
margin-bottom:30px
}
}
.insights-footer-wrapper .work-list-wrapper.grid-2 .work-list {
grid-template-columns: auto auto
}
@media only screen and (max-width: 1100px) {
.insights-footer-wrapper .work-list-wrapper.grid-2 .work-list {
justify-items:start
}
.insights-footer-wrapper .work-list-wrapper.grid-2 .work-list li {
width: 100%
}
}
@media only screen and (max-width: 1100px) {
.insights-footer-wrapper .work-list-wrapper.grid-2 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.insights-footer-wrapper .work-list-wrapper.grid-2 .scroll-grid {
text-align: left
}
.insights-footer-wrapper .work-list-wrapper.grid-2 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.insights-footer-wrapper .work-list-wrapper.grid-2 .title {
margin-bottom:30px
}
}
.insights-footer-wrapper .work-list-wrapper.grid-3 .work-list {
grid-template-columns: auto auto auto
}
@media only screen and (max-width: 1570px) {
.insights-footer-wrapper .work-list-wrapper.grid-3 .work-list {
justify-items:start
}
.insights-footer-wrapper .work-list-wrapper.grid-3 .work-list li {
width: 100%;
max-width: 340px
}
}
@media only screen and (max-width: 1380px) {
.insights-footer-wrapper .work-list-wrapper.grid-3 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.insights-footer-wrapper .work-list-wrapper.grid-3 .scroll-grid {
text-align: left
}
.insights-footer-wrapper .work-list-wrapper.grid-3 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 1380px) and (min-width:1700px) {
.insights-footer-wrapper .work-list-wrapper.grid-3 .title {
margin-bottom:30px
}
}
.insights-footer-wrapper .title {
position: absolute;
top: 0;
left: calc(var(--gridPadd) + .625rem);
font-family: "Montserrat", sans-serif;
font-size: calc(17.2px + .63529vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.insights-footer-wrapper .title {
font-size:28px
}
}
@media only screen and (max-width: 1440px) {
.insights-footer-wrapper .title {
left:calc(var(--gridPadd)/2 + .625rem)
}
}
@media only screen and (max-width: 680px) {
.insights-footer-wrapper .title {
left:calc(var(--gridPadd)/3 + .625rem)
}
}
.insights-footer-wrapper .work-list {
display: inline-grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto;
grid-column-gap: 20px;
justify-items: end
}
.insights-footer-wrapper .work-list li {
position: relative;
max-width: 390px;
min-width: 300px;
width: 100%
}
.insights-footer-wrapper .work-list li:last-of-type {
margin-right: 0
}
.insights-footer-wrapper .work-list li.soon img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
@media (hover: hover) {
.insights-footer-wrapper .work-list li:hover img {
-webkit-transform:scale(1.2);
transform: scale(1.2)
}
}
.insights-footer-wrapper .work-list li picture {
display: block;
overflow: hidden
}
.insights-footer-wrapper .work-list li picture img {
-webkit-transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1),-webkit-transform 2.5s cubic-bezier(.165,.84,.44,1)
}
.insights-footer-wrapper .work-list li a {
text-decoration: none;
display: block
}
.insights-footer-wrapper .work-list li img {
width: 100%
}
.insights-footer-wrapper .work-list li .work-title {
margin: calc(16.4px + .21176vw) 0 2px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.insights-footer-wrapper .work-list li .work-title {
margin:20px 0 2px;
font-size: 22px
}
}
.insights-footer-wrapper .work-list li .description {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
opacity: .4
}
.insights-footer-wrapper .legal-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 620px) {
.insights-footer-wrapper .legal-list {
margin-bottom:30px
}
}
@media only screen and (max-width: 500px) {
.insights-footer-wrapper .legal-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.insights-footer-wrapper .legal-list .legal-item {
margin-right: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.insights-footer-wrapper .legal-list .legal-item {
margin-right:30px
}
}
@media only screen and (max-width: 500px) {
.insights-footer-wrapper .legal-list .legal-item {
margin-right:0;
margin-bottom: 20px
}
}
.insights-footer-wrapper .legal-list .legal-item:last-child {
margin-right: 0
}
.insights-footer-wrapper .legal-list .legal-item,.insights-footer-wrapper .made-by-buro {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.1em;
text-transform: uppercase
}
.insights-footer-wrapper .legal-list .legal-item a,.insights-footer-wrapper .made-by-buro a {
position: relative;
text-decoration: none;
text-transform: uppercase;
color: #232323
}
@media (hover: hover) {
.insights-footer-wrapper .legal-list .legal-item a:hover:after,.insights-footer-wrapper .made-by-buro a:hover:after {
-webkit-transform:scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
.insights-footer-wrapper .legal-list .legal-item a:after,.insights-footer-wrapper .made-by-buro a:after {
content: "";
position: absolute;
bottom: -2px;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.insights-footer-wrapper .lower-footer {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 1700px) {
.insights-footer-wrapper .lower-footer {
margin-top:40px
}
}
@media only screen and (max-width: 620px) {
.insights-footer-wrapper .lower-footer {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width: 680px) {
.insights-footer-wrapper .lower-footer {
margin-top:40px
}
}
.pagination-wrapper {
position: relative;
padding-bottom: calc(27.9px + 6.3vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
@media (min-width: 1700px) {
.pagination-wrapper {
padding-bottom:135px
}
}
.pagination-wrapper .pagination-container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.pagination-wrapper button {
position: relative;
padding: 10px;
border: none;
outline: none;
background: none;
cursor: pointer;
-webkit-transition: -webkit-transform .75s cubic-bezier(.19,1,.22,1);
transition: -webkit-transform .75s cubic-bezier(.19,1,.22,1);
-o-transition: transform .75s cubic-bezier(.19,1,.22,1);
transition: transform .75s cubic-bezier(.19,1,.22,1);
transition: transform .75s cubic-bezier(.19,1,.22,1),-webkit-transform .75s cubic-bezier(.19,1,.22,1)
}
.pagination-wrapper button.disabled {
opacity: .5;
pointer-events: none
}
.pagination-wrapper button svg {
pointer-events: none
}
.pagination-wrapper button.prev-btn {
top: 2px;
margin-right: 35px
}
.pagination-wrapper button.prev-btn:hover {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
.pagination-wrapper button.next-btn {
margin-left: 35px
}
.pagination-wrapper button.next-btn:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px)
}
.pagination-wrapper .pagination-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-self: center
}
.pagination-wrapper .current-page {
position: relative;
margin-right: 12px;
width: 40px;
height: 40px;
border-radius: 5px;
background-color: #f6f4f2;
overflow: hidden
}
.pagination-wrapper .current-page,.pagination-wrapper .current-page .number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.pagination-wrapper .current-page .number {
width: 100%;
height: 100%
}
.pagination-wrapper .number,.pagination-wrapper .total {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: .14em;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.author-block-wrapper {
position: relative;
padding: calc(19.4px + 1.8vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.author-block-wrapper {
padding:50px 0 120px
}
}
@media only screen and (max-width: 680px) {
.author-block-wrapper {
display:none
}
}
.author-block-wrapper .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width: 630px) {
.author-block-wrapper .inner {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.author-block-wrapper .authors-container {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
width: 80%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 630px) {
.author-block-wrapper .authors-container {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
.author-block-wrapper .author {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 380px) {
.author-block-wrapper .author {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.author-block-wrapper .author img {
width: 80px;
min-width: 40px
}
@media only screen and (max-width: 380px) {
.author-block-wrapper .author img {
width:50px
}
}
.author-block-wrapper .author .type-container {
position: relative;
margin-left: calc(16.4px + .21176vw);
margin-right: calc(16.4px + .21176vw)
}
@media (min-width: 1700px) {
.author-block-wrapper .author .type-container {
margin-left:20px;
margin-right: 20px
}
}
@media only screen and (max-width: 380px) {
.author-block-wrapper .author .type-container {
margin-left:0;
margin-right: 0;
margin-top: 10px
}
}
.author-block-wrapper .author .type-container .name,.author-block-wrapper .author .type-container .role {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
.author-block-wrapper .author .type-container .role {
max-width: 80%;
opacity: .4
}
@media only screen and (max-width: 630px) {
.author-block-wrapper .reading-time {
-webkit-box-ordinal-group:2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 30px
}
}
.author-block-wrapper .reading-time span {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
.content-block-wrapper {
position: relative;
padding-bottom: calc(20.4px + 2.32941vw)
}
@media (min-width: 1700px) {
.content-block-wrapper {
padding-bottom:60px
}
}
@media only screen and (max-width: 680px) {
.content-block-wrapper {
padding-bottom:0;
padding-top: 40px
}
}
.content-block-wrapper h2 {
text-indent: 40px;
margin-bottom: calc(24.4px + 4.44706vw);
font-family: "Montserrat", sans-serif;
font-size: calc(19.6px + 1.90588vw);
font-weight: 400;
color: #da352b;
line-height: 1.3em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.content-block-wrapper h2 {
margin-bottom:100px;
font-size: 52px
}
}
.content-block-wrapper h3 {
text-indent: 40px;
margin-bottom: calc(18.4px + 1.27059vw);
font-family: "Montserrat", sans-serif;
font-size: calc(17.8px + .95294vw);
font-weight: 400;
color: #232323;
line-height: 1.3em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.content-block-wrapper h3 {
margin-bottom:40px;
font-size: 34px
}
}
.content-block-wrapper a {
color: #da352b;
text-decoration: none
}
.content-block-wrapper p {
text-indent: 40px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.5px + .26471vw);
font-weight: 400;
color: #232323;
line-height: 1.8em;
letter-spacing: 0
}
@media (min-width: 1700px) {
.content-block-wrapper p {
font-size:21px
}
}
.content-block-wrapper p span {
font-family: "Montserrat", sans-serif;
font-size: calc(16.5px + .26471vw);
font-weight: 400;
color: #232323;
line-height: 1.8em;
letter-spacing: 0
}
@media (min-width: 1700px) {
.content-block-wrapper p span {
font-size:21px
}
}
.content-block-wrapper p strong {
font-weight: 500
}
.content-block-wrapper .wp-caption {
max-width: 100%;
margin: calc(24.4px + 4.44706vw) 0
}
@media (min-width: 1700px) {
.content-block-wrapper .wp-caption {
margin:100px 0
}
}
.content-block-wrapper .wp-caption img {
margin: 0 0 calc(17.4px + .74118vw);
width: 100%;
max-width: 100%;
left: 0
}
@media (min-width: 1700px) {
.content-block-wrapper .wp-caption img {
margin:0 0 30px
}
}
.content-block-wrapper .wp-caption .wp-caption-text {
position: relative;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1.7em;
letter-spacing: 0;
opacity: .4
}
@media (min-width: 1700px) {
.content-block-wrapper .wp-caption .wp-caption-text {
font-size:17px
}
}
.content-block-wrapper .wp-caption.aligncenter {
margin: calc(24.4px + 4.44706vw) auto
}
@media (min-width: 1700px) {
.content-block-wrapper .wp-caption.aligncenter {
margin:100px auto
}
}
.content-block-wrapper .wp-caption.aligncenter img {
margin-left: auto;
margin-right: auto
}
.content-block-wrapper li {
position: relative;
margin-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.8em;
letter-spacing: 0
}
@media (min-width: 1700px) {
.content-block-wrapper li {
font-size:22px
}
}
.content-block-wrapper li:before {
content: "";
position: relative;
margin-right: 10px;
top: -1px;
display: block;
width: 4px;
height: 4px;
border-radius: 4px;
background-color: #232323
}
.content-block-wrapper li strong {
font-weight: 300
}
.content-block-wrapper img {
position: relative;
display: inline-block;
width: 160%;
max-width: 160%;
left: calc(-30% - 40px);
margin: calc(24.4px + 4.44706vw) 0
}
@media (min-width: 1700px) {
.content-block-wrapper img {
margin:100px 0
}
}
@media only screen and (max-width: 680px) {
.content-block-wrapper img {
margin:60px 0
}
}
.brochure-cta-wrapper,.brochure-cta-wrapper .row,.brochure-cta-wrapper .row .columns {
position: relative
}
.brochure-cta-wrapper .brochure-wrapper {
position: relative;
padding: calc(19.4px + 1.8vw) 0 calc(28.4px + 6.56471vw)
}
@media (min-width: 1700px) {
.brochure-cta-wrapper .brochure-wrapper {
padding:50px 0 140px
}
}
.brochure-cta-wrapper .brochure-wrapper .brochure-container {
position: relative
}
.brochure-cta-wrapper .brochure-wrapper .brochure-container .brochure-btn {
text-decoration: none;
border: none;
outline: none;
background-color: transparent;
cursor: pointer;
width: 100%;
padding: 0
}
.brochure-cta-wrapper .brochure-wrapper .brochure-container .brochure-btn.hover svg path {
opacity: 1
}
.brochure-cta-wrapper .brochure-wrapper .brochure-container .inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
pointer-events: none;
padding-left: .625rem;
padding-right: .625rem
}
.brochure-cta-wrapper .brochure-wrapper .brochure-container svg {
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
pointer-events: none
}
.brochure-cta-wrapper .brochure-wrapper .brochure-container svg path {
opacity: .4;
-webkit-transition: fill .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
-o-transition: fill .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
transition: fill .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)
}
.brochure-cta-wrapper .brochure-wrapper .brochure-container .link-title {
position: relative;
display: block;
margin-top: calc(32.4px + 8.68235vw);
margin-bottom: calc(17.4px + .74118vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
white-space: nowrap;
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.brochure-cta-wrapper .brochure-wrapper .brochure-container .link-title {
margin-top:180px;
margin-bottom: 30px;
font-size: 120px
}
}
@media only screen and (max-width: 820px) {
.brochure-cta-wrapper .brochure-wrapper .brochure-container .link-title {
white-space:inherit
}
}
.brochure-cta-wrapper .brochure-wrapper .brochure-container .link-title span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
font-style: italic
}
@media (min-width: 1700px) {
.brochure-cta-wrapper .brochure-wrapper .brochure-container .link-title span {
font-size:120px
}
}
.brochure-cta-wrapper .brochure-wrapper .brochure-container .link-subtitle {
position: relative;
left: 4px;
text-align: center;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #ac9f8a;
line-height: 1.1em;
letter-spacing: 1.1em;
text-transform: uppercase;
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1)
}
.download-block-wrapper {
position: relative;
padding: calc(29.4px + 7.09412vw) 0 calc(34.4px + 9.74118vw)
}
@media (min-width: 1700px) {
.download-block-wrapper {
padding:150px 0 200px
}
}
@media only screen and (max-width: 680px) {
.download-block-wrapper {
padding-top:80px;
padding-bottom: 80px
}
}
.download-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media only screen and (max-width: 680px) {
.download-block-wrapper .upper-title {
letter-spacing:1.3em
}
}
.download-block-wrapper .title {
position: relative;
margin-top: calc(20.2px + 2.22353vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19.6px + 1.90588vw);
font-weight: 300;
color: #232323;
line-height: 1.3em
}
@media (min-width: 1700px) {
.download-block-wrapper .title {
margin-top:58px;
font-size: 52px
}
}
.download-block-wrapper .title span {
font-size: calc(19.6px + 1.90588vw);
color: #232323;
line-height: 1.3em
}
@media (min-width: 1700px) {
.download-block-wrapper .title span {
font-size:52px
}
}
.download-block-wrapper .btn {
position: relative;
margin-top: calc(20.4px + 2.32941vw);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-self: center;
padding: 25px 35px;
border-radius: 70px;
text-decoration: none;
border: none;
outline: none;
background-color: transparent;
cursor: pointer
}
@media (min-width: 1700px) {
.download-block-wrapper .btn {
margin-top:60px
}
}
@media only screen and (max-width: 680px) {
.download-block-wrapper .btn {
padding:20px 24px
}
}
@media (hover: hover) {
.download-block-wrapper .btn:hover .bg {
-webkit-transform:scale(1.1);
transform: scale(1.1);
background-color: #232323
}
.download-block-wrapper .btn:hover .label {
color: #fff
}
.download-block-wrapper .btn:hover svg path {
fill: #fff
}
.download-block-wrapper .btn .bg {
-webkit-transition: background-color .5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color .5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.download-block-wrapper .btn .label {
-webkit-transition: color .5s cubic-bezier(.165,.84,.44,1);
-o-transition: color .5s cubic-bezier(.165,.84,.44,1);
transition: color .5s cubic-bezier(.165,.84,.44,1)
}
}
.download-block-wrapper .btn .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid #232323;
border-radius: 70px;
background-color: transparent;
pointer-events: none
}
.download-block-wrapper .btn .label {
position: relative;
margin-right: 16px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1.1em;
letter-spacing: .14em;
text-transform: uppercase;
pointer-events: none
}
@media only screen and (max-width: 680px) {
.download-block-wrapper .btn .label {
font-size:15px;
line-height: 1
}
}
.download-block-wrapper .btn svg {
position: relative;
top: -1px;
pointer-events: none
}
.download-block-wrapper .btn svg path {
-webkit-transition: stroke .5s cubic-bezier(.165,.84,.44,1);
-o-transition: stroke .5s cubic-bezier(.165,.84,.44,1);
transition: stroke .5s cubic-bezier(.165,.84,.44,1)
}
.news-archive-header-wrapper {
position: relative;
padding: calc(31.6px + 8.25882vw) 0 calc(19.4px + 1.8vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(21px + 2.64706vw);
width: 100%;
min-height: 100svh;
-webkit-perspective: 1000;
perspective: 1000;
background-color: #fff7ec
}
@media (min-width: 1700px) {
.news-archive-header-wrapper {
padding:172px 0 50px;
gap: 66px
}
}
@media only screen and (max-width: 1440px) {
.news-archive-header-wrapper {
gap:calc(18.4px + 1.27059vw);
padding: calc(28.6px + 6.67059vw) 0 calc(19.4px + 1.8vw)
}
}
@media only screen and (max-width: 1440px) and (min-width:1700px) {
.news-archive-header-wrapper {
gap:40px;
padding: 142px 0 50px
}
}
@media only screen and (max-width: 1280px) {
.news-archive-header-wrapper {
padding:calc(30.6px + 7.72941vw) 0 calc(19.4px + 1.8vw)
}
}
@media only screen and (max-width: 1280px) and (min-width:1700px) {
.news-archive-header-wrapper {
padding:162px 0 50px
}
}
@media only screen and (max-width: 820px) {
.news-archive-header-wrapper {
padding-top:140px
}
}
@media only screen and (orientation: portrait) {
.news-archive-header-wrapper {
min-height:auto
}
}
.news-archive-header-wrapper .row {
width: 100%
}
.news-archive-header-wrapper a {
text-decoration: none
}
.news-archive-header-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: 16px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase;
opacity: 0
}
@media only screen and (max-width: 680px) {
.news-archive-header-wrapper .upper-title {
letter-spacing:1.3em
}
}
.news-archive-header-wrapper h1 {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.news-archive-header-wrapper h1 {
font-size:120px
}
}
@media only screen and (max-width: 1440px) {
.news-archive-header-wrapper h1 {
font-size:calc(23.4px + 3.91765vw)
}
}
@media only screen and (max-width: 1440px) and (min-width:1700px) {
.news-archive-header-wrapper h1 {
font-size:90px
}
}
.news-archive-header-wrapper .label {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 1em;
text-transform: uppercase
}
.news-archive-header-wrapper .left-col,.news-archive-header-wrapper .right-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px
}
@media only screen and (orientation: portrait) {
.news-archive-header-wrapper .left-col .label {
display:none
}
}
@media only screen and (orientation: portrait) and (max-width:820px) {
.news-archive-header-wrapper .right-col {
margin-top: 50px;
}
}
/* @media only screen and (orientation: portrait) and (max-width:820px) {
.news-archive-header-wrapper .right-col {
display:none
}
} */
.news-archive-header-wrapper .latest-new-wrapper {
position: relative;
width: 100%;
display: grid
}
.news-archive-header-wrapper .latest-new-wrapper .image-container {
position: relative;
grid-row: 1;
grid-column: 1;
height: 100%
}
@media only screen and (max-width: 1440px) {
.news-archive-header-wrapper .latest-new-wrapper .image-container {
height:50vh
}
}
@media only screen and (orientation: portrait) {
.news-archive-header-wrapper .latest-new-wrapper .image-container {
height:25vh
}
}
@media only screen and (orientation: portrait) and (max-width:820px) {
.news-archive-header-wrapper .latest-new-wrapper .image-container {
height:35vh
}
}
.news-archive-header-wrapper .latest-new-wrapper .image-container:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));
background: -o-linear-gradient(top,transparent 0,#000 100%);
background: linear-gradient(180deg,transparent,#000);
opacity: .7
}
.news-archive-header-wrapper .latest-new-wrapper .image-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.news-archive-header-wrapper .latest-new-wrapper .content-container {
position: relative;
padding: calc(16.9px + .47647vw);
grid-row: 1;
grid-column: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%
}
@media (min-width: 1700px) {
.news-archive-header-wrapper .latest-new-wrapper .content-container {
padding:25px
}
}
.news-archive-header-wrapper .latest-new-wrapper .content-container .latest-new-title {
font-family: "Montserrat", sans-serif;
font-size: calc(17.2px + .63529vw);
font-weight: 400;
color: #fff;
line-height: 1.18em;
letter-spacing: -.01em;
width: 50%
}
@media (min-width: 1700px) {
.news-archive-header-wrapper .latest-new-wrapper .content-container .latest-new-title {
font-size:28px
}
}
@media only screen and (max-width: 680px) {
.news-archive-header-wrapper .latest-new-wrapper .content-container .latest-new-title {
width:90%
}
}
.news-archive-header-wrapper .latest-new-wrapper .content-container .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.news-archive-header-wrapper .latest-new-wrapper .content-container .reading-time {
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
color: #fff;
line-height: 1.18em;
letter-spacing: -.01em;
opacity: .4
}
.news-archive-header-wrapper .latest-new-wrapper .content-container .category {
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 400;
color: #fff;
line-height: 1.18em;
letter-spacing: -.01em
}
.news-archive-header-wrapper .trending-list {
display: grid;
grid-template-rows: repeat(3,1fr);
row-gap: calc(18.6px + 1.37647vw);
height: 100%
}
@media (min-width: 1700px) {
.news-archive-header-wrapper .trending-list {
row-gap:42px
}
}
@media only screen and (orientation: portrait) {
.news-archive-header-wrapper .trending-list .item:nth-child(3) {
display:none
}
}
.news-archive-header-wrapper .trending-list .item .item-title {
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.news-archive-header-wrapper .trending-list .item .item-title {
font-size:18px
}
}
.news-archive-header-wrapper .trending-list .item .reading-time {
color: #232323;
opacity: .4
}
.news-archive-header-wrapper .trending-list .item .category {
color: #232323
}
.news-archive-header-wrapper .trending-list .item .trending-new-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
gap: calc(16.4px + .21176vw)
}
@media (min-width: 1700px) {
.news-archive-header-wrapper .trending-list .item .trending-new-wrapper {
gap:20px
}
}
.news-archive-header-wrapper .trending-list .item .image-container {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
height: 100%
}
.news-archive-header-wrapper .trending-list .item .image-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.news-archive-header-wrapper .trending-list .item .content-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%
}
.news-archive-header-wrapper .trending-list .item .content-container .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width: 1180px) {
.news-archive-header-wrapper .trending-list .item .content-container .bottom {
display:none
}
}
.news-author-block-wrapper {
position: relative;
padding: calc(19.4px + 1.8vw) 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.news-author-block-wrapper {
padding:50px 0 120px
}
}
.news-author-block-wrapper .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.news-author-block-wrapper .authors-container {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
width: 80%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.news-author-block-wrapper .author,.news-author-block-wrapper .authors-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 380px) {
.news-author-block-wrapper .author {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.news-author-block-wrapper .author img {
width: 80px;
min-width: 40px
}
@media only screen and (max-width: 680px) {
.news-author-block-wrapper .author img {
width:50px
}
}
.news-author-block-wrapper .author .type-container {
position: relative;
margin-left: calc(16.4px + .21176vw);
margin-right: calc(16.4px + .21176vw)
}
@media (min-width: 1700px) {
.news-author-block-wrapper .author .type-container {
margin-left:20px;
margin-right: 20px
}
}
@media only screen and (max-width: 380px) {
.news-author-block-wrapper .author .type-container {
margin-left:0;
margin-right: 0;
margin-top: 10px
}
}
.news-author-block-wrapper .author .type-container .name,.news-author-block-wrapper .author .type-container .role {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
.news-author-block-wrapper .author .type-container .role {
max-width: 80%;
opacity: .4
}
@media only screen and (max-width: 630px) {
.news-author-block-wrapper .reading-time {
-webkit-box-ordinal-group:2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 30px
}
}
.news-author-block-wrapper .reading-time span {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
.categories-list {
position: relative;
padding-top: calc(17.8px + .95294vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
@media (min-width: 1700px) {
.categories-list {
padding-top:34px
}
}
.categories-list .list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px
}
.categories-list .list .list-item {
position: relative
}
.categories-list .list .list-item.active .list-link,.categories-list .list .list-item:hover .list-link {
background-color: #232323;
color: #fff
}
.categories-list .list .list-item .list-link {
padding: 6px 16px;
background-color: transparent;
cursor: pointer;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
border-radius: 24px;
border: 1px solid #232323;
text-decoration: none
}
.categories-list .list .list-item .list-link,.tags-list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.tags-list {
padding-top: calc(18.6px + 1.37647vw);
width: 100%;
opacity: 0
}
@media (min-width: 1700px) {
.tags-list {
padding-top:42px
}
}
.tags-list .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc(17.6px + .84706vw)
}
@media (min-width: 1700px) {
.tags-list .list {
gap:32px
}
}
.tags-list .list .item {
position: relative
}
@media (hover: hover) {
.tags-list .list .item:hover .btn {
opacity:1
}
}
.tags-list .list .item.active .btn,.tags-list .list .item.active .close-icon {
opacity: 1
}
.tags-list .list .item .btn {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(17.6px + .84706vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
text-decoration: none;
opacity: .6;
cursor: pointer
}
@media (min-width: 1700px) {
.tags-list .list .item .btn {
font-size:32px
}
}
.tags-list .list .item .close-icon {
position: absolute;
top: -8px;
right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 14px;
height: 14px;
border-radius: 14px;
background-color: #232323;
opacity: 0
}
.tags-list .list .item .close-icon:before {
content: "";
position: absolute;
width: 7px;
height: 1px;
background-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.tags-list .list .item .close-icon:after {
content: "";
position: absolute;
width: 7px;
height: 1px;
background-color: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.news-group {
position: relative;
padding-top: calc(27.2px + 5.92941vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(16.8px + .42353vw)
}
@media (min-width: 1700px) {
.news-group {
padding-top:128px;
gap: 24px
}
}
.news-group .group-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%
}
@media only screen and (max-width: 680px) {
.news-group .group-header .category-name {
display:none
}
}
.news-group .view-all-link {
position: relative;
padding: 6px 16px;
display: inline;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em;
border-radius: 24px;
border: 1px solid #232323;
text-decoration: none
}
.news-group .view-all-link.active,.news-group .view-all-link:hover {
background-color: #232323;
color: #fff
}
.news-group .group-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 6px
}
.news-group .group-title .label {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.4px + 3.38824vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.news-group .group-title .label {
font-size:80px
}
}
.news-group .group-title .number-of-posts {
font-family: "Montserrat", sans-serif;
font-size: calc(16.8px + .42353vw);
font-weight: 400;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.news-group .group-title .number-of-posts {
font-size:24px
}
}
.news-group .group-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 6.25%
}
@media only screen and (max-width: 680px) {
.news-group .group-container {
gap:5%;
row-gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.news-group .group-container .post-container {
width: 29.16%;
-webkit-box-flex: 0;
-ms-flex: 0 0 29.16%;
flex: 0 0 29.16%
}
@media only screen and (max-width: 680px) {
.news-group .group-container .post-container {
-webkit-box-flex:0;
-ms-flex: 0 0 47.5%;
flex: 0 0 47.5%;
max-width: 47.5%
}
}
.news-group .group-container .post-container.hide {
display: none
}
.news-thumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
text-decoration: none
}
.news-thumb,.news-thumb .image-container {
position: relative
}
.news-thumb .image-container img {
width: 100%
}
.news-thumb .content-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(17.6px + .84706vw);
width: 100%
}
@media (min-width: 1700px) {
.news-thumb .content-container {
gap:32px
}
}
@media only screen and (max-width: 680px) {
.news-thumb .content-container {
gap:12px
}
}
.news-thumb .content-container .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.news-thumb .content-container .top .post-title {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.news-thumb .content-container .top .post-title {
font-size:22px
}
}
@media only screen and (max-width: 1440px) {
.news-thumb .content-container .top .post-title {
-webkit-box-flex:0;
-ms-flex: 0 0 80%;
flex: 0 0 80%
}
}
@media only screen and (max-width: 680px) {
.news-thumb .content-container .top .post-title {
-webkit-box-flex:0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
font-size: 14px
}
}
.news-thumb .content-container .top .category {
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.01em
}
@media only screen and (max-width: 680px) {
.news-thumb .content-container .top .category {
display:none
}
}
.news-thumb .content-container .bottom {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px
}
.news-thumb .content-container .bottom .author,.news-thumb .content-container .bottom .reading-time {
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.01em
}
.news-thumb .content-container .bottom .author {
opacity: .4
}
.external-media {
position: relative;
padding-top: calc(23.2px + 3.81176vw);
text-decoration: none
}
@media (min-width: 1700px) {
.external-media {
padding-top:88px
}
}
.external-media .widgets-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(20.8px + 2.54118vw)
}
@media (min-width: 1700px) {
.external-media .widgets-col {
gap:64px
}
}
.external-media .title {
font-size: calc(19.6px + 1.90588vw);
line-height: 1.1em;
text-align: center;
padding: 0 calc(26.4px + 5.50588vw)
}
@media (min-width: 1700px) {
.external-media .title {
font-size:52px;
padding: 0 120px
}
}
@media only screen and (max-width: 680px) {
.external-media .title {
padding:0
}
}
.external-media .title p {
margin: 0;
text-indent: 0;
line-height: 1.1em;
font-size: calc(19.6px + 1.90588vw)
}
@media (min-width: 1700px) {
.external-media .title p {
font-size:52px
}
}
.external-media .title p span {
line-height: 1.1em;
font-size: calc(19.6px + 1.90588vw)
}
@media (min-width: 1700px) {
.external-media .title p span {
font-size:52px
}
}
.external-media .widgets-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc(20.6px + 2.43529vw)
}
@media (min-width: 1700px) {
.external-media .widgets-container {
gap:62px
}
}
@media only screen and (max-width: 680px) {
.external-media .widgets-container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.external-media .spotify-widget {
position: relative;
height: 232px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
@media only screen and (max-width: 680px) {
.external-media .spotify-widget {
-webkit-box-flex:0;
-ms-flex: 0 0 232px;
flex: 0 0 232px
}
}
.external-media .spotify-widget iframe {
border-radius: 12px
}
.external-media .youtube-widget {
position: relative;
padding: 16px;
height: 232px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 12px;
background-color: #470d09
}
@media only screen and (max-width: 680px) {
.external-media .youtube-widget {
-webkit-box-flex:0;
-ms-flex: 0 0 232px;
flex: 0 0 232px
}
}
.external-media .youtube-widget .youtube-logo {
position: absolute;
top: 0;
right: 0
}
.external-media .youtube-widget .inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.external-media .youtube-widget .inner .image-container {
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
width: 120px;
height: 120px
}
@media only screen and (max-width: 680px) {
.external-media .youtube-widget .inner .image-container {
display:none
}
}
.external-media .youtube-widget .inner .image-container img {
height: 100%;
width: 100%
}
.external-media .youtube-widget .inner .content-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px
}
.external-media .youtube-widget .inner .content-container .widget-title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 800;
color: #fff;
line-height: 1.1em;
letter-spacing: -.02em;
text-indent: 0;
margin-bottom: 0
}
.external-media .youtube-widget .inner .content-container .widget-description {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #fff;
line-height: 1.1em;
letter-spacing: -.02em;
text-indent: 0;
margin-bottom: 0
}
.external-media .youtube-widget .inner .content-container .widget-link {
position: relative;
padding: 4px 16px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: -.02em;
border-radius: 4px;
border: 1px solid hsla(0,0%,100%,.3);
text-decoration: none;
-webkit-transition: background-color .25s cubic-bezier(.19,1,.22,1),color .25s cubic-bezier(.19,1,.22,1);
-o-transition: background-color .25s cubic-bezier(.19,1,.22,1),color .25s cubic-bezier(.19,1,.22,1);
transition: background-color .25s cubic-bezier(.19,1,.22,1),color .25s cubic-bezier(.19,1,.22,1)
}
@media (hover: hover) {
.external-media .youtube-widget .inner .content-container .widget-link:hover {
background-color:#fff;
color: #470d09
}
}
.news-pagination-wrapper {
position: relative;
padding-bottom: calc(26.8px + 5.71765vw);
padding-top: calc(18.4px + 1.27059vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
@media (min-width: 1700px) {
.news-pagination-wrapper {
padding-bottom:124px;
padding-top: 40px
}
}
.news-pagination-wrapper.hide {
display: none
}
.news-pagination-wrapper .pagination-container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.news-pagination-wrapper button {
position: relative;
padding: 10px;
border: none;
outline: none;
background: none;
cursor: pointer;
-webkit-transition: -webkit-transform .75s cubic-bezier(.19,1,.22,1);
transition: -webkit-transform .75s cubic-bezier(.19,1,.22,1);
-o-transition: transform .75s cubic-bezier(.19,1,.22,1);
transition: transform .75s cubic-bezier(.19,1,.22,1);
transition: transform .75s cubic-bezier(.19,1,.22,1),-webkit-transform .75s cubic-bezier(.19,1,.22,1)
}
.news-pagination-wrapper button.disabled {
opacity: .5;
pointer-events: none
}
.news-pagination-wrapper button svg {
pointer-events: none
}
.news-pagination-wrapper button.prev-btn {
top: 2px;
margin-right: 35px
}
.news-pagination-wrapper button.prev-btn:hover {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
.news-pagination-wrapper button.next-btn {
margin-left: 35px
}
.news-pagination-wrapper button.next-btn:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px)
}
.news-pagination-wrapper .pagination-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-self: center
}
.news-pagination-wrapper .current-page {
position: relative;
margin-right: 12px;
width: 40px;
height: 40px;
border-radius: 5px;
background-color: #f6f4f2;
overflow: hidden
}
.news-pagination-wrapper .current-page,.news-pagination-wrapper .current-page .number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.news-pagination-wrapper .current-page .number {
width: 100%;
height: 100%
}
.news-pagination-wrapper .number,.news-pagination-wrapper .total {
position: relative;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1em;
letter-spacing: .14em;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.project-hero .project-grid-wrapper .project-location-wrapper .label {
color: #232323
}
.project-hero .project-grid-wrapper .project-location-wrapper svg path {
fill: #232323
}
.project-hero .project-grid-wrapper .project-location-wrapper .background {
border: 1px solid #232323
}
.project-hero .project-grid-wrapper .banner-container .title,.project-hero .project-grid-wrapper .big-col .text,.project-hero .project-grid-wrapper .big-col .text span,.project-hero .project-grid-wrapper .medium-col .starting-price,.project-hero .project-grid-wrapper .medium-col .statistics-list li {
color: #232323
}
.text-with-image-block {
padding-bottom: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.text-with-image-block {
padding-bottom:40px
}
}
.text-with-image-block .content-col {
display: block;
gap: calc(19px + 1.58824vw)
}
@media (min-width: 1700px) {
.text-with-image-block .content-col {
gap:46px
}
}
.text-with-image-block .content-col p:last-of-type {
margin-bottom: 0
}
.text-with-image-block .content-col.left .image-container {
float: left;
margin-right: calc(19px + 1.58824vw);
margin-left: 0
}
@media (min-width: 1700px) {
.text-with-image-block .content-col.left .image-container {
margin-right:46px
}
}
@media only screen and (max-width: 820px) {
.text-with-image-block .content-col.left .image-container {
float:none
}
}
.text-with-image-block .content-col .image-container {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
width: 25%;
float: right;
margin-left: calc(19px + 1.58824vw)
}
@media (min-width: 1700px) {
.text-with-image-block .content-col .image-container {
margin-left:46px
}
}
@media only screen and (max-width: 820px) {
.text-with-image-block .content-col .image-container {
float:none;
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: calc(19px + 1.58824vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.text-with-image-block .content-col .image-container {
margin-bottom:46px
}
}
.text-with-image-block .content-col .image-container .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
gap: 24px
}
.text-with-image-block .content-col .image-container .inner,.text-with-image-block .content-col .image-container .inner picture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.text-with-image-block .content-col .image-container .inner picture img {
width: 100%
}
.text-with-video-block {
padding-bottom: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.text-with-video-block {
padding-bottom:40px
}
}
.text-with-video-block .content-col {
display: block;
gap: calc(19px + 1.58824vw)
}
@media (min-width: 1700px) {
.text-with-video-block .content-col {
gap:46px
}
}
.text-with-video-block .content-col p:last-of-type {
margin-bottom: 0
}
.text-with-video-block .content-col.left .video-container {
float: left;
margin-right: calc(19px + 1.58824vw);
margin-left: 0
}
@media (min-width: 1700px) {
.text-with-video-block .content-col.left .video-container {
margin-right:46px
}
}
@media only screen and (max-width: 820px) {
.text-with-video-block .content-col.left .video-container {
float:none;
margin-right: 0
}
}
.text-with-video-block .content-col .video-container {
position: relative;
max-width: 25%;
width: 25%;
float: right;
margin-left: calc(19px + 1.58824vw)
}
@media (min-width: 1700px) {
.text-with-video-block .content-col .video-container {
margin-left:46px
}
}
@media only screen and (max-width: 1180px) {
.text-with-video-block .content-col .video-container {
max-width:35%;
width: 35%
}
}
@media only screen and (max-width: 820px) {
.text-with-video-block .content-col .video-container {
float:none;
margin-left: 0;
width: 100%;
max-width: 100%;
margin-bottom: calc(19px + 1.58824vw)
}
}
@media only screen and (max-width: 820px) and (min-width:1700px) {
.text-with-video-block .content-col .video-container {
margin-bottom:46px
}
}
.text-with-video-block .content-col .video-container .iframe-container {
position: relative;
width: 100%;
padding-bottom: 177.78%;
height: 0;
overflow: hidden;
max-width: 100%
}
.text-with-video-block .content-col .video-container .iframe-container.short-container {
padding-bottom: 177.78%
}
.text-with-video-block .content-col .video-container .iframe-container .overlay {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: transparent;
pointer-events: visible;
cursor: pointer
}
.text-with-video-block .content-col .video-container .iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%
}
.text-with-video-block .content-col .image-container {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
float: right;
margin-left: calc(19px + 1.58824vw);
height: 100%
}
@media (min-width: 1700px) {
.text-with-video-block .content-col .image-container {
margin-left:46px
}
}
.text-with-video-block .content-col .image-container .inner {
position: absolute;
top: 0;
left: 0;
display: grid;
grid-template-rows: repeat(auto-fit,minmax(0,1fr));
width: 100%;
height: 100%;
gap: 24px
}
.text-with-video-block .content-col .image-container .inner picture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.text-with-video-block .content-col .image-container .inner picture:first-child {
grid-row: 1;
grid-column: 1
}
.text-with-video-block .content-col .image-container .inner picture:nth-child(2) {
grid-row: 2;
grid-column: 1
}
.text-with-video-block .content-col .image-container .inner picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.text-block.double-columns .text-col {
-webkit-columns: 2;
-moz-columns: 2;
column-count: 2;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance
}
.text-block.double-columns .text-col h2,.text-block.double-columns .text-col h3 {
-webkit-column-span: all;
-moz-column-span: all;
column-span: all
}
@media only screen and (max-width: 820px) {
.text-block.double-columns .text-col p {
-webkit-columns:1;
-moz-columns: 1;
column-count: 1
}
}
.text-block,.text-with-image-block,.text-with-video-block {
margin-top: calc(20.8px + 2.54118vw)
}
@media (min-width: 1700px) {
.text-block,.text-with-image-block,.text-with-video-block {
margin-top:64px
}
}
.text-block h2,.text-with-image-block h2,.text-with-video-block h2 {
margin-bottom: calc(18.4px + 1.27059vw);
font-family: "Montserrat", sans-serif;
font-size: calc(19.6px + 1.90588vw);
font-weight: 400;
color: #da352b;
line-height: 1.3em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.text-block h2,.text-with-image-block h2,.text-with-video-block h2 {
margin-bottom:40px;
font-size: 52px
}
}
.text-block h2 span,.text-with-image-block h2 span,.text-with-video-block h2 span {
font-family: inherit!important;
font-size: inherit!important;
font-weight: inherit!important;
letter-spacing: inherit!important;
line-height: inherit!important
}
.text-block h3,.text-with-image-block h3,.text-with-video-block h3 {
margin-bottom: calc(17.2px + .63529vw);
font-family: "Montserrat", sans-serif;
font-size: calc(17.8px + .95294vw);
font-weight: 400;
color: #232323;
line-height: 1.3em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.text-block h3,.text-with-image-block h3,.text-with-video-block h3 {
margin-bottom:28px;
font-size: 34px
}
}
.text-block h3 span,.text-with-image-block h3 span,.text-with-video-block h3 span {
font-family: inherit!important;
font-size: inherit!important;
font-weight: inherit!important;
letter-spacing: inherit!important;
line-height: inherit!important
}
.text-block p,.text-with-image-block p,.text-with-video-block p {
margin-bottom: calc(16.2px + .10588vw);
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.7em;
letter-spacing: 0;
text-indent: 0
}
@media (min-width: 1700px) {
.text-block p,.text-with-image-block p,.text-with-video-block p {
margin-bottom:18px;
font-size: 22px
}
}
.text-block p span,.text-with-image-block p span,.text-with-video-block p span {
font-family: inherit!important;
font-size: inherit!important;
font-weight: inherit!important;
letter-spacing: inherit!important;
line-height: inherit!important
}
.text-block strong,.text-with-image-block strong,.text-with-video-block strong {
font-weight: 500
}
.text-block a,.text-with-image-block a,.text-with-video-block a {
color: #da352b;
text-decoration: none
}
.text-block ul,.text-with-image-block ul,.text-with-video-block ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
list-style: disc;
margin-bottom: calc(17.2px + .63529vw)
}
@media (min-width: 1700px) {
.text-block ul,.text-with-image-block ul,.text-with-video-block ul {
margin-bottom:28px
}
}
.text-block ul li,.text-with-image-block ul li,.text-with-video-block ul li {
margin-left: calc(18.2px + 1.16471vw);
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.8em;
letter-spacing: 0
}
@media (min-width: 1700px) {
.text-block ul li,.text-with-image-block ul li,.text-with-video-block ul li {
margin-left:38px;
font-size: 22px
}
}
.image-block {
position: relative;
margin: calc(24px + 4.23529vw) 0
}
@media (min-width: 1700px) {
.image-block {
margin:96px 0
}
}
.image-block .columns {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.image-block .columns,.image-block figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.image-block figure {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
gap: calc(16.8px + .42353vw);
max-width: calc(184.4px + 89.15294vw)
}
@media (min-width: 1700px) {
.image-block figure {
gap:24px;
max-width: 1700px
}
}
.image-block figure img {
width: 100%
}
.image-block .caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
text-indent: 0;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1.8em;
letter-spacing: 0;
opacity: .4
}
@media (min-width: 1700px) {
.image-block .caption {
font-size:17px
}
}
.faq {
position: relative;
margin: calc(24px + 4.23529vw) 0
}
@media (min-width: 1700px) {
.faq {
margin:96px 0
}
}
.faq .faq-col {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(18.2px + 1.16471vw)
}
@media (min-width: 1700px) {
.faq .faq-col {
gap:38px
}
}
.faq .faq-title {
font-family: "Montserrat", sans-serif;
font-size: calc(17.8px + .95294vw);
font-weight: 400;
color: #232323;
line-height: 1.3em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.faq .faq-title {
font-size:34px
}
}
.faq .list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.faq .list .faq-item {
position: relative;
padding: 16px 0;
border-bottom: 1.5px solid #232323;
cursor: pointer
}
.faq .list .faq-item.open .icon:after {
opacity: 0
}
.faq .list .faq-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.faq .list .faq-header,.faq .list .icon {
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.faq .list .icon {
display: grid;
width: 18px;
height: 18px;
justify-items: center
}
.faq .list .icon:before {
width: 100%;
height: 1.5px
}
.faq .list .icon:after,.faq .list .icon:before {
content: "";
background-color: #232323;
grid-row: 1;
grid-column: 1
}
.faq .list .icon:after {
width: 1.5px;
height: 100%;
-webkit-transition: opacity .2s cubic-bezier(.19,1,.22,1);
-o-transition: opacity .2s cubic-bezier(.19,1,.22,1);
transition: opacity .2s cubic-bezier(.19,1,.22,1)
}
.faq .list .faq-question {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.faq .list .faq-question {
font-size:22px
}
}
.faq .list .faq-answer {
position: relative;
display: block;
width: 100%;
height: 0;
overflow: hidden;
font-family: "Montserrat", sans-serif;
font-size: calc(16.2px + .10588vw);
font-weight: 400;
color: #232323;
line-height: 1.4em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.faq .list .faq-answer {
font-size:18px
}
}
.faq .list .faq-answer .inner {
position: absolute;
top: 0;
left: 0;
padding: 8px 24px 8px 0;
opacity: 0
}
.video-embed {
position: relative;
margin: calc(19.2px + 1.69412vw) 0
}
@media (min-width: 1700px) {
.video-embed {
margin:48px 0
}
}
.video-embed .iframe-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%
}
.video-embed .iframe-container.short-container {
padding-bottom: 177.78%
}
.video-embed .iframe-container .overlay {
display: block;
background-color: transparent;
pointer-events: visible;
cursor: pointer
}
.video-embed .iframe-container .overlay,.video-embed .iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.news-footer-wrapper {
position: relative;
padding-top: calc(20.4px + 2.32941vw);
padding-bottom: calc(18.4px + 1.27059vw);
--gridPadd: calc(18.4px + 1.27059vw);
border-top: 1px solid rgba(0,0,0,.1)
}
@media (min-width: 1700px) {
.news-footer-wrapper {
padding-top:60px;
padding-bottom: 40px;
--gridPadd: 40px
}
}
@media only screen and (max-width: 680px) {
.news-footer-wrapper {
padding-bottom:40px;
padding-top: 40px
}
}
.news-footer-wrapper .row.collapse {
padding-right: 0;
padding-left: 0
}
.news-footer-wrapper .scroll-grid {
position: relative;
text-align: right;
padding-left: calc(var(--gridPadd) + .625rem);
padding-right: calc(var(--gridPadd) + .625rem)
}
@media only screen and (max-width: 1440px) {
.news-footer-wrapper .scroll-grid {
padding-left:calc(var(--gridPadd)/2 + .625rem);
padding-right: calc(var(--gridPadd)/2 + .625rem)
}
}
@media only screen and (max-width: 680px) {
.news-footer-wrapper .scroll-grid {
padding-left:calc(var(--gridPadd)/3 + .625rem);
padding-right: calc(var(--gridPadd)/3 + .625rem)
}
}
.news-footer-wrapper .work-list-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.news-footer-wrapper .work-list-wrapper.grid-1 .work-list {
grid-template-columns: auto
}
@media only screen and (max-width: 670px) {
.news-footer-wrapper .work-list-wrapper.grid-1 .work-list {
justify-items:start
}
.news-footer-wrapper .work-list-wrapper.grid-1 .work-list li {
width: 100%
}
}
@media only screen and (max-width: 670px) {
.news-footer-wrapper .work-list-wrapper.grid-1 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.news-footer-wrapper .work-list-wrapper.grid-1 .scroll-grid {
text-align: left
}
.news-footer-wrapper .work-list-wrapper.grid-1 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 670px) and (min-width:1700px) {
.news-footer-wrapper .work-list-wrapper.grid-1 .title {
margin-bottom:30px
}
}
.news-footer-wrapper .work-list-wrapper.grid-2 .work-list {
grid-template-columns: auto auto
}
@media only screen and (max-width: 1100px) {
.news-footer-wrapper .work-list-wrapper.grid-2 .work-list {
justify-items:start
}
.news-footer-wrapper .work-list-wrapper.grid-2 .work-list li {
width: 100%
}
}
@media only screen and (max-width: 1100px) {
.news-footer-wrapper .work-list-wrapper.grid-2 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.news-footer-wrapper .work-list-wrapper.grid-2 .scroll-grid {
text-align: left
}
.news-footer-wrapper .work-list-wrapper.grid-2 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.news-footer-wrapper .work-list-wrapper.grid-2 .title {
margin-bottom:30px
}
}
.news-footer-wrapper .work-list-wrapper.grid-3 .work-list {
grid-template-columns: auto auto auto
}
@media only screen and (max-width: 1570px) {
.news-footer-wrapper .work-list-wrapper.grid-3 .work-list {
justify-items:start
}
.news-footer-wrapper .work-list-wrapper.grid-3 .work-list li {
width: 100%;
max-width: 340px
}
}
@media only screen and (max-width: 1380px) {
.news-footer-wrapper .work-list-wrapper.grid-3 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.news-footer-wrapper .work-list-wrapper.grid-3 .scroll-grid {
text-align: left
}
.news-footer-wrapper .work-list-wrapper.grid-3 .title {
position: relative;
top: auto;
margin-bottom: calc(17.4px + .74118vw)
}
}
@media only screen and (max-width: 1380px) and (min-width:1700px) {
.news-footer-wrapper .work-list-wrapper.grid-3 .title {
margin-bottom:30px
}
}
.news-footer-wrapper .title {
position: absolute;
top: 0;
left: calc(var(--gridPadd) + .625rem);
font-family: "Montserrat", sans-serif;
font-size: calc(17.2px + .63529vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.news-footer-wrapper .title {
font-size:28px
}
}
@media only screen and (max-width: 1440px) {
.news-footer-wrapper .title {
left:calc(var(--gridPadd)/2 + .625rem)
}
}
@media only screen and (max-width: 680px) {
.news-footer-wrapper .title {
left:calc(var(--gridPadd)/3 + .625rem)
}
}
.news-footer-wrapper .work-list {
display: inline-grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto;
grid-column-gap: 20px;
justify-items: end
}
.news-footer-wrapper .work-list li {
position: relative;
max-width: 390px;
min-width: 300px;
width: 100%
}
.news-footer-wrapper .work-list li:last-of-type {
margin-right: 0
}
.news-footer-wrapper .work-list li.soon img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
@media (hover: hover) {
.news-footer-wrapper .work-list li:hover img {
-webkit-transform:scale(1.2);
transform: scale(1.2)
}
}
.news-footer-wrapper .work-list li picture {
display: block;
overflow: hidden
}
.news-footer-wrapper .work-list li picture img {
-webkit-transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1),-webkit-transform 2.5s cubic-bezier(.165,.84,.44,1)
}
.news-footer-wrapper .work-list li a {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 6px
}
.news-footer-wrapper .work-list li img {
width: 100%
}
.news-footer-wrapper .work-list li .work-title {
padding-right: calc(16.4px + .21176vw);
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
text-align: left
}
@media (min-width: 1700px) {
.news-footer-wrapper .work-list li .work-title {
padding-right:20px;
font-size: 22px
}
}
.news-footer-wrapper .work-list li .description {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
font-weight: 300;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
opacity: .4;
text-align: left
}
.news-footer-wrapper .legal-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 620px) {
.news-footer-wrapper .legal-list {
margin-bottom:30px
}
}
@media only screen and (max-width: 500px) {
.news-footer-wrapper .legal-list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.news-footer-wrapper .legal-list .legal-item {
margin-right: calc(17.4px + .74118vw)
}
@media (min-width: 1700px) {
.news-footer-wrapper .legal-list .legal-item {
margin-right:30px
}
}
@media only screen and (max-width: 500px) {
.news-footer-wrapper .legal-list .legal-item {
margin-right:0;
margin-bottom: 20px
}
}
.news-footer-wrapper .legal-list .legal-item:last-child {
margin-right: 0
}
.news-footer-wrapper .legal-list .legal-item,.news-footer-wrapper .made-by-buro {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: 1.1em;
text-transform: uppercase
}
.news-footer-wrapper .legal-list .legal-item a,.news-footer-wrapper .made-by-buro a {
position: relative;
text-decoration: none;
text-transform: uppercase;
color: #232323
}
@media (hover: hover) {
.news-footer-wrapper .legal-list .legal-item a:hover:after,.news-footer-wrapper .made-by-buro a:hover:after {
-webkit-transform:scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
.news-footer-wrapper .legal-list .legal-item a:after,.news-footer-wrapper .made-by-buro a:after {
content: "";
position: absolute;
bottom: -2px;
display: block;
width: 100%;
height: 1px;
background-color: #232323;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)
}
.news-footer-wrapper .lower-footer {
position: relative;
margin-top: calc(18.4px + 1.27059vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 1700px) {
.news-footer-wrapper .lower-footer {
margin-top:40px
}
}
@media only screen and (max-width: 620px) {
.news-footer-wrapper .lower-footer {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width: 680px) {
.news-footer-wrapper .lower-footer {
margin-top:40px
}
}
.secondary-menu {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
z-index: 100;
pointer-events: none;
opacity: 0;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: opacity .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1);
transition: opacity .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1);
-o-transition: opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1);
transition: opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1);
transition: opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1)
}
@media only screen and (max-width: 820px) {
.secondary-menu {
display:none
}
}
.secondary-menu.active {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.secondary-menu.active .item {
pointer-events: visible
}
.secondary-menu .list,.secondary-menu .sublist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (hover: hover) {
.secondary-menu .list .main-item:hover .wrapper .main-label,.secondary-menu .list .sub-item:hover .sub-label,.secondary-menu .sublist .main-item:hover .wrapper .main-label,.secondary-menu .sublist .sub-item:hover .sub-label {
opacity:1
}
}
.secondary-menu .list .item,.secondary-menu .sublist .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 5px 0;
gap: 6px;
cursor: pointer
}
.secondary-menu .list .item .wrapper,.secondary-menu .sublist .item .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.secondary-menu .list .item .line,.secondary-menu .sublist .item .line {
position: relative;
width: 24px;
height: 1px;
background-color: #232323;
-webkit-transition: width .5s cubic-bezier(.19,1,.22,1);
-o-transition: width .5s cubic-bezier(.19,1,.22,1);
transition: width .5s cubic-bezier(.19,1,.22,1)
}
.secondary-menu .list .item .line.line-active,.secondary-menu .sublist .item .line.line-active {
width: 36px
}
.secondary-menu .list .item .label,.secondary-menu .sublist .item .label {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em;
opacity: .4;
-webkit-transition: opacity .5s cubic-bezier(.19,1,.22,1);
-o-transition: opacity .5s cubic-bezier(.19,1,.22,1);
transition: opacity .5s cubic-bezier(.19,1,.22,1)
}
.secondary-menu .list .item .label.active,.secondary-menu .sublist .item,.secondary-menu .sublist .item .label.active {
opacity: 1
}
.secondary-menu .sublist .item .line {
width: 36px
}
.secondary-menu .sublist .item .line.line-active {
width: 48px
}
.secondary-menu .sublist .item .label {
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
color: #232323;
line-height: 1.18em;
letter-spacing: -.02em
}
.js-byrefresh .home-header-wrapper .text-wrapper .continue-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.home-header-wrapper {
position: relative;
padding: calc(32.4px + 8.68235vw) 0 0
}
@media (min-width: 1700px) {
.home-header-wrapper {
padding:180px 0 0
}
}
@media only screen and (max-width: 1180px) {
.home-header-wrapper {
padding-top:150px
}
}
@media only screen and (max-width: 680px) {
.home-header-wrapper {
padding-top:120px
}
}
.home-header-wrapper #awwwards {
position: absolute;
z-index: 999;
top: calc(50vh - 70px);
left: 0;
opacity: 0;
visibility: hidden
}
@media only screen and (max-width: 1180px) {
.home-header-wrapper #awwwards {
display:none
}
}
.home-header-wrapper .background-dark {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #232323;
opacity: 0
}
.home-header-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(20.4px + 2.32941vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase;
opacity: 0
}
@media (min-width: 1700px) {
.home-header-wrapper .upper-title {
margin-bottom:60px
}
}
@media only screen and (max-width: 680px) {
.home-header-wrapper .upper-title {
letter-spacing:1.3em
}
}
.home-header-wrapper .image-wrapper {
position: relative;
display: block;
height: 120vh;
opacity: 0;
padding: 0;
overflow: hidden
}
.home-header-wrapper .image-wrapper .text-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.home-header-wrapper .image-wrapper .text-wrapper h1,.home-header-wrapper .image-wrapper .text-wrapper h2 {
color: #fff
}
.home-header-wrapper .image-wrapper .header-video-container {
position: relative;
height: 100%;
width: 100%
}
.home-header-wrapper .image-wrapper .header-video-container video {
position: relative;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
width: 100%;
height: 100%;
-webkit-transform: scale(.9);
transform: scale(.9);
-webkit-transform-origin: top center;
transform-origin: top center
}
.home-header-wrapper .image-wrapper .play-video-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0
}
.home-header-wrapper .image-wrapper .play-video {
position: absolute;
bottom: calc(19.4px + 1.8vw);
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 28px 34px;
max-width: 300px;
text-decoration: none;
border-radius: 58px;
border: none;
outline: none;
background: transparent;
z-index: 1;
cursor: pointer;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 1;
pointer-events: none
}
@media (min-width: 1700px) {
.home-header-wrapper .image-wrapper .play-video {
bottom:50px
}
}
@media only screen and (max-width: 1300px) {
.home-header-wrapper .image-wrapper .play-video {
padding:24px 28px
}
}
@media only screen and (max-width: 800px) {
.home-header-wrapper .image-wrapper .play-video {
bottom:-40px
}
}
@media only screen and (max-width: 680px) {
.home-header-wrapper .image-wrapper .play-video {
padding:20px 24px
}
}
.home-header-wrapper .image-wrapper .play-video.mobile {
display: none
}
@media (hover: hover) {
.home-header-wrapper .image-wrapper .play-video:hover .bg {
-webkit-transform:scale(1.1);
transform: scale(1.1);
background-color: #f6f4f2!important
}
.home-header-wrapper .image-wrapper .play-video:hover .label {
opacity: 1!important
}
.home-header-wrapper .image-wrapper .play-video:hover .icon {
-webkit-animation-name: icon-hover;
animation-name: icon-hover
}
.home-header-wrapper .image-wrapper .play-video:hover .shadow {
-webkit-animation-name: shadow-hover;
animation-name: shadow-hover
}
}
.home-header-wrapper .image-wrapper .play-video .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 58px;
background-color: rgba(246,244,242,0);
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform
}
.home-header-wrapper .image-wrapper .play-video .label {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1.1em;
letter-spacing: .14em;
text-transform: uppercase;
margin-right: 28px;
opacity: 0;
-webkit-transition: opacity .5s cubic-bezier(.19,1,.22,1);
-o-transition: opacity .5s cubic-bezier(.19,1,.22,1);
transition: opacity .5s cubic-bezier(.19,1,.22,1)
}
@media only screen and (max-width: 680px) {
.home-header-wrapper .image-wrapper .play-video .label {
font-size:15px;
line-height: 1
}
}
.home-header-wrapper .image-wrapper .play-video .icon-container {
position: relative;
top: -1px
}
.home-header-wrapper .image-wrapper .play-video .icon-container .icon {
position: relative
}
.home-header-wrapper .image-wrapper .play-video .icon-container .icon,.home-header-wrapper .image-wrapper .play-video .icon-container .shadow {
display: block;
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
animation-timing-function: cubic-bezier(.165,.84,.44,1);
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.home-header-wrapper .image-wrapper .play-video .icon-container .shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.home-header-wrapper .text-wrapper {
position: relative;
will-change: transform
}
.home-header-wrapper .text-wrapper .text {
display: block
}
.home-header-wrapper .text-wrapper .text p {
opacity: 0
}
.home-header-wrapper .text-wrapper .columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.home-header-wrapper .text-wrapper h1,.home-header-wrapper .text-wrapper h2 {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em;
padding-bottom: calc(31.4px + 8.15294vw)
}
@media (min-width: 1700px) {
.home-header-wrapper .text-wrapper h1,.home-header-wrapper .text-wrapper h2 {
font-size:120px;
padding-bottom: 170px
}
}
@media only screen and (max-width: 1200px) {
.home-header-wrapper .text-wrapper h1,.home-header-wrapper .text-wrapper h2 {
padding-bottom:150px
}
}
.home-header-wrapper .text-wrapper h1 p,.home-header-wrapper .text-wrapper h2 p {
text-indent: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(22.86px + 2.857vw) !important;
/* font-size: calc(26.4px + 5.50588vw); */
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em;
color: inherit;
}
@media (min-width: 1700px) {
.home-header-wrapper .text-wrapper h1 p,.home-header-wrapper .text-wrapper h2 p {
font-size:98px;
}
}
@media only screen and (max-width: 800px) {
.home-header-wrapper .text-wrapper h1 p,.home-header-wrapper .text-wrapper h2 p {
display:inline
}
}
.home-header-wrapper .text-wrapper h1 p span,.home-header-wrapper .text-wrapper h2 p span {
/* font-size: calc(26.4px + 5.50588vw); */
font-size: calc(22.86px + 2.857vw);
line-height: 1.1em;
letter-spacing: -.03em;
color: inherit
}
@media (min-width: 1700px) {
.home-header-wrapper .text-wrapper h1 p span,.home-header-wrapper .text-wrapper h2 p span {
font-size:80px;
}
}
.home-header-wrapper .text-wrapper .continue-btn {
position: absolute;
bottom: calc(22.4px + 3.38824vw);
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 26px 39px 26px 46px;
outline: none;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
cursor: pointer;
opacity: 0;
visibility: hidden
}
@media (min-width: 1700px) {
.home-header-wrapper .text-wrapper .continue-btn {
bottom:80px
}
}
@media (hover: hover) {
.home-header-wrapper .text-wrapper .continue-btn:hover .bg {
-webkit-transform:scale(1.1);
transform: scale(1.1);
background-color: #232323
}
.home-header-wrapper .text-wrapper .continue-btn:hover .label {
color: #fff
}
.home-header-wrapper .text-wrapper .continue-btn:hover .icon {
-webkit-animation-name: icon-hover;
animation-name: icon-hover
}
.home-header-wrapper .text-wrapper .continue-btn:hover .icon line,.home-header-wrapper .text-wrapper .continue-btn:hover .icon path {
stroke: #fff
}
.home-header-wrapper .text-wrapper .continue-btn:hover .shadow {
-webkit-animation-name: shadow-hover;
animation-name: shadow-hover
}
.home-header-wrapper .text-wrapper .continue-btn:hover .shadow line,.home-header-wrapper .text-wrapper .continue-btn:hover .shadow path {
stroke: #fff
}
}
.home-header-wrapper .text-wrapper .continue-btn .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid rgba(35,35,35,.4);
border-radius: 72px;
background-color: rgba(35,35,35,0);
-webkit-transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1);
transition: transform 1s cubic-bezier(.165,.84,.44,1),background-color 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform
}
.home-header-wrapper .text-wrapper .continue-btn .label {
position: relative;
margin-right: calc(16.4px + .21176vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 1.103em;
letter-spacing: .14em;
text-transform: uppercase;
-webkit-transition: color 1s cubic-bezier(.165,.84,.44,1);
-o-transition: color 1s cubic-bezier(.165,.84,.44,1);
transition: color 1s cubic-bezier(.165,.84,.44,1)
}
@media (min-width: 1700px) {
.home-header-wrapper .text-wrapper .continue-btn .label {
margin-right:20px
}
}
.home-header-wrapper .text-wrapper .continue-btn .icon-container {
position: relative;
top: -1px
}
.home-header-wrapper .text-wrapper .continue-btn .icon-container .icon {
position: relative;
display: block;
-webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
animation-timing-function: cubic-bezier(.165,.84,.44,1);
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.home-header-wrapper .text-wrapper .continue-btn .icon-container .icon line,.home-header-wrapper .text-wrapper .continue-btn .icon-container .icon path {
-webkit-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
-o-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
transition: stroke 1s cubic-bezier(.165,.84,.44,1)
}
.home-header-wrapper .text-wrapper .continue-btn .icon-container .shadow {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
animation-timing-function: cubic-bezier(.165,.84,.44,1);
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.home-header-wrapper .text-wrapper .continue-btn .icon-container .shadow line,.home-header-wrapper .text-wrapper .continue-btn .icon-container .shadow path {
-webkit-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
-o-transition: stroke 1s cubic-bezier(.165,.84,.44,1);
transition: stroke 1s cubic-bezier(.165,.84,.44,1)
}
@keyframes shadow-hover {
0% {
opacity: 0;
-webkit-transform: translateX(-25px);
transform: translateX(-25px)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes icon-hover {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
opacity: 0;
-webkit-transform: translateX(25px);
transform: translateX(25px)
}
}
html:not(.has-scroll-smooth) .home-header-wrapper .text-wrapper .continue-btn {
display: none!important
}
@media only screen and (max-width: 800px) {
html:not(.has-scroll-smooth) .home-header-wrapper .text-wrapper h1,html:not(.has-scroll-smooth) .home-header-wrapper .text-wrapper h2 {
padding-bottom:60px
}
}
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper {
height: 80vh
}
@media only screen and (orientation: portrait) {
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper {
height:60vh
}
}
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .text-wrapper {
-webkit-transform: none;
transform: none;
height: 100%
}
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .text-wrapper .text {
display: none
}
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .text-wrapper .columns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .play-video {
position: relative;
bottom: auto;
left: auto;
right: auto;
-webkit-transform: none;
transform: none;
pointer-events: visible
}
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .play-video .bg {
background-color: #f6f4f2
}
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .play-video .icon-container .icon,html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .play-video .label {
opacity: 1
}
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .header-video-container {
padding: 0 calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .header-video-container {
padding:0 40px
}
}
@media only screen and (max-width: 1440px) {
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .header-video-container {
padding-left:calc(16.4px + .21176vw);
padding-right: calc(16.4px + .21176vw)
}
}
@media only screen and (max-width: 1440px) and (min-width:1700px) {
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .header-video-container {
padding-left:20px;
padding-right: 20px
}
}
@media only screen and (max-width: 680px) {
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .header-video-container {
padding-left:13.33333px;
padding-right: 13.33333px
}
}
html:not(.has-scroll-smooth) .home-header-wrapper .image-wrapper .header-video-container video {
-webkit-transform: scale(1);
transform: scale(1)
}
.home-full-movie iframe {
width: 100vw;
height: 100vh
}
.projects-block-wrapper {
position: relative;
z-index: 1;
padding: calc(46.4px + 16.09412vw) 0 calc(64.4px + 25.62353vw)
}
@media (min-width: 1700px) {
.projects-block-wrapper {
padding:320px 0 500px
}
}
@media only screen and (max-width: 680px) {
.projects-block-wrapper {
margin-bottom:80px
}
}
@media only screen and (max-width: 540px) {
.projects-block-wrapper {
padding-top:250px;
padding-bottom: 200px
}
}
.projects-block-wrapper .title-container {
position: relative;
z-index: 1
}
.projects-block-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(16.9px + .47647vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.projects-block-wrapper .upper-title {
margin-bottom:25px
}
}
@media only screen and (max-width: 680px) {
.projects-block-wrapper .upper-title {
letter-spacing:1.3em
}
}
.projects-block-wrapper .main-title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.projects-block-wrapper .main-title {
font-size:120px
}
}
.projects-block-wrapper .main-title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.projects-block-wrapper .main-title p {
font-size:120px
}
}
.projects-block-wrapper .main-title span {
font-size: calc(26.4px + 5.50588vw);
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.projects-block-wrapper .main-title span {
font-size:120px
}
}
.projects-block-wrapper .text-container {
position: relative;
margin-top: calc(44.4px + 15.03529vw)
}
@media (min-width: 1700px) {
.projects-block-wrapper .text-container {
margin-top:300px
}
}
@media only screen and (max-width: 1100px) {
.projects-block-wrapper .text-container {
margin-top:calc(29.4px + 7.09412vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.projects-block-wrapper .text-container {
margin-top:150px
}
}
.projects-block-wrapper .text-container p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(19.4px + 1.8vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.projects-block-wrapper .text-container p {
font-size:50px
}
}
.projects-block-wrapper .text-container p span {
font-size: calc(19.4px + 1.8vw);
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.projects-block-wrapper .text-container p span {
font-size:50px
}
}
.projects-block-wrapper .cta-btn-wrapper {
margin-top: calc(19.4px + 1.8vw)
}
@media (min-width: 1700px) {
.projects-block-wrapper .cta-btn-wrapper {
margin-top:50px
}
}
.projects-block-wrapper .images-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: calc(24.4px + 4.44706vw);
pointer-events: none
}
@media (min-width: 1700px) {
.projects-block-wrapper .images-wrapper {
margin-top:100px
}
}
.projects-block-wrapper .images-wrapper figure {
position: relative
}
.projects-block-wrapper .images-wrapper figure.kiraly-1-image {
position: absolute;
top: -10%;
left: 10%;
max-width: 500px;
width: 20vw
}
@media only screen and (max-width: 880px) {
.projects-block-wrapper .images-wrapper figure.kiraly-1-image {
width:30vw
}
}
@media only screen and (max-width: 680px) {
.projects-block-wrapper .images-wrapper figure.kiraly-1-image {
width:45vw;
top: -18%
}
}
@media only screen and (max-width: 540px) {
.projects-block-wrapper .images-wrapper figure.kiraly-1-image {
width:60vw;
top: -7%
}
}
.projects-block-wrapper .images-wrapper figure.kiraly-2-image {
position: absolute;
top: 100px;
right: 0;
max-width: 400px;
width: 16vw
}
@media only screen and (max-width: 1300px) {
.projects-block-wrapper .images-wrapper figure.kiraly-2-image {
right:-3%
}
}
@media only screen and (max-width: 880px) {
.projects-block-wrapper .images-wrapper figure.kiraly-2-image {
display:none
}
}
.projects-block-wrapper .images-wrapper figure.ura-1-image {
position: absolute;
top: calc(64.4px + 25.62353vw);
left: 0;
max-width: 800px;
width: 32vw
}
@media (min-width: 1700px) {
.projects-block-wrapper .images-wrapper figure.ura-1-image {
top:500px
}
}
.projects-block-wrapper .images-wrapper figure.ura-1-image .caption {
text-align: right
}
@media only screen and (max-width: 530px) {
.projects-block-wrapper .images-wrapper figure.ura-1-image {
display:none
}
}
.projects-block-wrapper .images-wrapper figure.ura-2-image {
position: absolute;
bottom: calc(38.4px + 11.85882vw);
left: 20px;
width: 21vw;
max-width: 420px
}
@media (min-width: 1700px) {
.projects-block-wrapper .images-wrapper figure.ura-2-image {
bottom:240px
}
}
@media only screen and (max-width: 680px) {
.projects-block-wrapper .images-wrapper figure.ura-2-image {
display:none
}
}
.projects-block-wrapper .images-wrapper figure.nivaria-1-image {
position: absolute;
top: 50%;
right: 0;
max-width: 440px;
width: 21vw
}
@media only screen and (max-width: 680px) {
.projects-block-wrapper .images-wrapper figure.nivaria-1-image {
display:none
}
}
.projects-block-wrapper .images-wrapper figure.nivaria-2-image {
position: absolute;
bottom: calc(29.4px + 7.09412vw);
right: calc(30.4px + 7.62353vw);
max-width: 670px;
width: 31vw
}
@media (min-width: 1700px) {
.projects-block-wrapper .images-wrapper figure.nivaria-2-image {
bottom:150px;
right: 160px
}
}
@media only screen and (max-width: 880px) {
.projects-block-wrapper .images-wrapper figure.nivaria-2-image {
width:40vw
}
}
@media only screen and (max-width: 680px) {
.projects-block-wrapper .images-wrapper figure.nivaria-2-image {
width:55vw;
bottom: 5%
}
}
.projects-block-wrapper .images-wrapper figure img {
position: relative
}
.projects-block-wrapper .images-wrapper figure figcaption {
display: block;
white-space: nowrap
}
.projects-block-wrapper .images-wrapper figure figcaption .caption {
display: block;
margin-top: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
font-weight: 500;
color: #000;
line-height: 1.2em;
letter-spacing: -.01em;
text-transform: uppercase
}
.projects-block-v2-wrapper {
position: relative;
padding-bottom: calc(30.4px + 7.62353vw)
}
@media (min-width: 1700px) {
.projects-block-v2-wrapper {
padding-bottom:160px
}
}
@media only screen and (max-width: 680px) {
.projects-block-v2-wrapper {
padding-bottom:80px
}
}
.projects-block-v2-wrapper .image-container {
position: relative;
width: 100%;
height: 100vh;
min-height: 800px
}
@media only screen and (max-width: 1100px) and (max-height:800px) {
.projects-block-v2-wrapper .image-container {
min-height:inherit
}
}
@media only screen and (max-width: 1100px) and (min-height:800px) {
.projects-block-v2-wrapper .image-container {
max-height:800px
}
}
@media only screen and (max-width: 680px) {
.projects-block-v2-wrapper .image-container {
min-height:600px;
height: 70vh
}
}
.projects-block-v2-wrapper .image-container .floating-img {
position: absolute;
top: 20%;
right: 8%;
max-width: 448px;
width: 19vw;
z-index: 2
}
@media only screen and (max-width: 1100px) {
.projects-block-v2-wrapper .image-container .floating-img {
width:27vw
}
}
@media only screen and (max-width: 800px) {
.projects-block-v2-wrapper .image-container .floating-img {
width:37vw;
right: -5%
}
}
@media only screen and (max-width: 540px) {
.projects-block-v2-wrapper .image-container .floating-img {
width:53vw;
right: -22%;
top: 23%
}
}
.projects-block-v2-wrapper .image-container .title-container {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 1
}
.projects-block-v2-wrapper .image-container .title-container .inner {
text-align: center;
width: 100%
}
.projects-block-v2-wrapper .image-container .title-container .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(16.9px + .47647vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.projects-block-v2-wrapper .image-container .title-container .upper-title {
margin-bottom:25px
}
}
@media only screen and (max-width: 820px) {
.projects-block-v2-wrapper .image-container .title-container .upper-title {
position:absolute;
top: 10%;
left: 0;
width: 100%;
text-align: center
}
}
@media only screen and (max-width: 680px) {
.projects-block-v2-wrapper .image-container .title-container .upper-title {
letter-spacing:1.3em;
top: 15%
}
}
.projects-block-v2-wrapper .image-container .title-container h2 {
position: relative;
display: inline-block;
width: auto;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(45.4px + 15.56471vw);
font-weight: 300;
color: #fff;
line-height: 1.1em;
letter-spacing: -.02em;
font-style: italic;
white-space: nowrap;
text-align: left
}
@media (min-width: 1700px) {
.projects-block-v2-wrapper .image-container .title-container h2 {
font-size:310px
}
}
.projects-block-v2-wrapper .text-container {
position: relative;
margin-top: calc(22.9px + 3.65294vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media (min-width: 1700px) {
.projects-block-v2-wrapper .text-container {
margin-top:85px
}
}
@media only screen and (max-width: 680px) {
.projects-block-v2-wrapper .text-container {
margin-top:80px
}
}
.projects-block-v2-wrapper .text-container .left-img-picture {
position: relative;
display: block
}
@media only screen and (max-width: 800px) {
.projects-block-v2-wrapper .text-container .left-img-picture {
margin-top:40px
}
}
@media only screen and (max-width: 680px) {
.projects-block-v2-wrapper .text-container .left-img-picture {
margin-top:80px
}
}
.projects-block-v2-wrapper .text-container .left-img-picture img {
width: 100%
}
.projects-block-v2-wrapper .text-container .statistics-list li {
position: relative;
padding: 20px 0 10px 20px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.projects-block-v2-wrapper .text-container .statistics-list li {
font-size:22px
}
}
.projects-block-v2-wrapper .text-container .statistics-list li.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.projects-block-v2-wrapper .text-container .statistics-list li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.projects-block-v2-wrapper .big-number-container {
position: relative;
margin-top: calc(29.4px + 7.09412vw)
}
@media (min-width: 1700px) {
.projects-block-v2-wrapper .big-number-container {
margin-top:150px
}
}
@media only screen and (max-width: 680px) {
.projects-block-v2-wrapper .big-number-container {
margin-top:100px
}
}
.projects-block-v2-wrapper .big-number-container .columns {
position: relative
}
.projects-block-v2-wrapper .big-number-container .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-weight: 300;
color: #232323;
line-height: .7em;
letter-spacing: -.01em;
white-space: nowrap;
font-size: 31.2vw
}
.projects-block-v2-wrapper .big-number-container .number span {
position: relative;
display: block;
-webkit-transform: scale(1.4);
transform: scale(1.4);
-webkit-transform-origin: left;
transform-origin: left
}
@media only screen and (max-width: 820px) {
.projects-block-v2-wrapper .big-number-container .number span {
-webkit-transform:scale(.9);
transform: scale(.9)
}
}
.projects-block-v2-wrapper .big-number-container .label {
display: block;
position: absolute;
bottom: -2em;
left: .625rem;
font-family: "Montserrat", sans-serif;
font-size: calc(16.8px + .42353vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.projects-block-v2-wrapper .big-number-container .label {
font-size:24px
}
}
.about-block-v2-wrapper {
position: relative;
z-index: 1;
padding: calc(46.4px + 16.09412vw) 0 calc(64.4px + 25.62353vw)
}
@media (min-width: 1700px) {
.about-block-v2-wrapper {
padding:320px 0 500px
}
}
@media only screen and (max-width: 680px) {
.about-block-v2-wrapper {
margin-bottom:80px
}
}
@media only screen and (max-width: 540px) {
.about-block-v2-wrapper {
padding-top:250px;
padding-bottom: 200px
}
}
.about-block-v2-wrapper .title-container {
position: relative;
z-index: 1
}
.about-block-v2-wrapper .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(16.9px + .47647vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #232323;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .upper-title {
margin-bottom:25px
}
}
@media only screen and (max-width: 680px) {
.about-block-v2-wrapper .upper-title {
letter-spacing:1.3em
}
}
.about-block-v2-wrapper .main-title {
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .main-title {
font-size:120px
}
}
.about-block-v2-wrapper .main-title p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 4.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .main-title p {
font-size:100px;
}
}
.about-block-v2-wrapper .main-title span {
font-size: calc(26.4px + 4.50588vw);
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .main-title span {
font-size:120px
}
}
.about-block-v2-wrapper .text-container {
position: relative;
margin-top: calc(44.4px + 15.03529vw)
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .text-container {
margin-top:300px
}
}
@media only screen and (max-width: 1100px) {
.about-block-v2-wrapper .text-container {
margin-top:calc(29.4px + 7.09412vw)
}
}
@media only screen and (max-width: 1100px) and (min-width:1700px) {
.about-block-v2-wrapper .text-container {
margin-top:150px
}
}
.about-block-v2-wrapper .text-container p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
/* font-size: calc(19.4px + 1.8vw); */
font-size: calc(19.4px + 1.778vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .text-container p {
font-size:35px
}
}
.about-block-v2-wrapper .text-container p span {
/* font-size: calc(19.4px + 1.8vw); */
font-size: calc(19.4px + 1.778vw);
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .text-container p span {
font-size:35px;
}
}
.about-block-v2-wrapper .cta-btn-wrapper {
margin-top: calc(19.4px + 1.8vw)
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .cta-btn-wrapper {
margin-top:50px
}
}
.about-block-v2-wrapper .images-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: calc(24.4px + 4.44706vw);
pointer-events: none
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .images-wrapper {
margin-top:100px
}
}
.about-block-v2-wrapper .images-wrapper figure {
position: relative
}
.about-block-v2-wrapper .images-wrapper figure.home-about-1 {
position: absolute;
top: -2%;
left: 10%;
max-width: 500px;
width: 20vw
}
@media only screen and (max-width: 880px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-1 {
width:30vw
}
}
@media only screen and (max-width: 680px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-1 {
width:45vw;
top: 1%
}
}
@media only screen and (max-width: 540px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-1 {
width:60vw
}
}
.about-block-v2-wrapper .images-wrapper figure.home-about-2 {
position: absolute;
top: 100px;
right: 0;
max-width: 400px;
width: 16vw
}
@media only screen and (max-width: 1300px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-2 {
right:-3%
}
}
@media only screen and (max-width: 880px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-2 {
display:none
}
}
.about-block-v2-wrapper .images-wrapper figure.home-about-3 {
position: absolute;
top: calc(64.4px + 25.62353vw);
left: 0;
max-width: 800px;
width: 32vw
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-3 {
top:500px
}
}
.about-block-v2-wrapper .images-wrapper figure.home-about-3 .caption {
text-align: right
}
@media only screen and (max-width: 530px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-3 {
display:none
}
}
.about-block-v2-wrapper .images-wrapper figure.home-about-4 {
position: absolute;
bottom: calc(38.4px + 11.85882vw);
left: 20px;
width: 21vw;
max-width: 420px
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-4 {
bottom:240px
}
}
@media only screen and (max-width: 680px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-4 {
display:none
}
}
.about-block-v2-wrapper .images-wrapper figure.home-about-5 {
position: absolute;
top: 50%;
right: 0;
max-width: 440px;
width: 21vw
}
@media only screen and (max-width: 680px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-5 {
display:none
}
}
.about-block-v2-wrapper .images-wrapper figure.home-about-6 {
position: absolute;
bottom: calc(29.4px + 7.09412vw);
right: calc(30.4px + 7.62353vw);
max-width: 670px;
width: 31vw
}
@media (min-width: 1700px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-6 {
bottom:150px;
right: 160px
}
}
@media only screen and (max-width: 880px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-6 {
width:40vw
}
}
@media only screen and (max-width: 680px) {
.about-block-v2-wrapper .images-wrapper figure.home-about-6 {
width:55vw;
bottom: 5%
}
}
.about-block-v2-wrapper .images-wrapper figure img {
position: relative
}
.about-block-v2-wrapper .images-wrapper figure figcaption {
display: block;
white-space: nowrap
}
.about-block-v2-wrapper .images-wrapper figure figcaption .caption {
display: block;
margin-top: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
font-weight: 500;
color: #000;
line-height: 1.2em;
letter-spacing: -.01em;
text-transform: uppercase
}
.about-block-wrapper {
position: relative;
padding-bottom: calc(30.4px + 7.62353vw)
}
@media (min-width: 1700px) {
.about-block-wrapper {
padding-bottom:160px
}
}
@media only screen and (max-width: 680px) {
.about-block-wrapper {
padding-bottom:80px
}
}
.about-block-wrapper .image-container {
position: relative;
width: 100%;
height: 100vh;
min-height: 800px
}
@media only screen and (max-width: 1100px) and (max-height:800px) {
.about-block-wrapper .image-container {
min-height:inherit
}
}
@media only screen and (max-width: 1100px) and (min-height:800px) {
.about-block-wrapper .image-container {
max-height:800px
}
}
@media only screen and (max-width: 680px) {
.about-block-wrapper .image-container {
min-height:600px;
height: 70vh
}
}
.about-block-wrapper .image-container .floating-img {
position: absolute;
top: 20%;
right: 8%;
max-width: 448px;
width: 19vw;
z-index: 2
}
@media only screen and (max-width: 1100px) {
.about-block-wrapper .image-container .floating-img {
width:27vw
}
}
@media only screen and (max-width: 800px) {
.about-block-wrapper .image-container .floating-img {
width:37vw;
right: -5%
}
}
@media only screen and (max-width: 540px) {
.about-block-wrapper .image-container .floating-img {
width:53vw;
right: -22%;
top: 23%
}
}
.about-block-wrapper .image-container .title-container {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 1
}
.about-block-wrapper .image-container .title-container .inner {
text-align: center;
width: 100%
}
.about-block-wrapper .image-container .title-container .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(16.9px + .47647vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.about-block-wrapper .image-container .title-container .upper-title {
margin-bottom:25px
}
}
@media only screen and (max-width: 820px) {
.about-block-wrapper .image-container .title-container .upper-title {
position:absolute;
top: 10%;
left: 0;
width: 100%;
text-align: center
}
}
@media only screen and (max-width: 680px) {
.about-block-wrapper .image-container .title-container .upper-title {
letter-spacing:1.3em;
top: 15%
}
}
.about-block-wrapper .image-container .title-container h2 {
position: relative;
display: inline-block;
width: auto;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(45.4px + 15.56471vw);
font-weight: 300;
color: #fff;
line-height: 1.1em;
letter-spacing: -.02em;
font-style: italic;
white-space: nowrap;
text-align: left
}
@media (min-width: 1700px) {
.about-block-wrapper .image-container .title-container h2 {
font-size:310px
}
}
.about-block-wrapper .text-container {
position: relative;
margin-top: calc(22.9px + 3.65294vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media (min-width: 1700px) {
.about-block-wrapper .text-container {
margin-top:85px
}
}
@media only screen and (max-width: 680px) {
.about-block-wrapper .text-container {
margin-top:80px
}
}
.about-block-wrapper .text-container .left-img-picture {
position: relative;
display: block
}
@media only screen and (max-width: 800px) {
.about-block-wrapper .text-container .left-img-picture {
margin-top:40px
}
}
@media only screen and (max-width: 680px) {
.about-block-wrapper .text-container .left-img-picture {
margin-top:80px
}
}
.about-block-wrapper .text-container .left-img-picture img {
width: 100%
}
.about-block-wrapper .text-container .statistics-list li {
position: relative;
padding: 20px 0 10px 20px;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.4em
}
@media (min-width: 1700px) {
.about-block-wrapper .text-container .statistics-list li {
font-size:22px
}
}
.about-block-wrapper .text-container .statistics-list li.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.about-block-wrapper .text-container .statistics-list li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.about-block-wrapper .big-number-container {
position: relative;
margin-top: calc(29.4px + 7.09412vw)
}
@media (min-width: 1700px) {
.about-block-wrapper .big-number-container {
margin-top:150px
}
}
@media only screen and (max-width: 680px) {
.about-block-wrapper .big-number-container {
margin-top:100px
}
}
.about-block-wrapper .big-number-container .columns {
position: relative
}
.about-block-wrapper .big-number-container .number {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-weight: 300;
color: #232323;
line-height: .7em;
letter-spacing: -.01em;
white-space: nowrap;
font-size: 40vw
}
.about-block-wrapper .big-number-container .number span {
position: relative;
display: block;
-webkit-transform: scale(1.4);
transform: scale(1.4);
-webkit-transform-origin: left;
transform-origin: left
}
.about-block-wrapper .big-number-container .label {
display: block;
position: absolute;
bottom: -2em;
left: .625rem;
font-family: "Montserrat", sans-serif;
font-size: calc(16.8px + .42353vw);
font-weight: 400;
color: #000;
line-height: 1.4em;
letter-spacing: -.01em
}
@media (min-width: 1700px) {
.about-block-wrapper .big-number-container .label {
font-size:24px
}
}
#curtains-canvas {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 1000;
pointer-events: none
}
html:not(.has-scroll-smooth) .about-block-wrapper .big-number-container .number {
font-size: 39vw
}
html:not(.has-scroll-smooth) .about-block-wrapper .big-number-container .number span {
-webkit-transform: scale(1);
transform: scale(1)
}
html:not(.has-scroll-smooth) .about-block-wrapper .big-number-container .label {
position: relative;
left: auto;
bottom: auto;
line-height: 1;
margin-top: 20px
}
.win .about-block-wrapper .big-number-container .label {
bottom: -4em
}
.sustainability-block-wrapper {
position: relative;
padding-bottom: calc(30.4px + 7.62353vw);
/* background-color: #131d18; */
background-color: #247450;
}
@media (min-width: 1700px) {
.sustainability-block-wrapper {
padding-bottom:160px
}
}
@media only screen and (max-width: 680px) {
.sustainability-block-wrapper {
padding-bottom:80px
}
}
.sustainability-block-wrapper .image-container {
position: relative;
width: 100%;
height: 100vh;
min-height: 800px
}
@media only screen and (max-width: 1100px) and (max-height:800px) {
.sustainability-block-wrapper .image-container {
min-height:inherit
}
}
@media only screen and (max-width: 1100px) and (min-height:800px) {
.sustainability-block-wrapper .image-container {
max-height:800px
}
}
@media only screen and (max-width: 680px) {
.sustainability-block-wrapper .image-container {
min-height:600px;
height: 70vh
}
}
.sustainability-block-wrapper .image-container .sustainability-bg {
max-width: 100%
}
.sustainability-block-wrapper .image-container .floating-img {
position: absolute;
top: 20%;
right: 8%;
max-width: 448px;
width: 19vw;
z-index: 2
}
@media only screen and (max-width: 1100px) {
.sustainability-block-wrapper .image-container .floating-img {
width:27vw
}
}
@media only screen and (max-width: 800px) {
.sustainability-block-wrapper .image-container .floating-img {
width:37vw;
right: -5%
}
}
@media only screen and (max-width: 540px) {
.sustainability-block-wrapper .image-container .floating-img {
width:53vw;
right: -22%;
top: 23%
}
}
.sustainability-block-wrapper .image-container .title-container {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 1
}
.sustainability-block-wrapper .image-container .title-container .inner {
text-align: center;
width: 100%
}
.sustainability-block-wrapper .image-container .title-container .upper-title {
position: relative;
left: 10px;
display: block;
margin-bottom: calc(16.9px + .47647vw);
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 1.1em;
letter-spacing: 2.3em;
text-transform: uppercase
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .image-container .title-container .upper-title {
margin-bottom:25px
}
}
@media only screen and (max-width: 820px) {
.sustainability-block-wrapper .image-container .title-container .upper-title {
position:absolute;
top: 10%;
left: 0;
width: 100%;
text-align: center
}
}
@media only screen and (max-width: 680px) {
.sustainability-block-wrapper .image-container .title-container .upper-title {
letter-spacing:1.3em;
top: 15%
}
}
.sustainability-block-wrapper .image-container .title-container h2 {
position: relative;
top: 0;
left: 0;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(45.4px + 15.56471vw);
font-weight: 300;
color: #fff;
line-height: 1.1em;
letter-spacing: -.02em;
font-style: italic;
white-space: nowrap;
text-align: left
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .image-container .title-container h2 {
font-size:310px
}
}
.sustainability-block-wrapper .text-container {
position: relative;
margin-top: calc(22.9px + 3.65294vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .text-container {
margin-top:85px
}
}
@media only screen and (max-width: 800px) {
.sustainability-block-wrapper .text-container {
margin-bottom:40px
}
}
@media only screen and (max-width: 680px) {
.sustainability-block-wrapper .text-container {
margin-bottom:80px;
margin-top: 80px
}
}
.sustainability-block-wrapper .text-container h3 {
font-family: "Montserrat", sans-serif;
font-size: calc(19.4px + 1.8vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .text-container h3 {
font-size:35px;
}
}
.sustainability-block-wrapper .text-container p {
margin-top: calc(18.4px + 1.27059vw);
text-indent: 0;
color: #f6f4f2;
font-weight: 300
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .text-container p {
margin-top:40px
}
}
.sustainability-block-wrapper .text-container p:last-child {
margin-bottom: 0
}
.sustainability-block-wrapper .more-insights {
padding-right: 0;
padding-left: 0;
--gridPadd: calc(18.4px + 1.27059vw);
margin-top: calc(34.4px + 9.74118vw)
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .more-insights {
--gridPadd:40px;
margin-top: 200px
}
}
.sustainability-block-wrapper .more-insights .scroll-grid {
padding-left: calc(var(--gridPadd) + .625rem);
padding-right: calc(var(--gridPadd) + .625rem)
}
@media only screen and (max-width: 1440px) {
.sustainability-block-wrapper .more-insights .scroll-grid {
padding-left:calc(var(--gridPadd)/2 + .625rem);
padding-right: calc(var(--gridPadd)/2 + .625rem)
}
}
@media only screen and (max-width: 680px) {
.sustainability-block-wrapper .more-insights .scroll-grid {
padding-left:calc(var(--gridPadd)/3 + .625rem);
padding-right: calc(var(--gridPadd)/3 + .625rem)
}
}
.sustainability-block-wrapper .more-insights .insights-title {
position: relative;
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.4em;
padding-left: calc(var(--gridPadd) + .625rem);
padding-right: calc(var(--gridPadd) + .625rem)
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .more-insights .insights-title {
font-size:22px
}
}
@media only screen and (max-width: 1440px) {
.sustainability-block-wrapper .more-insights .insights-title {
padding-left:calc(var(--gridPadd)/2 + .625rem);
padding-right: calc(var(--gridPadd)/2 + .625rem)
}
}
@media only screen and (max-width: 680px) {
.sustainability-block-wrapper .more-insights .insights-title {
padding-left:calc(var(--gridPadd)/3 + .625rem);
padding-right: calc(var(--gridPadd)/3 + .625rem)
}
}
.sustainability-block-wrapper .more-insights .insights-title.enter-viewport:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.sustainability-block-wrapper .more-insights .insights-title:after {
content: "";
position: relative;
margin-top: 5px;
display: block;
width: 100%;
height: 1px;
background-color: #f6f4f2;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
transition: -webkit-transform 1s cubic-bezier(.25,.46,.45,.94);
-o-transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94);
transition: transform 1s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1s cubic-bezier(.25,.46,.45,.94)
}
.sustainability-block-wrapper .more-insights .insights-list {
position: relative;
margin-top: calc(17.4px + .74118vw);
display: inline-grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 60px;
justify-items: start
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .more-insights .insights-list {
margin-top:30px
}
}
@media only screen and (max-width: 1100px) {
.sustainability-block-wrapper .more-insights .insights-list {
grid-column-gap:30px
}
}
.sustainability-block-wrapper .more-insights .insights-list li {
position: relative;
text-align: center;
min-width: 220px;
width: 100%
}
.sustainability-block-wrapper .more-insights .insights-list li a {
position: relative;
display: block;
text-decoration: none
}
.sustainability-block-wrapper .more-insights .insights-list li a:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.sustainability-block-wrapper .more-insights .insights-list li picture {
position: relative;
display: block;
overflow: hidden
}
.sustainability-block-wrapper .more-insights .insights-list li picture img {
-webkit-transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: -webkit-transform 2.5s cubic-bezier(.165,.84,.44,1);
-o-transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1);
transition: transform 2.5s cubic-bezier(.165,.84,.44,1),-webkit-transform 2.5s cubic-bezier(.165,.84,.44,1)
}
.sustainability-block-wrapper .more-insights .insights-list li .image-wrapper {
position: relative;
max-height: 770px;
padding-top: 102%
}
.sustainability-block-wrapper .more-insights .insights-list li .info-container {
position: relative;
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width: 960px) {
.sustainability-block-wrapper .more-insights .insights-list li .info-container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.sustainability-block-wrapper .more-insights .insights-list li .info-container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
width: 70%
}
@media only screen and (max-width: 960px) {
.sustainability-block-wrapper .more-insights .insights-list li .info-container .left-col {
-webkit-box-ordinal-group:3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%
}
}
.sustainability-block-wrapper .more-insights .insights-list li .info-container .right-col {
text-align: right
}
@media only screen and (max-width: 960px) {
.sustainability-block-wrapper .more-insights .insights-list li .info-container .right-col {
-webkit-box-ordinal-group:2;
-ms-flex-order: 1;
order: 1;
text-align: left;
margin-bottom: 20px
}
}
.sustainability-block-wrapper .more-insights .insights-list li .title {
position: relative;
display: block;
text-align: left;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .more-insights .insights-list li .title {
font-size:22px
}
}
.sustainability-block-wrapper .more-insights .insights-list li .author {
position: relative;
margin-top: calc(16.6px + .31765vw);
display: block;
text-align: left;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.sustainability-block-wrapper .more-insights .insights-list li .author {
margin-top:22px
}
}
.sustainability-block-wrapper .more-insights .insights-list li .reading-time {
position: relative;
margin-top: 5px;
display: block;
text-align: left;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em;
opacity: .4
}
.sustainability-block-wrapper .more-insights .insights-list li .category {
display: block;
text-align: left;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 400;
color: #f6f4f2;
line-height: 1.18em;
letter-spacing: -.02em
}
.privacy-header-wrapper {
position: relative;
padding: calc(36.4px + 10.8vw) 0 calc(19.4px + 1.8vw);
-webkit-perspective: 1000;
perspective: 1000
}
@media (min-width: 1700px) {
.privacy-header-wrapper {
padding:220px 0 50px
}
}
@media only screen and (max-width: 1180px) {
.privacy-header-wrapper {
padding-top:150px
}
}
@media only screen and (max-width: 680px) {
.privacy-header-wrapper {
padding-top:120px
}
}
.privacy-header-wrapper h1 {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.privacy-header-wrapper h1 {
font-size:120px
}
}
.privacy-header-wrapper h1 p {
margin: 0;
text-indent: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.privacy-header-wrapper h1 p {
font-size:120px
}
}
.privacy-header-wrapper h1 p span {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: calc(26.4px + 5.50588vw);
font-weight: 300;
color: #232323;
line-height: 1.1em;
letter-spacing: -.03em
}
@media (min-width: 1700px) {
.privacy-header-wrapper h1 p span {
font-size:120px
}
}
.privacy-header-wrapper .update-time {
position: relative;
display: block;
margin-top: calc(20.4px + 2.32941vw);
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 1.1em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.privacy-header-wrapper .update-time {
margin-top:60px
}
}
.privacy-content-wrapper {
position: relative;
padding: calc(26.4px + 5.50588vw) 0
}
@media (min-width: 1700px) {
.privacy-content-wrapper {
padding:120px 0
}
}
.privacy-content-wrapper h2 {
text-indent: 40px;
margin-bottom: calc(24.4px + 4.44706vw);
font-family: "Montserrat", sans-serif;
font-size: calc(19.6px + 1.90588vw);
font-weight: 400;
color: #da352b;
line-height: 1.3em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.privacy-content-wrapper h2 {
margin-bottom:100px;
font-size: 52px
}
}
.privacy-content-wrapper h3 {
margin-bottom: calc(18.4px + 1.27059vw);
font-family: "Montserrat", sans-serif;
font-size: calc(17.8px + .95294vw);
font-weight: 400;
color: #232323;
line-height: 1.3em;
letter-spacing: -.02em
}
@media (min-width: 1700px) {
.privacy-content-wrapper h3 {
margin-bottom:40px;
font-size: 34px
}
}
.privacy-content-wrapper a {
color: #da352b;
text-decoration: none
}
.privacy-content-wrapper p {
font-family: "Montserrat", sans-serif;
font-size: calc(16.5px + .26471vw);
font-weight: 400;
color: #232323;
line-height: 1.8em;
letter-spacing: 0
}
@media (min-width: 1700px) {
.privacy-content-wrapper p {
font-size:21px
}
}
.privacy-content-wrapper p strong {
font-weight: 500
}
.privacy-content-wrapper .wp-caption {
max-width: 100%;
margin: calc(24.4px + 4.44706vw) 0
}
@media (min-width: 1700px) {
.privacy-content-wrapper .wp-caption {
margin:100px 0
}
}
.privacy-content-wrapper .wp-caption img {
margin: 0 0 calc(17.4px + .74118vw);
width: 100%;
max-width: 100%;
left: 0
}
@media (min-width: 1700px) {
.privacy-content-wrapper .wp-caption img {
margin:0 0 30px
}
}
.privacy-content-wrapper .wp-caption .wp-caption-text {
position: relative;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: calc(16.1px + .05294vw);
font-weight: 400;
color: #232323;
line-height: 1.7em;
letter-spacing: 0;
opacity: .4
}
@media (min-width: 1700px) {
.privacy-content-wrapper .wp-caption .wp-caption-text {
font-size:17px
}
}
.privacy-content-wrapper .wp-caption.aligncenter {
margin: calc(24.4px + 4.44706vw) auto
}
@media (min-width: 1700px) {
.privacy-content-wrapper .wp-caption.aligncenter {
margin:100px auto
}
}
.privacy-content-wrapper .wp-caption.aligncenter img {
margin-left: auto;
margin-right: auto
}
.privacy-content-wrapper ul {
padding-left: 40px
}
.privacy-content-wrapper li {
position: relative;
margin-bottom: 1em;
list-style: disc;
font-family: "Montserrat", sans-serif;
font-size: calc(16.6px + .31765vw);
font-weight: 400;
color: #232323;
line-height: 1.8em;
letter-spacing: 0
}
@media (min-width: 1700px) {
.privacy-content-wrapper li {
font-size:22px
}
}
.privacy-content-wrapper li strong {
font-weight: 500
}
.privacy-content-wrapper img {
position: relative;
display: inline-block;
width: 160%;
max-width: 160%;
left: calc(-30% - 40px);
margin: calc(24.4px + 4.44706vw) 0
}
@media (min-width: 1700px) {
.privacy-content-wrapper img {
margin:100px 0
}
}
.home-page {
background-color: #fffcf8
}
.home-page .page-content {
position: relative;
background-color: #fffcf8
}
.about-page {
background-color: #f6f4f2
}
.about-page .page-content {
position: relative;
background-color: #f6f4f2
}
.projects-page {
background-color: #131d18
}
.projects-page .page-content {
position: relative;
background-color: #131d18
}
.projects-page .page-content:before {
content: "";
position: absolute;
top: -20vh;
left: 0;
display: block;
width: 100%;
height: 30vh;
background: -webkit-gradient(linear,left top,left bottom,color-stop(4.06%,rgba(19,29,24,0)),color-stop(64.29%,#131d18));
background: -o-linear-gradient(top,rgba(19,29,24,0) 4.06%,#131d18 64.29%);
background: linear-gradient(180deg,rgba(19,29,24,0) 4.06%,#131d18 64.29%)
}
.project-page.nivaria {
background-color: #fff7ec
}
.project-page.ura {
background-color: #dceceb
}
.project-page.nivaria_golf_marina {
background-color: #f4fff4
}
.project-page.kora_andorra {
background-color: #fff4e8
}
.project-page.kora_pamplona {
background-color: #d7dee5
}
.project-page.kora_tamaragua {
background-color: #e2dcd6
}
.project-page.kora_maresia {
background-color: #fcede9
}
.project-page.kora_mostra {
background-color: #ecf6f8
}
.project-page.kora_lluna {
background-color: #fef0e7
}
.project-page.kora_lumen {
background-color: #fff7f4
}
.expertise-page {
background-color: #193243
}
.expertise-page .page-content {
position: relative;
background-color: #193243
}
.expertise-v2-page {
background-color: #193243
}
.expertise-v2-page .page-content {
position: relative;
background-color: #193243
}
@media only screen and (max-width: 680px) {
.insights-page .insights-grid {
margin-top:40px
}
}
.insights-page .insights-grid .column:nth-child(3n-1) {
margin-top: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.insights-page .insights-grid .column:nth-child(3n-1) {
margin-top:40px
}
}
@media only screen and (max-width: 680px) {
.insights-page .insights-grid .column:nth-child(3n-1) {
margin-top:0
}
}
.news-page {
position: relative
}
.privacy-page .featured-work-footer-wrapper {
padding-top: calc(18.4px + 1.27059vw)
}
@media (min-width: 1700px) {
.privacy-page .featured-work-footer-wrapper {
padding-top:40px
}
}
@media only screen and (max-width: 680px) {
.privacy-page .featured-work-footer-wrapper {
padding-top:40px
}
}
.privacy-page .featured-work-footer-wrapper .lower-footer {
margin-top: 0
}
.privacy-page .featured-work-footer-wrapper .title,.privacy-page .featured-work-footer-wrapper .work-list {
display: none
}
.four04-page {
background-color: #131d18
}
.menu-btn .burguer .top,
.menu-btn .burguer .bottom{
transition: transform .75s cubic-bezier(.19, 1, .22, 1);
will-change: transform;
}