@charset "UTF-8";


@font-face {
	 font-family: pixelfont;
	 src: url("Inter-Light-BETA.ttf"); /* EOT file for IE */
	   src: local('☺'),
	         url('Inter-Light-BETA.ttf') format('ttf'), url('Inter-Light-BETA.ttf') format('truetype');

	  /*src: url("Lekton-Regular.ttf") TTF file for CSS3 browsers */
	}

@font-face {
	 font-family: lekton;
	 src: url("Lekton_Bold.eot"); /* EOT file for IE */
	   src: local('☺'),
	         url('DS-POINT.TTF') format('ttf'), url('DS-POINT.TTF') format('truetype');

	  /*src: url("Lekton-Regular.ttf") TTF file for CSS3 browsers */
	}

	@font-face {
	 font-family: dinner;
	 src: url("DINNextLTPro-Regular.eot"); /* EOT file for IE */
	   src: local('☺'),
	         url('DINNextLTPro-Regular.otf') format('otf'), url('DINNextLTPro-Regular.otf') format('truetype');

	 /* src: url("Lekton-Regular.ttf") TTF file for CSS3 browsers */
	}
@font-face {
	 font-family: dinnerITA;
	 src: url("DINNextLTPro-MediumItalic.eot"); /* EOT file for IE */
	   src: local('☺'),
	         url('DINNextLTPro-MediumItalic.otf') format('otf'), url('DINNextLTPro-MediumItalic.otf') format('truetype');

	 /* src: url("Lekton-Regular.ttf") TTF file for CSS3 browsers */
	}

@font-face {
	 font-family: dinner2;
	 src: url("DINNextLTPro-Light.eot"); /* EOT file for IE */
	   src: local('☺'),
	         url('DINNextLTPro-Light.otf') format('otf'), url('DINNextLTPro-Light.otf') format('truetype');

	 /* src: url("Lekton-Regular.ttf") TTF file for CSS3 browsers */
	}

	@font-face {
	 font-family: modeca;
	 src: url("Modeka.eot"); /* EOT file for IE */
	   src: local('☺'),
	         url('Modeka-Extended.otf') format('otf'), url('Modeka-Extended.otf') format('truetype');

	 /* src: url("Lekton-Regular.ttf") TTF file for CSS3 browsers */
	}
html,body{
	font-family: pixelfont;
	margin: 0;
/*	cursor:crosshair;
	cursor:pointer;
        cursor:hand;
  cursor: url(../images/X.png) 15 15, auto;
*/  background-color: #000;
-ms-overflow-style: none;

}
#mobile_titop{
	 display: none;
}
#divroot{
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 top: 0;
	 left: 0;
    overflow: hidden;
}

#centrato{
	position: absolute;
	left:50%;
	top:50%;
	width: 100%;
	height:100%;
/*	cursor:pointer;
    cursor:hand;
*/
}

.canvas_conteiner{
		position: absolute;
	left:-50%;
	top:-50%;
}
#home{
	 position: absolute;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 16px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    display: none;
}
#home3{
	 display: none;
	 opacity: 0.4;
}
#menu_co{
		z-index: 99;
		position: fixed;
		right: 0px;
		top: 50%;
	     mix-blend-mode: difference;
}
.scroll_co{
        position: fixed;
        top: 50%;
        left: 18%;
        width: 30px;
        height: 30px;
        z-index: 9;
	display: none;
mix-blend-mode: difference;
}
.scroll_b{

	 width: 1px;
	 height: 30px;
	 background-color: #0f0;

}
.s_scritta{
	 position: absolute;
	 font-family: pixelfont;
	 font-size: 14px;
	 right: 50px;
	 top: 4px;
	 color: #fff;
	 text-align: right;

}
#hamburger{
		position: absolute;
		right: 30px;
		top: -56px;
    width: 50px;
    height: 30px;
