@charset 'UTF-8';

/* RESET
======================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {font-size: calc(var(--ss)*18vw);}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;letter-spacing:var(--ls);}
section[style*="z-index:"] {-webkit-transform: translate3d(0,0,0);}
body {line-height: 1;}
a {color:inherit;}
main section a[href*="faq"] {text-decoration:underline;}
section#page {overflow-x: clip;}
img {max-width:100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
p { margin-bottom: 1em; }
.center { text-align: center; }
.left { text-align: left; }
.softhide {display:none;}
u {text-decoration:underline;}
iframe {border:0; outline: none; width:100%;}

/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; color:var(--fc1); background: var(--white);overflow-x: hidden;}
main{padding-top:var(--header-height);}
.has-under-banner main, .has-top-banner main{padding-top:calc(var(--header-height) + var(--banner-height));}
b, strong { font-weight:600; }
h1, .h1 {font:var(--h1);}
h2, .h2 {font:var(--h2);}
h3, .h3 {font:var(--h3);}
h4, .h4 {font:var(--h4);}
.hl {font:var(--hl);}
p, .p1 {font:var(--p1);}
strong{font-weight: 700 !important;}
.p2 {font:var(--p2);}
.p3 {font:var(--p3);}
.nav {font:var(--nav);}
span.p1 {display:inline-block;}
p.bold{font-weight:600;}
.made{font-family:"TequilaAndTacos"; font-weight:400; font-size:1.4em;}
.uc{text-transform: uppercase;}

/* COLOURING IN
======================================================= */
.red-bg { background-color: var(--red); }
.red40-bg { background-color: var(--red40); }
.orange-bg { background-color: var(--orange); }
.orange40-bg { background-color: var(--orange40); }
.pink-bg { background-color: var(--pink); }
.white-bg{ background-color: var(--white); }
.yellow-bg { background-color: var(--yellow); }
.yellow40-bg { background-color: var(--yellow40); }
.green-bg { background-color: var(--green); }
.lgreen-bg { background-color: var(--lgreen); }
.lgreen40-bg { background-color: var(--lgreen40); }
.dgrey-bg { background-color: var(--dgrey); }
.black-bg { background-color: var(--black); }


/*
div[class$="-bg"] *, 
section[class$="-bg"] * {color: var(--black);}

div.red-bg *,
section.red-bg *{color: var(--white);}
*/

.fc-white { color:var(--white) !important; }
.fc-pink { color:var(--pink) !important; }
.fc-orange { color:var(--orange) !important; }
.fc-red { color:var(--red) !important; }
.fc-green { color:var(--green) !important; }
.fc-lgreen { color:var(--lgreen) !important; }
.fc-dgreen { color:var(--dgreen) !important; }
.fc-yellow { color:var(--yellow) !important; }
.fc-yellow40 { color:var(--yellow40) !important; }
.fc-black { color:var(--black) !important; }
.fc-dgrey { color:var(--dgrey) !important; }
/* SNAP
======================================================= */

.anim::before, .anim::after {transition:1.5s ease;content:'';position: absolute;width:100%; height: 100%;top: 0;}
.anim::before {left: 0%;transform-origin: left; display:none;}
.anim::after {right: 0;transform-origin: right;}
.anim {position: relative;overflow: hidden;}
.anim.revealed::before, .anim.revealed::after {width: 0;}

@keyframes revealAnimation {
	0% {width: 0;transform: translateX(0%);}
	100% {width: 100%;transform: translateX(100%);}
}

.anim.i2::before, .anim.i2::after {transition-delay: .2s;}
.anim.i3::before, .anim.i3::after {transition-delay: .4s;}
.anim.i4::before, .anim.i4::after {transition-delay: .6s;}

@media(max-width:768px) {
	.item-1 {order:1 !important;}
	.item-2 {order:2 !important;}
	.item-3 {order:3 !important;}
	.item-4 {order:4 !important;}
	.item-5 {order:5 !important;}
	.item-6 {order:6 !important;}
	.item-7 {order:7 !important;}
	.item-8 {order:8 !important;}
}

main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows), .revealus {
	will-change: transform, opacity;
	transform: translateY(15px);
	transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715);	
	opacity: 0;
}

@media(max-width:768px) {
	div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows){opacity:1;}
}

body.iOS main .fade-up-effect, body.iOS div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows), body.iOS .revealus {
	opacity: 1;
	transform: translateY(0px);
}

main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized) {
	transition-delay: .1s;
}

main .fade-in, main .fade-in.slick-initialized, body.loaded .revealus {
	opacity: 1;
	transform: translateY(0px);
}

/* STRUCTURE
======================================================= */
section > div {width:100%;}
section * p:last-child {margin-bottom: 0;}

.columns{display: flex;}

@media(max-width:768px){
	.columns{flex-wrap: wrap;}
}

.video{line-height:0;}

/* IMAGE POSITIONS
======================================================= */
img{object-position:center;}
.img-center-center{object-position:center;}
.img-left-center{object-position:left center;}
.img-right-center{object-position:right center;}
.img-center-top{object-position:center top;}
.img-center-bottom{object-position:center bottom;}
.img-left-bottom{object-position:left bottom;}
.img-right-bottom{object-position:right bottom;}
.img-left-top{object-position:left top;}
.img-right-top{object-position:right top;}

@media(max-width:768px){
	.mob-center-center{object-position:center; background-position:center !important;}
	.mob-left-center{object-position:left center; background-position:left center !important;}
	.mob-right-center{object-position:right center; background-position:right center !important;}
	.mob-center-top{object-position:center top; background-position:center top !important;}
	.mob-center-bottom{object-position:center bottom; background-position:center bottom !important;}
	.mob-left-bottom{object-position:left bottom; background-position:left bottom !important;}
	.mob-right-bottom{object-position:right bottom; background-position:right bottom !important;}
	.mob-left-top{object-position:left top; background-position:left top !important;}
	.mob-right-top{object-position:right top; background-position:right top !important;}
}


/* BUTTONS & LINKS
======================================================= */
.btn{font:var(--btn); height:calc(var(--ss)*31vw); color:var(--white); background:var(--orange); border-radius:calc(var(--ss)*4vw); display:flex; justify-content: center; align-items: center; padding:0 calc(var(--ss)*10vw); width:fit-content; transition:background .3s, color .3s; text-transform: uppercase; letter-spacing:0.25em; cursor:pointer;}
.btn.center{margin-left:auto; margin-right:auto;}
.theme-yellow main .btn{background:var(--yellow);}
.theme-lgreen main .btn{background:var(--lgreen);}
.theme-dgreen main .btn{background:var(--dgreen);}

.btn:not(.no-hover):hover{color:var(--orange); background:var(--white);}
.theme-yellow main .btn:hover{color:var(--yellow); background:var(--white);}
.theme-lgreen main .btn:hover{color:var(--lgreen); background:var(--white);}
.theme-dgreen main .btn:hover{color:var(--dgreen); background:var(--white);}
.theme-orange main .btn:hover{color:var(--orange); background:var(--white);}

.btn.btn-white{background:var(--white);}
.btn.btn-yellow{background:var(--yellow);}

.btn.btn-white.fc-yellow:not(.no-hover):hover{background: var(--yellow); color:var(--white) !important;}

.floorplan-btn{opacity: 1; position: fixed; top: calc(var(--ss)*233vw); right: var(--hpad); transition: opacity 0.3s; text-align: center; line-height: 1.2em; z-index: 999}

.link{font:var(--link); letter-spacing:0.25em; text-transform:uppercase;  height:calc(var(--ss)*36vw); display:flex; align-items: center; width:fit-content; transition:color 0.3s; }
.link:after{width:calc(var(--ss)*36vw); height:calc(var(--ss)*36vw); display:block; content:''; background:url('/templates/sohoyard/images/shared/arrow-orange.svg') center / contain no-repeat; margin-left: calc(var(--ss)*10vw); transition: margin 0.3s; }
.link:hover{ color:var(--orange); }
.link:hover:after{ margin-left:calc(var(--ss)*18vw);}

@media (min-width:769px) {
	.floorplan-btn{width: calc(var(--ss)*162vw); height: calc(var(--ss)*48vw);}
	.has-under-banner .floorplan-btn, .has-top-banner .floorplan-btn{top:calc(calc(var(--ss)*223vw) + var(--banner-height));}
	body.register-hide .floorplan-btn{opacity:0;}
}

@media (max-width:768px) {
	.btn{height:calc(var(--ss)*20vw); color:var(--white); background:var(--orange); padding:0 calc(var(--ss)*6vw);}
	
	.link:after{width:calc(var(--ss)*27vw); height:calc(var(--ss)*27vw); margin-left: calc(var(--ss)*10vw)}
	
	.floorplan-btn{top:calc(var(--ss)*188vw); position: absolute; width:calc(var(--ss)*110vw)}
	.has-under-banner .floorplan-btn, .has-top-banner .floorplan-btn{top:calc(calc(var(--ss)*188vw) + var(--banner-height));}
}

.under-menu-banner, .top-banner{height:var(--banner-height); width:100%; display:flex; justify-content: center; align-items: center; padding:0 var(--hpad);}
.under-menu-banner, .under-menu-banner *, .top-banner, .top-banner *{font:var(--sh4); text-transform: uppercase; letter-spacing:0.25em; color:var(--white);}
.top-banner p{margin-bottom:0 !important;}

@media (min-width:769px) {
	.top-banner p:not(:first-child){display:none;}
}

@media (max-width:768px) {
	.under-menu-banner, .top-banner{flex-direction: column;}
	.under-menu-banner a, .top-banner a{margin-top: calc(var(--ss)*3vw);}
	
	.top-banner{align-items: flex-start;}
	.top-banner > div{width:fit-content; display:flex; transform:translatex(0); transition: transform 70s linear}
	.top-banner p{width: fit-content; min-width: max-content; margin: 0 calc(var(--ss)*20vw);}
	.loaded .top-banner > div{transform:translateX(calc(-100% + 100vw));}
}


/* FLIPBOOK
======================================================= */
.flipbook{position: relative;}
.flipbook .img-wrap{width:calc(var(--ss)*677vw); height:calc(100% - calc(var(--ss)*60vw)); position:absolute; top:0; left:0; border:var(--border); border-radius:var(--border-radius); overflow:hidden; line-height:0; z-index: 9; transition: z-index 0.5s; cursor: pointer}
.flipbook .img-wrap.active{z-index:10 !important}
.flipbook .img-caption{display:none;}
.flipbook img{object-fit: cover;line-height: 0; height:100%; width:100%; opacity:0; transition: opacity 0.5s; }
.flipbook .img-wrap.active img{opacity:1}

.flipbook .arrow-prev, .flipbook .arrow-next{opacity:1; position:absolute; bottom:0; width:calc(var(--ss)*48vw); height:calc(var(--ss)*47vw); pointer-events: all; transition:opacity 0.5s; background-color:transparent; cursor:pointer; z-index: 15}
.flipbook .arrow-prev{background:url('/templates/sohoyard/images/shared/arrow-prev.svg') center / contain no-repeat; right:calc(var(--ss)*-138vw);}
.flipbook .arrow-next{background:url('/templates/sohoyard/images/shared/arrow-next.svg') center / contain no-repeat; right:calc(var(--ss)*-227vw);}


