html, body {height: 100%;}

body {
	/*padding-top: 60px;*/
 	margin: 0;
	font-family: 'Handlee', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	background-color:#ffffff;
}

.navbar-brand > img {
	width: 100px;
	height: 100px;
}

nav {transition: all 0.5s; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #fff;
}

.navbar-nav > li > a {
    /*padding-top: 18px;
    padding-bottom: 15px;
	line-height: 25px;*/
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse {
    border-color: #fff;
	background-color: #000;
	border-width: 1px 0px 1px 0px;
}
/*
.navbar-fixed-top {
    border-width: 1px 0px 1px 0px;
}
*/
a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #bde2df;
	text-decoration: none;
}

a.current {color: red;}

h1 {
	font-size: 4em;
	line-height: 2em;
	font-weight: 700;
	color: #000;
}

h2 {
	font-size: 2em;
	line-height: 1em;
	font-weight: 400;
	color: #000;
}
/*
h4 {
	font-size: 2em;
	line-height: 1em;
	font-weight: 400;
	color: #000;
}
*/
p {
	font-size: 2em;
	line-height: 1em;
	font-weight: 400;
	color: #000;
	margin: 0px;
}

.maciu > h1 { font-size: 10em; }
.maciu > h2 { font-size: 6em; }
.maciu > p { font-size: 3em; }

.maciu2 > h1 { font-size: 4.5em; }
.maciu2 > h2 { font-size: 3em; }
.maciu2 > p { font-size: 2em; }

.maciu, .maciu2, .maciu3 {
	background-color: rgba(255,255,255,0.35);
	border-radius: 30px 30px 30px 30px;
}

.text-cover {
	color: #000;
}


.text-titolo {
	font-size: 2.8em;
	background-color: #000000;
	text-align: center;
	color: #E2C1FF;
	border-radius: 10px 10px 0px 0px;
}

.text-titolo-cantina {
	font-size: 5em;
	background-color: #ffffff;
	text-align: center;
	color: #000000;
	border-radius: 10px 10px 0px 0px;
}

.text-cantina{
	font-size: 2em;
	background-color: #ffffff;
	text-align: left;
	color: #000000;
	padding: 20px;
	border-radius: 20px;
}

.text-news{
	font-size: 2em;
	background-color: #ffffff;
	text-align: center;
	color: #000000;
	padding: 15px;
	border-radius: 20px;
}


.text-titolo-html {
	font-size: 3em;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}

.text-descrizione {
	font-size: 2em;
	background-color: transparent;
	text-align: left;
	color: #000000;
	padding: 20px 20px 5px 10px;
}

.berzacola {
	background-image:url('../include/b.png');
	background-size: contain;
	background-repeat: no-repeat;	
}


.bottiglia {
	border-radius: 0px 0px 0px 10px;
	height: 400px;
}

.news {
	height: 100px;
}


.cantina {
	border-radius: 10px 10px 10px 10px;
	background-color: #ffffff;
}

.img_cantina > img {
	border-radius: 10px;
	margin: 10px;
	width: 80%;
}

.img_cantina_2 > img {
	border-radius: 10px;
	margin: 10px;
	width: 50%;
}

.img_shop > img {
	border-radius: 60px 10px 60px 10px;
	margin: 10px;
	width: 100%;
}

.img_shop_valpo > img {
	border-radius: 60px 10px 60px 10px;
	width: 100%;
	margin: 10px;
}

.menu {
	position: fixed;
	top: 0px;
	width: 100%; 
	height: 60px; 
	/*background-color: rgba(0,0,0,1.0);*/
	z-index: 100;
	font-size: 3em;
}

nav {
	margin: 30px 0 0 0;
	/*margin: 0px 0 0 0;*/
}

.navigation {
	list-style: none;
	text-align: right;
	/*margin: 0;*/
}

.slide {
	width:100%;
	position: relative;
	padding: 50px 0;
	text-align: center;
}

.affix {
	top:0;
	width: 100%;
	z-index: 9999 !important;
}

.affix {
    /*position: relative;*/
    top: -30px;
}

.footer {
	min-height: 300px;
	background: #333;
}

.footer > p {
	color: #fff;
	padding: 50px;
	text-align: center;
	margin-bottom: 0;
	font-size: 2em;
	line-height: 1em;
}


.descrizione {
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	/*padding: 15px;*/
	margin: 15px 0px 25px 0px;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
}


#slide1 {
 	height: 100%;
	background-image:url('../images/1.jpg');
	background-color:#fff;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

#slide3 {
	background-image:url('../images/2.jpg');
	background-color:#fff;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

#slide5 {
	background-image:url('../images/3.jpg');
	background-color:#fff;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

#slide2, #slide4, #slide6 {
	background-color:#ffffff;
	box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6), 0 -18px 14px -14px rgba(0,0,0,0.6);
	z-index: 10;
}

.botte,
.varie {
	background-color: aquamarine;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 20px;
	border-radius: 30px 30px 30px 30px;
	align-content: center;
	text-decoration-color: azure;
	color: aliceblue;
}

.botte > h1,
.varie > h1 {
	color: aliceblue;
}


.botte {
	background-image:url('../images/labotte.jpg');
}

.varie {
	background-image:url('../images/varie.jpg');
}


/* NEWS */

.div-1 {
	background-color: #000000;
	padding: 1px;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

.div-2 { 									
	background-color: #ffffff;
	border-radius: 10px 10px 10px 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.div-2 > div {
	/*background-color: #E2C1FF;*/
	/*padding: 0px 0px 1px 0px;*/
	border-radius: 0px 0px 0px 0px;
	
}

.div-2 > div > h3 {
	color: #E2C1FF;              /* DIV Titolo*/
	background-color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
	padding: 15px 0px 10px 0px;
	border-radius: 10px 10px 0px 0px;
}

#lightbox {
	height: 100px;
}

/* ANIMATED */

.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}


@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
	
}


/* END ANIMATED */




/* Lightbox */


/* Hide the images by default */
.mySlides {
  display: none;
  /*border-radius: 10px;*/
}

.mySlides > img {
  border-radius: 20px;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
  border-radius: 10px;
}


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

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

.active,
.demo:hover {
  opacity: 1;
}