opacity: 0.88;
}
#h_top{
	 position: absolute;
		right: 0px;
		top: -15px;
    width: 30px;
    height: 30px;

	 background-color: #fff;
/*	 border:2px #f2f2f2 solid;
*/
}
#h_back{
	 position: absolute;
	 background-color: #998;
		right: 10px;
		top: -5px;
    width: 30px;
    height: 30px;

	 /*border:2px #f2f2f2 solid;*/

}
.h_index{
	 z-index: 1;
}
.h_scritta{
	 position: absolute;
	 font-family: pixelfont;
	 font-size: 9px;
	 right: 50px;
	 top: 2px;
	 color: #fff;
	 text-align: right;

}
#credits{
	 position: absolute;
	 right: 90px;
	 color: #fff;
	 font-family: pixelfont;
	 bottom: 0;
    font-size: 11px;
    z-index: 4;
}
#cr_label{
     height: 33px;
    position: absolute;
    bottom: 34px;
    right: 10px;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
	 z-index: 1;
}
#creditc{
    height: 100px;
    width: 100px;
    position: absolute;
    bottom: -10px;
    right: -80px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;

}
#cr_label:hover{
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
}
#cr_linex{
	 border-left: 1px #fff solid;
right: 17px;
    position: absolute;
    bottom: 31px;
    height: 0;
	opacity:0.6;
	 display: none;
}
#cr_show{
	 position: absolute;
	 width: 200px;
	 bottom: 65px;
	 right: 35px;
	 text-align: right;
	 display: none;
}
.cr_line{
font-size: 14px;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
    margin-top: 12px;
}
.cr_line2{
	 font-size: 14px;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity:0.7;

}
.cr_line2:hover{
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
	color: #fff;
}

.x_chiudi{
	 mix-blend-mode: difference;
		z-index: 10;
		position: fixed;
		right: 28px;
		top: 9px;
    right: 45px;
    top: 19px;
    width: 30px;
    height: 30px;
    display: none;
}
#x_porf{
	 /*display: block;*/
mix-blend-mode: difference;
}
.x_chiudi img{
	 width: 100%;
}
#fullscr_co{
	 position: absolute;
	 top: 0px;
	 right: 30px;
}
#suono{
	 position: absolute;
	 top: 61px;
	 right: 30px;
}
#fullscr{
    z-index: 5;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
}

.s_bars{
	 z-index: 5;
    position: absolute;
    right: -4px;
    top: 0px;
    width: 40px;
    height: 40px;

}
#fullscr img{
	 width: 100%;
	 margin-top: -5px;
}
.s_bar{
position: relative;
    float: right;
    margin-right: 7px;
    width: 3px;
    border-left: 3px #fff solid;
    opacity: 0.9;
}
#s_1{
    height: 10px;
    margin-top: 2px;
}
#s_2{
height: 20px;
    margin-top: -2px;
}
#s_3{
    height: 30px;
    margin-top: -7px;
}
.h_pieno{
		background-color: #fff;

}
#home_x{
		z-index: 2;
}
#menu{
	 visibility: hidden;
		width: 100%;
		height:100%;
		top: 0;
		z-index: 10;
    overflow: hidden;
    position: absolute;
}
#x_menu{
	 display: none;
}
#x_sezione{
	 display: none;
}
#menu_bg{
		width: 100%;
		height:100%;
		position: absolute;
		background-color: #fff;
		top: 0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;

}
#menu_in{
		top: 50%;
		left: 0%;
		width: 100%;
		position: absolute;
}
#menu_in_in{
    font-family: lekton;
		width: 100%;
		position: absolute;
		top: -50%;
}
.menu_el{
text-align: center;
    position: relative;
    float: left;
    width: 100%;
    height: 76px;
    font-size: 88px;
    color: #000;
    letter-spacing: 7px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.8;
}
.menu_el:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.foot{
		position: absolute;
		bottom: 20px;
		height: 30px;
		font-size: 9px;
		color: #fff;
}
.footLAN{
	 width: 300px;
	 left: 50%;
	 z-index: 9;
}
#lang_co{
position: absolute;
    left: -10px;
    width: 22px;
    bottom: 16px;
    z-index: 1;
}
.lang{
text-align: center;
    position: relative;
    float: left;
    opacity: 0.3;
    font-size: 15px;
    width: 100%;
    margin-top: 2px;
    /* margin-left: 21px; */
    cursor:pointer;
        cursor:hand;
    }
