/* 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)*24vw);}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;letter-spacing:normal;}
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: 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; /*letter-spacing: 0.010em;*/}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.softhide {display:none;}
u {text-decoration:underline;}
iframe { border:0; outline: none; width:100%;}
.video{background-size:cover; background-position: center; background-repeat:no-repeat}

/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; color:var(--fc1); background: var(--cream); overflow-x: hidden;}

main{min-height:calc(100vh - var(--footer__height)); padding-top:var(--header__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);}
.title{font:var(--title); text-transform: uppercase; }
.info{font:var(--info); text-transform: uppercase;}
.key{font:var(--title); text-transform: uppercase; background:var(--green); color:var(--white) !important; padding:calc(var(--ss)*5vw) calc(var(--ss)*8vw); width:fit-content;}
p, .p1, .copy {font:var(--p1);}
span.p1 {display:inline-block;}
sup{vertical-align: super; font-size: 0.7em; }
.small{font:var(--small);}
.pre-wrap{white-space:pre-wrap;}

@media(max-width:768px){
	.key{padding:calc(var(--ss)*1.5vw) calc(var(--ss)*4.5vw) calc(var(--ss)*1vw);}
}

/* COLOURING IN
======================================================= */
.white-bg { background-color: var(--white); }
.black-bg { background-color: var(--dgrey); }
.green-bg { background-color: var(--green); }
.beige-bg { background-color: var(--beige); }
.lbeige-bg { background-color: var(--lbeige); }
.orange-bg { background-color: var(--orange); }
.cream-bg { background-color: var(--cream); }
.grey-bg { background-color: var(--grey); }
.brown-bg { background-color: var(--brown); }


.fc-black{color:var(--fc1);}
.fc-white{color:var(--fc2);}
.fc-green{color:var(--green);}
.fc-beige{color:var(--beige);}
.fc-lbeige{color:var(--lbeige);}
.fc-orange{color:var(--orange);}
.fc-cream{color:var(--cream);}
.fc-grey{color:var(--grey);}
.fc-brown{color:var(--brown);}


/*main section{margin-top:-1px;}*/


/* SNAP
======================================================= */
@media(max-width:599px) {
	.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):not(.map-slider), .revealus {
	transform: translateY(15px);
	transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715);	
	opacity: 0;
}

body.iOS main .fade-up-effect, body.iOS div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows):not(.map-slider), 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,main .no-fade .fade-up-effect, body.legal  .fade-up-effect
 {
	opacity: 1;
	transform: translateY(0px);
}

/* STRUCTURE
======================================================= */
/*main section{margin-top:calc(var(--ss)*-1vw);}*/
main section{padding:0 var(--hpad) var(--vpad);}
section > div {width:100%;}
section * p:last-child {margin-bottom: 0;}

img, .img-wrap, .image{line-height:0;}
.img-wrap
.img-center img{object-position:center;}
.img-top img{object-position:top;}
.img-bottom img{object-position:bottom;}
.img-left img{object-position:left;}
.img-right img{object-position:right;}

.flex{display: flex;}
.flex.reverse{flex-direction: row-reverse;}

.flex-wrap{flex-wrap: wrap;}

.flex-row{flex-direction:row}
.flex-column{flex-direction:column}
.flex-column.reverse{flex-direction:column-reverse}

.jcfe{justify-content: flex-start;}
.jcfe{justify-content: flex-end;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}
.jcse{justify-content: space-evenly;}

.aifs{align-items: flex-start;}
.aife{align-items: flex-end;}
.aic{align-items: center;}
.aisb{align-items: space-between;}

.cover{object-fit: cover}
.contain{object-fit: contain}

@media(max-width:768px){
	.mob-wrap{flex-wrap: wrap; }
	.mob-flex-column{flex-direction:column !important;}
	.mob-flex-column-r{flex-direction:column-reverse !important;}
	
	.mjcfe{justify-content: flex-start;}
	.mjcfe{justify-content: flex-end;}
	.mjcc{justify-content: center;}
	.mjcsb{justify-content: space-between;}

	.maifs{align-items: flex-start;}
	.maife{align-items: flex-end;}
	.maic{align-items: center;}
	.maisb{align-items: space-between;}
}

.mtauto{margin-top: auto;}
.mlauto{margin-left: auto;}
.mbauto{margin-bottom: auto;}
.mrauto{margin-right: auto;}
.mb-0{margin-bottom:0;}

button, a{cursor: pointer;}
.uc{text-transform: uppercase;}
.ul{text-decoration: underline;}
.w-100{width:100%;}
.h-fc{height:fit-content}
.w-fc{height:fit-content}