.flipbook .img-wrap:nth-child(2){top:calc(var(--ss)*20vw); left:calc(var(--ss)*20vw); z-index: 8;}
.flipbook .img-wrap:nth-child(3){top:calc(var(--ss)*40vw); left:calc(var(--ss)*40vw); z-index: 7;}
.flipbook .img-wrap:nth-child(4){top:calc(var(--ss)*60vw); left:calc(var(--ss)*60vw); z-index: 6;}
.flipbook .img-wrap:nth-child(5){top:calc(var(--ss)*80vw); left:calc(var(--ss)*80vw); z-index: 5;}
.flipbook .img-wrap:nth-child(6){top:calc(var(--ss)*100vw); left:calc(var(--ss)*100vw); z-index: 4;}
.flipbook .img-wrap:nth-child(7){top:calc(var(--ss)*120vw); left:calc(var(--ss)*120vw); z-index: 3;}
.flipbook .img-wrap:nth-child(8){top:calc(var(--ss)*140vw); left:calc(var(--ss)*140vw); z-index: 2;}
.flipbook .img-wrap:nth-child(9){top:calc(var(--ss)*160vw); left:calc(var(--ss)*160vw); z-index: 1;}
.flipbook .img-wrap:nth-child(10){top:calc(var(--ss)*180vw); left:calc(var(--ss)*180vw); z-index: 0;}

.flipbook .img-wrap{height:100%; width:100%; cursor: pointer;}
.flipbook[data-slides="2"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*20vw))); width:calc(100% - calc(calc(var(--ss)*20vw)));}
.flipbook[data-slides="3"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*20vw) * 2)); width:calc(100% - calc(calc(var(--ss)*20vw) * 2)); }
.flipbook[data-slides="4"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*20vw) * 3)); width:calc(100% - calc(calc(var(--ss)*20vw) * 3)); }
.flipbook[data-slides="5"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*20vw) * 4)); width:calc(100% - calc(calc(var(--ss)*20vw) * 4)); }
.flipbook[data-slides="6"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*20vw) * 5)); width:calc(100% - calc(calc(var(--ss)*20vw) * 5)); }
.flipbook[data-slides="7"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*20vw) * 6)); width:calc(100% - calc(calc(var(--ss)*20vw) * 6)); }
.flipbook[data-slides="8"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*20vw) * 7)); width:calc(100% - calc(calc(var(--ss)*20vw) * 7)); }
.flipbook[data-slides="9"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*20vw) * 8)); width:calc(100% - calc(calc(var(--ss)*20vw) * 8)); }
.flipbook[data-slides="10"] .img-wrap{height:calc(100% - calc(calc(var(--ss)*20vw) * 9)); width:calc(100% - calc(calc(var(--ss)*20vw) * 9)); }

@media (max-width:768px) {
	.flipbook .img-wrap:nth-child(2){top:calc(var(--ss)*7vw); left:calc(var(--ss)*7vw);}
	.flipbook .img-wrap:nth-child(3){top:calc(var(--ss)*14vw); left:calc(var(--ss)*14vw);}
	.flipbook .img-wrap:nth-child(4){top:calc(var(--ss)*21vw); left:calc(var(--ss)*21vw);}
	.flipbook .img-wrap:nth-child(5){top:calc(var(--ss)*28vw); left:calc(var(--ss)*28vw);}
	.flipbook .img-wrap:nth-child(6){top:calc(var(--ss)*35vw); left:calc(var(--ss)*35vw);}
	.flipbook .img-wrap:nth-child(7){top:calc(var(--ss)*42vw); left:calc(var(--ss)*42vw);}
	.flipbook .img-wrap:nth-child(8){top:calc(var(--ss)*49vw); left:calc(var(--ss)*49vw);}
	.flipbook .img-wrap:nth-child(9){top:calc(var(--ss)*56vw); left:calc(var(--ss)*56vw);}
	.flipbook .img-wrap:nth-child(10){top:calc(var(--ss)*63vw); left:calc(var(--ss)*63vw);}
	
	.flipbook[data-slides="2"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*7vw))); width:calc(100% - calc(calc(var(--ss)*7vw)));}
	.flipbook[data-slides="3"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*7vw) * 2)); width:calc(100% - calc(calc(var(--ss)*7vw) * 2)); }
	.flipbook[data-slides="4"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*7vw) * 3)); width:calc(100% - calc(calc(var(--ss)*7vw) * 3)); }
	.flipbook[data-slides="5"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*7vw) * 4)); width:calc(100% - calc(calc(var(--ss)*7vw) * 4)); }
	.flipbook[data-slides="6"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*7vw) * 5)); width:calc(100% - calc(calc(var(--ss)*7vw) * 5)); }
	.flipbook[data-slides="7"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*7vw) * 6)); width:calc(100% - calc(calc(var(--ss)*7vw) * 6)); }
	.flipbook[data-slides="8"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*7vw) * 7)); width:calc(100% - calc(calc(var(--ss)*7vw) * 7)); }
	.flipbook[data-slides="9"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*7vw) * 8)); width:calc(100% - calc(calc(var(--ss)*7vw) * 8)); }
	.flipbook[data-slides="10"] .img-wrap{height:calc(100% - calc(calc(var(--ss)*7vw) * 9)); width:calc(100% - calc(calc(var(--ss)*7vw) * 9)); }
	
	.flipbook .arrow-prev, .flipbook .arrow-next{bottom:50%; transform:translateY(50%); width:calc(var(--ss)*24vw); height:calc(var(--ss)*24vw);}
	.flipbook .arrow-prev{left:calc(var(--ss)*-30vw); right:auto;}
	.flipbook .arrow-next{right:calc(var(--ss)*-30vw);}
}


/* HEADER
======================================================= */
header {  position: fixed; top:0; width:100%;  z-index:1002; transition: transform 0.5s, opacity 0.5s;}
.header-inner { padding:0 var(--hpad); display:flex; justify-content:center; align-items:center; height:var(--header-height); width:100%; background-color:var(--white);}

header .logo { opacity:1; background: url(/templates/sohoyard/images/brand/logo-white.png) top left / cover no-repeat; transition:opacity 0.3s, top 0.5s, width 0.5s, height 0.5s, background 0.5s; width:calc(var(--ss)*178vw); height:calc(var(--ss)*146vw); position:absolute; top:calc(var(--ss)*166vw); left:var(--hpad);}
.has-under-banner header .logo{top:calc(calc(var(--ss)*166vw) + var(--banner-height));}

body:not(.very-top) header .logo{top:calc(var(--ss)*10vw); width:calc(var(--ss)*120vw); height:calc(var(--ss)*81vw); background-image: url(/templates/sohoyard/images/brand/logo-black.png);}

body.logo-black header .logo, body.mega-open header .logo{background-image: url(/templates/sohoyard/images/brand/logo-black.png);}

header .register{opacity:1; position:absolute; top:calc(var(--ss)*171vw); right:var(--hpad); transition:opacity 0.3s;  text-align: center; line-height: 1.2em;}

header .mod-menu{margin-top:calc(var(--ss)*3vw);}
header .mod-menu, header .mod-menu__sub {display:flex; align-items: center; gap:calc(var(--ss)*25vw); margin-bottom:0; margin-right:0;}
header li{width: max-content;}

header .mod-menu li:not(.active):not(.open) span, 
header .mod-menu li:not(.active) a,
header .mod-menu.sub-open > li:not(.open):not(.active) > a{opacity: 0.4}

header .mod-menu li:hover > a, header .mod-menu li:hover > span{opacity:1 !important;}

body.home header .mod-menu li:not(.active) a, 
body:not(.menu-id-344):not(.menu-id-345):not(.menu-id-346):not(.menu-id-347):not(.menu-id-348) header .mod-menu .nav-item.parent.open li:not(.active) a,
body.home header .mod-menu li:not(.active) span, 
body:not(.menu-id-344):not(.menu-id-345):not(.menu-id-346):not(.menu-id-347):not(.menu-id-348) header .mod-menu .nav-item.parent:hover li a{opacity: 1}

header .mod-menu a, .mod-menu span { font:var(--nav); cursor:pointer; color:var(--fc1); transition:color 0.3s, opacity 0.3s; letter-spacing:0.25em; text-transform: uppercase; height:calc(var(--ss)*28vw); display:flex; align-items: center;}

header .nav-item.parent{position: relative}
header .nav-item.parent ul{ position:absolute; bottom:0; left:0; width:fit-content; height:0; transition: height 0.5s, opacity 0.5s, bottom:0.5s, opacity: 0; overflow:hidden; color:var(--orange); margin-left:0; }
 header .nav-item.parent.active ul, .nav-item.parent.open ul{ bottom:calc(var(--ss)*-28vw); opacity:1; height:calc(var(--ss)*28vw);}
header .nav-item.parent ul a{color:var(--orange);}


header .icon-menu{display:flex; gap:calc(var(--ss)*18vw);}
header .icon-btn{width:calc(var(--ss)*27vw); height:calc(var(--ss)*27vw);}
header .icon-btn.whatsapp{background:url(/templates/sohoyard/images/icons/whatsapp.svg) center / contain no-repeat}
header .icon-btn.phone{background:url(/templates/sohoyard/images/icons/phone.svg) center / contain no-repeat}
header .icon-btn.user{background:url(/templates/sohoyard/images/icons/Profile.svg) center / contain no-repeat}
header .icon-btn.location{background:url(/templates/sohoyard/images/icons/Find-us.svg) center / contain no-repeat}

.hamburger-wrap{display:none;}
.mega-menu{display:none;}

@media (min-width:769px) {
	header .icon-menu{position:absolute; right:var(--hpad); top:50%; transform:translateY(-50%);}
/*	body:not(.very-top):not(.scroll-up) header .register{opacity:0; pointer-events: none;}*/
	body.register-hide header .register{opacity:0 !important; pointer-events: none !important;}
	
	header .register{width: calc(var(--ss)*162vw); height: calc(var(--ss)*48vw); }
	.has-under-banner header .register{top:calc(calc(var(--ss)*162vw) + var(--banner-height))}
	.header-inner{position:relative}

}

@media (max-width:768px) {
	.header-inner { justify-content:flex-start; }
	header .logo{ width:calc(var(--ss)*84vw); height:calc(var(--ss)*69vw); top:calc(var(--ss)*86vw); left:50%; transform: translateX(-50%);}
	.has-under-banner header .logo, .has-top-banner header .logo{top:calc(calc(var(--ss)*86vw) + var(--banner-height));}
/*	.has-under-banner header .logo { top: calc(var(--ss)*14vw); }   Quick fix */
	body.home.has-under-banner header .logo, body.home.has-top-banner header .logo {  width:calc(var(--ss)*128vw); height:calc(var(--ss)*85vw); top:calc(calc(var(--ss)*100vw) + calc(var(--banner-height) / 1.66)); left:50%; transform: translateX(-50%);}
/*	body.home header .logo { top: calc(var(--ss)*122vw); }  Quick fix */

	.header-btns{display:flex;align-items: center; width:100%; justify-content:space-between;}
	
	header .register{position:initial; padding: calc(var(--ss)*2vw) calc(var(--ss)*9vw) 0; width:calc(var(--ss)*110vw); height:calc(var(--ss)*37vw)}
	
	header .mod-menu{display:none;}
	body:not(.very-top) header .logo, body.mega-open.very-top header .logo{top:calc(var(--ss)*14vw); width:calc(var(--ss)*55vw); height:calc(var(--ss)*37vw); }
	
	header .icon-menu{display:flex; gap:0;}
	header .icon-btn{width:calc(var(--ss)*18vw); height:calc(var(--ss)*28vw); margin-left:calc(var(--ss)*5vw);}
	
	body.mobile-black header .logo{background-image: url(/templates/sohoyard/images/brand/logo-black.png);}
	body[class^='apartments-'].logo-white header .logo, body.mob-logo-black header .logo{background-image: url(/templates/sohoyard/images/brand/logo-black.png);}
	
}


