html, body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
h1 {
	color: #555 !important;
}
html {
	overflow: hidden;
}
div {
	    -webkit-transition: width 0.5s, height 0.5s; /* Safari */
    transition: width 0.5s, height 0.5s;

}
iframe::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

/*---------------------------------------------------------AVANTI-------------------------------------------------*/
.testbt, .testbt3, .testbt4, .testbt5, .testbt6, .testbt7, .testbt8, .testbt9, .testbt10, .testbt11, .testbt12, .testbt13{
	display: none;
}
.testbt:hover, .testbt3:hover, .testbt4:hover, .testbt5:hover, .testbt6:hover, .testbt7:hover, .testbt8:hover, .testbt9:hover, .testbt10:hover, .testbt11:hover, .testbt12:hover, .testbt13:hover,.testbt2:hover, .testbt14:hover, .testbt15:hover, .testbt16:hover, .testbt17:hover, .testbt18:hover, .testbt19:hover, .testbt20:hover, .testbt21:hover, .testbt22:hover, .testbt23:hover, .testbt24:hover {
}
/*----------------------------------------------------------  INDIETRO-----------------------------------------------*/
.testbt2,.testbt14, .testbt15, .testbt16, .testbt17, .testbt18, .testbt19, .testbt20, .testbt21, .testbt22, .testbt23, .testbt24{
	display: none;
}
/*-----------------------------------------------------------FINE PULSANTI AVANTI INDIETRO PRODOTTI------------------------------------------*/
iframe::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
.pGnudi{
	padding-left: 13%;
	padding-top: 10%;
}
.fotoVigneti {
	width: inherit;
}
.dl {
	background-image: url('dlico.svg');
	position: relative;
}
.s1 {
	display: none;
}
#slider2_container{
	position: relative;
}
@media only screen and (max-width: 770px){
 	.aniMM{
 		top: 0 !important;
 	}
 }
    @media only screen and (max-width: 1024px){
    .logosocial{
		width: 58px;
		padding: 18px;
	}
  	.side{overflow: hidden;}
  	.titoletto{overflow: hidden;}
  	.titslide{overflow: hidden;}
  	
 	.close{
 		-webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    -webkit-filter: brightness(0.6);
 	}
 	.close:hover{
 		    -webkit-filter: brightness(1);
 		    filter:brightness(1);

 	}
 	 	.seClose{
 		-webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    -webkit-filter: brightness(0.6);
 	}
 	.seClose:hover{
 		    -webkit-filter: brightness(1);
 		    filter:brightness(1);

 	}


  /* For landscape layouts only */
.contenitoremenu{
	background-color: gray;
	padding-left: 20px;
}
div {
	display: block;
}
body {
	background-color: grey;
	overflow-y: visible;
}
html {
	overflow-y: hidden;
}
li {
	list-style-type: none;
}
#tslider{
}

#scroll{
	display: none;
}
button {
	border: none;
  	width: 8em;
  	height: 2em;
  	background-color: transparent;
}
button:focus {outline:0;}
h2 {
	font-size: 30px; font-weight: 400;
}
.fotoprod{
	width: 100%;
}
.linkBott {
	width: 50.65px;
	height: 112px;
	background: none;
}
.frameMap{
	 border:0; 
	 position: relative;
}
.testoMap {
	text-align: justify; 
	font-size: 16px; 
	font-family: 'Gentium Basic', serif; 	
	font-weight: 400; 
	line-height: 1.8; 
	color: #555; 
	margin-left:15%; 
	margin-right: 15%; 
	position: relative; 
	padding-top: 3%;
}
.1tMap{
	font-size: 30px; font-weight: 400;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-height: 30px; text-decoration-width: 1px; width: 213px; height: 44px;
}
.2tMap{
	font-size: 30px; font-weight: 400;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-height: 30px; text-decoration-width: 1px; width: 245px; height: 44px;
}
.3tMap{
	font-size: 30px; font-weight: 400;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-height: 30px; text-decoration-width: 1px; width: 138px; height: 44px; text-transform: uppercase;
}
.agritesto{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; 
	display: flex;  
	flex-wrap: wrap; 
	align-content: space-around;
	 margin-top: 10px;
	text-align: justify; font-size: 90%; 
	font-family: 'Gentium Basic', serif; 
	font-weight: 400; line-height: 1.8; 
	color: #555; margin-left:15%; 
	margin-right: 15% ; 
	position: relative; 
	padding-top: 3%;
	z-index: 2;
}
.aniMM {
	position: relative;
	left: 0; 
	width: 100%;
	top: 0 !important;
  }

#fornitori {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	 display: -webkit-flex; /* Safari */
	 display: flex;
	background-color: rgba(199, 199, 199, 0.19);border-radius: 7px;
	background-image: url(planisfero.png);
	background-repeat: no-repeat;


}
.col1 {
	  width: initial;
	  height: initial;
	position: relative;
}
.landProdotti {
	position: relative;
	height: 100%;
	width: 100%;
}
.slider {
	position: relative;
	height: 62%;
	width: 100%;
	overflow: hidden;
}
 .slider > ul {
    position: relative;
    -webkit-transition: 0.5s left;
    -moz-transition: 0.5s left;
    -ms-transition: 0.5s left;
    -o-transition: 0.5s left;
 
    list-style: none;
    margin: 0; padding: 0;
  }
    .slider > ul > li {
      float: left;
      width: 100%; height: 62%;
    }
