@media (min-width:981px){.et_pb_gutter.et_pb_gutters1 #left-area{width:75%}.et_pb_gutter.et_pb_gutters1 #sidebar{width:25%}.et_pb_gutters1.et_right_sidebar #left-area{padding-right:0}.et_pb_gutters1.et_left_sidebar #left-area{padding-left:0}.et_pb_gutter.et_pb_gutters1.et_right_sidebar #main-content .container:before{right:25%!important}.et_pb_gutter.et_pb_gutters1.et_left_sidebar #main-content .container:before{left:25%!important}.et_pb_gutters1 .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column{margin-right:0}.et_pb_gutters1 .et_pb_column_4_4,.et_pb_gutters1.et_pb_row .et_pb_column_4_4{width:100%}.et_pb_gutters1 .et_pb_column_4_4 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_3_4,.et_pb_gutters1.et_pb_row .et_pb_column_3_4{width:75%}.et_pb_gutters1 .et_pb_column_3_4 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_3_4 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_2_3,.et_pb_gutters1.et_pb_row .et_pb_column_2_3{width:66.667%}.et_pb_gutters1 .et_pb_column_2_3 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_2_3 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_3_5,.et_pb_gutters1.et_pb_row .et_pb_column_3_5{width:60%}.et_pb_gutters1 .et_pb_column_3_5 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_3_5 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_2,.et_pb_gutters1.et_pb_row .et_pb_column_1_2{width:50%}.et_pb_gutters1 .et_pb_column_1_2 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_2 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_2_5,.et_pb_gutters1.et_pb_row .et_pb_column_2_5{width:40%}.et_pb_gutters1 .et_pb_column_2_5 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_2_5 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_3,.et_pb_gutters1.et_pb_row .et_pb_column_1_3{width:33.3333%}.et_pb_gutters1 .et_pb_column_1_3 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_3 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_4,.et_pb_gutters1.et_pb_row .et_pb_column_1_4{width:25%}.et_pb_gutters1 .et_pb_column_1_4 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_4 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_5,.et_pb_gutters1.et_pb_row .et_pb_column_1_5{width:20%}.et_pb_gutters1 .et_pb_column_1_5 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_5 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_column_1_6,.et_pb_gutters1.et_pb_row .et_pb_column_1_6{width:16.6667%}.et_pb_gutters1 .et_pb_column_1_6 .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column_1_6 .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_full_width_page.woocommerce-page ul.products li.product{width:25%;margin-right:0;margin-bottom:0}.et_pb_gutters1.et_left_sidebar.woocommerce-page #main-content ul.products li.product,.et_pb_gutters1.et_right_sidebar.woocommerce-page #main-content ul.products li.product{width:33.333%;margin-right:0}}@media (max-width:980px){.et_pb_gutters1 .et_pb_column,.et_pb_gutters1 .et_pb_column .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module{margin-bottom:0}.et_pb_gutters1 .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1 .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1 .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1 .et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1 .et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1 .et_pb_row_4col>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1 .et_pb_row_5col>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1.et_pb_row_4col>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_5col>.et_pb_column.et_pb_column_1_5{width:50%;margin-right:0}.et_pb_gutters1 .et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1 .et_pb_row_6col>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_6col>.et_pb_column.et_pb_column_1_6{width:33.333%;margin-right:0}.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6{width:50%;margin-right:0}}@media (max-width:767px){.et_pb_gutters1 .et_pb_column,.et_pb_gutters1 .et_pb_column .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module{margin-bottom:0}}@media (max-width:479px){.et_pb_gutters1 .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column{margin:0!important}.et_pb_gutters1 .et_pb_column .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module{margin-bottom:0}}.axeptio-shortcode-placeholder{-webkit-font-smoothing:antialiased;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.027),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.043),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07);display:flex;flex-direction:column-reverse;gap:0;justify-content:space-around;margin:20px 0;overflow:hidden;padding:10px 30px 30px;position:relative}@media (min-width:992px){.axeptio-shortcode-placeholder{flex-direction:row;gap:20px}}.axeptio-shortcode-placeholder .svg-icon{display:inline-flex;flex-shrink:0;height:100px;position:relative;width:100px;z-index:10}@media (min-width:992px){.axeptio-shortcode-placeholder .svg-icon{height:180px;width:180px}}.axeptio-shortcode-placeholder .background-shape{position:absolute;right:0;top:-82px;z-index:1}@media (min-width:992px){.axeptio-shortcode-placeholder .background-shape{left:auto;right:0;top:-82px}}.axeptio-shortcode-placeholder .axeptio-shortcode-title{color:#212121;font-family:serif;font-size:max(20px,min(4vw,24px));font-weight:700;letter-spacing:-.025em;line-height:1.25;margin-bottom:.5rem}.axeptio-shortcode-placeholder .axeptio-shortcode-content{color:rgba(75,85,99,.6);font-size:max(12px,min(3vw,13px));line-height:1.4}.axeptio-shortcode-placeholder .axeptio-shortcode-btn{align-items:center;background:#ffce43;border:1px solid #ffce43;border-radius:1000px;color:#212121;cursor:pointer;display:inline-flex;font-size:max(12px,min(3vw,13px));font-weight:700;margin:10px 0 0;overflow:hidden;padding:7px 15px;position:relative;-webkit-text-decoration:none;text-decoration:none;transform:translateZ(0);transition:all .15s ease 0s}.axeptio-shortcode-placeholder .axeptio-shortcode-btn span{position:relative;z-index:20}.axeptio-shortcode-placeholder .axeptio-shortcode-btn:after{background:#f4f6fb;border-radius:50%;content:"";display:block;height:250%;left:-25%;pointer-events:none;position:absolute;top:-50%;transform:translateY(-100%);transition:all .55s cubic-bezier(.19,1,.22,1) 0s;width:150%;z-index:10}.axeptio-shortcode-placeholder .axeptio-shortcode-btn:hover{background:#dea912;border-color:#212121;color:#ffce43}.axeptio-shortcode-placeholder .axeptio-shortcode-btn:hover:after{background:#212121;transform:translateY(-10%)}@font-face {
font-family: 'futura_lightregular';
src: url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/futura-webfont.woff2) format('woff2'),
url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/futura-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
display:swap;
}
@font-face {
font-family: 'futurabook';
src: url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/16023_futuran-webfont.woff2) format('woff2'),
url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/16023_futuran-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
display:swap;
}
@font-face {
font-family: 'playfair_displayblack';
src: url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-black-webfont.woff2) format('woff2'),
url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-black-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
display:swap;
}
@font-face {
font-family: 'playfair_displayblack_italic';
src: url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-blackitalic-webfont.woff2) format('woff2'),
url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-blackitalic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
display:swap;
}
@font-face {
font-family: 'playfair_displaybold';
src: url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-bold-webfont.woff2) format('woff2'),
url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
display:swap;
}
@font-face {
font-family: 'playfair_displaybold_italic';
src: url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-bolditalic-webfont.woff2) format('woff2'),
url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-bolditalic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
display:swap;
}
@font-face {
font-family: 'playfair_displayitalic';
src: url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-italic-webfont.woff2) format('woff2'),
url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
display:swap;
}
@font-face {
font-family: 'playfair_displayregular';
src: url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-regular-webfont.woff2) format('woff2'),
url(//closstjean.fr/wp-content/plugins/tswd-front-end/font-lib/playfairdisplay-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
display:swap;
}body.error404 #main-content{
background-color:black !important
}
#legal-page li{
font-size: 1.5em !important;
line-height: 1.5em !important;
}
.cky-consent-container .cky-consent-bar{
background-color: rgb(18 18 18 / 70%) !important;
border-color: #000000 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.cky-consent-container{
opacity:0
}
.cky-consent-container button{
border-width:1px !important;
border-radius:0 !important;
text-transform:uppercase;
font-weight: bold;
letter-spacing: 1px;
}
.cky-btn-accept{
color:#E1C12D !important;
}
.cky-consent-container p,
.cky-consent-container a{
font-family: playfair_displayitalic !important;
}
body.loaded1000 .cky-consent-container{
transition-duration:1s;
transition-delay:2000ms;
opacity:1;
}
* {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*:focus {
outline: none !important;
}
.et_pb_column,
.et_pb_section{
transition-duration:1.9s;
opacity:0
}
.et_pb_column.inview,
.et_pb_section.inview{
opacity:1
} h1,h2,h3,h4,h5,h6{
overflow-wrap: initial;
}
html,body,#et-main-area{
background-color:black  !important
}
#et-main-area{
overflow:hidden;
}
*{
font-family:futurabook;
font-family:futura_lightregular
}
.et_pb_section {
background-color: black !important;
}
#page-container{
padding-top:0 !important;
left: 0!important
}
#main-header{
background-color:transparent !important;
box-shadow:none !important;
opacity:0;
}
body.home #main-header:not(.et-fixed-header) #logo{
opacity:0
}
body.loaded #main-header{
transition-duration:800ms;
opacity:1;
}
#main-header > .container {
width: 90%;
max-width: 90%;
}
#et-top-navigation .mobile_menu_bar
{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#et-top-navigation .mobile_menu_bar:before,
#et-top-navigation .mobile_menu_bar:after {
content: "";
height: 1px;
background: white;
width: 50px;
display: block;
}
#et-top-navigation .mobile_menu_bar:before{
margin-top: 40%;
}
#et-top-navigation .mobile_menu_bar:after {
transition-duration:600ms;
transition-timing-function:ease-in-out;
margin-top:33%;
transform-origin:right;
}
#et-top-navigation .mobile_menu_bar:hover:after{
transform:scalex(50%)
}
.et_slide_in_menu_container .mobile_menu_bar {
display: flex !important;
justify-content: center;
align-items: center;
height: 30px;
top: 23px !important;
right: 6% !important;
flex-direction: column;
}
.et_slide_in_menu_container .mobile_menu_bar:before,
.et_slide_in_menu_container .mobile_menu_bar:after{
content: "" !important;
height: 1px;
background: white;
width: 50px;
display: block;
transition-duration:600ms;
transition-timing-function:ease-in-out;
}
.et_slide_in_menu_container .mobile_menu_bar:after{
transform:rotate(45deg)
}
.et_slide_in_menu_container .mobile_menu_bar:before{
transform:rotate(-45deg)
} .et_header_style_fullscreen .et_slide_in_menu_container {
transition: 600ms ease-in-out, padding-top 0s;
transform: translateX(100%);
width: 33%;
}
body #page-container .et_slide_in_menu_container {
background: black !important;
opacity: 1 !important;
}
.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened{
transform: translateX(0);
transition: 600ms ease-in-out, padding-top 0s;
}
#mobile_menu_slide  .slide-menu-logo {
margin-bottom: 5vh;
margin-top: -9vh;
}
#mobile_menu_slide  .slide-menu-logo img{
width:45%;
}
#mobile_menu_slide .menu-item{
padding-bottom:4px
}
#mobile_menu_slide .menu-item a {
font-size: 1em;
letter-spacing: 6px;
text-transform: uppercase;
padding-bottom: .9vh !important;
padding-top: .6vh !important;
}
#mobile_menu_slide p{
position: absolute;
bottom: 6%;
left: 0;
right: 0;
}
#mobile_menu_slide p a{
color: white;
text-transform: uppercase;
font-size: .6em;
} #mobile_menu_slide .lang-item-fr{
padding-top:6%
}
#mobile_menu_slide .lang-item a {
border: 1px solid white !important;
margin: 1% !important;
padding: 10px 6px 6px 10px !important;
text-align: center;
width: 47px;
font-size: .8em;
line-height: 1em;
}
#mobile_menu_slide .lang-item a.current{
color:#e1c12d;
border-color:#e1c12d !important;
} .contact-section,
.contact-section .et_pb_row{
padding:0 !important;
}
.contact-section .et_pb_column{
display:flex;
align-items:center;
justify-content:center;
height:60vh;
padding:6%
}
.contact-section .et_pb_column *{
font-family: 'playfair_displayregular';
text-transform:uppercase
}
.contact-section .et_pb_column h2{
color:#e1c12d
}
.contact-section .et_pb_column a{
color:white;
} #phototheque{
padding:0 !important;
}
#phototheque .rgj_playbtnCss_zoom {
background: #00000059;
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
transition-duration:450ms;
margin: auto;
transition-timing-function:ease-in-out;
}
#phototheque .rgj_playbtnCss_zoom:hover{
bottom: 12px;
left: 12px;
right: 12px;
top: 12px;
}
#phototheque .rgj_playbtnCss_zoom:after{
content:"VOIR";
height:100%;
width:100%;
top:0;
left:0;
display:flex;
justify-content:center;
align-items:center;
color:white;
letter-spacing:2px;
font-weight:600;
transition-duration:1s;
transition-duration:600ms
} 
#phototheque .rgj_playbtnCss_zoom:hover:after{
font-size:1.1em
}
#fancybox_rjg-content{
border-color:black !important;
background:black
}
#fancybox_rjg-title-over{
display:none !important;
}
.divi_pro_gallery_0 .gutter-sizer {
}
body  #fancybox_rjg-close {
top: -11px;
right: -32px;
width: 25px;
height: 22px;
background: url(https://www.closstjean.fr/wp-content/uploads/2023/02/pngfind.com-3d-cross-png-6222696.png) 0 0 no-repeat;
background-size: contain !important;
}
body  #fancybox_rjg-right-ico_ {
background: url(https://www.closstjean.fr/wp-content/uploads/2023/02/right-chevron.png);
left: 48px !important;
background-size: 81%;
filter: invert(1);
opacity: .8;
width: 27px;
height: 23px;
}
body  #fancybox_rjg-left-ico_ {
background: url(https://www.closstjean.fr/wp-content/uploads/2023/02/left-chevron.png);
left: -31px !important;
background-size: contain;
filter: invert(1);
opacity: .8;
width: 27px;
height: 27px;
}
#phototheque .loader{
display:none !important
} #terroirs-intro {
padding: 9%;
}
#terroirs-intro .et_pb_row{
width:70%
}
#terroirs-intro p {
font-family: playfair_displayitalic;
font-weight: 500;
transition-duration:1s;
opacity:0;
transition-timing-function:ease-in-out;
}
#terroirs-intro .inview .et_pb_text_inner  p{
opacity:1;
transition-delay:500ms
}
#terroirs,
#terroirs .et_pb_row{
padding: 0 !important
}
#terroirs .et_pb_column{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center
}
body.loaded #map-row {
transition-duration:2s;
}
#map-row  .et_pb_column:nth-child(2){ background-color: #e0c2b7;
position:relative
}
#map-row  .et_pb_column:nth-child(2) .et_pb_image,
#map-row  .et_pb_column:nth-child(2) .et_pb_image_wrap,
#map-row  .et_pb_column:nth-child(2) img{
width:100%
}
#map-row  .et_pb_column:nth-child(2):after{
content:"";
background-repeat:no-repeat;
background-position:center;
background-size:contain;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
transition-duration:100ms;
}
.fadinout:after{
opacity:0;
}
#map-row  .et_pb_column:nth-child(2)[data-lieu="LaCrau_Garrigues"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/LaCrau_Garrigues-min.png);
}
#map-row  .et_pb_column:nth-child(2)[data-lieu="LaCrau_combes"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/LaCrau_combes-min.png);
}#map-row  .et_pb_column:nth-child(2)[data-lieu="LaCrau_PiedRedon"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/LaCrau_PiedRedon-min.png);
}#map-row  .et_pb_column:nth-child(2)[data-lieu="LaCrau_CabaneSTJean"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/LaCrau_CabaneSTJean-min.png);
}#map-row  .et_pb_column:nth-child(2)[data-lieu="LaCrau_CoteauDeSTJean"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/LaCrau_CoteauDeSTJean-min.png);
}#map-row  .et_pb_column:nth-child(2)[data-lieu="TerreFerme"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/TerreFerme-min.png);
}#map-row  .et_pb_column:nth-child(2)[data-lieu="Reves"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/Reves-min.png);
}#map-row  .et_pb_column:nth-child(2)[data-lieu="Arnesque"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/Arnesque-min.png);
}#map-row  .et_pb_column:nth-child(2)[data-lieu="Bigotte"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/Bigotte-min.png);
}#map-row  .et_pb_column:nth-child(2)[data-lieu="BoisDauphin"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/BoisDauphin-min.png);
}
#map-row  .et_pb_column:nth-child(2)[data-lieu="PlanDuRhone"]:after{
background-image:url(https://www.closstjean.fr/wp-content/uploads/2023/02/PlanDuRhone-min.png);
}
.select-wrap-container {
display: flex;
}
.select-wrap-container button {
margin-left: 9px;
-webkit-appearance: none;
appearance: none;
background: transparent;
color: white;
font-weight: 600;
cursor: pointer;
border: 2px solid;
border-color: transparent;
transition-duration:600ms;
}
.select-wrap-container button.hidden{
opacity:0;
pointer-events:none
}
.select-wrap-container button:hover{
border-color:#eee8e6
}
.select-increment{
cursor:pointer;
}
.select-wrap {
}
.select-wrap:after {
content: "";
position: absolute;
right: 60px;
top: 20px;
border-top: 8px solid #853e1a;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
pointer-events: none;
}
.select-wrap select {
outline: none;
background: none;
border: none;
height: 50px;
padding: 13px 21px;
color: #853e1a;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
background: #eee8e6;
font-family: 'playfair_displayregular';
font-weight: 600;
text-transform: uppercase;
max-width: 80vw;
}
.select-wrap select option{
font-family: 'playfair_displayregular';
font-weight: 600;
} .select-wrap select::-ms-expand{
display:none;}
.lieu-row{
height:100vh;
top: 0;
z-index: 9;
background: black;
position:absolute;
transform:translatex(0);
}
body.loaded .lieu-row{
transition-duration:900ms;
transition-timing-function:ease-in-out
}
.lieu-row.hidden{
transform:translatex(100%);
opacity:0.5;
}
.lieu-row .et_pb_column:nth-child(2) .et_pb_code{
width:100%;
height:100%;
}
.lieu-row .et_pb_column:nth-child(1){
padding:6%;
overflow-y:auto;
padding-top:3%;
display:block !important;
} 
.lieu-row  h2{
text-transform:uppercase;
font-family: 'playfair_displayregular';
font-size: 2em;
margin-bottom: 4%;
line-height: 1.1em;
}
.lieu-row  .et_pb_text p{
font-style: italic;
font-weight: 500;
font-family: playfair_displayitalic;
}
.lieu-row  .et_pb_text ul li{
font-family: 'playfair_displayregular';
}
.lieu-row  .et_pb_text ul li strong{
font-family: 'playfair_displayregular';
}
.et_pb_divider {
width: 100%;
margin: 8% 0 6% 0;
}
.et_pb_divider:before{
width:60%
}
.go-map {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 7%;
position: relative;
top: 2%;
margin-top: 6%;
margin-bottom: 12%;
}
.go-map span{
font-family: 'playfair_displayregular';
color: #e1c12d;
text-transform: uppercase;
margin-left:12px;
}
.go-map span,.go-map img{
cursor:pointer
}
#map-row[data-lieu="LaCrau_CabaneSTJean"] {
} #video-page {
padding-top: 6%;
min-height: 80vh;
display: flex;
align-items: center;
} #legal-page p {
font-family: playfair_displayregular; }
#legal-page h1 {
text-transform: uppercase;
font-weight: 500;
font-family: futurabook;
font-size: 2.5em;
letter-spacing: .1em;
margin-bottom: 6%;
margin-top: 3%;
position: relative;
}
#legal-page h2, #legal-page h3 {
text-transform: uppercase;
font-weight: 500;
font-family: futurabook;
letter-spacing: .1em;
margin-bottom: 2%;
margin-top: 1%;
position: relative;
} .full-section,
.full-section .et_pb_row{
padding:0 !important;
min-height:50vh
}
.decal-section .et_pb_column{
padding:9%;
background-position:right;
}
.decal-section .et_pb_column:nth-child(1){
transition-duration:3s;
opacity:0;
}
.decal-section.inview .et_pb_column:nth-child(1){
opacity:1
}
.decal-section h2 {
text-transform: uppercase;
font-weight: 600;
font-family: futurabook;
font-size: 3em;
letter-spacing: .1em;
margin-bottom: 15%;
position:relative;
opacity: 0;
transition-duration: 1.1s;
transition-timing-function: ease-in-out;
}
.decal-section.inview h2{
opacity:1;
transition-delay:200ms;
}
.decal-section h2:after {
content: "";
height: 3px;
background: #e1c12d;
width: 80px;
position: absolute;
bottom: -22%;
left: 0;
opacity: .9;
transition-duration: 600ms;
transition-timing-function: ease-in-out;
transform:scalex(0);
transform-origin:left
}
.decal-section.inview h2:after {
transform:scalex(1);
transition-delay:1000ms
}
.decal-section p{
font-family: 'playfair_displaybold';
font-family:playfair_displayregular;
transition-duration: 1.1s;
transition-timing-function: ease-in-out;
opacity:0
}
.decal-section.inview p{
transition-delay:1.8s;
opacity:1
}
.citation-section .et_pb_column{
padding:12% 9%
}
.citation-section p {
font-family: 'playfair_displaybold';
text-transform: uppercase;
font-size: 1.3em;
font-style: italic;
transition-duration: 1.1s;
transition-timing-function: ease-in-out;
opacity:0
}
.citation-section.inview p{
transition-delay:850ms;
opacity:1
}
.citation-section-center{
}
.citation-section-center .et_pb_column{
padding:12% 9%
}
.citation-section-center p{
text-align: center;
max-width: 350px;
left: 0;
right: 0;
margin: auto;
font-family: 'playfair_displaybold';
opacity:0;
transition-duration:1s;
transition-timing-function:ease-in-out;
}
.citation-section-center.inview p{
opacity:1;
transition-delay:700ms
}
.citation-section-center2 p {
text-align: center;
max-width: 805px;
font-family: 'playfair_displayregular';
font-style: italic;
text-transform: initial;
font-size: 1.7em;
line-height: 1.4em;
color: #CDC5BE;
width: 70%;
}
.citation-section-left{
padding:9% 0
}
.citation-section-left p{
font-style:initial;
line-height:1.5em
}
body #home-mosaic .et_pb_column:nth-child(2) .et_pb_module {
height: 50%;
padding: 23%;
display: flex;
align-items: center;
font-family: 'playfair_displayregular' !important;
text-transform: uppercase;
font-size: 1.3em;
font-weight: 600;
color: #8D7D72;
opacity:0;
transition-duration:1s;
transition-timing-function:ease-in-out;
}
body #home-mosaic .et_pb_column:nth-child(2) .et_pb_module.inview {
opacity:1;
transition-delay:300ms;
}
body #home-mosaic .et_pb_column:nth-child(2) .et_pb_module p{
font-family: 'playfair_displayregular' !important;
}
#home-mosaic .et_pb_column:nth-child(1) .et_pb_module {
height: 100%;
padding: 6%;
min-height: 100vh;
}
.full-image-section{
height:60vh
} #wines-intro .et_pb_text_inner  p{
font-family: playfair_displayitalic;
padding: 10%;
padding-bottom: 14%;
font-size:1.1em;
transition-duration:1s;
opacity:0;
transition-timing-function:ease-in-out;
}
#wines-intro .inview .et_pb_text_inner  p{
opacity:1;
transition-delay:500ms
}
#wines{
}
.wine{
min-height:100vh
}
.wine .et_pb_column{
display:flex;
flex-direction:column;
justify-content:center
}
.wine .et_pb_image img{
max-height:80vh;
width:auto
}
.wine p{
font-family: playfair_displayregular;
opacity:0;
transition-duration:1.1s;
transition-timing-function:ease-in-out;
}
.wine.inview p{
transition-delay:2500ms;
opacity:1
}
.wine a {
font-family: playfair_displayitalic;
display: inline-block;
transition-duration:600ms;
}
.wine a:hover{
opacity:.7 !important
}
.wine a:nth-child(1) {
padding-top:6%
}
.wine a:before {
display: inline-block;
content: "";
position: relative;
height: 10px;
width: 10px;
background: #cbae29;
border-radius: 100%;
margin-right: 9px;
}
.wine h2 {
text-transform: uppercase;
font-weight: 500;
font-family: futurabook;
font-size: 3em;
letter-spacing: .1em;
margin-bottom: 15%;
position: relative;
opacity:0;
transition-duration:1s;
transition-timing-function:ease-in-out;
}
.wine.inview h2 {
transition-delay:800ms;
opacity:1;
}
.wine h2:after {
content: "";
height: 2px;
background: #e1c12d;
width: 80px;
position: absolute;
bottom: -22%;
left: 0;
transition-duration: 600ms;
transition-timing-function: ease-in-out;
opacity: .9;
transform:scalex(0);
transition-delay:1800ms
}
.wine.inview h2:after {
transform:scalex(1)
}
.wine  .et_pb_image:nth-child(2) {
position: absolute;
z-index: -21;
transform: scale(.8) translatex(-25%);
}
.wine-right *{
text-align:right
}
.wine-right  h2:after {
left: unset;
right:0;
transform-origin:right;
}
.wine-right .et_pb_column:nth-child(2){
transform:translatex(50%);
transition-duration: 1500ms;
transition-timing-function: ease-in-out;
opacity:0;
}
.wine-left .et_pb_column:nth-child(1){
transform:translatex(-50%);
transition-duration: 1800ms;
transition-timing-function: ease-in-out;
opacity:0;
}
.wine-right .et_pb_column.inview:nth-child(2),
.wine-left .et_pb_column.inview:nth-child(1){
transform:translatex(0);
opacity:1;
}
.wine-left  h2:after {
transform-origin:left;
} #home-header{
display:flex;
justify-content:center;
align-items:center;
height:101vh;
opacity:0;
padding-top:0 !important
}
body.loaded #home-header{
transition-duration:1000ms;
opacity:1;
}
#home-header *{
text-align:center;
font-family:futura_lightregular !important
}
#home-header h1{
text-transform: uppercase;
letter-spacing: 1em;
font-weight: 900;
opacity:0;
}
#home-header img{
max-width:190px;
pointer-events:none;
width: 52%;
opacity:0;
}
body.loaded1000 #home-header img,
body.loaded1000 #home-header h1{
transition-duration:1200ms;
opacity:1;
transition-delay:800ms
}
body.loaded1000 #home-header h1{
}
#home-content{
padding:0 !important;
}
#home-content .et_pb_row{
padding:0 !important;
width:100%;
max-width:100%
}
#home-content .et_pb_column{
margin: 0 !important;
opacity:0;
}
#home-content .et_pb_column.inview{
opacity:1;
transition-duration:1.9s;
transition-timing-function:ease-in-out
}
#home-content .et_pb_column{
height: 70vh;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
} #home-content .et_pb_text{
}
#home-content h2 a{
letter-spacing: 9px;
position:relative;
font-size: .85em;
opacity:0;
}
#home-content .et_pb_column.inview h2 a{
transition-delay:1.1s;
transition-duration:1.5s;
opacity:1
}
#home-content .et_pb_column.inview:nth-child(even) h2 a{
transition-delay:2.5s
}
#home-content h2 a:after {
content: "";
height: 1px;
background: #e1c12d;
position: absolute;
bottom: -69%;
left: 0;
right: 0;
margin: auto;
transition-duration: 600ms;
transition-timing-function: ease-in-out;
width:0;
opacity:.9
}
#home-content .et_pb_column.inview h2 a:after{
transition-delay:2.1s;
transition-duration:1.5s;
width: 80px;
}
#home-content .et_pb_column.inview:nth-child(even) h2 a:after{
transition-delay:3.5s;
}
#home-content h2 a:hover:after {
transform:scalex(0)
} .footer-widget{
display: flex;
flex-direction: column;
align-items: center;
text-transform:uppercase;
}
.footer-widget p{
opacity:.8;
font-size:.7em !important;
}
#main-footer .footer-widget #media_image-2 img{
max-width: 180px !important;
} @media screen and (min-width:980px){
#home-content .et_pb_column.inview:nth-child(even){
transition-delay:900ms; }
.decal-section .et_pb_text{
transform:translatex(-40%)
}
.wine-left{
padding-right: 20% !important;
}
.wine-right{
padding-left: 20% !important;
}
}
@media screen and (max-width:980px){
.et_header_style_fullscreen .et_slide_in_menu_container {
width: 100%;
}
.wine-left{
display: flex;
flex-direction: column-reverse;
}
.wine{
margin-top:12%
}
.wine-right .et_pb_image{
display: flex;
justify-content: flex-end;
width: 100%;
}
.wine-left .et_pb_image{
display: flex;
justify-content: flex-start;
width: 100%;
}
.wine  .et_pb_image:nth-child(2) {
transform: scale(.8) translatex(12%);
}
body.domain-page .et_pb_column.et_pb_column_empty {
height:40vh;
display:block
}
.decal-section .et_pb_column:not(.et_pb_column_empty) .et_pb_text{
transform: translateY(-30%);
}
.decal-section .et_pb_column:not(.et_pb_column_empty) {
margin-bottom:-20% !important
}
.lieu-row .et_pb_column:nth-child(1) {
height: 100%;
}
#home-mosaic .et_pb_column:nth-child(1) .et_pb_module {
min-height: 50vh;
}
.citation-section-center2 p {
width: 90%;
}
#map-row .et_pb_column:nth-child(1){
padding: 3% 3% 6% 3%;
background: black;
}
.contact-section .et_pb_row:nth-child(2){
display:flex;flex-direction:column-reverse;
}
}
@media screen and (min-width:980px) and (max-width:1360px){
.lieu-row .et_pb_column:nth-child(1){
}
} .lieu-row::-webkit-scrollbar,
body::-webkit-scrollbar {
width: 7px;
}
.lieu-row::-webkit-scrollbar-track ,
body::-webkit-scrollbar-track {
background: black;
}
.lieu-row::-webkit-scrollbar-thumb ,
body::-webkit-scrollbar-thumb {
background-color: #8d7d72 ;
border-radius: 0px;
} html {
scrollbar-color: #8d7d72 black  ;
}
html, body {
-ms-overflow-style: -ms-autohiding-scrollbar;
}