@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);

.copertina{
	position:relative;
	height:calc(100vh - 200px);
	background-color:#fff;
	overflow:hidden;
}

.copertina .bkg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../file/site/image/pagine/company/copertina.jpg);
	background-position:left 50% bottom 0px;
	background-size:cover;
	transform: translateZ(0px);
    transition: background-position 0.0s linear;
	z-index:1;
	display:none;
}

.copertina .patina{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../file/site/image/pagine/company/patina.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-attachment:fixed;
	z-index:2;
}

.wrapper{
	background-color:#1c1f25;
}

.wrapper .contenuti{
	width:78%; /*86%*/
	min-width:980px;
	max-width:1440px;/*1385px;*/
	margin:0px auto;
	color:#d4d4d4;
	overflow:hidden;	
}

.wrapper .contenuti .titolo-bordato{
	display:inline-block;
	margin:0px 0px 3.91% 0px;
	border-width:4px 0px;
	border-style:solid;
	border-color:#d4d4d4;
	line-height:1.12em;
	text-transform:uppercase;
	font-family:Trade Gothic;
	font-size:3.30rem;
	font-weight:400;
	letter-spacing:0.042em;
}

.wrapper .contenuti .testo p{
	margin:0px;
	line-height:1.32em;
	font-family:"EB Garamond", Garamond;
	font-size:1.69rem;
}

.wrapper .contenuti .citazione{
	text-align:center;
	text-transform:uppercase;
	font-family:Fine Style;
	font-size:3.30rem;
	font-weight:400;
	letter-spacing:0.162em;
}

.wrapper .contenuti header{
	margin-bottom:11.26%;
	padding-top:2.38%;
	text-align:center;
	font-family:'Playfair Display', serif;
}

.wrapper .contenuti header img{
	display:block;
	width:77.76%;
	margin:0px auto;
}

.wrapper .contenuti header h1{
	margin:0px;
	line-height:1.04em;
	font-size:91.19px;
	font-weight:700;
}

.wrapper .contenuti header h1:after{
	content:" ";
	display:block;
	width:68%;
	height:1px;
	margin:20px auto 34px auto;
	background-color:#fff;
}

.wrapper .contenuti header .anno{
	width:68%;
	margin:0px auto 24px auto;
	background-image:url(../file/site/image/pagine/company/bk-anno.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	font-size:24.35px;
	font-weight:700;
}

.wrapper .contenuti header .intro{
	margin:0px;
	line-height:1.51em;
	font-size:30.87px;
	font-weight:400;
	letter-spacing:0.06em;
}

.wrapper .contenuti .blocco-1{
	margin-bottom:5.78%;
}

.wrapper .contenuti .blocco-1 .testo{
	float:left;
	width:46.50%;
	margin-bottom:4.55%;
}

.wrapper .contenuti .blocco-1 .img-1{
	clear:left;
	float:left;
	width:46.50%;
}

.wrapper .contenuti .blocco-1 .img-2{
	float:right;
	width:42.24%;
}

.wrapper .contenuti .citazione-1{
	margin-bottom:5.05%;
}

.wrapper .contenuti .blocco-2{
	margin-bottom:10.76%;
}

.wrapper .contenuti .blocco-2 .testo{
	float:right;
	width:44.69%;
	margin-bottom:7.59%;
	padding-top:4.04%;
}

.wrapper .contenuti .blocco-2 .testo .titolo-bordato{
	margin-bottom:5.65%;
}

.wrapper .contenuti .blocco-2 .img-1{
	float:left;
	width:54%;
}

.wrapper .contenuti .blocco-2 .img-2{
	float:right;
	width:44.69%;
}

.wrapper .contenuti .blocco-3{
	margin-bottom:10.97%;
}

.wrapper .contenuti .blocco-3 .testo{
	float:left;
	width:44.12%;
	padding:0px 2.815% 0px 2.815%;
}

.wrapper .contenuti .blocco-3 .testo .titolo-bordato.riga-1{
	margin-bottom:0px;
	border-bottom:0px;
}

.wrapper .contenuti .blocco-3 .testo .titolo-bordato.riga-2{
	margin-top:-1%;
	margin-bottom:10%;
	border-top:0px;
}

.wrapper .contenuti .blocco-3 .testo p{
	width:90.67%;
	line-height:1.32em;
	letter-spacing:0.042em;
}

.wrapper .contenuti .blocco-3 .img-1{
	float:right;
	width:50.25%;
}

.wrapper .contenuti .blocco-4{
	margin-bottom:8.01%;
	background-image:url(../file/site/image/pagine/company/blocco-4.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:contain;
}

.wrapper .contenuti .blocco-4 .testo{
	float:right;
	width:44.69%;
}

.wrapper .contenuti .blocco-4 .testo .titolo-bordato{
	margin-bottom:5.65%;
	line-height:1.17em;
}

.wrapper .contenuti .blocco-4 .testo p{
	margin-right:7.43%;
}

.wrapper .contenuti .blocco-5{
	margin-bottom:66px;
	text-align:center;
	color:#d4d4d4;
}

.wrapper .contenuti .blocco-5 h4{
	margin:0px 0px 20px 0px;
	text-transform:uppercase;
	font-family:Trade Gothic;
	font-size:3.62rem;
	font-weight:400;
	letter-spacing:0.066em;
}

.wrapper .contenuti .blocco-5 h5{
	margin:0px 0px 29px 0px;
	text-transform:uppercase;
	font-family:Fine Style;
	font-size:1.13rem;
	font-weight:400;
	letter-spacing:0.180em;
}

.wrapper .contenuti .blocco-5 p{
	margin:0px;
	background-image:url(../file/site/image/pagine/company/blocco-5.png);
	background-position:center center;
	background-repeat:no-repeat;
}

.wrapper .contenuti .blocco-5 p .social{
	display:inline-block;
	width:49px;
	height:49px;
	margin:0px 5px;
	background-position:left center;
	background-repeat:no-repeat;
}

.wrapper .contenuti .blocco-5 p .social:hover{
	background-position:right center;
}

.wrapper .contenuti .blocco-5 p .social.facebook{
	background-image:url(../file/site/image/pagine/company/bottone-fb.png);
}

.wrapper .contenuti .blocco-5 p .social.twitter{
	background-image:url(../file/site/image/pagine/company/bottone-twitter.png);
}

.wrapper .contenuti .blocco-5 p .social.instagram{
	background-image:url(../file/site/image/pagine/company/bottone-instagram.png);
}

.wrapper .contenuti .blocco-5 p .social.pinterest{
	background-image:url(../file/site/image/pagine/company/bottone-pinterest.png);
}