*,
html{text-rendering:optimizeLegibility}
h1,
h2,
h3,
h4,
h5,
h6,
a{font-family:'Metrophobic',Sans-serif;color:#23282c}
h3{font-size:38px}
a{color:#257941;text-decoration:none;transition:.4s;font-size:18px}
a:hover{color:#23282c}
p,
li{font-size:15px;line-height:1.6;color:#9C9C9C;font-weight:500}
.page-title{position:absolute;top:15rem;z-index:10}
.block{display:inline-block !important;margin-right:1rem}
.white a{color:#fff !important}
.white a:hover{text-decoration:underline}
.menu a{transition:all 0.3s ease-out 0s;font-family:'Metrophobic',Sans-serif;font-size:20px;font-weight:500;color:#e6e6e6;padding:20px 12px;text-transform:uppercase;text-decoration:none;display:inline}
.menu a:hover{color:#CCCD52}
.menu li{display:inline;list-style:none}
.mt-1{display:inline}
.has-children{position:relative}
.has-children:hover div{display:block;z-index:20;text-align:left;left:0%;width:230px;padding-bottom:10px;padding-top:10px;transition:.3s all}
.has-children:hover div a{width:100%;text-align:left;padding:1rem 2rem !important;color:#7a7c80 !important}
.has-children>div{border-radius:0.4rem;margin-top:1rem}
.has-children .has-children div{display:none}
.has-children:hover div:hover{background:#eee}
.absolute{position:absolute}
.nav ul>div{position:relative;display:inline-block}
.nav ul>div:first-child a{display:none}
.nav ul>div:nth-child(2) a{color:#FFF;transition:0.5s all}
.nav ul>div:nth-child(2) a:hover{color:white}
.owl-dots{display:none}
.banner h1{color:#fff;font-size:70px}
.banner h2{font-size:30px}
.button{color:#fff;background:rgba(255,255,255,0.2) !important;padding:.7rem 2rem;font-family:'helvetica neue',sans-serif;font-size:17px;font-weight:500;border-radius:100px;text-decoration:none !Important;border:2px solid #363637;transition:.4s;text-transform:uppercase}
.no-white{color:#447047 !important}
.button:hover,
.no-white:hover{border:2px solid #447047 !important;background:#447047 !important;color:#CDC763 !important}
.magazzini-home h4{font-size:21px;color:#257941}
.magazzini-home h4:hover{color:#23282c}
.fadeout-text{font-size:24px;color:teal;opacity:0;transition:opacity 1s}
.box h1{color:#fff;font-size:70px;line-height:70px}
.box h2{font-size:30px !important;font-weight:700 !important;line-height:1em !important;color:#257941}
.magazzini{position:relative;height:190px;margin-top:2rem}
.magazzini h2{font-size:32px !important;color:#257941}
.magazzini h2:hover{opacity:50%}
.magazzini:before{position:absolute;content:"";top:0;left:0;width:3px;height:0;background:#257941;transition:.5s}
.magazzini:hover:before{height:40%}
.block-title:before{position:relative;top:35px;left:calc(-10010px);display:block;height:calc(20px);width:9999px;margin:auto;background-color:#257941;content:''}
.contatti{color:white}
#submit-button-contactForm{margin-top:30px}
#footer{background:#2C353D}
#footer h3{font-size:32px !important;font-weight:700 !important;line-height:1.4 !important;color:#fff}
#footer h4{font-size:22px;font-weight:700;line-height:1.4;color:#fff}
#footer p{font-size:15px;line-height:1.8;margin:0;color:#fff}
#footer a{font-size:15px;text-decoration:none !important;color:#fff}
@media only screen and (max-width:600px){.box img{height:300px;object-fit:cover}.section-banner{top:9.5rem !important;left:2rem}.box-trasparente{padding:23px 10px !important}.menu-des{display:none}.section-banner img{display:none}.banner h1{font-size:60px}.green-box h2{margin-bottom:30px}.page-title{display:none}.sidebarMenuInner a{font-size:24px !important;padding-bottom:3rem !important;display:block;text-align:center}}