.lang:hover{
	 opacity: 1;

}
.clicks{
	 opacity: 1;
}
#footSX{
		left: 5%;
}
.schermo_contact{
	 opacity: 0.6;
	 background-color: #000;
	 position: absolute;
	 width: 100%;
	 height: 100%;

}
.footCE_contact{
left: 3%;
    width: 200px;
    font-size: 11px;
    height: 4%;
}
.footCE{
		left: 0;
		width: 200px;
		font-size: 9px;
}
.footCE div{
    position: absolute;
    left: 30px;
    width: 100%;
    top: -10px;
}
#footDX{
		right: 14%;
		width: 35px;
		height: 35px;
}

#footDX img{
		position: absolute;
		width: 100%;
		height:100%;
		bottom: -5px
}

.logo{
		width: 30px;
		height: 30px;
		display:none;
    position: absolute;
    left: -15px;
}
.loghi{
	 width:30px;
}
.noise {
    background-image: url(../images/noise.gif);
    background-repeat: repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .06;
    z-index: 10;
    pointer-events: none;
}
.logoz{
		width: 30px;
		height: 30px;
    margin-left: 9px;

    position: relative;
    float: left;
}
/*.titolo{
	 z-index: 2;
        position: absolute;
        height: 100px;
        top: 50%;
        display: none;
}
*/.titolo2{
	 position: absolute;
	 height: 100px;
	 top: 50%;
	 left:50%;
	 display: none;
}
.titolo2 .titolo_in{
    left: -102px;

}
.titolo2 .titolo_in .titolo_loghi{
	 margin-left: 33px;
}
.titolo_in{
    position: absolute;
    top: -50%;
    height: 100%;
    width: 305px;
    left: 50px;
}
.titolo_main{
        position: relative;
        float: left;
        width: 100%;
        font-size: 36px;
        color: #f2f2f2;

}
.titolo_sec{
position: relative;
    float: left;
    width: 100%;
    font-size: 18px;
    color: #fff;
}
.titolo_loghi {
position: absolute;
    width: 50%;
    margin-top: 28px;
    margin-left: 13px;
}
.titolo_loghi2{
        position: relative;
        float: left;
        width: 300px;
        margin-top: 4px;
    margin-left: 35px;
}

#enter{
position: absolute;
    right: 10%;
    bottom: 30%;
    width: 400px;
    height: 100px;

}
#enter_in{
		width: 100%;
		height: 100%;
}
#enter_main{
		line-height: 30px;
		font-size: 35px;
		color: #00ff00;
}
#enter_sec{
		font-size: 14px;
		color: #00ff00;
		margin-top: 5px;
}
#enter_loghi{

}
/*body {font-family:tahoma,verdana,arial;font-size:13px;margin:0;padding:0}*/
/*body > div {margin-left:4px;margin-right:4px;}
*//*body > div > div {margin:0;border:1px solid #ccc;border-top:0;padding:4px;}
/*h1 {margin:0 0 0.5em 0;padding: 4px 5em 4px 4px;font:bold large sans-serif;background-color:#c9d7f1;}*/
/*h4 {font-size:14px;margin:0.5em 0 0 0;border:0;border-bottom:solid 1px #c9d7f1;padding:2px;background-color:#e5ecf9;}*/
/*h4 > span {cursor:pointer}*/
#canvasParent {background-color: #202020;margin-top:0;padding:0;border:0;}
#voronoiCode {font:11px monospace;overflow:auto;color:#f2f2f2;}
#voronoiCode span {color:green;font-weight:bold;}

