/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 20, 2018, 5:44:32 PM
    Author     : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 26, 2018, 11:11:52 AM
    Author     : mv
*/
/** based on bootstrap **/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 20, 2018, 6:05:25 PM
    Author     : mv
*/
@import url("/style/fonts/Flama/stylesheet.css");
a {
  color: inherit;
  text-decoration: none;
  transition: color ease-in-out 300ms;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
button,
input,
textarea,
td,
th,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
}
button,
input,
textarea,
select {
  box-sizing: border-box;
}
hr {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  clear: both;
  margin-bottom: 20px;
  border-bottom: 1px solid #717171;
}
html {
  padding: 0;
  margin: 0;
  font-size: 62.5%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
}
main {
  display: block;
}
img {
  max-width: 100%;
}
* {
  box-sizing: inherit;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 27, 2018, 3:04:21 PM
    Author     : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Nov 12, 2020, 9:45:53 AM
    Author     : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Sep 30, 2019, 2:46:50 PM
    Author     : mv
*/
.tpl-container,
.tpl-container-fluid {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 992px) {
  .tpl-container,
  .tpl-container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.tpl-container {
  max-width: 1440px;
}
.tpl-row {
  display: flex;
  flex-wrap: wrap;
}
.tpl-row.is-centered {
  align-items: center;
  justify-content: center;
}
.tpl-row.is-centered-x {
  justify-content: center;
}
.tpl-row.is-centered-y {
  align-items: center;
}
.tpl-row {
  margin-left: -8px;
  margin-right: -8px;
}
.tpl-col {
  margin-left: 8px;
  margin-right: 8px;
}
.tpl-col.is-1 {
  width: calc(8.333333333333332% - 16px);
}
.tpl-col.is-offset-1 {
  margin-left: calc(8.333333333333332% + 16px / 2);
}
.tpl-col.is-2 {
  width: calc(16.666666666666664% - 16px);
}
.tpl-col.is-offset-2 {
  margin-left: calc(16.666666666666664% + 16px / 2);
}
.tpl-col.is-3 {
  width: calc(25% - 16px);
}
.tpl-col.is-offset-3 {
  margin-left: calc(25% + 16px / 2);
}
.tpl-col.is-4 {
  width: calc(33.33333333333333% - 16px);
}
.tpl-col.is-offset-4 {
  margin-left: calc(33.33333333333333% + 16px / 2);
}
.tpl-col.is-5 {
  width: calc(41.66666666666667% - 16px);
}
.tpl-col.is-offset-5 {
  margin-left: calc(41.66666666666667% + 16px / 2);
}
.tpl-col.is-6 {
  width: calc(50% - 16px);
}
.tpl-col.is-offset-6 {
  margin-left: calc(50% + 16px / 2);
}
.tpl-col.is-7 {
  width: calc(58.333333333333336% - 16px);
}
.tpl-col.is-offset-7 {
  margin-left: calc(58.333333333333336% + 16px / 2);
}
.tpl-col.is-8 {
  width: calc(66.66666666666666% - 16px);
}
.tpl-col.is-offset-8 {
  margin-left: calc(66.66666666666666% + 16px / 2);
}
.tpl-col.is-9 {
  width: calc(75% - 16px);
}
.tpl-col.is-offset-9 {
  margin-left: calc(75% + 16px / 2);
}
.tpl-col.is-10 {
  width: calc(83.33333333333334% - 16px);
}
.tpl-col.is-offset-10 {
  margin-left: calc(83.33333333333334% + 16px / 2);
}
.tpl-col.is-11 {
  width: calc(91.66666666666666% - 16px);
}
.tpl-col.is-offset-11 {
  margin-left: calc(91.66666666666666% + 16px / 2);
}
.tpl-col.is-12 {
  width: calc(100% - 16px);
}
.tpl-col.is-offset-12 {
  margin-left: calc(100% + 16px / 2);
}
@media only screen and (min-width: 736px) {
  .tpl-col.is-sm-0 {
    width: calc(0% - 16px);
  }
  .tpl-col.is-sm-offset-0 {
    margin-left: calc(0% + 16px / 2);
  }
  .tpl-col.is-sm-1 {
    width: calc(8.333333333333332% - 16px);
  }
  .tpl-col.is-sm-offset-1 {
    margin-left: calc(8.333333333333332% + 16px / 2);
  }
  .tpl-col.is-sm-2 {
    width: calc(16.666666666666664% - 16px);
  }
  .tpl-col.is-sm-offset-2 {
    margin-left: calc(16.666666666666664% + 16px / 2);
  }
  .tpl-col.is-sm-3 {
    width: calc(25% - 16px);
  }
  .tpl-col.is-sm-offset-3 {
    margin-left: calc(25% + 16px / 2);
  }
  .tpl-col.is-sm-4 {
    width: calc(33.33333333333333% - 16px);
  }
  .tpl-col.is-sm-offset-4 {
    margin-left: calc(33.33333333333333% + 16px / 2);
  }
  .tpl-col.is-sm-5 {
    width: calc(41.66666666666667% - 16px);
  }
  .tpl-col.is-sm-offset-5 {
    margin-left: calc(41.66666666666667% + 16px / 2);
  }
  .tpl-col.is-sm-6 {
    width: calc(50% - 16px);
  }
  .tpl-col.is-sm-offset-6 {
    margin-left: calc(50% + 16px / 2);
  }
  .tpl-col.is-sm-7 {
    width: calc(58.333333333333336% - 16px);
  }
  .tpl-col.is-sm-offset-7 {
    margin-left: calc(58.333333333333336% + 16px / 2);
  }
  .tpl-col.is-sm-8 {
    width: calc(66.66666666666666% - 16px);
  }
  .tpl-col.is-sm-offset-8 {
    margin-left: calc(66.66666666666666% + 16px / 2);
  }
  .tpl-col.is-sm-9 {
    width: calc(75% - 16px);
  }
  .tpl-col.is-sm-offset-9 {
    margin-left: calc(75% + 16px / 2);
  }
  .tpl-col.is-sm-10 {
    width: calc(83.33333333333334% - 16px);
  }
  .tpl-col.is-sm-offset-10 {
    margin-left: calc(83.33333333333334% + 16px / 2);
  }
  .tpl-col.is-sm-11 {
    width: calc(91.66666666666666% - 16px);
  }
  .tpl-col.is-sm-offset-11 {
    margin-left: calc(91.66666666666666% + 16px / 2);
  }
  .tpl-col.is-sm-12 {
    width: calc(100% - 16px);
  }
  .tpl-col.is-sm-offset-12 {
    margin-left: calc(100% + 16px / 2);
  }
}
@media only screen and (min-width: 860px) {
  .tpl-col.is-md-0 {
    width: calc(0% - 16px);
  }
  .tpl-col.is-md-offset-0 {
    margin-left: calc(0% + 16px / 2);
  }
  .tpl-col.is-md-1 {
    width: calc(8.333333333333332% - 16px);
  }
  .tpl-col.is-md-offset-1 {
    margin-left: calc(8.333333333333332% + 16px / 2);
  }
  .tpl-col.is-md-2 {
    width: calc(16.666666666666664% - 16px);
  }
  .tpl-col.is-md-offset-2 {
    margin-left: calc(16.666666666666664% + 16px / 2);
  }
  .tpl-col.is-md-3 {
    width: calc(25% - 16px);
  }
  .tpl-col.is-md-offset-3 {
    margin-left: calc(25% + 16px / 2);
  }
  .tpl-col.is-md-4 {
    width: calc(33.33333333333333% - 16px);
  }
  .tpl-col.is-md-offset-4 {
    margin-left: calc(33.33333333333333% + 16px / 2);
  }
  .tpl-col.is-md-5 {
    width: calc(41.66666666666667% - 16px);
  }
  .tpl-col.is-md-offset-5 {
    margin-left: calc(41.66666666666667% + 16px / 2);
  }
  .tpl-col.is-md-6 {
    width: calc(50% - 16px);
  }
  .tpl-col.is-md-offset-6 {
    margin-left: calc(50% + 16px / 2);
  }
  .tpl-col.is-md-7 {
    width: calc(58.333333333333336% - 16px);
  }
  .tpl-col.is-md-offset-7 {
    margin-left: calc(58.333333333333336% + 16px / 2);
  }
  .tpl-col.is-md-8 {
    width: calc(66.66666666666666% - 16px);
  }
  .tpl-col.is-md-offset-8 {
    margin-left: calc(66.66666666666666% + 16px / 2);
  }
  .tpl-col.is-md-9 {
    width: calc(75% - 16px);
  }
  .tpl-col.is-md-offset-9 {
    margin-left: calc(75% + 16px / 2);
  }
  .tpl-col.is-md-10 {
    width: calc(83.33333333333334% - 16px);
  }
  .tpl-col.is-md-offset-10 {
    margin-left: calc(83.33333333333334% + 16px / 2);
  }
  .tpl-col.is-md-11 {
    width: calc(91.66666666666666% - 16px);
  }
  .tpl-col.is-md-offset-11 {
    margin-left: calc(91.66666666666666% + 16px / 2);
  }
  .tpl-col.is-md-12 {
    width: calc(100% - 16px);
  }
  .tpl-col.is-md-offset-12 {
    margin-left: calc(100% + 16px / 2);
  }
}
@media only screen and (min-width: 992px) {
  .tpl-col.is-lg-0 {
    width: calc(0% - 16px);
  }
  .tpl-col.is-lg-offset-0 {
    margin-left: calc(0% + 16px / 2);
  }
  .tpl-col.is-lg-1 {
    width: calc(8.333333333333332% - 16px);
  }
  .tpl-col.is-lg-offset-1 {
    margin-left: calc(8.333333333333332% + 16px / 2);
  }
  .tpl-col.is-lg-2 {
    width: calc(16.666666666666664% - 16px);
  }
  .tpl-col.is-lg-offset-2 {
    margin-left: calc(16.666666666666664% + 16px / 2);
  }
  .tpl-col.is-lg-3 {
    width: calc(25% - 16px);
  }
  .tpl-col.is-lg-offset-3 {
    margin-left: calc(25% + 16px / 2);
  }
  .tpl-col.is-lg-4 {
    width: calc(33.33333333333333% - 16px);
  }
  .tpl-col.is-lg-offset-4 {
    margin-left: calc(33.33333333333333% + 16px / 2);
  }
  .tpl-col.is-lg-5 {
    width: calc(41.66666666666667% - 16px);
  }
  .tpl-col.is-lg-offset-5 {
    margin-left: calc(41.66666666666667% + 16px / 2);
  }
  .tpl-col.is-lg-6 {
    width: calc(50% - 16px);
  }
  .tpl-col.is-lg-offset-6 {
    margin-left: calc(50% + 16px / 2);
  }
  .tpl-col.is-lg-7 {
    width: calc(58.333333333333336% - 16px);
  }
  .tpl-col.is-lg-offset-7 {
    margin-left: calc(58.333333333333336% + 16px / 2);
  }
  .tpl-col.is-lg-8 {
    width: calc(66.66666666666666% - 16px);
  }
  .tpl-col.is-lg-offset-8 {
    margin-left: calc(66.66666666666666% + 16px / 2);
  }
  .tpl-col.is-lg-9 {
    width: calc(75% - 16px);
  }
  .tpl-col.is-lg-offset-9 {
    margin-left: calc(75% + 16px / 2);
  }
  .tpl-col.is-lg-10 {
    width: calc(83.33333333333334% - 16px);
  }
  .tpl-col.is-lg-offset-10 {
    margin-left: calc(83.33333333333334% + 16px / 2);
  }
  .tpl-col.is-lg-11 {
    width: calc(91.66666666666666% - 16px);
  }
  .tpl-col.is-lg-offset-11 {
    margin-left: calc(91.66666666666666% + 16px / 2);
  }
  .tpl-col.is-lg-12 {
    width: calc(100% - 16px);
  }
  .tpl-col.is-lg-offset-12 {
    margin-left: calc(100% + 16px / 2);
  }
}
@media only screen and (min-width: 1200px) {
  .tpl-col.is-xl-0 {
    width: calc(0% - 16px);
  }
  .tpl-col.is-xl-offset-0 {
    margin-left: calc(0% + 16px / 2);
  }
  .tpl-col.is-xl-1 {
    width: calc(8.333333333333332% - 16px);
  }
  .tpl-col.is-xl-offset-1 {
    margin-left: calc(8.333333333333332% + 16px / 2);
  }
  .tpl-col.is-xl-2 {
    width: calc(16.666666666666664% - 16px);
  }
  .tpl-col.is-xl-offset-2 {
    margin-left: calc(16.666666666666664% + 16px / 2);
  }
  .tpl-col.is-xl-3 {
    width: calc(25% - 16px);
  }
  .tpl-col.is-xl-offset-3 {
    margin-left: calc(25% + 16px / 2);
  }
  .tpl-col.is-xl-4 {
    width: calc(33.33333333333333% - 16px);
  }
  .tpl-col.is-xl-offset-4 {
    margin-left: calc(33.33333333333333% + 16px / 2);
  }
  .tpl-col.is-xl-5 {
    width: calc(41.66666666666667% - 16px);
  }
  .tpl-col.is-xl-offset-5 {
    margin-left: calc(41.66666666666667% + 16px / 2);
  }
  .tpl-col.is-xl-6 {
    width: calc(50% - 16px);
  }
  .tpl-col.is-xl-offset-6 {
    margin-left: calc(50% + 16px / 2);
  }
  .tpl-col.is-xl-7 {
    width: calc(58.333333333333336% - 16px);
  }
  .tpl-col.is-xl-offset-7 {
    margin-left: calc(58.333333333333336% + 16px / 2);
  }
  .tpl-col.is-xl-8 {
    width: calc(66.66666666666666% - 16px);
  }
  .tpl-col.is-xl-offset-8 {
    margin-left: calc(66.66666666666666% + 16px / 2);
  }
  .tpl-col.is-xl-9 {
    width: calc(75% - 16px);
  }
  .tpl-col.is-xl-offset-9 {
    margin-left: calc(75% + 16px / 2);
  }
  .tpl-col.is-xl-10 {
    width: calc(83.33333333333334% - 16px);
  }
  .tpl-col.is-xl-offset-10 {
    margin-left: calc(83.33333333333334% + 16px / 2);
  }
  .tpl-col.is-xl-11 {
    width: calc(91.66666666666666% - 16px);
  }
  .tpl-col.is-xl-offset-11 {
    margin-left: calc(91.66666666666666% + 16px / 2);
  }
  .tpl-col.is-xl-12 {
    width: calc(100% - 16px);
  }
  .tpl-col.is-xl-offset-12 {
    margin-left: calc(100% + 16px / 2);
  }
}
@media only screen and (min-width: 1400px) {
  .tpl-col.is-xxl-0 {
    width: calc(0% - 16px);
  }
  .tpl-col.is-xxl-offset-0 {
    margin-left: calc(0% + 16px / 2);
  }
  .tpl-col.is-xxl-1 {
    width: calc(8.333333333333332% - 16px);
  }
  .tpl-col.is-xxl-offset-1 {
    margin-left: calc(8.333333333333332% + 16px / 2);
  }
  .tpl-col.is-xxl-2 {
    width: calc(16.666666666666664% - 16px);
  }
  .tpl-col.is-xxl-offset-2 {
    margin-left: calc(16.666666666666664% + 16px / 2);
  }
  .tpl-col.is-xxl-3 {
    width: calc(25% - 16px);
  }
  .tpl-col.is-xxl-offset-3 {
    margin-left: calc(25% + 16px / 2);
  }
  .tpl-col.is-xxl-4 {
    width: calc(33.33333333333333% - 16px);
  }
  .tpl-col.is-xxl-offset-4 {
    margin-left: calc(33.33333333333333% + 16px / 2);
  }
  .tpl-col.is-xxl-5 {
    width: calc(41.66666666666667% - 16px);
  }
  .tpl-col.is-xxl-offset-5 {
    margin-left: calc(41.66666666666667% + 16px / 2);
  }
  .tpl-col.is-xxl-6 {
    width: calc(50% - 16px);
  }
  .tpl-col.is-xxl-offset-6 {
    margin-left: calc(50% + 16px / 2);
  }
  .tpl-col.is-xxl-7 {
    width: calc(58.333333333333336% - 16px);
  }
  .tpl-col.is-xxl-offset-7 {
    margin-left: calc(58.333333333333336% + 16px / 2);
  }
  .tpl-col.is-xxl-8 {
    width: calc(66.66666666666666% - 16px);
  }
  .tpl-col.is-xxl-offset-8 {
    margin-left: calc(66.66666666666666% + 16px / 2);
  }
  .tpl-col.is-xxl-9 {
    width: calc(75% - 16px);
  }
  .tpl-col.is-xxl-offset-9 {
    margin-left: calc(75% + 16px / 2);
  }
  .tpl-col.is-xxl-10 {
    width: calc(83.33333333333334% - 16px);
  }
  .tpl-col.is-xxl-offset-10 {
    margin-left: calc(83.33333333333334% + 16px / 2);
  }
  .tpl-col.is-xxl-11 {
    width: calc(91.66666666666666% - 16px);
  }
  .tpl-col.is-xxl-offset-11 {
    margin-left: calc(91.66666666666666% + 16px / 2);
  }
  .tpl-col.is-xxl-12 {
    width: calc(100% - 16px);
  }
  .tpl-col.is-xxl-offset-12 {
    margin-left: calc(100% + 16px / 2);
  }
}
/*@import "fonts/trade.less";*/
body {
  font-family: Georgia, Times, Times New Roman, serif;
  color: #4b2c11;
  background-color: #faf8f5;
  /*	opacity: 0;
	transition: opacity ease-in-out 500ms;*/
}
hr {
  margin: 20px 0;
  border-color: #261e1e;
}
hr.large {
  border-width: 4px;
}
hr.small {
  width: 64px;
}
hr.white {
  border-color: #fff;
}
/*html.no-js,*/
html.ready body {
  /*opacity: 1;*/
}
body:after {
  background: lightskyblue;
  position: fixed;
  content: " DF ";
  text-align: center;
  color: #fff;
  bottom: 0;
  height: 10px;
  right: 0;
  padding: 2px 5px;
  z-index: 999999;
  font-size: 10px;
  line-height: 10px;
  display: none;
}
body.is-devmode:after {
  display: block;
}
body.is-devmode {
  opacity: 1;
}
.img-cover {
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.img-contain {
  object-fit: contain;
  font-family: 'object-fit: contain;';
}
.w-200 {
  width: 200px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.d-block {
  display: block;
}
.w-full {
  width: 100%;
}
.mb-56 {
  margin-bottom: 56px;
}
.mb-8 {
  margin-bottom: 8px;
}
.pt-48 {
  padding-top: 48px;
}
.pt-56 {
  padding-top: 56px;
}
.popup-img {
  margin: 0 auto;
  display: block;
}
.page-title {
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  padding-bottom: 20px;
  position: relative;
  margin: 0 auto 20px;
}
.page-title:after {
  position: absolute;
  content: "";
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: #4b2c11;
  width: 60px;
  height: 4px;
  pointer-events: none;
}
.page-title.noline:after {
  display: none;
}
@media only screen and (min-width: 860px) {
  .page-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) {
  .page-title {
    font-size: 48px;
  }
}
.page-subtitle {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  margin: 0 auto 20px;
}
@media only screen and (min-width: 860px) {
  .page-subtitle {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) {
  .page-subtitle {
    font-size: 24px;
  }
}
.title-more {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
}
@media only screen and (min-width: 860px) {
  .title-more {
    font-size: 24px;
    text-align: left;
  }
}
.text-container {
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
}
.text-container h1,
.text-container h2 {
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  margin: 20px 0;
}
.text-container ul li {
  list-style: disc inside;
}
.text-container a {
  color: #cda664;
}
.text-container .btn {
  color: #4b2c11;
}
.text-container table {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  border-collapse: collapse;
}
.text-container table th {
  font-weight: bold;
  background: #eee;
}
.text-container table th,
.text-container table td {
  text-align: left;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-collapse: collapse;
  vertical-align: top;
  padding: 8px;
}
@media only screen and (min-width: 992px) {
  .text-container table th,
  .text-container table td {
    padding: 8px 24px 8px 8px;
  }
}
.text-container table p {
  margin: 0;
}
@media only screen and (max-width: 859px) {
  .text-container img {
    height: auto !important;
  }
  .text-container .table-wrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 360px) {
  .text-container {
    font-size: 14px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 992px) {
  .text-container {
    font-size: 18px;
  }
  .text-container h1,
  .text-container h2 {
    font-size: 24px;
    margin: 40px 0;
  }
}
.text-meta {
  font-size: 12px;
  color: #9b9b9b;
}
.load-more-btn {
  clear: both;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 26, 2018, 3:44:32 PM
    Author     : mv
*/
.error-msg {
  background: #fab6b6;
  text-align: center;
  padding: 16px;
}
.invisible {
  display: none;
}
.clear {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.invisible {
  display: none;
}
.bg-gray {
  background: #efeeee;
}
.bg-error {
  background: #cd323f;
}
.position-relative {
  position: relative;
}
.position-absolute-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.content-container {
  min-height: calc(100vh - 128px - 80px);
}
.color-white {
  color: white;
}
.color-main {
  color: #BD8647;
}
.color-text {
  color: #4b2c11;
}
.color-text-light {
  color: #cda664;
}
.color-error {
  color: #cd323f;
}
.spacer {
  height: 8px;
}
.spacer-2 {
  height: 16px;
}
.container {
  margin: 0 auto;
}
.mr {
  margin-right: 8px;
}
.ma {
  margin: 0 auto;
}
.mb {
  margin-bottom: 8px;
}
.mb-2 {
  margin-bottom: 16px;
}
.mb-4 {
  margin-bottom: 32px;
}
.pl {
  padding-left: 8px;
}
.pl-2 {
  padding-left: 16px;
}
.pl-4 {
  padding-left: 32px;
}
.pr {
  padding-right: 8px;
}
.pr-2 {
  padding-right: 16px;
}
.pr-4 {
  padding-right: 32px;
}
.pt {
  padding-top: 8px;
}
.pt-2 {
  padding-top: 16px;
}
.pt-4 {
  padding-top: 32px;
}
.pb {
  padding-bottom: 8px;
}
.pb-2 {
  padding-bottom: 16px;
}
.pb-4 {
  padding-bottom: 32px;
}
.pb-8 {
  padding-bottom: 64px;
}
.pa {
  padding: 8px;
}
.pa-2 {
  padding: 16px;
}
.pa-4 {
  padding: 32px;
}
.position-relative {
  position: relative;
}
.height-100 {
  height: 100%;
}
.vm,
.vertical-middle {
  display: flex;
  align-items: center;
  height: 100%;
}
.vm-column {
  flex-direction: column;
  justify-content: center;
}
.img-centered {
  display: block;
  margin: 0 auto;
}
.img-full-size {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.img-border {
  border: 3px solid #fff;
}
.img-round {
  border-radius: 50%;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-small {
  font-size: 12px;
}
.text-center {
  text-align: center;
}
.d-inline-flex {
  display: inline-flex;
}
.g-8 {
  gap: 8px;
}
.g-24 {
  gap: 24px;
}
.ai-center {
  align-items: center;
}
.fs-22 {
  font-size: 22px;
}
.flg-1 {
  flex-grow: 1;
}
.tt-uppercase {
  text-transform: uppercase;
}
/*
.icn{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: no-repeat center;
	background-size: contain;

	&.icn-basket{
		background-image: url(/images/icn-basket.svg);
	}
	
	&.icn-lang-pt{
		background-image: url(/images/icn-lang-pt.svg);
	}
	
	&.icn-menu{
		background-image: url(/images/icn-menu.svg);
	}
}*/
.d-flex {
  display: flex;
}
.g-16 {
  gap: 16px;
}
.link-stretched::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jan 31, 2020, 11:43:17 AM
    Author     : mv
*/
#cookie-law {
  z-index: 1000;
}
#cookie-law .alert {
  background: transparent;
}
#cookie-law {
  text-align: center;
  background-color: #f9f1ea;
  font-size: 12px;
  position: fixed;
  z-index: 9999;
  padding: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  color: #4b2c11;
}
#cookie-law .text {
  margin-bottom: 8px;
}
#cookie-law .btns {
  display: flex;
  gap: 8px;
  flex-direction: column;
  max-width: 200px;
  margin: 0 auto;
}
@media only screen and (min-width: 860px) {
  #cookie-law .btns {
    flex-direction: row;
    max-width: none;
    justify-content: center;
  }
}
#cookie-law .btn {
  width: auto;
  height: auto;
  min-width: 80px;
  padding: 0 10px;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  text-shadow: none;
  opacity: 1;
  background: #262121;
  color: #f0dab6;
  border: 0;
  font-family: inherit;
  margin: 0 4px;
  display: inline-block;
}
#cookie-popup {
  font-family: Helvetica;
  font-size: 12px;
  line-height: 1.5;
  color: #333333;
}
#cookie-popup .popup-body {
  padding: 0;
}
#cookie-popup .cookie-popup-intro {
  padding: 24px;
  background-color: #ebebeb;
}
#cookie-popup .cookie-popup-intro:before,
#cookie-popup .cookie-popup-intro:after {
  content: " ";
  display: table;
}
#cookie-popup .cookie-popup-intro:after {
  clear: both;
}
#cookie-popup .cookie-popup-intro:before,
#cookie-popup .cookie-popup-intro:after {
  content: " ";
  display: table;
}
#cookie-popup .cookie-popup-intro:after {
  clear: both;
}
#cookie-popup .cookie-popup-title {
  margin: 0;
  margin-bottom: 16px;
}
#cookie-popup .cookie-popup-text {
  margin-bottom: 16px;
}
#cookie-popup .f-left {
  float: left;
}
#cookie-popup .f-right {
  float: right;
}
#cookie-popup .ta-right {
  text-align: right;
}
#cookie-popup .form-cookie {
  padding: 24px;
  background-color: #fff;
}
#cookie-popup .form-cookie:before,
#cookie-popup .form-cookie:after {
  content: " ";
  display: table;
}
#cookie-popup .form-cookie:after {
  clear: both;
}
#cookie-popup .form-cookie:before,
#cookie-popup .form-cookie:after {
  content: " ";
  display: table;
}
#cookie-popup .form-cookie:after {
  clear: both;
}
#cookie-popup .pt-24 {
  padding-top: 24px;
}
#cookie-popup .cookie-option {
  font-size: 11px;
  line-height: 18px;
  display: block;
  padding: 8px;
  border-bottom: 1px solid #d8d8d8;
}
#cookie-popup .cookie-option:first-of-type {
  border-top: 1px solid #d8d8d8;
}
#cookie-popup .cookie-option img,
#cookie-popup .cookie-option .checkbox {
  float: left;
  margin-right: 8px;
}
#cookie-popup .cookie-title {
  font-size: 12px;
  font-weight: bold;
}
#cookie-popup .cookie-title,
#cookie-popup .cookie-desc {
  margin-left: 34px;
}
#cookie-popup .btn {
  width: auto;
  padding: 0 20px;
  line-height: 20px;
  min-width: auto;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  text-shadow: none;
  opacity: 1;
  background-color: #333333;
  color: #fff;
  border: 0;
  font-family: inherit;
  margin-left: 8px;
  height: 28px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#cookie-popup .btn.is-outline {
  color: #333;
  border: 2px solid currentColor;
  background: transparent;
}
#cookie-popup .btn.is-trans {
  color: inherit;
  background: transparent;
  border-color: transparent;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 12, 2017, 5:02:53 PM
    Author     : mv
