@charset "utf-8";

/* CSS Document */



@font-face {

	font-family: "Proxima Nova Bold";

	src: url('../fonts/proximanova-bold-webfont.eot');

	src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');

	font-weight: bold;

	font-style: normal;

}

@font-face {

	font-family: "Proxima Nova";

	src: url('../fonts/proximanova-regular-webfont.eot');

	src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular-webfont.woff') format('woff'), url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'Proxima Semi Bold';

	src: url('../fonts/proximanova-semibold-webfont.eot');

	src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-semibold-webfont.woff') format('woff'), url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');

	font-weight: normal;

	font-style: normal;

}

.clear{

	display: block;

	clear: both}

/****************************************************************************/

html{

	background: #0e100f;

	height: 100%;

}

body{

	box-sizing: border-box;

	margin: 0;

	overflow: hidden; // in order to compensate for the KeyShotVR which otherwise forces the height to 900px

	padding: 0;

	position: relative;

	height: 100%;

	font-family: "Proxima Nova";

}

a{

	text-decoration: none;

	cursor: pointer;

	color: #fff;

}

p,h1,h2,h3,ul,li{

	margin: 0;

	padding: 0;

	list-style-type: none}



.loader{

	background: url(../img/icons/loader.gif) center center no-repeat rgba(16,21,25,.8);

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	z-index: 1000;

}

#globalContainer{

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	min-width: 1024px;

}

#turntable > img{

	width: 100% !important;

	-webkit-transform: none !important

}

a.logotipo{

	display: block;

	cursor: pointer;

	position: absolute;

	left: 0px;

	top: 0px;

	width: 447px;

	height: 92px;

	background: url(../img/bg-logo.png) no-repeat;

	z-index: 611}

a.logotipo img{

	display: block;

	margin: 20px 20px 10px 20px;

}

a.logotipo p{

	font-size: 10px;

	color: #FFF;

	opacity: 0.3;

	margin: 0 20px;

	letter-spacing: 1px}

/*CAMERA*/

#cameraIcon{

	position: absolute;

	bottom: 80px;

	right: 70px;

	text-align: center}

#cameraIcon p{

	color: #FFF;

	text-transform: uppercase;

	font-size: 10px;

	margin-bottom: 10px;

}

/*NAVIGATORE*/

#nav{

	background: url(../img/ui/bg_nav.png) 0 0 repeat-x;

	height: 92px;

	left: 0;

	min-width: 1024px;

	position: absolute;

	right: 0;

	top: 0px;

	z-index: 610;

}

#nav.second-level-opened {

	height: 150px;

}

#nav ul{

	display: inline-block;

	float: right;

	min-width: 565px;

	overflow: hidden;

}

@media (min-width: 1480px) {

	#nav ul{

		float: none;

		margin-left: 630px;

	}

}

#nav ul li {

	border-right: 1px solid rgba(255,255,255,.3);

	float: left;

	text-align: center;

	position: relative;

	transition: background, 0.5s;

}

#nav ul li:first-child {

	border-left: 1px solid rgba(255,255,255,.3);

}

#nav ul li a,

#nav ul.second-level li {

	color: #FFF;

	display: block;

	font-size: 16px;

	line-height: 92px;

	text-align: center;

	text-transform: uppercase;

	transition: width .5s;

	width: 140px;

}

@media (min-width: 1200px) {

	#nav ul li a,

	#nav ul.second-level li {

		width: 170px;

	}

}

#nav ul li#body a{

	background-image: url(../img/icons/body.png);

	background-position: center 30%}

#nav ul li#chassis a{

	background-image: url(../img/icons/chassis.png);

	background-position: center 30%}

#nav ul li#suspension a{

	background-image: url(../img/icons/suspension.png)}

#nav ul li#safety a{

	background-image: url(../img/icons/safety.png)}

#nav ul li#aerodynamics a{

	background-image: url(../img/icons/aerodynamics.png);

	background-position: center 29%}

#nav ul li#gearbox a{

	background-image: url(../img/icons/gearbox.png)}

#nav ul li#tech-data a{

	background-image: url(../img/icons/tech-data.png);

	background-position: center 32%}