/* MOBILE MENU
======================================================= */
@media(max-width:768px){
	.mega-menu{display:flex; position:fixed; top:0; left:0;z-index:1000; width:100vw; height:calc(var(--ss)*198vw); transform:translateY(-101%); background:var(--white); opacity:0; transition: transform 0.5s, opacity 0.5s; padding:calc(var(--ss)*66vw) var(--hpad) calc(var(--ss)*18vw); }
	
	.mega-menu ul{display: flex; flex-direction: column; justify-content: flex-start;width:100%; text-align:right; align-items:flex-end; position: relative;}
	.mega-menu a{font:var(--btn); display:block; margin-bottom: calc(var(--ss)*15vw); width:fit-content; color:var(--black); text-transform:uppercase;}
	.mega-menu li{width:fit-content;}
	.mega-menu li.active > a{color:var(--orange);}
	
	.mega-menu .mod-menu__heading{display:none}
	
	.mega-menu li.deeper.parent{position: absolute;top:0; left:0; }
	.mega-menu li.deeper.parent ul{ align-items: flex-start; text-align: right;}
	
	body.mega-open .mega-menu{transform:translateY(0%); opacity:1;}
	body.has-under-banner .mega-menu, body.has-top-banner .mega-menu{height:calc(calc(var(--ss)*198vw) + var(--banner-height)); padding-top: calc(calc(var(--ss)*71vw) + var(--banner-height));}
	
}

/* HAMBURGER
======================================================= */
@media(max-width:768px){
	
	#hamburger{display:block; width:calc(var(--ss)*20vw); height:calc(var(--ss)*18vw); position:relative; transition: .5s ease-in-out;z-index:555;pointer-events:all;z-index:1003; background:transparent; cursor: pointer}

	.hamburger-wrap{ display:block;  height:calc(var(--ss)*18vw); width:calc(var(--ss)*20vw); display:flex; justify-content: center; align-items:center; cursor: pointer; margin-right:calc(var(--ss)*2vw); margin-top:calc(var(--ss)*4vw);}
	
	#hamburger span {display: block;position: absolute; height:calc(var(--ss)*2vw); width:50%; background-color: var(--orange); opacity:1; transform: rotate(0deg);transition:.25s ease-in-out;top:0;left:0;}

	#hamburger span:nth-child(even){ left:50%; }

	#hamburger .hb3, #hamburger .hb4 { top:calc(var(--ss)*6vw); }
	#hamburger .hb5, #hamburger .hb6 { top:calc(var(--ss)*12vw); }
	body.mega-open #hamburger .hb1,body.mega-open #hamburger .hb6{ transform: rotate(45deg); }
	body.mega-open #hamburger .hb2,body.mega-open #hamburger .hb5 {transform: rotate(-45deg)}
	body.mega-open #hamburger .hb1 { left:calc(var(--ss)*1vw); top:calc(var(--ss)*2.5vw); }
	body.mega-open #hamburger .hb2 { left: calc(50% - calc(var(--ss)*1vw)); top:calc(var(--ss)*2.5vw); }
	body.mega-open #hamburger .hb3 { left: -50%; opacity: 0; }
	body.mega-open #hamburger .hb4 { left: 100%; opacity: 0; }
	body.mega-open #hamburger .hb5 { left:calc(var(--ss)*1vw); top:calc(var(--ss)*9.5vw); }
	body.mega-open #hamburger .hb6 { left: calc(50% - calc(var(--ss)*1vw)); top:calc(var(--ss)*9.5vw); }
}



/* FOOTER
======================================================= */
footer{padding:calc(var(--ss)*60vw) var(--hpad) calc(var(--ss)*47vw);}
.footer-inner, .footer-bottom{display:flex; justify-content: space-between;}
.footer-inner{padding-bottom:calc(var(--ss)*40vw);}
.footer-bottom p{font:var(--ps)}
.footer-bottom{padding-top:calc(var(--ss)*22vw); border-top:calc(var(--ss)*0.5vw) solid var(--black);}

footer .logo{  background: url(/templates/sohoyard/images/brand/logo-black.png) left / contain no-repeat;  width:calc(var(--ss)*178vw); height:calc(var(--ss)*146vw);display:block;}
footer .lg-logo{width:calc(var(--ss)*154vw); height:calc(var(--ss)*54vw);margin-top:calc(var(--ss)*59vw);}

footer .footer-links{display:flex; flex-direction: column;}
footer .footer-socials{display:flex; gap:calc(var(--ss)*15vw); margin-bottom:calc(var(--ss)*67vw);height:calc(var(--ss)*30vw)}
footer .icon-btn{width:calc(var(--ss)*30vw); height:calc(var(--ss)*30vw);}
footer .icon-btn.instagram{background:url(/templates/sohoyard/images/icons/instagram.svg) center / contain no-repeat}
footer .icon-btn.facebook{background:url(/templates/sohoyard/images/icons/facebook.png) center / contain no-repeat}

footer .address *{font:var(--p1); line-height:calc(var(--ss)*24vw); margin-top:calc(var(--ss)*-3vw);}
footer .address p{margin-bottom:calc(var(--ss)*30vw);}

footer .mod-menu {display:flex; align-items: center; gap:calc(var(--ss)*50vw); margin-bottom:0;}
footer li{width: max-content;}
footer .mod-menu a { font:var(--footer-btn); cursor:pointer; color:var(--fc1); transition:color 0.3s; letter-spacing:0.25em; text-transform: uppercase;}

@media (max-width:768px) {
	footer{padding:calc(var(--ss)*44vw) var(--hpad) calc(var(--ss)*50vw);}
	.footer-inner, .footer-bottom{flex-wrap: wrap; justify-content: flex-start; position:relative;}
	.footer-inner{padding-bottom:calc(var(--ss)*14vw);}
	.footer-bottom{padding-top:calc(var(--ss)*14vw);}
	.footer-bottom .copyright{margin-bottom:1em;}
	
	footer .logo{width:calc(var(--ss)*116vw); height:calc(var(--ss)*96vw); margin-right:calc(var(--ss)*37vw);}
	footer .lg-logo{width:calc(var(--ss)*142vw); height:calc(var(--ss)*50vw);margin-top:0; position: absolute; right:0; top:calc(var(--ss)*114vw)}
	
	footer .footer-links{display:flex; flex-direction: column; width:100%}
	footer .footer-socials{display:flex; gap:0; margin:calc(var(--ss)*44vw) 0 calc(var(--ss)*40vw) 0; width:calc(var(--ss)*116vw); height:fit-content}
	footer .icon-btn{width:calc(var(--ss)*25vw); height:calc(var(--ss)*25vw); margin-right: calc(var(--ss)*15vw);}
	
	footer .address *{font:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*16vw) var(--ff); margin-top:0;}
	footer .address p{margin-bottom:calc(var(--ss)*13vw);}
	
	footer .mod-menu {display:flex; align-items: center; gap:0; margin-bottom:0; justify-content: space-between; width:100%;}
	footer .mod-menu a { font:var(--footer-btn); cursor:pointer; color:var(--fc1); transition:color 0.3s; letter-spacing:0.25em; text-transform: uppercase;}
}

/* FORMS
======================================================= */
#register{padding:calc(var(--ss)*50vw) var(--hpad) calc(var(--ss)*42vw); text-align:center; color:var(--fc1)}
#register h2{margin-bottom:calc(var(--ss)*40vw);}
div[data-uid="65"] p:last-child{margin-bottom: calc(var(--ss)*40vw);}

#register .ui.form {max-width:calc(var(--ss)*770vw); margin:0 auto; text-align: left;}

#register .ui.form #cols_1{display:flex; justify-content: space-between; flex-wrap: wrap;}
#register .ui.form #cols_1 > div{width:calc(var(--ss)*372vw); height:fit-content; margin-bottom:0;}

#register .ui.form input, 
#register .ui.form textarea,
#register .ui.selection.dropdown {border:1px solid var(--white); border-radius: var(--border-radius) !important; font:var(--form); padding-left:calc(var(--ss)*14vw); color: var(--fc1);  margin-bottom:calc(var(--ss)*25vw); background:transparent; text-align: left !important;}
#register .ui.form input,
#register .ui.selection.dropdown {height:calc(var(--ss)*45vw); display: flex; align-items: center; border:1px solid var(--white); }
#register .ui.form  textarea{height:calc(var(--ss)*90vw); padding-top:calc(var(--ss)*16vw); }
section .ui.form .field > label,
#register .ui.form .required.field > label::after,
#register .required.fields:not(.grouped) > .field > .checkbox::after,
#register .apartment .ui.radio.checkbox label::after{display: none;}

#register .ui.default.dropdown:not(.button) > .text,
#register .ui.dropdown:not(.button) > .default.text{color:var(--fc1);}
#register .ui.selection.dropdown .menu{background:var(--white); border-radius:var(--border-radius); max-height:fit-content;}
#register .ui.selection.active.dropdown .menu,
#register .ui.selection.active.dropdown:hover .menu{border:none; box-shadow:none; }
#register .ui.form .field .dropdown .menu > .item{font:var(--form); color:var(--fc1); font-weight: 300}

#register .ui.form .field > .selection.dropdown > .dropdown.icon{padding:0; height:100%; top:0; width:calc(var(--ss)*24vw); right:calc(var(--ss)*25vw); margin:0; transition:transform 0.3s; background:url('/templates/neweidyn/images/icons/chev-down.svg') center / contain no-repeat;}
#register .ui.form .field > .selection.dropdown.active > .dropdown.icon{transform:scaleY(-1);  }
#register .ui.form .field > .selection.dropdown > .dropdown.icon:before{display:none;}

#register .ui.form .inline.field > label{font:var(--p3); margin-bottom:calc(var(--ss)*8vw); width:100%;}

#register .ui.form .apartment .inline.fields{justify-content: space-between; margin-bottom:calc(var(--ss)*25vw);}
#register .ui.form .apartment .inline.fields .field{width:calc(var(--ss)*173vw); height:fit-content; padding-right:0;}
#register .ui.form .apartment .inline.fields .field .radio {width: 100%; height: fit-content;}
#register .ui.form .apartment .inline.fields .field label { width: 100%; height: calc(var(--ss)*45vw); border-radius: var(--border-radius); border:1px solid var(--white); display: flex; justify-content: center; align-items: center; font: var(--form); left: 0; transition: background 0.3s, color 0.3s; padding-left: 0;}
#register .ui.form .apartment .inline.fields .field .checked label {background:var(--white); color:var(--lgreen)}
#register .ui.form .apartment .inline.fields .field label:before{display:none}

#register #terms{display:flex; justify-content: space-between;}

