html,
body {
    background-image:url('../images/p2.png');
	background-color: #000;
	color:#fff;
	margin:0;
	padding:0;
	height:100%;
    -webkit-font-smoothing: antialiased;
}

a{ color:#009b3e; text-decoration: none;}
a:hover{ color:#00baff; text-decoration: none;}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************************************************************************************** wrap pagina top-footer */

#wrapper {
	min-height:100%;
	position:relative;
}

#contentb {
	padding-bottom:55px;   /* Height of the footer element */
}

#label {
    position:absolute;
    height:180px;
	left:0;
	width: 100%;
	background: #333;
 background: -moz-linear-gradient(top, #333 0%, #000 100%);
 background: -webkit-linear-gradient(top, #333 0%, #000 100%);
 background: -o-linear-gradient(top, #333 0%, #000 100%);
 background: -ms-linear-gradient(top, #333 0%, #000 100%);
 background: linear-gradient(top, #333 0%, #000 100%);
}
#labela {
    position:relative;
    height:180px;
	width: 750px;
	opacity: 0;
	margin:0px auto;
	animation: goa-pi 2s linear;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: goa-pi 2s linear;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: goa-pi 2s linear;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: goa-pi 2s linear;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: goa-pi 2s linear;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#label-menu {
 position: absolute;
 width: 100%;
 height: 70px;
 top: 225px;
 left:0;
 opacity: 0;
	animation: goa-pi 8s linear;
	animation-delay: 6s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: goa-pi 8s linear;
	-webkit-animation-delay: 6s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: goa-pi 8s linear;
	-moz-animation-delay: 6s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: goa-pi 8s linear;
	-o-animation-delay: 6s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: goa-pi 8s linear;
	-ms-animation-delay: 6s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#label-menu-f {
 position: absolute;
 width: 100%;
 height: 70px;
 top: 225px;
 left:0;
}

#label-menu-01{
 position: relative;
 width: 748px;
 height: 68px;
 border-style: dashed;
 border-width: 1px;
 border-color: #009b3e;
 margin: 0px auto;
 background-image:url('../images/dark-01.png');
}

#label2 {
 position: absolute;
 color: #000;
 width: 100%;
 height: 2px;
 top: 180px;
 left:0;
 background: #009b3e;
}
#label-back {
 position: relative;
 width: 750px;
 height: 70px;
 margin: 0px auto;
}

#label3 {
 position: absolute;
 z-index: 10;
 color: #000;
 width: 100%;
 height: 2px;
 bottom: 55px;
 left:0;
 background: #009b3e;
}

#footer {
 position: absolute;
 z-index: 10;
 width: 100%;
 height: 55px;
 bottom: 0px;
 left:0;
 background: #333;
 background: -moz-linear-gradient(top, #000 0%, #333 100%);
 background: -webkit-linear-gradient(top, #000 0%, #333 100%);
 background: -o-linear-gradient(top, #000 0%, #333 100%);
 background: -ms-linear-gradient(top, #000 0%, #333 100%);
 background: linear-gradient(top, #000 0%, #333 100%);
}

#container-calce {
    position:relative;
	display:block;
    width:750px;
    height:15px;
	margin: 0px auto;
	padding-top: 5px;
	font-size: 14px;
	font-family: 'open_sanslight';
	text-align: center;
    line-height: 15px;

}

#container-calce-sx {
    position:relative;
	display:block;
	color: #fff;
    width:375px;
    height:15px;
	float: left;
}

#container-calce-dx{
    position:relative;
	display:block;
	color: #fff;
    width:375px;
    height:15px;
	float: left;
}

/********************************************************************************************** PER NON INCASINARE TRANSITION MENTRE CARICA LA PAGINA */

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

/********************************************************************************************** PER NON INCASINARE TRANSITION MENTRE CARICA LA PAGINA */

#goa-container-top{
	position:relative;
	display:block;
    width:434px;
    height:171px;
	margin: 0px auto;
}

#goa-container-intro{
	position:relative;
	display:block;
    width:434px;
    height:163px;
	padding-top: 8px;
}