#nav ul li span{

	display: block;

	position: absolute;

	bottom: 10px;

	left: 15px;

	color: #FFF;

	font-size: 16px;font-family: 'Proxima Semi Bold';

}

#nav ul li:hover{

	background: rgba(16,21,25,.2)

}

#nav ul li.selected a{

	background: rgba(16,21,25,.2);

	border-top: 3px solid #f9df07;

	font-size: 16px;font-family: 'Proxima Nova Bold';

	line-height: 86px;

	padding-bottom: 3px;

}

#nav ul li.selected a{

	opacity: 1;

	cursor: default}

#nav ul.second-level {

	clear: both;

	display: none;

}

@media (min-width: 1480px) {

	#nav ul.second-level {

		margin-top: -5px;

	}

}

#nav ul.second-level.opened{

	display: inline-block;

}

#nav ul.second-level li {

	border-color: rgba(16,21,25,0);

	color: #fff;

	cursor: pointer;

	font-size: 12px;

	line-height: 58px;

}

#nav ul.second-level li:hover,

#nav ul.second-level li.selected {

	background: rgba(255,255,255,.3);

	font-family: 'Proxima Nova Bold';

}

#KeyShotVR{ /*for 1024x768*/

	cursor: url(../img/icons/cursore_drag_new.png), move;

	transition: all 0.5s;

}

#KeyShotVR[style]{ /*temporary style*/

	width: 100%!important;

}



/***************************************************************BODY*******************************************************************************/

.section {

	position: absolute;

	top: 170px;

	bottom: 60px; /*height of footer*/

	left: 0;

	right: 0;

	z-index: 600;

	background: rgba(22,33,37,0.3);

	overflow: hidden;

}

#bodySection > a.link{

	display: block;

	float: left;

	width: 33.33333%;

	height: 100%;

	background: rgba(22,33,37,0.9);

	position: relative;

	border-right: 1px dotted rgba(56,83,93,0.8);

	box-sizing: border-box;

}

#bodySection a.link#door{background: rgba(22,33,37,0.85)}

#bodySection a.link#components{background: rgba(22,33,37,0.75)}

.centraturaVert{

	display: table;

	text-align: center;

	position: absolute;

	height: 100%;

	width: 100%

}



#bodySection video {

	width: 100%;

}



@media screen and (min-aspect-ratio: 8/5) {

	#bodySection video{

		margin-top: -5%;

	}

}

@media screen and (min-aspect-ratio: 16/9) {

	#bodySection video {

		margin-top: -8%;

	}

}



.centro{

	display: table-cell;

	vertical-align: middle;

	width: 100%;

}

.centro h2{

	text-transform: uppercase;

	color: #FFF;

	font-size: 30px;

	font-weight: normal;

	line-height: 24px;

	opacity: 0.4;

	transition: background, 0.5s;

	padding: 60px 30px;

	background: rgba(255,255,255,0);

	/*	font-family: 'Proxima Semi Bold';

	*/	transition: opacity, 0.5s, background, 0.5s;

}

#bodySection a.link:hover h2{background: rgba(255,255,255,0.1);

							 opacity: 1

}

div.downloadPhoto,

div.closeSection{

	cursor: pointer;

	background: url(../img/chiudi.png);

	width: 94px;

	height: 94px;

	position: absolute;

	top: 30px;

	right: 20px;

	opacity: 1;

	transition: opacity, 0.5s}

div.closeSection:hover{

	opacity: 0.4

}



/*****************SUBSECTION GENERICO****************************/

.subsection{

	position: absolute;

	top: 0;

	bottom: 0px; /*height of footer*/

	left: 0;

	right: 0;

	z-index: 600;

	background: rgba(22,33,37,1);

	overflow: hidden;

}

#pressPhotosSection .subsection.imagegallery.selected {

	background: rgba(22, 33, 37, 0.5) none repeat scroll 0 0;

}

.subsection.imagegallery.selected {

	background: rgba(22, 33, 37, 0.5) none repeat scroll 0 0;

}

a.arrow{

	position: absolute;top: 50%;

	margin-top: -55px;

	display: block;

	width: 90px;

	height: 110px;

	background: rgba(0,0,0,0.15);

	background-position: center center;

	background-repeat: no-repeat;

	position: absolute;

	opacity: 0.5;

	transition: opacity, 0.5s}