#register .ui.form .ui.checkbox{max-width:calc(var(--ss)*300vw)}
#register .ui.form .ui.checkbox label{padding-left:calc(var(--ss)*34vw); font:var(--ps);height:calc(var(--ss)*15vw); display:flex; height:calc(var(--ss)*30vw)}
#register .ui.form .ui.checkbox label:before{position:absolute; content:''; display:block; height:calc(var(--ss)*15vw); width:calc(var(--ss)*15vw); border:1px solid var(--white); border-radius:calc(var(--ss)*5vw); background:transparent; z-index:1; transition:background 0.3s; font-family: Checkbox; color: var(--lgreen); display: flex; justify-content: center; align-items: center;}
#register .ui.form .ui.checkbox.checked label:before{background:var(--white); content: "\e800";}
#register .ui.form .ui.checkbox:after{display:none;}

#register div[data-uid="29"] p{font:var(--ps)}

#register #register_submit.btn{font:normal 500 calc(var(--ss)*17vw) / calc(var(--ss)*20vw) var(--ff); text-transform:uppercase; letter-spacing:0.25em; height:calc(var(--ss)*45vw); background:var(--white); color:var(--lgreen); border-color: var(--white);}
#register #register_submit.btn:hover{ background:var(--lgreen); color:var(--white);}

@media (min-width:769px) {
	#register #register_submit.btn{height:calc(var(--ss)*59vw); width:calc(var(--ss)*130vw); text-align: center;line-height:1.2em;}
}
@media (max-width:768px) {
	#register{padding:calc(var(--ss)*43vw) var(--hpad) calc(var(--ss)*50vw);}
	#register h2{margin-bottom:calc(var(--ss)*35vw);}

	#register .ui.form {max-width:100%;}

	#register .ui.form #cols_1 > div{width:100%;}
	
	#register .ui.form input, 
	#register .ui.form textarea,
	#register .ui.selection.dropdown { margin-bottom:calc(var(--ss)*20vw);}
	#register .ui.form  textarea{height:calc(var(--ss)*159vw); padding-top:calc(var(--ss)*12vw); }

	#register .ui.form .field .dropdown .menu > .item{font:var(--ps); font-weight: 300}
	
	#register .ui.form .field > .selection.dropdown > .dropdown.icon{ width:calc(var(--ss)*19vw); right:calc(var(--ss)*13vw); }
	
	#register .ui.form .inline.field > label{font:var(--p3); margin-bottom:calc(var(--ss)*8vw); width:100%;}

	#register .ui.form .apartment .inline.fields{margin-bottom:calc(var(--ss)*20vw);}
	#register .ui.form .apartment .inline.fields .field{width:calc(var(--ss)*141vw);}
/*
	#register .ui.form .apartment .inline.fields .field:nth-child(1),
	#register .ui.form .apartment .inline.fields .field:nth-child(2){margin-bottom:calc(var(--ss)*12vw);}
*/
	
	#register #terms{flex-flow: column;}

/*	#register .ui.form .field {margin: 0;}*/
	
	#register .ui.form .ui.checkbox{max-width:calc(var(--ss)*300vw)}
	#register .ui.form .ui.checkbox label{padding-left:calc(var(--ss)*28vw); height:calc(var(--ss)*28vw); margin-bottom:calc(var(--ss)*10vw);}
	#register .ui.form #terms .mainfield:first-child .ui.checkbox label{margin-bottom:calc(var(--ss)*15vw);}
	
	#register div[data-uid="29"] p{padding-left:calc(var(--ss)*28vw);}

	#register #register_submit.btn{width:100%; margin-top:calc(var(--ss)*20vw);}
}

/*
PLACEHOLDERS :-(
========================================================== */
form.form.ui input::-webkit-input-placeholder { opacity:1; color:var(--fc1) !important; font:var(--form);}
form.form.ui input::-moz-placeholder { opacity:1; color:var(--fc1) !important; font:var(--form); padding:inherit; border-radius:inherit;}
form.form.ui input:-ms-input-placeholder { opacity:1; color:var(--fc1) !important; font:var(--form); padding:inherit; border-radius:inherit;}
form.form.ui input:-moz-placeholder { opacity:1; color:var(--fc1) !important; font:var(--form); padding:inherit; border-radius:inherit;}
form.form.ui textarea::-webkit-input-placeholder { opacity:1; font:var(--form); color:var(--fc1) !important; padding:0;}
form.form.ui textarea::-moz-placeholder { opacity:1; font:var(--form); color:var(--fc1) !important; padding:0; border-radius:inherit;}
form.form.ui textarea:-ms-input-placeholder { opacity:1; font:var(--form); color:var(--fc1) !important; padding:0; border-radius:inherit;}
form.form.ui textarea:-moz-placeholder { opacity:1; font:var(--form); color:var(--fc1) !important; padding:0; border-radius:inherit;}

/*
SLIDERS
========================================================== */
.slick-track, .slider-block > div{ display: flex; }

.slider, .inset-slider{position:relative}

.slider .video{display:flex; align-items: center; justify-content: center;}

.slick-track[class*="first-slide-"] > .slick-cloned:nth-child(2), 
.slick-slide { transition: .5s ease; }
.slick-slider { display:flex; flex-flow:row;}
.slick-list { overflow: hidden; }
.slick-track, .slick-list{height:100%;}

.slick-arrow{height:calc(var(--ss)*36vw); width:calc(var(--ss)*36vw); position:absolute; top:50%; transform:translateY(-50%); z-index: 1001; cursor: pointer; font-size:0px; text-indent:-200vw}
.slick-prev{left:calc(var(--ss)*95vw); background:url('/templates/sohoyard/images/shared/arrow-prev.svg') center / contain no-repeat;}
.slick-next{right:calc(var(--ss)*95vw); background:url('/templates/sohoyard/images/shared/arrow-next.svg') center / contain no-repeat; text-indent:200vw}

.slick-dots{position:absolute; bottom:calc(var(--ss)*5vw); right:calc(var(--ss)*403vw); display:flex;}
.slick-dots li{line-height: 0; height:calc(var(--ss)*12vw)}
.slick-dots button{font-size:0; line-height: 0; text-indent:-200vw; height:calc(var(--ss)*12vw); width:calc(var(--ss)*12vw); border-radius:50%; background:var(--white); border:none; padding:0; margin-left: calc(var(--ss)*7vw); cursor: pointer; transition:background 0.3s; line-height: 0;}
.slick-dots .slick-active button{background:var(--yellow);}

@media (max-width:768px) {
	.slick-arrow{height:calc(var(--ss)*33vw); width:calc(var(--ss)*33vw);}
	
	.slick-dots{position:absolute; bottom:calc(var(--ss)*-33vw); right:0; width:100%; justify-content:center;}
	.slick-dots button{margin: 0 calc(var(--ss)*3.5vw); }
}

/*
SISTER SITES
========================================================== */
.sister-sites{padding: calc(var(--ss)*42vw) 0;}
.sister-sites .inset-slider:not(.slick-initialized){display:flex;justify-content:center;}
.sister-sites .copy{max-width:calc(var(--ss)*617vw);margin:calc(var(--ss)*20vw) auto 0; text-align: center;}
.sister-sites .btn{margin:calc(var(--ss)*20vw) auto 0;}
.sister-sites .inset-slider{margin-top:calc(var(--ss)*40vw);}
.sister-sites .slide-wrap{width:calc(var(--ss)*648vw); padding:0 calc(var(--ss)*43vw);opacity:0.25; transition:opacity 0.3s}
.sister-sites .slide-wrap.slick-active {opacity: 1;}
.sister-sites .slide-wrap img{width:calc(var(--ss)*606vw); height:calc(var(--ss)*412vw); margin-bottom: calc(var(--ss)*20vw); object-fit:cover; border:var(--border); border-radius:var(--border-radius);}
.sister-sites .slide-wrap a{opacity:0; transition:opacity 0.3s;}
.sister-sites .slide-wrap.slick-active a{opacity:1}

.sister-sites .inset-slider .slick-arrow{top:calc(var(--ss)*214vw); transform:translateY(0);}
.sister-sites .inset-slider .slick-prev{left:calc(var(--ss)*338vw);}
.sister-sites .inset-slider .slick-next{right:calc(var(--ss)*338vw);}

.sister-sites .inset-slider:not(.slick-initialized) .slide-wrap:not(:first-child){display:none;}

.sister-sites.text-bottom .copy{margin-top: calc(var(--ss)*45vw);}
.sister-sites.text-bottom .btn{margin-top: calc(var(--ss)*50vw);}
.sister-sites.text-bottom .btn.fc-white:hover{color:var(--yellow) !important;}

@media (max-width:768px) {
	.sister-sites{padding: calc(var(--ss)*43vw) var(--hpad) calc(var(--ss)*83vw);}
	.sister-sites .inset-slider{margin-top:calc(var(--ss)*25vw);}
	.sister-sites .slide-wrap{width:calc(var(--ss)*295vw); padding:0;opacity:1;}
	.sister-sites .slide-wrap img{width:calc(var(--ss)*295vw); height:calc(var(--ss)*202vw); margin-bottom: calc(var(--ss)*25vw);}
	
	.sister-sites .slide-wrap a{opacity:1; max-width:calc(var(--ss)*229vw); margin: 0 auto; display: block; text-align: center; font:var(--ps)}
	
	.sister-sites .inset-slider .slick-arrow{top:auto; transform:translateY(0); bottom:0;}
	.sister-sites .inset-slider .slick-prev{left:0;}
	.sister-sites .inset-slider .slick-next{right:0;}
	
	.sister-sites.text-bottom .inset-slider{margin-bottom:calc(var(--ss)*58vw); margin-top:calc(var(--ss)*25vw);}
	.sister-sites.text-bottom .copy{margin-top: calc(var(--ss)*19vw);}
	.sister-sites.text-bottom .btn{margin-top: calc(var(--ss)*19vw);}
	.landlord .sister-sites.text-bottom{padding: 0 var(--hpad) calc(var(--ss)*26vw);}
}

/*
TESTIMONIALS
========================================================== */
.testimonials-instagram{text-align: center; padding:calc(var(--ss)*74vw) var(--hpad) calc(var(--ss)*103vw);}
.testimonials-instagram .columns{justify-content: space-between;}
.testimonials-instagram.columns-1 .columns{justify-content: center;}
.testimonials-instagram h2{margin-bottom:calc(var(--ss)*23vw);}
.testimonials-instagram .copy{min-height:calc(var(--ss)*65vw)}
.testimonials-instagram .copy p{font:var(--p3)}

.testimonials{width:calc(var(--ss)*770vw);}
.testimonials .reviews-slider{height:calc(var(--ss)*377vw); width:100%; position: relative; border-radius:calc(var(--ss)*4vw);}
.testimonials .reviews-slider:after{position: absolute; content:''; display:block; width:calc(var(--ss)*48vw); height:calc(var(--ss)*40vw); top:calc(var(--ss)*30vw); left:50%; transform:translateX(-50%); background:url('/templates/sohoyard/images/icons/quotemark.svg') center / contain no-repeat;}
.testimonials .slide-wrap{height:100%; width:100%; padding:calc(var(--ss)*90vw) calc(var(--ss)*54vw) calc(var(--ss)*35vw); display:flex; flex-direction: column; justify-content: space-between;}

