html, body{ height: 100%; }
		
		body{
			margin: 0;
			padding: 0;
			background: #000;
		
		}
		a:link {
		    color: #b5a99a;
		}
		
		/* visited link */
		a:visited {
		    color: #b5a99a;
		}
		
		/* mouse over link */
		a:hover {
		    color: #b5a99a;
		}
		
		/* selected link */
		a:active {
		    color: #b5a99a;
		}
		.content{
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			
			overflow: hidden;
		}
		.blackover{
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, .28);
			pointer-events: none;
		}
		
		.content img{
			opacity: 0;
			transition: opacity .6s linear .85s;
		}
		
		.content .img-wrapper, .content .img{
			width: 100%;
			height: 100%;
		}
		.img{
			/*background-image: url(images/colinfarrell.jpg);*/
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}
		
		.content img.loaded{ opacity: 1; }
		
		
		
		.img-pan-container, .img-pan-container img, .img-pan-container .img-wrapper{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

		.img-pan-container{
			position: absolute;
			overflow: hidden;
			height: 100%;
			width: 100%;
		}

		.img-pan-container .img-wrapper{
			-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.img-pan-container .img-wrapper .img{
			position: relative;
			width: 1920px;
			height: 2744px;
		}
		
		.img-pan-container .img-wrapper .img a{
			padding: 40px;
			font-size: 30px;
			font-weight: normal;
			font-family: arial, sans-serif;
			position: absolute;
			display: block;
			background: rgba(0,0,0,.4);
			text-decoration: none;
			top: 200px;
			left: 500px;
			transition: all .3s ease;
		}
		
		
		
		/*MENU*/
		
		.basemenu {
			position: fixed;
			background: rgba(0, 0, 0, .90);
			left: 0;
			top: 0;
			width: 100%;
		    height: 40px;
		    opacity: 0;
		}
		
		ul#menu {
			position: fixed;
			width: 60%;
			left: 0px;
		    font-size: 18px;
		    font-family: 'Open Sans', sans-serif;
		    font-weight: 400;

		    list-style: none;
		    text-align: center;
		    top: -18px;
		    height: 40px;
		    
		    max-width: 700px;
		}
		ul#menu li {
		    /*border-bottom: 2px solid #54BAE2;*/
		    display: block;
		    width: 20%;
		    height: 100%;
		    float: left;
		    
		    opacity: 1;
		    transition: opacity 0.4s;
		}
		ul#menu li a {
		    color: #fff;
		    display: block;
		    line-height: 40px;
		    text-decoration: none;
		    width: 100%;
		    height: 30px;
		    text-align: center;
		    
		    
		}
		ul#menu li.active {
		    /*background-color: rgba(0,0,0,.8);*/
		    background-color: #736452;
		    background-image: url(images/gradtopmenu.png);
		    background-position: top left;
		    background-repeat: repeat-x;
		   
		}
		ul#menu li:hover {
		    /*border-bottom: 2px solid #ffffff;*/
		    opacity: 0.4;
		    transition: opacity 0.4s;
		}
		
		.gradborder{
			position: fixed;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			pointer-events: none;
		}
		.gradbottom{
			position: fixed;
			width: 100%;
			height: 40%;
			left: 0;
			bottom: 0;
			pointer-events: none;
			/*background-image: url(images/gradbottom.png);*/
			background-size: contain;
			background-position: bottom left;
			background-repeat: repeat-x;
			border-bottom: 6px solid rgba(0,0,0,.4);
			pointer-events: none;
		}
		.gradtop{
			position: fixed;
			width: 100%;
			height: 20%;
			left: 0;
			top: 0;
			pointer-events: none;
			/*background-image: url(images/gradtop.png);*/
			background-size: contain;
			background-position: bottom left;
			background-repeat: repeat-x;
			opacity: 0.4;
			border-top: 6px solid rgba(0,0,0,.4);
			pointer-events: none;
		}
		.logo{
			position: absolute;
			width: 100%;
			height: 24%;
			left: 0;
			bottom: 2%;
			pointer-events: none;
			background-image: url(images/logo.png);
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			
			max-height: 240px;
		}
		.loader{
			position: fixed;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
		}
		.blackmobile{
			position: fixed;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background-color: rgba(0, 0, 0, .0);
			pointer-events: none;
		}
		.killer{
			position: fixed;
			width: 100%;
			height: 40%;
			left: 0;
			top: 50%;
			margin-top: -10%;
			
			background-image: url(images/killer.png);
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			pointer-events: none;
			
		}
		
		.socialbtns{
			position: fixed;
			width: 270px;
			height: 16px;
			left: 1%;
			bottom: 2%;
			text-align: left;
			background-image: url("images/social.png");
			background-repeat: no-repeat;
			background-position: left center;
			
			font-size: 12px;
			color: #4b4e50;
			font-family:'DIN Next W06 Bold';
			
		}

		
		/*.syntext{
			position: fixed;
			top: 0;
			left: 6%;
			width: 30%;
			height: auto;
			color: #fff;
			
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			font-size: 14px;
			
			pointer-events: none;
			
			border-left: 1px solid rgba(255, 255, 255, .2);
			padding-left: 15px;
		}*/
		.syntext{
			position: absolute;
			top: 10%;
			left: 6%;
			width: 28%;
			height: auto;
			color: #fff;
			
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			font-size: 15px;
			text-align: left;
			
			border-left: 1px solid rgba(255, 255, 255, .2);
			padding-left: 15px;
			
			pointer-events: none;
		}
		.castext{
			position: absolute;
			top: 10%;
			left: 6%;
			width: 80%;
			height: auto;
			color: #fff;
			
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			font-size: 15px;
			text-align: left;
			
			border-left: 1px solid rgba(255, 255, 255, .2);
			padding-left: 15px;
			
			pointer-events: none;
		}
		.context{
			position: absolute;
			top: 10%;
			left: 6%;
			width: 28%;
			height: auto;
			color: #fff;
			
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			font-size: 15px;
			text-align: left;
			
			border-left: 1px solid rgba(255, 255, 255, .2);
			padding-left: 15px;
			
		}
		
		.bordersyntext{
			position: absolute;
			left: 0;
			top: 0;
			width: 8px;
			height: 126px;
			background-color: #736452;
			margin-left: -1px;
		}
		.bordersyntextcast{
			position: absolute;
			left: 0;
			top: 0;
			width: 8px;
			height: 126px;
			background-color: #736452;
			margin-left: -1px;
		}

		.contrailer{
			position: fixed;
			width: 100%;
			height: 100%;
			left: 0px;
			top: 0px;
			background-image: url("images/bgcontrailer.png");
			overflow: hidden;
			visibility: hidden;
		}
		.loadercontrailer{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0px;
			top: 0px;
		}
		.btn_chiuditrailer{
			position: absolute;
			width: 35px;
			height: 25px;
			left: 50%;
			top: 50%;
			margin-left: 35%;
			margin-top: -20%;
			background-image: url("images/close.png");
			background-position: center center;
			background-repeat: no-repeat;
			cursor: pointer;
		}
		.playeryt{
			/*border: 1px solid #333;*/
			position: absolute;
			width: auto;
			height: auto;
			top: 50%;
			left: 50%;
			/*border: 1px solid #333;*/
			/*background-color: black;*/
		}
		.dm{
			position: fixed;
			right: 1%;
			bottom: 2%;
			width: 70px;
			height: 22px;
			margin-bottom: 0px;
			cursor: pointer;
			text-align: right;
			background-image: url(images/dm.png);
			background-position: center center;
			background-size: contain;
			background-repeat: no-repeat;
			opacity: 0.3;
		}
		
