@charset "utf-8";
/* CSS Document */

.vc_tta-tabs-container {
	float: left;
	width: 200px;	
	
}

.biodynamic{
	background-image: url(../images/biodynamic.png);
background-repeat: no-repeat;
width: 90%;
 background-position: right; 

}

.both{
	background-image: url(../images/both.png);
background-repeat: no-repeat;
width: 90%;
 background-position: 90% 0%; 

}
 #c-carousel {
				height: 100%;
				padding: 0;
				margin: 0;
			}
			#c-carousel {
				/*min-height: 463px;*/
				margin-bottom: 25px;
			}
			#c-carousel * {
				font-family: Arial, Geneva, SunSans-Regular, sans-serif;
				font-size: 14px;
				color: #333;
				line-height: 22px;
			}
			#wrapper {
				background-color: #fff;
				width: 100%;
				/*height: 450px;*/
				overflow: hidden;
				/*position: absolute;*/
				left: 0;
			}
			
			.narrow{
			  display: none;	
			}
			
			#carousel img {
				display: block;
				float: left;
				width: 1320px;	
				/*width: 990px;*/
			}
			#prev, #next {
				background-color: rgba(0,0,0, 0.7);
				display: block;
				/*height: 450px;*/
				width: 50%;
				top: 0;
				position: absolute;
			}
			#prev:hover, #next:hover {
				background-color: #fff;
				background-color: rgba(0,0,0, 0.8);
			}
			#prev {
				left: -495px;
			}
			#next {
				right: -495px;
			}
			#pager {
				margin-left: -470px;
				position: absolute;
				left: 50%;
				bottom: 10px;
			}
			#pager a {
				border: 2px solid #fff;
				border-radius: 10px;
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 5px 0 0;
			}
			#pager a:hover {
				background-color: rgba(150, 150, 150, 0.5);
			}
			#pager a span {
				display: none;
			}
			#pager a.selected {
				background-color: #fff;
			}


body{
	font-family: 'Playfair Display', serif;
	margin: 0;
}

.star{
   width: 11px !important;	
}

.mob{
	display: none;
} 

a{
  text-decoration: none;	
  color: #d82a3b;
}

a:hover{
 
}

h1,h2,h3,h4{
  color: #800c17;	
}



#cms img{
  float:left;
  margin-right: 10px;
  margin-top: 10px;
 /*  clear: both;*/
}

.container{
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#breadcrumb{
 width: 93%;
}

header{
height:85px;	
}

.row{
 display: inline;
  float: left;	
}

.width{
width: 1320px;		
}

.third{
	width: 390px;
}

.thirdx{
	width: 316px;
	height: 455px ;
}

.half{
	width: 620px;
}

.twothird{
	width: 830px;
}

.h600{
  height: 600px;	
}

#home .h300{
  height: 174px;	
}

#logo{
	background-image: url(../images/logo.png);
background-repeat: no-repeat;
text-indent: -1999px;
height: 65px;
background-position:center;
border-bottom: 1px solid #999;
padding-bottom: 20px;
}


#burger{
	display:none;
	 left: 20px;
	top: 49px;
	cursor: pointer;
}

.organic {
	background-image: url(../images/organic.png);
background-repeat: no-repeat;
width: 90%;
background-position:right;

}

navigation{
	border-bottom: 1px solid #999;
		padding-bottom: 10px;
		float: left;
		height: 60px;
}

#login{
  position: absolute;
  cursor: pointer;	
}

#twitter {
  cursor: pointer;
  left: 1268px;
  position: relative;
  top: -85px;
  width: 30px;
}

#main_nav{
	float: left;
display: inline;
  margin-top: 10px;
margin-bottom: 20px;

}

#main_nav ul{
  list-style: none;
  margin: auto;
    padding: 0px;
	width: 70%;
}

#main_nav li{
  float: left;	
}

#main_nav li a{
  float: left;	
  display: block;
  padding: 10px 20px 10px 20px;
  color: black;
  font-size: 18px;
}


