@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);
}
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.rotate-me,
.android-section .image-column .inner-column .circle-image{
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;
}
@-webkit-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);
}
}
@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);
}
}
.float-bob,
.banner-section .mouse-btn-down,
.banner-section .image-column .image{
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;
} @-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
} .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;
}
@-webkit-keyframes zoom-fade {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes zoom-fade {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} .zoominout{
animation-name: zoomInOut; 
animation-duration: 3s; 
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-name: zoomInOut; 
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: zoomInOut; 
-moz-animation-duration: 3s; 
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
-ms-animation-name: zoomInOut; 
-ms-animation-duration: 3s; 
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: ease-in-out;
-o-animation-name: zoomInOut; 
-o-animation-duration: 3s; 
-o-animation-iteration-count: infinite;
-o-animation-timing-function: ease-in-out;
}
@-webkit-keyframes zoomInOut {
0% {
-webkit-transform: rotate(0deg) scale(0.7);
transform: rotate(0deg) scale(0.7);
opacity:0;
}
50% {
-webkit-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
opacity:1;
}
100% {
-webkit-transform: rotate(360deg) scale(0.7);
transform: rotate(360deg) scale(0.7);
opacity:0;
}
}
@-webkit-keyframes bgSlideReverse {
0% {
background-position: 0 0;
}
20% {
background-position: 100px 0;
}
40% {
background-position: 200px 0;
}
60% {
background-position: 150px 0;
}
80% {
background-position: 100px 0;
}
100% {
background-position: 0px 0;
}
}
@keyframes bgSlideReverse {
0% {
background-position: 0 0;
}
20% {
background-position: 100px 0;
}
40% {
background-position: 200px 0;
}
60% {
background-position: 150px 0;
}
80% {
background-position: 100px 0;
}
100% {
background-position: 0px 0;
}
}
@-webkit-keyframes bgSlideReverse2 {
0% {
background-position: -0 0;
}
20% {
background-position: -100px 0;
}
40% {
background-position: -200px 0;
}
60% {
background-position: -150px 0;
}
80% {
background-position: -100px 0;
}
100% {
background-position: -0px 0;
}
}
@keyframes bgSlideReverse2 {
0% {
background-position: -0 0;
}
20% {
background-position: -100px 0;
}
40% {
background-position: -200px 0;
}
60% {
background-position: -150px 0;
}
80% {
background-position: -100px 0;
}
100% {
background-position: -0px 0;
}
}
@-webkit-keyframes banner-animate {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
}
@keyframes banner-animate {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
}
.banner-animate {
animation-name: banner-animate; 
animation-duration: 70s; 
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: banner-animate; 
-webkit-animation-duration: 70s; 
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: banner-animate; 
-moz-animation-duration: 70s; 
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: banner-animate; 
-ms-animation-duration: 70s; 
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: banner-animate; 
-o-animation-duration: 70s; 
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@-webkit-keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 20px 0 0 20px 0 #fff;
box-shadow: 0 0 0 20px 0 0 20px 0 #fff
}
100% {
-webkit-box-shadow: 0 0 0 0 #fff;
box-shadow: 0 0 0 0 #fff
}
}
@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 20px rgb(255, 255, 255, .2);
box-shadow: 0 0 0 20px rgb(255, 255, 255, .2)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgb(255, 255, 255, 0)
}
} @-webkit-keyframes animation1 {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
@keyframes animation1 {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
} animation2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-moz-keyframes animation2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}}@-o-keyframes animation2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes animation2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}}
@-webkit-keyframes bgSlide {
0% {
background-position: 0 0;
}
20% {
background-position: -100px 0;
}
40% {
background-position: -200px 0;
}
60% {
background-position: -150px 0;
}
80% {
background-position: -100px 0;
}
100% {
background-position: 0px 0;
}
}
@keyframes bgSlide {
0% {
background-position: 0 0;
}
20% {
background-position: -100px 0;
}
40% {
background-position: -200px 0;
}
60% {
background-position: -150px 0;
}
80% {
background-position: -100px 0;
}
100% {
background-position: 0px 0;
}
}
@-webkit-keyframes bgSlideReverse {
0% {
background-position: 0 0;
}
20% {
background-position: 100px 0;
}
40% {
background-position: 200px 0;
}
60% {
background-position: 150px 0;
}
80% {
background-position: 100px 0;
}
100% {
background-position: 0px 0;
}
}
@keyframes bgSlideReverse {
0% {
background-position: 0 0;
}
20% {
background-position: 100px 0;
}
40% {
background-position: 200px 0;
}
60% {
background-position: 150px 0;
}
80% {
background-position: 100px 0;
}
100% {
background-position: 0px 0;
}
}
@-webkit-keyframes ribbonRotate {
0%,
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
25%,
75% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
}
@keyframes ribbonRotate {
0%,
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
25%,
75% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
}
@-webkit-keyframes footerFish {
0%,
100% {
-webkit-transform: translateX(0) translateY(0) rotate(0);
transform: translateX(0) translateY(0) rotate(0);
}
25%,
75% {
-webkit-transform: translateX(20px) translateY(30px) rotate(25deg);
transform: translateX(20px) translateY(30px) rotate(25deg);
}
50% {
-webkit-transform: translateX(40px) translateY(60px) rotate(45deg);
transform: translateX(40px) translateY(60px) rotate(45deg);
}
}
@keyframes footerFish {
0%,
100% {
-webkit-transform: translateX(0) translateY(0) rotate(0);
transform: translateX(0) translateY(0) rotate(0);
}
25%,
75% {
-webkit-transform: translateX(20px) translateY(30px) rotate(25deg);
transform: translateX(20px) translateY(30px) rotate(25deg);
}
50% {
-webkit-transform: translateX(40px) translateY(60px) rotate(45deg);
transform: translateX(40px) translateY(60px) rotate(45deg);
}
}
@-webkit-keyframes contactSwimmer {
0%,
100% {
-webkit-transform: translateX(0) translateY(0) rotate(0);
transform: translateX(0) translateY(0) rotate(0);
}
25%,
75% {
-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
transform: translateX(15px) translateY(20px) rotate(10deg);
}
50% {
-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
transform: translateX(60px) translateY(35px) rotate(15deg);
}
}
@keyframes contactSwimmer {
0%,
100% {
-webkit-transform: translateX(0) translateY(0) rotate(0);
transform: translateX(0) translateY(0) rotate(0);
}
25%,
75% {
-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
transform: translateX(15px) translateY(20px) rotate(10deg);
}
50% {
-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
transform: translateX(60px) translateY(35px) rotate(15deg);
}
} @-webkit-keyframes float-bob-y {
0% {
transform: translateY(-20px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(-20px);
}
}
@keyframes float-bob-y {
0% {
transform: translateY(-20px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(-20px);
}
}
.float-bob-y {
-webkit-animation-name: float-bob-y;
animation-name: float-bob-y;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes footerTree {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
@keyframes footerTree {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
.footertree{
-webkit-animation: footerTree 5s ease-in infinite;
animation: footerTree 5s ease-in infinite;    
}
service_hexagon_2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-moz-keyframes service_hexagon_2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}}@-o-keyframes service_hexagon_2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes service_hexagon_2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}}