body {
    font-family: 'Nunito', sans-serif;
    color: #1d1d1b;
	font-weight:400;
}

a {text-decoration:none !important;}
.centrato {margin:auto}

.viola{color:#3A0058}
.bianco{color:#fff}
.verde{color:#33A148}
/* ------------------------------- LANGUAGE ----------------------------- */
#language{ background:#e5e5e5;}
#swlang{float:right; width:78px; color:#fff; text-transform:uppercase; text-align:center; font-size:0.8em; font-weight:700; padding:6px 4px 6px 4px; cursor:pointer; background:#3A0058}
#chlang{position:absolute; text-align:center; z-index:10; top:28px; right:15px; background:#e5e5e5; padding:12px 4px 12px 4px; width:78px; font-size:0.8em; border-bottom-left-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; display:none}
hr.lang {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 0;
	margin:10px 0 10px !important;
	padding:0 !important;
}
/* ------------------------------- HEADER ----------------------------- */
#logo{ padding:16px 0 16px 0}
	
a.bianco:link, a.bianco:visited {
    -webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms;
    color:#333 }

a.bianco:hover {
-webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms;
    color:#33A148; }
	

/* ------------------------------- NAVBAR ----------------------------- */
.icon-bar {background:#3A0058; padding:2px; width:30px !important; border-radius:6px !important}
.navbar {margin:24px 0 0 0 !important; padding:0 !important; border:0 !important}
.navbar-nav {margin:0 !important; padding:0 !important;}

.navbar-nav li {font-size:0.9em; text-transform:uppercase; margin:0 !important; padding:0 !important}
.navbar-nav li a{font-weight:400; margin:0 10px 0 10px !important; padding:6px 10px 6px 10px !important; border-radius:16px}
.navbar-nav li a:link, .navbar-nav li a:visited {
	-webkit-transition: background-color 400ms ease-out 100ms;
    -moz-transition: background-color 400ms ease-out 100ms;
    -o-transition: background-color 400ms ease-out 100ms;
    transition: background-color 400ms ease-out 100ms; 
	background-color:#FFF;
	color:#333 !important;}
.navbar-nav li a:hover { 
	-webkit-transition: background-color 400ms ease-out 100ms;
    -moz-transition: background-color 400ms ease-out 100ms;
    -o-transition: background-color 400ms ease-out 100ms;
    transition: background-color 400ms ease-out 100ms; 
	background-color:#3A0058;
	color:#FFF !important;
	}

.navbar-nav li.active a{background-color:#e5e5e5; color:#3A0058}

.open > a {background-color:#e5e5e5 !important; border-bottom-left-radius:0 !important;  border-bottom-right-radius:0 !important;}

.dropdown-menu{
	border-radius:10px !important; border:0 !important; box-shadow:none !important; background-color:#e5e5e5; padding-top:20px; padding-bottom:20px;
}

.dropdown-menu li {font-size:0.9em; text-transform:uppercase;}
.dropdown-menu li a:link, .dropdown-menu li a:visited {
	-webkit-transition: background-color 400ms ease-out 100ms;
    -moz-transition: background-color 400ms ease-out 100ms;
    -o-transition: background-color 400ms ease-out 100ms;
    transition: background-color 400ms ease-out 100ms; 
	background:#e5e5e5 !important;
	color:#333;
	}
.dropdown-menu li a:hover { 
	-webkit-transition: background-color 400ms ease-out 100ms;
    -moz-transition: background-color 400ms ease-out 100ms;
    -o-transition: background-color 400ms ease-out 100ms;
    transition: background-color 400ms ease-out 100ms; 
	color:#fff !important;
	background:#888 !important
	}

.dropdown-menu hr {
	border-top: 1px dotted #888 !important; 
	border-bottom: 0 !important;
	margin:4px 20px 4px 20px;
}

.logo-menu{font-size:1em; font-weight:600; text-align:center}
.cilindri-xs{padding-top:6px; text-transform:uppercase; color:#3A0058}
#logo-mgm-xs{position:absolute; top:4px; left:10px; z-index:500; width:140px; height:auto;}

#mainmenu {margin:16px 0 16px; z-index: 1010; background:#fff}
.padding-top-ridotto{padding-top:4px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important;}
.margin-azzerato{margin-top:0 !important; padding:0 !important; margin-bottom:0 !important; border-bottom:#e5e5e5 1px solid}
/* #menucontainer{background:#fff; border-bottom: #ff3300 2px solid; } */
.fixed {
    display: block;
    position:fixed;
    width: 100%
}

/* ------------------------------- CAROUSEL HOME ----------------------------- */

#greybar{width:100%; background:#e5e5e5; height:8px}
#slider {margin:0 !important; padding:0 !important}
#overslider{position:absolute; top:0; left:0; width:100%; z-index:100;}
.fascia-over-lg{height:30px; background:rgba(50,50,50,0.8);}
.fascia-over-xs{height:10px; background:rgba(50,50,50,0.8);}
#ovale{width:50%; height:56px; margin-left:auto; margin-right:auto; padding-bottom:16px; text-align:center; background:rgba(50,50,50,0.8); border-bottom-left-radius:60px; border-bottom-right-radius:60px; display: none;}
@media (max-width: 767px) {
	#ovale{height:30px;}
}
.slogan-lg{font-size:2em; color:#FFF; display:none;}
.slogan-xs{font-size:1em; color:#FFF; display:none;}
/* ------------------------------- FOOTER ----------------------------- */

#footer {margin-top:20px; background:#e5e5e5; padding:0 0 50px 0; color:#333}
.footer-contatti {margin-bottom:20px} 
.footer-contatti strong {font-weight:600; font-size:1.2em}
.footer-contatti .int {font-size:0.8em}
.footer-contatti .social a {padding-left:16px}
.footer-contatti a:link, .footer-contatti a:visited {
	-webkit-transition: color 400ms ease-out 200ms;
    -moz-transition: color 400ms ease-out 200ms;
    -o-transition: color 400ms ease-out 200ms;
    transition: color 400ms ease-out 200ms; 
	color:#33A148
	 }
.footer-contatti a:hover { 
	-webkit-transition: color 400ms ease-out 200ms;
    -moz-transition: color 400ms ease-out 200ms;
    -o-transition: color 400ms ease-out 200ms;
    transition: color 400ms ease-out 200ms; 
	color:#333 
	}

.footer-contatti hr {
	border-top: 1px dotted #999 !important; 
	border-bottom: 0 !important;
	margin:8px 0 8px 0;
}

#ico-footer{margin-top: -60px}

#sub-footer{width:100%; background:#3A0058; color:#FFF; text-align:center; font-size:0.8em; padding:4px 0 4px}


/* -------------------------------------- HOME ----------------------------------- */
#homecontent{width:100%; margin:80px 0 80px 0}
.cella-home{margin-bottom:30px}
.titolo{color:#33A148; font-size:1.6em}
.cornice{width:100%; height:16px; background:url(../imgs/cornice.png); background-position:center right; margin:16px 0 24px 0;}
.cornice-sx{width:100%; height:16px; background:url(../imgs/cornice-sx.png); background-position:center left; margin:16px 0 24px 0;}
.testo{color:#333; font-size:1em}
.data-news-hp{color:#CCC; font-size:0.9em}
.tit-news-hp {color:#33A148; font-size:1.2em; font-weight:600}
.hr-news{ border-top: 1px dotted #3A0058 !important; 
	border-bottom: 0 !important;
	margin:20px 0 20px 0;
}
#slider{widht:100%; min-height:460px}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; z-index: 80; top:0px;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#fiera{position:absolute; top:20%; left:0; width:100%; z-index:500; background:rgba(0,0,0,0.5); color:#FFF; text-align:center; font-size:1.6em}
@media (max-width: 767px) {
	#fiera{font-size:1.2em}
}
/* ------------------------------------- PRODOTTI ----------------------------------- */

#prodotti-titolo{width:100%;} /*  border-bottom:#3A0058 8px solid;  */
#prodotti-titolo h1 {font-size:2.4em; color:#33A148; font-weight:400; margin:0; padding:24px 0 24px}
.titolo-qualita{color:#33A148; margin:80px 0 10px; font-size:2.4em}
@media (max-width: 767px) {
	#prodotti-titolo h1 {font-size:1.4em;}
	.titolo-qualita{font-size:1.4em;}
	.img-qualita{max-width:300px !important}
	.text-right{text-align:left !important}
}
#prodotti-info{width:100%; margin:60px 0 80px 0}
.descrizione{font-size:1.1em}

/* ------------------------------- NOTIZIE ----------------------------- */

#news-hp { padding:40px 0 40px 0; background:url(../imgs/bg-dot-light.png) repeat;}
.nw-img-container img {border: #3A0058 1px solid}
.nw-tit{padding:12px 6px 12px 6px; font-size:0.9em; color:#33A148; min-height:80px;}
.nw-data{text-align:left; font-size:0.8em; font-weight:700; color:#666;}
.nw-img-container {padding:0 !important; background:#000 !important}

.nw-img-container.on .overlay {
    opacity: 1;
}

.nw-img-container.on .icona-news {opacity: 0.5; 
	-webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -transition: .4s;}
.box-new{margin-bottom:20px; border-radius:12px !important}

@media (max-width: 767px) {.icona-news{min-height:280px; background-repeat:no-repeat; background-position:center center; background-size:cover; border: #3A0058 1px solid}}
@media (min-width: 768px) and (max-width: 992px) {.icona-news{min-height:208px; background-repeat:no-repeat; background-position:center center; background-size:cover; border: #3A0058 1px solid}}
@media (min-width: 993px) { .icona-news{min-height:156px; border: #3A0058 1px solid} }

/* ------------------------------- anteprime ----------------------------- */
.cella-icona{margin-bottom:26px !important;}
.prd-img-container img {border: #33A148 1px solid}
.prd-img-container {padding:0 !important; background:#000 !important; }
.cyl{border:0 !important}
.prd-img-container.on .overlay {
    opacity: 1;
}

.prd-img-container.on .icona-prd, .prd-img-container.on img{opacity: 0.5; 
	-webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -transition: .4s;}


@media (max-width: 767px) {.icona-prd{min-height:280px; background-repeat:no-repeat; background-position:center center; background-size:cover;}}
@media (min-width: 768px) and (max-width: 992px) {.icona-prd{min-height:280px; background-repeat:no-repeat; background-position:center center; background-size:cover;}}
@media (min-width: 993px) { .icona-prd{min-height:156px;} }
.cyl{border:0 !important; min-height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.overlay {
	position: absolute;
    width:100%; height:100%;
	/* background: rgba(0, 0, 0, 0.7); */
    font-size:1.2em; color:#fff; 
    text-transform: uppercase;
    padding:10% 20px 0 20px;
    cursor:pointer;
    opacity: 0;
    top: 0;
    left: 0;
    text-align: center;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -transition: .4s;
}

.btn-pulsante{
	border-radius:20px !important;
	background:#33A148;
	color:#fff;
	border:0;
	text-transform:uppercase;
	-webkit-transition: background-color 400ms ease-out 100ms;
    -moz-transition: background-color 400ms ease-out 100ms;
    -o-transition: background-color 400ms ease-out 100ms;
    transition: background-color 400ms ease-out 100ms; 
}

.btn-pulsante:hover{
	border-radius:20px !important;
	background:#3A0058;
	color:#fff;
	border:0;
	text-transform:uppercase;
	-webkit-transition: background-color 400ms ease-out 100ms;
    -moz-transition: background-color 400ms ease-out 100ms;
    -o-transition: background-color 400ms ease-out 100ms;
    transition: background-color 400ms ease-out 100ms; 
}

/* ----------------------------- FORM ----------------------------------- */
#modal-privacy{display:none; margin:50px 80px 50px 80px}
@media (max-width: 767px) {
#modal-privacy{display:none; margin:50px 20px 50px 20px}
}
.gruppo-modulo{font-size:1.0em;}
.gruppo-modulo input[type="text"], .gruppo-modulo input[type="email"], .gruppo-modulo input[type="password"], .gruppo-modulo select, .gruppo-modulo textarea {border: 1px #33A148 solid; background:#FAFAFA; border-radius:20px; font-size:0.9em; color:#333}
.gruppo-modulo input[type="text"]:focus, .gruppo-modulo input[type="email"]:focus, .gruppo-modulo input[type="password"]:focus, .gruppo-modulo select:focus, .gruppo-modulo textarea:focus 
{box-shadow: 0 1px 1px rgba(68, 55, 47, 0.075) inset, 0 0 8px rgba(68, 55, 47, 0.6) !important; outline: 0 none !important;}
.gruppo-modulo textarea:focus {border: 1px #33A148 solid !important}


.errore{color:#ff0000;}
#esito{font-size: 1.1em; min-height:40px}
.gruppo-modulo a:link, .gruppo-modulo a:visited, .privacy-testo a:link, .privacy-testo a:visited{
	font-size:0.9em;
	color:#33A148;
	-webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms; 
}

.gruppo-modulo a:hover, .privacy-testo a:hover{
	color:#3A0058;
	-webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms; 
}

#map-canvas{min-height:500px; }

/* -------------------- MATERIAL -------------------- */
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0,0,0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(51,51,51);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: #000;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: #33A148;
    left: 20px;
}