@font-face {
    font-family: 'open';
    src: url('/fonts/opensans-regular.eot');
    src: url('/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-regular.woff2') format('woff2'),
         url('/fonts/opensans-regular.woff') format('woff'),
         url('/fonts/opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'openBold';
    src: url('/fonts/opensans-semibold.eot');
    src: url('/fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-semibold.woff2') format('woff2'),
         url('/fonts/opensans-semibold.woff') format('woff'),
         url('/fonts/opensans-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* PERS RADIO */

/* FINE PERS RADIO */



#messageErr{color:#b10c0f;	font:bold 15px open;text-align:center;position:relative;top:180px}
#messageErr a{color:#b10c0f;}


* { padding:0; margin:0; }

img {border:0 !important}



body{}


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 10px;
	margin-left: 1120px;
}
#back-top a {
	width: 63px;
	display: block;
	text-align: center;
	font: 11px/100% open, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/* arrow icon (span tag) */
#back-top span {
	width: 63px;
	height: 63px;
	display: block;
	margin-bottom: 7px;
	background: url(/custom_cms/images/top.png) no-repeat center center;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background: url(/custom_cms/images/top.png);
}
#back-top::before {
    color: rgba(90, 93, 96, 0.3);
    content: "TOP";
    display: block;
    font: bold 10px/34px openlight;
    height: 34px;
    text-align: center;
    transition: color 0.2s linear 0s;
    width: 34px;
}
#back-top.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}
#back-top {
    background-color: #fff;
    border-color: rgba(90, 93, 96, 0.3);
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    bottom: 20px;
    font: 0px/0 a;
    height: 34px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 20px;
    text-align: center;
    transform: scale(0);
    transition: all 0.25s linear 0s;
    width: 34px;
    z-index: 999;
}
/*
Fine top button 
*/

.linkLogin{text-align:center;margin-top:50px;color:#5f6062}
.linkLogin a{color:#5f6062;font:bold 14px open}
#formLogin{position:relative;z-index:9999;margin-top:45px;text-align:center}

#bannerWeb{margin-top:26px;text-align:center}


/* BANNER */


#header{border-top:8px solid #9ebfad;z-index:1000;background:#fff;height:60px;padding:76px 0 0 0;width:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
position:relative;/*border-bottom:1px solid #dddce1;*/}

.logo{position:relative;overflow:hidden;top:0px;transition:all .3s ease-in-out; 
}
.logo img{height:90px;transition:all .3s ease-in-out;}

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

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


#header.scrolltop{border-top:5px solid #023e7d;background:#fff;height:80px;padding:30px 0 0 0;transition:all .3s ease-in-out;z-index:88888}
#header.scrolltop .logo{position:relative;top:40px;transition:all .3s ease-in-out;}
#header.scrolltop .logo img{height:50px;transition:all .3s ease-in-out;}

#header.scrolltop #boxutente{top:50px;transition:all .3s ease-in-out; }
#header.scrolltop #menuPrincipaleBar{top:80px;transition:all .3s ease-in-out; }

#header.scrolltop .mega-menu {
top:37px;}

#header.scrolltop #menuPrincipaleBar li.AL1{padding: 0.35em 1.68em 0.35em 1.68em; }

/* fine BANNER */



#boxutente{position:absolute;right:0;top:32px;text-align:right;z-index:999999;width:300px;transition:all .3s ease-in-out; }
#grupboxutente{position:absolute;right:0;/*width:240px;*/}

#boxutente .txtUt,#boxutente .icoUt,#boxutente .sep,#boxutente .carrello{float:right;margin-left:14px}

.carrello i {position:absolute;right:80px;top:-14px}
#boxutente .sep{margin-top:-3px}

#alertProdPres{background: #b10c0f;
padding: 5px 8px;
color: #fff;
text-align: center;
font: bold 15px open;clear:both;position:relative;top:18px}

#boxutente .txtUt a{color:#555759;font:13px roboto;position:relative;top:4px}
#boxutente .numProdCarr{font:bold 16px open;float:right;color:#c40030;width:70px;
	height:21px;text-align:right;padding-top:4px;
	border-radius:16px;}

/* fine banner */







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

}

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







	

			   


#banner{margin:0 auto;}

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







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

.fa-15x {
    font-size: 1.4em !important;margin-right:5px
}

#footer {
	margin: 0 auto;width:100%;
 	clear: both;top:80px;
position:relative;color:#969696}
#footer a{color:#969696}

#footer .container{width:100%}

#lowerbar{	width:100%;height:400px;background:#0e7080;font:12px open;padding:34px 0 40px 0;}

	
	

.intLower{padding-top:40px}

.titnewsletter{font:2.4em open;}
.newsletter{font:1.27em open;}

#boxnewsletter{display:table-cell;vertical-align: bottom;}
#regNewsletter{display:table-cell;vertical-align: bottom;text-align:right}

