@import "header.css";
@import "footer.css";
@import "submenu.css";
@import "2023.css";

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


@font-face {
    font-family: 'Aries';
    src: url('../fonts/Aries-Bold.eot');
    src: url('../fonts/Aries-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aries-Bold.woff2') format('woff2'),
        url('../fonts/Aries-Bold.woff') format('woff'),
        url('../fonts/Aries-Bold.ttf') format('truetype'),
        url('../fonts/Aries-Bold.svg#Aries-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aries';
    src: url('../fonts/Aries-Italic.eot');
    src: url('../fonts/Aries-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aries-Italic.woff2') format('woff2'),
        url('../fonts/Aries-Italic.woff') format('woff'),
        url('../fonts/Aries-Italic.ttf') format('truetype'),
        url('../fonts/Aries-Italic.svg#Aries-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Aries';
    src: url('../fonts/Aries-Roman.eot');
    src: url('../fonts/Aries-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aries-Roman.woff2') format('woff2'),
        url('../fonts/Aries-Roman.woff') format('woff'),
        url('../fonts/Aries-Roman.ttf') format('truetype'),
        url('../fonts/Aries-Roman.svg#Aries-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'Aries';
    src: url('../fonts/Aries-ItalicRangingFigs.eot');
    src: url('../fonts/Aries-ItalicRangingFigs.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aries-ItalicRangingFigs.woff2') format('woff2'),
        url('../fonts/Aries-ItalicRangingFigs.woff') format('woff'),
        url('../fonts/Aries-ItalicRangingFigs.ttf') format('truetype'),
        url('../fonts/Aries-ItalicRangingFigs.svg#Aries-ItalicRangingFigs') format('svg');
    font-weight: normal;
    font-style: italic;

} */

/* @font-face {
    font-family: 'Aries';
    src: url('../fonts/Aries-RomanSmallCapLowerCase.eot');
    src: url('../fonts/Aries-RomanSmallCapLowerCase.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aries-RomanSmallCapLowerCase.woff2') format('woff2'),
        url('../fonts/Aries-RomanSmallCapLowerCase.woff') format('woff'),
        url('../fonts/Aries-RomanSmallCapLowerCase.ttf') format('truetype'),
        url('../fonts/Aries-RomanSmallCapLowerCase.svg#Aries-RomanSmallCapLowerCase') format('svg');
    font-weight: normal;
    font-style: normal;

} */
/*
@font-face {
    font-family: 'Aries';
    src: url('../fonts/Aries-RomanRangingFigs.eot');
    src: url('../fonts/Aries-RomanRangingFigs.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aries-RomanRangingFigs.woff2') format('woff2'),
        url('../fonts/Aries-RomanRangingFigs.woff') format('woff'),
        url('../fonts/Aries-RomanRangingFigs.ttf') format('truetype'),
        url('../fonts/Aries-RomanRangingFigs.svg#Aries-RomanRangingFigs') format('svg');
    font-weight: normal;
    font-style: normal;

} */



/*.sp-overlay { z-index: 9 !important; display: none !important;}*/

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-family: 'Aries';
    background:#F3F1E6;
    font-size: 1.172vw;
    font-weight: 400;
    background-size: 100%;
    color:#111111;
    line-height: normal;
}


html,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset,
p,
hr,
iframe {
    border: none;
}

a {
    color: #111111;
    text-decoration: none;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}

a, a:visited {
    color: #111111;
}
a:hover, a:focus, a:visited:hover, a:visited:focus{
    color: #111111;
    font-weight: bold;
}

i {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* ==========================================================================
   form start
   ========================================================================== */

input,
select,
textarea {
    outline: none;
    resize: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    padding: 1.016vw;
    box-shadow: none;
    font-size: 0.547vw;
    margin-bottom: 1.875vw;
    background-color: #EBE8D9;;


}

input[type="radio"],
input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

input[type="radio"],
input[type="checkbox"],
input[type="submit"] {
    cursor: pointer;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none;
    text-decoration: none;
}

select::-ms-expand {
    display: none;
}

label {
    font-size: 11px;
    letter-spacing: 0.2em;
}


/* ==========================================================================
   form end
   ========================================================================== */

img {
    max-width: 100%;
    vertical-align: middle;
    border: none;
    outline: none;
    border-radius: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


/* ==========================================================================
   heading tag start
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    color:#111111;
    text-transform: uppercase;
    font-family: 'Aries';
}

h1 {
    font-weight: 500;
    font-size:3.281vw;
    line-height: 3.906vw;
}

h2 {

    font-weight: 500;
    font-size: 2.031vw;
    line-height: 2.500vw;
    letter-spacing: 0.2em;
    margin:0 0 3.906vw;
}

h3 {
    font-size: 1.016vw;
    font-weight: 500;
    line-height:1.563vw;
    letter-spacing: 0.4em;
    margin:0 0 1.563vw;
}

h4 {
    font-size: 0.938vw;
    font-weight: bold;
    line-height: 1.172vw;
    letter-spacing: 0.1em;
    margin:0 0 1.875vw;
}

h5 {
    font-size: 0.859vw;
    font-weight: 500;
    line-height: 1.172vw;
    letter-spacing: 0.2em;
    margin:0 0 1.875vw;
}


p{
    margin: 0 0 1.56vw;
    font-weight: 500;
    line-height: 1.563vw;
    word-break: inherit;
}

p.big{
    font-size:1.250vw;
    line-height: 1.563vw;
    font-weight: 500;
}

p.small{
    font-size:0.938vw;
    line-height: 1.328vw;
}

p strong {
	font-weight:700;
}

strong{
    font-weight: 700;
}

/* ==========================================================================
   heading tag end
   ========================================================================== */


/* ==========================================================================
   list start
   ========================================================================== */

ol,
ul {
    padding: 0 0 0 1.563vw;
	list-style:disc;
	margin:0 0 1.250vw 0;
}



/* ==========================================================================
   list end
   ========================================================================== */


/* ==========================================================================
   button css start
   ========================================================================== */

.button {
    border: 1px solid #111111;
    background-color: #111111;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    padding: 1.016vw;
    cursor: pointer;
    min-width: 16.484vw;
    letter-spacing: 0.2em;
}
.button:hover{
    background-color: #717E89;
    border: 1px solid #717E89;
}
.button-secondary {
    background-color: transparent;
    padding: 1.016vw;
    letter-spacing: 0.4em;
    color:#111111;
}

.button-secondary:hover {
    background-color: #111111;
    color: #ffffff;
}


/* ==========================================================================
   button css end
   ========================================================================== */


/* ==========================================================================
   Tables start
   ========================================================================== */

table,
th,
td {
    border: 1px solid #111111;
    padding: 1.016vw;
}

table {
    border-collapse: collapse;
}


/* ==========================================================================
   Tables end
   ========================================================================== */

form label {
    line-height: 1.250vw;
    margin-bottom: 0.547vw;
}

.container {
    padding: 0 4.688vw 0 20.313vw;
    margin: 0 auto;
    width: 100%;
}
.single-wine .container {
    padding: 0 4.688vw 0 16vw;
}

.single-wine23 .container {
    padding: 0 4.688vw 0 16vw;
}
.custom-container {
  padding-right:20.313vw;
}



/* ==========================================================================
   common css
   ========================================================================== */

.top-footer .container{
    padding: 0  4.688vw;
}
.pd-top-100{
    padding-top: 7.813vw;
}
.pd-bottom-100{
    padding-bottom: 7.813vw;
}
.pd-left-190{
    padding-left: 14.844vw;
}
.pd-left-0{
    padding-left: 0px;
}
.arrow-up{
    position: fixed;
    right: 4.688vw;
    bottom: 2.734vw;
    z-index: 11;
}
.arrow-up a{
    display: none;
}

.arrow-up a svg{
    width:1.719vw;
}

.main-cover{
    display: flex;
    flex-direction: column;
    /* height: 100%; */
    height: 100vh;
    /* flex: 1; */
}


/* body {
  display: flex;
  flex-direction: column;
} */


.title{
    width: 100%;
    text-align: center;
}

/****** modal css start ******/

body.is-open{
    position: relative;
    overflow: hidden;
}
body.is-open::before{
    position: fixed;
    content: "";
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    z-index: 9999;
}

body.is-open .modal { z-index: 9999; }

/******modal css end *******/

main {
    /* flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    display: flex;
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction: column;
    -webkit-flex-direction: column; */
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    background-color: #F3F1E6;
}

/* html, body {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
} */

/*
#c7wp-cart-box.top-right {
  display: none;
 }*/


.loader{
    position: fixed;
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
    z-index:9999;
    text-align: center;
    background-color: #EBE8D9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loder-open .loader{
    height: 100%;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition-delay: 1s;
    top:0;

}


.textLink {
  position:relative;
  text-decoration:none;
  overflow:hidden;
  display:inline-block;
  font-weight: normal;
}
.textLink:hover {
  font-weight: normal;
}
.textLink:after {
  width:100%;
  height:1px;
  background:#999;
  position:absolute;
  left:0;
  bottom:0px;
  content:'';
  transition:all 0.3s ease-in-out;
}

.textLink:hover:after {
  left:100%;
}

.textLink:before {
  width:0px;
  height:1px;
  background:#000;
  position:absolute;
  left:0;
  bottom:0;
  content:'';
  transition:all 0.16s ease-in-out;
  z-index:55;
}
.textLink:hover:before {
  width:100%;
  transition:all 0.6s ease-in-out;
}

/****** modal css end ******/







/**** responsive css start  ****/

@media screen and (max-width:1279px) {

    .arrow-up a svg{
        width: 22px;
    }

    .pd-left-190{
        padding-left: 190px;
    }
    .pd-left-0{
        padding-left: 0px;
    }
    .pd-top-100{
        padding-top: 100px;
    }

    .arrow-up{
        right:60px;
        bottom:35px;
    }
    .padding-top-100{
        padding-top: 100px;
    }
    .full-width{
        width:calc(100% - 239px);
    }

    .pd-bottom-100{
        padding-bottom: 100px;
    }

    body{
        font-size:15px;
    }

    .container {
      padding: 0 60px 0 260px;
    }
    .single-wine .container {
      padding: 0 60px 0 200px;
    }
    .custom-container {
      padding-right: 260px;
    }

    .dashboard-pages .custom-container {
      padding-right: 60px;
    }

    .page-template-tpl-wines .custom-container {
      padding-right: 60px;
    }


    .top-footer .container{
        padding: 0 30px;
    }

    p{
        font-size: 15px;
        margin: 0 0 24px;
        font-weight:300;
        line-height: 20px;
    }

    /****** form start ****/
    input,
    select,
    textarea {
        font-size: 15px;
        padding: 13px;
        margin-bottom: 24px;
    }
    input[type="radio"],
    input[type="checkbox"] {
        width: 25px;
        height: 25px;
    }
    label {
        font-size: 11px;
    }
    form label {
        line-height: 16px;
        margin-bottom: 7px;
    }
    /****** form end ****/


    /****** list start *****/
    ol,
    ul {
        padding: 0 0 0 20px;
		margin:0 0 16px 0px;
    }

    /****** list end *****/


    /**** button start *****/
    .button {

        min-width: 211px;
    }
    .button-secondary {
        min-width: 211px;
    }

    /**** button end *****/


    h1 {
        font-size:42px;
        line-height: 55px;
    }

    h2 {
        font-size: 26px;
        line-height: 32px;
        margin:0 0 50px;
    }

    h3 {
        font-size: 13px;
        line-height: 20px;
        margin:0 0 20px;
    }

    h4 {
        font-size: 12px;
        line-height: 15px;
        margin:0 0 20px;
    }

    h5 {
        font-size: 11px;
        line-height: 15.22px;
        margin:0 0 20px;
    }
    p.small{
        font-size:13px;
    }


}


@media screen and (max-width:1023px) {
    .single-wine .container, .container, .dashboard-pages .custom-container{
        padding: 0 30px;
    }
    .top-footer .container{
        padding: 0  30px;
    }
    .main-cover{
		overflow-x:hidden;
	}
    .arrow-up{
        right: 30px;
    }
    .pd-left-190{
        padding-left: 0px;
    }
    .pd-top-100{
        padding-top: 70px;
    }
    h2 {
        margin: 0 0 35px;
    }
    p{
        margin:0 0 20px;
    }
    .pd-bottom-100{
        padding-bottom: 70px;
    }
    .page-template-tpl-regions .wines-section.pd-bottom-100 {
      padding-bottom: 40px;
    }

}


@media screen and (max-width:767px) {

    .page-template-tpl-wines .custom-container, .container{
        padding: 0 20px;
    }

    .top-footer .container{
        padding: 0  20px;
    }
    .modal-header{
        padding: 10px;
    }
    p{
        margin: 0 0 15px;
    }
    h2 {
        margin: 0 0 32px;
    }
    .pd-top-100{
        padding-top: 31px;
    }

    .box-close a svg{
        width: 16px;
    }

}


.is-open .top-header,.is-open .top-header .header-left{
    mix-blend-mode: inherit;
}

.is-open .top-header .header-left .menu ul li a{
    color:#111111;
}

/* cookies popup css start  */

.cookies-popup{
    position: fixed;
    right: 0px;
    bottom:0px;
    z-index: 11;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0px 30px 30px 0px;
}

.cookies-popup .cookies-popup-cover{
    background: #F3F1E6;
    padding: 48px 22px 24px;
    width: 370px;
    position: relative;
}

/*
.group-content-text { display: block !important;}
.lower-cookie-banner {width: 370px !important;padding:  48px 22px 24px !important;}
.lower-cookie-banner .sp-cookie-banner-1 {display: none !important;}
.lower-cookie-banner .sp-cookie-banner-2 { overflow-y: auto !important; width: 100% !important; float: none !important; }*/


.cookies-popup .cookies-popup-cover h2 {
    font-size:12px;
    margin-bottom: 28px;
    letter-spacing:normal;
    line-height: 140.7%;
    text-transform: none;
    width: 275px;
}

.cookies-popup .cookies-popup-cover h2 a{
	text-decoration:underline;
}

.cookies-btn{
    width: 100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.cookies-btn a{
    display: inline-block;
    padding: 8px 18px;
    border:1px solid #000000;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size:11px;
}

.cookies-btn a:first-child{
    color:#ffffff;
    background-color:#111111;

}

/****** error page design ******/

.error404 .winemakers-section .winemaker-cover .winemaker-list {
	list-style:none;
	text-align:center;
}


/* location popup css start  */

.location-popup{
    position: fixed;
    left: 0;
    right: 0;
    top: 100%;
    transform: translateY(-100%);
    bottom: 0;
    margin: 0 auto;
    z-index: 1111;
    width:100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;

}

.location-popup.location-show{
    transform: translateY(-50%);
}

.location-popup .location-popup-cover{
    max-width: 1128px;
    margin:0 auto;
    padding: 54px 64px 64px;
    background: #F3F1E6;
    display:flex;
    flex-direction:column;
    width:100%;
    align-items: center;
    position: relative;
}

.box-close{
    position: absolute;
    right: 0px;
    padding: 24px;
    top:0px
}
.location-popup .location-popup-cover > h2{
    text-align: center;
    margin-bottom: 37px;
}


.location-popup .location-popup-cover ul{
    padding: 0px;
    list-style: none;
    margin-bottom: 0;
}
.location-popup .location-popup-cover ul li{
    width: 100%;
    margin-bottom: 16px;
}
.location-popup .location-popup-cover ul li:last-child{
    margin-bottom: 0px;
}
.location-popup .location-popup-cover ul li a{
    display: inline-block;
    width: 240px;
    font-size: 12px;
    border:1px solid #111111;
    text-align: center;
    padding: 9.5px;
    letter-spacing: 0.4em;
}
.location-popup .location-popup-cover ul li a:hover {
  background: #000;
  color:#ffff;
  font-weight:normal;
}

.location-cover-inner {
    width: 100%;
    text-align: center;
    position: relative;
}

.location-cover-inner .buying-wine-suadela {
    text-align: center;
    padding: 20px; /* 40 */
    border: 1px solid #111111;
    position: absolute;
    top: 50%;
    background: #F3F1E6;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 550px; /* 630 */
}

.location-cover-inner .buying-wine-suadela p {
  font-size: 15px; /* 16 */
  line-height: 20px; /* 22 */
  margin-bottom: 16px; /* 20 */
  letter-spacing: 0.35em;
 }

.location-cover-inner .buying-wine-suadela p.mailing {
  text-decoration: underline;
  text-transform: capitalize;
 }

.location-cover-inner .buying-wine-suadela p:last-child {
  margin-bottom: 0;
 }

.box-close a{
    display: inline-block;
}
.box-close a svg{
    width: 24px;
}

.location-cover{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.location-cover h2{
    text-align: center;
    width: 100%;
}
.location-popup .gform_heading .gform_title{display: none;}
.location-form{
    width: 100%;
    max-width: 355px;
    display: none;
}
.location-form h2{
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
}

.location-form p{
    text-align: center;
    width: 100%;
    margin-bottom: 32px;
}

.location-form form{
    padding: 0px;
    background: transparent;
    width: 100%;
}


.location-form .gform_wrapper{
    margin:0px;
}


.location-form .gform_wrapper ul.gform_fields li.gfield{
    margin:0px;
    padding: 0px;;
}


.location-form .gform_wrapper form .gform_body ul li label{
    font-size:11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #717E89;
    margin-bottom: 7px;
}


.location-form .gform_wrapper form .gform_body ul li .ginput_container{
    margin:0px;
}

.location-form .gform_wrapper form .gform_body ul li .ginput_container input{
    padding: 15px 15px !important;
    width: 100%;
    color: #111111;
    font-size:12px;
}
.location-form form .form-submit{
    width: 100%;
}
.location-form .gform_wrapper form .gform_footer input[type="submit"]{
    width: 100%;
    min-width: 100%;
    padding: 14px;
    font-size: 12px;
    margin:0px;
    font-family: 'Aries';
}

.location-form .gform_wrapper form .gform_footer{
    padding: 0px;
    margin:0px;
}

.location-cover.is-open{
    display: none;
}
.location-form.is-open{
    display: block;
}

.location-form .arrow-prev{
    position: absolute;
    top:32px;
    left:28px;
}

.location-form .arrow-prev a{
    display: inline-block;
}

.location-form .arrow-prev a svg{
    width: 22px;
}

.location-form .gform_wrapper div.validation_error{
    border:none;
    padding: 0px;
}

.location-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
    width: 100%;
}

.location-form .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
    border:none;
    background-color: transparent;
    padding: 0px;
}

.location-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{
    margin:0px 0 7px;
}
.location-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
    padding: 0px 0 10px !important;
}



/***** Age Gate Popup Css Start *****/
.box-popup{
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    margin: 0 auto;
    z-index: 1111;
    max-width: 579px;
    width:100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

  }

  .box-popup-cover{
       background: #F3F1E6;
       display:flex;
       flex-direction:column;
       width:100%;
       align-items: center;
  }

  .box-popup-cover .box-left{
      height:232px;
      width:100%;
  }
  .box-popup-cover .box-left img{
      object-fit:cover;
      width:100%;
      height:100%;
  }

  .box-popup-cover .box-right{
      display: flex;
      flex-direction: column;
      text-align: center;
      padding: 28px 20px 56px;
      width:100%;
  }

  .box-popup-cover .box-right .box-btn{
      display: flex;
      justify-content: center;
      flex-direction:row;
      width: 100%;
  }

  .box-popup-cover .box-right .box-btn a{
        display:inline-block;
        border-radius:0px;
        background-color: transparent;
        padding:12px 41px;
        color:#111111;
        width: auto;
        min-width: inherit;
        margin:0 6px;
        transition: 0.4s;
        -moz-transition: 0.4s;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
  }


  .box-popup-cover .box-right .box-btn a:hover{
      font-weight: normal;
      background-color: #111111;
      color:#ffffff;
  }

  .box-right p{
      font-weight:500;
      font-size:13px;
      line-height: 20px;
      letter-spacing: 0.4em;
      text-transform: uppercase;
  }
  .popup-overlay{
      position:relative;
      overflow:hidden;
  }
  .popup-overlay:before{
      background-color:rgba(0,0,0,0.8);
      position: fixed;
      top:0px;
      left:0;
      height:100%;
      width:100%;
      content:"";
      z-index:1111;

  }

	.loader .img svg{
		width: 161px;
	}

   /*  cookies css start */


   .cookies-btn a:first-child:hover{
        background-color: #717E89;
    }

    .cookies-btn a:last-child:hover{
        background-color:#000000;
        color:#ffffff;
    }

    .cookies-btn a:hover,.cookies-btn a:focus,.cookies-btn a:visited{
        font-weight:400;
    }


	/***** Age Gate Popup Css End *****/
	.location-show{display: none;}
	.cookies-privacy-show{display: none;}

  .custom_center { margin-left: -190px; }
  .single-wine .custom_center {  margin-left: -160px; }

  .page-template-tpl-filter-location section.pd-bottom-100 { padding-bottom: 0;}

  @media screen and (min-width:1280px) {

	  input[type="radio"], input[type="checkbox"]{width:1.563vw;height:1.563vw;}

    .custom_center {
      margin-left: -12.5005vw;
    }

    .single-wine .custom_center {
      margin-left: -10.344vw;
    }

    .location .img svg{
        width:12.578vw;
    }

    .location-popup .location-popup-cover > h2{
        margin-bottom:2.891vw;
    }

    .location-form .arrow-prev{
        top:2.500vw;
        left:2.188vw;
    }

    .location-form .arrow-prev a svg{
        width: 1.719vw;
    }

    .location-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
        padding: 0px 0 0.781vw !important;
    }


    .location-form .gform_wrapper form .gform_footer input[type="submit"]{
        padding: 1.094vw;
        font-size:0.938vw;
    }

    .location-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{
        margin:0 0 0.547vw;
    }


    .location-form .gform_wrapper form .gform_body ul li .ginput_container input{
        padding:1.133vw !important;
        font-size:0.938vw !important;
    }
    .location-form{
        max-width: 27.734vw;
    }
    .location-form h2{
        margin-bottom: 0.391vw;
    }
    .location-form form label{
        margin-bottom: 0.547vw;
        font-size:0.859vw;
    }
    .location-form p{
        margin-bottom: 2.500vw;
    }

    /*.lower-cookie-banner {
      width: 28.906vw !important;
      padding: 3.750vw 1.758vw 1.875vw !important;
    }*/
    .cookies-popup .cookies-popup-cover{
        width:28.906vw;
        padding: 3.750vw 1.758vw 1.875vw;
    }
    .cookies-btn a{
        padding: 0.625vw 1.406vw;
        font-size:0.859vw;
    }




    .cookies-popup .cookies-popup-cover h2 {
        font-size:0.938vw;
        margin-bottom: 2.031vw;
        width: 21.484vw;
    }
    .cookies-popup{
        padding: 0 2.344vw 2.344vw 0;
    }

     .box-close a img{
        width: 1.33vw;
    }

    .box-close{
        padding: 1.875vw;
    }


    .location-popup .location-popup-cover ul li{
        margin-bottom: 1.250vw;
    }

    .location-popup .location-popup-cover ul li a{
        font-size:0.938vw;
        width: 18.750vw;
        padding: 0.703vw;
    }

    .location-popup .location-popup-cover{
        max-width: 88.125vw;
        padding: 4.219vw 5vw 5vw;
    }

    .box-popup-cover .box-right .box-btn a{
        padding:0.938vw 3.203vw;
        width: 10.156vw;
        margin:0 0.938vw;
    }
    .box-popup-cover .box-left{
        height:18.125vw;
    }
    .box-right p{
        line-height: 1.563vw;
    }

    .box-popup{
        max-width:45.234vw;
    }
    .box-right p{
        font-size:1.016vw;
    }

    .box-popup-cover .box-right{
        padding:2.188vw 1.563vw 4.375vw;
    }


    .location-cover-inner .buying-wine-suadela {
        padding: 1.563vw; /* 30 */
        width: 30.208vw; /* 580 */
    }

    .location-cover-inner .buying-wine-suadela p {
      font-size: 0.833vw; /* 16 */
      line-height: 1.146vw; /* 22 */
      margin-bottom: 1.042vw; /* 20 */
     }


  }

  @media screen and (max-width:1023px) {
    .cookies-popup .cookies-popup-cover{
        padding: 30px 22px 24px;
    }
    .single-wine .custom_center, .custom_center {
      margin-left:0;
    }
  }

  @media screen and (max-width:767px) {
    .box-popup{
        padding: 0 5px;
        position: absolute;
        top:70px;
        transform: inherit;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .box-popup-cover .box-right{
        padding: 28px 20px 28px;
    }
    .popup-overlay {
        position: relative;
        overflow-y: inherit;
    }
    .location-popup .location-popup-cover{
        padding: 20px;
    }
    h2{
        font-size:22px;
    }
    .box-close{
        padding: 15px;
    }

    .cookies-popup .cookies-popup-cover{
        padding: 24px 22px 24px;
        width: 100%;
        max-width: 370px;
        text-align: center;
    }
    .cookies-popup{
        padding: 0 15px 15px 0;
    }
    .location-form .arrow-prev{
        left:20px;
        top:25px;
    }
    .cookies-popup-cover .box-close{
        padding: 8px;
    }
    .box-close a svg{
        width: 16px;
    }
  	.cookies-btn{
  		display: flex;
  		flex-direction: column;
  	 }
  	.cookies-btn a{
  		margin-bottom:10px;
  	}
  	.cookies-btn a:last-child{
  		margin-bottom:0px;
  	}

    .location-cover-inner .buying-wine-suadela { width: 100%; }


    .location-cover-inner .buying-wine-suadela p br {
        display: none;
    }
    .location-cover-inner .buying-wine-suadela p {
        letter-spacing: 0.2em;
    }

  }



  @media screen and (max-width:479px) {
    .cookies-btn a{
        margin:0 0 10px;
    }
    .cookies-btn a:last-child{
        margin:0px;
    }
    .cookies-btn{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .cookies-popup .cookies-popup-cover h2{
        width: 220px;
        margin:0 auto 20px;
    }
 
    .location-cover-inner .buying-wine-suadela p {
        letter-spacing: 0.1em;
    }

  }

  .fch100, body, html {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  @media not all and (min-resolution:.001dpcm) {
  /* @media screen and (min-width:768px) and (max-width:1279px) {
      .main-cover{
			   height:98vh;
		  }
    }*/
  }
	@media screen and (min-width:320px){
        html, body {
            min-height: 100%;
        }
		.main-cover{
            height:100%;
            min-height: 100vh;
		}
		.open-nav .regions-cover{
			position:relative;
			z-index:-1;
		}
		.slick-slider .slick-track, .slick-slider .slick-list{
			-webkit-transform:inherit !important;
			   -moz-transform: inherit !important;
				-ms-transform: inherit !important;
				 -o-transform: inherit !important;
					transform: inherit !important;
		}
	}


#CybotCookiebotDialogPoweredbyLink,
#CybotCookiebotDialogBodyContent h2,
.CookieDeclaration { display: none;}

#CybotCookiebotDialog {
  background:#f3f1e6!important;
  padding:24px 22px !important;
  border:1px solid #e6e1c8 !important;
  height:auto !important;
  font-family: 'Aries' !important;
  box-shadow: none !important;
  width: 370px !important;
  box-sizing: border-box !important;
  left: auto !important;
  right: 0 !important;
}

#CybotCookiebotDialogBodyContent, #CybotCookiebotDialogBodyButtons { padding: 0 !important; margin: 0 !important;}
.CybotCookiebotDialogBodyButton { margin-left: 0 !important; }
#CybotCookiebotDialogBodyContentText { margin-bottom: 25px;}
#CybotCookiebotDialogBodyContentText, #CybotCookiebotDialogBodyContentText a {
  font-family: 'Aries' !important;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 140.7% !important;
  color: #111111 !important;
  position: relative;
  text-decoration: none !important;
}

#CybotCookiebotDialogBodyContentText a:before  {
  position: absolute;
  content:'';
  width:100%;
  height: 1px;
  background-color: #111;
  left: 0;
  bottom: -3px;
}


#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyButtonDetails,
#CybotCookiebotDialogBodyButtonDecline {
  font-family: 'Aries' !important;
  font-style: normal;
  font-weight: 500;
  font-size: 11px!important;
  line-height: 138.4%!important;
  text-align: center;
  letter-spacing: 0.2em!important;
  text-transform: uppercase!important;
  color: #FFFFFF;
  background: #111 !important;
  padding: 7px 13px!important;
}

#CybotCookiebotDialogBodyButtonDetails {
  background: transparent !important;
  color:#111 !important;
  border:1px solid #111 !important;
  text-decoration: none !important;
  padding: 7px 13px !important;
}
#CybotCookiebotDialogBodyButtonDetails:hover {
  background: #111 !important;
  color:#fff !important;
}
#CybotCookiebotDialogBodyButtonAccept{
  border-color: #111 !important;
  width: 50% !important;
 }