.rel{position:relative;}
.fixed{position:fixed;}


.btn{border:calc(var(--ss)*1vw) solid var(--green); display:flex; font:var(--btn); text-transform: uppercase; width:fit-content; height:calc(var(--ss)*45vw); justify-content: center; align-items:center; background:transparent; color:var(--green); transition: 0.3s color, 0.3s border, 0.3s background; cursor: pointer; padding:0 calc(var(--ss)*16vw); letter-spacing: 0.05em;}
.btn:hover{ background: var(--green); color:var(--fc2);}
.btn.btn-thin{height:calc(var(--ss)*25vw); padding:0 calc(var(--ss)*5vw); padding-top:calc(var(--ss)*1vw);}

.btn-orange{border:calc(var(--ss)*1vw) solid var(--orange); color:var(--orange);}
.btn-orangeHover{background:var(--orange); color:var(--green);}

@media(max-width:768px){
	.btn{ height:calc(var(--ss)*30vw); padding:0 calc(var(--ss)*8vw);}
	.btn.btn-thin{height:calc(var(--ss)*23vw); padding:0 calc(var(--ss)*5vw); padding-top:calc(var(--ss)*2vw);}
}


/* HEADER
======================================================= */
header{max-height:var(--header__height); padding:calc(var(--ss)*60vw) var(--hpad) calc(var(--ss)*57vw); width:100%; z-index:2001; transition:0.3s padding;}
header .logo img{width:calc(var(--ss)*241vw); height:calc(var(--ss)*63vw); object-fit: contain;}

@media(min-width:769px){
	body.loaded:not(.very-top) header{padding:calc(var(--ss)*30vw) var(--hpad) calc(var(--ss)*27vw);}
}

@media(max-width:768px){
	header{padding:calc(var(--ss)*30vw) var(--hpad);}
	header .logo img{width:calc(var(--ss)*157vw); height:calc(var(--ss)*41vw);}
}

/* FOOTER
======================================================= */
footer{ padding:calc(var(--ss)*50vw) var(--hpad) calc(var(--ss)*65vw);}

.footer-lg img{width:calc(var(--ss)*248vw);height:calc(var(--ss)*106vw);}
footer .mod-menu{display:flex; justify-content:flex-start; align-items: center; gap:calc(var(--ss)*25vw); margin-bottom:calc(var(--ss)*30vw);}
footer .mod-menu a{color:var(--orange);text-transform: uppercase; font:var(--footer); letter-spacing:0.25em; min-width: max-content; display: block;}

.footer p{margin-bottom: 0;}
.footer a{margin-bottom: 0; }

.footer-copy{padding-bottom:calc(var(--ss)*10vw);}

@media(max-width:768px){
	footer{ padding:calc(var(--ss)*10vw) var(--hpad) calc(var(--ss)*27vw); }
	.footer-left{width:100%;}

	.footer-menu{background:var(--white); padding:calc(var(--ss)*16vw) 0 calc(var(--ss)*19vw); display: flex; flex-direction: column; align-items: center;}

	.footer-lg img{width:calc(var(--ss)*195vw);height:calc(var(--ss)*84vw);margin-bottom:calc(var(--ss)*12vw);}
	footer .mod-menu{display:flex; flex-wrap: wrap; justify-content:center; align-items: center; gap:0; margin-bottom:0;}
	footer .mod-menu a{color:var(--orange);text-transform: uppercase; font:var(--footer); letter-spacing:0.25em;  margin:0 calc(var(--ss)*13vw) calc(var(--ss)*7vw)}

	.footer p{margin-bottom: 0;}
	.footer a{margin-bottom: 0; min-width: max-content;}

	.footer-copy{padding-bottom:0; padding-top:calc(var(--ss)*24vw); text-align:center;}
	.footer-copy > p:first-child{margin-bottom:1em;}
}


/* SLIDER
======================================================= */
.slider{width:100%; height:fit-content;}
.slick-track[class*="first-slide-"] > .slick-cloned:nth-child(2), 
.slick-slide { transition: .5s ease; }
.slick-slider, .slick-track { display:flex; flex-flow:row;}
.slick-list { overflow: hidden; }
.slick-track, .slick-list{height:100%;}
.slider img{width:100%; height:100%; object-fit: cover}
.slider:not(.slick-initialized) img:not(:first-child),
.image-slider:not(.slick-initialized) img:not(:first-child),
.nav-slider:not(.slick-initialized) .copy:not(:first-child){display:none;}
.slick-arrow{position:absolute; width:50%; height:100%; background:transparent;border:0; z-index: 1001; padding:0;top:0; display:flex; align-items: center; padding:calc(var(--ss)*20vw)}
.slick-arrow span{width:calc(var(--ss)*49vw); height:calc(var(--ss)*49vw); object-fit: contain; transition:0.3s opacity; display:block;}
.slick-arrow.slick-prev{left:0; justify-content: flex-start; cursor:url('/templates/bargate/images/shared/prev-circle.svg'), auto;}
.slick-arrow.slick-next{right:0; justify-content:flex-end; cursor:url('/templates/bargate/images/shared/next-circle.svg'), auto}
.slick-arrow.slick-prev span{background:url('/templates/bargate/images/shared/prev-circle.svg') center / contain no-repeat;}
.slick-arrow.slick-next span{background:url('/templates/bargate/images/shared/next-circle.svg') center / contain no-repeat;}

