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

@media all and (pointer:none), (pointer:coarse) and (orientation:portrait) {
	
	/* Only Desktop Elements */
	
	#IdiotArrowD,
	.VanUnit > .Specs > .UnitList,
	.VanUnit > .Thumbnail {
		display: none;
	}

	
	/* Link Elements */
	
	a:link,
	a:visited,
	a:hover{
		color: var(--black);
		text-decoration: none;
	}
	
	a:active {
		color: var(--blue);
		cursor: var(--pointer);
	}

	
	/* Typo Elements */
	
	h1 {
		line-height: calc(var(--BLU) * 3.5);
		font-size:  calc((var(--BLU) * 3.5) / 100 * 85);
		letter-spacing: 0.01em;
	}

	
	/* Navigation Elements */
	
	#ScrollLogoA,
	#ScrollLogoF{
		width: calc(var(--BLU) * 10);
		height: calc(var(--BLU) * 10);
		top: auto;
		bottom: calc(var(--BLU) * 0.5);
		right: calc(var(--BLU) * 0.5);
	}
	
	#ScrollLogoP{
		display: none;
	}
	
	#ScrollBlock{
		display: none;
	}
	
	#DeskNaviContainer {
		display: none;
	}
	
	#MobileNaviContainer {
		display: block;
		width: calc(100% - (var(--BLU) * 2));
		height: calc(var(--BLU) * 20);
		position: absolute;
		bottom: var(--BLU);
	}
	
	#MobileNaviContainer > a {
		display: block;
		width: 100%;
		height: calc(var(--BLU) * 5);
		
		font-family: "Druk Wide", Helvetica, Arial, sans-serif;
		line-height: calc(var(--BLU) * 3);
		font-size:  calc(var(--BLU) * 3);
		letter-spacing: 0.05em;
		text-transform: uppercase;		
	}
	
	#MobileNaviContainer > a#MobNavProduction {
		height: calc(var(--BLU) * 8);
	}
	
	#MobileNaviContainer > a > .MobNavLine {
		height: calc(var(--BLU) * 0.25);
		background: var(--black);
		margin-top: calc(var(--BLU) * 0.75);
	}
	
	#MobNavPhone > a {
		display: block;
		width: calc((100% - var(--BLU)) / 2);
		float: left;
	}
	
	#MobNavPhone > a:first-of-type {
		margin-right: var(--BLU);
	}
	
	a#MobNavProduction > .MobNavLine {width: calc(var(--BLU) * 24);}
	a#MobNavRental     > .MobNavLine {width: calc(var(--BLU) * 22);}
	a#MobNavFamiglia   > .MobNavLine {width: calc(var(--BLU) * 30);}

	
	/* Loading Screen */
	
	#LoadingScreen > .LogoBlack {
		-webkit-animation: LoadingScreen 4s ease-in-out 2s forwards;
		 -khtml-animation: LoadingScreen 4s ease-in-out 2s forwards;
		   -moz-animation: LoadingScreen 4s ease-in-out 2s forwards;
		     -o-animation: LoadingScreen 4s ease-in-out 2s forwards;
		        animation: LoadingScreen 4s ease-in-out 2s forwards;
	}

	
	/* Section Containers */
	
	.SectionContainer#Home,
	.SectionContainer#Famiglia {
		height: calc(var(--100vh) - (var(--BLU) * 2 )) !important;
	}
	
	.SectionContainer{
		width: calc(100% - (var(--BLU) * 2 ));
		height: auto;
	}
	
	.SectionContainer > .SectionText {
		display: block;
		position: relative;
		float: left;
		margin-top: var(--BLU);
	}
	
	.SectionContainer#Production,
	.SectionContainer#Rentals,
	.SectionContainer#Famiglia {
		padding: var(--BLU);
		height: auto;
	}

	
	/* Section / Home / Elements */
		
	.SectionContainer#Home > #HomeFamiglia,
	.SectionContainer#Home > #HomeRentals {
		display: none;
	}
	
	.SectionContainer#Home > a > .text {
		display: none;
	}
	
	.SectionContainer#Home > #HomeProduction {
		width: calc(100% - (var(--BLU) * 2));
		height: calc(100% - (var(--BLU) * 2));
	}
	
	.SectionContainer#Home > #HomeProduction {
		background: var(--white)
	}
	
	.SectionContainer#Home > #HomeProduction > .image,
	.SectionContainer#Home > #HomeProduction:hover > .image {
		height: calc(100% - (var(--BLU) * 21)); /* -25BLU */
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		background-size: cover;
		background-position: center;
	}

	
	/* Section / Production Services / Elements */
		
	.SectionContainer#Production > #ProductionVideo,
	.SectionContainer#Production > #ProductionPhoto {
		position: relative;
		display: block;
		float: left;
		width: 100%;
		height: calc(var(--BLU) * 30);
		left: 0px;
		top: 0px;
		margin-top: var(--BLU);
	}
	
	.SectionContainer#Production > #ProductionVideo > .text > .infos,
	.SectionContainer#Production > #ProductionPhoto > .text > .infos {
		display: none;
	}
	
	.SectionContainer#Production > a > .text,
	.SectionContainer#Production > div > .text {
		position: absolute;
		display: block;
		width: 100%;
		height: calc(var(--BLU) * 2) !important;
	}
	
	#ProductionVideo > .VideoContainer,
	.gallery {
		height: calc(100% - (var(--BLU) * 3));
	}
	
	.flickity-slider {
	}
		
	#ProductionVideo > .VideoContainer,
	#ProductionPhoto {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}
		
	.SectionContainer#Production > #ProductionPhoto:hover {
		color: inherit;
	}
	
	#ProductionVideo > .ArrowBtn,
	#ProductionVideo:hover > .ArrowBtn {
		display: block;
		background: url("../img/arr_btn_off.svg");
		width: calc(var(--BLU) * 4);
		height: calc(var(--BLU) * 4);
	}
	
	#ProductionVideo:active > .ArrowBtn{
		background: url("../img/arr_btn_on.svg");
	}
	
	#ProductionPhoto > .ArrowBtn.Right,
	#ProductionPhoto > .ArrowBtn.Left {
		display: block;
		position: absolute;
		width: calc(var(--BLU) * 4);
		height: calc(var(--BLU) * 4);
		background: url("../img/arr_btn_off.svg");
		z-index: 5;
		top: var(--BLU);
	}
	
	#ProductionPhoto > .ArrowBtn.Left {
		left: var(--BLU);
		transform: rotate(180deg);
	}

	#ProductionPhoto > .ArrowBtn.Right {
		right: var(--BLU);
	}
	
	.flickity-prev-next-button.next,
	.flickity-prev-next-button.previous {
		z-index: 10;
		display: none;
	}

	
	/* Section / Rentals / Elements */

	#Rentals.SectionContainer > .SectionText {
		width: 100%;
		margin-bottom: var(--BLU);
	}
	
	#VanContainer {
		position: relative;
		bottom: auto;
		width: 100%;
		height: auto;
	}
	
	#VanContainer > .VanUnit.U1,
	#VanContainer > .VanUnit.U2,
	#VanContainer > .VanUnit.U3,
	#VanContainer > .VanUnit.U4 {
		position: relative;
		width: 100%;
	}
	
	.VanUnit > .Specs > .UnitInfo {
		display: block;
		height: auto;
		overflow: hidden;
	}
	
	.VanUnit > .Specs:hover > .UnitLine,
	.VanUnit > .Specs:active > .UnitLine {
		background: var(--black);
	}
	
	.VanUnit > a:hover,
	.VanUnit > a:active {
		color: var(--black);
	}
		
	.VanUnit > a {
		pointer-events: none;
	}
	
	#VanUnit_01_Img,
	#VanUnit_02_Img,
	#VanUnit_03_Img,
	#VanUnit_04_Img {
		display: inline-block;
		position: relative;
		width: 100%;
		left: 0px;
		top: 0px;
		margin-bottom: var(--BLU);
	}
	
	.VanUnit > .MobileNaviContainer {
		display: block;
		position: absolute;
		height: 200px;
		right: 0px;
	}
	
	.VanUnit > .MobileNaviContainer > a,
	.VanUnit > .MobileNaviContainer > div {
		display: block;
		float: left;
		width: calc(var(--BLU) * 4);
		height: calc(var(--BLU) * 4);
		margin-left: var(--BLU);
		margin-top: calc(var(--BLU) * 0.5);
	}
	
	.VanUnit > .MobileNaviContainer > a {
		background: url("../img/file_btn_off.svg");
		background-repeat: no-repeat;
	}
	
	.VanUnit > .MobileNaviContainer > a:active {
		background: url("../img/file_btn_on.svg");
		background-repeat: no-repeat;
	}
	
	.VanUnit > .MobileNaviContainer > div.open {
		background: url("../img/eye_btn_grey.svg");
		background-repeat: no-repeat;
		display: block;
	}
	
	.VanUnit > .MobileNaviContainer > div.close {
		background: url("../img/eye_btn_on.svg");
		background-repeat: no-repeat;
		display: none;
	}
	
	.VanUnit > .Specs > .UnitName  {
		margin-bottom: calc(var(--BLU) * 2);
	}
	
	.VanUnit > #VanUnit_01_Img,
	.VanUnit > #VanUnit_02_Img,
	.VanUnit > #VanUnit_03_Img,
	.VanUnit > #VanUnit_04_Img {
		height: 0px;
	}

	.VanUnit.ShowVan > #VanUnit_01_Img,
	.VanUnit.ShowVan > #VanUnit_02_Img,
	.VanUnit.ShowVan > #VanUnit_03_Img,
	.VanUnit.ShowVan > #VanUnit_04_Img {
		height: calc(var(--BLU) * 40);
	}
	
	.VanUnit.ShowVan > .MobileNaviContainer > div.open {
		display: none;
	}
	
	.VanUnit.ShowVan > .MobileNaviContainer > div.close {
		display: block;
	}

	
	/* Section / Famiglia / Elements */
	
	#FamigliaTextContainer {
		height: calc(var(--BLU) * 13);
		padding-top: var(--BLU);
	}
	
	#FamigliaPortContainer,
	#FamigliaImprContainer {
		height: calc(100% - (var(--BLU) * 16));
		margin-top: 0;
	}
	
	#FamigliaTextContainer > div:hover,
	#FamigliaTextContainer > div:hover > a,
	#FamigliaTextContainer > div:hover > div > a,
	#FamigliaTextContainer > div:hover > a:hover,
	#FamigliaTextContainer > div:hover > div > a:hover {
		color: var(--black);
	}
	
	#FamigliaTextContainer > div:hover > a:active,
	#FamigliaTextContainer > div:hover > div > a:active {
		color: var(--blue);
	}
	
	#FamigliaTextContainer > div.famiglia,
	#FamigliaTextContainer > div.fabia,
	#FamigliaTextContainer > div.serge,
	#FamigliaTextContainer > div.team {
		width: 100%;
		margin-right: 0px;
	}
	
	#FamigliaTextContainer > div.famiglia {
		margin-bottom: var(--BLU);
	}
	
	#FamigliaTextContainer > div > h2,
	#FamigliaTextContainer > div > div {
		line-height: var(--BLU);
		font-size:  calc(var(--BLU) * var(--FSR));
		min-height: auto !important;
	}
	
	#FamigliaTextContainer > div.fabia > h2,
	#FamigliaTextContainer > div.serge > h2,
	#FamigliaTextContainer > div.team  > .h2 {
		display: inline-block;
		height: calc(var(--BLU) * 2);
		width: calc((100% - var(--BLU)) / 2);
		margin-right: var(--GUTT);
		margin-bottom: var(--BLU);
		float: left;
	}
	
	#FamigliaTextContainer > div.team  > .h2 {
		height: calc(var(--BLU) * 3);
	}
	
	#FamigliaTextContainer > .team > span > .short {
		display: none;
	}

	#FamigliaTextContainer > .team > span > .long {
		display: inline-block;
	}
	
	span.mobi {
		display: inline-block;
	}

	span.desk {
		display: none;
	}
		
	#FamigliaTextContainer > div.info {
		position: absolute;
		width: 100%;
		height: calc(var(--BLU) * 4);
		bottom: calc(var(--BLU) * 15);
		left: 0;
	}
	
	#FamigliaTextContainer > div.info > a,
	#FamigliaTextContainer > div.info > a:link,
	#FamigliaTextContainer > div.info > a:active {
		position: absolute;
		display: block;
		width: calc(var(--BLU) * 4);
		height: calc(var(--BLU) * 4);
		overflow: hidden;
		float: left;
		top: 0;
		color: transparent;
		text-indent: 9999px;
	}
	
	#InfoImpr {
		left: calc(var(--BLU) * 1);
		background: url("../img/imprint_btn_off.svg");
		background-repeat: no-repeat;
	}
	
	#InfoImpr:active {
		background: url("../img/imprint_btn_on.svg");
		background-repeat: no-repeat;
	}
	
	#InfoFace {
		right: calc(var(--BLU) * 1);
		background: url("../img/facebook_btn_off.svg");
		background-repeat: no-repeat;
	}
	
	#InfoFace:active {
		background: url("../img/facebook_btn_on.svg");
		background-repeat: no-repeat;
	}
	
	#InfoInst {
		right: calc(var(--BLU) * 6);
		background: url("../img/instagram_btn_off.svg");
		background-repeat: no-repeat;
	}
	
	#InfoInst:active {
		background: url("../img/instagram_btn_on.svg");
		background-repeat: no-repeat;
	}
	
	#FamigliaImprContainer{
		z-index: 10;
		overflow: scroll;
	}
	
	#FamigliaPortContainer > #LFM_Typo_logo {
		bottom: calc(var(--BLU) * 3);
	}
	
	#FamigliaImprContainer {
		border-bottom: solid 3px var(--black);
		height: calc(100% - (var(--BLU) * 16) - 3px);
	}
	
	#FamigliaImprContainer > .close_btn {
		width: calc(var(--BLU) * 4);
		height: calc(var(--BLU) * 4);
	}
	
	#FamigliaImprContainer > h1 {
		margin-top: calc(0px - (var(--BLU) * 0.5));
		height: calc(var(--BLU) * 6);
	}
	
	#FamigliaImprContainer > .column {
		height: auto;
	}	
	#FamigliaImprContainer > .column.C01,
	#FamigliaImprContainer > .column.C02,
	#FamigliaImprContainer > .column.C03 {
		width: calc((100% - var(--GUTT)) / 2);
		margin-right: var(--GUTT);
	}
	
	#FamigliaImprContainer > .column.C02,
	#FamigliaImprContainer > .column.C03 {
		margin-right: 0;
	}
	
}