:root {
  --color-bianco: #FFF;
  --color-testo:#676767;
 --color-colore:#c19b37 ; /*blu titoli*/
   --color-colore-chiaro:#dfd2b0; /*sfondi azzurro chiaro*/
 --color-sfondo-chiaro:#f9f9f9 ; 
 --color-nero:#3e3d3c;
  --color-grigio:#eaeaea; /*sfondi grigio*/


}



	
body, html {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	color:var(--color-testo);
	font-weight:400;
	font-size:17px;
	line-height:27px;
	min-height:100%;
	background:var(--color-bianco);
	letter-spacing:0.5px;
}


.fluido{
	width:100%;
	display:block;
	float:left;
	position:relative;
}

img{
	border: 0;
}




ol, ul {
  	margin-bottom: 10px;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 15px;
}

ol li, ul li {
    margin-bottom: 10px;
}

a:focus {
  outline: none
 
}
a, a:visited, 
a:link{
	color:var(--color-testo); 
}



a:hover {
	color:var(--color-testo);
	text-decoration:none;
}


.btn-primary,
a.btn-primary{
	color:var(--color-bianco);
	margin:30px 0;
	background:var(--color-colore-chiaro);
	border-top:0;
	border-left:0;
	border-right:0;
	border:0;
	box-shadow:none;
	padding:10px 20px;
	border-radius:4px;
	text-transform:uppercase;
	font-size: 16px;
	line-height:22px;
}


.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:active{
	background:var(--color-colore-scuro);
	color:var(--color-bianco);
	border:0;
	
}


.btn-secondary,
a.btn-secondary{
	color:var(--color-bianco);
	margin:30px 0;
	background:var(--color-colore-scuro);
	border:0;
	box-shadow:none;
	padding:10px 20px;
	border-radius:4px;
	text-transform:uppercase
}


.btn-secondary:hover,
a.btn-secondary:focus,
a.btn-secondary:active{
	background:var(--color-colore-chiaro);
	color:var(--color-bianco);
	border:0;
	
}

.nomargin{
	margin:0;
}

.padding{
	padding-left:15px;
	padding-right:15pc;
}

.nopadding{
	padding-left:0;
	padding-right:0;
}

h1, h2, h3, h4, h5, h6{
	  color:var(--color-colore);
	  display:block;
	  font-style:normal;
	  font-weight:300;
	  font-family: 'Spectral', serif;
}


h1 {
   
   	font-size: 36px;
	line-height:46px;
	margin:0;
}


h2 {
	font-size: 28px;
	line-height:38px;
	margin-bottom:30px;
	
}

h3 {
    font-size: 24px;
	line-height:34px;
	
}

h4 {
    font-size: 22px;
	line-height:32px;
	margin:15px 0;
}


h5 {
    font-size: 19px;
	line-height:28px;
	margin:15px 0;
	
}

h6 {
    font-size: 17px;
	line-height:27px;
	margin:20px 0;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	color:var(--color-testo);
	font-weight:500;
}

.uppercase{
	text-transform:uppercase;
}

.strong,
strong{
	font-weight:500;
}
 
 .italic{
	font-style:italic;
}
 
.normal{
	font-style:normal;
	font-family: 'Raleway', sans-serif;
}


.underline{
	text-decoration:underline;
}

.lowercase{
	text-transform:lowercase;
}


.background_img{
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat
}

#box-site{
	min-height:400px;
	margin-top:0;
	margin-bottom:0;
}

.paddingtop {
	padding-top:40px;
}

.paddingbottom {
	padding-bottom:40px;
}


.margintop {
	margin-top:40px;
}

.marginbottom {
	margin-bottom:40px;
}


.margin_auto{
	margin:auto;
}

.fullwidth{
	width:100%
}

.download{
	background-image:url(/templates/immagini/icone/download.png);
	background-position:left center;
	background-size:26px;
	background-repeat:no-repeat;
	color:#ad0909 !important;
	text-transform:uppercase;
	padding-left:33px;
	padding:30px 0 20px 30px;
	
}

@media (max-width:991px){



}



