/* 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,.slider piture{width:100%; height:100%; object-fit: cover}
.slick-list { width: 100%; }

div[class*="-slider"]:not(.slick-initialized):not(.mob-slider) > *:not(:first-child){display:none;}

/* Slick Nav */
.slick-nav{padding:0; width:100%; margin-top:calc(var(--ss)*30vw);}

/* Slick Arrows */
.slick-arrow{width:calc(var(--ss)*25vw); min-width:calc(var(--ss)*25vw); height:calc(var(--ss)*25vw); background:transparent; padding:0; transition:0.3s all; display:flex; align-items: center; justify-content: center; border:var(--border-dgreen); border-radius:calc(var(--ss)*10vw)}
.slick-arrow.slick-disabled{opacity:0; pointer-events:none;}
.slick-arrow:hover{background:var(--yellow);}

.slick-arrow svg{height:calc(var(--ss)*12vw); width:calc(var(--ss)*11vw); object-fit: contain;}

.slick-nav.has-dots .slick-prev{order:1;}
.slick-nav.has-dots .slick-next{order:3;}

/* Slick Counter */
.slick-counter{ font:var(--btn); line-height:1em; letter-spacing:var(--ls05);}

/* Slick Dots */
.slick-dots {display:flex !important; align-items: center; justify-content: center; width:100%; order:2; gap:calc(var(--ss)*22vw)}
.slick-dots button{display:none;}
.slick-dots li { font-size: 0; line-height: 0; text-indent: -200vw; height: calc(var(--ss)*8vw); width:calc(var(--ss)*8vw); min-width: calc(var(--ss)*8vw);  background:var(--white30); padding:0; cursor:pointer; transition: all  0.3s; aspect-ratio:1 / 1;}
.slick-dots .slick-active{background:var(--white);}

/* Slick Captions */
.slick-captions{position:absolute; left:50%; bottom:calc(var(--ss)*30vw); transform:translateX(-50%); height:calc(var(--ss)*30vw); display:flex; align-items: center; justify-content: center; padding:0 calc(var(--ss)*20vw); transition:0.3s all; font:var(--btn); color:var(--dgreen); text-transform: uppercase; letter-spacing:var(--ls05); background:var(--yellow);border: var(--border-dgreen); white-space: nowrap; border-radius:calc(var(--ss)*50vw);opacity:0; }
.slick-captions.show{opacity:1;}
.slick-slider .img-captions{display:none;}

@media(max-width:768px){
    .slick-nav.m-pad{padding:0 var(--hpad)}
    
}

@media(min-width:769px){
    /* Slick Nav */
    .slick-nav{padding:0; width:100%; margin-top:calc(var(--ss)*40vw);}
/*    div[class*="-slider"].mob-slider > *:not(:first-child){display:initial;}*/
}

@media(min-width:1441px){
    /* Slick Nav */
    .slick-nav{padding:0; width:100%; margin-top:calc(40/16*1rem);}
    
    /* Slick Arrows */
    .slick-arrow{width:calc(25/16*1rem); min-width:calc(25/16*1rem); height:calc(25/16*1rem); border-radius:calc(10/16*1rem) }
    .slick-arrow svg{height:calc(12/16*1rem); width:calc(11/16*1rem); object-fit: contain;}
    
    /* Slick Captions */
    .slick-captions{bottom:calc(30/16*1rem); height:calc(30/16*1rem); padding:0 calc(20/16*1rem); border-radius:calc(50/16*1rem) }

}


