@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,600,700&display=swap');
@import url("https://use.typekit.net/cmj6clw.css");
@import url("fonts/manier/manier-bold.css");
/*
Theme Name: Distillerie Stadaconé
Author: Fred Lacroix et Landry Mussard
Author URI: https://fredlacroix.ca
Version: 1.0


OPEN SANS
font-family: 'Open Sans', sans-serif;
300 - Light
400 - Regular (non installé)
600 - semi-bold (installé, utilisé dans section EQUIPE seulement.)
700 - Bold
800 - Extra-bold (non installé)

DROID SERIF (compte Adobe de frlacroix@csfoy.ca) https://fonts.adobe.com/my_fonts#web_projects-section
font-family: droid-serif, serif;
400 - regular
700 - bold

MANIER
font-family: 'Manier-Bold', Helvetica, Arial, Sans-Serif;

*/
.noir{color:#000;}

html, body{height:100%;}
body{
    color:#000;
    background-color:#00131c;
    font-family: 'Open Sans', sans-serif;
    font-weight:300; 
    font-size:16px;
    background-color:#d1d2d3;
    padding:15px;
    line-height: 1.38;
    padding:0;
}
p, table{margin-bottom: 1.2em;}
.manier{
    font-family: 'Manier-Bold', Helvetica, Arial, Sans-Serif;
}
.chrome .anim-1-texte.manier p{
    font-smooth: always;
    -webkit-text-stroke: .005em rgba(51,51,51,0.50);
    -webkit-font-smoothing: antialiased !important;
}
.droid{font-family: droid-serif, serif; font-weight:400;}

.wow{ visibility:hidden } /* https://github.com/matthieua/WOW/issues/231 */
strong{font-weight:700;}
img{max-width:100%; height:auto;}
.grecaptcha-badge{display:none !important;}
.cover{
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:center 50%;
} 
h1{width:100%;margin-bottom:10%;}
h1, h2, h3{
    font-family: droid-serif, serif;
    font-weight: 700 !important;
    font-style: normal;
    letter-spacing: 0.8px;
    line-height: 1.14;
    margin-bottom: 1em;
}
h2{font-size:25px;}
h3{font-size:20px;}
a.oeil{
    position:absolute;
    top:15px;
    left:50%; 
    max-width:10%;
    z-index: 800;
    -ms-transform: translateX(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%); /* Safari */
    transform: translateX(-50%);
}
a.oeil svg{
    width:100%;
    fill:#000;
    will-change:fill, transform;
    -webkit-transition: fill 0.2s, transform 0.2s;
    -moz-transition: fill 0.2s, transform 0.2s;
    transition: fill 0.2s, transform 0.2s;
    max-width: 134px;
}
body:not(.fp-viewing-p1) a.oeil:hover svg{
    fill:#9f8753;
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}

a, a:hover, a:focus{color:#000;}

a.bt,
.wpcf7 input[type="submit"]{
    display:block;
    position:relative;
    text-align:center;
    margin:10px auto 0;
    text-decoration:none !important;
    text-transform: uppercase;
    border:3px solid #000;
    color:#000;
    padding:7px;
    font-weight: 700;
    will-change:color, background-color;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
a.bt > span{height:40px;display:table;width:100%; padding:0 30px;}
a.bt > span > span{vertical-align: middle;display:table-cell;width:100%; height:100%; }
a.bt:hover,
.wpcf7 input:hover[type="submit"], 
.wpcf7 input[type="submit"]:focus{
    color:#FFF;
    background-color:#000;
	
}
a.bt-white {
	border-color:#FFF;
	 color:#FFF;
}

a.bt-white:hover {
	color:#000;
	background-color:#FFF;
}

.rel{position:relative;}
.abs{position:absolute;}
.bg-blanc{background-color:#FFF;}

.wpcf7 input[type="submit"]{
    padding:18px;
    border-color:#000 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: auto;
    line-height: 1;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type="color"], .wpcf7 input[type="date"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="datetime"], .wpcf7 input[type="email"], .wpcf7 input[type="file"], .wpcf7 input[type="month"], .wpcf7 input[type="number"], .wpcf7 input[type="range"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="text"], .wpcf7 input[type="time"], .wpcf7 input[type="url"], .wpcf7 input[type="week"], .wpcf7 select, .wpcf7 textarea{
    background-color:transparent !important; 
    border:none !important;
    outline:none !important;
    border-bottom: 1px solid #000 !important;
}
textarea:focus, input:focus,*:focus,.wpcf7-text:focus, .wpcf7-textarea:focus {
outline:none;
}

.popup-content .largeTxt {
	font-size: 35px;
    font-weight: bold;
	text-align: center;
	line-height: 32px;
	font-weight: 600;
	margin-top:30px;
}

.popup-content .smallTxt {
	text-align: center;
}

.shopnow {
	text-transform: uppercase;
	text-align: center;
	position: absolute;
    bottom: 10px;
    margin: 0 auto;
    width: 100%;
}

.shopnow a {
	color:#FFFFFF;
}

.shopnow a:hover {
	color:#000000;
}


.smallTxt {
	font-size: 15px;
    font-weight: normal;
}
.sub_header {
	background-image:url(./images/subheader_bg.jpg);
	position:relative;
    background-position: center 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.sub_header p {
	margin: 20px 0 0 0;	
	text-align:center;
}


.no-margin-bottom{margin-bottom:0;}
.no-margin-bottom .bt{margin-top:0;}

#modal-automatique-popup button.close{
    position:absolute; 
    top:10px; 
    right:15px;
    z-index: 33; 
    opacity:1; 
    color:#FFF; 
    border:none; 
    outline: none;
    will-change:opacity;
    -webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
#modal-automatique-popup button.close:hover{opacity:0.5;}
#modal-automatique-popup .modal-dialog{max-width:700px;}
#modal-automatique-popup .modal-dialog .modal-body{padding: 0;}
/* Modal Content */
.popup {

    background: url('images/bg_popup1.jpg');
 
    height: 100vh;

    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}


.close-popup:hover,
.close:focus {
  color: #000;
 cursor:pointer;
}



.legal_age_answer  {
	text-align:center;
	margin-top:80px;
}

.legal_age_answer a {
	border-color: #FFFFFF;
	color:#FFFFFF;
	padding:10px 20px;
	margin:0 10px;
}

.legal_age_answer a.bt:hover {
    color: #000;
    background-color: #FFF;
}

.mention_legale {
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.mention_legale p {
	color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    
	font-weight: normal;
}

 a.bt-small{margin-left:5px;}
a.bt-small{margin-right:5px;}

.cover-theme #page {
	height:100%;
}




p.pin{position:relative;max-width:250px; margin:0 auto;display:block;}
p.pin:before, p.pin:after{
    content:'';
    display: block;
    width:18px;
    height:11px;
    -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:center 50%;
    background-image:url("../images/svg/pin.svg");
    position: absolute;
    top:50%;
    left:-30px;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
}
p.pin:after{
    left:auto; 
    right:-30px;
    -ms-transform: translateY(-50%) rotate(180deg); /* IE 9 */
    -webkit-transform: translateY(-50%) rotate(180deg); /* Safari */
    transform: translateY(-50%) rotate(180deg);
}

.main{
    display:table;
    width:100%;
    height:100%;
    padding-bottom:100px;
}
.main > div{display:table-cell; width:100%; height:100%; vertical-align: middle; text-align: center;}

.social{margin-bottom:0;}
.social li{display:inline-block; text-transform: uppercase; font-weight:700; font-size: 14px;margin:0 10px;}
.social li a{position:relative;}
.social li a, .social li a img{width:40px; height:40px;}
.social li a img, .social li a.lang span{position:relative; z-index: 9; }
.social li a.lang span{color:#FFF; display: inline-block;text-align:center; text-transform: uppercase;}

header .social{position:absolute; top:15px; right:15px;}

.social li{margin:0 0 0 14px;}
.social li a, .social li a img, .social li a.lang span{width:36px; height:36px;}
.social li a:before{
    position:absolute;
    z-index: 5;
    content:"";
    display: block;
    width:30px;
    height:30px;
    background-color:#000;
    top:50%;
    left:50%;
    -ms-transform: translate(-50%, -50%) rotate(45deg); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) rotate(45deg); /* Safari */
    transform: translate(-50%, -50%) rotate(45deg);
    will-change:background-color;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

#menu .social li{margin:0 18px 10px 0;}
#menu .social li a:before{background-color:#FFF;}
#menu .social li a.lang span{color:#000;}
.social li a:hover:before{background-color:#9f8753 !important;}

.texture, body:not(.home){background:#f0f0f0 url("images/texture.jpg") repeat top right;}
.grille{
    background-image:url("images/svg/grille.svg");
    -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:center 50%;
    position:absolute;
    top:0;
    left:0;
    display: block;
    width:100%;
    height:100%;   
    z-index: 100;
}

.bg-noir{background-color:#000; color:#FFF;}
.bg-gris{background-color:#dedede;}


.rsArrow{position:absolute; right:50%;margin-right:15px;}
.rsArrow.rsArrowRight{left:50%;margin-left:15px;}
.rsArrow .rsArrowIcn{
    background-image:url("images/svg/fleche-brune.svg");
    display: block;
    width:75px;
    height:15px;
    -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:left 50%;    
}
.rsArrow.rsArrowRight .rsArrowIcn{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
}

/*

=== ACCUEIL ===

*/
.home a.oeil{
    will-change:opacity;
    -webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
    opacity:0;
}
.home .fp-section.active.fp-completely a.oeil{opacity:1;}

.home .video-presentation{width:300px; height:169px;}

/*

=== BODY REGULIER (autre que l'accueil)

*/
body.regulier{padding-top:100px;}

body.regulier header{position:fixed; top:0; width:100%;}
body.regulier h1{text-transform:uppercase;}
.back a img{margin-right:10px;}

body.archive.regulier header, body.single.regulier header{position:absolute;}


body.page-template-nos-promotions #page article{padding-bottom:100px;}
body.page-template-nos-promotions hr{margin-bottom:50px; margin-top:50px;}

/*

=== MENU ===

*/
#open_menu{
    position:absolute;
    top:20px;
    left:20px;
    display: block;
    width:40px;
    height:30px;
    z-index:250;
}

#open_menu > div{

    display:block;
    width:100%;
    height:6px;
    background-color:#000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position:absolute;
    -webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
    
}
#open_menu:hover > div{background-color:#9f8753;}
#open_menu > div.a{top:0;}
#open_menu > div.b{
    top:50%;
    ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
}
#open_menu > div.c{bottom:0;}
#menu{
    position:absolute;
    top:0;
    left:0;
    background-color:#000;
    display: block;
    width:450px;
    padding:15px;
    max-width:100%;
    height:100%;
    z-index:300;
    ms-transform: translateX(-100%); /* IE 9 */
    -webkit-transform: translateX(-100%); /* Safari */
    transform: translateX(-100%);
    will-change: transform;
    -webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	transition: transform 1s;
    color:#FFF;
}
#menu.ouvert{
    ms-transform: translateX(0); /* IE 9 */
    -webkit-transform: translateX(0); /* Safari */
    transform: translateX(0);
}
#menu nav{
    position: absolute;
    top:50%;
    ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
    font-size:16px;
    line-height: 1.18;
    letter-spacing: 1px;
}
#menu .close{position:absolute; top:10px; right:10px; color:#FFF;}
#menu nav ul{list-style: none; padding:0; margin:0;}
#menu nav ul li{text-transform: uppercase; margin:0; padding:0;}
#menu nav ul li a{
    color:#FFF; 
    text-decoration: none;
    padding:6px 0; 
    display: block;
    font-weight: 700;
    will-change: color;
    -webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	transition: color 0.5s;
}
.gold, #menu nav ul li a:hover{color:#9f8753;}
#menu .bottom{
    position:absolute;
    bottom:10px;
}
#menu .logo img{max-width:50%;margin-top:10px;}
#menu a{color:#FFF;}

#fade{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:200;
}
body.home #fade{background-color:#000;}
body.home #fade:before{
    display:block;
    content:"";
    background-image:url("images/loading.gif");
    position: absolute;
    top:50%;
    left:50%;
    will-change: opacity;
    -webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
    ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
    -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:center 50%;
    width:32px;
    height:32px;
}
body #fade,
body.home.loaded #fade{background-color:rgba(0,0,0,0.5);}
body.home.loaded #fade:before{opacity:0;}
body.regulier #fade{display:none;}

