@charset "UTF-8";
@font-face {
  font-family: "AccordAlt-Light";
  src: url("../fonts/AccordAlt-Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AccordAlt-Medium";
  src: url("../fonts/AccordAlt-Medium.ttf") format("truetype"), url("../fonts/AccordAlt-Medium.woff") format("woff"), url("../fonts/AccordAlt-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville-Bold";
  src: url("../fonts/Baskerville-Bold.ttf") format("truetype"), url("../fonts/Baskerville-Bold.woff") format("woff"), url("../fonts/Baskerville-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville-BoldItalic";
  src: url("../fonts/Baskerville-BoldItalic.ttf") format("truetype"), url("../fonts/Baskerville-BoldItalic.woff") format("woff"), url("../fonts/Baskerville-BoldItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville-Italic";
  src: url("../fonts/Baskerville-Italic.ttf") format("truetype"), url("../fonts/Baskerville-Italic.woff") format("woff"), url("../fonts/Baskerville-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville-SemiBold";
  src: url("../fonts/Baskerville-SemiBold.ttf") format("truetype"), url("../fonts/Baskerville-SemiBold.woff") format("woff"), url("../fonts/Baskerville-SemiBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville-SemiBoldItalic";
  src: url("../fonts/Baskerville-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Baskerville-SemiBoldItalic.woff") format("woff"), url("../fonts/Baskerville-SemiBoldItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville";
  src: url("../fonts/Baskerville.ttf") format("truetype"), url("../fonts/Baskerville.woff") format("woff"), url("../fonts/Baskerville.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "atsackersromanregular";
  src: url("../fonts/at_sackers_heavy_roman-webfont.woff2") format("woff2"), url("../fonts/at_sackers_heavy_roman-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

input:focus,
select:focus,
textarea:focus,
button:focus, button {
    outline: none !important;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--regular-font);
  color: #333;
  font-size: 16px;
}

a {
  color: var(--main-color);
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

a:hover {
  text-decoration: none;
  color: var(--main-hover-color);
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

a.inverse {
  color: #333;
}
a.inverse:hover {
  color: #fff;
}

.btn {
  font-family: var(--semibold-font);
}

.mt-custom {
  margin-top: var(--common-spacing);
}

.mb-custom {
  margin-bottom: var(--common-spacing);
}

.my-custom {
  margin-top: var(--common-spacing);
  margin-bottom: var(--common-spacing);
}

.pt-custom {
  padding-top: var(--common-spacing);
}

.pb-custom {
  padding-bottom: var(--common-spacing);
}

.py-custom {
  padding-top: var(--common-spacing);
  padding-bottom: var(--common-spacing);
}

.pl-custom {
  padding-left: var(--common-spacing);
}

.pr-custom {
  padding-right: var(--common-spacing);
}

.px-custom {
  padding-left: var(--common-spacing);
  padding-right: var(--common-spacing);
}

@media (max-width: 991px) {
  .mobile-smaller {
    --common-spacing: 70px;
  }
}
.title {
  font-size: 50px;
  font-family: var(--medium-font);
}

.subtitle {
  font-size: 30px;
  font-family: var(--regular-font);
}

.description {
  font-size: 20px;
  line-height: 1.5;
  font-family: var(--regular-font);
}

.main-font-bold {
  font-family: var(--bold-font);
}

.main-font-semibold {
  font-family: var(--semibold-font);
}

.main-font-medium {
  font-family: var(--medium-font);
}

.main-font-italic {
  font-family: var(--italic-font);
}

.main-font-regular {
  font-family: var(--regular-font);
}

.main-font-light {
  font-family: var(--light-font);
}

.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99;
  color: #fff;
}
.loader.main-color {
  background-color: var(--main-color);
  color: #fff;
}

.text-main-color {
  color: var(--main-color);
}

.background-white {
  background-color: #fff;
}

.background-grey {
  background-color: #f2f2f2;
}

.background-main-color {
  background-color: var(--main-color);
  color: #fff;
}
.background-main-color a {
  color: #fff;
}

.btn-fill {
  border: 0px;
  color: #fff;
  font-size: 18px;
  padding: 10px 30px;
  border-radius: 0px;
  font-family: var(--medium-font);
}
.btn-fill.main-color {
  background-color: var(--main-color);
  border-color: var(--main-color);
}
.btn-fill.main-color:hover {
  background-color: var(--main-hover-color);
  border-color: var(--main-hover-color);
  color: #fff;
}
.btn-fill.dark-color {
  background-color: #686868;
  border-color: #686868;
}
.btn-fill.dark-color:hover {
  background-color: var(--main-hover-color);
  border-color: var(--main-hover-color);
  color: #fff;
}

.btn-ghost {
  background-color: #fff;
  font-size: 18px;
  padding: 10px 30px;
  border-radius: 0px;
  font-family: var(--medium-font);
}
.btn-ghost.transparent {
  background-color: transparent;
}
.btn-ghost.main-color {
  color: var(--main-color);
  border: 1px solid var(--main-color);
}
.btn-ghost.main-color:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}

.container.modded {
  max-width: 100%;
  padding-left: var(--container-margin);
  padding-right: var(--container-margin);
}

.overlay {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.breadcrumb {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.breadcrumb a {
  font-family: var(--bold-font);
}

hr.white {
  border-color: #fff;
}
hr.main-color {
  border-color: var(--main-color);
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-25 {
  opacity: 0.25;
}

.fit-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.btn-tools {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 12;
  margin-bottom: 0;
}
.btn-tools.bottom {
  bottom: 30px;
}
.btn-tools.right {
  right: 30px;
}
.btn-tools img {
  height: 60px;
  width: auto;
}

.parallax-wrapper {
  height: 700px;
  position: relative;
}
.parallax-wrapper .simpleParallax {
  height: 100%;
}
.parallax-wrapper.negative-caption {
  margin-bottom: calc(var(--common-spacing) + 170px);
}
.parallax-wrapper .parallax-caption {
  position: absolute;
  bottom: 0;
  left: 30px;
  padding-left: 30px;
  border-left: 1px solid #fff;
  padding-bottom: 60px;
  color: #fff;
  width: 50%;
}
.parallax-wrapper .parallax-caption.boxed {
  bottom: -100px;
  left: 50%;
  border: 0px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  text-align: center;
  background-color: var(--main-color);
  padding: 3rem;
}

:root {
  --main-color: #81A5C5;
  --main-hover-color: #617C94;
  --blue: #97B3D6;
  --yellow: #EEB43A;
  --red: #C31B24;
  --container-margin: 90px;
  --header-height: 100px;
  --common-spacing: 150px;
  --modale-max-width: 80vmax;
  --bold-font: "Baskerville-Bold", sans-serif;
  --bolditalic-font: "Baskerville-BoldItalic", sans-serif;
  --semibold-font: "Baskerville-SemiBold", sans-serif;
  --semibolditalic-font: "Baskerville-SemiBoldItalic", sans-serif;
  --italic-font: "Baskerville-Italic", sans-serif;
  --regular-font: "Baskerville", sans-serif;
  --light-font: "AccordAlt-Light", sans-serif;
  --medium-font: "AccordAlt-Medium", sans-serif;
  --wines-font: "atsackersromanregular", sans-serif;
}

html, body {
  height: 100%;
}

.header-site {
  position: absolute;
  z-index: 10;
  width: 100%;
  background: #fff;
}
.header-site .navbar {
  padding: 0px;
}
.header-site .navbar-brand img {
  margin: 6px 0px;
}
.header-site .navbar-nav {
  margin-left: auto;
  border-bottom: 1px solid #fff;
}
.header-site .nav-item .nav-link {
  font-family: var(--regular-font);
  padding: 15px 12px;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 5px solid;
  border-color: transparent;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}
.header-site .nav-item .nav-link:hover {
  border-bottom: 5px solid;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}
.header-site .nav-item.active .nav-link {
  color: var(--green);
  font-family: var(--bold-font);
}

.navbar-dark .navbar-toggler, .navbar-light .navbar-toggler {
  color: #fff;
  border-color: transparent;
  background-color: transparent;
  padding: 12px;
  border-radius: 0px;
}

.header-pusher {
  padding-top: var(--header-height);
}

.mobile-menu {
  height: 100%;
  /* 100% Full-height */
  width: 100%;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 110;
  /* Stay on top */
  top: 0;
  left: 0;
  background-color: var(--main-color);
  color: #fff;
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 80px;
  /* Place content 60px from the top */
}
.mobile-menu.closed {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /* 0.5 second transition effect to slide in the sidenav */
}
.mobile-menu.open {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /* 0.5 second transition effect to slide in the sidenav */
}
.mobile-menu .close-mobile-menu {
  position: absolute;
  top: 35px;
  right: 20px;
  color: #fff;
}
.mobile-menu .menu-header {
  padding: 0px 25px;
  position: absolute;
  top: 35px;
}
.mobile-menu .menu-header ul li a {
  font-size: 20px;
  font-weight: 600;
  margin-right: 5px;
}
.mobile-menu .menu-body {
  padding-top: 20px;
}
.mobile-menu .menu-body ul li a {
  display: block;
  padding: 12px 25px;
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  position: relative;
  font-family: var(--medium-font);
}
.mobile-menu .menu-body ul li a.active, .mobile-menu .menu-body ul li a:hover {
  color: #000;
}
.mobile-menu .menu-footer {
  text-align: center;
  margin-top: 50px;
}

.page-cover {
  position: relative;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  color: #fff;
}
.page-cover::after {
  content: "";
  position: absolute;
  top: 0px;
  margin: 1em;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  border: 1px solid #fff;
  z-index: 1;
}
.page-cover .top-bar {
  position: absolute;
  top: 0px;
  padding: 1rem 0;
  width: 100%;
  z-index: 2;
}
.page-cover .top-bar .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-cover .top-bar ul li:first-child {
  border-right: 1px solid #fff;
}
.page-cover .top-bar ul li a {
  color: #fff;
  padding: 1em 2em;
  display: block;
}
.page-cover .top-bar ul li a:hover {
  color: var(--main-hover-color);
}
.page-cover .logo {
  position: absolute;
  top: 2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.page-cover .logo img.top-logo {
  height: 100px;
  width: auto;
}
.page-cover h1.title {
  font-family: var(--regular-font);
  font-size: 60px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 400;
}
.page-cover video.video-cover {
  position: absolute;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  top: 0px;
  background: var(--main-color);
}
.page-cover .slider-home {
  position: absolute;
}
.page-cover .slider-item {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}
.page-cover .scroll-icon {
  position: absolute;
  bottom: 20vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 64px;
  width: auto;
}
.page-cover .header-site {
  bottom: 10vh;
  background-color: transparent;
}
.page-cover .header-site:not(.fixed-variant) .navbar-brand {
  display: none;
}
.page-cover .header-site:not(.fixed-variant) .navbar-toggler {
  display: none;
}
.page-cover .header-site:not(.fixed-variant) .languages {
  display: none;
}
.page-cover .header-site:not(.fixed-variant) .no-main-nav {
  display: none;
}
.page-cover .header-site .navbar-nav {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}
.page-cover .header-site .nav-item .nav-link {
  color: #fff;
  font-size: 18px;
}
.page-cover .header-site .nav-item .nav-link:hover {
  border-color: #fff;
}
.page-cover .dynamic-map {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}
.page-cover .original-map {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header-site.fixed-variant, .header-site.always-white {
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  bottom: initial;
  padding: 20px 0px;
}
.header-site.fixed-variant .container.modded, .header-site.always-white .container.modded {
  padding-right: 0;
}
.header-site.fixed-variant .navbar-nav, .header-site.always-white .navbar-nav {
  border-color: var(--main-color);
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  width: auto;
  margin: 0;
  margin-left: auto;
}
.header-site.fixed-variant .nav-item .nav-link, .header-site.always-white .nav-item .nav-link {
  color: #000;
  font-size: 16px;
}
.header-site.fixed-variant .nav-item .nav-link:hover, .header-site.always-white .nav-item .nav-link:hover {
  border-color: var(--main-color);
}
.header-site.fixed-variant .languages hr, .header-site.always-white .languages hr {
  margin: 5px 0px;
}
.header-site.fixed-variant .languages a.nav-link, .header-site.always-white .languages a.nav-link {
  padding: 0 30px;
  text-align: center;
  border: 0px;
}
.header-site.fixed-variant .languages a.nav-link:hover, .header-site.always-white .languages a.nav-link:hover {
  text-decoration: underline;
}

.sidebar-title {
  font-family: var(--bold-font);
  padding-bottom: 20px;
  border-bottom: 1px solid #333;
  margin-bottom: 0;
}

.pagination {
  border-radius: 0px;
}
.pagination .page-item {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: -10px;
}
.pagination .page-item .page-link {
  background-color: var(--very-light-green);
  color: var(--dark-green);
  border-radius: 10px;
  border: 0px;
  font-size: 20px;
  padding: 10px 20px;
}
.pagination .page-item .page-link:hover {
  color: #fff;
  background-color: var(--green);
}
.pagination .page-item.active .page-link {
  color: #fff;
  background-color: var(--green);
}

.wines-nav li {
  position: relative;
}
.wines-nav li:not(:last-child) {
  margin-right: 70px;
}
.wines-nav li:not(:last-child)::after {
  content: "";
  width: 50px;
  position: absolute;
  top: 10px;
  left: 100%;
  height: 1px;
  margin-left: 10px;
  background: #000;
}
.wines-nav li a {
  color: #000;
  text-transform: uppercase;
  font-family: var(--medium-font);
}
.wines-nav li a:hover {
  color: var(--main-color);
  font-weight: 700;
}

.icon-wrapper {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding: 30px 0px;
}
.icon-wrapper li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
}
.icon-wrapper li .caption {
  opacity: 0;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
  color: #fff;
  margin-left: 20px;
}
.icon-wrapper li img {
  border: 1px solid #fff;
  padding: 10px;
}
.icon-wrapper li h5 {
  font-family: var(--medium-font);
}
.icon-wrapper li .description {
  font-size: 16px;
}
.icon-wrapper li:hover .caption {
  opacity: 1;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
}
.icon-wrapper li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 1px;
  background: #fff;
}

.search-box .input-group-text, .search-box .form-control {
  background-color: transparent;
  border-color: #333;
  color: #333;
}
.search-box .form-control::-webkit-input-placeholder {
  color: #333;
}
.search-box .form-control::-moz-placeholder {
  color: #333;
}
.search-box .form-control:-ms-input-placeholder {
  color: #333;
}
.search-box .form-control::-ms-input-placeholder {
  color: #333;
}
.search-box .form-control::placeholder {
  color: #333;
}
.search-box form {
  position: relative;
  border-radius: 50px;
  background: #f2f2f2;
  padding: 15px 60px 15px 20px;
}
.search-box .form-control {
  border: 0px;
  border-bottom: 1px solid #333;
  border-radius: 0px;
  padding-right: 60px;
  height: 26px;
}
.search-box .form-control::-webkit-input-placeholder {
  color: #333;
}
.search-box .form-control::-moz-placeholder {
  color: #333;
}
.search-box .form-control:-ms-input-placeholder {
  color: #333;
}
.search-box .form-control::-ms-input-placeholder {
  color: #333;
}
.search-box .form-control::placeholder {
  color: #333;
}
.search-box .btn {
  padding: 16px 22px;
  position: absolute;
  top: 0;
  right: 0;
}

.news-nav li:first-child {
  margin-right: 20px;
}
.news-nav li:first-child::after {
  content: "|";
  padding-left: 20px;
  color: var(--main-color);
}

.contact-form, .basic-form {
  background: #fff;
  padding: 40px 0px;
}
.contact-form .form-group, .basic-form .form-group {
  margin-bottom: 35px;
}
.contact-form .form-group label, .basic-form .form-group label {
  margin-bottom: 10px;
  font-family: var(--medium-font);
}
.contact-form .form-group .form-control, .basic-form .form-group .form-control {
  border: 1px solid #eee;
  background-color: #eee;
  font-family: var(--medium-font);
}
.contact-form .custom-control-label::before, .basic-form .custom-control-label::before {
  border: 1px solid var(--main-color);
}
.contact-form .custom-control-input:checked ~ .custom-control-label::before, .basic-form .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--main-color);
  background-color: var(--main-color);
}
.contact-form .custom-control-input:focus ~ .custom-control-label::before, .basic-form .custom-control-input:focus ~ .custom-control-label::before {
  border-color: var(--main-color);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(129, 165, 197, 0.2);
          box-shadow: 0 0 0 0.2rem rgba(129, 165, 197, 0.2);
}
.contact-form .file-field label, .basic-form .file-field label {
  cursor: pointer;
  /* Here we will "duplicate" a bootstrap basic style */
  height: 36px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  width: 100%;
  /* Style as you please, it will become the visible UI component. */
}
.contact-form .file-field label:hover i, .basic-form .file-field label:hover i {
  color: var(--main-color);
}
.contact-form .file-field input[type=file], .basic-form .file-field input[type=file] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.contact-info {
  padding-top: 50px;
}

/**
 * VIDEO POPUP
*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-ajax-holder .mfp-content {
  max-width: 800px;
}
.mfp-ajax-holder .mfp-content .mfp-close {
  background: var(--green);
  color: #fff;
  opacity: 1;
  border-radius: 50%;
  top: 20px;
  right: 20px;
  width: 54px;
  height: 54px;
  line-height: 54px;
  font-size: 45px;
}

.mfp-preloader {
  width: 30px;
  height: 30px;
  background-color: var(--green);
  opacity: 0.65;
  margin: 0 auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
          animation: rotateplane 1.2s infinite ease-in-out;
}

.ajax-content-wrapper .popup-content {
  background-color: #fff;
  color: var(--dark-green);
  padding: 40px;
  border-radius: 15px;
}
.ajax-content-wrapper .popup-content a.btn {
  padding: 10px 30px;
  font-size: 18px;
}
.ajax-content-wrapper .popup-content .description {
  font-size: 18px;
}
.ajax-content-wrapper .popup-content .single-image-carousel.owl-carousel .owl-nav button {
  padding: 13px 15px !important;
}
.ajax-content-wrapper .popup-content .single-image-carousel.owl-carousel .owl-nav .owl-prev {
  left: -25px;
}
.ajax-content-wrapper .popup-content .single-image-carousel.owl-carousel .owl-nav .owl-next {
  right: -25px;
}

.footer-site {
  padding-top: 50px;
  padding-bottom: 50px;
  color: #000;
}
.footer-site .logo-footer {
  display: block;
  margin: 0 auto;
}
.footer-site .social-list {
  margin-bottom: 0;
}
.footer-site .social-list li a {
  color: var(--main-color);
}

.embedded-map {
  margin-bottom: calc(-1 * (var(--common-spacing)));
}

.single-wine {
  text-align: center;
  position: relative;
}
.single-wine::before {
  content: "";
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-origin: left;
          transform-origin: left;
}
.single-wine.blue::before {
  background-color: var(--blue);
}
.single-wine.yellow::before {
  background-color: var(--yellow);
}
.single-wine.red::before {
  background-color: var(--red);
}
.single-wine img {
  position: relative;
  z-index: 1;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
.single-wine:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.single-wine:hover::before {
  -webkit-transform: scale(1.1) translateX(-50%);
          transform: scale(1.1) translateX(-50%);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}

/*.our-wines .row .col-lg-4:nth-child(1) .single-wine::before {
  background-color: var(--blue);
}
.our-wines .row .col-lg-4:nth-child(2) .single-wine::before {
  background-color: var(--yellow);
}
.our-wines .row .col-lg-4:nth-child(3) .single-wine::before {
  background-color: var(--red);
}*/

.our-wines .row .col-lg-3:nth-of-type(1) .single-wine::before {
  background-color: #90A974;
}
.our-wines .row .col-lg-3:nth-of-type(2) .single-wine::before {
  background-color: var(--blue);
}
.our-wines .row .col-lg-3:nth-of-type(3) .single-wine::before {
  background-color: var(--yellow);
}
.our-wines .row .col-lg-3:nth-of-type(4) .single-wine::before {
  background-color: var(--red);
}
.single-wine::before {
  background-color: #B2B2B2;
}


.super-title-wrapper {
  --super-title-height: 90px;
  background-color: #f2f2f2;
  margin-top: calc(var(--super-title-height)*2);
  min-height: 130px;
}
.super-title-wrapper .super-title {
  font-size: var(--super-title-height);
  color: #c2c2c2;
  text-transform: uppercase;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  font-family: var(--wines-font);
  margin-bottom: calc(-1*var(--super-title-height));
}

.our-wines {
  position: relative;
}
.our-wines .single-wine {
  margin-top: 50px;
  margin-bottom: 50px;
}
.our-wines .single-wine img {
  height: 600px;
  width: auto;
}

.icon-boxes-wrapper img {
  display: block;
  margin: 0 auto;
}
.icon-boxes-wrapper .icon-box {
  color: #000;
  text-align: center;
}

.single-news {
  margin-bottom: 30px;
}
.single-news .image-wrapper {
  position: relative;
  overflow: hidden;
}
.single-news .image-wrapper .btn {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #fff;
}
.single-news .image-wrapper .btn::before {
  content: "";
  width: 1000px;
  height: 2px;
  position: absolute;
  background: #fff;
  right: 100%;
  top: 50%;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
}
.single-news .image-wrapper:hover .btn::before {
  right: 1000%;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
}
.single-news h4 {
  font-size: 20px;
  font-family: var(--medium-font);
  margin: 20px 0px;
}

.gallery-background {
  background-color: rgba(129, 165, 197, 0.2);
  padding: 20px 0px;
}

.gallery-filters {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
  padding: 30px 0px 230px;
  z-index: 9;
}
.gallery-filters .btn {
  position: relative;
  padding-left: 40px;
  text-align: left;
  text-transform: uppercase;
}
.gallery-filters .btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 1px;
  background: #fff;
}

.gallery-container {
  margin-left: 200px;
  /* fluid 5 columns gallery */
  /* 2 columns */
}
.gallery-container .gallery-sizer,
.gallery-container .gallery-item {
  width: 20%;
}
.gallery-container .gallery-item.large {
  width: 40%;
}
.gallery-container .gallery-item {
  margin-bottom: 15px;
}
.gallery-container .gallery-item img {
  width: 100%;
  height: auto;
}

.background-contatti {
  background-color: rgba(129, 165, 197, 0.2);
}
.background-contatti .pl-custom {
  padding-left: var(--common-spacing) !important;
  padding-right: 3rem;
}
.background-contatti .pr-custom {
  padding-right: var(--common-spacing) !important;
  padding-left: 3rem;
}

#shop {
  position: relative;
}
#shop .loader {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--main-color);
}

.product-filters {
  margin-top: 30px;
}
.product-filters li {
  margin-bottom: 15px;
}
.product-filters a {
  color: #333;
  display: block;
  position: relative;
}
.product-filters a:hover {
  color: var(--main-color);
}
.product-filters .selected a {
  font-weight: 700;
  color: var(--main-color);
}
.product-filters .selected a::after {
  content: "\f058";
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.product-sorter {
  width: auto;
  margin-left: auto;
  margin-bottom: 15px;
  border: 2px solid var(--main-color);
  border-radius: 0px;
  font-family: var(--medium-font);
}

.shop-products {
  margin-top: 55px;
}

.single-product {
  margin-bottom: 50px;
}
.single-product .image-wrapper {
  position: relative;
  background-color: #eee;
  margin-bottom: 30px;
  height: 360px;
}
.single-product .image-wrapper .confezione {
  position: absolute;
  top: 0;
  left: 15px;
  background-color: var(--main-color);
  color: #fff;
  padding: 10px 5px;
  font-family: var(--bold-font);
}
.single-product .image-wrapper img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.single-product h4 {
  margin-bottom: 15px;
  text-align: center;
}
.single-product .price {
  font-family: var(--semibold-font);
  border-top: 1px solid #a9a9a9;
  padding-top: 15px;
}
.single-product select {
  border: 2px solid var(--main-color);
  border-radius: 0px;
  font-family: var(--medium-font);
}

.cart {
  background: #eee;
  padding: 30px;
  font-family: var(--medium-font);
}
.cart .cart-item {
  margin-bottom: 15px;
  padding: 0px 10px;
}
.cart .cart-item h5 {
  font-size: 16px;
}
.cart .cart-item select {
  height: 30px;
  padding: 4px;
}
.cart .cart-total {
  padding: 15px 10px;
  margin-bottom: 30px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.cart .cart-total p {
  margin: 0;
}
.cart .badge {
  float: right;
  margin-top: 3px;
  font-weight: 400;
}

.swal2-container {
  font-family: var(--medium-font);
}

.swal2-actions button {
  border-radius: 0px !important;
}

.slider-home.owl-carousel .owl-item.active .btn {
  -webkit-animation: fadeInDown;
          animation: fadeInDown;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.slider-home.owl-carousel .owl-item.active .subtitle, .slider-home.owl-carousel .owl-item.active .title {
  -webkit-animation: fadeInUp;
          animation: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.slider-home.owl-carousel .owl-nav {
  margin-top: 0;
}
.slider-home.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 23px 25px !important;
  font-size: 15px;
  background-color: var(--green);
  color: #fff;
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
  border-radius: 50%;
}
.slider-home.owl-carousel .owl-nav button:hover {
  background-color: var(--dark-green);
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
}
.slider-home.owl-carousel .owl-nav .owl-prev {
  left: 30px;
}
.slider-home.owl-carousel .owl-nav .owl-next {
  right: 30px;
}

.projects-list.owl-carousel .owl-nav {
  margin-top: 0;
}
.projects-list.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 23px 25px !important;
  font-size: 15px;
  background-color: var(--green);
  color: #fff;
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
  border-radius: 50%;
}
.projects-list.owl-carousel .owl-nav button:hover {
  background-color: var(--dark-green);
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
}
.projects-list.owl-carousel .owl-nav .owl-prev {
  left: 0px;
}
.projects-list.owl-carousel .owl-nav .owl-next {
  right: 0px;
}

.services.owl-carousel .owl-nav {
  margin-top: 0;
}
.services.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 23px 25px !important;
  font-size: 15px;
  background-color: var(--green);
  color: #fff;
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
  border-radius: 50%;
}
.services.owl-carousel .owl-nav button:hover {
  background-color: var(--dark-green);
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
}
.services.owl-carousel .owl-nav .owl-prev {
  left: -40px;
}
.services.owl-carousel .owl-nav .owl-next {
  right: -40px;
}
.services.owl-carousel .owl-nav .owl-prev, .services.owl-carousel .owl-nav .owl-next {
  top: 37%;
  background-color: var(--light-green);
}
.services.owl-carousel .owl-dots {
  margin-top: 30px;
}
.services.owl-carousel .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  background: transparent !important;
  border: 1px solid var(--green);
  opacity: 1;
}
.services.owl-carousel .owl-dots .owl-dot span:hover {
  background: var(--green) !important;
}
.services.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--green) !important;
}

.single-image-carousel.owl-carousel .owl-nav {
  margin-top: 0;
}
.single-image-carousel.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 23px 25px !important;
  font-size: 15px;
  background-color: var(--green);
  color: #fff;
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
  border-radius: 50%;
}
.single-image-carousel.owl-carousel .owl-nav button:hover {
  background-color: var(--dark-green);
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
}
.single-image-carousel.owl-carousel .owl-nav .owl-prev {
  left: -40px;
}
.single-image-carousel.owl-carousel .owl-nav .owl-next {
  right: -40px;
}
.single-image-carousel.owl-carousel img {
  border-radius: 15px;
}
.single-image-carousel.owl-carousel.inner-arrows .owl-nav {
  margin-top: 0;
}
.single-image-carousel.owl-carousel.inner-arrows .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 23px 25px !important;
  font-size: 15px;
  background-color: var(--green);
  color: #fff;
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
  border-radius: 50%;
}
.single-image-carousel.owl-carousel.inner-arrows .owl-nav button:hover {
  background-color: var(--dark-green);
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
}
.single-image-carousel.owl-carousel.inner-arrows .owl-nav .owl-prev {
  left: 0px;
}
.single-image-carousel.owl-carousel.inner-arrows .owl-nav .owl-next {
  right: 0px;
}

.promozione-partners {
  --partner-img-height: 170px;
  position: relative;
}
.promozione-partners .partners-list.owl-carousel {
  position: absolute;
  bottom: 0px;
  width: 60%;
}
.promozione-partners .partners-list.owl-carousel .owl-nav {
  margin-top: 0;
}
.promozione-partners .partners-list.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 23px 25px !important;
  font-size: 15px;
  background-color: var(--green);
  color: #fff;
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
  border-radius: 50%;
}
.promozione-partners .partners-list.owl-carousel .owl-nav button:hover {
  background-color: var(--dark-green);
  -webkit-transition: 0.5s color;
  transition: 0.5s color;
}
.promozione-partners .partners-list.owl-carousel .owl-nav .owl-prev {
  left: -40px;
}
.promozione-partners .partners-list.owl-carousel .owl-nav .owl-next {
  right: -40px;
}
.promozione-partners .partners-list.owl-carousel .owl-nav button {
  -webkit-transform: translateY(-70%);
          transform: translateY(-70%);
}
.promozione-partners .partners-list.owl-carousel .item {
  border-radius: 15px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}
.promozione-partners .partners-list.owl-carousel .item img {
  height: var(--partner-img-height);
  width: auto;
}

.image-gallery.owl-carousel {
  --items-height: 180px;
}
.image-gallery.owl-carousel .item {
  width: 100%;
  height: var(--items-height);
}
.image-gallery.owl-carousel .item a {
  display: block;
  height: 100%;
}
.image-gallery.owl-carousel .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.green-marketing.owl-carousel .novita-caption {
  text-align: center;
}
.green-marketing.owl-carousel .owl-stage {
  margin: 0 auto;
}
.green-marketing.owl-carousel .owl-dots {
  margin-top: 30px;
}
.green-marketing.owl-carousel .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  background: transparent !important;
  border: 1px solid var(--green);
  opacity: 1;
}
.green-marketing.owl-carousel .owl-dots .owl-dot span:hover {
  background: var(--green) !important;
}
.green-marketing.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--green) !important;
}