#main_nav li a:hover{
		border-bottom: 2px solid #800c17;
		 padding: 10px 20px 8px 20px;
}

.border{
 /* border: 1px solid #999;
 border-radius: 5px ;
 	*/
	padding: 15px;
 border-top: 1px solid #999;
 float: left;
 display:inline;
 margin-bottom: 20px;
  margin-right: 20px;
  background-color: #eee;
  height: 100%;
  box-shadow: 3px 3px 2px 0 #ddd;
}

footer .border{
min-height: 100px;
  box-shadow: 0px 0px 0px 0 #666;
}

.nonborder{

 padding: 15px;	
 float: left;
 display:inline;
 margin-bottom: 20px;
  margin-right: 20px;
}

.last{
	  margin-right: 0px !important;
}

figure{
  float: left;
  margin-left: 15px;
  width: 480px;	
}

figcaption{
  font-size: 12px;	
}

.rslides {
	overflow: hidden;
	width: 800px;
	height: 600px;
}

#menulist{
	 float: left;
 display:inline;
 width: 190px;
 
}

#search_frame {
  display: inline;
  float: left;
  width: 346px;
}

#search_frame select{
	width: 300px;
}

#search_frame input{
	width: 300px;
}

#dom_right{
		 float: left;
 display:inline;
 width: 684px;	
 margin-right: 20px;
 border-right: 1px solid;
	
}

#cms{
		 float: left;
 display:inline;
	width: 1080px;
}

#wines #cms, #domaine #cms{
	width: 100%;
}

#breadcrumb .border{
  width: 100%;	
}

#dom_left{
		 float: left;
 display:inline;
 width: 484px;	
	
}

#browse {
  display: inline;
  float: left;
  width: 821px;
}

#browse ul{
	
	 float: left;
 display:inline;
 width: 335px;		
}

#menulist ul{
   	list-style: none;
  margin: 0px;
    padding: 0px;
}

#menulist li {
   	list-style: none;
  margin-left: 5px;
    padding: 4px;
}

#menulist li a:hover{
		border-bottom: 2px solid #800c17;
		 padding-bottom: 2px;
}

footer{
   width: 100%;
   background-color: #666;
   min-height: 33px;	
   display: inline;
   float:left;
   color: white;
}

.blog_image img{
  width: 480px;	
}



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





		.width{
		width: 960px;		
		}
		
				
		#browse {
		  display: inline;
		  float: left;
		  width: 521px;
		}		
				
		#dom_right {
		  margin-right: 20px;
		  width: 524px;
		  padding-right:  10px;
		}
		
		#dom_left {
		  width: 405px;
		}
		
		#breadcrumb .border {
			width: 100%;
		}
		
			#carousel img {
				width: 960px;	
			}
		
		.third{
			width: 276px;
		}
		
		#main_nav ul{
	
			width: 96%;
		}
		
		.thirdx{
			width: 300px;
		
		}
		
		.half{
			width: 620px;
		}
		
		.twothird{
			width: 600px;
		}
		
		.blog_image img,.blog_image{
		  width: 280px;	
		}
		
		h4 {
		  font-size: 14px;	
		}
		
		#cms{
		  width:760px;	
		}
}