/*

=== FULLPAGE ===

*/
#fullpage{z-index:150;}
#fp-nav.fp-left{
    z-index:160;
    -webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	transition: left 0.5s;
}

/* HIDES LEFT NAV BAR FOR THE FIRST PAGE */
body.fp-viewing-p1 #fp-nav.fp-left {left:-50px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    border:2px solid #000; 
    background-color:transparent; 
    width:8px; 
    height:8px;
    margin-left:-4px;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span,
body.fp-viewing-p10 #fp-nav ul li:nth-child(10) a span,
body.fp-viewing-p11 #fp-nav ul li:nth-child(11) a span{
    background-color:#000;
    height: 14px;
    width: 14px;
    margin: -7px 0 0 -7px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span, #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
}
/*#fp-nav ul li:nth-child(1), #fp-nav ul li:nth-child(2){display:none;}*/
#fp-nav ul li:nth-child(1) {display:none;}


header{position:relative;z-index:200;}
/*

=== ANIMATION ===

*/


body .fleche{
    position: absolute;
    left:50%;
    bottom:30px;
    display: block;
    z-index: 160;
    ms-transform: translate(-50%, 150%); /* IE 9 */
    -webkit-transform:  translate(-50%, 150%); /* Safari */
    transform: translate(-50%, 150%);
    -webkit-transition: transform 0.5s, opacity 0.5s;
    -moz-transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    opacity:0;
    overflow: hidden;
    width:60px;
    height:115px;
    max-height:10%;
    animation: fleche-bounce 3s ease infinite;
}
@keyframes fleche-bounce{
    from {bottom: 30px;}
    80%  {bottom: 30px;}
    90%  {bottom: 10px;}
    to   {bottom: 30px;}
}

body .fleche img{position: absolute; bottom:0;margin-left:-8px;left:50%;}
body .label_fleche{
    color:#FFF;
    position: absolute;
    left:50%;
    bottom:10%;
    margin-left:-4px;
    display: block;
    font-size:15px;
    font-weight:600;
    z-index: 159;
    ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity:0;
}
body.fp-viewing-p1 .label_fleche {opacity:1;}
body.fp-viewing-p1 .fleche {
    ms-transform: translate(-50%, 0); /* IE 9 */
    -webkit-transform:  translate(-50%, 0); /* Safari */
    transform: translate(-50%, 0);
    opacity:1;
}

