/* importa google font Quicksand */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* ------------------------generale------------------------------ */
body{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
    font-weight: 500;
	width: 100%;
}
label, input, select, textarea, figcaption{
    font-family: 'Quicksand', sans-serif;
}
.grassetto{
	font-weight: 600;
}
ul{
	margin: 0;
	padding: 0;
}
ul.noMarginLR {
	margin-left: 0;
	margin-right: 0;
}
ul li {
	margin: 0;
	padding: 0;
}
h1{
	font-size: 30px;
	text-align: left;
}
h2, h3, h4{
	margin-top: 24px;
}
h1, h2, h3, h4, h5, p, ul, dl, form, .revSlider, .elemGenerico{
	margin-left: 20px;
	margin-right: 20px;
}
h1, h2, h3, h4, h5{
	font-weight: 400;
}
.alignDx{
	text-align: right !important;
}
.alignSx{
	text-align: left !important;
}
.alignCenter{
	text-align: center !important;
}
footer h2{
	font-size: 16px;
}
footer p{
	font-size: 16px;
}
.elemBold{
	font-weight: bold;
}
#main p.warning{
	color: red;	
	text-align: center;
	background-color: aliceblue;
}
ul.listaInLine li{
	display: inline-block;
	margin-left: 12px !important;
}
ul.listaInLine li:first-child{	
	margin-left: 0 !important;
}
.dlArticolo dt{
    display: block;
    float: left;
    min-width: 80px;
}
.righello{	
	border-top: 1px solid #bbb;
	margin-top: 24px;
	margin-bottom: 24px;
}
.righello.righelloFooter{
	border-color: #4a4a4a;
	margin-top: 16px;
	margin-bottom: 0;
}
.righello.righelloMargini{
	margin-left: 16px;
	margin-right: 16px;
}
.errore{
	color: #c80000 !important;
}
p.linkDashboard{
	text-align: right !important;
	margin-top: 32px;
}
p.linkDashboard a{
	text-decoration: none;
}
p.successo{
	color: #088B02 !important;
}
ul.listaNoStyle{
	margin: 0;
	padding: 0;
	list-style: none;	
}
ul.listaNoStyle li{
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;	
}
#boxLogin ul.listaNoStyle li a{
	text-decoration: none !important;	
}

/* stile articolo */
h1.stileArticolo{
	font-size: 22px;
	font-weight: 400;
	text-transform: uppercase;
}

h2.stileArticolo{
	font-size: 18px !important;
	font-weight: 400;
}


/* ------------------------------- menu e sideBar ------------------------------ */
.menuBar, #dropMenu{
	text-transform: uppercase;
}
#menuPrincipale ul{
	margin-left: 20px;
}
#menuPrincipale ul.subMenu{
	margin-left: 0;
}
#menuPrincipale a, .menuBar a, #dropMenu a{
	font-size: 16px;
}
.menuBar ul li{
	list-style: none;
	display: inline-block;
	margin-right: 14px;
}
.menuBar ul li:last-child{
	margin-right: inherit;
}
.menuBar ul li a{
	display: inline-block;
	text-decoration: none;
	color: #3e3e3e;
}
.menuBar ul li a:hover{
	color: #05649b;
}
header .menuSocial ul li:nth-child(1), header .menuSocial ul li:nth-child(2),  header .menuSocial ul li:nth-child(3){
	margin-right: 6px;
}
header .menuSocial{
    margin-top: 9px;
}
header .menuSocial i{
	font-size: inherit;
	font-size: 24px;
    color: #fff;
}
#bottomHeader .menuBar{
	margin-top: 0px;
}
#bottomHeader .menuBar ul li{
	margin-right: 0;
}
#bottomHeader .menuBar ul li a{
	padding: 12px 12px 3px 12px;
}
#bottomHeader .menuBar ul li.parentMenu a{
	padding: 12px 8px 24px 8px;
}
#bottomHeader .menuBar ul li:hover{
	border-bottom: solid 1px #05649b;	
}
#bottomHeader .menuBar .parentMenu:hover{
	background-color: #f7f7f7;
	border: inherit;
}
.subMenu, .containerMegaMenu{
	display: none;
	position: absolute;
	text-align: left;
	padding-left: inherit;	
	background-color: #f7f7f7;
	padding: 0;
	margin: 0;
	z-index: 4000;
}
.subMenu li{
	display: block !important;
	border-bottom: 1px solid #fff;
}
.subMenu li a{
	display: block !important;
	width: 186px;
	padding: 12px 12px 12px 12px !important;
	background-color: #f7f7f7;
	text-transform: capitalize;
}
.subMenu li a:hover{	
	background-color: #eaeaea;
}
.containerMegaMenu{
	position: absolute;
	left: 10%;
	width: 80%;	
}
#menuPrincipale .megaMenu ul{	
	float: left;	
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 0;
	margin-right: 0;
	width: 25%;
}
.megaMenu ul li{
	display: block;
	float: none;
	border-bottom: 1px solid #fff !important;
	margin-left: 20px;
	margin-right: 20px !important;
}
.megaMenu ul li:hover{
	border-bottom: 1px solid #05649b !important;	
}
.megaMenu ul li a{
	display: block;
	float: none;
	padding: 8px 8px 2px 8px !important;
	text-transform: capitalize;
}

