/* ANIMAZIONI */
 /* OPACITà IMG SFONDO */
.sfondo_opaco{ 
		background-color: rgba(0, 0, 0,0);
    height: 100%;
		width:100%;  
		z-index:9;
	    -webkit-transition: background-color 1s, transform 1s;
    -o-transition: background-color 1s, transform 1s;
    transition: background-color 1s, transform 1s;
   }

.sfondo_opaco.scrollonesu{ 
		background-color: rgba(0, 0, 0,0.4);
    height: 100%;
		width:100%;  
		z-index:9;
	
   }
.carousel-inner .item >.container .sfondo_opaco{background:linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.1));
    height: 100%;		width:100%;  		z-index:9;		position: absolute;
-webkit-transition: background 2s, transform 1s;
    -o-transition: background 2s, transform 1s;
    transition: background 1.5s, transform 1s;}

.carousel-inner .item.active > .container .sfondo_opaco{background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.4) 85% );
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);}


.target-bg {
    background-color: rgba(0, 0, 0,0);
    -webkit-transition: background-color 1s, transform 1s;
    -o-transition: background-color 1s, transform 1s;
    transition: background-color 1s, transform 1s;
}

.target-bg.onScreen {
    	background-color: rgba(0, 0, 0,0.4);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.target-bg07 {
    background-color: rgba(0, 0, 0,0);
    -webkit-transition: background-color 1s, transform 2s;
    -o-transition: background-color 1s, transform 2s;
    transition: background-color 1s, transform 2s;
}

.target-bg07.onScreen {
    	background-color: rgba(0, 0, 0,0.7);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

	.sfondo-arancione.target{z-index:1;background-color: #f18b07 !important;
		opacity:0;
   -webkit-transition: opacity 1s, transform 1s;
    -o-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
	}
	.sfondo-arancione.target.onScreen{opacity: 1;}


/* effetto scritta con ritardo*/

.target-testo-comparsa-ritardo {
	opacity:0;
	  -webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s;
     -webkit-transition: opacity 3s, transform 1s;
    -o-transition: opacity 3s, transform 1s;
    transition: opacity 3s, transform 1s;
	  -webkit-transform: translate(0%,5%);
	 -moz-transform: translate(0%,5%);
    -ms-transform: translate(0%,5%);
    transform: translate(0%, 5%);
}
.target-testo-comparsa-ritardo.solo-titolo.onScreen {
		opacity:1;
     -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
	  -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%, 0%);
		z-index:99999;
 	
	}


.target-testo-comparsa-ritardo.testo-titolo.onScreen {
		opacity:1;
     -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
	  -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%, 0%);
		z-index:99999;
	}
	

/* effetto scritta */
.target-testo-comparsa {
	opacity:0;
	/*  -webkit-transition-delay: 1s; 
    transition-delay: 1s; */
     -webkit-transition: opacity 3s, transform 1s;
    -o-transition: opacity 3s, transform 1s;
    transition: opacity 3s, transform 1s;
	  -webkit-transform: translate(10%, 0%);
	 -moz-transform: translate(10%, 0%);
    -ms-transform: translate(10%, 0%);
    transform: translate(10%, 0%);
}

.target-testo-comparsa.onScreen {
	    /*  -webkit-transition-delay: 0.5s; 
    transition-delay: 0.5s; */
 	opacity:1;
	  -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%, 0%);

		}

.target-freccia{

   opacity:0;
    -webkit-transition: opacity 1s, transform 2s;
    -o-transition:opacity 1s, transform 2s;
    transition:opacity 1s, transform 2s;
}

.target-freccia.onScreen {
	   -webkit-transition-delay: 1s; /* Safari */
    transition-delay:1s;
   opacity:1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}


.testo-footer{line-height:25px;}
.animazione-home{position:relative;display:none;}


/* */

.words.target1.onScreen span {

  display: inline-block;
  -webkit-animation: move 1s ease-in-out ;
          animation: move 1s ease-in-out ;
}
.words span:nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.words span:nth-child(3) {
  -webkit-animation-delay: 1.0s;
          animation-delay: 1.0s;
}
.words span:nth-child(4) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
 
@-webkit-keyframes move {
  0% {
    -webkit-transform: translate(-33%, 0);
            transform: translate(-33%, 0);
  }
  50% {
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
  }
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }
}
 
@keyframes move {
  0% {
    -webkit-transform: translate(-23%, 0);
            transform: translate(-23%, 0);
  }
  50% {
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
  }
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }
}

.zoomIn.target1.onScreen {

  display: inline-block;
  -webkit-animation: zoomIn0 1s ease-in-out ;
          animation: zoomIn0 1s ease-in-out ;
}


@-webkit-keyframes zoomIn0 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn0 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}


.bounceIn.target1.onScreen {

  display: inline-block;
  -webkit-animation: bounceIn0 1s ease-in-out ;
          animation: bounceIn0 1s ease-in-out ;
}


@-webkit-keyframes bounceIn0 {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn0 {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn0;
  animation-name: bounceIn0;
}

.flipInX.target1.onScreen {

  display: inline-block;
  -webkit-animation: flipInX0 1s ease-in-out ;
          animation: flipInX0 1s ease-in-out ;
}


@-webkit-keyframes flipInX0 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX0 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}





/* */




 /* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
  .home_box_principale_titolo{margin-top:25%;}
  .target .riga-verso-dx{border-bottom:1px solid #C2C2C1;margin-top:11px;width:0px;padding:0px;}
	.target.onScreen .riga-verso-dx{width:93%; -webkit-transition: width 2s;transition: width 2s; -webkit-transition-delay: 0.1s;transition-delay: 0.1s; }
}

@media only screen and (min-width : 375px) {
}
    /* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

 }

@media only screen and (min-width : 768px){
  .home_box_principale_titolo{margin-top:15%;}
	
}   

    /* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {
   .target.onScreen .riga-verso-dx{width:100%;}
 }

    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	 .home_box_principale_titolo{margin-top:10%;}
 }