.landProdottisu{
  	height: 291.84px;
	width:  100%;
	overflow: hidden;
	-webkit-box-shadow: 0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -3px 30px -1px rgba(50, 50, 50, 0.75);
}
.landProdottigiu {
	background-color: white;
	width: 100%;
	-webkit-box-shadow: 0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	background-image: url(SFONDO1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	  	height: 476.16px;
  	position: relative;

}
.bottiglie{
 position: absolute;
  width: 100%;
  height: 100%;
}
.landbottiglie {
  position: absolute;
  margin-top: -4.5%;
  margin-left: -9%;
}
#px {
	top: 0; left: 0; width: 100%; position: relative;
}
.containerBottiglie {
	  width: 701px;
  height: 112px;
  position: absolute;
  	margin-left: 24%;
  overflow: hidden;
  bottom: 0;

}
.ripplelink {
  display: block;
  float: left;
  width: 100%;
  margin: 0.2%;
  
  	line-height: 2.5em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
}
.ripplelink:hover {
  z-index: 1000;
  box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}
.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
 @-webkit-keyframes 
ripple {  100% {
opacity: 0;
-webkit-transform: scale(2.5);
}
}
@-moz-keyframes 
ripple {  100% {
opacity: 0;
-moz-transform: scale(2.5);
}
}
@-o-keyframes 
ripple {  100% {
opacity: 0;
-o-transform: scale(2.5);
}
}
@keyframes 
ripple {  100% {
opacity: 0;
transform: scale(2.5);
}
}

.titoliBottiglie {
	position: absolute;
	left: 35%;
	width: 50%;
}
.svgBottiglie {
	position: absolute;
	top: 20%;
}
.agriturismo {
	width: 33%;
	height: 20%;
	padding: 2%;

}
.miniStanza {
	width: 100%;

}
.miniStanza:hover {

}
.spoilerLogo {
	position: fixed;
	height: 8%;
	bottom: 2%;
  	left: 10%;
}
.bansup {
  	height: auto;
	width: 100%;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75);
}


.titslide {
	display: none;
	background-color: rgba(0,0,0,0);
	z-index: 1;
	height: 291.84px;
	position: absolute;
	top: 0;
	justify-content: center; -webkit-justify-content: center; /*Safari*/
	  	width: 100%;
  	left: 0;

}
.titslide3 {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; /* Safari */
	display: flex;	 
	background-color: rgba(0,0,0,0);
	z-index: 1;
	height: 291.84px;
	position: absolute;
	top: 0;
	justify-content: center; -webkit-justify-content: center; /*Safari*/
	width: 100%;
  	left: 0;
  	    align-items: center;



}

.titslide2 {
	background-color: rgba(0,0,0,0);
	z-index: 1;
	height: 38%;
	position: absolute;
	top: 0;
	left: 20%;
	width: 80%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center; -webkit-justify-content: center; /*Safari*/
	z-index: -12;
}

.testo {
	text-align: justify; font-size: 90%; 
	font-family: 'Gentium Basic', serif; 
	font-weight: 400; line-height: 1.8; 
	color: #555; 
	margin-right: 15% ; 
	position: relative; 
	padding-top: 3%;
	  	margin-left: 15%;
	  	height: auto;
}
.testoSco {
	text-align: center; font-size: 20px; 
	font-family: 'Gentium Basic', serif; 
	font-weight: 400; line-height: 1.3; 
	color: #555; margin-left:25%; 
	margin-right: 15% ; 
	position: absolute; 
	padding-top: 3%;
	text-transform: uppercase;
	position: absolute;

}
.grado1 {
	position: absolute;
}
.gradi {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: none;
}
.testo:first-child:first-letter { 
	float: left; 
	color: black;
	font-size: 37pt; 
	line-height: 40px; 
	padding-top: 10px; 
	padding-right: 8px; 
	padding-left: 0px; 
	font-family: 'Gilda Display', serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.testoProdotti {
	font-size: 11pt; 
	font-family: 'Gentium Basic', serif; 
	font-weight: 400; 
	line-height: 1.8; 
	color: #555; 
	padding-top: 0%;
	overflow: hidden;
	height: 218%;
	  	margin-left: 15%;
  	min-height: 60%;
  	margin-right: 28%;
  	padding-top: 1%;
	}
	.testoProdotti:first-child:first-letter {float: left; 
	color: black;
	font-size: 37pt; 
	line-height: 40px; 
	padding-top: 10px; 
	padding-right: 8px; 
	padding-left: 0px; 
	font-family: 'Gilda Display', serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.bottiglia {
	position: absolute;
	right: 15%;
	height: 300px;
	top: 10%;
	z-index: 70;

}

.riqtesto {
	width: 445px; padding-top: 4em; padding-left:0em; margin-left:6em; overflow: hidden;
}
.pagdown {
background-color: white;
width: 100%;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75);
background-image: url(SFONDO1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: hidden;
  	height: auto;
  	position: relative;
  	  min-height: 291.84px;


}
/*PAGINA SOTTO DEI PRODOTTI*/
.pagdown2 {
height: auto;
background-color: rgba(254,254,254,0);
width: 100%;
 /*background-image: url(SFONDO1.png);*/
background-repeat: no-repeat;
background-size: cover;
top: 38%;
overflow: hidden;
}
/*SFONDO PORTALE*/
.fondale {
	width: 100%;
	height: 100%;
	position: absolute;
}
.imggnudi {
	border-radius: 138px;
	overflow: hidden;
	height: 160px;
	position: absolute;
	margin-left: 4em;
	margin-top: 4em;
	background-color: white;
	border-style: solid;
	border-width: 10px;
	border-color: grey;

}
.container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: -3px;
	left: -3px;
  	overflow-x: hidden;
  	overflow-y: scroll;
  	  -webkit-overflow-scrolling: touch;

  	   }
.agro {
	width: 35%;
	height: 20%;
}
.agriover {
	width: 196px;
	height: 196px;
	background-color: white;
	opacity: 0.6;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	position: absolute;
}
.agriover:hover {
	opacity: 0;
}
.wrappage {
	overflow: auto;
	display: -webkit-flex;
	-webkit-flex-direction:column;
	display: flex; display: -webkit-flex; /* Safari */
	flex-direction:column;

}
.side {
	background-color: rgb(21, 54, 27);
	top: 0;
/*	background: url(menuverde.svg);*/
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; /* Safari */
	display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    z-index: 2;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	  	left: 0;
  	height: auto;
  	width: 100%;
  	justify-content: space-around; -webkit-justify-content: space-around; /*Safari*/

}
.sidePortale {
	top: 0;
	height: 100%;
	width: 16%;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#caparzo {
/*	background: url(menuverde.svg);*/
	position: absolute;
	left: 15%;
	background-repeat: no-repeat;
	background-size: 100% 100%;

}
#logoCaparzo {
	position: absolute;
	top: 30%;
	padding: 5%;
}
#logoBs {
	position: absolute;
	top: 10%;
	padding: 5%;
}
#logoBs2 {
	position: absolute;
	top: 50%;
	padding: 5%;
}
#logoDg {
	position: absolute;
	top: 30%;
	padding: 5%;
}
#borgoScopeto {
	background: url(menuverde1.svg);
	position: absolute;
	left: 42%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#dogaDelleClavule {
	background: url(menuverde2.svg);
	position: absolute;
	left: 69%;
	background-repeat: no-repeat;
	background-size: 100% 100%;

}
.logoaz {
  	top: 0;
	left: 0;
	margin-left: 1.5%;
	position: relative;
}
.gnudi {
	font-family: 'EB Garamond', serif;	
}
.button {
position: relative;
width: 190px;
height: 25px;
border-style: none none solid none;
color: rgb(207, 207, 207);
border-width: 1px;
margin-top: 7px;

}
.buttoncont {
	position: relative;
	top: 21%;
	display: none;
}
.menu {
	text-transform: uppercase;
	font-family: sans-serif;
	text-align: center;
	-webkit-transition-duration: 0.3s;
	transition-duration:0.3s;
	font-size: smaller;
}
 .button:hover .arrow{
	transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
	-webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
	-moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
	-o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
	-ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
}
.button:hover .menu{

	-webkit-filter: brightness(1.2);

}
.arrow {
	position: absolute;
	margin-left: 153px;
	margin-top: -30px;
	-webkit-transition-duration: 0.7s;
	-webkit-transition-delay: 0.1s;
	-webkit-animation-timing-function: ease-in;
	transition-duration: 0.7s;
	transition-delay: 0.5s;
	transition-timing-function: ease-in;
	width: 15px;

}