#CybotCookiebotDialogBodyButtonAccept:hover {
    /*background: transparent !important;*/
    color: #111 !important;
}
#CybotCookiebotDialogBodyButtonDecline {
  margin: 0 0 5px;
  display: block !important;
  width: 100% !important;
  max-width: calc(100% - 2px) !important;
  opacity: 0.7;
  padding: 7px 0px !important;
 }
 #CybotCookiebotDialogBodyButtonDecline:hover,
 #CybotCookiebotDialogBodyButtonDecline:focus {
   opacity: 1;
  }
 #CybotCookiebotDialogBody {
   padding-right: 0 !important;
  }

/*Tab Section CSS*/


.CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected,
.CybotCookiebotDialogDetailBodyContentIABv2TabSelected,
.CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
.CybotCookiebotDialogDetailBodyContentIABv2Tab,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
#CybotCookiebotDialogDetailBodyContent,
#CybotCookiebotDialogDetailBody {
  background-color: #d4cfb8 !important;
}

.CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected,
.CybotCookiebotDialogDetailBodyContentIABv2TabSelected,
.CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
.CybotCookiebotDialogDetailBodyContentIABv2Tab{
  border-bottom: 1px solid #9a9060 !important;
  border-right: 1px solid #9a9060 !important;
}