*/
/*@import 'mv_mixins.less';*/
.mv-error-handling.is-shown {
  left: 0;
}
.mv-error-handling.is-shown .mv-error-more {
  display: block;
}
.mv-error-handling {
  background: #eee;
  white-space: pre-wrap;
  line-height: 18px;
  font-size: 13px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  border: 1px solid #ddd;
  text-align: left;
}
.mv-error-handling .c-error {
  color: red !important;
}
.mv-error-header {
  font-size: 16px;
  padding: 8px;
  cursor: pointer;
  padding-right: 36px;
}
.mv-error-close {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #eee;
  border: 1px solid #ddd;
  padding: 0;
  margin: 0;
  display: block;
  width: 24px;
  height: 24px;
  text-align: center;
  font-family: sans-serif;
  border-radius: 12px;
  line-height: 24px;
  transition: ease-in-out 300ms;
  cursor: pointer;
}
.mv-error-close:hover {
  background: #fff;
}
.mv-error-more {
  display: none;
  max-height: 400px;
  overflow: auto;
}
.mv-error-section {
  padding: 8px;
  margin-bottom: 16px;
}
.mv-error-title {
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}
.mv-error {
  padding: 2px 0;
  font-family: Courier, monospace;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Nov 23, 2020, 12:01:04 PM
    Author     : mv
*/
.mv-pixelperfect {
  position: absolute;
  z-index: 9999999999999;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.mv-pixelperfect.is-shown .mv-pixelperfect-imgs {
  display: block;
}
.mv-pixelperfect.is-shown .mv-pixelperfect-toolbar input,
.mv-pixelperfect.is-shown .mv-pixelperfect-toolbar button,
.mv-pixelperfect.is-shown .mv-pixelperfect-toolbar select {
  display: inline-block;
}
.mv-pixelperfect.is-shown .mv-pixelperfect-eye {
  margin-right: 16px;
}
.mv-pixelperfect-imgs {
  display: none;
  pointer-events: none;
}
.mv-pixelperfect-img {
  max-width: none;
  margin: 0 auto;
  display: none;
  opacity: 0.6;
}
@media only screen and (max-width: 859px) {
  .mv-pixelperfect-img.is-sm {
    display: block;
  }
}
@media only screen and (min-width: 860px) and (max-width: 992px) {
  .mv-pixelperfect-img.is-md {
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .mv-pixelperfect-img.is-lg {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .mv-pixelperfect-img.is-xl {
    display: block;
  }
}
.mv-pixelperfect-btn {
  background: #eee;
  border: 1px solid #ddd;
  padding: 0;
  margin-right: 8px;
  display: block;
  width: 24px;
  height: 24px;
  text-align: center;
  font-family: sans-serif;
  border-radius: 12px;
  line-height: 24px;
  transition: ease-in-out 300ms;
  cursor: pointer;
  display: none;
}
.mv-pixelperfect-eye {
  display: inline-block !important;
  margin-right: 0;
}
.mv-pixelperfect-toolbar {
  pointer-events: normal;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #eee;
}
.mv-pixelperfect-toolbar input {
  width: 60px;
  margin-right: 8px;
  display: none;
  height: 24px;
}
.mv-pixelperfect-select {
  display: none;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 12, 2018, 10:09:50 AM
    Author     : mv
*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #faf8f5;
}
@media only screen and (min-width: 1200px) {
  .header {
    position: absolute;
    background: transparent;
  }
}
.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  min-height: 67px;
}
@media only screen and (min-width: 1200px) {
  .header-container {
    padding: 8px 40px;
  }
}
@media only screen and (min-width: 1480px) {
  .header-container {
    padding: 8px 0;
  }
}
#sfe-logo {
  position: relative;
}
#sfe-logo .brand {
  width: 96px;
}
#sfe-logo .ribbon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.home #sfe-logo {
  display: none;
}
body.home #sfe-header {
  padding: 0;
  background: transparent;
}
body.home .header-container {
  justify-content: end;
}
body.home #sfe-main-menu {
  margin: 0 auto;
  padding: 32px 0;
}
@media only screen and (min-width: 1200px) {
  body.home #sfe-main-menu a:after {
    border-color: white;
  }
}
body.home #sfe-menu-btn {
  background: url("/images/icn-menu-white.svg?v=1");
}
#sfe-menu-btn {
  outline: none;
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
  background: url("/images/icn-menu-brown.svg?v=1") no-repeat center;
  border: 0;
  cursor: pointer;
  transition: all linear 300ms;
  /*	.responsive-wider-than(@breakpoint-sm, {
		margin-top: 24px;
	});*/
}
@media only screen and (min-width: 1200px) {
  #sfe-menu-btn {
    display: none;
  }
}
#sfe-main-menu {
  /*	.responsive-narrow-than(@breakpoint-lg, {
		.main{
			margin-top: 134px;
		}
	});*/
}
#sfe-main-menu a {
  line-height: 40px;
  display: inline-block;
  height: 40px;
  color: #4b2c11;
}
#sfe-main-menu .sub {
  background: #faf8f5;
  padding: 90px 0 15px;
  text-align: left;
  display: none;
}
#sfe-main-menu .sub .sub-group {
  margin-bottom: 16px;
}
#sfe-main-menu .sub .cat,
#sfe-main-menu .sub a {
  font-size: 16px;
  color: #4b2c11;
  line-height: 34px;
}
#sfe-main-menu .sub .cat {
  padding-top: 32px;
  text-transform: uppercase;
}
#sfe-main-menu .sub .cat:first-child {
  padding-top: 0;
}
#sfe-main-menu .sub.active {
  display: block;
}
@media only screen and (min-width: 1200px) {
  #sfe-main-menu {
    padding: 30px 0;
    text-align: right;
  }
  #sfe-main-menu a {
    position: relative;
    margin: 0 10px;
    font-size: 1.3rem;
  }
  #sfe-main-menu a:after {
    margin: 0 auto;
    width: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #4b2c11;
    content: "";
    transition: width ease-in-out 300ms;
  }
  #sfe-main-menu a:hover:after {
    width: 100%;
  }
  #sfe-main-menu a.special-home {
    display: none;
  }
  #sfe-main-menu a.special-visit {
    transition: color 300ms ease-in-out, background 300ms ease-in-out;
    margin: 0;
    padding: 0 10px;
    border: solid 1px #4b2c11;
  }
  #sfe-main-menu a.special-visit:hover {
    color: #fff;
    background: #4b2c11;
  }
  #sfe-main-menu a.special-visit:after {
    display: none;
  }
  #sfe-main-menu a.special-visit:first-of-type {
    border-right: 0;
  }
  #sfe-main-menu a.special-wineries {
    /*display: none;*/
  }
}
@media only screen and (min-width: 1400px) {
  #sfe-main-menu a {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1600px) {
  #sfe-main-menu a {
    font-size: 1.6rem;
    margin: 0 10px;
  }
}
@media only screen and (max-width: 1199px) {
  #sfe-main-menu {
    text-align: right;
    background-color: #faf8f5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateX(100%);
    transition: all ease-in-out 300ms;
  }
  #sfe-main-menu .cat,
  #sfe-main-menu a {
    border: 0;
    display: block;
    color: #4b2c11;
    font-size: 32px;
    line-height: 1.5;
    height: auto;
    text-transform: none;
    padding: 0 20px;
  }
  #sfe-main-menu .main {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin-top: 64px;
  }
  #sfe-main-menu .sub {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    left: 100%;
    width: 80%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
#sfe-main-menu .social {
  float: right;
  padding-right: 20px;
}
#sfe-main-menu .social a {
  padding: 10px 0;
  display: inline-block;
}
#sfe-main-menu .social a .fa {
  width: 32px;
  height: 32px;
  background: #4b2c11;
  clear: right;
  border-radius: 16px;
  line-height: 32px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  display: block;
  padding: 0;
}
body.open-menu {
  overflow: hidden;
}
body.open-menu #sfe-menu-btn {
  background: url("/images/icn-menu-brown.svg?v=1");
  transform: rotate(-225deg);
}
body.open-menu #sfe-main-menu {
  /*display: block;*/
  transform: translateX(0);
}
body.open-submenu #sfe-main-menu {
  transform: translateX(-80%);
}
body.open-submenu #sfe-main-menu .main {
  border-right: 1px solid #e2dbd5;
  opacity: 0.2;
}
body.open-fake-select {
  overflow: hidden;
}
main {
  min-height: 50vh;
}
main:before,
main:after {
  content: " ";
  display: table;
}
main:after {
  clear: both;
}
main:before,
main:after {
  content: " ";
  display: table;
}
main:after {
  clear: both;
}
.page-header {
  position: relative;
}
.page-header .page-subtitle {
  margin-bottom: 5px;
}
@media only screen and (min-width: 860px) {
  .page-header .page-subtitle {
    margin-bottom: 20px;
  }
}
.page-header.no-images {
  padding: 16px 0 32px;
}
@media screen and (orientation: portrait) and (max-width: 860px) {
  .page-header.one-image .titles,
  .page-header.multi-images .titles {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    text-align: center;
    color: #fff;
    padding: 25px;
    background: #4c3f32;
  }
  .page-header.one-image .page-subtitle,
  .page-header.multi-images .page-subtitle {
    /*margin-bottom: 5px;*/
  }
  .page-header.one-image .page-title,
  .page-header.multi-images .page-title {
    padding: 0;
    font-size: 32px;
    margin-bottom: 0;
  }
  .page-header.one-image .page-title:after,
  .page-header.multi-images .page-title:after {
    display: none;
  }
}
@media only screen and (max-height: 415px) {
  .page-header.one-image .titles,
  .page-header.multi-images .titles {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .page-header.one-image .page-subtitle,
  .page-header.multi-images .page-subtitle {
    font-size: 16px;
  }
  .page-header.one-image .page-title,
  .page-header.multi-images .page-title {
    font-size: 22px;
  }
}
.page-header.multi-images .titles {
  padding-bottom: 48px;
}
@media only screen and (max-width: 859px) {
  .page-header.no-images-sm .sfe-hero-slider {
    display: none;
  }
}
/*
 * With banners-top we need this 

#sfe-header{
	top: 52px;
	
	.responsive-wider-than(@breakpoint-md, {
		top: 54px;
	});
}

#sfe-main-menu .main{
	.responsive-narrow-than(@breakpoint-md, {
		margin-top: 100px;
	});
}
*/
.banners-top {
  display: flex;
  position: fixed;
  top: 0;
  z-index: 1;
  left: 0;
  right: 0;
  z-index: 101;
}
body.home .banners-top {
  position: relative;
}
.banner-top {
  text-align: center;
  padding: 16px 8px;
  flex-grow: 1;
  flex-basis: 0;
  background: #262121;
}
.banner-top div {
  display: inline-block;
  white-space: nowrap;
  color: #cda664;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  margin-right: 8px;
}
@media only screen and (max-width: 735px) {
  .banner-top div {
    font-size: 14px;
  }
}
@media only screen and (max-width: 320px) {
  .banner-top div {
    font-size: 13px;
  }
}
.banner-top a {
  font-size: 10px;
  padding: 2px 8px;
  color: #f0dab6;
  background: rgba(255, 255, 255, 0.2);
  transition: all ease-in-out 300ms;
}
.banner-top a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.4);
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 12, 2018, 11:24:52 AM
    Author     : mv
*/
#sfe-backtotop {
  position: fixed;
  bottom: -72px;
  right: 0;
  z-index: 50;
  transition: all ease-in-out 300ms;
}
#sfe-backtotop img {
  display: block;
}
#sfe-backtotop.visible {
  bottom: 0;
}
body.home #sfe-backtotop {
  display: none;
}
#sfe-footer {
  background: #261e1e;
  padding-bottom: 50px;
}
@media only screen and (min-width: 860px) {
  #sfe-footer {
    padding: 25px 0;
  }
}
#sfe-footer-brands {
  width: 100%;
  text-align: center;
  padding: 48px 60px;
  display: none;
}
#sfe-footer-brands a {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0 25px;
}
#sfe-footer-brands a:hover img {
  opacity: 1;
  transition: all ease-in-out 300ms;
}
#sfe-footer-brands img {
  opacity: 0.5;
  width: 80px;
}
@media only screen and (min-width: 860px) {
  #sfe-footer-brands {
    display: flex;
    justify-content: space-around;
    padding: 32px;
  }
}
html.objectfit #sfe-footer-brands a img {
  height: 80px;
}
/*
#sfe-footer-middle{
	padding: 50px 50px 75px;
	
	.responsive-larger-than(@breakpoint-md, {
		.col{
			width: 33.33%;
			float: left;
			text-align: center;
			.clearfix();
		}
	});
	
	.responsive-lower-than(@breakpoint-md, {
		display: flex;
		flex-direction: column;
		padding-bottom: 25px;
		
		.col-logo{
			order: -1;
		}
	});
}
*/
#sfe-footer-menu {
  font-size: 1.6rem;
  margin-bottom: 32px;
}
#sfe-footer-menu li {
  display: inline-block;
  margin: 0 5px;
}
#sfe-footer-menu a {
  color: rgba(255, 255, 255, 0.5);
}
#sfe-footer-menu a:hover {
  color: #fff;
}
@media only screen and (min-width: 860px) {
  #sfe-footer-menu {
    margin-bottom: 16px;
  }
}
/*
#sfe-footer-logo{
	opacity: .5;
	
	&:hover{
		opacity: 1;
		transition: @transition-default;
	}
	
	img{
		display: block;
		margin: 0 auto;
		height: 75px;
	}
}
*/
#sfe-footer-social {
  text-align: center;
  padding: 60px 0 20px;
}
#sfe-footer-social .wrapper {
  max-width: 220px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.3);
  color: #261e1e;
}
#sfe-footer-social .wrapper:before,
#sfe-footer-social .wrapper:after {
  content: " ";
  display: table;
}
#sfe-footer-social .wrapper:after {
  clear: both;
}
#sfe-footer-social .wrapper:before,
#sfe-footer-social .wrapper:after {
  content: " ";
  display: table;
}
#sfe-footer-social .wrapper:after {
  clear: both;
}
@media only screen and (max-width: 859px) {
  #sfe-footer-social .wrapper {
    display: inline-block;
  }
}
#sfe-footer-social .text {
  float: left;
  line-height: 32px;
  padding-left: 10px;
  display: none;
}
@media only screen and (min-width: 860px) {
  #sfe-footer-social .text {
    display: block;
  }
}
#sfe-footer-social .social-buttons {
  display: inline-flex;
  align-items: center;
  float: right;
}
#sfe-footer-social .social-buttons .fab {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  transition: all ease-in-out 300ms;
}
#sfe-footer-social .social-buttons .fab:hover {
  background: #fff;
}
@media only screen and (min-width: 860px) {
  #sfe-footer-social {
    padding-top: 0 ;
  }
}
/*
#sfe-footer-newsletter{
	padding-top: 32px;
	
	.newsletter-form{
		max-width: 220px;
		margin: 0 auto;
		.clearfix();
		color: @color-bg;
		height: 32px;
		
		.response, button, input{
			background: #686262;
			padding: 0 12px;
			font-size: 14px;
		}
		
		.start{
			&:hover{
				background: #fff;
				transition: @transition-default;
			}
		}
	}
	
}
*/
#sfe-footer-copyright {
  color: rgba(255, 255, 255, 0.5);
}
#sfe-footer-copyright a {
  transition: all ease-in-out 300ms;
}
#sfe-footer-copyright a:hover {
  color: #fff;
}
@media only screen and (max-width: 859px) {
  #sfe-footer-copyright .sep {
    display: block;
    opacity: 0;
  }
  #sfe-footer-copyright a {
    display: block;
  }
}
.newsletter-form {
  position: relative;
  font-size: 1.6rem;
  height: 40px;
  text-transform: uppercase;
  background: #fff;
  color: #9e9e9e;
  text-align: left;
}
.newsletter-form .response,
.newsletter-form button,
.newsletter-form input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 20px;
  line-height: 30px;
  border: 1px solid #9e9e9e;
}
.newsletter-form button {
  background: inherit;
  border: 0;
  cursor: pointer;
  z-index: 1;
}
.newsletter-form input:invalid {
  /*border:1px solid red;*/
}
.newsletter-form input:valid {
  /*border:1px solid green;*/
}
.newsletter-form input:active {
  /*border:1px solid gray;*/
}
.newsletter-form .response {
  border: 1px solid #fff;
  background: #454545;
  color: #fff;
  z-index: 2;
  display: none;
  white-space: nowrap;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 13, 2018, 4:27:20 PM
    Author     : mv
*/
.sidebar-menu {
  margin-bottom: 32px;
}
.sidebar-menu .cat,
.sidebar-menu a {
  display: block;
  line-height: 20px;
  transition: all ease-in-out 300ms;
  padding: 6px 0;
}
.sidebar-menu > a,
.sidebar-menu .cat {
  padding: 6px 4px;
}
.sidebar-menu > a:before {
  /*content: " · ";*/
}
.sidebar-menu a:hover,
.sidebar-menu a.active {
  background: rgba(205, 166, 100, 0.2);
}
.sidebar-menu .cat {
  padding-top: 32px;
}
.sidebar-menu .cat:first-child {
  padding-top: 0;
}
.sidebar-menu:last-child {
  margin-bottom: 0;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 13, 2018, 3:49:26 PM
    Author     : mv
*/
:root {
  --header-height: 68px;
}
@media only screen and (min-width: 1200px) {
  :root {
    --header-height: 214px;
  }
}
#sfe-page-wrapper {
  position: relative;
  padding: 68px 16px 104px;
}
@media only screen and (max-width: 1199px) {
  #sfe-page-wrapper {
    /*padding-top: 122px;*/
  }
}
#sfe-tpl-left {
  display: none;
  float: left;
  width: 96px;
  border-top: 1px solid #cda664;
  border-bottom: 1px solid #cda664;
  padding: 35px 0;
  position: sticky;
  top: 100px;
}
/*
.responsive-wider-than(@breakpoint-lg, {
	
	#sfe-header{
		padding: 40px 20px;
	}
	
	#sfe-logo .brand{
		width: 195px;
	}
	
	#sfe-tpl-left{
		width: 195px;
		display: block;
	}
	
	#sfe-tpl-right{
		margin-left: 200px + 30px;
	}
	
	#sfe-page-wrapper{
		padding: 204px 20px;
	}
	
	#sfe-menu-btn{
		margin-top: 40px;
	}
	
});
*/
@media only screen and (min-width: 992px) {
  #sfe-logo .brand {
    width: 180px;
  }
}
@media only screen and (min-width: 1300px) {
  #sfe-logo .brand {
    width: 240px;
  }
}
@media only screen and (min-width: 1200px) {
  #sfe-header {
    /*padding: 40px;*/
  }
  #sfe-logo .brand {
    /*		width: 240px;*/
  }
  #sfe-tpl-left {
    width: 240px;
    display: block;
  }
  #sfe-tpl-right {
    /*margin-left: 240px + 60px;*/
    float: left;
    width: calc(100% - 240px);
    padding-left: 60px;
  }
  #sfe-page-wrapper {
    /*padding: 164px 40px;*/
    padding: 160px 40px;
  }
  #sfe-menu-btn {
    margin-top: 50px;
  }
  body.open-menu #sfe-menu-btn {
    margin-top: 8px;
  }
  body.open-menu #sfe-main-menu .main {
    margin-top: 110px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 12, 2018, 12:29:39 PM
    Author     : mv
