body {margin:0; padding:0; border:0; height:100%; width:100%; background:#f1f4eb; overflow:auto; text-align:center; font-family:'Open Sans', sans-serif; color:#525252; font-size:14px; font-weight:lighter; cursor:default;}
p, form {margin:0; padding:0;}
input:focus, select:focus, textarea:focus, a:focus {outline:0;}
img {border:none; border:0;}
.clear {clear:both}
#waiting {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../image/bgw.png) repeat; z-index:20000; display:none}
#waiting img {position:absolute; top:50%; left:50%; width:250px; height:250px; margin:-125px 0 0 -125px;}
.centerCnt, .pageCnt {position:relative; width:96%; max-width:1120px; margin:0 auto 0 auto; text-align:justify;}
.pageCnt {margin:50px auto 50px auto; padding-bottom:50px; border-bottom:dotted 1px #2a3d0a; font-size:15px; line-height:25px; letter-spacing:1px; color:#2a3d0a;}
h1, h2, h3 {color:#2a3d0a; line-height:normal}





@media screen and (min-width:800px){
   h1 {font-size:30px}
   h2 {font-size:25px}
   h3 {font-size:20px}
}

@media screen and (max-width:799px){
   h1 {font-size:22px}
   h2 {font-size:18px}
   h3 {font-size:15px}
}





#cookieBanner {position:fixed; width:92%; bottom:10px; left:2%; background:url(../image/bgb.png) repeat; padding:10px 2% 0 2%; text-align:center; color:#ffffff; border:solid 1px #ffffff; box-shadow:#000000 0px 0px 10px; z-index:20000}
#cookieBanner a:link, #cookieBanner a:active, #cookieBanner a:visited {color:#ffffff; text-decoration:none; border-bottom:dotted 1px #ffffff}
#cookieBanner a:hover {color:#ffffff; text-decoration:none; border-bottom:solid 1px #ffffff}
#cookieBanner .cookieClose {position:relative; border:solid 1px #ffffff; border-bottom:none; display:inline-block; margin:20px auto 0 auto; padding:10px 30px 10px 30px;}
#cookieBanner .cookieClose:hover {background:#ffffff; cursor:pointer; color:#000000}

#slide {position:relative; top:0; left:0; width:100%; height:100%; background-image:url(../image/loader.gif); background-position:center center; background-repeat:no-repeat; background-size:250px auto;}
#slide .slImg {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat;}
#slide .caption {position:absolute; background:url(../image/bgw.png) repeat; left:0; color:#2a3d0a;}




@media screen and (min-width:600px){
   #slide {margin:0}
   #slide .caption {display:block}
}

@media screen and (max-width:599px){
   #slide {margin:100px 0 0 0}
   #slide .caption {display:none}
}






#slide .caption .line1 {position:relative; font-weight:bold; padding:10px 10px 0 10px;}
#slide .caption .line2 {position:relative; font-weight:normal; margin:10px 10px 10px 0; padding:0 0 0 10px;}
#slide .caption .line3 {position:relative; display:inline-block; font-weight:normal; background-color:#2a3d0a; color:#ffffff;  margin:0 0 10px 10px; padding:0 10px 0 10px;}
#slide .caption .line3:hover {background-color:#95ac25;cursor:pointer}
#pageSlide {position:relative; width:100%; height:200px; padding-top:100px; background-image:url(../image/slide/page.jpg); background-repeat:no-repeat; background-size:cover; background-position:bottom left; color:#ffffff; font-weight:bold; font-size:40px; line-height:200px;}
.pageSlideCover {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#2a3d0a; opacity:.85;}


.txtEvid {color:#000000; font-weight:bold}
li {position:relative; margin:10px 0 10px 0}


@media screen and (min-width:1000px){
   #slide .caption {width:50%; height:170px; bottom:100px;}
}
@media screen and (max-width:999px){
   #slide .caption {width:60%; height:170px; bottom:90px;}
}
@media screen and (max-width:900px){
   #slide .caption {width:70%; height:170px; bottom:80px;}
}
@media screen and (max-width:800px){
   #slide .caption {width:80%; height:170px; bottom:70px;}
}
@media screen and (max-width:700px){
   #slide .caption {width:90%; height:170px; bottom:60px;}
}
@media screen and (max-width:600px){
   #slide .caption {width:100%; height:210px; bottom:10px;}
}
@media screen and (min-width:500px){
   #slide .caption {text-align:left}
   #slide .caption .line1 {font-size:30px; line-height:40px;}
   #slide .caption .line2 {font-size:20px; line-height:30px;}
   #slide .caption .line3 {font-size:18px; line-height:30px;}
}
@media screen and (max-width:499px){
   #slide .caption {width:100%; height:145px; top:110px; text-align:center}
   #slide .caption .line1 {font-size:16px; line-height:25px;}
   #slide .caption .line2 {font-size:14px; line-height:20px;}
   #slide .caption .line3 {font-size:12px; line-height:20px;}
}

#topPage {position:fixed; top:0; left:0; width:100%; height:35px; background:#95ac25; line-height:35px; color:#ffffff; font-size:16px; font-weight:bold; z-index:1000}
#topPage .icon {position:relative; height:21px; margin:7px 5px -7px 0px;}
#topPage a:link, #topPage a:active, #topPage a:visited {color:#ffffff; text-decoration:none}
#topPage a:hover {color:#ffffff; text-decoration:none; border-bottom:dotted 1px #ffffff}

#headerPage {position:fixed; top:35px; left:0; width:100%; height:65px; background:#ffffff; z-index:1000}
#headerPage .logo {position:relative;}
#deskMenu {position:absolute; top:0; right:0; height:65px; font-size:25px; font-weight:normal; font-variant:small-caps}
#deskMenu .button, #deskMenu .main, #deskMenu .selected, #deskMenu .evid {position:relative; display:inline-block; height:65px; line-height:65px; margin:0 0 0 15px;}
#deskMenu .button, #deskMenu .main {color:#2a3d0a;}
#deskMenu .main {background-image:url(../image/icons/down.png); background-position:right center; background-repeat:no-repeat; background-size:10px auto; padding-right:12px;}
#deskMenu .selected {color:#94c43d; font-weight:bold}
#deskMenu .button:hover, #deskMenu .main:hover {color:#94c43d; font-weight:bold; cursor:pointer}
#deskMenu .main:hover {font-weight:bold; background-image:url(../image/icons/down2.png);}
#deskMenu .evid {height:39px; line-height:39px; margin:0 0 0 15px; color:#ffffff; background:#618521; padding:0 5px 0 5px;}
#deskMenu .evid:hover {background:#95ac25;cursor:pointer;}
#deskMenu .subDeskMenu {position:absolute; top:100%; left:0; margin:-10px 0 0 0; background:#618521; padding:0; font-variant:normal; font-size:16px; display:none}
#deskMenu .subDeskMenu p {position:relative; padding:10px; color:#ffffff; font-weight:normal; line-height:normal; border-bottom: solid 1px #94c43d}
#deskMenu .subDeskMenu p:hover {color:#94c43d; font-weight:normal}
#mobMenuBut {position:absolute; top:18px; right:0; height:29px; cursor:pointer}
#mobMenu {position:absolute; top:100%; right:0; width:250px; background:#618521; font-size:20px; font-weight:bold; font-variant:small-caps; display:none}
#mobMenu p {position:relative; padding:10px; color:#ffffff; border-bottom: solid 1px #94c43d; text-align:right}
#mobMenu p:hover {cursor:pointer; color:#94c43d;}
@media screen and (min-width:500px){
   #headerPage .logo {height:45px; margin: 10px 10px -10px 0;}
}

@media screen and (max-width:499px){
   #headerPage .logo {height:35px; margin: 15px 10px -15px 0;}
}
@media screen and (min-width:950px){
   #deskMenu {display:inline-block}
   #mobMenuBut {display:none}
}
@media screen and (max-width:949px){
   #deskMenu {display:none}
   #mobMenuBut {display:block}
}





.servTh {position:relative; background:#ffffff; float:left;}
.servTh img {position:relative; width:100%;}
.servTh:hover {box-shadow:#808080 0px 0px 10px}
.servTh p {position:relative; width:96%; padding:0 2% 0 2%; line-height:25px;}
.servTh h3 {width:96%; padding:0 2% 0 2%; }
.servTh .servCta {position:relative; margin:10px auto 10px auto; width:96%; background:#618521; padding:10px 0 10px 0; text-align:center; color:#ffffff; font-weight:normal;}
.servTh .servCta:hover {background:#94c43d; cursor:pointer}

@media screen and (min-width:700px){
   .servTh {width:30%; margin:25px 1.66% 25px 1.66%;}
}
@media screen and (max-width:699px){
   .servTh {width:96%; margin:25px 2% 25px 2%;}
}
.cta, .cta2, .cta3 {position:relative; margin:50px 0 50px 0; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; padding:50px 0 50px 0; text-align:center; color:#ffffff}
.cta {background-image:url(../image/cta.jpg)}
.cta2 {background-image:url(../image/cta2.jpg)}
.cta3 {background-image:url(../image/cta3.jpg); background-position:bottom center; margin:50px 0 0 0; }

.ctaCover {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000000; opacity:.7;}
.cta .line1, .cta2 .line1, .cta3 .line1 {position:relative; font-weight:bold;}
.cta .line2, .cta2 .line2, .cta3 .line2 {position:relative; font-weight:normal; margin:15px 0 30px 0;}
.cta .line3, .cta2 .line3, .cta3 .line3 {position:relative; display:inline-block; background-color:#618521; background-image:url(../image/icons/telefono.png); background-repeat:no-repeat; background-size:auto 70%; background-position:10px center; padding:10px 30px 10px 60px; font-weight:bold;}
.cta .line3:hover, .cta2 .line3:hover, .cta3 .line3:hover {background-color:#94c43d; cursor:pointer}
@media screen and (min-width:1000px){
   .cta .line1, .cta2 .line1, .cta3 .line1 {font-size:40px;}
   .cta .line2, .cta2 .line2, .cta3 .line2 {font-size:30px;}
   .cta .line3, .cta2 .line3, .cta3 .line3 {font-size:20px;}
}
@media screen and (max-width:999px){
   .cta .line1, .cta2 .line1, .cta3 .line1 {font-size:30px;}
   .cta .line2, .cta2 .line2, .cta3 .line2 {font-size:20px;}
   .cta .line3, .cta2 .line3, .cta3 .line3 {font-size:15px;}
}


.whyusTh {position:relative;  background:#ffffff; text-align:center; padding:10px 1% 10px 1%;}
.whyusThIcon {position:relative; width:70px; margin:0px auto 0px auto; display:block;}



@media screen and (min-width:1000px){
   .whyusTh {float:left; width:20%; margin:20px 1.5% 20px 1.5%}
}
@media screen and (max-width:999px){
   .whyusTh {float:left; width:28%; margin:20px 1.6% 20px 1.6%}
}

@media screen and (max-width:700px){
   .whyusTh {float:left; width:45%; margin:20px 1.5% 20px 1.5%}
}

@media screen and (max-width:550px){
   .whyusTh {float:none; width:96%; margin:20px auto 20px auto}
}



.scroller-wrapper {
   width: 100%;            /* La larghezza tutta la finestra */
   overflow: hidden;       /* Nasconde i div che escono dallo schermo */
   position: relative;
}
.scroller-wrapper:hover .scroller {
   animation-play-state: paused; /* Ferma animazione quando il mouse  sopra */
}
/* La striscia che conterra i div e si spostera */
.scroller {
   display:flex;          /* Usa il layout flex per allineare i div orizzontalmente */
   animation: scroll 30s linear infinite;  /* L'animazione scorre da destra a sinistra in modo continuo */
   animation-play-state: running; /* Animazione in esecuzione inizialmente */
}
/* Gli individuali div */
.scroller .review {
   flex-shrink: 0;         /* Impedisce che i div si riducano */
   width: 280px;           /* Imposta una larghezza fissa per ogni div */
   height: auto;          /* Altezza di ciascun div */
   margin: 0 10px 0 10px;         /* Spaziatura tra i div */
   padding:10px;
   background-color: #ffffff; /* Colore di sfondo per ogni div */
   text-align:left;
   border:solid 1px #dddddd
}
.scroller .review .revLine1 {position:relative; margin-bottom:10px; color:#000000; font-weight:bold; font-size:18px; display:block}
.scroller .review .revLine2 {position:relative; margin-bottom:10px; background-image:url(../image/icons/localita.png); background-repeat:no-repeat; background-size:20px auto; height:20px; padding-left:25px; background-position:left center; font-size:13px; display:block}
.scroller .review .revLine3 {position:relative; margin-bottom:10px; background-image:url(../image/icons/erba.png); background-repeat:no-repeat; background-size:20px auto; height:20px; padding-left:25px; background-position:left center; font-size:13px; display:block}
.scroller .review .revLine4 {position:relative; margin-bottom:10px; padding:15px 0 15px 0; background-color:#f1f4eb; text-align:center; display:block}
.scroller .review .revLine4 img {position:relative; height:25px; margin:0 2px 0 2px;}
.scroller .review .revLine5 {position:relative; font-style:italic; text-align:justify; line-height:23px; display:block}

/* Animazione per far scorrere la striscia */
@keyframes scroll {
   0% {
      transform: translateX(0%);  /* Inizia fuori dallo schermo sulla destra */
   }
   100% {
      transform: translateX(-5000px); /* Termina fuori dallo schermo sulla sinistra */
   }
}
#footerPage {position:relative; margin:0; width:96%; padding:50px 2% 50px 2%; background:#2a3d0a; color:#e2e2e2}
#footerPage h2 {color:#ffffff}
#footerPage .logo {position:relative; margin:0 auto 20px auto; width:250px; display:block;}

#footerPage .sep {position:relative; margin:30px auto 30px auto; height:1px; background:#1d2d09; width:80%;}
#footerPage a:link, #footerPage a:active, #footerPage a:visited {color:#ffffff; text-decoration:none; border:none}
#footerPage a:hover {color:#ffffff; text-decoration:none; border-bottom:dotted 1px #ffffff}


.galTh {position:relative; width:120px; height:120px; background-color:#ffffff; background-repeat:no-repeat; background-size:cover; background-position:center center; display:inline-block; margin:5px;}
.galTh .galThOver {position:absolute; top:0; left:0; width:100%; height:100%; background:#000000; opacity:.5; display:none; cursor:pointer}
.galTh .galThOver img {position:absolute; top:50%; left:50%; width:50px; margin:-25px 0 0 -25px;}
.galTh:hover .galThOver {display:block}
.galTh:hover {box-shadow:#000000 0px 0px 10px}
#galBig {position:fixed; top:0; left:0; width:100%; height:100%; background-image:url(../image/bgb.png); background-repeat:repeat; z-index:19500; display:none}
#galBig .next, #galBig .prev {position:absolute; width:50px; height:30px; top:50%; margin-top:-15px; background-size:auto 100%; background-position:center center; background-repeat:no-repeat; opacity:.7}
#galBig .next:hover, #galBig .prev:hover {cursor:pointer; opacity:1}
#galBig .next {background-image:url(../image/icons/next.png);right:0;}
#galBig .prev {background-image:url(../image/icons/prev.png);left:0;}
#galBig .close {position:absolute; top:10px; right:10px; width:30px; height:30px; background-image:url(../image/icons/closeGal.png); background-size:cover; background-repeat:no-repeat; background-position:center center; opacity:.7}
#galBig .close:hover {cursor:pointer; opacity:1}
#galBig .image {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}