﻿@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('global.css');

/*--Fonts--*/
body{font-weight:400; font-style:normal; font-family:var(--font-family); color:#000;}
.header{min-height:130px; padding:10px calc((100vw/12)/2); position:absolute; left:0; top:0; width:100%; z-index:99;}
.logo img{width:170px; max-width:170px;}
.hero-column{min-height:100vh;}
.hero-content{background-color:var(--primary-color);}
.hero-contatti-content {background-color: white);
}
.menu ul li a{font-size:14px; font-weight:500; text-transform:uppercase; color:#fff;}
.menu ul li:not(:last-child){margin-right:calc((100vw/12)/2);}
.hero-section article{padding:150px calc(100vw/12);}
.article h1:not(:last-child){margin-bottom:50px;}
.article h2:not(:last-child) {
	margin-bottom: 50px;
}
.article p:not(:last-child){margin-bottom:15px;}
.article a.links{margin-top:8vh;}
.article .article-headding:not(:last-child){margin-bottom:8vh;}
.article-headding{font-weight:500;}
.section{padding:calc((100vw/12)/2) 0;}
.section-header:not(:last-child){margin-bottom:80px;}
.section-header p:not(:last-child){margin-bottom:15px;}
.section-header p{color:#8D8D8D;}
.section-header h2{font-weight:500;}
.intro-section{background-color:#F8F8F8; min-height:100vh;}
.intro-section .article{padding:0 calc(100vw/12);}
.intro-section figure{padding-right:60px;}
.brand-section{background-color:#fff;}
.brand-slider-wrapper{overflow:hidden;}
.brand-slider{width:100%;}
.brand-slider .swiper-slide img{opacity:0.4; transition: all 0.1s linear;}
.brand-slider .swiper-slide img:hover{opacity:1;}
.banner{min-height:600px; padding:50px 0; position:relative; background-color:var(--primary-color);}
.banner::before{background:url(../images/banner-bg.png) left center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; content:""; opacity:0.17;}
.banner::after{position:absolute; right:0; top:0; width:100%; height:100%; content:""; z-index:2;
background: -moz-linear-gradient(left,  rgba(18,152,117,0) 0%, rgba(18,152,117,1) 75%, rgba(18,152,117,1) 100%);
background: -webkit-linear-gradient(left,  rgba(18,152,117,0) 0%,rgba(18,152,117,1) 75%,rgba(18,152,117,1) 100%);
background: linear-gradient(to right,  rgba(18,152,117,0) 0%,rgba(18,152,117,1) 75%,rgba(18,152,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00129875', endColorstr='#129875',GradientType=1 );
}
.banner-content{position:relative; z-index:9;}
.banner .link{max-width:55%;}
.banner .link a{color:#fff;}
.banner .link img{margin-left:30px; max-width:85px;}

.footer{background-color:#F8F8F8; min-height:450px; padding:50px 0;}
.footer-block-headding:not(:last-child){margin-bottom:15px;}
.footer-block ul li:not(:last-child){margin-bottom:15px;}
.footer-links li, .footer-links li a{font-weight:300; font-size:14px; color:#000;}
.footer-links li a:hover{color:var(--primary-color);}
.address:not(:first-child){margin-top:50px;}

@media(max-width:1399px){
	.logo img{width:150px; max-width:150px;}
	.header{min-height:100px;}
	.article h1:not(:last-child){margin-bottom:40px;}
	.article h2:not(:last-child) {margin-bottom: 40px;}
	.hero-section article{padding:130px calc(100vw/12);}
	.article a.links{margin-top:6vh;}
	.article .article-headding:not(:last-child){margin-bottom:6vh;}
	.banner .link img{max-width:75px;}
}
@media(max-width:1199px){
	.logo img{width:130px; max-width:130px;}
	.header{min-height:80px;}
	.article h1:not(:last-child){margin-bottom:30px;}
	.article h2:not(:last-child) {margin-bottom: 30px;}
	.header{padding:10px 30px;}
	.hero-section article{padding:110px 30px;}
	.article a.links{margin-top:4vh;}
	.article .article-headding:not(:last-child){margin-bottom:4vh;}
	.menu ul li a{font-size:13px;}
	.menu ul li:not(:last-child){margin-right:30px;}
	.intro-section .article{padding:30px;}
	.intro-section figure{padding-right:30px;}
	.section{padding:50px 0;}
	.section-header:not(:last-child){margin-bottom:60px;}
	.banner .link img{max-width:60px;}
	.banner .link{max-width:60%;}
	.banner{min-height:500px;}
	.address:not(:first-child){margin-top:40px;}
	.footer{min-height:400px;}
}
@media(max-width:991px){
	.banner .link img{margin-left:15px;}
	.banner .link{max-width:70%;}
	.banner{min-height:450px;}
	.address:not(:first-child){margin-top:30px;}
	.footer{min-height:350px;}
}
@media(max-width:767px){
	.hero-column{min-height:50vh;}
	.hero-section article{padding:30px;}
	.intro-section{min-height:auto;}
	.intro-section figure{padding-right:0;}
	.intro-section .column:not(:last-child){margin-bottom:30px;}
	.intro-section.section{padding:0;}
	.article a.links{margin-top:30px;}
	.article .article-headding:not(:last-child){margin-bottom:30px;}
	.section-header:not(:last-child){margin-bottom:50px;}
	.article p:not(:last-child){margin-bottom:10px;}
	.banner .link{max-width:100%;}
	.banner{min-height:400px;}
	.address:not(:first-child){margin-top:20px;}
	.footer-block-headding:not(:last-child){margin-bottom:10px;}
	.footer-block ul li:not(:last-child){margin-bottom:10px;}
}
@media(max-width:575px){
	.hero-section article{padding:30px 15px;}
	.header{padding:10px 15px; min-height:70px;}
	.menu ul li:not(:last-child){margin-right:15px;}
	.intro-section .article{padding:30px 15px;}
	.section-header:not(:last-child){margin-bottom:40px;}
	.banner{min-height:350px;}
}
@media(max-width:480px){
	.menu ul li a{font-size:11px;}
	.logo img{width:120px; max-width:120px;}
	.section-header:not(:last-child){margin-bottom:30px;}
	.banner{min-height:300px;}
}