.tobeclicked{
/*	cursor:crosshair;
*/	cursor:pointer;
        cursor:hand;
/*  cursor: url(../images/X.png) 24 24, auto;
*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.header_bann{
	 width: 100%;
}
.hideme{
	 display: none;
}
#sez_showreel{

	 position: absolute;
	 width: 100%;
	 height: 100%;
}
.showreel_restart{
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 display: none;
}
.video_co{
	 position: absolute;
	 width: 100%;
	 height: 100%;
}
.restart_co{
position: absolute;
left: 0;
top:0;
height: 100%;
width: 100%;

}
.reel_b{
	 width: 100%;
}
.restart_butt{
position: absolute;
left: -50%;
height: 100%;
width: 100%;

}
.restart_butt_co{
position: absolute;
left: 50%;
height: 100px;
width: 100px;
    top: 48%;
}
#sez_porfolio{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #000;
		display: none;
		overflow: auto;

}
#sez_repository{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #000;
		display: none;

}
.porf_img{
		width: 100%;
}
.ban_porfolio {
	 position: fixed;
	 top: 0;
	 width: 100%;
	 z-index: 2;
	 height: 40px;
	 background-color: #fff;
	 color:#000;
	 font-size: 14px;
	 font-family: pixelfont;
}
#mosaic_porfolio{
		position: relative;
		float: left;
		width: 100%;
		overflow: auto;
}
#mosaic_repository{
		position: relative;
		float: left;
		width: 100%;
		overflow: auto;
}
.mosaic_port{
		background-color: #00ff00;
}
.mosaic_el{
	cursor:pointer;
        cursor:hand;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

		position: relative;
		float: left;
		width: 25%;
		height: 100px;
}

.banner_porfolio{
		position: absolute;
left: 50%;
    width: 500px;
    height: 100%;
}
#banner_ima{
		position: absolute;
		left: -50%;
		width: 100%;
		height: 100%;
}
#banner_ima2{
		position: absolute;
		left: -50%;
		width: 100%;
		height: 100%;
}
.tito_porfolio{
	 position: relative;
	 width: 250px;
	 float: left;
	 padding: 12px 0 0 15px;
}
.titomain_porfolio{
		position: relative;
		float: left;
		width: 100%;
	font-family: pixelfont;
		font-size: 48px;
		color: #202020;
		display: none;
}
.titosub_porfolio{
		position: relative;
		float: left;
		width: 100%;
		font-size: 13px;
		color: #666;

}
.contenuto{
		position: absolute;
		bottom: 10px;
		left: 10px;
}
.detail{
		display: none;
		width: 100%;
		height: 100%;
		background-color: #1c3a1d;
		position: absolute;
}
.work{
		position: relative;
		float: left;
		width: 100%;
		font-family: pixelfont;
		font-size: 18px;
		color: #00ff00;
}
.subsub{
		position: relative;
		float: left;
		width: 100%;
		font-size: 10px;
		color: #666;

}
#sez_about{
		position: absolute;
		width: 100%;
		height: 100%;
		top:0;
		display: none;
}
#showr{
}
#co_about{
position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -50%;
    overflow: auto;
}
#co_about_in{
position: absolute;
    width: 600px;
    height: 100%;
    top: 0;
    left: 50%;
}
#titolo_about{
	color: #f2f2f2;
    font-size: 36px;
    position: relative;
    float: left;
    width: 100%;
    font-family: pixelfont;
    opacity: 1;
    display: none;
    text-align: left;
    }
#testo_about, #testo_about_it, #testo_about_en{
    color: #aaaaaa;
    font-size: 14px;
    position: relative;
    float: left;
    /* orogianel    width: 100%;    */
    width: 100%;
    font-family: pixelfont;
    opacity: 1;
    text-align: left;
    margin-top: 39%;
    margin-bottom: 9%;
	 display: none;
}
#sotto_testo_about{
   position: relative;
   float: left;
   height: 50px;
   width:10px;
   }