*/
.hp-slider.slick-slider {
  margin: 0;
}
@media only screen and (min-width: 800px) {
  .hp-slider .content {
    width: 800px;
  }
}
.slick-slider .item {
  position: relative;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  height: 100%;
}
.slick-slider .slick-dots {
  bottom: 10px;
  z-index: 3;
}
.slick-slider .slick-dots li {
  opacity: 0.2;
}
.slick-slider .slick-dots li button {
  background: #fff;
  height: 2px;
  padding: 0;
  outline: none;
  margin-top: 9px;
}
.slick-slider .slick-dots li button:before {
  display: none;
}
.slick-slider .slick-dots li.slick-active {
  opacity: 1;
}
.slick-slider .slick-arrow {
  background: url(/images/arrow-gold.svg) no-repeat;
  width: 32px;
  height: 32px;
}
.slick-slider .slick-arrow:before {
  display: none;
}
.slick-slider .slick-next {
  transform: rotate(180deg) translateY(16px);
  right: 0;
}
.slick-slider .slick-prev {
  left: 0;
}
@media only screen and (min-width: 860px) {
  .slick-slider .slick-slider .slick-dots {
    bottom: 70px;
  }
}
.objectfit .sfe-hero-slider .item .img-extra {
  object-fit: contain;
  height: 200px;
}
.sfe-hero-slider {
  height: calc(100vh - 84px);
}
.sfe-hero-slider .list {
  height: 100%;
  overflow: hidden;
}
.sfe-hero-slider .slick-initialized {
  overflow: visible;
}
.sfe-hero-slider .slick-dots {
  bottom: 16px;
}
.sfe-hero-slider .item {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.sfe-hero-slider .item img {
  width: 100%;
  height: 100%;
}
.sfe-hero-slider .item .img-extra-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
.sfe-hero-slider .item .img-extra {
  position: absolute;
  bottom: 44px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: auto;
  height: auto;
  z-index: 1;
  max-width: 200px;
  max-height: 200px;
  top: 50%;
  margin-top: -100px;
}
.sfe-hero-slider .item .caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 0 20px;
  /*			&.solid{
				padding: 25px;
				bottom:0;
				font-size: 32px;
				background: #4c3f32;
			}*/
}
.sfe-hero-slider .item .caption .page-subtitle {
  margin-bottom: 5px;
}
.sfe-hero-slider .btn-fullscreen {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  background: url(/images/icn-fullscreen.svg) no-repeat center;
  display: block;
  opacity: 0.5;
  transition: all ease-in-out 300ms;
  display: none;
}
.sfe-hero-slider .btn-fullscreen:hover {
  opacity: 1;
}
@media only screen and (min-width: 860px) {
  .sfe-hero-slider {
    height: 450px;
  }
  .sfe-hero-slider .item .caption {
    font-size: 18px;
    line-height: 24px;
    max-width: 800px;
    margin: 0 auto;
  }
  .sfe-hero-slider .slick-arrow {
    display: block;
  }
  .sfe-hero-slider .slick-prev {
    left: -32px;
  }
  .sfe-hero-slider .slick-next {
    right: -32px;
  }
  .sfe-hero-slider .btn-fullscreen {
    display: block;
  }
}
.sfe-item-slider {
  /*height: ~"calc(100vh - 84px)";*/
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.sfe-item-slider .item {
  padding: 30px;
  position: relative;
}
.sfe-item-slider .title {
  font-size: 20px;
  margin-bottom: 8px;
}
.sfe-item-slider .subtitle {
  font-size: 16px;
  text-transform: uppercase;
  color: #cda664;
  margin-bottom: 16px;
}
.sfe-item-slider img {
  width: auto;
  height: 227px;
  object-fit: cover;
  margin: 0 auto;
}
.sfe-item-slider .text {
  padding-top: 32px;
  line-height: 24px;
}
.sfe-item-slider .slick-prev,
.sfe-item-slider .slick-next {
  top: 192px;
  z-index: 100;
  width: 32px;
  height: 32px;
  background-size: cover;
  opacity: 0.5;
}
.sfe-item-slider .slick-prev:hover,
.sfe-item-slider .slick-next:hover {
  opacity: 1;
}
.sfe-item-slider .slick-prev:before,
.sfe-item-slider .slick-next:before {
  display: none;
}
.sfe-item-slider .slick-prev {
  left: 20px;
  background-image: url(/images/arrow-dark.svg);
}
.sfe-item-slider .slick-next {
  right: 20px;
  background-image: url(/images/arrow-dark.svg);
  transform: rotate(180deg) translateY(16px);
}
@media only screen and (min-width: 860px) {
  .sfe-item-slider {
    text-align: left;
  }
  .sfe-item-slider .text,
  .sfe-item-slider .title,
  .sfe-item-slider .subtitle {
    margin-left: 280px;
  }
  .sfe-item-slider .text {
    margin-right: 60px;
  }
  .sfe-item-slider .title {
    /*padding-top: 30px;*/
    font-size: 24px;
  }
  .sfe-item-slider .subtitle {
    font-size: 18px;
  }
  .sfe-item-slider img {
    position: absolute;
    top: 32px;
    left: 32px;
    width: 160px;
    height: 380px;
    object-fit: contain;
    margin: 0 60px 0;
  }
  .sfe-item-slider .slick-prev,
  .sfe-item-slider .slick-next {
    /*top: 50%;*/
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 4, 2017, 11:38:11 AM
    Author     : mv
*/
.checkbox {
  cursor: pointer;
  display: flex;
  position: relative;
  line-height: 18px;
  /*Checkmark of the fake checkbox*/
  /*Hide the checkmark by default*/
  /*Unhide on the checked state*/
  /*Adding focus styles on the outer-box of the fake checkbox*/
  /* HTML5 Error */
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-fake {
  position: relative;
  display: inline-block;
  line-height: 18px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  border: solid 1px #979797;
  background: #fff;
}
.checkbox .checkbox-text,
.checkbox .checkbox-txt {
  padding-left: 8px;
}
.checkbox .checkbox-fake::after {
  position: absolute;
  content: "";
  /*Needed for the line-height to take effect*/
  display: inline-block;
}
.checkbox .checkbox-fake::after {
  height: 5px;
  width: 12px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 1px;
  top: 3px;
  color: #979797;
}
.checkbox .checkbox-input + .checkbox-fake::after {
  content: none;
}
.checkbox .checkbox-input:checked + .checkbox-fake::after {
  content: "";
}
.checkbox .checkbox-input:focus + .checkbox-fake {
  outline: #979797 auto 1px;
}
.checkbox .checkbox-input:invalid + .checkbox-fake {
  box-shadow: 0 0 3px red;
}
.checkbox .checkbox-input[disabled] + .checkbox-fake {
  border: solid 2px #aaa;
}
.checkbox .checkbox-input[disabled] + .checkbox-fake:after {
  content: "";
  background: #aaa;
}
.fake-checkbox {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: solid 1px rgba(115, 89, 68, 0.5);
}
.fake-checkbox.is-active {
  border-color: #735944;
  background: #735944;
  position: relative;
}
.fake-checkbox.is-active::after {
  position: absolute;
  content: "";
  height: 3px;
  width: 8px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: #fff;
  transform: rotate(-45deg);
  left: 1px;
  top: 2px;
  color: #979797;
}
.images-popup .images-wrapper {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.images-popup .images {
  width: 100%;
  height: calc(100% - 64px - 64px);
  /*height: ~"calc(100% - 290px)";*/
  margin: 0 auto;
}
.images-popup .images img {
  width: 100%;
  height: 100%;
}
.images-popup .slick-arrow {
  background-image: url(/images/arrow-white.svg);
  bottom: -74px;
  top: auto;
}
.images-popup .slick-prev {
  right: 50%;
  left: auto;
  margin-right: 10px;
}
.images-popup .slick-next {
  left: 50%;
  right: auto;
  margin-left: 10px;
}
.images-popup .slick-dots {
  bottom: -24px;
}
.basic-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: -1;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity ease-in-out 300ms;
}
.basic-popup.show {
  pointer-events: all;
  z-index: 9999;
  opacity: 1;
}
.basic-popup .overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.basic-popup .close {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  background: url(/images/icn-close-white.svg) no-repeat center;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: block;
  opacity: 0.8;
}
.basic-popup .close:hover {
  opacity: 1;
}
.basic-popup .content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.basic-popup .content .video-wrapper {
  width: 100%;
}
.basic-popup .content .video-wrapper iframe {
  width: 100%;
  border: 0;
  height: calc(100% - 64px - 64px);
}
#age-check-form {
  position: relative;
  margin: 0 auto;
  max-width: 800px;
  top: 25%;
  text-align: center;
  padding: 60px 96px;
  color: #4e4e4e;
  background: rgba(255, 255, 255, 0.95);
}
#age-check-form img {
  width: 200px;
}
#age-check-form .title {
  font-size: 42px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.33;
  text-align: center;
  color: #4a4a4a;
}
#age-check-form .text {
  padding: 40px 0;
  font-size: 28px;
  font-weight: 500;
}
@media only screen and (max-width: 859px) {
  #age-check-form .text {
    font-size: 20px;
  }
}
#age-check-form .actions label {
  padding-top: 45px;
  display: inline-block;
  line-height: 20px;
  font-size: 18px;
  font-weight: 500;
}
#age-check-form .actions label input {
  height: auto;
}
@media only screen and (max-width: 859px) {
  #age-check-form .actions label {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  #age-check-form {
    top: 5%;
    max-width: 90%;
    padding: 20px;
    bottom: 5%;
    left: 0;
    right: 0;
    height: 90%;
    overflow: auto;
  }
  #age-check-form .text {
    padding: 20px 0;
  }
  #age-check-form .btn {
    min-width: 0;
  }
  #age-check-form img {
    max-width: 100%;
  }
}
#book-now-popup.show {
  display: flex !important;
  align-items: center;
}
#book-now-popup .overlay {
  background: rgba(0, 0, 0, 0.8);
}
#book-now-popup .close {
  background-image: url(/images/icn-close-dark.svg);
}
#book-now-popup .img img {
  width: 100%;
}
#book-now-popup .text {
  text-align: center;
  color: #4a4a4a;
  background: #fff;
  min-height: calc(100% - 252px - 16px);
  padding: 16px 32px;
}
#book-now-popup .sep {
  margin: 16px  auto;
  width: 190px;
  border-bottom: 1px solid #BD8647;
}
#book-now-popup .big {
  font-size: 16px;
  line-height: 20px;
  margin: 16px 0;
}
#book-now-popup .btn {
  display: block;
  max-width: 200px;
  padding: 12px 0;
  margin: 16px auto 0;
  background: #cda664;
  text-transform: uppercase;
  color: #fff;
  border: 0;
}
@media only screen and (max-width: 859px) {
  #book-now-popup .content {
    padding: 16px;
  }
  #book-now-popup .img {
    height: 252px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 860px) {
  #book-now-popup .content {
    width: 742px;
    height: 432px;
    margin: 48px auto;
  }
  #book-now-popup .content:before,
  #book-now-popup .content:after {
    content: " ";
    display: table;
  }
  #book-now-popup .content:after {
    clear: both;
  }
  #book-now-popup .content:before,
  #book-now-popup .content:after {
    content: " ";
    display: table;
  }
  #book-now-popup .content:after {
    clear: both;
  }
  #book-now-popup .img {
    float: left;
    width: 340px;
  }
  #book-now-popup .text {
    box-sizing: border-box;
    float: left;
    width: 370px;
    height: 100%;
    padding: 48px;
  }
  #book-now-popup .close {
    top: 0px;
    right: 32px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 13, 2018, 12:50:14 PM
    Author     : mv