#goa-container-fisso{
	position:relative;
	display:block;
    width:434px;
    height:163px;
	margin: 0px auto;
	opacity: 0;
	animation: goa-pi 3s linear;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: goa-pi 3s linear;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: goa-pi 3s linear;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: goa-pi 3s linear;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: goa-pi 3s linear;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-zero{
	position:absolute;
	display:block;
    width:130px;
    height:41px;
	margin-top: 0px;
	margin-left: -158px;
	opacity: 0;
	animation: studio-s 1s linear;
	animation-delay: 9s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: studio-s 1s linear;
	-webkit-animation-delay: 9s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: studio-s 1s linear;
	-moz-animation-delay: 9s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: studio-s 1s linear;
	-o-animation-delay: 9s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: studio-s 1s linear;
	-ms-animation-delay: 9s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-zero-f{
	position:absolute;
	display:block;
    width:130px;
    height:41px;
	margin-top: 0px;
	margin-left: -158px;
	opacity: 0;
	animation: studio-s 1s linear;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: studio-s 1s linear;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: studio-s 1s linear;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: studio-s 1s linear;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: studio-s 1s linear;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

/********************************************************************************************** LOGO INTRO */
#goa-intro-owl-dx{
	position:absolute;
	display:block;
    width:125px;
    height:105px;
	margin-top: 0px;
	margin-left: 217px;
	opacity: 0;
	transform-origin:0% 50%;
	animation: owl-dx 1s linear;
	animation-delay: 3s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-transform-origin:0% 50%;
	-webkit-animation: owl-dx 1s linear;
	-webkit-animation-delay: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-transform-origin:0% 50%;
	-moz-animation: owl-dx 1s linear;
	-moz-animation-delay: 3s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-transform-origin:0% 50%;
	-o-animation: owl-dx 1s linear;
	-o-animation-delay: 3s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-transform-origin:0% 50%;
	-ms-animation: owl-dx 1s linear;
	-ms-animation-delay: 3s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-intro-owl-sx{
	position:absolute;
	display:block;
    width:185px;
    height:155px;
	margin-top: 0px;
	margin-left: 140px;
	transform-origin:101% 50%;
	animation: owl-sx 10s linear;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-transform-origin:101% 50%;
	-webkit-animation: owl-sx 10s linear;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-transform-origin:101% 50%;
	-moz-animation: owl-sx 10s linear;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-transform-origin:101% 50%;
	-o-animation: owl-sx 10s linear;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-transform-origin:101% 50%;
	-ms-animation: owl-sx 10s linear;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-intro-g{
	position:absolute;
	display:block;
    width:133px;
    height:163px;
	margin-top: 0px;
	margin-left: 34px;
	opacity: 0;
	transform-origin:50% 100%;
	animation: logo-g 1s linear;
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-transform-origin:50% 100%;
	-webkit-animation: logo-g 1s linear;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-transform-origin:50% 100%;
	-moz-animation: logo-g 1s linear;
	-moz-animation-delay: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-transform-origin:50% 100%;
	-o-animation: logo-g 1s linear;
	-o-animation-delay: 2s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-transform-origin:50% 100%;
	-ms-animation: logo-g 1s linear;
	-ms-animation-delay: 2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-intro-o{
	position:absolute;
	display:block;
    width:132px;
    height:163px;
	margin-top: 0px;
	margin-left: 149px;
	opacity: 0;
	animation: logo-o 2s linear;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: logo-o 2s linear;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: logo-o 2s linear;
	-moz-animation-delay: 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: logo-o 2s linear;
	-o-animation-delay: 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: logo-o 2s linear;
	-ms-animation-delay: 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-intro-a{
	position:absolute;
	display:block;
    width:116px;
    height:163px;
	margin-top: 0px;
	margin-left: 284px;
	opacity: 0;
	transform-origin:100% 50%;
	animation: logo-a 1s linear;
	animation-delay: 2.5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-transform-origin:100% 50%;
	-webkit-animation: logo-a 1s linear;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-transform-origin:100% 50%;
	-moz-animation: logo-a 1s linear;
	-moz-animation-delay: 2.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-transform-origin:100% 50%;
	-o-animation: logo-a 1s linear;
	-o-animation-delay: 2.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-transform-origin:100% 50%;
	-ms-animation: logo-a 1s linear;
	-ms-animation-delay: 2.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-studio-s{
	position:absolute;
	display:block;
    width:25px;
    height:17px;
	margin-top: 120px;
	margin-left: 409px;
	opacity: 0;
	animation: studio-s 0.2s linear;
	animation-delay: 4s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: studio-s 0.2s linear;
	-webkit-animation-delay: 4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: studio-s 0.2s linear;
	-moz-animation-delay: 4s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: studio-s 0.2s linear;
	-o-animation-delay: 4s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: studio-s 0.2s linear;
	-ms-animation-delay: 4s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-studio-t{
	position:absolute;
	display:block;
    width:25px;
    height:26px;
	margin-top: 94px;
	margin-left: 409px;
	opacity: 0;
	animation: studio-t 0.2s linear;
	animation-delay: 4.2s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: studio-t 0.2s linear;
	-webkit-animation-delay: 4.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: studio-t 0.2s linear;
	-moz-animation-delay: 4.2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: studio-t 0.2s linear;
	-o-animation-delay: 4.2s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: studio-t 0.2s linear;
	-ms-animation-delay: 4.2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-studio-u{
	position:absolute;
	display:block;
    width:25px;
    height:26px;
	margin-top: 68px;
	margin-left: 409px;
	opacity: 0;
	animation: studio-u 0.2s linear;
	animation-delay: 4.4s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: studio-u 0.2s linear;
	-webkit-animation-delay: 4.4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: studio-u 0.2s linear;
	-moz-animation-delay: 4.4s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: studio-u 0.2s linear;
	-o-animation-delay: 4.4s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: studio-u 0.2s linear;
	-ms-animation-delay: 4.4s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-studio-d{
	position:absolute;
	display:block;
    width:25px;
    height:28px;
	margin-top: 40px;
	margin-left: 409px;
	opacity: 0;
	animation: studio-d 0.2s linear;
	animation-delay: 4.6s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: studio-d 0.2s linear;
	-webkit-animation-delay: 4.6s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: studio-d 0.2s linear;
	-moz-animation-delay: 4.6s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: studio-d 0.2s linear;
	-o-animation-delay: 4.6s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: studio-d 0.2s linear;
	-ms-animation-delay: 4.6s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-studio-i{
	position:absolute;
	display:block;
    width:25px;
    height:11px;
	margin-top: 29px;
	margin-left: 409px;
	opacity: 0;
	animation: studio-i 0.2s linear;
	animation-delay: 4.8s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: studio-i 0.2s linear;
	-webkit-animation-delay: 4.8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: studio-i 0.2s linear;
	-moz-animation-delay: 4.8s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: studio-i 0.2s linear;
	-o-animation-delay: 4.8s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: studio-i 0.2s linear;
	-ms-animation-delay: 4.8s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-studio-o{
	position:absolute;
	display:block;
    width:25px;
    height:29px;
	margin-top: 0px;
	margin-left: 409px;
	opacity: 0;
	animation: studio-o 0.2s linear;
	animation-delay: 5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: studio-o 0.2s linear;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: studio-o 0.2s linear;
	-moz-animation-delay: 5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: studio-o 0.2s linear;
	-o-animation-delay: 5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: studio-o 0.2s linear;
	-ms-animation-delay: 5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-container-estetica{
	position:relative;
	display:block;
	font-family: 'open_sanslight';
	font-size: 25px;
	text-align: center;
    line-height: 25px;
	color:#fff;
    width:650px;
    height:25px;
	margin: 20px auto;
}

#goa-estetica-i{
	position:absolute;
	display:block;
    width:650px;
    height:25px;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0;
	font-size: 25px;
	text-align: center;
    line-height: 25px;
	animation: estetica-i 8s linear;
	animation-delay: 5s;
	animation-iteration-count: infinite;
	-webkit-animation: estetica-i 8s linear;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: estetica-i 8s linear;
	-moz-animation-delay: 5s;
	-moz-animation-iteration-count: infinite;
	-o-animation: estetica-i 8s linear;
	-o-animation-delay: 5s;
	-o-animation-iteration-count: infinite;
	-ms-animation: estetica-i 8s linear;
	-ms-animation-delay: 5s;
	-ms-animation-iteration-count: infinite;
}

#goa-estetica-e{
	position:absolute;
	display:block;
    width:650px;
    height:25px;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0;
	font-size: 25px;
	text-align: center;
    line-height: 25px;
	animation: estetica-e 8s linear;
	animation-delay: 9s;
	animation-iteration-count: infinite;
	-webkit-animation: estetica-e 8s linear;
	-webkit-animation-delay: 9s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: estetica-e 8s linear;
	-moz-animation-delay: 9s;
	-moz-animation-iteration-count: infinite;
	-o-animation: estetica-e 8s linear;
	-o-animation-delay: 9s;
	-o-animation-iteration-count: infinite;
	-ms-animation: estetica-e 8s linear;
	-ms-animation-delay: 9s;
	-ms-animation-iteration-count: infinite;
}

#goa-estetica-i-f{
	position:absolute;
	display:block;
    width:650px;
    height:25px;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0;
	font-size: 25px;
	text-align: center;
    line-height: 25px;
	animation: estetica-i 8s linear;
	animation-iteration-count: infinite;
	-webkit-animation: estetica-i 8s linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: estetica-i 8s linear;
	-moz-animation-iteration-count: infinite;
	-o-animation: estetica-i 8s linear;
	-o-animation-iteration-count: infinite;
	-ms-animation: estetica-i 8s linear;
	-ms-animation-iteration-count: infinite;
}

#goa-estetica-e-f{
	position:absolute;
	display:block;
    width:650px;
    height:25px;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0;
	font-size: 25px;
	text-align: center;
    line-height: 25px;
	animation: estetica-e 8s linear;
	animation-delay: 4s;
	animation-iteration-count: infinite;
	-webkit-animation: estetica-e 8s linear;
	-webkit-animation-delay: 4s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: estetica-e 8s linear;
	-moz-animation-delay: 4s;
	-moz-animation-iteration-count: infinite;
	-o-animation: estetica-e 8s linear;
	-o-animation-delay: 4s;
	-o-animation-iteration-count: infinite;
	-ms-animation: estetica-e 8s linear;
	-ms-animation-delay: 4s;
	-ms-animation-iteration-count: infinite;
}

#goa-container-servizi{
	position:relative;
	display:block;
	font-family: 'open_sanslight';
	color:#fff;
    width:650px;
    height:40px;
	margin: 45px auto;
}

#goa-servizi-02{
	position:absolute;
	display:block;
    width:650px;
    height:40px;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0;
	font-size: 20px;
	text-align: center;
    line-height: 20px;
	animation: servizi-01 8s linear;
	animation-delay: 10.2s;
	animation-iteration-count: infinite;
	-webkit-animation: servizi-01 8s linear;
	-webkit-animation-delay: 10.2s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: servizi-01 8s linear;
	-moz-animation-delay: 10.2s;
	-moz-animation-iteration-count: infinite;
	-o-animation: servizi-01 8s linear;
	-o-animation-delay: 10.2s;
	-o-animation-iteration-count: infinite;
	-ms-animation: servizi-01 8s linear;
	-ms-animation-delay: 10.2s;
	-ms-animation-iteration-count: infinite;
}

#goa-servizi-01{
	position:absolute;
	display:block;
    width:650px;
    height:40px;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0;
	font-size: 20px;
	text-align: center;
    line-height: 20px;
	animation: servizi-02 8s linear;
	animation-delay: 6.2s;
	animation-iteration-count: infinite;
	-webkit-animation: servizi-02 8s linear;
	-webkit-animation-delay: 6.2s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: servizi-02 8s linear;
	-moz-animation-delay: 6.2s;
	-moz-animation-iteration-count: infinite;
	-o-animation: servizi-02 8s linear;
	-o-animation-delay: 6.2s;
	-o-animation-iteration-count: infinite;
	-ms-animation: servizi-02 8s linear;
	-ms-animation-delay: 6.2s;
	-ms-animation-iteration-count: infinite;
}

#goa-container-pi{
	position:relative;
	display:block;
	color:#fff;
    width:650px;
    height:12px;
	margin: 15px auto;
}

#goa-pi{
	position:absolute;
	display:block;
    width:650px;
    height:12px;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0;
	font-size: 12px;
	font-family: 'open_sanslight';
	text-align: center;
    line-height: 12px;
	animation: goa-pi 8s linear;
	animation-delay: 9s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: goa-pi 8s linear;
	-webkit-animation-delay: 9s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: goa-pi 8s linear;
	-moz-animation-delay: 9s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: goa-pi 8s linear;
	-o-animation-delay: 9s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: goa-pi 8s linear;
	-ms-animation-delay: 9s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-sep{
	position:relative;
	display:block;
    width:750px;
    height:15px;
	margin: 0px auto;
	opacity: 0;
	animation: goa-pi 8s linear;
	animation-delay: 7.5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: goa-pi 8s linear;
	-webkit-animation-delay: 7.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: goa-pi 8s linear;
	-moz-animation-delay: 7.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: goa-pi 8s linear;
	-o-animation-delay: 7.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: goa-pi 8s linear;
	-ms-animation-delay: 7.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-sep-f{
	position:relative;
	display:block;
    width:750px;
    height:15px;
	margin: 0px auto;
}

#goa-container-text-home{
	position:relative;
	display:block;
	font-family: 'open_sanslight';
	color:#fff;
    width:750px;
    height:265px;
	margin: 20px auto;
}

#goa-text-home-ita{
	position:relative;
	display:block;
    width:750px;
    height:125px;
	margin: 0px auto;
	opacity: 0;
	font-size: 14px;
	text-align: center;
    line-height: 15px;
	animation: goa-pi 8s linear;
	animation-delay: 7s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: goa-pi 8s linear;
	-webkit-animation-delay: 7s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: goa-pi 8s linear;
	-moz-animation-delay: 7s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: goa-pi 8s linear;
	-o-animation-delay: 7s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: goa-pi 8s linear;
	-ms-animation-delay: 7s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-text-home-eng{
	position:relative;
	display:block;
    width:750px;
    height:125px;
	margin: 0px auto;
	opacity: 0;
	font-size: 14px;
	text-align: center;
    line-height: 15px;
	animation: goa-pi 8s linear;
	animation-delay: 8s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: goa-pi 8s linear;
	-webkit-animation-delay: 8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: goa-pi 8s linear;
	-moz-animation-delay: 8s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: goa-pi 8s linear;
	-o-animation-delay: 8s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: goa-pi 8s linear;
	-ms-animation-delay: 8s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-container-text-3d{
	position:relative;
	display:block;
	font-family: 'open_sanslight';
	color:#fff;
    width:750px;
    height:295px;
	margin: 45px auto;
}

#goa-text-3d-ita{
	position:relative;
	display:block;
    width:750px;
    height:140px;
	margin: 0px auto;
	font-size: 14px;
	text-align: center;
    line-height: 15px;
}

#goa-text-3d-eng{
	position:relative;
	display:block;
    width:750px;
    height:140px;
	margin: 0px auto;
	font-size: 14px;
	text-align: center;
    line-height: 15px;
}

#goa-container-text-2d{
	position:relative;
	display:block;
	font-family: 'open_sanslight';
	color:#fff;
    width:750px;
    height:280px;
	margin: 45px auto;
}

#goa-text-2d-ita{
	position:relative;
	display:block;
    width:750px;
    height:125px;
	margin: 0px auto;
	font-size: 14px;
	text-align: center;
    line-height: 15px;
}

#goa-text-2d-eng{
	position:relative;
	display:block;
    width:750px;
    height:140px;
	margin: 0px auto;
	font-size: 14px;
	text-align: center;
    line-height: 15px;
}

