/*---animantion css--*/  
.hidden2{opacity:0;}.visible2{opacity:1;}
.animated{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}
/*=======fadeInUp=========*/
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
 @-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(50px);}100%{opacity:1;-moz-transform:translateY(0);}}
 @-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(50px);}100%{opacity:1;-o-transform:translateY(0);}}
 @keyframes fadeInUp{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}
           
/*=======fadeInbottom=========*/                                 
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
 @-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-50px);}100%{opacity:1;-moz-transform:translateY(0);}}
 @-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-50px);}100%{opacity:1;-o-transform:translateY(0);}}
 @keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
                                  
/*======fadeInLeft==========*/                    
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50px);} 100%{opacity:1;-webkit-transform:translateX(0);}}
 @-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-50px);}100%{opacity:1;-moz-transform:translateX(0);}}
 @-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-50px);}100%{opacity:1;-o-transform:translateX(0);}}
 @keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
.animated.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}
/*=======fadeInRight=========*/
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
 @-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(50px);}100%{opacity:1;-moz-transform:translateX(0);}}
 @-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(50px);}100%{opacity:1;-o-transform:translateX(0);}}
 @keyframes fadeInRight{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
.animated.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}
/***Animation CSS***/     
 
/*bounce */
.animated.bounce {animation: bounce 2s ease infinite;}
@keyframes bounce { 70% { transform:translateY(0%); } 80% { transform:translateY(-15%); } 90% { transform:translateY(0%); } 95% { transform:translateY(-7%); } 97% { transform:translateY(0%); } 99% { transform:translateY(-3%); }  100% { transform:translateY(0); } }
/*bounce */

/*pulse*/
.pulse {animation: pulse 1s infinite ease-in-out alternate;}
@keyframes pulse {from { transform: scale(0.8); } to { transform: scale(1.2); }}
/*pulse*/

/*wobble*/
.wobble {animation: wobble 2s ease infinite;}
@keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); }  }
/*wobble*/

  
/*grow*/
.grow {animation: grow 2s ease infinite;}
@keyframes grow {from { transform: scale(0); } to { transform: scale(1); } }
/*grow*/

/*bounce2*/
.bounce2 {animation: bounce2 3s ease infinite;} 
@keyframes bounce2 { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-20px);} 60% {transform: translateY(-15px);} }
/*bounce2*/           

/*pulse-shadow*/   
         
.pulse-shadow {animation: pulse-shadow 2s infinite;  box-shadow: 0 0 0 0 rgb(2, 41, 132);}
@-webkit-keyframes pulse-shadow {  
  0% { -webkit-box-shadow:0 0 0 0 rgb(2, 41, 132); } 
  70% { -webkit-box-shadow: 0 0 0 10px rgba(2, 41, 132, 0.1);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(2, 41, 132, 0);} 
}  
@keyframes pulse-shadow {      
  0% {-moz-box-shadow: 0 0 0 0 rgb(2, 41, 132); box-shadow: 0 0 0 0 rgb(2, 41, 132); }
  70% { -moz-box-shadow: 0 0 0 10px rgba(2, 41, 132, 0.1); box-shadow: 0 0 0 10px rgba(2, 41, 132, 0.1);}
  100% {-moz-box-shadow: 0 0 0 0 rgba(2, 41, 132, 0); box-shadow: 0 0 0 0 rgba(2, 41, 132, 0);}  
}
/*pulse-shadow*/  
.paused{ 
animation-play-state: paused;
}




.visible2{animation-delay:0.1s;-moz-animation-delay:0.3s;-webkit-animation-delay:0.3s;}
/*.visible2.srvc2{animation-delay:0.3s;-moz-animation-delay:0.8s;-webkit-animation-delay:0.8s;}
.visible2.srvc3{animation-delay:0.5s;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;}
.visible2.srvc4{animation-delay:0.7s;-moz-animation-delay:1.8s;-webkit-animation-delay:1.8s;}*/
    

@-webkit-keyframes sonarEffect{0%{opacity:0.3;}
 40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #6057f4, 0 0 0 10px rgba(255, 255, 255, 0.3);}
 100%{box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #6057f4, 0 0 0 10px rgba(255, 255, 255, 0.3);-webkit-transform:scale(1.3);opacity:0;}
}
@-moz-keyframes sonarEffect{0%{opacity:0.3;}
 40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #6057f4, 0 0 0 10px rgba(255, 255, 255, 0.3);}
 100%{box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #6057f4, 0 0 0 10px rgba(255, 255, 255, 0.3);-moz-transform:scale(1.3);opacity:0;}
}
@keyframes sonarEffect{0%{opacity:0.3;}
 40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #6057f4, 0 0 0 10px rgba(255, 255, 255, 0.3);}
 100%{box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #6057f4, 0 0 0 10px rgba(255, 255, 255, 0.3);transform:scale(1.3);opacity:0;}
}


.bubble-ani { animation: bubble-animation 2s infinite linear; -webkit-animation: bubble-animation 2s infinite linear;}
@keyframes bubble-animation {
from {transform: rotate(0deg) translateX(35%) rotate(0deg);}
to {transform: rotate(360deg) translateX(35%) rotate(-360deg);}
}

.light-ani { animation: light-ani 2s  linear; -webkit-animation:light-ani 2s  linear;}
@-webkit-keyframes light-ani {
 0%{opacity:0;}
 50%{opacity:0.5;}
 100%{opacity:1;}
}