*/
.btns {
  /*.clearfix();*/
  display: flex;
}
.btns .sep {
  margin: 8px 0;
  height: 32px;
  border-left: 1px solid rgba(205, 166, 100, 0.5);
}
.btns .btn {
  border: 0;
  padding: 12px 5px;
  display: block;
  border-left-width: 0;
  box-shadow: none;
}
.btns .btn:first-child {
  border-left-width: 1px;
}
.btns .btn:hover {
  box-shadow: none;
  color: #93733d;
}
.grouped-btns {
  max-width: 720px;
  margin: 0 auto;
}
.grouped-btns .sep {
  margin: 8px 0;
  height: 32px;
  border-left: 1px solid rgba(205, 166, 100, 0.5);
}
.grouped-btns .btn {
  padding: 12px 20px;
  display: block;
  margin-bottom: 16px;
}
@media only screen and (min-width: 860px) {
  .grouped-btns {
    display: flex;
  }
  .grouped-btns .btn {
    flex: 1;
    border-left-width: 0;
  }
  .grouped-btns .btn:first-child {
    border-left-width: 1px;
  }
  .grouped-btns .btn:hover {
    border-color: rgba(75, 44, 17, 0.25);
  }
}
.btn {
  cursor: pointer;
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
  background: transparent;
  border: 1px solid rgba(75, 44, 17, 0.25);
  color: #4b2c11;
  padding: 12px 20px;
  transition: all ease-in-out 300ms;
  text-align: center;
  white-space: nowrap;
}
.btn.multiline {
  white-space: normal;
  min-height: 48px;
  height: auto;
}
.btn.white {
  background: #fff;
}
.btn:hover {
  border-color: rgba(75, 44, 17, 0.6);
  box-shadow: 0 4px 0 rgba(75, 44, 17, 0.1);
}
@media only screen and (min-width: 860px) {
  .btn {
    font-size: 22px;
    padding: 12px 100px;
  }
  .btn.block {
    width: 100%;
    padding: 32px 100px;
  }
}
.btn[disabled] {
  cursor: default;
  background: #ddd !important;
  border-color: #ccc !important;
}
.btn[disabled]:hover {
  box-shadow: none !important;
}
.btn-readmore {
  position: relative;
  text-align: center;
  padding: 50px 0;
}
.btn-readmore .text {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}
.btn-readmore .btn {
  background: #faf8f5;
  position: relative;
  z-index: 1;
}
.btn-readmore:after {
  border-bottom: 1px solid rgba(75, 44, 17, 0.25);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 74px;
  transition: all ease-in-out 300ms;
}
.btn-readmore:hover:after {
  border-bottom: 1px solid rgba(75, 44, 17, 0.6);
}
.btn-video {
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  padding: 8px 16px;
  line-height: 32px;
  font-size: 18px;
  display: inline-block;
  text-transform: uppercase;
  margin: 0 auto;
}
.btn-video img {
  float: left;
  margin-right: 8px;
}
.btn-scroll {
  width: 14px;
  height: 14px;
  margin: 0 auto;
  background: url(/images/icn-scrollarrow.svg) no-repeat center;
  position: absolute;
  bottom: -14px;
  left: 0;
  right: 0;
}
.btn-solid {
  color: #fff;
  /*font-family: @font;*/
  padding: 8px 16px 12px;
  background-color: #3c2314;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  text-transform: uppercase;
  text-decoration: none;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 15, 2018, 3:24:56 PM
    Author     : mv
*/
.icn-menu {
  text-align: center;
}
.icn-menu a {
  margin: 0 4px;
  opacity: 0.5;
  transition: all ease-in-out 300ms;
}
.icn-menu a.active,
.icn-menu a:hover {
  opacity: 1;
}
.icn {
  display: inline-block;
  background: no-repeat center;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.icn.icn-viewmode-thumbs {
  /*.icon-replace-color('images/viewmode-thumbs.svg', #fff, @color-dark);*/
  background-image: url(/images/viewmode-thumbs.svg);
}
.icn.icn-viewmode-list {
  background-image: url(/images/viewmode-list.svg);
}
.icn.icn-viewmode-map {
  background-image: url(/images/viewmode-map.svg);
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 13, 2018, 2:36:55 PM
    Author     : mv
*/
.filter-form {
  margin-bottom: 16px;
}
.fake-select {
  background: #fff;
  position: relative;
}
.fake-select .selected {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
  font-size: 16px;
  line-height: 32px;
  padding: 4px 16px;
  color: #261e1e;
  border: 0;
  height: 40px;
  display: block;
}
.fake-select .fa {
  position: absolute;
  right: 16px;
  top: 8px;
  font-size: 24px;
  pointer-events: none;
}
.fake-select .popup {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  max-height: 400px;
  overflow: auto;
  z-index: 1;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
}
.fake-select .popup a {
  width: 100%;
  font-size: 16px;
  line-height: 32px;
  padding: 4px 16px;
  color: #261e1e;
  border: 0;
  height: 40px;
  display: block;
}
.fake-select.open {
  position: fixed;
  left: 16px;
  right: 16px;
  top: 16px;
  z-index: 999999999;
}
.fake-select.open .popup {
  display: block;
}
.fake-select.open .selected {
  top: 16px;
}
.sfe-select {
  background: #fff;
  position: relative;
}
.sfe-select .fa {
  position: absolute;
  right: 16px;
  top: 8px;
  font-size: 24px;
  pointer-events: none;
}
.sfe-select select {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
  font-size: 16px;
  line-height: 32px;
  padding: 4px 16px;
  color: #261e1e;
  border: 0;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input,
textarea,
select {
  display: block;
  width: 100%;
  font-size: 18px;
  padding: 15px;
  line-height: 20px;
  border: 0;
  border-bottom: 1px solid #cdc3ba;
  background: transparent;
  color: #4b2c11;
}
.basic-form {
  max-width: 640px;
  margin: 0 auto;
}
.basic-form .form-group {
  margin-bottom: 24px;
}
.basic-form .btn {
  min-width: 220px;
}
.basic-form .alert {
  font-size: 18px;
  padding-bottom: 20px;
  display: block;
  text-align: center;
}
.basic-form .alert.hide {
  display: none;
}
.basic-form .alert-success {
  color: green;
}
.basic-form .alert-danger {
  color: #b71e3c;
}
.basic-form .g-recaptcha {
  display: block;
  margin: 0 auto;
  width: 304px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 15, 2018, 3:49:48 PM
    Author     : mv
*/
.block {
  background-color: #ffffff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
}
.block .block-title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
}
.block .block-subtitle {
  padding: 20px 0;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}
.block hr {
  margin: 20px auto;
}
.block-padding {
  padding: 30px;
}
.block-padding .map {
  margin: 0 -30px -30px;
}
@media only screen and (min-width: 860px) {
  .block-padding {
    padding: 48px;
  }
  .block-padding .map {
    margin: 0 -48px -48px;
  }
}
.block-links {
  text-align: center;
  padding: 50px 20px;
}
.block-links hr {
  margin: 35px auto;
}
.block-links a {
  font-size: 16px;
  line-height: 24px;
  padding: 4px 0;
  display: block;
}
.block-links a:hover {
  color: #93733d;
}
@media only screen and (min-width: 860px) {
  .block-links {
    float: left;
    width: calc(50% - 8px);
    margin: 0 8px;
    margin-bottom: 16px;
    /*		&:last-child{
			margin-right: 0;
		}*/
  }
  .block-links:nth-child(2n-1) {
    margin-left: 0;
  }
  .block-links:nth-child(2n) {
    margin-right: 0;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 15, 2018, 4:39:41 PM
    Author     : mv
*/
.item-detail-map {
  height: calc(100vh - 100px);
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 14, 2018, 5:14:01 PM
    Author     : mv
*/
html.objectfit .image-item-list img {
  width: 100%;
}
.image-item-list {
  position: relative;
  height: 184px;
}
.image-item-list img {
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  max-width: none;
}
.image-item-list .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  z-index: 2;
  transition: all ease-in-out 300ms;
}
.image-item-list:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, rgba(130, 87, 39, 0), #4b2c11);
  content: "";
  transition: all ease-in-out 300ms;
}
@media only screen and (min-width: 736px) {
  .image-item-list {
    float: left;
    width: 33.33%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    height: 160px;
    margin-bottom: 0;
  }
  .image-item-list .caption {
    font-size: 20px;
  }
  .image-item-list:nth-child(3n+1) {
    border-left: 0;
  }
}
.image-item-list:hover {
  /*.caption,*/
}
.image-item-list:hover:after {
  opacity: 0;
}
.image-item-list.solid {
  /*	
	// 6 images per row, abandoned in 2019-01
	.responsive-wider-than(@breakpoint-xl, {
		width:16.66%;

		&:nth-child(6n+1){
			border-left:0;
		}
	});
	*/
}
.image-item-list.solid:after {
  background-blend-mode: color;
  background-image: none;
  background-color: rgba(75, 44, 17, 0.8);
  transition: all ease-in-out 300ms;
}
.image-item-list.solid img {
  filter: grayscale(100%);
  transition: all ease-in-out 300ms;
}
.image-item-list.solid .caption,
.image-item-list.solid:after {
  opacity: 1;
}
.image-item-list.solid:hover:after {
  background-color: rgba(75, 44, 17, 0.4);
}
.image-item-list.solid:hover img {
  filter: none;
}
@media only screen and (min-width: 736px) {
  .image-item-list.solid {
    float: left;
    width: 50%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    height: 160px;
    margin-bottom: 0;
  }
  .image-item-list.solid .caption {
    font-size: 20px;
  }
}
@media only screen and (min-width: 736px) and (max-width: 860px) {
  .image-item-list.solid:nth-child(2n+1) {
    border-left: 0;
  }
}
@media only screen and (min-width: 860px) {
  .image-item-list.solid {
    width: 33.33%;
  }
}
@media only screen and (min-width: 860px) and (max-width: 992px) {
  .image-item-list.solid:nth-child(3n+1) {
    border-left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .image-item-list.solid {
    width: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .image-item-list.solid:nth-child(4n+1) {
    border-left: 0;
  }
}
.image-item-list.centered {
  height: 200px;
  overflow: hidden;
  margin-bottom: 16px;
}
.image-item-list.centered .caption {
  position: static;
  font-size: 22px;
}
.image-item-list.centered .caption hr {
  padding-top: 12px;
}
.image-item-list.centered .vm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  z-index: 2;
}
@media only screen and (min-width: 736px) {
  .image-item-list.centered {
    height: 327px;
    margin-bottom: 0;
  }
}
.image-item-list.small {
  height: 120px;
  margin-bottom: 16px;
}
.image-item-list.small .caption {
  font-size: 20px;
}
@media only screen and (min-width: 860px) {
  .image-item-list.small {
    height: 120px;
    margin-left: 16px;
    width: calc(33.33% - 16px);
  }
}
@media only screen and (min-width: 860px) {
  .image-item-list-wrapper {
    margin-left: -16px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 15, 2018, 10:57:39 AM
    Author     : mv
*/
.image-cta {
  height: 100vh;
  position: relative;
}
.image-cta .main {
  height: 100%;
  width: 100%;
  background: no-repeat center;
  background-size: cover;
}
.image-cta .vm {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.image-cta .wrapper {
  width: 100%;
  text-align: center;
  padding: 0 40px;
}
.image-cta .title {
  font-size: 42px;
  color: #fff;
}
.image-cta .btn {
  min-width: 200px;
}
.image-cta:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
  background-blend-mode: multiply;
  background: #4b2c11;
  opacity: 0.5;
}
@media only screen and (min-width: 860px) {
  .image-cta {
    height: 450px;
  }
  .image-cta .title {
    margin-bottom: 40px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 20, 2018, 10:48:33 AM
    Author     : mv
*/
.content-menu {
  border-top: 1px solid #cda664;
  border-bottom: 1px solid #cda664;
  padding: 30px 0;
  text-align: center;
}
.content-menu h3 {
  display: block;
  line-height: 20px;
  padding: 6px 4px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
}
.content-menu a {
  display: block;
  line-height: 20px;
  padding: 6px 4px;
  transition: all ease-in-out 300ms;
}
.content-menu a:hover {
  background: #cda664;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 20, 2018, 4:35:44 PM
    Author     : mv
*/
.map {
  height: 392px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 22, 2018, 3:03:24 PM
    Author     : mv
*/
@media only screen and (min-width: 1200px) {
  body.animation #sfe-header,
  body.animation #sfe-main-menu {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.animation #sfe-header {
    position: fixed;
    width: 100%;
    height: 160px;
    background: #faf8f5;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
  }
  body.animation #sfe-header .container {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  body.animation #sfe-logo {
    /*			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -55px;*/
  }
  body.animation #sfe-main-menu {
    /*			position: absolute;
			top:50%;
			margin-top: -20px;
			right: 0;*/
  }
  body.animation #sfe-header.small {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.4) !important;
    height: 80px !important;
  }
  body.animation #sfe-header.small .ribbon {
    opacity: 0 !important;
  }
  body.animation.open-header-small {
    /*			#sfe-tpl-left{
				position: fixed;
				top:120px;
			}*/
    /*			#sfe-tpl-left.align-bottom{
				position: absolute;
				bottom:85px;
				top: auto;
			}*/
  }
}
@media only screen and (min-width: 1200px) {
  body.animation #sfe-logo {
    margin-top: -10px;
  }
}
/*	FOOTER GOES HERE */
@media only screen and (min-width: 992px) {
  body.animation #sfe-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 530px;
    z-index: 0;
  }
  body.animation #sfe-page-wrapper {
    background: #faf8f5;
    margin-bottom: 530px;
    position: relative;
    z-index: 1;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 2, 2018, 6:26:40 PM
    Author     : mv
*/
.ui-datepicker {
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  padding: 10px;
}
.ui-datepicker .ui-datepicker-header {
  padding-bottom: 30px;
  position: relative;
}
.ui-datepicker .ui-datepicker-title {
  font-size: 16px;
  text-align: left;
  color: #4b2c11;
}
.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 0;
  right: 40px;
}
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0;
  right: 0;
}
.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.21;
  text-align: center;
  color: rgba(52, 72, 94, 0.54);
  line-height: 28px;
}
.ui-datepicker .ui-datepicker-calendar td {
  width: 14.28%;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  line-height: 28px;
}
.ui-datepicker .ui-datepicker-calendar td a {
  display: block;
  height: 28px;
  width: 28px;
  border-radius: 14px;
  margin: 0 auto;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
  opacity: 0.2;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
  background: #BD8647;
  color: #fff;
  font-weight: bold;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 8, 2018, 6:35:05 PM
    Author     : mv
*/
.item-table {
  display: grid;
  width: 100%;
  grid-template-columns: auto;
  grid-column-gap: 16px;
  margin-bottom: 48px;
}
.item-table .item {
  background-color: #ffffff;
  margin-bottom: 16px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
  text-align: center;
  padding: 32px 16px;
  font-size: 16px;
  line-height: 24px;
}
.item-table .item hr.small {
  border-color: #4b2c11;
  margin: 16px auto;
}
.item-table .item strong {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.6;
}
@media only screen and (min-width: 860px) {
  .item-table {
    grid-template-columns: auto auto auto;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Mar 13, 2020, 12:26:46 PM
    Author     : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Mar 13, 2020, 12:04:23 PM
    Author     : mv
*/
.corona-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.corona-popup .cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  max-width: 640px;
  background: #fff;
  color: #333;
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  z-index: 1000;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.5);
  padding: 0 60px;
}
.corona-popup .close {
  background: url(/images/icn-corona-close.svg) no-repeat center;
  position: absolute;
  top: 26px;
  right: 26px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.corona-popup .menu {
  padding: 24px;
}
.corona-popup .menu a {
  display: inline-block;
  width: 60px;
  height: 20px;
  text-align: center;
  background-color: #dddddd;
  line-height: 20px;
  font-size: 10px;
}
.corona-popup .menu a.is-active {
  color: #fff;
  background: #333;
}
.corona-popup .lang {
  padding: 16px;
  font-size: 14px;
  line-height: 1.5;
}
.corona-popup .strip {
  height: 180px;
  background: url(/images/bg-corona-popup.png?v=1) no-repeat center;
  margin: 0 -60px;
  color: #fff;
  padding: 32px;
  text-align: center;
}
.corona-popup .strip .title {
  font-size: 24px;
  font-weight: bold;
}
.corona-popup .strip .desc {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 24px;
  padding-top: 4px;
}
.corona-popup .strip a {
  display: inline-block;
  padding: 8px 30px;
  background: #fff;
  color: #4b2c11;
  font-weight: 900;
  font-size: 14px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border: solid 2px #ffffff;
  text-transform: uppercase;
}
.corona-popup p {
  margin: 8px 0;
}
@media only screen and (max-width: 768px) {
  .corona-popup {
    padding: 20px;
  }
  .corona-popup .cont {
    top: 10%;
    margin: 8px;
    padding: 0;
  }
  .corona-popup .strip {
    margin: 0;
    height: auto;
    padding: 16px;
  }
  .corona-popup .menu {
    padding: 10px;
  }
  .corona-popup .close {
    top: 10px;
    right: 10px;
  }
  .corona-popup .lang {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 374px) {
  .corona-popup .lang {
    line-height: 1.25;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 20, 2018, 11:39:29 AM
    Author     : fpereira
*/
body.is-state-open-popup {
  overflow: hidden;
}
.mv-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  overflow: auto;
  display: none;
  opacity: 0;
  transition: all ease-in-out 300ms;
}
.mv-popup .popup-icon {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -60px;
  width: 120px;
  height: 120px;
  background: #BD8647 no-repeat center;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 120px;
  font-size: 60px;
}
.mv-popup .popup-icon + .popup-body {
  padding-top: 60px;
}
.mv-popup .popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
.mv-popup .popup-container {
  margin: 0 auto;
  top: 10%;
  width: 90%;
  max-width: 480px;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  /*border: 4px solid #000;*/
}
.mv-popup .popup-header {
  margin-bottom: 1px;
  padding: 36px 32px 16px;
}
.mv-popup .popup-header .popup-close {
  font-weight: bold;
  line-height: 1.64;
  float: right;
  text-transform: uppercase;
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
}
.mv-popup .popup-header .popup-close .fa-close {
  font-size: 1.5em;
}
.mv-popup .popup-header .popup-title {
  max-width: 310px;
  font-size: 20px;
  color: #4b2c11;
}
.mv-popup .popup-body {
  padding: 0 32px 36px;
}
.mv-popup .popup-body .popup-form {
  background: #eeeeee;
  margin-bottom: 1px;
  padding: 12px 15px;
  position: relative;
}
.mv-popup .popup-body .popup-form .fa {
  position: absolute;
  top: 18px;
  right: 22px;
  color: #a8a8a8;
  pointer-events: none;
  font-size: 18px;
}
.mv-popup .popup-body .popup-content {
  font-size: 16px;
  font-weight: 300;
  max-width: 310px;
}
.mv-popup .popup-footer {
  padding: 12px 24px 28px 32px;
}
@media only screen and (min-width: 992px) {
  .mv-popup .popup-footer .popup-btns {
    text-align: right;
  }
  .mv-popup .popup-footer .popup-btns .btn {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 859px) {
  .mv-popup .popup-footer .btn {
    min-width: auto;
    margin-right: 8px;
  }
}
.mv-popup.is-open {
  display: block;
}
.mv-popup.is-visible {
  opacity: 1;
}
.mv-popup.is-editorial .popup-container {
  max-width: 800px;
}
.mv-popup.is-editorial .popup-body {
  max-height: 400px;
  overflow: auto;
}
@media only screen and (max-width: 859px) {
  .mv-popup .popup-header,
  .mv-popup .popup-body,
  .mv-popup .popup-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
  .mv-popup .popup-header {
    padding-top: 16px;
  }
  .mv-popup .popup-body,
  .mv-popup .popup-footer {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 319px) {
  .mv-popup .popup-container {
    width: auto;
    top: 0;
    margin: 8px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 4, 2017, 11:38:40 AM
    Author     : mv
*/
.select {
  position: relative;
  /*display: inline-block;*/
}
.select select {
  appearance: none;
}
.select .select-arrow {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  top: 8px;
  right: 0px;
  width: 21px;
  height: 21px;
  background: url(/images/icn-arrow-gold.svg) no-repeat center;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Aug 3, 2021, 5:57:52 PM
    Author     : mv
*/
.alert {
  padding: 8px 16px;
  border: 0;
  border-radius: 2px;
  background: #ddd;
  min-height: 40px;
  line-height: 24px;
  text-align: center;
}
.alert.is-error {
  color: #cd323f;
}
.alert.is-success {
  color: #7fc97d;
}
.alert-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 18px;
  margin-right: 8px;
}
/*
    Created on : 02/08/2024, 15:23:48
    Author     : ferna
*/
.pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.pagination-item {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  text-transform: uppercase;
}
.pagination-item.is-active {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 24px;
}
.pagination-item.is-prev,
.pagination-item.is-next {
  width: auto;
}
.pagination-sep {
  display: none;
}
@media only screen and (min-width: 860px) {
  .pagination-sep {
    width: 64px;
    display: block;
  }
}
@media only screen and (max-width: 859px) {
  .is-prev {
    flex-grow: 1;
    text-align: left;
  }
  .is-next {
    flex-grow: 1;
    text-align: right;
  }
}
/*
    Created on : 04/09/2024, 15:08:58
    Author     : ferna
*/
.video {
  position: relative;
}
.video:hover .video-toggle-volume {
  opacity: 1;
}
.video-toggle-volume {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  background: rgba(0, 0, 0, 0.4);
  padding: 10px;
  transition: all ease-in-out 0.3s;
  /*transform: translate(-50%,0);*/
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all ease-in-out 300ms;
}
@media only screen and (min-width: 860px) {
  .video-toggle-volume {
    top: 40px;
    right: 40px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 12, 2018, 12:44:09 PM
    Author     : mv
*/
body.home #sfe-page-wrapper {
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  body.home #sfe-page-wrapper {
    z-index: 0;
  }
}
body.home #sfe-page {
  padding: 0;
  max-width: none;
}
.hp-slider {
  min-height: 650px;
  height: 100vh;
  /*	@supports (-webkit-appearance:none) {
		.os-android & {
			height: ~"calc(100vh - 68px)";
		}
	}*/
  overflow: hidden;
  position: relative;
}
.hp-slider .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.hp-slider .bg img {
  width: 100%;
  height: 100%;
}
.hp-slider .bg:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 164px;
  background-image: linear-gradient(to bottom, rgba(38, 30, 30, 0) 2%, #262121);
}
.hp-slider .content {
  position: absolute;
  top: 40px;
  bottom: 100px;
  left: 0;
  right: 0;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 25px;
}
.hp-slider .content .texts {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 16px;
}
.hp-slider .img {
  margin: 0 auto;
  max-width: 256px;
  position: relative;
  top: 50%;
  display: block;
  transform: translateY(-66%);
  z-index: 1;
}
.hp-slider .title {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.hp-slider .text {
  font-size: 14px;
  line-height: 2;
}
@media only screen and (min-width: 736px) {
  .hp-slider .title {
    font-size: 24px;
  }
  .hp-slider .text {
    /*font-size: 14px;*/
  }
}
@media only screen and (min-width: 1200px) {
  body.home #sfe-main-menu {
    text-align: center;
  }
  body.home #sfe-main-menu a {
    color: #fff;
  }
  body.home #sfe-main-menu a.special-visit {
    transition: all ease-in-out 300ms;
    border: solid 1px #fff;
  }
  body.home #sfe-main-menu a.special-visit:hover {
    background-color: #fff;
    color: #4b2c11;
  }
  .hp-slider {
    /*		.title{
			font-size: 24px;
			line-height: 36px;
		}

		.text{
			font-size: 14px;
			line-height: 24px;
		}*/
  }
  .hp-slider .content {
    top: 40px;
  }
  .hp-slider .img {
    max-width: 250px;
  }
  .hp-slider .title {
    font-size: 36px;
    line-height: 48px;
  }
  .hp-slider .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .hp-slider {
    /*		.title{
			font-size: 24px;
			line-height: 36px;
		}

		.text{
			font-size: 14px;
			line-height: 24px;
		}*/
  }
  .hp-slider .content {
    top: 60px;
  }
  .hp-slider .img {
    max-width: 280px;
  }
  .hp-slider .title {
    font-size: 36px;
    line-height: 48px;
  }
  .hp-slider .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .hp-slider .content {
    top: 110px;
    bottom: 110px;
  }
  .hp-slider .img {
    max-width: 300px;
  }
  .hp-slider .title {
    font-size: 36px;
    line-height: 48px;
  }
  .hp-slider .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1201px) and (max-height: 701px) {
  .hp-slider {
    /*		.img{
			margin-top: 0 !important;
			margin-bottom: 32px;
			position: static;
			max-width: 314px;
		}
		
		.content .texts{
			position: static;
		}*/
  }
  .hp-slider .title {
    font-size: 24px;
    line-height: 36px;
  }
  .hp-slider .text {
    font-size: 16px;
    line-height: 24px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 25, 2018, 3:44:11 PM
    Author     : mv
*/
.home-newsletter {
  margin: 0 auto;
  height: 200px;
  background: #262121 url(/images/img-newsletter-m.png) center no-repeat;
  background-size: cover;
  padding: 0 16px;
}
.home-newsletter .vm-column {
  padding: 40px 0;
  height: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.home-newsletter .newsletter-form {
  background: #faf8f5;
  max-width: 360px;
  margin: 0 auto;
}
.home-newsletter h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: 35px;
}
.home-newsletter h4 {
  font-weight: normal;
  line-height: 25px;
  padding-bottom: 10px;
}
.home-newsletter .start,
.home-newsletter input,
.home-newsletter .response {
  text-transform: none;
  font-size: 14px;
  text-align: center;
}
.home-newsletter input:valid {
  background: url(/images/icn-check.svg) no-repeat right center;
}
@media only screen and (min-width: 860px) {
  .home-newsletter {
    height: 160px;
    background-image: url(/images/img-newsletter-d.png);
    padding: 0 50px;
  }
  .home-newsletter .vm-column {
    padding: 20px 0;
  }
  .home-newsletter h3 {
    font-size: 24px;
  }
  .home-newsletter h4 {
    font-size: 18px;
  }
  .home-newsletter .start,
  .home-newsletter input,
  .home-newsletter .response {
    font-size: 18px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Apr 1, 2019, 4:18:52 PM
    Author     : mv
*/
.hp-videos {
  font-size: 12px;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 22px;
  background: rgba(0, 0, 0, 0.2);
  padding: 16px;
  color: #fff;
  transition: all ease-in-out 300ms;
}
.hp-videos:hover {
  background: rgba(0, 0, 0, 0.4);
}
.hp-videos-title {
  font-weight: bold;
}
.hp-hero {
  position: relative;
}
@media only screen and (min-width: 860px) {
  .hp-prr {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 16px;
    right: 16px;
    left: auto;
    text-align: center;
  }
  .hp-prr img {
    max-width: 400px;
  }
}
@media only screen and (max-width: 859px) {
  .hp-prr {
    display: flex;
    flex-direction: column;
    position: static;
    max-width: 100%;
    padding: 16px;
    background: #262121;
    text-align: right;
  }
  .hp-prr img {
    max-width: 100%;
    width: 400px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 13, 2018, 1:10:39 PM
    Author     : mv
*/
#news-filter-form .sfe-select {
  display: block;
}
@media only screen and (min-width: 736px) {
  #news-filter-form {
    display: none;
  }
}
@media only screen and (min-width: 860px) {
  #news-more,
  #news-list {
    margin-left: -16px;
  }
}
.news-item-list,
.news-item-destak {
  margin-bottom: 32px;
}
.news-item-list .img,
.news-item-destak .img {
  display: block;
  overflow: hidden;
  height: 200px;
}
.news-item-list img,
.news-item-destak img {
  display: block;
  width: 100%;
  height: auto;
  transition: all ease-in-out 300ms;
}
.news-item-list h2,
.news-item-destak h2 {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
}
.news-item-list hr,
.news-item-destak hr {
  width: 64px;
}
.news-item-list .lead,
.news-item-destak .lead {
  font-size: 14px;
  line-height: 24px;
}
.news-item-list .btn-more,
.news-item-destak .btn-more {
  float: right;
  width: 16px;
  height: 16px;
  color: #4B2C11;
  text-align: right;
}
.news-item-list .btn-more .fa,
.news-item-destak .btn-more .fa {
  font-size: 24px;
}
.news-item-list:hover img,
.news-item-destak:hover img {
  transform: scale(1.05);
}
.news-item-list:hover h2,
.news-item-destak:hover h2 {
  color: #93733d;
}
.news-item-destak {
  background: white;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 300ms;
}
.news-item-destak .img {
  height: 392px;
}
.news-item-destak img {
  max-height: 392px;
  object-fit: cover;
}
.news-item-destak .texts {
  padding: 24px;
}
.news-item-destak .texts:before,
.news-item-destak .texts:after {
  content: " ";
  display: table;
}
.news-item-destak .texts:after {
  clear: both;
}
.news-item-destak .texts:before,
.news-item-destak .texts:after {
  content: " ";
  display: table;
}
.news-item-destak .texts:after {
  clear: both;
}
.news-item-destak:hover {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06), 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}
.news-item-list {
  margin-bottom: 45px;
}
.news-item-list .img {
  margin-bottom: 16px;
}
@media only screen and (min-width: 860px) {
  .news-item-list {
    width: 50%;
    float: left;
    height: 350px;
    overflow: hidden;
    padding-left: 16px;
  }
  .news-item-list h2 {
    font-size: 24px;
    line-height: 32px;
    max-height: 96px;
    overflow: hidden;
  }
  .news-item-list .img {
    height: 192px;
  }
  .news-item-list img {
    height: 192px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 992px) {
  .news-item-destak h2 {
    font-size: 38px;
    line-height: 48px;
  }
  .news-item-destak .left {
    width: 48%;
    float: left;
  }
  .news-item-destak .lead {
    float: right;
    width: 48%;
  }
  .news-item-destak .btn-more {
    display: none;
  }
  .news-item-list {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .news-item-list {
    width: 33.33%;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 13, 2018, 5:35:26 PM
    Author     : mv
*/
.news-item-detail {
  margin-bottom: 64px;
}
.news-item-detail header img {
  margin-bottom: 16px;
}
.news-item-detail h1 {
  font-size: 32px;
  font-weight: normal;
  margin: 0 0 10px;
}
.news-item-detail img.alignleft {
  float: left;
  margin: 32px 32px 32px 0;
}
.news-item-detail img.alignright {
  float: right;
  margin: 32px 0 32px 32px;
}
.news-item-detail img.size-medium,
.news-item-detail img.size-large,
.news-item-detail img.size-full {
  display: block;
  margin: 32px auto;
}
.news-item-detail img.size-medium {
  max-width: 60%;
  height: auto;
}
.news-item-detail img.size-full {
  width: 100%;
  height: auto;
}
.news-item-detail .text-container {
  padding-bottom: 32px;
}
.news-item-detail .meta,
.news-item-detail .share {
  padding: 14px;
  text-align: center;
  border-top: 1px solid #cda664;
  border-bottom: 1px solid #cda664;
  font-size: 14px;
  line-height: 24px;
  color: #cda664;
}
.news-item-detail .share {
  border-top: 0;
  font-size: 18px;
}
.news-item-detail .share a {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  color: #fff;
  background: #cda664;
  display: inline-block;
  line-height: 32px;
  margin: 6px;
  transition: all ease-in-out 300ms;
}
.news-item-detail .share a:hover {
  background: #93733d;
}
@media only screen and (min-width: 860px) {
  .news-item-detail header {
    position: relative;
    color: #fff;
  }
  .news-item-detail header img {
    width: 100%;
    display: block;
    margin-bottom: 40px;
    max-height: 600px;
    object-fit: cover;
  }
  .news-item-detail header h1 {
    font-size: 38px;
    max-width: 720px;
  }
  .news-item-detail header .text-meta {
    color: #fff;
  }
  .news-item-detail header hr {
    display: none;
  }
  .news-item-detail header .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 23px 32px;
  }
  .news-item-detail header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0));
  }
  .news-item-detail .texts .bottom {
    border-top: 1px solid #cda664;
    border-bottom: 1px solid #cda664;
  }
  .news-item-detail .texts .bottom:before,
  .news-item-detail .texts .bottom:after {
    content: " ";
    display: table;
  }
  .news-item-detail .texts .bottom:after {
    clear: both;
  }
  .news-item-detail .texts .bottom:before,
  .news-item-detail .texts .bottom:after {
    content: " ";
    display: table;
  }
  .news-item-detail .texts .bottom:after {
    clear: both;
  }
  .news-item-detail .texts br {
    display: none;
  }
  .news-item-detail .texts .share,
  .news-item-detail .texts .meta {
    border: 0;
    padding: 14px 0;
  }
  .news-item-detail .texts .meta {
    line-height: 40px;
    float: left;
  }
  .news-item-detail .texts .meta div {
    display: inline-block;
    width: 20px;
  }
  .news-item-detail .texts .meta div:before {
    content: " · ";
  }
  .news-item-detail .texts .share {
    float: right;
  }
  .news-item-detail .texts .share .text-uppercase {
    display: inline-block;
    margin-right: 20px;
  }
  .news-item-detail .texts .share a {
    margin-left: 16px;
    margin-right: 0;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 14, 2018, 10:47:19 AM
    Author     : mv
*/
@media only screen and (min-width: 860px) {
  #wines-list {
    margin-left: -16px;
  }
}
.brands-list {
  padding-bottom: 20px;
}
@media only screen and (min-width: 860px) {
  .brands-list {
    padding-bottom: 60px;
  }
}
.brand-item-list {
  background: #ffffff no-repeat center;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 16px;
  height: calc(100vw - 16px);
  overflow: hidden;
  transition: box-shadow ease-in-out 300ms;
  color: #fff;
}
.brand-item-list a {
  width: 100%;
  height: 100%;
}
.brand-item-list img {
  max-width: 60%;
  max-height: 60%;
}
.brand-item-list .page-title {
  position: relative;
  z-index: 2;
  font-size: 48px;
}
.brand-item-list .page-title:after {
  background: #fff;
}
@media only screen and (min-width: 860px) {
  .brand-item-list {
    float: left;
    width: calc(50% - 16px);
    height: 389px;
    margin-left: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .brand-item-list {
    float: left;
    width: calc(25% - 16px);
    height: 287px;
    margin-left: 16px;
  }
}
.brand-item-list:hover {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
}
.brandcat-item-list {
  position: relative;
}
.brandcat-item-list:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-blend-mode: color;
  background-image: linear-gradient(rgba(75, 44, 17, 0.65), rgba(75, 44, 17, 0.65));
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 14, 2018, 4:49:24 PM
    Author     : mv
*/
body.brand-detail .sfe-hero-slider .item .caption {
  z-index: 2;
}
body.brand-detail .sfe-hero-slider .item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
}
html.objectfit .brand-item-detail .logo {
  height: 240px;
  object-fit: contain;
}
body.brand-detail .follow-block .page-title {
  margin-bottom: 0;
}
.follow-block a {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  background: #4b2c11;
  margin: 0 8px;
  display: inline-block;
}
.brand-item-detail {
  position: relative;
}
.brand-item-detail .logo {
  z-index: 1;
  position: absolute;
  top: 10vh;
  left: 50px;
  right: 50px;
  margin: 0 auto;
  max-width: 200px;
}
@media only screen and (max-width: 359px) {
  .brand-item-detail .logo {
    top: 0;
    max-width: 160px;
  }
}
@media only screen and (min-width: 860px) {
  .brand-item-detail .logo {
    top: 50px;
    max-width: 240px;
  }
}
.brand-item-detail-vineyards .centered {
  display: flex;
  justify-content: center;
}
.brand-item-detail-vineyards .image-item-list {
  display: block;
  margin-bottom: 16px;
}
@media only screen and (min-width: 860px) {
  .brand-item-detail-vineyards .image-item-list {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 860px) {
  body.brand-detail {
    /*		
		.brand-item-detail-vineyards,
		.brand-item-detail-wines,
		.item-detail,
		.sfe-hero-slider,
		*/
  }
  body.brand-detail .page-title,
  body.brand-detail .mb-4 {
    margin-bottom: 64px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 14, 2018, 3:55:49 PM
    Author     : mv
*/
.page-error {
  max-width: 620px;
  padding: 20px;
  min-height: 60vh;
  text-align: center;
  margin: 0 auto;
  font-size: 20px;
  line-height: 32px;
}
.page-error .wrapper {
  width: 100%;
}
.page-error img {
  width: 168px;
}
.page-error .page-subtitle {
  padding: 20px 0 0;
}
.page-error hr {
  margin-bottom: 20px;
  border-color: #93733d;
  opacity: 0.3;
}
.page-error a {
  color: #93733d;
  font-size: 16px;
  padding: 0 5px;
}
@media only screen and (min-width: 860px) {
  .page-error {
    font-size: 24px;
  }
  .page-error img {
    width: auto;
  }
  .page-error a {
    font-size: 18px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 18, 2018, 11:42:46 AM
    Author     : mv
*/
.contact-content {
  margin-bottom: 48px;
}
.contact-content .content-col {
  padding: 30px;
  background-color: #ffffff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
  min-height: 344px;
  margin-bottom: 16px;
  line-height: 24px;
}
.contact-content .content-col strong {
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 40px;
  display: block;
}
.contact-content .content-col strong:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -10px;
  width: 24px;
  height: 2px;
  background: #261e1e;
}
.contact-content .content-col a {
  color: #cda664;
}
@media only screen and (min-width: 860px) {
  .contact-content {
    margin-bottom: 70px;
  }
  .contact-content .page-title {
    margin-bottom: 40px;
  }
  .contact-content .content:before,
  .contact-content .content:after {
    content: " ";
    display: table;
  }
  .contact-content .content:after {
    clear: both;
  }
  .contact-content .content:before,
  .contact-content .content:after {
    content: " ";
    display: table;
  }
  .contact-content .content:after {
    clear: both;
  }
  .contact-content .content-col {
    float: left;
    width: calc(50% - 16px);
    margin: 0 8px 16px;
    height: 410px;
  }
}
@media only screen and (min-width: 860px) and (max-width: 992px) {
  .contact-content .content-col:nth-child(3) {
    margin-left: calc(50% + 8px);
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 992px) {
  .contact-content .content {
    display: flex;
    height: 100%;
    justify-content: center;
  }
  .contact-content .content-col {
    width: calc(33.33% - 16px);
    margin: 0 8px;
  }
  .contact-content .content-col:first-child {
    margin-left: 0;
  }
  .contact-content .content-col:last-child {
    margin-right: 0;
  }
}
body.contacts .btn.block {
  margin-bottom: 80px;
  background: transparent;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 18, 2018, 2:08:53 PM
    Author     : mv
*/
#distribution-form {
  margin-bottom: 40px;
}
@media only screen and (min-width: 860px) {
  #distribution-form {
    margin: 0 auto 70px;
    max-width: 320px;
    text-align: center;
  }
}
.distributor {
  text-align: center;
  padding: 42px 20px;
  border-bottom: 1px solid rgba(147, 115, 61, 0.2);
}
.distributor:before,
.distributor:after {
  content: " ";
  display: table;
}
.distributor:after {
  clear: both;
}
.distributor:before,
.distributor:after {
  content: " ";
  display: table;
}
.distributor:after {
  clear: both;
}
.distributor p {
  margin: 15px 0;
  line-height: 18px;
}
.distributor .brands {
  padding: 10px;
  text-align: center;
}
.distributor img {
  display: inline-block;
  width: 102px;
  height: 102px;
  margin: 8px 0 8px 32px;
}
.distributor:first-child {
  border-top: 1px solid rgba(147, 115, 61, 0.2);
}
@media only screen and (min-width: 860px) {
  .distributor {
    max-width: 600px;
    margin: 0 auto;
  }
  .distributor .text-container {
    float: left;
    width: 48%;
    text-align: left;
    font-size: 14px;
  }
  .distributor .brands {
    float: right;
    width: 52%;
    padding: 0;
    text-align: right;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 18, 2018, 3:38:58 PM
    Author     : mv
*/
body.vineyard-detail #sfe-tpl-left {
  /*padding-bottom: 0;*/
}
body.vineyard-detail #vineryard-side-menu-1 a:last-child {
  margin-top: 16px;
}
body.brand-detail .winery-special-item,
body.vineyard-detail .winery-special-item {
  border-top: 1px solid #cda664;
  margin-top: 35px;
  transition: all ease-in-out 300ms;
}
body.brand-detail .winery-special-item a,
body.vineyard-detail .winery-special-item a {
  padding: 16px 8px;
  line-height: 36px;
  display: block;
}
body.brand-detail .winery-special-item .fa,
body.vineyard-detail .winery-special-item .fa {
  line-height: 36px;
  height: 36px;
  opacity: 0.4;
  transition: all ease-in-out 300ms;
}
body.brand-detail .winery-special-item:hover,
body.vineyard-detail .winery-special-item:hover {
  background: rgba(205, 166, 100, 0.2);
}
body.brand-detail .winery-special-item:hover .fa,
body.vineyard-detail .winery-special-item:hover .fa {
  opacity: 1;
}
.winery-item-detail,
.vineyard-item-detail {
  margin-bottom: 32px;
}
.winery-item-detail .sfe-hero-slider .caption,
.vineyard-item-detail .sfe-hero-slider .caption {
  display: none;
}
.winery-details-block,
.vineyard-details-block {
  padding: 25px;
  text-align: center;
}
.winery-details-block .title,
.vineyard-details-block .title {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}
.winery-details-block hr,
.vineyard-details-block hr {
  clear: none;
  /*margin-bottom: 40px;*/
}
.winery-details-block .text-container,
.vineyard-details-block .text-container {
  font-size: 14px;
}
.winery-details-block .text-container li,
.vineyard-details-block .text-container li {
  list-style: none;
}
@media only screen and (min-width: 860px) {
  .winery-details-block .text-container ul,
  .vineyard-details-block .text-container ul {
    columns: 2;
  }
  .winery-details-block .text-container li,
  .vineyard-details-block .text-container li {
    width: 100%;
    display: inline-block;
  }
}
.winery-details-block li,
.vineyard-details-block li {
  padding-bottom: 24px;
}
.winery-details-block strong,
.vineyard-details-block strong {
  display: block;
  text-transform: uppercase;
}
.winery-details-block .map-img,
.vineyard-details-block .map-img {
  position: relative;
  padding-top: 48px;
}
.winery-details-block .map-img .btn-fullscreen,
.vineyard-details-block .map-img .btn-fullscreen {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%0D%0A%20%20%20%20%3Cdefs%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M25%207h-6V5h8v8h-2V7zm0%2018v-6h2v8h-8v-2h6zM7%2025h6v2H5v-8h2v6zM7%207v6H5V5h8v2H7z%22%2F%3E%0D%0A%20%20%20%20%3C%2Fdefs%3E%0D%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23979797%22%20d%3D%22M25.5%2012.5h1v-7h-7v1h6v6zm-6%2013v1h7v-7h-1v6h-6zm-13-6h-1v7h7v-1h-6v-6zm6-13v-1h-7v7h1v-6h6z%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%234b2c11%22%20mask%3D%22url(%23b)%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200h32v32H0z%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  display: block;
  opacity: 0.5;
  transition: all ease-in-out 300ms;
  /*display:none;*/
}
.winery-details-block .map-img .btn-fullscreen:hover,
.vineyard-details-block .map-img .btn-fullscreen:hover {
  opacity: 1;
}
@media only screen and (min-width: 860px) {
  .winery-details-block,
  .vineyard-details-block {
    padding: 48px;
  }
  .winery-details-block .title,
  .vineyard-details-block .title {
    font-size: 24px;
  }
  .winery-details-block hr,
  .vineyard-details-block hr {
    margin-bottom: 48px;
  }
}
.winery-item-detail-brands,
.vineyard-item-detail-brands {
  text-align: center;
}
.winery-item-detail-brands h2,
.vineyard-item-detail-brands h2 {
  font-weight: normal;
  padding: 28px 0;
}
.winery-item-detail-brands img,
.vineyard-item-detail-brands img {
  width: 204px;
  height: 204px;
  object-fit: contain;
  margin: 0 auto 28px;
}
@media only screen and (min-width: 860px) {
  .winery-item-detail-brands .brand-list a,
  .vineyard-item-detail-brands .brand-list a {
    display: inline-block;
    width: 33.33%;
  }
}
.winery-view-all-btn.image-item-list,
.vineyard-view-all-btn.image-item-list {
  height: 112px;
}
.vineyard-item-list {
  overflow: hidden;
}
.vineyard-item-list .caption,
.vineyard-item-list img {
  transition: all ease-in-out 300ms;
}
.vineyard-item-list:hover img {
  transform: scale(1.05);
}
.vineyard-item-list:hover .caption {
  transform: translateY(-10px);
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 19, 2018, 5:24:33 PM
    Author     : mv
*/
@media only screen and (min-width: 860px) {
  body .column-count-2 {
    opacity: 0;
  }
  body .column-count-2.loaded {
    opacity: 1;
  }
  body .goal-item-list {
    width: 48%;
    margin: 0 1% 2%;
  }
}
.goal-item-list {
  margin-bottom: 16px;
}
.goal-item-list .img {
  background: no-repeat center;
  background-size: cover;
  height: 200px;
}
.goal-item-list .texts {
  padding: 32px 24px 48px;
}
.goal-item-list .title {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 6px;
}
.goal-item-list hr {
  margin-bottom: 24px;
  margin-left: 0;
  clear: none;
}
.goal-item-list .text {
  line-height: 1.8;
  font-size: 16px;
}
/* OBJECTIVE CARDS */
.stn-ind-objectives {
  padding-top: 64px;
  margin-bottom: 64px;
}
@media only screen and (min-width: 860px) {
  .stn-ind-objective-cards {
    display: flex;
    width: 100%;
  }
}
.stn-ind-objective {
  flex-grow: 1;
  flex-basis: 0;
  padding-top: 40px;
  text-align: center;
  padding: 40px 32px;
}
.stn-ind-objective-img {
  width: 140px;
  height: 140px;
  object-fit: contain;
  margin: 0 auto 24px;
  display: block;
}
.stn-ind-objective-title {
  margin: 0 0 32px;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
}
.stn-ind-objective-title:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #cda664;
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.stn-ind-objective-text {
  line-height: 1.57;
}
.stn-ind-objective-text p {
  margin: 0;
}
/* INDEX CARDS */
.stn-ind-card {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
  padding: 64px 16px 56px;
  margin-bottom: 24px;
}
.stn-ind-card:before,
.stn-ind-card:after {
  content: " ";
  display: table;
}
.stn-ind-card:after {
  clear: both;
}
.stn-ind-card:before,
.stn-ind-card:after {
  content: " ";
  display: table;
}
.stn-ind-card:after {
  clear: both;
}
.stn-ind-card .btn {
  background: #faf8f5;
  padding: 12px 36px;
}
@media only screen and (max-width: 859px) {
  .stn-ind-card {
    text-align: center;
  }
}
@media only screen and (min-width: 860px) {
  .stn-ind-card {
    padding: 32px;
    margin-bottom: 32px;
  }
}
.stn-ind-card-wrapper {
  width: 100%;
}
.stn-ind-card-left {
  justify-content: center;
}
@media only screen and (min-width: 860px) {
  .stn-ind-card-left {
    float: left;
    width: 40%;
    min-height: 400px;
  }
}
.stn-ind-card-right {
  justify-content: center;
}
@media only screen and (min-width: 860px) {
  .stn-ind-card-right {
    float: left;
    width: 60%;
    max-width: 432px;
    min-height: 400px;
  }
}
.stn-ind-card-img {
  max-width: 280px;
  height: 240px;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 859px) {
  .stn-ind-card-img {
    margin-bottom: 36px;
  }
}
.stn-ind-card-title {
  margin: 0 0 16px;
  font-size: 32px;
  font-weight: normal;
}
@media only screen and (min-width: 860px) {
  .stn-ind-card-title {
    font-size: 48px;
    margin: 0 0 32px;
  }
}
.stn-ind-card-tagline {
  font-size: 20px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 860px) {
  .stn-ind-card-tagline {
    font-size: 24px;
  }
}
.stn-ind-card-text {
  margin-bottom: 24px;
  line-height: 1.71;
}
#sfe-page-wrapper.is-with-pre {
  padding-left: 0;
  padding-right: 0;
}
#sfe-page-wrapper.is-with-pre #sfe-page {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 860px) {
  #sfe-page-wrapper.is-with-pre #sfe-page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.sustainabiluty-main-img {
  height: calc(100vh - 86px);
  position: relative;
  color: #fff;
  margin-bottom: 54px;
  padding-left: 16px;
  padding-right: 16px;
}
.sustainabiluty-main-img .texts {
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 16px;
}
.sustainabiluty-main-img .page-title {
  font-size: 32px;
  text-transform: uppercase;
}
.sustainabiluty-main-img .page-title:after {
  background: currentColor;
}
.sustainabiluty-main-img .text {
  max-width: 816px;
  text-align: center;
  font-size: 16px;
  padding: 0 16px;
}
.sustainabiluty-main-img small {
  font-size: 20px;
  display: block;
  text-transform: none;
}
.sustainabiluty-main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 860px) {
  .sustainabiluty-main-img {
    height: 560px;
    padding: 0;
  }
  .sustainabiluty-main-img .texts {
    padding: 0;
  }
  .sustainabiluty-main-img .text {
    font-size: 24px;
  }
  .sustainabiluty-main-img .page-title {
    font-size: 48px;
    text-transform: uppercase;
  }
  .sustainabiluty-main-img small {
    text-transform: uppercase;
    font-size: 24px;
  }
}
@media only screen and (min-width: 860px) {
  .stn-2025-objective-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 859px) {
  .stn-2025-objective-cards {
    max-width: 280px;
    margin: 0 auto;
  }
}
.stn-2025-objectives {
  padding-top: 32px;
}
.stn-2025-objective {
  text-align: center;
  max-width: 220px;
  margin: 0 auto 64px;
}
.stn-2025-objective-title {
  font-size: 20px;
}
.stn-2025-objective-title span {
  font-weight: normal;
  display: block;
}
@media only screen and (min-width: 860px) {
  .stn-bcorp-cards {
    padding-right: 84px;
  }
}
.stn-bcorp-card {
  margin-bottom: 72px;
}
@media only screen and (max-width: 859px) {
  .stn-bcorp-card {
    text-align: center;
  }
}
@media only screen and (min-width: 860px) {
  .stn-bcorp-card.is-left .stn-bcorp-card-img {
    float: left;
    margin-right: 42px;
  }
  .stn-bcorp-card.is-left .text-container {
    margin-left: 298px;
    text-align: left;
  }
  .stn-bcorp-card.is-right {
    text-align: right;
  }
  .stn-bcorp-card.is-right .stn-bcorp-card-img {
    float: right;
    margin-left: 42px;
  }
  .stn-bcorp-card.is-right .text-container {
    margin-right: 298px;
    text-align: right;
  }
}
.stn-bcorp-card-img {
  width: 256px;
  height: 256px;
  object-fit: contain;
}
.stn-bcorp-card-title {
  font-size: 24px;
  margin-bottom: 8px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 21, 2018, 6:07:25 PM
    Author     : mv
*/
.visit-cat {
  margin-bottom: 48px;
}
.visit-cat-title {
  font-size: 32px;
  padding-bottom: 16px;
}
.visit-gallery .image-cta {
  position: relative;
  display: block;
  height: 484px;
  /*height: ~"calc(100vh - 32px)";*/
}
.visit-gallery .image-cta .title img {
  width: 100%;
}
.visit-gallery .image-cta .btns {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  min-width: 200px;
  max-width: 240px;
  margin: 0 auto;
  z-index: 10;
  display: block;
}
.visit-gallery .image-cta .btn {
  display: block;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  margin-top: 8px;
  padding-left: 0;
  padding-right: 0;
}
.visit-gallery .image-cta .btn:hover {
  color: #4b2c11;
  background: #fff;
}
.visit-gallery .image-cta .gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
  z-index: 2;
}
.visit-gallery .image-cta:hover .gradient {
  transition: all ease-in-out 300ms;
  background: rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 736px) {
  .visit-gallery .image-cta {
    height: 320px !important;
  }
  .visit-gallery .image-cta .wrapper {
    padding-bottom: 120px;
  }
  .visit-gallery .image-cta .title img {
    max-width: 192px;
  }
  .visit-gallery .image-cta .btns {
    bottom: 48px;
    /*width: 320px;*/
  }
}
@media only screen and (min-width: 860px) {
  .visit-gallery .image-cta {
    height: 424px !important;
  }
}
@media only screen and (max-width: 859px) {
  .visit-gallery .image-cta .wrapper {
    padding-bottom: 80px;
  }
  .visit-gallery .image-cta .btns {
    position: absolute;
    bottom: 48px;
    left: 0;
    right: 0;
    width: 200px;
    margin: 0 auto;
    z-index: 5;
    display: block;
  }
  .visit-gallery .image-cta .btn {
    position: static;
    margin-top: 8px;
  }
  .visit-gallery .image-cta .title img {
    max-width: 240px;
    margin-bottom: 10px;
  }
}
.visit-gallery .image-cta.is-vinum {
  background: #e6b85e;
  /*border-radius: 8px;*/
}
.visit-gallery .image-cta.is-vinum .gradient {
  background: none;
}
.visit-gallery .image-cta.is-vinum .title {
  color: #4b2c11;
  margin-bottom: 0;
}
.visit-gallery .image-cta.is-vinum .wrapper {
  padding-bottom: 0;
}
.visit-gallery .image-cta.is-vinum:after {
  opacity: 0;
  transition: all ease-in-out 300ms;
}
.visit-gallery .image-cta.is-vinum:hover:after {
  opacity: 0.2;
}
@media only screen and (min-width: 500px) {
  .visit-gallery {
    display: flex;
    gap: 1%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .visit-gallery .image-cta {
    width: 49%;
  }
}
@media only screen and (min-width: 736px) {
  .visit-gallery .image-cta {
    width: 32.33%;
  }
}
@media only screen and (max-height: 415px) {
  .visit-gallery .image-cta .title img {
    max-height: 200px;
  }
}
.visit-gallery .image-cta.is-casadosecos {
  height: 480px;
}
@media only screen and (min-width: 736px) {
  .visit-gallery .image-cta.is-casadosecos {
    width: 99%;
    height: 240px !important;
  }
}
@media only screen and (min-width: 992px) {
  .visit-gallery .image-cta.is-casadosecos {
    height: 320px !important;
  }
}
.visit-gallery .image-cta.is-casadosecos:after {
  opacity: 0.3;
}
.visit-gallery .image-cta.is-casadosecos .btns {
  bottom: 40px;
}
.visit-gallery .image-cta.is-casadosecos .top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
  z-index: 10;
  color: #fff;
  text-transform: uppercase;
  font-family: Flama;
  font-size: 12px;
  line-height: 16px;
}
@media only screen and (min-width: 860px) {
  .visit-gallery .image-cta.is-casadosecos .top {
    font-size: 18px;
    line-height: 24px;
  }
}
.visit-gallery .image-cta.is-casadosecos .top img {
  height: 21px;
  margin-bottom: 6px;
}
@media only screen and (min-width: 736px) {
  .visit-gallery .image-cta.is-casadosecos .top img {
    height: 35px;
    margin-bottom: 10px;
    margin-top: 32px;
  }
}
@media only screen and (max-width: 859px) {
  .visit-gallery .image-cta.is-casadosecos .top img {
    margin-top: 48px;
  }
}
.visit-video {
  margin-bottom: 54px;
  height: calc(100vh - var(--header-height));
  overflow: hidden;
}
.visit-video .video {
  height: 100%;
}
.visit-video .video video {
  height: 100%;
  object-fit: cover;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 20, 2018, 5:00:46 PM
    Author     : mv
*/
.visit-item-detail .block-location {
  padding-bottom: 0;
}
.visit-item-detail .visit-map {
  margin-bottom: 0;
}
.visit-item-detail .btns {
  margin: 0 -30px;
}
.visit-item-detail .btns .btn {
  font-size: 14px;
  width: 50%;
}
.step-1 {
  margin: -32px auto 48px;
}
.step-1:before,
.step-1:after {
  content: " ";
  display: table;
}
.step-1:after {
  clear: both;
}
.step-1:before,
.step-1:after {
  content: " ";
  display: table;
}
.step-1:after {
  clear: both;
}
.step-1 .field-wrapper {
  position: relative;
  text-align: left;
  width: 27%;
  float: left;
  background-color: #ffffff;
  border: solid 1px #cfcfcf;
  border-right: 0;
  cursor: pointer;
}
.step-1 .field-wrapper .icon {
  width: 38px;
  height: 38px;
  float: left;
  margin: 10px 8px;
  background: no-repeat center;
  background-size: cover;
}
.step-1 .field-wrapper .txt {
  color: #4b2c11;
  font-size: 18px;
  line-height: 60px;
  text-align: left;
}
.step-1 .field-wrapper .txt.selected {
  font-weight: bold;
  color: #4b2c11;
}
.step-1 .field-wrapper .arrow {
  background: url(/images/icn-dropdown.svg) no-repeat center;
  background-size: 16px 8px;
  margin-right: 20px;
  float: right;
  width: 16px;
  height: 60px;
}
.step-1 .field-wrapper select,
.step-1 .field-wrapper input {
  height: 60px;
  border: 0;
}
.step-1 .field-wrapper select {
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 18px;
  padding: 15px;
  background: #fff;
}
.step-1 .date-wrapper .icon {
  background-image: url(/images/icn-calendar.svg);
}
.step-1 .guests-wrapper .icon {
  background-image: url(/images/icn-guests.svg);
}
.step-1 .language-wrapper .icon {
  background-image: url(/images/icn-language.svg);
}
.step-1 .btn {
  min-width: 0;
  padding: 0;
  width: 19%;
  box-sizing: border-box;
  line-height: 60px;
  background: #cda664;
  color: #fff;
  text-transform: uppercase;
}
.step-3 {
  max-width: 622px;
  margin: 55px auto;
}
.step-3 fieldset {
  background: #fff;
  padding: 36px 80px 28px;
  margin-bottom: 25px;
}
.step-3 fieldset .legend {
  /*position: relative;*/
  /*top: 60px;*/
}
.step-3 textarea {
  height: 200px;
}
.step-3 .language-select option {
  background: no-repeat 5px 5px;
  padding: 0 10px 0 30px;
  background-size: 16px auto;
}
.step-3 .hidden-row .info {
  border-top: solid 1px #CDCDCD;
  font-size: 18px;
  font-weight: 300;
  padding: 14px 8px;
  text-align: left;
  color: #4a4a4a;
  cursor: pointer;
}
.step-3 .hidden-row .info .fa {
  opacity: 0.5;
  float: right;
}
.step-3 .hidden-row .info a {
  text-align: center;
  color: #cda664;
  display: block;
  padding: 16px 0;
}
.step-3 .hidden-row .info a:hover {
  color: #4b2c11;
}
.step-3 .hidden-row .form-row {
  display: none;
}
.step-3 .bottom {
  margin-bottom: 20px;
}
.step-3 .bottom .form-row {
  padding-bottom: 5px;
}
.step-3 .bottom label {
  font-size: 14px;
}
.step-3 .spacer {
  height: 40px;
}
.visit-popup {
  max-width: 210px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 1;
  display: none;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}
.visit-guests-popup {
  padding: 20px 30px;
}
.visit-guests-popup ul {
  margin: 0;
}
.visit-guests-popup li {
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0 10px 15px 0;
  width: 43px;
  height: 43px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: color ease-in-out 300ms;
}
.visit-guests-popup li:hover {
  color: #BD8647;
}
.visit-guests-popup li.current {
  background: #BD8647;
  color: #fff;
  border-color: #BD8647;
}
.visit-guests-popup li:nth-child(3n) {
  margin-right: 0;
}
.visit-guests-popup .more {
  text-align: center;
}
.visit-guests-popup .more a {
  font-size: 12px;
  color: #BD8647;
}
.visit-guests-popup .more .hidden {
  color: #4a4a4a;
  display: none;
}
.visit-guests-popup .more .hidden .text {
  font-size: 12px;
  margin-bottom: 10px;
}
.visit-guests-popup .more .hidden .phone {
  font-size: 18px;
}
.visit-language-popup ul {
  margin: 0;
  padding: 6px 0;
}
.visit-language-popup li {
  /*font-family: SFNSText;*/
  padding: 0 24px;
  font-size: 16px;
  line-height: 2.25;
  text-align: left;
  color: #4a4a4a;
  cursor: pointer;
  transition: color ease-in-out 300ms;
}
.visit-language-popup li:hover {
  color: #BD8647;
}
.visit-date-popup {
  padding: 20px 30px;
  width: 289px;
  max-width: 289px;
}
.visit-date-popup .ui-datepicker {
  border: 0;
  padding: 0;
}
.steps {
  /*width:250px;*/
  position: relative;
  margin: 0 auto;
  height: 32px;
  padding: 0;
  display: inline-flex;
}
.steps li {
  position: relative;
  z-index: 2;
  background: #fafafa;
  padding: 0;
  border: 1px solid #BD8647;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  /*font-family: WorkSans;*/
  font-size: 20px;
  text-align: center;
  color: #BD8647;
  line-height: 28px;
  box-sizing: border-box;
  float: left;
  margin: 0 20px;
}
.steps li.number-1 {
  margin-left: 0;
}
.steps li.number-last {
  margin-right: 0;
}
.steps li.current {
  background: #BD8647;
  color: #fff;
  border-color: #BD8647;
}
.steps:after {
  position: absolute;
  z-index: 1;
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
  content: "";
  background: #9b9b9b;
}
.experiences {
  padding-bottom: 65px;
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
}
.experiences:before,
.experiences:after {
  content: " ";
  display: table;
}
.experiences:after {
  clear: both;
}
.experiences:before,
.experiences:after {
  content: " ";
  display: table;
}
.experiences:after {
  clear: both;
}
.experiences .cat {
  clear: both;
  font-size: 18px;
  text-align: center;
  padding-top: 60px;
  margin-bottom: 26px;
}
.experiences .cat-items {
  display: flex;
  justify-content: center;
  padding: 1.5% 0;
}
.experience {
  background: #fff;
  float: left;
  width: 30.33%;
  margin: 0 8px;
  color: #93733d;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
  transition: all ease-in-out 300ms;
  /*	.price{
		font-size: 24px;
		line-height: 0.83;
		text-align: center;
		color: #4a4a4a;
	}
	
	.btn{
		width: 80%;
		min-width: 0;
		margin: 10%;
		cursor:pointer;
		
		display: none;
	}*/
}
.experience img {
  width: 100%;
  height: 204;
  object-fit: cover;
  display: block;
}
.experience .title {
  font-size: 20px;
  font-weight: bold;
  margin: 12px;
  line-height: 24px;
  height: 48px;
  color: #4b2c11;
}
.experience .text {
  height: 144px;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px 0;
  margin-bottom: 35px;
}
.experience .bottom {
  height: 76px;
  text-align: center;
  position: relative;
}
.experience .price {
  font-size: 24px;
  font-weight: bold;
  border-top: solid 1px #d6d6d6;
  margin: 0 40px;
  white-space: nowrap;
  line-height: 50px;
  transition: all ease-in-out 300ms;
}
.experience .price .perperson {
  font-weight: normal;
  font-size: 16px;
  display: block;
  line-height: 8px;
  position: relative;
  top: -10px;
}
.experience .btn {
  height: 100%;
  width: 100%;
  /*line-height: 64px;*/
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: #93733d;
  color: #fff;
  text-transform: uppercase;
  padding: 16px;
  line-height: 28px;
  transition: all ease-in-out 300ms;
}
.experience button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  color: transparent;
  opacity: 0;
  cursor: pointer;
}
.experience:hover {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.4);
}
.experience:hover .price {
  opacity: 0;
}
.experience:hover .btn {
  opacity: 1;
}
form.visit {
  font-size: 1.6rem;
}
form.visit .required-error-msg {
  font-size: 18px;
  padding: 16px;
}
form.visit fieldset {
  background-color: #ffffff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
  border: 0;
  position: relative;
  padding-bottom: 45px;
  margin-bottom: 30px;
  /*		&:after{
			content:"";
			position: absolute;
			bottom:0;
			width: 64px;
			left: 0;
			right: 0;
			margin:  0 auto;
			border-bottom: solid 2px #979797;
		}*/
}
form.visit .legend,
form.visit legend {
  font-size: 27px;
  line-height: 2;
  text-align: center;
  margin-bottom: 25px;
  width: 100%;
}
form.visit .form-row-group:before,
form.visit .form-row-group:after {
  content: " ";
  display: table;
}
form.visit .form-row-group:after {
  clear: both;
}
form.visit .form-row-group:before,
form.visit .form-row-group:after {
  content: " ";
  display: table;
}
form.visit .form-row-group:after {
  clear: both;
}
@media only screen and (min-width: 860px) {
  form.visit .form-row-group .form-row {
    width: 45%;
    float: right;
  }
  form.visit .form-row-group .form-row:first-child {
    float: left;
  }
}
form.visit .radio-row {
  border: 3px solid rgba(205, 166, 100, 0.2);
}
form.visit .radio-row:before,
form.visit .radio-row:after {
  content: " ";
  display: table;
}
form.visit .radio-row:after {
  clear: both;
}
form.visit .radio-row:before,
form.visit .radio-row:after {
  content: " ";
  display: table;
}
form.visit .radio-row:after {
  clear: both;
}
form.visit .radio-row label {
  display: inline-block;
  width: 50%;
  padding: 0;
  float: left;
  background: rgba(205, 166, 100, 0.2);
}
form.visit .radio-row label span {
  line-height: 30px;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  /*color: #4a4a4a;*/
}
form.visit .radio-row label input {
  display: none;
}
form.visit .radio-row label.checked {
  background: #cda664;
}
form.visit .form-row {
  padding-bottom: 20px;
  text-align: left;
}
form.visit .form-row:before,
form.visit .form-row:after {
  content: " ";
  display: table;
}
form.visit .form-row:after {
  clear: both;
}
form.visit .form-row:before,
form.visit .form-row:after {
  content: " ";
  display: table;
}
form.visit .form-row:after {
  clear: both;
}
form.visit .form-row-comments {
  border-top: 1px solid #CDCDCD;
  padding-top: 40px;
}
form.visit label {
  display: block;
  padding-bottom: 6px;
}
form.visit label input[type=checkbox] {
  float: left;
  margin-right: 5px;
}
form.visit input,
form.visit textarea,
form.visit select {
  padding: 8px;
  background: #fff;
  width: 100%;
  border: solid 1px #cda664;
  color: #4b2c11;
}
form.visit input[type=checkbox] {
  width: auto;
}
form.visit.alreadysubmited input[type=text]:invalid,
form.visit.alreadysubmited input[type=email]:invalid,
form.visit.alreadysubmited input[type=number]:invalid,
form.visit.alreadysubmited textarea:invalid,
form.visit.alreadysubmited select:invalid {
  box-shadow: none;
  border: 1px solid #cd323f;
  background: rgba(205, 50, 63, 0.1);
}
form.visit.alreadysubmited label.required input[type=checkbox]:not(:checked) + span {
  color: #cd323f;
}
form.visit.alreadysubmited .required-error-msg.visible {
  display: block;
}
.visit-picnic {
  padding-top: 32px;
}
.visit-picnic .img {
  position: relative;
  height: 360px;
  margin-bottom: 32px;
}
.visit-picnic .img:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: " ";
}
.visit-picnic .img h1 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  margin: 0;
  z-index: 1;
}
.visit-picnic .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.picnic-list header {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 64px;
}
.picnic-list header img {
  margin-bottom: 24px;
}
.l-total-1 .picnic-experience {
  margin: 0 auto;
  float: none;
}
.picnic-experience {
  width: 47%;
  padding: 36px;
  background: #fff;
  float: left;
  margin: 1.5%;
  color: #4a4a4a;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.picnic-experience .warning {
  padding: 36px;
  background-color: #ffe3b4;
  margin-left: -36px;
  margin-top: -36px;
  margin-right: -36px;
  font-weight: bold;
}
.picnic-experience .title {
  font-size: 18px;
  font-weight: bold;
  padding: 18px 16px;
  line-height: 21px;
  /*height: 78px;*/
  text-transform: uppercase;
}
.picnic-experience .text {
  /*height: 144px;*/
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px 0;
  margin-bottom: 35px;
  min-height: 300px;
}
.picnic-experience .price {
  font-size: 24px;
  font-weight: bold;
  color: #4a4a4a;
  border-bottom: solid 1px #d6d6d6;
  margin: 0 40px;
  white-space: nowrap;
  line-height: 40px;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.picnic-experience .btn {
  height: 100%;
  width: 100%;
  line-height: 70px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  transition: all ease-in-out 300ms;
}
.picnic-experience .bottom {
  /*height: 70px;*/
  text-align: center;
  position: relative;
  display: inline-flex;
  margin: 0 auto;
}
.picnic-experience input {
  width: 64px !important;
  border: 0;
  text-align: center;
  font-size: 24px;
  padding: 0 !important;
  height: 32px;
  margin: 0 4px;
  -moz-appearance: textfield;
  appearance: textfield;
}
.picnic-experience button {
  border: 0;
  background: #fff;
  background-size: cover;
  width: 32px;
  height: 32px;
  color: #d6d6d6;
}
.picnic-experience button.plus {
  background-image: url(/images/svg/icn-amount-add.svg);
}
.picnic-experience button.minus {
  background-image: url(/images/svg/icn-amount-remove.svg);
}
.picnic-experience.is-notallowed .price {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 859px) {
  body .visit .step-1 {
    padding: 20px 0px;
    width: auto;
  }
  body .visit .step-1 .field-wrapper {
    border-right: 1px solid #cfcfcf;
    border-bottom: 0;
    width: auto;
    float: none;
  }
  body .visit .step-1 .btn {
    width: 100%;
  }
  body .visit .step-1 .date-wrapper .popup {
    width: auto;
  }
  body .visit .step-1 .guests-wrapper .popup li:nth-child(3n) {
    margin-right: 15px;
  }
  body .visit .cat-items {
    display: block;
    padding: 0 36px;
  }
  body .visit .experience {
    margin: 0 0 30px;
    width: 100%;
    float: none;
  }
  body .visit .experience .text {
    line-height: 18px;
    height: 130px;
  }
  body .visit .experience .btn {
    min-width: 0;
    opacity: 1;
  }
  body .visit .step-3 {
    padding: 15px;
  }
  body .visit .step-3 fieldset {
    padding: 15px;
    box-shadow: none;
    background: transparent;
  }
  body .picnic-experience {
    width: 97%;
  }
}
@media only screen and (max-width: 359px) {
  body .visit .cat-items {
    padding: 0px;
  }
  body .visit .step-3 {
    padding: 0;
  }
}
body.visit-online .visit-intro {
  background: no-repeat center;
  background-size: cover;
  text-align: center;
  padding: 0 0 40px;
  margin-bottom: 40px;
}
body.visit-online .visit-intro .text {
  max-width: 860px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 32px;
}
body.visit-online .visit-intro em {
  font-size: 18px;
}
body.visit-online .visit .txt-intro .lead {
  font-size: 56px;
  font-style: normal;
  text-transform: uppercase;
}
body.visit-online .msg {
  text-align: center;
  padding: 16px;
  margin-bottom: 16px;
}
body.visit-online .msg.msg-fail {
  background: #fab6b6;
}
body.visit-online .msg.msg-success {
  background: lightgreen;
}
#visit-online-form .img {
  object-fit: cover;
  width: 100%;
  display: block;
  height: 480px;
}
.pagewizard-online {
  text-align: center;
  margin-bottom: 52px;
}
.pagewizard-online .title {
  color: #4b2c11;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.pagewizard-online .txt {
  max-width: 600px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
}
.experience-online {
  background-color: #ededed;
  padding: 36px 72px !important;
  margin: 1.5% auto;
  max-width: 500px;
  color: #4b2c11;
  text-align: center;
  position: relative;
  line-height: 22px;
  display: block;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.experience-online .title {
  font-weight: bold;
  color: #4b2c11;
  font-size: 24px;
  margin-bottom: 12px;
}
.experience-online .text {
  font-size: 18px;
  line-height: 1.5;
}
.experience-online hr {
  margin: 16px 0;
}
.experience-online .price {
  font-size: 24px;
  font-weight: bold;
}
.fs-12 {
  font-size: 12px;
}
.o-50 {
  opacity: 0.5;
}
.mb-56 {
  margin-bottom: 56px;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-24 {
  margin-bottom: 24px;
}
.visit-casadosecos-block {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  text-align: center;
}
.visit-casadosecos-block .btn {
  background: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  color: #fff;
  display: inline-block;
  padding: 8px 32px;
  min-width: 240px;
  text-transform: uppercase;
}
@media only screen and (max-width: 859px) {
  .visit-casadosecos-block {
    margin-bottom: 36px;
  }
  .visit-casadosecos-block .img {
    background: no-repeat center;
    background-size: cover;
    width: 100%;
    height: 120px;
  }
  .visit-casadosecos-block .txt {
    font-size: 13px;
    text-align: center;
    padding: 16px;
  }
  .visit-casadosecos-block .btn-w {
    padding: 0 16px 16px;
  }
}
@media only screen and (min-width: 860px) {
  .visit-casadosecos-block {
    display: flex;
    min-height: 120px;
    margin-bottom: 64px;
  }
  .visit-casadosecos-block .img {
    width: 160px !important;
    flex-grow: 0;
    /* do not grow   - initial value: 0 */
    flex-shrink: 0;
    /* do not shrink - initial value: 1 */
    flex-basis: 160px;
  }
  .visit-casadosecos-block .txt {
    padding: 24px 32px;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
  }
  .visit-casadosecos-block .btn-w {
    padding: 42px 32px;
  }
}
.visit-intro-message {
  text-align: center;
  margin-bottom: 32px;
}
.visit-intro-message h3 {
  font-weight: normal;
  font-size: 32px;
  line-height: 36px;
  margin: 0 auto 16px;
}
.visit-intro-message div {
  font-size: 16px;
  line-height: 26px;
}
.visit-intro-message div p {
  margin: 0;
}
@media only screen and (min-width: 860px) {
  .visit-intro-message {
    margin-top: -32px;
    margin-bottom: 0;
  }
}
.visit-online-message {
  background: #333333 url(/images/bg-onlinetastings.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding: 24px;
  margin-bottom: 24px;
}
.visit-online-message h3 {
  font-size: 20px;
  margin-bottom: 24px;
  margin-top: 0;
}
.visit-online-message div {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
  font-weight: bold;
}
.visit-online-message div p {
  margin: 0;
}
.visit-online-message .btn {
  background: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  color: #333;
  display: inline-block;
  padding: 8px 32px;
  min-width: 240px;
}
@media only screen and (min-width: 860px) {
  .visit-online-message {
    padding: 40px 60px;
    margin-bottom: 48px;
  }
  .visit-online-message h3 {
    font-size: 24px;
  }
  .visit-online-message div {
    font-size: 16px;
    line-height: 22px;
  }
}
/*
    Created on : 14/10/2021, 00:28:39
    Author     : ferna
*/
body.page-new-visit #bar-1 {
  display: none;
}
body.page-new-visit #sfe-page-wrapper {
  padding: 0;
}
body.page-new-visit #sfe-page {
  max-width: none;
}
body.page-new-visit #sfe-header {
  background: transparent;
}
body.page-new-visit:not(.open-menu) #sfe-menu-btn,
body.page-new-visit:not(.open-menu) #sfe-logo {
  filter: brightness(100);
}
@media only screen and (min-width: 1200px) {
  body.page-new-visit #sfe-main-menu a {
    color: #fff;
  }
  body.page-new-visit #sfe-main-menu a:after {
    border-bottom: 1px solid #fff;
  }
  body.page-new-visit #sfe-main-menu a.special-visit {
    border-color: #fff;
  }
}
body.page-new-visit .slick-prev,
body.page-new-visit .slick-next {
  z-index: 1;
}
body.page-new-visit .slick-dotted.slick-slider {
  margin-bottom: 0;
}
body.page-new-visit .slick-dots li {
  width: auto;
}
body.page-new-visit .slick-slider .slick-dots li button {
  height: 8px;
  width: 8px;
  border-radius: 8px;
}
.visit-2 {
  padding-bottom: 100px;
  background: #261e1e;
  box-sizing: border-box;
  font-family: 'Playfair Display';
}
.visit-2 .container {
  padding-left: 32px;
  padding-right: 32px;
}
.visit-2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  background: #fff;
  border: 0;
  color: #261e1e;
  padding: 0 48px;
  line-height: 24px;
  font-size: 22px;
  font-family: inherit;
  font-weight: 900;
  transition: all ease-in-out 300ms;
  white-space: nowrap;
  cursor: pointer;
}
.btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 300ms;
  white-space: nowrap;
  height: 44px;
  background: #fff;
  border: 0;
  color: #4b2c11;
  padding: 0 24px;
  line-height: 24px;
  font-size: 16px;
  font-family: Georgia;
  font-weight: bold;
  text-transform: uppercase;
}
.visit-hero {
  position: relative;
  height: 512px;
  background: no-repeat center;
  background-size: cover;
}
.visit-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  height: 200px;
  z-index: 1;
}
.visit-hero:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  height: 200px;
  z-index: 1;
}
.visit-hero .container {
  position: relative;
  z-index: 2;
  height: 100%;
}
@media only screen and (min-width: 736px) {
  .visit-hero {
    height: 480px;
  }
}
@media only screen and (min-width: 860px) {
  .visit-hero {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) {
  .visit-hero {
    height: 700px;
  }
}
.visit-hero-overlay {
  background-color: rgba(0, 0, 0, 0.51);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}
.visit-hero-bg {
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
.visit-hero-bg video,
.visit-hero-bg iframe,
.visit-hero-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 859px) {
  .visit-hero-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .visit-hero-container .visit-hero-texts,
  .visit-hero-container .visit-hero-img {
    position: static;
  }
  .visit-hero-container .visit-hero-img {
    margin-top: 0;
  }
  .visit-hero-container .visit-hero-texts {
    margin-top: -40px;
  }
}
.visit-hero-title {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  color: #fff;
  margin-bottom: 28px;
  position: relative;
}
.visit-hero-title:before {
  position: absolute;
  width: 140px;
  height: 2px;
  background-color: #fff;
  content: "";
  top: -16px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 736px) {
  .visit-hero-title {
    font-size: 24px;
  }
}
.visit-hero-texts {
  text-align: center;
  position: absolute;
  bottom: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 860px) {
  .visit-hero-texts {
    bottom: 120px;
  }
}
@media only screen and (min-width: 992px) {
  .visit-hero-texts {
    bottom: 156px;
  }
}
.visit-hero-img {
  width: 220px;
  height: 220px;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -110px;
  object-fit: contain;
}
@media only screen and (min-width: 736px) {
  .visit-hero-img {
    width: 308px;
    height: 308px;
    margin-top: 0;
    top: auto;
    bottom: 140px;
  }
}
@media only screen and (min-width: 860px) {
  .visit-hero-img {
    width: 384px;
    height: 384px;
  }
}
@media only screen and (min-width: 992px) {
  .visit-hero-img {
    bottom: 167px;
  }
}
@media only screen and (max-width: 859px) {
  .visit-hero-btn {
    width: 250px;
    min-width: 300px;
    margin-right: 0;
  }
}
.visit-advice {
  position: absolute;
  bottom: 24px;
  max-width: 997px;
  margin: 0 auto;
  left: 32px;
  right: 32px;
  background: rgba(255, 120, 0, 0.6);
  border-radius: 9px;
  text-align: center;
  color: #fff;
  padding: 16px 40px;
}
.visit-advice-btn {
  position: absolute;
  top: 8px;
  right: 8px;
}
.visit-advice-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
.visit-advice-text {
  font-size: 14px;
  line-height: 20px;
}
.visit-summary {
  background: #261e1e;
  color: #f0d8c6;
  padding: 32px 0 48px;
  text-align: center;
}
@media only screen and (min-width: 736px) {
  .visit-summary {
    padding: 80px 0 50px;
  }
}
@media only screen and (min-width: 736px) {
  .visit-summary {
    padding: 80px 0;
  }
}
.visit-summary-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 56px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 736px) {
  .visit-summary-title {
    font-size: 36px;
    margin-bottom: 28px;
  }
}
.visit-summary-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 32px;
}
.visit-summary-text a {
  text-decoration: underline;
}
.visit-summary-text p {
  margin: 4px 0;
}
@media only screen and (min-width: 736px) {
  .visit-summary-text {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 40px;
    max-width: 772px;
    margin-left: auto;
    margin-right: auto;
  }
}
.visit-tasting {
  height: 479px;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
  background: no-repeat center;
  background-size: cover;
}
@media only screen and (min-width: 736px) {
  .visit-tasting {
    height: 512px;
  }
}
@media only screen and (min-width: 860px) {
  .visit-tasting {
    height: 640px;
  }
}
.visit-tasting:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  mix-blend-mode: multiply;
  background-color: #92715a;
  z-index: 1;
}
.visit-tasting .container {
  position: relative;
  z-index: 2;
}
.visit-tasting-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 56px;
}
@media only screen and (min-width: 736px) {
  .visit-tasting-title {
    font-size: 48px;
  }
}
.visit-tasting-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}
.visit-tasting-text a {
  text-decoration: underline;
}
.visit-tasting-text p {
  margin: 4px 0;
}
@media only screen and (min-width: 736px) {
  .visit-tasting-text {
    font-size: 16px;
    line-height: 24px;
    max-width: 400px;
  }
}
@media only screen and (min-width: 736px) {
  .visit-tasting-btn {
    height: 60px;
  }
}
.visit-experiences {
  background: #261e1e;
}
.visit-experiences.is-2x2 {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.visit-experiences.is-2x2 > * {
  flex-basis: 100%;
  flex-shrink: 0;
  flex-grow: 0;
}
@media only screen and (min-width: 992px) {
  .visit-experiences.is-2x2 > * {
    flex-basis: 50%;
  }
}
.visit-experience {
  height: 450px;
  text-align: center;
  color: #f0d8c6;
  display: flex;
  align-items: center;
  position: relative;
}
.visit-experience-title {
  font-size: 20.8px;
  font-weight: 900;
  margin-bottom: 10px;
}
@media only screen and (min-width: 860px) {
  .visit-experience-title {
    margin-bottom: 12px;
  }
}
.visit-experience-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}
.visit-experience-text a {
  text-decoration: underline;
}
.visit-experience-text p {
  margin: 4px 0;
}
.visit-experience-img {
  display: block;
  margin: 0 auto 10px;
  width: 192px;
  height: 192px;
  border-radius: 192px;
  object-fit: cover;
}
@media only screen and (min-width: 860px) {
  .visit-experience-img {
    width: 240px;
    height: 240px;
    margin-bottom: 12px;
  }
}
.visit-reviews {
  background-color: #261e1e;
  text-align: center;
  padding: 40px 0;
}
.visit-reviews .slick-dots {
  bottom: -20px;
}
.visit-reviews .slick-slider .slick-dots li button {
  width: 6px;
  height: 6px;
}
@media only screen and (min-width: 736px) {
  .visit-reviews {
    padding-bottom: 100px;
  }
}
.visit-reviews-balloon {
  max-width: 384px;
  margin: 0 auto 16px;
  padding: 15.6px 19.8px 31.2px 18px;
  border-radius: 4.8px;
  background-color: #f0d8c6;
  position: relative;
}
.visit-reviews-balloon:after {
  position: absolute;
  border: 20px solid transparent;
  border-top-color: #f0d8c6;
  content: "";
  bottom: -40px;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 1;
  width: 0;
}
@media only screen and (min-width: 860px) {
  .visit-reviews-balloon {
    max-width: 480px;
  }
}
.visit-reviews-tripadvisor {
  display: block;
  margin: 32px auto 16px;
}
@media only screen and (min-width: 860px) {
  .visit-reviews-tripadvisor {
    margin: 40px auto 24px;
  }
}
.visit-review-stars {
  font-size: 17px;
  color: #da5325;
}
@media only screen and (min-width: 860px) {
  .visit-review-stars {
    font-size: 21px;
    line-height: 1;
    margin-bottom: 10px;
  }
}
.visit-review-title {
  font-size: 9.6px;
  text-align: center;
}
@media only screen and (min-width: 860px) {
  .visit-review-title {
    font-size: 12px;
    line-height: 20px;
  }
}
.visit-review-text {
  font-size: 12.8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.5;
}
@media only screen and (min-width: 860px) {
  .visit-review-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.visit-abouts {
  color: #fff;
  text-align: center;
}
.visit-abouts-tabs {
  display: none;
  position: relative;
  height: 479px;
}
@media only screen and (min-width: 736px) {
  .visit-abouts-tabs {
    display: block;
    height: 512px;
  }
}
@media only screen and (min-width: 860px) {
  .visit-abouts-tabs {
    height: 640px;
  }
}
.visit-abouts-tabs-nav {
  position: absolute;
  bottom: 140px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-flex;
  z-index: 2;
  font-size: 38.4px;
  font-weight: 900;
  justify-content: center;
}
.visit-about-tab,
.visit-about-dot {
  opacity: 0.4;
  transition: all ease-in-out 300ms;
  margin: 0 4px;
}
.visit-about-tab.is-active,
.visit-about-dot.is-active {
  opacity: 1;
}
.visit-about-tab-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  transition: all ease-in-out 300ms;
  opacity: 0;
}
.visit-about-tab-container.is-active {
  opacity: 1;
}
.visit-about-tabs-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  margin-top: -16px;
}
.visit-about-tabs-arrow.is-left {
  left: 16px;
}
.visit-about-tabs-arrow.is-right {
  right: 16px;
  transform: rotate(180deg);
}
@media only screen and (min-width: 736px) {
  .visit-abouts-slider {
    display: none;
  }
}
.visit-about {
  height: 479px;
  display: flex;
  align-items: flex-end;
  position: relative;
  background: no-repeat center;
  background-size: cover;
}
@media only screen and (min-width: 736px) {
  .visit-about {
    height: 512px;
  }
}
@media only screen and (min-width: 860px) {
  .visit-about {
    height: 640px;
  }
}
.visit-about:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  z-index: 1;
}
.visit-about .container {
  position: relative;
  z-index: 2;
}
.visit-about-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 56px;
}
.visit-about-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin: 0 auto 72px;
  max-width: 577px;
}
.visit-about-text a {
  text-decoration: underline;
}
.visit-about-text p {
  margin: 4px 0;
}
@media only screen and (min-width: 736px) {
  .visit-about-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
    max-height: 98px;
    overflow: hidden;
  }
}
.visit-contacts {
  position: relative;
}
@media only screen and (min-width: 736px) {
  .visit-contacts {
    display: flex;
  }
  .visit-contacts .visit-map {
    width: 360px;
    height: 440px;
    margin: 40px 32px 40px 0;
  }
}
@media only screen and (min-width: 860px) {
  .visit-contacts .visit-contacts-text {
    width: 50%;
    padding-left: 15%;
  }
  .visit-contacts .visit-map {
    width: 50%;
    height: 440px;
  }
}
.visit-contacts-text {
  padding: 40px 32px;
  font-family: Georgia;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: normal;
  text-align: center;
  color: #f0d8c6;
}
.visit-contacts-text h4 {
  color: #fff;
  text-transform: uppercase;
  margin: 20px 0;
}
@media only screen and (min-width: 736px) {
  .visit-contacts-text {
    font-size: 14px;
  }
  .visit-contacts-text h4 {
    font-size: 16px;
  }
}
.visit-map {
  height: 210px;
  position: relative;
}
.visit-map .map {
  height: 100%;
}
.visit-map .btns {
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 32px;
  display: flex;
}
.visit-map .btns .btn2:first-child {
  margin-left: 0;
}
.visit-map .btns .btn2:last-child {
  margin-right: 0;
}
.visit-map .btn2 {
  font-size: 12px;
  font-weight: normal;
  height: 32px;
  margin: 0 8px;
  flex-grow: 1;
  flex-basis: 0;
}
.visit-alert {
  padding: 56px 32px;
  text-align: center;
}
.visit-alert-btn {
  font-family: Georgia;
  font-size: 12px;
  font-weight: bold;
  border-radius: 24px;
  background-color: #ff7800;
  padding: 8px 40px;
  display: inline-block;
  max-width: 795px;
  margin: 0 auto;
}
@media only screen and (min-width: 736px) {
  .visit-alert-btn {
    font-size: 18px;
    line-height: 24px;
    display: block;
  }
}
.visit-2.is-no-map .visit-contacts-text {
  width: auto;
  padding: 0;
  flex-grow: 1;
  padding: 50px 0;
  background: rgba(64, 57, 52, 0.3);
}
.visit-2.is-no-map .visit-contacts-text h4:first-child {
  margin-top: 0;
}
#visit-2-8 .visit-summary {
  color: #262121;
  background: #f0d8c6;
}
#visit-2-8 .visit-summary .btn2 {
  background-color: rgba(38, 33, 33, 0.1);
  color: #262121;
  font-size: 18px;
  font-weight: bold;
  height: 56px;
  min-width: 220px;
  gap: 20px;
  transition: all ease-in-out 300ms;
}
#visit-2-8 .visit-summary .btn2 svg,
#visit-2-8 .visit-summary .btn2 img {
  height: 40px;
  width: 52px;
}
#visit-2-8 .visit-summary .btn2 svg path,
#visit-2-8 .visit-summary .btn2 img path {
  fill: currentColor;
}
#visit-2-8 .visit-summary .btn2:hover {
  background-color: #262121;
  color: #f0d8c6;
}
#closed-popup {
  font-family: Georgia;
}
#closed-popup .popup-container {
  max-width: 712px;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