.orange-bg .slick-arrow.slick-prev{left:0; justify-content: flex-start; cursor:url('/templates/bargate/images/shared/prev-orange-circle.svg'), auto;}
.orange-bg .slick-arrow.slick-next{right:0; justify-content:flex-end; cursor:url('/templates/bargate/images/shared/next-orange-circle.svg'), auto}
.orange-bg .slick-arrow.slick-prev span{background:url('/templates/bargate/images/shared/prev-orange-circle.svg') center / contain no-repeat;}
.orange-bg .slick-arrow.slick-next span{background:url('/templates/bargate/images/shared/next-orange-circle.svg') center / contain no-repeat;}

.lbeige-bg .slick-arrow.slick-prev{left:0; justify-content: flex-start; cursor:url('/templates/bargate/images/shared/prev-lbeige-circle.svg'), auto;}
.lbeige-bg .slick-arrow.slick-next{right:0; justify-content:flex-end; cursor:url('/templates/bargate/images/shared/next-lbeige-circle.svg'), auto}
.lbeige-bg .slick-arrow.slick-prev span{background:url('/templates/bargate/images/shared/prev-lbeige-circle.svg') center / contain no-repeat;}
.lbeige-bg .slick-arrow.slick-next span{background:url('/templates/bargate/images/shared/next-lbeige-circle.svg') center / contain no-repeat;}

.brown-bg .slick-arrow.slick-prev{left:0; justify-content: flex-start; cursor:url('/templates/bargate/images/shared/prev-brown-circle.svg'), auto;}
.brown-bg .slick-arrow.slick-next{right:0; justify-content:flex-end; cursor:url('/templates/bargate/images/shared/next-brown-circle.svg'), auto}
.brown-bg .slick-arrow.slick-prev span{background:url('/templates/bargate/images/shared/prev-brown-circle.svg') center / contain no-repeat;}
.brown-bg .slick-arrow.slick-next span{background:url('/templates/bargate/images/shared/next-brown-circle.svg') center / contain no-repeat;}



.slider:not(.has-dots) .img-caption{position:absolute; bottom:calc(var(--ss)*48vw); left:50%; transform:translateX(-50%);}

.slider.has-dots .img-caption.key{background:transparent; color:var(--green) !important; width:100%;text-align: center; padding:calc(var(--ss)*30vw) 0 calc(var(--ss)*15vw)}

.slick-dots {display:flex; align-items: center; justify-content: center; width:100%;}
.slick-dots button{display:none;}
.slick-dots li { font-size: 0; line-height: 0; text-indent: -200vw; height: calc(var(--ss)*20vw); width: calc(var(--ss)*20vw); border-radius: 50%; background: var(--white); border: none; padding: 0; margin:0 calc(var(--ss)*5vw);  cursor: pointer; transition: background 0.3s; line-height: 0;}
.slick-dots .slick-active{background:var(--green);}

@media(min-width:769px){
	.slider .img-caption{min-width: max-content;}
	.slider:hover .slick-arrow span{opacity:0;}
	.slider:not(.has-dots) .img-caption.span-2 span:nth-child(1){padding-right: 0;}
	.slider:not(.has-dots) .img-caption.span-2 span:nth-child(2){padding-left: 0;}
	
}

