/* /var/www/vhosts/zonin.co.uk/httpdocs.dev/tmp/calcs.css *//* Output file modification time: 1739898124 */ 
/* CSS file /templates/zonin/css/variables.css modification time: 1723647156 */ 
/* CSS file /templates/zonin/css/template.css modification time: 1739897419 */ 
/* CSS file /templates/zonin/css/slider.css modification time: 1722959506 */ 
/* CSS file /templates/zonin/css/footer.css modification time: 1720017412 */ 
/* CSS file /templates/zonin/css/header.css modification time: 1720019123 */ 
/* CSS file /templates/zonin/css/blocks/columns-block.css modification time: 1718294829 */ 
/* CSS file /templates/zonin/css/blocks/image-text-block.css modification time: 1714484234 */ 
/* CSS file /templates/zonin/css/blocks/image-links.css modification time: 1718358977 */ 
/* CSS file /templates/zonin/css/blocks/heros.css modification time: 1723632861 */ 
/* CSS file /templates/zonin/css/blocks/stats-block.css modification time: 1713533253 */ 
/* CSS file /templates/zonin/css/blocks/cta-banner.css modification time: 1718364215 */ 
/* CSS file /templates/zonin/css/blocks/image-block.css modification time: 1714758594 */ 
/* CSS file /templates/zonin/css/blocks/image-banner-block.css modification time: 1714758632 */ 
/* CSS file /templates/zonin/css/blocks/default-block.css modification time: 1718378022 */ 
/* CSS file /templates/zonin/css/blocks/3-panel-block.css modification time: 1723647586 */ 
/* CSS file /templates/zonin/css/blocks/2-panel-block.css modification time: 1732033104 */ 
/* CSS file /templates/zonin/css/blocks/grid-block.css modification time: 1733311954 */ 
/* CSS file /templates/zonin/css/blocks/details-block.css modification time: 1713545767 */ 
/* CSS file /templates/zonin/css/blocks/data-block.css modification time: 1714483151 */ 
/* CSS file /templates/zonin/css/blocks/features-block.css modification time: 1714489773 */ 
/* CSS file /templates/zonin/css/blocks/estate-wines.css modification time: 1719321173 */ 
/* CSS file /templates/zonin/css/blocks/map.css modification time: 1739898122 */ 
/* CSS file /templates/zonin/css/blocks/search.css modification time: 1719315292 */ 
@charset 'UTF-8';


:root {--n40px: calc(var(--ss)-40vw);
--1px: calc(var(--ss)1vw);
--2px: calc(var(--ss)2vw);
--3px: calc(var(--ss)3vw);
--5px: calc(var(--ss)5vw);
--6-5px: calc(var(--ss)6.5vw);
--7px: calc(var(--ss)7vw);
--8px: calc(var(--ss)8vw);
--9px: calc(var(--ss)9vw);
--10px: calc(var(--ss)10vw);
--12px: calc(var(--ss)12vw);
--14px: calc(var(--ss)14vw);
--15px: calc(var(--ss)15vw);
--16px: calc(var(--ss)16vw);
--17px: calc(var(--ss)17vw);
--18px: calc(var(--ss)18vw);
--19-5px: calc(var(--ss)19.5vw);
--19px: calc(var(--ss)19vw);
--20px: calc(var(--ss)20vw);
--21px: calc(var(--ss)21vw);
--22px: calc(var(--ss)22vw);
--23px: calc(var(--ss)23vw);
--24px: calc(var(--ss)24vw);
--25px: calc(var(--ss)25vw);
--26px: calc(var(--ss)26vw);
--27px: calc(var(--ss)27vw);
--28px: calc(var(--ss)28vw);
--29px: calc(var(--ss)29vw);
--30px: calc(var(--ss)30vw);
--31px: calc(var(--ss)31vw);
--32px: calc(var(--ss)32vw);
--33px: calc(var(--ss)33vw);
--34px: calc(var(--ss)34vw);
--35px: calc(var(--ss)35vw);
--36px: calc(var(--ss)36vw);
--37px: calc(var(--ss)37vw);
--38px: calc(var(--ss)38vw);
--39px: calc(var(--ss)39vw);
--40px: calc(var(--ss)40vw);
--41px: calc(var(--ss)41vw);
--42px: calc(var(--ss)42vw);
--43px: calc(var(--ss)43vw);
--44px: calc(var(--ss)44vw);
--45px: calc(var(--ss)45vw);
--46px: calc(var(--ss)46vw);
--48px: calc(var(--ss)48vw);
--49px: calc(var(--ss)49vw);
--50px: calc(var(--ss)50vw);
--53px: calc(var(--ss)53vw);
--54px: calc(var(--ss)54vw);
--55px: calc(var(--ss)55vw);
--56px: calc(var(--ss)56vw);
--57px: calc(var(--ss)57vw);
--58px: calc(var(--ss)58vw);
--60px: calc(var(--ss)60vw);
--61px: calc(var(--ss)61vw);
--62px: calc(var(--ss)62vw);
--65px: calc(var(--ss)65vw);
--66px: calc(var(--ss)66vw);
--67px: calc(var(--ss)67vw);
--68px: calc(var(--ss)68vw);
--70px: calc(var(--ss)70vw);
--71px: calc(var(--ss)71vw);
--72px: calc(var(--ss)72vw);
--75px: calc(var(--ss)75vw);
--76px: calc(var(--ss)76vw);
--78px: calc(var(--ss)78vw);
--79px: calc(var(--ss)79vw);
--80px: calc(var(--ss)80vw);
--84px: calc(var(--ss)84vw);
--88px: calc(var(--ss)88vw);
--89px: calc(var(--ss)89vw);
--90px: calc(var(--ss)90vw);
--93px: calc(var(--ss)93vw);
--95px: calc(var(--ss)95vw);
--100px: calc(var(--ss)100vw);
--102px: calc(var(--ss)102vw);
--105px: calc(var(--ss)105vw);
--110px: calc(var(--ss)110vw);
--111px: calc(var(--ss)111vw);
--112px: calc(var(--ss)112vw);
--116px: calc(var(--ss)116vw);
--123px: calc(var(--ss)123vw);
--125px: calc(var(--ss)125vw);
--129px: calc(var(--ss)129vw);
--138px: calc(var(--ss)138vw);
--140px: calc(var(--ss)140vw);
--141px: calc(var(--ss)141vw);
--142px: calc(var(--ss)142vw);
--145px: calc(var(--ss)145vw);
--153px: calc(var(--ss)153vw);
--155px: calc(var(--ss)155vw);
--156px: calc(var(--ss)156vw);
--160px: calc(var(--ss)160vw);
--163px: calc(var(--ss)163vw);
--167px: calc(var(--ss)167vw);
--168px: calc(var(--ss)168vw);
--175px: calc(var(--ss)175vw);
--179px: calc(var(--ss)179vw);
--180px: calc(var(--ss)180vw);
--185px: calc(var(--ss)185vw);
--187px: calc(var(--ss)187vw);
--188px: calc(var(--ss)188vw);
--195px: calc(var(--ss)195vw);
--199px: calc(var(--ss)199vw);
--200px: calc(var(--ss)200vw);
--204px: calc(var(--ss)204vw);
--210px: calc(var(--ss)210vw);
--216px: calc(var(--ss)216vw);
--237px: calc(var(--ss)237vw);
--247px: calc(var(--ss)247vw);
--248px: calc(var(--ss)248vw);
--249px: calc(var(--ss)249vw);
--250px: calc(var(--ss)250vw);
--274px: calc(var(--ss)274vw);
--280px: calc(var(--ss)280vw);
--290px: calc(var(--ss)290vw);
--314px: calc(var(--ss)314vw);
--324px: calc(var(--ss)324vw);
--330px: calc(var(--ss)330vw);
--359px: calc(var(--ss)359vw);
--366px: calc(var(--ss)366vw);
--396px: calc(var(--ss)396vw);
--400px: calc(var(--ss)400vw);
--429px: calc(var(--ss)429vw);
--434px: calc(var(--ss)434vw);
--452px: calc(var(--ss)452vw);
--453px: calc(var(--ss)453vw);
--458px: calc(var(--ss)458vw);
--461px: calc(var(--ss)461vw);
--469px: calc(var(--ss)469vw);
--512px: calc(var(--ss)512vw);
--517px: calc(var(--ss)517vw);
--550px: calc(var(--ss)550vw);
--568px: calc(var(--ss)568vw);
--570px: calc(var(--ss)570vw);
--575px: calc(var(--ss)575vw);
--625px: calc(var(--ss)625vw);
--634px: calc(var(--ss)634vw);
--637px: calc(var(--ss)637vw);
--764px: calc(var(--ss)764vw);
--779px: calc(var(--ss)779vw);
--787px: calc(var(--ss)787vw);
--800px: calc(var(--ss)800vw);
--969px: calc(var(--ss)969vw);
--1286px: calc(var(--ss)1286vw);
}
@font-face {
    font-family:"Atkinson";
    src:url(/templates/zonin/fonts/Atkinson-Hyperlegible-Regular.woff2) format("woff2"),
    url(/templates/zonin/fonts/Atkinson-Hyperlegible-Regular.woff) format("woff");
    font-weight:400
}
@font-face {
    font-family:"Atkinson";
    src:url(/templates/zonin/fonts/Atkinson-Hyperlegible-Bold.woff2) format("woff2"),
    url(/templates/zonin/fonts/Atkinson-Hyperlegible-Bold.woff) format("woff");
    font-weight:700
}
@font-face {
    font-family:"Recoleta";
    src:url(/templates/zonin/fonts/RecoletaAlt-Regular.woff) format("woff");
    font-weight:400
}
@font-face {
    font-family:"Recoleta";
    src:url(/templates/zonin/fonts/RecoletaAlt-Regular.woff) format("woff");
    font-weight:400
}
@font-face {
    font-family:"Recoleta";
    src:url(/templates/zonin/fonts/RecoletaAlt-Medium.woff) format("woff");
    font-weight:500
}
@font-face {
    font-family:"Recoleta";
    src:url(/templates/zonin/fonts/RecoletaAlt-SemiBold.woff) format("woff");
    font-weight:600
}