#goa-container-text-media{
	position:relative;
	display:block;
	font-family: 'open_sanslight';
	color:#fff;
    width:750px;
    height:280px;
	margin: 45px auto;
}

#goa-text-media-ita{
	position:relative;
	display:block;
    width:750px;
    height:125px;
	margin: 0px auto;
	font-size: 14px;
	text-align: center;
    line-height: 15px;
}

#goa-text-media-eng{
	position:relative;
	display:block;
    width:750px;
    height:140px;
	margin: 0px auto;
	font-size: 14px;
	text-align: center;
    line-height: 15px;
}

#goa-container-flag{
	position:relative;
	display:block;
    width:200px;
    height:75px;
	margin: 20px auto;
}

#goa-flag-sx{
	position:absolute;
	display:block;
    width:75px;
    height:75px;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0;
	transform-origin:100% 50%;
	animation: goa-flag-sx 1s linear;
	animation-delay: 5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-transform-origin:100% 50%;
	-webkit-animation: goa-flag-sx 1s linear;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-transform-origin:100% 50%;
	-moz-animation: goa-flag-sx 1s linear;
	-moz-animation-delay: 5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-transform-origin:100% 50%;
	-o-animation: goa-flag-sx 1s linear;
	-o-animation-delay: 5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-transform-origin:100% 50%;
	-ms-animation: goa-flag-sx 1s linear;
	-ms-animation-delay: 5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-flag-dx{
	position:absolute;
	display:block;
    width:75px;
    height:75px;
	margin-top: 0px;
	margin-left: 125px;
	opacity: 0;
	transform-origin:0% 50%;
	animation: goa-flag-dx 1s linear;
	animation-delay: 5.5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-transform-origin:0% 50%;
	-webkit-animation: goa-flag-dx 1s linear;
	-webkit-animation-delay: 5.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-transform-origin:0% 50%;
	-moz-animation: goa-flag-dx 1s linear;
	-moz-animation-delay: 5.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-transform-origin:0% 50%;
	-o-animation: goa-flag-dx 1s linear;
	-o-animation-delay: 5.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-transform-origin:0% 50%;
	-ms-animation: goa-flag-dx 1s linear;
	-ms-animation-delay: 5.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-menu{
	position:relative;
	display:block;
    width:750px;
    height:20px;
	margin: 20px auto;
	opacity: 0;
	animation: goa-pi 8s linear;
	animation-delay: 6.5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	-webkit-animation: goa-pi 8s linear;
	-webkit-animation-delay: 6.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation: goa-pi 8s linear;
	-moz-animation-delay: 6.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-o-animation: goa-pi 8s linear;
	-o-animation-delay: 6.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation: goa-pi 8s linear;
	-ms-animation-delay: 6.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
}

#goa-menu-f{
	position:relative;
	display:block;
    width:750px;
    height:20px;
	margin: 20px auto;
}