.internipage a.arrow{background-color: rgba(22,33,37,0.8)}

a.arrow:hover{

	opacity: 1}

a.arrow.next{

	right: 0;

	background-image: url(../img/icons/gallery-right.png);

	border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;

}

a.arrow.prev{

	left: 0;

	background-image: url(../img/icons/gallery-left.png);

	border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;

}

.numerazione{

	position: absolute;

	width: 110px;

	height: 90px;

	text-align: center;

	font-size: 30px;

	box-sizing: border-box;

	color: #FFF;

	top: 0;

	left: 50%;

	margin-left: -55px;

	border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;

	background: rgba(0,0,0,0.2);

}

.internipage .numerazione{background: rgba(22,33,37,0.5);

}

.numerazione span{

	display: block;

	margin-top: 30px;

}



.verticalCenter {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 100%;

}

.press-verticalCenter {

	background-color: rgba(255, 255, 255, 0.1);

	left: 50%;

	/*padding: 0 70px;*/

	position: absolute;

	top: 25px;

	transform: translateX(-50%);

	width: 970px;

	font-size: 0px;

}

div.closeSubsection{

	cursor: pointer;

	background: rgba(0,0,0,0.15);

	padding: 40px 0;

	text-align: center;

	border-radius: 4px;

	position: absolute;

	top: 30px;

	right: 20px;

	transition: background, 0.5s;

	color: #FFF;

	font-size: 12px;

	text-transform: uppercase;

	width: 94px;

	height: 94px;

	box-sizing: border-box;

}

div.closeSection{

	background-color: rgba(0,0,0,0.15);

}

div.closeSubsection:hover{

	background: rgba(0,0,0,0.15);

}

.imgContainer img {

	width: 100%;

}

/*@media screen and (min-aspect-ratio: 8/5) {

				.imgContainer img{

								margin-top: -5%;

				}

}

@media screen and (min-aspect-ratio: 16/9) {

				.imgContainer img {

								margin-top: -15%;

				}

}*/



/**********************************************PAGE FOOTER************************************************************/

.page-footer {

	background: #162125;

	bottom: 0px;

	height: 60px;

	padding: 0 10px;

	position: fixed;

	width: 100%;

	z-index: 700;

}



.page-footer li {

	display: inline-block;

	padding-top: 12px;

}



.page-footer li a {

	display: block;

	height: 39px;

	margin-left: 10px;

	width: 39px;

}



.page-footer li.facebook a {

	background: url(../img/icons/icn-facebook.png);

}



.page-footer li.youtube a {

	background: url(../img/icons/icn-youtube.png);

}



.page-footer li.instagram a {

	background: url(../img/icons/icn-instagram.png);

}



.page-footer li.competition a {

	background: url(../img/icons/icn-competition.png);

	margin-left: 40px;

	width: 99px;

}







/***************************************************************SUSPENSIONS*******************************************************************************/





#suspensionSection {

}



#suspensionSection > a.link{

	display: block;

	float: left;

	width: 50%;

	height: 100%;

	background: #101010;

	position: relative;

	border-right: 1px dotted rgba(56,83,93,0.5);

	box-sizing: border-box;

	overflow: hidden;

}

.mac #suspensionSection > a.link{

	background: #000;

}

#suspensionSection a.link h2 {

	height: 100%;

	opacity: 1

}

#suspensionSection a.link h2 span{

	position: absolute;

	bottom: 22%;

	width: 100%;

	text-align: center;

	left: 0;

	z-index: 10}

#suspensionSection a.link h2 span.playVideo{

	position: absolute;

	bottom: auto;

	width: 100%;

	top: 50%;

	margin-top: -66px;

	margin-left: -35px;

	left: 50%;

	z-index: 10;

	background: url(../img/icons/play.png);

	width: 69px;

	height: 132px;

	opacity: 1;

	transition: opacity, 0.5s;

	opacity: 0.3}

#suspensionSection a.link h2.selected span.playVideo{

	opacity: 0}

#suspensionSection a.link h2.selected{

	opacity: 1}