@media(max-width:768px){
	.slick-arrow{padding:0;width:calc(var(--ss)*40vw)}
	.slick-arrow.slick-prev{cursor:url('/templates/bargate/images/shared/slide-prev-mob.svg'), auto !important;transform:translateX(calc(var(--ss)*-20vw))}
	.slick-arrow.slick-next{cursor:url('/templates/bargate/images/shared/slide-next-mob.svg'), auto !important;transform:translateX(calc(var(--ss)*20vw))}
	.slick-arrow span{width:calc(var(--ss)*20vw); height:calc(var(--ss)*20vw);}
	
	.slick-arrow.slick-prev span{background:url('/templates/bargate/images/shared/slide-prev-mob.svg') center / contain no-repeat !important; }
	.slick-arrow.slick-next span{background:url('/templates/bargate/images/shared/slide-next-mob.svg') center / contain no-repeat !important;}
	
	.slider:not(.has-dots) .img-caption{bottom:calc(var(--ss)*18vw); text-align: center;}
	.slider:not(.has-dots) .img-caption span{display: inline-block;width: max-content;}
	
	.slider-dots{margin-bottom:calc(var(--ss)*30vw);}
	.slider.has-dots .img-caption.key{padding:calc(var(--ss)*13vw) 0; }
	
	.slick-dots li { height: calc(var(--ss)*12vw); width: calc(var(--ss)*12vw);margin:0 calc(var(--ss)*3vw);  cursor: pointer;}
}


/* VIDEO
======================================================= */
.video{width: 100%; height:100%; overflow:hidden;}
iframe:not([title="reCAPTCHA"]){ height:100%; width:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }

@media (min-aspect-ratio: 1 / 1) { 
	iframe:not([title="reCAPTCHA"]){ height:auto; width:100%; }
}

/* BLOCK TITLE
======================================================= */
.block-title{}
.block-title h2{ margin-bottom:calc(var(--ss)*5vw);}

@media(max-width:768px){
	.block-title{}
	
}


/* HERO BLOCK
======================================================= */
.hero-block{height:calc(100vh - var(--header__height));min-height:calc(var(--ss)*768vw)}
.hero-block > div, .hero-block > div > div{height:100%; width:100%; overflow:hidden; }

.hero-block > div > div{}
.hero-block > div > div:before{position:absolute;width:100%;height:100%;content:'';display: block;background:url('/templates/bargate/images/shared/hero-bg.svg') left center / cover no-repeat; z-index:1001}

.hero-block .hero-text{position:absolute; bottom:33.3%; left:var(--hpad);z-index:1002}
.hero-block .hero-sticker{position:absolute; bottom:33.3%; right:var(--hpad); width:calc(var(--ss)*211vw); height:calc(var(--ss)*211vw); object-fit:contain;z-index:1003}
.hero-block .hero-slider{transform:none !important; opacity:1 !important;height:100%;width:100%;}
.hero-block .hero-slider img{object-fit:cover;}


	
@media(max-width:768px){
	.hero-block{height:calc(var(--ss)*264vw);min-height:calc(var(--ss)*264vw);}
	.hero-block .hero-text{bottom:calc(var(--ss)*30vw);}
	.hero-block .hero-sticker{ bottom:auto; right:auto; left:var(--hpad); top:var(--vpad); width:calc(var(--ss)*101vw); height:calc(var(--ss)*101vw); }
	.hero-block > div > div:before{background:url('/templates/bargate/images/shared/hero-bg-mob.svg') top right / cover no-repeat;}
}

/* DEFAULT BLOCK
======================================================= */
.default-block > div.content{padding:calc(var(--ss)*141vw) var(--hpad) calc(var(--ss)*130vw); text-align: center;}

.default-block .copy{max-width:calc(var(--ss)*935vw); margin:0 auto;}

@media(max-width:768px){
	.default-block > div.content{padding:var(--vpad) var(--hpad);}
	.default-block .content h1, .default-block .content h2, .default-block .content h3{ margin:0 auto calc(var(--ss)*20vw);}
}

/* NAV BLOCK
======================================================= */

.nav-link{transition:0.5s transform; transform:none !important; opacity:1 !important;}
.nav-link img{object-fit:cover;transition:1s transform; transition-delay:.5s}
.nav-link .key, .nav-link h3, .nav-link h2{margin-bottom:calc(var(--ss)*8vw);}
.nav-link .nav-text:after{position:absolute;content:'';display:block;background:url('/templates/bargate/images/shared/nav-arrow.svg') center / contain no-repeat;width:calc(var(--ss)*100vw); height:calc(var(--ss)*95.5vw); transition:0.3s transform; z-index: 1;}
.nav-link:hover .nav-text:after{transform:translateX(20%);}

.nav-link .nav-text{opacity:0; transition: 1s opacity;}
.nav-link.fade-in .nav-text{opacity:1;}

.nav-link.fade-in img{transform:translateX(0) !important;}

