.raleway {
  font-family:"Raleway", sans-serif !important;
}
.sourceSans {
  font-family:"Source Sans Pro", sans-serif !important;
}
.playfair {
  font-family:'Playfair Display', serif !important;
}
.georgia {
  font-family:'Georgia', serif !important;
}
 


a:hover {
  -webkit-transition:0.15s;
  transition:0.15s;
}

img {
   max-width:100%;
   display:inline-block;
}
 
svg {
  -webkit-transition:0.15s;
  transition:0.15s;
}



// sideMainMenuRight rightsideMenu rightSideMainMenu transPage



p.SideBarOpen{
  display:inline-block;
  font-family:'Poppins', arial,serif !important;
  border:2px solid transparent;
  border-radius:10px;
  z-index:999;
  background:rgba(40,40,40,.9);
  line-height:1;
  -webkit-box-shadow:0 0 1px 1px rgba(255,255,255,0.1);
  box-shadow:0 0 0 1px rgba(255,255,255,0.1);
  cursor:pointer;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  vertical-align:top;
 }

p.SideBarOpen:hover {
  background:rgba(41,41,41,.8);
}



p.SideBarClose{
  font-size:24px;
  line-height:1.3;
 margin-bottom:20px;
}





/* COLORS BY (C) Google Meterial Design */