:root {	
/*	sizing */
    --ss:100/1920*;
/*	colours */
    --red:#972643;
    --white:#FFFFFF;
    --black:#000000;
	--grey:#707070;
	--greyalt:#EDEDED;
/*	font-colors */
    --fc1:var(--black);
    --fc2:var(--white);
/*	backgrounds */
    --bg:var(--white);
    --cover:center / cover no-repeat; 
    --contain:center / contain no-repeat;
/*	font-weights */
    --n4:normal 400;
    --n5:normal 500;
    --n6:normal 600;
    --n7:normal 700;
/*	font families */
    --hff:"Recoleta";
    --bff:"Atkinson";
/*	fonts */
    --h1:var(--n5) var(--56px) / var(--76px) var(--hff); 
    --h2:var(--n5) var(--40px) / var(--54px) var(--hff);
	--h2alt:var(--n5) var(--45px) / var(--61px) var(--hff);
	--h3:var(--n5) var(--30px) / var(--41px) var(--hff);
	--h4:var(--n5) var(--22px) / var(--30px) var(--hff);
	--sh1:var(--n5) var(--26px) / var(--35px) var(--bff);
	--sh2:var(--n5) var(--26px) / var(--35px) var(--hff);
	--sh3:var(--n5) var(--25px) / var(--34px) var(--hff);
    --p1:var(--n4) var(--24px) / var(--29px) var(--bff);
    --p2:var(--n4) var(--20px) / var(--25px) var(--bff);
	--plarge:var(--n4) var(--35px) / var(--48px) var(--bff);
	--small:var(--n4) var(--18px) / var(--22px) var(--bff);
	--x-small:var(--n4) var(--16px) / var(--16px) var(--bff);
    --nav:var(--n4) var(--16px) / var(--16px) var(--bff);
/*	letter spacing */
    --ls:.015em;
/*	borders */
    --border:var(--2px) solid var(--black);
	--border-light:var(--2px) solid var(--white);
/*	paddings */
    --vpad:var(--65px); 
/*	misc */
    --timing: 0.3s;
    --logo:url('/images/zonin1821-logo.svg') var(--contain);

	--header__height:var(--110px);
}

@media(max-width:768px){
	:root{
		--ss:100/393*;

		/*	fonts */
		--h1:var(--n5) var(--28px) / var(--38px) var(--hff); 
		--h2:var(--n5) var(--25px) / var(--34px) var(--hff);
		--h3:var(--n5) var(--18px) / var(--24px) var(--hff);
		--h4:var(--n5) var(--16px) / var(--29px) var(--hff);
		--p1:var(--n4) var(--16px) / var(--20px) var(--bff);
		--p2:var(--n4) var(--20px) / var(--25px) var(--bff);
		--sh2:var(--n5) var(--18px) / var(--24px) var(--bff);
		--plarge:var(--n4) var(--23px) / var(--31px) var(--bff);
		--small:var(--n4) var(--14px) / var(--28px) var(--bff);
		--x-small:var(--n4) var(--10px) / var(--12px) var(--bff);
		--nav:var(--n4) var(--12px) / var(--12px) var(--bff);

		/*	paddings */
		--vpad:var(--24px); 

		--header__height:var(--111px);
	}
}/* 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: var(--rem);}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;letter-spacing:var(--ls);}
section[style*="z-index:"] {-webkit-transform: translate3d(0,0,0);}
body {line-height: 1;}
a {color:inherit;}
main section a[href*="faq"] {text-decoration:underline;}
section#page {overflow: 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:not(.a) { text-align: center; }
.left:not(.a) { text-align: left; }
.softhide {display:none;}
u {text-decoration:underline;}
iframe {position: absolute; border:0; outline: none; transform:scale(1.005);}

/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; color:var(--fc1); background: #fff;overflow-x: hidden;}
b, strong { font-weight:600; }
h1, .h1 {font:var(--h1__font, var(--h1)); margin-bottom:var(--h1__margin-bottom);}
h2, .h2 {font:var(--h2__font, var(--h2)); margin-bottom:var(--h2__margin-bottom);}
.h2alt {font:var(--h2__font, var(--h2alt)); margin-bottom:var(--h2__margin-bottom);}
h3, .h3 {font:var(--h3__font, var(--h3)); margin-bottom:var(--h3__margin-bottom);}
h4, .h4 {font:var(--h4); margin-bottom:var(--h4__margin-bottom);}
.sh1 {font:var(--sh1); margin-bottom:var(--sh1__margin-bottom);}
.sh2 {font:var(--sh2); margin-bottom:var(--sh2__margin-bottom);}
.sh3 {font:var(--sh3); margin-bottom:var(--sh3__margin-bottom);}
p, .p1 {font:var(--p__font, var(--p1));}
strong{font-weight: 700 !important;}
.p2 {font:var(--p2);}
.plarge, .plarge p {--p__font:var(--plarge);}
.nav {font:var(--nav);}
.small {font:var(--small);}
.x-small {font:var(--x-small);}
span.p1 {display:inline-block;}
@media(max-width:768px) and (orientation:portrait) {
	body main {letter-spacing: var(--ls);}
}

/* COLOURING IN
======================================================= */
.orange-bg, .orange-bg .anim::before, .orange-bg .anim::after { background-color: var(--orange); }
.orange-dark-bg, .orange-dark-bg .anim::before, .orange-dark-bg .anim::after { background-color: var(--orange-dark); }
.cream-bg, .cream-bg .anim::before, .cream-bg .anim::after { background-color: var(--cream); }
.stone-bg, .stone-bg .anim::before, .stone-bg .anim::after { background-color: var(--stone); }
.green-bg, .green-bg .anim::before, .green-bg .anim::after { background-color: var(--green); }
.green-dark-bg, .green-dark-bg .anim::before, .green-dark-bg .anim::after { background-color: var(--green-dark); }
.black-bg, .black-bg .anim::before, .black-bg .anim::after { background-color: var(--black); }
.white-bg, .white-bg .anim::before, .white-bg .anim::after { background-color: var(--white);}


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

div.black-bg *, 
section.black-bg *, 
div.orange-dark-bg *, 
section.orange-dark-bg *, 
div.green-dark-bg *, 
section.green-dark-bg *, 
section[class*="hero-"] * {color: var(--fc2);}

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

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

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

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

/* STRUCTURE
======================================================= */
main section{margin-bottom:var(--section__margin-bottom, 0);max-height:var(--section__max-height, unset); border-bottom:var(--border);}
section > div {width:var(--section__width,100%);max-width:var(--section__max-width,unset);margin:var(--section__margin,0);padding:var(--section__padding, 0);height:var(--section__height, auto);}
section * p:last-child {margin-bottom: 0;}

body{padding-top:calc(var(--header__height) - var(--3px));}

a.anchor {display: block;position: relative;visibility: hidden;z-index:-1;}
.row {display:flex;flex-wrap: wrap;justify-content:center;align-items:center;position:relative;}
.col {display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;}


