<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/************************************************/
/*                     HOME                     */
/************************************************/
#room{
	position:absolute;
	border:1px solid #ccc;
	width:2280px;
	height:1200px;
	
	background-color:#eeeeed;
	
	top:50%;
	margin-top:-600px; /* --------&gt; 600/2 */
	
	left:50%;
	margin-left:-1140px; /* -------&gt; 1140/2 */
	
	/*overflow:hidden;*/
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 850px;
	-moz-perspective: 850px;
	perspective: 850px;
	-webkit-perspective-origin: 50% 45%;
	perspective-origin: 50% 45%;
	
	-ms-transform: scale(0.9,0.9); /* IE 9 */
    -webkit-transform: scale(0.9,0.9); /* Chrome, Safari, Opera */
    transform: scale(0.9,0.9);
}

.logo{
	position:absolute;
	width:200px;
	height:140px;
	top:15px;
	left:50%;
	margin-left:-100px;
}

.right-logo{
	position:absolute;
	width:200px;
	height:140px;
	top:0px;
	right:200px;
}

.graphic-navigation{
	position:absolute;
	width:180px;
	height:100px;
	
	left:50%;
	margin-left:-90px;
	bottom:40px;
	
	background-image:url(../images/home/navigation-background.png);
	background-position:left top;
	background-repeat:no-repeat;
}
	

