@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('global.css');



/**/


body.menu-active .notification {
 display:none !important;

}


.pages {
	padding-top:80px;
}





/*BOX LINGUE*/
.box-lingue {
	padding: 20px 0 20px 0;
	border: 1px solid #01a68e;
	text-align: center;
	font-weight: 700;
}


/*due colonne*/


.two-column-article {
	/*background-color: #f0f0f0;*/
	padding: 60px 0;
}

.two-column-article-column-block {
	max-width: 280px;
}

	.two-column-article-column-block p {
		font-size: 9px;
		color: #373636;
		font-weight: 900;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	.two-column-article-column-block h3 {
		font-family: var(--headding-font);
		font-size: 56px;
		line-height: 50px;
		color: #373636;
	}

.two-column-article-column {
	border-right: 2px solid #515050;
}

	.two-column-article-column:last-child {
		border: 0;
	}

.long-arrows {
	margin-top: 15px;
	width: 82px;
	height: 22px;
}

.long-arrow-left {
	background: url(../images/long-arrow-black-left.png) center right no-repeat;
	background-size: 100% auto;
	width: 50px
}

.long-arrow-right {
	background: url(../images/long-arrow-black-right.png) left center no-repeat;
	background-size: 100% auto;
	width: 50px
}



body{font-family:var(--font-family); color:#000;}
.hero-section {
	padding: 125px 0 0 0;
	min-height: 100vh;
	position: relative;
}

.hero-image-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 125px 15px 0 15px;
}

.hero-image {
	background-image: url(../images/img-1.png);
	height: 100%;
	background-size: auto 90%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #e8e9e6;
}

.hero-content-wrap {
	padding: 0 15px;
}

.hero-header, .hero-footer {
	min-height: 200px;
}

.hero-content {
	padding: 15px 0;
}

	.hero-content h1:not(:last-child) {
		margin-bottom: 25px;
	}

	.hero-content p:not(:last-child) {
		margin-bottom: 15px;
	}

.hero-logo-block {
	padding-right: calc((100vw/12) - 30px);
}

.nav-icon-wrap {
	width: calc(100vw/12);
}

.logo {
	display: inline-block;
}

.nav-icon{width:20px; height:16px; position:relative; cursor:pointer; top:5px;}
.nav-icon span{display:block; height:2px; background-color:#323232;}
.nav-icon::before{position:absolute; left:0; top:50%; transform:translateY(-50%); width:50%; height:2px; background-color:#323232; content:""; transition:all 0.1s linear;}
.nav-icon::after{position:absolute; left:0; bottom:0; width:50%; height:2px; background-color:#323232; content:""; transition:all 0.1s linear;}
.nav-icon:hover::before, .nav-icon:hover::after{width:100%;}
.nav-close{width:30px; height:30px; position:relative; transform:rotate(45deg); cursor:pointer;}
.nav-close::before{position:absolute; left:50%; top:0; width:1px; height:100%; transform:translateX(-50%); background-color:#fff; content:"";}
.nav-close::after{position:absolute; left:0; top:50%; width:100%; height:1px; transform:translateY(-50%); background-color:#fff; content:"";}
.nav-icon.active{height:20px;}
.nav-icon.active::before{width:100%; transform:translateY(-50%) rotate(45deg); transform-origin:center center;}
.nav-icon.active::after{width:100%; bottom:50%; transform:rotate(-45deg); transform-origin:center center;}
.nav-icon.active span{display:none;}

.notification{padding:15px; position:fixed; width:100%; z-index:9999; display:none;}
.notification.active{display:block;}
.notification-content{min-height:95px; background-color:var(--secondary-color);}
.notification-block{padding:10px;}
.notification-block:not(:last-child){padding-right:0;}
.notification-icon-block{width:calc(100vw/12);}
.close-icon{display:inline-block; width:30px; height:30px; border:1px solid #fff; border-radius:100%; position:relative; cursor:pointer }
.close-icon::before{position:absolute; left:0; top:0; width:100%; height:100%; content:"x"; text-align:center; color:#fff;}
.close-icon:hover{background-color:#fff;}
.close-icon:hover::before{color:var(--secondary-color);}

.main{padding:65px 0;}
.section{padding:65px 0;}

.quotes{min-height:400px; border:4px solid #01a68e;}
.quote{padding-left:calc((100vw/12)/2); position:relative;}
.quote::before{position:absolute; left:0; top:0; width:30px; height:25px; background:url(../images/quote-icon.png) center center no-repeat; content:"";}

.intro-section, .intro-section-content-block{padding-left:15px; padding-right:15px;}
.intro-section-content, .intro-section-content-block{height:550px;}
.intro-section-content-block{position:absolute; left:0; top:0; width:100%;}
.intro-section-content figure{transform:translateY(100px);}
.intro-section-block{min-height:140px;}
.section-header:not(:last-child){margin-bottom:25px;}
.intro-section-content-block .link{padding-left:calc(100vw/12 - 15px); transform:translateX(calc(-100vw/12 + 15px))}
.intro-section-content-block .link::before{width:calc(100vw/12 - 30px);}

.article{min-height:470px; border:2px solid #d1d2d4; position:relative; overflow:hidden; padding:80px 0;}
.article::after{position:absolute; left:0; top:0; width:100%; height:100%; content:""; background-position:right bottom; background-repeat:no-repeat; background-size:70% auto; pointer-events:none;}
.article-content{position:relative; z-index:1;}
.article-section .article:not(:last-child){margin-bottom:50px;}

.article h4:not(:last-child){margin-bottom:40px;}
.article-section .columns:nth-child(even){margin-top:235px;}
.article.article-1::after{background-image:url(../images/1.png);}
.article.article-2::after{background-image:url(../images/2.png);}
.article.article-3::after{background-image:url(../images/3.png);}
.article.article-4::after{background-image:url(../images/4.png);}

.article.article-5::after {
	background-image: url(../images/5.png);
}

.article.article-6::after {
	background-image: url(../images/6.png);
}

.footer{padding:200px 0;}
.footer-block:not(:last-child){margin-bottom:100px;}
.footer-links{margin:0 -25px;}
.footer-links li{padding:0 25px;}
.footer-links li a{display:block; font-size:12px; color:#000;}
.footer-links li a:hover{color:var(--primary-color); text-decoration:underline;}
.footer-block-row{padding-top:25px; position:relative;}
.footer-block-row::before{position:absolute; left:0; top:0; width:calc(100vw/12); height:2px; background-color:var(--primary-color); content:"";}
.footer-block-row p:not(:last-child){margin-bottom:5px;}

	.footer-block-row a {
		color: #000;
	}

	.footer-block-row a:hover {
		color: var(--primary-color);
		text-decoration: underline;
	}



.social-icons a{display:inline-block; font-size:20px;}
.social-icons a:not(:last-child){margin-right:30px;}
.social-icons a.linkedin{color:#0084b1;}
.social-icons a.whatsapp{color:#25d366;}

.page-header, .page-content-header-block{padding:80px 0;}
.page-section-content{padding:150px 0; border-top:2px solid #d8d8d8;}
.page-section h4{padding-right:10%;}
.text-link{color:#000; text-decoration:underline; font-size:14px;}
.text-link:hover{color:var(--primary-color); text-decoration:none;}
.page-article p:not(:last-child){margin-bottom:25px;}
.page-article p{line-height:1.6;}

.page-section-block:not(:last-child){margin-bottom:65px;}
.border-article{border:4px solid; border-image-source:linear-gradient(45deg, rgb(1,166,142), rgb(121,61,108)); border-image-slice:1;}
.border-article-block{min-height:230px;}

.page-section-content.highlight-section{border:0;}

.menu{position:fixed; left:0; top:-100%; opacity:0; width:100%; height:120vh; background-color:var(--primary-color); z-index:99; padding:10%;}
.menu ul{margin:-10px -5px;}
.menu ul li{padding:10px 5px;}
	.menu ul li a {
		display: block;
		font-size: 26px;
		font-weight: 200;
		color: #fff;
		text-transform: uppercase;
		transition: all 0.1s linear;
		font-family: var(--headding-font);
	}
.menu ul li a:hover{transform:translateX(15px);}
.menu-logo-wrap:not(:last-child){margin-bottom:50px;}
.menu-logo-wrap{opacity:0;}

body.menu-active{overflow:hidden;}
.hero-logo-block, .page-header-wrap{position:relative; z-index:999;}

.page-section-block figure{
	padding-top:80px;
}


.hero-image-wrap {
	z-index: -1;
}

@media(max-width:1199px) {
	.main{padding:50px 0;}
	.section{padding:50px 0;}
	.hero-content h1:not(:last-child){margin-bottom:15px;}
	.hero-content p:not(:last-child){margin-bottom:10px;}
	.hero-logo-block{padding-right:calc(((100vw/12)*2) - 30px);}
	.notification-icon-block{width:calc(100vw/12*2);}
	.quote{padding-left:calc(100vw/12); position:relative;}
	.intro-section-content-block{position:static;}
	.intro-section-content figure{transform:none;}
	.section.intro-section{padding:0 15px;}
	.intro-section-block{min-height:auto;}
	.intro-section-block:not(:last-child){margin-bottom:25px;}
	.intro-section-content-block .link{transform:none;}
	.intro-section-content, .intro-section-content-block{height:550px;}
	.article{padding:50px 0;}
	.article h4:not(:last-child){margin-bottom:25px;}
	.article-link{padding-bottom:10px;}
	.article-section .article:not(:last-child){margin-bottom:30px;}
	.footer-block:not(:last-child){margin-bottom:50px;}
	.footer{padding:150px 0;}
	.page-header, .page-content-header-block{padding:60px 0;}
	.page-section-content{padding:100px 0;}
	.page-section h4{padding-right:0;}
	.page-article p:not(:last-child){margin-bottom:15px;}
	.page-section-block:not(:last-child){margin-bottom:50px;}
	.border-article-block{min-height:auto; padding:30px 30px 0 30px;}
	.border-article-block img{max-height:150px;}
	.border-article{border-width:3px; text-align:center;}
	.menu ul{margin:-8px -5px;}
	.menu ul li{padding:8px 5px;}
	.menu ul li a{font-size:22px;}
}
@media(min-width:992px) and (max-width:1199px){
	.page-section-content.highlight-section{padding-left:50px; padding-right:50px;}
}
@media(max-width:991px){
	.main{padding:40px 0;}
	.section{padding:40px 0;}
	.hero-image-wrap{position:static; height:400px; padding-top:0; padding-bottom:0;}
	.hero-header, .hero-footer{min-height:auto; padding:15px 0;}
	.hero-header:first-child{padding-top:0;}
	.hero-footer:last-child{padding-bottom:0;}
	.nav-icon-wrap{width:auto;}
	.hero-logo-block{padding-right:0;}
	.hero-image-wrap:not(:last-child){margin-bottom:30px;}
	.logo:not(:last-child){margin-right:50px;}
	.hero-section{min-height:auto;}
	.article{padding:30px 0;}
	.article-content{padding:15px;}
	.article{min-height:350px;}
	.article-section .columns:nth-child(even){margin-top:175px;}
	.footer-links{margin:0 -15px;}
	.footer-links li{padding:0 15px;}
	.footer{padding:100px 0;}
	.page-header, .page-content-header-block{padding:40px 0;}
	.page-section-content{padding:70px 0;}
	.page-section-block:not(:last-child){margin-bottom:40px;}
	.menu ul li a{font-size:18px;}
}
@media(max-width:767px){

	.pages {
		padding-top: 0px;
	}

	.hero-content-wrap {
		padding-top: 30px;
	}

	.two-column-article-column-block h3 {
		font-family: var(--headding-font);
		font-size: 26px;
		line-height:normal;
		color: #373636;
	}
	.footer-links {
		margin: 0 -15px;
		padding-top:15px;
		display: list-item !important;
	}

	.main{padding:30px 0;}
	.section{padding:30px 0;}
	.hero-image-wrap{height:300px;}
	.notification-icon-block{width:auto;}
	.notification{position:static;}
	.notification p{font-size:13px;}
	.hero-section{padding:0;}
	.quotes{border-width:3px; padding:30px; min-height:auto;}
	.intro-section-content, .intro-section-content-block{height:auto;}
	.intro-section-content{padding:60px 0;}
	.intro-section-content figure{padding:0 100px;}
	.article-section .columns:nth-child(even){margin-top:0;}
	.article-section .article:not(:last-child){margin-bottom:15px;}
	.article{min-height:300px;}
	.footer-block-row{padding-top:15px;}
	.footer{padding:70px 0;}
	.page-header, .page-content-header-block{padding:30px 0;}
	.page-section-content{padding:50px 0;}
	.page-section-block:not(:last-child){margin-bottom:30px;}
	.page-section-content.highlight-section{padding-left:50px; padding-right:50px;}
	.menu ul li a{font-size:20px;}
	.menu-logo-wrap:not(:last-child){margin-bottom:30px;}
}
@media(max-width:575px){
	.quotes{padding:30px 15px;}
	.quote{padding-left:50px;}
	.intro-section-content figure{padding:0 50px;}
	.footer-block:not(:last-child){margin-bottom:30px;}
	.footer-block-row{padding-top:8px;}
	.social-icons a:not(:last-child){margin-right:15px;}
	.footer{padding:50px 0;}
	.border-article-block{padding:15px 15px 0 15px;}
	.page-section-content.highlight-section{padding-left:30px; padding-right:30px;}
	.menu-logo-wrap .logo img{max-width:180px;}
}