.border-right{border-right:var(--border);}
.border-left{border-left:var(--border);}
.border-bottom{border-bottom:var(--border);}
.border-top{border-top:var(--border);}

@media(min-width:769px) {
	.d-border-right{border-right:var(--border);}
	.d-border-left{border-left:var(--border);}
	.d-border-bottom{border-bottom:var(--border);}
	.d-border-top{border-top:var(--border);}
}
@media(max-width:768px) {
	.m-border-bottom{border-bottom:var(--border);}
	.m-border-top{border-top:var(--border);}
	.m-border-right{border-right:var(--border);}
	.m-border-left{border-left:var(--border);}
	
	.mobile-reverse .m-border-bottom{border-bottom:0; border-top:var(--border);}
	.mobile-reverse .m-border-top{border-top:0; border-bottom:var(--border);}
}

.copy{
	text-align:var(--copy__text-align,unset);
	max-width:var(--copy__width,unset);
	margin:var(--copy__margin,unset);
	padding:var(--copy__padding,0);
	position:var(--copy__position,unset);
	top:var(--copy__top,unset);
	left:var(--copy__left,unset);
	width:var(--copy__width,unset);
	height:var(--copy__height,unset);
	z-index:var(--copy__z-index,unset);
	font:var(--copy__font, var(--p1));
}

img{
	width:var(--img__width, 100%);
	height:var(--img__height,auto);
	margin:var(--img__margin,0);
	object-fit:var(--img__object-fit, contain);
	object-position:var(--img__object-position, center);
	display:var(--img__display, block);
	position:var(--img__position, initial);
	left:var(--img__left, auto);
	right:var(--img__right, auto);
	top:var(--img__top, auto);
	bottom:var(--img__bottom, auto);
}

a, button {
	cursor: pointer;
	font: var(--nav);
	letter-spacing: var(--ls);
}

.btn {
	--btn__border:calc(var(--ss)2vw) solid rgba(151, 38,67, 0.8);
	--btn__border-radius:calc(var(--ss)25vw);
	--btn__width:fit-content;
	--btn__background:rgba(151, 38,67, 0.8);
	--btn__color:var(--white);
	--btn__height:calc(var(--ss)42vw);
	--btn__padding:0 calc(var(--ss)44vw);
	--btn__font:var(--nav);
	--btn__display:flex;
	--btn__text-align:center;
	--btn__justify-content:center;
	--btn__align-items:center;
	--btn-hover__color:var(--white);
	--btn-hover__background:var(--red);	
	--btn-hover__border:calc(var(--ss)2vw) solid var(--red);
}

@media (max-width:768px) {
	.btn {
		--btn__height:calc(var(--ss)26vw);
		--btn__padding:0 calc(var(--ss)20vw);
	}
}

a:not(.btn){
	--btn-hover__color:var(--red);
}


a, .btn, button {
	color:var(--btn__color,unset);
	background:var(--btn__background,unset);
	padding:var(--btn__padding,unset);
	margin:var(--btn__margin,unset);
	border:var(--btn__border, unset);
	border-radius:var(--btn__border-radius, 0);
	width:var(--btn__width, auto);
	height:var(--btn__height, auto);
	min-height: var(--btn__min-height, unset);
	display:var(--btn__display, unset);
	text-align:var(--btn__text-align, unset);
	justify-content:var(--btn__justify-content, unset);
	align-items:var(--btn__align-items, unset);
	font:var(--btn__font, inherit);
	text-transform:var(--btn__text-transform, unset);
	transition:color 0.3s, background 0.3s;
	top:var(--btn__top,unset);
	bottom:var(--btn__bottom,unset);
	left:var(--btn__left,unset);
	right:var(--btn__right,unset);
	position:var(--btn__position,unset);
	cursor:var(--btn__cursor, pointer);
	flex:var(--btn__flex, unset);
}

.ul{text-decoration: underline;}

.filter-dark, .filter-dark > *{position:relative;}
.filter-dark:before{width:100%;top:0;left:0;right:0;bottom:0;height:var(--hero__height); max-height:100%;position: absolute;content:'';display: block;background:rgba(0,0,0,0.5);}

.filter-light:not(.panel-2-block), .filter-dark:not(.panel-2-block) > *,
.filter-light.panel-2-block .image, .filter-dark.panel-2-block .image > *{position:relative;}
.filter-light:not(.panel-2-block):before, .filter-light.panel-2-block .image:before{width:100%;top:0;left:0;right:0;bottom:0;height:var(--hero__height); max-height:100vh;position: absolute;content:'';display: block;background:rgba(255,255,255,0.79);}
.filter-light.panel-2-block .image:before{top:1px;height:calc(100% - 1px);}


.dots-menu{
	display: flex; 
	width:100%;
	--btn__width:var(--34px);
	--btn__height:var(--34px);
	--btn__margin:0 var(--10px) 0 0;
}

footer .dots-menu, .item-page .dots-menu{ filter: invert(1); }
.item-page .dots-menu{ margin-top: var(--30px); }
footer .dots-menu a:last-child{margin-right:0;}

@media(min-width:769px){
	footer .dots-menu{ justify-content: flex-end }
}

a:hover, .btn:hover, button:hover, a:hover > .btn {
	color:var(--btn-hover__color,unset);
	background:var(--btn-hover__background,unset);
	border:var(--btn-hover__border,unset);
}

a svg {transition:transform 0.3s;}
a svg line, a.arrow svg path{transition:stroke 0.3s;} 
a:hover svg{transform: translateX(calc(var(--vpad)/2));}
a:hover svg line, a:hover svg path{stroke:var(--red) !important;}

ul {
	width:var(--ul__width,unset);
	list-style:var(--ul__list-stlye, unset);
	padding:var(--ul__padding, unset);
	margin:var(--ul__margin, 0 0 1em);
	display:var(--ul__display, block);
	gap:var(--ul__gap,unset);
	flex-flow:var(--ul__flex-flow,unset);
	font:var(--ul-li__font,inherit);
	justify-content:var(--ul__justify-content,unset);
	align-items:var(--ul__align-items, unset);
	text-align:var(--ul__text-align, inherit);
}

ul li{
	width:var(--ul-li__width, unset);
	font:var(--ul-li__font,inherit);
	letter-spacing:var(--ul-li__letter-spacing, var(--ls));
	flex:var(--ul-li__flex,unset);
	border:var(--ul-li__border, unset);
	padding:var(--ul-li__padding,unset);
	position:var(--ul-li__position,unset);
	background:var(--ul-li-background,unset);
	transition:var(--ul-li__transition,unset);
	display:var(--ul-li__display,block);
	align-items:var(--ul-li__align-items,unset);
	margin:var(--ul-li__margin);
}

ol{
	list-style:var(--ol__list-stlye, decimal);
	padding:var(--ol__padding,unset);
	list-style-position:var(--ol__list-style-position, unset);
}

ol li {
	font:var(--ol-li__font,inherit);
	font-weight:var(--ol-li__font-weight,inherit);
}

#google-map{height:; width:100%}/* SLIDER
======================================================= */
.slider-block, #estate-wines{
	--img__width:var(--15px);
	--img__height:var(--23px);
	--img__margin:0 0 var(--9px);
	--p__margin-bottom: var(--5px);

	padding:var(--70px) 0 var(--70px) var(--vpad) ; 
	position: relative;
}

.slider-block.wines, #estate-wines{
	--slide-a__flex-direction:row;
	--slide__padding:var(--36px) var(--39px);
	--column__height:100%;
	--slide-a__justify-content:space-between;
}
.slider-block.wines .column-1, #estate-wines .column-1{
	--column__width:var(--185px);
	--img__height:var(--90px);
	--img__width:100%;
	--img__object-position:left top;
	--column__justify-content:space-between;
}
.slider-block.wines .column-2, #estate-wines .column-2{
	--column__width:var(--168px);
	--img__height:100%;
	--img__width:100%;
	--img__object-position:right bottom;
}

@media(max-width:768px){
	.slider-block, #estate-wines{
		--img__width:var(--10px);
		--img__height:var(--15px);
		--img__margin:0 0 var(--9px);
		--slide__width:var(--142px);
		--slide__height:var(--188px);
		padding:var(--29px) 0 var(--29px) var(--vpad);
	}
}
.slider-block h4{font:var(--n5) var(--25px) / var(--34px) var(--hff);}

.slick-track, .slider-block > div{ display: flex; gap: var(--25px);}

.slider-block .slide, 
#estate-wines .slide{width:var(--slide__width,var(--469px)); height:var(--slide__height,var(--625px));}