h2 video{

	position: absolute;

	left: 0;

	top: 0}



#suspensionSection video{

	height: 90%;

}

/**********************************************TECHDATA************************************************************/



#tech-dataSection{background: rgba(22,33,37,0.95);

				  text-align: center}

.galleryTable{

	margin-top: 180px;

	display: inline-block;

	height: 71%}



.tablePage{

	box-sizing: border-box;

	height: 100%;

	padding: 40px 120px 20px;

}

.centraturaVertTable{

	margin: 0 auto;

}

.tableContainer{

	padding: 20px;

	border-radius: 4px;

	background: rgba(255,255,255,0.1);

}

.tableContainer h1{

	color: #FFF;

	font-weight: normal;

	text-transform: uppercase;

	font-family: 'Proxima Semi Bold';

	font-size: 25px;

	padding: 10px}

.columnTables table{

	margin-top: 20px;

	color: #FFF;

	text-transform: uppercase}

.columnTables table td{

	padding: 5px 10px;border-bottom: dotted 1px rgba(255,255,255,0.2);

	font-size: 13px;

}

.columnTables table td.etichetta{font-family: 'Proxima Semi Bold'}



.columnTables {

	float: left;

	width: 48%;

	margin: 0px 1%;

}

.tableContainer.wheels,.tableContainer.engine, .tableContainer.exterior, .tableContainer.mech, .tableContainer.nvh, .tableContainer.chassis{

	margin-top: 20px;

}



/******************************************TEAM**********************************/



#teamSection {

	color: #fff;

}



#teamSection .section-wrapper {

	padding-top: 80px;

}



#teamSection ul {

	display: table;

	width: 100%;

}



#teamSection li {

	box-sizing: border-box;

	display: table-cell;

	line-height: 1.2;

	padding: 0 5%;

	width: 33%;

}



#teamSection li figure {

	margin: 0px;

}



#teamSection li img {

	width: 100%;

}



#teamSection .team-name {

	font-family: "Proxima Nova Bold";

	font-size: 20px;

	letter-spacing: .05em;

	white-space: nowrap;

}



#teamSection .team-role {

	font-size: 20px;

	font-style: italic;

	letter-spacing: .02em;

	margin-bottom: 30px;

	white-space: nowrap;

}



#teamSection .team-photo {

	margin-bottom: 30px;

}



#teamSection .team-details {

	font-size: 15px;

	letter-spacing: .02em;

}



@media only screen and (min-width: 1200px) {

	#teamSection .team-name,

	#teamSection .team-role {

		font-size: 25px;

	}



	#teamSection .team-details {

		font-size: 18px;

	}

}



@media only screen and (min-width: 1800px) {

	#teamSection .team-name,

	#teamSection .team-role {

		font-size: 30px;

	}



	#teamSection .team-details {

		font-size: 20px;

	}

}



/******************************************SPONSORS*************************************************************/





.section-sponsor .section-wrapper {

	padding-top: 80px;

}



.sponsor table {

	width: 100%;

}



.sponsor td {

	color: #fff;

	font-size: 15px;

	padding-bottom: 35px;

	vertical-align: top;

}

.sponsor td: nth-child(odd) {

	text-align: center;

	min-width: 80px;

	width: 15%;

}



.sponsor td: nth-child(even) {

	padding-left: 20px;

	padding-right: 20px;

	width: 35%;

}



.sponsor figure {

	float: right;

	margin: 0px;

	min-height: 80px;

	max-width: 160px;

	width: 100%;

}



.sponsor img {

	width: 100%;

}







/******************************************INTERNI*************************************************************/

#interniSection{

	background: rgba(22,33,37,0.7);

	overflow: hidden; /*to compensate for when I raise the p1 image*/

}



#interniSection .imgContainer {

	transition: all .5s;

}



.tastiInterno{

	/*	bottom: 0px;

					position: absolute;

					top: 0px;

					right: 0px;

					left: 0px;

	*/

	position: relative;

}

.tastiInterno a{

	display: block;

	cursor: pointer;

	width: 30px;

	height: 30px;

	position: absolute;

	left: 0;

	top: 0;

}

/*.tastiInterno a:hover span.etichetta{display: block}*/