/* http://thenewcode.com/1020/HTML5-Video-Effects-with-CSS-Blend-Modes*/
body.mobile figure, body.mobile figure{display:none !important;} /* Cacher la vidéo dès qu'on est sur iOS et Android */
body .animation, body .animation .anim-1, body .animation .anim-2{display: block; overflow:hidden;}
body .animation figure {height:100%; width:100%; position:absolute; }
body .animation figure video {
	mix-blend-mode: multiply;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index:120;
    opacity:0.4;
}
/* SLIDE 1 */

body .animation .anim-1-texte{
    color:#000;
    position: absolute;
    top:50%;
    left:50%;
    margin:-3% 0 0 0;
    opacity: 0;
    font-size: 45px;
    text-align: center;
    width: 100%;
    line-height: 0.95em;
    will-change: opacity, transform;
    -webkit-transition: opacity 1.2s, transform 1.8s;
    -moz-transition: opacity 1.2s, transform 1.8s;
    transition: opacity 1.2s, transform 1.8s;
    -ms-transform: translate(-50%, -50%) scale(1); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) scale(1); /* Safari */
    transform: translate(-50%, -50%) scale(1);
    z-index:30;
}
body:not(.safari):not(.mobile) .animation .anim-1-texte{
  -ms-transform: translate(-50%, -50%) scale(8); /* IE 9 */
  -webkit-transform: translate(-50%, -50%) scale(8); /* Safari */
  transform: translate(-50%, -50%) scale(8);  
}

body .animation .anim-1-texte{
    -ms-transform: translate(-50%, -50%) scale(1); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) scale(1); /* Safari */
    transform: translate(-50%, -50%) scale(1);
}
body.fp-viewing-p1 .anim-1-texte{
    -ms-transform: translate(-50%, -50%) scale(1) !important; /* IE 9 */
    -webkit-transform: translate(-50%, -50%) scale(1) !important; /* Safari */
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 0.55;
}
body .animation .anim-1-texte p{margin:0;}

body .animation .anim-1-bateau,
body .animation .anim-1-bg{
    display:block;
    height:100%;
    width:100%;
    position: absolute;
    bottom:0;
    left:0;
    -webkit-transition: opacity 1s, transform 1s;
    -moz-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
     -ms-transform: scale(1); 
    -webkit-transform:  scale(1); 
    transform: scale(1);
    opacity:0;
    z-index:30;
}
body .animation .anim-1-bg{
    background-image: url("images/anim-1-bg-mobile.jpg"); z-index:20;
    -ms-transform: scale(1); 
    -webkit-transform:  scale(1); 
    transform: scale(1);
}
body:not(.safari):not(.mobile) .animation .anim-1-bateau,
body:not(.safari):not(.mobile) .animation .anim-1-bg{
    -ms-transform: scale(2.5); 
    -webkit-transform:  scale(2.5); 
    transform: scale(2.5);
}


body .animation .anim-1-bateau img{
    display:block;
    height:100%;
    width:auto;
    position: absolute;
    bottom:0;
    left:0;
}
body.fp-viewing-p1 .animation .anim-1-bateau, 
body.fp-viewing-p1 .animation .anim-1-bg{
    opacity:1;
    -ms-transform: scale(1) !important; /* IE 9 */
    -webkit-transform:  scale(1) !important; /* Safari */
    transform: scale(1) !important;
}

/* SLIDE 2 */

body .animation .anim-2-bg{
    display:block;
    height:100%;
    width:100%;
    position: absolute;
    bottom:0;
    left:0;opacity:0;
    -webkit-transition: opacity 1s, transform 1s;
    -moz-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
    background-image: url("images/anim-2-bg-mobile.jpg"); 
    z-index:20;
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform:  scale(1); /* Safari */
    transform: scale(1);
}
body:not(.safari):not(.mobile) .animation .anim-2-bg{
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform:  scale(2); /* Safari */
    transform: scale(2);
}
body.fp-viewing-p2 .animation .anim-2-bg{
    opacity:1;
    -ms-transform: scale(1) !important; /* IE 9 */
    -webkit-transform:  scale(1) !important; /* Safari */
    transform: scale(1) !important;
}