.slider-block .slide > a,
#estate-wines .slide > a{ width:100%; height:100%; display:flex; flex-direction:var(--slide-a__flex-direction ,column); justify-content:var(--slide-a__justify-content, flex-end); align-items: center; color:var(--white); background:rgba(0,0,0,0.5); padding:var(--slide__padding, var(--60px) var(--40px)); transition: background 0.3s; }

.slider-block .slide > a:hover,
#estate-wines .slide > a:hover{background: rgba(0,0,0,0.2);}
#estate-wines .slide{width:var(--568px)}

.slick-track[class*="first-slide-"] > .slick-cloned:nth-child(2), 
.slick-slide { transition: .5s ease; }
.slick-slider { display:flex; flex-flow:var(--slick-slider-flex-flow, row wrap); margin-bottom:var(--slick-margin-bottom,0);}
.slick-list { overflow: hidden; }
.slick-arrow{background: var(--white); height:var(--70px); width:var(--70px); border-radius: 50%; border: 2px dotted black; position:absolute; top:calc(50% - var(--35px)); z-index: 1;text-align: center; font:var(--x-small);padding-top:var(--16px);}
.slick-arrow:hover{background:white;}
.slick-arrow:before{display:block;position: absolute;width:var(--39px); height:var(--8px);content:''; top:calc(50% - var(--10px)); left:calc(50% - var(--19-5px))}
.slick-prev{left:var(--30px)}
.slick-prev:before{background:url('/templates/zonin/images/icons/prev.svg') center / contain no-repeat;}
.slick-next{right:var(--30px)}
.slick-next:before{background:url('/templates/zonin/images/icons/next.svg') center / contain no-repeat;}
.slider-block .slide p,
#estate-wines .slide p{margin-bottom:var(--p__margin-bottom);}

/*WINES*/
.slider-block.wines .slide a,
#estate-wines .slide a{background-color: rgba(0,0,0,0.06);}

.slider-block.wines a *,
#estate-wines a *{color:var(--black);}

.slider-block.wines .slide svg
#estate-wines .slide svg{width:var(--slide-svg__width, var(--45px)); height:var(--slide-svg__height, var(--46px)); object-fit:contain; object-position: bottom left;}

.slider-block.wines .column-1 img, #estate-wines .column-1 img{filter: saturate(0%);}

@media(max-width:768px){
	.slick-track, 
	.slider-block > div, 
	#estate-wines > div  { gap:0;}
	
	.slide{margin-right:var(--10px)}
	
	.slider-block h4{font:var(--n5) var(--12px) / var(--16px) var(--hff);}
	
	.slider-block .slide > a{padding:var(--16px) var(--10px);}
	
	.slider-block.wines,
	#estate-wines{
		--slide__width:var(--141px);
		--img__margin:0;
		--slide-svg__height:var(--24px);
		--slide-svg__width:var(--30px);
	}
	.slider-block .slide > a{
		padding:var(--10px);
  }
	.slider-block.wines .column-1{
		--column__width:var(--62px);
		--img__height:var(--46px);
	}
	.slider-block.wines .column-2{
		--column__width:var(--50px);
	}

	
}
/* FOOTER
======================================================= */
footer{
	padding:var(--65px) var(--vpad) var(--70px);
	--btn__font:var(--p2);
	--p__font:var(--p2);
	--ul-li__margin:0 0 var(--10px);
	--p__margin:0 0 var(--10px);
	--h4__margin-bottom:var(--10px);
}
footer a{
	--btn__font:var(--p2);
}
footer .mod-menu .nav-item:first-child a{
	--btn__font:var(--h4);
}

@media(max-width:768px){
	footer{
		padding:var(--45px) var(--vpad) var(--45px);
		--footer__flex-wrap:wrap;
		--btn__font:var(--small);
		--p__font:var(--small);
		--ul-li__margin:0 0 var(--2px);
		--p__margin:0 0 var(--2px);
		--h4__margin-bottom:var(--2px);
	}

	footer > div:first-child > div:first-child{margin-bottom:var(--30px);}

	footer > div:last-child > div > a:first-child{margin-left:0;}
	
	footer a{
		--btn__font:var(--small);
	}
}


footer > div{display:flex; justify-content:space-between; flex-wrap:var(--footer__flex-wrap, nowrap);}
footer > div:first-child{border-bottom:var(--1px) solid var(--grey); padding-bottom: var(--35px);}
footer > div:last-child{padding-top: var(--35px); --btn__margin:0 0 0 var(--24px);}
footer li{line-height:0}
footer p{margin:var(--p__margin)}

@media(min-width:769px){
	footer > div > div:last-child{text-align: right;}
	footer .item-337{display:none !important}
}/* HEADER
======================================================= */
header{
    --header__display:flex;
    --header__padding: 0 var(--vpad);
    --header__justify-content:space-between;
    --header__align-items:center;
    --ul__display:flex;
    --ul__gap:var(--36px);
	--ul__margin:0;
}
header .logo{
	--btn__width:var(--167px);
	--btn__height:var(--27px);
	opacity:1;
	background: url(/templates/zonin/images/brand/zonin1821-logo.svg) left / contain no-repeat;
	transition:opacity 0.3s;
}

header .nav-item.active{
	--btn__color:var(--red);
}

.mod-menu{
    --btn__font:var(--nav);
}

header .search-btn{
	--btn__position:relative;
	--btn__width:var(--42px);
	--btn__padding:0;
	--btn__margin:0 var(--24px) 0 0;
	--btn__border:0;
	--btn-hover__border:0;
	--btn__background:transparent;
	--btn-hover__background:transparent;
}

header {display:var(--header__display); justify-content:var(--header__justify-content); align-items:var(--header__align-items); padding:var(--header__padding); height:var(--header__height); border-bottom:var(--border);position: fixed; top:0; width:100%;background-color:var(--header__background, var(--white));z-index:1002;transition: background-color 0.3s, border 0.3s;}
header .nav-item.item-337{display:none;}
.hamburger-wrap{display:none;}

header .search-btn:after,
header .search-btn:before{transition:opacity 0.3s; display:block; position: absolute; content: ''; background:url('/templates/zonin/images/icons/search-red.svg') center / contain no-repeat; width:var(--26px); height:var(--26px);}

/*
header .search-btn:before{ background:url('/templates/zonin/images/icons/search-red.svg') center / contain no-repeat;}

header .search-btn:after,
header .search-btn:hover:before{opacity:1;}

header .search-btn:hover:after,
header .search-btn:before{opacity:0;}
*/

@media(max-width:768px){
	header .logo{
		--btn__width:var(--167px);
		--btn__height:var(--27px);
	}
	header .btn.search-btn{
		--btn__width:var(--27px);
		--btn__padding:0;
		--btn__margin:0 var(--14px) 0 0;
	}
	header .mod-menu, header .btn:not(.search-btn){display:none;}
	body.mega-open .search-btn:before{ background:url('/templates/zonin/images/icons/search.svg') center / contain no-repeat;}

	header .search-btn:after,
	body.mega-open header .search-btn:before{opacity:1;}

	body.mega-open header .search-btn:after,
	header .search-btn:before{opacity:0;}
	body.mega-open header .btn.search-btn{
		
		--btn__border:0;
		--btn-hover__border:0;
		--btn__background:transparent;
		--btn-hover__background:transparent;
	}
		
}
.mega-menu a{
	--btn__color:var(--white);
	--btn-hover__color:var(--white);
	--btn__font:var(--n5) var(--30px) / var(--43px) var(--hff); 
}
.mega-menu {position:fixed; top:0;z-index:1001;width:100vw;padding:var(--header__height) var(--50px);display:flex;align-items:center;justify-content:center;transform:translate(0, -100%); transition:1s; opacity:0; display:none; pointer-events: none; background-color:var(--red);height:100vh; flex-direction:column;}

@media(max-width:768px){
	.mega-menu{display: flex; --ul-li__margin:0 0 var(--17px); --ul__margin: 0 0 5em;}
	body.mega-open header{z-index:1002; position:fixed; top:0; --header__background:var(--red); border-color:var(--red);}
	body.mega-open .mega-menu{opacity:1; pointer-events: all;transform:translate(0%, 0%)}
	body.mega-open header .logo{opacity: 0; pointer-events: none;}

	body.mega-open header .btn{
		--btn__color:var(--red);
		--btn-hover__color:var(--white);
		--btn__border:var(--border-light);
		--btn__background:var(--white);
		--btn-hover__background:var(--red);
		
	}
}

.header-btns{display: flex; justify-content: space-between; align-items: center;}
.mega-menu ul{
	position: relative; 
	--ul__width:100%;
	margin-bottom:var(--20px);
}