/* VIDEO
======================================================= */
.video, .video-wrap{width: 100%; height:100%; overflow:hidden;}
.video iframe{ height:auto; width:100.5%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.video[data-aspect="landscape"] iframe { height:100.5%; }
.video.portrait iframe{width:auto; height:100.5%;}
.hero-block .video.portrait iframe { width:auto; height:109.5%; }


/* Custom controls */
.custom-controls-wrap{width:100%; height:100%; position: absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items: center; justify-content: center; flex-direction: column; transition: 0.3s all; opacity:1; cursor:pointer;}

.custom-play{width:calc(var(--ss)*26vw); height:calc(var(--ss)*26vw); border:none; background:transparent;transition: 0.3s all;opacity:1;z-index: 10; display:flex; align-items: center; justify-content:center; padding:0; }

.custom-play svg{width:calc(var(--ss)*26vw); height:calc(var(--ss)*26vw);}
.custom-play svg path{transition:all 0.3s;}

.custom-play:hover .hover-fill{fill:var(--dgreen);}

.bg-video .custom-play{z-index: 10000;}

.custom-title{display:flex; border:var(--border-dgreen); width:fit-content; white-space: nowrap; height:calc(var(--ss)*30vw); justify-content: center; align-items:center; background:var(--yellow); color:var(--dgreen); transition: 0.3s all;  padding:0 calc(var(--ss)*20vw); border-radius:calc(var(--ss)*50vw); letter-spacing: var(--ls05);text-align: center; text-transform: uppercase; position: absolute; bottom:calc(var(--ss)*30vw); left:50%; transform:translateX(-50%); opacity:1;}

.video.playing + .custom-controls-wrap .custom-play,
.video.playing + .custom-controls-wrap .custom-title{opacity:0; pointer-events: 0;}


@media(max-width:768px){

}

@media(min-width:769px){

}

@media(min-width:1441px){
    .custom-play,
    .custom-play svg{width:calc(26/16*1rem); height:calc(26/16*1rem);}
    
    .custom-title{height:calc(30/16*1rem); padding:0 calc(20/16*1rem); border-radius:calc(50/16*1rem); bottom:calc(30/16*1rem); }
}


@media (min-aspect-ratio: 1 / 1) { 
/*	.video iframe{ height:auto; width:100.5%; }*/
}


/* HOMEVIEWS BLOCK
======================================================= */
.homeviews-block{ text-decoration: none !important; line-height:1em;}
.homeviews-block .stars{ width:calc(var(--ss)*145vw); height:calc(var(--ss)*21vw); }
.homeviews-block .homeviews{width:calc(var(--ss)*105vw); height:calc(var(--ss)*21vw); }

.copy .homeviews-block{margin-top:calc(var(--ss)*50vw);}

@media(max-width:768px){}

@media(min-width:769px){}

@media(min-width:1441px){
    .homeviews-block .stars{ width:calc(145/16*1rem); height:calc(21/16*1rem); }
    .homeviews-block .homeviews{width:calc(105/16*1rem); height:calc(21/16*1rem); }
}


/* SOCIAL ICONS
======================================================= */
.social-wrap a{line-height:0; font-size:0;}
.social-wrap a svg{width:calc(var(--ss)*22vw); height:calc(var(--ss)*22vw)}
.social-wrap a.facebook svg{width:calc(var(--ss)*24vw); height:calc(var(--ss)*24vw)}
.social-wrap a.tiktok svg{width:calc(var(--ss)*28vw); height:calc(var(--ss)*28vw)}

.social-wrap a .hover-fill{transition:all 0.3s;}

.social-wrap a:active .hover-fill,
.social-wrap a:hover .hover-fill,
.social-wrap a:focus .hover-fill{fill:var(--yellow) !important;}

.dgreen-bg .social-wrap a .hover-fill{fill:var(--lcream);}

@media(max-width:768px){}

@media(min-width:769px){}

@media(min-width:1441px){
}

/* IOS FIXES */
@media(max-width:768px){
}

/* HEADER
======================================================= */
header{width:100% !important; z-index:2004; /*pointer-events: none;*/ top:0; transition:0.3s all; padding:calc(var(--ss)*18vw) calc(var(--ss)*25vw) calc(var(--ss)*18vw) calc(var(--ss)*50vw); height:calc(var(--ss)*53vw); border-bottom-right-radius:calc(var(--ss)*30vw); border-bottom-left-radius:calc(var(--ss)*30vw);}

header .logo img{width:calc(var(--ss)*198vw); height:calc(var(--ss)*14vw); object-position: left;}

@media(max-width:768px){
    body:not(.vary-top):not(.scroll-up) header{background:transparent; pointer-events:none; transform:all 0.3s;}
    header .mobile-header-wrap{opacity:1; transform:all 0.3s}
    body:not(.vary-top):not(.scroll-up) header .mobile-header-wrap{opacity:0; transform:all 0.3s; pointer-events: all;}

}

@media(min-width:769px){
    header{height:calc(var(--ss)*60vw); border-bottom-left-radius:calc(var(--ss)*50vw); border-bottom-right-radius:calc(var(--ss)*50vw); padding:calc(var(--ss)*15vw) calc(var(--ss)*100vw);transition:0.3s all;transition-delay:0.15s}
    header.menu-open{height:calc(var(--ss)*224vw); transition-delay:0s; background-color: var(--cream)}
    
    header .logo img{width:calc(var(--ss)*253vw); height:calc(var(--ss)*18vw);}
    
    /* MENU */
    header ul{display:flex; align-items: center; gap:calc(var(--ss)*40vw)} /*was 50vw*/
    header ul li a{font:var(--btn); letter-spacing: var(--ls05); text-transform: uppercase; transition:all 0.3s; color:var(--dgreen);}
    header ul li a:hover,
    header ul li.active > a{color:var(--orange)}
    
    header ul .d-btn{display:flex; border:0; width:fit-content; height:calc(var(--ss)*30vw); justify-content: center; align-items:center; background:var(--orange); color:var(--cream) !important; transition: 0.3s all; cursor: pointer; padding:0 calc(var(--ss)*20vw); text-align: center; border-radius:calc(var(--ss)*50vw);}
    
    header ul .d-btn:active,
    header ul .d-btn:hover,
    header ul .d-btn:focus{background:var(--dgreen); color:var(--lcream)}
    
    /* SUB MENU */
    header .parent ul{position:absolute;top:calc(var(--ss)*50vw); right:0;opacity:0;  width:100%;  pointer-events:none; border-top:var(--border-dgreen); padding-top:calc(var(--ss)*25vw); align-items: flex-start; gap:calc(var(--ss)*60vw); transition:0.15s all;}
    
    header .parent ul li a{text-align: center; display: flex; flex-direction: column; align-items: center;}
    header .parent ul li img{width:calc(var(--ss)*130vw); height:calc(var(--ss)*78vw); object-fit: cover; margin-bottom:calc(var(--ss)*19vw);}
    
    header .parent.open ul{opacity:1; pointer-events: all; transition-delay:0.15s}
    
}

@media(min-width:1441px){
    header{height:calc(60/16*1rem); border-bottom-left-radius:calc(50/16*1rem); border-bottom-right-radius:calc(50/16*1rem);  padding:calc(15/16*1rem) calc(100/16*1rem);}
    header.menu-open{height:calc(224/16*1rem); background: var(--lcream);}
    
    header .container{max-width:calc(1240/16*1rem) !important;}
    
    header .logo img{width:calc(253/16*1rem); height:calc(18/16*1rem);}
    
    /* MENU */
    header ul{gap:calc(50/16*1rem);}
    header ul .d-btn{height:calc(30/16*1rem); padding:0 calc(20/16*1rem); border-radius:calc(50/16*1rem);}
    
    /* SUB MENU */
    header .parent ul{top:calc(50/16*1rem); width:var(--fw); left:50%; transform:translateX(-50%); padding-top: calc(25/16*1rem); gap:calc(60/16*1rem)}
    
    header .parent ul li img{width:calc(130/16*1rem); height:calc(78/16*1rem); margin-bottom:calc(19/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){

}


/* MEGA MENU
======================================================= */

@media(max-width:768px){
    .mega-menu{left:0; right:0; bottom:0;transform:translateY(101%); transition:0.3s all;}
    .mega-menu:before{position: fixed; display:block; content:''; bottom:0; left:0; right:0; height:101dvh; height:101vh; width:100vw; background:rgba(48, 64, 59, 0.50);transition:0.4s all; opacity:0; pointer-events: none;}
    
    .mega-inner{border-top-left-radius:calc(var(--ss)*30vw); border-top-right-radius:calc(var(--ss)*30vw); padding:calc(var(--ss)*48vw) 0 0; max-height:calc(100vh - calc(var(--ss)*30vw)); height:fit-content;}
    
    #close-drawer{width:calc(var(--ss)*64vw); height:calc(var(--ss)*4vw); top:calc(var(--ss)*20vw); left:calc(50% - calc(var(--ss)*32vw)); border-radius:calc(var(--ss)*2vw)}
    
    .mobile-scroll{width:100%; height:100%; overflow:scroll; padding:0 var(--hpad) calc(var(--ss)*25vw)}
    
    /* MENU */
    .mega-menu ul,.mega-menu li{width:100%;}
    .mega-menu ul a{width:100%; height:calc(var(--ss)*51vw); border-bottom:var(--border-stone); display:flex; align-items: center; padding:calc(var(--ss)*18vw) 0; font:var(--nav); color:var(--dgreen) !important}
    .mega-menu ul a span{color:var(--dgreen) !important;}
    .mega-menu ul ul a{font:var(--nav2); text-transform: uppercase;letter-spacing:var(--ls05);}
    
    .mega-menu ul ul a img{display:none;}
    
    /* FOOTER */
    .mega-footer{margin-top: calc(var(--ss)*25vw);}
    
    /* MEGA OPEN */
    body.mega-open .mega-menu{transform:translateY(0%); transition:0.3s all;}
    body.mega-open .mega-menu:before{transition:0.3s all; transform:translateY(0%); opacity:1; pointer-events: all;}
    body.mega-open main,
    body.mega-open .mobile-header-wrap {opacity:0.5}

}

@media(min-width:769px){}

@media(min-width:1921px){}

/* IOS FIXES */
@media(max-width:768px){}



/* HAMBURGER
======================================================= */
@media(max-width:768px){
    #hamburger{display:block; transition: .5s ease-in-out;pointer-events:all;background:transparent; cursor: pointer}
    
    #hamburger svg{ width:calc(var(--ss)*20vw); height:calc(var(--ss)*16vw); }
}


/* MOBILE NAV
======================================================= */
.mobile-nav{bottom:0; left:0; z-index: 2003; border-top-left-radius: calc(var(--ss)*25vw); border-top-right-radius:calc(var(--ss)*25vw);}
.mobile-nav .container{padding-top:calc(var(--ss)*24vw); padding-bottom: calc(var(--ss)*34vw);}

.mn-btn{gap:calc(var(--ss)*9vw); font:var(--nav2); font-weight: 500; color:var(--dgreen) !important;}
.mn-btn span{ color:var(--dgreen) !important;}

.mobile-nav .hamburger-btn{gap:calc(var(--ss)*12vw)}
.mobile-nav .hamburger-btn svg{width:calc(var(--ss)*17vw); height:calc(var(--ss)*13vw)}

.mobile-nav .homes-btn svg{width:calc(var(--ss)*18vw); height:calc(var(--ss)*20vw)}

.mobile-nav .amen-btn{gap:calc(var(--ss)*11vw)}
.mobile-nav .amen-btn svg{width:calc(var(--ss)*30vw); height:calc(var(--ss)*14 vw)}

.mobile-nav .wa-btn svg,
.mobile-nav .chat-btn svg{width:calc(var(--ss)*18vw); height:calc(var(--ss)*18vw)}

@media(max-width:768px){}

@media(min-width:769px){}

@media(min-width:1441px){}

/* IOS FIXES */
@media(max-width:768px){}



/* FOOTER
======================================================= */
footer{z-index:2002;}
.footer-inner{padding:calc(var(--ss)*80vw) 0 calc(var(--ss)*205vw);}

footer a:hover{color:var(--yellow)}

footer .top-row a:hover .hover-fill{fill:var(--yellow)}

/* TOP ROW */
footer .top-row{padding:0 var(--hpad) calc(var(--ss)*80vw)}
footer .footer-logo img{width:calc(var(--ss)*107vw); height:calc(var(--ss)*104vw);}
footer h3{margin-bottom:calc(var(--ss)*30vw);}
footer .social-wrap{margin-top:calc(var(--ss)*80vw);}

footer .social-wrap a svg{width:calc(var(--ss)*27vw); height:calc(var(--ss)*27vw)}
footer .social-wrap a.facebook svg{width:calc(var(--ss)*29vw); height:calc(var(--ss)*29vw)}
footer .social-wrap a.tiktok svg{width:calc(var(--ss)*33vw); height:calc(var(--ss)*33vw)}

footer .mod-menu a{text-decoration: underline;}
footer .top-row .mod-menu li:not(:last-child){margin-bottom:calc(var(--ss)*20vw)}

/* MID ROW */
footer .mid-row{padding:0 var(--hpad) calc(var(--ss)*60vw)}

footer .google-map:hover{color: var(--white)}
footer .google-map:hover span span{color: var(--yellow)}

footer .user-portal svg{width:calc(var(--ss)*20vw); height:calc(var(--ss)*20vw)}
footer .user-portal:hover .hover-stroke{stroke: var(--yellow)}

/* BOTTOM ROW */
footer .bottom-row{border-top:var(--border-lcream); padding:calc(var(--ss)*20vw) var(--hpad) 0;}
footer .bottom-row .mod-menu{display:flex; gap:calc(var(--ss)*28vw); justify-content: center;}
footer .bottom-row .mod-menu a{font:var(--ps);}

footer .lg-logo img{width:calc(var(--ss)*223vw); height:calc(var(--ss)*96vw);}

footer .gototop svg{width:calc(var(--ss)*25vw); height:calc(var(--ss)*25vw); }




@media(max-width:768px){
    .footer-inner{border-top-left-radius:calc(var(--ss)*150vw)}
    
    /* TOP ROW */
    footer .footer-logo,
    footer .footer-social,
    footer .top-row .col-left{margin-bottom:calc(var(--ss)*80vw);}
    
    /* MID ROW */
    
    /* BOTTOM ROW */
    footer .copyright,
    footer .bottom-row .mod-menu{margin-bottom:calc(var(--ss)*30vw);}
    footer .lg-logo,
    footer .legal-text{margin-bottom:calc(var(--ss)*60vw);}
}

@media(min-width:769px){
    .footer-inner{padding:calc(var(--ss)*85vw) calc(var(--ss)*100vw) calc(var(--ss)*110vw);}
    
    /* TOP ROW */
    footer .top-row{padding:0 0 calc(var(--ss)*55vw); gap:calc(var(--ss)*155vw)}
    footer .footer-logo img{width:calc(var(--ss)*109vw); height:calc(var(--ss)*105vw);}
    footer .top-row .col-left{gap:calc(var(--ss)*204vw)}
    footer .social-wrap{margin-top:calc(var(--ss)*30vw);}
    
    footer .top-row .mod-menu li:not(:last-child){margin-bottom:calc(var(--ss)*25vw)}
    
    /* MID ROW */
    footer .mid-row{padding:0 0 calc(var(--ss)*40vw); gap:calc(var(--ss)*155vw)}
    footer .mid-row .col-left{ gap:calc(var(--ss)*261vw)}

    /* BOTTOM ROW */
    footer .bottom-row{padding:calc(var(--ss)*15vw) 0 0;}
    footer .legal-text{margin-top: calc(var(--ss)*30vw);}
}

@media(min-width:1441px){
    .footer-inner{padding:calc(85/16*1rem) calc(100/16*1rem) calc(110/16*1rem);}
    
    /* TOP ROW */
    footer .top-row{padding:0 0 calc(55/16*1rem); gap:calc(155/16*1rem)}
    footer .footer-logo img{width:calc(109/16*1rem); height:calc(104/16*1rem);}
    footer h3{margin-bottom:calc(30/16*1rem);}
    footer .social-wrap{margin-top:calc(30/16*1rem);}
    
    footer .social-wrap a svg{width:calc(27/16*1rem); height:calc(27/16*1rem)}
    footer .social-wrap a.facebook svg{width:calc(29/16*1rem); height:calc(29/16*1rem)}
    footer .social-wrap a.tiktok svg{width:calc(33/16*1rem); height:calc(33/16*1rem)}
    footer .top-row .col-left{gap:calc(204/16*1rem)}
    footer .top-row .mod-menu li:not(:last-child){margin-bottom:calc(25/16*1rem)}

    /* MID ROW */
    footer .mid-row{padding:0 0 calc(40/16*1rem); gap:calc(155/16*1rem)}
    footer .mid-row .col-left{ gap:calc(261/16*1rem);}
    footer .gototop svg{width:calc(25/16*1rem); height:calc(25/16*1rem); }
    footer .user-portal svg{width:calc(20/16*1rem); height:calc(20/16*1rem)}

    /* BOTTOM ROW */
    footer .bottom-row{padding:calc(15/16*1rem) 0 0;}
    footer .lg-logo img{width:calc(223/16*1rem); height:calc(96/16*1rem);}
    footer .legal-text{margin-top:calc(30/16*1rem);}
}


/* INSTAGRAM
======================================================= */
.reviews-block .container{padding:calc(var(--ss)*100vw) 0 calc(var(--ss)*50vw)}
.reviews-block .title-block{padding:0 calc(var(--ss)*72vw)}
.reviews-block .reviews-wrapper{padding:calc(var(--ss)*60vw) calc(var(--ss)*72vw) calc(var(--ss)*50vw)}

@media(max-width:768px){}

@media(min-width:769px){
    .reviews-block .container{padding:0;}
    .reviews-block .title-block{width:calc(var(--ss)*387vw); padding:calc(var(--ss)*50vw) 0 calc(var(--ss)*30vw); margin-left:var(--hpad);}
    .reviews-block .reviews-wrapper{padding:calc(var(--ss)*138vw) var(--hpad) calc(var(--ss)*70vw) calc(var(--ss)*240vw); width:calc(var(--ss)*716vw)}
}

@media(min-width:1441px){
    .reviews-block .title-block{width:calc(387/16*1rem); padding:calc(50/16*1rem) 0 calc(30/16*1rem);}
    .reviews-block .reviews-wrapper{padding:calc(138/16*1rem) var(--hpad) calc(70/16*1rem) calc(240/16*1rem); width:calc(716/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}


/* INSTAGRAM BLOCK
======================================================= */
.instagram-block .instagram-image{width:calc(var(--ss)*164vw); height:calc(var(--ss)*164vw); aspect-ratio:1 / 1;}
.instagram-block .slick-track{gap:calc(var(--ss)*5vw)}

@media(max-width:768px){
    .instagram-block .text-content{padding:0 calc(var(--ss)*42vw)}
    .instagram-block .slick-slide{display:flex; flex-direction: column; gap:calc(var(--ss)*5vw)}
}

@media(min-width:769px){
    .instagram-block .slick-track{gap:calc(var(--ss)*10vw)}
    .instagram-block .instagram-image{width:calc(var(--ss)*146vw); height:calc(var(--ss)*146vw);}
    .instagram-block hgroup{width:calc(var(--ss)*611vw);}
}

@media(min-width:1441px){
    .instagram-block .slick-track{gap:calc(10/16*1rem)}
    .instagram-block .instagram-image{width:calc(146/16*1rem); height:calc(146/16*1rem);}
    .instagram-block hgroup{width:calc(611/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){}


/* ICONSETS
======================================================= */
.iconset .icon-wrap{border-bottom:var(--border-stone); padding:calc(var(--ss)*20vw) 0; padding-right:calc(var(--ss)*3vw);}
.iconset .icon-wrap:nth-child(1),
.iconset .icon-wrap:nth-child(2){border-top:var(--border-stone);}

.iconset .icon{width:calc(var(--ss)*40vw); min-width:calc(var(--ss)*40vw)}

.iconset .icon-wrap img{height:auto;}
.iconset .icon-wrap[data-icon="gym"] img,
.iconset .icon-wrap[data-icon="bike"] img,
.iconset .icon-wrap[data-icon="lounge"] img,
.iconset .icon-wrap[data-icon="parking"] img{width:calc(var(--ss)*37vw);}
.iconset .icon-wrap[data-icon="wfh"] img,
.iconset .icon-wrap[data-icon="terrace"] img,
.iconset .icon-wrap[data-icon="pet"] img{width:calc(var(--ss)*33vw);}
.iconset .icon-wrap[data-icon="concierge"] img{width:calc(var(--ss)*35vw);}
.iconset .icon-wrap[data-icon="events"] img,
.iconset .icon-wrap[data-icon="wifi"] img{width:calc(var(--ss)*32vw);}
.iconset .icon-wrap[data-icon="dining"] img{width:calc(var(--ss)*30vw);}
.iconset .icon-wrap[data-icon="paintbrush"] img{width:calc(var(--ss)*21vw);}
 

@media(max-width:768px){
    .iconset.m-grid-1 .icon-wrap:nth-child(2){border-top:none;}
    
    .hero-side .iconset .icon-wrap[data-icon="gym"] img{width:calc(var(--ss)*40vw)}
    .hero-side .iconset .icon-wrap[data-icon="terrace"] img{width:calc(var(--ss)*31vw)}
    .hero-side .iconset .icon-wrap[data-icon="pet"] img{width:calc(var(--ss)*32vw);}
}

@media(min-width:769px){
    .iconset .icon-wrap{padding-right:calc(var(--ss)*11vw);}
    
    
    .iconset .icon{width:calc(var(--ss)*53vw); min-width:calc(var(--ss)*53vw)}
    
    .iconset .icon-wrap[data-icon="gym"] img,
    .iconset .icon-wrap[data-icon="parking"] img{width:calc(var(--ss)*53vw);}
    .iconset .icon-wrap[data-icon="wfh"] img{width:calc(var(--ss)*30vw);}
    .iconset .icon-wrap[data-icon="concierge"] img{width:calc(var(--ss)*46vw);}
    .iconset .icon-wrap[data-icon="events"] img{width:calc(var(--ss)*39vw);}
    .iconset .icon-wrap[data-icon="terrace"] img{width:calc(var(--ss)*41vw);}
    .iconset .icon-wrap[data-icon="pet"] img{width:calc(var(--ss)*38vw);}
    .iconset .icon-wrap[data-icon="wifi"] img{width:calc(var(--ss)*42vw);}
    .iconset .icon-wrap[data-icon="dining"] img{width:calc(var(--ss)*27vw);}
    .iconset .icon-wrap[data-icon="paintbrush"] img{width:calc(var(--ss)*28vw);}
    .iconset .icon-wrap[data-icon="bike"] img{width:calc(var(--ss)*49vw);}
    .iconset .icon-wrap[data-icon="lounge"] img{width:calc(var(--ss)*47vw);}
    
    .hero-side .iconset .icon-wrap[data-icon="wfh"] img{width:calc(var(--ss)*44vw);}
    .hero-side .iconset .icon-wrap[data-icon="events"] img{width:calc(var(--ss)*46vw);}
    .hero-side .iconset .icon-wrap[data-icon="pet"] img{width:calc(var(--ss)*43vw);}
}

@media(min-width:1441px){
    .iconset .icon-wrap{ padding:calc(20/16*1rem) calc(11/16*1rem) calc(20/16*1rem) 0 }
    
    .iconset .icon{width:calc(53/16*1rem); min-width:calc(53/16*1rem)}
    
    .iconset .icon-wrap[data-icon="gym"] img,
    .iconset .icon-wrap[data-icon="parking"] img{width:calc(53/16*1rem)}
    .iconset .icon-wrap[data-icon="wfh"] img{width:calc(30/16*1rem)}
    .iconset .icon-wrap[data-icon="concierge"] img{width:calc(46/16*1rem)}
    .iconset .icon-wrap[data-icon="events"] img{width:calc(39/16*1rem)}
    .iconset .icon-wrap[data-icon="terrace"] img{width:calc(41/16*1rem)}
    .iconset .icon-wrap[data-icon="pet"] img{width:calc(38/16*1rem)}
    .iconset .icon-wrap[data-icon="wifi"] img{width:calc(42/16*1rem)}
    .iconset .icon-wrap[data-icon="dining"] img{width:calc(27/16*1rem)}
    .iconset .icon-wrap[data-icon="paintbrush"] img{width:calc(28/16*1rem)}
    .iconset .icon-wrap[data-icon="bike"] img{width:calc(49/16*1rem)}
    .iconset .icon-wrap[data-icon="lounge"] img{width:calc(47/16*1rem)}
    
    .hero-side .iconset .icon-wrap[data-icon="wfh"] img{width:calc(44/16*1rem)}
    .hero-side .iconset .icon-wrap[data-icon="events"] img{width:calc(46/16*1rem)}
    .hero-side .iconset .icon-wrap[data-icon="pet"] img{width:calc(43/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}


/* Hero
======================================================= */

.hero-block .hero-bg{width:100%; height:calc(var(--ss)*265vw);}
.hero-block .hero-bg{overflow: hidden;}
.hero-block .hero-bg > svg{position:absolute; width:calc(var(--ss)*445vw); height:calc(var(--ss)*293vw); left:calc(var(--ss)*-26vw); bottom:calc(var(--ss)*-1vw); z-index:1001; aspect-ratio:3868 / 2546}

/* HERO STICKY */
.hero-block .hero-media .hero-container{padding:calc(var(--ss)*100vw) 0 calc(var(--ss)*30vw)}
.hero-block .hero-media .btn-wrap{margin-top:calc(var(--ss)*30vw);}

/* HERO BASIC */
.hero-basic .text-content{padding:calc(var(--ss)*100vw) calc(var(--ss)*72vw) 0 }
.hero-basic .container{padding:0 !important;}


@media(max-width:768px){
    
    /* HERO STICKY */
    .hero-block .hero-media hgroup:not(:last-child){padding:0 var(--hpad); margin-bottom:calc(var(--ss)*30vw);}    
    .hero-block .hero-media .btn svg{display:none;}
    
    /* HERO BASIC */
    .hero-basic hgroup:not(:last-child){margin-bottom:calc(var(--ss)*30vw);}
}

@media(min-width:769px){
    
    /* HERO STICKY */
    .hero-block .sticky, .hero-block .d-sticky{left:0; top:0;}
    
    .hero-block .hero-media{height:100vh;}
    .hero-block .hero-media .hero-container{ padding:calc(var(--ss)*83vw) 0 calc(var(--ss)*30vw); width:100%;}
    
    .hero-block .hero-bg > svg{width:auto; height:110%; left:-10%}
    
    .hero-block .hero-media .hero-bg{width:100%; height:calc(100vh - calc(var(--ss)*208vw)); max-height:calc(var(--ss)*656vw)}   
    .hero-block .hero-media.has-h .hero-bg{width:100%; height:calc(100vh - calc(var(--ss)*353vw)); max-height:calc(var(--ss)*285vw)}
    
    .hero-block .hero-media .btn-wrap{margin-top:calc(var(--ss)*50vw);}
    .hero-block .hero-media.has-h .btn-wrap{margin-top:calc(var(--ss)*65vw);}
    
    /* HERO BASIC */
    .hero-basic .text-content{padding:calc(var(--ss)*155vw) 0 calc(var(--ss)*100vw); /*margin-left: calc(var(--ss)*256vw);*/ width:calc(var(--ss)*428vw);}
    .hero-basic .hero-bg{height:calc(var(--ss)*447vw); width:calc(var(--ss)*663vw)}
    .hero-basic .hero-bg svg{left:-5%;}
}

@media(min-width:1441px){
    .hero-block .hero-media .hero-container{width:calc(720/16*1rem); padding:calc(83/16*1rem) 0 calc(30/16*1rem)}
    
    .hero-block .hero-media .hero-bg{height:calc(100vh - calc(208/16*1rem)); max-height:calc(656/16*1rem)}

    .hero-block .hero-media.has-h .hero-bg{width:100%; height:calc(100% - calc(353/16*1rem)); max-height:calc(285/16*1rem)}
    
    .hero-block .hero-media .btn-wrap{margin-top:calc(var(--ss)*50vw);}
    .hero-block .hero-media.has-h .btn-wrap{margin-top:calc(var(--ss)*65vw);}
    
     /* HERO BASIC */
    .hero-basic .text-content{padding:calc(155/16*1rem) 0 calc(100/16*1rem); /*margin-left: calc(256/16*1rem);*/ width:calc(428/16*1rem);}
    .hero-basic .hero-bg{height:calc(477/16*1rem); width:calc(663/16*1rem)}
    
    .hero-block .hero-bg > svg{bottom:calc(-1/16*1rem)}
}

@media (min-width:769px) and (max-aspect-ratio: 1440 / 805) { 
    .hero-block .hero-media .video.landscape iframe {height:100.5%; width:auto;}
}

@media (min-width:1441px) and (min-aspect-ratio: 1650 / 923) { 
    .hero-block .hero-media .video.landscape iframe {height:100.5%; width:auto;}
}


/* IOS FIXES */
@media(max-width:768px){}




/* HERO SIDE CONTENT
======================================================= */
/*.hero-side .hero-container{padding:var(--vpad) 0}*/

.hero-side section > div{padding:var(--vpad) 0;}

@media(max-width:768px){ 
    .hero-side{
        --vpad:calc(var(--ss)*60vw)
    }
    .hero-side .mob-pad{padding:0 var(--hpad);}
    .hero-side .x-pad{padding:0 var(--xpad)}
}

@media(min-width:769px){
    .hero-side{padding-top:calc(var(--vpad) / 2);}
    .hero-side .hero-container{padding:0 calc(var(--ss)*100vw) 0 calc(var(--ss)*83vw)}
    
    .hero-side .copy{width:calc(var(--ss)*387vw)}
    
    
}

@media(min-width:1441px){
    .hero-side .hero-container{width:calc(720/16*1rem); padding:0 calc(100/16*1rem) 0 calc(83/16*1rem)}
    
    .hero-side .copy{width:calc(387/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){}

/* 3 IMAGES BLOCK
======================================================= */
.imgs-3.img-c-1 .col-l .picture-wrap:first-child{width:100%; height:auto;}

.imgs-3.img-default .col-l .picture-wrap:first-child,
.imgs-3.img-reverse .col-r .picture-wrap:first-child{width:calc(var(--ss)*221vw); height:calc(var(--ss)*168vw)}

.imgs-3.img-default .col-l .picture-wrap:nth-child(2),
.imgs-3.img-reverse .col-r .picture-wrap:nth-child(2),
.imgs-3.img-default .col-r .picture-wrap:first-child,
.imgs-3.img-reverse .col-l .picture-wrap:first-child{width:calc(var(--ss)*165vw); height:calc(var(--ss)*192vw)}


@media(max-width:768px){}

@media(min-width:769px){  
    .image-3-block .icon-wrap{align-items:flex-start}
    
    .imgs-3.img-default .col-l .picture-wrap:first-child,
    .imgs-3.img-reverse .col-r .picture-wrap:first-child{width:calc(var(--ss)*303vw); height:calc(var(--ss)*230vw)}

    .imgs-3.img-default .col-l .picture-wrap:nth-child(2),
    .imgs-3.img-reverse .col-r .picture-wrap:nth-child(2),
    .imgs-3.img-default .col-r .picture-wrap:first-child,
    .imgs-3.img-reverse .col-l .picture-wrap:first-child{width:calc(var(--ss)*224vw); height:calc(var(--ss)*262vw)}
}

@media(min-width:1441px){
    .imgs-3.img-default .col-l .picture-wrap:first-child,
    .imgs-3.img-reverse .col-r .picture-wrap:first-child{width:calc(303/16*1rem); height:calc(230/16*1rem)}

    .imgs-3.img-default .col-l .picture-wrap:nth-child(2),
    .imgs-3.img-reverse .col-r .picture-wrap:nth-child(2),
    .imgs-3.img-default .col-r .picture-wrap:first-child,
    .imgs-3.img-reverse .col-l .picture-wrap:first-child{width:calc(224/16*1rem); height:calc(262/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}


/* PAGE LIST BLOCK
======================================================= */
.page-list-block .page-list .slick-track{gap:calc(var(--ss)*10vw)}

.page-list-block .page-item .picture-wrap{width:100%; height:calc(var(--ss)*360vw)}
.page-list-block .page-item img{border-radius:calc(var(--ss)*75vw); transition:0.3s all;}
.page-list-block .page-item:hover img{border-radius:0px; transition:0.3s all;}

@media(max-width:768px){
    .page-list-block .page-list{padding-left:var(--hpad); padding-top:var(--vpad);}
    .page-list-block .page-item{width:calc(var(--ss)*333vw)}
    .page-list-block .page-item .btn{position: absolute; left:50%;bottom: calc(var(--ss)*30vw); transform:translateX(-50%);z-index:1;}
}

@media(min-width:769px){
    .page-list-block .page-item .picture-wrap{height:calc(var(--ss)*228vw)}
    .page-list-block .page-item:hover .btn{background:var(--yellow)}
    .page-list-block .page-item:hover .btn svg{animation:var(--bounce-right); animation-delay:0s;}
}

@media(min-width:1441px){
    .page-list-block .page-item img{border-radius:calc(75/16*1rem);}
    .page-list-block .page-item .picture-wrap{height:calc(228/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}


/* APARTMENT BLOCK
======================================================= */
.apartment-block .apt-info li:not(:last-child){margin-bottom:calc(var(--ss)*10vw);}
.apartment-block #video-tour{padding:calc(var(--ss)*50vw) 0 calc(var(--ss)*10vw)}
.apartment-block #video-tour .video{height:calc(var(--ss)*416vw)}

@media(max-width:768px){}

@media(min-width:769px){
    .apartment-block .apt-info{width:calc(var(--ss)*381vw);}
    .apartment-block #video-tour{padding:calc(var(--ss)*40vw) 0}
    .apartment-block #video-tour .video{height:calc(var(--ss)*537vw)}
}

@media(min-width:1441px){
    .apartment-block .apt-info{ width:calc(381/16*1rem)}
    .apartment-block .apt-info li:not(:last-child){margin-bottom:calc(10/16*1rem);}
    .apartment-block #video-tour{padding:calc(40/16*1rem) 0}
    .apartment-block #video-tour .video{height:calc(537/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}


/* TEXT & MEDIA
======================================================= */
.text-media-block .media-bg{height:calc(var(--ss)*333vw); width:100%}
    
    .text-media-block .media-bg.img-auto{height:fit-content;}
@media(max-width:768px){}

@media(min-width:769px){
    .text-media-block .media-bg{height:calc(var(--ss)*537vw); width:100%}
}

@media(min-width:1441px){
    .text-media-block .media-bg{height:calc(537/16*1rem); width:100%}
}

/* IOS FIXES */
@media(max-width:768px){}


/* ICONS BLOCK (AMENITIES)
======================================================= */

@media(max-width:768px){}

@media(min-width:769px){
    .icons-block .btn-notext-wrap{width:calc(var(--ss)*383vw)}
}

@media(min-width:1441px){
    .icons-block .btn-notext-wrap{width:calc(383/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}



/* LIST BLOCK
======================================================= */
.list-block .list-items li{padding:calc(var(--ss)*10vw) 0; border-bottom:var(--border-stone);}
.list-block .list-items li:first-child{border-top:var(--border-stone)}
@media(max-width:768px){}

@media(min-width:769px){
    .list-block .list-items{margin-bottom:calc(var(--ss)*10vw);}
}

@media(min-width:1441px){
    .list-block .list-items{margin-bottom:calc(10/16*1rem);}
    .list-block .list-items li{padding:calc(10/16*1rem) 0;}
    
}

/* IOS FIXES */
@media(max-width:768px){}


/* TOP CONTENT
======================================================= */
.top-content{padding:var(--vpad) var(--hpadl) calc(var(--ss)*50vw); }

@media(max-width:768px){}

@media(min-width:769px){
    .top-content{padding:var(--vpad) var(--hpadl) var(--vpad) var(--hpad); }
    .copy-fw .top-content{padding-right:var(--hpad);}
    .top-content .col{width:calc(var(--ss)*382vw);}
    .copy-fw .top-content .col-r{width:calc(var(--ss)*534vw);}
}

@media(min-width:1441px){
    .top-content .col{width:calc(382/16*1rem);}
    .copy-fw .top-content .col-r{width:calc(534/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){}


/* FW MEDIA BLOCK
======================================================= */
.fw-media-block .fw-media{width:100%; height:calc(var(--ss)*393vw)}

@media(max-width:768px){
    .fw-media-block .slick-nav{padding-bottom:var(--vpad);}
}

@media(min-width:769px){
    .fw-media-block .fw-media{height:calc(var(--ss)*870vw)}
    .fw-media-block .fw-slider.img-1 .img-wrap{width:100vw}
    .fw-media-block .top-content + .fw-media-wrap .fw-media{height:calc(var(--ss)*700vw)}
    .fw-media-block .slick-nav{position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); margin-top: 0; padding:0 calc(var(--ss)*100vw)}
    .fw-media-block .slick-arrow{background:var(--yellow);}
    .fw-media-block .slick-arrow:hover{background:var(--lcream);}
    .fw-media-block .slick-counter{display:none;}
}

@media(min-width:1441px){
    .fw-media-block .fw-media{height:auto; aspect-ratio:1440 / 870; max-height:100vh}
    .fw-media-block .top-content + .fw-media-wrap .fw-media{height:auto; aspect-ratio:1440 / 700; max-height:90vh}
}

/* IOS FIXES */
@media(max-width:768px){}


/* AMENITIES BLOCK
======================================================= */
.amenities-block .small-slider{height:calc(var(--ss)*393vw); }
.amenities-block .small-slider img{ border-radius:calc(var(--ss)*75vw);}

@media(max-width:768px){}

@media(min-width:769px){
    .amenities-block .small-slider{height:calc(var(--ss)*474vw); }
    .amenities-block .container{gap:calc(var(--ss)*88vw); padding-right:calc(var(--ss)*100vw);}
    .amenities-block .container .col{max-width:calc(var(--ss)*537vw);}
}

@media(min-width:1441px){
    .amenities-block .small-slider{height:calc(474/16*1rem); }
    .amenities-block .small-slider img{border-radius:calc(75/16*1rem); }
    .amenities-block .container{gap:calc(88/16*1rem); padding-right:calc(100/16*1rem);}
    .amenities-block .container .col{max-width:calc(537/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}


/* IMAGE TEXT SCROLL BLOCK
======================================================= */
.image-text-scroll-block .img-col .picture-wrap:first-child,
.image-text-scroll-block .img-col.alt .picture-wrap:nth-child(2){width:100%; height:calc(var(--ss)*333vw)}
.image-text-scroll-block .img-col .picture-wrap:nth-child(2),
.image-text-scroll-block .img-col .picture-wrap:nth-child(4),
.image-text-scroll-block .img-col.alt .picture-wrap:first-child,
.image-text-scroll-block .img-col.alt .picture-wrap:nth-child(3){width:calc(var(--ss)*248vw); height:calc(var(--ss)*290vw);}
.image-text-scroll-block .img-col .picture-wrap:nth-child(3){width:100%; height:calc(var(--ss)*246vw);}



@media(max-width:768px){
    .image-text-scroll-block .text-content{padding:0 var(--hpadl)}
    .image-text-scroll-block .img-col.default .picture-wrap:nth-child(2),
    .image-text-scroll-block .img-col.alt .picture-wrap:nth-child(3){align-self: flex-end; margin-right:var(--hpad);}
    
    .image-text-scroll-block .img-col.mob-slider{padding-left:var(--hpad);}
    .image-text-scroll-block .img-col.mob-slider .slick-nav{padding-right:var(--hpad);}
    .image-text-scroll-block .img-col.mob-slider .slick-track{gap:calc(var(--ss)*10vw)}
    .image-text-scroll-block .img-col.mob-slider .picture-wrap{width:calc(var(--ss)*333vw) !important; height:calc(var(--ss)*393vw) !important;  opacity:1 !important}
    
    .image-text-scroll-block .img-col.mob-slider .picture-wrap img{border-radius:calc(var(--ss)*75vw)}
    
}

@media(min-width:769px){
    .image-text-scroll-block .container{padding:calc(var(--ss)*305vw) var(--hpads) calc(var(--ss)*200vw)}
    .image-text-scroll-block .col-l{width:calc(var(--ss)*537vw)}
    .image-text-scroll-block .col-r{width:calc(var(--ss)*620vw)}
    
    .image-text-scroll-block .sticky-wrap{flex-grow:1;padding-bottom:calc(var(--ss)*60vw)}
    
    .image-text-scroll-block .text-content{top:calc(var(--ss)*300vw); width:calc(var(--ss)*381vw); margin:0 auto;}
    
    .image-text-scroll-block .img-col .picture-wrap:first-child{width:100%; height:calc(var(--ss)*472vw)}
    .image-text-scroll-block .img-col .picture-wrap:nth-child(2),
    .image-text-scroll-block .img-col.alt .picture-wrap:first-child,
    .image-text-scroll-block .img-col.alt .picture-wrap:nth-child(3){width:calc(var(--ss)*459vw); height:calc(var(--ss)*599vw);}
    .image-text-scroll-block .img-col .picture-wrap:nth-child(3),
    .image-text-scroll-block .img-col.alt .picture-wrap:nth-child(2){width:100%; height:calc(var(--ss)*448vw);}
    
    .image-text-scroll-block .col-l .picture-wrap{width:100%; height:auto;}
    
    .image-text-scroll-block.d-pb-s .container{padding-bottom:var(--vpad) !important;}
} 

@media(min-width:1441px){
    .image-text-scroll-block .container{padding:calc(305/16*1rem) var(--hpads) calc(200/16*1rem)}
    .image-text-scroll-block .col-l{width:calc(537/16*1rem)}
    .image-text-scroll-block .col-r{width:calc(620/16*1rem)}
    
    .image-text-scroll-block .text-content{top:calc(300/16*1rem);width:calc(381/16*1rem);}
    
    .image-text-scroll-block .sticky-wrap{flex-grow:1;padding-bottom:calc(60/16*1rem)}
    
    .image-text-scroll-block .img-col .picture-wrap:first-child{height:calc(472/16*1rem)}
    .image-text-scroll-block .img-col .picture-wrap:nth-child(2),
    .image-text-scroll-block .img-col.alt .picture-wrap:first-child,
    .image-text-scroll-block .img-col.alt .picture-wrap:nth-child(3){width:calc(459/16*1rem); height:calc(599/16*1rem);}
    .image-text-scroll-block .img-col .picture-wrap:nth-child(3),
    .image-text-scroll-block .img-col.alt .picture-wrap:nth-child(2){height:calc(448/16*1rem);}
    
/*    .image-text-scroll-block .col-l .picture-wrap{height:calc(599/16*1rem)} */
}

/* IOS FIXES */
@media(max-width:768px){}


/* DEFAULT BLOCK
======================================================= */

@media(max-width:768px){
    .default-block .container{padding-left:var(--hpadl);padding-right:var(--hpadl);}
    #contact-buttons .container{padding-left:var(--hpad);padding-right:var(--hpad);}
}

@media(min-width:769px){
    .default-block .col-l{width:calc(var(--ss)*614vw)}
    .default-block .col-r{width:calc(var(--ss)*382vw)}
    .next-block .col-l{width:calc(var(--ss)*564vw)}
    .next-block .col-r{width:calc(var(--ss)*428vw)}
}

@media(min-width:1441px){
    .default-block .col-l{width:calc(614/16*1rem)}
    .default-block .col-r{width:calc(382/16*1rem)}
    .next-block .col-l{width:calc(564/16*1rem)}
    .next-block .col-r{width:calc(428/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}


/* SMALL SLIDER BLOCK
======================================================= */
.small-slider-block .small-slider{height:calc(var(--ss)*393vw); }
.small-slider-block .small-slider img{ border-radius:calc(var(--ss)*75vw);}

.small-slider-block .col-r h3{margin:calc(var(--ss)*50vw) 0}
.small-slider-block .col-r h3:first-child{margin-top:0;}

@media(max-width:768px){
    .small-slider-block .container .col-r{padding:0 var(--xpad)}
}

@media(min-width:769px){
    .small-slider-block .small-slider{height:calc(var(--ss)*474vw); }
    .small-slider-block .container{gap:calc(var(--ss)*88vw); padding-right:var(--hpadl);}
    .small-slider-block .container .col{width:calc(var(--ss)*537vw);}
    .small-slider-block .container .col-r{width:calc(var(--ss)*382vw); padding-bottom:calc(var(--ss)*65vw);}
    
    .small-slider-block .col-r h3{margin:calc(var(--ss)*30vw) 0}
}

@media(min-width:1441px){
    .small-slider-block .small-slider{height:calc(474/16*1rem); }
    .small-slider-block .small-slider img{border-radius:calc(75/16*1rem); }
    .small-slider-block .container{gap:calc(88/16*1rem);}
    .small-slider-block .container .col{width:calc(537/16*1rem)}
    .small-slider-block .container .col-r{width:calc(382/16*1rem); padding-bottom:calc(65/16*1rem);}
    
    .small-slider-block .col-r h3,
    .small-slider-block .col-r .h3{margin:calc(30/16*1rem) 0}
        
}



/* FAQS BLOCK
======================================================= */
.faqs-block .container{padding:calc(var(--ss)*60vw) var(--hpad) var(--vpad);}

.faqs-block .search-container{margin-bottom:calc(var(--ss)*60vw);}
.faqs-block .search-container input{padding:0 calc(var(--ss)*20vw); height:calc(var(--ss)*44vw); border:var(--border-dgreen); box-shadow:none; border-radius:calc(var(--ss)*25vw); margin-bottom:0; font:var(--btn); display:flex; align-items: center; line-height:1; color:var(--dgreen); width:100%; text-align: left;background: transparent url('/templates/bargate/images/shared/search.svg') right calc(var(--ss)*15vw) center / calc(var(--ss)*14vw) no-repeat !important; letter-spacing: var(--ls05); text-transform: uppercase;}

.faqs-block .faq-item{border-bottom:var(--border-stone); padding:calc(var(--ss)*40vw) 0;}
.faqs-block .faq-item:first-child{padding-top:0}
.faqs-block .faq-item:last-child{padding-bottom:0; border-bottom: none;}


@media(max-width:768px){
    .faqs-block .faq-item:first-child{border-top:var(--border-stone);padding-top:calc(var(--ss)*40vw);}
    .faqs-block .faq-items{padding:0 var(--xpad)}
}

@media(min-width:769px){
    .faqs-block .container{padding:calc(var(--ss)*130vw) 0 var(--vpad); width:calc(var(--ss)*930vw) !important; margin-left:auto; margin-right:auto;}
    
    .faqs-block .faq-item{padding:calc(var(--ss)*37vw) 0;}
}

@media(min-width:1441px){
    .faqs-block .container{padding-top:calc(130/16*1rem);width:calc(930/16*1rem) !important;}
    
    .faqs-block .search-container{margin-bottom:calc(60/16*1rem);}  
    .faqs-block .search-container input{padding:0 calc(20/16*1rem); height:calc(44/16*1rem); border-radius:calc(25/16*1rem); background: transparent url('/templates/bargate/images/shared/search.svg') right calc(15/16*1rem) center / calc(14/16*1rem) no-repeat !important;}
    
    .faqs-block .faq-item{padding:calc(37/16*1rem) 0;}
}

/* IOS FIXES */
@media(max-width:768px){}


/* CLICK IMAGE BLOCK
======================================================= */
.zoomwrap{width:100%; height:auto;overflow: hidden;  cursor:move; poition:relative; }
.imagezoom{width:100%;height:100%;display: flex; justify-content: center; align-items: center;}
.imagezoom svg{width:auto; height:100%}

.imagezoom .clickable{cursor:pointer;}

.zoom-btns{bottom:var(--hpad); left:var(--hpadl);}
.zoom-btn{width:calc(var(--ss)*36vw); height:calc(var(--ss)*36vw); border:var(--border-dgreen); background:var(--white); transition: 0.3s all; border-radius: calc(var(--ss)*15vw); display:flex; align-items: center; justify-content: center;}
.zoom-btn svg{width:calc(var(--ss)*14vw); height:auto;}

.zoom-btn:hover{background: var(--yellow)}

.click-image-block .infobox-wrap{padding:calc(var(--ss)*40vw) var(--hpad);}
.click-image-block .infobox-wrap .h3{margin-bottom:calc(var(--ss)*40vw);}
.click-image-block .infobox-wrap .click-btn{cursor: pointer; font:var(--p1); border-bottom:var(--border-stone); height:calc(var(--ss)*43vw); padding:0 calc(var(--ss)*10vw); transition:all 0.3s; color:var(--dgreen) !important;-webkit-text-fill-color: var(--dgreen);}
.click-image-block .infobox-wrap .click-btn:first-child{border-top:var(--border-stone)}

.click-image-block .infobox-wrap .click-btn.active{background:var(--yellow)}

@media(max-width:768px){
    .zoomwrap, .imagezoom {height:calc(var(--ss)*444vw);}
    .click-image-block .infobox.container{padding:0;}
}

@media(min-width:769px){
    .click-image-block .infobox.container{top:0;left:0;height:100%;pointer-events: none;}
    .click-image-block .infobox-wrap{bottom:calc(var(--ss)*60vw); left:calc(var(--ss)*104vw); padding:calc(var(--ss)*30vw) calc(var(--ss)*40vw); width:calc(var(--ss)*303vw); pointer-events: all;}
}

@media(min-width:1441px){
    .click-image-block .infobox-wrap{bottom:calc(60/16*1rem); left:calc(104/16*1rem); padding:calc(30/16*1rem) calc(40/16*1rem); width:calc(303/16*1rem)}
    .click-image-block .infobox-wrap .h3{margin-bottom:calc(40/16*1rem);}
    .click-image-block .infobox-wrap .click-btn{height:calc(43/16*1rem); padding:0 calc(10/16*1rem); transition:all 0.3s}
}

/* IOS FIXES */
@media(max-width:768px){}


/* THREE IMAGE BLOCK 
======================================================= */

@media(max-width:768px){
    .three-image-block .col-l{padding:0 var(--hpad)}
    .three-image-block .copy{padding:0 var(--xpad)}
}

@media(min-width:769px){
    .three-image-block .col-l{width:calc(var(--ss)*450vw)}
    .three-image-block .col-r{width:calc(var(--ss)*537vw)}
    .three-image-block .copy{max-width:calc(var(--ss)*387vw)}
}

@media(min-width:1441px){
    .three-image-block .col-l{width:calc(450/16*1rem)}
    .three-image-block .col-r{width:calc(537/16*1rem)}
    .three-image-block .copy{max-width:calc(387/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}



