@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&display=swap');

body{ font-family: 'EB Garamond', serif; }

a, a:hover, a:active, a:focus{ text-decoration: none; outline: none; }
button:hover, button:active, button:focus{ text-decoration: none; outline: none; }


header{ float: left; width: 100%; padding: 20px 0; }
header ul{ padding: 0; margin: 0; list-style: none; float: none; }
.menu{ float: left; width: 100%; margin-top: 35px; }
.menu ul li{ display: inline-block; float: none; margin-right: 15px; position: relative; }
.menu ul li:last-child{ margin-right: 0; }
.menu ul li a{ color: #6b7542; transition: all ease .7s; font-weight: bold; font-size: 14px; }
.menu ul li a:hover{ color: #000; }
.social-lang{ float: left; width: 100%; margin-top: 35px; }
.social-lang ul li{ float: none; display: inline-block; margin-right: 5px; }
.social-lang ul li a{ color: #6b7542; transition: all ease .7s; }
.social-lang ul li a:hover{ color: #000; }
.sub-menu{ position: absolute; left: 0; top: 15px; width: 200px; padding: 15px; background: #fff; text-align: left !important; transition: all ease .7s; visibility: hidden; opacity: 0; z-index: 999; }
.sub-menu ul li{ float: left; width: 100%; margin-right: 0 !important; margin-bottom: 10px; }
.menu ul li:hover .sub-menu{ top: 100%; opacity: 1; visibility: visible; }

.offcanvas{ width: 25%; }
.offcanvas ul{ padding: 0; margin: 0; list-style: none; }
.offcanvas-body a{ color: #6b7542; }
.offcanvas-body .menu-socials{ float: left; width: 100%; margin-top: 20px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.1); }

.slider{ float: left; width: 100%; }
.slider .swiper-button-next, .swiper-button-prev{ color: #fff !important; }

.about-us{ float: left; width: 100%; background-image: url(../images/about-bg.jpg); background-size: cover; background-position: top center; min-height: 500px; position: relative; }
.about-us__img{ float: left; width: 100%; margin-top: -200px; position: relative; z-index: 99; }
.about-us__box{ float: left; width: 100%; padding: 100px 0; color: #6b7542; }
.vinegar-box{ padding-top: 200px; }
.about-us__box h1{ font-size: 30px; letter-spacing: 3px; }
.about-us__box p{ font-size: 18px; }
.about-us__box img{ max-width: 100%; }

.about-us-detail{ float: left; width: 100%; background-image: url(../images/about-detail-bg.jpg); background-size: cover; background-position: top center; min-height: 500px; position: relative; padding: 70px 0; }

.about-mid{ float: left; width: 100%; padding: 60px 0; background-image: url(../images/about-mid-bg.jpg); background-size: cover; background-attachment: fixed; background-position: top center; min-height: 500px; position: relative; }
.about-mid__header{ float: left; width: 100%; }
.about-mid__header h1{ font-size: 30px; letter-spacing: 3px; color: #fff; }
.about-slider .swiper-slide{ padding-bottom: 100px; }
.about-slider .swiper-slide-active{ padding-top: 80px; }
.about-slider .swiper-button-next, .swiper-button-prev{ color: #fff !important; }
.about-slider .swiper-button-prev{ left: 47%; bottom: 0; top: unset; transform: translateX(-50%); }
.about-slider .swiper-button-next{ right: 47%; bottom: 0; top: unset; transform: translateX(-50%); }

.leaf{ position: absolute; left: 0; top: -100px; z-index: 99; }
.leaf2{ position: absolute; right: 0; top: -200px; z-index: 99; }
.leaf3{ position: absolute; right: 0; top: -200px; z-index: 99; }

.products{ float: left; width: 100%; padding: 0 0 60px; background-image: url(../images/products-bg.jpg); background-size: cover; background-attachment: fixed; background-position: top center; min-height: 350px; position: relative; }
.products .reverse-mar{ margin-top: -60px; }
.products-header{ float: left; width: 100%; }
.products-header h2{ font-size: 26px; letter-spacing: 3px; color: #fff; }
.products-info{ float: left; width: 100%; color: #fff; font-size: 14px; }
.product-box{ float: left; width: 100%; }
.p-b__title a{ color: #fff; }
.p-b__img img{ height: 300px; object-fit: cover; }

.product-slider .swiper-slide{ padding-bottom: 100px; }
.product-slider .swiper-button-next, .swiper-button-prev{ color: #fff !important; }
.product-slider .swiper-button-prev{ left: 47%; bottom: 0; top: unset; transform: translateX(-50%); }
.product-slider .swiper-button-next{ right: 47%; bottom: 0; top: unset; transform: translateX(-50%); }

.tins{ float: left; width: 100%; padding: 60px 0; background-image: url(../images/tin-bg.jpg); background-size: cover; background-attachment: fixed; background-position: top center; min-height: 500px; position: relative; }
.tins .container{ padding: 0 150px; }
.tins-header h3{ font-size: 26px; letter-spacing: 3px; color: #6b7542; }
.tin-box{ float: left; width: 100%; }
.tin-box a{ color: #6b7542; }
//.side-box{ margin-top: 100px; }
.featured{ background-image: url(../images/featured.png); background-position: top center; background-repeat: no-repeat; padding: 50px 0 10px; }

.certs{ float: left; width: 100%; padding: 60px 0 0; background-image: url(../images/certs-bg.jpg); background-size: cover; background-position: top center; min-height: 600px; position: relative; }
.certs .container{ padding: 0 150px; }
.certs-header h4{ font-size: 26px; letter-spacing: 3px; color: #6b7542; }
.cert-box{ float: left; width: 100%; padding: 30px; box-shadow: 1px 1px 15px #eee; background: #fff; }

.recipes{ float: left; width: 100%; padding: 60px 0; background: #6b7542; }
.recipes-header h5{ font-size: 26px; letter-spacing: 3px; color: #fff; }
.recipe-box{ float: left; width: 100%; }
.recipe-box img{ object-fit: cover; height: 450px; }
.recipe-box a{ color: #fff; font-size: 20px; }

footer{ float: left; width: 100%; padding: 30px 0; color: #6b7542; position: relative; }
footer p{ margin-bottom: 3px; }
footer h5{ color: #acb685; font-weight: bold; }
footer a{ color: #6b7542; }

.certs-footer{ float: left; width: 100%; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }

.social-footer a{ color: #acb685; font-size: 20px; }
.social-footer input{ background: #6b7542; color: #fff; width: 100%; padding: 10px 5px; border: none }
.social-footer ::placeholder{ color: #fff; }
.social-footer button{ background: #acb685; color: #fff; width: 100%; padding: 10px 5px; text-align: center; display: block; border: none; }

.details{ float: left; width: 100%; background-image: url(../images/detail-bg.jpg); background-size: cover; background-position: top center; min-height: 500px; position: relative; color: #6b7542; padding: 60px 0; }
.details h1{ font-size: 30px; letter-spacing: 3px; font-weight: bold; }

.detail-imgs{ float: left; width: 100%; }
.detail-imgs img{ height: 100%; }

.bottles{ float: left; width: 100%; background-image: url(../images/detail-bg.jpg); background-size: cover; background-position: top center; min-height: 500px; position: relative; color: #6b7542; padding: 150px 0 60px; }
//.bottles .container{ padding: 0 150px; }
.bottles span{ font-weight: bold; font-size: 20px; position: relative; padding-top: 45px; margin-top: 10px; display: block; min-height: 130px; }
.bottles u{ font-weight: normal !important; text-decoration: none; letter-spacing: 7px; }
.bottles span::before{ position: absolute; left: 50%; top: 0; height: 40px; background: #6b7542; content: ''; width: 1px; transform: translateX(-50%); }
.bottles-box{ min-height: 400px; }

.pt-4s{ padding-top: 40px; }
.pt-7s{ padding-top: 73px; }
.pt-13s{ padding-top: 130px; }

.gallery{ float: left; width: 100%; }
.gallery img{ height: 450px; object-fit: cover; }
.export-gallery img{ height: auto; object-fit: unset; }
.export-gallery .col-lg-6{ background-image: url(../images/detail-bg.jpg); background-size: cover; background-position: top center }

.cert-detail{ float: left; width: 100%; background-image: url(../images/cert-bg.jpg); background-size: cover; background-position: top center; min-height: 500px; position: relative; padding: 125px 0 200px; }

.detail-banner{ float: left; width: 100%; }

.products-list{ float: left; width: 100%; border-bottom: 1px solid #eee; }

.recipe-detail{ float: left; width: 100%; background-image: url(../images/recipe-bg.jpg); background-size: cover; background-position: top center; background-attachment: fixed; min-height: 500px; position: relative; padding: 60px 0 50px; }
.recipe-txt{ float: left; width: 100%; background: #fff; border-radius: 15px; padding: 40px 40px 40px 70px; height: 450px; overflow-y: scroll; }
.recipe-img{ float: left; width: 100%; position: relative; margin-left: 85px; margin-top: 20px; }
.recipe-img img{ border-radius: 15px; height: 400px; width: 100%; object-fit: cover; }
.recipe-slider .swiper-button-next, .swiper-button-prev{ color: #fff !important; }
.recipe-slider .swiper-button-prev{ left: 15%; bottom: 1%; top: unset; transform: translateX(-50%); }
.recipe-slider .swiper-button-next{ left: 18%; right: unset; bottom: 1%; top: unset; transform: translateX(-50%); }
.recipe-slider .swiper-slide{ padding-bottom: 100px; }
.recipe-slider ul{ list-style: none; padding: 0; margin: 0; }

.contact{ float: left; width: 100%; padding: 60px; background: #d5ddb5; border-radius: 20px; }
.contact-header h3{ font-size: 26px; letter-spacing: 3px; color: #6b7542; }
.contact-info{ color: #6b7542; }
.contact-info p{ margin-bottom: 10px; }

.maps{ float: left; width: 100%; }
.maps iframe{ width: 100%; height: 450px; }

.tin-slider{ float: left; width: 100%; }
.tin-slider .swiper-slide-active{ background-image: url(../images/featured.png); background-position: bottom center; background-repeat: no-repeat; }
.tin-slider .swiper-slide-active img{ height: 350px; }
.tin-slider .swiper-slide-active a{ color: #fff !important; }
 
.ps-6{ padding-left: 70px !important; }

.txt-txt{ padding: 100px; color: #6b7542; background-image: url(../images/detail-bg.jpg); background-size: cover; background-position: top center; }

.fancybox__thumb{ background-size: contain !important; }







































@media (min-width: 1380px){
}

@media (min-width: 1025px) and (max-width: 1280px){
    .menu ul li{ margin-right: 5px; }
    .recipe-img{ margin-left: 0; }
    .recipe-img img{ height: auto; }
    .recipe-slider .swiper-button-prev{ left: 10%; }
    .recipe-slider .swiper-button-next{ left: 18%; }
    .ps-6{ padding-left: 15px !important; }
    .bottles-box{ height: auto; }
    .txt-txt{ padding: 20px; }
    header ul{ float: right; }
    .social-lang{ margin-top: 35px; }
    .offcanvas{ width: 35%; }
}

@media (min-width: 1025px) and (max-width: 1180px){
    .social-lang{ margin-top: 15px; }
}

@media (min-width: 768px) and (max-width: 1024px){
    .social-lang{ margin-top: 15px; }
    .about-us{ min-height: auto; }
    .about-us__box{ padding: 50px 0 !important; }
    .recipe-img{ margin-left: 0; }
    .recipe-img img{ height: auto; }
    .recipe-slider .swiper-button-prev{ left: 10%; }
    .recipe-slider .swiper-button-next{ left: 18%; }
    .ps-6{ padding-left: 15px !important; }
    .bottles-box{ height: auto; }
    .txt-txt{ padding: 20px; }
    header ul{ float: right; }
    .social-lang{ margin-top: 15px; }
    .offcanvas{ width: 75%; }
    .tins{ min-height: auto; }
}

@media (min-width: 481px) and (max-width: 767px){
    .social-lang{ margin-top: 5px; }
    .about-us{ min-height: auto; }
    .about-us__box{ padding: 50px 0 !important; }
    .featured{ background-image: unset; }
    .side-box{ margin-top: 0px; }
    .tins .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .certs .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .bottles .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .pt-4s{ padding-top: 0; }
    .pt-7s{ padding-top: 0; }
    .pt-13s{ padding-top: 0; }
    .detail-imgs img{ object-fit: unset; height: auto; }
    .about-us-detail{ padding: 30px 0; }
    .about-slider .swiper-slide-active{ padding-top: 0; }
    .about-slider .swiper-button-prev{ left: 43%; }
    .about-slider .swiper-button-next{ right: 42%; }
    .product-slider .swiper-button-prev{ left: 43%; }
    .product-slider .swiper-button-next{ right: 42%; }
    .recipe-img{ margin-left: 0; }
    .recipe-img img{ height: auto; }
    .recipe-slider .swiper-button-prev{ left: 10%; }
    .recipe-slider .swiper-button-next{ left: 18%; }
    .ps-6{ padding-left: 15px !important; }
    .bottles-box{ height: auto; }
    .txt-txt{ padding: 20px; }
    header ul{ float: right; }
    .offcanvas{ width: 75%; }
    .tins{ min-height: auto; }
}

@media (min-width: 320px) and (max-width: 480px){
    .social-lang{ margin-top: 5px; }
    .about-us{ min-height: auto; }
    .about-us__box{ padding: 50px 0 !important; }
    .featured{ background-image: unset; }
    .side-box{ margin-top: 0px; }
    .tins .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .certs .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .bottles .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .pt-4s{ padding-top: 0; }
    .pt-7s{ padding-top: 0; }
    .pt-13s{ padding-top: 0; }
    .detail-imgs img{ object-fit: unset; height: auto; }
    .about-us-detail{ padding: 30px 0; }
    .about-slider .swiper-slide-active{ padding-top: 0; }
    .about-slider .swiper-button-prev{ left: 43%; }
    .about-slider .swiper-button-next{ right: 42%; }
    .product-slider .swiper-button-prev{ left: 43%; }
    .product-slider .swiper-button-next{ right: 42%; }
    .recipe-img{ margin-left: 0; }
    .recipe-img img{ height: auto; }
    .recipe-slider .swiper-button-prev{ left: 10%; }
    .recipe-slider .swiper-button-next{ left: 18%; }
    .ps-6{ padding-left: 15px !important; }
    .bottles-box{ height: auto; }
    .txt-txt{ padding: 20px; }
    header ul{ float: right; }
    .offcanvas{ width: 75%; }
    .tins{ min-height: auto; }
}

@media (min-width: 200px) and (max-width: 321px){
    .social-lang{ margin-top: 5px; }
    .about-us{ min-height: auto; }
    .about-us__box{ padding: 50px 0 !important; }
    .featured{ background-image: unset; }
    .side-box{ margin-top: 0px; }
    .tins .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .certs .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .bottles .container{ padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .pt-4s{ padding-top: 0; }
    .pt-7s{ padding-top: 0; }
    .pt-13s{ padding-top: 0; }
    .detail-imgs img{ object-fit: unset; height: auto; }
    .about-us-detail{ padding: 30px 0; }
    .about-slider .swiper-slide-active{ padding-top: 0; }
    .about-slider .swiper-button-prev{ left: 43%; }
    .about-slider .swiper-button-next{ right: 42%; }
    .product-slider .swiper-button-prev{ left: 43%; }
    .product-slider .swiper-button-next{ right: 42%; }
    .recipe-img{ margin-left: 0; }
    .recipe-img img{ height: auto; }
    .recipe-slider .swiper-button-prev{ left: 10%; }
    .recipe-slider .swiper-button-next{ left: 18%; }
    .ps-6{ padding-left: 15px !important; }
    .bottles-box{ height: auto; }
    .txt-txt{ padding: 20px; }
    header ul{ float: right; }
    .offcanvas{ width: 75%; }
    .tins{ min-height: auto; }
}