

@font-face {
	font-family: 'MinionPro-Regular';
	src: url('../fonts/MinionPro-Regular-.eot#iefix') format('embedded-opentype'), url('../fonts/MinionPro-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MinionPro-Medium';
	src: url('../fonts/MinionPro-Medium-.eot#iefix') format('embedded-opentype'), url('../fonts/MinionPro-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SuperGrotesk-Regular';
	src: url('../fonts/SuperGrotesk-Regular-.eot#iefix') format('embedded-opentype'), url('../fonts/SuperGrotesk-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SuperGrotesk-Medium';
	src: url('../fonts/SuperGrotesk-Medium-.eot#iefix') format('embedded-opentype'), url('../fonts/SuperGrotesk-Medium.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}





html,
body {
	background: #ffffff;
	font-family: 'SuperGrotesk-Regular';
	font-size: 16px;
	font-weight: normal;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	/*padding-bottom: 380px;*/
	-webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}

body:before,
body:after {
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	border: 10px solid transparent;
	border-color: inherit;
	z-index: 1;
}

body:before {
	top: 0;
	border-width: 20px 0 0;
}

body:after {
	bottom: 0;
	border-width: 0 0 20px;
}

section {
	position: relative;
	padding: 150px 0 0;
}

section:first-child {
	padding: 200px 0 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}

p {
	-webkit-font-feature-settings: "onum" 1; 
	-moz-font-feature-settings: "onum" 1; 
	-moz-font-feature-settings: "onum=1"; 
	-ms-font-feature-settings: "onum" 1; 
	-o-font-feature-settings: "onum" 1; 
	font-feature-settings: "onum" 1;
}

a {
	color: inherit;
}

a:hover,
a:active,
a:focus,
a:visited {
	text-decoration: none;
	color: inherit;
}

.apeunit-underline:hover {
	background-repeat: repeat-x;
}


.apeunit-underline:hover {
	color:#FCFCFC;
}

.apeunit-underline {
	color:#FCFCFC;
}

address {
	font-style: normal;
}

::selection {
	color: #2c2c2c;
	background: #fff;
	opacity: 1;
}

.apeunit-table {
	display: table;
}

.apeunit-vertical-center {
	display: table-cell;
	vertical-align: middle;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-block {
	text-align: justify;
}

.apeunit-text-underline,
.apeunit-text-underline:hover {
	text-decoration: underline;
}

.apeunit-font-grotesk-medium {
	font-family: 'SuperGrotesk-Medium';
	letter-spacing: 0.01em;
	color: #1a171b;
	font-weight: bold;
}

.apeunit-font-grotesk-regular {
	font-family: 'SuperGrotesk-Regular';
}

.apeunit-font-grotesk-regular strong,
strong.apeunit-font-grotesk-regular {
	font-family: 'SuperGrotesk-Regular';
	font-weight: normal;
}

.apeunit-font-minion-medium {
	font-family: 'MinionPro-Medium';
}

.apeunit-font-minion-regular {
	font-family: 'MinionPro-Regular';
}

.apeunit-font-minion-regular strong,
strong.apeunit-font-minion-regular {
	font-family: 'MinionPro-Medium';
	font-weight: normal;
}

.apeunit-font-grotesk-medium,
.apeunit-font-grotesk-regular,
.apeunit-font-minion-medium,
.apeunit-font-minion-regular {
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
}

.apeunit-font-size-16 {
	font-size: 100%;
	line-height: 150%;
}

.apeunit-font-size-16.apeunit-underline:hover,
.apeunit-font-size-16 .apeunit-underline:hover {
	background-position: 0 90%;
	background-size: 1px 5%;
}

.apeunit-font-size-18 {
	font-size: 170%;
	line-height: 150%;
}


.apeunit-font-size-18.apeunit-underline:hover,
.apeunit-font-size-18 .apeunit-underline:hover {
	background-position: 0 90%;
	background-size: 1px 5%;
}

.apeunit-font-size-21 {
	font-size: 130%;
	line-height: 150%;
}

.apeunit-font-size-21.apeunit-underline:hover,
.apeunit-font-size-21 .apeunit-underline:hover {
	background-position: 0 90%;
	background-size: 1px 5%;
}

.apeunit-font-size-32 {
	font-size: 200%;
	line-height: 150%;
}

.apeunit-font-size-32.apeunit-underline:hover,
.apeunit-font-size-32 .apeunit-underline:hover {
	background-position: 0 90%;
	background-size: 1px 5%;
}

.apeunit-font-size-60 {
	font-size: 195%;
	line-height: 100%;
}

.apeunit-font-size-60.apeunit-underline:hover,
.apeunit-font-size-60 .apeunit-underline:hover {
	backgrground-position: 0 90%;
	background-size: 1px 5%;
}

.apeunit-font-size-120 {font-family: 'SuperGrotesk-medium';
	font-size: 190%;
	line-height: 120%;
}

.apeunit-font-size-120.apeunit-underline:hover,
.apeunit-font-size-120 .apeunit-underline:hover {
	background-position: 0 90%;
	background-size: 1px 5%;
}

.apeunit-font-size-180 {
	font-size: 525%;
	line-height: 120%;
}

.apeunit-font-size-140 {
	font-size: 305%;
	line-height: 90%;
	margin-bottom:20px;
}

.apeunit-font-size-180.apeunit-underline:hover,
.apeunit-font-size-180 .apeunit-underline:hover {
	background-position: 0 90%;
	background-size: 1px 5%;
}





/**************************************      MIE AGGIUNTE     ******************************************************/

.viola-fm a {
	color:#B997AB;
}

.viola-fm {
	color:#B997AB;
}

.viola-fm:visited {
	color:#B997AB;
}

.container-stretto {width:65%}

.corsivo-m {font-family: 'MinionPro-Regular'; font-style: italic;}
.corsivo-g {font-family: 'SuperGrotesk-Regular'; font-style: italic;}
.apeunit-link-viola {color: #B997AB; }






@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.apeunit-fadein {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;

	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}

.apeunit-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 8%;
	padding: 10px 17px 17px 20px;
	text-align: right;
	z-index: 2;
	background-color: #14171b;
	color: #fff;
}/* GENERALE * cambia lo smartphone orizzontale, ma cambia anche il computer orizzontale */




.apeunit-start {
	float: left;
}

.apeunit-start.apeunit-left {
	margin-right: 10px;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	position: relative;
	top: -1px;
}

.apeunit-language {
	float: right;
	margin: 5px 0 0 0 ;
}

.apeunit-language a{
	float: right;
	padding: 0px 11px 0px 11px;
	font-size: 120%;
}

.apeunit-language .apeunit-focus {
	display: inline-block;
	background-repeat: repeat-x;
	background-position: 0 90%;
	background-size: 1px 5%;
}

.apeunit-language a:hover {
	display: inline-block;
	background-repeat: repeat-x;
	background-position: 0 90%;
	background-size: 1px 5%;
	color: #D36BC6;
}


body > .apeunit-subtitle {
	position: absolute;
	padding: 35px;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	color: #fff;
}

.apeunit-title {
	margin-top: 70px;
}

.apeunit-footer {
	/*position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;*/
	padding: 200px 0 100px;
}

.apeunit-footer h3 {
	margin-bottom: 0;
}


.apeunit-subtitle h3 {
	background-color: #1a171b; border-color: #1a171b; color: #ffffff;
}


.apeunit-footer .apeunit-social {
	list-style-type: none;
	padding: 20px 0;
}

.apeunit-footer .apeunit-social li {
	display: inline-block;
	margin-left: 20px;
}

.apeunit-footer .apeunit-social li:first-child {
	margin-left: 0;
}




/*.apeunit-language .apeunit-social {
	list-style-type: none;
	padding: 0px 0;
}

.apeunit-language .apeunit-social li {
	display: inline-block;
	margin-left: 20px;
}

.apeunit-language .apeunit-social li:first-child {
	margin-left: 0;
}

.apeunit-language .apeunit-social a:hover {
	display: inline-block;
	background-repeat: repeat-x;
	background-position: 0 90%;
	background-size: 1px 5%;
	color: #D36BC6;
}*/


.apeunit-logo {
	display: block;
	position: relative;
	width: 100px;
	height: 11px;
	background: transparent url('grafica/logo/logo.png') 0 0 no-repeat;
	background-size: 140%;
	padding:10px 0 0 0;
}

.apeunit-color-dark .apeunit-logo {
	background: transparent url('grafica/logo/logo.png') 0 0 no-repeat;
	background-size: 100%;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	.apeunit-logo {
		background-image: url('grafica/logo/logo.png');
	}

	.apeunit-color-dark .apeunit-logo {
		background-image: url('grafica/logo/logo.png');
	}

}


/*******************************************     EFFETTO SPECIALE VARI COLORI PER L'HOMEPAGE    *************************************+*/


.apeunit-color-schema-ape_unit.apeunit-underline:hover, .apeunit-color-schema-ape_unit .apeunit-underline:hover, .apeunit-color-schema-ape_unit .apeunit-language .apeunit-underline {
			background-image: -webkit-linear-gradient(top, #fffff, #fffff);
			background-image: -moz-linear-gradient(top, #fffff, #fffff);
			background-image: -o-linear-gradient(top, #fffff, #fffff);
			background-image: linear-gradient(to bottom, #fffff, #fffff);
		}



/*********************************************************         VIOLA       ****************************** *****************************+*/

.apeunit-color-schema-ape_unit-background { background-color: #B997AB; }
.apeunit-color-schema-ape_unit .apeunit-button { border-color: #106237; }
.apeunit-color-schema-ape_unit .apeunit-button:hover { background-color: #B997AB; border-color: #003f20; color: #ffffff; }
.apeunit-color-schema-ape_unit { border-color: #B997AB; color: #28282A; stroke: #ffffff; }
.apeunit-color-schema-nero.apeunit-underline:hover, .apeunit-color-schema-nero .apeunit-underline:hover, .apeunit-color-schema-nero .apeunit-language .apeunit-underline {
			background-image: -webkit-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: -moz-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: -o-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: linear-gradient(to bottom, #2c2c2c, #2c2c2c);
		}



/***************************************+************************     NERO       **********************************************************+*/

.apeunit-color-schema-nero-background { background-color: #28282A; }
.apeunit-color-schema-nero .apeunit-button { border-color: #B997AB; }
.apeunit-color-schema-nero .apeunit-title { color: #B997AB; }
.apeunit-color-schema-nero .apeunit-button:hover { background-color: #1a171b; border-color: #D36BC6; color: #D36BC6; }
.apeunit-color-schema-nero { border-color: #2c2c2c; color: #B997AB; stroke: #2c2c2c; }
.apeunit-color-schema-nero .apeunit-underline:hover, .apeunit-color-schema-nero .apeunit-underline:hover, .apeunit-color-schema-nero .apeunit-language .apeunit-underline {
			background-image: -webkit-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: -moz-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: -o-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: linear-gradient(to bottom, #2c2c2c, #2c2c2c);
		}



/***************************************************       BIANCO       *************************************************************+*/

.apeunit-color-schema-bianco-background { background-color: #ffffff; }
.apeunit-color-schema-bianco .apeunit-button { border-color: #28282A; }
.apeunit-color-schema-bianco .apeunit-button:hover { background-color: #28282A; border-color: #28282A; color: #ffffff; }
.apeunit-color-schema-bianco { border-color: #28282A; color: #28282A; stroke: #28282A; }
.apeunit-color-schema-durst.apeunit-underline:hover, .apeunit-color-schema-durst .apeunit-underline:hover, .apeunit-color-schema-durst .apeunit-language .apeunit-underline {
			background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
			background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
			background-image: -o-linear-gradient(top, #ffffff, #ffffff);
			background-image: linear-gradient(to bottom, #ffffff, #ffffff);
		}


/***************************************************       VIOLA       *************************************************************+*/

.apeunit-color-schema-viola-background { background-color: #B997AB; }
.apeunit-color-schema-viola .apeunit-button { border-color: #2c2c2c; }
.apeunit-color-schema-viola .apeunit-button:hover { background-color: #B997AB; border-color: #1a171b; color: #1a171b; }
.apeunit-color-schema-viola { border-color: #1a171b; color: #1a171b; stroke: #1a171b; }
.apeunit-color-schema-viola.apeunit-underline:hover{color: #ffc618;}
.apeunit-color-schema-viola.apeunit-underline:hover, .apeunit-color-schema-adk .apeunit-underline:hover, .apeunit-color-schema-adk .apeunit-language .apeunit-underline {
			background-image: -webkit-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: -moz-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: -o-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: linear-gradient(to bottom, #2c2c2c, #2c2c2c);
		}


/***************************************************       GRIGIO       *************************************************************+*/

.apeunit-color-schema-grigio-background { background-color: #F2EBEB; }
.apeunit-color-schema-grigio .apeunit-button { border-color: #2c2c2c; }
.apeunit-color-schema-grigio .apeunit-button:hover { background-color: #106237; border-color: #ffc618; color: #fff; }
.apeunit-color-schema-grigio { border-color: #2c2c2c; color: #fff; stroke: #2c2c2c; }
.apeunit-color-schema-grigio.apeunit-underline:hover{color: #ffc618;}
.apeunit-color-schema-grigio.apeunit-underline:hover, .apeunit-color-schema-impressum .apeunit-underline:hover, .apeunit-color-schema-impressum .apeunit-language .apeunit-underline {
			background-image: -webkit-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: -moz-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: -o-linear-gradient(top, #2c2c2c, #2c2c2c);
			background-image: linear-gradient(to bottom, #2c2c2c, #2c2c2c);
		}


/****************************       Grigio      *****************************+*/

.apeunit-color-schema-durst-background { background-color: #ffffff; }
.apeunit-color-schema-durst .apeunit-button { border-color: #28282A; }
.apeunit-color-schema-durst .apeunit-button:hover { background-color: #1a171b; border-color: #D36BC6; color: #f3f3f3; }
.apeunit-color-schema-durst { border-color: #2c2c2c; color: #2c2c2c; stroke: #2c2c2c; }
.apeunit-color-schema-durst.apeunit-underline:hover, .apeunit-color-schema-durst .apeunit-underline:hover, .apeunit-color-schema-durst .apeunit-language .apeunit-underline {
			background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
			background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
			background-image: -o-linear-gradient(top, #ffffff, #ffffff);
			background-image: linear-gradient(to bottom, #ffffff, #ffffff);
		}



/*************************************** PARTE CSS DI RESPONSIVE DESGIN DEL SITO *************************************++++++++*/





/************************************************** INIZIO COMPUTER PORTATILE E TABLET ORIZZONTALE ***************************++++++++*/

@media (min-width: 1024px) and (max-width: 1500px) {

.apeunit-header {
		padding: 12px 39px 12px 39px;
		height: 14%;}
	
.apeunit-language {
	float: right;
	margin: 14px 14px;
}

.apeunit-font-size-180 {font-size: 500%; line-height: 0.9em;}
	
	
.container-stretto {width:65%}

.apeunit-font-size-32-light {
	font-size: 120%;
	line-height: 150%;
	
}
	

.apeunit-font-size-130 {letter-spacing: 0.02em;}
	
}
	
/************************************************** FINE COMPUTER PORTATILE E TABLET ORIZZONTALE ***************************++++++++*/





/*************************************** INIZIO (max-width: 768px) ***************************++++++++*/

@media (max-width: 768px) {

	.apeunit-font-size-18 {
		font-size: 100%;
		line-height: 150%;
		margin-bottom: 10px;
	}

	.apeunit-font-size-32 {
		font-size: 120%;
		line-height: 150%;
	}

	.apeunit-font-size-60 {
		font-size: 160%;
		line-height: 90%;
	}

	.apeunit-font-size-120 {
		font-size: 180%;
		line-height: 100%;
	}

	.apeunit-font-size-180 {
		font-size: 300%;
		line-height: 120%;
		margin-bottom: 10px;
	}
	
.apeunit-font-size-140 {
		font-size: 200%;
		line-height: 90%;
	}
	
.apeunit-header {
		padding: 12px 12px 12px 12px;
		height: 19%;}
	
	
.apeunit-logo {
	display: block;
	position: relative;
	width: 100px;
	height: 9px;
	background: transparent url('grafica/logo/logo.png') 0 0 no-repeat;
	background-size: 140%;
	padding:0px;
}

	
.apeunit-title {
	margin-top: 0px;
}
	
	
	.apeunit-footer .row > div {
		margin-bottom: 20px;
	}

	.apeunit-subtitle {
		top: 30px;
		padding: 35px 15px 35px;
		text-align: left;
	}

	body > .apeunit-subtitle {
		top: 30px;
		padding: 35px 15px 35px;
	}

	.apeunit-footer {
		padding: 100px 0 0;
	}

	.apeunit-team .apeunit-list span {
		display: block;
		line-height: 150%;
		margin-bottom: 10px;
	}

	.apeunit-manifest .apeunit-title,
	.apeunit-manifest .apeunit-text {
		line-height: 120%;
	}

	.apeunit-manifest .apeunit-text {
		margin-bottom: 30px;
	}
	

}

/*************************************** FINE (max-width: 768px) ***************************++++++++*/



/*************************************** TABLET VERTICALE ************************************++++++++*/

@media (min-width: 481px) and (max-width: 768px) {

	.apeunit-header {
		padding: 12px 39px 12px 39px;
		height: 10%;}

.apeunit-font-size-32-light {
	font-size: 120%;
	line-height: 150%;
	font-family: 'NHaasGroteskDSPro-45Lt';
}
	

.container-stretto {width:63%}

	
.apeunit-font-grotesk-light {
	width:120%;
	padding:9px 0px;
	font-size:88%;
	line-height:150%;
}
	
.apeunit-font-grotesk-light1 {
	width:120%;
	font-size:88%;
	line-height:150%;
	margin-bottom: -100px;
}
	

.apeunit-font-grotesk-light2 {
	width:120%;
	padding:9px 0px;
	font-size:88%;
	line-height:150%;
	margin-bottom: 80px;
}
	
	.apeunit-font-grotesk-light3 {
	width:120%;
	padding: 12px 12px 12px 12px;
	font-size:88%;
	line-height:150%;
}
	
	.apeunit-title-articolo {
	font-size:200%;
	line-height:120%;
	margin-bottom: -20px;
}
	
	.apeunit-title-articolo1 {
	font-size:200%;
	line-height:120%;
	margin-bottom: 10px;
}
	
.apeunit-font-grotesk-regular23 {
	font-size:110%;
	line-height:130%;
}
	
	.apeunit-font-size-60 {
		font-size: 170%;
		line-height: 90%;
	}

	
.apeunit-font-size-130 {
	font-family: 'NHaasGroteskDSPro-55Rg';
	letter-spacing: 0.02em;
}

	
}


/*************************************** FINE TABLET VERTICALE ************************************++++++++*/

/******************************* INIZIO (max-width: 480px)  SMARTPHONE VERTICALE mio vecchio samsung e veccho apple fairana **************/

@media (max-width: 380px) {	
	.apeunit-footer .apeunit-logo {
	padding:0 0 11px 0;
}
}

.apeunit-content {
	/*padding: 0;*/
}

.apeunit-content .apeunit-text:first-child,
.apeunit-content .apeunit-image:first-child {
	margin-top: 0;
}

.apeunit-content .apeunit-text:last-child,
.apeunit-content .apeunit-image:last-child {
	margin-bottom: 0;
}

.apeunit-image {
	margin-top: 100px;
	margin-bottom: 100px;
}

.apeunit-image img {
	width: 1400px;
	max-width: 100%;
}

.apeunit-text {
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: -100px;
	padding-bottom: 0px;
	
}.apeunit-instagram {
	position: relative;
	z-index: 1;
}

.apeunit-instagram .apeunit-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	margin: 0;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 1s, opacity 1s ease;
	z-index: -1;
}

.apeunit-instagram .apeunit-image.active {
	visibility: visible;
	opacity: 1;
	transition: opacity 1s ease;
}

.apeunit-instagram .apeunit-list {
	display: inline-block;
	list-style-type: none;
	padding: 0;
}

.apeunit-instagram .apeunit-list .apeunit-bullet {
	display: inline-block;
	margin-right: 10px;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-right: 20px;
	position: relative;
	top: -3px;
	display: none;
}

.apeunit-links .apeunit-link va {
	display: block;
}

.apeunit-links .apeunit-link .apeunit-bullet {
	display: inline-block;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-right: 20px;
	position: relative;
	top: -3px;
	display: none;
}

.apeunit-links .apeunit-link i {
	margin-right: 30px;
	font-style: normal;
}

.apeunit-links .apeunit-link span {
	margin-right: 5px;
}
.apeunit-logowall {
	width: 100%;
	padding-top: 100px;
	text-align: center;
}

.apeunit-logowall .apeunit-image {
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 1000px 1000px;
	margin: 20px 0;
}

.apeunit-logowall .apeunit-image img {
	max-height:100%;
	max-width:100%;
	height: auto;
	width: auto;
}




/*************************************** INIZIO (min-resolution: 192dpi) ***************************++++++++*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	.apeunit-logowall .apeunit-image {
		background-position: center;
	}

	.apeunit-logowall .apeunit-image img {
		opacity: 0;
	}
	
}



/*************************************** FINE (min-resolution: 192dpi) ***************************++++++++*/

.apeunit-manifest {
	color: white;
	font-family: 'CircularStd-Medium';
	background-color: #2c2c2c;
	margin-bottom: -50px;
}

.apeunit-manifest .apeunit-title {
	margin-bottom: 10px;
}


.apeunit-manifest .apeunit-text {
	margin: 0 0 50px;
}

.apeunit-projectreference {
	width: 100%;
	min-height: 100vh;
	font-family: 'CircularStd-Medium';
}

.apeunit-projectreference .projectreferencecontainer {
/* 	position: relative; */
	height: 320px;
	margin-top: 30px;
}

.apeunit-projectreference .projectreferencecontainer .inner {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

.apeunit-projectreference .projectreferencecontainer .inner .credits {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	padding-bottom: 10px;
	color: #ffffff
}
.apeunit-team {
	position: relative;
	z-index: 1;
}

.apeunit-team .apeunit-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 1s, opacity 1s ease;
	z-index: -1;
}

.apeunit-team .apeunit-image.active {
	visibility: visible;
	opacity: 1;
	transition: opacity 1s ease;
}

.apeunit-team .apeunit-list {
	display: inline-block;
	list-style-type: none;
	padding: 0;
}

.apeunit-team .apeunit-list .apeunit-title {
	margin-right: 10px;
}

.apeunit-teaser,
.apeunit-teaser:first-child {
	width: 100%;
	min-height: 100%;
	padding: 0;
}

.apeunit-teaser.apeunit-fullscreen .apeunit-container {
	padding: 100px 0;
}

.apeunit-teaser.apeunit-fullscreen,
.apeunit-teaser.apeunit-fullscreen .apeunit-center {
	min-height: 0 !important;
}

.apeunit-center:before,
.apeunit-container {
	display: inline-block;
	vertical-align: middle;
}

.apeunit-container {
	width: 100%;
	padding: 200px 0 0 0;
}

.apeunit-center:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	margin-left: -0.25em;
}

.apeunit-teaser.apeunit-fullscreen .apeunit-center:before {
	height: auto;
}

.apeunit-subtitle {
	position: fixed;
	width: 100%;
	left: 0;
	top: 40px;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	opacity: 0;
}

.apeunit-teaser .apeunit-button {
	margin: 50px 20px 0;
}

.apeunit-title a {
	color: inherit;
	position: relative;
}

.apeunit-title a:hover {
	text-decoration: none;
}

.apeunit-text {
	margin-top: 10px;
}

.apeunit-down {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 30px;
	text-align: center;
}

.apeunit-down span {
	display: inline-block;
	color: inherit;
	stroke: inherit;
	padding: 10px;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	cursor: pointer;
}

.apeunit-down.apeunit-up span {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	display: none;
}

.apeunit-teaser.apeunit-focus .apeunit-subtitle {
	opacity: 1;
}

.apeunit-background {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	background-size: cover;
	background-position: center;
}

.apeunit-hover {
	opacity: 1;
}

.apeunit-link-hook {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 2;
}

.apeunit-button {
	display: inline-block;
	padding: 10px 35px;
	border-width: 3px;
	border-style: solid;
}

.apeunit-video .videocontainer {
	muh: 12;
	position: relative;
	height: 0;
}

.apeunit-video .videocontainer.ratio_16_9 {
	padding-bottom: 56.25%;
}

.apeunit-video .videocontainer.ratio_4_3 {
	padding-bottom: 75%;
}

.apeunit-video .videocontainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


	
@media (max-width: 480px) {	.apeunit-header {
		padding: 15px 12px 12px 12px;
		height: 11%;}
	
	}

/*************************************** INIZIO (max-width: 991px)  SMARTPHONE ORIZZONTALE ***************************++++++++*/

@media (max-width: 991px) {
	.apeunit-header {
		padding: 12px 12px 12px 12px;
		height: 80px;}}
	


/* Localized */