@media (max-width:767px){

h1 {
   
   	font-size: 30px;
	line-height:46px;
	margin:0;
}


h2 {
	font-size: 26px;
	line-height:38px;
	margin-bottom:30px;
	
}

h3 {
    font-size: 24px;
	line-height:34px;
	
}

h4 {
    font-size: 22px;
	line-height:32px;
	margin:15px 0;
}



.paddingtop {
	padding-top:20px;
}

.paddingbottom {
	padding-bottom:20px;
}


}


/*SETTO I COLORI*/
.sfondo_grigio{
	background:var(--color-grigio);
}

.sfondo_bianco{
	background:var(--color-bianco);
}

.sfondo_colore{
	background:var(--color-sfondo-chiaro);
}



.sfondo_nero{
	background:var(--color-nero);
}



.color_colore{
	color:var(--color-colore);
}



.color_bianco{
	color:var(--color-bianco);
}

.color_scuro{
	color:var(--color-colore-scuro);
}

.color_testo{
	color:var(--color-testo);
}

.color_testo_chiaro{
	color:#9d9d9d;
}



.sfondo_nero p{
	color:var(--color-colore-chiaro);
}


.sfondo_nero a{
	color:var(--color-colore);
}


@media (max-width:767px){




}


/*HEADER*/

#header{
	position:relative;
	width:100%;
	float: left;
   display:block;
   background:var(--color-sfondo-chiaro);
  
}



/*sticky menu*/
#header .sticky {
    position: fixed;
    top: 0;
    z-index: 99;
    background: var(--color-sfondo-chiaro);
    width: 100%;
    display: block;
	-webkit-box-shadow: 0px 14px 38px 12px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 14px 38px 12px rgba(0,0,0,0.1);
box-shadow: 0px 14px 38px 12px rgba(0,0,0,0.1);
padding-top:10px;
padding-bottom:10px;
 -webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;

}

#header .navbar-brand > img.stiky_logo {
 display: none;

}

#header .sticky .navbar-brand > img.stiky_logo {

    display: block;
    margin-top: 0;
    max-height: 30px;

}

#header .sticky .navbar-brand > img.full_logo {

    display: none;

}


.homepage .navbar-header{
	display:none;
}

.homepage #header{
	position:absolute;
	width:100%;
	top: 0;
   display:block;
   background:transparent;
   z-index:9;
  
}


.homepage .sticky .navbar-header {

    display: block;

}

/*MENU*/


#overlay_desktop {   
    position: relative;
	width:100%;
	display:block;
}


.overlay-content .ulmenu > li{

list-style: none;
display: inline-block;
margin:0;

}

.overlay-content .ulmenu > li > a {
 	font-size: 16px;
    padding: 0 25px;
	line-height:140px;
	color: #59534a;
	text-transform:uppercase;
}

#header .sticky .overlay-content .ulmenu > li > a{
	line-height:30px;
}


.homepage .overlay-content .ulmenu > li > a {
	line-height:66px;

}

.overlay-content .ulmenu > li.active > a,
.overlay-content .ulmenu > li:hover > a,
.overlay-content .ulmenu > li > a:hover {
 	color: var(--color-colore);
}


/*sottomenu*/
#overlay_desktop .dropdown-menu {
    top: 90%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 16px;
    background-color:#5ec027;
    border: 1px solid #5ec027;
    border-radius: 4px;
}


.dropdown-menu > li > a:focus, .dropdown-menu > li  {
	margin-bottom:0;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #323e21;
    text-decoration: none;
    background-color: transparent;
}
.dropdown-menu > li > a {
    padding: 5px 20px;
    color: var(--color-bianco);
}



@media (max-width:1199px){
.overlay-content .ulmenu > li > a {
    font-size: 18px;
    padding: 0 15px;
    line-height: 82px;
}

.navbar-brand > img {

    max-height: 100px;

}
}


@media screen and (max-height: 500px) {
#overlay a {
    padding: 2px;
    font-size: 16px;
	line-height:20px;	
}

#overlay .overlay-content .ulmenu .sub-menu{
	padding: 5px 0 5px 50px;
}

}


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

.homepage .navbar-header{
	display:block;
}

.homepage #header{
	position:relative;
	width:100%;
	top: 0;
   display:block;
   background:var(--color-sfondo-chiaro);
  
}
  
#overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background: var(--color-sfondo-chiaro);
    overflow-x: hidden;
    transition: 0.5s;
	
	
}


#overlay .overlay-content {
    position: relative;
    width: 100%;
    text-align: left;
	height:100%;
	margin:0

}

