@charset "utf-8";

body{ min-height:100vh; font-size:16px; font-family: 'Poppins', sans-serif !important; color:#777; }
p, li{ color:#000; font-size:15px; line-height:1.6; font-weight:400;}
h1, h2, h3{ line-height:1.1; font-weight:700; text-transform:none;}
p{ color:#000; margin-bottom:15px;}
p strong, li strong{ font-weight:600;}
a{ color:#000; font-weight:500; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover{ color:#ffcc00;}
.row{ margin:0 -25px;}
.row [class*="col-"]{ padding:0 25px;}
.row5{ margin:0 -5px;}
.row5 [class*="col-"]{ padding:0 5px;}
.row.lista{ display:flex; flex-wrap:wrap;}
.row.lista [class*="col-"]{ display:flex; border-right:0px solid #e1e1e1;}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], textarea{ height:50px; font-size:14px; font-weight:400; background:#f7f7f7; border-radius:0px;}
.text-center{ text-align:center;}
.preloader{ background-image:url(../images/loading.gif); z-index:99999999; background-size:125px 125px;}
.btn{ font-family: 'Poppins', sans-serif; font-size:14px; font-size:15px; padding:15px 25px; font-weight:400; text-transform:uppercase; border-radius:0px; white-space:normal; height:auto;}
.btn.btn-default{ line-height:20px !important; background:#ffcc00; border:1px solid #ffcc00; color:#182333; font-weight:500; vertical-align:top;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:#182333; border-color:#182333; color:#fff;}
.btn.btn-primary{ line-height:20px !important; background:#182333; border:1px solid #182333; color:#fff; font-weight:500; vertical-align:top;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:#ffcc00; border-color:#ffcc00; color:#182333;}
.btn.btn-whatsapp{ line-height:20px !important; background:#25D366; border:1px solid #25D366; color:#fff; font-weight:500; vertical-align:top;}
.btn.btn-whatsapp:hover, .btn.btn-whatsapp:focus{ background:#333; border-color:#333; color:#fff;}

.btn.linkform{ padding-left:50px;}
.btn.linkform:before{ content:"\f0f6"; font-family:FontAwesome; position:absolute; font-size:20px; top:15px; left:20px;}
.btn.call{ padding-left:50px;}
.btn.call:before{ content:"\f095"; font-family:FontAwesome; position:absolute; font-size:20px; top:15px; left:20px;}
.btn.whatsapp{ padding-left:50px;}
.btn.whatsapp:before{ content:"\f232"; font-family:FontAwesome; position:absolute; font-size:20px; top:15px; left:20px;}

.wrapper{ width:100%; min-height:auto !important;}
.content{ background:none;}
.grey{ background:#f7f7f7; background: rgb(247,247,247); background: linear-gradient(90deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);}
.border-left{ border-left:1px dotted #e1e1e1;}
hr.site{ width:100%; max-width:100%; margin:0px; height:10px; background:#999; padding:0px; margin-top:0px; margin-bottom:0px; border:0px; background:#f7f7f7; background-size:cover;}
.pt0{ padding-top:0px !important;}
.pb0{ padding-bottom:0px !important;}

.top{ width:100%; float:left; background:#182333; padding:10px 0; text-align:center; z-index:2;}
.top ul{ margin:0px; padding:0px;}
.top li{ display:inline-block; margin:0 10px; font-size:14px; line-height:20px; color:#fff;}
.top li a{ font-size:14px; line-height:20px; display:inline-block; color:#fff; font-weight:400; padding-left:25px; position:relative;}
.top li a:before{ content:""; font-family:FontAwesome; color:#ffcc00; font-size:16px; line-height:20px; position:absolute; top:0px; left:0px;}
.top li.tel a:before{ content:"\f095";}
.top li.mail a:before{ content:"\f0e0"}
.top li.address{ padding-left:25px;}
.top li.address:before{ content:"\f041"; font-family:FontAwesome; color:#ffcc00; font-size:16px; line-height:20px; position:absolute; top:0px; left:0px;}
.top li a:hover{ color:#fff;}

.col2{ column-count:2; column-gap:60px;}

.header-wrap{ width:100%; float:left; position:relative; background:#fff;}
.header{ width:100%; background:none; font-size:14px; padding:0px; text-align:center;}
.header .logo{ width:auto; display:inline-block; text-align:center; margin-bottom:0px;}
.header .logo img{ max-width:200px; padding:20px; display:inline-block;}

.block{ width:100%; padding:80px 0px; float:left;}
.block.cta{ padding:40px 0; background:#23527c;}
.block .boxed{ padding:40px; background:#23527c;}
.block .boxed h2{ color:#fff; margin-bottom:20px;}
.block .boxed .btn{ margin:5px;}
.block .boxed.left{ text-align:left;}
.block .boxed.left h2{ margin-bottom:40px;}
.block .boxed.left .btn{ margin:0px; margin-bottom:10px;}
.block .boxed.alt{ background:none; border:3px solid #ffcc00;}
.block .boxed.alt h2{ color:#ffcc00;}
.block.small{ padding:40px 0;}
.block.pt0{ padding-top:0px;}
.block h2{ font-size:38px; color:#ffcc00; line-height:42px; position:relative; margin-bottom:15px;}
.block h3{ font-size:26px; line-height:30px; margin-bottom:20px; text-transform:none;}
.block h3 strong{ color:#23527c;}
.block h3:last-child{ margin-bottom:0px;}
.block p + h3{ margin-top:10px;}
.block ul{ margin:0px; padding:0px; margin-bottom:10px;}
.block ul:last-child{ margin-bottom:0px;}
.block li{ position:relative; line-height:22px; margin-bottom:3px; padding-left:25px;}
.block li:last-child{ margin-bottom:0px;}
.block ul.uppercase li{ text-transform:uppercase;}
.block li:last-child{ margin-bottom:0px;}
.block li:before{ content:"\f00c"; font-family:FontAwesome; position:absolute; top:0px; left:0px; font-size:12px; line-height:24px; color:#ffcc00;}
.block .btn{ margin-top:20px;}
.block ul.numbers li:before{ display:none;}
.block ul.numbers li{ min-height:50px; padding-top:15px; font-size:17px; line-height:1.2; padding-left:70px; margin-bottom:5px; }
.block ul.numbers li span.number{ width:50px; height:50px; background:#182333; text-align:center; line-height:50px; color:#fff; font-size:30px; position:absolute; top:0px; left:0px; font-weight:700;}
.block ul.numbers li span.text{position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
.block ul.check{ margin:30px 0;}
.block ul.check li:before{ display:none;}
.block ul.check li{ width:100%; min-height:45px; font-size:16px; line-height:1.6; padding-left:60px; margin-bottom:15px; }
.block ul.check li span.icon-check{ width:45px; height:45px; background:#182333; text-align:center; line-height:45px; color:#fff; font-size:20px; position:absolute; top:0px; left:0px; font-weight:700;}
.block ul.check li span.text{ float:left; margin-top:-5px;}


.block.dark{ background:#182333;}
.block.dark h3{ color:#fff;}
.block.dark .btn{ background:#fff; border-color:#fff; color:#000;}
.block.dark .btn:hover{ background:none; color:#fff;}

.block .list{ width:100%; float:left; margin-top:30px; display:flex; flex-wrap:wrap;}
.block .list li{ width:50%; border-left:1px solid #e1e1e1; font-size:18px; font-weight:700; line-height:26px; padding:10px 30px; text-align:center; margin-bottom:10px;}
.block .list li:before{ display:none;}
.block .list li div{ width:100%; display:inline-block;}
.block .list li:nth-child(2n+1){clear:both; border:0px;}

.block.numbers{ text-align:center;}
.block.numbers .countup{ margin-bottom:0px;}
.block.numbers .countup > *{ font-size:70px; line-height:70px; vertical-align:top; margin-bottom:0px; color:#fff; font-weight:700;}
.block.numbers .countup .countup-sign{ font-size:40px; line-height:70px; vertical-align:top; font-weight:300;}
.block.numbers h2{ margin-bottom:0px;}
.block.numbers p{ font-size:20px; line-height:26px; color:#fff;}

.visual{ padding:120px 0; position:relative; background-image:url(../images/visual.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.visual:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.7);}
.visual .image{ width:100%; display:none; text-align:center;}
.visual .image img{ display:inline-block;}
.visual h1{ font-size:44px; line-height:48px; color:#fff; margin-bottom:10px;}
.visual h2{ font-size:26px; line-height:30px; color:#fff; margin:0 0 20px 0; font-weight:400; margin-bottom:10px;}
.visual p + h2{ margin-top:0px;}
.visual p{ color:#fff; margin-bottom:30px;}
.visual p + .btn{ margin:0px;}
.visual .btn{ margin:0 5px;}
.visual .btn-default:hover{ color:#fff; background:#182333; border-color:#182333;}
.visual .btn-primary{ color:#333; background:#fff; border-color:#fff;}
.visual .btn-primary:hover{ color:#fff; background:#333; border-color:#333;}
.visual .box{ padding:30px; background:#fff;}
.visual .box .ico{ width:80px; margin-top:-45px; margin-bottom:10px;}
.visual .box h2{ color:#ffcc00; font-weight:700;}
.visual .box .desc{ min-height:auto; margin-bottom:15px}
.visual .box .desc p{ color:#000;}
.visual .box .desc p:last-child{ margin-bottom:0px;}

.brands{ text-align:center;}
.brands .list{ margin:40px 0 20px 0;}
.brands .list .row{ margin:0 -5px;}
.brands .list .row [class*="col-"]{ padding:0 5px; margin-bottom:10px;}
.brands .list .image{ width:100%; float:left; margin-bottom:10px;}
.brands .list .image a{ float:left; display:inline-block; overflow:hidden;}
.brands .list .image a img{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.brands .list .image a:hover img{ transform:scale(1.1);}
.brands .list .text{ margin-bottom:20px;}
.brands .list .text h3{ margin-bottom:0px; font-weight:500;}
.brands .list .text p{ font-size:13px;}

.gallery ul:after,.gallery ul:before{content:'';display:block;clear: both;}
.gallery ul{ margin:0 -2px;}
.gallery li{ width:25%; float:left; padding:2px;}
.gallery li:before{ display:none;}

.services{ text-align:center;}
.services .item{ max-width:120px; text-align:center; margin:0 10px; display:inline-block; vertical-align:top;}
.services .item .image{ max-width:150px; display:inline-block; padding:20px; background:#333; margin-bottom:10px; border-radius:50%;}
.services .item .image img{}
.services .item .text{ font-size:14px; line-height:18px; color:#333; font-weight:600;}

.maps .container-fluid{ padding:0px;}

.col2{ column-count:2; column-gap:20px;}

.block .contacts-flash{ text-align:left;}
.block .contacts-flash .row{ margin:0 -20px;}
.block .contacts-flash [class*="col-"]{ float:left; padding:0 20px;}
.block .contacts-flash .item{ position:relative; min-height:80px; padding-left:100px; padding-top:15px; margin-bottom:10px;}
.block .contacts-flash .item .icon{ width:80px; height:80px; position:absolute; top:0px; left:0px; background:#ffcc00; margin:0px; padding:0px;}
.block .contacts-flash .item .icon img{ width:100%; height:auto; padding:7px;}
.block .contacts-flash .item p{ margin:0px; font-size:14px;}
.block .contacts-flash .item p strong{ font-size:18px; line-height:20px; font-weight:700; color:#000;}
.block .contacts-flash .item .small{ font-size:16px; line-height:20px;}

.block.dove{ padding-bottom:40px;}
.block.dove .row.lista [class*="col-"]{ width:20%;}
.block.dove .row.lista [class*="col-"]:nth-child(5n+1){ clear:both;}
.block.dove .item{ margin-bottom:40px;}
.block.dove .item .image{ width:125px; display:inline-block; margin-bottom:20px;}
.block.dove .item .text h3{ margin-bottom:10px;}

.block.altro{ padding-bottom:40px;}
.block.altro .row [class*="col-"]:nth-child(2n+1){ clear:both;}
.block.altro .item{ margin-bottom:40px;}
.block.altro .item .image{ width:75px; display:inline-block; margin-bottom:10px;}
.block.altro .item .text h3{ margin-bottom:10px;}

.block.monitoraggio{}
.block.monitoraggio .row{ display:flex; flex-wrap:wrap;}
.block.monitoraggio .item{ height:100%; padding:40px; background:#f7f7f7; margin-bottom:40px;}
.block.monitoraggio .item .image{ width:150px; margin-bottom:0px; opacity:0.1;}
.block.monitoraggio .item .text{ margin-top:-75px;}
.block.monitoraggio .item .text h3{ margin-bottom:10px;}
.block.monitoraggio .item .text p:last-child{ margin-bottom:0px;}

.form{ padding-top:0px; background:none; text-align:center; position:relative;}
.form h2{ color:#fff; margin-bottom:0px;}
.form p{ color:#fff;}
.form p + h2{ margin-top:10px;}
.form .box{ width:100%; display:inline-block; background:#f7f7f7; text-align:left; padding:40px;}
.form .box h2{ color:#000; margin-bottom:20px;}
.form .box .company{ text-align:left;}
.form .box .company h2{ color:#ffcc00; margin-bottom:0px;}
.form .box .company h3{ color:#333; margin-bottom:5px;}
.form .box .company p{ color:#000;}
.form .box .company h2 + h3{ margin-top:20px;}
.form .box .company p + h3{ margin-top:10px;}

.contacts{ padding:30px 0; background:#f7f7f7;}
.contacts .logo{ height:55px; float:left; margin:0 30px 0 0;}
.contacts h2{ font-size:16px; margin-bottom:5px; font-weight:600;}
.contacts p{ font-size:13px;}
.contacts ul{ padding-left:15px;}
.contacts li{ font-size:13px; padding:0px; list-style-type:disc;}
.contacts li:before{ display:none;}
.contacts li strong{ text-transform:uppercase;}

.footer{ width:100%; background:#182333; font-size:13px; padding:15px 0; text-align:center;}
.footer p{ font-weight:400; color:#fff;}
.footer a{ color:#fff;}

.testo-nascosto{ display:none;}
.scopri-testo-nascosto{ margin-top:10px; position:relative; z-index:9999;}
.scopri-testo-nascosto a{ font-weight:700; color:#666;}
.scopri-testo-nascosto a:hover{ color:#ffcc00;}

.galleryprodotti .item{ margin-top:40px;}
.galleryprodotti .item .image{ border:1px solid #e1e1e1; margin-bottom:10px;}
.galleryprodotti .item .text h3{ font-size:20px; line-height:24px;}

@media (min-width: 1360px) {
	.container{ width:1300px;}
}

@media (max-width: 1024px) {
	
	.block .contacts-flash [class*="col-"]{ width:50%; float:left;}
}


@media (max-width: 1008px) {
	
}

@media (max-width: 992px) {
	
	.middle{ margin:0px !important;}
	.pull-right{ float:none !important;}
	
	.block .image{ margin-bottom:20px;}
	
	.contacts ul{ margin-top:20px;}
	
	.gallery li{ width:33.33%;}
	
	.block .contacts-flash [class*="col-"]{ width:33.33%;}
	
	.block.dove .row.lista [class*="col-"]{ width:33.33%;}
}


@media (max-width: 768px) {
	
	p, li{ line-height:1.4;}
	
	.top { text-align:left;}
	.top li{ width:50%; float:left; font-size:12px; line-height:20px; margin:0px;}
	.top li.address{ width:100%;}
	.top li a{ font-size:12px; line-height:20px;}
	
	.block{ padding:40px 0;}
	.block h2{ font-size:28px; line-height:32px;}
	.btn{ white-space:normal;}

	.block.visual{ padding:100px 0; background-attachment:scroll;}
	.visual .box{ padding:20px;}
	.visual h1{ font-size:28px; line-height:32px;}
	.visual h2{ font-size:20px; line-height:26px;}
	.visual .box{ margin-top:40px;}
	.visual  .row + .row{ margin-top:0px;}

	.block .boxed{ padding:20px;}
	.block .boxed.left{ margin-top:20px;}
	.block.numbers .item{ margin-bottom:20px;}
	.box-gradient{ padding:20px;}
	.block .list li{ padding:0px 20px;}
	
	.block .contacts-flash [class*="col-"]{ width:100%;}
	
	.form .box h2 br{ display:none;}
	
	.block .list li{ width:100%; border:0px;}
	
	.col2{ column-count:1; column-gap:0px;}
	
	.gallery li{ width:50%;}
	
	.block ul.numbers li{ padding-top:0px;}
	.block ul.numbers li span.text{ position:static; top:auto;}
	.block ul.numbers li{ margin-bottom:15px;}
	
	.block ul.check li{ padding-top:0px;}
	.block ul.check li span.text{ position:static; top:auto;}
	.block ul.check li{ margin-bottom:15px;}
	
	.block.form{ padding-top:0px;}
	
	.block .contacts-flash [class*="col-"]{ width:100%;}
	
	.block.dove .row.lista [class*="col-"]{ width:50%;}
	
	
}

@media (max-width: 479px) {
	
	.footer [class*=col-]{ text-align:center;}
	
	.block .boxed .btn{ width:100%;}

}