@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

body{ min-height:100vh; font-size:16px; font-family: 'Mulish', sans-serif !important; color:#777; }
p, li{ color:#222; font-size:17px; line-height:1.5; font-weight:400;}
h1, h2, h3{ line-height:1.1; font-weight:400;}
p{ color:#222; margin-bottom:15px;}
p strong, li strong{ font-weight:700;}
a{ color:#222; font-weight:700; -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:#000;}
.row{ margin:0 -20px;}
.row [class*="col-"]{ padding:0 20px;}
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: 'Mulish'; font-size:14px; font-size:16px; height:auto; line-height:22px !important; padding:15px 30px; font-weight:300; text-transform:uppercase; border-radius:0px;}
.btn.btn-default{ background:#222; border:1px solid #222; color:#fff; vertical-align:top;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:none; border-color:#222; color:#222;}
.btn.btn-primary{ background:none; border:1px solid #222; color:#222; vertical-align:top;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:#222; border-color:#222; color:#fff;}
.wrapper{ width:100%; min-height:auto !important;}
.content{ background:none;}
.grey{ background:#f7f7f7;}
.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%; text-align:center; z-index:2; padding:20px 0;}
.top ul{ margin:0px; padding:0px;}
.top li{ display:inline-block; margin:0 10px; font-size:14px; line-height:20px; color:#222;}
.top li a{ font-size:14px; line-height:20px; display:inline-block; color:#222; font-weight:400; padding-left:20px; position:relative;}
.top li a:before{ content:""; font-family:FontAwesome; color:#222; font-size:14px; 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:20px; font-weight:400;}
.top li.address:before{ content:"\f041"; font-family:FontAwesome; color:#222; font-size:14px; line-height:20px; position:absolute; top:0px; left:0px;}
.top li a:hover{ color:#222; text-decoration:underline;}

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

.header-wrap{ position:relative; padding:20px 0; padding-top:0px;}
.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; background:#fff;}
.header .logo img{ padding:0px; display:inline-block;}
.header .logo img.ventura{ height:80px; margin-right:20px;}
.header .logo img.moronigomma{ height:100px; margin-left:20px;}

.block{ width:100%; padding:80px 0px; float:left;}
.block.black{ background:#e1e1e1;}
.block.pt0{ padding-top:0px;}
.block h2{ font-family: 'Mulish'; font-size:50px; line-height:1.1; font-weight:700; position:relative; margin-bottom:10px;}
.block h3{ font-family: 'Mulish'; font-size:26px; line-height:1.2; font-weight:300; margin-bottom:20px; text-transform:none;}
.block h3:last-child{ margin-bottom:0px;}
.block ul{ margin:0px; padding:0px; margin-bottom:10px;}
.block li{ position:relative; margin-bottom:10px; line-height:24px; padding-left:20px;}
.block ul.uppercase li{ text-transform:uppercase;}
.block li:last-child{ margin-bottom:0px;}
.block li:before{ content:""; width:5px; height:5px; position:absolute; top:10px; left:0px; font-size:12px; line-height:24px; background:#222;}
.block .btn{ margin-top:20px;}

.price{ font-weight:700; font-size:30px; line-height:1; color:#000;}
.price span{ font-size:20px; text-transform:uppercase;}

.visual{ padding:200px 0; position:relative; text-align:center; 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.5);}
.visual .image{ width:100%; display:none; text-align:center;}
.visual .image img{ display:inline-block;}
.visual h1{ font-size:50px; line-height:1.1; color:#fff; font-weight:300; margin-bottom:10px;}
.visual h2{ font-size:26px; line-height:1.2; color:#fff; margin:0 0 20px 0; font-weight:300; text-transform:none;}
.visual p{ color:#fff; margin-bottom:30px;}
.visual p + .btn{ margin:0px;}
.visual .btn{ margin:0 5px;}
.visual .btn-primary{ color:#fff; background:none; border-color:#fff;}
.visual .btn-primary:hover{ color:#fff; background:#222; border-color:#222;}

.gallery-divider{ padding:0px; background:#e1e1e1;}
.gallery-divider .container-fluid{ padding:0 20px;}
.gallery-divider .row{ margin:0px -10px;}
.gallery-divider .row [class*="col-"]{ padding:20px 10px; padding-top:0px;}


.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:#222; margin-bottom:10px; border-radius:50%;}
.services .item .image img{}
.services .item .text{ font-size:14px; line-height:18px; color:#222; font-weight:600;}

.cta{ position:relative; background-size:cover; background-position:center center;}
.cta:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.5);}
.cta h2{ color:#fff;}
.cta h3{ color:#fff;}
.cta .btn{ margin-top:20px;}

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

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

.info{ text-align:center;}
.info .text h2{ margin:0px;}
.info .text ul{ display:flex; flex-wrap:nowrap; justify-content:center; margin-top:10px;}
.info .text li{ padding:10px 40px; border-right:1px solid #e1e1e1;}
.info .text li:before{ display:none;}
.info .text li span{ font-size:16px; line-height:1.4;}
.info .text li:last-child{ border:0px;}
.info .text li a{ font-size:24px;}

.prodotto .image{ margin-top:5px;}

.block.map{ padding:0px;}
.block.map .iframe-wrap{}
.block.map .iframe{ width:100%; height:500px;}
.block.map .iframe .map-content{ padding:15px;}
.block.map .iframe .map-content h2{ font-family: 'Mulish', sans-serif; font-size:24px; line-height:24px; color:#222; font-weight:700; margin-bottom:10px;}
.block.map .iframe .map-content p{ font-family: 'Mulish', sans-serif; font-size:16px; line-height:24px; margin-bottom:0px;}

.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:#fff; font-size:13px; padding:20px 0; text-align:center;}
.footer p{ font-weight:400; color:#222;}


@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%;}
}


@media (max-width: 768px) {
	
	.top ul{ display:flex; flex-wrap:wrap; justify-content:center;}
	
	.gallery li{ width:50%;}
	
	.block.visual h1{ font-size:40px;}
	.block.visual h2{ font-size:26px;}
	
	.block h2{ font-size:40px;}
	.block h3{ font-size:22px;}
	.info .text li a{ font-size:22px;}

}

@media (max-width: 640px) {
	
	.header .logo img.ventura{ height:60px;}
	.header .logo img.moronigomma{ height:80px;}
	
	
	.block.visual{ padding:150px 0;}
	.block.visual h2 br{ display:none;}
	
	.info .text ul{ display:flex; flex-wrap:wrap;}
	.info .text li{ border:0px;}
}

@media (max-width: 479px) {
	
	.top{ padding:15px 0;}
	
	.container{ padding-left:20px; padding-right:20px;}
	
	.block h2{ font-size:36px;}
	
	.footer [class*=col-]{ text-align:center;}

	.gallery-divider .row [class*="col-"]{ width:50%; float:left;}

}