.trelogo {
position: absolute;
z-index: 3;
width: 157px;
margin-left: 3.65555em;
margin-top: 2.3em;
-webkit-transition-duration: 1s;
transition-duration:1s;
border-bottom-color:rgba(255, 255, 255, 0);
border-bottom-style: none;
}
.button1 {
	border-style: solid;
	position: absolute;
	z-index: 4;
	opacity: 0.5;
	-webkit-transition-duration: 0.7s;
	transition-duration: 0.7s;
	background-color: transparent;
	width: 12em;
	border-color: white;
	top: 19.4em;
	left: 4em;
}
.button1:hover {
	opacity: 0.7;
	background-color: white;

}
.text1 {
	text-transform: uppercase;
	font-family: sans-serif;
	font-weight: 700;
	text-align: center;
	color: black;
}

.logogn {
}
.rela {
	position: relative;
}
.over {
	background-color: transparent;
	width: 0%;
	-webkit-transition:0.5s;
	transition: 0.5s;
}
.over:hover {
	background-color: white;
	width: 100%;
}
#premi {
	position: absolute;
	height: 760px;
	width: 960px;
	
	background-color: grey;
	top: 0;
	margin-left: 960px;
	-webkit-transition-duration: 1s;
	transition-duration:1s;
	z-index: 999;
	opacity: 0;
}
#premi:target #movitutto{
	margin-left: 80px;opacity: 0.7; -webkit-transition-duration: 1s; transition-duration: 1s; } {
	margin-left: 80px;
	opacity: 1;
	}

.titoletto {
	/*font-family: 'Cinzel Decorative', cursive;*/
	text-align: center;
	font-size: 36pt;
	text-shadow: 2px 2px 0px #333;
	color: white;
	font-family: 'Gilda Display', serif;
	text-transform: uppercase;
	align-self: none;
	-webkit-align-items: none;
	align-items: none;
	-webkit-align-self: none;
}

	/*-----------------------------------------------PAGINE PRODOTTI-------------------------------------------------*/

#lat{
	position: relative;
	top: 0;
	height: 100%;
	z-index: 5;
	width: 100%;

}
#lat1, #lat2, #lat3, #lat4, #lat5, #lat6, #lat7, #lat8, #lat9, #lat10, #lat11{
	position: relative;
	top: 0;
	height: 100%;
	z-index: 5;
	width: 100%;
}
.mapecont{
	background-image

	: url(SFONDO1.png);
	width: 100%;
	position: absolute;
	height: 291.84px;
}
.logocap {
  	width: 88px;
	-webkit-filter: drop-shadow(5px 5px 10px rgba(44, 41, 26, 0.69));
	filter: drop-shadow(5px 5px 10px rgba(44, 41, 26, 0.69));
	max-width: 190px;
	max-height: 190px;
	}
