.box1.active .about .a1 img{
-webkit-animation:fadeInLeft 1s .5s ease both;
-moz-animation:fadeInLeft 1s .5s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

.box1.active .about .a2 img{
-webkit-animation:bounceInRight 1s .2s ease both;
-moz-animation:bounceInRight 1s .2s ease both;}
.box1.active .about .a2 .text{-webkit-animation:bounceInRight 1s .8s ease both;
-moz-animation:bounceInRight 1s .8s ease both;}
@-webkit-keyframes bounceInRight{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight{
0%{opacity:0;
-moz-transform:translateX(2000px)}
60%{opacity:1;
-moz-transform:translateX(-30px)}
80%{-moz-transform:translateX(10px)}
100%{-moz-transform:translateX(0)}
}


.box3.active .box3-con .col-lg-3:nth-child(1){
-webkit-animation:rotateInDownLeft 1s .6s ease both;
-moz-animation:rotateInDownLeft 1s .6s ease both;}
.box3.active .box3-con .col-lg-3:nth-child(2){
-webkit-animation:rotateInDownLeft 1s 1s ease both;
-moz-animation:rotateInDownLeft 1s 1s ease both;}
.box3.active .box3-con .col-lg-3:nth-child(3){
-webkit-animation:rotateInDownLeft 1s 1.4s ease both;
-moz-animation:rotateInDownLeft 1s 1.4s ease both;}
.box3.active .box3-con .col-lg-3:nth-child(4){
-webkit-animation:rotateInDownLeft 1s 1.8s ease both;
-moz-animation:rotateInDownLeft 1s 1.8s ease both;}
@-webkit-keyframes rotateInDownLeft{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes rotateInDownLeft{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}

.animation-shake{
-webkit-animation:shake 1s .2s ease both;
-moz-animation:shake 1s .2s ease both;}
@-webkit-keyframes shake{
0%,100%{-webkit-transform:translateX(0);}
10%,30%, 90%{-webkit-transform:translateX(-10px);}
20%,40%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
0%,100%{-moz-transform:translateX(0);}
10%,30%,50%,70%, 90%{-moz-transform:translateX(-10px);}
20%,40%,60%,80%{-moz-transform:translateX(10px);}
}

.animation-pulse{
-webkit-animation:pulse .5s .2s ease both;
-moz-animation:pulse .5s .2s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}

.box2.active .imgN:nth-child(1){
-webkit-animation:fadeInDown 1s .6s ease both;
-moz-animation:fadeInDown 1s .6s ease both;}
.box2.active .imgN:nth-child(2){
-webkit-animation:fadeInUp 1s .6s ease both;
-moz-animation:fadeInUp 1s .6s ease both;}
.box2.active .imgN:nth-child(3){
-webkit-animation:fadeInUp 1s .6s ease both;
-moz-animation:fadeInUp 1s .6s ease both;}

@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.active .box2-title span{-webkit-animation:fadeInDownBig 1s .2s ease both;
-moz-animation:fadeInDownBig 1s .2s ease both;}
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes fadeInDownBig{
0%{opacity:0;
-moz-transform:translateY(-1000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}