.testimonials .review{font:normal 300 calc(var(--ss)*27vw) / calc(var(--ss)*34vw) var(--hff)}
.testimonials .quoted-by{font:normal 300 calc(var(--ss)*10vw) / calc(var(--ss)*10vw) var(--ff); text-transform: uppercase; letter-spacing:0.25em; }

.testimonials .reviews-slider:not(.slick-initialized)  .slide-wrap:not(:first-child){display:none;}

.testimonials .slick-dots .slick-active button { background: var(--orange);}

@media (min-width:769px) {
	.testimonials .slick-dots{bottom: calc(var(--ss)*-33vw); right:50%; transform:translateX(50%)}
}

@media (max-width:768px) {
	.testimonials-instagram{padding:calc(var(--ss)*43vw) var(--hpad) calc(var(--ss)*50vw);}
	.testimonials-instagram h2{margin-bottom:calc(var(--ss)*14vw);}
	.testimonials-instagram .copy{min-height:fit-content; max-width:calc(var(--ss)*228vw); margin:0 auto calc(var(--ss)*26vw)}
	
	.testimonials{width:100%; margin-bottom:calc(var(--ss)*82vw);}
	.testimonials .reviews-slider{height:calc(var(--ss)*308vw);;}
	.testimonials .reviews-slider:after{width:calc(var(--ss)*36vw); height:calc(var(--ss)*27vw); top:calc(var(--ss)*21vw);}
	.testimonials .slide-wrap{padding:calc(var(--ss)*65vw) calc(var(--ss)*22vw) calc(var(--ss)*27vw);}
	
	.testimonials .review{font:normal 300 calc(var(--ss)*16vw) / calc(var(--ss)*20vw) var(--hff)}
	.testimonials .quoted-by{font:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*12vw) var(--ff); }
}

/*
INSTAGRAM
========================================================== */
.instagram{width:calc(var(--ss)*377vw); margin-right: calc(var(--ss)*-6.5vwvw);}
.instagram .instagram-slider{height:calc(var(--ss)*390vw); width:100%; }
.instagram .instagram-slider .slick-slide{width:calc(var(--ss)*195vw); padding:0 calc(var(--ss)*6.5vw)}
.instagram .instagram-slider .slick-slide > div{ line-height:0; width:calc(var(--ss)*182vw); height:calc(var(--ss)*182vw);}
.instagram .instagram-slider a > div, .instagram .instagram-slider a, .instagram .instagram-placeholder{width:100%; height:100%; display:block}
.instagram .instagram-slider .slick-slide > div:first-child{margin-bottom:calc(var(--ss)*12.5vw);}
.instagram .instagram-image{ border-radius:calc(var(--ss)*4vw)}

.instagram .instagram-slider:not(.slick-initialized)  .instagram-placeholder:not(:first-child){display:none;}

@media (max-width:768px) {
	.instagram{width:100%; margin-right: calc(var(--ss)*-5vw);}
	.instagram .instagram-slider{height:calc(var(--ss)*295vw); width:calc(100% + calc(var(--ss)*10vw)); }
	.instagram .instagram-slider .slick-slide{width:calc(var(--ss)*147vw); padding:0 calc(var(--ss)*5vw)}
	.instagram .instagram-slider .slick-slide > div{ line-height:0; width:calc(var(--ss)*142vw); height:calc(var(--ss)*142vw);}
	.instagram .instagram-slider .slick-slide > div:first-child{margin-bottom:calc(var(--ss)*10vw);}
}

/*
HERO BLOCK
========================================================== */
.hero-block > div:not(.video-hero){height: calc(var(--ss)*768vw); max-height:calc(100vh - var(--header-height)); }

.hero-block .home-hero > div{height:100%; display:flex; align-items: flex-end; padding:calc(var(--ss)*58vw) var(--hpad) calc(var(--ss)*79vw); position: relative}
.hero-block .home-hero{position: relative;}
.hero-block .home-hero h1{font:var(--sh2); text-transform: uppercase; letter-spacing:0.25em; margin:0 auto 0; color:var(--fc2); width:fit-content; position: relative; z-index: 3;}
.hero-block .home-hero:before{width:calc(var(--ss)*677vw); content:''; display: block; position:absolute; bottom:calc(var(--ss)*145vw); left:50%; transform:translateX(-50%); border:var(--border); border-radius: var(--border-radius); height:calc(var(--ss)*565vw); max-height:calc(100vh - calc(var(--ss)*316vw)); z-index: 1;}
.hero-block .home-hero .hero-overlay{position:absolute; width:100%; height:100%; top:0; left:0 bottom:0; right:0; z-index:2}


.hero-block .slider-hero > div{height:100%;}
.hero-block .slider-hero .img-wrap{ position: relative}
.hero-block .slider-hero img{width:100%; height:100%; object-fit:cover;}
.hero-block .slider-hero .img-caption{position:absolute; bottom:calc(var(--ss)*32vw); left:50%; transform:translateX(-50%); font:var(--sh1); text-transform: uppercase; letter-spacing:0.25em; color:var(--white); z-index:1001}
.hero-block .slider-hero .slick-prev{background-image:url('/templates/sohoyard/images/shared/arrow-prev-white.svg');}
.hero-block .slider-hero .slick-next{background-image:url('/templates/sohoyard/images/shared/arrow-next-white.svg');}
.hero-block .slider:not(.slick-initialized) .img-wrap:not(:first-child){display:none;}
.hero-block .slider:not(.slick-initialized) > :not(:first-child){display:none;}

@media (min-width:769px) {
	.hero-block .slider-hero{position: relative}
	.hero-block .slider-hero:after{position:absolute; display:block; content:''; width:100%; height:calc(var(--ss)*231vw); top:0;left:0; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(94,104,104,1) 100%); z-index: 1001; mix-blend-mode:multiply }
	.hero-block .slider-hero.has-captions .img-wrap:before{position:absolute; display:block; content:''; width:100%; height:calc(var(--ss)*231vw); bottom:0;left:0; background: linear-gradient(0deg, rgba(94,104,104,1) 0%, rgba(0,0,0,0) 100%); z-index: 1001; mix-blend-mode:multiply }
}

.hero-block .video-hero div{height:100%; width:100%; line-height:0;}
.hero-block .video-hero iframe{width:100%; height:auto;}


.theme-yellow .hero-block{background:var(--yellow40);}
.theme-lgreen .hero-block{background:var(--lgreen40);}
.theme-orange .hero-block{background:var(--orange40);}
.theme-dgreen .hero-block{background:var(--dgreen40);}

.hero-block .apartment-hero{padding:calc(var(--ss)*58vw) var(--hpad) calc(var(--ss)*82vw); position: relative; min-height:calc(var(--ss)*653vw)}
.hero-block .apartment-hero h1{color:var(--white); text-transform: uppercase}
.hero-block .apartment-hero .hero-content{position: absolute; top:calc(50% - calc(var(--ss)*90vw)); /*top:calc(var(--ss)*283vw);*/ left:var(--hpad); z-index:12; pointer-events:none;}

.theme-yellow .hero-block h2, .theme-yellow .hero-block li span{color:var(--yellow);}
.theme-lgreen .hero-block h2, .theme-lgreen .hero-block li span{color:var(--lgreen);}
.theme-orange .hero-block h2, .theme-orange .hero-block li span{color:var(--orange);}
.theme-dgreen .hero-block h2, .theme-dgreen .hero-block li span{color:var(--dgreen);}
.hero-block li span{display:block; margin-bottom:calc(var(--ss)*3vw);}

.hero-block .apartment-hero h2{margin-bottom:calc(var(--ss)*60vw); line-height:calc(var(--ss)*40vw); font-size:calc(var(--ss)*33vw)}

.hero-block .flipbook{width:calc(var(--ss)*737vw); height:100%; margin:auto; position:relative;}
/*.hero-block .flipbook .img-wrap{width:calc(var(--ss)*677vw); height:calc(100% - calc(var(--ss)*60vw));}*/

.hero-block .flipbook .flipbook-arrow{width:calc(var(--ss)*36vw); height:calc(var(--ss)*36vw)}

.hero-block .apartment-hero h1, 
.hero-block .apartment-hero h2, 
.hero-block .apartment-hero ul, 
.hero-block .apartment-hero li{width:fit-content; pointer-events: all;}


.hero-block .apartment-hero li{font:var(--footer-btn); text-transform: uppercase; letter-spacing:0.25em; margin-bottom:calc(var(--ss)*19vw); font-weight:500;}
.hero-block .apartment-hero ul > li:last-child{margin-bottom:0;}

@media (min-width:768px) {
/*	.hero-block > div:not(.video-hero).apartment-hero {max-height:calc(var(--ss)*768vw)}*/
	.hero-block .apartment-hero .hero-content{top:auto; bottom:calc(var(--ss)*82vw);}

}

