/*bubbles*/
/*ship bubbles*/
svg > g > g > g:nth-child(2) > g:nth-child(46) :nth-child(2n)
{
    animation: bubble_up ease 4s infinite;
}
svg > g > g > g:nth-child(2) > g:nth-child(46),
svg  > g > g > g:nth-child(2) > g:nth-child(46) > circle:nth-child(3n) {
    animation: bubble_up ease 3s infinite;
}


/*end ship bubbles*/
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(48) > circle:nth-child(2n),
svg > g > g > g:nth-child(2) > g:nth-child(42) > circle:nth-child(2n){
    animation: bubble_up_driver ease 4s infinite;
}
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(48),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(48) > circle:nth-child(3n),
svg > g > g > g:nth-child(2) > g:nth-child(42), 
svg > g > g > g:nth-child(2) > g:nth-child(42) > circle:nth-child(3n) {
    animation: bubble_up_driver ease 3s infinite;
}


#Layer_1 > g > g > g:nth-child(2) > g:nth-child(47) > circle:nth-child(2n){
    animation: bubble_up ease 4s infinite;
}
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(47),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(47) > circle:nth-child(3n){
    animation: bubble_up ease 3s infinite;
}

#Layer_1 > g > g > g:nth-child(2) > g:nth-child(47) > circle:nth-child(5n){
    animation: bubble_up ease 2s infinite;
}

#Layer_1 > g > g > g:nth-child(2) > g:nth-child(47) > circle:nth-child(4n){
    animation: bubble_up ease 5s infinite;
}


/**fish  small*/

#Layer_1 > g > g > g:nth-child(2) > g:nth-child(52),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(51) {
    animation: swim_small_fish_1 linear 15s infinite;
}
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(56) > g:nth-child(2n),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(52) > g:nth-child(2n),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(51) > g:nth-child(2n) {
    animation: bounce linear 2s infinite;
}
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(56) > g:nth-child(3n),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(52) > g:nth-child(3n),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(51) > g:nth-child(3n) {
    animation: bounce linear 2s infinite;
}

#Layer_1 > g > g > g:nth-child(2) > g:nth-child(56) {
    animation: swim_small_fish_1 linear 20s infinite;
}


@keyframes swim_small_fish_1 {
    0% {
        opacity: 0; transform: translate(500px, 0);
    }   
    20% {
        opacity: 1;
    }   
    100% {
        opacity: 1;  transform: translateX(-500px);
       
    } 
}

#Layer_1 > g > g > g:nth-child(2) > g:nth-child(57) {
    animation: swim_big_fish_1 linear 20s infinite;
}

#Layer_1 > g > g > g:nth-child(2) > g:nth-child(57) > g:nth-child(2n) {
    animation: bounce linear 3s infinite;
}

#Layer_1 > g > g > g:nth-child(2) > g:nth-child(57) > g:nth-child(3n) {
    animation: bounce linear 2s infinite;
}


@keyframes swim_big_fish_1 {
    0% {
        opacity: 0; transform: translate(500px, 0);
    }   
    30% {
        opacity: 1; transform: translate(-500px, 0);
    }   
    50% {
        opacity: 1; transform: translate(-1500px, 0);
    } 
    100% {
        opacity: 1;  transform: translate(-2000px, -300px);
       
    } 
}

#Layer_1 > g > g > g:nth-child(2) > g:nth-child(59),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(58) {
    animation: swim_small_fish_2 linear 20s infinite;
}
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(59) > g:nth-child(2n),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(58) > g:nth-child(2n) {
    animation: bounce linear 2s infinite;
}
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(59) > g:nth-child(1),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(59) > g:nth-child(3n),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(58) > g:nth-child(1),
#Layer_1 > g > g > g:nth-child(2) > g:nth-child(58) > g:nth-child(3n) {
    animation: bounce linear 2s infinite;
}

@keyframes swim_small_fish_2 {
    0% {
        opacity: 1; transform: translate(-100px, 0);
    }   
   
    100% {
        opacity: 1;  transform: translate(2000px, 500px);
       
    } 
}



svg > g > g > g:nth-child(2) > g:nth-child(53)  {
    animation: swim_small_fish linear 15s infinite;
}

svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(7), 
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(9), 
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(6),
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(12){
    animation: bounce linear 2s infinite;
}

svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(1), 
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(2), 
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(4),
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(8){
    animation: bounce linear 1.5s infinite;
}

svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(3), 
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(5), 
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(10),
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(11){
    animation: bounce linear 1s infinite;
}


svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(13), 
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(16), 
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(17),
svg  > g > g > g:nth-child(2) > g:nth-child(53) > g:nth-child(24){
    animation: bounce linear 2.5s infinite;
}

#Layer_1 > g > g > g:nth-child(5),
#Layer_1 > g > g > g:nth-child(10),
svg > g > g > g:nth-child(5),
#Layer_1 > g > g > polyline:nth-child(7),
svg > g > g > g:nth-child(2) > g:nth-child(54) {
    animation: swim_big_fish linear 50s infinite;
}