#pulDropMenu, #dropMenu{
	display: none;
}
#pulDropMenu{
	margin-right: 24px;	
    text-align: right;
}
#pulDropMenu a{
	color: #282828;
}
#dropMenu{
	position: absolute;
	left: 50%;
	width: 50%;
	z-index: 4000;
}
#dropMenu ul{
	text-align: left;	
}
#dropMenu ul li{	
	border-bottom: 1px solid #fff;	
	list-style: none;
}
#dropMenu ul li a{
	display: block;
	padding: 12px 12px 12px 12px;
	background-color: #3a3a3a;
	color: #fff;
	text-decoration: none;
}
#dropMenu ul li a:hover{	
	background-color: #282828;
}
#dropMenu ul li ul{
	display: block;
	margin-left: 0;
	margin-right: 0;
}
#dropMenu ul li ul li:first-child{
	border-top: 1px solid #fff;	
}
#dropMenu ul li ul li a{	
	padding-left: 30px;
}
#sideBar{
	float: left;
	width: 24%;
}
#containerSideBar{
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 20px;
	background: #232323;
	min-height: 260px;
	padding-bottom: 76px;
}
#sideBar ul{	
	list-style: none;	
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
}
#sideBar h2, #sideBar h3, #sideBar p{
	color: #fff;	
}
#sideBar h2{
	padding-top: 20px;
	font-size: 16px;
	text-transform: uppercase;
}
#sideBar ul li{	
	padding: 0 20px 0 20px;
	color: #fff;
	font-size: 16px;
}
#sideBar ul li a{
	display: block;	
	border-bottom: 1px solid #d2d2d2;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #d2d2d2;	
}
#sideBar ul li a:hover{
	color: #fff;
	border-bottom: 1px solid #fff;
}
#sideBar ul li ul{
	border: none;
	margin: 0;
	margin-bottom: 30px;
	padding-top: 10px;
}
#sideBar ul li ul li{
	padding-left: 20px;
}
#sideBar h2:first-child{
	margin-top: 0;
}
#iscrizioneNewsletter{
    margin-top: 12px;
	margin-right: 20px;
    text-align: right;
}
#iscrizioneNewsletter a{
    color: #3e3e3e;
    text-decoration: none;
}
#iscrizioneNewsletter a:hover{
    color: #05649b;
}
.menuSocialTop ul{
    margin-top: 9px;
}
.menuSocialTop ul li{
    margin-right: 12px;
    list-style: none;
    display: inline;
}
.menuSocialTop ul li a{
    color: #e2e2e2;
    font-size: 18px;
}
.menuSocialTop ul li a:hover{
    color: #fff;
}

/* ----------------------------selezione lingua--------------------------------- */
#liSelezioneLingua{
	border: 1px solid #ddd;	
	min-width: 120px;	
	text-align: left;
	margin-right: 0;
}
#liSelezioneLingua a{
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#liSelezioneLingua ul{
	display: none;	
	border: none;
	border: 1px solid #ddd;
	min-width: 120px;
	position: absolute;
	margin-left: -1px;	
	background: #fff;
}
#liSelezioneLingua ul li{
	display: block;
	text-align: left;
	margin: 0;	
	border-bottom: 1px solid #ddd;
}
#liSelezioneLingua ul li:hover{
	border-bottom: 1px solid #05649b;
}
#liSelezioneLingua ul li:last-child{
	border-bottom: none;
}
#liSelezioneLingua ul li a{	
	display: block;
	padding-left: 16px;	
}
#liSelezioneLingua ul li a:hover{
	background: #eaeaea;
}
	
	

/* --------------------------------container----------------------------------- */
.fullWidthContainer, .boxedContainer{	
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.fullWidthContainer{
	width: 100%;
}
.boxedContainer{
	width: 80%;
}
#container.fullWidthContainer{	
	width: 100%;
}
#container.boxedContainer{
	width: 80%;
}
.intContainer{
	float: left;
	width: 100%;
}
.rigaClear{
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	width: 100%;
}
header .rigaClear, footer .rigaClear, footer #slider{
	margin-top: inherit;
	margin-bottom: inherit;
}