#sez_contact{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
    color: #fff;
    background-color: #d0d0d0;
}
.contact_in{
		position: absolute;
		width: 232px;
		height: 100%;
		left:50%;
	 font-family: pixelfont;
    }
.contact_ce {
    position: absolute;
    width: 100%;
    height: 100px;
    left: -50%;
        top: 12%;

}
.contact_in2{
		position: absolute;
		width: 180px;
		height: 100%;
		left:50%;
		font-family: pixelfont;
}
.contact_ce2{
    position: absolute;
    width: 200px;
    height: 60px;
    left: -50%;
    bottom: 30px;
}
.contact_giu{
		position: absolute;
		width: 100%;
		height: 100px;
		bottom:0;
    margin-left: 18px;

}
.NOPECETTA{
		position: relative;
		float: left;
		font-size: 12px;
		background-color: #000000;
    padding: 3px 0 0 4px;
}
.PECETTA{
		position: relative;
		float: left;
		font-size: 12px;
		background-color: #0ff;
		width: 50px;
    padding: 3px 0 0 4px;
    color:#000;
}
.sfondo_opaco{
	 position: absolute;
	 width: 100%;
	 height: 100%;
	background-color: #202020;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}
.contact_line{
position: relative;
    float: left;
    font-size: 12px;
    width: 100%;
text-align: center;
    margin-bottom: 4px;
    }
    a{
    color: #0ff;
    text-decoration:none;
	/*cursor:crosshair; */
	cursor:pointer;
        cursor:hand;

    }
    .contact_line a{
		color:#fff;
    }
.sfondi{
		position: absolute;
		width: 100%;
		height: 100%;
}
#about_opa{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
background-color: #000;

}
.a_titolo{
	 color: #00afaf;
}
.a2_titolo{
	 color: #007070;
}
#displai8_a{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		display: none;
    overflow: auto;
}
#third_gall{
	     position: relative;
    height: 100%;
    width: 100%;
    float: left;
}
::-webkit-scrollbar {
    display: none;
    width: 0 !important
}

.fotorama__nav__shaft{
	display: none !important;
}
.fotorama__fullscreen-icon{
	display: none !important;
}
.fotorama__arr{
	display: none !important;
}
.fotorama{

}
.fotorama--fullscreen{
	z-index: 9998 !important;
}
.fullnav{
		display: none;
}
.normalnav{
		display: none;
}
.nav_co{
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 65px;
	text-align: center;
	z-index: 9999;
}
.nav8822_co{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	 display: none;
	 mix-blend-mode: difference;
}

.nav_bac{
	background-color: #202020;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	position: absolute;
	height: 100%;
	width: 100%;
	left: -50%;
}
.nav_pos{
	position: absolute;
	width: 100%;
	height: 100%;
	left: -100px;
}

.nav_itemx{
	 position: fixed;
	 width: 35px;
	 height: 35px;
	 margin: 10px;
}
.canvas_nav{
	 width: 50px;
	 height: 50px;

}
#mono_prev{
	 position: absolute;
    bottom: 0;
    right: -20px;
}
#mono_next{
	 position: absolute;
    bottom: 0;
left: -20px;
}
#hamb_x{
	 position: absolute;
	 top: 0;
	 width: 65px;
	 height: 65px;
}
.canc{

}
.fullscr{

}
.prevrepo{
    left: 100px;
    top: 48%;
    }
.nextrepo{
    right: 100px;
    top: 48%;
}

.prevporf{
	 right: 50.2%;
	 left:  auto;
	 top: 90%;
}
.nextporf{
	left:  50.2%;
	right:  auto;
	 top: 90%;

}
#displai999v .prevx .nav_itemx_i{
position: absolute;
}
#displai999v .nextx .nav_itemx_i{
position: absolute;

}
#displai999v .nav_itemx{
margin: 1px;

}