.regNewsletterButton input{cursor:pointer;background:#fdcc1a;border:0;padding:8px;width:80px;font:1.2em open;color:#4a4c4e; transition: all 0.3s ease 0s;}
.regNewsletterButton input:hover{ transition: all 0.3s ease 0s;background:#d2d2d3;color:#4a4c4e;}

#contact_email{border:0;padding:12px;width:510px;margin-left:60px;}

.copy{text-align:right;font: 12px open;
color: #fff;}
.imgBot{float:left;height:80px;margin-right:44px}

.txtCond{font: 14px open; color:#fff;}

.titCond{font:19px open;}

.testoFooter .txtAss{margin:0 auto; color:#fff;font: 26px open;}
.txtAss img{width:52px}

#bottomarea{background:#9ebfad;height:auto;transition:all .3s ease-in-out;clear:both}
#bottomarea .testoFooter{padding:60px 0 20px 0;height:80px}

#bottomarea hr{margin-top:30px;margin-bottom:14px;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #74787b}


.testoFooter,.intLower{width:1150px;margin:0 auto}
.testoFooter{position:relative;}


div#langsel{display:none;}
#bottomarea a{color:#fff}
#bottomarea a:hover{color:#b4b4b4;transition:all .3s ease-in-out;}

a{text-decoration:none !important}



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





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




#iubenda-cs-banner{text-align:left;}









#iubenda-cs-banner{
    top: 0px !important;
    left: 0px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 99999998 !important;
    background-color: black;
    /* ----------------- */
}

/*  CONTENT CLASS */
.iubenda-cs-content{
    display:block;
    margin:0 auto;
    padding: 10px;
    width:auto;
    font-family: Helvetica,open,FreeSans,sans-serif; 
    font-size: 12px;
    background: #000;
    color: #fff;
}
.iubenda-banner-content{

}

.iubenda-cs-rationale{
    max-width: 1150px !important; position:relative; margin: 0 auto;
}

/*   STYLE FOR TEXT INTERNAL BANNER */
.iubenda-banner-content > p {
    font-family: Helvetica,open,FreeSans,sans-serif;
    line-height: 1.3;
}

/*  CLOSE BUTTON. NOTICE: IMAGE FOR BUTTON NOT IMPLEMENTED YET */
.iubenda-cs-close-btn{
    margin:0;
    color: #fff;
    text-decoration:none;
    font-size:14px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
}

/*  STYLE FOR TEXT LINK TO PRIVACY POLICY */
.iubenda-cs-cookie-policy-lnk{
    text-decoration: underline;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}







/*  PROFILO UTENTE   */

.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer;float:left;padding-bottom:9px}
.w3-dropdown-hover:hover .w3-dropdown-content{z-index:1;display:block;margin-top:29px}
.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:#000;display:none;position:absolute;clear:both;right:0;margin:0;padding:0;font: 13.5px open;background:#f1f1f1;}
.w3-dropdown-content a:hover{color:#023e7d}
.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;width:130px;text-align:right;border:none;outline:none;white-space:normal;float:none;border-bottom:1px solid #c4d2da}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%;}







#formRegistrazione{}
	
	.ragsocFormFooter input{width:293px;margin:10px 0}
	.codAgFormFooter input{width:293px;}
	.emailFormFooter input{float:left;margin-right:12px;width:128px}
	.telFormFooter{}
	
.formAssFooter input{border: 1px solid #fff;
border-radius: 12px;
padding: 7px;
font: 12px open;
background: #fff;}

.imgFormFooter{float:left;height:280px;}

.imgTelFooter{float:left;height:280px;}


.boxTelFooter{width:330px;float:left;margin:30px 16px 0 100px;}
.txtTelFooter{font: 20px openBold;color:#fff;margin-top:26px;}

.boxFormFooter{float:left;width: 500px;margin:30px 100px 0 80px;}
.titleFormFooter{color: #fff;
font: 15px open;margin-bottom:13px;}

.selectFormFooter select{border:1px solid #fff;border-radius:12px;padding:6px;width:310px;margin:10px 0;background:#fff}
.txtareaFormFooter textarea{border:1px solid #fff;border-radius:12px;padding:8px;width:293px;height:50px;font: 12px open;background:#fff}

.imgTelFooter {margin-right:16px}
.imgFormFooter {margin-right:16px}

#contactFooter .pull-left{float:none;margin:0 !important}
#contactFooter .pull-left input {
border:0;
    background: #fff!important;border-radius:12px!important;
    font: 14px openBold!important;
    padding: 8px 20px!important;
    color: #023e7d!important;
    transition: all 0.3s ease 0s;
    cursor: pointer!important;
float:right !important;margin-top:-35px !important;
}
#contactFooter .pull-left input:hover{background:#b2b2b2!important}


@media (max-width: 1280px){



.boxTelFooter {

    margin: 30px 40px 0 0px;

}

.boxFormFooter {

    margin: 30px 100px 0 0px;

}
	
div#container,.testoFooter,.intLower {
width:970px;}

.container{width:970px;}

.catgroupnamearea{width:970px;}

}


@media (max-width: 1023px){



	div#container {
width:100%;}

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

.boxFormFooter {
    margin: 30px 30px 0 0px;
width: 460px;
}

.boxTelFooter img,.boxFormFooter img{width:70px}





#lowerbar{height:auto}
#vuota{clear:both;}
.boxTelFooter {
    width: 70%;margin:30px auto;
    float: none;}
	
.boxFormFooter{width: 70%;margin:30px auto;
    float: none;}

}




@media (max-width:680px){
	.logo img{height:70px}
	.testoFooter{text-align:center}
	
	.imgBot {

    float: none;
margin:0 auto

}
.copy{text-align:center;margin-top:25px}


.boxTelFooter,.boxFormFooter {
    width: 98%;
}
	



}