.overlay-content .ulmenu{
    position: relative;
    width: 100%;
    text-align: center;
    padding: 20px 0;
	z-index:2;
	list-style:none;
	margin:26% 0 0 0;
	
}



.overlay-content .ulmenu li{
    display:block;
	padding:15px 0;
}



.overlay-content .ulmenu > li > a {
 	font-size: 30px;
	line-height:38px;
    padding: 10px 0;
	color: var(--color-testo);
	
}




.overlay-content .ulmenu > li.active > a,
.overlay-content .ulmenu > li:hover > a,
.overlay-content .ulmenu > li > a:hover {
 	color: #323e21;
}

 
#overlay .overlay-content ul.show {
    opacity: 1;
	animation-name: fade;
	animation-timing-function: ease-in-out;
 	animation-duration: 1s;
	
}

#overlay .overlay-content ul.hide {
	animation-name: fade;
	animation-timing-function: ease-in-out;
 	animation-duration: 1.5s;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


#overlay .closebtn {
    top: 15px;
    right: 35px;
	left:auto;
	position:absolute;
	background: var(--color-bianco);
	padding:5px 10px;
	z-index:3;
  }
  
  
#overlay .closebtn:hover {
	background: #323e21;
	color:var(--color-bianco);
}


.overlay-content #ulmenu .dropdown-menu {
    position: relative;
    list-style: none;
    padding: 15px 0;
    top: 0px;
    margin: 10px 0 !important;
    width: 100%;
    background: transparent;
    border: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    text-shadow: none;
   
}
  
}

@media (max-width:767px){

.overlay-content .ulmenu li{
    display:block;
	padding:7px 0;
}



.overlay-content .ulmenu > li > a {
 font-size: 24px;
	line-height:28px;
    padding: 0;
	color: var(--color-testo);
	
}

}


/*MENU BOOSTRATP*/


.navbar-brand {
  	float: left;
    padding: 0 15px;
	position:relative;
	display:inline-block;
	z-index: 1;
	height: auto;
	
}


.navbar-brand > img {
    display: block;
}

.navbar-header {
    margin-left: 10%;
}



@media (max-width:991px){



.navbar-menu .bottone {
	margin: 20px 0 0 0;
    border: 0;
	background:none;
	float: right;

}

.navbar-menu .icon-bar {

    background-color: var(--color-colore);
	width: 35px;
    height: 4px;
	margin: 5px;
	display:block;

}

	

.navbar-brand {
    padding-top: 0;
	margin-top:15px;
	margin-bottom:15px;
}
	

#header .navbar-brand > img.full_logo {

    display: none;

}
	
#header .navbar-brand > img.stiky_logo {
    display: block;
    margin-top: 0;
   max-height: 100px;
}

.navbar-header {
	float:left;
	display: block;
	width:100%;
	 margin-left: 0;
	
 }
	
}

@media(max-width:767px){
.navbar-brand {
    padding-top: 0;
	margin-left:0
}
	
#header .navbar-brand > img.stiky_logo {
    max-height: 40px;

}

}


/**TESTATA HOME*/
#testata_home.background_img{
	height:100vh;
	background-size:cover;
	background-image:url(/templates/immagini/sfondi/testata_home_lapranda.jpg);
	background-position:center;
}

#testata_home .bottiglia {
	max-height:90vh;
	float:right;
	margin-top:10vh
}

#testata_home .testi {
	padding-top:7%;	
}

#testata_home .testi .disclaimer{
	font-size: 24px;
font-style: italic;
line-height: 1.5;
color:#a59e94;
	
}

#testata_home .testi img{
	margin:15px auto;	
}

#testata_home .testi img{
	margin:15px auto;	
}



@media (max-width:1199px){
	#testata_home.background_img{
	height:80vh;
}

#testata_home .bottiglia {
	max-height:80vh;
	
}
}



@media (max-width:991px){
#testata_home.background_img{
	background-position:center right;
}

#testata_home .bottiglia {
	float:none;
	margin:auto;
}

#testata_home .testi {
	display:none;
}


}







/*CAROSELLO*/	


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
  background-image: none;
}

.carousel-fade .carousel-control .glyphicon {
	color:var(--color-bianco);
	font-weight:200;
	padding:10px;
	width: 50px;
	height: 50px;
	margin-top: -15px;
	font-size: 30px;
}


