/* FONTS
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;500&display=swap');

:root{
	--ss:100/1366;
}


/* FONT ASSIGNMENT
========================================================= */
body { font-family: 'Montserrat', Arial, san-serif; font-weight:300; }
ul.nav li, .light-font { font-weight: 200; }
b, strong, .title { font-weight: 500; }
.semibold, .semibold b { font-weight: 600; }
li, li a { -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
ul.nav > li.active, ul.nav > li.active > ul > li.active, ul.nav > li:hover, ul.nav > li > ul > li:hover { font-weight: 300; color: #D4C5A2 !important; }

* { box-sizing: border-box; outline:none; }

body { color:#797979; }
a { color:inherit; text-decoration:none; }
.white, .white a { color: #fff; }
.gold-bg, .gold-bg a { background-color: #D4C5A2; color:#fff; }
.gold, .gold a { color: #D4C5A2; }
.grey-bg { background-color:#f7f7f7; }

body,
h1, .h1,
h2, .h2,
h3, .h3, 
p, ul, li { margin: 0; padding: 0; font-style: normal; font-weight: 300; }
p { margin-bottom: 1.563vw; }

body { font-size: 0.833vw; line-height: 1.146vw; }
.ui.form .field > label,
.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"],
.ui.selection.dropdown, .ui.selection.dropdown .menu > .item { font-size: 0.833vw !important; line-height: 1.146vw !important; }
h1, h2 { color: #7B6C48; text-transform: uppercase; }
h1, h2, .head-font, .large-copy { font-size: 4.167vw; line-height: 5.052vw; font-weight: 200; }
h2.smaller { font-size: 2.604vw; line-height: 3.177vw; }
h3, .h3 { font-size:1.146vw; line-height: 1.354vw; margin-bottom: 1.563vw; padding-bottom: 1.563vw; position:relative; }
h3::before { content:" "; position: absolute; bottom: 0; left: 0; height: 0.156vw; width: 1.094vw; background-color:#707070; }
.foot-font { font-size: 0.625vw; line-height: 0.938vw; }
.menu-font { /* font-size: 3.646vw; line-height: 4.479vw; */ /* font-size: 2.346vw; line-height: 3.179vw; */  font-size: 2.946vw; line-height: 3.779vw; padding-bottom: 1em; }
.block-button, .download-button { font-size: 0.729vw; line-height: 0.938vw; font-weight: 500; }
.caption { font-size: 0.729vw; line-height: 0.729vw; }
label[for*="register_term"] { font-size: 0.729vw !important; line-height: 0.938vw; }

.section-title  { letter-spacing: 0.05em; }

.left { text-align:left; }
.right { text-align:right; }
.center, .centre { text-align:center; }

.reveal-me { opacity: 0; -webkit-transform: translateY(2.6vw); -ms-transform: translateY(2.6vw); transform: translateY(2.6vw); -webkit-transition: 1.8s opacity,1.8s transform; -moz-transition: 1.8s opacity,1.8s transform; -o-transition: 1.8s opacity,1.8s transform; transition: 1.8s opacity,1.8s transform; }
.reveal-me.reveal { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

#content-wrap a:not(.social):not(.blog-item-link), #footer a:not(.social):not(.blog-item-link) { text-decoration:underline; }

/* SHALLOW SCREEN FIX
======================================================== */
@media ( orientation:landscape ) and ( min-aspect-ratio: 9/5 ){
	#comp-content { max-width: 80vw; margin: 0 auto; }
	.half:last-child .text-block { padding-right: 0 !important; }
	/* .half:last-child .text-block > div { padding-right: calc(4.427vw / 2) !important; } */
	body.contact .text-block { padding-left: 2vw !important; padding-right: 0 !important; }
}

/* LOADERS
========================================================= */
#loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; z-index: 200; background-color: #fff; 
		  -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
body.loaded #loader { opacity: 0; pointer-events: none; }
.hidden { display:none; visibility: hidden; }
.more-to-see { width: 20px; height: 10px; position: fixed; bottom: 20px; left: calc(50% - 5px); /* background: url("../images/shared/chev-down-black.svg") center center no-repeat;*/ background-size: contain; opacity: 1;
               -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); 
               -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
body.loaded .more-to-see { animation: moretoseebounce 3s infinite; }
.more-to-see.no-more { opacity: 0; }
.light:not(.body), .dark:not(.body), .light-dark, .light-dark a {  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
body.light .dark { display:none; }
body.dark .light, body:not(.light):not(.dark) .light { display:none; }
body.light .light-dark, body.light .light-dark a { color: #fff; }

/* HEADERS AND FOOTERS
========================================================= */
body { background-color: #FFFFFF; }
#header-wrap { padding: 1.427vw 3.438vw; position: absolute; /*fixed;*/ top:0; left:0; width:100%; z-index: 103; background-color: #fff; }
#header-inner { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; 
/* -webkit-box-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  */
-webkit-box-pack: center; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-align: center; align-items: center; 
}
#header-logo { padding: 0 !important; }
#header-logo .menu-logo-wrap { display:block; width: 10.521vw; height:auto; margin: 0 0 0 auto; overflow:visible; }
#header-buttons {text-align:right; }

#menu-btn-wrap { display: block; position: absolute; top: 0; left: 0; }
.hamburger { border: 0; margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: visible; font: inherit; color: inherit; text-transform: none; background-color: transparent; cursor: pointer; }
body.menu-open .hamburger .hamburger-inner,
body.menu-open .hamburger .hamburger-inner::before,
body.menu-open .hamburger .hamburger-inner::after { background-color: #D4C5A2; }
body.menu-open.light .hamburger .hamburger-inner,
body.menu-open.light .hamburger .hamburger-inner::before,
body.menu-open.light .hamburger .hamburger-inner::after { background-color: #fff; }
.hamburger-box { position: relative; display: inline-block; }
.hamburger-inner { top: 50%; display: block; }
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after { width: 100%; position: absolute; background-color: #D4C5A2; 
transition-property: transform; transition-duration: 0.3s; }
body.light .hamburger-inner, 
body.light .hamburger-inner::before, 
body.light .hamburger-inner::after { background-color: #fff; }
.hamburger-inner::before,
.hamburger-inner::after { content: ""; display: block; }
.hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
body.menu-open .hamburger--spin .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
body.menu-open .hamburger--spin .hamburger-inner::before { top: 0; opacity: 0;
		transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
body.menu-open .hamburger--spin .hamburger-inner::after { bottom: 0;
	  transform: rotate(-90deg);
	  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger-box { width: 1.563vw; height: 1.563vw; }
.hamburger-inner { margin-top: -0.33vw; }
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after { height: 0.156vw; }
.hamburger-inner::before { top: -0.53vw; }
.hamburger-inner::after { bottom: -.53vw; }

h1 > div { overflow:hidden; }


#the-menu ul { padding-left: 0; padding-right: 0; text-transform: uppercase; list-style: none; }
#the-menu > ul > li { margin-bottom: 1.250vw; }
#the-menu > ul > li > ul { padding-left: 2.500vw; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#the-menu.processed > ul > li:not(.active):not(:hover) > ul {  height: 0 !important; }

#the-menu { width:100%; height: 100%; position: fixed; z-index: 101; overflow: scroll; top:0; left: 0; padding: 20vh 3.438vw 0 3.3428vw;
-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;  background-color:#fff; }
#the-menu::before { position: fixed; content:" "; top:0; left: 0; width: 100%; height: 100%; background-color:#fff; opacity: 1; z-index:1; }
body.light #the-menu::before { background-color:#000; }

body:not(.menu-open) #the-menu { display:none; height:0; opacity: 0; }
#the-menu ul { position: relative; z-index: 2; }
@media( max-aspect-ratio: 8/5 ){
	#the-menu { height: 100vh; background:#eeeeee; }
	#the-menu ul { position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
}
#the-menu.processed > ul > li:not(.active):not(:hover) > ul,
#the-menu.processed > ul > li > ul { height: inherit !important; }
#the-menu > ul > li { margin-bottom: 0.1em; }

#header-socials, #footer .socials.right ul { /* position: absolute; right:0; top:0; */ }

/*  
#the-menu { overflow: hidden; padding-right: 3.438vw; }
ul.nav { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; opacity: 1;
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

body:not(.menu-open) #the-menu ul.nav { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
#the-menu ul.nav li { list-style: none; margin-left: calc( 3.438vw / 2 ); position: relative; display: inline-block; }
*/

.socials ul.nav { display: -ms-flexbox; display: -webkit-flex; display: flex;   -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
.socials ul.nav li { list-style: none; margin-left: 17px; position: relative; display: inline-block; }
.socials ul.nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; /* margin-top: 0.5vw;*/ }
.socials ul.nav li { margin-left: 0px; margin-right: 17px; }
.social { display: inline-block; width: 0.885vw; height: 0.885vw; background-position: center center; background-size: contain; background-repeat: no-repeat; 
-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.social:hover { opacity: 0.8; }
.social.instagram { background-image: url('../images/shared/instagram-000.svg'); }
.social.linkedin { background-image: url('../images/shared/linkedin-000.svg'); }
.social.twitter { background-image: url('../images/shared/twitter-000.svg'); }
.social.pinterest { background-image: url('../images/shared/pinterest-000.svg'); }
.social.facebook { background-image: url('../images/shared/facebook-000.svg'); }
.social.wechat { background-image: url('../images/shared/wechat-000.svg'); }
.social.tiktok { background-image: url('../images/shared/tiktok-000.svg'); }

.light #header-socials .social.instagram { background-image: url('../images/shared/instagram-fff.svg'); }
.light #header-socials .social.linkedin { background-image: url('../images/shared/linkedin-fff.svg'); }
.light #header-socials .social.twitter { background-image: url('../images/shared/twitter-fff.svg'); }
.light #header-socials .social.pinterest { background-image: url('../images/shared/pinterest-fff.svg'); }
.light #header-socials .social.facebook { background-image: url('../images/shared/facebook-fff.svg'); }
.light #header-socials .social.wechat { background-image: url('../images/shared/wechat-fff.svg'); }
.light #header-socials .social.tiktok { background-image: url('../images/shared/tiktok-fff.svg'); }

#footer-wrap { position:relative; padding-top: 0; background-color:#ffffff; }
#footer { padding: 1.406vw 0; }
#footer .footer-menu ul.nav { display: -ms-flexbox; display: -webkit-flex; display: flex;   -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start;  padding-left: 0; margin-left: 0; list-style: none; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#footer .footer-menu ul.nav > li { margin-right: 1vw; width:100%; }
#footer .socials { position: relative; }
#footer .socials { padding-bottom: 1.406vw; }
	
#footer-wrap, #footer { padding-bottom: 0 !important; }

#comp-content { position: relative; }

.side-title { position: fixed; right: 3vw; /*-3.438vw;*/ top: 50vh; z-index: 100; font-style: italic; 
				-webkit-transform: rotate(90deg) translateX(50%); -ms-transform: rotate(90deg) translateX(50%); transform: rotate(90deg) translateX(50%); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; }
.scroll-down-arrow { position: fixed; right: 2.5vw; bottom: 3vw; z-index: 100; width: 1vw; height: 5vw; background-image: url(../images/shared/down-arrow.svg); background-size: contain; background-position: center bottom; background-repeat: no-repeat; opacity:0; 
						-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
body.has-scroll:not(.scroll-down) .scroll-down-arrow { opacity: 1; }

.toggled-children > div:not(.active) { display:none; }
.toggled-children > div, .toggled-children > div > div, .media-slide.video  { height: 55vw; /*80vh;*/ overflow:hidden; /* min-height: 56vw;*/ }

/* Home page solver */
body.home .toggled-children > div, body.home .toggled-children > div > div, body.home .media-slide.video { height: 48vw; min-height: 48vw; }
@media (min-width:769px){
	body.home .media-slide.video .plyr--full-ui { margin-top: -4%; }
}
@media ( orientation:landscape ) and ( min-aspect-ratio: 9/5 ){
	body.home .toggled-children > div, body.home .toggled-children > div > div, body.home .media-slide.video { height: 39vw; min-height: 39vw; }
	.toggled-children > div, .toggled-children > div > div, .media-slide.video  { height: 39vw; }
}




body.home #comp-content { padding-top: 6.5vw; }

.half p, .half h3 { max-width: 28.490vw; }

.caption { width: 100%; padding: 0.5vw 2vw; background-color: #F0ECE2; text-align:left; display:block; }
.hero-slide-inner .caption { position:absolute; bottom:0;left:0; }

/* CONTAINERS AND CONTENT
========================================================= */

.some-space-at-the-top { padding-top: 10vw; position: relative; z-index: 2; }
.some-space-at-the-top + div { position: relative; z-index: 1; }
.scroll-offset { transform: translateY(20vh); position: relative; /* -webkit-backface-visibility: hidden;  backface-visibility: hidden; mix-blend-mode: difference; padding-top: 80px; */ }

.content-block, .pager, #over-that { padding: 4.844vw; }
.heading-block { padding-top: 4.844vw;}
.pager, #over-that { padding-top:0; padding-bottom:0; }
.home #over-that { padding-left: 0; padding-right: 0; }

.block-button, .download-button { display:inline-block; padding: 0.521vw 1.504vw 0.521vw 1.504vw; background-color: #4D4D4D; color: #fff; border: 1px solid #4D4D4D; text-decoration: none !important; cursor: pointer; text-transform: uppercase; letter-spacing:-0.005em;  
				-webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s; }
.block-button:hover, .download-button:hover { background-color: transparent; color: #4D4D4D; }
.block-button:not(:first-child), .download-button:not(:first-child) { margin-left: 0.25vw; }
.block-button.gold-bg, .download-button.gold-bg { background-color:#D4C5A2; border-color:#D4C5A2; color: #fff; }
.block-button:not(.no-hover).gold-bg:hover, .block-button.gold-bg.active, .download-button.gold-bg:hover { background-color: transparent; color: #D4C5A2; }
.download-button { background-color:#fff; border-color:#fff; color:#797979; position:relative; width:100%;  } 
.download-button::after { content:" "; width:1.302vw; height:1.302vw; background-image:url(../images/shared/download-file-icon.svg); background-repeat: no-repeat; background-position: center center; position:absolute; right: 1.042vw; top: 0.365vw; }
.download-button:hover { background-color:#D4C5A2; border-color:#D4C5A2; color:#797979; } 
.download-button.gold { color:#D4C5A2; }
.download-button.gold:hover { color:#fff; }

.vimeo-target { position: absolute; top: 0;left: 0; height: 100%; width: 100%; }

.read-more { position: relative; }
.read-more.open, .read-more:hover::after { color:#4D4D4D; }
.read-more.open:hover, .read-more::after { color:#fff; }
.read-more::after { position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content:attr(data-less-text); 
											-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; opacity: 0; }
.read-more.open::after { opacity: 1; }

.row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.row.flip > .half:last-child { order: 1; }
.row.flip > .half:first-child { order: 2; }
.row:not(.blog-content) > .row:not(:first-of-type):not(.blog-row), .slide-group:not(:first-child), .expandable > .inner { padding-top: 4.427vw; }
.row > div { width: calc( ( 100% - 5.208vw ) / 3 + ( 1.302vw * 2 ) - 1px ); padding: 1.302vw; padding-top: 0; }
.blog-content .row > div { padding: 2px; }
.row > div:first-child, .row > div:nth-child(3n+4) { width: calc( ( 100% - 5.208vw ) / 3 + 1.302vw - 1px ); /* padding-left: 0; */ }
.row > div:last-child:not(:first-child), .row > div:nth-child(3n+3) { width: calc( ( 100% - 5.208vw ) / 3 + 1.302vw - 1px ); padding-right: 0; }

@media(min-width:768px){
	.gallery .row > div:nth-child(3n+4){width: calc( ( 100% - 5.208vw ) / 3 + 1.302vw - 1px );}
	#header-inner.row > div { width: calc( ( 100% - 5.208vw ) / 4 + ( 1.302vw * 2 ) - 1px ); flex: 1;}
	#header-inner.row > div:first-child, .row > div:nth-child(3n+4) { width: calc( ( 100% - 5.208vw ) / 4 + 1.302vw - 1px ); }
	#header-inner.row > div:last-child:not(:first-child), .row > div:nth-child(3n+3) { width: calc( ( 100% - 5.208vw ) / 4 + 1.302vw - 1px ); }
	#header-inner.row > div:first-child { width: 5vw; }
	#header-inner #residents-logo { padding-bottom: 0; margin-left:15vw; }
}
@media(max-width:768px){
	#header-inner #residents-logo { display:none; }
}


.row > div.double:first-child, 
.row > div.double:last-child { width: calc( ( ( 100% - 2.604vw ) / 3) * 2 + 2.604vw - 0.5vw ); /*calc( ( ( 100% - 2.604vw ) / 3) * 2 + 1.302vw - 1px ); FIX the 0.5vw hack*/ }
.row > div.half { width: calc( ( ( 100% - 5.208vw ) / 4 + 1.302vw) * 2 - 0px ) !important; }  /* - 1px */
.row > div.third { width: 33% !important; /*calc( ( ( 100% - 5.208vw ) / 6 + 1.302vw) * 2 - 0px ) !important;*/ }  /* - 1px */
.row > div.twothird { width: 66% !important; /*calc( ( ( 100% - 5.208vw ) / 6 + 1.302vw) * 4 - 0px ) !important;*/ }  /* - 1px */
.row > div.full { width: 100%; padding-left: 0; padding-right: 0; }
.row > div > div.text-block { padding: 3.627vw; /* 4.227vw;*/ height: auto; position: absolute; bottom:0; right: 0; }
.row > div > div.text-block.has-module { position:static; }

.galleries { padding-top: 2.865vw; }
.row.gallery { padding-left: 3.542vw; /*calc(4.844vw - 1.302vw);*/ padding-bottom: 6.510vw; }
.row > div.thumb, .row > div.thumb:nth-child(1) { width: calc( ( 100% - 3.542vw )  / 4) !important; padding-left: calc( 1.302vw / 2 ) !important; padding-right: calc( 1.302vw / 2 ) !important; cursor: pointer; }

.contact .row > div > div.text-block { height: 100%; }
.home .some-space-at-the-top { display:none; }

.row > div.no-padding { padding: 0; }
.half { display:inline-block; width: 50%; position:relative; }


.half.has-no-image { position:relative; }
.half.has-no-image > .text-block { position: absolute; top:50%; -webkit-transform: translateY(-58%); -ms-transform: translateY(-58%); transform: translateY(-58%); }
.half.has-no-image > .text-block.has-module { position: static; top:auto; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);  }

.image, #google-map { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; background-color:#ebebeb; /*#efefef;*/ }
		#google-map { height: 100%; } 
.image.contain { background-size: contain; background-position: left center;  }
.row > .half:first-child > .image.contain { background-position: right center; }

.image > a { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.row > div:not(.double):not(.half):not(.full) > .image { padding-top: 100%; }
.row > div.double > .image { padding-top: 66%; }
.row > div.half > .image { padding-top: 160%; }
.row.blog-row > div.half > .image { padding-top: 100%; }
.row > div.full > .image { padding-top: 56.25%; /*85vh;*/ /*43%; Make NoCrop only for Portrait */ }
.row.crop img { display: none !important; }

/* Make NoCrop only for Portrait on Desktop, Both on Mobile  */
/* .row.no-crop .image { background-image: none !important; padding-top: 0 !important; } */ 
.row.no-crop > div:not(.full) > .image { background-image: none !important; padding-top: 0 !important; }
.row.no-crop > div.full > .image > img { display:none; }
/* --- */

.row.no-crop img { width: 100%; height: auto; }
.row.no-crop .double img { width: 66% !important; /*calc(50% - 1.302vw);*/ }
.row.no-crop .double { overflow: auto; }
.row.no-crop .double:last-child img { float: right; }
.row.no-crop > div.text-block:not(.double):last-child:not(:first-child) { -webkit-transform: translateX(-66.6%); -ms-transform: translateX(-66.6%); transform: translateX(-66.6%); }

.row:last-child > div:last-child:not(.new-thumb), #comp-content > div.row:last-of-type > div:last-child:not(.new-thumb) { padding-bottom: 0; }
.new-thumb { margin-bottom: 1em; }
.new-thumb-inner { position-events: all; cursor: pointer; }

.row.content-block > .half:first-child { padding-left: 0; }

@media( min-width:769px ){
	.text-block.content-block { width: 100%; }
	.text-block.content-block > h1 { margin-left: -0.5vw; }
	.text-block.content-block > .centralise { width:100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); padding: 4.427vw; }
}
/*
.zoom { -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; background-size: auto 100% }
.zoom:hover { background-size: auto 105%; }

.has-caption { position: relative; padding-bottom: calc( 0.521vw + 0.260vw + 1.406vw ) !important; }
.caption { text-align: right; padding: 0.521vw 0 0.260vw 0; position: absolute; bottom: 0; right: 0; }
*/

.row > div { position: relative; }
.title-box { position: absolute; bottom: 0; left: 0; background:#fff; text-transform: uppercase; padding: 0.7815vw 3.126vw; width:50%; text-align: center; }
a.blog-item-link { position: relative; display: inline-block; padding-right: 1em; }
a.blog-item-link::before { content: "+"; position: absolute; right: 0; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.has-image:hover > .title-box > a.blog-item-link::before, a.blog-item-link:hover::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.row > div img { width:100%; height: auto; display:block; }

.team-text { padding:2.448vw; }

@media (min-width:769px){
	.text-restrict p { margin-left: 4%; max-width: 65%; }
	.row.worked-with { margin-left: 2%; max-width: 80%; }
	.team-image { max-height: 15vw; overflow: hidden; }
}

.two-columns-of-text > .row > .half,
.two-columns-of-text > .row > .half:last-child:not(:first-child) { padding-right: calc(1.302vw * 3); }

.one-third { width: 33.33%; margin: 3.438vw 33.33%; }
/* #comp-content > .blog-row:first-child > .full > .one-third { position: absolute; top: 23%; left: 33%; margin: 0; } */

.map-zoom-button { width: 40px; height: 40px; background-position: center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; }
#mapzoomin { background-image: url("../images/shared/zoom-in.svg"); margin-top:10px; margin-right: 10px; }
#mapzoomout { background-image: url("../images/shared/zoom-out.svg"); margin-top:10px; margin-right: 10px; }

#blog-tags.nav { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
#blog-tags.nav li { list-style: none; /*margin-left: 17px;*/ position: relative; display: inline-block; cursor: pointer; }

.content-block.blog { margin: 0 16.927vw; }
.content-block.blog .row > .half:first-child { padding-left: 0; }

.expandable { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.expandable:not(.open) { height:0 !important; opacity: 0; }

/*
.plyr__video-embed { padding-bottom: 100vh !important; }
.plyr__video-embed iframe { width: calc( 100vh / 9 * 16 ) !important; -webkit-transform: translateX(calc( ( (100vh / 9 * 16) - 100vw ) / -2  )); -ms-transform: translateX(calc( ( (100vh / 9 * 16) - 100vw ) / -2  )); transform: translateX(calc( ( (100vh / 9 * 16) - 100vw ) / -2  )); }
.land .plyr__video-embed iframe { width: 100vw !important; height: calc( 100vw / 16 * 9 ) !important; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
*/
.plyr--full-ui.plyr--video .plyr__control--overlaid { box-shadow: none; padding: 0; width: 5.729vw !important; height: 5.729vw !important; background-color: transparent; 
														background-image: url("/templates/onebgp/images/shared/play-button.svg") !important; background-position: center center; background-repeat: no-repeat; background-size: contain; }
svg[role="presentation"] { display:none; }

.content-block.news-and-events { padding-bottom: 15vw; }
.content-block.news-and-events .new-thumb { margin-bottom: 2em; }
.content-block.news-and-events .new-thumb-inner { background-size:cover;background-repeat:no-repeat;padding:0vw;position:relative;height:20vw; }
.new-thumb-inner a { width:100%; height:100%; display:block; }
.content-block.news-and-events .blog-data-tags { font-size: 0.729vw; margin-top: 1vw; }
.content-block.news-and-events .blog-title { font-size: 1.146vw; line-height: 1.354vw; text-transform: uppercase; text-decoration:none !important; display:block; margin: 1vw 0; }
 .blog-text { max-width: 46.094vw; margin-left: auto; margin-right: auto; }
@media(max-width:768px){
	.content-block.news-and-events .new-thumb-inner { height:48vw; }
	.blog-text { max-width: none; }
	.content-block.news-and-events .blog-data-tags { font-size: inherit; margin-top: inherit; margin-top:1em; }
	.content-block.news-and-events .blog-title { font-size: inherit; line-height: inherit; margin:1em 0; }
}

.article-feed.content-block.news-and-events { padding-bottom: 4vw; }
.article-feed.row > div:nth-child(n){width:25%;}

.article-feed.row div.slick-list{width:100% !important; padding:0 !important}
.article-feed.content-block.news-and-events .new-thumb-inner { height:10vw; }

.article-feed .slick-prev{left:3vw !important;}
.article-feed .slick-next{right:3vw !important;}

@media (orientation: landscape) and (min-aspect-ratio: 9 / 5) {
	.article-feed .blog-title{letter-spacing: -1px;}
	.article-feed .blog-text{height:calc(var(--ss)*81vw)}
	.article-feed .blog-text{height:calc(var(--ss)*111vw) !important}
}

@media(min-width:769px){
	.article-feed.row .new-thumb{width:calc(var(--ss)*300vw); padding:calc(var(--ss)*19vw)}
	.article-feed .blog-title{height:calc(var(--ss)*55vw)}
	.article-feed .blog-text{height:calc(var(--ss)*81vw)}
}

@media(max-width:768px){
	.article-feed .slick-prev,.article-feed .slick-next{top:33%;}
	.article-feed.content-block.news-and-events .new-thumb-inner { height:40vw; }
	.article-feed .slick-prev{left:8vw !important;}
	.article-feed .slick-next{right:8vw !important;}
}

/* SLICK / SLIDESHOW
========================================================= */
.slide-group  .row { position: relative; padding-top: 0; }
.slide-group  .row > div { width: 100% !important; padding-left:0 !important; padding-right: 0 !important; }
.slide-group  .row > div > .image { padding-top:0; height: 75vh; background-size:contain; background-position: top left; }
.slide-group  .row > div.text-block { position:absolute; bottom: 0; left: 0; z-index: 10; width: 100%; background-color:#fff; padding-top: 1.563vw !important; padding-right: 33% !important; }

.slick-arrow { width: 3vw !important; }
.slick-arrow::before { border-radius: 50%; top: 40% !important; height: 3vw !important; width: 3vw !important; background-color: #fff; opacity: 1; background-image: url(../images/shared/chev-left-gold.svg) !important; background-size: 2vw 2vw !important; background-repeat: no-repeat; background-position: 40% 50% !important; }
.slick-prev { left:10vw !important; right:auto !important; }
.slick-next::before { background-image: url(../images/shared/chev-right-gold.svg) !important; background-position: 60% 50% !important; }
.slick-next { left: auto !important; right:10vw !important; }
@media(max-width:768px){
	.slick-arrow { width:8vw !important; }
	.slick-arrow::before { width:8vw !important; height: 8vw !important; }
}

.has-slider { position:relative; }
#over-that { z-index: 90; }
.fix-this-over-that { position:absolute; top: 0; width: 100%; height: 100%; z-index:100; /* pointer-events:none; */ }

.hero-slide { background-color: #fff; /* url('/images/home/top-carousel-placeholder.jpg');*/ background-position: center center; background-size: cover; background-repeat: no-repeat; height: 75vh; position: relative; }
.hero-slide:not(.video)::before { content:" "; background-color:#fff;  opacity:0.0; position: absolute; top:0; left:0; display:block;  width:100%; height: 100%; z-index: 2; }
.hero-slide[data-theme="light"]::before { background-color:#000; }
.hero-slide-inner { background-repeat: no-repeat; position: absolute; top:0; left: 0; width: 100%; height:100%; }
.hero-slide-inner.two-thirds-right { left:33.33%; right: auto; width:66.66%; }
.hero-slide-inner.two-thirds-left { left: auto; right:33.33%; width:66.66%; }
.hero-slide-inner.one-third-right { left:66.66%; right: auto; width:33.33%; }
.hero-slide-inner.one-third-middle { margin-left:33.33%;width:33.33%; margin-right: 33.33%; }
.hero-slide-inner.one-third-left { margin-right:66.66%;width:33.33%; }

.fixed { position:fixed !important; width:100%; height: 100%; }  

.from-the-bottom { top: auto; bottom: 10vh; }
.fix-this-over-that .hero-text,
.hero-slide > .hero-text { position:absolute; top:200px; left: auto; right: calc( 3.438vw * 1.5 ); width: calc( 66% - 3.438vw * 1.5 ); }
.fixed  .hero-slide-inner.full { max-height: 100vh; }
.fix-this-over-that:not(.do-not-shift-up) .hero-text,
.hero-slide:not(.do-not-shift-up) > .hero-text { top: 50%;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.fix-this-over-that .hero-text.text-top-middle, .hero-slide > .hero-text.text-top-middle {  -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.slick-list { z-index: 96; }
.slick-arrow { height: 100%; width: calc( 3.438vw / 4); opacity: 0.8; 
 					-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.slick-arrow:hover { opacity: 1; }
.slick-prev, .slick-prev:hover { left: 3.438vw; z-index: 97; }
.slick-next, .slick-next:hover { right: 3.438vw; z-index: 98; }
.slick-arrow::before, .slick-arrow::after { content:" "; width:100%; height: 100%; position: absolute; top: 0; left: 0; }
.slick-prev::before { background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('../images/shared/chev-left-fff.svg'); z-index: 97; }
.slick-next::before { background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('../images/shared/chev-right-fff.svg'); z-index: 98; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.single .slick-dots { display:none !important; }
.slick-dots { width:100%; margin: 0; padding: 0; position: absolute; bottom: calc(36px + 1.3vw/2); z-index: 99; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; pointer-events: none; }
.slick-dots li { display: -ms-flexbox; display: -webkit-flex; display: flex; pointer-events: auto; } 
.slick-dots li:not(:first-child) { margin-left: 0.5vw; }
.slick-dots li button { border: 0.01vw solid #000; font-size: 0; line-height: 0; background-color:#000; border-radius: 50%; width:0.33vw; height:0.33vw; padding:0; outline: none; -webkit-appearance: none; -moz-appearance: none;
						-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.slick-dots li.slick-active button { width:0.66vw; height:0.66vw; transform:translate(-20%,-20%); }
.slick-dots li button::before { font-size: 0 !important; }
.slide-group .slick-prev::before { background-image: url('../images/shared/chev-left-000.svg'); z-index: 97; }
.slide-group .slick-next::before { background-image: url('../images/shared/chev-right-000.svg'); z-index: 98; }
.slide-group .slick-arrow { width:calc( 3.438vw / 4 ); }
.slide-group .slick-prev { left: calc( 3.438vw / -1.5 ); }
.slide-group .slick-next { right: calc( 3.438vw / -1.5 ); }

/* PAGINATION 
=========================================================== */
.pager { width: 100%; margin:0; list-style:none; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.pager li { width: 50%; position: relative; opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.pager li a { display:block; }
.pager li a:hover { opacity: 0.5; }
.pager li a::before { content:" "; position: absolute; top:0; width:4vw; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center;  }
.pager li:first-child a::before { left: 0; background-image: url('../images/shared/chev-left-000.svg'); }
.pager li:last-child a::before { right: 0; background-image: url('../images/shared/chev-right-000.svg'); }
.pager li:first-child a { text-align: left; padding-left: 6vw; }
.pager li:last-child a { text-align: right; padding-right: 6vw; }

.mobile-only { display: none; }
.desktop-only { display: block; }


/*
FORM
========================================================== */
input:not(.logout), textarea { border-radius: 0 !important; font-family: inherit; }
input, textarea, select { font-family: "sweet-sans-pro", Helvetica, Verdana, Arial, 'sans-serif' !important; font-weight: 600 !important; }
*:focus { outline: none !important; }
::-moz-focus-inner { border: 0; }

.ui.basic.pointing.label { paddingL: 5px !important; }

input[type="text"]::-webkit-input-placeholder { opacity: 1; color: inherit; font-weight: normal; /*text-transform: uppercase;*/ }
input[type="text"]::-moz-placeholder { opacity: 1; color: inherit; font-weight: normal; /*text-transform: uppercase;*/ }
input[type="text"]:-ms-input-placeholder { opacity: 1; color: inherit; font-weight: normal; /*text-transform: uppercase;*/ }
input[type="text"]:-moz-placeholder { opacity: 1; color: inherit; font-weight: normal; /*text-transform: uppercase;*/ }

input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { padding-left: 30px; min-height: 25px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; cursor: pointer;
                                 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
input[type="checkbox"] + label:before,
input[type="checkbox"] + label:after { content: ''; width: 20px; height: 20px; position: absolute; display: block; }
input[type="checkbox"] + label:before { border-radius: 50%; border: 1px solid #fff; top: 2px; left: 0; }
input[type="checkbox"] + label:after { top: 1px; left: 4px; opacity: 0;
                                       -webkit-transition: opacity .3s; transition: opacity .3s, border-color .08s; }
input[type="checkbox"]:checked + label:after { content: '✓'; opacity: 1; }

input[type="submit"]:not(.logout),
input[type="button"] { border: none; background-color: transparent; cursor: pointer; 
                        -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
/*body.non-touch input[type="submit"]:hover,
body.non-touch input[type="button"]:hover { opacity: .4; }*/

textarea { box-shadow: none !important; border-radius: 0 !important; opacity: 1; font-family: inherit; font-weight: normal; color: inherit;
           -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea::-webkit-input-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit; /*text-transform: uppercase;*/ }
textarea::-moz-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit; /*text-transform: uppercase;*/ }
textarea:-ms-input-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit; /*text-transform: uppercase;*/ }
textarea:-moz-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit; /*text-transform: uppercase;*/ }

select { border-radius: 0 !important; border: none; border-bottom: 1px solid #fff; padding: 3px 20px 4px 0; width: 100%; min-height: 30px; position: relative; background-color: transparent;  background-position: right center; background-repeat: no-repeat; background-size: 20px 11px; font-family: inherit; font-weight: 100; cursor: pointer;
         -webkit-appearance: none; -moz-appearance: none; appearance: none; }

button { padding: 0; 
         -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

/* Login box fields */
fieldset input::-webkit-input-placeholder { text-transform: uppercase; }
fieldset input::-moz-placeholder { text-transform: uppercase; }
fieldset input:-ms-input-placeholder { text-transform: uppercase; }
fieldset input:-moz-placeholder { text-transform: uppercase; }

.ui.form, 
.ui.form input,
.ui.form textarea,
#full-screen-slider-overlay-login form { font-style: inherit !important; font-weight: inherit !important; }
.ui.form .field > label,
.ui.form .required.field > .checkbox::after, 
.ui.form .required.field > label::after, 
.ui.form .required.fields.grouped > label::after, 
.ui.form .required.fields:not(.grouped) > .field > .checkbox::after, 
.ui.form .required.fields:not(.grouped) > .field > label::after { text-transform: uppercase; color:#7B6C48 !important; font-weight: 500 !important; }
.chronoforms6_credits { display: none !important; }

.ui.form .field > .selection.dropdown .text { opacity: 1 !important; color: #000 !important; }
.ui.form .field > input::-webkit-input-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
.ui.form .field > input::-moz-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
.ui.form .field > input:-ms-input-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
.ui.form .field > input:-moz-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
.ui.form .field > textarea::-webkit-input-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
.ui.form .field > textarea::-moz-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
.ui.form .field > textarea:-ms-input-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
.ui.form .field > textarea:-moz-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
#full-screen-slider-overlay-login .control-group input::-webkit-input-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
#full-screen-slider-overlay-login .control-group input::-moz-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
#full-screen-slider-overlay-login .control-group input:-ms-input-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }
#full-screen-slider-overlay-login .control-group input:-moz-placeholder { opacity: 1 !important; color: #000 !important; /*text-transform: uppercase;*/ }

.ui.form .field,
#full-screen-slider-overlay-login .control-group { margin: 0 0 1.042vw 0 !important; }
.ui.form .field > input:not([type="checkbox"]),
#full-screen-slider-overlay-login .control-group input:not( [type="checkbox"] ) ,
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown,
.ui.selection.dropdown .menu > .item:not(.havesomeclass) { padding: 0.538vw 0.538vw !important; min-height: auto; filter: none; }
.ui.form .field > input:not([type="checkbox"]),
#full-screen-slider-overlay-login .control-group input:not( [type="checkbox"] ) ,
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown,
.ui.selection.active.dropdown .menu,
.ui.checkbox .box::before, 
.ui.checkbox label::before,
.ui.checkbox .box::after, 
.ui.checkbox label::after { border: 2px solid #fff !important; border-radius: 0 !important; min-height: auto; color: #000 !important; }
.ui.form .field > textarea { min-height: 7.708vw; }

.ui.form .field > input:not([type="checkbox"]),
#full-screen-slider-overlay-login .control-group input:not( [type="checkbox"] ) ,
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown,
.ui.checkbox .box::before, 
.ui.checkbox label::before,
.ui.form button,
#full-screen-slider-overlay-login button { /* background: rgba(0,0,0,0.1) !important;*/ background: #fff !important; }
.ui.form button {  background: rgba(0,0,0,0.0) !important; color: #fff !important; }

.ui.form > p { margin: 0 0 75px 0 !important; text-align: center; }

.ui.dropdown .icon { margin: 0 !important; padding: 0 !important; width: 20px !important; height: 12px !important; top: 50% !important; right: 10px !important; background: url("../images/shared/arrow-down.svg") right center no-repeat !important; background-size: contain !important;
                     -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: rotate(0) translateY(-50%); }
.ui.dropdown.active .icon { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); }
.ui.dropdown .icon::before { display: none !important; }
.ui.selection.dropdown .menu { border-radius: 15px !important; background-color: #fff !important; }
.ui.selection.dropdown .menu > .item { border: 0 !important; }
.ui.dropdown .menu .selected.item, 
.ui.dropdown.selected,
.ui.dropdown .menu > .item:hover { background: #000 !important; color: #fff !important; }

.ui.checkbox label { padding-left: 34px !important; color: #797979 !important; font-weight: 200 !important; }
.ui.checkbox .box::before, 
.ui.checkbox label::before,
.ui.checkbox .box::after, 
.ui.checkbox label::after { width: 24px !important; height: 24px !important; font-size: 16px !important; line-height: 19px !important; color: #000 !important; }
.ui.checkbox .box::after, 
.ui.checkbox label::after { background-color: transparent !important; }
.ui.checkbox label a { color: #797979 !important; text-decoration: underline; }

.ui.form button { /* margin: 50px 0 0 0 !important; box-shadow: none !important; min-height: auto !important; display: block !important; */ }
#full-screen-slider-overlay-login button { margin: 50px auto 0 auto !important; box-shadow: none !important; min-height: auto !important; display: block !important; }

.ui.form .error input:not(.havesomeclass),
.ui.form .error .ui.checkbox label,
.ui.form .error .ui.checkbox .box::before,
.ui.form .error .ui.checkbox label::before,
.ui.form .error .ui.checkbox .box::after,
.ui.form .error .ui.checkbox label::after,
.ui.form .error .ui.checkbox label a,
/* #full-screen-slider-overlay-login input:not(.havesomeclass):invalid */
#full-screen-slider-overlay-login input:not(.havesomeclass).invalid { border-color: #f00 !important; /*color: #f00 !important;*/ } 

.ui.form .field .prompt.label:not(.havesomeclass) { margin: 10px 0 0 0 !important; border: none !important; padding: 0 !important; color: #f00 !important; }
.ui.pointing.label::before,
.ui.form .custom-error { display: none !important; }

.ui.message, .ui.message.success { background: none !important; color: inherit !important; box-shadow:none !important; }

#full-screen-slider-overlay-login fieldset { margin:0;  border:none;  padding:0;  }
#full-screen-slider-overlay-login .control-label,
#full-screen-slider-overlay-login .controls label { display:none;  }
#full-screen-slider-overlay-login .controls input:not( [type="checkbox"] )  { width:100%;  }
/* #full-screen-slider-overlay-login input.focused:not(.havesomeclass):invalid */
#full-screen-slider-overlay-login input.focused:not(.havesomeclass).invalid { box-shadow:none !important;  border-top:none !important;  border-right:none !important;  border-left:none !important;  }
#full-screen-slider-overlay-login ul { margin: 0; padding: 0; list-style: none; }

.ui.segment { background: transparent !important; padding:0 !important; border: none; box-shadow: none; }

/* Ewww.. error message */
#system-message-container > div { position:fixed; top: 20vw; width: 80vw; background: #000; z-index: 100; color: #fff; left: 50%; transform: translateX(-50%); padding: 2vw 2vw 2.5vw 2vw; }
#system-message-container .close { position: absolute; top: 1vw; right: 1vw; width: 1vw; height: 1vw;font-size: 3vw; background: transparent; border: none; color: #fff; font-family: inherit; cursor: pointer; }

@media (max-width: 1023px) {
    .ui.form > p { margin: 0 0 50px 0 !important; }
}
.ui.button.block-button { background-color:#D4C5A2 !important; border-color:#D4C5A2 !important; color: #fff !important; border-radius: 0 !important; text-transform: uppercase; margin-left: 0 !important; font-weight:normal !important; }

/* gOOGLE mAP
========================================================== */
.mapzoom { position: absolute; z-index: 99; left: 30px; top: 30px; background: #FFF; box-shadow: 1px 1px 1px #999; border: 1px solid #999; border-radius: 4px; font-weight: 700; text-align: center; }
.mapzoom div { cursor: pointer; padding: 5px 10px; }
.mapzoomin { border-bottom: 1px solid #eee; }
#infoBox img { display: none; } 

.infobox-content { text-transform: none; }
.infobox-content .arrow:after { content:''; display:block; width:0; height:0; position:absolute; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right:14px solid #af9b54; left:112px; transform: rotate(-90deg); bottom: -20px; }

/* Horrid Terms
========================================================== */
p[data-mce-word-list] { position:relative; padding-left: 3vw; }
span[data-mce-word-list] {position: absolute;top: 0;left: 0;}
table[border="1"] { margin-bottom: 2em; }
table[border="1"] td { width: 50%; }


.slider .slide img { width: 90%; margin: auto; }

/* MOBILE + PORTRAIT TABLET
=========================================================== */
@media(max-width:768px){
	body.home #comp-content { padding-top: 20vw; }

	body { font-size: 4.071vw; line-height: 4.835vw; }
	.ui.form .field > label,
	.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"],
	.ui.selection.dropdown, .ui.selection.dropdown .menu > .item { font-size: 4.071vw !important; line-height: 4.835vw !important; }
	h1, .head-font, .large-copy { font-size: 9.2vw; line-height: 10.087vw; /* font-size: 10.687vw; line-height: 13.232vw;*/ }
	h1 div { line-height: 9.8vw; }
	h2 { font-size: 7.692vw; line-height: 9.487vw; }
	h3, .h3 { font-size: 4.615vw; line-height: 5.641vw; margin-bottom: 11.85875vw; padding-bottom: 11.85875vw; }
	h3::before { height: 3px; width: 30px; }
	.foot-font { font-size: 3.053vw; line-height: 4.389vw; }
	.menu-font { font-size: 10.687vw; line-height: 12.723vw; }
	.block-button, .download-button { font-size: 3.590vw; line-height: 4.615vw; }
	.caption { font-size: 3.562125vw; line-height: 3.562125vw; }
	label[for*="register_term"] { font-size: 3.590vw !important; line-height: 4.615vw; }

	p { margin-bottom: 1em; }
	.half p, .half h3 { max-width: 100%; }

	.hide-mobile { display:none !important; }

	#header-text { width: 100%; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
	body.scroll-down #header-text { opacity:0; }
	#header-text > span { display:block; }
	#header-text .email { margin-top: 0.5em; }

	#header-inner > div:first-child { position:relative; z-index: 10; }
	.menu-logo-wrap { display:block; padding-top: 3vw; }
	.menu-logo-wrap > img { width:100%; margin-top:2px; }
	.hamburger-box { width: 7.6vw; height: 7.6vw; }
	.hamburger-inner::after { bottom:-1.53vw; }
	.hamburger-inner::before { top: -1.53vw; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { height: 0.35vw; }

	#header-socials, .side-title { display:none; }


	#header-wrap { padding-top: 5.292vw; padding-bottom: 4.292vw; }
	#header-inner > div:first-child { padding-top: 0;padding-bottom: 0; }
	#header-logo { text-align:right; }
	#header-logo .menu-logo-wrap { display:inline-block; width: 30.521vw; padding-top:0vw; padding-right: 4.844vw; z-index: 999; position: relative; }
	#header-buttons { /* display:none; */ margin-top:-10vw; text-align:center; padding-left: 10vw !important; padding-right: 33vw !important; }
	#header-button > a { font-size: 2.5vw; line-height: 2.6vw; }
	#header-buttons > a:not(:first-child) { display:none;  }
	#menu-btn-wrap { margin-top: 1vw; } 

	.fix-this-over-that, .fix-this-over-that .hero-text,
	.fix-this-over-that:not(.do-not-shift-up) .hero-text, .hero-slide:not(.do-not-shift-up) > .hero-text { height: auto !important; position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

	.overlay-on-mobile #fix-this, .overlay-on-mobile #over-that { position: absolute; top: 0; left: 0; width: 100%; height: 100vh !important; overflow: auto; }
	.overlay-on-mobile #over-that .hero-slide, .overlay-on-mobile #comp-content { height:100vh; }
	.overlay-on-mobile #fix-this .hero-text { padding-top: 20vh; }

	#comp-content > .blog-row:first-child > .full > .one-third, .one-third, .fix-this-over-that .hero-text { position: static; width: 100%; margin: 0; padding: 7.422vw 6.154vw; /* 12.622vw; */ }
	#comp-content > .blog-row:first-child > .full > .one-third
	/* , .fix-this-over-that .hero-text */ { background-color:#ededed; }
	/* .one-third > p > br { display:none; } */

	.toggled-children > div, .toggled-children > div > div, .media-slide.video { height: 56vw !important; }

	.hero-slide-inner.two-thirds-right,
	.hero-slide-inner.two-thirds-left,
	.hero-slide-inner.one-third-right,
	.hero-slide-inner.one-third-middle,
	.hero-slide-inner.one-third-left { margin:0; width:100%; left: 0; right: auto; }

	body:not(.home) .hero-slide { height: 33vh; }

	.fix-this-over-that > .hero-text { /* padding-top: 20vh; */ }
	div.hero-slide-inner[mobile-position="center"] { background-position: center center !important; }
	div.hero-slide-inner[mobile-position="10%"] { background-position: 10% center !important; }
	div.hero-slide-inner[mobile-position="20%"] { background-position: 20% center !important; }
	div.hero-slide-inner[mobile-position="30%"] { background-position: 30% center !important; }
	div.hero-slide-inner[mobile-position="40%"] { background-position: 40% center !important; }
	div.hero-slide-inner[mobile-position="60%"] { background-position: 60% center !important; }
	div.hero-slide-inner[mobile-position="70%"] { background-position: 70% center !important; }
	div.hero-slide-inner[mobile-position="80%"] { background-position: 80% center !important; }
	div.hero-slide-inner[mobile-position="90%"] { background-position: 90% center !important; }

	.hero-text p.no-breaks > br { display:none; }

	#header-socials, #footer .socials.right ul { position: static; }
	#footer.row > div, div.designed-by { padding-bottom: 2em; }

	.read-more { padding-left: 40px; padding-right: 40px; }

	body.menu-open #header-wrap { width: 100vw; }
	body.menu-open #header-menu { width: 100%; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	body:not(.menu-open) #header-menu ul.nav { opacity: 0; }
	body.menu-open #header-menu ul.nav { opacity: 1;  -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; padding-top: 14.5vw; /* height: 60vh; */ }
	body.menu-open #header-menu ul.nav li { width: 100%; text-align: left; padding: 4.5vw 0; font-size: 10.137vw; margin-left: 0; }
	body.menu-open #footer > div:first-child > div:first-child { position: fixed; bottom:0; z-index: 100; }

	.block-button, .download-button { padding: 1.521vw 2.604vw 1.521vw 2.604vw; }
	.half p > a.block-button, .half.section-title + div > a.block-button { display:block; margin: 0 auto 1em auto !important; text-align: center; }

	.content-block, .pager { padding: 9.422vw 6.154vw; /* 12.622vw; */ }
	.pager { padding-top: 0; padding-bottom: 0; }
	.button-wrapper { text-align: center; }

	.some-space-at-the-top { padding-top: 30vw; }

	.scroll-down-arrow { width: 2vh; height: 8vh; }

	:not(.slider) > .slick-arrow { width: calc( 3.438vw / 2 ); }

	.caption  { padding: 1.5vw 4vw; }

	.row:not(.keep-mobile) > div { width:100% !important; padding-left: 0 !important; padding-right: 0 !important; }
	.row.instagram-images > div { width:49% !important; margin-right: 1% !important; }
	.row.instagram-images > div:nth-child(n+7) { display:none; }

	.row > div > .image { padding-top:90vh !important; background-size:cover; }
	.row > div.half.empty { display:none; }
	.row > div.full > .image { padding-top:60vh !important; background-size:cover; }
	.row > div > div.text-block { position: static;  padding: 4.427vw 0; }
	.row.content-block > .half:first-child { padding-bottom: 9.422vw; }	
	.row.right { -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse; }
	.row.no-crop .double img { width: 100%; }
	.row.no-crop > div.text-block:not(.double):last-child:not(:first-child) { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
	.row.no-crop .double img { width: 100% !important; }
	/* Make NoCrop only for Portrait on Desktop, Both on Mobile  */
	.row.no-crop > div.full > .image { background-image: none !important; padding-top: 0 !important; }
	.row.no-crop > div.full > .image > img { display:block; }	/* --- */
	.row > div.half { width: 100% !important; }	
	.row.gallery { padding-left: 0%; }
	.row > div.thumb, .row > div.thumb:nth-child(1) { width: 100% !important; padding-left:1.302vw !important; padding-right: 1.302vw !important; }	
	.half.has-no-image > .text-block { position: static; top: auto; left: auto; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }	
	.blog-content { margin: 0; }
	.blog-content .row > div { padding-bottom: 0; }
	.blog-content .row:not(:first-of-type) { padding-top:0; }	
	.blog-row img { display:block !important; }
	.blog-row .image, 
	.blog-row > div > .image,
	.blog-row > div.full > .image { height:auto !important; padding-top: 0 !important; background-image:none !important; }
	#comp-content > .blog-row:first-child { padding-top: 30vw; }
	/* .pagenav > li > a { color:#fff !important; } */	
	.mobile-only { display: block; }
	.mobile-only.image {  padding-top: 58vw margin-bottom: 5vw;}
	.desktop-only { display: none; }	
	#google-map { min-height: 100vw; }	
	.ui.form .field,
	#full-screen-slider-overlay-login .control-group { margin: 0 0 20px 0 !important; }
	.ui.form .field > input:not([type="checkbox"]),
	#full-screen-slider-overlay-login .control-group input:not( [type="checkbox"] ) ,
	.ui.form .field > textarea,
	.ui.form .field > .selection.dropdown,
	.ui.selection.dropdown .menu > .item:not(.havesomeclass) { padding: 9px 11px !important; }
	.btn { padding: 6px 24px; } 	
	#footer { padding-top: 5vw; }
	#footer .socials ul.nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
	#footer .socials.left ul.nav { margin-top: 1.5vw; }
	.social { width: 3.911vw; height: 3.911vw; }	
	#footer ul.nav.menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#footer ul.nav li:first-child { margin-left:0; }	
	#footer-logos .row > div img { max-width: 250px; }
}

.latnews .new-thumb {display: flex;flex-direction: column;justify-content: space-between;}
.hero-slide.slide { height: auto; }
.full > .slider .slide > img { width: 100%; margin: 0; }
.slide .caption { position: relative; bottom: 0; transform: translateY(-100%); }

body.residences #block-5 .centralise {
	left: 41%;
	/*position: relative;*/
	top: 26%;
}

body.hotel #block-2 .centralise {top:55%}
.media-slide[data-source*="autoplay"] button.plyr__control { opacity:0; } 

/* WHATSAPP BUTTON
========================================================= */
.whatsapp-wrap{position:fixed;bottom:1.827vw;right:3.438vw;z-index:104;display:flex; align-items:center;}
.whatsapp-wrap > a,.whatsapp-wrap > a > img{width:calc(var(--ss)*70vw);height:calc(var(--ss)*70vw); display: inline-block}
.whatsapp-wrap > .wechat {margin-right:calc(var(--ss)*10vw)}
.whatsapp-wrap > .wechat > img{filter: drop-shadow(calc(var(--ss)*1vw) calc(var(--ss)*1vw) calc(var(--ss)*1vw) #b3b3b3);}

.wechat-popup{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0.3);width:100vw;height:100vh;display: flex;justify-content: center;align-items:center;z-index: 1000;opacity:0; pointer-events: none;transition: 0.3s opacity ease;}
.wechat-popup.show{opacity:1;pointer-events:all;}
.wechat-popup .popup-wrap{width:16.6%; position:relative;}
.wechat-popup img{width:100%;border:2px solid white}
.popup-close{ position:absolute; top:1.5vw; right:1.5vw; background:transparent; width:1.7vw; height:1.7vw; border:0; background:url("../images/shared/close-no-border-white.svg") no-repeat center / contain; cursor:pointer; }

@media(min-width:2000px){
	.wechat-popup .popup-wrap{width:16.6%;}
}

@media(max-width:768px){
	.whatsapp-wrap > a,.whatsapp-wrap > a > img{width:calc(var(--ss)*140vw);height:calc(var(--ss)*140vw); display: inline-block}
	.wechat-popup .popup-wrap{width:70%;}
	.popup-close{ top:2.5vw; right:2.5vw; width:3.7vw; height:3.7vw; }
}

@media(max-width:400px){
	.whatsapp-wrap > a,.whatsapp-wrap > a > img{width:calc(var(--ss)*180vw);height:calc(var(--ss)*180vw); display: inline-block}
	.wechat-popup .popup-wrap{width:90%;}
/*	.popup-close{ top:3.5vw; right:3.5vw; width:4.7vw; height:4.7vw; }*/
}

/* Tours Button Fix */
@media (orientation: landscape) and (min-aspect-ratio: 9 / 5){
.heading-block > div.third.left.section-title { width:23% !important; }
.heading-block > div.third.left.section-title + div.twothird.right { width:76% !important; }
}



.available-apartments .tab-group{justify-content: center; margin-bottom:calc(var(--ss)*45vw);}
.available-apartments .tab-group button{background-color: transparent; color: #796d4d; border-color: #796d4d;}
.available-apartments .tab-group button.active{background-color: #796d4d; color: #fff;}
.available-apartments .tab-group button:not(.active):hover{background-color: #D4C5A2; color: #fff; border-color: #D4C5A2;}

.available-apartments .apartment-tabs {position:relative;}

.available-apartments .apartment-tab {gap:calc(var(--ss)*15vw) calc(var(--ss)*30vw); transition: 0.3s all; overflow:hidden; opacity:0; position:absolute;pointer-events:none; width:100%;}
.available-apartments .apartment-tab.active {opacity:1; pointer-events:all;}

.available-apartments .apartment-link{text-decoration:none !important;font-size:calc(var(--ss)*12vw); line-height:calc(var(--ss)*12vw); font-weight: 600; letter-spacing: 0.05em; color: #D4C5A2; font-family: "Montserrat", Arial, san-serif; width:calc(calc(100% / 3) - calc(var(--ss)*20.2vw));  height:calc(var(--ss)*260vw); }
.available-apartments .apartment-link.active{display:block;}

.available-apartments .apt-info{margin-bottom:calc(var(--ss)*4vw);}
.available-apartments .apartment-link .dark{color:#796d4d;}

.available-apartments .apartment-link .thumb{position:relative; height:calc(var(--ss)*240vw); width:100%; }
.available-apartments .apartment-link .thumb img{object-fit: cover; width:100%; height:100%;}

@media(max-width:768px){
	.mid-content .available-apartments{
		--ss: 100/375;
	}
	.available-apartments .apartment-tab{flex-direction: column; gap:0;}
	.available-apartments .apartment-link{width:100%; height:fit-content; margin-bottom:calc(var(--ss)*15vw);}
	.available-apartments .apartment-link:last-child{margin-bottom:0;}
	.available-apartments .apartment-link .block-button{width: max-content;}
	.available-apartments .apartment-link .thumb{height:calc(var(--ss)*190vw);}
}