@media(min-width:769px){
	.nav-block > div{height:calc(var(--ss)*1318vw)}
	.nav-link{position: absolute;}
	.nav-link:nth-child(1){top:calc(var(--ss)*80vw); left:calc(var(--ss)*134vw); width:calc(var(--ss)*656vw);}
	.nav-link:nth-child(1) img{width:calc(var(--ss)*372vw);height:calc(var(--ss)*417vw)}
	.nav-link:nth-child(1) .nav-text{width:calc(var(--ss)*283vw)}
	.nav-link:nth-child(1) .nav-text:after{top:calc(var(--ss)*121vw);left:calc(var(--ss)*232vw)}
	
	.nav-link:nth-child(1) img,
	.nav-link:nth-child(2) img{transform:translateX(calc(var(--ss)*920vw))}
	
	.nav-link:nth-child(3) img,
	.nav-link:nth-child(4) img{transform:translateX(calc(var(--ss)*-920vw))}

	.nav-link:nth-child(2){top:calc(var(--ss)*163vw); right:calc(var(--ss)*43vw);flex-direction: column;width:calc(var(--ss)*337vw);}
	.nav-link:nth-child(2) img{width:calc(var(--ss)*337vw);height:calc(var(--ss)*421vw);}
	.nav-link:nth-child(2) .nav-text{margin-bottom:calc(var(--ss)*24vw);}
	.nav-link:nth-child(2) .nav-text:after{bottom:0;right:0}

	.nav-link:nth-child(3){top:calc(var(--ss)*463vw); left:calc(var(--ss)*40vw); width:calc(var(--ss)*845vw); flex-direction: row-reverse;}
	.nav-link:nth-child(3) img{width:calc(var(--ss)*338vw);height:calc(var(--ss)*363vw);}
	.nav-link:nth-child(3) .nav-text{width:calc(var(--ss)*507vw); padding-left:calc(var(--ss)*40vw); justify-content: flex-end;}
	.nav-link:nth-child(3) .nav-text:after{bottom:calc(var(--ss)*-54vw);left:calc(var(--ss)*-95vw)}

	.nav-link:nth-child(4){bottom:calc(var(--ss)*80vw); left:calc(var(--ss)*224vw); width:calc(var(--ss)*877vw); flex-direction: row-reverse;}
	.nav-link:nth-child(4) img{width:calc(var(--ss)*427vw);height:calc(var(--ss)*313vw);}
	.nav-link:nth-child(4) .nav-text{width:calc(var(--ss)*449vw); padding-left:calc(var(--ss)*40vw); justify-content: flex-end;}
	.nav-link:nth-child(4) .nav-text:after{top:calc(var(--ss)*73vw);right:0}
}

@media(max-width:768px){
	.nav-block > div{padding:calc(var(--ss)*45vw) var(--hpad) calc(var(--ss)*40vw)}
	.nav-link{width:100%;}
	.nav-link .nav-text:after{width:calc(var(--ss)*51vw); height:calc(var(--ss)*49vw);}
	.nav-link h3, .nav-link h2{margin-bottom:calc(var(--ss)*1vw);}
	.nav-link .key{margin-bottom:calc(var(--ss)*3vw);}
	
	.nav-link:nth-child(1) img,
	.nav-link:nth-child(3) img{transform:translateX(calc(var(--ss)*-340vw))}
	
	.nav-link:nth-child(2) img,
	.nav-link:nth-child(4) img{transform:translateX(calc(var(--ss)*340vw))}
	
	.nav-link:nth-child(1){flex-direction:row-reverse;margin-bottom:calc(var(--ss)*23vw);}
	.nav-link:nth-child(1) img{width:calc(var(--ss)*141vw);height:calc(var(--ss)*158vw);}
	.nav-link:nth-child(1) .nav-text{padding-left:calc(var(--ss)*14vw);justify-content: flex-end;width:calc(100% - calc(var(--ss)*141vw))}
	.nav-link:nth-child(1) .nav-text:after{top:calc(var(--ss)*23vw);left:calc(var(--ss)*82vw)}
	
	.nav-link:nth-child(2){margin-bottom:calc(var(--ss)*29vw);}
	.nav-link:nth-child(2) img{width:calc(var(--ss)*124vw);height:calc(var(--ss)*149vw);}
	.nav-link:nth-child(2) .nav-text{width:calc(100% - calc(var(--ss)*124vw))}
	.nav-link:nth-child(2) .nav-text:after{bottom:0;right:calc(var(--ss)*11vw)}
	
	.nav-link:nth-child(3){flex-direction:column;margin-bottom:calc(var(--ss)*30vw);}
	.nav-link:nth-child(3) img{width:calc(var(--ss)*213vw);height:calc(var(--ss)*155vw);}
	.nav-link:nth-child(3) .nav-text{margin-left:auto;width:calc(var(--ss)*245vw);padding-bottom:calc(var(--ss)*14vw);}
	.nav-link:nth-child(3) .nav-text:after{bottom:calc(var(--ss)*-49vw);right:calc(var(--ss)*12vw)}
	
	.nav-link:nth-child(4){position:relative;}
	.nav-link:nth-child(4) img{width:calc(var(--ss)*143vw);height:calc(var(--ss)*190vw);margin-left: auto;}
	.nav-link:nth-child(4) .nav-text{position: absolute; width:calc(var(--ss)*200vw); left:0; top:calc(var(--ss)*20vw); z-index: 1;}
	.nav-link:nth-child(4) .nav-text:after{bottom:calc(var(--ss)*-38vw);left:calc(var(--ss)*123vw)}
	.nav-link:nth-child(4) .nav-text p{max-width:calc(var(--ss)*108vw)}
	
}