@media (max-width:768px) {
	.hero-block > div:not(.video-hero){height: calc(var(--ss)*552vw); }
	
	.hero-block .home-hero > div{ padding:calc(var(--ss)*156vw) calc(var(--ss)*36vw) calc(var(--ss)*43vw); background-position: left 35% center !important;}
	.hero-block .home-hero h1{font:var(--sh3); width:100%;}
	.hero-block .home-hero:before{width:calc(var(--ss)*295vw); bottom:calc(var(--ss)*71vw); left:50%; transform:translateX(-50%); height:calc(var(--ss)*315vw); max-height:calc(100vh - calc(var(--ss)*237vw)); }
	
	.hero-block .apartment-hero{display:flex; padding:calc(var(--ss)*111vw) var(--hpad) calc(var(--ss)*35vw); min-height:calc(var(--ss)*627vw); flex-direction: column-reverse}
	.hero-block .apartment-hero .hero-content{position: initial;}
	.hero-block + .hero-block .apartment-hero{padding:calc(var(--ss)*30vw) var(--hpad) calc(var(--ss)*35vw); min-height:auto;}
	
	
	.hero-block .apartment-hero h2{margin-bottom:calc(var(--ss)*30vw); font-size:calc(var(--ss)*30vw)}

	.hero-block .flipbook{width:100%; height:calc(var(--ss)*249vw);margin-bottom:calc(var(--ss)*22vw);}
	.hero-block .flipbook .img-wrap{width:calc(var(--ss)*271vw); height:calc(100% - calc(var(--ss)*24vw)); border-width:calc(var(--ss)*1.5vw)}

	.hero-block .apartment-hero li{font:var(--ps); margin-bottom:calc(var(--ss)*14vw);  font-weight:500;}
	
	.hero-block .flipbook .img-wrap:nth-child(2){top:calc(var(--ss)*8vw); left:calc(var(--ss)*8vw);}
	.hero-block .flipbook .img-wrap:nth-child(3){top:calc(var(--ss)*16vw); left:calc(var(--ss)*16vw);}
	.hero-block .flipbook .img-wrap:nth-child(4){top:calc(var(--ss)*24vw); left:calc(var(--ss)*24vw);}
	.hero-block .flipbook .img-wrap:nth-child(5){top:calc(var(--ss)*32vw); left:calc(var(--ss)*32vw);}
	.hero-block .flipbook .img-wrap:nth-child(6){top:calc(var(--ss)*40vw); left:calc(var(--ss)*40vw);}
	.hero-block .flipbook .img-wrap:nth-child(7){top:calc(var(--ss)*48vw); left:calc(var(--ss)*48vw);}
	.hero-block .flipbook .img-wrap:nth-child(8){top:calc(var(--ss)*56vw); left:calc(var(--ss)*56vw);}
	.hero-block .flipbook .img-wrap:nth-child(9){top:calc(var(--ss)*64vw); left:calc(var(--ss)*64vw);}
	.hero-block .flipbook .img-wrap:nth-child(10){top:calc(var(--ss)*72vw); left:calc(var(--ss)*72vw);}
	
	.hero-block .flipbook[data-slides="2"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*8vw))); width:calc(100% - calc(calc(var(--ss)*8vw)));}
	.hero-block .flipbook[data-slides="3"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*8vw) * 2)); width:calc(100% - calc(calc(var(--ss)*8vw) * 2)); }
	.hero-block .flipbook[data-slides="4"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*8vw) * 3)); width:calc(100% - calc(calc(var(--ss)*8vw) * 3)); }
	.hero-block .flipbook[data-slides="5"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*8vw) * 4)); width:calc(100% - calc(calc(var(--ss)*8vw) * 4)); }
	.hero-block .flipbook[data-slides="6"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*8vw) * 5)); width:calc(100% - calc(calc(var(--ss)*8vw) * 5)); }
	.hero-block .flipbook[data-slides="7"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*8vw) * 6)); width:calc(100% - calc(calc(var(--ss)*8vw) * 6)); }
	.hero-block .flipbook[data-slides="8"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*8vw) * 7)); width:calc(100% - calc(calc(var(--ss)*8vw) * 7)); }
	.hero-block .flipbook[data-slides="9"] .img-wrap{ height:calc(100% - calc(calc(var(--ss)*8vw) * 8)); width:calc(100% - calc(calc(var(--ss)*8vw) * 8)); }
	.hero-block .flipbook[data-slides="10"] .img-wrap{height:calc(100% - calc(calc(var(--ss)*8vw) * 9)); width:calc(100% - calc(calc(var(--ss)*8vw) * 9)); }
	
	.hero-block .flipbook .flipbook-arrow{width:calc(var(--ss)*24vw); height:calc(var(--ss)*24vw)}
	
	
	.hero-block .slider-hero{margin-top:calc(var(--ss)*111vw); height:calc(var(--ss)*211vw) !important}
	.hero-block .slider-hero.has-captions{height:calc(var(--ss)*258vw) !important}
	.hero-block .slider-hero img{height:calc(var(--ss)*211vw);}
	.hero-block .slider-hero .slick-arrow{width:calc(var(--ss)*24vw); height:calc(var(--ss)*24vw);}
	.hero-block .slider-hero .slick-prev{left:var(--hpad);}
	.hero-block .slider-hero .slick-next{right:var(--hpad);}
	.hero-block .slider-hero .img-caption{position: initial; color:var(--black); transform: translateX(0); text-align: center;margin-top:calc(var(--ss)*20vw);}
	
	
	.hero-block .video-hero{margin-top: calc(var(--ss)*111vw);}
	
}


/*
APARTMENTS BLOCK
========================================================== */
.apartments-block{padding:calc(var(--ss)*80vw) var(--hpad) calc(var(--ss)*87vw); }

.apartments-block .hl{text-transform: uppercase;}
.apartments-block .columns{margin-top:calc(var(--ss)*80vw); gap:calc(var(--ss)*20vw);}
.apartments-block .columns a{display: block; width:calc(var(--ss)*280vw);}
.apartments-block .columns a h4{transition: color 0.3s;}
.apartments-block .columns a:hover .fc-pink{color:var(--white) !important;}
.apartments-block img{width:100%; height:calc(var(--ss)*212vw); object-fit:cover; margin-bottom:calc(var(--ss)*16vw); border-radius:calc(var(--ss)*8vw); border:calc(var(--ss)*2vw) solid var(--white); transition: border 0.3s}
.apartments-block .columns a:hover img{border-color:var(--pink)}

@media (max-width:768px) {
	.apartments-block{padding:calc(var(--ss)*30vw) var(--hpad); }
	.apartments-block .h1{font:var(--h1-alt);}
	
	.apartments-block .columns{margin-top:calc(var(--ss)*24vw); gap:0;}
	.apartments-block .columns a{width:calc(var(--ss)*140vw);}
	.apartments-block .columns a:nth-child(-n+2){margin-bottom:calc(var(--ss)*20vw);}
	.apartments-block .columns a:nth-child(odd){margin-right:calc(var(--ss)*6vw);}
	.apartments-block .columns a:nth-child(even){margin-left:calc(var(--ss)*6vw);}
	.apartments-block img{width:100%; height:calc(var(--ss)*106vw);  margin-bottom:calc(var(--ss)*3vw);}
}

/*
DEFAULT BLOCK
========================================================== */

