@keyframes volta0{
   
  0% {
    right:113rem  ;
    height: 48%;
    position: absolute;
    width: 23rem;
     
    
}
30% {
    right:113rem;
    height: 48%;
    position: absolute;
    width: 23rem;
    
}

40% {
  right:113rem;
  height: 48%;
  position: absolute; 
  
}

60%{
  right:85rem;
  height: 48%;
  position: absolute;
  
}

80%{
  right:85rem;
  height: 20%;
  position: absolute;
  
}

100% {
  right:85rem  ;
  height: 0;
  position: absolute;
  
  
}
}


  .seta-volta0 {
    width: 5rem;
height: 0;
    background: #94c11f;
    position: relative;
    /* animation: mymove-esquerda 5s; */  
    opacity: 1;
    -webkit-animation-name:volta0;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:1;
    /* -webkit-animation-delay:0.5s; */ 
    -webkit-animation-fill-mode: forwards;
    bottom: 0rem;
    } 


    @keyframes volta1{
      0% {
        right:113rem  ;
        height: 48%;
        position: absolute;
        width: 23rem;
         
        
    }
    30% {
        right:113rem;
        height: 48%;
        position: absolute;
        width: 23rem;
        
    }
    
    40% {
      right:113rem;
      height: 48%;
      position: absolute; 
      
    }
    
    60%{
      right:60rem;
      height: 48%;
      position: absolute;
      
    }
    
    80%{
      right:60rem;
      height: 20%;
      position: absolute;
      
    }
    
    100% {
      right:60rem  ;
      height: 0;
      position: absolute;
      
      
    }
    }
  
    .seta-volta1 {
      width: 5rem;
  height: 0;
      background: #94c11f;
      position: relative;
      /* animation: mymove-esquerda 5s; */  
      opacity: 1;
      -webkit-animation-name:volta1;
      -webkit-animation-duration:1s;
      -webkit-animation-iteration-count:1;
      /* -webkit-animation-delay:0.5s; */ 
      -webkit-animation-fill-mode: forwards;
      bottom: 0rem;
      } 


      @keyframes volta2{
        0% {
          right:113rem  ;
          height: 48%;
          position: absolute;
          width: 23rem;
           
          
      }
      30% {
          right:113rem;
          height: 48%;
          position: absolute;
          width: 23rem;
          
      }
      
      40% {
        right:113rem;
        height: 48%;
        position: absolute; 
        
      }
      
      60%{
        right:35rem;
        height: 48%;
        position: absolute;
        
      }
      
      80%{
        right:35rem;
        height: 20%;
        position: absolute;
        
      }
      
      100% {
        right:35rem  ;
        height: 0;
        position: absolute;
        
        
      }
      }
    
      .seta-volta2 {
        width: 5rem;
    height: 0;
        background: #94c11f;
        position: relative;
        /* animation: mymove-esquerda 5s; */  
        opacity: 1;
        -webkit-animation-name:volta2;
        -webkit-animation-duration:1s;
        -webkit-animation-iteration-count:1;
        /* -webkit-animation-delay:0.5s; */ 
        -webkit-animation-fill-mode: forwards;
        bottom: 0rem;
        } 


        @keyframes volta3{
        
          0% {
            right:113rem  ;
            height: 48%;
            position: absolute;
            width: 23rem;
             
            
        }
        30% {
            right:113rem;
            height: 48%;
            position: absolute;
            width: 23rem;
            
        }
        
        40% {
          right:113rem;
          height: 48%;
          position: absolute; 
          
        }
        
        60%{
          right:10rem;
          height: 48%;
          position: absolute;
          
        }
        
        80%{
          right:10rem;
          height: 20%;
          position: absolute;
          
        }
        
        100% {
          right:10rem  ;
          height: 0;
          position: absolute;
          
          
        }
        }
      
      
        .seta-volta3 {
          width: 5rem;
      height: 0;
          background: #94c11f;
          position: relative;
          /* animation: mymove-esquerda 5s; */  
          opacity: 1;
          -webkit-animation-name:volta3;
          -webkit-animation-duration:1s;
          -webkit-animation-iteration-count:1;
          /* -webkit-animation-delay:0.5s; */ 
          -webkit-animation-fill-mode: forwards;
          bottom: 0rem;
          } 


          @keyframes volta4{
          
              0% {
                  right:110rem  ;
                  height: 48%;
                  position: absolute;
                  width: 23rem;
                  
                  
              }
              30% {
                  right:110rem;
                  height: 48%;
                  position: absolute;
                  width: 23rem;
                  
              }
            
              40% {
                right:110rem;
                height: 48%;
                position: absolute; 
              }
            
              60%{
                right:85rem;
                height: 48%;
                position: absolute;
                
              }
            
              100% {
                right:85rem  ;
                height: 180;
                position: absolute;
                
                
              }
            }



          
        
          .seta-volta4 {
            width: 5rem;
        height: 0;
            background: #94c11f;
            position: relative;
            /* animation: mymove-esquerda 5s; */  
            opacity: 1;
            -webkit-animation-name:volta4;
            -webkit-animation-duration:1s;
            -webkit-animation-iteration-count:1;
            /* -webkit-animation-delay:0.5s; */ 
            -webkit-animation-fill-mode: forwards;
            bottom: 0rem;
            } 


            @keyframes volta5{
              0% {
                  right:110rem  ;
                  height: 48%;
                  position: absolute;
                  width: 23rem;
                  
                  
              }
              30% {
                  right:110rem;
                  height: 48%;
                  position: absolute;
                  width: 23rem;
                  
              }
            
              40% {
                right:110rem;
                height: 48%;
                position: absolute; 
                width: 23rem;
              }
            
              60%{
                right:110rem;
                height: 48%;
                position: absolute; 
                width: 23rem;
                
              }
              80%{
                right:60rem;
                height: 48%;
                position: absolute; 
                width: 10%;
                
              }
              100% {
                right:60rem  ;
                height: 0%;
                position: absolute;
                
                width: 0%;
              }
            }
          
          
            .seta-volta5 {
              width: 5rem;
          height: 0;
              background: #94c11f;
              position: relative;
              /* animation: mymove-esquerda 5s; */  
              opacity: 1;
              -webkit-animation-name:volta5;
              -webkit-animation-duration:1s;
              -webkit-animation-iteration-count:1;
              /* -webkit-animation-delay:0.5s; */ 
              -webkit-animation-fill-mode: forwards;
              bottom: 0rem;
              } 

              @keyframes volta6{
                0% {
                    right:110rem  ;
                    height: 48%;
                    position: absolute;
                    width: 23rem;
                    
                    
                }
                30% {
                    right:110rem;
                    height: 48%;
                    position: absolute;
                    width: 23rem;
                    
                }
              
                40% {
                  right:110rem;
                  height: 48%;
                  position: absolute; 
                  width: 23rem;
                }
              
                60%{
                  right:110rem;
                  height: 48%;
                  position: absolute; 
                  width: 23rem;
                  
                }
                80%{
                  right:35rem;
                  height: 48%;
                  position: absolute; 
                  width: 10%;
                  
                }
                100% {
                  right:35rem  ;
                  height: 0%;
                  position: absolute;
                  
                  width: 0%;
                }
              }
            
            
            
              .seta-volta6 {
                width: 5rem;
            height: 0;
                background: #94c11f;
                position: relative;
                /* animation: mymove-esquerda 5s; */  
                opacity: 1;
                -webkit-animation-name:volta6;
                -webkit-animation-duration:1s;
                -webkit-animation-iteration-count:1;
                /* -webkit-animation-delay:0.5s; */ 
                -webkit-animation-fill-mode: forwards;
                bottom: 0rem;
                } 


                @keyframes volta7{
                  0% {
                      right:110rem  ;
                      height: 48%;
                      position: absolute;
                      width: 23rem;
                      
                      
                  }
                  30% {
                      right:110rem;
                      height: 48%;
                      position: absolute;
                      width: 23rem;
                      
                  }
                
                  40% {
                    right:110rem;
                    height: 48%;
                    position: absolute; 
                    width: 23rem;
                  }
                
                  60%{
                    right:110rem;
                    height: 48%;
                    position: absolute; 
                    width: 23rem;
                    
                  }
                  80%{
                    right:3rem;
                    height: 45%;
                    position: absolute; 
                    width: 10%;
                    
                  }
                  100% {
                    right:3rem  ;
                    height: 0%;
                    position: absolute;
                    
                    width: 0%;
                  }
                }
              
                .seta-volta7 {
                  width: 5rem;
              height: 0;
                  background: #94c11f;
                  position: relative;
                  /* animation: mymove-esquerda 5s; */  
                  opacity: 1;
                  -webkit-animation-name:volta7;
                  -webkit-animation-duration:1s;
                  -webkit-animation-iteration-count:1;
                  /* -webkit-animation-delay:0.5s; */ 
                  -webkit-animation-fill-mode: forwards;
                  bottom: 0rem;
                  } 



                  @keyframes volta8{
                    0% {
                        right:48rem  ;
                        height: 100%;
                        position: absolute;
                        width: 40%;
                        
                        
                    }
                    30% {
                        right:20rem;
                        height: 100%;
                        position: absolute;
                        width: 40%;
                        
                    }
                  
                    40% {
                      right:20rem;
                      height: 100%;
                      position: absolute; 
                    }
                  
                    60%{
                      right:20rem;
                      height: 100%;
                      position: absolute;
                      
                    }
                  
                    100% {
                      right:20rem  ;
                      height: 180;
                      position: absolute;
                      
                      
                    }
                  }
                
                
                  .seta-volta8{
                    width: 5rem;
                height: 0;
                    background: #94c11f;
                    position: relative;
                    /* animation: mymove-esquerda 5s; */  
                    opacity: 1;
                    -webkit-animation-name:volta8;
                    -webkit-animation-duration:1s;
                    -webkit-animation-iteration-count:1;
                    /* -webkit-animation-delay:0.5s; */ 
                    -webkit-animation-fill-mode: forwards;
                    bottom: 0rem;
                    } 


                    @keyframes volta9{
                      0% {
                          right:48rem  ;
                          height: 100%;
                          position: absolute;
                          width: 40%;
                          
                          
                      }
                      30% {
                          right:20rem;
                          height: 100%;
                          position: absolute;
                          width: 40%;
                          
                      }
                    
                      40% {
                        right:20rem;
                        height: 100%;
                        position: absolute; 
                      }
                    
                      60%{
                        right:20rem;
                        height: 100%;
                        position: absolute;
                        
                      }
                    
                      100% {
                        right:20rem  ;
                        height: 180;
                        position: absolute;
                        
                        
                      }
                    }
                  
                  
                    .seta-volta9 {
                      width: 5rem;
                  height: 0;
                      background: #94c11f;
                      position: relative;
                      /* animation: mymove-esquerda 5s; */  
                      opacity: 1;
                      -webkit-animation-name:volta9;
                      -webkit-animation-duration:1s;
                      -webkit-animation-iteration-count:1;
                      /* -webkit-animation-delay:0.5s; */ 
                      -webkit-animation-fill-mode: forwards;
                      bottom: 0rem;
                      } 


                      @keyframes volta10{
                        0% {
                            right:48rem  ;
                            height: 100%;
                            position: absolute;
                            width: 40%;
                            
                            
                        }
                        30% {
                            right:20rem;
                            height: 100%;
                            position: absolute;
                            width: 40%;
                            
                        }
                      
                        40% {
                          right:20rem;
                          height: 100%;
                          position: absolute; 
                        }
                      
                        60%{
                          right:20rem;
                          height: 100%;
                          position: absolute;
                          
                        }
                      
                        100% {
                          right:20rem  ;
                          height: 180;
                          position: absolute;
                          
                          
                        }
                      }
                    
                    
                      .seta-volta10 {
                        width: 5rem;
                        height: 0rem;
                        background: #94c11f;
                        position: relative;
                        /* animation: mymove-esquerda 5s; */  
                        opacity: 1;
                        -webkit-animation-name:volta10;
                        -webkit-animation-duration:1s;
                        -webkit-animation-iteration-count:1;
                        /* -webkit-animation-delay:0.5s; */ 
                        -webkit-animation-fill-mode: forwards;
                        bottom: 0rem;
                        } 


                        .volta0{
                 
                          right: 113rem;
                          bottom: 24rem;
                          /* opacity: 0; */
                          width: 20%;
                          height: 48%;
                        }



                        .volta1 {
                          right: 110rem;
                          right: 113rem;
                          bottom: 24rem;
                          /* opacity: 0; */
                          width: 20%;
                          height: 48%;
              
                      }
                        
                        
                        .volta2 {   
                           right: 110rem;
                           right: 113rem;
                           bottom: 24rem;
                           /* opacity: 0; */
                           width: 20%;
                           height: 48%;
           
                      }



                        .volta3 {
                          right: 110rem;
                          right: 113rem;
                          bottom: 24rem;
                          /* opacity: 0; */
                          width: 20%;
                          height: 48%;
                      }


                        .volta4 {
                          right: 110rem;
                          bottom: 18rem;
                          /* opacity: 0; */
                          width: 20%;
                      }

                      .volta5 {
                        right: 110rem;
                        bottom: 18rem;
                        /* opacity: 0; */
                    }

                    .volta6 {
                      right: 110rem;
                      bottom: 18rem;
                      /* opacity: 0; */
                  }

                  .volta7 {
                    right: 110rem;
                    bottom: 18rem;
                    /* opacity: 0; */
                }

                .volta8{
                  right: 110rem;
                  bottom: 18rem;
                  /* opacity: 0; */
              }

              .volta9 {
                right: 110rem;
                bottom: 18rem;
         
                /* opacity: 0; */
            }

            .volta10 {
              right: 110rem;
              bottom: 18rem;
          
              /* opacity: 0; */
          }