.tastiInterno a span.etichetta{

	width: 99px;

	height: 69px;

	position: absolute;

	left: 25px;

	top: 15px;

	color: #FFF;

	background: url(../img/icons/line.png) left top no-repeat;

	display: none;

}

.tastiInterno a.reverse-line span.etichetta{

	top: -55px;

	background: url(../img/icons/line-2.png) left top no-repeat;

}

.tastiInterno a span.etichetta span{

	position: absolute;

	top: 59px;

	left: 90px;

	display: block;

	border-radius: 4px;

	background: rgba(0,0,0,0.8);

	padding: 20px 40px;

	text-transform: uppercase;

	font-size: 16px

}

.tastiInterno a.reverse-line span.etichetta span {

	background: red;

	top: -25px;

}

a#FrecciaSx{

	left: 24.4%;

	top: 23.5%;

}

a#Acknowledge{

	left: 26%;

	top: 25.5%;

}

a#Overtake{

	left: 26.7%;

	top: 28%;

}

a#Ptt{

	left: 26.8%;

	top: 31%;

}

a#Washer{

	left: 26.4%;

	top: 34%;

}

a#FrecciaDx{

	left: 39.5%;

	top: 22.7%;

}

a#Pit{

	left: 38.5%;

	top: 25%;

}

a#Flash{

	left: 38.3%;

	top: 27.5%;

}

a#Page{

	left: 38.3%;

	top: 30.3%;

}

a#Neutral{

	left: 39.1%;

	top: 32.6%;

}

a#Map{

	left: 29%;

	top: 37.8%;

}

a#Spare{

	left: 32%;

	top: 37.9%;

}

a#Brightness{

	left: 35%;

	top: 37.5%;

}

a#Tractioncontrol{

	left: 37.8%;

	top: 36.7%;

}

a#lights{

	left: 46.4%;

	top: 27.9%;

}

a#rain{

	left: 48.7%;

	top: 27.9%;

}

a#hazard{

	left: 51.4%;

	top: 28.1%;

}

a#Extinguisher{

	left: 53.8%;

	top: 28%;

}

a#Wiper{

	left: 46.8%;

	top: 32.4%;

}

a#Wash{

	left: 49%;

	top: 32.4%;

}

a#AbsSw{

	left: 51.4%;

	top: 32.4%;

}

a#AbsWarningLight{

	left: 53.9%;

	top: 32.4%;

	width: 60px;

}

a#Spare1{

	left: 59.5%;

	top: 29.2%;

}

a#Spare2{

	left: 59.5%;

	top: 32.2%;

}

a#GearMap{

	left: 47.3%;

	top: 36.6%;

}

a#Call{

	left: 59.7%;

	top: 35.4%;

}

a#GearMode{

	left: 47.8%;

	top: 39.7%;

	height: 60px;

}

a#Reset{

	left: 56.3%;

	top: 40.7%;

}

a#CrankSensor{

	left: 58.4%;

	top: 38.6%;

}

a#FuelPump{

	left: 60.4%;

	top: 38.6%;

}

a#Recover{

	left: 59%;

	top: 43%;

}

a#ResetTelemetry{

	left: 56.4%;

	top: 44.2%;

}

a#AcSw{

	left: 48.3%;

	top: 47.2%;

}

a#Defrog{

	left: 48.7%;

	top: 50.6%;

}

a#FuelReset{

	left: 55.7%;

	top: 63.5%;

}

a#ZeroSensor{

	left: 57.7%;

	top: 63%;

}

a#Spare3{

	left: 58.3%;

	top: 66.2%;

}

a#EngineFan{

	left: 59.1%;

	top: 70.2%;

}

a#Powersteer{

	left: 61.4%;

	top: 69.2%;

} 

a#FuelEmpty{

	left: 60.9%;

	top: 73.6%;

}

a#AirjackOff{

	left: 63.3%;

	top: 72.6%;

}

/* slide 2*/

a#Start{

	left: 37%;

	top: 36%;

	width: 60px;

	height: 60px;

}

a#Main{

	left: 43%;

	top: 37%;

	width: 60px;

	height: 60px;

}

