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

html,body {
	font-family: 'Quicksand', sans-serif;
	height:auto;
	color:#555555;
	font-size:17px;
}

.ombra-box {
	 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:     0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    box-shadow:          0px 0px 10px 0px rgba(50, 50, 50, 0.3);
	}
	
.vcenter {
 display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

@media (max-width: 767px) {
.vcenter {
 display: block;
 text-align:center;
}
}


.title{
	text-shadow:2px 2px 0 rgb(215, 208, 190);
}
.page-title{
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	
}
.page-title:after{
    position: absolute;
    content: "";
    height: 3px;
    border-radius: 2px;
    left: 0;
    bottom: -10px;
    box-shadow: 0 -1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.6);
	width:100%;

}
.heading-intro{
	font-family: 'Amatic SC', cursive;
	font-weight:bold;
	font-size:2.5em;
}
a{
	color:#006532;
}
a:hover,
a:focus,
a:active,
a:visited{
	color:#006532;
	text-decoration:none;
}
.background{
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.nopadding {
	padding: 0;
}
.space {
	height: 50px;
}
.green{
	background-color:rgba(0,125,15,0.70);
}
/*menu*/
#menu {
	float: right;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 1em;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 5px;
}
.navbar {
	background-color:#fff;
	font-size: 14px;
	text-transform: uppercase;
}
.navbar-nav > li:active {
	/*background-color: #01632f;
	color: #fff;
	 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}

.nav > li > a{
	padding:15px 8px;
	
}
.navbar-nav > li:focus {
	background-color: #fff;
	color: #000;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{
	color:#fff;
}

.navbar-nav > li {
	padding: 1em 0;
}
.navbar-default .navbar-nav > li > a{
	font-weight:bold;
	color: #555555;
}
.navbar-brand {
	padding: 0px 15px;
	height: 100%
}
.navbar-default .navbar-nav > .active {
	color:#fff;
	background-color: #006532;
}
.navbar-default .navbar-toggle{
	background-color:#006532;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:#006532;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#fff;
}
.li-divider{
	width:15px;
}
.lang{
	background-color:#fff!important;
	padding:15px 0!important;
}
.lang-active{
    padding:5px 0px 5px 0px!important; 
	margin-top: 10px!important;
}
.icon{
	width:80%;
}
.flag{
	width:50%;
}

/*.icon:hover{ 
    -webkit-animation: flip 1s;
    animation: flipInY 1s;
}
*/
/*footer*/

footer {
	background-color: #006532;
	color: #fff;
}
footer a,
footer a:hover,
footer a:focus{
	color:rgba(255,255,255,1.00)!important;
	text-decoration:underline;
}


/*pulsante back to top*/
#back-to-top {
	background-color:rgba(0,101,50,0.70);
	/*IE8 hack */
	background-color:#006532;
	filter: none !important;
	border:1px solid #007D0F;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: block;
	padding: 10px 14px;
	border-radius: 50%;
}

.fa{
	color:#006532;
}

/*style Google Map*/
.map-container {
	width: 100%;
	margin-top:50px;
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}

/*path*/
.nuova-terra{
	background-image:url(../images/path-nuova-terra.png);
	background-position:center top;
	background-repeat:repeat-y;
}
.toscanacci{
	background-image:url(../images/path-toscanacci.png);
	background-position:center top;
	background-repeat:repeat-y;
}
.bonve{
	background-image:url(../images/path-bonve.png);
	background-position:center top;
	background-repeat:repeat-y;
}
.accademia{
	background-image:url(../images/path-accademia-toscana.png);
	background-position:center top;
	background-repeat:repeat-y;
}
.well-white-shadow{
	background-color:#fff;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
}
.well-white{
	background-color:rgba(255,255,255,0.50);
	color:#777;
	padding:1em;
	font-size:19px;
}

/*prodotti*/
.fade-prodotti{
   opacity: 1;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
   }

.fade-prodotti:hover {
      opacity: 0;
      }
	  
#prodotto1{
	background-image:url(../images/prodotti/prodotti-nuova-terra-circle.png); 
	background-repeat:no-repeat; 
	background-size:contain; 
	background-position:center center; 
	width:100%;
    max-height:350px;
}
#prodotto2{
	background-image:url(../images/prodotti/prodotti-toscanacci-circle.png); 
	background-repeat:no-repeat; 
	background-size:contain; 
	background-position:center center; 
	width:100%;
    max-height:350px;
}

#prodotto3{
	background-image:url(../images/prodotti/prodotti-bonve-circle.png); 
	background-repeat:no-repeat; 
	background-size:contain; 
	background-position:center center; 
	width:100%;
    max-height:350px;
}

#prodotto3a{
	background-image:url(../images/prodotti/prodotti-chiaverini-packs.png); 
	background-repeat:no-repeat; 
	background-size:contain; 
	background-position:center center; 
	width:100%;
    max-height:350px;
}
#prodotto4{
	background-image:url(../images/prodotti/prodotti-accademia-toscana-circle.png); 
	background-repeat:no-repeat; 
	background-size:contain; 
	background-position:center center; 
	width:100%;
    max-height:350px;
}