#schedoni_co{
	 position: absolute;
    height: 97%;
    background-color: #333;
    overflow: auto;
    width: 3000px;
    top: 3%;
}
.schedone{
		position: relative;
		float: left;
		width: 500px;
		height: 100%;
		overflow: auto;
		margin-left: 4px;
		  overflow-x: hidden;
		  font-size: 0;
}
.cover_sc{
		position: relative;
		float: left;
		width: 100%;
}
.testo_sc{
	position: relative;
	float: left;
    width: 80%;
    padding: 32px 10% 32px 10%;
}
.immagini_sc{
		position: relative;
		float: left;
		width: 100%;

}
.immagine_sc{
		position: relative;
		float: left;
		width: 100%;
		font-size: 0;
/*		height: 400px;
*//*		margin-top: 5px;*/

}
.titolo_sc{
	font-size: 24px
}
.testo_legenda{
	 font-size: 13px;
		position: relative;
		float: left;
		width: 80%;
		padding: 32px 10% 32px 10%;
}
.anno_sc{
font-size: 13px;
}
.txt_sc{
	 font-size: 13px;
	 position: relative;
	 float: left;
	 width: 80%;
}
.tags_sc{
	 font-size: 13px;
	 width: 100%;
	 position: relative;
	 float: left;
	 margin-bottom: 5px;
	 margin-top: 8px;
}
.tags_sc_hidden{
	 font-size: 16px;
	 width: 100%;
	 position: relative;
	 float: left;
	 margin-bottom: 5px;
	 margin-top: 8px;
}
#titolo_xxx .titolo_sc{
	 position: relative;
	     margin: 20px 5% 0 5%;
}
#titolo_xxx .anno_sc{
	 position: relative;
	     margin: 0px 5% 0 5%;
}
#titolo_xxx .tags_sc{
	 position: relative;
	     margin: 5px 5% 20px 5%;
}
.bgnd_xxx{
	 opacity: 0.3;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
}
.tags_el{
    position: relative;
    float: left;
    width: fit-content;
    padding: 0 2px 0px 2px;
    margin-right: 2px;
    margin-top: 2px;
}

.menu_porfolio{
	 position: fixed;
	 top: 0;
	 width: 100%;
	 z-index: 2;
	 height: 40px;
	 background-color: #fff;
	 color:#000;
	 font-size: 14px;
	 font-family: pixelfont;
}
.tags{
	 position: relative;
	 float: left;
	 padding: 11px 15% 0 30px;
}
.filters{
	 position: relative;
	 float: left;
	 padding-top: 10px;
	cursor:pointer;
    cursor:hand;


}
.accesox{
	 ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;

}
.spentox{

	 ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;

}
.filters:hover{

	 ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;

}
.spentox:hover{

	 ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity:0.6;

}

.filters_nav_co{
position: absolute;
    left: 50%;
    padding-top: 10px;
    width: 200px;
    cursor:pointer;
        cursor:hand;

}
.filters_nav_in{
position: absolute;
    left: -50%;
    width: 100%;

}
.swipe_label{
	 position: relative;
	 float: left;
	 width: 50%;
}
.filters_nav{
	 position: relative;
	 float: left;
	 width: 25%;
    margin-top: -6px;
	 font-size: 20px;
    text-align: center;
	 ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity:0.6;
/*	 position: absolute;
	 left: -50%;
*/}
.filters_nav:hover{
	 ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;

}
.fleft{

}
.fright{

}
.swipe_label{
	 text-align: center;
}