/* --------------------------------header-------------------------------- */
header{
	float: left;
	width: 100%;
}
#topHeader{
	margin-top: 0;
	margin-top: 30px;
}
#bottomHeader{
	float: left;
	width: 100%;
	margin-top: 6px;	
}
header.breadcrumb{
	border-bottom: 1px solid #bbb;
	margin-bottom: 40px;
	margin-bottom: 0;
}
#topBar{
    background-color: #3e3e3e;
	background-color: #232323;
    min-height: 40px;
}
#logo{
	margin-left: 20px;
}


/* ------------------------------login------------------------------ */
#boxLogin{
	/*display: none;*/
	width: 280px;
	position: absolute;
	z-index: 10000;
	opacity: 0.96;
	background: #f7f7f7;
	color: #000;
	text-align: left;	
	padding-bottom: 20px;	
}
#boxLogin a{
	color: #000 !important;
	text-decoration: underline !important;
	text-transform: none;
}
#headerLogin{
	text-align: right;
    min-height: 40px;
}
#headerLogin h2{
	text-transform: uppercase;
	font-size: 16px;
}
#login{	
	color: #fff;	
	float:right;
	width: 280px;
}
#login h3{
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
#login a{
	color: #fff;	
	font-size: 16px;
	text-decoration: none;
	line-height: 36px;
	padding-right: 20px;
}
#boxLogin{
	display: none;
}
#boxLogin #titoloLogin{
	padding-bottom: 6px;
    margin-top: 12px;
    margin-bottom: 12px;
	margin-right: 12px;
    margin-left: 12px;
	border-bottom: 1px solid #ccc;
}
#boxLogin a:hover{
	color: #05649b !important;
}
#formLogin input[type=text], #formLogin input[type=password]{
	width: 226px;
}
#formLogin{
	margin-left: 20px;
	margin-right: 20px;
}
#formLogin ul{
	margin: 0;	
}
#formLogin ul li{
	width: 100%;
	margin-top: 3px;	
	margin-bottom: 3px;
}
#formLogin ul li:last-child{
	text-align: right;
}
#formLogin label{
	text-transform: uppercase;
}



/* ---------------------------------footer------------------------------ */
footer{
	float: left;
	width: 100%;
	background: #3a3a3a;
	background-color: #232323;
	margin-top: 40px;
}
footer h2, footer p, footer ul li{
	color: #fff;
}
footer a, footer .menuBar ul li a{
	color: #d2d2d2;
}
footer a:hover, footer .menuBar ul li a:hover{
	color: #fff;
}
footer input{
	background: #d2d2d2;
	border: none;
}
footer input[type=text]{
	width: 200px;
}
 .rigaClear #topFooter{
	margin-top: 20px;
}
#bottomFooter{
	float:left;
	width: 100%;
	margin-top: 12px;	
	padding-bottom: 20px;
}
#bottomFooter p{
	font-size: 16px;
}
.menuFooter{
	list-style: none;	
	margin-top: 20px;
}
.menuFooter a{
	text-decoration: none;
	font-size: 16px;
}


/* --------------------------------------colonne------------------------------- */
.colonne{
	float: left;
}
.col20{
	width: 20%;	
}
.col25{
	width: 25%;
}
.col30{
	width: 30%;
}
.col33{
	width: 33.3%;
}
.col35{
	width: 35%;
}
.col40{
	width: 40%;
}
.col50{
	width: 50%;
}
.col60{
	width: 60%;
}
.col65{
	width: 65%;
}
.col70{
	width: 70%;
}
.col75{
	width: 75%;
}
.col80{
	width: 80%;
}


/* -------------------------------------box--------------------------------- */
.box{
	margin-left: 5%;
	margin-right: 5%;
	border: 1px solid #BBB;	
	float: none;
	text-align: center;
	margin-bottom: 30px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);*/
}

