@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;600&family=Marvel:wght@400;700&display=swap');

@media only screen and (min-width:0px) and (max-width:1024px) {
#divmenu{position:fixed;z-index:900;top:0;right:-100%;width:100%;height:100%;}
.menuwithscroll{position:fixed;height:calc(100% - 70px);overflow-y:scroll;background-color: rgba(46,172,106,0.9);width:100%; background-image: url(/template/effe.svg); background-repeat: no-repeat; background-position: left -50px top; background-size: auto 120%;}
#closemenu{height:100px;background-color: rgba(46,172,106,0.9);width:calc(100% - 100px); text-align: right; padding: 0px 50px; position: relative; margin: 0px 0px 0px 0px; line-height: 90px; font-size: 2em; color: #fff }
#JQMenu{width:calc(100% - 50px); max-width: 400px; margin: 0 auto;}
#JQMenu > li{position:relative;clear:both;list-style:none;text-align:center;padding: 35px 0px; width:100%; cursor:pointer; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear}
#JQMenu > li > a{display:block;text-decoration:none;font-size:1.3em; letter-spacing: 5px; line-height: 30px; color: #fff;padding:0px; font-weight: 300; overflow: hidden; width: 100%;  line-height: auto; text-transform: uppercase;}
#JQMenu > li > ul{margin:10px 0px;display:none;padding:0px 10px;width:calc(100% - 20px);left:0px; clear: both; line-height: 25px;}
#JQMenu > li > ul > li{ position:relative;clear:both;  justify-content: center !important;cursor:pointer; height:auto;background-image:none!important;margin:0px auto;overflow:hidden; width: 100% !important; padding: 3px 0px!important; -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#JQMenu > li > ul > li > a{color:#fff !important; text-decoration:none; font-size:0.95em !important;  height:auto; width: 100%; font-weight: 400}
#JQMenu > li > ul > li:hover > a{color: #fff !important}
#JQMenu > li > ul > li > ul{margin:0px;position:inherit;display: none;padding: 0px 15px !important;width:calc(100% - 30px) !important; top:0 !important; left: 0 !important; clear: both; }

#JQMenu > li > ul > li > ul > li a{color: #868889 !important;}
#JQMenu > li > ul > li > ul > li{position: relative}
#JQMenu > li > ul > li > ul > li:before{position: absolute; content: "\f054"; font-size: 0.65em; left: -10px; top: 1px; font-family:"Font Awesome 5 Pro"; color:#183b70; text-align: left; font-weight: 400}

#JQMenu > li:before{position: absolute; left:  40%; right: 40%; bottom: 0px; content: ""; width: 20%; height: 1px; background-color: #393939; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
#JQMenu > li:hover:before{width: 60%; left: 20%; right: 20%;}

.clkmen{position: absolute; z-index: 5; font-size: 0.8em; bottom: -15px; color: #fff; left:  50%; margin-left: -15px; background-color: #33b375; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 31px; }
}


@media only screen and (min-width:0px) and (max-width:767px) {
h1, .titolo{text-align:left; font-size:1.5em; line-height:40px;margin:0px auto 30px auto; font-family: 'Lora', serif; clear:both; width:100%; padding: 0px; font-weight: 400; color: #33b375; position: relative;}
h2{text-align:left;font-size:1.1em;margin:0px;line-height:29PX; color: #868889; width: 100%; clear: both; float: left; font-family: 'Marvel', sans-serif; font-weight: 300}
.titoloform{font-size:1.4em !important}

.StyleIntestazione{width: 100%; position: fixed; z-index: 5; top:0px; height: 80px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px} 
.StyleIntestazione .logo{position: absolute; height: 100%; width: 190px;  overflow: hidden;  cursor: pointer; float:left; top: 0px; left:  20px} 
.StyleIntestazione .contiene{height: 100%;} 
.logo img{width: 100%; height: 100%; object-fit: contain;} 

.chiama{display: none;}


#ControlMenu{cursor:pointer; padding: 0px; display:flex; justify-content:center; align-items:center;  width: 35px; height: 26px; margin: 0px; overflow: hidden; position: absolute; top:  30px; right:  20px}
#ControlMenu:after{width: 100%; height: 2px; background-color: #33b375; content: ""; top:  0px; right:  0px; position: absolute; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear }
#ControlMenu:before{width: 100%; height: 2px; background-color: #33b375; content: ""; bottom:  0px; left:  0px; position: absolute; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear }
#ControlMenu hr{width: 100%; height: 2px; }

.contiene{width: calc(100% - 60px); margin: 0 auto; padding: 0px;} 

#sei{width: calc(100% - 60px); position: relative; margin: 0px auto; height: auto; padding: 100px 30px 15px 30px ; overflow: hidden; color: #23395f; clear:both; text-align: left; line-height: 20px;  list-style: none; font-size: 0.85em; background-image: url(/template/bg-sei.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.ContentSlider{width: 100%; height: 500px;position: relative;  clear: both; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden}
.BGSlider{width: 100%;  background-repeat: no-repeat; background-size: cover; background-position: center top; min-height: 500px !important; position: relative;}
.TXSlider{width: 100%; bottom: 0px; left: 0px; background-color: rgba(46,172,106,0.7); margin: 0px; padding: 10px 0px 25px 0px; height: auto; position: absolute; text-align: center; font-size: 1em; color: #fff; line-height: 35px; text-transform: uppercase; font-family: 'Lora', serif;}
.TXSlider:before{position: absolute; content: ""; left:  0px; top: -80px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid rgba(46,172,106,0.7)}
.TXSlider:after{position: absolute; content: ""; right:  0px; top: -80px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid rgba(46,172,106,0.7) }
.ContentSlider button{font-size: 0.6em; background-color: #66d9a1; margin-top: 10px;}

.boxhome{width: 100%; margin: 100px auto 0px auto; padding: 0px 0px 30px 0px; text-align: center; font-size: 1em; line-height: 30px; box-shadow: #f6f6f6 0px -150px 0px 0px inset;  } 
.boxhome .contiene{width: calc(100% - 60px); max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-direction: column;} 
.unohome{width: 100%; background-color: #33b375; color: #fff; height: 162px; cursor: pointer; position: relative; margin-bottom: 55px;}
.duehome{width: 100%; background-color: #5d5d5d; color: #fff; height: 162px; cursor: pointer; position: relative; margin-bottom: 55px;}
.trehome{width: 100%; background-color: #dadada; height: 162px; cursor: pointer; position: relative;}
.boxhome div div i{width: 100px; height: 100px; line-height: 100px; font-size: 2em; margin: -50px 0px 20px 0px;  -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}




.Contenthome{width: 100%; padding: 50px 0px 80px 0px; overflow: hidden; position: relative; background-color: #f6f6f6;}
.Contenthome:before{position: absolute; content: ""; left:  0px; bottom: 0px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid #3e3e3e}
.Contenthome:after{position: absolute; content: ""; right:  0px; bottom: 0px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid #3e3e3e }

.Contenthome .contiene{display: flex; justify-content: space-between; flex-wrap: wrap;}
.diqua{width: 100%; padding: 0px;}
.dila{width: 100%; overflow: hidden; height: 400px; margin-top: 30px;}

.case{width: 100% margin: 0 auto; padding: 50px 0px; background-color: #3e3e3e;}
.case h1{text-align: center;}
.marchio{display: none;}
.tuttiprodotti{width: 90%; display: flex; justify-content: flex-start;  margin: 50px auto 0px auto; flex-wrap: wrap;}
.elencopro{width: calc(100% - 20px); background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; margin: 10px 0px;}
.fotopro{width: calc(100% - 20px); height: 270px;  overflow: hidden; margin: 10px}
.antepro{margin:  10px; width: calc(100% - 20px); display: flex; justify-content: space-between; line-height: 25px;}
.antepro strong{font-size: 1.3em; font-family: 'Lora', serif; font-weight: 700; }
.antepro p{width: 40%}
.antepro .costo{background-color: #33b375; color: #fff; font-size: 1.1em; text-align: center; display: flex; justify-content: center; align-items: center; text-transform: uppercase; cursor: pointer;}
.antepro span{display: none;}
.frgallery{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; height: auto; width: calc(100% - 20px); box-shadow: #e1e1e1 0px 0px 0px 1px inset; padding: 10px; float: left;}


.contattaci{width: 100%; padding:  70px 0px 100px 0px; background-color: #3e3e3e; text-align: center; position: relative;}
.contattaci span{font-size: 1.4em; color:  #fff; font-family: 'Lora', serif; text-transform: uppercase; font-weight: 400;}
.contattaci h2{color: #fff; text-align: center; font-size: 1em; line-height: 30px; margin:  30px 0px 0px 0px; float: none;}
.chiamadue{position:  absolute; z-index: 2; bottom:  -30px; left:  50%; width: 260px; color:  #fff; font-family: 'Lora', serif; font-size: 1.15em; margin-left: -130px; padding:  10px; line-height: 27px; text-transform: uppercase; background-color: #33b375; display: flex; justify-content: space-between; -moz-border-radius:0px 100px 100px 0px;-webkit-border-radius:0px 100px 100px 0px;border-radius:0px 100px 100px 0px;}
.chiamadue i{width: 54px; height: 54px; line-height: 54px; background-color: #fff; color: #33b375; font-size: 1em; text-align: center; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.chiamadue:after{position: absolute; left: -20px; top: 0px; content: ""; border-top: 37px solid #33b375; border-bottom: 37px solid #33b375; border-left: 20px solid transparent; }
.chiamadue p:first-child{display: none; }

.ContentPage{width: calc(100% - 60px); margin: 0 auto;  padding: 40px 0px; clear: both; overflow: hidden; position: relative; }
.ContentNews{width: calc(100% - 60px); margin: 0 auto; padding: 40px 30px; clear: both; overflow: hidden; position: relative; }
.Contentwide{width: calc(100% - 60px); margin: 0 auto; padding: 40px 30px; clear: both; overflow: hidden; position: relative; }
.ContentCat{width: 100%; margin: 0 auto; padding: 40px 0px; clear: both; overflow: hidden; position: relative;}

.giustifica{ display:flex;flex-wrap:wrap;justify-content:space-between; clear: both; margin: 0 auto; padding: 0px;}
.newshome{width: 100%; padding: 50px 0px; background-image: url(/template/bg-news.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; text-align: center; position: relative;}
.newshome .titolo{text-align: center; width: calc(100% - 60px);  float: none}
.newshome .titolo span{text-transform: uppercase; color: #33b375}
.newshome h2{text-align: center; width: calc(100% - 60px); margin: 0 auto 50px  auto; float: none;}

.newshome:before{position: absolute; content: ""; left:  0px; bottom: 0px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid #33b375}
.newshome:after{position: absolute; content: ""; right:  0px; bottom: 0px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid #33b375 }

.TDCorpoNews{width: calc(100% - 2px); float: left; background-color: rgba(246,246,246,0.8); box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px; border: 1px solid rgba(255,255,255,0.5); overflow: hidden; cursor: pointer; margin:0px 4% 40px 0px; padding: 0px; position: relative;}

.fotonews{width: 100%; height: 200px; overflow: hidden;}
.antenews{width: calc(100% - 60px); padding: 30px; clear: both; float: left; height: 210px; font-size: 0.9em; text-align: left; line-height: 25px;}

.sinistra{width: 100%;}
.destra{width: 100%; margin-top: 40px; clear: both; float: left; }
.inverti .sinistra, .ContentNews .sinistra{order: 1;}
.inverti .destra{order: 2}
.ContentNews .destra{order: 1; max-height: 600px;}

.sx{width: 100%;}
.dx{width: 50%; float: right; clear: both;}
.colonnasx{float: left; width: 49%}
.colonnadx{width: 49%; float: right; }

.footer1{width:100%;height:auto;padding:40px 0px; margin: 0 auto; clear: both; float: left; text-align: left; font-size: 0.8em; line-height: 25px; position: relative; color: #fff;  background-color: #33b375; background-image: url(/template/icona.svg); background-repeat: no-repeat; background-position: left 8% center; background-size: auto 90%;}
.footer1 .contiene{display: flex; justify-content: space-between; flex-wrap: wrap;}

.unoditre{width: 100%}
.dueditre{width: 100%; margin:  30px 0px}
.treditre{width: 100%; margin: 0 auto; display: none;}

.sub li{width: 100%; height: 150px; overflow: hidden; position: relative; text-align: center; padding: 0px !important; background-color: #fff; box-shadow: #ececec 0px 0px 0px 1px inset;  text-transform: uppercase; border: none !important; overflow: hidden; float: left; margin: 0px 2.5% 30px 0px; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }


.formpagine form{width: calc(90% - 40px); margin: 0 auto; height: 100%; padding: 50px 20px;background-color: rgb(60,60,60,08); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px; }
.formpagine{padding:  50px 0px !important}
.formtasto{clear: both;}
.GalleryPage  {padding: 40px 0px !important}
.switch + span{clear: both; margin: 5px 0px 15px 0px;}

.caroselloenvelop{background-image: url(/template/bg-rosso.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 40px 0px}
.carosellocontainer{width: 90%; margin: 0 auto;padding-top: 50px;padding-bottom: 50px}
.carosellocontainer h1, .carosellocontainer h2, .formnwsl h1, .formnwsl h2{color: #fff; width: 90%; padding: 0px 5%;float: none;}
.carosellodiv{cursor: pointer; font-size: 1.2em; float: left !important; color: #fff; line-height: 30px; text-align: center;}

.divInternoCSS{width: calc(80% - 40px); background-color: #fff; padding: 20px;  text-align: center; box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px; font-size: 1em; line-height: 20px}
.divInternoCSS h1{font-size: 1.4em}
#esito{position:absolute;z-index:1010;width:250px;overflow:hidden;background-color:#FFF;padding:15px;left:50%; top: 0px; margin-left:-140px; margin-top:150px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.8em; line-height: 22px}
.dashboard{font-size: 0.6em;}
.managersx{width: 100%; float: left; line-height: 30px}
.managerdx{width: calc(100% - 50px); float: right; clear: both; background-color: #f4f4f4; padding: 25px; overflow: hidden; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; line-height: 30px;  text-align: left;}

.cosafacciamo{background-color:  #f6f6f6; padding:  60px 0px}
.cosafacciamo .contiene div{width: 100%; text-align: center; margin: 20px 0px 40px 0px}
.cosafacciamo .contiene p{width: 100%; height: 200px; position: relative; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow: hidden; margin-bottom: 20px;}

.trecolonne{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 50px 0px; grid-row-gap: 20px;}
.trecolonne div{width: calc(100% - 40px); position: relative; padding: 20px; background-color: #f9f9f9;}

.vantaggi{width: 100%; padding: 50px 0px; background-color: #f9f9f9; overflow: hidden; line-height: 25px;}
.vantaggi h3{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto 40px auto; float: none;}
.tabella{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto; box-shadow: #e1e1e1 0px 0px 0px 1px; clear: both;}
.tabella div{display: flex; justify-content: space-between; flex-wrap: wrap;}
.tabella h4{width: calc(100% - 20px); padding: 10px; margin: 0px; background-color: #33b375; text-align: left; font-size: 1em; text-transform: uppercase; font-weight: 700; box-shadow: rgba(255,255,255,0.4) 0px 1px 0px 0px inset; display: flex; align-items: center;}
.tabella p{width: calc(100% - 40px); padding: 10px 20px; box-shadow: #e1e1e1 0px 1px 0px 0px;}

.sottohome{width:100%; position: relative;padding: 100px 0%;background-image: url(/template/bg-news.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; overflow: hidden;}
.sottohome h3, .valore h3{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto 40px auto; float: none; text-align: center; font-size: 1.4em;font-family: 'Lora', serif;  text-transform: uppercase; font-weight: 400;}
.sottohome .contiene{display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 30px;}
.sottohome .contiene div{background-color: #fff;  text-align: center; font-size: 1.1em; font-weight: 700; line-height: 30px; width: 100%;  box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px;}
.sottohome .contiene div p:first-child{width: 100%; height: 150px; overflow: hidden;}
.sottohome .contiene div p:last-child{width: calc(100% - 40px); padding:  20px}
.sottohome img{width: 100%; height: 100%; object-fit: cover;}

.valore{width: 100%; padding: 50px 0px; overflow: hidden; position: relative; background-color: #fff; text-align: center;}
.valore .giustifica{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto; text-align: left;}

}

@media only screen and (min-width:768px) and (max-width:1024px) {
h1, .titolo{text-align:left; font-size:1.8em; line-height:47px;margin:0px auto 30px auto; font-family: 'Lora', serif; clear:both; width:100%; padding: 0px; font-weight: 400; color: #33b375; position: relative;}
h2{text-align:left;font-size:1.2em;margin:0px;line-height:29PX; color: #868889; width: 100%; clear: both; float: left; font-family: 'Marvel', sans-serif; font-weight: 300}

.StyleIntestazione{width: 100%; position: fixed; z-index: 5; top:0px; height: 90px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px} 
.StyleIntestazione .logo{position: relative; height: 100%; width: 260px;  cursor: pointer; float:left; display: flex; justify-content: center;} 
.StyleIntestazione .contiene{height: 100%;} 
.logo img{width: 100%; height: 100%; object-fit: contain;} 

.chiama{display: none;}


#ControlMenu{cursor:pointer; padding: 0px; display:flex; justify-content:center; align-items:center;  width: 40px; height: 26px; margin: 0px; overflow: hidden; position: absolute; top:  35px; right:  30px}
#ControlMenu:after{width: 100%; height: 2px; background-color: #33b375; content: ""; top:  0px; right:  0px; position: absolute; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear }
#ControlMenu:before{width: 100%; height: 2px; background-color: #33b375; content: ""; bottom:  0px; left:  0px; position: absolute; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear }
#ControlMenu hr{width: 100%; height: 2px; }

.contiene{width: calc(100% - 60px); margin: 0 auto; padding: 0px;} 

#sei{width: calc(100% - 60px); position: relative; margin: 0px auto; height: auto; padding: 180px 30px 15px 30px ; overflow: hidden; color: #23395f; clear:both; text-align: left; line-height: 20px;  list-style: none; font-size: 0.85em; background-image: url(/template/bg-sei.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sei:after{content: ""; bottom: 50px; left:  0px; width: 100%; height: 1px; background-color: rgba(50,50,50,0.15); position: absolute;}

.ContentSlider{width: 100%; height: 600px;position: relative;  clear: both; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden}
.BGSlider{width: 100%;  background-repeat: no-repeat; background-size: cover; background-position: center top; min-height: 600px !important; position: relative;}
.TXSlider{width: 100%; bottom: 0px; left: 0px; background-color: rgba(46,172,106,0.7); margin: 0px; padding: 20px 0px 45px 0px; height: auto; position: absolute; text-align: center; font-size: 1.8em; color: #fff; line-height: 45px; text-transform: uppercase; font-family: 'Lora', serif;}

.TXSlider:before{position: absolute; content: ""; left:  0px; top: -80px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid rgba(46,172,106,0.7)}
.TXSlider:after{position: absolute; content: ""; right:  0px; top: -80px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid rgba(46,172,106,0.7) }
.ContentSlider button{font-size: 0.6em; background-color: #66d9a1;}

.boxhome{width: 100%; margin: 100px auto 0px auto; padding: 0px 0px 30px 0px; text-align: center; font-size: 1.1em; line-height: 30px; box-shadow: #f6f6f6 0px -150px 0px 0px inset;  } 
.boxhome .contiene{width: calc(100% - 60px); max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;} 
.unohome{width: 31%; background-color: #33b375; color: #fff; height: 182px;  position: relative;}
.duehome{width: 31%; background-color: #5d5d5d; color: #fff; height: 182px;  position: relative;}
.trehome{width: 31%; background-color: #dadada; height: 182px;  position: relative;}
.unohome:before{position: absolute; right: -15px; top:  0px; content: ""; border-top:  182px solid transparent; border-left: 15px solid #33b375 }
.duehome:before{position: absolute; left: -15px; top:  0px; content: ""; border-bottom:  182px solid transparent; border-right: 15px solid #5d5d5d }
.duehome:after{position: absolute; right: -15px; top:  0px; content: ""; border-top:  182px solid transparent; border-left: 15px solid #5d5d5d }
.trehome:before{position: absolute; left: -15px; top:  0px; content: ""; border-bottom:  182px solid transparent; border-right: 15px solid #dadada }
.boxhome div div i{width: 140px; height: 140px; line-height: 140px; font-size: 2em; margin: -70px 0px 20px 0px;  -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }



.Contenthome{width: 100%; padding: 50px 0px 80px 0px; overflow: hidden; position: relative; background-color: #f6f6f6;}
.Contenthome:before{position: absolute; content: ""; left:  0px; bottom: 0px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid #3e3e3e}
.Contenthome:after{position: absolute; content: ""; right:  0px; bottom: 0px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid #3e3e3e }

.Contenthome .contiene{display: flex; justify-content: space-between;}
.diqua{width: 60%; order: 2; padding: 0px;}
.dila{width: 35%; overflow: hidden; height: 400px;}

.case{width: 100% margin: 0 auto; padding: 50px 0px; background-color: #3e3e3e;}
.case h1{text-align: center;}
.marchio{display: none;}
.tuttiprodotti{width: 90%; display: flex; justify-content: flex-start; grid-gap: 30px; margin: 50px auto 0px auto; flex-wrap: wrap;}
.elencopro{width: calc(50% - 20px); background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;}
.fotopro{width: calc(100% - 20px); height: 270px;  overflow: hidden; margin: 10px}
.antepro{margin:  10px; width: calc(100% - 20px); display: flex; justify-content: space-between; line-height: 25px;}
.antepro strong{font-size: 1.3em; font-family: 'Lora', serif; font-weight: 700; }
.antepro p{width: 40%}
.antepro .costo{background-color: #33b375; color: #fff; font-size: 1.1em; text-align: center; display: flex; justify-content: center; align-items: center; text-transform: uppercase; cursor: pointer;}
.antepro span{display: none;}
.frgallery{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; height: auto; width: calc(100% - 40px); box-shadow: #e1e1e1 0px 0px 0px 1px inset; padding: 20px; float: left;}


.contattaci{width: 100%; padding:  70px 0px 100px 0px; background-color: #3e3e3e; text-align: center; position: relative;}
.contattaci span{font-size: 1.4em; color:  #fff; font-family: 'Lora', serif; text-transform: uppercase; font-weight: 400;}
.contattaci h2{color: #fff; text-align: center; font-size: 1em; line-height: 30px; margin:  30px 0px 0px 0px; float: none;}
.chiamadue{position:  absolute; z-index: 2; bottom:  -30px; left:  50%; width: 370px; color:  #fff; font-family: 'Lora', serif; font-size: 1.15em; margin-left: -195px; padding:  10px; line-height: 27px; text-transform: uppercase; background-color: #33b375; display: flex; justify-content: space-between; -moz-border-radius:0px 100px 100px 0px;-webkit-border-radius:0px 100px 100px 0px;border-radius:0px 100px 100px 0px;}
.chiamadue i{width: 54px; height: 54px; line-height: 54px; background-color: #fff; color: #33b375; font-size: 1em; text-align: center; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.chiamadue:after{position: absolute; left: -25px; top: 0px; content: ""; border-top: 37px solid #33b375; border-bottom: 37px solid #33b375; border-left: 25px solid transparent; }

.ContentPage{width: calc(100% - 60px); margin: 0 auto;  padding: 70px 0px; clear: both; overflow: hidden; position: relative; }
.ContentNews{width: calc(100% - 60px); margin: 0 auto; padding: 70px 30px; clear: both; overflow: hidden; position: relative; }
.Contentwide{width: calc(100% - 60px); margin: 0 auto; padding: 70px 30px; clear: both; overflow: hidden; position: relative; }
.ContentCat{width: 100%; margin: 0 auto; padding: 70px 0px; clear: both; overflow: hidden; position: relative;}

.giustifica{ display:flex;flex-wrap:wrap;justify-content:space-between; clear: both; margin: 0 auto; padding: 0px;}
.newshome{width: 100%; padding: 70px 0px; background-image: url(/template/bg-news.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; text-align: center; position: relative;}
.newshome .titolo{text-align: center; width: calc(100% - 60px);  float: none}
.newshome .titolo span{text-transform: uppercase; color: #33b375}
.newshome h2{text-align: center; width: calc(100% - 60px); margin: 0 auto 50px  auto; float: none;}
.newshome:before{position: absolute; content: ""; left:  0px; bottom: 0px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid #33b375}
.newshome:after{position: absolute; content: ""; right:  0px; bottom: 0px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid #33b375 }

.TDCorpoNews{width: calc(48% - 2px); float: left; background-color: rgba(246,246,246,0.8); box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px; border: 1px solid rgba(255,255,255,0.5); overflow: hidden; cursor: pointer; margin:0px 4% 40px 0px; padding: 0px; position: relative;}
.TDCorpoNews:nth-child(2n+2){margin-right: 0px;}
.newshome .TDCorpoNews:nth-child(3){display: none;}

.fotonews{width: 100%; height: 200px; overflow: hidden;}
.antenews{width: calc(100% - 60px); padding: 30px; clear: both; float: left; height: 210px; font-size: 0.9em; text-align: left; line-height: 25px;}

.sinistra{width: 100%;}
.destra{width: 100%; margin-top: 40px; clear: both; float: left; }
.inverti .sinistra, .ContentNews .sinistra{order: 1;}
.inverti .destra{order: 2}
.ContentNews .destra{order: 1; max-height: 600px;}

.sx{width: 100%;}
.dx{width: 50%; float: right; clear: both;}
.colonnasx{float: left; width: 49%}
.colonnadx{width: 49%; float: right; }

.footer1{width:100%;height:auto;padding:70px 0px; margin: 0 auto; clear: both; float: left; text-align: left; font-size: 0.8em; line-height: 25px; position: relative; color: #fff;  background-color: #33b375; background-image: url(/template/icona.svg); background-repeat: no-repeat; background-position: left 8% center; background-size: auto 90%;}
.footer1 .contiene{display: flex; justify-content: space-between; flex-wrap: wrap;}

.unoditre{width: 48%}
.dueditre{width: 48%}
.treditre{width: 500px; margin: 50px auto 0 auto;}
.treditre ul{width: 100%; display: flex; justify-content: space-between; overflow: hidden;}
.treditre li{padding: 0px 3%; position: relative; float: left; width: auto;}
.treditre li:before{position: absolute; top:  0px; right: -4px; background-color: #393939; width: 1px; height: 100%; content: "";}

.sub li{width: 31.5%; height: 250px; overflow: hidden; position: relative; text-align: center; padding: 0px !important; background-color: #fff; box-shadow: #ececec 0px 0px 0px 1px inset;  text-transform: uppercase; border: none !important; overflow: hidden; float: left; margin: 0px 2.5% 30px 0px; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }
.sub li:nth-child(3n+3){margin-right: 0px}

.formpagine form{width: calc(100% - 100px); max-width: 600px; margin: 0 auto; height: 100%; padding: 50px;background-color: rgb(60,60,60,08); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px; }
#securityCode {-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-o-transform: scale(0.85);width: 100px; display:flex; justify-content:flex-start; align-items:center; clear: both; float: left; margin: -15px 0px 0px -8px}
.formtasto{float: right; margin-top: 10px}

.GalleryPage  {padding: 40px 0px !important}
#div_check_ricerca{width: 280px !important;}

.caroselloenvelop{padding: 60px 0px}
.carosellocontainer{width: 90%; margin: 0 auto;padding-top: 50px;padding-bottom: 50px}
.carosellocontainer h1, .carosellocontainer h2, .formnwsl h1, .formnwsl h2{color: #fff; width: 90%; padding: 0px 5%;float: none;}
.carosellodiv{cursor: pointer; font-size: 1em; float: left !important; color: #fff; line-height: 20px; text-align: center;}

.divInternoCSS{max-width: 500px; width: calc(80% - 100px); background-color: #fff; padding: 50px;  text-align: center; box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px; font-size: 1em; line-height: 20px}
#esito{position:absolute;z-index:1010;width:400px;overflow:hidden;background-color:#FFF;padding:15px;left:50%; top: 0px; margin-left:-215px; margin-top:150px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.managersx{width: 47%; float: left; line-height: 30px}
.managerdx{width: calc(47% - 50px); float: right; background-color: #f4f4f4; padding: 25px; overflow: hidden; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; line-height: 30px;  text-align: left;}

.cosafacciamo{background-color:  #f6f6f6; padding:  60px 0px}
.cosafacciamo .contiene{display: flex; justify-content: center; flex-wrap: wrap;}
.cosafacciamo .contiene div{width: 30%; text-align: center; margin: 20px 1.5% 40px 1.5%}
.cosafacciamo .contiene p{width: 100%; height: 200px; position: relative; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow: hidden; margin-bottom: 30px;}

.trecolonne{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 50px 0px; grid-row-gap: 20px;}
.trecolonne div{width: calc(100% - 40px); position: relative; padding: 20px; background-color: #f9f9f9;}


.vantaggi{width: 100%; padding: 50px 0px; background-color: #f9f9f9; overflow: hidden; line-height: 25px;}
.vantaggi h3{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto 40px auto; float: none;}
.tabella{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto; box-shadow: #e1e1e1 0px 0px 0px 1px; clear: both;}
.tabella div{display: flex; justify-content: space-between;}
.tabella h4{width: calc(30% - 20px); padding: 10px; margin: 0px; background-color: #33b375; text-align: left; font-size: 1em; text-transform: uppercase; font-weight: 700; box-shadow: rgba(255,255,255,0.4) 0px 1px 0px 0px inset; display: flex; align-items: center}
.tabella p{width: calc(70% - 40px); padding: 10px 20px; box-shadow: #e1e1e1 0px 1px 0px 0px;}

.sottohome{width:100%; position: relative;padding: 100px 0%;background-image: url(/template/bg-news.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; overflow: hidden;}
.sottohome h3{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto 40px auto; float: none; text-align: center; font-size: 1.4em;font-family: 'Lora', serif;  text-transform: uppercase; font-weight: 400;}
.sottohome .contiene{display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 30px;}
.sottohome .contiene div{background-color: #fff;  text-align: center; font-size: 1.1em; font-weight: 700; line-height: 30px; width: 48%;  box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px;}
.sottohome .contiene div p:first-child{width: 100%; height: 150px; overflow: hidden;}
.sottohome .contiene div p:last-child{width: calc(100% - 40px); padding:  20px}
.sottohome img{width: 100%; height: 100%; object-fit: cover;}

.valore{width: 100%; padding: 70px 0px; overflow: hidden; position: relative; background-color: #fff; text-align: center;}
.valore .giustifica{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto; text-align: left;}

}

@media only screen and (min-width:1025px) {
h1, .titolo{text-align:left; font-size:1.8em; line-height:47px;margin:0px auto 15px auto; font-family: 'Lora', serif; clear:both; width:100%; padding: 0px; font-weight: 400; color: #33b375; position: relative;}
h2{text-align:left;font-size:1.2em;margin:0px 0px 0px 0px;line-height:29PX; color: #868889; width: 100%; clear: both; float: left; font-family: 'Marvel', sans-serif; font-weight: 300}

.StyleIntestazione{width: 100%; position: fixed; z-index: 5; top:0px; height: 115px; box-shadow: rgba(46,172,106,0.9) 0px 55px 0px 0px; background-color: #fff;} 
.StyleIntestazione .logo{position: relative; height: 115px; width: 350px;  cursor: pointer; margin:  0 auto; display: flex; justify-content: center;} 
.StyleIntestazioneScroll .logo{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; width: 250px; height: 80px;}
.StyleIntestazione .contiene{width: 90%; max-width: inherit; margin: 0 auto; padding: 0px;} 
.logo img{width: 100%; height: 100%; object-fit: contain;} 
.StyleIntestazione:after{width: 100%; position: absolute; bottom: -75px; left:  0px; content: ""; background: rgb(0,0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); height: 20px;} 

.chiama{position:  relative; float: right; width: 375px; color:  #33b375; font-family: 'Lora', serif; font-size: 1.15em; margin-top: 20px; padding:  10px 10px 10px 40px; line-height: 27px; text-transform: uppercase; background-color: #ececec; display: flex; justify-content: space-between; -moz-border-radius:0px 100px 100px 0px;-webkit-border-radius:0px 100px 100px 0px;border-radius:0px 100px 100px 0px; display: none;}
.chiama i{width: 54px; height: 54px; line-height: 54px; background-color: #33b375; color: #fff; font-size: 1em; text-align: center; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.chiama:after{position: absolute; left: 0px; top: 0px; content: ""; border-top: 37px solid transparent; border-bottom: 37px solid transparent; border-left: 25px solid #fff; }

#JQMenu{clear: both;  padding:0px; margin: 0px auto; height: 55px; position: relative; width: 100% }
#JQMenu > li{position:relative;list-style:none;text-align:center; height: 100%; width: 14.2%;  display:flex; justify-content:center; align-items:center; margin:0px; padding: 0px; cursor:pointer; float: left}
#JQMenu > li > a{display:block;text-decoration:none;font-size:0.95em; color: #fff;padding:0px; font-weight: 400; overflow: hidden; width: 100%; text-transform: uppercase;}
#JQMenu > li:hover a{color: #fff;}
#JQMenu > li > ul{margin:0px;position:absolute;visibility:hidden;padding: 0px;width:100%;top:55px;left:0px; z-index:90; background-color: rgba(46,172,106,0.9);}
#JQMenu > li > ul > li{ position:relative;clear:both; text-align: left !important; justify-content: flex-start !important;cursor:pointer; height:auto;background-image:none!important;margin:0 auto;overflow:hidden; width: calc(100% - 30px) !important; padding: 15px !important; -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#JQMenu > li > ul > li:hover{ background-color: rgba(255,255,255,0.1)}
#JQMenu > li > ul > li > a{color:#fff !important; text-decoration:none; font-size:0.9em !important; line-height:25px; height:auto; width: 100%; float: left; font-weight: 400}
#JQMenu > li > ul > li > a:hover{ color: #fff !important}
#JQMenu > li > ul:before{display: none;}
#JQMenu > li:after{position: absolute; top: 0px; left: 0%; z-index: -1; right: 0%; background-color: rgba(0,0,0,0.15); content: ""; width: 100%; height: 0px;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; }
#JQMenu > li:hover:after{height: 100%}
#JQMenu > li:before{position: absolute; top:  50%; right: -3px; content: ""; width: 6px; height: 6px; margin-top: -3px; background-color: #fff; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
#page_6:before{display: none;}

#ControlMenu, #closemenu {display: none !important;}
.clkmen{float: right; font-size: 0.8em; margin-top: -3px; color: #284671}

.contiene{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto; padding: 0px;} 

#sei{width: calc(100% - 60px); position: relative; margin: 0px auto; height: auto; padding: 280px 30px 15px 30px ; overflow: hidden; color: #23395f; clear:both; text-align: left; line-height: 20px;  list-style: none; font-size: 0.85em; background-image: url(/template/bg-sei.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sei:after{content: ""; bottom: 50px; left:  0px; width: 100%; height: 1px; background-color: rgba(50,50,50,0.15); position: absolute;}

.ContentSlider{width: 100%; height: 900px;position: relative;  clear: both; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden}
.BGSlider{width: 100%;  background-repeat: no-repeat; background-size: cover; background-position: center top; min-height: 900px !important; position: relative;}
.TXSlider{width: 100%; bottom: 0px; left: 0px; background-color: rgba(46,172,106,0.7); margin: 0px; padding: 20px 0px 45px 0px; height: auto; position: absolute; text-align: center; font-size: 1.8em; color: #fff; line-height: 45px; text-transform: uppercase; font-family: 'Lora', serif;}
.TXSlider:before{position: absolute; content: ""; left:  0px; top: -80px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid rgba(46,172,106,0.7)}
.TXSlider:after{position: absolute; content: ""; right:  0px; top: -80px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid rgba(46,172,106,0.7) }
.ContentSlider button{font-size: 0.6em; background-color: #66d9a1;}

/*.BGSlider:before{position: absolute; content: ""; left:  0px; bottom: 0px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid #fff}
.BGSlider:after{position: absolute; content: ""; right:  0px; bottom: 0px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid #fff }
*/

.boxhome{width: 100%; margin: 130px auto 0px auto; padding: 0px 0px 50px 0px; text-align: center; font-size: 1.4em; line-height: 30px; box-shadow: #f6f6f6 0px -150px 0px 0px inset;  } 
.boxhome .contiene{width: calc(100% - 60px); max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;} 
.unohome{width: 31%; background-color: #33b375; color: #fff; height: 182px;  position: relative;}
.duehome{width: 31%; background-color: #5d5d5d; color: #fff; height: 182px;  position: relative;}
.trehome{width: 31%; background-color: #dadada; height: 182px;  position: relative;}
.unohome:before{position: absolute; right: -15px; top:  0px; content: ""; border-top:  182px solid transparent; border-left: 15px solid #33b375 }
.duehome:before{position: absolute; left: -15px; top:  0px; content: ""; border-bottom:  182px solid transparent; border-right: 15px solid #5d5d5d }
.duehome:after{position: absolute; right: -15px; top:  0px; content: ""; border-top:  182px solid transparent; border-left: 15px solid #5d5d5d }
.trehome:before{position: absolute; left: -15px; top:  0px; content: ""; border-bottom:  182px solid transparent; border-right: 15px solid #dadada }
.boxhome div div i{width: 140px; height: 140px; line-height: 140px; font-size: 2em; margin: -70px 0px 20px 0px;  -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
/*.boxhome div div:hover i{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
*/

.Contenthome{width: 100%; padding: 50px 0px 120px 0px; overflow: hidden; position: relative; background-color: #f6f6f6;}
.Contenthome:before{position: absolute; content: ""; left:  0px; bottom: 0px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid #3e3e3e}
.Contenthome:after{position: absolute; content: ""; right:  0px; bottom: 0px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid #3e3e3e }

.Contenthome .contiene{display: flex; justify-content: space-between;}
.diqua{width: 60%; order: 2; padding: 0px;}
.dila{width: 35%; overflow: hidden; height: 400px;}

.case{width: 100% margin: 0 auto; padding: 50px 0px; background-color: #3e3e3e;}
.case h1{text-align: center;}
.marchio{display: none;}
.tuttiprodotti{width: 90%; display: flex; justify-content: flex-start; grid-gap: 30px; margin: 50px auto 0px auto; flex-wrap: wrap;}
.elencopro{width: calc(33.33% - 20px); background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;}
.fotopro{width: calc(100% - 20px); height: 270px;  overflow: hidden; margin: 10px}
.antepro{margin:  10px; width: calc(100% - 20px); display: flex; justify-content: space-between; line-height: 25px;}
.antepro strong{font-size: 1.3em; font-family: 'Lora', serif; font-weight: 700; }
.antepro p{width: 40%}
.antepro .costo{background-color: #33b375; color: #fff; font-size: 1.1em; text-align: center; display: flex; justify-content: center; align-items: center; text-transform: uppercase; cursor: pointer; }
.antepro span{display: none;}
.frgallery{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; height: auto;  width: calc(100% - 40px); box-shadow: #e1e1e1 0px 0px 0px 1px inset; padding: 20px; float: left;}


.contattaci{width: 100%; padding:  70px 0px 100px 0px; background-color: #303030; text-align: center; position: relative;}
.contattaci span{font-size: 1.4em; color:  #fff; font-family: 'Lora', serif; text-transform: uppercase; font-weight: 400;}
.contattaci h2{color: #fff; text-align: center; font-size: 1em; line-height: 30px; margin:  30px 0px 0px 0px; float: none;}
.chiamadue{position:  absolute; z-index: 2; bottom:  -30px; left:  50%; width: 370px; color:  #fff; font-family: 'Lora', serif; font-size: 1.15em; margin-left: -195px; padding:  10px; line-height: 27px; text-transform: uppercase; background-color: #33b375; display: flex; justify-content: space-between; -moz-border-radius:0px 100px 100px 0px;-webkit-border-radius:0px 100px 100px 0px;border-radius:0px 100px 100px 0px;}
.chiamadue i{width: 54px; height: 54px; line-height: 54px; background-color: #fff; color: #33b375; font-size: 1em; text-align: center; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.chiamadue:after{position: absolute; left: -25px; top: 0px; content: ""; border-top: 37px solid #33b375; border-bottom: 37px solid #33b375; border-left: 25px solid transparent; }

.ContentPage{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto;  padding: 100px 0px; clear: both; overflow: hidden; position: relative; }
.ContentNews{width: calc(100% - 200px); max-width: 1000px; margin: 0 auto; padding: 100px; clear: both; overflow: hidden; position: relative; display: flex; justify-content: space-between; flex-direction: column; }
.Contentwide{width: calc(100% - 200px); margin: 0 auto; padding: 100px; clear: both; overflow: hidden; position: relative; display: flex; justify-content: space-between; }
.ContentCat{width: 100%; margin: 0 auto; padding: 100px 0px; clear: both; overflow: hidden; position: relative;}


.giustifica{ display:flex;flex-wrap:wrap;justify-content:space-between; clear: both; margin: 0 auto; padding: 0px;}
.newshome{width: 100%; padding: 70px 0px; background-image: url(/template/bg-news.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; text-align: center; position: relative;}
.newshome .titolo{text-align: center; width: calc(100% - 60px); max-width: 1300px;  float: none}
.newshome .titolo span{text-transform: uppercase; color: #33b375}
.newshome h2{text-align: center; width: calc(100% - 60px); max-width: 1300px; margin: 0 auto 50px  auto; float: none;}

.newshome:before{position: absolute; content: ""; left:  0px; bottom: 0px; z-index: 2; width: 50%; height: 0px;  border-top: 80px solid transparent; border-right:  1000px solid #33b375}
.newshome:after{position: absolute; content: ""; right:  0px; bottom: 0px; z-index: 2; width: 50%; border-top: 80px solid transparent; border-left:  1000px solid #33b375 }


.TDCorpoNews{width: calc(31.3% - 2px); float: left; background-color: rgba(246,246,246,0.8); box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px; border: 1px solid rgba(255,255,255,0.5); overflow: hidden; cursor: pointer; margin:0px 3% 30px 0px; padding: 0px; position: relative;}
.TDCorpoNews:nth-child(3n+3){margin-right: 0px;}
.fotonews{width: 100%; height: 200px; overflow: hidden;}
.antenews{width: calc(100% - 60px); padding: 30px; clear: both; float: left; height: 190px; font-size: 0.9em; text-align: left; line-height: 30px;}

.sinistra{width: 46%;}
.destra{width: 46% }
.inverti .sinistra, .ContentNews .sinistra{order: 2;}
.inverti .destra{order: 1}
.ContentNews .sinistra{order: 2; width: 100%;}
.ContentNews .destra{order: 1; width: 100%; margin-bottom: 40px;}

.sx{width: 100%;}
.dx{width: 50%; float: right; clear: both;}
.colonnasx{float: left; width: 49%}
.colonnadx{width: 49%; float: right; }


.footer1{width:100%;height:auto;padding:70px 0px; margin: 0 auto; clear: both; float: left; text-align: left; font-size: 0.8em; line-height: 25px; position: relative; color: #fff;  background-color: #33b375; background-image: url(/template/icona.svg); background-repeat: no-repeat; background-position: left 8% center; background-size: auto 90%;}
.footer1 .contiene{display: flex; justify-content: space-between;}

.unoditre{width: 30%}
.dueditre{width: 30%}
.treditre{width: 25%}
.treditre li{padding: 10px 0px 10px 15px; box-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px 0px inset; position: relative;}
.treditre li:before{position: absolute; content: "\f054"; font-size: 0.6em; left: 0px; top: 8px; font-family:"Font Awesome 5 Pro"; color:#fff; text-align: left; font-weight: 300}


.sub li{width: 31.5%; height: 250px; overflow: hidden; position: relative; text-align: center; padding: 0px !important; background-color: #fff; box-shadow: #ececec 0px 0px 0px 1px inset;  text-transform: uppercase; border: none !important; overflow: hidden; float: left; margin: 0px 2.5% 30px 0px; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }
.sub li:nth-child(3n+3){margin-right: 0px}

.catehome{width: 23%; float: left; overflow: hidden; margin: 0px 2.6% 30px 0px; height: 150px; position: relative; cursor: pointer;}
.catehome:nth-child(4n+4){margin-right: 0px;}
.titolocategoria{position: absolute; background-color: rgba(0,0,0,0.25); width: calc(100% - 40px); height: calc(100% - 40px); z-index: 1; display: flex; align-items: flex-end; justify-content: center; top: 0px; left: 0px; padding: 20px; text-align: center; line-height: 22px}


.elencosel{overflow: hidden; cursor: pointer; margin: 15px 30px; position: relative; height: 480px !important; text-align: center; font-weight: 400; line-height: 22px; }
.carrellosx {float: left;width: calc(100% - 300px);-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;box-shadow: #dedede 0 0 0 1px inset}
.carrellodx {float: right;width: 200px;padding: 30px;background-color: #f2f2f2;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px}

.formpagine form{width: calc(100% - 100px); max-width: 600px; margin: 0 auto; height: 100%; padding: 50px;background-color: rgb(60,60,60,08); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px; }
#securityCode {-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-o-transform: scale(0.85);width: 100px; display:flex; justify-content:flex-start; align-items:center; clear: both; float: left; margin: -15px 0px 0px -8px}
.formtasto{float: right; margin-top: 10px}

.caroselloenvelop{background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 60px 0px}
.carosellocontainer{width: 90%; margin: 0 auto;padding-top: 50px;padding-bottom: 50px}
.carosellocontainer h1, .carosellocontainer h2, .formnwsl h1, .formnwsl h2{color: #fff; width: 90%; padding: 0px 5%;float: none;}
.carosellodiv{cursor: pointer; font-size: 1.2em; float: left !important; color: #fff; line-height: 30px; text-align: center;}

.divInternoCSS{max-width: 500px; width: calc(80% - 100px); background-color: #fff; padding: 50px;  text-align: center; box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px; font-size: 1em; line-height: 20px}
#esito{position:absolute;z-index:1010;width:400px;overflow:hidden;background-color:#FFF;padding:15px;left:50%; top: 0px; margin-left:-215px; margin-top:150px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.managersx{width: 47%; float: left; line-height: 30px}
.managerdx{width: calc(47% - 50px); float: right; background-color: #f4f4f4; padding: 25px; overflow: hidden; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; line-height: 30px;  text-align: left;}

.cosafacciamo{background-color:  #f6f6f6; padding:  60px 0px}
.cosafacciamo .contiene{display: flex; justify-content: center; flex-wrap: wrap;}
.cosafacciamo .contiene div{width: 30%; text-align: center; margin: 20px 1.5% 40px 1.5%}
.cosafacciamo .contiene p{width: 100%; height: 200px; position: relative; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow: hidden; margin-bottom: 30px;}

.trecolonne{width: 100%; display: flex; justify-content: space-between; margin: 50px 0px;}
.trecolonne div{width: calc(31% - 40px); position: relative; padding: 20px; background-color: #f9f9f9;}

.vantaggi{width: 100%; padding: 50px 0px; background-color: #f9f9f9; overflow: hidden;}
.vantaggi h3{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto 40px auto; float: none;}
.tabella{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto; box-shadow: #e1e1e1 0px 0px 0px 1px; clear: both;}
.tabella div{display: flex; justify-content: space-between;}
.tabella h4{width: calc(30% - 20px); padding: 10px; margin: 0px; background-color: #33b375; text-align: left; font-size: 1em; text-transform: uppercase; font-weight: 700; box-shadow: rgba(255,255,255,0.4) 0px 1px 0px 0px inset; display: flex; align-items: center}
.tabella p{width: calc(70% - 40px); padding: 10px 20px; box-shadow: #e1e1e1 0px 1px 0px 0px;}

.sottohome{width:100%; position: relative;padding: 100px 0%;background-image: url(/template/bg-news.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; overflow: hidden;}
.sottohome h3, .valore h3{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto 40px auto; float: none; text-align: center; font-size: 1.4em;font-family: 'Lora', serif;  text-transform: uppercase; font-weight: 400;}
.sottohome .contiene{display: flex; justify-content: space-between;}
.sottohome .contiene div{background-color: #fff;  text-align: center; font-size: 1.1em; font-weight: 700; line-height: 30px; width: 23%;  box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px;}
.sottohome .contiene div p:first-child{width: 100%; height: 150px; overflow: hidden;}
.sottohome .contiene div p:last-child{width: calc(100% - 40px); padding:  20px}
.sottohome img{width: 100%; height: 100%; object-fit: cover;}

.valore{width: 100%; padding: 70px 0px; overflow: hidden; position: relative; background-color: #fff; text-align: center;}
.valore .giustifica{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto; text-align: left;}

}

.ContentCat h1{text-align: center;}
.stacca{display: none;}

.valore img{width: 100%; height: 100%; object-fit: contain !important;}
.trecolonne h3{font-size:  1.2em; font-weight: 700; margin-bottom: 20px;}
.trecolonne div:after{background-color: #33b375;  height:1px;width:150px; position: absolute; left: calc(50% - 75px); bottom: 0px; content: "";}

.WidgetBlock_1 .boxhome{margin-top:  50px !important}


.cosafacciamo h4{text-align: center; color: #33b375; text-transform: none;  font-family: 'Lora', serif; font-size: 1.5em; margin-bottom: 50px;}
.cosafacciamo hr{float: none; margin: 0 auto 50px auto; width: 150px;}
.cosafacciamo img{width: 100%; height: 100%; object-fit: cover; filter: blur(2px);}
.cosafacciamo .contiene p span{width: 100%; height: 100%; position: absolute; left:  0px; top:  0px; background-color: rgba(0, 105,166, 0.7); color: #fff; font-size: 1.2em; text-align: center; display: flex; align-items: center; justify-content: center;}

.chiama a, .chiama a:hover{color: #4c4c4c; }
.chiamadue a, .chiamadue a:hover{color: #fff; }
.chiamadue strong{color: #fff; }
.fa-whatsapp{background-color: #25d366; color: #fff !important; text-align: center; box-shadow: none !important; -webkit-animation: beatHeart 2s infinite ease-in-out;-moz-animation: beatHeart 2s infinite ease-in-out;-ms-animation: beatHeart 2s infinite ease-in-out;-o-animation: beatHeart 2s infinite ease-in-out;animation: beatHeart 2s infinite ease-in-out;}


.unohome i{background-color: #66d9a1;}
.duehome i{background-color: #878787}
.trehome i{background-color: #b3adad; color: #fff;}

.unoditre strong{text-transform: uppercase; color: #fff; font-size: 1.25em; font-family: 'Lora', serif; font-weight: 400;}
.unoditre span{text-transform: uppercase;  font-family: 'Lora', serif; }

.socialfoot{margin:  20px 0px 0px 0px; float: left; clear: both; display: flex; justify-content: flex-start; width: 100%;}
.socialfoot i{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; width: 50px; height: 50px; line-height: 50px; text-align: center; box-shadow: #fff 0px 0px 0px 1px inset; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }
.socialfoot i:hover{box-shadow: rgba(255,255,255,1) 0px 0px 0px 50px inset; color: #33b375}

.dueditre a{color: #fff; font-size: 1.15em; font-family: 'Lora', serif; font-weight: 400;}
.dueditre strong{color: #fff;}
.dueditre em{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0px 10px 10px 0px; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #3e3e3e; color: #fff;}

.GalleryPage  {overflow:hidden; margin: 0; padding: 70px 0px 70px 0px; clear: both; position: relative;}
.GalleryPage:after{height: 1px; width: calc(100% - 290px); position: absolute; left:  0px; top: 0px; background-color: #616160; content: "";}

.ContentPro{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto; height: 100%; padding: 100px 0px; clear: both; overflow: hidden; position: relative;  }
#contenitoreCatalogo{display: none !important;}
.certifica p:hover{box-shadow: #32c7fe 0px 0px 0px 1px inset;}

.titolocategoria a, .titolocategoria a:hover{text-transform: uppercase; color: #fff; font-size: 1.2em}

#catemenu_prodotti .fa-chevron-down{margin-left: 10px; font-size: 0.9em; color: #e45b22}
#catemenu_prodotti strong{color: #e45b22; font-weight: 500}
#catemenu_prodotti ul li a{color: #868889 !important; font-weight: 400 !important}



.prezzo{font-size: 2em; color: #fff; font-weight: 300; margin: 0px 0px 25px 0px; display: none;}
.elencopro button, .elencosel button, .acq{margin: 0; background-color: #e45d25; padding: 15px 30px; display: none;}
.elencopro button:hover, .elencosel:hover button, .elencopro:hover button, .acq:hover{background-color: #ff7840 !important;}


.footer1 a, .footer1 a:hover{color: #fff; text-decoration: none;}
.unodidue a{font-size: 1.3em; font-weight: 400;}
.unodidue strong{font-size: 1.5em; font-weight: 500;}

.sub{width: 100%; margin: 0 auto !important;}
.sub li p{height: calc(100% - 40px); width: calc(100% - 40px); overflow: hidden; position: absolute; font-size: 1.3em; left:  0px; bottom: 0px; background-color: rgba(46,172,106,0.7); padding: 20px; z-index: 1; line-height: 28px; display: flex; justify-content: center; align-items: center;}
.sub li:before{display: none; }
.sub li blockquote{margin: 0px; padding: 0px 20px; width: calc(100% - 40px); text-transform: none; height: 80px; display: none; }
.sub li i{font-size: 4em; margin: 40px 0px; color: #fff;}
.sub li:hover{background-color:#f6f6f6;}
.sub li a{color:#fff;}
.sub li strong{font-size: 0.9em; }

.sinistra img, .destra img{width: 100%; height: 100%; object-fit: cover;}
.dila img{width: 100%; height: 100%; object-fit: cover;}
.embed-container{ height: 600px; overflow: hidden; clear: both; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

/*DOM*/
	body{position:relative;text-align:left;color:#4c4c4c;font-family: 'Marvel', sans-serif;font-weight:300;font-size:22px;line-height:35px;background-color:#fff;}
	html,body{margin:0;padding:0;height:100%;border:none}
	p {margin:0px;padding:0px}
	ul {margin:0px;padding:0px;list-style:none}
	strong{color:  #282828; font-weight: 700;}
	hr{background-color: #33b375; background: linear-gradient(90deg, #33b375 0%, #33b375 150px, transparent 150px, transparent 100%); height:1px;width:100%;border:none;margin:30px auto;position:relative;clear:both; float:left;}
	a{color:#33b375;border:none;text-decoration:none;}
	a:hover{text-decoration:none;border:none; color:#38ca83}

	input {-moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-size:0.9em; font-family: 'Marvel', sans-serif;margin:0px 0px 10px 0px;width:calc(100% - 50px); height:50px; line-height:50px;border:none;background-color: #fff; box-shadow: #e5e2db 0px 0px 0px 1px inset; padding:0px 25px; color:#666;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	input [type="text"]{-moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-family: 'Marvel', sans-serif; margin:0px 0px 10px 0px;font-size:0.9em;width:calc(100% - 50px);height:50px;line-height:50px;border:none;background-color: #fff;padding:0px 25px ;color:#666}
	input:focus{ outline:none;box-shadow: #33b375 0px 0px 0px 1px inset}
	input[type="checkbox"]{ height:auto;background-color: #fff;margin:11px 5px 0px 0px;padding:0px !important;border:1px solid #d4d4d4;width:auto;box-shadow:none;width:15px !important;height:15px;float:left}
	input[type="radio"]{box-shadow:none}
	textarea{-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 20px;font-size:0.9em; font-family: 'Marvel', sans-serif;float:left; width:calc(100% - 50px);height:200px;border:none;background-color: #fff; box-shadow: #e5e2db 0px 0px 0px 1px inset; padding:20px 25px;color:#666;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	textarea:focus{ outline:none;box-shadow: #33b375 0px 0px 0px 1px inset}
	select{-moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-family: 'Marvel', sans-serif;margin:0px 0px 10px 0px;font-size:0.9em;width:100%;border:none;background-color: #fff; box-shadow: #e5e2db 0px 0px 0px 1px inset; height:50px; line-height:50px; padding:0px 13px; color:#666;  background-image: url(/template/freccina.png); background-repeat: no-repeat; background-position: right 9px top 10px;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;  appearance: none; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	select:focus{ outline:none;box-shadow: #33b375 0px 0px 0px 1px inset}
	input[type="submit"]{ border: none; box-shadow: none; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-family: 'Lora', serif; background: #33b375;margin:0px;width:auto;font-weight:500;height:auto;line-height:inherit;padding: 0px 25px; height: 60px; line-height: 60px; text-transform:uppercase;font-size:0.85em;color:#fff;cursor:pointer;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	input[type="submit"]:hover{background-color:#38ca83 !important;}
	input[type="button"],  button, .bottone{position: relative; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; border:none; box-shadow: none; background: #33b375; font-family: 'Lora', serif; margin: 30px 0px 0px 0px;width:auto;font-weight:500;height:auto;line-height:inherit;padding: 0px 30px 0px 30px; height: 60px; line-height: 60px; text-transform:uppercase;font-size:0.85em;color:#fff;cursor:pointer;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
	input[type="button"]:hover, button:hover, .bottone:hover{background-color:#38ca83;}
	input[type="button"] a,  button a {color: #fff;}
	input[type="button"]:hover a,  button:hover a {color: #fff;}

	button i{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; float: right; margin: 15px 0px 0px 10px; background-color: #5d5d5d; width: 30px; height: 30px; line-height: 30px !important; text-align: center;}


.contattaci button{background-color: #4c4c4c; color: #fff; box-shadow: rgba(29,29,27,0.6) 0px 0px 0px 7px;}
.contattaci button:hover{background-color: #292926 !important;  color: #fff !important; box-shadow: rgba(29,29,27,0.2) 0px 0px 0px 10px;}

input[type="submit"]{}


.antenews a{font-family: 'Lora', serif;}

.ContentNews .fa-newspaper{font-size: 3em; margin-bottom: 10px; color: #8b8b8b; width: 100%; text-align: center; }

	/*trattamento speciale per le input type date (da testare)*/
	input[type="date"]{-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; cursor: pointer; font-family: 'Marvel', sans-serif;margin:0px 0px 10px 0px;font-size:0.85em;width:100%;border:none;background-color: #fff; box-shadow: #dedede 0px 0px 0px 1px inset; height:48px; line-height:48px; padding:0px 13px; color:#666; background-image: url(/template/freccina.png); background-repeat: no-repeat; background-position: right 9px top 9px;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;  appearance: none; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;cursor: pointer;}

	input::placeholder, textarea::placeholder {color: #7f7f7f;}


	h3{text-align:left;font-size:1.5em;font-weight:500;margin:0px 0px 20px 0px;line-height:35px; width: 100%; color: #33b375; font-family: 'Marvel', sans-serif; width: 100%; clear: both; float: left;}
	.titoloform{text-align:center;font-size:1.6em; font-weight:400;margin:0px 0px 40px 0px;line-height:30px; width: 100%; color: #fff; font-family: 'Lora', serif; width: 100%; clear: both; float: left;}

	.destra form{padding: 30px; width: calc(100% - 60px); box-shadow: #e0dfd8 0px 0px 0px 1px inset; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}

	h4, h5{text-align:left; font-size:1.2em; line-height:30px;margin:20px 0px 10px 0px; font-family: 'Marvel', sans-serif;clear:both;float:left;width:100%; font-weight: 300; color: #fff; position: relative;}
	h5 i{color: #c7c7c7; font-size: 1.3em; margin-right: 15px; float: left;}


	table{width:100%;box-shadow:#e6e6e6 0px 0px 0px 1px;border-spacing:0px;font-size:0.9em;line-height:23px;border-collapse:separate; margin-top: 40px}
	table tr{box-shadow:#e6e6e6 0px -1px 0px 0px inset}
	table td{padding:10px}
	table tr:nth-child(even) {background: transparent;}
	table tr:nth-child(odd) {background:#f1f1f1;}
	.StylePagina{width:100%;padding:0px; height:auto; overflow: hidden; height: auto; }

 

/*BREADCRUMB*/
	#sei li{float: left;}
	#sei a{color: #23395f}
	#sei em{font-size:0.6em; margin-right: 5px}
	#sei strong{font-weight: 500; color: #23395f;}


/*STILE ELENCHI NELLE PAGINE*/
	.ContentPage ul, .ContentNews ul, .elenco, .Contentwide ul{margin: 20px 0px; width: 100%; clear: both; float: left;}
	.ContentPage ul li, .ContentNews ul li, .elenco li, .Contentwide ul li{padding: 12px 0px 12px 30px; position: relative;  border-bottom: 1px solid #e0dfd8}
	.ContentPage ul li:before, .ContentNews ul li:before, .elenco li:before, .Contentwide li:before{position: absolute; content: "\f058"; font-size: 1em; left: 0px; top: 13px; font-family:"Font Awesome 5 Pro"; color:#33b375; text-align: left; font-weight: 300}

	.ContentPage ol{margin: 20px 0px; width: 100%; clear: both; float: left; line-height: 22px}
	.ContentPage ol li{padding: 12px 0px 12px 0px; position: relative;  border-bottom: 1px solid #e0dfd8; margin: 0px}



/*GALLERY*/
	.TDCorpoNews .fotonews img, .pagegallery div img{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; height: 100%; width: 100%; object-fit: cover; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
	.TDCorpoNews:hover .fotonews img,  .pagegallery div:hover img {-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}
	.pagegallery div a {width: 100%; height: 100%;  display:flex; justify-content:center; align-items:center;}

.fotohome p img{width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.fotohome p:hover img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}

.elencopro .fotopro img, .elencosel .fotopro img, .elencopromaster .fotopro img{width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.elencopro:hover .fotopro img, .elencosel:hover .fotopro img, .elencopromaster:hover .fotopro img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}

.servizihome div{-webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.servizihome div:hover{-webkit-transform:scale(0.98) !important;-moz-transform:scale(0.98) !important;-o-transform:scale(0.98) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.servizihome div, .servizihome div p{-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear  }
.servizihome div:hover{background-color: rgba(195,195,195,0.3); color: #38ca83;}
.servizihome div:hover p{background-color: #38ca83;}
.servizihome div:nth-child(even):hover p{background-color: #38ca83;}

.recensione .fotorec img,.recensionepagina .fotorec img{width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.recensione:hover .fotorec img, .recensionepagina:hover .fotorec img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}

.sub li img{width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.sub li:hover img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}

.star{margin: 0px 0px 15px 0px}
.star .fa-star{margin: 0px 5px 0px 0px}

/*FORM*/
	.formcontatti{width: 100%; margin: 30px auto 0 auto; height: 100%; padding: 0px;}
	#FormSendMailToSite2{width:100%}
	.formcontatti select{width:100%;height:37px;padding:5px}
	.formpagine{width:100%; position: relative;padding: 100px 0%;background-image: url(/template/bg-form.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; overflow: hidden;}



	#div_check_email, #div_check_email2 {float:right}
	#securityCode{float:left;}

	#div_check_ricerca{display: none;position: absolute;top: 68px;z-index: 100; font-size: 1em;  width: 290px;height: 180px;overflow-y: auto; color: #666; background-color: #fff; padding: 10px 20px; box-shadow: #dedede 0px 0px 0px 1px inset;text-align: left;}
	#div_check_ricerca a{color: #4b4b4b;}
	.elencosearch a {color: #4b4b4b; text-transform: uppercase; font-weight: 700}
	#div_check_ricerca em {color: #73a65c; margin-right: 5px;}
	.elencosearch a i{color: #73a65c; margin: 7px 5px 0px 0px; float: left;}
/*FOOTER*/
	.footer2{width:calc(100% - 40px);height:auto; margin:0px; position: relative; clear:both; float:left; padding:15px 20px 25px 20px; text-align: center; font-size: 0.75em; line-height: 19px; color: #fff; background-color: #3e3e3e; }
	.footer2 a{text-decoration: none;  color: #fff;}
	.social{position: absolute; left: 50%; bottom: 95px; width: 170px; margin-left: -85px; z-index: 1; display: flex; justify-content: space-between; text-shadow: none}
	.social i{width: 50px; height: 50px; line-height: 50px; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; font-size: 1.4em; cursor: pointer; }

/*PAGINATORE*/
	#Paginatore{width: 100%; margin: 40px auto 0px auto; display: flex; justify-content: center; align-items: flex-start; clear: both; float: left;}
	.PaginatoreNext{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color:#23395f; height:60px;width:60px;cursor:pointer;padding:0px;font-size:1.3em;float:left; margin:0px 5px 0px 0px;display:flex;align-items:center;justify-content:center;box-shadow:#194f92 0px 0px 0px 0px inset;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	.PaginatoreNext:hover{box-shadow:#194f92 0px 0px 0px 60px inset}
	.PaginatoreNext a{color:#fff; text-decoration: none;}
	.PaginatoreNext a:hover, .PaginatoreNext:hover a{color:#fff}
	/*selezionato*/
	.PaginatoreSel{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height:60px;width:60px;cursor:pointer;padding:0px;float:left;display:flex;align-items:center;justify-content:center;background-color:#33b375; margin:0px 5px 0px 0px;}
	.PaginatoreSel span{color:#fff;font-weight:400;font-size:1.3em}
	/*link pagine*/
	.PaginatoreLink{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color:#3e3e3e;  height:60px;width:60px;cursor:pointer;padding:0px;float:left;margin:0px 5px 0px 0px;display:flex;align-items:center;justify-content:center;box-shadow:#3e3e3e 0px 0px 0px 0px inset;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	.PaginatoreLink:hover{box-shadow:#33b375 0px 0px 0px 60px inset}
	.PaginatoreLink a{color:#fff; font-size:1.3em; text-decoration: none;}
	.PaginatoreLink a:hover, .PaginatoreLink:hover a{color:#fff}

/*STILE SLIDE*/

	.slick-prev{left: -40px !important; display: none !important}
	.slick-next{right: -40px !important; display: none !important}
	.slick-prev, .slick-next{line-height: 50px !important; height: 50px !important; margin-top: -25px !important}
	.slick-prev:before{color:#cacaca !important; content:"\f053" !important;font-family:"Font Awesome 5 Pro" !important; line-height: 46px !important; height: 50px !important; font-size: 50px !important}
	.slick-next:before{color:#cacaca !important; content:"\f054" !important;font-family:"Font Awesome 5 Pro" !important; line-height: 46px !important; height: 50px !important; font-size: 50px !important}

/*MESSAGGI ERRORE*/
	.errMsg{position:absolute;cursor:pointer;height:40px;line-height:40px;padding:0px 10px 0px 10px;z-index:10;color:#444; text-align: center; left:0px;top:-55px;background-color:#fff;box-shadow:#d80033 0px 0px 0px 1px inset; font-size: 0.8em; min-width: 140px}
	.errMsg:after{position:absolute;left:10px;bottom:-7px;content:"";border-top:7px solid #d80033;border-left:10px solid transparent;border-right:10px solid transparent}
	.errInput{box-shadow:#9d9fa0 0px 0px 0px 2px inset}
	.is-focused{position:relative}
	#div_status_captcha{float:right !important;width:10px !important;margin:0px !important}

/*RICERCA POPUP*/
	#PopRicerca{display:none;position:fixed;z-index:700;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5)} 
	#PopRicerca >form{position:absolute;margin:0 auto;top:50%;margin-top:-40px;left:50%;margin-left:-150px;z-index:1;color:#0063ac; width:300px} 
	#hidericerca{height:50px;width:50px;position:relative;z-index:20;color:#FFF;font-size:4em;float:right;margin:20px;cursor:pointer}   
	.elencosearch{border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; width: 100%}

/*BOTTONE TORNA SU*/
	.scroll_top{width:50px;height:50px;position:fixed;bottom:-25px;left:50%; margin-left: -25px; background: rgba(0,0,0,.3); z-index:2; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
	.scroll_top:before{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 25px; text-align: center; color: #fff; content: "\f077"; font-family:"Font Awesome 5 Pro";font-size:1em; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}  
	.scroll_top:hover{bottom:5px; background: rgba(0,0,0,0.4);}
	.scroll_top:hover:before{line-height: 48px; }

/*STILI FOTORAMA*/
	.fotorama__arr {width: 55px !important; height: 55px !important; margin: 0px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; position: relative; background-image: none !important; background-color: rgba(50,50,50,0.6) !important;}
	.fotorama__arr--prev{left: 20px !important;}
	.fotorama__arr--next{right: 20px !important}
	.fotorama__arr--prev:before {position: absolute; content: "\f053"; width: 55px !important; height: 55px !important; line-height: 55px; font-size: 1.7em; left: 0px; top: 0px; font-family:"Font Awesome 5 Pro"; color: #fff; text-align: center; }
	.fotorama__arr--next:before {position: absolute; content: "\f054"; width: 55px !important; height: 55px !important; line-height: 55px; font-size: 1.7em; left: 0px; top: 0px; font-family:"Font Awesome 5 Pro"; color: #fff; text-align: center; }
	.fotorama__thumb{box-shadow: #ededed 0px 0px 0px 1px}
	.fotorama__nav__shaft {margin: 10px 0px 0px 0px;}
	.fotorama__fullscreen-icon {width: 55px !important;height: 55px !important;top: 5% !important;right: 5% !important;background-color: rgba(50,50,50,0.6) !important; -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; background-image: none !important}
	.fotorama__fullscreen-icon:before{position: absolute; content: "\f065"; width: 55px !important; height: 55px !important; line-height: 55px; font-size: 1.4em; left: 0px; top: 0px; font-family:"Font Awesome 5 Pro"; color: #fff; text-align: center; }
	.fotorama__dot {width: 18px !important; height: 18px !important; border-radius: 15px !important; border:none !important; background-color: #4a4844}
	.fotorama__nav--dots .fotorama__nav__frame {width: 36px !important}
	.fotorama__nav__frame.fotorama__active .fotorama__dot {background: #5f1b0b !important;}


/*TRASFORMA CHECKBOX IN SWITCH*/


	.switch {position: relative;display: inline-block;width: 28px;height: 14px;float: left; margin: 4px 8px 0px 0px}
	.switch input {display:none;}
	.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff; box-shadow: #bebebe 0px 0px 0px 1px inset; -webkit-transition: .4s;transition: .4s;border-radius: 28px;}
	.slider:before {position: absolute; content: ""; height: 9px; width: 9px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;box-shadow: 1px 1px 10px rgba(0,0,0,.3); background-color: #454444}
	input:checked + .slider {background-color: #f0f0f0}
	input:checked + .slider:before {-webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); background-color: #33b375}
	.switch + span{float: left; font-size: 0.8em; line-height: 20px;}

	.formpagine .switch + span{color: #fff;}
	.formpagine a{font-weight: 500; color: #fff;}


/*MENU*/
	#hamburger{display: none}


#collapseCatalogo{display: none !important}

/*CARRELLO*/
	.ofuscamentomenu{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.7);} 

	.continua{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;; cursor:pointer;width:38%;font-size:1.2em;display:flex ;align-items:center;justify-content:center;background-color:#9c9e9f;float:left;padding:20px 5%;color:#fff;text-align:center;height:30px;text-transform:uppercase;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	.vai{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor:pointer;width:38%;font-size:1.2em;font-weight:700;display:flex ;align-items:center;justify-content:center;background-color:#fff;float:right;padding:20px 5%;text-align:center; height:30px;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	.continua:hover{background-color: #b6b6b6}
	.vai:hover{background-color: #fff;}
	.vai a{color: #fff;}
	
	#imgcarrello{text-align: center;}
	.fotoanteprimacart{width: 240px;height: auto; margin-bottom: 30px}




	#totaleparziale, #confermatotale{font-weight: 700; font-size: 1.5em; margin: 10px 0px;}

	/*lo metto in relative per appendere il badge delle quantita presenti nel carrello*/
	#badge{    background: #e45b22;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px; line-height: 20px; text-align: center; color: #fff;
    position: absolute;
    font-size: 0.7em;
    font-weight: bold;
	margin-top: -35px;
    margin-right: -45px;}

	#headerprice{position: absolute; right: 90px; font-size: 1.5em; font-weight: 700; color: #fff}
	#headerprice button{height: 40px; line-height: 40px; margin: 15px 0px 0px 5px; font-size: 0.8em; padding: 0px 10px;}
	


	.cartuno img{width: 70%; height: 70%; object-fit: contain;}

#slidebuoni{ text-align: center; overflow: hidden; width: calc(100% - 60px); position: relative;margin-bottom: 25px;box-shadow: #dedede 0px 0px 0px 1px inset;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 30px;}
#slidebuoni p{font-size: 1.3em; text-align: center; width: 100%;  margin: 0 auto 20px auto;  font-weight: 700; text-transform: uppercase; }

.testina, .StyleIntestazione, .StyleIntestazione #ControlMenu, .StyleIntestazione:after, .StyleIntestazione .logo, .StyleIntestazione .fa-facebook-f, .StyleIntestazione .logo, .StyleIntestazione #JQMenu, .StyleIntestazione .chiama, .StyleIntestazione #JQMenu > li > ul{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}

.StyleIntestazioneScroll{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;  height: 80px; top:  0px; box-shadow: rgba(46,172,106,0.9) 0px 45px 0px 0px; background-color: #fff; }
.StyleIntestazioneScroll #JQMenu{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;  height: 45px;}
.StyleIntestazioneScroll #JQMenu > li > ul{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;  top:  45px}
.StyleIntestazioneScroll .chiama{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;  margin-top: 3px; -webkit-transform: scale(0.85);-moz-transform: scale(0.85);-o-transform: scale(0.85); }
.StyleIntestazioneScroll:after{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; bottom: -65px;} 

.tastocarrello #badge{cursor: pointer;}

.dashboard div{width: 100px; background-color: #ececec; padding: 10px; float: left; text-align: center; margin: 0px 2px 0px 0px; cursor: pointer; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; }
.dashboard div:hover{background-color: #f2f2f2}
.dashboard div i{color: #b3b3b3;}

.formreg{clear: both;width: 100%; margin: 0 auto; max-width: 650px}
.riquadropsw{clear: both;width: 100%; margin: 0 auto; max-width: 400px}


.slick-dots{width: 100%; position: absolute; bottom: -50px; margin: 0px !important; padding: 0px !important;}
.slick-dots li{margin: 0px 10px !important; padding: 0px !important}
.slick-dots button{width: 10px; height: 10px; background-color: #d2d2d2 !important; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 0px !important; margin: 0px !important;}
.slick-dots button:before{display:none !important}
.slick-dots li.slick-active button{background-color: #33b375 !important}

.clienti .slick-dots, #cookie_recenti .slick-dots{display: none !important}

.descpro b, .descpro b span{color: #fff !important;}
.descpro p span{font-weight:400 !important;font-size:18px !important;line-height:22px !important;}


@-webkit-keyframes bgPos {
	25% {-webkit-transform: translate3d(-60px, -60px, 0) rotate(0.001deg);transform: translate3d(-60px, -60px, 0) rotate(0.001deg);
	}
	75% {-webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);transform: translate3d(0, 0, 0) rotate(0.001deg);
	}
}

@keyframes bgPos {
	25% {-webkit-transform: translate3d(-60px, -60px, 0) rotate(0.001deg);transform: translate3d(-60px, -60px, 0) rotate(0.001deg);
	}
	75% {-webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);transform: translate3d(0, 0, 0) rotate(0.001deg);
	}
}

@-webkit-keyframes leaves {
        0% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
            box-shadow: #fff 0px 0px 0px 1px inset;
        }
        100% {
            transform: scale(1.8);
            -webkit-transform: scale(1.8);
            box-shadow: transparent 0px 0px 0px 1px inset;
        }
    }



#hamburgerclose{cursor: pointer;}
.formsubmit{width: 100%; clear: both;}


/*Gallery*/
.GalleryProduct {padding:  10px 0px; border-bottom: 1px solid #ececec;}
.GalleryProduct .contGallery, .GalleryPage .contGallery{margin: 0px;height: 400px;width: auto; margin: 0px 25px;}
.GalleryProduct .contGallery img, .GalleryPage .contGallery img{height: 400px;width: auto;;}
.testogal{position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px 0px; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 1; text-align: center; display: none;}
.contGallery{position: relative;}

@keyframes move {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(3500px); 
    }
}


@keyframes beatHeart {
0%{transform:scale(1)}
20%{transform:scale(1.1)}
40%{transform:scale(1)}
60%{transform:scale(1.1)}
80%{transform:scale(1)}
100%{transform:scale(1)}
}

@keyframes shadow {
0%{box-shadow: rgb(228 229 102 / 60%) 0px 0px 0px 6px;}
100%{box-shadow: rgb(228 229 102 / 0%) 0px 0px 0px 20px;}
}

@keyframes wobble {
   0% { transform: translateX(0%); } 
   15% { transform: translateX(-25%) } 
   30% { transform: translateX(20%)  } 
   45% { transform: translateX(-15%)  } 
   60% { transform: translateX(10%)  }
   75% { transform: translateX(-5%)  }
   100% { transform: translateX(0%); } 
} 


.fotocat img{width: 100%; height: 100%; object-fit: cover}

.BlckNamecs_blackhat ul li{    padding: 5px;
    position: relative;
    box-shadow: #d9d9d9 0px 0px 0px 0px inset;
    float: left;
    background: #f0f0f0;
    margin: 0px 10px 10px 0px;
    line-height: 15px;
    border-radius: 5px;
    font-size: 0.9em;}
.BlckNamecs_blackhat ul li:before{display: none;}    


/*funzione che appende pulsante per mostrare la password sulle input*/    
	.showPass{position:absolute;top:20%;right:10px;cursor:pointer}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.singlepartner {margin: 0px 50px; display: flex; align-items: center; justify-content: center;}

/*pulsanti taglie e colori estesi*/
.schedabnttaglia{width: 20px;height: 20px;padding: 5px;border:1px solid #333;margin: 5px;float: left;cursor: pointer;line-height: 20px;}
.schedabntcolore{width: auto;height: 20px;padding: 5px;border:1px solid #333;margin: 5px;float: left;cursor: pointer;line-height: 20px;}
.schedabnttagliaOn{border: 3px solid}
.schedabntcoloreOn{border: 3px solid}


@-webkit-keyframes pulsate {
    0% {box-shadow: #fff 0px 0px 0px 0px}
    100% {box-shadow: transparent 0px 0px 0px 10px}
}






input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.grigio{background-color: #f6f6f6; padding:  60px 0px}
.grigio span{color: #33b375; font-size: 1.5em; font-weight: 700;}
.grigio span i{font-size: 0.8em; margin-right: 10PX;}
 
/*POPUP DEL MODULO (NON SONO GLI ALERT!) */
.blurpopup{position: absolute;z-index: 700;top: 15%;left: 10%;right: 10%;bottom: 15%} 
.msgpopup{position:relative;width: 98%;padding: 15px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;overflow: hidden !important;background-color: #fff;box-shadow: rgba(0,0,0,0.2) 0px 0px 40px 0px;text-align: center;margin-bottom: 200px}
.destroypopup{position:absolute;top: 10px;right: 10px;font-size: 20px;color: #dbdbdb;cursor: pointer}
#blurhide{position: fixed;z-index: 700;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}

.stepper {float: left;text-align: center;width: 50px}
.stepperwrapper {overflow: hidden;clear: both; margin-right: 10px}
.stepperRem {float: left;width: 24px;height: 24px;padding: 8px;background: #ccc;text-align: center;cursor: pointer;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear}
.stepperAdd {float: left;width: 24px;height: 24px;padding: 8px;background: #ccc;text-align: center;cursor: pointer;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear}
.stepperRem:hover {background: #fff;color: #fff}
.stepperAdd:hover {background: #fff;color: #fff}

.dato {width: 100%}
.dato p{margin-bottom: 10px}
.dato input {height: 40px; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;width: 35px}
#ThePrice strong {color: #fff;font-size: 2em;margin: 20px 0px;clear: both;float: left;width: 100%;line-height: 40px; font-weight: 300}

.downloadproduct{clear: both; margin-top: 20px; background-color: #33b375; width: auto; float: left; padding: 10px 15px; text-transform: uppercase; -webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear}
.downloadproduct a{color: #fff;}

.carrellobox {width: calc(100% - 30px);padding: 15px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;box-shadow: #dedede 0 1px 0 0 inset}
.cartuno {width: 100px;height: 100%;overflow: hidden}
.cartdue {width: calc(100% - 400px)}
.carttre {width: 250px;box-shadow: #dedede 1px 0 0 0 inset;padding-left: 20px}
.carttre p {font-size: .9em;margin-bottom: 20px}
.carttre strong {font-size: 1.2em}
#imgcarrello {text-align: center}
.fotoanteprimacart {width: 240px;height: auto;margin-bottom: 30px}
#confermatotale,#totaleparziale {font-weight: 700;font-size: 1.5em;margin: 10px 0}
.fatturazione {padding: 20px 5%;overflow: hidden;width: 90%; box-shadow: #dedede 0px 0px 0px 1px inset;}
#headerprice {position: absolute;right: 90px;font-size: 1.5em;font-weight: 700;color: #fff}
#headerprice button {height: 40px;line-height: 40px;margin: 15px 0 0 5px;font-size: .8em;padding: 0 10px}
.cartuno img {width: 100%;height: 100%;object-fit: cover}
.slidebuoni {text-align: center;overflow: hidden;width: calc(100% - 60px);position: relative;margin-bottom: 25px;box-shadow: #dedede 0 0 0 1px inset;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 30px}
.slidebuoni p {font-size: 1.3em;text-align: center;width: 100%;margin: 0 auto 20px auto;font-weight: 700;text-transform: uppercase}

.carrellodx a{-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; position:relative;font-family: 'Marvel', sans-serif;background-color:#fff;margin:30px 0px 0px 0px;width:auto;font-weight:400;padding:10px 15px;border:none;box-shadow:none;text-transform:uppercase;font-size:1.15em;color:#fff;cursor:pointer;-webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear}
.carrellodx a:hover{background-color:#fff}
.carrellodx hr{margin: 0px 0px 20px 0px; width: 100%; height: 1px; background-color: #ccc}

.EvidenzaProdotti .slick-dots{display: none !important}

#richiediofferta{background-color: #e45d25 !important;}

.fascialogo .fa-heart{display: none;}
.contienerecenti{width: calc(100% - 60px);  height: auto;padding: 50px 30px; border-top: 1px solid #d9d9d9; display: none;}

/*ALERT POPUP*/
	.popupbg{position:fixed;z-index:700;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5)} 
	.popupmessage{position:relative;width: 50%;padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden !important; margin: 50px auto; background-color: #fff;box-shadow: rgba(0,0,0,0.2) 0px 0px 40px 0px;text-align: center;}
	.popupclosemessage{position:absolute;top: 10px;right: 10px;font-size: 20px;color: #dbdbdb; cursor: pointer;}
	#ofuscamento{position:absolute;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70}
	.ofuscamentopopup{position: absolute;z-index: 700;top: 15%;left: 5%;right: 5%;bottom: 15%} 
	.contentpopup{position:relative; max-width: 400px; margin: 0 auto; width: calc(100% - 40px);padding: 40px 20px 20px 20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;overflow: hidden !important;background-color: #fff;box-shadow: rgba(0,0,0,0.2) 0px 0px 40px 0px;text-align: center;}
	.contentpopup input{float: left; width: calc(100% - 120px) !important}
	.contentpopup button{float: right; width: 50px !important; height: 50px!important; line-height: 50px !important; margin: 0px !important; padding: 0px !important; font-size: 1.4em !important }
	.closepopup{position:absolute;top: 10px;right: 20px;font-size: 20px;color: #cfcfcf;cursor: pointer}
	#ofuscamentohide{position: fixed;z-index: 700;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.grecaptcha-badge {visibility: hidden;}

/*Filemanager Dashboard*/
#ajaxresponse button{float: none;width: auto !important;padding: 0px 5% !important;}
#fileman ul li:before{display: none;}    
#fileman ul li{padding: 12px 0px 12px 0px;}    

.dashboard{max-width: 550px; width: 100%; margin: 0px auto 70px auto; display: flex; justify-content: space-between;}
.dashboard div{text-align: center; background-color: rgba(255,255,255,0.9); border: 1px solid #e9e9e9; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; width: calc(23% - 30px); padding: 20px 15px; font-size: 1em; font-weight: 400; text-transform: uppercase; cursor: pointer; line-height: 20px; -webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
.dashboard i{font-size: 1.8em; margin-bottom: 10px; color: #a78c53}
.managerdx button{width: 140px; margin-right: 10px; float: left; padding: 0px 20px; font-size: 0.8em; margin-top: 20px; text-align: center;}

#filemanager{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;width: 97%; margin: 0 auto;}

#filemanager div{border-bottom:1px solid #CCC;padding: 5px 15px }
#filemanager .cfold{background: #f1f1f1}
#filemanager input[type="checkbox"]{height:auto;background-color:transparent;margin:8px 10px 0px 0px ;padding:0!important;border:1px solid #b4b4b4;box-shadow:none;width:15px!important;float:left}

.actionfileman{display: none;}
.selectAll{clear: both;margin: 10px 0px;}
.selectAll a{background-color: #ececec; padding: 5px 10px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.managersx em, .managerdx em{font-size: 1em; margin-right: 10px}
.managersx ul li{padding: 5px 0px !important; overflow: hidden }
.managersx li:before{display: none;}
.managerdx button:after{display: none;}
#myfiles{margin-left: 10px; width: calc(100% - 10px); text-align: left;}
#myfiles i{color: #a78c53; margin-right: 5px}
#myfiles .acapo{clear: both; float: left; margin-left: 50px;}
#myfiles .fa-download{cursor: pointer;}
.recupero button{clear: both; float: left; margin-bottom: 20px}

.managerdx .fa-trash{font-weight: 400 !important; font-size: 0.9em;}

#allegato{font-size: 0.7em;}