.section .introduction{
    opacity:0;
    will-change:opacity;
    -webkit-transition: opacity 1.2s;
    -moz-transition: opacity 1.2s;
    transition: opacity 1.2s;
    padding-bottom:2em;
    position:relative;
    z-index:300;
}
.section.fp-completely .introduction{opacity:1;}
.introduction h2{margin-bottom:0.4em;margin-top:2em;}
.introduction a.bt{margin-top:0;background-color:#000; color:#FFF;}
.introduction a.bt:hover{background-color:#f0f0f0; color:#000;}


/*

=== RESERVATION ===

*/


.reservation h2{margin-top: 2vw;}
.reservation .container-fluid, .reservation .row, .reservation .col-xs-12{height:100%;}
.reservation .photos{  
    opacity:0;
    z-index:35; 
    will-change:right, opacity;
    -webkit-transition: left 1s ease-in-out, opacity 1s;
    -moz-transition: left 1s ease-in-out, opacity 1s;
    transition: left 1s ease-in-out, opacity 1s;
    margin:0 40px 60px; width:calc(100% - 80px);
    height:200px;
}
.reservation.active .photos{opacity:1; }


.reservation .texte{
    position:relative; 
    z-index: 30; 
    display: block; 
    min-height:100%; 
    margin:0 0 0 auto;
}
.reservation .texte .inner{
    max-width:800px;
    will-change:opacity;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    opacity:0;
    
}
.inner{padding:60px 40px;}
.reservation.fp-completely .texte .inner{opacity:1;}

.rsNav{text-align:center; width:100%; position: absolute; bottom:10px;}
.rsNav .rsBullet{display:inline-block;}
.rsNav .rsBullet span{
	display:block; 
	width:8px; 
	height:8px; 
    background-color:rgba(159,135,83, 0.3);
    border:1px solid #9f8753;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	will-change: background-color;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
	margin:0 4px;
	cursor:pointer;
}
.rsNav .rsBullet.rsNavSelected span,
.rsNav .rsBullet:hover span{background-color:#9f8753;}


/*

=== À PROPOS (la distillerie) ===

*/
.about h2{text-transform: uppercase;margin-bottom:66vw;}
.about .carte{
    background-image: url("images/carte-la-distillerie-mobile-fr.jpg");
    background-position: center 15px;
    background-blend-mode: multiply;
    background-size: 100% auto;
    background-repeat: no-repeat;
    
    min-height:100%;
}

/*

=== NOS VALEURS ===

*/
.valeurs h2{text-transform: uppercase;margin-top: 2vw;}
.valeurs h3{text-transform: uppercase;margin-bottom: 5px;}
.valeurs p.ico{margin-bottom:18px;margin-top: 50px;}

.valeurs .anim{
    will-change: all;
    -webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    transition: all 0s ease-out;
    
    -ms-transform: translateX(5%); /* IE 9 */
    -webkit-transform: translateX(5%); /* Safari */
    transform: translateX(5%);
    opacity:0;
}
.valeurs h2 {
    
}
.valeurs.fp-completely .anim{ 
   -ms-transform: translateX(0); /* IE 9 */
   -webkit-transform: translateX(0); /* Safari */
   transform: translateX(0);
   opacity:1;
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
}
.valeurs.fp-completely .anim2{
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.valeurs.fp-completely .anim3{
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s;
}
/*

=== NOS SPIRITUEUX (produits) ===

*/
.produits h2{
    position: absolute;
    top: 85px;
    width: 100%;
    text-transform: uppercase;
    z-index: 9;
    text-align: center;
}
.produits .nom{
    font-size:30px; top:330px;
    /*opacity:0.3; */
    opacity:0.5; 
    text-align:center; 
    position: relative; 
    z-index: 6;
    
    position: absolute;
    text-transform: uppercase;
    width:100%; 
    
    
}
.produits .slides {
    position: absolute;
    left:0;
    top:0;
    display:block;
    height:500px;
    width:100%;
    z-index: 5;
}
.produits .slides:after,
.archive .photo_bg:after,
.home .nos-cocktails .photo_bg:after,
.corpo .photo_bg:after{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-image:url("images/svg/lignes-photo.svg");
    -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:center 50%;
    z-index: 7;
    opacity: 0.7;
}
.produits .slides>li,
.archive .photo_bg {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width:100%;
    height:100%;
}

.corpo .blank-space {
    position: relative;
    
    height: 340px;
}

.corpo .photo_bg {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width:100%;
    height:100%;
}

.corpo-content {
    position: relative;
    
}

.corpo .blank-space h1 {
    text-align: center;
}

.produits .slides>li>img {
    width: 100%;
    position: relative;
    z-index: 5;
}
.produits .spacer{
    position:relative;
    height:1200px;
}
.produits .royalSlider{
    top:125px;
    position: absolute;
    margin-bottom:50px;
}
.produits .royalSlider, .produits .royalSlider .rsOverflow{
    width:100%;
    z-index:9;
}
.produits .royalSlider .photo{
    position:absolute; 
    max-width:100px; 
    height:auto; 
    left:50%; 
    top:-230px;
    -ms-transform: translateX(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%); /* Safari */
    transform: translateX(-50%);
    z-index:10;
    
}

.produits .royalSlider .photo.ombre{
    z-index: 9;
    max-width: 110px;
    margin: 0 0 0 15px;
    
}

.produits .rsArrow{top:320px;}
.produits .royalSlider .rsTabs{position:absolute; top:0; width:100%; left:0;z-index: 20; height:80px;}
.produits .royalSlider .rsTabs .rsNavItem{
    display:inline-block; 
    cursor: pointer; 
    text-transform: uppercase; 
    margin: 0 25px; 
    font-weight: 600;
    
}
.produits .royalSlider .rsTabs .rsNavItem > span{
    will-change: color;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.produits .royalSlider .rsTabs .rsNavItem.rsNavSelected{font-weight:700;}

.produits .texte{
    opacity:0;
    will-change: opacity;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
    -ms-transform: translateX(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%); /* Safari */
    transform: translateX(-50%);
    position: absolute;
    top:300px;
    left:50%;
    padding:60px 15px 30px;
    font-size:16px;
}
.produits .rsSlide{padding-bottom:30px;}

.produits .royalSlider .rsActiveSlide .texte{opacity:1;}
.produits .box-blanc{
    background-color:#FFF;
    border:solid 2px #c59c71;
    height:500px;
    z-index: 6;
    left:50%;
    -ms-transform: translateX(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%); /* Safari */
    transform: translateX(-50%);
    position: absolute;
    top:375px;
}

.produits .texte h4{
    font-family: droid-serif, serif;
    margin-top:0;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 700;
}
.produits .ico_cocktail{
    width:144px;
}
.produits .bt.voir{position:relative; z-index:15; width:100%; text-align: center;}
.produits .bt.voir:hover{color:#FFF;}

/*

=== NOS COCKTAILS ===

*/
.nos-cocktails .container{margin-top:10%;padding: 0 60px;}
.nos-cocktails h2{
    position: relative;
    text-transform: uppercase;
    z-index: 9;
    text-align: center;
}

/*

=== PRET A BOIRE ===

*/
.pret-a-boire{background-color:#FFF;}

.pret-a-boire .photo{padding:0;}
.pret-a-boire h2{color:#a30a21;}
.pret-a-boire .texte{}

/*

=== MOJIGIN ===

*/
.gingria-blanche{background-color:#FFF;}

.gingria-blanche .photo{padding:0;}
.gingria-blanche h2{color:#ffffff;}
.gingria-blanche .texte{color:#ffffff;}

.gingria-blanche .bt {
    color : #ffffff;
    border-color: #ffffff;
}

.gingria-blanche .bt:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
}
/*

=== PINATA ===

*/
.pinata{background-color:#FFF;}
.pinata .photo{padding:0;}


/*

=== TOM GIN ===

*/
.tom_gin{background-color:#FFF;}
.tom_gin .photo{padding:0;}


/*

=== LEMOYNE ===

*/
.lemoyne {background-color:#FFF;}

.lemoyne .photo{padding:0;}
.lemoyne h2{color:#000000;}
.lemoyne .texte{}

/*

=== BIERE ===

*/
.biere {background-color:#FFF;}

.biere .photo{padding:0;}
.biere h2{color:#ffffff;}
.biere .texte{color:#ffffff;}

@media (max-width: 768px) {
    
    .biere h2{color:#000000;}
    .biere .texte{color:#000000;}
    
}

/*

=== SARONIA ===

*/
.section.saronia .video {
    z-index: 10 !important;
}

.section.saronia {background-color:#FFF;}

.section.saronia .photo{padding:0;}
.section.saronia h2{color:#ffffff;}
.section.saronia .texte{color:#ffffff;}

.section.saronia .bt {
    color : #ffffff;
    border-color: #ffffff;
}

.section.saronia .bt:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
}

@media (max-width: 768px) {
    
    .section.saronia h2{
        color:#000000;
    }
    .section.saronia .texte{
        color:#000000;
    }
    .gingria-blanche h2{color:#000000;}
    .gingria-blanche .texte{color:#000000;}
    .section.saronia .bt, .gingria-blanche .bt {
        color : #000000;
        border-color: #000000;
    }
    .section.saronia .bt:hover {
        background-color: #000000;
        color: #ffffff;
        border-color: #ffffff;
    }
    .gingria-blanche .bt:hover {
        background-color: #000000;
        color: #ffffff;
        border-color: #ffffff;
    }
    
}

/*

=== EQUIPE ===

*/

.equipe{background-position:top center;}

.equipe .royalSlider .rsTabs, .equipe .rsArrow{
    will-change: left;
	-webkit-transition: left 0.6s;
	-moz-transition: left 0.6s;
	transition: left 0.6s;
}

.equipe .rsArrow{top:310px;}
.equipe .royalSlider{width:100%; position: relative; z-index: 100;}
.equipe .royalSlider{min-height:1423px;}  /* debug pour rendre la section scrollable - MOBILE */
.equipe .royalSlider .rsTabs{display:none;}
.equipe.first .royalSlider .rsTabs{left:50%;}
.equipe .royalSlider .rsTabs .rsNavItem{
    display:inline-block; 
    cursor: pointer; 
    text-transform: uppercase; 
    margin-right: 30px; 
    font-weight: 600;
    will-change: color;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.equipe .royalSlider .rsTabs .rsNavItem:last-child{margin-right: 0;}
.equipe .royalSlider .rsTabs .rsNavItem.rsNavSelected, .equipe .royalSlider .rsTabs .rsNavItem:hover{color:#9f8753;}
.equipe .royalSlider .rsABlock{position:relative;}
.equipe .royalSlider .texte{padding-top:280px;}
.equipe .rsSlide p.item{border-bottom:1px solid #000; padding-bottom:4px; font-size:16px;}
.equipe .single h2{margin-bottom:0;}
.equipe .photo{display:block; width:100%; height:300px; position: absolute; top:0; left:0; background-position: center top;}
.equipe .all .photo{background-position: center 50%;}
.equipe .all .photo img{display:none;}

/*

=== CONTACT ===

*/


.contact table{width:100%;}
span.wpcf7-list-item{margin:0;}
span.wpcf7-list-item label{position:relative; padding-left:20px;}
span.wpcf7-list-item label input{position:absolute; top:6px; left:0;}
.wpcf7{max-width:none;}
.wpcf7 input[type="email"],
.wpcf7 input[type="text"],
.wpcf7 textarea{
    background: transparent; 
    border:none; 
    border-bottom: 1px solid #000;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
     resize: none;
    height:30px;
}
.wpcf7 input[type="email"].wpcf7-not-valid,
.wpcf7 input[type="text"].wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid{border-color:#dc3545;}
.wpcf7 textarea{height:86px;}
label{font-size:16px;margin-top:2em;}
#mc_embed_signup label{margin-top:0;}
#mc_embed_signup form{padding-left:0 !important;}
.contact h2{
    font-size: 30px;
    position:absolute; 
    width:100%; 
    text-align:center; 
    text-transform: uppercase; 
    color:#005f7f; 
    opacity:0.1; 
    top:3%;
    z-index: 100;
}

.contact .coordonnees a.bt{margin-top:0;}

.contact .coordonnees h3{
    font-family: 'Open Sans', sans-serif;
    font-weight:700; 
    font-size:16px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.copyright {
    padding-top:10px; padding-bottom:10px;
    font-size: 15px;
}


a.bt{display:inline-block;}

a.answer_yes, a.answer_no {
	display:inline-block;
}
.legal_age_question {
    padding: 0% 8% 0 8%;
    text-align: center;
    font-family: droid-serif, serif;
    font-size: 20px;
}

.cover-theme {
	background: none!important;
	color: #000;
    background-color: #00131c!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background-image: url(images/background.jpg)!important;
    background-color: #d1d2d3 !important;
	background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center 50%;
    text-align: center;
    padding: 15px;
}

/*

=== SINGLE COCKTAIL ===

*/
.bordure{border:solid 2px #9f8753;}
.bordure-top{border-top:solid 2px #9f8753;}
.archive h1{position:relative; z-index: 1;margin-bottom: 0.5em;}
.archive .titre{
    position:absolute;
    width:100%;
    bottom:0;
    padding:10px;
    left:0;
    display: block;
    min-height:50px;
    background-color:#FFF;
}
.archive a .titre{
    will-change:color, background-color;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.archive .photo_bg, .corpo .photo_bg,
.home .nos-cocktails .photo_bg{height:340px;z-index:0; background-image:url(images/archive-bg.jpg);}
.home .nos-cocktails .photo_bg{height:54%;position: absolute; width:100%; bottom:46%;}

.archive .tri_cocktails{margin-bottom: 30px;}
.archive .trier{position:relative;}
.bt.voir-plus{
    width:100%; 
    text-align: center;
    border:2px solid #9f8753;
    background-color:#FFF;
    margin-top: 0;
}
.archive a:hover .titre.bordure-top, .archive .bt.voir-plus:hover{background-color:#9f8753; color:#FFF;}
/* https://codepen.io/ericrasch/pen/zjDBx */
.style-select {
	background-color: #FFF;
	position:relative;
	overflow: hidden;
    width:100%;
    margin: 0 0 36px 0 !important;
}
.style-select:before{
    content:"";
	display:block;
	width: 54px;
    height: 54px;
    background-color: #000000;
    border-left:solid 2px #9f8753;
    position:absolute;
    top:0;
    right:0;
}
.style-select:after{
	content:"";
	display:block;
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #9f8753 transparent transparent transparent;
	position:absolute;
	top:50%;
    right:18px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.style-select select {
   background: transparent;
   border: none;
   padding: 5px 28px 5px 5px; /* If you add too much padding here, the options won't show in IE */
	padding: 12px 46px 12px 20px;
	width: calc(100% + 30px);
    height:52px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: initial;
    z-index: 3;
    position: relative;
}
.style-select select option{border-bottom:1px solid #ece6db; }
form.trier{margin:100px 0 -8px;}
form.trier .style-select{display:inline-block; vertical-align:middle;margin-left:10px;}
input[type=text], input[type=search], input[type=email], textarea{border:none; background:#FFF;color:#000;padding:5px;}

.archive .tri_cocktails .titre{background-color:transparent;}
.archive .tri_cocktails a .bordure{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:53%;
    border:solid 2px #9f8753;
    background-color:#FFF;
    will-change:height;
    -webkit-transition: height 0.4s ease-in-out;
    -moz-transition: height 0.4s ease-in-out;
    transition: height 0.4s ease-in-out;
}
.archive .tri_cocktails a img{
    position:absolute;
    bottom: 50px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 39%;
    z-index:3;
    will-change:width;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.archive .tri_cocktails a:hover .bordure{text-decoration: none;}
.archive .tri_cocktails a:hover .bordure,
.archive .tri_cocktails .selected a .bordure{height:73%;}
.archive .tri_cocktails a:hover img,
.archive .tri_cocktails .selected a img{width:47%;}

.archive.cocktail .titre > span{text-transform:uppercase; font-size: 75%;font-weight:  600;}
.archive a.item, .archive a.item .vignette{display:block;}
.archive a.item{margin-bottom:30px;}
.archive a.item .vignette{margin-bottom:50px;background-color: #e6e6e6;}
.archive a.item .vignette .ico_oeil{
    position:absolute; 
    max-width:60%;
    top:40%; 
    left:50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.single-cocktail article h2,
.archive .titre h3{
    font-weight:700; 
    text-transform: uppercase; 
    font-family:'Open Sans', sans-serif; 
    font-size: 14px;
    letter-spacing: 0;
    margin-bottom: 4px;
    line-height: 1.38;
}
.single-cocktail a.saq{font-weight:700;}
.single .ambiance{
    display: block;
    min-height: 510px;
    position: absolute;
    top: 0;
    right: 50%;
    -ms-transform: translateX(-134px);
    -webkit-transform: translateX(-134px);
    transform: translateX(-134px);
    overflow: hidden;
}
.single .ambiance:before{
    content:"";
    background-image:url("images/svg/grille.svg");
    -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:center 50%;
    position:absolute;
    top:0;
    left:0;
    display: block;
    width:100%;
    height:100%;   
    z-index: 100;
}
.related{position:relative;}
.single-post h1, .single-dans_les_medias h1{margin-bottom:10px;}
.single #primary .social{padding:20px 0;}
.single #primary .social li a{}
.single #primary .social li a strong{font-size: 16px;margin-right:10px;}
.single #primary .social li a:hover{text-decoration: none;  color:#9f8753;}
.single #primary .social li a:before{left:auto; right:-14px;}
.single p.back {
    margin-bottom: 1.4em;
}
.single .related .royalSlider, .single .related .royalSlider .rsOverflow{height:410px;}

.single .related, .archive #page{padding:60px 0;}
.archive #page{padding-top:0;}
.single .related .royalSlider{width:100%;top: -45px;}
.single .related .royalSlider .rsOverflow{padding-top:45px;}
.single .related .rsArrow{position:absolute; top:8px;}

.single .related .rsArrow.rsArrowLeft{margin-right:100px;}
.single .related .rsArrow.rsArrowRight{margin-left:100px;}
.single .related .rsArrow.rsArrowRight .rsArrowIcn{margin-left:0;}

.videoPlay{
    display: block;
    padding:10px; 
    width:100%; 
    border-top:solid 2px #9f8753; 
    background-color:#FFF;
    will-change:background-color;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
    position: relative;
    height:50px;
}
.videoPlay svg{
    width:30px;
    position: absolute;
    top:50%;
    left:50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.videoPlay svg, .videoPlay path{
    fill:#9f8753;
    will-change:fill;
    -webkit-transition: fill 0.2s ease-in;
    -moz-transition: fill 0.2s ease-in;
    transition: fill 0.2s ease-in;
}
.videoPlay:hover{background-color:#000;}
.videoPlay:hover svg, .videoPlay:hover path{fill:#FFF;}

#video .modal-content{
    background-color:transparent; border:none;
}

.embed-responsive-16by9::before{padding-top:0 !important;}

@media (min-width:410px) and (max-height: 900px) {
    #menu .bottom{width:430px;}
    #menu .social {margin-bottom: 0;position: absolute;right: 20px;}
}
@media (max-height: 900px) {
    #menu nav {font-size: 16px !important;font-size: 3vh !important;line-height: 1.18 !important;letter-spacing: 1px !important;}
    #menu .logo img {max-width: 27% !important;margin-top: 10px !important;}
    #menu .bottom{font-size:14px;}
    #menu .bottom p, #menu .social li{margin-bottom:0;}
    #menu .social li a, #menu .social li a img, #menu .social li a.lang span {width: 30px;height: 30px;}
    #menu .social li a:before {width: 24px;height: 24px;}
}
@media (max-width: 575px) {
    body.single.regulier{padding-top:70px;}
    .single .photo{max-width:60%; display: block; margin:0 auto 30px;}
    .archive .tri_cocktails a{ height:164px;height:47vw;}
    .produits .rsArrow.rsArrowRight, .equipe .rsArrow.rsArrowRight{left:auto;}
}
@media (min-width: 576px) {
    .single .photo{margin-top:8px;}
    .archive .tri_cocktails a{height:264px;}
    form.trier{margin-top:145px;}
    .produits .rsArrow.rsArrowLeft{right:50%;left:auto;margin-right: 178px;}
    .produits .rsArrow.rsArrowRight{left:50%;margin-left: 178px;}
    .single .related .royalSlider, .single .related .royalSlider .rsOverflow{height:340px;}
}
@media (min-width: 500px) {
    .equipe .photo{background-position: center 7%;height: 400px;}
    .equipe .royalSlider .texte {padding-top: 380px;}
    .equipe .rsArrow {top: 410px;}    
}

@media (max-width: 767px) {
	/* SMALL */
    h1 img{max-width:200px}
    .social li.label{display:none;}
    .menu-boutique, .menu-reserve, .menu-pdfcorpo{display:none;}
    .fp-viewing-p1 .menu-pdfcorpo{display:block !important;}
    .fp-viewing-p1.home a.oeil{opacity:0 !important;}
    .menu-outils {top: 12px !important;left: 70px !important;}
    #open_menu{top:18px !important; left:14px;}
	.mention_legale p {
		margin-left:30px;
		margin-right:30px;
	}
    .produits .texte h4 br, .produits .box-blanc, .produits .spacer{display:none;}
    .produits .box-blanc{}
    .produits .texte{
        background-color:#FFF;
        border:solid 2px #c59c71;
        position: relative;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        left:auto;
        width:calc(100% - 60px);
        top: 0;
        margin-top: 300px;
        margin-bottom: 50px;
    }
    .produits .royalSlider{position:relative;top:0;margin-top:125px;}
    .produits .royalSlider{min-height:1280px;}  /* debug pour rendre la section scrollable - MOBILE */
    .produits .rsArrow{top:270px;}
    .produits .rsArrow, .equipe .rsArrow{left:45px;margin:0;}
    .produits .rsArrow.rsArrowRight, .equipe .rsArrow.rsArrowRight{/*left:auto;*/ right:45px;}
    
    

    .equipe .royalSlider h2 br{display:none;}
    
    .single h1{font-size: 2rem;}
    .single #primary .social li a img{top:-1px; right:-2px;}
    .single .related .rsArrow.rsArrowLeft{left:0;}
    .single .related .rsArrow.rsArrowRight{right: 0;left: auto;margin: 0;}
    .single .related .rsArrow .rsArrowIcn{width:50px}
    .archive .tri_cocktails{padding:0 10px;}
    .archive .tri_cocktails .archive{padding-left:5px; padding-right:5px;}
    
    .pret-a-boire .fp-scroller{min-height:1000px;}
}
@media (min-width: 768px) {
	/* SMALL */
	.legal_age_question {
    	padding: 0% 8% 0 8%;
	}
    
    .rsArrow{margin-right:15px;}
    .rsArrow.rsArrowRight .rsArrowIcn{margin-left:100px;}
    
    #menu{padding:40px;width: 450px;}
    
    
    p.pin{max-width:340px;}
    
    
    body .animation .anim-1-texte{font-size: 97px;}
    
    .home .video-presentation{width:500px; height:281px;}
    
    .contact .inner{display:block; margin:0 auto;max-width:460px;position: relative;z-index: 300;}
    .contact .formulaire .inner{ max-width:890px;}
    form .col-sm-6 label{max-width:360px;}
    form .col-sm-6.droite label{margin-right:0; margin-left:auto;}
    .contact h2{font-size: 100px;}
    .copyright{ width:100%;padding-top:35px; padding-bottom:35px;}
    /*.contact .copyright{position:absolute; bottom:0;}*/
    .copyright p{margin:0;}
    .copyright .droite{text-align:right;}
    
    /*
    
    A PROPOS
    
    */
    .about h2 {margin-top: 2vw; margin-bottom: 63vw;}
    .about .fp-tableCell .fp-scroller{background-position: center 80px;}
    .about .carte{background-position: center -20px;}
    
    /*
    
    NOS PRODUITS
    
    */
    .nos-cocktails h2{
        position: absolute;
        top: 85px;
        width: 100%;
    }
    .produits h2, .nos-cocktails h2{top: 115px;}
    .produits .nom{font-size:70px; top:300px;}
    .produits .royalSlider{top:200px; /* height:calc(100% - 200px) !important; */ height:1052px !important;}
    .produits .royalSlider .rsOverflow, .produits .rsAutoHeight .rsSlide {
        height: 100% !important;
    }
    .produits .royalSlider .rsTabs .rsNavItem:first-child{margin-left: 0;}
    .produits .royalSlider .rsTabs .rsNavItem:last-child{margin-right: 0;}
    .produits .royalSlider .photo{max-width:251px;top:-250px;}
    .produits .royalSlider .photo.ombre{max-width: 260px;}
    .produits .texte .gauche{padding-right:100px;}
    .produits .texte .droite{padding-left:100px;}
    .produits .box-blanc{top:500px;/*height:710px;*/height:680px;}
    .produits .slides {height:80%;max-height: 740px;}
    .produits .royalSlider, .produits .royalSlider .rsOverflow, .produits .rsAutoHeight .rsSlide{height:790px;}
    .produits .rsArrow{/*top:896px;*/}
    .produits .rsArrow.rsArrowRight .rsArrowIcn{margin-left:0;}
    .produits .rsArrow.rsArrowLeft{margin-right: 264px;}
    .produits .rsArrow.rsArrowRight{margin-left: 264px;}
    
    
    .home .nos-cocktails .photo_bg{/*height:66%;*/}
    
    /*
    
    
    PRET A BOIRE 
    
    
    */
    
    .pret-a-boire{background-image:url("images/pret-a-boire/nos-gingrias-arriere-plan-desktop-2.png");}
    /*.pret-a-boire:before{
        content:"";
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background-image:url("images/svg/lignes-photo.svg");
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-repeat:no-repeat; 
        background-position:center 50%;
        z-index: 7;
        opacity: 0.7;
    }*/
    .pret-a-boire h2{
        margin-bottom: 0.4em;
        margin-top: 1em;
        color:#ffffff;
    }
    .pret-a-boire .inner{padding:0; max-width:470px;}
    .pret-a-boire .texte{z-index:8; position: relative;color:#ffffff;}
    .pret-a-boire .bt{border-color:#FFF; color:#FFF;}

    /*
    
    
    GINGRIA BLANCHE 
    
    
    */
    
    .gingria-blanche{background-image:url("images/pret-a-boire/nos-sungrias-arriere-plan-desktop.png");}
    /*.gingria-blanche.en{background-image:url("images/pret-a-boire/gingria-blanche-arriere-plan-desktop-en.jpg");}
    .gingria-blanche:before{
        content:"";
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background-image:url("images/svg/lignes-photo.svg");
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-repeat:no-repeat; 
        background-position:center 50%;
        z-index: 7;
        opacity: 0.7;
    }*/
    .gingria-blanche h2{
        margin-bottom: 0.4em;
        margin-top: 1em;
    }
    .gingria-blanche .inner{padding:0; max-width:470px;}
    .gingria-blanche .texte{z-index:8; position: relative;}
    
    /*
    
    
    PINATA 
    
    
    */
    .pinata{background-image:url("images/pinata/pinata-noel-desktop.png");}
    /*.pinata{background-image:url("images/pinata/pinata-desktop-2.png");}*/
    /*.gingria-blanche.en{background-image:url("images/pret-a-boire/gingria-blanche-arriere-plan-desktop-en.jpg");}
    .pinata:before{
        content:"";
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background-image:url("images/svg/lignes-photo.svg");
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-repeat:no-repeat; 
        background-position:center 50%;
        z-index: 7;
        opacity: 0.7;
    }*/
    .pinata h2{
        margin-bottom: 0.4em;
        margin-top: 1em;
    }
    .pinata .inner{padding:0; max-width:470px;}
    .pinata .texte{z-index:8; position: relative;color:#FFF;}
    .pinata .bt{border-color:#FFF; color:#FFF;}
    
    /*
    
    
    TOM GIN 
    
    
    */
    .tom_gin{background-image:url("images/gin/tom-gin-desktop.jpg");}
    .tom_gin h2{
        margin-bottom: 0.4em;
        margin-top: 1em;
    }
    .tom_gin .inner{padding:0; max-width:470px;}
    .tom_gin .texte{z-index:8; position: relative;color:#FFF;}
    
    
     /*
    
    
    LEMOYNE
    
    
    */
    
    .lemoyne{background-image:url("images/lemoyne/STA_11174_Fond_Lemoyne_Desktop.jpg");}
    .lemoyne:before{
        content:"";
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-repeat:no-repeat; 
        background-position:center 50%;
        z-index: 7;
        opacity: 0.7;
    }
    .lemoyne h2{
        margin-bottom: 0.4em;
        margin-top: 1em;
    }
    .lemoyne .inner{padding:0; max-width:470px;}
    .lemoyne .texte{z-index:8; position: relative;}

        /*
    
    
    BIÈRE
    
    
    */
    
    .biere{background-image:url("images/biere/STA_11174_Fond_Biere_Desktop.jpg");}
    .biere:before{
        content:"";
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-repeat:no-repeat; 
        background-position:center 50%;
        z-index: 7;
        opacity: 0.7;
    }
    .biere h2{
        margin-bottom: 0.4em;
        margin-top: 1em;
    }
    .biere .inner{padding:0; max-width:470px;}
    .biere .texte{z-index:8; position: relative;}
    
            /*
    
    
    SARONIA
    
    
    */
    
    .section.saronia{background-image:url("images/saronia/STA_11174_Fond_Saronia_Desktop.jpg");}
    .section.saronia:before{
        content:"";
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-repeat:no-repeat; 
        background-position:center 50%;
        z-index: 1;
        opacity: 0.7;
    }
    .section.saronia h2{
        margin-bottom: 0.4em;
        margin-top: 1em;
    }
    .section.saronia .inner{padding:0; max-width:470px;}
    .section.saronia .texte{z-index:8; position: relative;}
    /*
    
    
    EQUIPE 
    
    
    */
    .equipe .photo{width:50%; height:100%;background-position: center 50%;}
    .equipe .single .photo{display:block; width:42%; height:100%; position: absolute; top:0; left:0;}
    .equipe .rsArrow{
        margin-left:40px;
        top:80px; 
        left:calc(42% + 15px);
        -ms-transform: translateX(0); /* IE 9 */
        -webkit-transform: translateX(0); /* Safari */
        transform: translateX(0);
    }
    .equipe .royalSlider{min-height:1280px;}  /* debug pour rendre la section scrollable - TABLETTE */
    .equipe .royalSlider .rsTabs{
        display:block;
        width:42%; 
        bottom:auto; 
        top:110px; 
        text-align: left; 
        left:42%;
        margin-left:55px;
    } 
    .equipe.first .rsArrow{left:calc(50% + 15px);}
    .equipe .royalSlider .texte{padding-top:135px;}
    
    .equipe .all .photo{background-image:none !important; }
    .equipe .all .photo img{
        position:absolute; 
        top:50%;
        -ms-transform: translateY(-50%); /* IE 9 */
        -webkit-transform:  translateY(-50%); /* Safari */
        transform: translateY(-50%);
        display:block;
    }
    
    .social li{margin:0 0 0 18px;}
    .social li a, .social li a img, .social li a.lang span{width:52px; height:52px;}
    .social li a:before{
        width:40px;
        height:40px;

    }
    .reservation .photos{ height:300px; }
    
    .single .ambiance{
        -ms-transform: translateX(-165px);
        -webkit-transform: translateX(-165px);
        transform: translateX(-165px);
    }
    .single .related .royalSlider, .single .related .royalSlider .rsOverflow{height:314px;}
    .archive #page, .single #primary{margin-top:20px;}
    form.trier{margin-top:200px;}
    .archive .photo_bg{height:430px;}
    .archive.post .photo_bg{height:416px;}
    .archive .tri_cocktails a{height:364px;}
    #modal-automatique-popup .modal-dialog{max-width:60%;}
    
    
    
}
@media (max-width: 991px){
    .contact .inner{margin-left:0;}
    .home .reservation .inner{padding-bottom:0;}
    .menu-outils .hidden-sm{display:none;}
}
@media (min-width: 992px) {
	/* MEDIUM */
    body, 
    .contact .coordonnees h3, 
    .wpcf7 input[type="submit"], 
    .single-cocktail article h2, 
    .archive .titre h3,
    .single #primary .social li a strong{font-size:20px;}
    h2{font-size:40px;}
    h3{font-size:25px;}
    a.bt{display:inline-block;}
	a.bt,.wpcf7 input[type="submit"]{margin-top:30px auto 0;}
	.legal_age_question {
		padding: 0% 8% 0 8%;
		
	}
	
    
    a.bt > span{height:70px;}
   
    a.bt-small > span{height:50px;}
    .wpcf7 input[type="submit"]{padding:34px;max-width: 360px; margin:24px 0 0 auto;}
    
   
    .home .video-presentation{width:400px; height:225px;}
    
    .reservation.texture{background-image:none !important;}
    .reservation .cover.bg, .reservation .bg-noir{
        width:50%;
        height:100%;
        position: absolute;
        display: block;
        top:0;
        left:0;

    }
    .reservation .cover{
        background-image:url("images/bg-reservation-mobile.jpg");
        z-index:10;
    }
    .reservation .bg-noir{
        opacity:1;
        z-index:15;
         will-change:opacity;
        -webkit-transition: opacity 1s ease-in;
        -moz-transition: opacity 1s ease-in;
        transition: opacity 1s ease-in;
    }
    .reservation.active .bg-noir{opacity:0;}
    .reservation .texture{
        width:100%;
        height:100%;
        position: absolute;
        display: block;
         will-change:width;
        -webkit-transition: width 1s ease-in-out;
        -moz-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
        top:0;
        right:0;
        z-index:20;
    }
    .reservation.active .texture{width:50%;}
    .reservation .photos{
        /*-ms-transform: translateY(-50%); 
        -webkit-transform:  translateY(-50%);
        transform: translateY(-50%);
        top:50%;*/
        top:140px;
        max-width:45%;
        position:absolute; 
        left:14%;
        
        height:400px;
    }
    .reservation.active .photos{left:4%;}
    .reservation .texte{
        width:50%; 
    }
    
    .inner{padding:110px 40px 110px 60px;}
    .coordonnees .inner{padding-left:30px; padding-right:30px;}
    .reservation .photos{  }
    .produits .texte{padding-left:50px;padding-right:50px;}
    .produits .texte h4{font-size:45px;}
    .produits .nom{font-size:100px;}
    .produits .box-blanc{
        height:550px;
        /*height: 500px550px;*/
    }
    .produits .polyvalent{float:left; max-width:120px;padding-top:30px;}
    .produits .texte svg{float:left;}
    .produits .royalSlider{height:975px !important;}
    .produits .spacer{height:1050px;}
    .produits .rsArrow.rsArrowLeft{margin-right: 384px;}
    .produits .rsArrow.rsArrowRight{margin-left: 384px;}
    
    .about h2 {margin-bottom: 42vw;}
    .about .carte{background-image: url("images/carte-la-distillerie-fr.jpg");background-position: center 80px;}
    
    /*
    
    === EQUIPE ===
    
    */
    /*.equipe .royalSlider{min-height:1030px;}   debug pour rendre la section scrollable - ORDI */
    .equipe .royalSlider .rsTabs{margin-left:35px;} 
    .equipe .rsArrow{margin-left:20px;}
    .equipe .royalSlider .texte{padding-top:200px;}
    
    .equipe .royalSlider .rsTabs .rsNavItem{margin-right: 50px; }
    .equipe .inner{padding:0 20px 50px 20px;}
    .equipe .all .inner, .equipe .royalSlider .rsTabs{font-size:16px;}
    
    .single .ambiance{
        -ms-transform: translateX(-320px);
        -webkit-transform: translateX(-320px);
        transform: translateX(-320px);
    }
    .single .related .royalSlider, .single .related .royalSlider .rsOverflow{height:388px;}
    .single .related .rsArrow.rsArrowLeft{margin-right:150px;}
    .single .related .rsArrow.rsArrowRight{margin-left:150px;}
    .single .related .rsArrow{top:0;}
    .archive .photo_bg{height:540px;}
    .archive .tri_cocktails a{height:414px;}
    
    
    body.page-template-nos-promotions #page article h2{font-size:40px;}
}

/* BOUTON BOUTIQUE À CÔTÉ DES RÉSEAUX SOCIAUX */
#open_menu{top:25px;}
.menu-outils {
    position: absolute;
}
.menu-outils {
        top: 28px;
        left: 76px;
    }
.menu-outils > a:first-child{margin-right:10px;}
.menu-boutique, .menu-reserve, .menu-pdfcorpo {
    color: #000000;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.5);
    outline: #000000 solid 3px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
    padding: 12px;
    will-change:background-color;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.menu-boutique:hover, .menu-reserve:hover, .menu-pdfcorpo:hover {
    background-color: #000000;
    text-decoration: none;
    color: #ffffff;
    outline: #000000 solid 3px;
}

@media (min-width: 1200px) {
	/* LARGE */
    h2{font-size:50px;}
    .inner, .equipe .inner{padding:110px 40px 110px 60px;}
    body .animation .anim-1-texte{font-size: 125px;}
    body.en .animation .anim-1-texte{font-size: 115px;}
    
     body .animation .anim-1-bg{background-image: url("images/anim-1-bg.jpg");}
    body .animation .anim-2-bg{background-image: url("images/anim-2-bg.jpg");}
    
    #open_menu{
        top:37px;
        left:30px;
        width:60px;
    }
    .menu-outils {
        top: 32px;
        left: 116px;
    }
    .menu-outils > a{
    display:inline-block;
}
    #menu nav{
        font-size:24px;
        line-height: 1.38;
    }
    
    #menu .logo img{max-width:100%;width:210px;margin-top: 20px;}
    header .social{top:30px; right:30px;}
    .reservation .photos{max-width:50%;height:500px;}
    .reservation.active .photos{left:3%;}
    .reservation .texte .inner{padding-left:140px;}
    .reservation .cover{background-image:url("images/bg-reservation.jpg");}
    .produits .nom{font-size:112px;}
    .produits .texte h4{font-size:50px;}
    .produits .texte{padding-left:100px;padding-right:100px;}
    .produits .rsArrow.rsArrowLeft{margin-right: 474px;}
    .produits .rsArrow.rsArrowRight{margin-left: 474px;}
    
    .home .video-presentation{width:600px; height:338px;}
    
    .contact h2{font-size: 200px;}
    .contact .container-fluid, .contact .container-fluid .row, .contact .container-fluid .formulaire, .contact .container-fluid .coordonnees{height:100%;}
    
    .equipe .rsArrow{top:150px;margin-left:60px;}
    .equipe .royalSlider .rsTabs{top:200px;margin-left: 75px;}
    /*.equipe .royalSlider{min-height:1120px;}   debug pour rendre la section scrollable - X-LARGE */
    
    .equipe .all .inner, .equipe .royalSlider .rsTabs{font-size:20px;}
    
    .single .ambiance{
        -ms-transform: translateX(-380px);
        -webkit-transform: translateX(-380px);
        transform: translateX(-380px);
    }
    
    .archive #page, .single #primary{margin-top:40px;}
    .archive .photo_bg{height:640px;}
    .archive.post .photo_bg{height:436px;}
    .archive .tri_cocktails a{height:494px;}
    .single .related .royalSlider, .single .related .royalSlider .rsOverflow{height:406px;}
    #modal-automatique-popup .modal-dialog{max-width:700px;}
}
@media (max-width: 1499px) {
    .produits .bt.voir{margin-top:10px;}
}
@media (min-width: 1500px) {
	/* LARGE */
	.reservation .photos{height:600px;}
    .reservation.active .photos{left:2%;}
     .produits .nom{font-size:150px;}
    .equipe .all .photo img{display:none;}
}
@media (min-height: 1200px) {
    .contact .container-fluid{height:1286px;}
}

/* COOKIE CONSENT COMPLIANZ */
.cmplz-cookiebanner{font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important; padding:10px !important;}
.cmplz-cookiebanner .cmplz-header{position:absolute;width: 100%;top: 10px;right: 10px;}
.cmplz-cookiebanner .cmplz-message{margin-bottom:0 !important;}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{height:auto !important; padding:5px 10px !important; font-size:13px !important;}
@media only screen and (max-width: 767px) {.cmplz-message {padding-right: 20px}}
/* FIN DE COMPLIANZ */
footer ul.list-inline{margin:0;}
footer ul.list-inline li{display:inline; margin-right:20px; margin-left:0;}
footer ul.list-inline li a{color:#FFF !important;}