/* MAP BLOCK
======================================================= */

.map-wrap{}
#google-map{width:100%; height:calc(var(--ss)*674vw);}
.map-text h1, .map-text h2, .map-text h3{margin-bottom:calc(var(--ss)*20vw);}
.map-block .map-slider{width:calc(var(--ss)*857vw)}
.map-block .map-text{width:calc(100% - calc(var(--ss)*857vw)); padding:var(--vpad) calc(var(--ss)*25vw) var(--vpad) var(--hpad);}
.map-block .map-slider .img-wrap{width:calc(var(--ss)*817vw); height:calc(var(--ss)*595vw)}
#google-map .gm-style-moc,#google-map .gmnoprint, #google-map a{display:none !important;}

@media(min-width:769px){
	.map-block .map-slider .slide-wrap{padding:var(--vpad) 0 var(--vpad) var(--hpad);}
	
}

@media(max-width:768px){
	.map-text h1, .map-text h2, .map-text h3{margin-bottom:calc(var(--ss)*10vw);}
	#google-map{width:100%; height:calc(var(--ss)*335vw);}
	.map-block .map-text{ padding:var(--vpad) var(--hpad); width:100%; }
	.map-block .map-slider{width:100%;}
	.map-block .map-slider .img-wrap{width:calc(var(--ss)*335vw); height:calc(var(--ss)*244vw)}
	
}

/* TEXT IMAGES BLOCK
======================================================= */
.text-image-block .text-image-content{padding:var(--vpad) var(--hpad);}
.text-image-block .image-content{width:calc(var(--ss)*817vw);line-height:0;}
.text-image-block .image-content img{width:calc(var(--ss)*817vw);height:calc(var(--ss)*595vw);}
.text-image-block .text-content{width:calc(100% - calc(var(--ss)*817vw));}
.text-image-block .text-content h1, .text-image-block .text-content h2, .text-image-block .text-content h3{margin-bottom:calc(var(--ss)*20vw);}
.text-image-block .text-content .btn{margin-top:calc(var(--ss)*40vw);}
.text-image-block .text-content .copy .btn{margin-top:calc(var(--ss)*14vw); padding:none; width:calc(var(--ss)*161vw)}
.text-image-block .text-content .copy div > a:first-child{margin-bottom:calc(var(--ss)*3vw);}
.text-image-block .text-content .copy joomla-hidden-mail{margin-bottom:calc(var(--ss)*3vw);}
.text-image-block .text-content .copy a:not(.btn), .text-image-block .text-content .copy joomla-hidden-mail{display:inline-block;}
.text-image-block .text-content .contact-details > div:first-child{margin-right:calc(var(--ss)*13vw);}


@media(min-width:769px){
	.text-image-block .text-content{padding-left:var(--hpad);}
	.text-image-block .reverse .text-content{padding-right:calc(var(--ss)*16vw); padding-left:0;}
	#your-landlord .text-content{justify-content: flex-end; padding-bottom: calc(var(--ss)*93vw);padding-right: calc(var(--ss)*30vw);}
}


@media(max-width:768px){
	.text-image-block  .text-image-content{padding:0;}
	.text-image-block .image-content{width:100%;}
	.text-image-block .text-content{width:100%; padding:var(--vpad) var(--hpad)}
	#amenities-perks .text-content{width:100%; padding:var(--vpad) calc(var(--ss)*15vw) var(--vpad) var(--hpad)}
	#your-landlord .text-content{width:100%; padding:var(--vpad) calc(var(--ss)*15vw) var(--vpad) var(--hpad)}
	.text-image-block .text-content h1, .text-image-block .text-content h2, .text-image-block .text-content h3{margin-bottom:calc(var(--ss)*10vw);}
	.text-image-block .image-content img{width:calc(var(--ss)*335vw);height:calc(var(--ss)*244vw);}
	.text-image-block .text-content .btn{margin-top:calc(var(--ss)*20vw);}
	.text-image-block .text-content .copy .btn{margin-top:calc(var(--ss)*10vw); width:calc(var(--ss)*114vw)}
	.text-image-block .text-content .copy div.jcsb{justify-content: flex-start;}
	.text-image-block .text-content .copy div.jcsb > div:first-child{margin-right:calc(var(--ss)*13vw);}
	.text-image-block .text-content .copy p joomla-hidden-mail a{margin-bottom:calc(var(--ss)*2vw);}
	.text-image-block .text-content .contact-details > div:first-child{margin-right:calc(var(--ss)*10vw);}
}