#goa-banda-01{
	position:relative;
	display:block;
    width:750px;
    height:10px;
	margin: 0px auto;
	background-color:#000;
}

#goa-gallery-3d-puffi{
	position:relative;
	display:block;
    width:750px;
    height:900px;
	margin: 0px auto;
}

#goa-gallery-3d-miu{
	position:relative;
	display:block;
    width:750px;
    height:1125px;
	margin: 0px auto;
}

#goa-gallery-3d-casa1{
	position:relative;
	display:block;
    width:750px;
    height:422px;
	margin: 0px auto;
}

#goa-gallery-3d-casa2{
	position:relative;
	display:block;
    width:750px;
    height:346px;
	margin: 0px auto;
}

#goa-gallery-3d-puff{
	position:relative;
	display:block;
    width:750px;
    height:422px;
	margin: 0px auto;
}

#goa-gallery-3d-office{
	position:relative;
	display:block;
    width:750px;
    height:288px;
	margin: 0px auto;
}

#goa-gallery-3d-sea{
	position:relative;
	display:block;
    width:750px;
    height:422px;
	margin: 0px auto;
}

#goa-gallery-3d-cavi{
	position:relative;
	display:block;
    width:750px;
    height:1509px;
	margin: 0px auto;
}

#goa-gallery-3d-spin{
	position:relative;
	display:block;
    width:750px;
    height:416px;
	margin: 0px auto;
}