/*
.box:last-child{
	margin-right: 0;
}
*/
.box h3{
	text-align: left !important;
	padding-bottom: 16px;
	border-bottom: 1px double #BBB;
}
.box img{	
	margin-top: 16px;
	padding-bottom: 16px;
}
.box .pulBox{	
	margin-top: 16px;
	padding-bottom: 16px;
	text-align: right;
	margin-right: 16px;
}
.box h2, .box h3, .box h4, .box p, .box ul, .box ol, .box dl{
	text-align: left;
}
.box h3{
	margin-top: 20px;
}
.box.boxPuntoVendita{
	min-height: 360px;
}
.box.boxPuntoVendita img{
	padding-bottom: 0;
}
.box.boxPuntoVendita h3{
	padding-bottom: 6px;
}
.box.boxPuntoVendita h3.suite{
	margin-top: 16px;
}
.box.boxArticoloNoPrezzo{
	min-height: 348px;
}
.box.boxArticolo{
	min-height: 390px;
}
.box.boxPost{
	min-height: 380px;
}
.box.boxPost img{
	margin-top: 0;
}
.box.boxLinea{
	min-height: 326px;
}
.box.boxAgente{
	min-height: 316px;
}
.box.boxAgente h3{
	min-height: 40px;	
}
.box.boxAgente .pulBox{
	margin-top: 30px;	
}
.box .righello{
	margin-top: 16px;
	margin-bottom: 16px;
}
.box.boxDownload{
	min-height: 286px;
}
.box.boxDownload h4{
	margin-top: 16px;
	margin-bottom: 0;
}
.box.boxDownload p{
	margin-top: 6px;
}

/*
.box4{
	min-width: 240px;
	width: 100%;
}
*/



/* --------------------------- main e contenuto light -------------------------------- */
#main{
	float: left;
	width: 100%;
	padding-bottom: 60px;
	min-height: 400px;
}
#main.mainSideBar{
	width: 76%;
}
#main a:hover, #contenutoLight a:hover{
	color: #05649b;
}
#main h2, #main h3, #contenutoLight h2, #contenutoLight h3, #contenutoLight h4{
	text-transform: uppercase;
	text-align: left;
}
#main h3, #main h4, #main h5, #contenutoLight h3, #contenutoLight h4, #contenutoLight h5{
	color: #333333;
	text-align: left;
}
#main h2, #contenutoLight h2{
	font-size: 22px;
}
#main h3, #contenutoLight h3{
	font-size: 20px;
}
#main h4, #contenutoLight h4{
	font-size: 18px;
}
#main h5, #contenutoLight h5{
	font-size: 16px;
}
#main p, #contenutoLight p{
	font-size: 16px;
}
#main dt, #main dd, #contenutoLight dt, #contenutoLight dd{
	font-size: 16px;
}
#main p, #main li, #main a, #main dt, #main dd, #contenutoLight p, #contenutoLight li, #contenutoLight a, #contenutoLight dt, #contenutoLight dd{
	color: #282828;
	text-align: left;
}
#main ul li{
	font-size: 16px;
	margin-left: 40px;
	padding-bottom: 2px;
}
#contenutoLight ul, #contenutoLightCookie ul{
	margin: 0;
	padding: 0;
}
#contenutoLight ul li, #contenutoLightCookie ul li{	
	margin-left: 60px;
	padding-bottom: 2px;
}
#contenutoLight ul.listaInLine, #contenutoLightCookie ul.listaInLine{	
	margin-left: 20px;
}
#contenutoLight ul.listaInLine li, #contenutoLightCookie ul.listaInLine li{	
	margin-left: 12px;
	padding-bottom: inherit;
}
#contenutoLight ul.listaInLine li:first-child, #contenutoLightCookie ul.listaInLine li:first-child{	
	margin-left: 0;
}
#contenutoLight ul.modulo li, #contenutoLightCookie ul.modulo li{	
	margin-left: 0;
	padding-bottom: 0;
}
#contenutoLight #spinnerLight, #contenutoLightCookie #spinnerLight{
	text-align: center;
	margin-top: 160px;
}
#fotoArticolo{
	margin-top: 36px;
}

ul.mainSocial, ul.footerSocial, ul.suite{
	list-style: none;
}
ul.mainSocial{
	margin-left: inherit !important;	
}
ul.mainSocial li, ul.footerSocial li, ul.suite li{
	display: inline-block;
	margin-right: 8px;
}
ul.mainSocial li{
	margin-left: inherit !important;		
}
ul.mainSocial li:first-child{
	margin-left: 20px !important;		
}
ul.mainSocial a{
	color: #282828;
}
ul.mainSocial a:hover{
	color: #05649b !important;
}
ul.suite li{
	width: 16%;
	margin: 0;
}
.rule{
	 border-top: 1px solid #bbb; padding-top: 8px;
}
#videoLaFabbrica{
	width: 100%;
	min-height: 340px;
}


