/*NEW SLIDE*/


#start{
    opacity:0;
    }
    
    
    
    .img_slide{
      width: 100%;
      height: 110vh;
      overflow: hidden;
    }
    
    .slide_hp{
      width: 100%;
      height: 100%;
      position: absolute;
      top:0;
      left: 0;
      overflow: hidden;
    }
    

    
  /*
    è stato sostituito da dark_slide, nel css normale
    .img_slide::after{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 101;
      background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,1) 100%);
    }*/
  
    .slide_hp h1{
      width: 100%;
          text-align: center;
          height: 25vh;
          position: absolute;
          font-family: 'Teko', sans-serif;
         /* font-size: 30vw;
          letter-spacing: 1vw;*/
          font-size: 400%;
          color: #fff;
          top: 0;
          left: 5%;
          right: 0;
          bottom: 0;
          margin: auto;
          text-align: center;
          z-index: 102;
        /*  -webkit-text-fill-color: transparent;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 115vw auto;
    -webkit-background-clip: text;*/
    color: #fff;
    /*animation: scritta 6s 1;*/
    animation-timing-function:ease-out;
    animation-fill-mode: forwards;
    /*animation-timing-function: steps(20);*/
    /*background-attachment: fixed;*/
      /*opacity:0;*/
    
    }
    
    
    @keyframes scritta {
      0%   {background-size: 90vw auto; opacity: 0;}
      25% {background-size: 90vw auto; opacity: 0;animation-timing-function: ease-out;}
      100% {background-size: 115vw auto;opacity: 1;filter: contrast(60%); }
    }
    
  
    @keyframes attivo.OLD {/*contenitore forma immagine*/
      0%   {transform:scale(0);opacity:0;/*bottom:-120vh;*/	border-radius: 100%;animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); background-size: 50vw auto;}
      12%  {transform:scale(0.2);opacity:1;border-radius: 100%;animation-timing-function: cubic-bezier(0.475, 0.250, 0.680, 0.480); background-size: 50vw auto;}
      18%  {transform:scale(0.65);opacity:1;border-radius: 100%;/*bottom:0;*/animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); background-size: 80vw auto;}
     /* 28% {transform:scale(1);opacity:1;border-radius: 0; filter: brightness(1);}
      100% {transform:scale(1);opacity:1;border-radius: 0;filter: brightness(0.7);}*/
      28% {transform:scale(1);opacity:1;border-radius: 0; }
      100% {transform:scale(1);opacity:1;border-radius: 0;}
    }
  
  
    
    
    .item_slide_img{/*QUESTA!!!! è quella da movimentare */
      width:100%;
      height:110vh;
      opacity:0;
      position: absolute;
      margin: auto;
      top:0;
      left: 0;
      right: 0;
      bottom:0;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
      /*animation-timing-function: steps(15);*/
    /*	background-attachment: fixed;*/
    }
    
    
    
  
    
          .slide_in{
            opacity: 0;
              animation: scale_background 1.5s 1;
            animation-timing-function:ease-in-out;
            animation-fill-mode: forwards;
           /* animation-timing-function: steps(24);*/
          }
  
  
  
    @keyframes scale_background{
      0%   {opacity:0;transform: scale(1.4);}
      100% {opacity:1;transform: scale(1.6);}
    }
  
  
    
    .slide_in_rotate{
      opacity: 0;
        animation: rotate_background 1.5s 1;
      animation-timing-function:ease-in-out;
      animation-fill-mode: forwards;
    }
  
 


    
    @keyframes rotate_background{
      0%   {opacity:0; transform: scale(1) rotate(20deg);}
      100% {opacity:1; transform: scale(1.2) rotate(0);}
    }
    
  
  
  
    .slide_in_big_to_small{
      opacity: 0;
        animation: big_to_small_background 1.5s 1;
      animation-timing-function:ease-in-out;
      animation-fill-mode: forwards;
    }
  
  
    
    @keyframes big_to_small_background{
      0%   {opacity:0;transform: scale(1.5) rotate(-10deg);}
      100% {opacity:1; transform: scale(1) rotate(0deg);}
    }
  
  
  
  
    .slide_in_fade{
      opacity: 0;
        animation: slide_in_fade 1.5s 1;
      animation-timing-function:ease-in-out;
      animation-fill-mode: forwards;
    }
  
    @keyframes XXXXXXXXXXXXXXXXXXxattivo_fade {/*contenitore forma immagine*/
      0%   {opacity:0;filter: blur(40px);-webkit-filter: blur(40px);}
      60% {opacity:1;filter: blur(0);-webkit-filter: blur(0);}
      100% {opacity:1;filter: blur(0);-webkit-filter: blur(0);}
    }
  
    
    @keyframes slide_in_fade{
      0%   {opacity:0;animation-timing-function:ease-in-out;}
      100% {opacity:1;}
    }
    
    
    
  
  /*fine new slide*/