#goa-gallery-3d-wine1{
	position:relative;
	display:block;
    width:750px;
    height:1253px;
	margin: 0px auto;
}

#goa-gallery-3d-piscina{
	position:relative;
	display:block;
    width:750px;
    height:975px;
	margin: 0px auto;
}

#goa-gallery-3d-pnoe{
	position:relative;
	display:block;
    width:750px;
    height:625px;
	margin: 0px auto;
}

#goa-gallery-2d-logo{
	position:relative;
	display:block;
    width:750px;
    height:1125px;
	margin: 0px auto;
}

#goa-gallery-2d-paper{
	position:relative;
	display:block;
    width:750px;
    height:422px;
	margin: 0px auto;
}

#goa-gallery-2d-bro{
	position:relative;
	display:block;
    width:750px;
    height:500px;
	margin: 0px auto;
}

#goa-gallery-2d-cats{
	position:relative;
	display:block;
    width:750px;
    height:1130px;
	margin: 0px auto;
}

#goa-gallery-2d-draw{
	position:relative;
	display:block;
    width:750px;
    height:1189px;
	margin: 0px auto;
}

#goa-gallery-2d-cat{
	position:relative;
	display:block;
    width:750px;
    height:500px;
	margin: 0px auto;
}

#goa-gallery-2d-moon{
	position:relative;
	display:block;
    width:750px;
    height:777px;
	margin: 0px auto;
}

#goa-gallery-2d-fingers{
	position:relative;
	display:block;
    width:750px;
    height:1030px;
	margin: 0px auto;
}

#goa-gallery-media-all{
	position:relative;
	display:block;
    width:750px;
    height:422px;
	margin: 0px auto;
}