/* ----------------------------- pulsanti e navigazione --------------------------------- */
.pulsante, #login a.pulsante{
	padding: 6px 24px;	
	/*background: #3e3e3e;*/
	border: 1px solid #232323;
	color: #000;
	text-decoration: none !important;
	font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
}
.pulsante:hover,#login a.pulsante:hover{
	/*background: #05649b;*/
	background: #232323;
	color: #fff !important;
}
.pulsanteIcona{
	color: #000 !important;
}
.pulsanteIcona:hover{
	color: #05649b !important;
}
#sfogliaPagine ul a, #sfogliaPagineConFrecce ul a{
	font-size: inherit;
}
#sfogliaPagine, #sfogliaPagineConFrecce{
	text-align: center;
	clear: both;
}
#sfogliaPagine ul, #sfogliaPagineConFrecce ul{
	margin: 0px;
	padding: 0px;
}
#sfogliaPagineConFrecce ul li{
    display: inline-block;
}
#sfogliaPagine ul li{
	display: inline-block;
	margin-right: 4px;
	margin-left: 4px;
    margin-top: 8px;
    margin-bottom: 10px;
	vertical-align: middle;
}
#sfogliaPagine a{
	/*text-align: center;	
	background: #3e3e3e;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	color: #fff !important;*/
	padding-right: 12px;
	padding-left: 12px;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 18px !important;
	text-decoration: underline !important;
}
#sfogliaPagine a:hover, #sfogliaPagine a.attivo{
	color: #05649b;
}
#sfogliaPagine ul li.arrow a{
	padding-top: 60px;
}
#sfogliaPagine ul li.attivo {
	color: #05649b;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
    font-size: 18px !important;
    
}
ul.ulPulsantiera{
	margin-top: 32px !important;
}
ul.ulPulsantiera li{
	list-style: none;
	margin-top: 24px;
	margin-bottom: 24px;
}
ul.ulPulsantiera.inline li{
	display: inline;
}
.pulsanteSlider{
	background-color: #fff !important;
	border-color: #fff;
}
.pulsanteSlider:hover{
	background-color: #000 !important;
	border-color: #fff;
}

/* ------------------------------ maps ----------------------------------- */
#mapPuntiVendita{
	width: 100%;
	height: 500px;
}
.tooltip ul{	
	margin-left: 10px !important;
	padding-bottom: 0;
}
.tooltip ul li{
	list-style: none;
	display: inline-block;
	margin-right: 8px;
	margin-right: 0 !important;
	margin-bottom: 12px;
	margin-left: inherit !important;
}
.tooltip a:hover{
	color: #05649b !important;
}
.tooltip a.pulsante:hover{
	color: #fff !important;
}
.adp{
	font-size: 16px;
}
.adp-legal{
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.adp-summary{
	margin-left: 8px;
	margin-right: 8px;
}
.adp-directions{
	width: 100%;
}


/* ------------------------- slider ------------------------------------ */
.sliderRs{
	width: 100%;
	/*height: 100%;*/
}
.rev_slider_wrapper{
	position: relative;
}
.rev_slider_wrapper ul{
	margin: 0;
}
.slider{
	float: left;
}

.swiper {
	/* --swiper-navigation-size: 32px; */
	 --swiper-pagination-bullet-size: 16px;
	 --swiper-pagination-color: rgb(0,0,0, 0.8);; 
	 --swiper-navigation-color: #fff;
 }
.swiper-button-prev, .swiper-button-next{
	/* color: #fff !important;
	background-color: rgb(0,0,0,0.4);
	padding: 7px;
	background-image: url(../img/swiper/circle-chevron-left-solid.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 42px !important;
	height: 42px !important;
	background-image: url(../img/swiper/circle-chevron-left-solid.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;*/

	--swiper-navigation-size: 24px;
	background-color: rgb(0, 0, 0, 0.6);
	padding: 9px;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}
.swiper-button-prev{
	padding-right: 11px !important;
}
.swiper-button-next{
	padding-left: 11px !important;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
	background-color: rgb(0, 0, 0, 1);
}


.swiper-slide img{
	padding-bottom: -5px !important;
}
.swiper-layer{
	width: 100%; 
	position: absolute;
	top: 80%;
}


.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-scrollbar {
  	--swiper-scrollbar-bg-color: rgb(0, 0, 0, 0.1);
	--swiper-scrollbar-drag-bg-color: rgb(0, 0, 0, 0.3);
	--swiper-scrollbar-sides-offset: 10%;
	--swiper-scrollbar-size: 2px;
}

/* ------------------------------------ carousel ---------------------------------------*/
.colCarousel{
	margin-left: 16px;
	margin-right: 16px;

}
.colCarousel h4, .colCarousel p{
	margin-left: 0;
	margin-right: 0;
}
.colCarousel a{
	text-decoration: none;
}

.carouselLeft{
	float: left;
}
.carouselRight{
	float: right;
}


/* --------------------------------------- img -------------------------------------*/
img{	
	max-width: 100%;	
	height: auto;
}
#fotoArticolo img{
	max-width: 90%;
}
.divImgCol{
	margin-left: 16px;
	margin-right: 16px;
}
.divImgColNo a:hover img{	
	-webkit-transition-property: opacity; /* Safari */	
	-webkit-transition-duration: 2s; /* Safari */
	-moz-transition-property: opacity; /* Firefox */	
	-moz-transition-duration: 2s; /* Firefox */
	-o-transition-property: opacity; /* Opera */	
	-o-transition-duration: 2s; /* Opera */	
	transition-property: opacity;
	transition-duration: 2s;
	opacity: 0.5;	
}
.divImgCol a:hover{	
	filter: grayscale(100%);
}


