@charset "UTF-8";
html,body{height:100%;}html,body,h1,h2,h3,h4,h5,h6,p,ul,table,td,th,tbody,thead,tfoot,img,a{margin:0;padding:0;font-size:100%;border:none;border-collapse:collapse;border-spacing:0;text-decoration:none;}p{padding-bottom:15px;}ul{margin-left:25px;}main{display:block;}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}iframe{border:none;padding:0;margin:0;}
body{font:13px/1.2 'Droid Sans',arial,verdana,tahoma;color:#222;}
q{display:block;width:390px;background:#78B12C;padding:15px;margin:15px;position:relative;height:40px;padding:0;font:17px/40px 'Amaranth',arial,vedana,tahoma;color:#fff;text-shadow:0 0 5px #4D721D;}
q:before,q:after{display:block;position:absolute;top:0;left:-35px;padding-right:5px;background:url(../img/cintax.png) 100%;width:30px;height:40px;line-height:40px;text-align:right;}
q:after{left:auto;right:-35px;background:url(../img/cintax2.png) 100%;text-align:left;}
header,.descriptions,.services>div,.banner+div>div{max-width:1100px;margin:0 auto;}

header{padding:15px 0 10px;}
header img{float:left;}
header p{float:right;}
header a:before{content:"\e003";font-family:flaticon2;font-size:22px;margin-right:5px;}
header strong{font:22px/40px 'Open Sans Condensed',arial,verdana,tahoma;color:#5555;padding-right:10px;}
header a{font:22px/40px 'HelveticaNeueCond',arial,verdana,tahoma;color:#222;}
main{clear:both;}

.banner{position:relative;}
.banner>ul{list-style:none;margin:0 0 -10px;}
.banner+div{width:100%;height:114px;background:#eee;font:20px/1 'Open Sans Condensed',arial,verdana,tahoma;color:#222;position:relative;bottom:0;z-index:10;}
.banner+div h1{font-size:50px;padding:15px 0 5px;}
.banner+div{height:114px;background:#eee;box-shadow:0 0 13px #aaa;}
.banner .sliderPager{position:absolute;bottom:30px;z-index:200;left:0;text-align:center;width:100%;color:#fff;}
.banner .sliderPager span{display:inline-block;width:15px;height:15px;background:#fff;border:1px #999 solid;border-radius:15px;box-shadow:0 0 10px #ccc inset;margin:0 3px;cursor:pointer;}
.banner .sliderPager span:hover,.banner .sliderPager span.cycle-pager-active{box-shadow:0 0 5px #096 inset;}
#sliderPrev,#sliderNext{display:block;width:40px;height:40px;position:absolute;left:20px;top:50%;z-index:200;position:absolute;cursor:pointer;margin-top:-20px;color:#fff;opacity:0.5;}
#sliderPrev:hover,#sliderNext:hover{opacity:1;}
#sliderNext{left:auto;right:20px;}
#sliderPrev:before{content:'\e002';font-family:'flaticon2';font-size:40px;}
#sliderNext:before{content:'\e005';font-family:'flaticon2';font-size:40px;}
.banner{height:350px;}
#slider{position:relative;z-index:1;height:350px;margin:0;padding:0;}
#slider li{width:100%;height:100%;}
#slider li div{position:absolute;top:15px;left:60px;}
#slider li>img{width:100%;}
#slider strong{clear:both;display:block;float:left;background:rgba(15,30,122,0.5);font:30px/50px 'Open Sans Condensed',arial,verdana,tahoma;color:#fff;padding:0 15px;margin:5px 0;}
#slider li.idrofoglia{background:#333 url(../img/bg_negro.jpg);}
#slider li.idrofoglia>div{max-width:1100px;margin:0 auto;position:relative;left:0;font:20px/1.5 'Open Sans Condensed',arial,verdana;color:#fff;overflow:hidden;}
#slider li.idrofoglia h3{font:30px/2 'Amaranth',arial,verdana;float:left;border-bottom:1px #fff solid;width:50%;}
#slider li.idrofoglia p{float:left;clear:left;}
#slider .idrofoglia img.img{width:auto;float:right;background:#fff;padding:10px;box-shadow:0 0 13px #000;}
#slider .idrofoglia img.logo{position:absolute;bottom:15px;right:15px;}


form{width:350px;max-width:27%;float:right;margin:-80px 3% 0 0;padding:15px 2%;box-shadow:0 0 13px #aaa;border-radius:2px;background:#fff;position:relative;z-index:99;}
form strong{font:38px/1 'HelveticaNeueCond',arial,verdana,tahoma;color:#019645;letter-spacing:-1px;text-align:center;display:block;padding-bottom:15px;}
form input[type="text"],form input[type="email"],form input[type="tel"],textarea{display:block;width:94%;max-width:100%;height:35px;padding:0 3%;margin-bottom:15px;border:1px #ccc solid;border-radius:2px;font:18px/35px 'Open Sans Condensed',arial,verdana,tahoma;color:#333;}
form textarea{height:100px;}
form input[type="submit"]{display:block;width:66%;margin:0 auto;background:#019645;border:1px #019645 solid;font:700 18px/35px 'HelveticaNeueCond',arial,verdana,tahoma;color:#fff;cursor:pointer;}

.descriptions{padding:15px 0;}
.descriptions q{margin-left:140px;}
.descriptions>strong{display:block;max-width:60%;font:300 20px/1.5 'Open Sans Condensed',arial,verdana;text-align:center;border-bottom:1px #ccc dashed;padding-bottom:15px;margin-bottom:15px;}
.descriptions>ul{max-width:63%;margin:0;list-style:none;padding-top:35px;}
.descriptions>ul>li{display:block;float:left;text-align:left;max-width:35%;padding:0 5% 15px;line-height:1.5;}
.descriptions>ul>li h2:before{content:'\e000';font-family:flaticon2;font-size:30px;text-align:center;line-height:60px;color:#3366FF;display:block;border:2px #3366FF solid;border-radius:40px;width:60px;height:60px;float:left;transition:1s ease;margin:-25px 10px 0 0;}
.descriptions>ul>li+li h2:before{content:'\e007';}
.descriptions>ul>li+li+li h2:before{content:'\e006';}
.descriptions>ul>li:hover h2:before{
    animation-name: zoom;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-play-state: running;
}
@keyframes zoom{
  0% {transform:  scale(1,1)}
  50% {transform:  scale(1,0.2);}
  100% {transform:  scale(1,1)}

}
.descriptions>ul>li:last-child{max-width:100%;}
.descriptions>ul h2{font-family:'Amaranth',arial,verdana;font-weight:400;font-size:16px;line-height:1;color:#3366FF;}
.descriptions>ul h2+p{clear:both;}

.gallery{list-style:none;margin:0 auto;overflow:hidden;max-width:1100px;text-align:center;}
.gallery li{margin:5px;padding:0;max-width:250px;display:inline-block;}
.gallery li img{max-width:100%;border:1px #ccc solid;box-shadow:0 0 10px #aaa;cursor:pointer;}

.services{clear:both;margin:0 auto 40px;background:#eee;padding:20px 0;position:relative;box-shadow:0 0 13px #999;transition:all 0.5s ease}

.services ul{float:left;padding-right:30px;line-height:2;list-style:none;margin:0;}
.services>ul+ul{padding:0;}
.services li{background:#019645;color:#fff;margin:5px 15px;cursor:pointer;transition:all 0.2s ease-in}
.services li:hover{transform:rotate(-2deg);}
.services li:before{content:"\e001";font-family:'flaticon2';color:#fff;margin-right:5px;}
.services>div>strong{display:block;margin-bottom:20px;font:20px/33px 'Amaranth',arial,verdana;color:#333;border-bottom:1px #ccc dashed;}
.services li:hover:before{color:#fff;}

.youtube{clear:both;padding:30px 0;}
.youtube q{display:block;width:78%;text-align:center;line-height:1.5;height:50px;margin:0 auto 15px;}
.youtube q:before,.youtube q:after{height:50px;line-height:1.5;background-size:100% 100%;font-size:20px;}
.youtube q:before{left:-20px;}
.youtube q:after{right:-25px;}
.youtube li{display:block;float:left;}
.youtube li+li{padding-left:35px;}
footer{background:#222;font:11px/33px 'HelveticaNeueCond',arial,verdana;text-align:center;color:#fff;letter-spacing:1px;position:relative;}

@media (max-width: 980px) {
	.youtube li,.youtube li+li{float:none;padding:0 0 15px;text-align:center;}
}
@media (max-width: 800px) {
	form input[type="text"]{margin-bottom:5px;}
  .services ul{padding:0 5px;}
  #slider strong{font-size:25px;}
}
@media (max-width: 768px) {
	.banner + div>div>*{max-width:60%;}
  .banner + div>div>form{max-width:30%;margin-top:-200px;}
}
@media (max-width: 640px) {
  header{padding:0;}
  header img{width:50%;margin-top:10px;}
  header p{padding:0;}
	.descriptions > ul > li{float:none;max-width:100%;}
  #slider strong{font-size:20px;line-height:30px;}
}
@media (max-width: 480px) {
  header img{display:none;}
  .banner+div{height:auto;overflow:hidden;background:none;box-shadow:none;}
  .banner+div>div{background:#eee;box-shadow:0 0 13px #aaa;}
  .banner+div>div p,.banner+div>div h1{max-width:100%;}
	form{margin:30px 3%!important;max-width:100%!important;width:90%;}
  .descriptions > ul{max-width:90%;}
}
@media (max-width: 360px) {
  #slider > li > div{width:80%;padding:10px;}
	#slider strong{font-size:15px;line-height:20px;}
}

#msg_submit_form{margin:15px 0 0;padding:10px;text-align:center;}