/*carousel text*/
.carousel-indicators li{
	border:1px solid #006532;
}
.carousel-indicators .active{
	background-color:#006532;
}
.carousel-caption {
	color: #555555;
	position: static;
	font-size:20px;
	text-shadow:none;
	padding-left:3em;
	padding-right:3em;
}
.carousel-control.left{
	background-image:none;
}
.carousel-control.right{
	background-image:none;
}
.carousel-control{
	color:#006532;
}
.carousel-control:hover, .carousel-control:focus{
	color:#006532;
}

.opacity-text-well{
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    background:	rgb(255,255,255); /* Fallback for web browsers that don't support neither RGBa nor filter */ 
    background: transparent\9; /* Backslash 9 hack to prevent IE 8 from falling into the fallback */
    background:rgba(255,255,255,1); /* RGBa declaration for modern browsers */
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2007D0F,endColorstr=#B2007D0F); /* IE 8 suppoerted; Sometimes Hover issues may occur, then we can use transparent repeating background image :( */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2007D0F,endColorstr=#B2007D0F); /* needed for IE 6-7 */
    zoom: 1; /* Hack needed for IE 6-8 */
}
/* To avoid IE more recent versions to apply opacity twice (once with rgba and once with filter), we need the following CSS3 selector hack (not supported by IE 6-8) */
.opacity-text-well:nth-child(n) {
    filter: none;
}
/*.content{
	max-height:500px;
	overflow-y:scroll;
	background-color:rgba(255,255,255,0.50);
	color:#777;
	padding:2.5em;
	
}
*/

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{
	left:15%;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
	right:15%;
}

/*animazioni*/

@keyframes rotationy-c {
  from {
    transform:rotatey(0deg);
  }
  25% {
	  transform:rotatety(360deg);
  }
  50%, 100% {
    transform:rotatey(-360deg);
  }

}
@-webkit-keyframes rotationy-c {
  from {
    -webkit-transform:rotatey(0deg);
	transform:rotatey(0deg);
  }
  33%,100% {
	-webkit-transform:rotatey(360deg);
	transform:rotatey(360deg);
  }
 

}
.rotation-custom{
	-webkit-animation:rotationy-c;
	animation:rotationy-c;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:4s;
	animation-duration:4s;
	
}

.rotation-custom-1{
	-webkit-animation:rotationy-c;
	animation:rotationy-c;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-duration:4s;
	animation-duration:4s;

}

@-webkit-keyframes swing-c {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  10% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  30% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  40%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing-c {
  10% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  20% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  30% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  50%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing-custom {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-name: swing-c;
  animation-name: swing-c;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  }


@-webkit-keyframes wobble-c {
  from {
    -webkit-transform: none;
    transform: none;
  }

  10% {
	-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  20% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  30% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  40% {
    -webkit-transform: translate3d(0%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(0%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  50%, 100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble-c {
  from {
    -webkit-transform: none;
    transform: none;
  }

  10% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  20% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  30% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  40% {
    -webkit-transform: translate3d(0%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(0%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  50%, 100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble-custom {
  -webkit-animation-name: wobble-c;
  animation-name: wobble-c;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:5s;
  animation-duration:5s;
}

@-webkit-keyframes pulse-c {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  20% {
    -webkit-transform: scale3d(1.10, 1.10, 1.25);
    transform: scale3d(1.10, 1.10, 1.25);
  }

  40%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse-c {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  20% {
    -webkit-transform: scale3d(1.10, 1.10, 1.25);
    transform: scale3d(1.10, 1.10, 1.25);
  }

  40%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse-custom {
  -webkit-animation-name: pulse-c;
  animation-name: pulse-c;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:3s;
  animation-duration:3s;
}


	


/*media queries*/

@media(max-width:480px){
	#back-to-top {
		display:none!important;
	}
    }

@media(max-width:767px) {
	
	
	
	
	.navbar-nav > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	}
	.icon{
	width:50%;
	}
	.margin-visible-768-top{
		margin-top:50px;
	}
	.margin-visible-768-bottom{
		margin-bottom:50px;
	}
	#menu{
		float:none;
		text-align:center;
	}
	.opacity-text-well{
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
	}
	.carousel-control{
	display:none;
	}
	.carousel-control:hover, .carousel-control:focus{
	display:none;
	}
	.background{
	background-image:url(../images/background.jpg);
	background-repeat:repeat;
	background-size:auto;
	background-position:top;
	}
	}

@media (max-width: 991px) {
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
		max-height:380px;
	}
	.nuova-terra{
	background-size:4px;
	}
	.toscanacci{
	background-size:4px;
	}
	.bonve{
	background-size:4px;
	}
	.accademia{
	background-size:4px;
	}
	#menu{
		float:none;
		text-align:center;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
		text-align:center;
		padding:5px;
    }
	.navbar-default .navbar-nav > li > a{
		padding:5px 15px;
	}
	
    /*.navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }*/
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	.li-divider{
	width:0px;
	}
	.lang-active{
		margin-top:0px!important;
	}
	.flag{
		width:30px;
	}
		
	

}

@media (max-width:767px) and (min-width:480px){
	.icon{
		width:40%;
	}
	.img-cert{
		width:30%;
	}
}