#hamburger{ display: none; }

@media (max-width: 750px) {
	.content{
		background-image: url("images/homepage_mobile.jpg");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.blackmobile{
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 1);
		pointer-events: none;
	}
	ul#menu {
		position: absolute;
		width: 100%;
		left: 0px;
	    font-size: 18px;
	    font-family: 'Open Sans', sans-serif;
	    font-weight: 400;

	    list-style: none;
	    text-align: center;
	    top: -18px;
	    height: 40px;
		    
	    max-width: 700px;
	}
	ul#menu {
		position: fixed;
		z-index: 10;
		left: 0 !important;
		top: 40px;
		width: 100%;
		max-width: none;
		height: auto;
		margin: 0;
		padding: 0;
		font-size: 15px;
		background: rgba(0, 0, 0, .95);
		display: none;
	}
	body.menu-open ul#menu{
		display: block;
	}
	ul#menu li {
		float: none;
		width: 100%;
		height: 48px;
	}
	ul#menu li a {
		line-height: 48px;
		height: 48px;
	}
	#hamburger{
		display: block;
		position: fixed;
		z-index: 11;
		top: 0;
		right: 0;
		width: 48px;
		height: 40px;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
	}
	#hamburger span{
		display: block;
		position: absolute;
		left: 12px;
		width: 24px;
		height: 2px;
		background: #fff;
		transition: transform .25s, opacity .25s;
	}
	#hamburger span:nth-child(1){ top: 12px; }
	#hamburger span:nth-child(2){ top: 19px; }
	#hamburger span:nth-child(3){ top: 26px; }
	body.menu-open #hamburger span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
	body.menu-open #hamburger span:nth-child(2){ opacity: 0; }
	body.menu-open #hamburger span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }
	.basemenu{
		opacity: 1 !important;
		z-index: 9;
	}
	.syntext, .castext, .context{
		position: fixed;
		top: 56px;
		bottom: 48px;
		left: 6% !important;
		width: 88%;
		box-sizing: border-box;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		pointer-events: none;
	}
	body[data-sezione="biografia"] .syntext,
	body[data-sezione="carriera"] .castext,
	body[data-sezione="contatti"] .context{
		pointer-events: auto;
	}
	.img{
		visibility: hidden;
	}
	
}