/*default version*/
@font-face {
	font-family: 'brandonFontreg';
	src: url('fonts/Brandon_reg.eot');
	src: local('Brandon'), local('Brandon'), url('fonts/Brandon_reg.otf') format('opentype');
}
/*bold version*/
@font-face {
	font-family: 'brandonFontbld';
	src: url('fonts/Brandon_bld.eot');
	src: local('Brandon'), local('Brandon'), url('fonts/Brandon_bld.otf') format('opentype');
}
@font-face {
	font-family: 'bauerBodonibld';
	src: url('fonts/BauerBodoniStd-Bold.eot');
	src: local('Bauer'), local('Bauer'), url('fonts/BauerBodoniStd-Bold.otf') format('opentype');
}


 @media only screen and (max-width: 749px){
 
 /*COMMON*/
 
 div#slider
{
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}
div#slider img
{
	
	width: 100%;
	
	
}

div#bottles {
position: relative;
width: 50px;
height: 0px;
left: 80%;
top: -29px;
	
}

div#bottlesup {
	position: relative;
	height: 0px;
	top: -51px;
	left: 3px;
	color: #41281b;
	font-family: 'brandonFontreg', sans-serif;
	font-size: 22px;
	cursor: pointer;
}

.closed
{
height:0px;

}

.opened
{
height:0px;
}

.opened img
{
 -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


div#bottlesup img {
	position: relative;
	left: -12px;
	top: 1px;
}

div#bottlesdown {
	position: relative;
	left: 9px;
	top: -8px;
}

div#news {
position: relative;
top: 0px;
	height: auto !important;
margin-bottom: 200px;
}


div#newscontainer
{
position: relative;
/* float: right; */
left: 15%;
top: 0px;
width: 300%;
/* margin-left: auto; */
/* margin-right: auto; */
	
}

.newswrap
{
width: 30%;
margin: AUTO;
/* left: 2%; */
 float: left; 
position: relative;
	
	
}

.newstext
{
	text-align: left;
width: 80%;
	
}



div#contact {
	position: relative;
	top:0px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	max-height: 650px;
    min-height: 350px;
	background-image: url("news.jpg");
	
    background-repeat: no-repeat;
	color: white;
}

div#contactform
{
position: relative;
top: 0px;;
width: 75%;

margin: auto;
font-family: 'brandonFontreg', sans-serif; 
color: #41281b;	
	
}

.input1line
{

width: 100%;
text-align: left;
background: rgba(256, 256, 256, 0.5);
padding: 5px;
margin: 5px;
height: 18px;
	
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
	
	padding-left: 5px;
	
	
        white-space:nowrap;
        overflow: hidden;

	
}

.input1line br{
display:none;
}

.inputmultiline
{
width: 100%;
height: 70px;
text-align: left;
background: rgba(256, 256, 256, 0.5);
background: url("contactbot.svg") no-repeat scroll 90% 40px / 10% 50% rgba(255, 255, 255, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
padding: 5px;
margin-left: 5px;
margin-top:5px;
margin-right: 5px;
padding-left: 5px;
		
}

.button
{
position: relative;
	width: 64px;
	
	text-align: center;
	background: #fda729;
	left: 5px;
	padding: 10px;
	margin-top: 5px;
	color: white;
	cursor: pointer;

}

.contactok {
	position: relative;
	
	float: right;
	top: 0px;
}

.messageok {
	position: relative;
	
	float: right;
	top: -80px;
	left: 32px;
}

#contactanswer {
position: absolute;
top: -40px;
	color: #8a123e;

	
	

}

#contactfooter{

}

div#footer {
	height: 300px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	background-color: #F7F0E7;
	position: relative;
}

div#footer img {

	position: relative;
	
	top: 30px;
}

.footertxt {

	position: relative;
	top: 45px;
	font-size: 14px;
	font-family: 'brandonFontreg', sans-serif;
	color: #786458;
}

/*home*/

div#logo
{
	position: relative;
	height: 0px;
	text-align: center;
	
}

div#logo img
{
	
	width: 100px;
	
}