#displai999, #displai999v{
		position: absolute;
		width: 100%;
		height: 100%;
		display: none;
		background-color: #000;
    z-index: 9;
}
#myul0v{
		position: absolute;
		width: 100%;
		height: 100%;
		display: none;
		overflow: auto;
}
.ui-loader{
	 display: none;
}
.ful_butt1{
	 position: absolute;
	 top: 0px;
	 left:0px;
	 width:40px;
	 height: 25px;
	 z-index: 1;
	 background-color: #998;
}
.ful_butt2{
	 position: absolute;
	 top: 8px;
	 left: 2px;
	 width:20px;
	 height: 15px;
	 z-index: 2;
	 background-color: #fff;

}

#porf_gall{
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
}
#titolo_xxx{
		position: absolute;
		width: 100%;
		margin: 0;
    mix-blend-mode: difference;
}
.legenda_xxx{
    position: relative;
    float: left;
    width: 50%;
    padding: 50px 25% 50px 25%;
    color: #fff;
    background-color: #000;
}

#legenda_xxx{
    position: relative;
    float: left;
    width: 50%;
    padding: 20px 25% 40px 25%;
    color: #fff;
    background-color: #000;
    display: none;
}
#legenda_xxy{
    position: relative;
    float: left;
    width: 50%;
    padding: 20px 25% 40px 25%;
    color: #fff;
    background-color: #000;
    display: none;
}
.scuro_sc{
	 position: absolute;
	 display: none;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 3;
	 background-color: #000;
	 ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}
.nero_su{
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 background-color: #000;
	 z-index: 1;
}
.scroll_el{
	 width: 105px;
	 height:105px;
	 position: relative;
	 float: right;
	 padding: 3px 0 3px 0;


}
.butt_canvas {
	 display: none;
}
.imag_gallv{
	 position: relative;
	 float: left;
	 width: 100%;
}
.full{
    position: relative;
    float: left;
    width: 200%;
    margin-left: -50%;
}
#land_sfondo{
	 color:#fff;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 16px;
	overflow: hidden;
	/*background-color: #e9e9e9;*/
	z-index: 3;
}
#land_sfondo_ce{
position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0;
    }
#land_sfondo_in{
	position: absolute;
	width: 100%;
	height: 100%;
	left: -50%;
	top: 0;

}
.land_img{
position: absolute;
    top: 32%;
    width: 100%;
    height: 100%;

    display: none;
}

.ima_logo_home{
	position: absolute;
    width: 100%;
    left: 0;
    /*height: 100%;*/
}
.logoc{
}
.sopra_logo{
    position: absolute;
    top: 19px;
    left: 20%;
    height: 30%;
    width: 60%;
    text-align: center;
    letter-spacing: 77px;
z-index: 2;
}
.sotto_logo_co{
    /* position: absolute; */
    /* top: 65%; */
    width: 234px;
    /* left: 50%; */
    position: relative;
    float: left;
}
.sotto_logo{
width: 100%;
    position: absolute;
    /* left: -50%; */
    display: none;
    margin-left: 30px;
    margin-top: 20px;
}
.sotto_sotto_logo1{
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    font-size: 11.5px;
}
.sotto_sotto_logo2{
position: relative;
    float: left;
    text-align: left;
    width: 100%;
    font-size: 9px;
}
.nome1{
margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 33px;
    text-align: left;
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    font-size: 11px;
    color: #7f7f7f;
}
.vr_div{
	 position: absolute;
	 top: 0;
	 height: 100%;
	 overflow: hidden;
}
#mono_div{
	 width: 50px;
	 height: 50px;
	 position: absolute;
    right: 11px;
    top: 44px;
}

#mono_div2{
	 width: 50px;
	 height: 50px;
	 position: absolute;
    right: -2px;
    top: 20px;

}

