.gallery-item.now-in-view .inner-box,

.gallery-block.now-in-view .inner-box,

.sec-title.now-in-view .title,

.team-block.now-in-view .inner-box .lower-box .designation,

.gallery-single-section .portfolio-gallery .image.now-in-view{

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

   -webkit-animation-delay: 0.35s;

  animation-delay: 0.35s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.sec-title.now-in-view:before,

.about-block.now-in-view .inner-box h3,

.left-icon.now-in-view,

.circle-three.now-in-view{

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.icon-twoo.now-in-view{

  -webkit-animation-name: zoomInStable;

  animation-name: zoomInStable;

  -webkit-animation-duration: 2.5s;

  animation-duration: 2.5s;

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.about-block.now-in-view .inner-box .icon-box,

.right-icon.now-in-view,

.circle-two.now-in-view{

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.main-banner-section.now-in-view h2{

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}





.main-footer.now-in-view .logo-box,

.sec-title.now-in-view h2,

.blue-triangle.now-in-view{

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}













@keyframes rotateme {

    from {

        transform: rotate(0deg);

    }

    to { 

        transform: rotate(360deg);

    }

}

@-webkit-keyframes rotateme {

    from {

        -webkit-transform: rotate(0deg);

    }

    to { 

        -webkit-transform: rotate(360deg);

    }

}

@-moz-keyframes rotateme {

    from {

        -moz-transform: rotate(0deg);

    }

    to { 

        -moz-transform: rotate(360deg);

    }

}

@-o-keyframes rotateme {

    from {

        -o-transform: rotate(0deg);

    }

    to { 

        -o-transform: rotate(360deg);

    }

}



.rotate-me {

    animation-name: rotateme; 

    animation-duration: 24s; 

    animation-iteration-count: infinite;

    animation-timing-function: linear;

  

  -webkit-animation-name: rotateme; 

    -webkit-animation-duration: 24s; 

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

  

  -moz-animation-name: rotateme; 

    -moz-animation-duration: 24s; 

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

  

  -ms-animation-name: rotateme; 

    -ms-animation-duration: 24s; 

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

  

  -o-animation-name: rotateme; 

    -o-animation-duration: 24s; 

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear;

}







@keyframes float-bob {

  0% {

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }



  50% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px);

  }



  100% {

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

}





@-webkit-keyframes zoom-fade {

  0% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }



  50% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }

}



@keyframes zoom-fade {

  0% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }



  50% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }

}





.side-image img,

.float-bob {

    animation-name: float-bob; 

    animation-duration: 7s; 

    animation-iteration-count: infinite;

    animation-timing-function: linear;

  

  -webkit-animation-name: float-bob; 

    -webkit-animation-duration: 7s; 

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

  

  -moz-animation-name: float-bob; 

    -moz-animation-duration: 7s; 

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

  

  -ms-animation-name: float-bob; 

    -ms-animation-duration: 7s; 

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

  

  -o-animation-name: float-bob; 

    -o-animation-duration: 7s; 

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear;

}





.main-banner-section .icon-seven img,

.zoom-fade {

    animation-name: zoom-fade; 

    animation-duration: 5s; 

    animation-iteration-count: infinite;

    animation-timing-function: linear;

  

  -webkit-animation-name: zoom-fade; 

    -webkit-animation-duration: 5s; 

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

  

  -moz-animation-name: zoom-fade; 

    -moz-animation-duration: 5s; 

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

  

  -ms-animation-name: zoom-fade; 

    -ms-animation-duration: 5s; 

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

  

  -o-animation-name: zoom-fade; 

    -o-animation-duration: 5s; 

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear;

}