#goa-gallery-media-paper{
	position:relative;
	display:block;
    width:750px;
    height:1000px;
	margin: 0px auto;
}

#goa-media-3d{
	position:relative;
	display:block;
	background-color:#000;
    width:750px;
    height:564px;
	margin: 0px auto;
}
#goa-media-01-3d{
	position:relative;
	display:block;
    width:720px;
    height:544px;
	padding-top: 10px;
	padding-left: 15px;
}

#outer-contact-container{
     position:relative;
	 width:750px;
	 height:270px;
	 color:#fff;
	 font-size:14px;
	 line-height: 23px;
	 font-family: 'open_sanslight';
	 margin:45px auto;
}

#outer-contact-text-sx{
     position:relative;
	 width:350px;
	 height:270px;
	 float:left;
	 color:#fff;
	 text-align:center;
	 margin:0px auto;
}

#outer-contact-text-dx{
     position:relative;
	 width:350px;
	 height:270px;
	 float:right;
	 color:#fff;
	 margin:0px auto;
}

#contact-error{
     position:relative;
	 width:750px;
	 height:30px;
	 color:#fff;
	 font-size:14px;
	 line-height: 15px;
	 font-family: 'open_sanslight';
	 text-align:center;
	 margin:10px auto;
}

#contact-confirm{
     position:relative;
	 width:750px;
	 height:45px;
	 color:#fff;
	 font-size:14px;
	 line-height: 15px;
	 font-family: 'open_sanslight';
	 text-align:center;
	 margin:10px auto;
}

/********************************************************************************************** ANIMATION OWL SX */
@keyframes owl-sx {
from { 
     opacity: 0;
	 transform: rotateY(0deg);
}

10% {
    opacity: 0;
}

30% {
    opacity: 1;
}

50% {
    opacity: 1;
    transform: rotateY(0deg);
}

60% {
    opacity: 0;
    transform: rotateY(90deg);
}

to {
   opacity: 0;
   transform: rotateY(90deg);
}
	}
	
@-webkit-keyframes owl-sx {
from { 
     opacity: 0;
	 -webkit-transform: rotateY(0deg);;
}

10% {
    opacity: 0;
}

30% {
    opacity: 1;
}

50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
}

60% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
}

to {
   opacity: 0;
   -webkit-transform: rotateY(90deg);
}
	}
	
@-moz-keyframes owl-sx {
from { 
     opacity: 0;
	 -moz-transform: rotateY(0deg);;
}

10% {
    opacity: 0;
}

30% {
    opacity: 1;
}

50% {
    opacity: 1;
    -moz-transform: rotateY(0deg);
}

60% {
    opacity: 0;
    -moz-transform: rotateY(90deg);
}

to {
   opacity: 0;
   -moz-transform: rotateY(90deg);
}
	}
	
@-o-keyframes owl-sx {
from { 
     opacity: 0;
	 -o-transform: rotateY(0deg);;
}

10% {
    opacity: 0;
}

30% {
    opacity: 1;
}

50% {
    opacity: 1;
    -o-transform: rotateY(0deg);
}

60% {
    opacity: 0;
    -o-transform: rotateY(90deg);
}

to {
   opacity: 0;
   -o-transform: rotateY(90deg);
}
	}
	
@-ms-keyframes owl-sx {
from { 
     opacity: 0;
	 -ms-transform: rotateY(0deg);;
}

10% {
    opacity: 0;
}

30% {
    opacity: 1;
}

50% {
    opacity: 1;
    -ms-transform: rotateY(0deg);
}

60% {
    opacity: 0;
    -ms-transform: rotateY(90deg);
}

to {
   opacity: 0;
   -ms-transform: rotateY(90deg);
}
	}
/********************************************************************************************** ANIMATION OWL DX */
@keyframes owl-dx {
from { 
     opacity: 0;
	 transform: rotateY(-90deg);
}

to {
   opacity: 1;
   transform: rotateY(0deg);
}
	}
	
@-webkit-keyframes owl-dx {
from { 
     opacity: 0;
	 -webkit-transform: rotateY(-90deg);
}

to {
   opacity: 1;
   -webkit-transform: rotateY(0deg);
}
	}
	
@-moz-keyframes owl-dx {
from { 
     opacity: 0;
	 -moz-transform: rotateY(-90deg);
}

to {
   opacity: 1;
   -moz-transform: rotateY(0deg);
}
	}
	
@-o-keyframes owl-dx {
from { 
     opacity: 0;
	 -o-transform: rotateY(-90deg);
}

to {
   opacity: 1;
   -o-transform: rotateY(0deg);
}
	}
	
@-ms-keyframes owl-dx {
from { 
     opacity: 0;
	 -ms-transform: rotateY(-90deg);
}

to {
   opacity: 1;
   -ms-transform: rotateY(0deg);
}
	}
/********************************************************************************************** ANIMATION LOGO-G */
@keyframes logo-g {
from { 
     opacity: 0;
	 transform: rotateX(-90deg);
}

to {
   opacity: 1;
   transform: rotateX(0deg);
}
	}
	
@-webkit-keyframes logo-g {
from { 
     opacity: 0;
	 -webkit-transform: rotateX(-90deg);
}

to {
   opacity: 1;
   -webkit-transform: rotateX(0deg);
}
	}
	