.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1;
    width: 100%;
}





/*PARALLASSE**/

.parallasse{
	min-height:50vh;
	position: relative;
  	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
 	background-size: cover;
	overflow:hidden;
	z-index:0;
}

.parallasse.fixheigh,
.parallasse.fixheigh .opacity{
	height:50vh;
}

.parallasse .opacity{
	min-height:50vh;
	position: absolute;
  	background-color: rgba(255,255,255,0.6);
  	background-position: center;
  	background-repeat: no-repeat;
 	background-size: cover;
	z-index:1;
	top:0;
	left:0;
	display:block;
	width:100%;
	
}

.parallasse.fixheigh,
.parallasse.fixheigh .opacity{
	height:50vh;
}


@media (max-width:1199px){
	.parallasse{
	min-height:50vh;
	background-attachment:scroll;	
}

.parallasse.fixheigh,
.parallasse.fixheigh .opacity{
	height:50vh;
	
	
}


}

@media (max-width:991px){
	.parallasse,
	.parallasse .opacity{
	min-height:300px;
	
	
}

.parallasse.fixheight,
	.parallasse.fixheight .opacity{
	height:300px;
	
	
}

}

@media (max-width:767px){
	.parallasse.fixheight,
	.parallasse.fixheight .opacity{
	height:250px;
	
	
}


}

/*COLONNE*/



.tabella {
  display: table;
   width: 100%;
   padding:0;
}

.colonna {
  float: none;
  vertical-align: top;
  display: table-cell;
  position:relative;
}


.colonna.col2 {
  width: 20%;
  padding:10px;
 
}

.colonna.col3 {
   width: 30%;
   padding:10px;
 
}


.colonna.col4 {
   width: 40%;
   padding:10px;
}

.colonna.col5 {
  width: 50%;
  padding:10px;
 
}

.colonna.col6 {
   width: 60%;
   padding:10px;
}

.colonna.col2.nopadding {
  padding:0;
}

@media(max-width:1199px){
	.colonna.col2 {
	  width: 40%;
	  padding:10px;
	  
}

	.colonna.col3 {
	   width: 60%;
	   padding:10px;
	}
}

@media (max-width:991px){
	.colonna.col6,
	.colonna.col4 {
 		 width: 50%;
 
	}
}


@media (max-width:767px){
	.colonna.col2,
	.colonna.col3,
	.colonna.col4,
	.colonna.col5,
	.colonna.col6 {
 		 width: 100% !important;
		 height:auto;
		 float:left;
		 display:block;
 
	}
	
	
	
.colonna.background_img {
 height: 250px;

}
	
	
}

/*prova flex**/

.flex-container {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
}


.flex-container .col_2{
	width:50%;
}

.flex-container .col_3{
	width:33.33%;
}

.flex-container .col_4{
	width:25%;
}


@media (max-width:991px){



.flex-container .col_4{
	width:50%;
}
	
	
}



@media (max-width:767px){

.flex-container .col_4,
.flex-container .col_2,
.flex-container .col_3{
	width:100%;
}

	
}



/*HOMEPAGE*/

.homepage .disclaimer_home{
	font-size: 24px;
font-style: italic;
line-height: 1.5;
	
}



.homepage .vocazione h2{
	position:absolute;
	bottom:10%;
	right:5%;
}

.homepage .vigneti .col_2{
	padding:5%;
	text-align: justify;
}


.homepage .vigneti .col_2 img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.homepage .vini {
	height:70vh;
}

.homepage .vini .testo{
	position:absolute;
	top:0px;
	right:35%;
	
}


.homepage .cantina_territori .testi{
	padding:30px;
	
}

.homepage .cantina_territori .testi a{
	padding-top: 30px;
	position: relative;
	float: left;
	
}

.homepage .cantina_territori .col_4 img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}


@media (max-width:1199px){
	.homepage .vini .testo{
	right:28%;
	
}

	.homepage .cantina_territori .col_4.n1{
	order:3;
	
}

.homepage .cantina_territori .col_4.n2{
	order:4;
	
}

	.homepage .cantina_territori .col_4{
		width:50%
	
}


}