@media (min-width: 992px) and (max-width: 1279px) {
  .contents-carousel .item h2.title {
    font-size: 70px;
  }
  .contents-carousel .item svg {
    height: 150px;
  }
}
@media (min-width: 1460px) {
  :root {
    --box-shadow: 0px 30px 60px rgba(0,0,0,0.1);
    --box-shadow-negative: 0px -30px 60px rgba(0,0,0,0.1);
  }

  .page-cover .logo img {
    height: auto;
  }
  .page-cover h1.title {
    font-size: 90px;
  }

  .header-site.fixed-variant .nav-item .nav-link, .header-site.always-white .nav-item .nav-link {
    padding: 15px 30px;
  }

  .slider-home.owl-carousel .owl-nav button {
    padding: 18px 20px !important;
  }

  .contents-carousel .item h2.title {
    font-size: 130px;
    line-height: 1.5;
  }

  .icon-wrapper li .description {
    width: 20vw;
  }
}
@media (max-width: 991px) {
  :root {
    --container-margin: 15px;
    --common-spacing: 70px;
  }
	
	.margine-top-mb-interno-news {margin-top:50px;}	

  .top-bar {
    display: none;
  }

  .header-site {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%;
    background-color: #fff;
  }
  .header-site.fixed-variant {
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  }

  .header-site .navbar-brand img {
    height: 35px;
  }

  .navbar-toggler {
    background-color: transparent;
    color: var(--main-color);
    padding: 16px 10px;
  }

  body {
    font-size: 16px;
  }

  .title {
    font-size: 35px;
  }

  .partner-logos {
    text-align: center;
  }

  .btn-tools.bottom {
    bottom: 15px;
  }
  .btn-tools.right {
    right: 5px;
  }
  .btn-tools img {
    height: 50px;
  }

  .parallax-wrapper.negative-caption {
    height: auto;
    position: initial;
    margin-bottom: var(--common-spacing);
  }
  .parallax-wrapper.negative-caption .simpleParallax {
    height: 300px;
  }
  .parallax-wrapper .parallax-caption {
    width: 100%;
    text-align: center;
    bottom: initial;
    left: initial;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 0px;
    padding: 0px 15px;
  }
  .parallax-wrapper .parallax-caption.boxed {
    position: initial;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }

  .super-title-wrapper {
    --super-title-height: 50px;
    margin-top: 0px;
    padding-top: var(--common-spacing);
    min-height: auto;
  }
  .super-title-wrapper .super-title {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    margin-bottom: 0px;
    padding: 0px 15px;
  }

  .wines-nav li {
    display: block;
    text-align: center;
  }
  .wines-nav li::after {
    display: none;
  }

  .icon-wrapper-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 0px;
  }
  .icon-wrapper-mobile li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 30px;
  }
  .icon-wrapper-mobile li h5 {
    font-family: var(--medium-font);
  }
  .icon-wrapper-mobile li .description {
    font-size: 16px;
  }

  .product-ctas li {
    display: block;
    margin-bottom: 15px;
  }

  .gallery-filters {
    position: initial;
    display: block;
    height: auto;
    padding: 30px;
    text-align: center;
  }
  .gallery-filters .btn {
    position: initial;
    display: block;
    text-align: center;
    padding-left: 0px;
    width: 100%;
  }
  .gallery-filters .btn::before {
    display: none;
  }

  .gallery-container {
    margin-left: 15px;
    margin-right: 15px;
    /* fluid 5 columns gallery */
  }
  .gallery-container .gallery-sizer,