div#company {
	position: relative;
	
	margin-bottom: 100px;
	min-height: 240px;
	top: 0px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	color: #41281b;
}



div#selection {
	position: relative;
	top: 0px;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
	
	background-color: #8a123e;
	background-size: 23%;
	
	background-repeat: no-repeat;
	background-position: 48% 64%;
	color: #ffffff;
	
	font-size: 14px;
	padding-bottom: 60px;
	
}


div#selectionring {
	position: relative;
	top: 50px;
}

div#selectionl {

	position: relative;
	
	left: 0px;
	top: 0px;
	width: 100%;
	
}

div#selectionl img {

	width: 70%;
}

div#selectionr {
	position: relative;
	
	top: 0px;
	width: 100%;
	left: 0%;

}
div#selectionr img {
	width: 70%;
}

.selectionbox {
	margin-right: auto;
margin-left: auto;
width: 75%;
text-align: justify;
font-family: 'brandonFontreg', sans-serif;
height: 200px;
}

div#selectionbox {
	position: relative;
	float: right;
	width: 75%;
}

.bleft {
	position: relative;
	float: left;
	left: 0%;
	top: -10%;
	width: 30%;
	margin-bottom: -60px;
}

.bleft img {

	width: 70%;
}

.bright {
	position: relative;
	float: right;
	top: 0px;
	width: 70%;
	margin-bottom: -60px;
}
.bright img {
	width: 70%;
}

.bleft2 {
	position: relative;
	float: left;
	width: 50%;
	margin-bottom: -60px;
	margin-top: 10px;
}
.bleft2 img {
	width: 90%;
}

.bright2 {
	position: relative;
	float: right;
	width: 50%;
	margin-bottom: -60px;
}
.bright2 img {
	width: 90%;
}

div#wineries {
	position: relative;
	top: 0px;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	height: 1040px;
	background-image: url("wineries.jpg");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wineries.jpg',sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wineries.jpg',sizingMethod='scale')";

	background-size: 300% 100%;
	background-position-x: -600px;
    background-repeat: no-repeat;
	color: black;
}




.tinybox
{
	position: relative;
	
	width: 48%;
	margin: 1%;
	float: left;
	list-style: none;
	
	 background: rgba(256, 256, 256, 0.5);
	 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF); 
    

	
	
}

.tinyboxins
{
position: absolute;
top: 35%;
height: 0px;

width: 90%;
margin-left: 10px;
float: left;
list-style: none;
	
	   
}

/*wineries*/
div#winery {
	position: relative;
	
	margin-bottom: 100px;
	min-height: 330px;
	top: 0px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	color: #41281b;
}

div#winerybox {
position: relative;
top: 30px;

	
}

div#wleft2 {

	position: relative;
	
	left: 0px;
	top: 0px;
	width: 100%;
	
}

div#wright2 {
	position: relative;
	
	top: 0px;
	width: 100%;
	left: 0%;

}

.wleft {
	position: relative;
	float: left;
	left: 10%;
	top: -10%;
	width: 30%;
	margin-bottom: -60px;
}

.wleft img {

	width: 70%;
}

.wright
{
	position: relative;
	float:right;
	width: 60%;
}

div#logosmall {
	position: relative;
height: 0px;
top: 10px;
text-align: left;
}
div#logosmall img {

	width: 30px;
	border-style: none;
}




div#selection2 {
	position: relative;
	top: 0px;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
	
	background-color: #8a123e;
	background-size: 23%;
	
	background-repeat: no-repeat;
	background-position: 48% 64%;
	color: #ffffff;
	
	font-size: 0.9px;
	padding-bottom: 60px;
}




div#news
{
	height: 320px;
	
}



div#glogo {
	position: relative;
	height: 75px;
	height: auto !important;
	clear: none;
	float: left;
	width: 0%;
	left: 40px;
	top: 5px;
	/*top: -40px;*/
}

div#menu {
	position: relative;
	top: 12px;
	left: 10px;
	font-family: Georgia, Serif;
	font-weight: lighter;
	clear: none;
	float: left;
}

div#menuright {
	position: relative;
	top: 12px;
	left: -10px;
	font-family: Georgia, Serif;
	font-weight: lighter;
	clear: none;
	float: right;
}