@-moz-keyframes logo-g {
from { 
     opacity: 0;
	 -moz-transform: rotateX(-90deg);
}

to {
   opacity: 1;
   -moz-transform: rotateX(0deg);
}
	}
	
@-o-keyframes logo-g {
from { 
     opacity: 0;
	 -o-transform: rotateX(-90deg);
}

to {
   opacity: 1;
   -o-transform: rotateX(0deg);
}
	}
	
@-ms-keyframes logo-g {
from { 
     opacity: 0;
	 -ms-transform: rotateX(-90deg);
}

to {
   opacity: 1;
   -ms-transform: rotateX(0deg);
}
	}
/********************************************************************************************** ANIMATION LOGO-O */
@keyframes logo-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   transform: rotateY(360deg);
}
	}
	
@-webkit-keyframes logo-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -webkit-transform: rotateY(360deg);
}
	}
	
@-moz-keyframes logo-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -moz-transform: rotateY(360deg);
}
	}
	
@-o-keyframes logo-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -o-transform: rotateY(360deg);
}
	}
	
@-ms-keyframes logo-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -ms-transform: rotateY(360deg);
}
	}
/********************************************************************************************** ANIMATION LOGO-A */
@keyframes logo-a {
from { 
     opacity: 0;
	 transform: rotateY(90deg);
}

to {
   opacity: 1;
   transform: rotateY(0deg);
}
	}
	
@-webkit-keyframes logo-a {
from { 
     opacity: 0;
	 -webkit-transform: rotateY(90deg);
}

to {
   opacity: 1;
   -webkit-transform: rotateY(0deg);
}
	}
	
@-moz-keyframes logo-a {
from { 
     opacity: 0;
	 -moz-transform: rotateY(90deg);
}

to {
   opacity: 1;
   -moz-transform: rotateY(0deg);
}
	}
	
@-o-keyframes logo-a {
from { 
     opacity: 0;
	 -o-transform: rotateY(90deg);
}

to {
   opacity: 1;
   -o-transform: rotateY(0deg);
}
	}
	
@-ms-keyframes logo-a {
from { 
     opacity: 0;
	 -ms-transform: rotateY(90deg);
}

to {
   opacity: 1;
   -ms-transform: rotateY(0deg);
}
	}
/********************************************************************************************** ANIMATION STUDIO-S */
@keyframes studio-s {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   transform: rotateX(360deg);
}
	}
	
@-webkit-keyframes studio-s {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -webkit-transform: rotateX(360deg);
}
	}
	
@-moz-keyframes studio-s {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -moz-transform: rotateX(360deg);
}
	}
	
@-o-keyframes studio-s {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -o-transform: rotateX(360deg);
}
	}
	
@-ms-keyframes studio-s {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -ms-transform: rotateX(360deg);
}
	}
/********************************************************************************************** ANIMATION STUDIO-T */
@keyframes studio-t {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   transform: rotateX(360deg);
}
	}
	
@-webkit-keyframes studio-t {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -webkit-transform: rotateX(360deg);
}
	}
	
@-moz-keyframes studio-t {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -moz-transform: rotateX(360deg);
}
	}
	
@-o-keyframes studio-t {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -o-transform: rotateX(360deg);
}
	}
	
@-ms-keyframes studio-t {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -ms-transform: rotateX(360deg);
}
	}
/********************************************************************************************** ANIMATION STUDIO-U */
@keyframes studio-u {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   transform: rotateX(360deg);
}
	}
	
@-webkit-keyframes studio-u {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -webkit-transform: rotateX(360deg);
}
	}
	
@-moz-keyframes studio-u {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -moz-transform: rotateX(360deg);
}
	}
	
@-o-keyframes studio-u {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -o-transform: rotateX(360deg);
}
	}
	
@-ms-keyframes studio-u {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -ms-transform: rotateX(360deg);
}
	}
/********************************************************************************************** ANIMATION STUDIO-D */
@keyframes studio-d {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   transform: rotateX(360deg);
}
	}
	
@-webkit-keyframes studio-d {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -webkit-transform: rotateX(360deg);
}
	}
	
@-moz-keyframes studio-d {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -moz-transform: rotateX(360deg);
}
	}
	
@-o-keyframes studio-d {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -o-transform: rotateX(360deg);
}
	}
	
@-ms-keyframes studio-d {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -ms-transform: rotateX(360deg);
}
	}
/********************************************************************************************** ANIMATION STUDIO-I */
@keyframes studio-i {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   transform: rotateY(360deg);
}
	}
	
@-webkit-keyframes studio-i {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -webkit-transform: rotateY(360deg);
}
	}
	
@-moz-keyframes studio-i {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -moz-transform: rotateY(360deg);
}
	}
	
@-o-keyframes studio-i {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -o-transform: rotateY(360deg);
}
	}
	
@-ms-keyframes studio-i {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -ms-transform: rotateY(360deg);
}
	}
/********************************************************************************************** ANIMATION STUDIO-O */
@keyframes studio-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   transform: rotateX(360deg);
}
	}
	
@-webkit-keyframes studio-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -webkit-transform: rotateX(360deg);
}
	}
	
@-moz-keyframes studio-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -moz-transform: rotateX(360deg);
}
	}
	