@media (max-width:991px){
.homepage .vigneti .flex-container {
  display: block;
}

.homepage .vigneti .flex-container .col_2{
	width:100%;
	position:relative;
	float:left;
	display:block;
}

.homepage .vigneti .flex-container .col_2.testi,
.homepage .vigneti .flex-container .col_2.testi h2{
	padding-top:0;
	margin-top:0;
}

.homepage .vini {
	height:50vh;
}

.homepage .vini .testo{
	right:20%;
	
}

	
}


@media (max-width:767px){

.homepage .vocazione h2{
	position:relative;
	bottom:auto;
	right:auto;
	padding:60% 0 0 0;
	text-align:center;
	width:100%
}

.homepage .vini {
	height:50vh;
}

.homepage .vini .testo{
	right:20%;
	background:#e7e7e7;
	padding:20px;
	
}

.homepage .cantina_territori .col_4.n1{
	order: unset;
	
}

.homepage .cantina_territori .col_4 {

    width: 100%;

}

}


/*TESTATA PAGINE*/

.img_testata{
	height:300px;
}


@media (max-width:1199px){
	

}

@media (max-width:991px){
	
}

@media (max-width:767px){
	.img_testata{
	height:200px;
}

}

/*PAGINE*/

.img_inner{
	padding:0 0 20px 5%;
}
.testo_inner{
	text-align:justify;
}

@media (max-width:767px){
.img_inner{
	padding:30px 0 30px 0;
}
}

/*GALLERY MASONRY AND SLIDER INNER GALLERY*/

.grid.col4 {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}	

.grid.col2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}	
	
.grid img{ 
width: 100%; 
padding: 7px 0;
}



.grid.nopadding{ 
column-gap: 0;
}

.grid.nopadding img{ 
padding:0;
}


.gallery_masonry .grid img{ 

padding:0;
-webkit-transform: scale(1);
	transform: scale(1);
	transition:all .35s ease-out 0s;
}

 
 .gallery_masonry .item  {
	 overflow:hidden;
	 position: relative;
	display: block;
	margin:0 0 10px 0 ;

}
 
.gallery_masonry .item:hover img{
	opacity:0.8;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);

}

.gallery_masonry .item .icon {
   display:block;
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgba(249,249,249,0.8);
    color: #fff;
    z-index: 9999;
    top: auto;
	bottom: -60px;
	left: auto;
	right: -60px;
    border-radius: 50%;
	transform:scale(0);
	transition:all .35s ease-out 0s;
}
.gallery_masonry .item .icon span{
	position: absolute;
	top: 30%;
	left: 35%;
}

.gallery_masonry .item:hover .icon{
	
	transform:scale(1);
	transition-delay:.15s

}


.fancybox-nav span {
  
    visibility: visible !important;
}

.gallery_masonry .owl-carousel .owl-nav button.owl-prev,
.gallery_masonry .owl-carousel .owl-nav button.owl-next{
	position:absolute;
	top:40%;
	 background: rgba(249,249,249,0.8);
	 padding:10px 15px;
}

.gallery_masonry .owl-next{
	right:0;
	
}


@media (max-width: 1199px) {
	.grid.col4 {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}

.gallery_masonry .item .icon,
.gallery_masonry .item:hover .icon {
   	display:none
   
}

		
}	