.logoGNU {
	-webkit-filter: drop-shadow(5px 5px 10px rgba(44, 41, 26, 0.69));
		filter: drop-shadow(5px 5px 10px rgba(44, 41, 26, 0.69));

}
.immsld {
	top: 0; 
	left: 0%; 
	width: 100%;
	position: relative;
}
.immslc {
	top: 0;
	left: 0;
	position: relative;
	background: url(IMG/OCT/press.jpg);
}
.fotoVigneti {
	top: 0; left: 0; width: 100%;  margin-top: 0px;
}
.fotoCantine {
	top: 0; left: 0; width: 116%; margin-top: -155px;
}
#mypanel {
}
.menuMob {
	background-repeat: no-repeat;
  	  display: inline;
	  width: 70%;
	  margin-top: 16px;
	  z-index: 1000;
}
.menuLinee {
	border: none !important;
	color: rgba(1,1,1,0) !important;
	background-color: transparent !important;
	padding: 0%;
	position: relative;
	height: 100%;
	display: inherit;
}
.spoilerLogo2 {
	position: relative;
	top: 0%;
	right: 0%;
	
	display: inline;
}
.pannello {
	display: none;
	width: 170px;
	left: -170px;
	position: fixed;
	background-color: rgba(28, 54, 22, 1);
	z-index: 1000;
	height: 100%;

}
.pannelloMob {
	padding: 0;
}
#pannelloGnudi {
	position: fixed;
	top: 0;
	right: -20%;
	height: 100%;
	width: 170px;
	background-color: rgba(28, 54, 22, 1);
	z-index: -1000;
	display: none;
}
.contP{
	left: 0;
}
}
@media (min-aspect-ratio: 14/10){
      .bansup{
      	height: auto !important;
      }
}

@media screen and (min-width: 1025px){
	   		.logosocial{
		width: 58px;
		padding: 18px;
	}
	.footerlink{
		color: #a1a2a3;
	}
	.footerlink:hover{
		color: #fff;
	}
	
.compari {
    opacity: 0.5;
}
.riappari {
    position: fixed;
    bottom: 100px;
    right: 50px;
    width: 32px;
    overflow: hidden;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 32px;
    -webkit-filter: brightness(1);
    filter: brightness(1);
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
	.dli{
		width: 100px;
	}
	html, body{
		overflow-x: hidden;
		overflow-y: auto;
	}
	#non {

	}
		.footer{
		width: 100%;
		height: 50px;
		background-color: #383838;
		position: relative;
		z-index: 4;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; /* Safari */
	display: flex;	
	justify-content: center;
}
.portapress{
	margin-left: 20em;
	height: auto; 
}
	.intestazione{
		font-size: 80% !important;
		font-family: sans-serif;
		color: #8A8A8A;

	}
	.contenitoremenu{
		padding-top: 3em;
		padding-bottom: 3em;
	    padding-left: 38em;

	}
	.menu2{
	padding-left: 3em;
	display: inline-table;
	border-right-style: solid;
    border-right-width: thin;
    border-right-color: #8A8A8A;
    padding-right: 1.5em;

	}
	.logocuculus{
		width: 140px;
	}
	.intestazione li{
		height: 22px;
	}
	.frammento{

	width: 80%; 
	height: 100%; 
	position: absolute; 
	left: 20%
}
div {
	display: block;
}

body {
	background-color: grey;
}

.titslide3{
	display: none;
}
#map {
	height: 82% !important;
}
.contP{
	width: 100% !important;
	margin: 0 35% 0 20%;
}
.bxslider1 {
	height: 82%;
}
#slider1_container{
}
#tslider{
	left: inherit;
	margin: 0 20% 0 0;
}
#slider2_container{
	left: 6.5%;
	position: relative;
}
.col-md-offset-3{
	margin-left: 0 !important;
}
.col-md-6{
	width: 100%;
}
li {
	list-style-type: none;
}
button {
	border: none;
  	width: 8em;
  	height: 2em;
  	background-color: transparent;
}
button:focus {outline:0;}
h2 {
	font-size: 30px; font-weight: 400;
}
.linkBott {
	width: 50.65px;
	height: 112px;
	background: none;
}
.frameMap{
	 border:0; 
	 position: fixed;
}
.testoMap {
	text-align: justify; 
	font-size: 100%; 
	font-family: 'Gentium Basic', serif; 	
	font-weight: 400; 
	line-height: 1.8; 
	color: #555; 
	margin-left:35%; 
	margin-right: 15%; 
	position: relative; 
	padding-top: 3%;
}
.1tMap{
	font-size: 30px; font-weight: 400;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-height: 30px; text-decoration-width: 1px; width: 213px; height: 44px;
}
.2tMap{
	font-size: 30px; font-weight: 400;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-height: 30px; text-decoration-width: 1px; width: 245px; height: 44px;
}
.3tMap{
	font-size: 30px; font-weight: 400;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-height: 30px; text-decoration-width: 1px; width: 138px; height: 44px; text-transform: uppercase;
}
.agritesto{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap; 
	align-content: space-around; 
	margin-top: 10px;
	text-align: justify; font-size: 90%; 
	font-family: 'Gentium Basic', serif; 
	font-weight: 400; line-height: 1.8; 
	color: #555; margin-left:35%; 
	margin-right: 15% ; 
	position: relative; 
	padding-top: 200px;
	z-index: 2;
}
.aniMM {
	position: relative;
	left: 0; 
	width: 100%;
	top: 0;
	/*-webkit-transition-duration: 45s;
	-webkit-transition-timing-function: linear;*/
}
/*
.aniMM:hover {
	top: -100%;

}*/
#fornitori {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; /* Safari */
	display: flex;
	background-color: rgba(199, 199, 199, 0.19);border-radius: 7px;
		background-image: url(planisfero.png);
	background-repeat: no-repeat;
	

}
.col1 {
	width: 100%;
	height: 100%;
	position: absolute;
}
.landProdotti {
	position: absolute;
	height: 100%;
	width: 100%;
}
.slider {
	position: relative;
	height: 62%;
	width: 100%;
	overflow: hidden;
}
 .slider > ul {
    position: relative;
    -webkit-transition: 0.5s left;
    -moz-transition: 0.5s left;
    -ms-transition: 0.5s left;
    -o-transition: 0.5s left;
 
    list-style: none;
    margin: 0; padding: 0;
  }
    .slider > ul > li {
      float: left;
      width: 100%; height: 62%;
    }