@-o-keyframes studio-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -o-transform: rotateX(360deg);
}
	}
	
@-ms-keyframes studio-o {
from { 
     opacity: 0;
}

to {
   opacity: 1;
   -ms-transform: rotateX(360deg);
}
	}
/********************************************************************************************** ANIMATION ESTETICA-I */
@keyframes estetica-i {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-webkit-keyframes estetica-i {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-moz-keyframes estetica-i {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-o-keyframes estetica-i {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-ms-keyframes estetica-i {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
/********************************************************************************************** ANIMATION ESTETICA-E */
@keyframes estetica-e {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-webkit-keyframes estetica-e {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-moz-keyframes estetica-e {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-o-keyframes estetica-e {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-ms-keyframes estetica-e {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
/********************************************************************************************** ANIMATION SERVIZI-01 */
@keyframes servizi-01 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-webkit-keyframes servizi-01 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-moz-keyframes servizi-01 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-o-keyframes servizi-01 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-ms-keyframes servizi-01 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
/********************************************************************************************** ANIMATION SERVIZI-02 */
@keyframes servizi-02 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-webkit-keyframes servizi-02 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-moz-keyframes servizi-02 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-o-keyframes servizi-02 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
	
@-ms-keyframes servizi-02 {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

75% {
    opacity: 0;
}

to {
   opacity: 0;
}
	}
/********************************************************************************************** ANIMATION PI */
@keyframes goa-pi {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

to {
   opacity: 1;
}
	}
	
@-webkit-keyframes goa-pi {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

to {
   opacity: 1;
}
	}
	
@-moz-keyframes goa-pi {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

to {
   opacity: 1;
}
	}
	
@-o-keyframes goa-pi {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

to {
   opacity: 1;
}
	}
	
@-ms-keyframes goa-pi {
from { 
     opacity: 0;
}

25% {
    opacity: 1;
}

50% {
    opacity: 1;
}

to {
   opacity: 1;
}
	}
/********************************************************************************************** ANIMATION FLAG-SX */	
@keyframes goa-flag-sx {
from { 
     opacity: 0;
	 transform: rotateY(90deg);
}

to {
   opacity: 1;
   transform: rotateY(0deg);
}
	}
	
@-webkit-keyframes goa-flag-sx {
from { 
     opacity: 0;
	 -webkit-transform: rotateY(90deg);
}

to {
   opacity: 1;
   -webkit-transform: rotateY(0deg);
}
	}
	
@-moz-keyframes goa-flag-sx {
from { 
     opacity: 0;
	 -moz-transform: rotateY(90deg);
}

to {
   opacity: 1;
   -moz-transform: rotateY(0deg);
}
	}
	
@-o-keyframes goa-flag-sx {
from { 
     opacity: 0;
	 -o-transform: rotateY(90deg);
}

to {
   opacity: 1;
   -o-transform: rotateY(0deg);
}
	}
	
@-ms-keyframes goa-flag-sx {
from { 
     opacity: 0;
	 -ms-transform: rotateY(90deg);
}

to {
   opacity: 1;
   -ms-transform: rotateY(0deg);
}
	}
/********************************************************************************************** ANIMATION FLAG-DX */	
@keyframes goa-flag-dx {
from { 
     opacity: 0;
	 transform: rotateY(-90deg);
}

to {
   opacity: 1;
   transform: rotateY(0deg);
}
	}
	
@-webkit-keyframes goa-flag-dx {
from { 
     opacity: 0;
	 -webkit-transform: rotateY(-90deg);
}

to {
   opacity: 1;
   -webkit-transform: rotateY(0deg);
}
	}
	
@-moz-keyframes goa-flag-dx {
from { 
     opacity: 0;
	 -moz-transform: rotateY(-90deg);
}

to {
   opacity: 1;
   -moz-transform: rotateY(0deg);
}
	}
	
@-o-keyframes goa-flag-dx {
from { 
     opacity: 0;
	 -o-transform: rotateY(-90deg);
}

to {
   opacity: 1;
   -o-transform: rotateY(0deg);
}
	}
	
@-ms-keyframes goa-flag-dx {
from { 
     opacity: 0;
	 -ms-transform: rotateY(-90deg);
}

to {
   opacity: 1;
   -ms-transform: rotateY(0deg);
}
	}







@-webkit-keyframes roto-01,  keyframes roto-01{
from { opacity: 0; }

80% {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

95% {
  opacity: 0;
}

to { opacity: 1; 
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
	}
	
@keyframes roto-01 {
from { opacity: 0; }

80% {
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

95% {
  opacity: 0;
}

to { opacity: 1; 
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
	}

#foo {
    display: block;
	position: absolute;
	width: 600px;
	height: 600px;
    -webkit-animation: roto-01 5s linear;
    animation: roto-01 5s linear;
}

#div2
{
padding:50px;
position: absolute;
border: 1px solid black;
background-color: red;
transform: rotate(45deg);
transform-origin:20% 40%;
-ms-transform: rotate(45deg); /* IE 9 */
-ms-transform-origin:20% 40%; /* IE 9 */
-webkit-transform: rotateY(35deg); /* Opera, Chrome, and Safari */
-webkit-transform-origin:100% 50%; /* Opera, Chrome, and Safari */
}