#banners-progetti { border-top: solid 1px #eee;}

#progetti{ 
	margin: 0 40px;
	border-top:solid 1px #E6E6E6;
}

.banner_progetto {
height: 120px;
position: relative;
-webkit-box-shadow: 1px 0px 4px 0px #bbb;
-moz-box-shadow: 1px 0px 4px 01px #bbb;
-o-box-shadow: 1px 0px 4px 0px #bbb;
box-shadow: 1px 0px 4px 0px #bbb;
padding: 15px;
overflow: hidden;
}

.textbox_progetto{ padding: 40px 0;}
.textbox_progetto img{
	object-fit: contain; 
	width:95%;
	height:100%;
}
.descrizione_progetto{background-color: #E6E6E6;padding: 20px;}
.descrizione_progetto .btn-primary {float: right;margin-top: 10px;}

.orbitfield {
    position: absolute;
    height: 250px;
    z-index: 1;
    background-color: #bed789;
    width: 100%;
    -o-transform: scaley(0.5) translateY(-125px);
    -moz-transform: scaley(0.5) translateY(-125px);
    -webkit-transform: scaley(0.5) translateY(-125px);
    transform: scaley(0.5) translateY(-125px);
    top: 0;
    left: 0;
}

			.banner_progetto_logo{
				position: absolute;
				height: 100%;
				width: 281px;
				max-width: 40%;
				left: 0;
				top: 0;
				z-index: 10;
				background-image: url(/wp-content/themes/ice/assets/img/sfondo_logo_progetto.png);
				background-repeat: no-repeat;
				background-position: right;
				display: flex;
				align-items: center;
			}
			.banner_progetto_logo img {
				margin-left: 5%;
				max-width: 65%;
				height: auto;
			}
			
.banner_progetto_txt {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 15px;
    text-align: center;
    z-index: 10;
    padding: 0 10px 10px 10px;
    display: inline-block;
}

			.banner_progetto_title{ font-size: 30px;}
			.banner_progetto_button {
				background-color: #E20613;
				color: #fff;
				padding: 5px;
				font-size: 20px;
				text-transform: uppercase;
			}
			.banner_progetto_button a {
				color: #fff;
			}
			.orbiter {
				position: absolute;
				left: 50%;
				top: 50%;
				z-index:5;
				-moz-transform: translateX(var(--xpos)) translateY(var(--ypos)) rotate(0deg);
				-webkit-transform: translateX(var(--xpos)) translateY(var(--ypos)) rotate(0deg);
				-o-transform: translateX(var(--xpos)) translateY(var(--ypos)) rotate(0deg);
				transform: translateX(var(--xpos)) translateY(var(--ypos)) rotate(0deg);
			}
			
			.animato .orbiter {
				-webkit-animation: myOrbit 40s linear infinite; /* Chrome, Safari 5 */
				   -moz-animation: myOrbit 40s linear infinite; /* Firefox 5-15 */
					 -o-animation: myOrbit 40s linear infinite; /* Opera 12+ */
						animation: myOrbit 40s linear infinite; /* Chrome, Firefox 16+, 
																  IE 10+, Safari 5 */
			}
			
			.orbitbg {
				position: absolute;
				left: 50%;
				top: 50%;
				height: 1501px;
				width:1512px;
				z-index: 0;
				-moz-transform: translateX(-766px) translateY(-750px) rotate(0deg);
				-webkit-transform: translateX(-766px) translateY(-750px) rotate(0deg));
				-o-transform: translateX(-766px) translateY(-750px) rotate(0deg);
				transform: translateX(-766px) translateY(-750px) rotate(0deg);
			}
			
			.animato .orbitbg {
				-webkit-animation: myOrbitng 40s linear infinite; /* Chrome, Safari 5 */
				   -moz-animation: myOrbitng 40s linear infinite; /* Firefox 5-15 */
					 -o-animation: myOrbitng 40s linear infinite; /* Opera 12+ */
						animation: myOrbitng 40s linear infinite; /* Chrome, Firefox 16+, 
																  IE 10+, Safari 5 */
			}
			@-webkit-keyframes myOrbit { from { -webkit-transform: rotate(0deg) translateX(var(--xpos)) translateY(var(--ypos)) rotate(0deg); } to   { translateX(var(--xpoint)) translateY(var(--ypoint)) -webkit-transform: rotate(360deg) translateX(var(--xpos)) translateY(var(--ypos)) rotate(-360deg); }}
			@-moz-keyframes myOrbit { from { -moz-transform: rotate(0deg) translateX(var(--xpos)) translateY(var(--ypos)) rotate(0deg); } to   { -moz-transform: rotate(360deg) translateX(var(--xpos)) translateY(var(--ypos)) rotate(-360deg); } }
			@-o-keyframes myOrbit { from { -o-transform: rotate(0deg) translateX(var(--xpos)) translateY(var(--ypos)) rotate(0deg); } to   { -o-transform: rotate(360deg) translateX(var(--xpos)) translateY(var(--ypos)) rotate(-360deg); } }
			@keyframes myOrbit { from { transform: rotate(0deg) translateX(var(--xpos)) translateY(var(--ypos)) rotate(0deg); } to   { transform: rotate(360deg) translateX(var(--xpos)) translateY(var(--ypos)) rotate(-360deg); } }

			@-webkit-keyframes myOrbitng { from { -webkit-transform: translateX(-766px) translateY(-750px) rotate(0deg); } to   { -webkit-transform: translateX(-766px) translateY(-750px) rotate(360deg); }}
			@-moz-keyframes myOrbitng { from { -moz-transform: translateX(-766px) translateY(-750px) rotate(0deg); } to   { -moz-transform: translateX(-766px) translateY(-750px) rotate(360deg); } }
			@-o-keyframes myOrbitng { from { -o-transform: translateX(-766px) translateY(-750px) rotate(0deg); } to   { -o-transform: rtranslateX(-766px) translateY(-750px) otate(360deg); } }
			@keyframes myOrbitng { from { transform: translateX(-766px) translateY(-750px) rotate(0deg); } to   { transform: translateX(-766px) translateY(-750px) rotate(360deg); } }
		
	
			
			.poi1:before{
				content: url(/wp-content/themes/ice/assets/img/poi.png);
				position: absolute;
				top: -40px;
				left: -10px;
				-o-transform: scaley(2);
				-moz-transform: scaley(2);
				-webkit-transform: scaley(2);
				transform: caley(2);
			}
			.poi3:before{
				content: url(/wp-content/themes/ice/assets/img/poi2.png);
				position: absolute;
				top: -43px;
				left: -18px;
				-o-transform: scaley(2);
				-moz-transform: scaley(2);
				-webkit-transform: scaley(2);
				transform: scaley(2);
			}
			
			.orbiter1 {--xpos: -70px; --ypos: -130px;}
			.orbiter2 { --xpos: -215px; --ypos: -80px;}
			.orbiter3 {--xpos: -130px; --ypos: 95px;}
			.orbiter4 { --xpos: 120px; --ypos: -145px;}
			.orbiter5 { --xpos: 10px; --ypos: 150px; }
			.orbiter6 { --xpos: 360px; --ypos: -50px;}
			.orbiter7 { --xpos: 150px; --ypos: 100px;}
			.orbiter8 { --xpos: -50px; --ypos: -350px;}
			
			.orbitfield1{background: linear-gradient(330deg, rgb(220, 237, 188) 0%, rgb(159, 194, 118) 100%);}
			.orbitfield2{background: linear-gradient(330deg, rgb(255, 255, 255) 0%, rgb(188, 196, 194) 100%);}

@media (max-width: 500px) {
	.banner_progetto_txt { left: 15px; }
	.banner_progetto_logo{ display: none; }
}




.hero-progetto {height: 100%; position: relative;}
.titolo_hero{position: absolute;top: 50%;width: 100%;}
.hero-progetto h1 {background-color: rgb(255, 255, 255, 0.8); top: 50%; left: 45%; padding: 0 30px;line-height: 100px; margin-top: -50px;display: inline-block;}

.contenuto_progetto { margin: 40px auto; }
.testo_progetto { margin-bottom: 40px; }
.blocco_descrizione_progetto { margin: 80px auto; }