.icons-block{padding:0;}
.icons-block .icon-wrap{width:calc(100% / 6);height:calc(var(--ss)*214vw); padding:calc(var(--ss)*27vw) calc(var(--ss)*18vw) calc(var(--ss)*18vw)}

.icons-block img{height:auto; width:auto;max-width:calc(var(--ss)*115vw); max-height:calc(var(--ss)*96vw); object-fit: contain; object-position: bottom center; margin-bottom:calc(var(--ss)*12vw);}

@media(min-width:769px){
.icons-block .icon-wrap:nth-child(2),
.icons-block .icon-wrap:nth-child(4),
.icons-block .icon-wrap:nth-child(6),
.icons-block .icon-wrap:nth-child(7),
.icons-block .icon-wrap:nth-child(9),
.icons-block .icon-wrap:nth-child(11){background:var(--beige);}
}

@media(max-width:768px){
	.icons-block .icon-wrap:nth-child(even){background:var(--beige);}
	.icons-block .icon-wrap{width:calc(100% / 3);height:calc(var(--ss)*111vw); padding:calc(var(--ss)*10vw);}
	.icons-block img{max-width:calc(var(--ss)*60vw); max-height:calc(var(--ss)*50vw);  margin-bottom:calc(var(--ss)*5vw);}
}

/* FORM
======================================================= */
.contact-form form.form.ui{display:flex; flex-wrap:wrap; justify-content:space-between;}
.contact-form > h3{display: none;}
.G3-body form.form.ui .text-content{margin-bottom:calc(var(--ss)*38vw)}

form.form.ui > div{display:flex; flex-direction: column;}
form.form.ui > div.w-100{width:100%;}
form.form.ui > div.w-50{width:calc(var(--ss)*624vw)}

form.form.ui #cols_1 .field .w-100.dropdown .menu,
form .field.w-100 input[type="text"],
form .field.w-100 textarea{width:100%;}

form.ui.form .mainfield{position:relative;}
form.ui.form span.ui.red.text {position:absolute;bottom:calc(var(--ss)*-13vw); color:var(--orange)} 

@media(max-width:768px){
	.G3-body form.form.ui .text-content{margin-bottom:calc(var(--ss)*10vw);}
	form.form.ui > div.w-50{width:100%}
}


/* FIELDS */
form.form.ui .field{margin-bottom: 0; position:relative;}
form.form.ui .field > label,
form.form.ui .field.error > label,
form label{display:none}
form.ui.form input[type="text"],
form.ui.form input[type="text"]:focus,
form.ui.form input[type="text"]:hover,
form.ui.form .error input[type="text"],
form.ui.form textarea,
form.ui.form  #cols_1 > div .selection.dropdown,
form input[type="text"],
form textarea{padding:0 calc(var(--ss)*40vw) 0; border:none !important; box-shadow:none; border-radius:0 !important; background: var(--white) !important; margin-bottom:0; margin-top: calc(var(--ss)*20vw); font:var(--form); letter-spacing:normal; height:calc(var(--ss)*80vw); min-height:fit-content; display:flex; align-items: center; line-height:1; color:var(--fc1) !important;}
form input[type="text"],
form textarea{width:100%;}
form.ui.form textarea{height:calc(var(--ss)*180vw); padding-top:calc(var(--ss)*22vw); padding-bottom:calc(var(--ss)*22vw); margin-bottom:calc(var(--ss)*20vw);}

@media(max-width:768px){
	form.form.ui .field > label,
	form.form.ui .field.error > label,
	form label{display:none}
	form.ui.form input[type="text"],
	form.ui.form input[type="text"]:focus,
	form.ui.form input[type="text"]:hover,
	form.ui.form .error input[type="text"],
	form.ui.form textarea,
	form.ui.form  #cols_1 > div .selection.dropdown,
	form input[type="text"],
	form textarea{padding:0 calc(var(--ss)*20vw) 0; margin-top: calc(var(--ss)*10vw); height:calc(var(--ss)*45vw);}
	form.ui.form textarea{height:calc(var(--ss)*150vw); padding-top:calc(var(--ss)*14vw); padding-bottom:calc(var(--ss)*14vw); margin-bottom:calc(var(--ss)*20vw);}
}