a#Power{

	left: 47.5%;

	top: 37%;

	width: 60px;

	height: 60px;

}

a#Ignition{

	left: 51.5%;

	top: 37%;

	width: 60px;

	height: 60px;

}

a#StarterSelector{

	left: 56%;

	top: 37%;

	width: 60px;

	height: 60px;

}

a#CourtesyLight{

	left: 63%;

	top: 37%;

	width: 60px;

	height: 60px;

}





/*sections*/

.section-bg {

	background: rgba(0,0,0,.8);

}



.section-wrapper {

	box-sizing: border-box;

	height: 100%;

	padding: 20px 10%;

	width: 100%;

}



/*press photos: main page*/

.section-press-photos table {

	border-spacing: 5px 40px;

	width: 100%;

}



.section-press-photos td {

	background-color: rgba(255, 255, 255, 0.1);

	border-bottom-width: 0px;

	border-radius: 10px;

	color: #c0c0c0;

	font-size: 18px;

	font-weight: 600;

	opacity: .7;

	padding: 10px;

	text-align: center;

	transition: all .5s;

	width: 33%;

}



.section-press-photos td:hover {

	opacity: 1;

}



.section-press-photos p {

	padding: 5px 0px;

}



.section-press-photos img {

	width: 100%;

}



.section-press-photos td > a {

	background-position: center center;

	background-repeat: no-repeat;

	background-size: contain;

	display: block;

	/*height: 270px;*/

	transition: all .5s;

}



.section-press-photos td > a > span {

	background: rgba(0,0,0,.7);

	display: inline-block;

	padding: 5px 10px;

	position: relative;

	top: 50%;

	transform: translateY(-50%);

}



/*press photos: detail page*/



.imagegallery .downloadPhoto {

	background-image: url(../img/icons/download.png)!important;

	left: 30px;

	right: auto!important;

	top: 10px;

	z-index: 700;

}



.imagegallery .downloadPhoto.gallery-details {

	background-image: url("../img/icons/download.png") !important;

	background-size: contain !important;

	display: block !important;

	height: 50px !important;

	left: 10px;

	right: auto !important;

	width: 50px !important;

	z-index: 700;

}

.imagegallery .downloadPhoto.gallery-details.hires-download {

	background-image: url("../img/icons/hires-download.png") !important;

	background-size: contain !important;

	display: block !important;

	height: 40px !important;

	left: 10px;

	right: auto !important;

	width: 40px !important;

	z-index: 700;

}

.imagegallery .downloadPhoto.gallery-details.lowres-download {

	background-image: url("../img/icons/lowres-download.png") !important;

	background-size: contain !important;

	display: block !important;

	height: 40px !important;

	top: 60px;

	left: 10px;

	right: auto !important;

	width: 40px !important;

	z-index: 700;

}



.imagegallery .downloadPhoto a {

	display: block;

	height: 94px;

	width: 94px;

}



/* press photo thumb */

.imagegallery .thumbs-container{

	position: absolute;

	width: 830px;

	height: 60px;

	left: 50%;

	bottom: 15px;

	transform: translateX(-50%);

}

.imagegallery .thumbs-container .slide-arrow{

	background: rgba(255, 255, 255, 0.1) none no-repeat scroll center center;

	background-size: 8px auto;

	border-radius: 4px 0 0 4px;

	color: #3c3c3c;

	display: block;

	font-family: Georgia,serif;

	font-size: 30px;

	height: 60px;

	left: -70px;

	margin-top: -30px;

	opacity: 0.5;

	position: absolute;

	text-decoration: none;

	top: 50%;

	transition: opacity 0s ease 0s, all 0.5s ease 0s;

	width: 60px;

}

.imagegallery .thumbs-container .slide-arrow:hover {

	opacity: 1;

}

.imagegallery .thumbs-container .slide-arrow.dx-arrow{

	background-image: url("../img/icons/gallery-right.png");

	border-radius: 0 4px 4px 0;

	left: auto;

	right: -70px;

}

.imagegallery .thumbs-container .slide-arrow.sx-arrow{

	background-image: url("../img/icons/gallery-left.png");

}

.imagegallery #thumbs{

	width: 830px;

	height: 160px;

	overflow: hidden;

	position: relative;

}