/* --------------------------------------- light box ----------------------------------*/
#overlay, .modalOverlay{
	position: fixed;
	left: 0px;
	top: 0px;
	background: #000;
	height: 100%;
	width: 100%;
}
#contenitoreLight, #contenitoreLightCookie{
	background-color: #FFFFFF;
	position: absolute;
	z-index: 1;
	border: 1px solid #b0ab95;
}
#headerLight, #headerLightCookie{
	padding-right: 6px;	
	text-align: right;
	min-height: 36px;	
	border-bottom: 1px solid #bbb;    
}
#contenutoLight, #contenutoLightCookie{	
	overflow: auto;	
	height: 88%;
}
#newsletter{
	padding-top: 32px;
}
#iconaNewsletter{
	/*margin-top: 36px;*/
	text-align: left;
}


/* ----------------------------- scheda punto vendita --------------------------------- */
#schedaPuntoVendita h2, #schedaPuntoVendita p, #schedaPuntoVendita dl, #schedaPuntoVendita dt, #schedaPuntoVendita dd, #schedaPuntoVendita ul{
	text-align: left;
}
#contenutoLight #schedaPuntoVendita ul li{
	margin-left: 20px;
}
#logoPuntoVendita{	
	margin-top: 36px;
	margin-bottom: 6px;
	text-align: left;
}
#iconaSuitePuntoVendita{	
	margin-top: 36px;
	margin-bottom: 6px;
	text-align: left;
}
#schedaPuntoVendita .revSlider{
	margin-top: 36px;
}
#schedaPuntoVendita .revSlider{
	margin-bottom: 20px;
}
#schedaPuntoVendita h2{
	margin-top: 0;
}
#contenutoLight #schedaPuntoVendita ul.listaInLine li:first-child{
    margin-left: 0;
}


/* -------------------------------------- cookie -------------------------------------*/
#bannerCookie{
	position: fixed;
	z-index: 5000;
	min-height: 85px;
	background-color: #0D6E7E;
	left: 0;
	top: 0;
	color: #FFF;
	width: 100%;
}
#bannerCookie p{	
	color: #FFFFFF;
	margin-left:16px;
	margin-right:16px;
}
#bannerCookie a{
	color: #FFFFFF;
}
#bannerCookie ul{	
	margin-top: 52px;
}
#bannerCookie ul.listaInLine{	
	margin-left: 0px;
}
#bannerCookie ul.listaInLine li{	
	margin-left: 0px;
}
#bannerCookie ul.listaNoStyle li {
   padding-left: 0;
   padding-right: 0;
}
.pulBanner{
	padding: 6px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #FFF;
	color: #055F98 !important;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	font-size: 16px;
}
.pulSwitch{		
	border: 1px solid #3e3e3e;
}
.pulOff{	
	/*border-right: 1px;
	background-color: #f7f7f7;
	color: #000;	*/
	text-decoration: none;
	padding: 6px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pulOn{
	/*background-color: #f7f7f7;
	color: #000;*/
	text-decoration: none;
	padding: 6px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pulOff.attivo, .pulOn.attivo{
	background-color: #05649b;
	color: #FFF !important;
}
.pulOff.attivo:hover, .pulOn.attivo:hover{
	background-color: #f7f7f7;
	color: #000 !important;
}
.pulOff.disattivo, .pulOn.disattivo{
	background-color: #f7f7f7;
	color: #000;
}
.pulOff.disattivo:hover, .pulOn.disattivo:hover{
	background-color: #05649b;
	color: #fff !important;
}
#modalCookie-informativa{
	overflow: auto;
	height: 50px;
}
h2.cookie{
	text-transform: none !important;
	font-size: 18px;
}
.linkDisable{
	cursor: not-allowed;
}
#modalCookie{
	display: none;
	z-index: 51000;
	position: absolute;
	top: 0;
	left: 10%;
	right: 10%;
	background-color: #fff;
	height: 80%;
}