.CybotCookiebotDialogDetailBodyContentCookieContainerTypes:first-child,
.CybotCookiebotDialogDetailBodyContentIABv2Tab:first-child,
.CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected:first-child { border-color:  #9a9060 !important; }

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes a.CybotCookiebotDialogDetailBodyContentCookieContainerTypes:focus,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes a.CybotCookiebotDialogDetailBodyContentCookieContainerTypes:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes a.CybotCookiebotDialogDetailBodyContentIABv2Tab:focus,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes a.CybotCookiebotDialogDetailBodyContentIABv2Tab:hover {
  background: #bfb99e !important;
}

#CybotCookiebotDialogDetailBodyContent,
#CybotCookiebotDialogDetailBodyContent a { color:#111 !important; }

.CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td,
.CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th {
    background-color: #bfb99e!important;
    color: #111!important;
    border-bottom: 1px solid #bfb99e !important;
}

.CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer .CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody td {
    border-bottom: 1px solid #bfb99e !important;
    border-right: 1px solid #bfb99e !important;
    color: #111 !important;
  }

.CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer .CybotCookiebotDialogDetailBodyContentCookieTypeTable,
.CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer .CybotCookiebotDialogDetailBodyContentCookieTypeTable th,
.CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer .CybotCookiebotDialogDetailBodyContentCookieTypeTable td {
  border: 1px solid  #bfb99e !important;
}

.CybotCookiebotDialogDetailBodyContentTabsItemSelected { background: #bfb99e !important;}
#CybotCookiebotDialogDetailBodyContentTabs .CybotCookiebotDialogDetailBodyContentTabsItem { background: #d8d2b8 !important; color: #111 !important; }
#CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTabsItemSelected { color: #111 !important; }

#CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTabsItem:focus,
#CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTabsItem:hover { background: #bfb99e !important; border-color: #bfb99e !important; color: #111 !important; }

#CybotCookiebotDialogDetailBodyContent,
.CybotCookiebotDialogDetailBodyContentTabsItem, .CybotCookiebotDialogDetailBodyContentTabsItemSelected { border-color:#bfb99e !important; }

#CybotCookiebotDialogDetailFooter { background:#bfb99e !important; color: #111 !important; }
#CybotCookiebotDialogDetailFooter a { color: #111 !important; }

input[type=checkbox].CybotCookiebotDialogBodyLevelButton+label { background-image: url(../images/checkBox.png) !important; background-position: left top !important; }
input[type=checkbox].CybotCookiebotDialogBodyLevelButton:checked+label { background-image: url(../images/checkBoxSelected.png) !important;  background-position: left top !important; }

#CybotCookiebotDialogDetail { background-color: #d4cfb8 !important;  }
#CybotCookiebotDialogDetailBodyContent { border-bottom-color: #d4cfb8 !important;  }
#CybotCookiebotDialogDetailFooter { padding-bottom: 4px;}

@media screen and (min-width:1280px) {
  #CybotCookiebotDialog { width: 28.906vw !important; }
  #CybotCookiebotDialog { padding:1.875vw 1.72vw  !important;}
  #CybotCookiebotDialogBodyContentText { margin-bottom: 1.95vw;}
  #CybotCookiebotDialogBodyContentText, #CybotCookiebotDialogBodyContentText a  { font-size: 0.9375vw; }
  #CybotCookiebotDialogBodyButtonAccept,
  #CybotCookiebotDialogBodyButtonDetails,
  #CybotCookiebotDialogBodyButtonDecline {
    padding: 0.625vw 1.085vw !important;
    font-size: 0.859vw !important;
  }
  #CybotCookiebotDialogBodyButtonDecline { padding: 0.625vw 0 !important; }

  #CybotCookiebotDialogBodyButtonAccept { width: 50% !important; }

  #CybotCookiebotDialogBodyButtonDetails {
    padding: 0.58vw 1vw !important;
  }
}
.page-id-1203 .title h2{text-transform:initial;}

#CybotCookiebotDialog.CybotEdge{
	min-width: 0vw !important;
}