.landProdottisu{
	height: 38%;
	width:  100%;
	overflow: hidden;
	-webkit-box-shadow: 0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -3px 30px -1px rgba(50, 50, 50, 0.75);
}
.landProdottigiu {
	height: 62%;
	background-color: white;
	width: 100%;
	position: absolute;
	-webkit-box-shadow: 0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	background-image: url(SFONDO1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.bottiglie{
 position: absolute;
  width: 100%;
  height: 100%;
}
.landbottiglie {
  position: absolute;
  margin-top: -4.5%;
  margin-left: -9%;
}
#px {
	top: 0; left: 0; width: 100%; position: relative;
}
.containerBottiglie {
	  width: 701px;
  height: 112px;
  position: absolute;
  margin-left: 34%;
  overflow: hidden;
  bottom: 0;

}
.ripplelink {
  display: block;
  float: left;
  width: 100%;
  margin: 0.2%;
  
  line-height: 10em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
}
.ripplelink:hover {
  z-index: 1000;
  box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}
.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
 @-webkit-keyframes 
ripple {  100% {
opacity: 0;
-webkit-transform: scale(2.5);
}
}
@-moz-keyframes 
ripple {  100% {
opacity: 0;
-moz-transform: scale(2.5);
}
}
@-o-keyframes 
ripple {  100% {
opacity: 0;
-o-transform: scale(2.5);
}
}
@keyframes 
ripple {  100% {
opacity: 0;
transform: scale(2.5);
}
}

.titoliBottiglie {
	position: absolute;
	left: 35%;
	width: 50%;
}
.svgBottiglie {
	position: absolute;
	top: 20%;
}
.agriturismo {
	width: 33%;
	height: 20%;
	padding: 2%;

}
.miniStanza {
	width: 100%;

}
.miniStanza:hover {

}
.spoilerLogo {
	position: fixed;
	height: 8%;
	bottom: 2%;
	left: 10.5%;
}
.bansup {
	height: 82%;
	width: 100%;
	overflow: hidden;
	-webkit-box-shadow: 0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -3px 30px -1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -3px 30px -1px rgba(50, 50, 50, 0.75);
}

.titslide {
	background-color: rgba(0,0,0,0);
	z-index: 1;
	/*height: 291.84px;*/
	position: absolute;
	top: 0;
	left: 17%;
	width: 80%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center; 
	-webkit-justify-content: center; /*Safari*/
}

.titslide2 {
	background-color: rgba(0,0,0,0);
	z-index: 1;
	height: 38%;
	position: absolute;
	top: 0;
	left: 20%;
	width: 80%;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center; -webkit-justify-content: center; /*Safari*/
	z-index: -12;
}

.testo {
	text-align: justify; 
	font-size: 110%; 
	font-family: 'Gentium Basic', serif; 
	font-weight: 400;
	 line-height: 160%; 
	color: #555; 
	margin-left:25%; 
	margin-right: 5% ; 
	position: relative; 
	padding-top: 90px;

}
.testoSco {
	text-align: center; font-size: 20px; 
	font-family: 'Gentium Basic', serif; 
	font-weight: 400; line-height: 1.3; 
	color: #555; margin-left:25%; 
	margin-right: 15% ; 
	position: absolute; 
	padding-top: 3%;
	text-transform: uppercase;
	position: absolute;

}
.grado1 {
	position: absolute;
}
.gradi {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.testo:first-child:first-letter { 
	float: left; 
	color: black;
	font-size: 37pt; 
	line-height: 40px; 
	padding-top: 10px; 
	padding-right: 8px; 
	padding-left: 0px; 
	font-family: 'Gilda Display', serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.testoProdotti {
	font-size: 120%; 
	font-family: 'Gentium Basic', serif; 
	font-weight: 400; 
	line-height: 150%; 
	color: #555; 
	margin-left: 18%; 
	margin-right: 20% ; 
	padding-top: 0%;
	overflow: hidden;
	height: 218%;
	padding-top: 1%;
	text-align: justify;
	}
		.testoProdotti:first-child:first-letter {float: left; 
	color: black;
	font-size: 37pt; 
	line-height: 40px; 
	padding-top: 10px; 
	padding-right: 8px; 
	padding-left: 0px; 
	font-family: 'Gilda Display', serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.bottiglia {
	position: absolute;
	right: 7%;
	height: 350px;
	top: 10%;
	z-index: 70;

}

.riqtesto {
	width: 445px; padding-top: 4em; padding-left:0em; margin-left:6em; overflow: hidden;
}
.pagdown {
height: auto;
background-color: white;
width: 100%;
position: absolute;
-webkit-box-shadow: 0px -3px 30px -1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px -3px 30px -1px rgba(50, 50, 50, 0.75);
box-shadow:         0px -3px 30px -1px rgba(50, 50, 50, 0.75);
background-image: url(SFONDO1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: hidden;
min-height: 600px;
}
/*PAGINA SOTTO DEI PRODOTTI*/
.pagdown2 {
height: auto;
background-color: rgba(254,254,254,0);
width: 100%;
 /*background-image: url(SFONDO1.png);*/
background-repeat: no-repeat;
background-size: cover;
top: 38%;
overflow: hidden;
}
/*SFONDO PORTALE*/
.fondale {
	width: 100%;
	height: 100%;
	position: absolute;
}
.imggnudi {
	border-radius: 138px;
	overflow: hidden;
	height: 160px;
	position: absolute;
	margin-left: 4em;
	margin-top: 4em;
	background-color: white;
	border-style: solid;
	border-width: 10px;
	border-color: grey;

}
.container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: -3px;
	left: -3px;
	overflow: hidden;
}
.agro {
	width: 35%;
	height: 20%;
}
.agriover {
	width: 196px;
	height: 196px;
	background-color: white;
	opacity: 0.6;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	position: absolute;
}
.agriover:hover {
	opacity: 0;
}
.wrappage {
	overflow: hidden;
	display: -webkit-flex;

	-webkit-flex-direction:column;
	display: flex; display: -webkit-flex; /* Safari */
	flex-direction:column;
}
.side {
	opacity: 0.97;
	background-color: rgb(21, 54, 27);
	top: 0;
	left: 4%;
	height: 100%;
	background: url(menuverdep.png);
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex; /* Safari */
	display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    z-index: 99;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 16%;
	justify-content: space-around;
}
.angelini {
	color: white;
}

.angelini:hover {
	color: #FDE0B0;
}

/* ---- Timeline ---- */

.time {
	position: relative;
	display: block;
	margin: 100px;
	height: 4px;
	background: #818181;
}
.time::before,
.time::after {
	content: "";
	position: abs.timeute;
	top: -8px;
	display: block;
	width: 0;
	height: 0;
  border-radius: 10px;
	border: 10px s.timeid #818181;
}
.time::before {
	left: -5px;
}
.time::after {
	right: -10px;
	border: 10px s.timeid transparent;
	border-right: 0;
	border-left: 20px s.timeid #818181;
  border-radius: 3px;
}

/* ---- Timeline elements ---- */

.time1 {
	position: relative;
	top: -77px;
	display: inline-block;
	float: left;
	width: 150px;
	transform: rotate(-45deg);
	font: bold 14px arial;
}
.time1::before {
	content: "";
	position: absolute;
	top: 3px;
	left: -29px;
	display: block;
	width: 6px;
	height: 6px;
	border: 4px solid #818181;
	border-radius: 10px;
	background: #eee;
}

/* ---- Details ---- */

.details {
	display: none;

	position: absolute;
	left: -85px;
	top: 60px;
	padding: 15px;
	border-radius: 3px;
	border-right: 2px solid rgba(0,0,0,.1);
	border-bottom: 2px solid rgba(0,0,0,.1);
	transform: rotate(45deg);
	font: 12px arial;
	background: #fff;
}
.details::before {
	content: "";
	position: absolute;
	left: 10px;
	top: -9px;
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	border-top: 0;
}

/* ---- Hover effects ---- */

.time1:hover {
	cursor: pointer;
  color: #28e;
}
.time1:hover::before {
	top: 1px;
	left: -31px;
	width: 8px;
	height: 8px;
	border-width: 5px;
	border-color: #28e;
}
.time1:hover .details {
	display: block;
  color: #444;
}
.sidePortale {
	top: 0;
	height: 100%;
	width: 16%;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#caparzo {
/*	background: url(menuverde.svg);*/
	position: absolute;
	left: 15%;
	background-repeat: no-repeat;
	background-size: 100% 100%;

}
#logoCaparzo {
	position: absolute;
	top: 30%;
	padding: 5%;
}
#logoBs {
	position: absolute;
	top: 10%;
	padding: 5%;
}
#logoBs2 {
	position: absolute;
	top: 50%;
	padding: 5%;
}
#logoDg {
	position: absolute;
	top: 30%;
	padding: 5%;
}
#borgoScopeto {
	background: url(menuverde1.svg);
	position: absolute;
	left: 42%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#dogaDelleClavule {
	background: url(menuverde2.svg);
	position: absolute;
	left: 69%;
	background-repeat: no-repeat;
	background-size: 100% 100%;

}
.logoaz {
	top: 5.5%;
	left: 0;
	margin-left: 1.5%;
	position: relative;
}
.gnudi {
	font-family: 'EB Garamond', serif;	
}
.button {
position: relative;
width: 190px;
height: 25px;
border-style: none none solid none;
color: rgb(207, 207, 207);
border-width: 1px;
margin-top: 7px;

}
.buttoncont {
	position: relative;
	opacity: 1;
}
.menu {
	text-transform: uppercase;
	font-family: sans-serif;
	text-align: center;
	-webkit-transition-duration: 0.3s;
	transition-duration:0.3s;
	font-size: smaller;
}
.trelogo {
position: absolute;
z-index: 3;
width: 157px;
margin-left: 3.65555em;
margin-top: 2.3em;
-webkit-transition-duration: 1s;
transition-duration:1s;
border-bottom-color:rgba(255, 255, 255, 0);
border-bottom-style: none;
}
.button1 {
	border-style: solid;
	position: absolute;
	z-index: 4;
	opacity: 0.5;
	-webkit-transition-duration: 0.7s;
	transition-duration: 0.7s;
	background-color: transparent;
	width: 12em;
	border-color: white;
	top: 19.4em;
	left: 4em;
}
.button1:hover {
	opacity: 0.7;
	background-color: white;

}
.text1 {
	text-transform: uppercase;
	font-family: sans-serif;
	font-weight: 700;
	text-align: center;
	color: black;
}