/*
.mega-menu ul:after, .mega-menu ul:before{position: absolute; bottom:var(--n40px); content:''; display: block; background-color: var(--white); width:var(--34px); height:var(--34px); border-radius:50%; left:0;}
.mega-menu ul:after{left:var(--44px)}
*/

/* HAMBURGER
======================================================= */
@media(max-width:768px){
	#hamburger{
		display:block;
		--btn__border:0;
		--btn__width:var(--14px);
		--btn__height:var(--10px);
		--btn__margin:0 0;
		--btn__position:relative;
		--span-height:var(--1px);
	}


	#hamburger span{
		--width:var(--7px);
		--span-left:0;
		--top-1:0;
		--top-2:var(--5px);
		--top-3:var(--10px);
		--top-open-1:var(--2px);
		--top-open-2:var(--6-5px);
		--left-open:var(--1px);
	}
	body.mega-open #hamburger span{
		--hamburger__background:var(--red);
	}

	#hamburger span:nth-child(even) { 
		--left:50%; 
	}
	#hamburger span:nth-child(odd){ 
		--left:var(--span-left);
	}
	#hamburger .hb1, #hamburger .hb2 {
		--top: var(--top-1);
	}
	#hamburger .hb3, #hamburger .hb4 {
	--top: var(--top-2);
	}
	#hamburger .hb5, #hamburger .hb6 {
	--top: var(--top-3);
	}
	body.mega-open #hamburger .hb1,body.mega-open #hamburger .hb6{
	--rotate:45deg;
	}
	body.mega-open #hamburger .hb2,body.mega-open #hamburger .hb5 {
	--rotate:-45deg;
	}
	body.mega-open #hamburger .hb1 {
	--left: var(--left-open); --top: var(--top-open-1);
	}
	body.mega-open #hamburger .hb2 {
	--left: calc(50% - var(--1px)); --top: var(--top-open-1);
	}
	body.mega-open #hamburger .hb3 {
	--left: -50%; --opacity: 0;
	}
	body.mega-open #hamburger .hb4 {
	--left: 100%; --opacity: 0;
	}
	body.mega-open #hamburger .hb5 {
	--left: var(--left-open); --top: var(--top-open-2);
	}
	body.mega-open #hamburger .hb6 {
	--left: calc(50% - var(--1px)); --top: var(--top-open-2);
	}

	#hamburger{transition: .5s ease-in-out;z-index:555;pointer-events:all;z-index:1003}

	.hamburger-wrap{display:block;height: var(--27px); width: var(--39px); background-color:var(--red);border-radius:var(--36px); transition: background-color; display:flex; justify-content: center; align-items:center; cursor: pointer;}
	body.mega-open .hamburger-wrap{background-color:var(--white);}
	#hamburger span {display: block;position: absolute;height: var(--span-height);width:var(--width);background-color:var(--hamburger__background, var(--white));opacity:var(--opacity);transform: rotate(var(--rotate));transition:.25s ease-in-out;top:var(--top);left:var(--left);}
}

/* COLUMNS
======================================================= */
.columns-block{
	--h1__margin-bottom:var(--50px);
	--copy__margin:0 0 var(--50px);
	--columns__padding:var(--163px) var(--vpad);
	--img__object-fit:cover;
}
.columns-block .small{
	--img__width: var(--210px);
	--img__height: var(--274px);
}
.columns-block .large{
	--img__width: var(--434px);
	--img__height: var(--575px);
}

#home-discover-our-estates .column-2{
	--column__width:var(--637px);
	--column__margin:0 auto;
}

@media(max-width:768px){
	.columns-block{
		--h1__margin-bottom:var(--27px);
		--copy__margin:var(--30px);
		--columns__padding:var(--62px) var(--vpad) var(--72px);
		--columns__flex-wrap:wrap;
		--column__width:100%;
		--btn__margin: 0 0 var(--66px);
	}
	#home-discover-our-estates .column-2{
		--column__width:100%;
		--column__margin:0;
	}

	
	.columns-block .small{
		--img__width: var(--88px);
		--img__height: var(--116px);
	}
	.columns-block .large{
		--img__width: var(--179px);
		--img__height: var(--237px);
	}
	
	.columns-block .column-1 img.small{
		--img__margin:var(---47px) 0 var(--66px) auto;
	}
	.columns-block .column-3 img.large{
		--img__margin:0 0 var(--24px) 0;
	}
	
	.mobile-reverse .columns{
		flex-direction: column-reverse;
	}
	
	.mobile-img-border-top .columns .image{
		border-top:var(--border);
	}

}
.columns{display:flex;padding:var(--columns__padding);flex-wrap:var(--columns__flex-wrap, nowrap); gap:var(--columns__gap, 0); justify-content:var(--columns__justify-content)}
.columns > div{width:var(--column__width, 29%); display:flex; flex-direction: var(--column__flex-direction, column); height:var(--column__height, auto); margin:var(--column__margin, 0); padding:var(--column__padding, 0); justify-content: var(--column__justify-content); align-items: var(--column__align-items);}
.columns-block > div > .column-2{width:var(--column__width, 42%); text-align:center;  justify-content: center; align-items: center;}


.columns-block .ma-left{ margin-left:auto;}
.columns-block .ma-right{ margin-right:auto;}

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

/*.columns-block > div.row-3 > div{width:100%;}*/

@media(min-width:769px){
	.columns-block > div > div > img:first-child{margin-bottom: var(--160px);}
	.columns.row-3 > div{width:calc(33% - calc(var(--columns__gap)/2));}
}/* IMAGE TEXT BLOCK
======================================================= */
.image-text-block{
	--column__padding:var(--60px);
	--img__width: 100%;
	--img__height: 100%;
	--img__object-fit:cover;
	--h2__margin-bottom:var(--60px);
	--column__align-items:flex_end;
} 

.image-text-block .text{
	--column__padding:var(--200px) var(--60px) var(--60px);
	--column__width:33%;
	--column__justify-content:flex-end;
}

.image-text-block .image{
	--column__width:66%;
}

#production.image-text-block .text{
	--column__padding:var(--60px);
	--column__justify-content:space-between;
}

@media(max-width:768px){
	.image-text-block{
		--columns__flex-wrap:wrap;
		--column__padding:var(--vpad);
		--img__height: var(--429px);
		--h2__margin-bottom:var(--27px);
	} 

	.image-text-block .text{
		--column__padding:var(--187px) var(--vpad) var(--vpad);
		--column__width:100%;
	}

	.image-text-block .image{
		--column__width:100%;
	}
	
	#production.image-text-block .text{
		--column__padding:var(--vpad);
	}
	
	#production.image-text-block .sh1{
		font:var(--p1);
	}
}
/* IMAGE lINKS
======================================================= */
.image-links{
	--columns__gap:var(--35px);
	--img__width: 100%;
	--column__height: var(--400px);
	--columns__padding:var(--vpad);
	--image-link__display:flex;
	--image-link__justify-content:center;
	--image-link__align-items:flex-end;
	--image-link__padding:0 0 var(--36px);
}

.image-links a.column-link {display:block; width:100%; height:100%; display:var(--image-link__display, block); justify-content: var(--image-link__justify-content);align-items: var(--image-link__align-items); padding:var(--image-link__padding, 0)}

@media(max-width:768px){
	.image-links{
		--columns__padding:var(--43px) calc(var(--vpad) * 2) var(--23px);
		--columns__justify-content:space-between;
		--image-link__padding:0 0 var(--25px);
		--column__width:var(--142px);
		--column__height: var(--204px);
		--columns__gap:0;
		--column__margin:0 0 var(--20px);
		
	}
	
	.image-links .btn{
		--btn__width:var(--110px);
		--btn__padding:0;
	}
}
/* HERO
======================================================= */
.hero-block{
	--btn__margin:0 auto;
	--h1__margin-bottom:calc(var(--ss)56vw);
	--h3__margin-bottom:calc(var(--ss)9vw);
	--hero__height:calc(var(--ss)970vw);
	--hero-span__margin:0 auto calc(var(--ss)109vw);
}

