div#langsel,#back-top,.nascondiMenu {display:none !important;}
#lang{    font:13px arial;color:#dedede;z-index:9999;position:absolute;top:12px;right:64px}
#lang a:hover{color:#dedede;}

* { padding:0; margin:0; }

img {border:0 !important}



section#panel01{height:450px}


#boxMenuBanner{display: flex;position:absolute;top:27px;right:0;transition:all .3s ease-in-out;z-index: 99999;}
.menuBanner a{font-family: 'Open Sans', sans-serif;font-size:13px;font-weight:600;color:#000;text-decoration: underline !important;}
.menuBanner a:hover{color:#f41f31}


/* BANNER */

#header{z-index:1000;background:#fff;height:55px;padding:55px 0 0 0;width:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
position:relative;}


.no-touch #header{position:fixed}
.touch #header{position:fixed}


#header.scrolltop{border-top:0px solid #fff;background:#fff;height:30px;padding:30px 0 0 0;transition:all .3s ease-in-out;}
#header.scrolltop .logo{position:relative;top:50px;transition:all .3s ease-in-out;}
#header.scrolltop .logo img{width:145px;transition:all .3s ease-in-out;}

#header.scrolltop #menuPrincipaleBar{top:60px;transition:all .3s ease-in-out; }
#header.scrolltop .nav > li {    padding: 12px 24px 8px 24px;transition:all .3s ease-in-out;}
#header.scrolltop .mega-menu{top:30px;}
#header.scrolltop #menuPrincipaleBar .sub10 {padding-right:0px ;transition:all .3s ease-in-out;}
#header.scrolltop #menuPrincipaleBar .sub1 {padding-left:0px ;transition:all .3s ease-in-out;}
#header.scrolltop #boxMenuBanner{top:0px;transition:all .3s ease-in-out;}
#header.scrolltop #boxutente{top:59px;transition:all .3s ease-in-out;}
#header.scrolltop .mega-menu {
border-top:14px solid #1e1c1c ;}


#boxutente{float:right;position:relative;top:64px;width:308px;text-align:right;z-index:6000;display: flex;
    justify-content: flex-end;transition:all .3s ease-in-out;}
#grupboxutente{position:absolute;right:0;width:240px;}
#boxutente .txtUt{/*float:left;margin-left:14px*/margin-right:40px;}
#boxutente .icoUt{/*float:left;margin-left:14px*/margin-top:-20px;}
#boxutente .sep,#boxutente .carrello{float:left;margin-left:14px}
#boxutente .sep{margin-top:-3px}
#boxutente .material-symbols-rounded{color:#f41f31 !important;font-size:30px;}

#boxutente .txtUt a{font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:400;color:#000;position:relative;top:4px}
#boxutente .numProdCarr{background:#fe0300;font-family: 'Montserrat', sans-serif;font-size:16px;font-weight:700;float:right;color:#fff;width:26px;
	height:23px;text-align:center;padding-top:3px;
	border-radius:4px;position: absolute;
    top: 2px;
    right: -18px;}



.logo{float:left;position:relative;overflow:hidden;top:40px;transition:all .3s ease-in-out;}
.logo img{width:190px;transition:all .3s ease-in-out;}

#banner{position:relative;top:-73px;margin:0 auto;text-align:center;}

.hidden-xs img {border:0 !important}


#divCercaBanner{position:absolute;top:52px;z-index:99;left:36%}

#header #campoTesto{padding:12px;border:0;border-radius:20px;float:left;width:270px;border:2px solid #f41f31;}
	
#divCercaBanner input[type="submit"] {
margin-top:4px;
border:0;margin-left:-50px;
cursor:pointer;padding:12px;font-size:1px;color:#fff;
  width: 30px;height:30px;
  		background: url('/custom_cms/images/img-search.svg') top center no-repeat;background-size:35px 35px;
}


/* fine banner */







div#container {
	margin: 0 auto;
	text-align:left;width:1250px;

}

.container{position:relative;margin: 0 auto;
width:1250px;}







section{position:relative;z-index:8;}
#panel01{position:relative;top:110px}
	

			   


#banner{margin:0 auto;}

.hidden-xs img {border:0 !important}







#content {
    position:relative;
    width: 100%;
    height: auto !important;  /* per i browser moderni */
    height:520px;   /*per IE5.x e IE6 */
    min-height:520px;  /* per i browser moderni */
}

.fa-15x {
    font-size: 1.5em !important;
}

#footer {
	margin: 0 auto;width:100%;background:#1e1c1c;
 	clear: both;
position:relative;color:#fff;
}
#footer a{color:#fff}

.poweredCPZ{clear:both;font-size: 13px;
   padding-top:18px}
   .poweredCPZ a{color:#848484 !important;}

.testoFooter{display: flex;justify-content: space-between;align-items: flex-end;font-family: 'Open Sans', sans-serif;font-size:13px;font-weight:200;}
#bottomLogo,#bottomDisc{}

#bottomLogo{width:25%}
#bottomDisc{width:75%;text-align:right}

#bottomLogo img{width:95px}

#footer .container{	margin: 0 auto;padding:40px 0;
width:1250px;}