.logogn {
}
.rela {
	position: relative;
}
.over {
	background-color: transparent;
	width: 0%;
	-webkit-transition:0.5s;
	transition: 0.5s;
}
.over:hover {
	background-color: white;
	width: 100%;
}
#premi {
	position: absolute;
	height: 760px;
	width: 960px;
	
	background-color: grey;
	top: 0;
	margin-left: 960px;
	-webkit-transition-duration: 1s;
	transition-duration:1s;
	z-index: 999;
	opacity: 0;
}
#premi:target #movitutto{
	margin-left: 80px;opacity: 0.7; -webkit-transition-duration: 1s; transition-duration: 1s; } {
	margin-left: 80px;
	opacity: 1;
	}

.titoletto {
	/*font-family: 'Cinzel Decorative', cursive;*/
	text-align: center;
	font-size: 270%;
	text-shadow: 1px 1px 0px #333;
  color: #555; 
	font-family: 'Gilda Display', serif;
	text-transform: uppercase;
	align-self: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-self: center;
    border-bottom: 1px solid #eee;

}
#A1 {
	background: none;
}


/*---------------------------------------------------------AVANTI-------------------------------------------------*/
.testbt, .testbt3, .testbt4, .testbt5, .testbt6, .testbt7, .testbt8, .testbt9, .testbt10, .testbt11, .testbt12, .testbt13{
	display: none;
/*	border: none;
	left: 89%;
	position: absolute;
	height: 100%;
	width: 51px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	background-image: url(icone-dxsx.png);
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0);
	background-size: 60%; 
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 0.5;
	margin-top: 0;
	background-position: 0 80%;
	*/;
}
.testbt:hover, .testbt3:hover, .testbt4:hover, .testbt5:hover, .testbt6:hover, .testbt7:hover, .testbt8:hover, .testbt9:hover, .testbt10:hover, .testbt11:hover, .testbt12:hover, .testbt13:hover,.testbt2:hover, .testbt14:hover, .testbt15:hover, .testbt16:hover, .testbt17:hover, .testbt18:hover, .testbt19:hover, .testbt20:hover, .testbt21:hover, .testbt22:hover, .testbt23:hover, .testbt24:hover {
/*	opacity: 1;
	  -webkit-filter: brightness(0.8);
	  filter: brightness(0.8);*/
}
/*----------------------------------------------------------  INDIETRO-----------------------------------------------*/
.testbt2,.testbt14, .testbt15, .testbt16, .testbt17, .testbt18, .testbt19, .testbt20, .testbt21, .testbt22, .testbt23, .testbt24{
	display: none;
	/*border: none;
  left: 26%;
  position: absolute;
  /* top: 15%; */
  /*height: 100%;
  width: 51px;
  
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-image: url(icone-dxsx.png);
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0);
  background-size: 60%;
  margin-top: 0;
  background-position: 0 20%;
  opacity: 0.5;}*/display: none;}