@media(max-width:768px){
	.hero-block{
		--hero__height:calc(var(--ss)740vw);
		--h1__margin-bottom:calc(var(--ss)56vw);
		--h3__margin-bottom:calc(var(--ss)9vw);
		
		--hero-span__height: calc(var(--ss)228vw);
		--hero-span__margin:0 auto calc(var(--ss)53vw);
	}
}
.hero-block{ color:var(--white); text-align:center; height:var(--hero__height); max-height:calc(100vh - var(--header__height)); display:flex; justify-content:center; align-items:flex-end;padding-top:15%; position:relative; }
.hero-block .spacer{ width:2px; background:var(--white); height:var(--hero-span__height, calc(var(--ss)315vw));display:block; margin:var(--hero-span__margin); }
.hero-block > div{position:relative;z-index:1}
.hero-block.no-hero h1, .hero-block.no-hero h2{color:var(--black);}
.hero-block.no-hero .spacer{  background:var(--black); }/* STATS
======================================================= */
.stats-block{
	--h2__margin-bottom:calc(var(--ss)78vw);
	--stat__padding: calc(var(--ss)60vw) calc(var(--ss)30vw) calc(var(--ss)90vw)
}

@media(max-width:768px){
	.stats-block{
		--stats__flex-wrap:wrap;
		--stat__width:100%;
		--h2__margin-bottom:calc(var(--ss)18vw);
		--stats__border-left:none;
		--stats__border-bottom:var(--border);
		--stat__padding: calc(var(--ss)35vw) var(--vpad);
	}

	.stats-block > div > div:last-child{border-bottom:none;}
}

.stats-block > div{ display:flex; flex-wrap:var(--stats__flex-wrap, nowrap)}
.stats-block > div > div{ border-left: var(--stats__border-left ,var(--border)); border-bottom: var(--stats__border-bottom ,none); width:var(--stat__width, 25%); padding:var(--stat__padding);}
@media(min-width:769px){
	.stats-block > div > div:first-child{border-left:none;padding-left:var(--vpad)}
}
/* CTA BANNER
======================================================= */
.cta-banner{
	--btn__width:100%;
	--btn__min-height:var(--247px);
	--btn__display:flex;
	--btn__align-items: center;
	--btn__padding:0 calc(var(--vpad)*3) 0 var(--vpad);
	--btn__position:relative;
	--h2__font:var(--h1);
}
.cta-banner svg, .cta-banner{
	--arrow__height:var(--71px);
	--arrow__width:var(--71px);
}

@media(min-width:768px){
	.cta-banner span, .cta-banner a{max-height:var(--btn__min-height);}
}

@media(max-width:768px){
	.cta-banner{
		--btn__min-height:var(--95px);
		--btn__padding:var(--25px) calc(var(--vpad)*3) var(--25px) var(--vpad);
	}
	.cta-banner svg, .cta-banner{
		--arrow__height:var(--45px);
		--arrow__width:var(--45px);
	}

	.cta-banner{ --h1__font:var(--n5) var(--30px) / var(--30px) var(--hff); }
}

.cta-banner span:after{ position:absolute; display:block; content:''; width:var(--arrow__width); height:var(--arrow__height); background:url('/templates/zonin/images/icons/arrow.png') center / contain no-repeat; top:calc(50% - calc(var(--arrow__height)/2)); right:var(--vpad); transition:transform 0.3s;}
.cta-banner svg{ position:absolute; width:var(--arrow__width); height:var(--arrow__height); top:calc(50% - calc(var(--arrow__height)/2)); right:var(--vpad);}


.cta-banner span:after{transform:rotate(90deg);}

.cta-banner span{min-height:var(--btn__min-height); width:var(--btn__width); display:flex; align-items: center; padding:var(--btn__padding); position:relative;}
/* IMAGE
======================================================= */
.image-block{
	--img__width:100%;
	--img__height:calc(var(--ss)970vw);
	--img__max-height:100vh;
	--img__object-fit:cover;
}

@media(max-width:768px){
	.image-block{
		--img__height:calc(var(--ss)316vw);
	}
}
/* IMAGE
======================================================= */
.image-banner-block{
	--btn__display:block;
	--btn__width:100%;
	--btn__height:100%;
	--btn__color:var(--white);
	--btn__position:relative;
	--btn__padding:var(--93px) var(--78px);
	--arrow__width:var(--75px);
}

.image-banner-block a:not(.btn){
	--btn-hover__color:var(--white);
}

@media(max-width:768px){
	.image-banner-block{
		--banner__height:var(--779px);
	}
}

.image-banner-block{height:var(--banner__height, var(--969px)); max-height:calc(100vh - var(--header__height));}
.image-banner-block a:after{content:''; display:block; position: absolute; top:var(--arrow__top, var(--102px)); right:var(--arrow__right, var(--53px)); width:var(--arrow__width); height:var(--arrow__height, var(--55px)); background: url('/templates/zonin/images/icons/arrow-white.png') center / contain no-repeat; transition:transform 0.33s;}
.image-banner-block a:hover:after{transform:translateX(calc(var(--arrow__width) / 2))}

@media(max-width:768px){
	.image-banner-block * {text-align: center;}
	
	.image-banner-block{
		--btn__padding:var(--44px);
		--h1__margin-bottom:var(--10px);
		--h2__font:var(--h3);
	}
	
	.image-banner-block a:after{
		--arrow__width:var(--71px);
		--arrow__height:var(--44px);
		--arrow__top: var(--138px); 
		--arrow__right: calc(50% - var(--35px));
	}
}/* TEXT BLOCK
======================================================= */
.default-block{
	--copy__width:var(--787px);
	--btn__margin:var(--65px) 0 0;
	--h1__margin-bottom:var(--50px);
	--text__padding:var(--123px) var(--vpad) var(--145px);
}

@media(max-width:768px){
	.default-block{
		--copy__width:100%;
		--btn__margin:var(--40px) 0 0;
		--h1__margin-bottom:var(--30px);
		--text__padding:var(--70px) var(--vpad);
	}
}
.default-block > div{ display:flex; justify-content:center; align-items: center; flex-direction: column; text-align: center; padding:var(--text__padding);}/* 3 PANEL BLOCK 
======================================================= */
.panel-3-block{
	--column__width:33%;
	--copy__margin:auto 0 0;
	--column__padding:calc(var(--ss)54vw);
	--img__width: 100%;
	--img__height: 100%;
	--img__object-fit:cover;
	--copy__width:var(--452px);
}

.panel-3-block .column-3{
	--column__justify-content: flex-end;
}

#estate-winemaker .copy{--copy__margin:calc(var(--ss)30vw) 0 0;}
#estate-winemaker img{aspect-ratio: 1 / 0.8;}

@media(max-width:768px){
	.panel-3-block{
		--columns__flex-wrap:wrap;
		--column__width:100%;
		--copy__margin:calc(var(--ss)116vw) 0 0;
		--column__padding:calc(var(--ss)40vw) var(--vpad);
		--img__height:calc(var(--ss)429vw);
		--copy__width:100%;
	}
}/* 2 PANEL BLOCK 
======================================================= */
.panel-2-block{
	--column__width:50%;
	--h2__margin-bottom:var(--40px);
	--h1__margin-bottom:var(--40px);
	--img__width: 100%;
	--img__height: 100%;
	--img__object-fit:cover;
	--column__justify-content:flex-end;
	--sh2__margin-bottom:var(--30px);
}

body.our-services .panel-2-block .text{
	--column__justify-content:space-between;
	--column__padding:var(--70px) var(--37px) var(--70px) var(--57px);
}
.panel-2-block .text{
	--column__padding:var(--70px) var(--100px) var(--70px) var(--68px);
	--copy__padding:0 20% 0 0;
	--btn__margin:var(--50px) 0 0;
}

.panel-2-block .panel-logo{
	--img__height:var(--290px);
	--img__width:var(--330px);
	--img__margin: 0 0 var(--40px);
	--img__object-position:left bottom;
	--img__object-fit:contain;
    filter: saturate(0%);
}

.panel-2-block .logo-wrap{
	--img__height:var(--512px);
	--img__width:var(--512px);
	--img__object-position:center;
	--img__object-fit:contain;
	filter: saturate(0%);
}

.panel-2-block .bottle-image{
	--img__height:auto;
	--img__width:var(--314px);
	--img__object-position:right top;
	--img__object-fit:contain;
	--img__position:absolute;
	--img__top:var(--90px);
	--img__right:var(--50px);
}

@media(min-width:769px){
	#wine-hero.panel-2-block{
		--section__height:calc(100vh - var(--359px));
	}
	#wine-hero.panel-2-block > div{min-height:35vw}
}
.panel-2-block.reverse .columns{flex-direction: row-reverse;}


