body{
	height:100%;
	margin: 0px;
	padding: 0 0px;
	padding-top: 82px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size:15px;
	letter-spacing:0.5px;
	color:#555;   
	x-scroll:hidden;
    overflow-x: hidden;
}

/*col soc */
.colsoc1{color:#555555;} /*nero*/
.colsoc2{color: #E84E1B;} /*arancio*/
.colsoc3{color:#979595;}/* grigio*/
.bgcolsoc1{background-color:#555555;} /*nero*/
.bgcolsoc2{background-color: #E84E1B;} /*arancio*/
.bgcolsoc3{background-color:#979595;}/* grigio*/

.fontA{font-family:'Montserrat', sans-serif;font-weight: 300;}
.fontA1{font-family:'Montserrat', sans-serif;font-weight: 900;}
.fontB{font-family: 'Dosis', sans-serif}

.os-animation{opacity: 0;}  
.os-animation.animated{opacity: 1;}  

.maxwidth{width:100%;max-width:1200px;padding:0px 30px;}

h1{font-size:40px;line-height:40px;}
h2{font-size:30px;line-height:30px;}
h3{font-size:22px;line-height:22px;}

.click{box-shadow:0px 0px 0px 0px rgba(125,125,125,0.3);}
.click:active{box-shadow:0px 0px 0px 50px rgba(125,125,125,0.0);}


/*upload input e box*/
input[type="file"]{display:none;}

/*cover*/
.cover{width:100%;height:100%;background:#000;opacity:0.4;position:fixed;top:0px;left:0px;display:none;z-index:98;}
/*modal*/
.modal{position:fixed;top:15%;width:100%;max-width:600px;background:#fff;padding:30px;left:50%;transform:translateX(-50%);min-height:600px;max-height:80%;z-index:99;display:none;}
.modalbody{overflow-y:auto;height:100%;}

/*link*/
.x102{color:#555555;}
.x102:hover{color:#E84E1B;}
.x102:hover .sik{margin-left:95%;}
.x103{color:#E84E1B;}
.x103:hover{color:#555555;}

.x102s{color:#555555;position:relative;}
.x102s:hover{color:#E84E1B;}
.sik{position:absolute;top:5px;left:0%;opacity:0;}
.x102s:hover .sik{opacity:1;left:95%;}

/*bott*/
.bottsoc{background:#E84E1B;color:#fff;border:2px solid #E84E1B;padding:10px 10%;}
.bottsoc:hover{background:transparent;color:#E84E1B;}
.bottsoc2{background:#E84E1B;color:#fff;border:2px solid #E84E1B;padding:10px 20px;}
.bottsoc2:hover{background:transparent;color:#E84E1B;}
.bottsocneg{background:transparent;color:#E84E1B;border:2px solid #E84E1B;padding:10px 10%;}
.bottsocneg:hover{background:#E84E1B;color:#fff;}
.bottsocmin{background:#E84E1B;color:#fff;border:2px solid #E84E1B;padding:7px 12px;}
.bottsocminpiu{padding:7px 20px;}
.bottsocmin:hover{background:transparent;color:#E84E1B;}
.bottverde{background:#666;padding:15px 25px;color:#fff;}
.bottverde:hover{background:#555;}
.linkazzurro{background:#E84E1B;color:#fff;border:2px solid #E84E1B;padding:10px 10%;}
.linkazzurro:hover{background:transparent;color:#fff;}
.linkgray{background:#E84E1B;color:#fff;border:2px solid #E84E1B;padding:10px 20px;}
.linkgray:hover{background:transparent;color:#E84E1B;}


/*testata*/
.testatabox{width:100%;position:fixed;top:0;left:0;z-index:100;}
.testata{width:100%;background:#fff;}
#logo{max-width:200px;}
.menubox{padding:25px 0;border-right:1px solid #f3f3f3;width:78px;}    
.search{border:none;border-bottom:1px solid #000;width:0px;visibility:hidden;position:absolute;top:25px;left:130px;z-index:10;}
.searchw{width:60%!important;visibility:visible;}
.icotest{padding:0 15px;}
.menutextbox{background:#fff;max-width:400px;min-width:400px;border:1px solid #ccc;padding:2px;float:left;}
.menutext{padding:13px 10px 13px 30px;display:block;border-bottom:1px solid #ccc;color:#555555;}
.menutext:hover{color:#E84E1B;padding-left:40px;}
.menutextbkg{padding:13px 10px 13px 30px;background:#ebebeb;width:100%;margin-top:2px;}
.icotrue{float:right;color: #E84E1B;margin-right:20px;}
.count{position:absolute;bottom:4px;left:5px;background:#ff0000;border-radius:50%;width:18px;height:18px;padding:2px 0px 2px 0px;color:#fff;font-size:13px;font-weight:bold;text-align:center;letter-spacing:0px;display:block;}
.caragg{background:#E84E1B;padding:10px;color:#fff;position:fixed;top:100px;right:50px;z-index:99;z-index:999;max-width:350px;}
.logout{background:#fff;padding:7px;top:17px;right:3px;border:1px solid #ebebeb;display:none;}
#ico-log:hover .logout{display:block!important;}

/*login*/
#login{background:#fff;padding:20px 0px 0 0px;width:400px;height:400px;border:1px solid #ccc;float:right}
.loginm{margin-right:-150%;}
.in-user{width:100%;margin-bottom:10px;background:url(../img/ico-eml.png)no-repeat left 7px center #ffffff;padding-left:40px;}
.in-pass{width:100%;background:url(../img/ico-pwd.png)no-repeat left 7px center #ffffff; padding-left:40px;}
.logreg{background:#ebebeb;padding:15px;border-top:1px solid #ccc;}

/* footer */
.scrolltop{position:fixed;bottom:30px;right:30px;background:rgba(0,0,0,0.5);padding:10px;}
.scrolltop:hover{bottom:40px;}
#flex{display:table;width:100%;}
#flex #a {display:table-cell;}
#flex #b {display:table-cell;}
#flex #c {display:table-cell;}
.logofooter{max-width:250px;}
.line1{border-top: 2px solid #555;}
.vert{transform:rotate(90deg);}
.nlfoot{}
.nlfoot1{border:2px solid #555;padding:10px;}
.nlfoot2{border:2px solid #555;border-top:none;padding:10px;}
.nlfoot3{border:2px solid #555;border-top:none;padding:10px;cursor:pointer;}
.nlfoot3:hover{background:#E84E1B;color:#fff;}
.footsub{padding:10px 30px;height:50px;margin-top:50px;}

.avatarmax{overflow:hidden;width:80px;height:80px;}
.avatarmin{overflow:hidden;width:50px;height:50px;}
.avatarq{background-size:cover;background-repeat:no-repeat;background-position:center center;height:90px;width:90px;}

.testata-int{background:#000;width:100%;height:200px;display:table;vertical-align:middle;}
.testata-int .maxwidth{height:200px;}

.flex .col .newsimg {background-size:cover;background-repeat:no-repeat;background-position:center center;height:170px;width:100%;}
.flex {display:flex;flex-direction:row;justify-content:center;width:100%;max-width:100%;margin:auto;}
.flex .col {display:flex;flex-direction:column;flex:0 1 300px;margin:1em 1em;}
.flex .col2 {display:flex;flex-direction:column;flex:0 1 400px;margin:1em 1em;}
.flex .col .bottsocmin {align-self:flex-start;margin-top:auto;}
.newsimgbox{overflow:hidden;}
.col a:hover .newsimg{transform:scale(1.10);}
.newsimgboxbanda{position:absolute;background:#fff;height:20px;width:90%;left:50%;bottom:0px;transform: translateX(-50%);}
.newsplaymin{position:absolute;top:50%;left:50%;background:rgba(255,255,255,0.5);width:60px;height:60px;text-align:center;padding:3px 2px;margin-left:-30px;margin-top:-30px;}
.col p {display:-webkit-box;max-width:500px;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.col2 p {display:-webkit-box;max-width:500px;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}

.lineadott{border-bottom:1px dashed #ccc;}
.lineasolid{border-bottom:1px solid #ccc;}

.notifica{background:#97F9D8;padding:20px;}

.blogtitle{border-bottom:1px dashed #ccc;font-size:40px;color:#E84E1B;padding-bottom:7px;}
.blogbox{margin-bottom:50px;padding-bottom:30px;border-bottom:1px dashed #ccc;}
.blogdata{width:100px;padding-top:0px;text-align:center;margin-bottom:20px;}
.blogdatanum{font-size:70px;color:#ccc;}
.blogtit{width:83%;line-height:32px;font-size:34px;padding-top:10px;padding-left:20px;}
.blogboximg{width:100%;height:30vw;background:#f3f3f3;overflow:hidden;position:relative;}
.blogboxcat{background:#fff;padding:7px 20px;display:inline-block;position:absolute;top:0px;left:10px;z-index:10;}
.blogimg{width:100%;height:30vw;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.blogbox:hover .blogimg{transform:scale(1.10) rotate(2deg);}
.newsplay{position:absolute;top:50%;left:50%;background:rgba(255,255,255,0.5);width:80px;height:80px;text-align:center;padding:3px 2px;margin-left:-30px;margin-top:-30px;z-index:10;}
.blogtitlecol{border-bottom:1px dashed #ccc;font-size:20px;color:#E84E1B;padding-bottom:7px;}

.blogboxcol{padding-bottom:10px;padding-top:10px;border-bottom:1px solid #ccc;}
.blogimgcol{background-size:cover;background-repeat:no-repeat;background-position:center center;height:90px;width:90px;}
.boxtxtcol{width:71%;padding-left:20px;}
.blogboxcol:hover .blogimgcol{transform:scale(1.05);box-shadow:0px 0px 4px rgba(0,0,0,.50);}
.blogboxcol:hover .boxtxtcol{color:#E84E1B;}

.tag{background:#fff;padding:7px;border:1px solid #ccc;text-decoration:none;color:#666;margin:5px;white-space:nowrap;display:inline-block;}
.tag:hover{background:#666;color:#fff;}


/* paginazione */
.pag1{width:37px; height:37px; text-align:center; padding:7px; float:left;line-height:20px;margin-right:10px;color:#fff;background:#E84E1B;border:2px solid #E84E1B;font-size:20px;text-decoration:none;}
a.pag{width:37px;height:37px;text-align:center;padding:7px;float:left;line-height:20px;margin-right:10px;color:#666666;
background:#ffffff;border:2px solid #ccc;font-size:20px;text-decoration:none;}
a.pag:hover{background:#cccccc;}
.pagr{width:34px;height:34px;text-align:left;float:left;line-height:54px;font-size:30px;}


/* prodotti */
.shopbox {width:30%;overflow:hidden;margin-bottom:80px;padding:0 0 10px 0;background:#fff;}
.shopbox:hover {box-shadow:0px 0px 9px  rgba(0,0,0,.15);}
.shopbox:hover .shoppadd{padding:0 10px;}
.shoppadd{width:95%;}
.shopboximg{width:100%;overflow:hidden;}
.shopbox:hover .shopimg{transform:scale(1.05);}
.shoptit{font-size:22px;}
.shopsubtit{font-size:12px;}
.shopboxtit{min-height:100px;}
.shoppromo{background:#E84E1B;color:#fff;text-align:center;padding:7px;width:200px;position:absolute;top:13px;left:-60px;z-index:99;transform:rotate(-35deg);}
.shopnumb{background:rgba(255,255,255,0.9);width:100%;height:250px;padding:25px;position:absolute;left:0px;top:100%;}

.quantbox{border-left:1px solid #ccc;border-top:1px solid #ccc;}
.quantsimb{height:50px;width:50px;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.quantbott:hover{background:#E84E1B;color:#fff;}
.quantbott:active{background:#cc0000;color:#fff;}
.carrimgbox{width:110px;}
.carrimg{width:90px;height:90px;overflow:hidden;background:#f3f3f3;}
.carrboxclose{position:absolute;padding:4px 7px;top:0px;right:0px;color:#555555;}
.carrboxclose:hover{color:#fff;background:#E84E1B;}
.carrdiv{border-bottom:1px solid #ebebeb;padding-bottom:7px;margin-bottom:7px;}

/*prodotti col */
.prodcol{border-bottom:1px solid #ebebeb;padding-bottom:7px;margin-bottom:7px;overflow:hidden;}
.vaibott{position:absolute;bottom:-60px;right:0px;background:#E84E1B;color:#fff;padding:10px;}
.prodcol:hover .vaibott{bottom:30%;}

/* box shop */
.boxshop {width:33%;overflow:hidden;margin-bottom:80px;padding:20px 20px 80px 20px;background:#fff;}
.boxshop:hover {box-shadow:0px 0px 9px  rgba(0,0,0,.15);}
.shopbox:hover .boxshoppadd{padding:0 10px;}
.boxshoppadd{width:95%;}
.boxboxshopimg{width:100%;overflow:hidden;}
.shopbox:hover .shopimg{transform:scale(1.05);}
.shoptit{font-size:22px;}
.shopsubtit{font-size:12px;}
.shopboxtit{min-height:100px;}
.shoppromo{background:#E84E1B;color:#fff;text-align:center;padding:7px;width:200px;position:absolute;top:13px;left:-60px;z-index:99;transform:rotate(-35deg);}
.shopnumb{background:rgba(255,255,255,0.9);width:100%;height:250px;padding:25px;position:absolute;left:0px;top:100%;}

/*tab*/
.tab{width:100%;border-bottom:1px solid #ccc;text-align:left;}
.tabtxt{margin-bottom:-1px;padding:10px 15px;border-bottom:1px solid #ccc;display:inline-block;color:#ccc;font-weight:bold;}
.tabtxtactive{border-bottom:1px solid #fff;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;color:#555;}
.tabtxt:hover{color:#E84E1B;}
.tabbody{margin-top:30px;width:100%;text-align:left;}

@media screen and (max-width:1070px)
{
.shopbox {width:28%;}
}
@media screen and (max-width:1000px)
{
@media (max-width:900px) 
{
.flex {flex-wrap: wrap;}
}
}
@media screen and (max-width:850px)
{
body{padding-top: 50px;}
.menubox{padding:15px;width:50px;} 
#logo{max-width:100px;}
.icotest, .menubotts{font-size:22px!important;}
.search{top:10px;left:100px;}
.searchw{width:90%!important;}
#flex{display:flex; flex-direction: column;}
#flex > #a {width:100%; order: 1; }
#flex > #b {width:100%; order: 3; }
#flex > #c {width:100%; order: 2; }
.bannermax{min-height:250px!important;}
.blogboximg, .blogimg{width:100%;height:40vw;}
.blogtit{width:100%;}
.shopbox {width:30%;}
}
@media screen and (max-width:750px)
{
.shopbox {width:100%;overflow:hidden;margin-bottom:80px;margin-left:0!important;}
}

@media screen and (max-width:400px)
{
body{padding-top:40px;}
#login{width:100%;}
.menubox{padding:10px;width:40px;height:40px;} 
#logo{max-width:70px;}
.icotest{padding:0 5px;}
.menudx{padding-right:7px;}
.search{top:10px;left:70px;}
.searchw{width:250px!important;}
.modal{width:100%!important;}
}