@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)}}