.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;
}