div#ring1
{
	width: 400px;
float: left;

	
	
} 

div#ring2
{
	width: 400px;
	float: right;
	
} 

.bleft
{
	position: relative;
float: left;
}

.bright
{
	position: relative;
	float:right;
}
.bleft2
{
	position: relative;
float: left;
}

.bright2
{
	position: relative;
	float:right;
}




.box
{
margin-right: 50px;
	margin-left: 10px;
	text-align: justify;
	font-family: 'brandonFontreg', sans-serif;
	height: 160px;
	
}

div#ring
{
position: relative;
top: 0px;
max-width: 400px;
width: 80%;
margin: auto;

	
	
} 

.title {
	position: relative;
	width: 80%;
	margin: auto;
	font-family: 'bauerBodonibld';
	font-size: 22px;
	color: #41281b;
	padding-bottom: 20px;
	padding-top: 20px;
}


.title2 {
	position: relative;
	width: 80%;
	margin: auto;
	font-family: 'bauerBodonibld';
	font-size: 22px;
	color: #41281b;
	padding-bottom: 20px;
	padding-top: 20px;
	color: white;
}

.title2 img {
	position: relative;
top: 5px;
width: 12%;
left: -22px;
}
.title4
{
	position: relative;
width: 80%;
margin-left: auto;
margin-right: auto;
font-family: 'bauerBodonibld';
left: 0px;
letter-spacing: 1.3px;
font-size: 20px;
top: 21px;
color: white;
}

h1
{
	line-height:1em;
	word-spacing: 10px;
	font-size: 1.6em;
	color:#8A123E;
	text-align: left;
	font-weight: bold;
}
h2
{
	
 line-height:0.53em;

 font-size: 0.8em;
 font-family: 'brandonFontreg', sans-serif;
 text-align: left;
 font-weight: normal; 	
}

h3 {

	line-height: 1em;
	font-size: 1.1em;
	font-family: 'brandonFontreg', sans-serif;
	text-align: left;
	font-weight: lighter;
}

h4 {

	line-height: 1.4em;
	font-size: 1.1em;
	font-family: 'brandonFontreg', sans-serif;
	text-align: left;
	font-weight: lighter;
	margin: 0px;
}


.centered
{
position: relative;
top: 0px;
width: 80%;
margin-left: auto;
margin-right: auto;
font-family: 'brandonFontreg', sans-serif;
font-size: 18px;
font-weight: 100;
color: #41281b;
text-align: left;
}


div#jw4menu {
	position: relative;
	height: 0px;
	list-style: none;
	list-style-type: none;
	
	color: #41281B;
}


div#jw4menu  li ul
{
	list-style: none;
	list-style-type: none;
	padding-left: 0px;
}


.w4menu {
	font-family: 'brandonFontreg', sans-serif;
	padding: 8px;
	font-size: 14px;
	float:left;
	color: #41281B;
	text-align: left;
	width: 100px;
	margin-bottom: 2px;
text-decoration: inherit;

}

.w4menu img{
	
	width: 20%;
}

.w4imagemenu {

	padding: 8px;
	font-size: 14px;
	float: left;
	text-align: left;
}
.w4imagemenu  img{

	width: 50px;
}
.w4menu a{
	color: black;
}

.subw4menu {
	font-family: 'brandonFontreg', sans-serif;
	padding: 10px;
	width: 100px;
	margin: 1px;
	font-size: 14px;
	float:left;
	color: black;
	
}

.subw4menu a{
	color: #8A123E;
}

.w4menuicon
{
position: relative;
top: 10px;
float: right;
cursor: pointer;	
	
}

.w4menuiconv
{
position: relative;
top: 10px;
float: right;
cursor: pointer;	
	
}

div#jw4menu li{
	width: 100px;
	text-align: left;
}

div#jw4menu ul{
	position: relative;
	top: 0px;
	width: 0px;
	text-align: left;
}

#optionbar {
position: relative;
float: right;
width: 0px;
height: 0px;

clear: none;
list-style: none;
	list-style-type: none;
	

	color: white;
}

