html,body {
	overflow-x:hidden
}
.page {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.background-gradient {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;	
    background: #50a3a2;
	background: -webkit-linear-gradient(top left, #48b1bf 0%, #0856c1 100%);
	background: linear-gradient(to bottom right, #48b1bf 0%, #0856c1 100%);
    overflow: hidden;
}
.quadri {
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%
}
.quadri li {
	 position:absolute;
	 list-style:none;
	 display:block;
	 width:80px;
	 height:80px;
	 background-color:rgba(255,255,255,.1);
	 bottom:-320px;
	 -webkit-animation:square 50s infinite;
	 animation:square 50s infinite;
	 -webkit-transition-timing-function:linear;
	 transition-timing-function:linear;
	 border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
	 -khtml-border-radius:4px
}
.quadri li:nth-child(1) {
	left:10%
}
.quadri li:nth-child(2) {
	 left:20%;
	 width:160px;
	 height:160px;
	 -webkit-animation-delay:2s;
	 animation-delay:2s;
	 -webkit-animation-duration:34s;
	 animation-duration:34s
}
.quadri li:nth-child(3) {
	 left:25%;
	 -webkit-animation-delay:4s;
	 animation-delay:4s
}
.quadri li:nth-child(4) {
	 left:40%;
	 width:120px;
	 height:120px;
	 -webkit-animation-duration:44s;
	 animation-duration:44s
}
.quadri li:nth-child(5) {
	left:70%
}
.quadri li:nth-child(6) {
	 left:80%;
	 width:240px;
	 height:240px;
	 -webkit-animation-delay:3s;
	 animation-delay:3s
}
.quadri li:nth-child(7) {
	 left:32%;
	 width:320px;
	 height:320px;
	 -webkit-animation-delay:7s;
	 animation-delay:7s
}
.quadri li:nth-child(8) {
	 left:55%;
	 width:40px;
	 height:40px;
	 -webkit-animation-delay:15s;
	 animation-delay:15s;
	 -webkit-animation-duration:80s;
	 animation-duration:80s
}
.quadri li:nth-child(9) {
	 left:25%;
	 width:20px;
	 height:20px;
	 -webkit-animation-delay:2s;
	 animation-delay:2s;
	 -webkit-animation-duration:80s;
	 animation-duration:80s
}
.quadri li:nth-child(10) {
	 left:90%;
	 width:320px;
	 height:320px;
	 -webkit-animation-delay:22s;
	 animation-delay:22s
}
@-webkit-keyframes square {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 100% {
  -webkit-transform:translateY(-1500px) rotate(600deg);
  transform:translateY(-1500px) rotate(600deg)
 }
}
@keyframes square {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 100% {
  -webkit-transform:translateY(-1500px) rotate(600deg);
  transform:translateY(-1500px) rotate(600deg)
 }
}
.containers {    
    position: absolute;
	width:480px;
	height:600px;
	left:50%;
	top:50%;
	margin: -300px 0 0 -240px;
	transform: translateX(0);
	-webkit-transform: translateX(-240px);
	-moz-transform: translateX(-240px);
	-o-transform: translateX(-240px);
}
.contatti {
    position: relative;
    width: 100%;
    height: 600px;
    z-index: 11;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
	box-shadow:0px 10px 15px rgba(0,0,0,.2);
}
.contatti:before {
	 content:'';
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
	 box-shadow:10px 10px 15px rgba(0,0,0,.05);
	 border-radius:0 0 4px 0;
	 -moz-border-radius:0 0 4px 0;
	 -webkit-border-radius:0 0 4px 0;
	 -khtml-border-radius:0 0 4px 0
}
.contatti:after {
	content:'';
	position:absolute;
	left:-15px;
	top:-15px;
	width:100%;
	height:100%;
	background: -moz-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: linear-gradient(135deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px
}
.manifesto {	
	padding: 90px 90px 90px 100px;
	position: absolute;
	overflow: hidden;
	left: 95%;
	top: 15px;
	width: 120%;
	height: 570px;
	background: #fff;
	transform-origin: center left;
	z-index: 10;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
.manifesto div {
	height: 400px;
}
.contatti .recapiti {
	position: relative;
	overflow:hidden;
	height: 100%;
	background: #FFF;
	text-align: left;
	z-index: 10;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;

}
.contatti .logo {
	text-align: center;
	height:230px;
	padding-top:40px;
	position: relative;
	background-image:url(../images/angolo.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain
}
object {
	width: 100%;
	display: block;
	height: auto;
	position: relative;
	padding:0px;
	margin:0px;
} 
svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
h4 {color:#b3321b }
.manifesto li {
	font-size:14px;
	position:relative;
	padding-left:20px;
	margin-bottom:5px
}
.manifesto li:before {
	content:'';
	width:12px;
	height:12px;
	position:absolute;
	left:0px;
	top:5px;
	background-image:url(../images/dot.png);
	background-repeat:no-repeat;
	background-position:left top;
}


@media (max-width:1072px) {
 .manifesto {
  width:105%;
  padding:75px
 }
}

@media (max-width:1023px) {
 .manifesto {
  position:relative;
  margin:15px 0;
  left:0;
  top:0;
  width:auto;
  height:auto;
 }
 .page {overflow:visible}
 .containers {
    margin: 0 auto;
    position: relative;
    top: 83px;
    left: 0;
    width: auto;
    max-width: 540px;
    height: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
}
.overflow-auto {overflow:visible !important}
.manifesto div { height:auto;}
}
@media (max-width:600px) {
	
	.manifesto {    padding: 50px; }
}