.default-block{padding:calc(var(--ss)*56vw) var(--hpad) calc(var(--ss)*48vw); text-align: center;}
.default-block h2.btn{font:var(--h1); width:calc(var(--ss)*395vw); height:calc(var(--ss)*115vw); margin:0 auto calc(var(--ss)*39vw); letter-spacing: normal; text-transform: none}
.default-block h2.btn:hover{color:var(--white); background: var(--yellow)}
.default-block .copy{max-width:calc(var(--ss)*615vw); margin: 0 auto;}
.faqs .default-block .copy{padding-bottom: calc(var(--ss)*49vw); border-bottom: 1px solid var(--white);}
.faqs .default-block:not(#faqs-hero){padding-bottom:0;}
.faqs .default-block + #register{margin-top:calc(var(--ss)*149vw);}

.terms-conditions .default-block.lgreen-bg, .privacy-policy .default-block.lgreen-bg, .pet-policy .default-block.lgreen-bg{background: var(--lgreen40); text-align: left; padding-top: calc(var(--ss)*49vw);}
.faqs .default-block{text-align: left; padding-top: calc(var(--ss)*49vw);}
.faqs #page{background: var(--lgreen40);}
.terms-conditions .default-block h2:not(.h3), .privacy-policy .default-block h2:not(.h3), .pet-policy .default-block h2:not(.h3){text-align: center; margin-bottom:calc(var(--ss)*120vw);}
.terms-conditions .default-block .copy, .privacy-policy .default-block .copy, .pet-policy .default-block .copy, .faqs .default-block h2, .faqs .default-block .copy{max-width:calc(var(--ss)*800vw); margin: 0 auto;}
.terms-conditions .default-block p, .privacy-policy .default-block p, .faqs .default-block p, .pet-policy .default-block p{font-weight:300;}
.terms-conditions .default-block .h4, .privacy-policy .default-block .h4, .faqs .default-block h2:not(.h3).p1, .pet-policy .default-block .h4{font-weight:600;}
.terms-conditions .default-block .h3, .privacy-policy .default-block .h3, .pet-policy .default-block .h3{text-transform: uppercase; letter-spacing:0.25em; margin-bottom: 1em;}
{font-weight:500;}
.faqs .default-block h2:not(.h3).p1{margin-bottom:1em;}

.default-block ul, .default-block ol{padding-left:1.5em; margin-bottom: 1em; list-style: disc; }
.default-block ol{list-style: decimal}
.default-block ul li{display: list-item; list-style-type: disc;}
.default-block ul:not(.bull) > li{display: list-item; list-style-type: decimal;}

@media (max-width:768px) {
	#landlord-homes-for-rent{background: var(--yellow40); margin-top: calc(var(--ss)*111vw);}
	.default-block{padding:calc(var(--ss)*34vw) var(--hpad) calc(var(--ss)*34vw);}
	.default-block{padding:calc(var(--ss)*34vw) var(--hpad) calc(var(--ss)*34vw);}
	.default-block h2.btn{ width:calc(var(--ss)*295vw); height:calc(var(--ss)*88vw); margin:0 auto calc(var(--ss)*22vw); }
	.faqs .default-block + #register{margin-top:calc(var(--ss)*100vw);}
}

/*
PERKS BLOCK
========================================================== */
.perks-block{padding:calc(var(--ss)*100vw) var(--hpad) calc(var(--ss)*87vw);}
.perks-block .columns{justify-content:space-between;}
.perks-block .content{width:calc(var(--ss)*627vw);}
.perks-block .perks-list{width:calc(var(--ss)*486vw);}
.perks-block h2{margin-bottom:calc(var(--ss)*70vw);}
.perks-block p{color:var(--yellow40); font-size:calc(var(--ss)*40vw); line-height:calc(var(--ss)*48vw);}
.perks-block .perks-list > li.btn{height:calc(var(--ss)*65vw); font:var(--sh2); line-height:1; padding:0 calc(var(--ss)*26vw)}

.perks-block .perks-list > li:not(:last-child){margin-bottom:calc(var(--ss)*18vw);}

@media (max-width:768px) {
	.perks-block{padding:calc(var(--ss)*34vw) var(--hpad) calc(var(--ss)*87vw);}
	.perks-block .content{width:100%; margin-bottom:calc(var(--ss)*64vw);}
	.perks-block .perks-list{width:100%;}
	.perks-block h2{margin-bottom:calc(var(--ss)*28vw);}
	.perks-block p{font-size:calc(var(--ss)*20vw); line-height:calc(var(--ss)*24vw);}
	.perks-block .perks-list > li.btn{height:calc(var(--ss)*40vw); line-height:1; padding:0 calc(var(--ss)*16vw)}

	.perks-block .perks-list > li:not(:last-child){margin-bottom:calc(var(--ss)*11vw);}
}

/*
MAP BLOCK
========================================================== */
.google-map{padding:calc(var(--ss)*94vw) var(--hpad) calc(var(--ss)*97vw)}

#google-map{width:100%; height:calc(var(--ss)*590vw); border-radius:var(--border-radius);}

.google-map h2{margin-top:calc(var(--ss)*73vw);}
.google-map .columns{margin-top:calc(var(--ss)*26vw); gap:calc(var(--ss)*100vw)}

.google-map img{width:100%; height:auto; border:2px solid var(--orange); border-radius:var(--border-radius); margin-top:calc(var(--ss)*43vw);}

@media (max-width:768px) {
	
	.google-map{padding:calc(var(--ss)*41vw) var(--hpad) calc(var(--ss)*45vw)}
	#google-map{height:calc(var(--ss)*386vw);}

	.google-map h2{margin-top:calc(var(--ss)*31vw);}
	.google-map .columns{margin-top:calc(var(--ss)*19vw); gap:0}
	.google-map .columns .copy:not(:first-child){margin-top: 1em;}

	.google-map img{margin-top:calc(var(--ss)*32vw);}
}


/*
FLIPBOOK BLOCK
========================================================== */
.flipbook-block{padding:calc(var(--ss)*120vw) var(--hpad) calc(var(--ss)*76vw); text-align: center; position: relative;}

.flipbook-block h2{ text-transform: uppercase; margin-bottom:calc(var(--ss)*29vw);}
.flipbook-block h3{margin-bottom:calc(var(--ss)*56vw); }

.flipbook-block .flipbook{width:calc(var(--ss)*832vw); height:calc(var(--ss)*722vw);margin:0 auto; max-width:100%;}

.flipbook-block .flipbook .img-wrap:nth-child(4n + 1){border-color:var(--dgreen);}
.flipbook-block .flipbook .img-wrap:nth-child(4n + 2){border-color:var(--yellow);}
.flipbook-block .flipbook .img-wrap:nth-child(4n + 3){border-color:var(--lgreen);}
.flipbook-block .flipbook .img-wrap:nth-child(4n + 4){border-color:var(--orange);}

.flipbook-block .flipbook-caption-wrap{position:relative; max-width: calc(var(--ss)*802vw); margin:calc(var(--ss)*37vw) auto 0; transition: .3s}

.flipbook-block .flipbook-caption{ display:none;}
.flipbook-block .flipbook-caption .copy{width:100%}
.flipbook-block .flipbook-caption-wrap h4{margin-bottom:calc(var(--ss)*18vw); font:var(--link); text-transform: uppercase; letter-spacing:0.25em;}

@media (min-width:769px) {
	.flipbook-block .flipbook-arrow{width:calc(var(--ss)*48vw); height:calc(var(--ss)*48vw); bottom:50%; transform: translateY(50%);}
	.flipbook-block .arrow-prev{background-image:url('/templates/sohoyard/images/shared/arrow-prev.svg'); left:calc(var(--ss)*-111vw);  }
	.flipbook-block .arrow-next{background-image:url('/templates/sohoyard/images/shared/arrow-next.svg'); right:calc(var(--ss)*-111vw); }
}

@media (max-width:768px) {
	.flipbook-block{padding:calc(var(--ss)*111vw) var(--hpad) calc(var(--ss)*35vw);}

	.flipbook-block h2{position: initial; margin-bottom:calc(var(--ss)*10vw);}
	.flipbook-block h3{margin-bottom:calc(var(--ss)*31vw); }

	.flipbook-block .flipbook{width:100%; height:calc(var(--ss)*253vw);margin:0 0 calc(var(--ss)*25vw);}
	.flipbook-block .flipbook .img-wrap{cursor: pointer; border-width:calc(var(--ss)*1.5vw);}

	.flipbook-block .flipbook-caption-wrap{ width:100%; margin:0;}

	.flipbook-block .flipbook-caption-wrap h4{ margin-bottom: 0; }
	
	.flipbook-block .caption-heading{display:flex; padding:0 calc(var(--ss)*35vw); margin-bottom:calc(var(--ss)*13vw); height:calc(var(--ss)*27vw); align-items: center; justify-content: center}
	
	.flipbook-block h3{font:var(--h1-alt);}
	.flipbook-block h3 br{display:none;}
	
	.flipbook-block .flipbook-arrow{bottom:calc(var(--ss)*-50vw); opacity:1; pointer-events: all; transform:translateY(0)}
	.flipbook-block  .arrow-prev{background-image:url('/templates/sohoyard/images/shared/arrow-prev.svg'); left:0;  }
	.flipbook-block  .arrow-next{background-image:url('/templates/sohoyard/images/shared/arrow-next.svg'); right:0; }
	
}


/*
COLUMNS BLOCK
========================================================== */
.columns-block > div{ padding:calc(var(--ss)*49vw) var(--hpad); }

.columns-block h2{ color:var(--orange); margin-bottom:calc(var(--ss)*21vw); }
.theme-yellow .columns-block h2{ color:var(--yellow); }
.theme-lgreen .columns-block h2{ color:var(--lgreen); }
.theme-dgreen .columns-block h2{ color:var(--dgreen); }

.columns-block img{border:var(--border); border-radius:var(--border-radius); object-fit:cover; max-width: fit-content; }
.columns-block .images{line-height:0;}

.columns-block .columns{position:relative; justify-content:space-between;}
.columns-block .text-content{display:flex; flex-direction: column; justify-content: center; width: 100%;}
.columns-block .link{margin-top:calc(var(--ss)*15vw);}
.columns-block .btn{margin-top:calc(var(--ss)*44vw);}
.columns-block .img-caption{font:var(--ps); margin-top:calc(var(--ss)*10vw);}

@media (max-width:768px) {
	.columns-block .columns .images{ overflow-x:hidden; }
	.columns-block > div{ padding:calc(var(--ss)*30vw) 0 calc(var(--ss)*43vw); }
	.columns-block .columns{flex-direction: column;}
	.columns-block .columns > div{width:100%;}
	.columns-block h2{ margin-bottom:calc(var(--ss)*19vw); }
	
	.columns-block .text-content{padding:0 var(--hpad)}
	
	.columns-block .link{margin-top:calc(var(--ss)*15vw);}
	.columns-block .btn{margin-top:calc(var(--ss)*27vw);}
}

/*
COLUMNS BLOCK - LAYOUT 1 (HOME)
========================================================== */
.columns-block .layout-1 .columns:first-child{ z-index:1; }
.columns-block .layout-1 .columns:first-child img{ height:calc(var(--ss)*427vw); width:calc(var(--ss)*647vw); }
.columns-block .layout-1 .columns:first-child .text-content{ max-width:calc(var(--ss)*428vw); margin-right:calc(var(--ss)*68vw); }
.columns-block .layout-1 .columns:first-child h2{margin-top:calc(var(--ss)*-97vw);}

.columns-block .layout-1 .columns:nth-child(2){ z-index:2; flex-direction: row-reverse; margin-top:calc(var(--ss)*-97vw);}
/*.columns-block .layout-1 .columns:nth-child(2) img{ height:calc(var(--ss)*524vw); width:calc(var(--ss)*717vw); }*/
.columns-block .layout-1 .columns:nth-child(2) img{ height:calc(var(--ss)*524vw); width:calc(var(--ss)*829vw); margin-left:calc(var(--ss)*-113vw); }
.columns-block .layout-1 .columns:nth-child(2) .text-content{ max-width:calc(var(--ss)*416vw); }

.columns-block .layout-1 .columns:nth-child(3){ z-index:3; margin-top:calc(var(--ss)*-93vw); }
.columns-block .layout-1 .columns:nth-child(3) img{ height:calc(var(--ss)*382vw); width:calc(var(--ss)*584vw); }
.columns-block .layout-1 .columns:nth-child(3) .text-content{ max-width:calc(var(--ss)*356vw); }
.columns-block .layout-1 .columns:nth-child(3) .images{ margin-right:calc(var(--ss)*177vw); }
.columns-block .layout-1 .columns:nth-child(3) h2{margin-top:calc(var(--ss)*93vw);}

@media (max-width:768px) {
	
	.columns-block .layout-1 .columns:first-child img{ height:calc(var(--ss)*268vw); width:calc(var(--ss)*362vw); margin-left:calc(var(--ss)*-27vw);}
	.columns-block .layout-1 .columns:first-child .text-content{ max-width:100%; margin-right:0; margin-bottom:calc(var(--ss)*20vw);}
	.columns-block .layout-1 .columns:first-child h2{margin-top:0; margin-bottom:calc(var(--ss)*33vw);}

	.columns-block .layout-1 .columns:nth-child(2){ z-index:2; flex-direction: column-reverse; margin-top:calc(var(--ss)*-45vw);}
	.columns-block .layout-1 .columns:nth-child(2) img{ height:calc(var(--ss)*292vw); width:calc(var(--ss)*463vw); margin-left: calc(var(--ss)*-21vw); border:none;}
	.columns-block .layout-1 .columns:nth-child(2) .text-content{ max-width:100%; margin:calc(var(--ss)*33vw) 0; }
	.columns-block .layout-1 .columns:nth-child(2) .images{position: relative; overflow:visible;}
	.columns-block .layout-1 .columns:nth-child(2) .images:before{position: absolute; content:''; display:block; height:calc(100% + calc(var(--ss)*5vw)); border-radius:var(--border-radius); border:var(--border); top:calc(var(--ss)*-2vw); left:calc(var(--ss)*39vw); width:100%; }

	.columns-block .layout-1 .columns:nth-child(3){ z-index:3; margin-top:0;  flex-direction: column-reverse;}
	.columns-block .layout-1 .columns:nth-child(3) img{ height:calc(var(--ss)*232vw); width:calc(var(--ss)*362vw); margin-left: var(--hpad);}
	.columns-block .layout-1 .columns:nth-child(3) .text-content{ max-width:100%; margin-top:calc(var(--ss)*33vw);}
	.columns-block .layout-1 .columns:nth-child(3) .images{ margin-right:0; }
	.columns-block .layout-1 .columns:nth-child(3) h2{margin-top:0;}
}


/*
COLUMNS BLOCK - LAYOUT 2 (OVERVIEW)
========================================================== */
.columns-block .layout-2{padding-bottom:0;}

.columns-block .layout-2 .columns:first-child{ z-index:1; flex-direction: row-reverse; }
.columns-block .layout-2 .columns:first-child img{ height:calc(var(--ss)*572vw); width:calc(var(--ss)*620vw); }
.columns-block .layout-2 .columns:first-child .text-content{ max-width:calc(var(--ss)*486vw); }
.columns-block .layout-2 .columns:first-child h2{margin-top:calc(var(--ss)*-229vw);}

.columns-block .layout-2 .columns:nth-child(2){ z-index:2; margin-top:calc(var(--ss)*-162vw);}
.columns-block .layout-2 .columns:nth-child(2) img{ height:calc(var(--ss)*879vw); width:calc(var(--ss)*716vw); border-bottom:0; }
.columns-block .layout-2 .columns:nth-child(2) .text-content{ max-width:calc(var(--ss)*397vw); }

@media (max-width:768px) {
	.columns-block .layout-2{padding-top:calc(var(--ss)*38vw);}

	.columns-block .layout-2 .columns:first-child{ z-index:1; flex-direction: column; }
	.columns-block .layout-2 .columns:first-child img{ height:calc(var(--ss)*328vw); width:calc(var(--ss)*362vw); margin-left:var(--hpad);}
	.columns-block .layout-2 .columns:first-child .text-content{ max-width:100%; margin-bottom: calc(var(--ss)*30vw);}
	.columns-block .layout-2 .columns:first-child h2{margin-top:0;}

	.columns-block .layout-2 .columns:nth-child(2){ z-index:2; margin-top:calc(var(--ss)*19vw);}
	.columns-block .layout-2 .columns:nth-child(2) img{ height:calc(var(--ss)*385vw); width:calc(var(--ss)*295vw); border-bottom:0; margin-left:var(--hpad);}
	.columns-block .layout-2 .columns:nth-child(2) .text-content{ max-width:100%; margin-bottom:calc(var(--ss)*23vw);}
}


/*
COLUMNS BLOCK - LAYOUT 3 (APARTMENTS)
========================================================== */
.columns-block .layout-3 .columns:first-child{ z-index:2; flex-direction: row-reverse; }
.columns-block .layout-3 .columns:first-child .images img:first-child{ height:calc(var(--ss)*427vw); width:calc(var(--ss)*513vw); margin-left: calc(var(--ss)*132vw); }
.columns-block .layout-3 .columns:first-child .images img:nth-child(2){ height:calc(var(--ss)*392vw); width:calc(var(--ss)*579vw); margin-top:calc(var(--ss)*-82vw); }
.columns-block .layout-3 .columns:first-child .text-content{ max-width:calc(var(--ss)*491vw); }
.columns-block .layout-3 .columns:first-child h2{margin-top:calc(var(--ss)*-233vw);}

.columns-block .layout-3 .columns:nth-child(2){ z-index:1; margin-top:calc(var(--ss)*-165vw);}
.columns-block .layout-3 .columns:nth-child(2) img{ height:calc(var(--ss)*393vw); width:calc(var(--ss)*687vw); }
.columns-block .layout-3 .columns:nth-child(2) .text-content{ max-width:calc(var(--ss)*423vw); justify-content: flex-end; padding-bottom:calc(var(--ss)*20vw);}

@media (max-width:768px) {
	
	.columns-block .layout-3 .columns:first-child{ flex-direction:column-reverse; }
	.columns-block .layout-3 .columns:first-child .images img:first-child{ height:calc(var(--ss)*268vw); width:calc(var(--ss)*362vw); margin-left: calc(var(--ss)*-28vw); }
	.columns-block .layout-3 .columns:first-child .images img:nth-child(2){ height:calc(var(--ss)*270vw); width:calc(var(--ss)*356vw); margin-top:calc(var(--ss)*-45vw); margin-left: var(--hpad);}
	.columns-block .layout-3 .columns:first-child .text-content{ max-width:100%;}
	.columns-block .layout-3 .columns:first-child h2{margin-top:calc(var(--ss)*30vw);}

	.columns-block .layout-3 .columns:nth-child(2){ flex-direction:column-reverse; margin-top:calc(var(--ss)*30vw);}
	.columns-block .layout-3 .columns:nth-child(2) img{ height:calc(var(--ss)*232vw); width:calc(var(--ss)*362vw); }
	.columns-block .layout-3 .columns:nth-child(2) .img-wrap{ margin-left: var(--hpad); width:calc(var(--ss)*362vw);}
	.columns-block .layout-3 .columns:nth-child(2) .text-content{ max-width:100%; margin-top:calc(var(--ss)*30vw); padding-bottom: 0;}
	.columns-block .layout-3 .img-caption{display:none;}
	
}

/*
STUDIO SPECIFIC
========================================================== */
.apartments-studio .columns-block .layout-3 .columns:first-child .images img:first-child{ height:calc(var(--ss)*427vw); width:calc(var(--ss)*397vw); margin-left: calc(var(--ss)*248vw); position: relative; z-index:1}
.apartments-studio .columns-block .layout-3 .columns:first-child .images img:nth-child(2){ margin-top:calc(var(--ss)*-82vw); }
.apartments-studio .columns-block .layout-3 .columns:nth-child(2){ z-index:2;}
@media (max-width:768px) {
	.apartments-studio .columns-block .layout-3 .columns:first-child .images img:first-child{ height:calc(var(--ss)*279vw); width:calc(var(--ss)*260vw); margin-left: calc(var(--ss)*78vw); }
	.apartments-studio .columns-block .layout-3 .columns:first-child .images img:nth-child(2){ height:calc(var(--ss)*270vw); width:calc(var(--ss)*351vw); margin-top:calc(var(--ss)*-42vw); }
	.apartments-studio .columns-block .layout-3 .columns:nth-child(2) img{ height:calc(var(--ss)*219vw); width:calc(var(--ss)*358vw); }
	.apartments-studio .columns-block .layout-3 .columns:nth-child(2) .img-wrap{ height:calc(var(--ss)*219vw); width:calc(var(--ss)*358vw); margin-left:calc(var(--ss)*-17vw); }
}
/*
1 BED SPECIFIC
========================================================== */
.apartments-1-bedroom .columns-block .layout-3 .columns:first-child .images img:first-child{ height:calc(var(--ss)*427vw); width:calc(var(--ss)*447vw); margin-left: calc(var(--ss)*66vw);}
.apartments-1-bedroom .columns-block .layout-3 .columns:first-child .images img:nth-child(2){ height:calc(var(--ss)*380vw); width:calc(var(--ss)*645vw); margin-top:calc(var(--ss)*-45vw); }
.apartments-1-bedroom .columns-block .layout-3 .columns:nth-child(2) img{ height:calc(var(--ss)*393vw); width:calc(var(--ss)*603vw); }
.apartments-1-bedroom .columns-block .layout-3 .columns:nth-child(2){ margin-top:calc(var(--ss)*-153vw);}
@media (max-width:768px) {
	.apartments-1-bedroom .columns-block .layout-3 .columns:first-child .images img:first-child{ height:calc(var(--ss)*347vw); width:calc(var(--ss)*384vw); margin-left: calc(var(--ss)*-50vw);}
	.apartments-1-bedroom .columns-block .layout-3 .columns:first-child .images img:nth-child(2){ height:calc(var(--ss)*205vw); width:calc(var(--ss)*347vw); margin-top:calc(var(--ss)*-82vw); }
	.apartments-1-bedroom .columns-block .layout-3 .columns:nth-child(2) img{ height:calc(var(--ss)*219vw); width:calc(var(--ss)*352vw); min-width: calc(var(--ss)*352vw); }
	.apartments-1-bedroom .columns-block .layout-3 .columns:nth-child(2) .img-wrap{ height:calc(var(--ss)*219vw); width:calc(var(--ss)*352vw); margin-left:var(--hpad); }
	.apartments-1-bedroom .columns-block .layout-3 .columns:nth-child(2){ margin-top:calc(var(--ss)*30vw);}
}
/*
2 BED SPECIFIC
========================================================== */
.apartments-2-bedroom .columns-block .layout-3 .columns:first-child .images img:first-child{  position: relative; z-index:1; }
.apartments-2-bedroom .columns-block .layout-3 .columns:nth-child(2){ z-index:2;}
.apartments-2-bedroom .columns-block .layout-3 .columns:nth-child(2) img{ width:calc(var(--ss)*684vw); }
@media (max-width:768px) {
	.apartments-2-bedroom .columns-block .layout-3 .columns:first-child .images img:first-child{ height:calc(var(--ss)*270vw); width:calc(var(--ss)*295vw); margin-left: var(--hpad); }
	.apartments-2-bedroom .columns-block .layout-3 .columns:first-child .images img:nth-child(2){ height:calc(var(--ss)*285vw); width:calc(var(--ss)*352vw); margin-top:calc(var(--ss)*-46vw); margin-left:calc(var(--ss)*-57vw);}
	.apartments-2-bedroom .columns-block .layout-3 .columns:nth-child(2) img{ width:calc(var(--ss)*357vw); min-width:calc(var(--ss)*357vw); height:calc(var(--ss)*219vw); }
	.apartments-2-bedroom .columns-block .layout-3 .columns:nth-child(2) .img-wrap{ width:calc(var(--ss)*357vw);margin-left:calc(var(--ss)*-22vw) ;}
}
/*
3 BED SPECIFIC
========================================================== */
.apartments-3-bedroom .columns-block .layout-3 .columns:first-child .images img:first-child{ height:calc(var(--ss)*427vw); width:calc(var(--ss)*425vw); margin-left: calc(var(--ss)*229vw);  position: relative; z-index:1 }
.apartments-3-bedroom .columns-block .layout-3 .columns:first-child .images img:nth-child(2){ height:calc(var(--ss)*397vw); width:calc(var(--ss)*643vw); margin-top:calc(var(--ss)*-87vw); }
.apartments-3-bedroom .columns-block .layout-3 .columns:nth-child(2) img{ width:calc(var(--ss)*684vw); height:calc(var(--ss)*393vw)}

@media (max-width:768px) {
	.apartments-3-bedroom .columns-block .layout-3 .columns:first-child .images img:first-child{ height:calc(var(--ss)*338vw); width:calc(var(--ss)*356vw); margin-left: var(--hpad); }
	.apartments-3-bedroom .columns-block .layout-3 .columns:first-child .images img:nth-child(2){ height:calc(var(--ss)*217vw); width:calc(var(--ss)*352vw); margin-top:calc(var(--ss)*-43vw); margin-left:calc(var(--ss)*-15vw);}
	.apartments-3-bedroom .columns-block .layout-3 .columns:nth-child(2) img{ width:calc(var(--ss)*366vw); min-width:calc(var(--ss)*366vw); height:calc(var(--ss)*219vw); }
	.apartments-3 -bedroom .columns-block .layout-3 .columns:nth-child(2) .img-wrap{ width:calc(var(--ss)*366vw);margin-left:var(--hpad);}
}


/*
COLUMNS BLOCK - LAYOUT 4 (LOCATION)
========================================================== */
.columns-block .layout-4 h2{color:var(--dgreen);}
.columns-block .layout-4 p{color:var(--lgreen)}
.columns-block .layout-4 .columns:first-child{ z-index:2; }
.columns-block .layout-4 .columns:first-child .images{display: flex; flex-direction: column;}
.columns-block .layout-4 .columns:first-child .images img:first-child{ height:calc(var(--ss)*597vw); width:calc(var(--ss)*413vw); margin-right: calc(var(--ss)*242vw); }
.columns-block .layout-4 .columns:first-child .images img:nth-child(2){ width:calc(var(--ss)*412vw); height:calc(var(--ss)*267vw); margin-top:calc(var(--ss)*-187vw);margin-left: auto;}
.columns-block .layout-4 .columns:first-child .text-content{ max-width:calc(var(--ss)*427vw); justify-content: flex-start; }

.columns-block .layout-4 .columns:nth-child(2){ z-index:1; margin-top:calc(var(--ss)*-380vw); flex-direction: row-reverse;}
.columns-block .layout-4 .columns:nth-child(2) img{ height:calc(var(--ss)*619vw); width:calc(var(--ss)*628vw); }
.columns-block .layout-4 .columns:nth-child(2) .text-content{ max-width:calc(var(--ss)*415vw); justify-content: flex-end; margin-top:auto; margin-left: auto;}

@media (max-width:768px) {
	.columns-block .layout-4 .columns:first-child .images{flex-direction:column-reverse;}
	.columns-block .layout-4 .columns:first-child .images img:first-child{ height:calc(var(--ss)*206vw); width:calc(var(--ss)*142vw); margin-right:var(--hpad); margin-left:auto; margin-top: calc(var(--ss)*41vw);}
	.columns-block .layout-4 .columns:first-child .images img:nth-child(2){ width:calc(var(--ss)*203vw); height:calc(var(--ss)*130vw); margin-top:0; margin-right:calc(var(--ss)*-23vw);}
	.columns-block .layout-4 .columns:first-child .text-content{ max-width:100%; margin-bottom:calc(var(--ss)*18vw); }
	.columns-block .layout-4 .columns:first-child h2{margin-top:0;}

	.columns-block .layout-4 .columns:nth-child(2){ margin-top:calc(var(--ss)*-299vw); flex-direction: column-reverse;}
	.columns-block .layout-4 .columns:nth-child(2) img{ height:calc(var(--ss)*260vw); width:calc(var(--ss)*253vw); margin-left: calc(var(--ss)*-15vw);}
	.columns-block .layout-4 .columns:nth-child(2) .text-content{ max-width:100%; justify-content: flex-end; margin:calc(var(--ss)*39vw) 0 0;}
}

a.sticker{position:fixed; bottom: calc(var(--ss)*29vw); right:var(--hpad); z-index: 10000;}
a.sticker img{width:calc(var(--ss)*162vw); height:auto; object-fit: contain;}

@media (max-width:768px) {
	a.sticker{bottom: calc(var(--ss)*15vw);}
	a.sticker img{width:calc(var(--ss)*110vw); height:calc(var(--ss)*110vw);}
}

.privacy-policy table, .privacy-policy th, .privacy-policy td{border:1px solid var(--fc1);}
.privacy-policy th, .privacy-policy td{padding:calc(var(--ss)*2vw) calc(var(--ss)*5vw);}