/*-----------------------------------------------------------FINE PULSANTI AVANTI INDIETRO PRODOTTI------------------------------------------*/
.mapecont{
	background-image

	: url(SFONDO1.png);
	width: 100%;
	position: absolute;
	height: 291.84px;
}
.logocap {
	width: 100%;
	-webkit-filter: drop-shadow(5px 5px 10px rgba(44, 41, 26, 0.69));
	filter: drop-shadow(5px 5px 10px rgba(44, 41, 26, 0.69));
	max-width: 190px;
	max-height: 190px;
	opacity: 1;
	}
.logoGNU {
	-webkit-filter: drop-shadow(5px 5px 10px rgba(44, 41, 26, 0.69));
		filter: drop-shadow(5px 5px 10px rgba(44, 41, 26, 0.69));

}
.immsld {
	top: 0; 
	left: 0%; 
	width: 100%;
	position: relative;
}
.immslc {
	top: 0;
	left: 0;
	position: relative;
	background: url(IMG/OCT/press.jpg);
}
.fotoVigneti {
	top: 0; left: 0; width: 100%;  margin-top: 0px;
}
.fotoCantine {
	top: 0; left: 0; width: 100%; margin-top: 0px;
}
#mypanel {
}
.menuMob {
	background-repeat: no-repeat;
	display: none;
}
.menuLinee {
	border: none !important;
	color: rgba(1,1,1,0) !important;
	background-color: transparent !important;
	padding: 3%;
	position: absolute;
	height: 100%;
	display: none;
}
.spoilerLogo2 {
	position: absolute;
	top: 32%;
	right: 5%;
	
	display: none;
}
.pannello {
	display: none;
	width: 170px;
	left: -170px;
	position: fixed;
	background-color: rgba(28, 54, 22, 1);
	z-index: 1000;
	height: 100%;

}
.pannelloMob {
	padding: 0;
}
#pannelloGnudi {
	position: fixed;
	top: 0;
	right: -20%;
	height: 100%;
	width: 170px;
	background-color: rgba(28, 54, 22, 1);
	z-index: -1000;
}
.fotoprod{
	width: 100%;
	top: -310px;
    position: relative;
}
}


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


  
}

@media only screen and (max-width: 1000px){
	.fotoVigneti{
		width: initial;
	}
	.fotoCantine{
		width: 100%;
		margin-top: 0;
	}
	.fotoprod{
		width: 100%;
		
	}
	

}
@media only screen and (max-width: 568px) {

		.fotoprod{
		width: initial;
	}
	.testoProdotti{
		margin-left: 25%;
		margin-right: 8%;
	}
	.bottiglia{
		right: inherit;
		left: 8%;
	}
	.aniMM{
		width: initial;
	}
}
@media only screen and (max-width: 701px){
	.immsld{
		width: initial;
	}
}
@media only screen and (orientation: landscape) and (max-width: 720px) {

img.dli {
    width: 80px;
}
	.bottimm{
    right: 31%;
    position: absolute;
    }
	.side{
		height: 13%;
	}
	.menuMob {
		width: 26%;
	}
	.logocap {
		width: 26px;
	}
	.logoGNU{
		width: 46%;
	}
	#tslider{
		width: 100% !important;
		height: 100% !important;
	}
	.bottiglia {
position: relative;
    left: 0;
    width: 100%;
	}
	.jssora22l {
		left: 0px !important;
	}
	.jssora22r {
		left: 53%;
		right: inherit;
	}
	.testoProdotti {
	    line-height: 1.2;
    text-align: justify;
    max-width: 47%;
    margin-left: 4%;
	}
	#laCasa{
		font-weight: 500 !important;
		font-size: 22px !important;
	}
	.contP {
		margin: 0 0 0 0 !important;
	}
}