@media (max-width: 991px) {
	.grid.col4 {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
		
}	



@media (max-width: 767px) {
	.grid.col4,
	.grid.col2 {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}
	

	
		
}	



/*DECORAZIONE BOTTOM*/

.decorazione_bottom{
	background-image:url(/templates/immagini/sfondi/decorazione_bottom.jpg);
	background-size:cover;
	background-position:bottom center;
	height:120px
}

@media (max-width: 767px) {
	.decorazione_bottom{
	height:70px
}
}	


/*SLIDER VINI*/

.gallery_vini{
	background-image:url(/templates/immagini/sfondi/sfondo_vini.jpg);
	background-position:top;
	background-size: auto 100%;
	background-repeat: repeat-x;
	padding:50px 8% 50px 8%;
}

.gallery_vini .owl-carousel .owl-item img {
    display: block;
    width: auto;
}

.gallery_vini .owl-carousel .owl-item .testo_vino{
	padding:50px 25px 25px 25px;
}

.gallery_vini .owl-carousel .owl-nav button.owl-prev,
.gallery_vini .owl-carousel .owl-nav button.owl-next{
	position:absolute;
	top:40%;
	 padding:10px 15px;
	 font-size:50px;
}

.gallery_vini .owl-next{
	right:20px;
	
}

.gallery_vini .owl-prev{
	left:20px;
	
}


/*DETTAGLIO VINO*/

.dettaglio_vino .anteprima{
	background-image:url(/templates/immagini/sfondi/decorazione_vino_dettaglio.png);
	background-position:right center;
	background-size: auto;
	background-repeat: no-repeat;
	padding:50px 0;
}

.dettaglio_vino .descrizione{
	padding:50px 20px 50px 4%;
}

@media (max-width:1199px){
	.dettaglio_vino .descrizione{
		width:50%;
	}
	
	.dettaglio_vino .sfondoimg{
		width:20%;
	}
	
	.dettaglio_vino .anteprima{
		width:30%;
	}
	
}

@media (max-width:991px){
	.dettaglio_vino .descrizione{
		width:60%;
	}
	
	.dettaglio_vino .anteprima                                                                                                                                                                                                                                  {
		width:40%;
	}
	
	.dettaglio_vino .sfondoimg{
		width:100%;
		height:250px;
	}
	
	.vini .secondacol{
		display:none;
}

.vini .col_2{
		width:100%;
}
	
}

@media (max-width:767px){
	.dettaglio_vino .descrizione,
	.dettaglio_vino .anteprima{
		width:100%;
	}
	
	.dettaglio_vino .descrizione{
	padding:50px 15px 50px 15px;
}
	
	.dettaglio_vino .anteprima img{
		max-height:350px;
	}
		
}

/*FORM*/


form{
	
	float:left
}

.response {
	width:100%;
	float:left;
	clear:both;
	margin:15px 0;
	padding:10px 20px;
	font-size:16px;
	font-weight:600;
}

.response.ko{
	background:#f99595;
	border:1px dotted #f47474;
	color:#810606;
}

.response.ok{
	background:#b7eabd;
	border:1px dotted #7ac883;
	color:#03560d;
}



.form-control.file{
	padding: 0px 12px 0px 0px;
}

label,
label a
{
	  font-weight:400;
	 
	  display:block;
}

label em
{
	  color:#dec9cd;
}


textarea {
	min-height:100px;
}


.checkbox label,
.checkbox label a
{
	  font-weight:300;
	 
	  display:inline-block;
}

.form-group {
    margin-bottom: 10px;
	margin-top: 10px;
}

#footer #contacts .form-group input,
#footer #contacts .form-group textarea{
	background:#ebebeb;
	border-radius:0;
}

#footer #contacts  input[type="checkbox"]{
	margin-top:10px;
}

#footer #contacts .btn{
	margin:10px 0;
}


/*FOOTER*/

#footer {
	font-size:14px;
	padding:20px 0;
	line-height: 22px;
	
}


#footer .col_footer{
	font-weight:300;
}


#footer .europa .flex-container{
	justify-content: center;
	margin-bottom:15px;
}

#footer .europa .flex-container .col_flex.text_col{
	padding-top:10px;
}

.it #footer .europa .flex-container .col_flex.text_col{
	padding-top:0;
}

#footer .europa .flex-container .col_flex.img_col{
	margin:0px 20px 0 10px;
}




/* COOKIE UE LAW */
.ui-widget {
	position:fixed;
	bottom:0;
	left:0;
	color:var(--color-bianco);
	background: #000;
	z-index:999;
	width:100%;
}
.cookie-message {
	padding:20px 15px;
	width:80%;
	margin:0 auto;
	font-size: 20px;
	line-height: 30px;
}

.cookie-message a {
	color:var(--color-bianco);
	font-size: 20px;
	line-height: 30px;
}

.ui-widget-close {
	color:var(--color-bianco);
}
a.ui-widget-close-button {
	
	
}
#div_btn_accetta_cookie{
	padding-top:20px;
}
#div_testo_btn_accetta_cookie{
	background: var(--color-bianco);
	color:#99273b;
	margin-right:20px;
	padding:5px;
	float:none;
	text-align:center;
	width:130px;
	margin:0 auto;
	letter-spacing:0px;
}


@media (max-width:767px){
	.cookie-message,
	.cookie-message a  {
	color:var(--color-bianco);
	font-size: 15px;
	line-height: 22px;
}
}