#contenutoLightCookie h2, h3, h4, h5, p{
	text-align:left;
}
#contenutoLightCookie li{
	text-align: left;
}
/*
#contenutoLightCookie h2{
	font-size:1.3em;
}
#contenutoLightCookie h3{
	font-size:1.2em;
}
#contenutoLightCookie h4{
	font-size:1.0em;
}
#contenutoLightCookie h5, #contenutoLightCookie li, #contenutoLightCookie p{
	font-size:0.9em;
}
#contenutoLightCookie h3, #contenutoLightCookie h4, #contenutoLightCookie h5{
	margin-top: 36px;
	margin-bottom: 0;
}
*/



/* ------------------------------------ form --------------------------------------*/
fieldset{
	margin-bottom: 16px;
	border: 1px solid #ddd;
}
legend, label, input, textarea, select{
	font-size: 16px;
	color: #282828;
}
input[type="text"], input[type="password"], select, textarea{
	/*border: 1px solid #f5f5f5;*/
	border: 1px solid#777;
	/*background: #f5f5f5;*/
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/*#login form input[type="text"], #login input[type="password"]{
	border: 1px solid #ddd;	
	background: #fff;
}*/
/*input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover{
	border: 1px solid #777;
}
#login form input[type="text"]:hover, #login input[type="password"]:hover{
	border: 1px solid #777;
}*/
ul.modulo{
	margin-left: 0;
	margin-right: 0;
}
ul.modulo li{
	display: inline-block;	
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 0 !important;
	width: 48%;
	padding-bottom: 0;
}

/*
ul.modulo li div.marginRight{
	margin-right: 16px;
}
ul.modulo li div.marginLeft{
	margin-left: 16px;
}
*/
ul.modulo li div.marginiCampo{
	margin-left: 10%;
	margin-right: 10%;
}
ul.modulo li.dim100{
	width: 100%;
}
ul.modulo li.dim100 div.marginiCampo{
	margin-left: 5%;
	margin-right: 5%;
}
ul.modulo li.blocco{
	display: block;
}
/*
ul.modulo li.arretra{
	margin-right: 16px;
}
ul.modulo li.avanza{
	margin-right: 0px;
}
*/
input{
	padding: 6px;
	width: 100%;	
}
input[type=checkbox]{
	width: auto;
}
input[type=submit]{
	width: auto;
	padding: 6px 24px;
	background-color: #fff;
	border: 1px solid #777;
	color: #000;
	text-decoration: none !important;
	font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
}
input[type=submit]:hover{
	background: #232323;
	color: #fff !important;
}
form p{
	margin-left: 0;
	margin-right: 0;
}
textarea{
	padding: 6px;
	width: 96%;
	min-height: 120px;	
}
select{
	padding: 6px;	
	width: 103.5%;	
}
#formCercaNegozi{	
	text-align: right;
	margin-right: 0;
}
#formCercaNegozi input{	
	width: 90%;
}
#impostaDirections input{
	width: 80%;
}
#newsletter form{
	margin-top: 36px;
}

/* -----------------------------Jquery UI------------------------------------- */
.ui-widget.ui-widget-content {
    border: 1px solid #e6e6e6 !important;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper{
	border-bottom: 1px solid #e6e6e6;
	color: #282828;	
	text-align: left;
	padding: 6px;
}
.ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper{
	border-bottom: none;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover{
	background: #fafafa;
	color: #282828;
	border: 1px solid #e6e6e6;
}


/* -----------------------------directions panel------------------------------------- */
#directionsPanel{
	background-color: #FFFFFF;
	position: absolute;
	left: 25%;
	z-index: 1;
	border: 1px solid #bbb;
	width: 50%;	
	display: none;
}
#headerDirectionsPanel{
	padding-right: 6px;	
	padding-top: 6px;
	text-align: right;
	min-height: 30px;	
	border-bottom: 1px solid #bbb;
}
#contenutoDirectionsPanel{	
	min-height: 180px;
	padding-top: 16px;
}
#contenutoCalcolaDirections{
	max-height: 400px;
	overflow: auto;
}
#headerCalcolaDirections{
	padding-top: 16px;
	padding-bottom: 16px;
	padding-right: 16px;
	text-align: right;
}


/* stili per la stampa */
@media print {
  	footer, header, #mapPuntiVendita, .mascheraRicerca, #punti, #headerDirectionsPanel, #impostaDirections, #headerCalcolaDirections{
	  	display: none !important;
 	}	
	#directionsPanel{
		width: 90%;
		left: 5%;
	}
	#main #contenutoCalcolaDirections{		
		overflow: visible;		
	}	
}


.swiper-box{
	top: 15%;
	right: 10%;
	width: 35%;
	height: 70%;
}


/* -----------------------------media query------------------------------------- */
@media screen and (max-width: 1680px){
    .col20{
		width: 25%;
	}
    .boxedContainerHome .col20{
        width: 20%;
    }
    #agentiCeramica .col25{		
		width: 33.3%;
	}
}