#hamburger_butt{
	 left:300px;
	 width: 180px;
	 height: 180px;
	 position: absolute;
	z-index: 9999;

}
#hamburger_butt2{
	 width: 50px;
    height: 80px;
    top: -16px;
    left: 6px;
    position: absolute;
	z-index: 9999;

}
#hamburger_butt3{
bottom: 3px;
    width: 300px;
    height: 70px;
    position: absolute;
    position: absolute;
    left: -150px;
}
#credits_butt{

    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 9998;
    top: -18px;
    left: -15px;
}
.butt_explorer{
	 display: none;
}
.menu_subel{
	 position: absolute;
	 width: 100%;
	 height: 100%;
}
.porfoliox_co{
	 position: absolute;
	 height: 76px;
	 width: 518px;
	 left: 50%;
}
.porfoliox{
	 position: absolute;
	 height: 76px;
	 width: 518px;
	 left: -50%;
	 display:none;
}
.repotitle_in{
	 position: absolute;
	 height: 76px;
	 width: 400px;
	 left: 50%;
	 display: none;
}
.repotitle_co{
	 position: absolute;
height: 62px;
    overflow: hidden;
    line-height: 62px;
    margin-top: 16px;
    width: 496px;
	 left: -50%;
}
.repotitle{
	 position: relative;
	 float: left;
	 height: 100%;
}
.repotitle2{
position: relative;
    float: left;
    width: 232px;
    overflow: hidden;
	 height: 78px;
}
.repotitle2_in{
	 top: 0;
	 position: absolute;
	 width:100%;
	 height: 78px;

}
.slot{
	 position: relative;
	 float: left;
	 width:20%;
	 height: 78px;
	 overflow: auto;

}
.sub_slot{
	 position: relative;
	 float: left;
	 width:100%;
	 height: 100%;
color: #559;

}
.ini_slot{
color: #559;
}
.repotitlex1{
	 position: relative;
	 float: left;
	 height: 90px;
}
.repotitlex2{
	 position: relative;
	 float: left;
	 color:#fc00ff;
	 height: 76px;

}

.xporfoliox{
	 position: absolute;
	 height: 78px;
	 width: 518px;
	 left: -50%;
}
.location{
	     margin-top: 3px;
	     color: #c0c0c0;
}
#contact_line2, #contact_line3{
	     margin-top: 4px;
}
.schermo{
	 background-color: #000;
	 opacity: 0.4;
	 position: absolute;
	 width: 100%;
	 height: 100%;
}
#contact_sfondo {
}
.tech_img{
	 display: none;
}
.link_esterno{
	 position: absolute;
	 width: 100%;
	 height: 100%;
}
#contact_foot{
	 color: #404040;
}
#co_preloader {
    z-index: 9999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #222;
    overflow: hidden;
}
#co_preloader_ce {
    position: absolute;
    left: 50%;
    top: 0;
    width: 200px;
    height: 100%;
}
#co_preloader_in {
    position: absolute;
    left: -50%;
    top: 0;
    width: 100%;
    height: 100%;
}
#testo_preload {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 33%;
    font-size: 16px;
    display: none;
    letter-spacing: 50px;
}
#img_preload {
    position: absolute;
    top: 41vh;
    width: 100%;
}
.ima_logo_load {
    width: 100%;
    position: relative;
    float: left;
    }
#percent {
position: relative;
    width: 90%;
    top: 76%;
    text-align: left;
    float: left;
    display: none;
    margin: 10px 5% 10px 5%;
    }
#percent_num {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
}
#percent_line {
    position: absolute;
    left: 0;
    top: 30px;
    border-bottom: 2px #fff solid;
    /* width: 200px; */
}
#logo {
    position: absolute;
    bottom: 0;
    right: -305px;
    width: 50%;
    height: 30%;
    overflow: hidden;
}

#land_sfondo {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 16px;
    overflow: hidden;
    /* background-color: #e9e9e9; */
    z-index: 3;
}
#land_sfondo_in {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -50%;
    top: 0;
}
.land_img {
    position: absolute;
    top: 32%;
    width: 100%;
    height: 100%;
    display: none;
}
.ima_logo_home {
    position: absolute;
    width: 100%;
    left: 0;
    /* height: 100%; */
}
.sotto_logo {
    position: absolute;
    top: 65%;
    width: 100%;
}