@media screen and (max-width:960px) {	
		.width{
		width: 701px;		
		}

				#carousel img {
				width: 741px;	
			}
		
		.third{
				width: 671px;
		}
		
		#dom_right {
		  width: 100%;
		  border-right: 0px solid;
		  margin-right: 0;
		  padding-right:0;
		}
		
		#blog .border{
			height: 155px;
		}
		
		#wines_and_tastings .thirdx {
	
		  width: 648px;
		}
		
		#dom_left{
		  width: 100%;
		  
		}
		
		.goon{
				width: 671px;
			 /* margin-right: 0px !important;*/
			 
			
		}
		
		.thirdx{
			width: 300px;
		
		}
		
		.half{
				width: 631px;
		}
		
		.twothird{
			width: 671px;
			  margin-right: 0px !important;
			  margin-top: 10px;
		}
		
				#search_frame select {
			width: 90%;
		}
		
		#search_frame input {
			width: 90%;
		}
		
		.blog_image img,.blog_image{
		  width: 280px;	
		}
		
		h4 {
		  font-size: 14px;	
		}
		
		#burger{
			display: inline;
			position: relative;
			 left: 20px;
			top: 49px;
		}
		
		#cms {
		  margin: 145px 20px 10px 20px;
		  width: 678px;
		}
		
		
		 #c-carousel  {
			 
		 }
		 
		 .border{
				
			}
			
			#main_nav li a {
			  color: black;
			  display: block;
			  float: left;
			  font-size: 17px;
			  padding: 10px 13px;
			}
			
			#main_nav li a:hover{
					border-bottom: 0px solid #800c17;
					padding: 10px 13px;
			}
			
			#menulist {
		  display: none;
		  left: 0;
		  position: absolute;
		  top: 161px;
		    background-color: #eee;
				padding: 15px;
 			border-top: 1px solid #999;
			max-height:300px;
			overflow:auto;
		}
			
			#twitter {
			  display: none;	
			}
			#main_nav {
			  background-color: white;
			  position: fixed;
			  top: 101px;
			}
			
			navigation{
			  top: 108px;	
				height: 35px;
				 z-index:999;
			}
			
			
			#main_nav li a {
				font-size: 15px;
				
			}
			
			header {
			  background-color: white;
			  margin: 0;
			 /* padding: 10px;*/
		      position: fixed;
			  height: 111px;
			 z-index:999;
			}
			
			#login {
			  left: 20px;
			}
			
			#home .h300 {
			  height: 132px;
			}
			
			.border{
			 /* height: 400px;
			  overflow: auto;	*/
			  box-shadow: 0px 0px 0px 0 #ddd;
			}
			
			#search_frame {
			  display: inline;
			  float: left;
			  width: 648px;
			  height: unset;
			}
			
			#browse {
			  display: inline;
			  float: left;
			  width: 645px;
			  height: unset;
			}
			
			#wines #cms, #domaine #cms {
			  width: 678px;l
			}
			
				#main_nav ul {
		width: 83%;
	}

		
		#main_nav li a {

			font-size: 14px;
			padding: 5px 5px;
		}
		
		#main_nav li a:hover {
			padding: 5px 5px;
		}
}

@media screen and (max-width:768px) {	
    	.width{
		    width: 100%;		
		}
		
				#carousel img {
				width: 741px;	
			}
			
			#breadcrumb .border {
			width: 98%;
		}
			
		#search_frame{
		   	width: 90%;		
		}
		
		#browse{
		   	width: 90%;		
		}
		
		#search_frame select {
			width: 90%;
		}
		
		#search_frame input {
			width: 90%;
		}
		
		#wines #cms, #domaine #cms {
			    	width: 90%;	
			}
		
		.third{
			  margin-left: 1%;
			  width: 87%;
		}
		
			#main_nav ul {
		width: 100%;
	}

		
		.twothird {
			  margin-left: 1%;
			  width: 87%;
			}
		
		#wines_and_tastings .thirdx {
		
		  width: 87%;
		}
		
		.goon{
			  margin-left: 1%;
			  width: 87%;
			 /* margin-right: 0px !important;*/
			 
			
		}
		
		.thirdx{
			  margin-left: 1%;
			  width: 87%;
		}
		
		.half{
				  margin-left: 1%;
			  width: 87%;
		}
		
		
		
		
		
		.blog_image img,.blog_image{
		  width: 280px;	
		}
		
		navigation{
		  width:100%;	
		  height: unset;
		}
		#cms{
		  width:91%;	
		}
		
		#cms img{
		  width:96%;	
		  height: auto;
		}
		

			.narrow{
			  display: inline;	
			}
			
			.wide{
			  display: none;	
			}
			
			#burger {
				top: 74px;
			}
			
			.mob{
				display: none;
			} 
			
			.mob{
				display: inline;
			} 

}

@media screen and (max-width:434px) {	
		#logo {
			  background-size: 86% auto;
		}
}

.star{
 float: unset !important;	
}