@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;
}
@-webkit-keyframes shine
{
    100%
    {
        left: 125%;
    }
}
@keyframes shine
{
    100%
    {
        left: 125%;
    }
}
@-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
{
    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;
    }
}
.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(.7);
        transform: rotate(0deg) scale(.7);
        opacity: 0;
    }
    50%
    {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: rotate(360deg) scale(.7);
        transform: rotate(360deg) scale(.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: 0 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: 0 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: -0 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: -0 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%
    {
        box-shadow: 0 0 0 40px rgba(10,165,205,0);
    }
    100%
    {
        box-shadow: 0 0 0 0 rgba(10,165,205,0);
    }
}
@keyframes ripple
{
    70%
    {
        box-shadow: 0 0 0 40px rgba(10,165,205,0);
    }
    100%
    {
        box-shadow: 0 0 0 0 rgba(10,165,205,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: 0 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: 0 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: 0 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: 0 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);
    }
}
@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: 0 0;
    }
}
@keyframes rotateScale
{
    from
    {
        transform: rotate(0deg) scale(1);
    }
    to
    {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateScale
{
    from
    {
        transform: rotate(0deg) scale(1);
    }
    to
    {
        transform: rotate(360deg);
    }
}
@-moz-keyframes rotateScale
{
    from
    {
        transform: rotate(0deg) scale(1);
    }
    to
    {
        transform: rotate(360deg);
    }
}
@-o-keyframes rotateScale{from{transform:rotate(0deg) scale(1);}to{transform:rotate(360deg);}}
.rotatescale
{
    -webkit-animation-name: rotateScale;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateScale;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateScale;
    -ms-animation-duration: 20s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: rotateScale;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes bubbleMover
{
    0%
    {
        transform: translateY(0) translateX(0) rotate(0);
    }
    30%
    {
        transform: translateY(30px) translateX(50px) rotate(15deg);
        transform-origin: center center;
    }
    50%
    {
        transform: translateY(50px) translateX(100px) rotate(45deg);
        transform-origin: right bottom;
    }
    80%
    {
        transform: translateY(30px) translateX(50px) rotate(15deg);
        transform-origin: left top;
    }
    100%
    {
        transform: translateY(0) translateX(0) rotate(0);
        transform-origin: center center;
    }
}
@keyframes bubbleMover
{
    0%
    {
        transform: translateY(0) translateX(0) rotate(0);
    }
    30%
    {
        transform: translateY(30px) translateX(50px) rotate(15deg);
        transform-origin: center center;
    }
    50%
    {
        transform: translateY(50px) translateX(100px) rotate(45deg);
        transform-origin: right bottom;
    }
    80%
    {
        transform: translateY(30px) translateX(50px) rotate(15deg);
        transform-origin: left top;
    }
    100%
    {
        transform: translateY(0) translateX(0) rotate(0);
        transform-origin: center center;
    }
}
@-webkit-keyframes shapeMover
{
    0%, 100%
    {
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0);
    }
    50%
    {
        transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
    }
}
@keyframes shapeMover
{
    0%, 100%
    {
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0);
    }
    50%
    {
        transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
    }
}
@-webkit-keyframes shapeMover
{
    0%, 100%
    {
        -webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0);
    }
    50%
    {
        -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
    }
}
@keyframes shapeMover-2
{
    0%, 100%
    {
        -webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0);
    }
    50%
    {
        -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
    }
}
@-webkit-keyframes banner3Shake
{
    0%
    {
        transform: rotate3d(0,1,0,0deg);
    }
    30%
    {
        transform: rotate3d(0,0,1,5deg);
    }
    60%
    {
        transform: rotate3d(1,0,0,0deg);
    }
    80%
    {
        transform: rotate3d(0,0,1,5deg);
    }
    100%
    {
        transform: rotate3d(0,1,0,0deg);
    }
}
@keyframes banner3Shake
{
    0%
    {
        transform: rotate3d(0,1,0,0deg);
    }
    30%
    {
        transform: rotate3d(0,0,1,5deg);
    }
    60%
    {
        transform: rotate3d(1,0,0,0deg);
    }
    80%
    {
        transform: rotate3d(0,0,1,5deg);
    }
    100%
    {
        transform: rotate3d(0,1,0,0deg);
    }
}
@-webkit-keyframes squareMover
{
    0%, 100%
    {
        transform: translate(0,0) rotate(0);
    }
    20%, 60%
    {
        transform: translate(20px,40px) rotate(180deg);
    }
    30%, 80%
    {
        transform: translate(40px,60px) rotate(0deg);
    }
}
@keyframes squareMover
{
    0%, 100%
    {
        transform: translate(0,0) rotate(0);
    }
    20%, 60%
    {
        transform: translate(20px,40px) rotate(180deg);
    }
    30%, 80%
    {
        transform: translate(40px,60px) rotate(0deg);
    }
}
@-webkit-keyframes treeMove
{
    0%, 100%
    {
        transform: rotate(0deg) translateX(0);
    }
    25%, 75%
    {
        transform: rotate(5deg) translateX(15px);
    }
    50%
    {
        transform: rotate(10deg) translateX(30px);
    }
}
@keyframes treeMove
{
    0%, 100%
    {
        transform: rotate(0deg) translateX(0);
    }
    25%, 75%
    {
        transform: rotate(5deg) translateX(15px);
    }
    50%
    {
        transform: rotate(10deg) translateX(30px);
    }
}
.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%
    {
        transform: scale(.9) translateX(-50%);
    }
    50%
    {
        transform: scale(1) translateX(-50%);
    }
    100%
    {
        transform: scale(.9) translateX(-50%);
    }
}
@keyframes zoom-fade
{
    0%
    {
        transform: scale(.9) translateX(-50%);
    }
    50%
    {
        transform: scale(1) translateX(-50%);
    }
    100%
    {
        transform: scale(.9) translateX(-50%);
    }
}
.zoom-fade-2
{
    animation-name: zoom-fade-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade-2;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade-2;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade-2;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade-2;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes zoom-fade-2
{
    0%
    {
        transform: scale(.9) translateX(0%) translateY(0%);
    }
    50%
    {
        transform: scale(1) translateX(0%) translateY(0%);
    }
    100%
    {
        transform: scale(.9) translateX(0%) translateY(0%);
    }
}
@keyframes zoom-fade-2
{
    0%
    {
        transform: scale(.9) translateX(0%) translateY(0%);
    }
    50%
    {
        transform: scale(1) translateX(0%) translateY(0%);
    }
    100%
    {
        transform: scale(.9) translateX(0%) translateY(0%);
    }
}
@keyframes btnIconMove
{
    0%
    {
        transform: rotate(0deg) translate(0,0);
    }
    50%
    {
        transform: rotate(20deg) translate(10px,0);
    }
    100%
    {
        transform: rotate(0deg) translate(0,0);
    }
}
@-webkit-keyframes ImgBounce
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@keyframes ImgBounce
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
.img-bounce
{
    -webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
    animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}
@-moz-keyframessquares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-moz-keyframes squares
{
    0%
    {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    20%
    {
        -moz-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1;
    }
    100%
    {
        -moz-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
    }
}
@-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@keyframes squares
{
    0%
    {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    20%
    {
        -webkit-transform: scale(1.24);
        -moz-transform: scale(1.24);
        -o-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(2.1);
        -moz-transform: scale(2.1);
        -o-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
    }
}
@-webkit-keyframes float-bob-x
{
    0%
    {
        transform: translateX(-30px);
    }
    50%
    {
        transform: translateX(-10px);
    }
    100%
    {
        transform: translateX(-30px);
    }
}
@keyframes float-bob-x
{
    0%
    {
        transform: translateX(-30px);
    }
    50%
    {
        transform: translateX(-10px);
    }
    100%
    {
        transform: translateX(-30px);
    }
}
.float-bob-x
{
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -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 float-bob-x-2
{
    0%
    {
        transform: translateX(-30px) rotate(45deg);
    }
    50%
    {
        transform: translateX(-10px) rotate(45deg);
    }
    100%
    {
        transform: translateX(-30px) rotate(45deg);
    }
}
@keyframes float-bob-x-2
{
    0%
    {
        transform: translateX(-30px) rotate(45deg);
    }
    50%
    {
        transform: translateX(-10px) rotate(45deg);
    }
    100%
    {
        transform: translateX(-30px) rotate(45deg);
    }
}
.float-bob-x-2
{
    -webkit-animation-name: float-bob-x-2;
    animation-name: float-bob-x-2;
    -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 float-bob-y-2
{
    0%
    {
        transform: translateY(-20px) rotate(45deg);;
    }
    50%
    {
        transform: translateY(-10px) rotate(45deg);;
    }
    100%
    {
        transform: translateY(-20px) rotate(45deg);;
    }
}
@keyframes float-bob-y-2
{
    0%
    {
        transform: translateY(-20px) rotate(45deg);;
    }
    50%
    {
        transform: translateY(-10px) rotate(45deg);;
    }
    100%
    {
        transform: translateY(-20px) rotate(45deg);;
    }
}
.float-bob-y-2
{
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -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;
}