@charset "UTF-8";
/* Box sizing rules */
*, *::before, *::after { box-sizing: border-box; }

/* Remove default padding */
ul[class], ol[class] { padding: 0; }

/* Remove default margin */
body, h1, h2, h3, h4, p, ul[class], ol[class], figure, blockquote, dl, dd { margin: 0; }

/* Set core root defaults */
html { scroll-behavior: smooth; }

/* Set core body defaults */
body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class], ol[class] { list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) { text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img, picture { max-width: 100%; display: block; }

/* Natural flow and rhythm in articles by default */
article > * + * { margin-top: 1em; }

/* Inherit fonts for inputs and buttons */
input, button, textarea, select { font: inherit; }

/* Blur images when they have no alt attribute */
img:not([alt]) { filter: blur(10px); }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }

@font-face { font-family: 'Marcellus SC'; font-style: normal; font-weight: 400; src: url("/assets/fonts/marcellus-sc-v7-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Marcellus SC"), local("MarcellusSC-Regular"), url("/assets/fonts/marcellus-sc-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/marcellus-sc-v7-latin-regular.woff2") format("woff2"), url("/assets/fonts/marcellus-sc-v7-latin-regular.woff") format("woff"), url("/assets/fonts/marcellus-sc-v7-latin-regular.ttf") format("truetype"), url("/assets/fonts/marcellus-sc-v7-latin-regular.svg#MarcellusSC") format("svg"); /* Legacy iOS */ }

/* lora-regular - latin */
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: url("/assets/fonts/lora-v16-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("/assets/fonts/lora-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lora-v16-latin-regular.woff2") format("woff2"), url("/assets/fonts/lora-v16-latin-regular.woff") format("woff"), url("/assets/fonts/lora-v16-latin-regular.ttf") format("truetype"), url("/assets/fonts/lora-v16-latin-regular.svg#Lora") format("svg"); /* Legacy iOS */ }

/* lora-500 - latin */
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 500; src: url("/assets/fonts/lora-v16-latin-500.eot"); /* IE9 Compat Modes */ src: local(""), url("/assets/fonts/lora-v16-latin-500.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lora-v16-latin-500.woff2") format("woff2"), url("/assets/fonts/lora-v16-latin-500.woff") format("woff"), url("/assets/fonts/lora-v16-latin-500.ttf") format("truetype"), url("/assets/fonts/lora-v16-latin-500.svg#Lora") format("svg"); /* Legacy iOS */ }