div#jw4imageslider {
	position: relative;
	font-family: 'brandonFontreg', sans-serif;
	visibility: hidden;
	top: 30px;
	width: 100%;
	overflow: hidden;
}

div#jw4imageslider li {
	width: 15%;
	float: left;
	position: absolute;
	cursor: pointer;
}

div#jw4imageslider li img {
	width: 100%;
}

div#jw4imageslider li {

	list-style: none;
	list-style-type: none;
	display: inline;
}

.jw4isring {

	position: relative;
	height: 350px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.jw4isbutton {
	position: relative;
	top: 0px;
	width: 95%;
margin-left: auto;
margin-right: auto;
}

.jw4isbutton img {

	cursor: pointer;
}
.jw4name {
	position: relative;
	font-size: 1em;
	width: 120%;
	color: #a1234e;
	top: 45px;
	left: -10%;
	font-family: 'bauerBodonibld';
}

.jw4subname {
	position: relative;
	font-size: 0.7em;
	top: 45px;
}
.jw4iscaption {
	position: relative;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

.jw4iscaption img {

	width: 100%;
}
a {
	color: #41281B;
}
a:visited {
	color: #41281B;
}

/*CAPTION WINES*/
div#captionshowbox
{

}



div#csbleft {
	visibility: hidden;
	width: 0%;
	height: 0%;
}
div#csblef img {
	visibility: hidden;
	width: 0%;
	height: 0%;
}
div#csbright {
	position: relative;
/* top: 15px; */
/* left: 8%; */
text-align: left;
width: 90%;
margin-left: auto;
margin-right: auto;

}

div#csbarrows {
	position: relative;
	top: -61%;
}

div#csbarrows img {
	width: 15%;
	cursor: pointer;
}

div#csbdescription {

	text-align: left;
	float: none;
	width:100%;
	font-family: 'brandonFontreg', sans-serif;
	position: relative;
	top: 30px;
	font-size: 1.0em;
	line-height: 1.44em;
	margin-bottom: 16px;
}

.csbdescriptionL {

 
	float: left;
	width: 40%;
	text-align: left;
}

.csbdescriptionR {


	float: right;
	width: 54%;
	text-align: justify;
}

.csbnoline {

 
	width: 100%;
	float: left;
}

.csbline {

	width: 100%;
	float: left;
	border-bottom: 1px solid #9b9c9e;
	margin-bottom: 5px;
	margin-top: 5px;
}

.csblinecaption {
	width: 94%;
	margin: auto;
	/* float: left; */
	border-bottom: 1px solid #9b9c9e;
	position: relative;
	top: 10px;
	margin-bottom: 30px;
}

.csblinecaption2 {
	width: 100%;
	float: left;
	border-bottom: 1px solid #9b9c9e;
	position: relative;
	top: 0px;
	margin-top: 60px;
margin-bottom: 30px;
}

.csblinecaption2 img {
	position: relative;

	hieght: 0px;
	left: -9px;
	top: -16px;
	float: right;
	width: 4%;
	cursor: pointer;
}

.csbtitle {
	position: relative;
	text-align: center;
	font-size: 18px;
	color: #a1234e;
	top: 11px;
	font-family: 'bauerBodonibld';
}


/* JW4 SLIDER */

div#jw4slider {
	position: relative;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	
}

div#jw4slider li {
	position: realtive;
	list-style: none;
	list-style-type: none;
	display: inline;
}

div#jw4frame1 {
	position: relative;
	width: 100%;
	background-size: 100%;

background-repeat: no-repeat;

}

div#jw4frame2 {
	position: relative;
	width: 100%;
	
}

.tinyboxslider {
	z-index: 99999;
	position: relative;
	width: 19%;
	min-width: 100px;
	left: 3%;
	margin: 0.5%;
	top: -195%;
	
	list-style: none;
	background: rgba(256, 256, 256, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF); 
       
	cursor: pointer;
}

.tinyboxinsslider {
	z-index: 99999;
	position: absolute;
	top: 17%;
	height: 0px;
	width: 99%;
	margin-left: 6%;
	float: left;
	list-style: none;
}
 }