.gallery-container .gallery-item,
.gallery-container .gallery-item.large {
    width: 100%;
  }
  .gallery-container .gallery-item {
    margin-bottom: 15px;
  }
  .gallery-container .gallery-item img {
    width: 100%;
    height: auto;
  }

  .cart-indicator {
    background: var(--main-color);
    color: #fff;
    text-align: center;
    padding: 15px 18px;
    border-radius: 50px;
    position: fixed;
    z-index: 10;
    bottom: 15px;
    right: 15px;
  }

  .form-item span {
    display: block;
  }
}
@media (max-width: 500px) {
  .header-site .top-bar .top-bar-info li:first-child a:after {
    display: none;
  }
  .header-site .top-bar .top-bar-info a {
    font-size: 13px;
  }

  .header-site.fixed-variant .container.modded, .header-site.always-white .container.modded {
    padding-right: 15px;
  }

  .page-cover h1.title {
    font-size: 45px;
  }
  .page-cover h3.subtitle {
    font-size: 16px;
  }
  .page-cover .description {
    font-size: 16px;
  }

  .simple-parallax img {
    width: auto;
    height: 100%;
  }
}
@-webkit-keyframes menu-wrapper-updown {
  0% {
    -webkit-transform: rotate(-90deg) translateX(0%);
            transform: rotate(-90deg) translateX(0%);
  }
  100% {
    -webkit-transform: rotate(-90deg) translateX(-100%);
            transform: rotate(-90deg) translateX(-100%);
  }
}
@keyframes menu-wrapper-updown {
  0% {
    -webkit-transform: rotate(-90deg) translateX(0%);
            transform: rotate(-90deg) translateX(0%);
  }
  100% {
    -webkit-transform: rotate(-90deg) translateX(-100%);
            transform: rotate(-90deg) translateX(-100%);
  }
}
@-webkit-keyframes swing {
  50% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
}
@keyframes swing {
  50% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
}
@-webkit-keyframes steamLarge {
  0% {
    stroke-dashoffset: 13;
    opacity: 0.6;
  }
  100% {
    stroke-dashoffset: 39;
    opacity: 0;
  }
}
@keyframes steamLarge {
  0% {
    stroke-dashoffset: 13;
    opacity: 0.6;
  }
  100% {
    stroke-dashoffset: 39;
    opacity: 0;
  }
}
@-webkit-keyframes steamSmall {
  10% {
    stroke-dashoffset: 9;
    opacity: 0.6;
  }
  80% {
    stroke-dashoffset: 27;
    opacity: 0;
  }
  100% {
    stroke-dashoffset: 27;
    opacity: 0;
  }
}
@keyframes steamSmall {
  10% {
    stroke-dashoffset: 9;
    opacity: 0.6;
  }
  80% {
    stroke-dashoffset: 27;
    opacity: 0;
  }
  100% {
    stroke-dashoffset: 27;
    opacity: 0;
  }
}

.product-filters .selected.reset-selection a::after {
  content: "\f00d";
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}