/* lora-700 - latin */
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 700; src: url("/assets/fonts/lora-v16-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("/assets/fonts/lora-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lora-v16-latin-700.woff2") format("woff2"), url("/assets/fonts/lora-v16-latin-700.woff") format("woff"), url("/assets/fonts/lora-v16-latin-700.ttf") format("truetype"), url("/assets/fonts/lora-v16-latin-700.svg#Lora") format("svg"); /* Legacy iOS */ }

/* lora-italic - latin */
@font-face { font-family: 'Lora'; font-style: italic; font-weight: 400; src: url("/assets/fonts/lora-v16-latin-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/assets/fonts/lora-v16-latin-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lora-v16-latin-italic.woff2") format("woff2"), url("/assets/fonts/lora-v16-latin-italic.woff") format("woff"), url("/assets/fonts/lora-v16-latin-italic.ttf") format("truetype"), url("/assets/fonts/lora-v16-latin-italic.svg#Lora") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'AntiqueTitulGr'; src: url("/assets/fonts/test/AAntiqueTitulGr.woff2") format("woff2"), url("/assets/fonts/test/AAntiqueTitulGr.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

/* SINGLE SCREEN SIZES */
/* ONLY VISIBLE ON SAID SCREEN OR LARGER */
/* ONLY VISIBLE ON SAID SCREEN AND BELOW */
/*  OR CUSTOM SIZES IF YOU REEEEEALLLLY NEED THEM */
/* SCREEN DEBUG SETUP. JUST INCLUDE ANYWHERE IN THE ROOT OF YOUR CODE. NO HTML REQUIRED */
.icon { width: 80px; height: 80px; display: inline-block; background-repeat: no-repeat; filter: invert(17%) sepia(32%) saturate(3400%) hue-rotate(288deg) brightness(50%) contrast(112%); }

.icon-grapes { background-image: url("/assets/img/grapes.svg"); background-size: cover; }

.icon-sunshine { background-image: url("/assets/img/sunshine.svg"); background-size: 70%; }

.icon-winebottle { background-image: url("/assets/img/winebottle.svg"); background-size: cover; }

.icon-wineglass { background-image: url("/assets/img/wineglass.svg"); background-size: auto 100%; }

.icon-mountain { background-image: url("/assets/img/mountain.svg"); background-size: 100% auto; }

.social a { border-radius: 50%; width: 58px; display: inline-block; text-align: center; padding-top: 80px; background-size: 60%; background-repeat: no-repeat; background-position: center; color: #2d2a2a; text-decoration: none; font-size: .8rem; }

.social a:hover { color: #B30D33; }

.social a.weibo { background-image: url("/assets/img/social/weibo.png"); }

.social a.tmall { background-image: url("/assets/img/social/tmall.png"); }

.social a.wechat { background-image: url("/assets/img/social/wechat.png"); }

.social a.redbook { background-image: url("/assets/img/social/redbook.png"); }

.social a.jd { background-image: url("/assets/img/social/jd.jpeg"); }

body { background: #f4f4f4; -webkit-font-smoothing: antialiased; font-family: Lora, Arial, sans-serif; color: #777; font-size: 62.5%; }

* { font-size: .9rem; }

h1, h2, h3, h4, h5, h6 { font-family: "AntiqueTitulGr", Lora, serif; font-weight: 400; text-align: center; color: #2d2a2a; }

h1 { font-size: 3rem; }

h2 { font-size: 2rem; }

p { font-size: 1.2rem; margin-bottom: 1.5rem; line-height: 2.2rem; }

a { color: #B30D33; transition: color .2s; }

a:hover { color: #540618; }

.container { margin: 0 auto; max-width: 1100px; }

body.menu-active { overflow: hidden; }

body.menu-active nav { left: 0; }

body.menu-active #toggle-menu { position: fixed; }

body.home #toggle-menu { margin-top: 8rem; }

header { position: relative; }

header .hero { margin-top: -8rem; background-position: center; height: 30vh; background-image: url("/assets/img/grapes-red-baco-noir.png"); margin-bottom: 3rem; background-size: cover; }

header .hero.hero-no-img { display: none; }

@media (max-width: 1199px) { header .hero { margin-top: 0; margin-bottom: 1.5rem; } }

header #toggle-menu { position: absolute; z-index: 1001; padding: 1.5rem; right: 0; color: #fff; }

@media (min-width: 1200px) { header #toggle-menu { display: none; } }

header nav { padding: 1.5rem; width: 100%; display: flex; justify-content: space-between; max-width: 1100px; margin: 0 auto; }

@media (max-width: 1199px) { header nav { position: absolute; margin-top: 0; background: #B30D33; height: 100vh; position: fixed; top: 0; bottom: 0; left: -100%; z-index: 1000; transition: left .3s ease-in-out; } }

header nav .logo { background-repeat: no-repeat; background-size: auto 100%; height: 4rem; width: 50%; background-image: url("/assets/img/ynh-logo-red.png"); }

header nav ul.menu { margin: 0 auto; display: flex; font-weight: 700; color: #fff; align-self: end; z-index: 1000; }

@media (max-width: 1199px) { header nav ul.menu { display: block; margin: 0; } }

header nav ul.menu li { position: relative; }

header nav ul.menu li a { text-transform: uppercase; font-size: .9rem; display: block; color: #fff; text-decoration: none; padding: 1rem 1.5rem; text-align: center; word-wrap: none; white-space: nowrap; transition: color 0.3s; }

header nav ul.menu li a:before { position: absolute; top: 75%; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 1.2em; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; }

@media (max-width: 1199px) { header nav ul.menu li a { text-align: left; } }

header nav ul.menu li a:hover, header nav ul.menu li a:focus, header nav ul.menu li a.active { color: #B30D33; }

header nav ul.menu li a:hover:before, header nav ul.menu li a:focus:before, header nav ul.menu li a.active:before { color: #B30D33; text-shadow: 10px 0 #B30D33, -10px 0 #B30D33; }

@media (max-width: 1199px) { header nav ul.menu li a:hover, header nav ul.menu li a:focus, header nav ul.menu li a.active { color: rgba(255, 255, 255, 0.8); } }

header nav ul.menu li a span { display: block; }

.btn { border: 1px solid #fff; color: #fff; display: inline-block; font-size: 1rem; text-decoration: none; padding: .5rem 2.5rem .5rem 1rem; position: relative; text-transform: uppercase; transition: all .2s ease-in-out; overflow: hidden; background: none; border-radius: 1px; }

.btn.btn-dark { border: 1px solid #2d2a2a; color: #2d2a2a; }

.btn.btn-dark:after { background-image: url("/assets/img/arrow-dark.svg"); }

.btn:after, .btn:before { content: ""; display: block; background: url("/assets/img/arrow.svg"); background-repeat: no-repeat; background-position: center; background-size: 100% auto; width: 1.2rem; height: 1rem; position: absolute; right: .8rem; top: .7rem; transition: right .2s ease-in-out; }

.btn:before { transition: left .2s ease-in-out; left: -2rem; right: auto; }

.btn:hover { background: #B30D33; border-color: #B30D33; padding: .5rem 1rem .5rem 2.5rem; color: #fff; }

.btn:hover:after { right: -2rem; }

.btn:hover:before { left: .8rem; }

@media (max-width: 1199px) { #breadcrumbs { padding: 0 1.5rem; } }

#wechat-qr { background: rgba(45, 42, 42, 0.8); display: flex; position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; justify-content: center; align-items: center; visibility: hidden; }

#wechat-qr img { width: 200px; height: 200px; }

#burger { position: relative; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#burger .line { width: 25px; height: 3px; background-color: #ecf0f1; display: block; margin: 5px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#burger:hover { cursor: pointer; }

body.menu-active #burger { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#burger:before { content: ""; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 35px; height: 35px; border: 5px solid transparent; top: calc(50% - 17px); left: calc(50% - 17px); border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

body.menu-active #burger:before { border: 4px solid #ecf0f1; display: none; }

body.menu-active #burger .line { width: 20px; }

body.menu-active #burger .line:nth-child(2) { opacity: 0; }

body.menu-active #burger .line:nth-child(1) { transform: translateY(9px); }

body.menu-active #burger .line:nth-child(3) { transform: translateY(-7px) rotate(90deg); }

.home .header-b { display: flex; background-image: url("/assets/img/grapes-red-baco-noir.png"); background-size: cover; background-position: center; margin-top: -8rem; height: 70vh; align-items: center; margin-bottom: 3rem; position: relative; }

@media (max-width: 1199px) { .home .header-b { height: 90vh; } }

.home .header-b .img { width: 25%; }

.home .header-b .highlight { max-width: 70%; }

@media (max-width: 1199px) { .home .header-b .highlight { margin: 0 auto; padding-top: 8rem; } }

@media (max-width: 1199px) { .home .header-b .btn { display: none; } }

.home .header-b .title { color: #fff; font-size: 2rem; margin-bottom: 1.5rem; font-family: "AntiqueTitulGr", Lora, serif; text-shadow: 1px 1px rgba(0, 0, 0, 0.8); }

@media (max-width: 1199px) { .home .header-b .title { font-size: 1.3rem; text-align: center; } }

.home .cn { color: #B30D33; }

.home section { padding: 3rem 0; }

@media (max-width: 1199px) { .home section { padding: 1.5rem 0; } }

.home section .eyecatcher { background-image: url("/assets/img/vineyard-sunset-green.jpg"); padding-bottom: 3rem; background-position: center; display: flex; background-size: cover; }

.home section .eyecatcher h2 { color: #fff; display: none; align-self: flex-end; width: 100%; font-size: 3rem; }

.home section h3 { font-size: 2rem; margin-bottom: 1.5rem; color: #B30D33; }

.home section .content { display: flex; align-items: center; margin: 3rem; }

@media (max-width: 1199px) { .home section .content { margin: 1.5rem 0; } }

.home section .content img { max-width: 500px; height: auto; }

.home section .more { display: block; text-align: center; text-decoration: none; position: relative; font-size: 1.4rem; }

@media (max-width: 1199px) { .home section .more { display: none; } }

.home section .more:after { content: " "; display: block; border: 0; border-style: solid; border-color: #B30D33; border-top-width: 1px; border-right-width: 1px; width: 10px; height: 10px; transform: rotate(135deg); margin: 0 auto; top: 1.5rem; position: absolute; left: 50%; transition: top .2s, color .2s; }

.home section .more:hover:after { top: 2rem; border-color: #540618; }

.home section .left-content img { margin-left: 3rem; }

.home section .right-content img { margin-right: 3rem; }

.home section .icon { margin: 0 auto; display: block; }

.home section > h2 { background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 40vh; padding-bottom: 1.5rem; margin-bottom: 3rem; color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.8); }

@media (max-width: 1199px) { .home section > h2 { font-size: 1.4rem; } }

#header { height: 60vh; margin-top: -8rem; display: flex; align-items: center; justify-content: space-around; }

#header #slider { list-style: none; position: absolute; z-index: -1; margin: 0; padding: 0; left: 0; width: 100%; display: flex; overflow-x: hidden; }

#header #slider > div { transition: margin 2.5s ease-in-out; flex-shrink: 0; width: 100%; height: 60vh; background-size: cover; background-image: url("/assets/img/vineyard-sunset.jpg"); background-position: center; background-repeat: no-repeat; }

#header #slider > div:nth-child(2) { background-image: url("/assets/img/grapes-red-baco-noir.png"); }

#header ul { list-style: none; position: absolute; z-index: -1; margin: 0; padding: 0; width: 100%; perspective: 8px; perspective-origin: 0%; }

#header ul li { transform-origin: 0 50%; transform: translateZ(5px) scale(0.375); width: 100%; height: 60vh; background-size: cover; background-image: url("/assets/img/grapes-red-baco-noir.png"); background-position: center; }

#header ul li:nth-child(2) { background-image: url("/assets/img/vineyard-sunset.jpg"); }

#header .content { padding-top: 8rem; }

#header .content img { max-width: 250px; }

#intro { margin-bottom: 0; }

@media (max-width: 1199px) { #intro { margin: 1.5rem; } }

#intro h1 { font-size: 2rem; }

#intro h1:first-child { color: #B30D33; }

#our-products { padding-top: 0; }

#our-products > h2 { background-image: url("/assets/img/stock-wine-in-glass.jpg"); }

#our-products .moments { padding-top: 3rem; }

#our-products .moments > div { display: flex; margin: -1.5rem; padding: 1.5rem 0; }

@media (max-width: 1199px) { #our-products .moments > div { flex-wrap: wrap; } }

#our-products .moments > div a { flex-grow: 1; flex-basis: 0; padding: 0 1.5rem; display: block; text-decoration: none; }

@media (max-width: 1199px) { #our-products .moments > div a { flex-basis: 50%; flex-grow: 0; } }

#our-products .moments > div a .img { background: silver; background-size: cover; background-position: center; width: 100%; padding-top: 100%; display: block; margin-bottom: .5rem; }

#our-products .moments > div a span { font-size: 1.2rem; }

#our-products .moments > div a.casual .img { background-image: url("/assets/img/categories/casual-gathering.jpg"); }

#our-products .moments > div a.romantic .img { background-image: url("/assets/img/categories/romantic-evening.jpg"); }

#our-products .moments > div a.gifts .img { background-image: url("/assets/img/categories/gifts-to-impress.jpg"); }

#our-products .moments > div a.celebrations .img { background-image: url("/assets/img/categories/celebrations.jpg"); background-position: center right; }

#our-products .featured-categories { padding-top: 3rem; }

#our-products .featured-categories > div { display: flex; margin: -1.5rem; padding: 1.5rem 0; }

@media (max-width: 1199px) { #our-products .featured-categories > div { display: block; padding: 0; margin: 0; } }

#our-products .featured-categories > div a, #our-products .featured-categories > div div { flex-grow: 1; flex-basis: 0; padding: 0 1.5rem; text-decoration: none; }

#our-products .featured-categories > div > a { flex-basis: 51.4%; flex-grow: 0; width: 49%; }

#our-products .featured-categories > div span { width: 100%; padding-top: 90%; display: block; color: #fff; padding-bottom: 10%; padding-left: 10%; color: #fff; font-size: 1.4rem; text-shadow: 1px 1px rgba(0, 0, 0, 0.8); }

#our-products .featured-categories > div > div { display: flex; flex-wrap: wrap; margin: 0 -1.5rem; }

@media (max-width: 1199px) { #our-products .featured-categories > div > div { margin: 0; margin-bottom: 1.5rem; flex-grow: 1; padding: 0; } }

#our-products .featured-categories > div > div a { position: relative; flex-basis: 50%; flex-grow: 1; margin-bottom: 3rem; }

@media (max-width: 1199px) { #our-products .featured-categories > div > div a { padding: 0; margin: 0; } }

.temporary-products .intro { padding: 3rem 0; display: flex; }

@media (max-width: 1199px) { .temporary-products .intro { padding: 1.5rem; } }

.temporary-products .intro .img { flex-grow: 1; margin-right: 3rem; background: url("/assets/img/stock-wine-in-glass-white.jpg"); background-size: 100% auto; background-position: center; }

@media (max-width: 1199px) { .temporary-products .intro .img { display: none; } }

.temporary-products .intro .text { width: 40%; }

@media (max-width: 1199px) { .temporary-products .intro .text { width: 100%; } }

#lucky-grapes { padding: 0; }

@media (max-width: 1199px) { #lucky-grapes { margin: 0 1.5rem; } }

#lucky-grapes .content { display: flex; margin-top: 0; }

#lucky-grapes .content > div:last-child { width: 60%; }

@media (max-width: 1199px) { #lucky-grapes .content > div:last-child { width: 100%; } }

#lucky-grapes .img { width: 40%; position: relative; }

@media (max-width: 1199px) { #lucky-grapes .img { display: none; } }

#lucky-grapes .img .wine-a { margin-top: 10rem; width: 80%; padding-top: 80%; background-size: cover; background-position: center; background-image: url("/assets/img/wine-dance-of-the-cloud-6-bottles.jpg"); }

@media (max-width: 1199px) { #lucky-grapes .img .wine-a { width: 100%; padding-top: 0; } }

#lucky-grapes .img .wine-b { width: 60%; padding-top: 60%; background-size: cover; background-position: center; background-image: url("/assets/img/cellar-barrels.png"); position: absolute; left: -30%; top: 0%; z-index: -1; }

#lucky-grapes .social { display: flex; list-style: none; flex-grow: 1; max-width: 90%; margin: 0 auto; justify-content: space-between; }

#extra-links { background-image: url("/assets/img/vineyard-sunset-green.jpg"); background-size: 100% auto; background-position: 0 12vw; background-repeat: no-repeat; padding-bottom: 40vh; }

@media (max-width: 1199px) { #extra-links { display: none; } }

#extra-links > div { display: flex; width: 60vw; margin: 0 auto; }

#extra-links > div > a { color: #fff; display: block; width: 20vw; position: relative; text-align: center; line-height: 10vw; text-decoration: none; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .4s ease-in-out; margin: 1vw 0; }

#extra-links > div > a span { font-family: "AntiqueTitulGr", Lora, serif; font-size: 1.8rem; text-shadow: 1px 1px rgba(0, 0, 0, 0.8); }

#extra-links > div > a:hover { margin: 0vw; box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); }

#extra-links > div > a:first-child { background-image: url("/assets/img/cellar-barrels.png"); margin-right: 1.5rem; }

#extra-links > div > a:nth-child(2) { background-image: url("/assets/img/cellar-room.jpg"); }

#extra-links > div > a:last-child { margin-left: 1.5rem; background-image: url("/assets/img/grape-dump.jpg"); }

#our-winery { padding: 0; display: flex; align-items: center; }

@media (max-width: 1199px) { #our-winery { height: auto; display: block; padding: 0; } }

#our-winery .container { width: 50%; padding: 1.5rem 9rem; }

@media (max-width: 1199px) { #our-winery .container { width: 100%; padding: 1.5rem; background: rgba(255, 255, 255, 0.8); } }

#our-winery .eyecatcher { width: 50%; padding-top: 33.33%; background-image: url("/assets/img/map-of-yunnan.jpg"); background-position: left; }

@media (max-width: 1199px) { #our-winery .eyecatcher { width: 100%; } }

#our-winery .altitude { font-family: "AntiqueTitulGr", Lora, serif; font-size: 2rem; display: flex; margin-bottom: 3rem; align-items: center; }

@media (max-width: 1199px) { #our-winery .altitude { margin-bottom: 1.5rem; } }

#our-winery .altitude .meters { font-size: 3rem; color: #2d2a2a; margin-right: 1rem; width: 60%; text-align: right; }

#our-winery .altitude .descr { width: 40%; }

#our-winery .btn { margin-top: 1.5rem; left: 50%; transform: translateX(-50%); }

@media (max-width: 1199px) { #our-winery .btn { margin-bottom: 0.75rem; } }

#our-grapes { padding: 0 0 3rem 0; background: #fff; }

@media (max-width: 1199px) { #our-grapes { background: #f4f4f4; } }

#our-grapes > h2 { background-image: url("/assets/img/grapes-red-baco-noir-2.png"); }

#our-grapes .content { position: relative; }

@media (max-width: 1199px) { #our-grapes .content { padding-top: 40%; overflow: hidden; } }

#our-grapes .right-content div:first-child { background-size: cover; background-position: center; width: 50%; height: 500px; }

@media (max-width: 1199px) { #our-grapes .right-content div:first-child { position: absolute; z-index: 0; width: 100%; top: 0%; left: -40%; height: 300px; } }

#our-grapes .right-content div:last-child { background: #f4f4f4; padding: 3rem 3rem 1.5rem 3rem; margin-left: -6rem; width: calc(50% + 6rem); }

@media (max-width: 1199px) { #our-grapes .right-content div:last-child { width: 100%; margin-left: 1.5rem; z-index: 1; background: rgba(255, 255, 255, 0.9); } }

#our-grapes .left-content div:last-child { background-size: cover; background-position: center; width: 50%; height: 500px; }

@media (max-width: 1199px) { #our-grapes .left-content div:last-child { position: absolute; z-index: 0; width: 100%; top: 0%; right: -40%; height: 300px; } }

#our-grapes .left-content div:first-child { background: #f4f4f4; padding: 3rem 3rem 1.5rem 3rem; margin-right: -6rem; z-index: 1; width: calc(50% + 6rem); }

@media (max-width: 1199px) { #our-grapes .left-content div:first-child { width: 100%; margin-right: 1.5rem; z-index: 1; background: rgba(255, 255, 255, 0.9); } }

#our-grapes #our-grapes-1 div:first-child { background-image: url("/assets/img/grape-dump.jpg"); }

#our-grapes #our-grapes-2 div:last-child { background-image: url("/assets/img/grapes-white-niagara.png"); }

#our-grapes #our-grapes-3 div:first-child { background-image: url("/assets/img/fermentation-red-shirts.jpg"); }

#visiting { padding: 0 0 3rem 0; background: #fff; }

#visiting > h2 { background-image: url("/assets/img/cellar-barrels.png"); }

#visiting .container h2 { font-size: 1.5rem; }

@media (max-width: 1199px) { #visiting .container { padding: 0 1.5rem; } }

#visiting .container > div { display: flex; justify-content: space-between; padding: 3rem 0; }

#visiting .container > div a { display: block; width: 30%; text-decoration: none; }

#visiting .container > div a .img { width: 100%; padding-top: 100%; background-repeat: no-repeat; background-size: cover; margin-bottom: 1.5rem; }

#visiting .container > div a span { display: block; font-size: 1.4rem; }

#visiting .container > div a:first-child .img { background-image: url("/assets/img/winery-dining-entrance.jpg"); }

#visiting .container > div a:nth-child(2) .img { background-image: url("/assets/img/winery-church.png"); }

#visiting .container > div a:last-child .img { background-image: url("/assets/img/even-crush-fire.jpg"); }

#not-visiting { height: 80vh; display: flex; align-items: center; }

#not-visiting .eyecatcher { background-image: url("/assets/img/grapes-red-baco-noir-2.png"); }

#not-visiting .container { width: 50%; padding: 9rem; }

#not-visiting .eyecatcher { width: 50%; height: 80vh; }

footer { background-color: #2a2a2a; background-image: url("/assets/img/footer.png"); background-size: cover; background-position: center; padding: 9rem; text-align: center; color: #f4f4f4; }

footer a { color: #f4f4f4; }

footer a:hover { color: #fff; }

@media (max-width: 1199px) { footer { padding: 1.5rem; } }

footer .social { margin-bottom: 3rem; }

footer .social a { filter: grayscale(1); color: rgba(255, 255, 255, 0.8); margin: 0 3rem; }

@media (max-width: 1199px) { footer .social a { margin: 0 0.75rem; } }

footer .social a:hover { filter: grayscale(0); color: white; }

.products-list { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }

.products-list .product-card { width: 22%; }

@media (max-width: 1199px) { .products-list .product-card { width: 44%; } }

.products-filter { display: flex; padding: 3rem 0; }

@media (max-width: 1199px) { .products-filter { display: block; padding-top: 0; } .products-filter .filters { display: none; } .products-filter span.toggle { display: none; float: right; margin-right: 1.5rem; padding-right: 1rem; } .products-filter span.toggle:after, .products-filter span.toggle:before { display: none; } }

.products-filter .filters { width: 25%; margin-right: 1.5rem; text-align: left; border-right: 1px solid rgba(119, 119, 119, 0.2); padding-right: 1.5rem; }

@media (max-width: 1199px) { .products-filter .filters { width: 100%; } }

.products-filter .filters h4, .products-filter .filters h5 { font-size: 1.4rem; text-align: left; }

.products-filter .filters h5 { font-size: 1rem; margin-bottom: .3rem; }

.products-filter .filters ul { margin: 0; padding: 0; list-style-type: none; }

.products-filter .filters ul li { margin: 0; padding: 0; }

.products-filter .filters ul li a { color: #777; text-decoration: none; display: block; padding: .2rem 0; }

.products-filter .filters ul li a:hover, .products-filter .filters ul li a.active { color: #B30D33; }

.product-card { text-decoration: none; text-align: center; line-height: 2rem; flex-basis: calc(25% - ($spacing / 4)); margin: 0.75rem; position: relative; }

@media (max-width: 1199px) { .product-card { flex-basis: calc(40% - ($spacing / 4)); } }

.product-card .title { font-size: 1.2rem; color: #2d2a2a; }

.product-card .title span { display: block; }

.product-card .info { color: #777; }

.product-card .info > div, .product-card .info .category { display: block; padding: 0; text-align: center; }

.product-card .category { color: #777; }

.product-card .price { color: #B30D33; font-size: 1.2rem; }

.product-card .img { width: 100%; padding-top: 100%; background-repeat: no-repeat; background-position: center; background-size: 90%; transition: background-size .4s ease-in-out; border-radius: 1rem; }

body.product .product-info { display: flex; padding-bottom: 3rem; align-items: center; }

@media (max-width: 1199px) { body.product .product-info { display: block; } }

body.product .product-info > .img { min-width: 40%; margin-right: 3rem; }

@media (max-width: 1199px) { body.product .product-info > .img { margin-right: 0; } }

body.product .product-info > .img > img { max-height: 80vh; }

body.product .product-info .info { flex-grow: 1; background: #f4f4f4; }

@media (max-width: 1199px) { body.product .product-info .info { padding: 1.5rem 1.5rem; } }

body.product .product-info .purchase { justify-content: space-between; padding-bottom: 3rem; }

body.product .product-info .purchase .price { font-size: 2rem; font-family: "AntiqueTitulGr", Lora, serif; margin-bottom: .5rem; display: block; }

body.product .product-info div.type { font-size: 1.2rem; }

body.product .product-info ul.specs { padding-bottom: 1.5rem; }

body.product .product-info ul.specs li { width: 20%; font-size: 1rem; }

body.product h2 { font-size: 2.4rem; text-align: left; padding-bottom: 1.5rem; }

body.product h2 span { color: #B30D33; font-size: 2.4rem; }

body.product section.images { background: #fff; padding: 3rem 0; }

body.product section.images img { margin: 0 auto; max-width: 500px; }

@media (max-width: 991px) { body.product section.images img { max-width: 90%; } }

body.product section.product-details { background-repeat: no-repeat; background-size: 40%; background-position: left center; }

body.product section.related { background: #fff; padding: 3rem 0; }

body.product section.related h2 { font-size: 1.8rem; }

a.category span { background-size: cover; background-position: center; }

a.category.red-wine span { background-image: url("/assets/img/categories/red-wine.jpg"); }

a.category.spirits span { background-image: url("/assets//img/categories/spirits.jpg"); }

a.category.low-alcohol span { background-image: url("/assets//img/categories/low-alcohol.jpg"); }

a.category.white-wine span { background-image: url("/assets//img/categories/white-wine.jpg"); }

a.category.fruit-juice span { background-image: url("/assets//img/categories/fruit-juice.jpg"); }

body.products div.category { display: flex; padding-bottom: 3rem; }

body.products h3 { background-size: cover; background-position: center; font-size: 2rem; text-align: right; margin-right: 1.5rem; width: 20%; }

.default h2 { text-align: left; }

.default .content { padding: 3rem 0; }

@media (max-width: 1199px) { .default .content { padding: 1.5rem; } }

.default ul { margin: 0; }

.default .align-left { float: left; width: 50%; margin-right: 3rem; }

@media (max-width: 1199px) { .default .align-left { width: 100vw; margin: 0 -1.5rem; float: none; max-width: 100vw; } }

.default .align-right { float: right; width: 50%; margin-left: 3rem; }

@media (max-width: 1199px) { .default .align-right { width: 100vw; margin: 0 -1.5rem; float: none; max-width: 100vw; } }

.default .altitude { display: flex; padding-bottom: 3rem; }

@media (max-width: 1199px) { .default .altitude { display: block; } }

.default .altitude .meters { font-size: 3rem; word-wrap: none; white-space: nowrap; font-family: "AntiqueTitulGr", Lora, serif; }

.default .altitude .numbers { text-align: right; }

@media (max-width: 1199px) { .default .altitude .numbers { text-align: center; } }

.default .altitude .descr { flex-grow: 1; padding-left: 3rem; }

@media (max-width: 1199px) { .default .altitude .descr { text-align: center; padding: 0; padding-top: 1.5rem; } .default .altitude .descr h2 { text-align: center; } }

.default .cols { display: flex; padding: 1.5rem 0; }

@media (max-width: 1199px) { .default .cols { display: block; } }

.default .cols .cols-6 { width: 50%; }

.default .cols .cols-6:first-child { padding-right: 1.5rem; }

@media (max-width: 1199px) { .default .cols .cols-6:first-child { padding: 0; padding-bottom: 1.5rem; } }

.default .cols .cols-6:last-child { padding-left: 1.5rem; }

@media (max-width: 1199px) { .default .cols .cols-6:last-child { padding: 0; } }

@media (max-width: 1199px) { .default .cols .cols-6 { width: 100%; } }

.default .cols .cols-4 { width: 33%; }

.default .cols .cols-4:first-child { padding-right: 1.5rem; }

.default .cols .cols-4:nth-child(2) { padding-right: 1.5rem; padding-left: 1.5rem; }

.default .cols .cols-4:last-child { padding-left: 1.5rem; }

.default .cols img { max-width: 100%; height: auto; }

@media (max-width: 1199px) { .default .cols img { margin: 0 -1.5rem; max-width: 100vw; } }

.default .cols h3 { text-align: left; font-size: 1.4rem; margin-bottom: 1.5rem; }

.default .cols h3 span { display: block; font-size: 1.4rem; }

.default .cols ul { margin-bottom: 1.5rem; }

.default .cols ul li { font-size: 1.2rem; }

/*# sourceMappingURL=style.css.map */