.imagegallery .thumbs-wrapper{

	position: absolute;

	width: 3000em;

	top: 0;

	left: 0;

}

.imagegallery .thumbs-wrapper .thumb {

	background: #000;

	border: 1px solid rgba(255,255,255,0); /*bordo invisibile per evitare movimento sul click*/

	box-sizing: border-box;

	float: left;

	height: 60px;

	margin: 0px 10px 0 0;

	overflow: hidden;

	transition: all .5s;

	width: 95px;

}

.imagegallery .thumbs-wrapper .thumb.active {

	border: 1px solid rgba(255,255,255,.5);

}

.imagegallery .thumbs-wrapper .thumb a {

	color: #000; /*per IE*/

}

.imagegallery .thumbs-wrapper .thumb img {

	border-width: 0;  /*per IE*/

	position: relative;

	top: 50%;

	transform: translateY(-50%);

}

.imagegallery .imgContainer {

	text-align: center;

}

.imagegallery .imgContainer.press-verticalCenter {

	bottom: 90px;

	overflow: hidden;

}

.imagegallery .imgContainer.press-verticalCenter img {

	height: 100%;

	left: 50%;

	position: relative;

	transform: translateX(-50%);

	width: auto;

}



/*press releases*/



.section-press-releases .tableContainer,.section-press-contact .tableContainer {

	margin: auto;

	min-width: 700px;

	width: 50%;

	color: #fff;

}



.section-press-releases a,.section-press-contact a {

	display: block;

	opacity: .7;

	transition: all .5s;

}



.section-press-releases a:not(.section-press-releases-email):after,.section-press-contact a:not(.section-press-contact-email):after {

	background-image: url("../img/icons/download.png");

	background-repeat: no-repeat;

	background-size: contain;

	content: "";

	display: inline-block;

	height: 15px;

	margin-left: 10px;

	position: relative;

	top: 3px;

	width: 15px;

}



.section-press-releases span,.section-press-contact span {

	color: #ffffff;

	opacity: .7;

}



.section-press-releases a:hover,.section-press-contact a:hover {

	opacity: 1;

}



.section-press-release-new {

	clear: left;

}



.section-press-release-date {

	background-color: rgba(255, 255, 255, 0.1);

	border-radius: 5px;

	box-sizing: border-box;

	float: left;

	height: 70px;

	margin: 10px;

	margin-top: 25px;

	padding: 10px;

	text-align: center;

	width: 70px;

}



.section-press-release-date h1, 

.section-press-release-date h2, 

.section-press-release-date h3 {

	letter-spacing: .02em;

	line-height: 18px;

	padding: 0px;

}



.section-press-release-date h1 {

	font-size: 24px;

	letter-spacing: .1em;

	margin-bottom: 3px;

}



.section-press-release-date h2 {

	font-size: 18px;

	text-transform: uppercase;

}



.section-press-release-date h3 {

	font-size: 14px;

	letter-spacing: .1em;

}



.section-press-release-info {

	float: left;

	letter-spacing: .02em;

	margin: 10px;

	padding: 10px;

	text-align: justify;

	width: 550px;

}



.section-press-release-info h3 {

	font-family: "Proxima Nova Bold";

	font-size: 17px;

	font-weight: normal;

	margin-bottom: 5px;

}



.section-press-release-info p {

	font-size: 15px;

	line-height: 19px;

}



.section-press-release-info a {

	float: right;

	font-size: 15px;

}



/* contact us */

.section-press-contact-us {

	clear: both;

	padding-left: 10px;

	padding-top: 10px;

}



.section-press-contact-us h2 {

	letter-spacing: .03em;

	margin-bottom: 10px;

}



.section-press-contact-us .col {

	display: inline-block;

	vertical-align: top;

}



.section-press-contact-us .col1 {

	width: 210px;

}



.section-press-contact-us h4 {

	letter-spacing: .03em;

	margin-bottom: 10px;

	margin-top: 38px;

}



.section-press-contact-us h4::before {

	background: #595a5e;

	content: '';

	display: block;

	height: 2px;

	margin-bottom: 14px;

	width: 27px;

}