.panel-2-block .column{position: relative; background-color:#fff}
.panel-2-block.contain{--img__object-fit:contain;}

/*.panel-2-block:not(.contain) .image > img{border-top:1px solid var(--black);}*/

.panel-2-block .logo-wrap{position:absolute;width:100%;display:flex;height:100%;justify-content: center;align-items: center;top:0;bottom:0;left:0;right:0;}

#wine-hero.panel-2-block .column-2{overflow-y:hidden; padding-right:var(--366px)}

#wine-hero.panel-2-block h1{max-width:var(--550px);}

.filter-light.panel-2-block .image::before {min-height: calc(100% - 1px);}

@media(max-width:768px){
	.panel-2-block{
		--columns__flex-wrap:wrap;
		--column__width:100%;
		--h2__margin-bottom:var(--40px);
		--h1__margin-bottom:var(--40px);
		--img__height:var(--458px);
		--sh2__margin-bottom:var(--10px);
	}

	.panel-2-block .text, body.our-services .panel-2-block .text{
		--column__padding:var(--34px) var(--vpad);
		--copy__padding:0;
		--btn__margin:var(--28px) 0 0;
		min-height:var(--461px);
	}
	
	.panel-2-block .panel-logo{
		--img__height:var(--125px);
		--img__width:var(--180px);
		--img__margin: 0 0 var(--36px);
	}
	
	#wine-hero.panel-2-block .text > *:not(img){
		max-width:var(--195px)
	}
	
	
	#wine-hero.panel-2-block .column-2{padding-right:var(--156px)}
	
	#wine-hero.panel-2-block .text{
		height:var(--396px);
		min-height:var(--396px);
		--h2__font:var(--n5) var(--23px) / var(--31px) var(--hff);
		--h1__margin-bottom:var(--10px);
		--h2__margin-bottom:0;
	}
	
	.panel-2-block .bottle-image{
		--img__height:auto;
		--img__width:var(--105px);
		--img__object-position:right top;
		--img__object-fit:contain;
		--img__position:absolute;
		--img__top:var(--90px);
		--img__right:var(--50px);
	}
	
	.estates .panel-2-block{
		--h2__margin-bottom:var(--19px);
	}

	.estates .panel-2-block .text{
		--btn__margin: 0;
	}
	
	.estates .panel-2-block .panel-logo{
		--img__height:var(--153px);
		--img__width:var(--199px);
		--img__margin: 0 0 var(--23px);
	}
	
	#estate-intro.panel-2-block .text{
		--column__padding:var(--78px) var(--vpad) var(--34px);
	}
	
	body.estates .panel-2-block .columns,body.estates .panel-2-block.reverse .columns{flex-direction: column-reverse;}
	
}
/* GRID LIST
======================================================= */
.grid-block{
	--grid__padding: var(--55px) var(--58px) var(--49px);
}

.grid-block.wines{
	--grid__padding: var(--39px) var(--56px) var(--34px);
	--arrow__height:var(--38px);
	--arrow__width:var(--55px);
	--h2__font:var(--n5) var(--24px) / var(--33px) var(--hff);
	--h3__font:var(--n4) var(--20px) / var(--29px) var(--bff);
}

.grid-block.wines .product-image{
	--img__position:absolute;
	--img__height:var(--429px);
	--img__width:auto;
	--img__right:var(--40px);
	--img__top:var(--28px);
}

.grid-block.wines .product-logo{
	--img__height:var(--72px);
	--img__width:var(--140px);
	--img__margin: 0 0 var(--33px);
	--img__object-position:left bottom;
	filter: saturate(0%);
}

.grid-block.wines .grid-header{
	max-width:67%;
	position:relative;
	z-index: 10;
}

.grid-block.estates{
	--grid__padding: var(--55px) var(--90px) var(--55px) var(--35px);
}

.grid-block.estates .estate-logo{
	--img__height:var(--155px);
	--img__width:var(--280px);
	--img__margin: 0 0 var(--45px);
	--img__object-position:left bottom;
	filter: saturate(0%);
}
@media(max-width:768px){
	.grid-block{
		--grid__width:100%;
		--grid__padding: var(--36px) var(--vpad) var(--32px);
	}
	.grid-block.wines{
		--grid__width:100%;
		--grid__padding: var(--32px) var(--vpad) var(--31px);
		--arrow__height:var(--26px);
		--arrow__width:var(--39px);
		--h2__font:var(--n5) var(--18px) / var(--24px) var(--hff);
		--h3__font:var(--n4) var(--16px) / var(--22px) var(--bff);
	}

	.grid-block.wines .product-image{
		--img__position:absolute;
		--img__height:var(--324px);
		--img__width:auto;
		--img__right:var(--vpad);
		--img__top:var(--32px);
	}

	.grid-block.wines .product-logo{
		--img__height:var(--72px);
		--img__width:var(--112px);
		--img__margin: 0 0 var(--31px);
	}
	
	.grid-block.estates{
		--grid__width:100%;
		--grid__padding: var(--32px) var(--84px) var(--32px) var(--vpad);
		--grid-svg__height:var(--45px);
		--grid-svg__width:var(--45px);
		--grid-svg__bottom:var(--32px);
		--grid-svg__right:var(--vpad);
	}
	
	.grid-block.wines svg{
		--grid-svg__height:var(--45px);
		--grid-svg__width:var(--45px);
	}
}
.grid{display:flex;flex-wrap:wrap; gap:var(--columns__gap, 0);}
.grid > .grid-item{width:var(--grid__width, 25%); display:flex; flex-direction: column; height:auto; aspect-ratio:1 / 1; padding:var(--grid__padding, 0); justify-content: space-between;background-size:cover;background-repeat:no-repeat;background-position:center;}

#awards .grid > .grid-item h3{padding-top:var(--grid-h3__padding-top, var(--76px)); position:relative; --sh2__margin-bottom:1em;}
#awards .grid > .grid-item h3:before{position:absolute; content:''; display: block; top:0; left:0; width:var(--grid-h3-before__height, var(--46px)); height:var(--grid-h3-before__width, var(--45px)); background:url('/templates/zonin/images/icons/award.svg') center / contain no-repeat;}

.grid-block.wines .grid-item, .grid-block.estates .grid-item{position:relative;}
.grid-block.estates .grid-item{justify-content: flex-end;}

.grid-block.estates .grid-item svg{position:absolute; right:var(--grid-svg__right, var(--35px)); bottom:var(--grid-svg__bottom, var(--55px)); width:var(--grid-svg__width, var(--55px)); height:var(--grid-svg__height, var(--54px));}
.grid-block.wines .grid-item svg{width:var(--grid-svg__width, var(--76px)); height:var(--grid-svg__height, var(--76px));}

@media(min-width:769px){
	.grid > .grid-item:not(:nth-child(4n)){border-right:var(--border) !important;}
	.grid > .grid-item:not(:nth-last-child(-n+4)){border-bottom:var(--border) !important;}
	.grid.grid-mod-0 > .grid-item:not(:nth-last-child(-n+4)){border-bottom:var(--border) !important;}
	.grid.grid-mod-1 > .grid-item:not(:nth-last-child(-n+1)){border-bottom:var(--border) !important;}
	.grid.grid-mod-2 > .grid-item:not(:nth-last-child(-n+2)){border-bottom:var(--border) !important;}
	.grid.grid-mod-3 > .grid-item:not(:nth-last-child(-n+3)){border-bottom:var(--border) !important;}
}
@media(max-width:768px){
	.grid > .grid-item{border-bottom:var(--border); !important;}
	.grid > .grid-item:last-child{border-bottom:0; !important;}
	
	#awards.grid-block{
		--grid-h3__padding-top:var(--67px);
		--grid-h3-before__height:var(--38px);
		--grid-h3-before__width:var(--37px);
	}
	
	#awards .grid > .grid-item:first-child{
		height:var(--89px); aspect-ratio:unset; justify-content:center;
		--grid__padding:0 var(--vpad);
		--sh2__margin-bottom:2em;
	}
	
	
	
}
/* STATS
======================================================= */
.details-block .row{justify-content: space-between;align-items: center; height:var(--details__height, var(--250px));padding:0 var(--vpad);}/* DATA BLOCK 
======================================================= */
.data-block{
	--column__height:var(--249px);
	--column__width:50%;
	--column__padding:var(--53px);
	--column__flex-direction:row;
}

.data-block .column-2 {
	--column__padding:var(--53px) var(--79px);	
}

.data-block .columns > div{align-items: center;}

.data-block .column-2 > div{width:50%; position:relative; padding-left:var(--data__padding-left, var(--123px))}

.data-block .column-2 > div:before{position: absolute; display:block; width:var(--data-before__width, var(--80px)); height:var(--data-before__height, var(--90px)); left:0; content:''}

.data-block .columns > div > div.data-total:before{background:url("/templates/zonin/images/icons/hecatres.svg") center / contain no-repeat;}
.data-block .columns > div > div.data-vines:before{background:url("/templates/zonin/images/icons/vines.png") center / contain no-repeat;}