.white { background-color:#fff!important; color:#303030!important; } .button.white svg { fill:#303030 !important;}
.black { background-color:#303030!important; color:#fff!important; } .button.black svg { fill:#fff !important;}
.red { background-color:#F44336!important; color:#fff!important; }
.pink { background-color:#E91E63!important; color:#fff!important; }
.purple { background-color:#9C27B0!important; color:#fff!important; }
.deepPurple { background-color:#673AB7!important; color:#fff!important; }
.indigo { background-color:#3F51B5!important; color:#fff!important; }
.blue { background-color:#2196F3!important; color:#fff!important; }
.cyan { background-color:#00BCD4!important; color:#fff!important; }
.teal { background-color:#009688!important; color:#fff!important; }
.green { background-color:#4CAF50!important; color:#fff!important; }
.lightGreen { background-color:#8BC34A!important; color:#fff!important; }
.lime { background-color:#CDDC39!important; color:#303030!important; }
.yellow { background-color:#FFEB3B!important; color:#303030!important; }
.amber { background-color:#FFC107!important; color:#fff!important; }
.orange { background-color:#FF9800!important; color:#fff!important; }
.deepOrange { background-color:#FF5722!important; color:#fff!important; }
.brown { background-color:#795548!important; color:#fff!important; }
.grey, .gray { background-color:#9E9E9E!important; color:#fff!important; }
.blueGrey, .blueGray { background-color:#607D8B!important; color:#fff!important; }
.spenserCream, .spenserCream { background-color:#B7A36A!important; color:#fff!important; }
.spenserBrown, .spenserBrown { background-color:#777777!important; color:#fff!important; }


.textWhite { color:#fff !important;}
.textBlack { color:#303030 !important; }
.textRed { color:#F44336!important; }
.textPink { color:#E91E63!important; }
.textPurple { color:#9C27B0!important; }
.textDeepPurple { color:#673AB7!important; }
.textIndigo { color:#3F51B5!important; }
.textBlue { color:#2196F3!important; }
.textCyan { color:#00BCD4!important; }
.textTeal { color:#009688!important; }
.textGreen { color:#4CAF50!important; }
.textLightGreen { color:#8BC34A!important; }
.textLime { color:#CDDC39!important; }
.textYellow { color:#FFEB3B!important; }
.textAmber { color:#FFC107!important; }
.textOrange { color:#FF9800!important; }
.textDeepOrange { color:#FF5722!important; }
.textBrown { color:#795548!important; }
.textGrey, .textGray { color:#9E9E9E!important; }
.textBlueGrey, .textBlueGray { color:#607D8B!important; }


 
.slide .background {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-position:top center;
  background-size:cover;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}







.actionButton {
	display:inline-block;
	 position: absolute;
  top:50px;
  left:90%;
   padding:16px;
  border:2px solid #444;
  border-radius:50px;
  z-index:9999;
  background:rgba(73,66,46,.7);
  line-height:1;
  -webkit-box-shadow:0 0 1px 1px rgba(255,255,255,0.1);
  box-shadow:0 0 0 1px rgba(255,255,255,0.1);
  cursor:pointer;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
   vertical-align:top;

}


 .actionButton{
  display:inline-block;
  position: absolute;
  top:50px;
  left:90%;
  border-radius:50px;
  padding-left:20px;
  padding-right:20px;
  background:#444;
  color:#fff;
  font-size:22px;
  z-index:9999;
  vertical-align:middle;
}

 .actionButton:hover {
 background:rgba(73,66,46,.9);
  border-radius:30px;
 border:2px solid #fff;
}

@media only screen and (max-width: 1480px) { 
.actionButton {
  position: absolute;
  top:20px;
  left:82%;
}


 .actionButton{
  position: absolute;
  top:20px;
  left:82%;
}



}










/*** Arrow buttons to go to nest wine slide   */



.slideNav {
    position: fixed;
    bottom: 120px;
    right: 120px;
	z-index:100000;
	
}


#arrow_up, #arrow_home, #arrow_down {
	bottom:30px;
	height:42px;
	/* position:absolute; */
	right:40px;
	width:42px;
	z-index:100000;
}
#arrow_up {
	right:95px;
}


@media screen and (max-width: 600px) {
   .slideNav {
    visibility: hidden;
    clear: both;
    display: none;
	z-index:-50;
  }
   
}










/*** 
 *       _____       _      _                
 *      / ___/( )   | |    | |               
 *     | (___  _  __| | ___| |__   __ _ _ ___
 *      \___ \| |/ _` |/ _ | '_ \ / _` | '__/
 *      ____) | | (_| |  __| |_) | (_| | |   
 *     /_____/|_|\__,_|\___|_.__/ \__,_|_|   
 *                                           
 *                                           
 */
 

.sideMainMenuRight {
position:fixed;
   top:0;
  right:0px;
  width:380px;
  max-width:420px;
  height:100%;
   -webkit-transition:-webkit-transform 0.5s, visibility 0s;
  transition:transform 0.5s, visibility 0s;
  -webkit-transform:translateX(100%);
  -ms-transform:translateX(100%);
  transform:translateX(100%);
  overflow-y:auto;
  font-family:"Poppins";
  -webkit-overflow-scrolling:touch;
  background-color:rgba(134,128,94,0.8);
  z-index:9999999;
}

.sidebarShown .sideMainMenuRight.visible {
  -webkit-transform:translateX(0%);
  -ms-transform:translateX(0%);
  transform:translateX(0%);
  opacity:1;
}

.sideMainMenuRight .content {
  padding:40px;
  overflow-y:auto; 
  position:relative;
  z-index:9999999;
}

/* if you use centered content in a sidebar */ 
.sideMainMenuRight .wrap {
   padding:0;  
}

.sidebarShown .slide.selected .content {
  overflow:hidden;  
}

.sideMainMenuRight.left {
  right:inherit;
  left:0;
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%);
}

/* ELEMENTS */

.sideMainMenuRight .logo svg {fill: #000;}

.sideMainMenuRight .logo {
  padding:0;
  font-size:0;
  margin-bottom:26px;  
}

.sideMainMenuRight .close  {
  position:absolute;
  top:20px;
  right:20px;
  cursor:pointer;
  padding:14px;
  font-size:14px;
  opacity:0.8;
  z-index:99999999;
  -webkit-transition:0.25s;
  transition:0.25s;
}

.sideMainMenuRight:hover .close:hover {
  opacity:1;
}

.sideMainMenuRight .close  svg {
  width:30px;
  height:30px;
  fill:#000;
 }


 
/* menu items */
.sideMainMenuRight .uppercaseBLOCK li a {
  text-transform:uppercase;  
  letter-spacing:0.15em;
}

.sideMainMenuRight ul {
  line-height:2.21;
  margin-bottom:10px;  
  display:block;
  list-style-type: none;
  font-size:18px;
 }




.sideMainMenuRight a {
  display:block;
  color:#000;
  background-color: rgba(0, 0, 0, 0);
 }

.sideMainMenuRight a:hover {
  opacity:0.6;
    background-color:rgba(134,128,94,0.2);
}






/* SIDEBAR ANIMATION */
.page-loaded .sidebarShown .slide.selected {
	-webkit-transform:scale(0.95) !important;
  transform:scale(0.95) !important;
  pointer-events:none;
  opacity:0.1!important;
    z-index:999;
}

.sidebarShown .panel.top {
   opacity:0;
}

.sidebarShown .panel.bottom {
  opacity:0.5;   
  -webkit-transform:scale(0.95) translateY(-10%);
  transform:scale(0.95) translateY(-10%);
}

/* animation */
.page-loaded .sidebarShown .panel,
.page-loaded .sidebarShown .slide.selected,
.page-loaded .sidebarShown .slide.selected:after,
.sideMainMenuRight {
  -webkit-transition:-webkit-transform 0.8s, opacity 0.5s !important;
  transition:transform 0.8s, opacity 0.5s !important;
  z-index:9999999;
  background-color:rgba(134,128,94,1);

}











		@media only screen and (max-width: 1200px) {
		
		
		 /* ================================================== */

		
 .contactcontent{ margin-top: 0px; width: 100%;} 
 .contactcontent .container{  margin-top: 180px;  width: 100%; } 
 .contactAddresscontent{  width:350px;  margin:70px auto; } 
 .agendacontent .container{  margin-top: 190px;  width: 100%; } 
 .winecontent .container{  margin-top: 180px;  width: 100%;  } 
 
 .wineListcontent .container{  margin-top: 160px;  width: 95%; padding:2px; } 
 .wineListcontent2 .container{  margin-top: 40px;  width: 95%; padding:2px; } 
 .wineOutbox{  width: 100%; }
.gammeNameTitle{  width: 94%;  }
 .gammeText{  width: 94%;  }
 .mapcontent{  padding: 0px; }
 	


	.panierContent {  margin-top: 0px;	width: 100%;}
	.panierContent .container{  margin-top: 120px;	}
	.mentionscontent  {  margin-top: 0px;width: 100%;	}
	.mentionscontent .container{  margin-top:180px; width: 96%;	}
.articlecontent .container{  margin-top: 95px;}
 .ulockd-home-slider{  margin-top: 130px;   } 
		
		
	.logo_pos{
	display:none !important;
	}
	
	


	
	
.panierContent {
  margin-top: 70px;
	}
	
.panierContent .container{
  margin-top: 70px;
	}
	
	

	
	}