.arrow-next{
	position:relative;
	width:79px;
	height:50px;
	margin-left:53px;
	
	background-image:url(../images/home/arrow-next.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.arrow-back{
	position:relative;
	width:79px;
	height:50px;
	margin-left:53px;
	
	background-image:url(../images/home/arrow-back.png);
	background-position:left top;
	background-repeat:no-repeat;
	
}

.back-panel{
	position: absolute;
	left:0px;
	top:-131px;
	width:2280px;
	height:1200px;
	
	background-image:url(../images/home/new-door.png);
	background-repeat:no-repeat;
	background-position:left top;

	-webkit-transform: translateZ(-2500px) translateX(0px) translateY(0px);
	transform: translateZ(-2500px) translateX(0px) translateY(0px);
}

.home-title-text{
	position: absolute;
	width:287px;
	height:400px;
	left:1450px;
	top:440px;
	
	background-image:url(../images/home/enter-text.png);
	background-repeat:no-repeat;
	background-position:left top;

	-webkit-transform: translateZ(-2490px) translateX(0px) translateY(0px);
	transform: translateZ(-2490px) translateX(0px) translateY(0px);
}

/* ----- pavimento ----- */
.bottom-panel{
	position:absolute;
	/*
	width:2280px;
	height:1200px;
	left:0px;
	top:-131px;
	*/

	width:10280px;
	height:1000px;
	left:-4000px;
	top:-200px;

	background-image:url(../images/home/floor.jpg);
	background-repeat: repeat;
	background-origin:border-box;
	
	-ms-transform: translateZ(-2490px) translateX(0px) translateY(1200px) rotateX(90deg); /* IE 9 */
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform: translateZ(-2490px) translateX(0px) translateY(1200px) rotateX(90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform: translateZ(-2490px) translateX(0px) translateY(1200px) rotateX(90deg);
    transform-origin: 0% 0%;
	/*
	-webkit-transform: translateZ(-2490px) translateX(0px) translateY(0px) rotateX(  90deg );
	transform: translateZ(-2490px) translateX(0px) translateY(0px) rotateX(  90deg );
	*/
	/*
	-webkit-transform: translateZ(-2490px) translateX(0px) translateY(0px) rotateX(  90deg );
	transform: translateZ(-2490px) translateX(0px) translateY(0px) rotateX(  90deg );
	*/
	/*
	-webkit-transform: rotateX(  20deg );
	transform: rotateX(  20deg );
	*/
}

.bottom-panel_2{
	position:absolute;
	
	width:10280px;
	height:1000px;
	left:-4000px;
	top:-200px;
	
	background-image:url(../images/home/floor.jpg);
	background-repeat: repeat;
	background-origin:border-box;
	
	-ms-transform: translateZ(-1890px) translateX(0px) translateY(1200px) rotateX(90deg); /* IE 9 */
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform: translateZ(-1890px) translateX(0px) translateY(1200px) rotateX(90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform: translateZ(-1890px) translateX(0px) translateY(1200px) rotateX(90deg);
    transform-origin: 0% 0%;
}

.bottom-panel_3{
	position:absolute;
	
	width:10280px;
	height:1000px;
	left:-4000px;
	top:-200px;
	
	background-image:url(../images/home/floor.jpg);
	background-repeat: repeat;
	background-origin:border-box;
	
	-ms-transform: translateZ(-1290px) translateX(0px) translateY(1200px) rotateX(90deg); /* IE 9 */
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform: translateZ(-1290px) translateX(0px) translateY(1200px) rotateX(90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform: translateZ(-1290px) translateX(0px) translateY(1200px) rotateX(90deg);
    transform-origin: 0% 0%;
}

.bottom-panel_4{
	position:absolute;
	
	width:10280px;
	height:1000px;
	left:-4000px;
	top:-200px;
	
	background-image:url(../images/home/floor.jpg);
	background-repeat: repeat;
	background-origin:border-box;
	
	-ms-transform: translateZ(-690px) translateX(0px) translateY(1200px) rotateX(90deg); /* IE 9 */
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform: translateZ(-690px) translateX(0px) translateY(1200px) rotateX(90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform: translateZ(-690px) translateX(0px) translateY(1200px) rotateX(90deg);
    transform-origin: 0% 0%;
}

.bottom-panel_5{
	position:absolute;
	
	width:10280px;
	height:1000px;
	left:-4000px;
	top:-200px;
	
	background-image:url(../images/home/floor.jpg);
	background-repeat: repeat;
	background-origin:border-box;
	
	-ms-transform: translateZ(-90px) translateX(0px) translateY(1200px) rotateX(90deg); /* IE 9 */
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform: translateZ(-90px) translateX(0px) translateY(1200px) rotateX(90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform: translateZ(-90px) translateX(0px) translateY(1200px) rotateX(90deg);
    transform-origin: 0% 0%;
}

.bottom-panel-right{
	position:absolute;
	width:4000px;
	height:2200px;
	left:2280px;
	top:-100px;
	
	background-image:url(../images/home/floor.jpg);
	background-repeat: repeat;
	background-origin:border-box;
	
	-webkit-transform: rotateX(  90deg );
	transform: rotateX(  90deg );
}

.bottom-panel-left{
	position:absolute;
	width:4000px;
	height:2200px;
	left:-4000px;
	top:-100px;
	
	background-image:url(../images/home/floor.jpg);
	background-repeat: repeat;
	background-origin:border-box;
	
	-webkit-transform: rotateX(  90deg );
	transform: rotateX(  90deg );
}

/* ----- pannelli home ----- */
.panels{
	position:relative;
	width:450px !important;
	height:800px !important;
	display:block;
	margin-top:150px;
	
	background-image:url(../images/home/bg_panels.jpg);
	background-position:left top;
	background-repeat:no-repeat;

	background-color:#ffffff;
}

.left-shadow{
	position:absolute;
	width:50px;
	height:50px;
	left:450px;
	top:750px;
	
	background-image:url(../images/home/left-shadow.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.right-shadow{
	position:absolute;
	width:50px;
	height:50px;
	left:-50px;
	top:750px;
	
	background-image:url(../images/home/right-shadow.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.panel-1 {
	position: absolute;
	-webkit-transform: translateZ(-1800px) translateX(420px) translateY(200px) rotateY(0deg);
	transform: translateZ(-1800px) translateX(420px) translateY(200px) rotateY(0deg);
}
.panel-2 {

	position: absolute;
	-webkit-transform: translateZ(-1400px) translateX(420px) translateY(200px) rotateY(0deg);
	transform: translateZ(-1400px) translateX(420px) translateY(200px) rotateY(0deg);
}
.panel-3 {

	position: absolute;
	-webkit-transform: translateZ(-1000px) translateX(420px) translateY(200px) rotateY(0deg);
	transform: translateZ(-1000px) translateX(420px) translateY(200px) rotateY(0deg);
}
.panel-4 {

	position: absolute;
	-webkit-transform: translateZ(-600px) translateX(420px) translateY(200px) rotateY(0deg);
	transform: translateZ(-600px) translateX(420px) translateY(200px) rotateY(0deg);
}

.panel-5 {

	position: absolute;
	-webkit-transform: translateZ(-200px) translateX(420px) translateY(200px) rotateY(0deg);
	transform: translateZ(-200px) translateX(420px) translateY(200px) rotateY(0deg);
}


.panel-6 {
	position: absolute;
	-webkit-transform: translateZ(-1800px) translateX(1400px) translateY(200px) rotateY(0deg);
	transform: translateZ(-1800px) translateX(1400px) translateY(200px) rotateY(0deg);
}
.panel-7 {

	position: absolute;
	-webkit-transform: translateZ(-1400px) translateX(1400px) translateY(200px) rotateY(0deg);
	transform: translateZ(-1400px) translateX(1400px) translateY(200px) rotateY(0deg);
}
.panel-8 {

	position: absolute;
	-webkit-transform: translateZ(-1000px) translateX(1400px) translateY(200px) rotateY(0deg);
	transform: translateZ(-1000px) translateX(1400px) translateY(200px) rotateY(0deg);
}
.panel-9 {

	position: absolute;
	-webkit-transform: translateZ(-600px) translateX(1400px) translateY(200px) rotateY(0deg);
	transform: translateZ(-600px) translateX(1400px) translateY(200px) rotateY(0deg);
}

.panel-10 {

	position: absolute;
	-webkit-transform: translateZ(-200px) translateX(1400px) translateY(200px) rotateY(0deg);
	transform: translateZ(-200px) translateX(1400px) translateY(200px) rotateY(0deg);
}


/* ----- pannelli home azioni ----- */
.panel-thumb{
	width:448px;
	height:400px;
	overflow:hidden;
	margin-left:1px;
	margin-top:1px;
}

.panel-title{
	font-size:30px;
	font-weight:600;
	padding:30px 30px 0px 30px ;
	text-transform:uppercase;
}

.panel-title h3{
	font-family:'code_boldregular';
	font-size:30px;
	color:#333333;
	text-transform:uppercase;
}

.door-link{
	position:relative;
	width:500px;
	height:730px;
	margin:400px auto 0px auto;
	display:block;
}

.title-link{
	position:relative;
	width:100%;
	height:100%;
	display:block;
}

.panel-description{
	font-size:20px;
	padding:15px 30px 0px 30px ;
	line-height:30px;
}

.author{
	text-align:right;
	font-style:italic;
	font-size:80%;
	margin-bottom:10px;
}</pre></body></html>