#closed-popup .closed-wrapper {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 460px;
  margin: 0 auto;
  justify-content: center;
  height: 300px;
}
#closed-popup .closed-title {
  margin: 0;
  font-size: 32px;
  font-weight: normal;
  line-height: 1.5;
}
#closed-popup .closed-text {
  font-size: 14px;
  line-height: 1.71;
}
@media only screen and (max-width: 859px) {
  #closed-popup .closed-text {
    padding: 16px;
  }
}
#easter-popup .popup-container {
  max-width: 390px;
}
#easter-popup hr {
  max-width: 120px;
  margin: 16px auto;
}
#easter-popup p {
  margin: 8px 0;
}
#easter-popup .easter-text {
  line-height: 1.5;
}
#easter-popup .btn-solid {
  margin-top: 32px;
}
.nextyear-message {
  display: none;
  margin: 56px 0;
  transition: all ease-in-out 300ms;
  padding: 16px;
  color: #000;
}
.nextyear-message.is-visible {
  /*background: #fcba3d;*/
}
.visit-contacts-social {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin: 16px;
}
.visit-contacts-social a {
  opacity: 0.7;
  transition: all ease-in-out 300ms;
}
.visit-contacts-social a:hover {
  opacity: 1;
}
.visit-contacts-social img {
  width: 48px;
  height: 48px;
}
#enogastronomic-error,
#picnic-error {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}
#enogastronomic-error a,
#picnic-error a {
  text-decoration: underline;
}
#enogastronomic-error p,
#picnic-error p {
  margin: 4px 0;
}
.child-note {
  display: none;
  background-color: rgba(240, 216, 198, 0.2);
}
/*
    Created on : 15/10/2021, 10:05:52
    Author     : ferna
*/
.visstep2 {
  background-color: #261e1e;
  padding-top: 67px;
  text-align: center;
  box-sizing: border-box;
  font-family: 'Playfair Display';
}
@media only screen and (min-width: 1200px) {
  .visstep2 {
    padding-top: 144px;
  }
}
.visstep2 .container {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 736px) {
  .visstep2 .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.visstep2-steps {
  margin: 16px auto;
}
.visstep2-steps-bar {
  display: inline-flex;
  align-items: center;
}
.visstep2-step {
  width: 21px;
  height: 21px;
  border: solid 1px #f0d8c6;
  font-size: 16px;
  font-weight: bold;
  color: #261e1e;
  border-radius: 21px;
  display: block;
  line-height: 19px;
  text-align: center;
}
.visstep2-step.is-active {
  background-color: #f0d8c6;
}
.visstep2-step-sep {
  width: 27px;
  display: block;
  height: 1px;
  background: #f0d8c6;
}
.visstep2-intro {
  margin-bottom: 24px;
}
.visstep2-intro-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 1.31;
  color: #e36e1a;
  margin-bottom: 16px;
}
@media only screen and (min-width: 736px) {
  .visstep2-intro-title {
    font-size: 48px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 860px) {
  .visstep2-intro-title {
    font-size: 56px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 736px) {
  .visstep2-intro-title {
    margin-bottom: 24px;
  }
}
.visstep2-intro-text {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
@media only screen and (min-width: 736px) {
  .visstep2-intro-text {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 56px;
  }
}
.visstep2-experiences {
  padding-bottom: 32px;
}
.visstep2-experience {
  color: #f0d8c6;
  padding: 24px 16px;
  margin-bottom: 16px;
  transition: all ease-in-out 300ms;
}
@media only screen and (min-width: 736px) {
  .visstep2-experience {
    padding: 32px 16px;
  }
}
.visstep2-experience:hover {
  background: rgba(0, 0, 0, 0.2);
}
.visstep2-experience.is-active {
  background: rgba(0, 0, 0, 0.2);
}
.visstep2-experience.is-active .visstep2-experience-input {
  background: #f0d8c6;
  color: #261e1e;
}
.visstep2-experience-img {
  width: 128px;
  height: 128px;
  border-radius: 128px;
  object-fit: cover;
}
@media only screen and (min-width: 736px) {
  .visstep2-experience-img {
    width: 160px;
    height: 160px;
  }
}
.visstep2-experience-title {
  font-size: 14px;
  font-weight: 900;
  margin-top: 8px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 736px) {
  .visstep2-experience-title {
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 736px) {
  .visstep2-experience-title {
    font-size: 22px;
    line-height: normal;
  }
}
.visstep2-experience-text {
  font-size: 10px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 736px) {
  .visstep2-experience-text {
    font-size: 12px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 736px) {
  .visstep2-experience-text {
    font-size: 14px;
    line-height: 24px;
  }
}
.visstep2-experience-price {
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 16px;
}
@media only screen and (min-width: 736px) {
  .visstep2-experience-price {
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 736px) {
  .visstep2-experience-price {
    font-size: 22px;
    line-height: normal;
  }
}
.visstep2-experience-quantity {
  display: inline-flex;
  align-items: center;
}
.visstep2-experience-btn-up,
.visstep2-experience-btn-down {
  background: #261e1e;
  border: 0;
  cursor: pointer;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
@media only screen and (min-width: 736px) {
  .visstep2-experience-btn-up,
  .visstep2-experience-btn-down {
    width: 38px;
    height: 38px;
    border-radius: 19px;
  }
}
.visstep2-experience-input {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  font-size: 25.6px;
  font-weight: 900;
  color: inherit;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 0;
  vertical-align: middle;
  border-radius: 50px;
  margin-left: 4px;
  margin-right: 4px;
  font-family: serif;
  /*padding-bottom: 8px;*/
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
@media only screen and (min-width: 736px) {
  .visstep2-experience-input {
    width: 38px;
    height: 38px;
    font-size: 32px;
    line-height: normal;
    margin-left: 12px;
    margin-right: 12px;
  }
}
@media only screen and (min-width: 860px) {
  .visstep2-experience-input {
    width: 56px;
    height: 56px;
  }
}
.visstep2-experience-input::-webkit-outer-spin-button,
.visstep2-experience-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.visstep2-experience-input[type=number] {
  -moz-appearance: textfield;
}
.visstep2-extras {
  background: #1f1c1c;
  padding: 40px 0;
}
.visstep2-extras-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 1.31;
  color: #e36e1a;
  margin-bottom: 40px;
}
@media only screen and (min-width: 736px) {
  .visstep2-extras-title {
    font-size: 48px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 860px) {
  .visstep2-extras-title {
    font-size: 56px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 736px) {
  .visstep2-extras-title {
    margin-bottom: 0;
  }
}
.visstep2-extra {
  color: #f0d8c6;
  padding: 40px 0;
}
.visstep2-extra.is-active .visstep2-extra-btn {
  opacity: 1;
  background: #f0d8c6;
  color: #1f1c1c;
}
.visstep2-extra.is-active .visstep2-extra-txt-regular {
  display: none;
}
.visstep2-extra.is-active .visstep2-extra-txt-active {
  display: inline;
}
.visstep2-extra-img {
  width: 180px;
  height: 180px;
  border-radius: 128px;
  object-fit: cover;
}
@media only screen and (min-width: 736px) {
  .visstep2-extra-img {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 860px) {
  .visstep2-extra-img {
    width: 224px;
    height: 224px;
  }
}
.visstep2-extra-title {
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 4px;
}
.visstep2-extra-text {
  font-size: 14px;
  line-height: 1.71;
  margin-bottom: 48px;
}
.visstep2-extra-btn {
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  background: transparent;
  border: 0;
  height: 54px;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #f0d8c6;
  opacity: 0.5;
  cursor: pointer;
  transition: all ease-in-out 300ms;
}
.visstep2-extra-txt-active {
  display: none;
}
.visstep2-next {
  padding: 40px 16px 120px;
}
.visstep2-next-btn {
  width: 100%;
  background: #e36e1a;
  transition: background-color ease-in-out 300ms;
}
.visstep2-next-btn:hover {
  background: #DA5B00;
}
@media only screen and (min-width: 736px) {
  .visstep2-next-btn {
    width: 300px;
  }
}
/*
    Created on : 15/10/2021, 10:05:52
    Author     : ferna
*/
.visstep3-form {
  max-width: 389px;
  margin: 0 auto;
}
.visstep3-form .form-field {
  margin-bottom: 30px;
}
.visstep3-form .form-label {
  color: rgba(240, 216, 198, 0.6);
  font-size: 14px;
  display: block;
  text-align: left;
}
.visstep3-form .form-control {
  font-size: 14px;
  color: #f0d8c6;
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(240, 216, 198, 0.4);
  padding: 8px 0;
  font-size: 16px;
  font-weight: bold;
  outline: none;
}
.visstep3-form select.form-control option {
  color: #261e1e;
}
.visstep3-form select.form-control option[disabled] {
  color: #999;
}
.visstep3-summary {
  background-color: #1f1c1c;
  color: #f0d8c6;
  padding: 32px 70px;
}
.visstep3-summary-title {
  font-size: 24px;
  font-weight: 900;
}
.visstep3-summary-title.is-bottom {
  padding-bottom: 0;
  margin-bottom: 0;
  border-top: 1px solid rgba(240, 216, 198, 0.2);
  padding-top: 16px;
}
.visstep3-summary-title.is-top {
  border-top: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(240, 216, 198, 0.2);
}
.visstep3-summary-line {
  opacity: 0.5;
  font-size: 16px;
  margin-bottom: 24px;
}
.visstep3-summary-vat {
  font-size: 12px;
  margin-top: 16px;
  opacity: 0.5;
}
.visstep3-footer {
  color: #f0d8c6;
}
.visstep3-footer .checkbox {
  color: #f0d8c6;
  text-align: left;
  font-size: 14px;
  margin: 20px 0;
}
.visstep3-footer-payments {
  opacity: 0.5;
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 40px;
}
.visstep3-next-btn {
  font-size: 32px;
  width: 100%;
  margin-bottom: 80px;
  background: #e36e1a;
  padding: 4px;
  height: 68px;
  transition: background-color ease-in-out 300ms;
}
.visstep3-next-btn:hover {
  background: #DA5B00;
}
@media only screen and (min-width: 736px) {
  .visstep3-next-btn {
    width: 388px;
  }
}
.visstep3-next-btn span {
  line-height: 52px;
  display: block;
  width: 100%;
  height: 100%;
  border: 4px solid #261e1e;
}
/*
    Created on : 18/10/2021, 17:57:08
    Author     : ferna
*/
.visstep3-summary-line2 {
  opacity: 0.5;
  font-size: 16px;
  margin-bottom: 8px;
  text-align: left;
}
.visstep3-summary-line2 .ta-right {
  float: right;
}
.visstep3-summary-sep {
  border-top: 1px solid rgba(240, 216, 198, 0.2);
  margin: 16px 0;
}
.visstep4-share {
  padding: 40px 0;
  color: #f0d8c6;
}
.visstep4-share-title {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 24px;
}
.visstep4-share-icons {
  display: inline-flex;
}
.visstep4-share-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: #f0d8c6;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  margin: 0 6px;
  color: #261e1e;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 14, 2021, 3:30:50 PM
    Author     : mv
*/
.a-orange {
  color: #e36e1a;
  transition: all ease-in-out 300ms;
}
.a-orange:hover {
  color: #DA5B00;
}
.visonl {
  padding-bottom: 100px;
  background: #261e1e;
  box-sizing: border-box;
  font-family: 'Playfair Display';
  text-align: center;
  color: #f0d8c6;
  /*	.container{
		padding-left: 32px;
		padding-right: 32px;
	}*/
}
@media only screen and (min-width: 736px) {
  .visonl .visonl-header {
    float: left;
    margin-left: 32px;
    text-align: left;
    width: calc(58.33333333% - 32px);
    padding-right: 32px;
  }
  .visonl .visonl-form {
    margin-top: 100px;
    float: right;
    width: calc(41.66666667% - 32px);
    margin-right: 32px;
  }
  .visonl .visonl-detail-1 {
    float: right;
    width: calc(41.66666667% - 32px);
    margin-right: 32px;
    clear: right;
  }
  .visonl .visonl-products {
    float: left;
    margin-left: 32px;
    /*text-align: left;*/
    width: calc(58.33333333% - 32px);
    padding-right: 32px;
    display: flex;
  }
  .visonl .visonl-detail-2 {
    clear: left;
    position: relative;
  }
  .visonl .visonl-detail-2:before,
  .visonl .visonl-detail-2:after {
    content: " ";
    display: table;
  }
  .visonl .visonl-detail-2:after {
    clear: both;
  }
  .visonl .visonl-detail-2:before,
  .visonl .visonl-detail-2:after {
    content: " ";
    display: table;
  }
  .visonl .visonl-detail-2:after {
    clear: both;
  }
  .visonl .visonl-detail-2 .visonl-detail-texts {
    float: left;
    margin-left: 32px;
    width: calc(50% - 32px);
    padding-right: 32px;
    position: relative;
    z-index: 1;
  }
  .visonl .visonl-detail-2 .visonl-detail-image {
    width: calc(58.33333333% - 32px);
    position: absolute;
    bottom: 0;
    right: 0px;
  }
  .visonl .visonl-about {
    clear: both;
  }
}
@media only screen and (min-width: 860px) {
  .visonl {
    /*		.visonl-detail-2{
			.clearfix();
			clear:left;
			position: relative;
			
			.visonl-detail-texts{
				float:left;
				margin-left: 32px;
				width: calc(@column-left - 32px);
				padding-right: 32px;
				position: relative;
				z-index: 1;
			}
			
			.visonl-detail-image{
				width: calc(@column-right - 32px);
				
				position: absolute;
				bottom: 0;
				right: 0px;
				height: 270px;
			}
		} */
  }
  .visonl .visonl-header {
    margin-bottom: 40px;
  }
  .visonl .visonl-form {
    /*width: 436px;*/
  }
  .visonl .visonl-detail-1 {
    /*width: 436px;*/
  }
  .visonl .container {
    max-width: 1200px;
  }
}
@media only screen and (min-width: 1200px) {
  .visonl .visonl-header {
    padding-top: 160px;
  }
  .visonl .visonl-form {
    margin-top: 160px;
  }
}
.visonl-header {
  padding-top: 100px;
  padding-bottom: 24px;
}
.visonl-header-title {
  font-size: 48px;
  font-weight: 900;
  color: #e36e1a;
  margin-bottom: 16px;
}
@media only screen and (min-width: 736px) {
  .visonl-header-title {
    font-size: 64px;
  }
}
@media only screen and (min-width: 860px) {
  .visonl-header-title {
    font-size: 96px;
    line-height: 106px;
  }
}
.visonl-header-text {
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 736px) {
  .visonl-header-text {
    font-size: 18px;
    line-height: 1.33;
  }
}
@media only screen and (min-width: 860px) {
  .visonl-header-text {
    font-size: 22px;
    line-height: 32px;
    max-width: 440px;
  }
}
.visonl-form {
  position: relative;
  width: 300px;
  margin: 0 auto;
  text-align: left;
}
.visonl-form-fields {
  padding: 16px;
  background-color: #fff;
}
.visonl-form-fields label {
  font-size: 14px;
  color: #666;
}
.visonl-form-fields input,
.visonl-form-fields select {
  border: 0;
  border-bottom: solid 1px #999;
  padding: 0 0 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 16px;
  outline: none;
  display: block;
  width: 100%;
  background: #fff;
}
.visonl-form-fields button {
  padding: 0;
  background-color: #e36e1a;
  font-size: 26px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 52px;
  color: #fff;
  width: 100%;
  display: block;
  border: 0;
}
.visonl-form-fields button:hover {
  background: #DA5B00;
}
.visonl-form-note {
  color: #999;
  font-size: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.visonl-thanks {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background: #261e1e;
  text-align: center;
  color: #fff;
  padding: 40px 16px 16px;
  box-shadow: 0 2px 16px 0 #000;
  border: solid 4px #fff;
  display: none;
}
.visonl-thanks-title {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.33;
  margin-bottom: 24px;
}
@media only screen and (min-width: 736px) {
  .visonl-thanks-title {
    font-size: 30px;
  }
}
.visonl-thanks-text {
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 32px;
}
@media only screen and (min-width: 736px) {
  .visonl-thanks-text {
    font-size: 16px;
  }
}
.visonl-thanks-btn {
  color: #261e1e;
  display: block;
  width: 100%;
}
.visonl-detail {
  padding: 42px 32px;
}
@media only screen and (min-width: 736px) {
  .visonl-detail {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.visonl-detail.is-with-gradient {
  background-image: linear-gradient(to bottom, #261e1e, #1c1717);
  padding-bottom: 0;
}
.visonl-detail-title {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.25;
}
@media only screen and (min-width: 736px) {
  .visonl-detail-title {
    font-size: 30px;
    line-height: 1;
  }
}
.visonl-detail-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}
.visonl-detail-text a {
  text-decoration: underline;
}
.visonl-detail-text p {
  margin: 4px 0;
}
@media only screen and (min-width: 736px) {
  .visonl-detail-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.visonl-detail-button {
  color: #e36e1a;
  font-size: 24px;
  font-weight: 900;
  padding: 24px 0;
  display: inline-block;
  cursor: pointer;
}
@media only screen and (min-width: 736px) {
  .visonl-detail-button {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 24px;
  }
}
.visonl-detail-image {
  margin-top: 64px;
  display: block;
}
.visonl-detail-1 {
  /*	.responsive-sm({
		width: @column-right;
		float:right;
	});*/
}
.visonl-product {
  display: inline-flex;
  margin-bottom: 44px;
}
.visonl-product-img {
  height: 366px;
  margin: 0 12px;
}
@media only screen and (min-width: 736px) {
  .visonl-product-img {
    height: 424px;
  }
}
@media only screen and (min-width: 860px) {
  .visonl-product-img {
    height: 500px;
  }
}
@media only screen and (min-width: 992px) {
  .visonl-product-img {
    height: 558px;
  }
}
.visonl-sequence {
  margin-bottom: 50px;
}
.visonl-about {
  height: 480px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: no-repeat center;
  background-size: cover;
}
.visonl-about:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}
@media only screen and (min-width: 736px) {
  .visonl-about {
    height: 480px;
  }
}
@media only screen and (min-width: 860px) {
  .visonl-about {
    height: 600px;
  }
}
.visonl-about-title {
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  max-width: 240px;
  margin: 0 auto 24px;
}
@media only screen and (min-width: 736px) {
  .visonl-about-title {
    max-width: none;
    font-size: 32px;
    margin-bottom: 38px;
  }
}
.visonl-about-btn {
  width: 240px;
}
@media only screen and (min-width: 736px) {
  .visonl-about-btn {
    height: 52px;
    width: 356px;
  }
}
.visonl-about-texts {
  max-width: 240px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 736px) {
  .visonl-about-texts {
    max-width: none;
  }
}
.visonl-contact {
  padding: 32px;
}
.visonl-contact-title {
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 16px;
}
.visonl-contact-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}
.visonl-contact-text a {
  text-decoration: underline;
}
.visonl-contact-text p {
  margin: 4px 0;
}
/*
    Created on : 29/07/2024, 16:50:53
    Author     : ferna
*/
body.is-portfolio .header {
  pointer-events: none;
}
body.is-portfolio .header #sfe-main-menu,
body.is-portfolio .header #sfe-logo {
  pointer-events: auto;
}
body.is-portfolio #sfe-page-wrapper {
  padding: 0;
}
body.is-portfolio #sfe-page {
  max-width: none;
}
body.is-portfolio .header {
  height: auto !important;
  background-color: transparent !important;
}
body.is-portfolio .header .container {
  max-width: calc(100% - 32px);
}
body.is-portfolio.is-scrolled .header {
  background-color: #faf8f5 !important;
}
body.is-portfolio.is-scrolled #sfe-menu-btn {
  background: url("/images/icn-menu-brown.svg?v=1");
}
body.is-portfolio #sfe-menu-btn {
  background: url("/images/icn-menu-white.svg?v=1");
}
@media only screen and (max-width: 859px) {
  body.is-portfolio #sfe-logo {
    filter: brightness(100);
  }
  body.is-portfolio.is-scrolled #sfe-logo,
  body.is-portfolio.open-menu #sfe-logo {
    filter: none;
  }
  body.is-portfolio.is-scrolled #sfe-menu-btn,
  body.is-portfolio.open-menu #sfe-menu-btn {
    background: url("/images/icn-menu-brown.svg?v=1");
  }
}
@media only screen and (min-width: 860px) {
  body.is-portfolio .header {
    transition: all ease-in-out 300ms;
  }
  body.is-portfolio:not(.is-scrolled, .portfolio-popup-open) #sfe-logo {
    filter: brightness(100);
  }
  body.is-portfolio:not(.is-scrolled, .portfolio-popup-open) #sfe-main-menu a {
    color: #fff;
    border-color: #fff;
  }
  body.is-portfolio:not(.is-scrolled, .portfolio-popup-open) #sfe-main-menu a:after {
    border-color: #fff;
  }
  body.is-portfolio:not(.is-scrolled) .header {
    padding: 24px 16px 0 !important;
  }
  body.is-portfolio.portfolio-popup-open .header {
    pointer-events: none;
  }
  body.is-portfolio.open-menu #sfe-logo {
    filter: none;
  }
  body.is-portfolio.open-menu #sfe-menu-btn {
    background: url("/images/icn-menu-brown.svg?v=1");
  }
  body.is-portfolio.open-menu #sfe-main-menu .main {
    margin-top: 88px;
    padding-right: 20px;
  }
  body.is-portfolio.open-menu #sfe-main-menu a {
    color: #735944;
  }
}
.portfolio-wrapper {
  color: #735944;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 64px;
}
@media only screen and (min-width: 860px) {
  .portfolio-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.portfolio-titles {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 64px;
  color: #735944;
}
.portfolio-titles h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
}
.portfolio-titles hr {
  height: 1px;
  width: 128px;
  border: 0;
  border-bottom: solid 1px rgba(115, 89, 68, 0.3);
  margin: 0 auto;
}
.portfolio-titles h2 {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
}
@media only screen and (min-width: 860px) {
  .portfolio-titles h1 {
    font-size: 32px;
    letter-spacing: 4px;
  }
  .portfolio-titles hr {
    width: 300px;
  }
  .portfolio-titles h2 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
  }
}
.card {
  --image-size: 227px;
  position: relative;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
  height: 100%;
}
.card img {
  display: block;
  object-fit: contain;
}
.card .card-logo {
  height: var(--image-size);
  background: url("/images/portfolio/img-bottle.svg?v=1") no-repeat center;
  background-size: contain;
}
.card .card-logo .card-logo-img {
  background: #fff;
  width: 64px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px;
}
.card .card-bottle .card-bottle-img {
  height: var(--image-size);
  margin: 0 auto;
}
.card .external-link {
  position: absolute;
  top: 16px;
  right: 16px;
  opacity: 0;
  transition: all ease-in-out 300ms;
}
@media only screen and (min-width: 860px) {
  .card {
    --image-size: 300px;
    padding: 24px 16px;
  }
  .card .card-bottle .card-bottle-img {
    margin-bottom: 16px;
  }
  .card:hover .external-link {
    opacity: 1;
  }
}
.card-wineyard {
  color: #7f7f7f;
  font-size: 10px;
  margin: 4px 0;
}
@media only screen and (min-width: 860px) {
  .card-wineyard {
    font-size: 13px;
    margin-bottom: 8px;
  }
}
.card-wine {
  font-size: 14px;
  color: #333;
}
@media only screen and (min-width: 860px) {
  .card-wine {
    font-size: 18px;
    min-height: 36px;
  }
}
.porftolio-filters {
  color: #735944;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.filter {
  font-size: 14px;
}
.filter input {
  display: inline;
  width: auto;
}
.filter.is-closed .filter-items {
  display: none;
}
.filter.is-closed .filter-toggle {
  transform: rotateZ(-90deg);
}
.filter-toggle {
  cursor: pointer;
}
.filter-reset {
  /*border-top: 1px solid fade(#735944, 20%);*/
  padding: 0 0 16px 0;
  text-transform: uppercase;
}
.filter-title {
  border-top: 1px solid rgba(115, 89, 68, 0.2);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.filter-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filter-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-item.is-active {
  font-weight: bold;
}
@media only screen and (min-width: 860px) {
  .portfolio-head {
    padding: 17px;
    margin-bottom: 74px;
    display: flex;
    color: #735944;
    /*background: url(/images/portfolio/bg-frame.svg) no-repeat;*/
    background-size: 100% 100%;
    position: relative;
  }
  .portfolio-head-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
  }
  .portfolio-frame {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #735944;
  }
  .portfolio-frame-line-bottom,
  .portfolio-frame-line-top {
    position: absolute;
    margin: 0 16px;
    display: flex;
    left: 0;
    right: 0;
  }
  .portfolio-frame-line-bottom .portfolio-frame-line-sep,
  .portfolio-frame-line-top .portfolio-frame-line-sep {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 0;
    flex-grow: 1;
    position: relative;
    border-left: 1px solid #735944;
    height: 16px;
  }
  .portfolio-frame-line-bottom .portfolio-frame-line-sep:last-child,
  .portfolio-frame-line-top .portfolio-frame-line-sep:last-child {
    border-right: 1px solid #735944;
  }
  .portfolio-frame-line-bottom {
    bottom: 0;
    /*border-bottom: 1px solid @color-portfolio;*/
  }
  .portfolio-frame-line-top {
    top: 0;
    /*border-top: 1px solid @color-portfolio;*/
  }
  .portfolio-frame-line-left,
  .portfolio-frame-line-right {
    position: absolute;
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    top: 0;
    bottom: 0;
  }
  .portfolio-frame-line-left .portfolio-frame-line-sep,
  .portfolio-frame-line-right .portfolio-frame-line-sep {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 0;
    flex-grow: 1;
    position: relative;
    border-top: 1px solid #735944;
    width: 16px;
  }
  .portfolio-frame-line-left .portfolio-frame-line-sep:last-child,
  .portfolio-frame-line-right .portfolio-frame-line-sep:last-child {
    border-bottom: 1px solid #735944;
  }
  .portfolio-frame-line-left {
    left: 0;
    /*border-left: 1px solid @color-portfolio;*/
  }
  .portfolio-frame-line-right {
    right: 0;
    /*border-right: 1px solid @color-portfolio;*/
  }
  .portfolio-frame-corner {
    position: absolute;
    width: 16px;
    height: 16px;
    overflow: hidden;
  }
  .portfolio-frame-corner:after {
    content: "";
    position: absolute;
    z-index: 1;
    background: #735944;
    width: 32px;
    height: 1px;
  }
  .portfolio-frame-corner.is-topleft {
    top: 0;
    left: 0;
  }
  .portfolio-frame-corner.is-topleft:after {
    bottom: 9px;
    left: -6px;
    transform: rotate(-45deg);
  }
  .portfolio-frame-corner.is-topright {
    top: 0;
    right: 0;
  }
  .portfolio-frame-corner.is-topright:after {
    top: 9px;
    left: -6px;
    transform: rotate(45deg);
  }
  .portfolio-frame-corner.is-bottomleft {
    bottom: 0;
    left: 0;
  }
  .portfolio-frame-corner.is-bottomleft:after {
    top: 9px;
    left: -6px;
    transform: rotate(45deg);
  }
  .portfolio-frame-corner.is-bottomright {
    bottom: 0;
    right: 0;
  }
  .portfolio-frame-corner.is-bottomright:after {
    bottom: 9px;
    left: -6px;
    transform: rotate(-45deg);
  }
  .portfolio-map {
    aspect-ratio: 1244/535;
    /*		height: calc(100vh - 84px);
		min-height: 800px;*/
    flex-grow: 1;
    border: solid 1px #735944;
    border-bottom: 0;
    background: no-repeat center;
    background-image: url(/images/portfolio/bg-desktop-map.jpg?v=1);
    background-size: cover;
    position: relative;
  }
  .portfolio-map svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .portfolio-map svg circle,
  .portfolio-map svg g,
  .portfolio-map svg path,
  .portfolio-map svg line {
    transition: all ease-in-out 300ms;
  }
  .portfolio-map svg #markers g,
  .portfolio-map svg #brands g {
    cursor: pointer;
  }
  .portfolio-menu {
    display: flex;
  }
  .portfolio-menu a {
    border: solid 1px #735944;
    border-right: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 6px;
    text-align: center;
    line-height: 50px;
    color: #735944;
    flex-basis: 0;
    flex-grow: 1;
    height: 50px;
    display: block;
    transition: all ease-in-out 300ms;
  }
  .portfolio-menu a:hover {
    background-color: #f3eae2;
  }
  .portfolio-menu a:last-child {
    border-right: solid 1px #735944;
  }
  .portfolio-menu .porfolio-menu-item:hover {
    background-color: #f3eae2;
  }
  .portfolio-menu .porfolio-menu-item.is-highlighted {
    background-color: #f3eae2;
  }
  .portfolio-menu .porfolio-menu-item.is-active {
    background-color: #f3eae2;
    border-top-color: transparent;
  }
  .portfolio-popup {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    left: 1px;
    bottom: 50px;
    right: 1px;
    top: 1px;
    z-index: 10;
    transition: opacity ease-in-out 300ms;
    opacity: 0;
    display: none;
  }
  .portfolio-popup.is-active {
    display: block;
  }
  .portfolio-popup.is-active .portfolio-popup-wrapper {
    transition: opacity ease-in-out 300ms;
    opacity: 0;
  }
  .portfolio-popup.is-visible {
    opacity: 1;
  }
  .portfolio-popup.is-visible .portfolio-popup-wrapper {
    opacity: 1;
  }
  .portfolio-popup-wrapper {
    position: absolute;
    left: 0px;
    bottom: 0;
    right: 0px;
  }
  .portfolio-popup-gradient {
    height: 32px;
    background-image: linear-gradient(to bottom, rgba(115, 89, 68, 0) 18%, rgba(115, 89, 68, 0.19));
  }
  .portfolio-popup-content {
    min-height: 375px;
    aspect-ratio: 1244/400;
    padding: 16px 18px 46.2px 68.4px;
    border-top: solid 1px #735944;
    background-color: #f3eae2;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .portfolio-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .portfolio-popup-close .icn {
    height: 32px;
    width: 32px;
    color: inherit;
  }
}
@media only screen and (max-width: 859px) {
  .portfolio-map {
    aspect-ratio: 375/620;
    width: 100%;
    height: auto;
    display: block;
    /*height: 623px;*/
    background: no-repeat center;
    background-image: url(/images/portfolio/bg-mobile-map.jpg);
    background-size: cover;
    position: relative;
  }
  .portfolio-map svg {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%;
  }
  .portfolio-map-gradient {
    height: 185px;
    background-image: linear-gradient(to bottom, rgba(252, 250, 248, 0), rgba(249, 245, 243, 0.75) 40%, #f9f5f3);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
  }
  .portfolio-menu {
    padding: 0 32px 32px;
    display: flex;
    flex-direction: column;
    margin-top: -82px;
    position: relative;
    z-index: 1;
  }
  .portfolio-menu a {
    display: block;
    text-align: center;
    border-top: solid 1px #735944;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 40px;
    color: #735944;
  }
  .portfolio-menu a:last-child {
    border-bottom: solid 1px #735944;
  }
  body.portfolio-popup-open {
    overflow: hidden;
  }
  .portfolio-popup {
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1;
    display: none;
  }
  .portfolio-popup.is-active {
    display: block;
  }
  .portfolio-popup-wrapper {
    position: absolute;
    left: 0px;
    bottom: 0;
    right: 0px;
  }
  .portfolio-popup-content {
    min-height: 375px;
    /*padding: 16px 18px 46.2px 68.4px;*/
    /*border-top: solid 1px #735944;*/
    background-color: #f9f5f3;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .portfolio-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .portfolio-popup-close .icn {
    height: 32px;
    width: 32px;
    color: inherit;
  }
}
.portfolio-collection-title {
  font-size: 36px;
  margin-bottom: 10px;
}
.portfolio-collection-desc {
  font-size: 18px;
  margin-bottom: 24px;
}
.portfolio-collection-brands {
  display: inline-flex;
  gap: 24px;
  margin-bottom: 32px;
}
.porfolio-brand-btn {
  width: 96px;
  height: 96px;
  opacity: 0.8;
  background-color: #fff;
  border-radius: 96px;
  padding: 10px;
}
.porfolio-brand-btn img {
  height: 76px;
  object-fit: contain;
}
.portfolio-collection-btn {
  color: #fff;
  background: #735944;
  font-size: 14px;
  height: 42px;
  width: 312px;
  padding: 0;
  line-height: 42px;
}
.portfolio-popup-collections .portfolio-collection-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.portfolio-popup-brands {
  bottom: 1px;
}
.portfolio-popup-brands .portfolio-popup-content {
  padding: 16px;
}
@media only screen and (min-width: 860px) {
  .portfolio-popup-brands .portfolio-popup-content {
    background-color: #fff;
    padding: 32px;
    aspect-ratio: 1244/440;
    overflow: auto;
  }
}
@media only screen and (max-width: 859px) {
  .portfolio-popup-brands {
    top: 0;
    bottom: 0;
  }
  .portfolio-popup-brands .portfolio-popup-wrapper {
    top: 0;
    overflow: auto;
    background: #f9f5f3;
    padding: 68px 0;
  }
  .portfolio-popup-brands .portfolio-brand-content {
    flex-direction: column;
    text-align: center;
  }
  .portfolio-popup-brands .portfolio-brand-left {
    border: 0;
  }
  .portfolio-popup-brands .portfolio-brand-right {
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .portfolio-popup-brands .portfolio-popup-content {
    padding: 64px;
  }
}
.portfolio-brand-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.portfolio-brand-left {
  border-right: solid 1px rgba(115, 89, 68, 0.2);
  flex-grow: 4;
  text-align: center;
}
.portfolio-brand-logo {
  margin-bottom: 16px;
}
.portfolio-brand-logo img {
  margin: auto;
  /*background: #fff;*/
  width: 152px;
  height: 152px;
  display: block;
  object-fit: contain;
}
@media only screen and (min-width: 1200px) {
  .portfolio-brand-logo {
    margin-bottom: 40px;
  }
  .portfolio-brand-logo img {
    width: 224px;
    height: 224px;
  }
}
.portfolio-brand-bottles {
  display: inline-flex;
  gap: 2px;
}
.portfolio-brand-bottles img {
  height: 170px;
  max-width: 70px;
  object-fit: cover;
  background: transparent;
  mix-blend-mode: multiply;
  display: block;
}
.portfolio-brand-right {
  flex-grow: 8;
  text-align: lefT;
}
.portfolio-brand-texts {
  max-width: 507px;
  margin: auto;
}
.portfolio-brand-title {
  font-size: 42px;
}
.portfolio-brand-desc {
  font-size: 14px;
  padding: 16px 0;
  line-height: 1.71;
}
.portfolio-brand-btns {
  display: inline-flex;
  gap: 16px;
  margin-bottom: 24px;
}
.portfolio-brand-btns .btn {
  height: 38px;
  line-height: 38px;
  padding: 0 16px;
  font-size: 14px;
}
.portfolio-brand-btns .btn.is-solid {
  background: #735944;
  color: #fff;
}
.portfolio-brand-url {
  font-size: 18px;
  color: #dc7214;
}
.portfolio-filter-strip {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  background-color: #ece5e1;
  padding: 6px;
  gap: 8px;
  /*	  .icn{
		  .size(24px);
	  }*/
}
.portfolio-filter-strip .fa {
  font-size: 16px;
}
.portfolio-filter-strip .icn-filter {
  width: 32px;
  height: 24px;
  color: inherit;
}
.portfolio-filter-strip .icn-close {
  width: 24px;
  height: 24px;
  color: inherit;
}
.portfolio-filter-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  background-color: #f9f5f3;
  flex-direction: column;
  display: none;
  z-index: 1000;
}
.portfolio-filter-popup.is-active {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .portfolio-filter-popup {
    display: none !important;
  }
}
.portfolio-filter-popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.portfolio-filter-popup-close {
  cursor: pointer;
}
.portfolio-filter-popup-content {
  padding: 16px;
  overflow: auto;
  height: 100%;
  /*	
	.filter-reset{
		display: none;
	}
	*/
}
.portfolio-tagline {
  display: none;
  position: absolute;
  width: 32%;
  left: 8px;
  bottom: 32px;
  z-index: 2;
  text-transform: uppercase;
  font-family: Georgia;
  font-size: 16px;
  letter-spacing: 3px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 860px) {
  .portfolio-tagline {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .portfolio-tagline {
    font-size: 20px;
    letter-spacing: 5.71px;
  }
}
@media only screen and (min-width: 1200px) {
  .portfolio-tagline {
    bottom: 64px;
    font-size: 20px;
    letter-spacing: 5.71px;
    padding: 0 32px;
  }
}
.portfolio-tagline img {
  margin-top: 24px;
}
.ldr-wrapper {
  padding: 16px;
  text-align: center;
}
.ldr-wrapper a {
  opacity: 0.6;
  transition: opacity ease-in-out 300ms;
}
.ldr-wrapper a:hover {
  opacity: 1;
}
@media only screen and (min-width: 992px) {
  .d-only {
    display: initial;
  }
}
@media only screen and (max-width: 991px) {
  .d-only {
    display: none !important;
  }
}
@media only screen and (min-width: 860px) {
  .t-only {
    display: initial;
  }
}
@media only screen and (max-width: 859px) {
  .t-only {
    display: none !important;
  }
}
@media only screen and (min-width: 860px) {
  .m-only {
    display: none !important;
  }
}
@media only screen and (max-width: 859px) {
  .m-only {
    display: initial;
  }
}