@media only screen and (orientation: portrait) {
	.testovini{
		display: none;
	}
	.titslide3{
		height: 120px !important;
		overflow: hidden;
	}
	.titslide{
		height: 120px !important;
		overflow: hidden;
	}
	#tslider {
		height: 410px !important;
	}
	.agritesto {
		margin-right: 2%;
		margin-left: 2%;
	}
	.pagdown{
		display: none;
	}
	#secondo{
		height: 48px !important;
	}

	#laCasa {
		line-height: 19px !important;
	}
	.jssora22l, .jssora22lr {
		display: none !important;
	}
	.titolop {
		padding-bottom: 0;
		font-size: 270!important;
		width: 50%;
			}
	.dl {
		height: 140px;
		background-image: none;
	}
	.dli {
		  width: 98px;
	}
	.testoProdotti{
		margin-left: 0%;
		margin-right: 2% !important;
  font-size: 8pt;
  width: 320px;
	}
 #st{
 	height: 2550px !important;
 }
	#tslider {
	}
	#slider1_container{
	}
	#slider2_container{
		left: 0;
		top: inherit;
		vertical-align: inherit;
		position: static;
	}
	#agt{
		position: relative;
		margin-top: 45%;
	}
	.epe{
		position: relative !important;
	}
	.containerForm {
		display: block;
		width: 320px;
	}
	.s1 {
		display: initial;
		width: 100%;
	}
	.logocap{
		display: none;
	}
	.aniMM {
		display: none;
	}
	.fotoVigneti{
		display: none;
	}
	.fotoCantine{
		display: none;
	}
	.fotoprod{
		display: none;
	}
	.immsld{
	display: none;
	}
	.immslc{
		display: inherit;
	}
	.bansup{
		height: auto;
	}
	.titoletto{
		font-size: 26pt;
		height: 120px;
	}
	.landProdottisu{
		height: 171.84px;
	}
	.side {
		height: 100px;
		flex-direction: row;
		-webkit-flex-direction: row;
		position: relative;
	}
	#azienda {
		margin-top: -5px;
	}
	.menuLinee{
		height: 60px;
		position: relative;
	}
	.logocap{
		width:50px;
	}
	.menuMob{
		height: 25px;
		width: 35px;
	}
	.spoilerLogo2{
		right: 0;
		position: relative;
		top: inherit;
		display: inherit;
	}
	.logoGNU{
		height: 40px;
	}
	.testo {
		margin-right: 2%;
		margin-left: 2%;
	}
	.titslide{
				height: 171.84px;

	}
	.bottiglia{
    display: inherit;
    right: 58%;
    top: 13%;

	}
	.menuLinee{
		padding: 0;
	}
	.pagdown{
		background-image: none;
		-webkit-box-shadow: inset 0px 0px 117px -4px rgba(0,0,0,0.35);
		-moz-box-shadow: inset 0px 0px 117px -4px rgba(0,0,0,0.35);
		box-shadow: inset 0px 0px 117px -4px rgba(0,0,0,0.35);
	}
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
div, body, html, .container{
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}	
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
	div, body, html, .container{

	overflow-y: scroll; /* has to be scroll, not auto */
	  -webkit-overflow-scrolling: touch;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	body, .container{

	overflow-y: scroll; /* has to be scroll, not auto */
	  -webkit-overflow-scrolling: touch;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
	.testoProdotti{
		width: 100% !important;
	}
	#slider2_container{
		position: absolute !important;
		left: 7% !important;
	}

	.landProdottisu{
		    height: 291.84px;

	}
	.bansup{
		height: 291.84px;
	}
	#map{
		height: 291.84px;
	}
}
	/*                                           INIZIA PRESS
	/* -------------------------------- 

Primary style

-------------------------------- */
/*html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
  font-family: "Droid Serif", serif;
  color: #7f8c97;
  background-color: #e9f0f5;
}

a {
  color: #acb7c0;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
}

img {
  max-width: 100%;
}

h1, h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
/*header {
  height: 200px;
  line-height: 200px;
  text-align: center;
  background: #1A586F;
}
header h1 {
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 1170px) {
  header {
    height: 300px;
    line-height: 300px;
  }
  header h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
*/
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 2.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 2rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 2rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1440px){
	.ripplelink{
		margin: 1.2%;
	}
	.dl-menuwrapper .dl-menu{
		width: 204px !important;
	}
	.pagdown{
		height: 200%;
	}

}
@media only screen and (max-height: 640px){
		.ripplelink{
		margin: 0.4%;
	}
	.dl-menuwrapper li a{
		padding: 4px 0 !important;

	}
}
@media only screen and (max-height: 510px){

	.dl-menuwrapper li a{
		padding: 0px 0 !important;

	}
	.logocap{
		padding: 5% !important;
	}
}
 
@media only screen and (max-height: 490px){

.logocap{
    padding: 10% !important;
	}
}
@media only screen and (max-width: 768px){
	.titoletto{
		margin-top: 10%;
	}
}