@media(max-width:768px){
	.data-block{
		--columns__flex-wrap:wrap;
		--column__width:100%;
		--column__padding:var(--31px) var(--vpad) var(--42px);
		--column__height: fit-content;
		--data__padding-left:var(--62px);
		--data-before__height: var(--50px);
		--data-before__width: var(--40px);
	}
	.data-block .column-2 > div{height:var(--data-before__height);display:flex; align-items: center;}
	.data-block .column-2 h2{margin-right:var(--14px);}
	.data-block .column-2{
		flex-wrap:wrap;
		--column__padding:var(--vpad);
	}
	.data-block .column-2 > div{width:100%}
	.data-block .column-2 > div.data-total{margin-bottom:var(--19px);}
}
/* features BLOCK 
======================================================= */
.features-block{
	--column__height:var(--249px);
	--column__padding:var(--53px);
	--column__flex-direction:row;
	--p__font:var(--n4) var(--16px) / var(--22px) var(--bff)
}

.features-block .column-1 {
	--column__width:33%;	
}
.features-block .column-2 {
	--column__width:66%;	
}

.features-block .columns > div{align-items: center;}

.features-block .column-2 > div{width:33%; position:relative; padding-left:var(--features__padding-left, var(--123px))}

.features-block .column-2 > div:before{position: absolute; display:block; width:var(--features-before__width, var(--80px)); height:var(--features-before__height, var(--90px)); left:0; content:''}

.features-block .columns > div > div.grapes:before{background:url("/templates/zonin/images/icons/vines.png") center / contain no-repeat;}
.features-block .columns > div > div.temperature:before{background:url("/templates/zonin/images/icons/temperature.svg") center / contain no-repeat;}
.features-block .columns > div > div.ageing:before{background:url("/templates/zonin/images/icons/ageing.svg") center / contain no-repeat;}

@media(max-width:768px){
	.features-block{
		--columns__flex-wrap:wrap;
		--column__padding:var(--31px) var(--vpad) var(--42px);
		--column__height: fit-content;
		--features__padding-left:var(--62px);
		--features-before__height: var(--50px);
		--features-before__width: var(--40px);
		--p__font:var(--n4) var(--16px) / var(--22px) var(--bff)
	}
	.features-block .column-1 {
		--column__width:100%;	
	}
	.features-block .column-2 {
		--column__width:100%;	
	}
	.features-block .column-2 > div{height:var(--features-before__height);display:flex; align-items: center;}
	.features-block .column-2 h2{margin-right:var(--14px);}
	.features-block .column-2{
		flex-wrap:wrap;
		--column__padding:var(--vpad);
	}
	.features-block .column-2 > div{width:100%}
	.features-block .column-2 > div.grapes, .features-block .column-2 > div.temperature{margin-bottom:var(--19px);}
	.features-block .column-2 h3{width:var(--175px); min-width:var(--175px)}
}
#estate-wines{
	padding: var(--68px);
	--slide__width:var(--570px);
	--slide__height:var(--764px);
}

#estate-wines.wines{
	--slide__padding:var(--27px) var(--21px) var(--29px) var(--60px);
}

#estate-wines.wines .column-1{
	--column__width:var(--248px);
	--img__height:var(--110px);
	--img__margin:var(--36px) 0 0 0;
}

#estate-wines.wines .column-2{
		--column__width:var(--216px);
}

@media(max-width:768px){
	#estate-wines{
		padding: var(--27px);
		--slide__width:100%;
		--slide__height:var(--453px);
	}
	
	#estate-wines.wines .column-1{
		--column__width:var(--155px);
		--img__height:var(--88px);
		--img__margin:0;
	}
	
	#estate-wines.wines .column-2{
		--column__width:var(--129px);
	}
	
	#estate-wines .slide > a{padding:var(--24px) var(--18px) var(--30px) var(--22px);}
	#estate-wines svg.arrow{width:var(--50px); height:var(--50	px)}
	
}

#estate-wines > div{display:flex; flex-flow:row wrap; gap:var(--28px);}

/*
GOOGLE MAP
========================================================== */

/*body.iOS #map{display:none;}*/
#google-map {width:100%;height:calc(var(--ss)632vw);}
@media(max-width:768px){
	#google-map {width:100%;height:calc(var(--ss)350vw);}
}/* TEXT BLOCK
======================================================= */
.search-block{
	--h1__margin-bottom:var(--30px);
	--search-form__padding:var(--50px) var(--43px);
	--search-field__height:var(--53px);
	--search-field__padding:0 var(--22px);
	--search-label__font:var(--n5) var(--26px) / var(--35px) var(--hff);
}
.search-block .column-1{
	--column__width:var(--634px);
	--column__padding:var(--58px) var(--56px);
	
}
.search-block .column-2{
	--column__width:var(--1286px);
	--column__padding:var(--58px) var(--56px);
}

.search-block form .columns{
	--columns__flex-wrap:wrap;
	--column__width:var(--517px);
	--column__padding:0;
	--columns__justify-content:space-between;
	margin-bottom:var(--50px);
	
}

.search-block .clear{
	--btn__margin: 0 var(--30px) 0 0;
}

@media(max-width:768px){
	.search-block{
		--h1__margin-bottom:var(--16px);
		--search-form__padding:var(--27px) var(--25px);
		--search-field__height:var(--38px);
		--search-field__padding:0 var(--15px);
		--search-label__font:var(--h3);
		--columns__flex-wrap:wrap;
	}
	.search-block .column-1{
		--column__width:100%;
		--column__padding:var(--37px) var(--vpad) var(--44px);
		--img__height:

	}
	.search-block .column-2{
		--column__width:100%;
		--column__padding:var(--44px) var(--vpad);
	}

	.search-block form .columns{
		--columns__flex-wrap:wrap;
		--column__width:var(--517px);
		--column__padding:0;
		--columns__justify-content:space-between;
		margin-bottom:var(--50px);

	}
	
	.search-block .clear{
		--btn__margin: 0 var(--5px) 0 0;
	}
}

.search-block form{background:var(--greyalt); width:100%; height:100%; padding:var(--search-form__padding);}

.search-block input, .search-block .selected{width:100%;border:0; border-radius:0; height:var(--search-field__height); font:var(--p1); padding:var(--search-field__padding); background:var(--white)}

.search-block input{margin-bottom:var(--39px);}

.search-block .selected{display:flex; align-items:center; position: relative; cursor:pointer}
.search-block .selected:after{display:block; content:''; position: absolute; height:100%; width:var(--18px); right:var(--15px); top:0; background:url('/templates/zonin/images/icons/select-dropdown.svg') center / contain no-repeat; transition:transform 0.3s}

.search-block .select.open .selected:after{transform:scaleY(-1)}

.search-block label{font:var(--search-label__font); margin-bottom:var(--10px);}

.search-block .select{position:relative;margin-bottom:var(--16px);}

.search-block .select .options{overflow:hidden; max-height:0; transition:max-height 0.5s, opacity 0.5s;position:absolute; left:0; right:0; width:100%; background:var(--white); top:var(--search-field__height); z-index:1; opacity:0; box-shadow: 2px 2px 6px -2px var(--greyalt); /*border: 1px solid var(--greyalt); */}
.search-block .select.open .options{max-height:var(--800px); opacity:1;}

.search-block .select li{padding:var(--8px) var(--22px); cursor: pointer; background:var(--white); transition:background 0.3s;}
.search-block .select li:hover, .search-block .select li.checked{background:var(--greyalt);}

.search-block .button-wrap{display: flex; justify-content: flex-end;}

.results-block #no-results span:after{display:none;}

@media(max-width:768px){
	.search-block .button-wrap{justify-content: flex-start;}
}


/*
PLACEHOLDERS :-(
========================================================== */
form.form.ui input::-webkit-input-placeholder { opacity:1; color:var(--black);}
form.form.ui input::-moz-placeholder { opacity:1; color:var(--black);}
form.form.ui input:-ms-input-placeholder { opacity:1; color:var(--black);}
form.form.ui input:-moz-placeholder { opacity:1; color:var(--black);}
form.form.ui textarea::-webkit-input-placeholder { opacity:1; font-family:inherit; color:var(--black);}
form.form.ui textarea::-moz-placeholder { opacity:1; font-family:inherit; color:var(--black); }
form.form.ui textarea:-ms-input-placeholder { opacity:1; font-family:inherit; color:var(--black);}
form.form.ui textarea:-moz-placeholder { opacity:1; font-family:inherit; color:var(--black);}