a{text-decoration:none !important}



img {
	height:auto;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;}





#menuFooterMobile,#menuMobileBar,#menuSecondarioBar{display:none}





/*  PROFILO UTENTE   */

.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer;float:left}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{}
.w3-dropdown-content{cursor:auto;color:#fff ;display:none;position:relative;clear:both;right:0;margin:0;padding:0;font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:500;background:#000;border-radius:6px}
.w3-dropdown-content a{color:#fff}
.w3-dropdown-content a:hover{color:#f41f31}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto;}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block;}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{display:block;padding:8px 12px 8px 12px;text-align:right;border:none;outline:none;white-space:normal;float:none;border-bottom:1px solid #777}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%;}
#formNascondiPrezzi input[type='checkbox']{border:4px solid #fe0300 !important;}





/*   pERSONALIZZA CHECK BOX*/


 /* Customize the label (the container) */
 #formNascondiPrezzi .containerCheck{
    display: block;
    position: relative;
    padding-left: 26px;top:2px;
    cursor: pointer;
     -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }


#formNascondiPrezziMobile .containerCheck{
    display: block;
    position: relative;
    padding-left: 0px;top:2px;
    cursor: pointer;
     -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  #formNascondiPrezzi .containerCheck input,#formNascondiPrezziMobile .containerCheck input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
  }
  
  /* On mouse-over, add a grey background color */
  #formNascondiPrezzi .containerCheck:hover input ~ .checkmark, #formNascondiPrezziMobile .containerCheck:hover input ~ .checkmark{
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  #formNascondiPrezzi .containerCheck input:checked ~ .checkmark, #formNascondiPrezziMobile .containerCheck input:checked ~ .checkmark {
    background-color: #fe0300;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  #formNascondiPrezzi .containerCheck input:checked ~ .checkmark:after, #formNascondiPrezziMobile .containerCheck input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  #formNascondiPrezzi .containerCheck .checkmark:after, #formNascondiPrezziMobile .containerCheck .checkmark:after {
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  } 

/*   pERSONALIZZA CHECK BOX*/






/*  RESPONSIVE  */

@media (max-width: 1280px){
/*body{border:1px solid red}*/

#divCercaBanner{left:31%}
	
/*	#header.scrolltop .nav > li {    padding: 0.45em 0.59em 0.20em  0.59em;}
#header.scrolltop .mega-menu{top:28px;}*/
	
div#container,.testoFooter,.intLower {
width:970px;}

.container{width:970px;}

.catgroupnamearea{width:970px;}


#footer .container{width:970px;}

#contact_email{width:390px;margin-left:30px}




#boxutente .sep{margin-top:-7px}
}



@media (max-width: 1023px){
	/*body{border:1px solid blue}*/


    #boxMenuBanner{top:16px}

		#header {
    height: 38px;
    padding: 38px 0 0 0;
    border-top: 20px solid #fff;margin-bottom:50px !important
}

#divCercaBanner {
    position: absolute;
    top: 94px;
    z-index: 4000;
    left: 10px;padding:10px;
    width: 92%;
}
#header #campoTesto{width:100%}

	.touch #header{position:static}



#boxutente{top:44px;right:5px;z-index:6000;position:absolute;width:240px;}
#boxutente .utente{/*margin-right:12px;*/}
#boxutente .carrello{margin-left:12px}
#grupboxutente{width:220px;}
	
.logo{z-index:8000;float:none;top:35px;position:relative;overflow:hidden;width:185px;margin:0 auto}
.logo img{width:185px;}





.testoFooter {
 
    font-size: 12px;}


div#container {
width:100%;}

.container,.catgroupnamearea{width:98%;}

.regNewsletterButton{position:relative;top:5px}


#footer .container{width: 98%;padding: 20px 0;}


.testoFooter {
    display: block;text-align:center;margin:20px auto;width:100%

  }
  #bottomLogo,#bottomDisc {
    width: 90%;text-align: center;margin:15px auto;
  }


#back-top {display:none}
#boxutente .txtUt,#boxutente .icoUt,#boxutente .sep,#boxutente .carrello{margin-left:7px}


}




@media (max-width: 680px){

	/*body{border:1px solid lime}*/






    #boxMenuBanner {
          top: 0px;right:5px}

	#divCercaBanner {
    top: 90px;margin:0 auto !important;margin-left:-140px;left:5%; width:85%;

}
	.logo{width:130px;margin:34px auto 20px auto;overflow:hidden;z-index:7000}

.logo img{width:130px;}

#boxutente .icoUt{margin-right:0px;margin-top:0}
	.txtUt{display:none}
	.w3-dropdown-content{display:none !important}
	
#header #campoTesto{width:92%}

#boxutente .fa-15x {margin-top:3px;
    font-size: 1.4em !important;
}
	
	#boxutente .numProdCarr {

    width: 20px;
    height: 20px;

}
	

		#header {
    height: 28px;
    padding: 28px 0 0 0;
    border-top: 20px solid #fff;
}

#boxutente{float:right;position:absolute;top:39px;width:90px;text-align:right;right:24px;}
#grupboxutente{width:80px}

.sep{display:none}




}