.section-press-contact-us span {

	opacity: 1;

}









/*press videos*/



#pressVideosSection .video-title {

	color: #ffffff;

	font-size: 18px;

	font-weight: 600;

	text-align: center;

}



.section-press-videos table {

	border-spacing: 5px 40px;

	margin: auto;

	max-width: 1480px;

	width: 100%;

}



#pressVideosSection.section-press-videos td {

	background-color: rgba(255, 255, 255, 0.1);

	border-radius: 10px;

	padding: 10px;

	border-bottom-width: 0px;

	opacity: .7;

	position: relative;

	vertical-align: top;

	width: 33%;

	transition: all .5s;

}

.section-press-videos td {

	border-bottom-width: 0;

	opacity: 0.7;

	padding-top: 0;

	position: relative;

	vertical-align: top;

	width: 33%;

}



.section-press-videos td img {

	width: 100%;

}



#pressVideosSection.section-press-videos td:hover {

	opacity: 1;	

}

.section-press-videos td:hover {

	opacity: 1;	

}



.section-press-videos video {

	cursor: pointer;

	transition: all .5s;

	width: 100%;

}



.section-press-videos .video-play {

	background: url(../img/icons/video-play.png) center center no-repeat;

	background-size: 75px auto;

	position: absolute;

	left: 0px;

	right: 0px;

	width: 100%;

	height: 100%;

}



.section-press-nodisplay {

	display: none;

}



#VideoPopSection  {

	background-color: rgba(0,0,0,.75);

}



#VideoPopSection .closeSubsection {

	background: url(../img/chiudi.png);

	background-color: rgba(255,255,255,.1);

	background-size: 40px;

	height: 40px;

	right: 15%;

	padding: 0px;

	top: 15%;

	width: 40px;

}



#VideoPopSection .imgContainer {

	display: table;

	height: 100%;

	width: 100%;

}



#VideoPopSection .imgContainer .video-wrapper {

	display: table-cell;

	text-align: center;

	vertical-align: middle;

}



#VideoPopSection .imgContainer video {

	bacground-color: #000;

	border: 5px solid #000;

	display: inline-block;

	width: 650px;

}



/*scroll-pane*/

.scroll-pane {

	height: 500px;

	margin-left: -2.5%; /*help center content when there's a scroll bar*/

	overflow: auto;

	width: 100%;

}



:focus {

	outline: 0;

}



.scroll-pane .jspVerticalBar {

	width: 8px;

}



.scroll-pane .jspHorizontalBar {

	height: 8px;

}



.scroll-pane .jspCorner,

.scroll-pane .jspTrack {

	background: rgba(255,255,255,.1);

}



.scroll-pane .jspDrag {

	background: rgba(255,255,255,.2);

}



/*less than 1024*/



@media only screen and (max-width: 800px) and (-webkit-max-device-pixel-ratio: 1) {

	.rotate {

		background: url(../img/icons/ipad-rotate.png) center center no-repeat rgba(0,0,0,.7);

		height: 100%;

		max-height: 1024px;

		max-width: 1024px;

		position: fixed;

		width: 100%;

		z-index: 1000;

	}	

}

@media only screen and (max-width: 400px) and (-webkit-min-device-pixel-ratio: 2) {

	.rotate {

		background: url(../img/icons/ipad-rotate.png) center center no-repeat rgba(0,0,0,.7);

		height: 100%;

		max-height: 1024px;

		max-width: 1024px;

		position: fixed;

		width: 100%;

		z-index: 1000;

	}

}



.section-press-photos .extra-info {

	background: rgba(0,0,0,0.5);

	bottom: 0px; 

	color: #FFF;

	display: block!important;

	font-size: 10px;

	left: 0;

	letter-spacing: .02em;

	line-height: 17px;

	padding: 5px 10px;

	position: absolute;

	right: 0px;

	z-index: 600; 

}



.section-press-photos .gallery-name {

	float: left;

	font-family: 'Proxima Semi Bold';

	font-size: 14px;

}



.section-press-photos .photo-number {

	font-size: 14px;

	left: 0;

	position: absolute;

	right: 0;

	top: 6px;

}



.section-press-photos .photoCredits {

	float: right;

}