body { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; color: #888; line-height: 30px; text-align: center; }

strong { font-weight: 600; }

a {  text-decoration: none; transition: all .3s; }
a:hover, a:focus { color: #856dc0; border: 0; text-decoration: none; }

h1, h2 { margin-top: 10px; font-size: 38px; font-weight: 300; color: #555; line-height: 50px; font-style: italic; }
h3 { font-size: 22px; font-weight: 300; color: #555; line-height: 30px; font-style: italic; }

img { max-width: 100%; }

.medium-paragraph { font-size: 17px; line-height: 32px; }

::-moz-selection { background: #7762ac; color: #fff; text-shadow: none; }
::selection { background: #7762ac; color: #fff; text-shadow: none; }


/***** General style, all sections *****/

.section-container { margin: 0 auto; padding-bottom: 80px; }

.section-container-gray-bg { background: #f8f8f8; }

.section-container-image-bg,
.section-container-image-bg h2,
.section-container-image-bg h3 { color: #fff; }

.section-container-image-bg .divider-1 span { border-color: #fff; }

.section-description { margin-top: 60px; padding-bottom: 10px; }

.section-description p { margin-top: 20px; padding: 0 120px; }
.section-container-image-bg .section-description p { opacity: 0.8; }

.section-bottom-button { padding-top: 60px; }


/***** Divider *****/

.divider-1 span { display: inline-block; width: 200px; border-bottom: 1px dotted #aaa; }


/***** Top menu *****/

.navbar {
	background: #444;
	-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
	backface-visibility: hidden;
}
.navbar.navbar-no-bg { background: #444; background: rgba(0, 0, 0, 0.2); }

.navbar-dark .navbar-nav { font-size: 15px; color: #fff; text-transform: uppercase; }
.navbar-dark .navbar-nav .nav-link { color: #fff; color: rgba(255, 255, 255, 0.8); border: 0; }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.navbar-dark .navbar-nav .nav-link:focus { color: #fff; outline: 0; }

.navbar-expand-md .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; }

.navbar-brand {
	width: 200px;
	background: url(../img/biemme_2.png) left center no-repeat;
	border: 0;
	text-indent: -99999px;
	margin-top: 10px;
	background-size: 200px 40px;
}


/***** Top content *****/

.inner-bg { padding: 210px 0; }

.top-content .text { color: #fff; }
.top-content .text h1 { margin-top: 25px; color: #fff; }
.top-content .description { margin: 30px 0 10px 0; }
.top-content .description p { opacity: 0.8; }

video{
	min-width: 100%;
  /* min-height: 100%; */
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%) translateY(-90%);
}
/***** Section 1 *****/

.section-1-box { padding-top: 30px; text-align: left; }

.section-1-box .section-1-box-icon {
	width: 80px; height: 80px; margin: 0 auto;

	background: #007F00; /* Old browsers */
	background: -moz-linear-gradient(top,  #007F00 0%, #007F00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007F00), color-stop(100%,#007F00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007F00 0%,#007F00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #007F00 0%,#007F00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #007F00 0%,#007F00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007F00 0%,#007F00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007F00', endColorstr='#007F00',GradientType=0 ); /* IE6-9 */

    font-size: 70px; color: #fff; line-height: 80px; text-align: center;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
    -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
}

.section-1-box h3 { margin-top: 0; padding: 0 0 10px 0; }


/***** Section 2 *****/

.section-2-box { margin-top: 30px; text-align: left; }
.section-2-box h3 { margin-top: 0; }
.section-2-box-text .medium-paragraph { margin-top: 20px; margin-bottom: 20px; }
.carousel-item{
    height: 500px;
		background-size: cover!important;
		background-position: center center !important;
}
.carousel-item img{
    height: 500px;
}

/***** Section 3 *****/

.section-3-box { margin-top: 30px; text-align: left; }

.section-3-box .section-3-box-icon {
	width: 60px; height: 60px; margin: 0 auto;

	background: #7762ac; /* Old browsers */
	background: -moz-linear-gradient(top,  #856dc0 0%, #7762ac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#856dc0), color-stop(100%,#7762ac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #856dc0 0%,#7762ac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #856dc0 0%,#7762ac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #856dc0 0%,#7762ac 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #856dc0 0%,#7762ac 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#856dc0', endColorstr='#7762ac',GradientType=0 ); /* IE6-9 */

    font-size: 28px; color: #fff; line-height: 60px; text-align: center;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}

.section-3-box h3 { margin-top: 0; padding: 0 0 10px 0; }


/***** Footer *****/

footer { padding: 40px 0; }
.mappa{ height: 400px;}
.mail {padding-bottom: 30px;}
 /**** merry Xmas ****/
 #overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.9);
  z-index: 2;
  cursor: pointer;
}

.middle_string {
  position: absolute;
  /*top: 50%;*/
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
	color: white!important;
  /* Add a font */
  font-family: "Brush Script MT" ;
  /* Set the font-size to 25 pixels */
  font-size: 45px;
}
.middle_string h1{
	color: white;

}
.middle_string hr{
	border-top: 1px solid rgba(f,f,f,.9);
	border: 1px;
}





#new-year {

  position: relative;
  top: 5%;
  width: 90%;
  height: 90%;
  margin: 0 auto 0 auto;
  transform: translateY(-50%);


  svg{
    width: 100%;
    height:100%;
  }

}

.stroke-fill {
  /*stroke-dasharray: 1000;*/
  stroke-dashoffset: 1000;
  stroke: #efefef;
}

#happy-stroke {
  animation: happy-dash 1.7s linear normal forwards;
}

#n-stroke {
  animation: dash 2s 1.8s linear normal forwards;
}
#ew-stroke {
  animation: dash 2s 2.5s linear normal forwards;
}
#y-stroke{
  animation: dash 2s 3.2s linear normal forwards;
}
#ye-stroke{
  animation: dash 1s 4s linear normal forwards;
}
#ear-stroke{
  animation: dash 2s 4.18 linear normal forwards;
}
#underline-stroke{
  animation: dash .5s 5.5) cubic-bezier(0.550, 0.085, 0.680, 0.530) normal forwards;
}
@keyframes dash {
  0% { stroke-dashoffset: 1000; }
  100% { stroke-dashoffset: 0; }
}

// Tweaked the exact timings of when the stroke enters the masked areas.
@keyframes happy-dash {
  //H
  0% { stroke-dashoffset: 1000; }
  6% { stroke-dashoffset: 976; }
  6.01% { stroke-dashoffset: 958; }
  13% { stroke-dashoffset: 936; }
  13.01% { stroke-dashoffset: 905; }
  20% { stroke-dashoffset: 896; }
  //A
  20.01% { stroke-dashoffset: 864; }
  27% { stroke-dashoffset: 840; }
  27.01% { stroke-dashoffset: 830; }
  34% { stroke-dashoffset: 808; }
  34.01% { stroke-dashoffset: 775; }
  40% { stroke-dashoffset: 764; }
  //P
  40.01% { stroke-dashoffset: 738; }
  60% { stroke-dashoffset: 688; }
  //P
  60.01% { stroke-dashoffset: 658; }
  80% { stroke-dashoffset: 610; }
  //Y
  80.01% { stroke-dashoffset: 580; }
  90% { stroke-dashoffset: 555; }
  90.01% { stroke-dashoffset: 543; }
  99.99% { stroke-dashoffset: 525; }
  100% { stroke-dashoffset: 0; }
}


#BLINK
{
    color: #000000;
    font: Bold 12px Verdana;
		font-size: 20px;
		padding-top: 10px;

}

#overlay_news {
 position: fixed;
 display: none;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: rgba(0,0,0,0.95);
 z-index: 2;
 cursor: pointer;
}

/** vendemmiatrice**/
img {
  vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container-new {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
.close_news {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}