.CybotCookiebotFader, .CybotCookiebotDialogBodyBottomWrapper, 
#CybotCookiebotDialogPoweredbyLink, #CybotCookiebotDialogPoweredbyCybot{
	display:none !important;
}
#CybotCookiebotDialogHeader .CybotCookiebotBannerCloseButton{
	display:block !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{
	border: none !important;
}
 #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
    margin-bottom: 0em !important;
  }
#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type{
	scrollbar-color: transparent !important;
}
#CybotCookiebotDialogBodyContent{
	overflow:hidden !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept{
	color: #ffffff !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter {
    width: 100% !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
	max-width: 100% !important;
}
#CybotCookiebotDialogBodyButtonDecline{
	width: 48% !important;
}
#CybotCookiebotDialog{
	transform:inherit !important;
}

@media screen and (min-width: 1280px) {
  	#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
    	flex-direction: column !important;
	}
	#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader {
    	width: 100% !important;
  	}
	#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
    	flex-direction: row !important;
  	}
	#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent {
    	margin-left: 0em !important;
  	}

	#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept{
		color: rgba(255, 255, 255, 0.87) !important;
	}
	#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent .CybotCookiebotDialogTabPanel, 
	#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent
	{
    	overflow: hidden !important;
  	}
	#CybotCookiebotDialog .CybotCookiebotScrollContainer .CybotCookiebotScrollbarContainer{
		background: transparent !important;
	}
	#CybotCookiebotDialog{
		transform:translate(-50%,-100%) !important;
	}
}

@media screen and (min-width:320px){
	
	#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper{
		flex-direction:row !important;
	}
	#CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type){
		margin-bottom: 0em !important;
		justify-content: space-between;
	}
}