@media screen and (max-width: 1440px){
	.boxedContainer{
		width: 90%;
	}	
}


@media screen and (max-width: 1280px){
	.boxedContainer{
		width: 100%;
	}
	
}


@media screen and (max-width: 1024px){
	.menuBar{
		display: none;
	}
	#pulDropMenu{
		display: block;		
	}	
	#menuAccessori{
		display: block;
		text-align: right;
	}	
	.col20{
		width: 33.3%;
	}
    .boxedContainerHome .col20{
        width: 100%;
    }
	#agentiCeramica .col25{		
		width: 50%;
	}
	.col25{
		width: 33.3%;	
	}
	#bottomHeader .col25{
		width: 60%;
	}
	#bottomHeader .col75{
		width: 40%;
	}
	#bottomHeader{
		margin-bottom: 24px;
	}
	#li4, #li5, #li6{
		display: none;		
	}
	ul.suite li{
		width: 30%;		
	}
	#main.mainSideBar{
		width: 70%;
	}
	#sideBar{
		width: 30%;
	}	
	#directionsPanel{
		width: 70%;
		left: 15%;
	}
	#lineeTrend .col25{
		width: 25%;	
	}
	footer .col25 p{
		text-align: left;
	}
	.col30{
		width: 50%;
	}
	#colModulo{
		width: 100%;
	}
    #menuAccessori .liRivenditori, #menuAccessori .liMyAccount, #iscrizioneNewsletter{
		display: none;
	}
    .box.boxDownload{
	    min-height: 360px;
    }
	.swiper-layer{
		top: 65%;
	}
	.swiper-pagination{
		display: none;
	}
	
}


@media screen and (max-width: 960px){		
	#main.mainSideBar{
		width: 100%;
	}
	#sideBar{	
		width: 0;
		display: none;
	}
	#lineeTrend .col25{
		width: 50%;	
	}
	#main .col40, #main .col60{
		width: 100%;
	}
	.boxedContainer{
		width: 100%;
	}
	.col25{
		width: 50%;	
	}
	.col70{
		width: 100%;
	}
	.col75{
		width: 100%;
	}	
	#contenutoLight .col65, #contenutoLight .col35{
		width: 100%;
	}
	.col30{
		width: 50%;
	}
	.col20{
		width: 50%;
	}
    .col50TopBar{
        width: 50%;
    }
	
	.swiper-index img{
		height: 320px;
	}
	.swiper-box{
		top: 0;
		right: 10%;
		width: 50%;
		height: 100%;
	}
	
}


@media screen and (max-width: 760px){	
    .col50{
		width: 100%;
	}
    .col50TopBar{
        width: 50%;
    }
	.col20{		
		width: 50%;
	}
	.col30{
		width: 100%;
	}
	.col33{
		width: 100%;
	}
	.col70{
		width: 100%;
	}
	#topFooter .col33{
		width: 50%;
	}
	#dropMenu{
		left: 0;
		width: 100%;
	}
	#punti .pulBox .pulsante, #punti .righelloBottom{
		display: none;
	}
	#punti .boxPuntoVendita{
		min-height: 300px;
	}
	.pulsanteVetrina{
		display: none;
	}
	#contenitoreLight{
		width: 90%;
		left: 5%;		
	}
	.col35{
		width: 100%;
	}
	.col65{
		width: 100%;
	}
	.imgShopping{
		text-align: center !important;
	}
	
	
	
}


@media screen and (max-width: 480px){
	.col25{		
		width: 100%;
	}
    #agentiCeramica .col25{		
		width: 100%;
	}
    #lineeTrend .col25{		
		width: 100%;
	}
	.col20, .col30, .col70{		
		width: 100%;
    }
	.boxedContainerHome .col20{
        width: 100%;
    }
	#col2, #col3, #col4{
		display: none;
	}
	footer input[type=text]{
		width: 97%;		
	}
	#li2, #li3, #li4, #li5, #li6{
		display: none;		
	}
	ul.suite li{
		width: 100%;		
	}
	#bottomHeader .col25{
		width: 75%;
	}
	#bottomHeader .col75{
		width: 25%;
	}
	#bottomHeader{
		margin-bottom: 24px;
	}
	.mainSocial li, .footerSocial li{
		width: 15.2%;
	}
	#videoLaFabbrica{		
		min-height: 240px;
	}	
	#articoli .pulBox{
		display: none;
	}	
	ul.modulo li{
		width: 100%
	}
	#topFooter .col33{
		width: 100%;
	}
	.pulsanteSlider{
		display: none;
	}
	.col35{
		width: 100%;
	}
	.col65{
		width: 100%;
	}
	#fotoArticolo{
		text-align: center;
	}
	
	
}