svg > g > g > g:nth-child(10),
svg > g > g > g:nth-child(5),
svg > g > g > polyline:nth-child(7),
svg > g > g > g:nth-child(2) > g:nth-child(54) > g:nth-child(2n) {
    animation: bounce linear 2.5s infinite;
}
svg > g > g > g:nth-child(10),
svg > g > g > g:nth-child(5),
svg > g > g > polyline:nth-child(7),
svg > g > g > g:nth-child(2) > g:nth-child(54) > g:nth-child(1),
svg > g > g > g:nth-child(2) > g:nth-child(54) > g:nth-child(3n) {
    animation: bounce linear 1.5s infinite;
}


svg > g > g > g:nth-child(2) > g:nth-child(55) {
    animation: swim_big_fish2 linear 30s infinite;
}

svg > g > g > g:nth-child(2) > g:nth-child(55) > g:nth-child(2n) {
    animation: bounce linear 1.5s infinite;
}
svg > g > g > g:nth-child(2) > g:nth-child(55) > g:nth-child(3n) {
    animation: bounce linear 2s infinite;
}


/**fish  small end*/

/**binary number**/
svg > g > g > g:nth-child(11) > path:nth-child(2n),
svg > g > g > g:nth-child(10) > path:nth-child(2n), 
svg > g > g > g:nth-child(9) > path:nth-child(2n) {
    animation: roll_number ease 2s infinite;
}
svg > g > g > g:nth-child(11) > path:nth-child(1),
svg > g > g > g:nth-child(11) > path:nth-child(3n),
svg > g > g > g:nth-child(10) > path:nth-child(1),
svg > g > g > g:nth-child(10) > path:nth-child(3n),
svg > g > g > g:nth-child(9) > path:nth-child(1)
svg > g > g > g:nth-child(9) > path:nth-child(3n) {
    animation: roll_number ease 1s infinite;
}



@keyframes bubble_up {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    10% {
        opacity: 0.5;
    }

    20%, 70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(-50px);
    }   
}


@keyframes bubble_up_driver {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    10% {
        opacity: 0.5;
    }

    20%, 70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(-10px);
    }   
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-8px);
    }
    75% {
        transform: translateY(-4px);
    }
}
@keyframes swim_small_fish {
    0% {
        opacity: 1; transform: translate(2000px, 200px);
    }   
    55% {
        opacity: 1; transform: translate(700px, 100px);
    }
    65% {
        opacity: 1; transform: translate(500px, -100px);
    } 
    75% {
        opacity: 1; transform: translate(200px, -50px);
    } 
    100% {
        opacity: 1;  transform: translateX(-500px);
       
    } 
}

@keyframes swim_big_fish {
    0% {
      
        transform: translate(0, 100px);
    }    

    25% {
        transform: translate(-500px, 500px);
    }
    100% {
        transform: translate(-2000px, 250px);
          
    } 
}

@keyframes swim_big_fish2 {
    0% {      
        transform: translate(500px, 500px);
        opacity: 0;
    }  
    100% {       
        transform: translate(-100px, -50px);
        opacity: 1;
    } 
}

@keyframes roll_number {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#Layer_1 > g > g > g:nth-child(9),
#Layer_1 > g > g > g:nth-child(3),
#Layer_1 > g > g > polyline:nth-child(8), 
svg > g > g > g:nth-child(2) > g:nth-child(46),
svg > g > g > g:nth-child(2) > polygon.st364,
svg > g > g > g:nth-child(2) > g:nth-child(45) {
    animation: tilt linear 30s;    
    transform-origin: 50% 50%;
}


@keyframes tilt {
    0% {      
        transform: rotate(0);
    }
    50% {      
        transform: rotate(5deg);
     }
    100% {
        transform: rotate(0);
    }
 } 


 /**diver*/

 /*paddle1*/
 svg  > g > g > g:nth-child(2) > g:nth-child(50) > path:nth-child(14),
 svg  > g > g > g:nth-child(2) > g:nth-child(50) > path:nth-child(13),
 svg  > g > g > g:nth-child(2) > g:nth-child(50) > path:nth-child(12),
 svg > g > g > g:nth-child(2) > g:nth-child(50) > path:nth-child(6),
svg > g > g > g:nth-child(2) > g:nth-child(50) > g:nth-child(3) {
    animation: paddle1 linear 4s infinite;
    transform-origin: left bottom;
    transform-box: fill-box;
}

svg > g > g > g:nth-child(2) > g:nth-child(50) > path:nth-child(11),
svg > g > g > g:nth-child(2) > g:nth-child(50) > path:nth-child(7) {
    animation: paddle2 linear 4s infinite;
    animation-delay: 2s;
    transform-origin: left bottom;
    transform-box: fill-box;
}

@keyframes paddle1 {
    0% {      
        transform: RotateZ(0);
    }
    50% {      
        transform: RotateZ(5deg);
        
     }
    100% {
        transform: RotateZ(0);
    }
 } 

 
@keyframes paddle2 {
    0% {      
        transform: RotateZ(0);
    }
    50% {      
        transform: RotateZ(15deg);
        
     }
    100% {
        transform: RotateZ(0);
    }
 } 
 svg  > g > g > g:nth-child(2) > g:nth-child(50) > path:nth-child(6),
 svg  > g > g > g:nth-child(2) > g:nth-child(50) > path:nth-child(14) {
    animation: move_pants linear 4s infinite;
 }

 @keyframes move_pants {
    0% {      
        transform: RotateZ(0);
    }
    50% {      
        transform: translate(5px, 5px);
        
     }
    100% {
        transform: RotateZ(0);
    }
 }