/* CHECKBOX */

.contact-form .ui.form .ui.checkbox{width:100%;}
.contact-form .ui.form .ui.checkbox label{display:flex !important;padding-left:calc(var(--ss)*50vw); font:var(--small); color:var(--fc2) !important; width:100%; margin-bottom:calc(var(--ss)*24vw); align-items:center; padding-top:calc(var(--ss)*3.5vw);}
.contact-form .ui.form .ui.checkbox label:before{content:''; display:block; height:calc(var(--ss)*30vw); width:calc(var(--ss)*30vw); border-radius:0 !important; color:var(--fc2) !important; background:transparent; border:calc(var(--ss)*1vw) solid var(--white) !important; z-index:1; transition:bo 0.3s; font-family: Checkbox;  display: flex; justify-content: center; align-items: center;}
.contact-form .ui.form .ui.checkbox.checked label:before{ content: "\e800";}
.contact-form .ui.form .ui.checkbox:after,
.contact-form .ui.form .ui.checkbox label:after{display:none;}
.contact-form .ui.form .field.error .checkbox:not(.toggle):not(.slider) label::before{background:transparent;}

@media(max-width:768px){
	.contact-form .ui.form .ui.checkbox label{padding-left:calc(var(--ss)*35vw); margin-bottom:calc(var(--ss)*14vw);height:calc(var(--ss)*31vw); padding-top:0; }
	.contact-form .ui.form .ui.checkbox label:before{height:calc(var(--ss)*20vw); width:calc(var(--ss)*20vw); color:var(--fc1) !important; background:var(--white); top:50%; transform:translateY(-50%);}
}

/* SELECT */
form.ui.form .ui.default.dropdown:not(.button) > .text,
form.ui.form .ui.dropdown:not(.button) > .default.text{color:var(--fc1) !important; font:var(--form);}
form.ui.form .ui.selection.dropdown .menu{background:var(--white); border-radius:0;}
form.ui.form .ui.selection.active.dropdown .menu,
form.ui.form .ui.selection.active.dropdown:hover .menu{border:none; min-width:fit-content; left:0; }
form.ui.form .field .dropdown .menu > .item{font:var(--form); color:var(--fc1) !important; border-top:1px solid var(--grey); padding:calc(var(--ss)*14vw) calc(var(--ss)*40vw) !important}
form.ui.form .ui.selection.active.dropdown:hover { box-shadow: none;}
form.ui.form .field > .selection.dropdown > .dropdown.icon:before{display:none;}

.contact-form .ui.message.G3-message.success .copy{margin-top: calc(var(--ss)*38vw);}

form .hidden {display:none !important;}

@media(max-width:768px){
	.contact-form .ui.message.G3-message.success .copy{margin-top: calc(var(--ss)*10vw);}
}

/* SUBMIT */
.terms-submit{margin-top:auto;}
form.ui.form button[type="submit"],
input[type="submit"]{text-transform: uppercase; font:var(--btn); background:var(--orange); color:var(--white);}
form.ui.form button[type="submit"]:hover,
input[type="submit"]:hover{background:var(--green); color:var(--orange);}

@media(max-width:768px){
	
}


form.ui.form .required.field > .checkbox + span.ui.red.text{position:absolute;bottom:calc(var(--ss)*6vw);}

.G3-message.warning,
.ui.text.red.field.quti.block{display:none;}

.ui.message .copy p{font:var(--p1)}
@media(max-width:768px){

}

/*
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;}


/* LEGAL PAGES
======================================================= */
.legal .default-block .content h1{margin-bottom:calc(var(--ss)*50vw);}
.legal .default-block .content h2{margin-bottom:1.2em; max-width: 100%; margin-top: 2.4em; }
.legal .default-block .content h2:not(.no-border){border-top: 1px solid var(--white); padding-top:1.2em;}
.legal .default-block .copy { max-width: calc(var(--ss)*1080vw); }
.legal .copy ul li{font:var(--p1)}
.legal .copy ul{margin-bottom:1.2em; list-style: disc;margin-left:1.4em;}
.legal header ul li{display:none;}
.legal table, .legal th, .legal td{border:1px solid var(--fc2);}
.legal th, .legal td{padding:calc(var(--ss)*2vw) calc(var(--ss)*5vw);}

@media(max-width:768px){
	.legal .copy ul{margin-left:1.4em;}
}

.hidden {display:none !important;}