@font-face {
                        font-family: 'BauerBodoniStd-Italic';
                        src: url('../fonts/BauerBodoniStd-Italic.eot');
       }

      @font-face {
                        font-family: 'BauerBodoniStd-Italic';
                        src: url('../fonts/BauerBodoniStd-Italic.woff') format('woff'),
                        url('../fonts/BauerBodoniStd-Italic.svg#BauerBodoniStd-Italic') format('svg');
       }


 @font-face {
                        font-family: 'BauerBodoniStd-Roman';
                        src: url('../fonts/BauerBodoniStd-Roman.eot');
       }

      @font-face {
                        font-family: 'BauerBodoniStd-Roman';
                        src: url('../fonts/BauerBodoniStd-Roman.woff') format('woff'),
                        url('../fonts/BauerBodoniStd-Roman.svg#BauerBodoniStd-Roman') format('svg');
       }




a.gold:hover{color: #AC8027;}
body{font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 20px;}
.light-gray{background-color: #F6F7F9;}

.black{background-color: black;color: #F2EBEA;}
.beige{background-color: #F2EFEA;}
.gray{background-color: #212121;color: white;background: transparent url(../img/texture.jpg);}
.italic{font-family: "BauerBodoniStd-Italic", serif }
.gold{color: #AC8027;}
.claim{font-size: 25px;line-height: 25px; font-family: "BauerBodoniStd-Roman"; font-size: 22px;}

#claim-container{background: transparent url(../img/texture.jpg);}
#logo{background: transparent url(../img/logo.png) top left no-repeat; width: 116px; height: 98px; }

#main-menu{ margin:0; padding:0;list-style: none; position: relative; float: right; margin-top: 86px}
#main-menu li.first{margin-left: 0;}
#main-menu li{ position: relative; float: left; margin-left: 18px;}
#main-menu li a{display: block; text-transform: uppercase;color: #AC8027; font-size: 18px; font-weight: 100}

#lang-menu{ position: absolute; top: 20px; right: 0; padding: 0; margin: 0; list-style: none}
#lang-menu li{ position: relative; float: left; margin-right: 10px; color:#AC8027; }
#lang-menu li a{color:#AC8027; font-size: 18px;}
#lang-menu li a:hover{text-decoration: none;}
#lang-menu li a.active{color:  white;}
#top-claim{margin-top: 50px; margin-bottom: 40px;}

h1.title{margin: 0; font-weight: 100; text-transform: uppercase; font-size: 34px; border-bottom: 1px solid; padding-bottom: 30px;margin-bottom: 30px;}

h1.title.mix{border-color:#AD821B;}



h2.title{margin: 0; font-weight: 100; text-transform: uppercase; font-size: 22px; border-bottom: 1px solid; padding-bottom: 30px;margin-bottom: 30px;}

h2.title.mix{border-color:#AD821B;}

p{line-height: 24px;}

.space {padding: 40px 0;}
.space-bottom {padding-bottom: 40px;}

#wrapper-prodotti{
	background: transparent url(../img/uva6.jpg) 50% 15% no-repeat;
	height: 410px;
	padding-top: 40px;
	background-size: cover;
}

#wrapper-mixology{
	background: transparent url(../img/mixology/bg-mixology.jpg) 50% 50% no-repeat;
	height: 620px;
	padding-top: 40px;
	background-size: cover;
}

.row.prodotti-list img{margin-right: -14px;}
.prodotti-list h3{font-weight: 100;font-size: 22px;margin-bottom: 20px;}
.prodotti-list h4{font-weight: 100;font-size: 16px;margin-bottom: -10px; margin-top: 10px;}

a.scheda{color: #AC8027;font-family: "BauerBodoniStd-Roman"; display: block; margin-bottom: 40px;}


#contatti{
	color: #F2EEEA;
	font-size: 16px;
}

#copy{ font-size: 12px;}
#copy a{color: #BF9747;}

#footer-logo{ margin-bottom: 28px;}
#contatti p.address{margin-bottom: 40px; line-height: 35px;}
#contatti .contact{font-family: "BauerBodoniStd-Roman"; font-size: 25px; line-height: 35px;}

.img-news-container{margin-top: 53px;}
h3.news-title{font-family: "BauerBodoniStd-Roman";}
span.subtitle-news{}
@media (max-width: 991px) {

	.text-right{ text-align: left;}
	#top-claim{margin-top: 10px; margin-bottom: 20px}
	.row img{margin: 0 auto;}
	#wrapper-prodotti{height: 450px;}

	#contatti{	font-size: 13px;}
	#contatti p.address{margin-bottom: 20px; line-height: 25px;}
	#contatti .contact{font-family: "BauerBodoniStd-Roman"; font-size: 22px; line-height: 25px;}
	.firma {text-align: right;}
	.img-news-container{margin-top: 0;}
	.img-news-container img{width: 100%;}
}

#menuToggle{display: block; background: transparent url('../img/menu-mobile.png') top left no-repeat; width: 70px; height: 77px; position: absolute; top: 10px; right:30px;}

#mobile-menu{margin: 0; padding: 0; list-style: none;}
#mobile-menu li{display: block; text-align: center; padding: 10px; color: #BF9747; margin: 0; padding: 0;}
#mobile-menu li.lang{background-color: #212121; color: white;}

#mobile-menu li.lang.active a { color: white;}

#mobile-menu li.lang a{color: #BF9747;}

#mobile-menu li a{ color: #BF9747; display: block; border-bottom: 1px solid #212121; padding: 15px 0;text-decoration: none;}
#mobile-menu li a:hover{ text-decoration: none; background-color:#BF9747; color: white; }

/* MIXOLOGY */

#mixology{ background-color: #1F1F1F; }
#mixology h2{ color:white}
#mixology h3{ color:#AD821B}
#mixology p{ color:#888888}
#mixology li{ color:#888888}
#mixology li.strong{ color:white}
#mixology li{ color:#888888; margin-bottom:10px;}
.italy{ position: absolute;top: 35px;}
#mixology ul {
  list-style: none; /* Remove default bullets */
  padding-inline-start: 20px;

}
#mixology .img-news-container{ padding-bottom: 40px;}
#mixology ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #AD821B; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}