/*==========
--- Base ---
==========*/
* {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 300;
}
* a:focus {
    outline: none;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
}
.animate {
    text-align: center;
}
.animate h1 {
    font-weight: 900;
    text-transform: uppercase;
    color: #2d4044;
    font-size: 52px;
    margin: 30px 0 40px;
}
.animate > a {
    display: inline-block;
    padding: 0 20px;
    line-height: 50px;
    color: #2d4044;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #85b12c;
    text-decoration: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: relative;
    z-index: 2;
}
.animate > a:hover {
    background: #85b12c;
    color: #f6f8fa;
}

/*================
--- TV-Animate ---
================*/
.lines {
    position: absolute;
    top: 53%;
    right: 9.1%;
    z-index: -1;
    height: 19%;
    width: 17%;
}
.lines img {
    width: 100%;
    height: 100%;
}
body {
    background: #f6f8fa;
}
.tv-content {
    margin: auto;
    max-width: 540px;
    position: relative;
}
.antenna-tv, .left-hand-tv, .cable-tv {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.antenna-tv, .cable-tv {
    z-index: -1;
}
.antenna-tv img, .left-hand-tv img, .cable-tv img, .man-tv img {
    width: 100%;
    height: auto;
}

@-moz-keyframes antenna {
    0%{-moz-transform:rotate(1deg)}
    50%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(1deg)}
}

@-webkit-keyframes antenna {
    0%{-webkit-transform:rotate(1deg);}
    50%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(1deg);}
}

@-o-keyframes antenna {
    0%{-o-transform:rotate(1deg)}
    50%{-o-transform:rotate(0deg)}
    100%{-o-transform:rotate(1deg)}
}

@-ms-keyframes antenna {
    0%{-ms-transform:rotate(1deg)}
    50%{-ms-transform:rotate(0deg)}
    100%{-ms-transform:rotate(1deg)}
}

@keyframes antenna {
    0%{transform:rotate(1deg)}
    50%{transform:rotate(0deg)}
    100%{transform:rotate(1deg)}
}
.ani-tv {
    -webkit-animation:antenna .3s infinite ease;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-timing-function: linear;

    -moz-animation:antenna .3s infinite ease;
    -moz-transform-origin: 50% 50%;
    -moz-transition-timing-function: linear;


    -o-animation:antenna .3s infinite ease;
    -o-transform-origin:50% 50%;
    -o-transition-timing-function: linear;

    -ms-animation:antenna .3s infinite ease;
    -ms-transform-origin: 50% 50%;
    -ms-transition-timing-function: linear;

    animation:antenna .3s infinite ease;
    transform-origin: 50% 50%;
    transition-timing-function: linear;
}

/*====================
--- Guitar-Animate ---
====================*/
.body-guitar {
    overflow: hidden;
}
.guitar-house {
    text-align: right;
}
.guitar-house, .guitar-house img, .guitar, .guitar img, .guitar-man, .guitar-man img, .voice, .voice img, .guitar-hand-first img, .guitar-hand-second img {
    width: 100%;
    height: auto;
}
.guitar-content {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 580px;
    max-height: 668px;
    margin: 0 auto;
}
.guitar, .guitar-hand-first, .guitar-hand-first, .guitar-man, .guitar-hand-second {
    position: absolute;
    left: 0;
    top: 0;
}
.guitar {
    z-index: 1;
}
.guitar-hand-first, .guitar-hand-second {
    z-index: 2;
}
.guitar-hand-first {
    width: 9%;
    left: 15.6%;
    top: 46%;
}
.guitar-hand-second {
    left: 39.5%;
    top: 43.5%;
    width: 5%;
    height: auto;
}
.voice {
    position: absolute;
    top: 0;
    left: 0;
}
.voice img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.voice img:nth-child(1) {
    -webkit-animation: fade_in 3s 0s linear infinite;
    -o-animation: fade_in 3s 0s linear infinite;
    animation: fade_in 3s 0s linear infinite;
}
.voice img:nth-child(2) {
    -webkit-animation: fade_in 3s 1s linear infinite;
    -o-animation: fade_in 3s 1s linear infinite;
    animation: fade_in 3s 1s linear infinite;
}
.voice img:nth-child(3) {
    -webkit-animation: fade_in 3s 2s linear infinite;
    -o-animation: fade_in 3s 2s linear infinite;
    animation: fade_in 3s 2s linear infinite;
}

@keyframes fade_in{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
}
@-moz-keyframes fade_in {
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 1;}
}

@-webkit-keyframes fade_in {
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 1;}
}

@-o-keyframes fade_in {
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 1;}
}

@-ms-keyframes fade_in {
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 1;}
}

@keyframes fade_in {
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 1;}
}



@-moz-keyframes myAnitameGuitar {
    0%{-moz-transform:rotate(0deg)}
    25%{-moz-transform:rotate(-5deg)}
    50%{-moz-transform:rotate(0deg)}
    75%{-moz-transform:rotate(5deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes myAnitameGuitar {
    0%{-webkit-transform:rotate(0deg)}
    25%{-webkit-transform:rotate(-5deg)}
    50%{-webkit-transform:rotate(0deg)}
    75%{-webkit-transform:rotate(5deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes myAnitameGuitar {
    0%{-o-transform:rotate(0deg)}
    25%{-o-transform:rotate(-5deg)}
    50%{-o-transform:rotate(0deg)}
    75%{-o-transform:rotate(5deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes myAnitameGuitar {
    0%{-ms-transform:rotate(0deg)}
    25%{-ms-transform:rotate(-5deg)}
    50%{-ms-transform:rotate(0deg)}
    75%{-ms-transform:rotate(5deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes myAnitameGuitar {
    0%{transform:rotate(0deg)}
    25%{transform:rotate(-5deg)}
    50%{transform:rotate(0deg)}
    75%{transform:rotate(5deg)}
    100%{transform:rotate(0deg)}
}

.guitar-hand-first {
    -webkit-animation:myAnitameGuitar .5s infinite ease;
    -webkit-transform-origin: top left;
    -webkit-transition-timing-function: linear;

    -moz-animation:myAnitameGuitar .5s infinite ease;
    -moz-transform-origin: top left;
    -moz-transition-timing-function: linear;


    -o-animation:myAnitameGuitar .5s infinite ease;
    -o-transform-origin:top left;
    -o-transition-timing-function: linear;

    -ms-animation:myAnitameGuitar .5s infinite ease;
    -ms-transform-origin: top left;
    -ms-transition-timing-function: linear;

    animation:myAnitameGuitar .5s infinite ease;
    transform-origin: top left;
    transition-timing-function: linear;
}
.guitar-hand-second {
    -webkit-animation:myAnitameGuitar .5s infinite ease;
    -webkit-transform-origin: bottom;
    -webkit-transition-timing-function: linear;

    -moz-animation:myAnitameGuitar .5s infinite ease;
    -moz-transform-origin: bottom;
    -moz-transition-timing-function: linear;


    -o-animation:myAnitameGuitar .5s infinite ease;
    -o-transform-origin: bottom;
    -o-transition-timing-function: linear;

    -ms-animation:myAnitameGuitar .5s infinite ease;
    -ms-transform-origin: bottom;
    -ms-transition-timing-function: linear;

    animation:myAnitameGuitar .5s infinite ease;
    transform-origin: bottom;
    transition-timing-function: linear;
}

@-moz-keyframes voiceAnimate {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@-webkit-keyframes voiceAnimate {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@-o-keyframes voiceAnimate {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@-ms-keyframes voiceAnimate {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes voiceAnimate {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

/*====================
--- Flower-Animate ---
====================*/

.flower-content {
    width: 100%;
    max-width: 450px;
    height: auto;
    max-height: 450px;
    margin: 20px auto;
    position: relative;
}
.flower-c {
    padding-top: 26%;
    width: 100%;
    height: auto;
}
.flower-c img, .flower-man img, .flower-drop img {
    width: 100%;
    height: auto;
}
.flower-man {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 70%;
    height: auto;
    -webkit-animation: boy 3s ease-in-out infinite;
    -o-animation: boy 3s ease-in-out infinite;
    animation: boy 3s ease-in-out infinite;
    -webkit-transform-origin: center bottom 0px;
    -moz-transform-origin: center bottom 0px;
    -ms-transform-origin: center bottom 0px;
    -o-transform-origin: center bottom 0px;
    transform-origin: center bottom 0px;
}
.flower-drop {
    position: absolute;
    top: 4%;
    left: 62%;
    z-index: 2;
    width: 6%;

    -webkit-animation: drop 3s linear infinite;
    -o-animation: drop 3s linear infinite;
    animation: drop 3s linear infinite;
    -webkit-transform-origin: center center 0px;
    -moz-transform-origin: center center 0px;
    -ms-transform-origin: center center 0px;
    -o-transform-origin: center center 0px;
    transform-origin: center center 0px;
}

@-moz-keyframes boy {
    0%{-moz-transform:rotate(-2deg)}
    50%{-moz-transform:rotate(2deg)}
    100%{-moz-transform:rotate(-2deg)}
}

@-webkit-keyframes boy {
    0%{-webkit-transform:rotate(-2deg)}
    50%{-webkit-transform:rotate(2deg)}
    100%{-webkit-transform:rotate(-2deg)}
}

@-o-keyframes boy {
    0%{-o-transform:rotate(-2deg)}
    50%{-o-transform:rotate(2deg)}
    100%{-o-transform:rotate(-2deg)}
}

@-ms-keyframes boy {
    0%{-ms-transform:rotate(-2deg)}
    50%{-ms-transform:rotate(2deg)}
    100%{-ms-transform:rotate(-2deg)}
}

@keyframes boy {
    0%{transform:rotate(-2deg)}
    50%{transform:rotate(2deg)}
    100%{transform:rotate(-2deg)}
}

@-moz-keyframes drop {
    0%{
        top: 4%;
        opacity: 1;
    }
    30%{
        opacity: 0.7;
    }
    70%{
        opacity: 0.3;
    }
    100%{
        top: 180px;
        opacity: 0;
    }
}
@-webkit-keyframes drop {
    0%{
        top: 4%;
        opacity: 1;
    }
    30%{
        opacity: 0.7;
    }
    70%{
        opacity: 0.3;
    }
    100%{
        top: 180px;
        opacity: 0;
    }
}
@-o-keyframes drop {
    0%{
        top: 4%;
        opacity: 1;
    }
    30%{
        opacity: 0.7;
    }
    70%{
        opacity: 0.3;
    }
    100%{
        top: 180px;
        opacity: 0;
    }
}
@-ms-keyframes drop {
    0%{
        top: 4%;
        opacity: 1;
    }
    30%{
        opacity: 0.7;
    }
    70%{
        opacity: 0.3;
    }
    100%{
        top: 180px;
        opacity: 0;
    }
}
@keyframes drop {
    0%{
        top: 4%;
        opacity: 1;
    }
    30%{
        opacity: 0.7;
    }
    70%{
        opacity: 0.3;
    }
    100%{
        top: 180px;
        opacity: 0;
    }
}

/*==========================
--- Car_Services-Animate ---
==========================*/
.car-s a {
    border-color: #0598C6;
}
.car-s a:hover {
    background: #0598C6;
}

.car-content {
    max-width: 540px;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
}
.car {
    width: 100%;
}
.car img, .car-hend-first img, .car-hend-second img {
    width: 100%;
    height: auto;
}
.car-hend-first {
    width: 15%;
    position: absolute;
    top: 37%;
    right: 4.5%;
    -webkit-animation: hand 1s ease-in-out infinite;
    -o-animation: hand 1s ease-in-out infinite;
    animation: hand 1s ease-in-out infinite;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}
.car-hend-second {
    width: 16%;
    position: absolute;
    top: 35%;
    right: 8%;
    z-index: -1;
    -webkit-animation: hand 1s ease-in-out infinite;
    -o-animation: hand 1s ease-in-out infinite;
    animation: hand 1s ease-in-out infinite;
}

@-moz-keyframes hand {
    0%{-moz-transform:rotate(-2deg)}
    50%{-moz-transform:rotate(2deg)}
    100%{-moz-transform:rotate(-2deg)}
}

@-webkit-keyframes hand {
    0%{-webkit-transform:rotate(-2deg)}
    50%{-webkit-transform:rotate(2deg)}
    100%{-webkit-transform:rotate(-2deg)}
}

@-o-keyframes hand {
    0%{-o-transform:rotate(-2deg)}
    50%{-o-transform:rotate(2deg)}
    100%{-o-transform:rotate(-2deg)}
}

@-ms-keyframes hand {
    0%{-ms-transform:rotate(-2deg)}
    50%{-ms-transform:rotate(2deg)}
    100%{-ms-transform:rotate(-2deg)}
}

@keyframes hand {
    0%{transform:rotate(-2deg)}
    50%{transform:rotate(2deg)}
    100%{transform:rotate(-2deg)}
}

/*====================
--- Drives-Animate ---
====================*/
.drives a {
    border-color: #472677;
}
.drives a:hover {
    background: #472677;
}
.drives-content {
    max-width: 540px;
    width: 100%;
    position: relative;
    margin: 30px auto;
    overflow: hidden;
}
.wheel-left img, .wheel-right img, .drives img, .scarf img  {
    width: 100%;
    height: auto;
}
.wheel-left img, .wheel-right img {
    -webkit-animation: wheelAni linear .3s infinite;
    -o-animation: wheelAni linear .3s infinite;
    animation: wheelAni linear .3s infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.wheel-left {
    position: absolute;
    top: 59%;
    left: 14.7%;
    width: 16.3%;
}
.wheel-right {
    position: absolute;
    top: 59%;
    right: 11.2%;
    width: 16.3%;
}
.scarf {
    position: absolute;
    top: 0;
    left: 46%;
    width: 36.8%;
}

@-moz-keyframes wheelAni {
    100%{-moz-transform:rotate(-360deg)}
}

@-webkit-keyframes wheelAni {
    100%{-webkit-transform:rotate(-360deg)}
}

@-o-keyframes wheelAni {
    100%{-o-transform:rotate(-360deg)}
}

@-ms-keyframes wheelAni {
    100%{-ms-transform:rotate(-360deg)}
}

@keyframes wheelAni {
    100%{transform:rotate(-360deg)}
}

/*--- Cleaning ---*/
.body-cleaning a {
    border-color: #64962A;
}
.body-cleaning a:hover {
    background: #64962A;
}
.cleaning-content {
    position: relative;
    max-width: 540px;
    width: 100%;
    margin: 30px auto;
    text-align: left;
}
.cleaning-man {
    width: 36.5%;
}
.cleaning-sofa {
    position: absolute;
    left: 28.8%;
    top: 8%;
    z-index: 1;
    width: 74%;
    -webkit-animation: ease-in-out sofa 1s infinite;
    -o-animation: ease-in-out sofa 1s infinite;
    animation: ease-in-out sofa 1s infinite;

    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}
.cleaning-vacuum {
    position: absolute;
    top: 51%;
    left: 9%;
    width: 44%;
    z-index: 5;
    -webkit-animation: ease-in-out vacuum-am 1s infinite;
    -o-animation: ease-in-out vacuum-am 1s infinite;
    animation: ease-in-out vacuum-am 1s infinite;
}
.cleaning-content img {
    width: 100%;
    height: auto;
}

@-moz-keyframes sofa {
    0%{-moz-transform:rotate(0deg)}
    50%{-moz-transform:rotate(1deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes sofa {
    0%{-webkit-transform:rotate(0deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes sofa {
    0%{-o-transform:rotate(0deg)}
    50%{-o-transform:rotate(1deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes sofa {
    0%{-ms-transform:rotate(0deg)}
    50%{-ms-transform:rotate(1deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes sofa {
    0%{transform:rotate(0deg)}
    50%{transform:rotate(1deg)}
    100%{transform:rotate(0deg)}
}
@-moz-keyframes vacuum-am {
    0%{left: 9%}
    50%{left: 9.5%}
    100%{left: 9%}
}

@-webkit-keyframes vacuum-am {
    0%{left: 9%}
    50%{left: 9.5%}
    100%{left: 9%}
}

@-o-keyframes vacuum-am {
    0%{left: 9%}
    50%{left: 9.5%}
    100%{left: 9%}
}

@-ms-keyframes vacuum-am {
    0%{left: 9%}
    50%{left: 9.5%}
    100%{left: 9%}
}

@keyframes vacuum-am {
    0%{left: 9%}
    50%{left: 9.5%}
    100%{left: 9%}
}

/*--- Photo ---*/

.photo-content {
    position: relative;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
}
.photo-content img {
    width: 100%;
}
.photo-camera {
    width: 8.8%;
    position: absolute;
    left: 44%;
    top: 17%;
    z-index: 5;
}
.photo-hand-second {
    position: absolute;
    width: 12.3%;
    top: 34%;
    right: 40%;
    z-index: 3;

}
.photo-camera img {
    -webkit-animation: ease-in-out camera 2s infinite;
    -o-animation: ease-in-out camera 2s infinite;
    animation: ease-in-out camera 2s infinite;
}
.photo-hand {
    width: 7.1%;
    position: absolute;
    left: 45%;
    top: 27%;
    transform: rotate(10deg);
    -webkit-animation: ease-in-out camera 2s infinite;
    -o-animation: ease-in-out camera 2s infinite;
    animation: ease-in-out camera 2s infinite;
}
@-moz-keyframes camera {
    0%{-moz-transform:rotate(0deg)}
    20%{-moz-transform:rotate(10deg)}
    50%{-moz-transform:rotate(10deg)}
    70%{-moz-transform:rotate(7deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes camera {
    0%{-webkit-transform:rotate(0deg)}
    20%{-webkit-transform:rotate(10deg)}
    50%{-webkit-transform:rotate(10deg)}
    70%{-webkit-transform:rotate(7deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes camera {
    0%{-o-transform:rotate(0deg)}
    20%{-o-transform:rotate(10deg)}
    50%{-o-transform:rotate(10deg)}
    70%{-o-transform:rotate(7deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes camera {
    0%{-ms-transform:rotate(0deg)}
    20%{-ms-transform:rotate(10deg)}
    50%{-ms-transform:rotate(10deg)}
    70%{-ms-transform:rotate(7deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes camera {
    0%{transform:rotate(0deg)}
    20%{transform:rotate(10deg)}
    50%{transform:rotate(10deg)}
    70%{transform:rotate(7deg)}
    100%{transform:rotate(0deg)}
}

/*--- Phone ---*/
.phone-an a {
    border-color: #FCBC12;
}
.phone-an a:hover {
    background: #FCBC12;
}
.phone-content {
    position: relative;
    width: 100%;
    max-width: 510px;
    margin: 0 auto;
}
.phone-content img {
    width: 100%;
    height: auto;
}
.hand-l {
    width: 3.5%;
    position: absolute;
    left: 45%;
    top: 56%;
}
.hand-r {
    width: 3.9%;
    position: absolute;
    left: 52%;
    top: 55%;
}
.phone-man-head {
    width: 20%;
    position: absolute;
    left: 40%;
    top: 17%;
    -webkit-animation: finfer 1s infinite linear;
    -o-animation: finfer 1s infinite linear;
    animation: finfer 1s infinite linear;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
.phone-device {
    position: absolute;
    width: 8%;
    left: 46.5%;
    top: 54.4%;
}
.phone-man-finger-left {
    width: 3.2%;
    position: absolute;
    top: 53.8%;
    left: 45.1%;
    -webkit-animation: finfer .4s infinite linear;
    -o-animation: finfer .4s infinite linear;
    animation: finfer .4s infinite linear;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}
.phone-man-finger-right {
    width: 3.2%;
    position: absolute;
    top: 53.4%;
    right: 44.5%;
    -webkit-animation: finfer .4s .3s infinite linear;
    -o-animation: finfer .4s .3s infinite linear;
    animation: finfer .4s .3s infinite linear;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-moz-keyframes finfer {
    0%{-moz-transform:rotate(0deg)}
    50%{-moz-transform:rotate(3deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes finfer {
    0%{-webkit-transform:rotate(0deg)}
    50%{-webkit-transform:rotate(3deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes finfer {
    0%{-o-transform:rotate(0deg)}
    50%{-o-transform:rotate(3deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes finfer {
    0%{-ms-transform:rotate(0deg)}
    50%{-ms-transform:rotate(3deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes finfer {
    0%{transform:rotate(0deg)}
    50%{transform:rotate(3deg)}
    100%{transform:rotate(0deg)}
}

/*--- Music ---*/
.music-an a {
    border-color: #EA4924;
}
.music-an a:hover {
    background: #EA4924;
}
.music-content {
    width: 100%;
    max-width: 580px;
    position: relative;
    margin: 30px auto;
}
.music-content img {
    width: 100%;
    height: auto;
}
.music-hand-left {
    position: absolute;
    top: 8.2%;
    left: 20.17%;
    width: 13.8%;
    -webkit-animation: had-second 1s infinite linear;
    -o-animation: had-second 1s infinite linear;
    animation: had-second 1s infinite linear;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}
.music-hand-right {
    position: absolute;
    top: 42.5%;
    right: 31.7%;
    width: 9.9%;
    -webkit-animation: had-first 1s infinite linear;
    -o-animation: had-first 1s infinite linear;
    animation: had-first 1s infinite linear;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
}
.note1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 6%;
    -webkit-animation: opacity-note 1s infinite linear;
    -o-animation: opacity-note 1s infinite linear;
    animation: opacity-note 1s infinite linear;
}
.note2 {
    position: absolute;
    top: 9%;
    left: 10%;
    width: 3.8%;
    -webkit-animation: opacity-note 1s .2s infinite linear;
    -o-animation: opacity-note 1s .2s infinite linear;
    animation: opacity-note 1s .2s infinite linear;
}
.note3 {
    position: absolute;
    width: 6.3%;
    left: 29%;
    top: 10%;
    -webkit-animation: opacity-note 1s .4s infinite linear;
    -o-animation: opacity-note 1s .4s infinite linear;
    animation: opacity-note 1s .4s infinite linear;
}
.note4 {
    position: absolute;
    width: 5%;
    right: 33%;
    top: 10%;
    -webkit-animation: opacity-note 1s infinite linear;
    -o-animation: opacity-note 1s infinite linear;
    animation: opacity-note 1s infinite linear;
}
.note5 {
    position: absolute;
    width: 4.9%;
    right: 19%;
    top: 9%;
    -webkit-animation: opacity-note 1s .2s infinite linear;
    -o-animation: opacity-note 1s .2s infinite linear;
    animation: opacity-note 1s .2s infinite linear;
}
.note6 {
    position: absolute;
    top: 0;
    width: 4.9%;
    right: 9%;
    -webkit-animation: opacity-note 1s .3s infinite linear;
    -o-animation: opacity-note 1s .3s infinite linear;
    animation: opacity-note 1s .3s infinite linear;
}
.note7 {
    position: absolute;
    top: 0;
    width: 4.1%;
    right: 0;
    -webkit-animation: opacity-note 1s .2s infinite linear;
    -o-animation: opacity-note 1s .2s infinite linear;
    animation: opacity-note 1s .2s infinite linear;
}

@-moz-keyframes had-first {
    0%{-moz-transform:rotate(0deg)}
    25%{-moz-transform:rotate(-2deg)}
    50%{-moz-transform:rotate(0deg)}
    75%{-moz-transform:rotate(2deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes had-first {
    0%{-webkit-transform:rotate(0deg)}
    25%{-webkit-transform:rotate(-2deg)}
    50%{-webkit-transform:rotate(0deg)}
    75%{-webkit-transform:rotate(2deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes had-first {
    0%{-o-transform:rotate(0deg)}
    25%{-o-transform:rotate(-2deg)}
    50%{-o-transform:rotate(0deg)}
    75%{-o-transform:rotate(2deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes had-first {
    0%{-ms-transform:rotate(0deg)}
    25%{-ms-transform:rotate(-2deg)}
    50%{-ms-transform:rotate(0deg)}
    75%{-ms-transform:rotate(2deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes had-first {
    0%{transform:rotate(0deg)}
    25%{transform:rotate(-2deg)}
    50%{transform:rotate(0deg)}
    75%{transform:rotate(2deg)}
    100%{transform:rotate(0deg)}
}

@-moz-keyframes had-second {
    0%{-moz-transform:rotate(0deg)}
    25%{-moz-transform:rotate(2deg)}
    50%{-moz-transform:rotate(0deg)}
    75%{-moz-transform:rotate(-2deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes had-second {
    0%{-webkit-transform:rotate(0deg)}
    25%{-webkit-transform:rotate(2deg)}
    50%{-webkit-transform:rotate(0deg)}
    75%{-webkit-transform:rotate(-2deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes had-second {
    0%{-o-transform:rotate(0deg)}
    25%{-o-transform:rotate(2deg)}
    50%{-o-transform:rotate(0deg)}
    75%{-o-transform:rotate(-2deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes had-second {
    0%{-ms-transform:rotate(0deg)}
    25%{-ms-transform:rotate(2deg)}
    50%{-ms-transform:rotate(0deg)}
    75%{-ms-transform:rotate(-2deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes had-first {
    0%{transform:rotate(0deg)}
    25%{transform:rotate(2deg)}
    50%{transform:rotate(0deg)}
    75%{transform:rotate(-2deg)}
    100%{transform:rotate(0deg)}
}

@-moz-keyframes opacity-note {
    0%{opacity: 1}
    25%{opacity: 0.7}
    50%{opacity: 0.5}
    75%{opacity: 0}
    100%{opacity: 1}
}

@-webkit-keyframes opacity-note {
    0%{opacity: 1}
    25%{opacity: 0.7}
    50%{opacity: 0.5}
    75%{opacity: 0}
    100%{opacity: 1}
}

@-o-keyframes opacity-note {
    0%{opacity: 1}
    25%{opacity: 0.7}
    50%{opacity: 0.5}
    75%{opacity: 0}
    100%{opacity: 1}
}

@-ms-keyframes opacity-note {
    0%{opacity: 1}
    25%{opacity: 0.7}
    50%{opacity: 0.5}
    75%{opacity: 0}
    100%{opacity: 1}
}

@keyframes opacity-note {
    0%{opacity: 1}
    25%{opacity: 0.7}
    50%{opacity: 0.5}
    75%{opacity: 0}
    100%{opacity: 1}
}
/*--- love ---*/
.love-content {
    position: relative;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    max-width: 380px;
}
.love-man {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 46%;
}
.love-content img {
    width: 100%;
    height: auto;
}
.love-man-head {
    position: absolute;
    top: 10%;
    right: 0;
    width: 45%;
    -webkit-animation: love-head 6s linear infinite;
    -o-animation: love-head 6s linear infinite;
    animation: love-head 6s linear infinite;
}
.love-nose {
    position: absolute;
    top: 34%;
    right: 27%;
    width: 3%;
    -webkit-animation: love-nose 6s linear infinite;
    -o-animation: love-nose 5s linear infinite;
    animation: love-nose 6s linear infinite;
}
.love-flower {
    position: absolute;
    top: 44%;
    right: 25%;
    width: 11%;
    -webkit-animation: love-flowers 6s linear infinite;
    -o-animation: love-flowers 6s linear infinite;
    animation: love-flowers 6s linear infinite;
}

@-moz-keyframes love-head {
    0%{top: 10%}
    10%{top: 11%}
    20%{top: 11%}
    30%{top: 11%}
    50%{top: 11%}
    75%{top: 11%}
    100%{top: 10%}
}

@-webkit-keyframes love-head {
    0%{top: 10%}
    10%{top: 11%}
    20%{top: 11%}
    30%{top: 11%}
    50%{top: 11%}
    75%{top: 11%}
    100%{top: 10%}
}

@-o-keyframes love-head {
    0%{top: 10%}
    10%{top: 11%}
    20%{top: 11%}
    30%{top: 11%}
    50%{top: 11%}
    75%{top: 11%}
    100%{top: 10%}
}

@-ms-keyframes love-head {
    0%{top: 10%}
    10%{top: 11%}
    20%{top: 11%}
    30%{top: 11%}
    50%{top: 11%}
    75%{top: 11%}
    100%{top: 10%}
}

@keyframes love-head {
    0%{top: 10%}
    10%{top: 11%}
    20%{top: 11%}
    30%{top: 11%}
    50%{top: 11%}
    75%{top: 11%}
    100%{top: 10%}
}

@-moz-keyframes love-nose {
    0%{top: 34%}
    10%{top: 35%}
    20%{top: 35%}
    30%{top: 35%}
    50%{top: 35%}
    75%{top: 35%}
    100%{top: 34%}
}

@-webkit-keyframes love-nose {
    0%{top: 34%}
    10%{top: 35%}
    20%{top: 35%}
    30%{top: 35%}
    50%{top: 35%}
    75%{top: 35%}
    100%{top: 34%}
}

@-o-keyframes love-nose {
    0%{top: 34%}
    10%{top: 35%}
    20%{top: 35%}
    30%{top: 35%}
    50%{top: 35%}
    75%{top: 35%}
    100%{top: 34%}
}

@-ms-keyframes love-nose {
    0%{top: 34%}
    10%{top: 35%}
    20%{top: 35%}
    30%{top: 35%}
    50%{top: 35%}
    75%{top: 35%}
    100%{top: 34%}
}

@keyframes love-nose {
    0%{top: 34%}
    10%{top: 35%}
    20%{top: 35%}
    30%{top: 35%}
    50%{top: 35%}
    75%{top: 35%}
    100%{top: 34%}
}
@-moz-keyframes love-flowers {
    0%{top: 44%}
    10%{top: 44%}
    20%{top: 42%}
    30%{top: 41%}
    50%{top: 41%}
    75%{top: 41%}
    100%{top: 44%}
}

@-webkit-keyframes love-flowers {
    0%{top: 44%}
    10%{top: 44%}
    20%{top: 42%}
    30%{top: 41%}
    50%{top: 41%}
    75%{top: 41%}
    100%{top: 44%}
}

@-o-keyframes love-flowers {
    0%{top: 44%}
    10%{top: 44%}
    20%{top: 42%}
    30%{top: 41%}
    50%{top: 41%}
    75%{top: 41%}
    100%{top: 44%}
}

@-ms-keyframes love-flowers {
    0%{top: 44%}
    10%{top: 44%}
    20%{top: 42%}
    30%{top: 41%}
    50%{top: 41%}
    75%{top: 41%}
    100%{top: 44%}
}

@keyframes love-flowers {
    0%{top: 44%}
    10%{top: 44%}
    20%{top: 42%}
    30%{top: 41%}
    50%{top: 41%}
    75%{top: 41%}
    100%{top: 44%}
}

/*--- Film ---*/
.film-an a{
    border-color: #0598C6;
}
.film-an a:hover{
    background-color: #0598C6;
}
.film-content {
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 500px;
}
.film-content img {
    width: 100%;
    height: auto;
}
.fil-man-head {
    width: 24%;
    position: absolute;
    top: 13%;
    left: 37%;
    -webkit-animation: had-second linear 2s infinite;
    -o-animation: had-second linear 2s infinite;
    animation: had-second linear 2s infinite;
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
}

/*--- Avia ---*/
.avia-content {
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 540px;
}
.avia-man {
    position: relative;
    z-index: 30;
}
.avia-content img {
    width: 100%;
    height: auto;
}
.avia-bag {
    position: absolute;
    width: 33%;
    bottom: 2.3%;
    left: 2%;
}
.avia-plane {
    position: absolute;
    width: 38%;
    top: 0;
    left: 0;
    -webkit-animation: airplane linear 3s infinite;
    -o-animation: airplane linear 3s infinite;
    animation: airplane linear 3s infinite;
}
.avia-cloud {
    position: absolute;
    width: 25%;
    top: 0;
    left: 0;
    -webkit-animation: cloud linear 6s infinite;
    -o-animation: cloud linear 6s infinite;
    animation: cloud linear 6s infinite;
}
.avia-cloud-second {
    position: absolute;
    width: 25%;
    top: 25%;
    left: 15%;
    -webkit-animation: cloud linear 8s infinite;
    -o-animation: cloud linear 8s infinite;
    animation: cloud linear 8s infinite;
}
@-moz-keyframes airplane {
    0%{left: 0;opacity: 0;top: 0}
    25%{left: 15%;opacity: 0.9;top: -3%}
    50%{left: 25%;opacity: 1;top: -5%}
    75%{left: 35%;opacity: 0.9;top: -7%}
    100%{left: 45%;opacity: 0;top: -10%}
}

@-webkit-keyframes airplane {
    0%{left: 0;opacity: 0;top: 0}
    25%{left: 15%;opacity: 0.9;top: -3%}
    50%{left: 25%;opacity: 1;top: -5%}
    75%{left: 35%;opacity: 0.9;top: -7%}
    100%{left: 45%;opacity: 0;top: -10%}
}

@-o-keyframes airplane {
    0%{left: 0;opacity: 0;top: 0}
    25%{left: 15%;opacity: 0.9;top: -3%}
    50%{left: 25%;opacity: 1;top: -5%}
    75%{left: 35%;opacity: 0.9;top: -7%}
    100%{left: 45%;opacity: 0;top: -10%}
}

@-ms-keyframes airplane {
    0%{left: 0;opacity: 0;top: 0}
    25%{left: 15%;opacity: 0.9;top: -3%}
    50%{left: 25%;opacity: 1;top: -5%}
    75%{left: 35%;opacity: 0.9;top: -7%}
    100%{left: 45%;opacity: 0;top: -10%}
}

@keyframes airplane {
    0%{left: 0;opacity: 0;top: 0}
    25%{left: 15%;opacity: 0.9;top: -3%}
    50%{left: 25%;opacity: 1;top: -5%}
    75%{left: 35%;opacity: 0.9;top: -7%}
    100%{left: 45%;opacity: 0;top: -10%}
}
@-moz-keyframes cloud {
    0%{left: 0;opacity: 0}
    25%{left: 20%;opacity: 0.5}
    50%{left: 40%;opacity: 1}
    75%{left: 60%;opacity: 0.7}
    100%{left: 70%;opacity: 0}
}

@-webkit-keyframes cloud {
    0%{left: 0;opacity: 0}
    25%{left: 20%;opacity: 0.5}
    50%{left: 40%;opacity: 1}
    75%{left: 60%;opacity: 0.7}
    100%{left: 70%;opacity: 0}
}

@-o-keyframes cloud {
    0%{left: 0;opacity: 0}
    25%{left: 20%;opacity: 0.5}
    50%{left: 40%;opacity: 1}
    75%{left: 60%;opacity: 0.7}
    100%{left: 70%;opacity: 0}
}

@-ms-keyframes cloud {
    0%{left: 0;opacity: 0}
    25%{left: 20%;opacity: 0.5}
    50%{left: 40%;opacity: 1}
    75%{left: 60%;opacity: 0.7}
    100%{left: 70%;opacity: 0}
}

@keyframes cloud {
    0%{left: 0;opacity: 0}
    25%{left: 20%;opacity: 0.5}
    50%{left: 40%;opacity: 1}
    75%{left: 60%;opacity: 0.7}
    100%{left: 70%;opacity: 0}
}
/*--- Server ---*/
.server-content {
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 580px;
}
.server-an a{
    border-color: #105D91;
}
.server-an a:hover{
    background: #105D91;
}
.server-content img {
    width: 100%;
    height: auto;
}
.server-man-hand {
    position: absolute;
    top: 61.5%;
    left: 22.7%;
    width: 4.8%;
    -webkit-animation: had-second linear 1.5s infinite;
    -o-animation: had-second linear 1.5s infinite;
    animation: had-second linear 1.5s infinite;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
}

/*============
--- Footer ---
=============*/

.copyright {
    font-size: 12px;
    color: #2F2F4D;
	margin-top: 15px;
}
.copyright strong a {
    color: #337AB7;
    text-decoration: none;
}
.copyright strong a:hover {
    background: transparent;
    text-decoration: underline;
}

/*==================
--- Lang Section ---
===================*/

.langSection {
    text-align: right;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-right: 30px;
    box-sizing: border-box;
}
.langSection a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #2d4044;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 15px;
}
.langSection a span {
    float: left;
}
.langSection a i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 7px;
}
.icoUSA {
    background: url("img/en.png") no-repeat 100% 100%;
}
.icoRussian {
    background: url("img/ru.png") no-repeat 100% 100%;
}

/*==============
--- Business ---
===============*/

.business-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 50px auto 0;
}
.business-content img {
    width: 100%;
    height: auto;
}
.business-head {
    position: absolute;
    top: -10%;
    left: 28%;
    width: 27%;
}
.business-hend {
    position: absolute;
    top: 13%;
    left: 41%;
    width: 25%;
    -webkit-animation: business-an linear 2s infinite;
    -o-animation: business-an linear 2s infinite;
    animation: business-an linear 2s infinite;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}

@-moz-keyframes business-an {
    0%{-moz-transform:rotate(0deg)}
    50%{-moz-transform:rotate(10deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes business-an {
    0%{-webkit-transform:rotate(0deg)}
    50%{-webkit-transform:rotate(10deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes business-an {
    0%{-o-transform:rotate(0deg)}
    50%{-o-transform:rotate(10deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes business-an {
    0%{-ms-transform:rotate(0deg)}
    50%{-ms-transform:rotate(10deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes business-an {
    0%{transform:rotate(0deg)}
    50%{transform:rotate(10deg)}
    100%{transform:rotate(0deg)}
}


/*===============
----- Sport -----
===============*/

.sport-content {
    position: relative;
    width: auto;
    max-width: 371px;
    margin: 10px auto 0;
}
.sport-content img {
    width: 100%;
    height: auto;
}
.sport-eyebrow {
    position: absolute;
    top: 16%;
    left: 35%;
    width: 10%;
    -webkit-animation: sport-eyebrow linear 2s infinite;
    -o-animation: sport-eyebrow linear 2s infinite;
    animation: sport-eyebrow linear 2s infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.sport-handLeft {
    position: absolute;
    top: 43%;
    left: 27%;
    width: 16%;
    -webkit-animation: sport-second linear 2s infinite;
    -o-animation: sport-second linear 2s infinite;
    animation: sport-second linear 2s infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.sport-handRight {
    position: absolute;
    top: 5.2%;
    left: 70%;
    width: 19%;
    -webkit-animation: had-second linear 2s infinite;
    -o-animation: had-second linear 2s infinite;
    animation: had-second linear 2s infinite;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}
@-moz-keyframes sport-second {
    0%{-moz-transform:rotate(0deg)}
    25%{-moz-transform:rotate(10deg)}
    50%{-moz-transform:rotate(0deg)}
    75%{-moz-transform:rotate(-10deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes sport-second {
    0%{-webkit-transform:rotate(0deg)}
    25%{-webkit-transform:rotate(10deg)}
    50%{-webkit-transform:rotate(0deg)}
    75%{-webkit-transform:rotate(-10deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes sport-second {
    0%{-o-transform:rotate(0deg)}
    25%{-o-transform:rotate(10deg)}
    50%{-o-transform:rotate(0deg)}
    75%{-o-transform:rotate(-10deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes sport-second {
    0%{-ms-transform:rotate(0deg)}
    25%{-ms-transform:rotate(10deg)}
    50%{-ms-transform:rotate(0deg)}
    75%{-ms-transform:rotate(-10deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes sport-second {
    0%{transform:rotate(0deg)}
    25%{transform:rotate(10deg)}
    50%{transform:rotate(0deg)}
    75%{transform:rotate(-10deg)}
    100%{transform:rotate(0deg)}
}



@-moz-keyframes sport-eyebrow {
    0%{
        top: 16%
    }
    50%{
        top: 15.8%;
    }
    100%{
        top: 16%;
    }
}

@-webkit-keyframes sport-eyebrow {
    0%{
        top: 16%
    }
    50%{
        top: 15.8%;
    }
    100%{
        top: 16%;
    }
}

@-o-keyframes sport-eyebrow {
    0%{
        top: 16%
    }
    50%{
        top: 15.8%;
    }
    100%{
        top: 16%;
    }
}

@-ms-keyframes sport-eyebrow {
    0%{
        top: 16%
    }
    50%{
        top: 15.8%;
    }
    100%{
        top: 16%;
    }
}

@keyframes sport-eyebrow {
    0%{
        top: 16%
    }
    50%{
        top: 15.8%;
    }
    100%{
        top: 16%;
    }
}

/*===============
----- Court -----
===============*/

.court-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: -10px auto;
}
.court-content img {
    width: 100%;
    height: auto;
}
.court-lft {
    position: absolute;
    top: 59%;
    left: 14%;
    width: 9%;
}
.court-hand {
    position: absolute;
    top: 42.7%;
    left: 14%;
    width: 26%;
    -webkit-animation: court-second linear 2s infinite;
    -o-animation: court-second linear 2s infinite;
    animation: court-second linear 2s infinite;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
}
@-moz-keyframes court-second {
    0%{-moz-transform:rotate(0deg)}
    25%{-moz-transform:rotate(-5deg)}
    50%{-moz-transform:rotate(-14deg)}
    75%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes court-second {
    0%{-webkit-transform:rotate(0deg)}
    25%{-webkit-transform:rotate(-5deg)}
    50%{-webkit-transform:rotate(-14deg)}
    75%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes court-second {
    0%{-o-transform:rotate(0deg)}
    25%{-o-transform:rotate(-5deg)}
    50%{-o-transform:rotate(-14deg)}
    75%{-o-transform:rotate(-5deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes court-second {
    0%{-ms-transform:rotate(0deg)}
    25%{-ms-transform:rotate(-5deg)}
    50%{-ms-transform:rotate(-14deg)}
    75%{-ms-transform:rotate(-5deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes sport-second {
    0%{transform:rotate(0deg)}
    25%{transform:rotate(-5deg)}
    50%{transform:rotate(-14deg)}
    75%{transform:rotate(-5deg)}
    100%{transform:rotate(0deg)}
}

/*===============
----- Money -----
===============*/
.money-content {
    position: relative;
    width: auto;
    max-width: 150px;
    margin: 10px auto 0;
}
.money-content img {
    width: 100%;
    height: auto;
}
.money-smokeD {
    position: absolute;
    top: 12%;
    right: 14%;
    width: 8%;
    -webkit-animation: smoke-an linear 5s infinite;
    -o-animation: smoke-an linear 5s infinite;
    animation: smoke-an linear 5s infinite;
}
.money-hand {
    position: absolute;
    top: 22%;
    left: -45%;
    width: 59%;
    -webkit-animation: had-second linear 3s infinite;
    -o-animation: had-second linear 3s infinite;
    animation: had-second linear 3s infinite;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}

@-moz-keyframes smoke-an {
    0%{
        top: 12%;
        right: 14%;
        opacity: 0;
    }
    3%{
        opacity: 0.2;
    }
    10%{
        opacity: 0.5;
    }
    25%{
        right: 13%;
        top: 6%;
        opacity: 1;
    }
    50%{
        top: 4%;
        right: 14%;
        opacity: 0.8;
    }
    75%{
        right: 15%;
        top: 2%;
        opacity: 0.4;
    }
    100%{
        top: -3%;
        right: 14%;
        opacity: 0;
    }
}

@-webkit-keyframes smoke-an {
    0%{
        top: 12%;
        right: 14%;
        opacity: 0;
    }
    3%{
        opacity: 0.2;
    }
    10%{
        opacity: 0.5;
    }
    25%{
        right: 13%;
        top: 6%;
        opacity: 1;
    }
    50%{
        top: 4%;
        right: 14%;
        opacity: 0.8;
    }
    75%{
        right: 15%;
        top: 2%;
        opacity: 0.4;
    }
    100%{
        top: -3%;
        right: 14%;
        opacity: 0;
    }
}

@-o-keyframes smoke-an {
    0%{
        top: 12%;
        right: 14%;
        opacity: 0;
    }
    3%{
        opacity: 0.2;
    }
    10%{
        opacity: 0.5;
    }
    25%{
        right: 13%;
        top: 6%;
        opacity: 1;
    }
    50%{
        top: 4%;
        right: 14%;
        opacity: 0.8;
    }
    75%{
        right: 15%;
        top: 2%;
        opacity: 0.4;
    }
    100%{
        top: -3%;
        right: 14%;
        opacity: 0;
    }
}

@-ms-keyframes smoke-an {
    0%{
        top: 12%;
        right: 14%;
        opacity: 0;
    }
    3%{
        opacity: 0.2;
    }
    10%{
        opacity: 0.5;
    }
    25%{
        right: 13%;
        top: 6%;
        opacity: 1;
    }
    50%{
        top: 4%;
        right: 14%;
        opacity: 0.8;
    }
    75%{
        right: 15%;
        top: 2%;
        opacity: 0.4;
    }
    100%{
        top: -3%;
        right: 14%;
        opacity: 0;
    }
}

@keyframes smoke-an {
    0%{
        top: 12%;
        right: 14%;
        opacity: 0;
    }
    3%{
        opacity: 0.2;
    }
    10%{
        opacity: 0.5;
    }
    25%{
        right: 13%;
        top: 6%;
        opacity: 1;
    }
    50%{
        top: 4%;
        right: 14%;
        opacity: 0.8;
    }
    75%{
        right: 15%;
        top: 2%;
        opacity: 0.4;
    }
    100%{
        top: -3%;
        right: 14%;
        opacity: 0;
    }
}

/*===============
----- Bank -----
===============*/

.bank-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 25px auto 0;
}
.bank-content img {
    width: 100%;
    height: auto;
}
.bank-wheel {
    position: absolute;
    bottom: 6%;
    right: 30%;
    width: 7%;
    -webkit-animation: wheelBank linear .3s infinite;
    -o-animation: wheelBank linear .3s infinite;
    animation: wheelBank linear .3s infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.bank-money-1 {
    position: absolute;
    top: 46%;
    left: 57%;
    width: 9%;
    -webkit-animation: moneyAir linear 1.5s infinite;
    -o-animation: moneyAir linear 1.5s infinite;
    animation: moneyAir linear 1.5s infinite;
}
.bank-money-2 {
    position: absolute;
    top: 46%;
    left: 57%;
    width: 10%;
    -webkit-animation: moneyAir-2 linear 1.5s infinite;
    -o-animation: moneyAir-2 linear 1.5s infinite;
    animation: moneyAir-2 linear 1.5s infinite;
}
.bank-money-3 {
    position: absolute;
    top: 46%;
    left: 57%;
    width: 7%;
    -webkit-animation: moneyAir-3 linear 1.5s infinite;
    -o-animation: moneyAir-3 linear 1.5s infinite;
    animation: moneyAir-3 linear 1.5s infinite;
}

@-moz-keyframes wheelBank {
    100%{-moz-transform:rotate(360deg)}
}

@-webkit-keyframes wheelBank {
    100%{-webkit-transform:rotate(360deg)}
}

@-o-keyframes wheelBank {
    100%{-o-transform:rotate(360deg)}
}

@-ms-keyframes wheelBank {
    100%{-ms-transform:rotate(360deg)}
}

@keyframes wheelBank {
    100%{transform:rotate(360deg)}
}

@-moz-keyframes moneyAir {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 35%}
    75%{left: 40%;opacity: 0.9;top: 30%}
    100%{left: 35%;opacity: 0;top: 29%}
}

@-webkit-keyframes moneyAir {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 35%}
    75%{left: 40%;opacity: 0.9;top: 30%}
    100%{left: 35%;opacity: 0;top: 29%}
}

@-o-keyframes moneyAir {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 35%}
    75%{left: 40%;opacity: 0.9;top: 30%}
    100%{left: 35%;opacity: 0;top: 29%}
}

@-ms-keyframes moneyAir {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 35%}
    75%{left: 40%;opacity: 0.9;top: 30%}
    100%{left: 35%;opacity: 0;top: 29%}
}

@keyframes moneyAir {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 35%}
    75%{left: 40%;opacity: 0.9;top: 30%}
    100%{left: 35%;opacity: 0;top: 29%}
}



@-moz-keyframes moneyAir-2 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 50%}
    50%{left: 45%;opacity: 1;top: 55%}
    75%{left: 40%;opacity: 0.9;top: 55%}
    100%{left: 35%;opacity: 0;top: 57%}
}

@-webkit-keyframes moneyAir-2 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 50%}
    50%{left: 45%;opacity: 1;top: 55%}
    75%{left: 40%;opacity: 0.9;top: 55%}
    100%{left: 35%;opacity: 0;top: 57%}
}

@-o-keyframes moneyAir-2 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 50%}
    50%{left: 45%;opacity: 1;top: 55%}
    75%{left: 40%;opacity: 0.9;top: 55%}
    100%{left: 35%;opacity: 0;top: 57%}
}

@-ms-keyframes moneyAir-2 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 50%}
    50%{left: 45%;opacity: 1;top: 55%}
    75%{left: 40%;opacity: 0.9;top: 55%}
    100%{left: 35%;opacity: 0;top: 57%}
}

@keyframes moneyAir-2 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 50%}
    50%{left: 45%;opacity: 1;top: 55%}
    75%{left: 40%;opacity: 0.9;top: 55%}
    100%{left: 35%;opacity: 0;top: 57%}
}



@-moz-keyframes moneyAir-3 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 30%}
    75%{left: 40%;opacity: 0.9;top: 20%}
    100%{left: 30%;opacity: 0;top: 17%}
}

@-webkit-keyframes moneyAir-3 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 30%}
    75%{left: 40%;opacity: 0.9;top: 20%}
    100%{left: 30%;opacity: 0;top: 17%}
}

@-o-keyframes moneyAir-3 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 30%}
    75%{left: 40%;opacity: 0.9;top: 20%}
    100%{left: 30%;opacity: 0;top: 17%}
}

@-ms-keyframes moneyAir-3 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 30%}
    75%{left: 40%;opacity: 0.9;top: 20%}
    100%{left: 30%;opacity: 0;top: 17%}
}

@keyframes moneyAir-3 {
    0%{left: 57%;opacity: 0;top: 46%}
    25%{left: 50%;opacity: 0.9;top: 40%}
    50%{left: 45%;opacity: 1;top: 30%}
    75%{left: 40%;opacity: 0.9;top: 20%}
    100%{left: 30%;opacity: 0;top: 17%}
}

/*===================
----- Flowers-2 -----
===================*/

.flowersCus-content {
    position: relative;
    width: 100%;
    max-width: 540px;
    margin: 10px auto 0;
}
.flowersCus-content img {
    width: 100%;
    height: auto;
}
.flower-Zem {
    position: absolute;
    bottom: 0;
    left: 36%;
    z-index: -2;
}
.rightFoot-fw {
    position: absolute;
    bottom: 2%;
    left: 47%;
    width: 6%;
    z-index: -1;
    -webkit-animation: rightFoot-fw-an linear 1.5s infinite;
    -o-animation: rightFoot-fw-an linear 1.5s infinite;
    animation: rightFoot-fw-an linear 1.5s infinite;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
}
.butterfly-fw-1 {
    position: absolute;
    top: 46%;
    left: 33%;
    width: 10%;
    -webkit-animation: butterfly-fw-1-an linear 2.5s infinite;
    -o-animation: butterfly-fw-1-an linear 2.5s infinite;
    animation: butterfly-fw-1-an linear 2.5s infinite;
}
.butterfly-fw-2 {
    position: absolute;
    top: 20%;
    right: 20%;
    width: 10%;
    -webkit-animation: butterfly-fw-2-an linear 2s infinite;
    -o-animation: butterfly-fw-2-an linear 2s infinite;
    animation: butterfly-fw-2-an linear 2s infinite;
}

@-moz-keyframes rightFoot-fw-an {
    0%{-moz-transform:rotate(0deg)}
    25%{-moz-transform:rotate(-7deg)}
    50%{-moz-transform:rotate(0deg)}
    75%{-moz-transform:rotate(7deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes rightFoot-fw-an {
    0%{-webkit-transform:rotate(0deg)}
    25%{-webkit-transform:rotate(-7deg)}
    50%{-webkit-transform:rotate(0deg)}
    75%{-webkit-transform:rotate(7deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes rightFoot-fw-an {
    0%{-o-transform:rotate(0deg)}
    25%{-o-transform:rotate(-7deg)}
    50%{-o-transform:rotate(0deg)}
    75%{-o-transform:rotate(7deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes rightFoot-fw-an {
    0%{-ms-transform:rotate(0deg)}
    25%{-ms-transform:rotate(-7deg)}
    50%{-ms-transform:rotate(0deg)}
    75%{-ms-transform:rotate(7deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes rightFoot-fw-an {
    0%{transform:rotate(0deg)}
    25%{transform:rotate(-7deg)}
    50%{transform:rotate(0deg)}
    75%{transform:rotate(7deg)}
    100%{transform:rotate(0deg)}
}



@-moz-keyframes butterfly-fw-1-an {
    0%{right: 20%;opacity: 0;top: 20%}
    25%{right: 15%;opacity: 0.9;top: 15%}
    50%{right: 10%;opacity: 1;top: 10%}
    75%{right: 5%;opacity: 0.9;top: 5%}
    100%{right: 0;opacity: 0;top: 0}
}

@-webkit-keyframes butterfly-fw-1-an {
    0%{left: 33%;opacity: 0;top: 46%}
    25%{left: 23%;opacity: 0.9;top: 36%}
    50%{left: 13%;opacity: 1;top: 26%}
    75%{left: 7%;opacity: 0.9;top: 16%}
    100%{left: 5%;opacity: 0;top: 10%}
}

@-o-keyframes butterfly-fw-1-an {
    0%{left: 33%;opacity: 0;top: 46%}
    25%{left: 23%;opacity: 0.9;top: 36%}
    50%{left: 13%;opacity: 1;top: 26%}
    75%{left: 7%;opacity: 0.9;top: 16%}
    100%{left: 5%;opacity: 0;top: 10%}
}

@-ms-keyframes butterfly-fw-1-an {
    0%{left: 33%;opacity: 0;top: 46%}
    25%{left: 23%;opacity: 0.9;top: 36%}
    50%{left: 13%;opacity: 1;top: 26%}
    75%{left: 7%;opacity: 0.9;top: 16%}
    100%{left: 5%;opacity: 0;top: 10%}
}

@keyframes butterfly-fw-1-an {
    0%{left: 33%;opacity: 0;top: 46%}
    25%{left: 23%;opacity: 0.9;top: 36%}
    50%{left: 13%;opacity: 1;top: 26%}
    75%{left: 7%;opacity: 0.9;top: 16%}
    100%{left: 5%;opacity: 0;top: 10%}
}



@-moz-keyframes butterfly-fw-2-an {
    0%{right: 20%;opacity: 0;top: 20%}
    25%{right: 15%;opacity: 0.9;top: 15%}
    50%{right: 10%;opacity: 1;top: 10%}
    75%{right: 5%;opacity: 0.9;top: 5%}
    100%{right: 0;opacity: 0;top: 0}
}

@-webkit-keyframes butterfly-fw-2-an {
    0%{right: 20%;opacity: 0;top: 20%}
    25%{right: 15%;opacity: 0.9;top: 15%}
    50%{right: 10%;opacity: 1;top: 10%}
    75%{right: 5%;opacity: 0.9;top: 5%}
    100%{right: 0;opacity: 0;top: 0}
}

@-o-keyframes butterfly-fw-2-an {
    0%{right: 20%;opacity: 0;top: 20%}
    25%{right: 15%;opacity: 0.9;top: 15%}
    50%{right: 10%;opacity: 1;top: 10%}
    75%{right: 5%;opacity: 0.9;top: 5%}
    100%{right: 0;opacity: 0;top: 0}
}

@-ms-keyframes butterfly-fw-2-an {
    0%{right: 20%;opacity: 0;top: 20%}
    25%{right: 15%;opacity: 0.9;top: 15%}
    50%{right: 10%;opacity: 1;top: 10%}
    75%{right: 5%;opacity: 0.9;top: 5%}
    100%{right: 0;opacity: 0;top: 0}
}

@keyframes butterfly-fw-2-an {
    0%{right: 20%;opacity: 0;top: 20%}
    25%{right: 15%;opacity: 0.9;top: 15%}
    50%{right: 10%;opacity: 1;top: 10%}
    75%{right: 5%;opacity: 0.9;top: 5%}
    100%{right: 0;opacity: 0;top: 0}
}


/*================
----- Credit -----
================*/

.credit-content {
    width: 100%;
    max-width: 350px;
    margin: 150px auto 0;
    position: relative;
}
.credit-content img {
    width: 100%;
    height: auto;
}
.creditCoin {
    position: absolute;
    top: 9%;
    left: 21%;
    width: 7%;
    -webkit-animation: coin-an linear 4s infinite;
    -o-animation: coin-an linear 4s infinite;
    animation: coin-an linear 4s infinite;
}
.creditHand {
    position: absolute;
    top: 2%;
    left: 19%;
    width: 29%;
    z-index: -1;
    -webkit-animation: creditHand-an linear 4s infinite;
    -o-animation: creditHand-an linear 4s infinite;
    animation: creditHand-an linear 4s infinite;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}
.creditHead {
    position: absolute;
    top: -35%;
    left: 33%;
    width: 45%;
}




@-moz-keyframes creditHand-an {
    0%{-moz-transform:rotate(0deg)}
    10%{-moz-transform:rotate(-2deg)}
    20%{-moz-transform:rotate(-5deg)}
    30%{-moz-transform:rotate(-5deg)}
    40%{-moz-transform:rotate(-5deg)}
    50%{-moz-transform:rotate(-5deg)}
    60%{-moz-transform:rotate(-5deg)}
    70%{-moz-transform:rotate(-5deg)}
    80%{-moz-transform:rotate(-5deg)}
    90%{-moz-transform:rotate(-2deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes creditHand-an {
    0%{-webkit-transform:rotate(0deg)}
    10%{-webkit-transform:rotate(-2deg)}
    20%{-webkit-transform:rotate(-5deg)}
    30%{-webkit-transform:rotate(-5deg)}
    40%{-webkit-transform:rotate(-5deg)}
    50%{-webkit-transform:rotate(-5deg)}
    60%{-webkit-transform:rotate(-5deg)}
    70%{-webkit-transform:rotate(-5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    90%{-webkit-transform:rotate(-2deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes creditHand-an {
    0%{-o-transform:rotate(0deg)}
    10%{-o-transform:rotate(-2deg)}
    20%{-o-transform:rotate(-5deg)}
    30%{-o-transform:rotate(-5deg)}
    40%{-o-transform:rotate(-5deg)}
    50%{-o-transform:rotate(-5deg)}
    60%{-o-transform:rotate(-5deg)}
    70%{-o-transform:rotate(-5deg)}
    80%{-o-transform:rotate(-5deg)}
    90%{-o-transform:rotate(-2deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes creditHand-an {
    0%{-ms-transform:rotate(0deg)}
    10%{-ms-transform:rotate(-2deg)}
    20%{-ms-transform:rotate(-5deg)}
    30%{-ms-transform:rotate(-5deg)}
    40%{-ms-transform:rotate(-5deg)}
    50%{-ms-transform:rotate(-5deg)}
    60%{-ms-transform:rotate(-5deg)}
    70%{-ms-transform:rotate(-5deg)}
    80%{-ms-transform:rotate(-5deg)}
    90%{-ms-transform:rotate(-2deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes creditHand-an {
    0%{transform:rotate(0deg)}
    10%{transform:rotate(-2deg)}
    20%{transform:rotate(-5deg)}
    30%{transform:rotate(-5deg)}
    40%{transform:rotate(-5deg)}
    50%{transform:rotate(-5deg)}
    60%{transform:rotate(-5deg)}
    70%{transform:rotate(-5deg)}
    80%{transform:rotate(-5deg)}
    90%{transform:rotate(-2deg)}
    100%{transform:rotate(0deg)}
}





@-moz-keyframes coin-an {
    0%{top: 9%}
    50%{top: 15%;opacity: 0.7}
    100%{top: 26%;opacity: 0}
}

@-webkit-keyframes coin-an {
    0%{top: 9%}
    50%{top: 15%;opacity: 0.7}
    100%{top: 26%;opacity: 0}
}

@-o-keyframes coin-an {
    0%{top: 9%}
    50%{top: 15%;opacity: 0.7}
    100%{top: 26%;opacity: 0}
}

@-ms-keyframes coin-an {
    0%{top: 9%}
    50%{top: 15%;opacity: 0.7}
    100%{top: 26%;opacity: 0}
}

@keyframes coin-an {
    0%{top: 9%}
    50%{top: 15%;opacity: 0.7}
    100%{top: 26%;opacity: 0}
}



/*==================
----- Medicine -----
==================*/

.medicine-content {
    width: 100%;
    max-width: 722px;
    position: relative;
    margin: 0 auto;
}
.medicine-content img {
    width: 100%;
    height: auto;
}
.medicine-syringe {
    position: absolute;
    top: 37%;
    left: 24%;
    width: 3%;
    z-index: -1;
    -webkit-animation: medicine-an-s linear 8s infinite;
    -o-animation: medicine-an-s linear 8s infinite;
    animation: medicine-an-s linear 8s infinite;
}
.medicine-hand {
    position: absolute;
    top: 44%;
    left: 23%;
    width: 4%;
    -webkit-animation: medicine-an linear 8s infinite;
    -o-animation: medicine-an linear 8s infinite;
    animation: medicine-an linear 8s infinite;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}
.medicine-medicament {
    position: absolute;
    top: 22%;
    left: 21.4%;
    width: 2%;
    -webkit-animation: medicine-medicament-an linear 8s infinite;
    -o-animation: medicine-medicament-an linear 8s infinite;
    animation: medicine-medicament-an linear 8s infinite;
}


@-moz-keyframes medicine-an {
    0%{-moz-transform:rotate(0deg)}
    10%{-moz-transform:rotate(10deg)}
    20%{-moz-transform:rotate(20deg)}
    30%{-moz-transform:rotate(20deg)}
    40%{-moz-transform:rotate(20deg)}
    50%{-moz-transform:rotate(10deg)}
    60%{-moz-transform:rotate(0deg)}
    70%{-moz-transform:rotate(0deg)}
    80%{-moz-transform:rotate(0deg)}
    90%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes medicine-an {
    0%{-webkit-transform:rotate(0deg)}
    10%{-webkit-transform:rotate(10deg)}
    20%{-webkit-transform:rotate(20deg)}
    30%{-webkit-transform:rotate(20deg)}
    40%{-webkit-transform:rotate(20deg)}
    50%{-webkit-transform:rotate(10deg)}
    60%{-webkit-transform:rotate(0deg)}
    70%{-webkit-transform:rotate(0deg)}
    80%{-webkit-transform:rotate(0deg)}
    90%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(0deg)}
}

@-o-keyframes medicine-an {
    0%{-o-transform:rotate(0deg)}
    10%{-o-transform:rotate(10deg)}
    20%{-o-transform:rotate(20deg)}
    30%{-o-transform:rotate(20deg)}
    40%{-o-transform:rotate(20deg)}
    50%{-o-transform:rotate(10deg)}
    60%{-o-transform:rotate(0deg)}
    70%{-o-transform:rotate(0deg)}
    80%{-o-transform:rotate(0deg)}
    90%{-o-transform:rotate(0deg)}
    100%{-o-transform:rotate(0deg)}
}

@-ms-keyframes medicine-an {
    0%{-ms-transform:rotate(0deg)}
    10%{-ms-transform:rotate(10deg)}
    20%{-ms-transform:rotate(20deg)}
    30%{-ms-transform:rotate(20deg)}
    40%{-ms-transform:rotate(20deg)}
    50%{-ms-transform:rotate(10deg)}
    60%{-ms-transform:rotate(0deg)}
    70%{-ms-transform:rotate(0deg)}
    80%{-ms-transform:rotate(0deg)}
    90%{-ms-transform:rotate(0deg)}
    100%{-ms-transform:rotate(0deg)}
}

@keyframes medicine-an {
    0%{transform:rotate(0deg)}
    10%{transform:rotate(10deg)}
    20%{transform:rotate(20deg)}
    30%{transform:rotate(20deg)}
    40%{transform:rotate(20deg)}
    50%{transform:rotate(10deg)}
    60%{transform:rotate(0deg)}
    70%{transform:rotate(0deg)}
    80%{transform:rotate(0deg)}
    90%{transform:rotate(0deg)}
    100%{transform:rotate(0deg)}
}


@-moz-keyframes medicine-an-s {
    0%{top: 37%}
    10%{top: 36%}
    20%{top: 36%}
    30%{top: 36%}
    40%{top: 36%}
    50%{top: 37%}
    60%{top: 37%}
    70%{top: 37%}
    80%{top: 37%}
    90%{top: 37%}
    100%{top: 37%}
}

@-webkit-keyframes medicine-an-s {
    0%{top: 37%}
    10%{top: 36%}
    20%{top: 36%}
    30%{top: 36%}
    40%{top: 36%}
    50%{top: 37%}
    60%{top: 37%}
    70%{top: 37%}
    80%{top: 37%}
    90%{top: 37%}
    100%{top: 37%}
}

@-o-keyframes medicine-an-s {
    0%{top: 37%}
    10%{top: 36%}
    20%{top: 36%}
    30%{top: 36%}
    40%{top: 36%}
    50%{top: 37%}
    60%{top: 37%}
    70%{top: 37%}
    80%{top: 37%}
    90%{top: 37%}
    100%{top: 37%}
}

@-ms-keyframes medicine-an-s {
    0%{top: 37%}
    10%{top: 36%}
    20%{top: 36%}
    30%{top: 36%}
    40%{top: 36%}
    50%{top: 37%}
    60%{top: 37%}
    70%{top: 37%}
    80%{top: 37%}
    90%{top: 37%}
    100%{top: 37%}
}

@keyframes medicine-an-s {
    0%{top: 37%}
    10%{top: 36%}
    20%{top: 36%}
    30%{top: 36%}
    40%{top: 36%}
    50%{top: 37%}
    60%{top: 37%}
    70%{top: 37%}
    80%{top: 37%}
    90%{top: 37%}
    100%{top: 37%}
}



@-moz-keyframes medicine-medicament-an {
    0%{top: 22%; opacity: 0}
    10%{top: 24%; opacity: .4}
    20%{top: 26%; opacity: 1}
    30%{top: 28%; opacity: 1}
    40%{top: 30%; opacity: .4}
    50%{top: 31%; opacity: 0}
    100%{top: 31%; opacity: 0}
}

@-webkit-keyframes medicine-medicament-an {
    0%{top: 22%; opacity: 0}
    10%{top: 24%; opacity: .4}
    20%{top: 26%; opacity: 1}
    30%{top: 28%; opacity: 1}
    40%{top: 30%; opacity: .4}
    50%{top: 31%; opacity: 0}
    100%{top: 31%; opacity: 0}
}

@-o-keyframes medicine-medicament-an {
    0%{top: 22%; opacity: 0}
    10%{top: 24%; opacity: .4}
    20%{top: 26%; opacity: 1}
    30%{top: 28%; opacity: 1}
    40%{top: 30%; opacity: .4}
    50%{top: 31%; opacity: 0}
    100%{top: 31%; opacity: 0}
}

@-ms-keyframes medicine-medicament-an {
    0%{top: 22%; opacity: 0}
    10%{top: 24%; opacity: .4}
    20%{top: 26%; opacity: 1}
    30%{top: 28%; opacity: 1}
    40%{top: 30%; opacity: .4}
    50%{top: 31%; opacity: 0}
    100%{top: 31%; opacity: 0}
}

@keyframes medicine-medicament-an {
    0%{top: 22%; opacity: 0}
    10%{top: 24%; opacity: .4}
    20%{top: 26%; opacity: 1}
    30%{top: 28%; opacity: 1}
    40%{top: 30%; opacity: .4}
    50%{top: 31%; opacity: 0}
    100%{top: 31%; opacity: 0}
}


/*=========
--- Boy ---
=========*/
.boy{
    max-width: 490px;
    width: 100%;
    min-height: 390px;
    position: relative;
    margin: 20px auto;
    margin-bottom: 20px;
}
.boy .boy-building{
    width: 80%;
    min-height: 300px;
    background: transparent url("img/template-1/boy-building.png") no-repeat center;
    background-size: 100%;
    position: absolute;
    right: 0;
    z-index: 2;
}

.boy .hand{
    width: 27%;
    height: 57px;
    background: transparent url("img/template-1/hand.png") no-repeat left top;
    background-size: 55%;
    position: absolute;
    top: 147px;
    left: 9px;
    z-index: 2;
    -webkit-animation: hand 1s ease 0s infinite;
    -o-animation: hand 1s ease 0s infinite;
    animation: hand 1s ease 0s infinite;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
}
@-moz-keyframes hand {
    0%{-moz-transform:rotate(-4deg)}
    50%{-moz-transform:rotate(4deg)}
    100%{-moz-transform:rotate(-4deg)}
}

@-webkit-keyframes hand {
    0%{-webkit-transform:rotate(-4deg)}
    50%{-webkit-transform:rotate(4deg)}
    100%{-webkit-transform:rotate(-4deg)}
}

@-o-keyframes hand {
    0%{-o-transform:rotate(-4deg)}
    50%{-o-transform:rotate(4deg)}
    100%{-o-transform:rotate(-4deg)}
}

@-ms-keyframes hand {
    0%{-ms-transform:rotate(-4deg)}
    50%{-ms-transform:rotate(4deg)}
    100%{-ms-transform:rotate(-4deg)}
}

@keyframes hand {
    0%{transform:rotate(-4deg)}
    50%{transform:rotate(4deg)}
    100%{transform:rotate(-4deg)}
}

.boy .dog{
    width: 30%;
    height: 105px;
    background: transparent url("img/template-1/dog.png") no-repeat center;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 5%;
    z-index: 2;
}
.boy .tail{
    width: 10%;
    height: 19px;
    background: transparent url("img/template-1/tail.png") no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 35px;
    left: -4px;
    z-index: 2;
    -webkit-animation: tail ease 0.4s infinite ;
    -o-animation: tail ease 0.4s infinite ;
    animation: tail ease 0.4s infinite;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-moz-keyframes tail {
    0%{-moz-transform:rotate(-8deg)}
    50%{-moz-transform:rotate(8deg)}
    100%{-moz-transform:rotate(-8deg)}
}

@-webkit-keyframes tail {
    0%{-webkit-transform:rotate(-8deg)}
    50%{-webkit-transform:rotate(8deg)}
    100%{-webkit-transform:rotate(-8deg)}
}

@-o-keyframes tail {
    0%{-o-transform:rotate(-8deg)}
    50%{-o-transform:rotate(8deg)}
    100%{-o-transform:rotate(-8deg)}
}

@-ms-keyframes tail {
    0%{-ms-transform:rotate(-8deg)}
    50%{-ms-transform:rotate(8deg)}
    100%{-ms-transform:rotate(-8deg)}
}

@keyframes tail {
    0%{transform:rotate(-8deg)}
    50%{transform:rotate(8deg)}
    100%{transform:rotate(-8deg)}
}



/*============
--- Boys-2 ---
=============*/

.boy--cus{
    max-width: 480px;
    width: 100%;
    height: 300px;
    position: relative;
    margin: 55px auto 0;
}
.boy--cus .boy_top{
    width: 55%;
    height: 240px;
    background: transparent url("img/template-2/boy.png?gr") no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 16%;
    z-index: 2;
    -webkit-animation: boy 3s linear infinite;
    -o-animation: boy 3s linear infinite;
    animation: boy 3s linear infinite;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}
@-moz-keyframes boy {
    0%{-moz-transform:rotate(-2deg)}
    50%{-moz-transform:rotate(2deg)}
    100%{-moz-transform:rotate(-2deg)}
}

@-webkit-keyframes boy {
    0%{-webkit-transform:rotate(-2deg)}
    50%{-webkit-transform:rotate(2deg)}
    100%{-webkit-transform:rotate(-2deg)}
}

@-o-keyframes boy {
    0%{-o-transform:rotate(-2deg)}
    50%{-o-transform:rotate(2deg)}
    100%{-o-transform:rotate(-2deg)}
}

@-ms-keyframes boy {
    0%{-ms-transform:rotate(-2deg)}
    50%{-ms-transform:rotate(2deg)}
    100%{-ms-transform:rotate(-2deg)}
}

@keyframes boy {
    0%{transform:rotate(-2deg)}
    50%{transform:rotate(2deg)}
    100%{transform:rotate(-2deg)}
}
.boy--cus .drop{
    width: 10px;
    height: 20px;
    background: transparent url("img/template-2/drop.png") no-repeat center;
    background-size: 100%;
    position: absolute;
    z-index: 3;
    top: 33px;
    left: 69%;
    -webkit-animation: drop 3.5s linear infinite;
    -o-animation: drop 3.5s linear infinite;
    animation: drop 3.5s linear infinite;
}
@-moz-keyframes drop {
    0%{
        top: 33px;
        opacity: 1;
    }
    30%{
        top: 80px;
        opacity: 0.7;
    }
    70%{
        top: 120px;
        opacity: 0.3;
    }
    100%{
        top: 160px;
        opacity: 0;
    }
}
@-webkit-keyframes drop {
    0%{
        top: 33px;
        opacity: 1;
    }
    30%{
        top: 80px;
        opacity: 0.7;
    }
    70%{
        top: 120px;
        opacity: 0.3;
    }
    100%{
        top: 160px;
        opacity: 0;
    }
}
@-o-keyframes drop {
    0%{
        top: 33px;
        opacity: 1;
    }
    30%{
        top: 80px;
        opacity: 0.7;
    }
    70%{
        top: 120px;
        opacity: 0.3;
    }
    100%{
        top: 160px;
        opacity: 0;
    }
}
@-ms-keyframes drop {
    0%{
        top: 33px;
        opacity: 1;
    }
    30%{
        top: 80px;
        opacity: 0.7;
    }
    70%{
        top: 120px;
        opacity: 0.3;
    }
    100%{
        top: 160px;
        opacity: 0;
    }
}
@keyframes drop {
    0%{
        top: 33px;
        opacity: 1;
    }
    30%{
        top: 80px;
        opacity: 0.7;
    }
    70%{
        top: 120px;
        opacity: 0.3;
    }
    100%{
        top: 160px;
        opacity: 0;
    }
}

.boy--cus .boy_footer{
    width: 100%;
    height: 76%;
    background: transparent url("img/template-2/boy_bottom.png") no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 23%;
    z-index: 1;
}
@media (max-width: 390px) {
    .boy--cus .boy_footer{
        height: 62%;
    }
}

/* ------------------
    Fisher
--------------------*/
.fisher{
    max-width: 420px;
    width: 100%;
    height: 370px;
    position: relative;
    margin: 20px auto 0;
}

.fisher .sea_legs{
    width: 100%;
    height: 200px;
    position: absolute;
    background: transparent url("img/template-3/fish.png") no-repeat left top;
    background-size: 100%;
    bottom: 0;
    z-index: 2;
}

.fisher .fisher{
    width: 40%;
    height: 291px;
    position: absolute;
    background: transparent url("img/template-3/fisher.png") no-repeat left top;
    background-size: 100%;
    left: 33%;
    top: 9%;
    z-index: 1;

    -webkit-animation: fisher-an 2.5s linear infinite;
    -o-animation: fisher-an 2.5s linear infinite;
    animation: fisher-an 2.5s linear infinite;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}
@media (max-width: 390px) {
    .fisher .fisher{
        top: 15%;
    }
}

@-moz-keyframes fisher-an {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}

@-webkit-keyframes fisher-an {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}

@-o-keyframes fisher-an {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}

@-ms-keyframes fisher-an {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}

@keyframes fisher-an {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}


/*==================
--- Tv Version-2 ---
===================*/
.tv-singer{
    position: relative;
    width: 100%;
    max-width: 510px;
    margin: 100px auto 0;
}
.tv-singer img{
    width: 100%;
    height: auto;
}
.boy_tv img {
    width: 80%;
}


.tv-singer .antenna-singer{
    width: 15%;
    height: 75%;
    position: absolute;
    background-size: 100%;
    left: 8%;
    top: -28%;
    -webkit-animation: antenna 0.5s ease infinite;
    -o-animation: antenna 0.5s ease infinite;
    animation: antenna 0.5s ease infinite;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}
@-moz-keyframes antenna {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}

@-webkit-keyframes antenna {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}

@-o-keyframes antenna {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}

@-ms-keyframes antenna {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}

@keyframes antenna {
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}
.screen{
    width: 15%;
    height: 20%;
    background-size: 100%;
    position: absolute;
    right: 23%;
    bottom: 33%;
}

/*===============
----- portal -----
===============*/

.portal-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 0px auto 0;
}
.portal-content img {
    width: 100%;
    height: auto;
}
.portal-wheel {
    position: absolute;
    top: 41.7%;
    left: 41.4%;
    width: 7%;
    -webkit-animation: wheelportal ease-in-out 3s infinite;
    -moz-animation: wheelportal ease-in-out 3s infinite;
    -o-animation: wheelportal ease-in-out 3s infinite;
    animation: wheelportal ease-in-out 3s infinite;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    transform-origin: 10% 50%;
}
.portal-shoes {
    position: absolute;
    top: 8.5%;
    left: 45.3%;
    width: 4%;
    -webkit-animation: shoesAir linear 3s infinite;
    -o-animation: shoesAir linear 3s infinite;
    animation: shoesAir linear 3s infinite;
}
.portal-purse {
    position: absolute;
    top: 15.5%;
    left: 45.5%;
    width: 3%;
    -webkit-animation: shoesAir linear 3s infinite;
    -o-animation: shoesAir linear 3s infinite;
    animation: shoesAir linear 3s infinite;
}
.portal-hairdryer {
    position: absolute;
    top: 21.6%;
    left: 45.4%;
    width: 3.5%;
    -webkit-animation: shoesAir linear 3s infinite;
    -o-animation: shoesAir linear 3s infinite;
    animation: shoesAir linear 3s infinite;
}
.portal-girl {
    position: absolute;
    top: 8%;
    left: 64%;
    width: 6.7%;
    -webkit-animation: shoesAir linear 3s infinite;
    -o-animation: shoesAir linear 3s infinite;
    animation: shoesAir linear 3s infinite;
}

@-moz-keyframes wheelportal {
    50%{-moz-transform:skew(-10deg)}
    70%{-moz-transform:skew(-20deg)}
    75%{-moz-transform:skew(-25deg)}
    100%{-moz-transform:skew(10deg)}
}

@-webkit-keyframes wheelportal {
    50%{-webkit-transform:skew(-10deg)}
    70%{-webkit-transform:skew(-20deg)}
    75%{-webkit-transform:skew(-25deg)}
    100%{-webkit-transform:skew(10deg)}
}

@-o-keyframes wheelportal {
    50%{-o-transform:skew(-10deg)}
    70%{-o-transform:skew(-20deg)}
    75%{-o-transform:skew(-25deg)}
    100%{-o-transform:skew(10deg)}
}

@-ms-keyframes wheelportal {
    50%{-ms-transform:skew(-10deg)}
    70%{-ms-transform:skew(-20deg)}
    75%{-moz-transform:skew(-25deg)}
    100%{-ms-transform:skew(10deg)}
}

@keyframes wheelportal {
    50%{transform:skew(-10deg);}
    70%{transform:skew(-20deg);}
    75%{transform:skew(-25deg);}
    100%{transform:skew(10deg);}
}

@-moz-keyframes shoesAir {
    0%{opacity: 0;}
    25%{opacity: .5;}
    50%{opacity: 1;}
    75%{opacity: .5;}
    100%{opacity: 0;}
}

@-webkit-keyframes shoesAir {
    0%{opacity: 0;}
    25%{opacity: .5;}
    50%{opacity: 1;}
    75%{opacity: .5;}
    100%{opacity: 0;}
}

@-o-keyframes shoesAir {
    0%{opacity: 0;}
    25%{opacity: .5;}
    50%{opacity: 1;}
    75%{opacity: .5;}
    100%{opacity: 0;}
}

@-ms-keyframes shoesAir {
    0%{opacity: 0;}
    25%{opacity: .5;}
    50%{opacity: 1;}
    75%{opacity: .5;}
    100%{opacity: 0;}
}

@keyframes shoesAir {
    0%{opacity: 0;}
    25%{opacity: .5;}
    50%{opacity: 1;}
    75%{opacity: .5;}
    100%{opacity: 0;}
}
/*===============
----- shop -----
===============*/

.shop-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 10px auto 0;
}
.shop-content img {
    width: 100%;
    height: auto;
}
.shop-package-left {
    position: absolute;
    top: 36%;
    left: 19.8%;
    width: 28%;
    z-index: 4;
    -webkit-animation: packageLeft linear 9s infinite;
    -o-animation: packageLeft linear 9s infinite;
    animation: packageLeft linear 9s infinite;
}
.shop-package-right {
    position: absolute;
    top: 37%;
    right: 18%;
    width: 28%;
    z-index: 4;
    -webkit-animation: packageRight linear 9s infinite;
    -o-animation: packageRight linear 9s infinite;
    animation: packageRight linear 9s infinite;
}
.shop-green {
    position: absolute;
    top: 25%;
    right: 18%;
    width: 20%;
    z-index: 1;
    -webkit-animation: shopGreen linear 9s infinite;
    -o-animation: shopGreen linear 9s infinite;
    animation: shopGreen linear 9s infinite;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    transform-origin: 10% 50%;
}
.shop-tomato {
    position: absolute;
    top: 34%;
    right: 30%;
    width: 10%;
    z-index: 3;
    -webkit-animation: shopTomato linear 9s infinite;
    -o-animation: shopTomato linear 9s infinite;
    animation: shopTomato linear 9s infinite;
}
.shop-sausage-2 {
    position: absolute;
    top: 39.5%;
    right: 22%;
    width: 9%;
    z-index: 3;
    -webkit-animation: sausage2 linear 9s infinite;
    -o-animation: sausage2 linear 9s infinite;
    animation: sausage2 linear 9s infinite;
}
.shop-cole {
    position: absolute;
    top: 25%;
    left: 20%;
    width: 28%;
    z-index: 1;
    -webkit-animation: shopCole linear 9s infinite;
    -o-animation: shopCole linear 9s infinite;
    animation: shopCole linear 9s infinite;
}
.shop-bread-left {
    position: absolute;
    top: 25%;
    left: 20%;
    width: 28%;
    z-index: 1;
    -webkit-animation: breadLeft linear 9s infinite;
    -o-animation: breadLeft linear 9s infinite;
    animation: breadLeft linear 9s infinite;
}
.shop-lime {
    position: absolute;
    top: 32.8%;
    left: 32.7%;
    width: 10%;
    z-index: 3;
    -webkit-animation: shopLime linear 9s infinite;
    -o-animation: shopLime linear 9s infinite;
    animation: shopLime linear 9s infinite;
}
.shop-hend-right {
    position: absolute;
    top: 70%;
    right: 30%;
    width: 6.5%;
    z-index:5;
    -webkit-animation: hendRight linear 9s infinite;
    -o-animation: hendRight linear 9s infinite;
    animation: hendRight linear 9s infinite;
}
.shop-hend-left {
    position: absolute;
    top: 70%;
    left: 30%;
    width: 6.5%;
    z-index:5;
    -webkit-animation: hendLeft linear 9s infinite;
    -o-animation: hendLeft linear 9s infinite;
    animation: hendLeft linear 9s infinite;
}
.shop-beet {
    position: absolute;
    top: 30%;
    left: 15%;
    width: 12%;
    z-index: 2;
    -webkit-animation: beet linear 9s infinite;
    -o-animation: beet linear 9s infinite;
    animation: beet linear 9s infinite;
    -webkit-transform-origin: 90% 50%;
    -moz-transform-origin: 90% 50%;
    -ms-transform-origin: 90% 50%;
    -o-transform-origin: 90% 50%;
    transform-origin: 90% 50%;
}
.shop-berry {
    position: absolute;
    top: 40%;
    left: 26%;
    width: 5%;
    z-index: 4;
    -webkit-animation: shopBerry linear 9s infinite;
    -o-animation: shopBerry linear 9s infinite;
    animation: shopBerry linear 9s infinite;
}
.shop-bread-right {
    position: absolute;
    top: 36%;
    right: 16%;
    width: 12%;
    z-index: 2;
    -webkit-animation: breadRight linear 9s infinite;
    -o-animation: breadRight linear 9s infinite;
    animation: breadRight linear 9s infinite;
}
.shop-eye-left img {
    position: absolute;
    top: 44%;
    left: 46%;
    width: 1.3%;
    height: 1.3%;
    z-index: 3;
    -webkit-animation: eyes linear 9s infinite;
    -o-animation: eyes linear 9s infinite;
    animation: eyes linear 9s infinite;
    vertical-align: top;
}
.shop-eye-right img {
    position: absolute;
    top: 44%;
    right: 44.7%;
    width: 1.3%;
    height: 1.3%;
    -webkit-animation: eyes linear 9s infinite;
    -o-animation: eyes linear 9s infinite;
    animation: eyes linear 9s infinite;
}
.shop-package-down-1 {
    position: absolute;
    top: 71%;
    left: 22%;
    width: 16%;
    -webkit-animation: packageDownRight1 linear 9s infinite;
    -o-animation: packageDownRight1 linear 9s infinite;
    animation: packageDownRight1 linear 9s infinite;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
}
.shop-package-down-2 {
    position: absolute;
    top: 71%;
    left: 22%;
    width: 18%;
    -webkit-animation: packageDownRight2 linear 9s infinite;
    -o-animation: packageDownRight2 linear 9s infinite;
    animation: packageDownRight2 linear 9s infinite;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
}
.shop-package-down-3 {
    position: absolute;
    top: 70%;
    right: 22%;
    width: 18%;
    -webkit-animation: packageDownRight3 linear 9s infinite;
    -o-animation: packageDownRight3 linear 9s infinite;
    animation: packageDownRight3 linear 9s infinite;
}
.shop-package-down-4 {
    position: absolute;
    top: 70%;
    right: 22%;
    width: 18%;
    -webkit-animation: packageDownRight4 linear 9s infinite;
    -o-animation: packageDownRight4 linear 9s infinite;
    animation: packageDownRight4 linear 9s infinite;
}
.shop-sausage {
    position: absolute;
    top: 43%;
    right: 15%;
    width: 8%;
    z-index: 5;
    -webkit-animation: sausage linear 9s infinite;
    -o-animation: sausage linear 9s infinite;
    animation: sausage linear 9s infinite;
    -webkit-transform-origin: 40% 0%;
    -moz-transform-origin: 40% 0%;
    -ms-transform-origin: 40% 0%;
    -o-transform-origin: 40% 0%;
    transform-origin: 40% 0%;
}
.shop-bottle {
    position: absolute;
    top: 26%;
    left: 30%;
    width: 7.5%;
    z-index: 2;
    -webkit-animation: shopBottle linear 9s infinite;
    -o-animation: shopBottle linear 9s infinite;
    animation: shopBottle linear 9s infinite;
    -webkit-transform-origin: 80% 70%;
    -moz-transform-origin: 80% 70%;
    -ms-transform-origin: 80% 70%;
    -o-transform-origin: 80% 70%;
    transform-origin: 80% 70%;
}

/*===============
----- bread-right -----
===============*/

@-moz-keyframes breadRight {
    20%{-moz-transform:rotate(5deg)}
    20%{-moz-transform:rotate(10deg);}
    30%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(20deg);}
    50%{-moz-transform:rotate(25deg);}
    60%{-moz-transform:rotate(0deg);}
    70%{-moz-transform:rotate(0deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes breadRight {
    10%{-webkit-transform:rotate(5deg)}
    20%{-webkit-transform:rotate(10deg);}
    30%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(20deg);}
    50%{-webkit-transform:rotate(25deg);}
    60%{-webkit-transform:rotate(0deg);}
    70%{-webkit-transform:rotate(0deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes breadRight {
    10%{-o-transform:rotate(5deg)}
    20%{-o-transform:rotate(10deg);}
    30%{-o-transform:rotate(15deg);}
    40%{-o-transform:rotate(20deg);}
    50%{-o-transform:rotate(25deg);}
    60%{-o-transform:rotate(0deg);}
    70%{-o-transform:rotate(0deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes breadRight {
    10%{-ms-transform:rotate(5deg)}
    20%{-ms-transform:rotate(10deg);}
    30%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(20deg);}
    50%{-ms-transform:rotate(25deg);}
    60%{-ms-transform:rotate(0deg);}
    70%{-ms-transform:rotate(0deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes breadRight {
    10%{transform:rotate(5deg);}
    20%{transform:rotate(10deg);}
    30%{transform:rotate(15deg);}
    40%{transform:rotate(20deg);}
    50%{transform:rotate(25deg);}
    55%{transform:rotate(0deg);}
    60%{transform:rotate(0deg);}
    70%{transform:rotate(0deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- package-Right -----
===============*/

@-moz-keyframes packageRight {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(2deg);}
    30%{-moz-transform:rotate(3deg);}
    40%{-moz-transform:rotate(3deg);}
    50%{-moz-transform:rotate(3deg);}
    60%{-moz-transform:rotate(0deg);}
    70%{-moz-transform:rotate(0deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes packageRight {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(2deg);}
    30%{-webkit-transform:rotate(3deg);}
    40%{-webkit-transform:rotate(3deg);}
    50%{-webkit-transform:rotate(3deg);}
    60%{-webkit-transform:rotate(0deg);}
    70%{-webkit-transform:rotate(0deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes packageRight {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(2deg);}
    30%{-o-transform:rotate(3deg);}
    40%{-o-transform:rotate(3deg);}
    50%{-o-transform:rotate(3deg);}
    60%{-o-transform:rotate(0deg);}
    70%{-o-transform:rotate(0deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes packageRight {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(2deg);}
    30%{-ms-transform:rotate(3deg);}
    40%{-ms-transform:rotate(3deg);}
    50%{-ms-transform:rotate(3deg);}
    60%{-ms-transform:rotate(0deg);}
    70%{-ms-transform:rotate(0deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes packageRight {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(2deg);}
    30%{transform:rotate(3deg);}
    40%{transform:rotate(3deg);}
    50%{transform:rotate(3deg);}
    60%{transform:rotate(0deg);}
    70%{transform:rotate(0deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- hend-right -----
===============*/

@-moz-keyframes hendRight {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0);}
    30%{-moz-transform:translate(0);}
    40%{-moz-transform:translate(0);}
    50%{-moz-transform:translate(1em,0em);}
    60%{-moz-transform:translate(1em,0em);}
    70%{-moz-transform:translate(0.5em,0em);}
    80%{-moz-transform:translate(0.5em,0em);}
    90%{-moz-transform:translate(0);}
    100%{-moz-transform:translate(0);}
}

@-webkit-keyframes hendRight {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0);}
    30%{-webkit-transform:translate(0);}
    40%{-webkit-transform:translate(0);}
    50%{-webkit-transform:translate(1em,0em);}
    60%{-webkit-transform:translate(1em,0em);}
    70%{-webkit-transform:translate(0.5em,0em);}
    80%{-webkit-transform:translate(0.5em,0em);}
    90%{-webkit-transform:translate(0);}
    100%{-webkit-transform:translate(0);}
}

@-o-keyframes hendRight {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0);}
    30%{-o-transform:translate(0);}
    40%{-o-transform:translate(0);}
    50%{-o-transform:translate(1em,0em);}
    60%{-o-transform:translate(1em,0em);}
    70%{-o-transform:translate(0.5em,0em);}
    80%{-o-transform:translate(0.5em,0em);}
    90%{-o-transform:translate(0);}
    100%{-o-transform:translate(0);}
}

@-ms-keyframes hendRight {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0);}
    30%{-ms-transform:translate(0);}
    40%{-ms-transform:translate(0);}
    50%{-ms-transform:translate(1em,0em);}
    60%{-ms-transform:translate(1em,0em);}
    70%{-ms-transform:translate(0.5em,0em);}
    80%{-ms-transform:translate(0.5em,0em);}
    90%{-ms-transform:translate(0);}
    100%{-ms-transform:translate(0);}
}

@keyframes hendRight {
    10%{transform:translate(0);}
    20%{transform:translate(0);}
    30%{transform:translate(0);}
    40%{transform:translate(1.5em,0em);}
    50%{transform:translate(1.5em,0em);}
    60%{transform:translate(0);}
    70%{transform:translate(0);}
    80%{transform:translate(0);}
    90%{transform:translate(0);}
    100%{transform:translate(0);}
}

/*===============
----- shop-green -----
===============*/

@-moz-keyframes shopGreen {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(2deg);}
    40%{-moz-transform:rotate(3deg);}
    50%{-moz-transform:rotate(4deg);}
    60%{-moz-transform:rotate(0deg);}
    70%{-moz-transform:rotate(0deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes shopGreen {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(2deg);}
    40%{-webkit-transform:rotate(3deg);}
    50%{-webkit-transform:rotate(4deg);}
    60%{-webkit-transform:rotate(0deg);}
    70%{-webkit-transform:rotate(0deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes shopGreen {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(2deg);}
    40%{-o-transform:rotate(3deg);}
    50%{-o-transform:rotate(4deg);}
    60%{-o-transform:rotate(0deg);}
    70%{-o-transform:rotate(0deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes shopGreen {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(2deg);}
    40%{-ms-transform:rotate(3deg);}
    50%{-ms-transform:rotate(4deg);}
    60%{-ms-transform:rotate(0deg);}
    70%{-ms-transform:rotate(0deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes shopGreen {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(2deg);}
    40%{transform:rotate(3deg);}
    50%{transform:rotate(4deg);}
    60%{transform:rotate(0deg);}
    70%{transform:rotate(0deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- tomato -----
===============*/

@-moz-keyframes shopTomato {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0);}
    30%{-moz-transform:translate(0.5em,0em);}
    40%{-moz-transform:translate(1em,0em);}
    50%{-moz-transform:translate(1em,0em);}
    60%{-moz-transform:translate(0);}
    70%{-moz-transform:translate(0);}
    80%{-moz-transform:translate(0);}
    90%{-moz-transform:translate(0);}
    100%{-moz-transform:translate(0);}
}

@-webkit-keyframes shopTomato {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0);}
    30%{-webkit-transform:translate(0.5em,0em);}
    40%{-webkit-transform:translate(1em,0em);}
    50%{-webkit-transform:translate(1em,0em);}
    60%{-webkit-transform:translate(0);}
    70%{-webkit-transform:translate(0);}
    80%{-webkit-transform:translate(0);}
    90%{-webkit-transform:translate(0);}
    100%{-webkit-transform:translate(0);}
}

@-o-keyframes shopTomato {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0);}
    30%{-o-transform:translate(0.5em,0em);}
    40%{-o-transform:translate(1em,0em);}
    50%{-o-transform:translate(1em,0em);}
    60%{-o-transform:translate(0);}
    70%{-o-transform:translate(0);}
    80%{-o-transform:translate(0);}
    90%{-o-transform:translate(0);}
    100%{-o-transform:translate(0);}
}

@-ms-keyframes shopTomato {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0);}
    30%{-ms-transform:translate(0.5em,0em);}
    40%{-ms-transform:translate(1em,0em);}
    50%{-ms-transform:translate(1em,0em);}
    60%{-ms-transform:translate(0);}
    70%{-ms-transform:translate(0);}
    80%{-ms-transform:translate(0);}
    90%{-ms-transform:translate(0);}
    100%{-ms-transform:translate(0);}
}

@keyframes shopTomato {
    10%{transform:translate(0);}
    20%{transform:translate(0);}
    30%{transform:translate(0.5em,0em);}
    40%{transform:translate(1em,0em);}
    50%{transform:translate(1em,0em);}
    60%{transform:translate(0);}
    70%{transform:translate(0);}
    80%{transform:translate(0);}
    90%{transform:translate(0);}
    100%{transform:translate(0);}
}

/*===============
----- sausage-2 -----
===============*/

@-moz-keyframes sausage2 {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(5deg);}
    30%{-moz-transform:rotate(10deg);}
    40%{-moz-transform:rotate(10deg);}
    50%{-moz-transform:rotate(10deg);}
    60%{-moz-transform:rotate(0deg);}
    70%{-moz-transform:rotate(0deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes sausage2 {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(5deg);}
    30%{-webkit-transform:rotate(10deg);}
    40%{-webkit-transform:rotate(10deg);}
    50%{-webkit-transform:rotate(10deg);}
    60%{-webkit-transform:rotate(0deg);}
    70%{-webkit-transform:rotate(0deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes sausage2 {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(5deg);}
    30%{-o-transform:rotate(10deg);}
    40%{-o-transform:rotate(10deg);}
    50%{-o-transform:rotate(10deg);}
    60%{-o-transform:rotate(0deg);}
    70%{-o-transform:rotate(0deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes sausage2 {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(5deg);}
    30%{-ms-transform:rotate(10deg);}
    40%{-ms-transform:rotate(10deg);}
    50%{-ms-transform:rotate(10deg);}
    60%{-ms-transform:rotate(0deg);}
    70%{-ms-transform:rotate(0deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes sausage2 {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(5deg);}
    30%{transform:rotate(10deg);}
    40%{transform:rotate(10deg);}
    50%{transform:rotate(10deg);}
    60%{transform:rotate(0deg);}
    70%{transform:rotate(0deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- sausage -----
===============*/

@-moz-keyframes sausage {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(5deg);}
    40%{-moz-transform:rotate(5deg);}
    50%{-moz-transform:rotate(5deg);}
    60%{-moz-transform:rotate(0deg);}
    70%{-moz-transform:rotate(0deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes sausage {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(5deg);}
    40%{-webkit-transform:rotate(5deg);}
    50%{-webkit-transform:rotate(5deg);}
    60%{-webkit-transform:rotate(0deg);}
    70%{-webkit-transform:rotate(0deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes sausage {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(5deg);}
    40%{-o-transform:rotate(5deg);}
    50%{-o-transform:rotate(5deg);}
    60%{-o-transform:rotate(0deg);}
    70%{-o-transform:rotate(0deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes sausage {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(5deg);}
    40%{-ms-transform:rotate(5deg);}
    50%{-ms-transform:rotate(5deg);}
    60%{-ms-transform:rotate(0deg);}
    70%{-ms-transform:rotate(0deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes sausage {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(5deg);}
    40%{transform:rotate(5deg);}
    50%{transform:rotate(5deg);}
    60%{transform:rotate(0deg);}
    70%{transform:rotate(0deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- eyes -----
===============*/

@-moz-keyframes eyes {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0);}
    30%{-moz-transform:translate(0.2em,0em);}
    40%{-moz-transform:translate(0.2em,0em);}
    50%{-moz-transform:translate(0.1em,0em);}
    60%{-moz-transform:translate(-0.1em,0em);}
    70%{-moz-transform:translate(-0.2em,0em);}
    80%{-moz-transform:translate(-0.2em,0em);}
    90%{-moz-transform:translate(0);}
    100%{-moz-transform:translate(0);}
}

@-webkit-keyframes eyes {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0);}
    30%{-webkit-transform:translate(0.2em,0em);}
    40%{-webkit-transform:translate(0.2em,0em);}
    50%{-webkit-transform:translate(0.1em,0em);}
    60%{-webkit-transform:translate(-0.1em,0em);}
    70%{-webkit-transform:translate(-0.2em,0em);}
    80%{-webkit-transform:translate(-0.2em,0em);}
    90%{-webkit-transform:translate(0);}
    100%{-webkit-transform:translate(0);}
}

@-o-keyframes eyes {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0);}
    30%{-o-transform:translate(0.2em,0em);}
    40%{-o-transform:translate(0.2em,0em);}
    50%{-o-transform:translate(0.1em,0em);}
    60%{-o-transform:translate(-0.1em,0em);}
    70%{-o-transform:translate(-0.2em,0em);}
    80%{-o-transform:translate(-0.2em,0em);}
    90%{-o-transform:translate(0);}
    100%{-o-transform:translate(0);}
}

@-ms-keyframes eyes {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0);}
    30%{-ms-transform:translate(0.2em,0em);}
    40%{-ms-transform:translate(0.2em,0em);}
    50%{-ms-transform:translate(0.1em,0em);}
    60%{-ms-transform:translate(-0.1em,0em);}
    70%{-ms-transform:translate(-0.2em,0em);}
    80%{-ms-transform:translate(-0.2em,0em);}
    90%{-ms-transform:translate(0);}
    100%{-ms-transform:translate(0);}
}

@keyframes eyes {
    10%{transform:translate(0);}
    20%{transform:translate(0);}
    30%{transform:translate(0.2em,0em);}
    40%{transform:translate(0.2em,0em);}
    45%{transform:translate(0em);}
    50%{transform:translate(0em);}
    60%{transform:translate(0em);}
    65%{transform:translate(0em);}
    70%{transform:translate(-0.2em,0em);}
    80%{transform:translate(-0.2em,0em);}
    90%{transform:translate(0);}
    100%{transform:translate(0);}
}

/*===============
----- ?????-Left -----
===============*/

@-moz-keyframes packageLeft {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(0deg);}
    40%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-2deg);}
    70%{-moz-transform:rotate(-3deg);}
    80%{-moz-transform:rotate(-3deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes packageLeft {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(0deg);}
    40%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-2deg);}
    70%{-webkit-transform:rotate(-3deg);}
    80%{-webkit-transform:rotate(-3deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes packageLeft {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(0deg);}
    40%{-o-transform:rotate(0deg);}
    50%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-2deg);}
    70%{-o-transform:rotate(-3deg);}
    80%{-o-transform:rotate(-3deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes packageLeft {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(0deg);}
    40%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-2deg);}
    70%{-ms-transform:rotate(-3deg);}
    80%{-ms-transform:rotate(-3deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes packageLeft {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(0deg);}
    40%{transform:rotate(0deg);}
    50%{transform:rotate(0deg);}
    60%{transform:rotate(-2deg);}
    70%{transform:rotate(-3deg);}
    80%{transform:rotate(-3deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- hend-left -----
===============*/

@-moz-keyframes hendLeft {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0);}
    30%{-moz-transform:translate(0);}
    40%{-moz-transform:translate(0);}
    50%{-moz-transform:translate(0);}
    60%{-moz-transform:translate(0);}
    70%{-moz-transform:translate(0);}
    80%{-moz-transform:translate(-1.5em,0em);}
    90%{-moz-transform:translate(-1.5em,0em);}
    100%{-moz-transform:translate(0);}
}

@-webkit-keyframes hendLeft {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0);}
    30%{-webkit-transform:translate(0);}
    40%{-webkit-transform:translate(0);}
    50%{-webkit-transform:translate(0);}
    60%{-webkit-transform:translate(0);}
    70%{-webkit-transform:translate(0);}
    80%{-webkit-transform:translate(-1.5em,0em);}
    90%{-webkit-transform:translate(-1.5em,0em);}
    100%{-webkit-transform:translate(0);}
}

@-o-keyframes hendLeft {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0);}
    30%{-o-transform:translate(0);}
    40%{-o-transform:translate(0);}
    50%{-o-transform:translate(0);}
    60%{-o-transform:translate(0);}
    70%{-o-transform:translate(0);}
    80%{-o-transform:translate(-1.5em,0em);}
    90%{-o-transform:translate(-1.5em,0em);}
    100%{-o-transform:translate(0);}
}

@-ms-keyframes hendLeft {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0);}
    30%{-ms-transform:translate(0);}
    40%{-ms-transform:translate(0);}
    50%{-ms-transform:translate(0);}
    60%{-ms-transform:translate(0);}
    70%{-ms-transform:translate(0);}
    80%{-ms-transform:translate(-1.5em,0em);}
    90%{-ms-transform:translate(-1.5em,0em);}
    100%{-ms-transform:translate(0);}
}

@keyframes hendLeft {
    10%{transform:translate(0);}
    20%{transform:translate(0);}
    30%{transform:translate(0);}
    40%{transform:translate(0);}
    50%{transform:translate(0);}
    60%{transform:translate(0);}
    70%{transform:translate(0);}
    80%{transform:translate(-1.5em,0em);}
    90%{transform:translate(-1.5em,0em);}
    100%{transform:translate(0);}
}

/*===============
----- Beet -----
===============*/

@-moz-keyframes beet {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(0deg);}
    40%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(0deg);}
    55%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-10deg);}
    70%{-moz-transform:rotate(-20deg);}
    80%{-moz-transform:rotate(-20deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes beet {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(0deg);}
    40%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(0deg);}
    55%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-10deg);}
    70%{-webkit-transform:rotate(-20deg);}
    80%{-webkit-transform:rotate(-20deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes beet {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(0deg);}
    40%{-o-transform:rotate(0deg);}
    50%{-o-transform:rotate(0deg);}
    55%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-10deg);}
    70%{-o-transform:rotate(-20deg);}
    80%{-o-transform:rotate(-20deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes beet {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(0deg);}
    40%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(0deg);}
    55%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-10deg);}
    70%{-ms-transform:rotate(-20deg);}
    80%{-ms-transform:rotate(-20deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes beet {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(0deg);}
    40%{transform:rotate(0deg);}
    50%{transform:rotate(0deg);}
    55%{transform:rotate(0deg);}
    60%{transform:rotate(-10deg);}
    70%{transform:rotate(-20deg);}
    80%{transform:rotate(-20deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- shop-bottle -----
===============*/

@-moz-keyframes shopBottle {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(0deg);}
    40%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(0deg);}
    55%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-10deg);}
    70%{-moz-transform:rotate(-15deg);}
    80%{-moz-transform:rotate(-20deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes shopBottle {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(0deg);}
    40%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(0deg);}
    55%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-10deg);}
    70%{-webkit-transform:rotate(-15deg);}
    80%{-webkit-transform:rotate(-20deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes shopBottle {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(0deg);}
    40%{-o-transform:rotate(0deg);}
    50%{-o-transform:rotate(0deg);}
    55%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-10deg);}
    70%{-o-transform:rotate(-15deg);}
    80%{-o-transform:rotate(-20deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes shopBottle {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(0deg);}
    40%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(0deg);}
    55%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-10deg);}
    70%{-ms-transform:rotate(-15deg);}
    80%{-ms-transform:rotate(-20deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes shopBottle {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(0deg);}
    40%{transform:rotate(0deg);}
    50%{transform:rotate(0deg);}
    55%{transform:rotate(0deg);}
    60%{transform:rotate(-10deg);}
    70%{transform:rotate(-15deg);}
    80%{transform:rotate(-20deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- shop-lime -----
===============*/

@-moz-keyframes shopLime {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(0deg);}
    40%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(0deg);}
    55%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-10deg);}
    70%{-moz-transform:rotate(-15deg);}
    80%{-moz-transform:rotate(-15deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes shopLime {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(0deg);}
    40%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(0deg);}
    55%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-10deg);}
    70%{-webkit-transform:rotate(-15deg);}
    80%{-webkit-transform:rotate(-15deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes shopLime {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(0deg);}
    40%{-o-transform:rotate(0deg);}
    50%{-o-transform:rotate(0deg);}
    55%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-10deg);}
    70%{-o-transform:rotate(-15deg);}
    80%{-o-transform:rotate(-15deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes shopLime {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(0deg);}
    40%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(0deg);}
    55%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-10deg);}
    70%{-ms-transform:rotate(-15deg);}
    80%{-ms-transform:rotate(-15deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes shopLime {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(0deg);}
    40%{transform:rotate(0deg);}
    50%{transform:rotate(0deg);}
    55%{transform:rotate(0deg);}
    60%{transform:rotate(-10deg);}
    70%{transform:rotate(-15deg);}
    80%{transform:rotate(-15deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- shop-berry -----
===============*/

@-moz-keyframes shopBerry {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(0deg);}
    40%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(0deg);}
    55%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-10deg);}
    70%{-moz-transform:rotate(-15deg);}
    80%{-moz-transform:rotate(-15deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes shopBerry {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(0deg);}
    40%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(0deg);}
    55%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-10deg);}
    70%{-webkit-transform:rotate(-15deg);}
    80%{-webkit-transform:rotate(-15deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes shopBerry {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(0deg);}
    40%{-o-transform:rotate(0deg);}
    50%{-o-transform:rotate(0deg);}
    55%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-10deg);}
    70%{-o-transform:rotate(-15deg);}
    80%{-o-transform:rotate(-15deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes shopBerry {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(0deg);}
    40%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(0deg);}
    55%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-10deg);}
    70%{-ms-transform:rotate(-15deg);}
    80%{-ms-transform:rotate(-15deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes shopBerry {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(0deg);}
    40%{transform:rotate(0deg);}
    50%{transform:rotate(0deg);}
    55%{transform:rotate(0deg);}
    60%{transform:rotate(-10deg);}
    70%{transform:rotate(-15deg);}
    80%{transform:rotate(-15deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- ?????-left -----
===============*/

@-moz-keyframes breadLeft {
    10%{-moz-transform:rotate(0deg)}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(0deg);}
    40%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(0deg);}
    55%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-5deg);}
    70%{-moz-transform:rotate(-10deg);}
    80%{-moz-transform:rotate(-10deg);}
    90%{-moz-transform:rotate(0deg));}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes breadLeft {
    10%{-webkit-transform:rotate(0deg)}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(0deg);}
    40%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(0deg);}
    55%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-5deg);}
    70%{-webkit-transform:rotate(-10deg);}
    80%{-webkit-transform:rotate(-10deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes breadLeft {
    10%{-o-transform:rotate(0deg)}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(0deg);}
    40%{-o-transform:rotate(0deg);}
    50%{-o-transform:rotate(0deg);}
    55%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-5deg);}
    70%{-o-transform:rotate(-10deg);}
    80%{-o-transform:rotate(-10deg);}
    90%{-o-transform:rotate(0deg));}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes breadLeft {
    10%{-ms-transform:rotate(0deg)}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(0deg);}
    40%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(0deg);}
    55%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-5deg);}
    70%{-ms-transform:rotate(-10deg);}
    80%{-ms-transform:rotate(-10deg);}
    90%{-ms-transform:rotate(0deg));}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes breadLeft {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(0deg);}
    40%{transform:rotate(0deg);}
    50%{transform:rotate(0deg);}
    55%{transform:rotate(0deg);}
    60%{transform:rotate(-5deg);}
    70%{transform:rotate(-10deg);}
    80%{transform:rotate(-10deg);}
    90%{transform:rotate(0deg));}
    100%{transform:rotate(0deg);}
}

/*===============
----- shop-green -----
===============*/

@-moz-keyframes shopCole {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(0deg);}
    40%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(0deg);}
    55%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-2deg);}
    70%{-moz-transform:rotate(-3deg);}
    80%{-moz-transform:rotate(-4deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes shopCole {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(0deg);}
    40%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(0deg);}
    55%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-2deg);}
    70%{-webkit-transform:rotate(-3deg);}
    80%{-webkit-transform:rotate(-4deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes shopCole {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(0deg);}
    40%{-o-transform:rotate(0deg);}
    50%{-o-transform:rotate(0deg);}
    55%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-2deg);}
    70%{-o-transform:rotate(-3deg);}
    80%{-o-transform:rotate(-4deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes shopCole {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(0deg);}
    40%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(0deg);}
    55%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-2deg);}
    70%{-ms-transform:rotate(-3deg);}
    80%{-ms-transform:rotate(-4deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes shopCole {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(0deg);}
    40%{transform:rotate(0deg);}
    50%{transform:rotate(0deg);}
    55%{transform:rotate(0deg);}
    60%{transform:rotate(-2deg);}
    70%{transform:rotate(-3deg);}
    80%{transform:rotate(-4deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}

/*===============
----- package-down -----
===============*/

@-moz-keyframes packageDownRight1 {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0);}
    30%{-moz-transform:translate(0);}
    40%{-moz-transform:translate(0);}
    50%{-moz-transform:translate(0);}
    60%{-moz-transform:translate(0);}
    70%{-moz-transform:translate(0);}
    80%{-moz-transform:translate(-1.5em,0em);}
    90%{-moz-transform:translate(-1.5em,0em) rotate(-4deg);}
    100%{-moz-transform:rotate(4deg);}
}

@-webkit-keyframes packageDownRight1 {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0);}
    30%{-webkit-transform:translate(0);}
    40%{-webkit-transform:translate(0);}
    50%{-webkit-transform:translate(0);}
    60%{-webkit-transform:translate(0);}
    70%{-webkit-transform:translate(0);}
    80%{-webkit-transform:translate(-1.5em,0em);}
    90%{-webkit-transform:translate(-1.5em,0em) rotate(-4deg);}
    100%{-webkit-transform:rotate(4deg);}
}

@-o-keyframes packageDownRight1 {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0);}
    30%{-o-transform:translate(0);}
    40%{-o-transform:translate(0);}
    50%{-o-transform:translate(0);}
    60%{-o-transform:translate(0);}
    70%{-o-transform:translate(0);}
    80%{-o-transform:translate(-1.5em,0em);}
    90%{-o-transform:translate(-1.5em,0em) rotate(-4deg);}
    100%{-o-transform:rotate(4deg);}
}

@-ms-keyframes packageDownRight1 {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0);}
    30%{-ms-transform:translate(0);}
    40%{-ms-transform:translate(0);}
    50%{-ms-transform:translate(0);}
    60%{-ms-transform:translate(0);}
    70%{-ms-transform:translate(0);}
    80%{-ms-transform:translate(-1.5em,0em);}
    90%{-ms-transform:translate(-1.5em,0em) rotate(-4deg);}
    100%{-ms-transform:rotate(4deg);}
}

@keyframes packageDownRight1 {
    10%{transform:translate(0);}
    20%{transform:translate(0);}
    30%{transform:translate(0);}
    40%{transform:translate(0);}
    50%{transform:translate(0);}
    60%{transform:translate(0);}
    70%{transform:translate(0);}
    80%{transform:translate(-1.5em,0em);}
    90%{transform:translate(-1.5em,0em) rotate(-4deg);}
    100%{transform:rotate(4deg);}
}

/*===============
----- package-down2 -----
===============*/

@-moz-keyframes packageDownRight2 {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0);}
    30%{-moz-transform:translate(0);}
    40%{-moz-transform:translate(0);}
    50%{-moz-transform:translate(0);}
    60%{-moz-transform:translate(0);}
    70%{-moz-transform:translate(0);}
    80%{-moz-transform:translate(-1.5em,0em);}
    90%{-moz-transform:translate(-1.5em,0em) rotate(4deg);}
    98%{-moz-transform:rotate(-4deg);}
    100%{-moz-transform:translate(0);}
}

@-webkit-keyframes packageDownRight2 {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0);}
    30%{-webkit-transform:translate(0);}
    40%{-webkit-transform:translate(0);}
    50%{-webkit-transform:translate(0);}
    60%{-webkit-transform:translate(0);}
    70%{-webkit-transform:translate(0);}
    80%{-webkit-transform:translate(-1.5em,0em);}
    90%{-webkit-transform:translate(-1.5em,0em) rotate(4deg);}
    98%{-webkit-transform:rotate(-4deg);}
    100%{-webkit-transform:translate(0);}
}

@-o-keyframes packageDownRight2 {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0);}
    30%{-o-transform:translate(0);}
    40%{-o-transform:translate(0);}
    50%{-o-transform:translate(0);}
    60%{-o-transform:translate(0);}
    70%{-o-transform:translate(0);}
    80%{-o-transform:translate(-1.5em,0em);}
    90%{-o-transform:translate(-1.5em,0em) rotate(4deg);}
    98%{-o-transform:rotate(-4deg);}
    100%{-o-transform:translate(0);}
}

@-ms-keyframes packageDownRight2 {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0);}
    30%{-ms-transform:translate(0);}
    40%{-ms-transform:translate(0);}
    50%{-ms-transform:translate(0);}
    60%{-ms-transform:translate(0);}
    70%{-ms-transform:translate(0);}
    80%{-ms-transform:translate(-1.5em,0em);}
    90%{-ms-transform:translate(-1.5em,0em) rotate(4deg);}
    98%{-ms-transform:rotate(-4deg);}
    100%{-ms-transform:translate(0);}
}

@keyframes packageDownRight2 {
    10%{transform:translate(0);}
    20%{transform:translate(0);}
    30%{transform:translate(0);}
    40%{transform:translate(0);}
    50%{transform:translate(0);}
    60%{transform:translate(0);}
    70%{transform:translate(0);}
    80%{transform:translate(-1.5em,0em);}
    90%{transform:translate(-1.5em,0em) rotate(4deg);}
    98%{transform:rotate(-4deg);}
    100%{transform:translate(0);}
}

/*===============
----- packageDownRight3 -----
===============*/

@-moz-keyframes packageDownRight3 {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0);}
    30%{-moz-transform:translate(0);}
    40%{-moz-transform:translate(1.5em,0em);}
    50%{-moz-transform:translate(1.5em,0em) rotate(4deg);}
    60%{-moz-transform:translate(0) rotate(-4deg);}
    70%{-moz-transform:translate(0);}
    80%{-moz-transform:translate(0);}
    90%{-moz-transform:translate(0);}
    100%{-moz-transform:translate(0);}
}

@-webkit-keyframes packageDownRight3 {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0);}
    30%{-webkit-transform:translate(0);}
    40%{-webkit-transform:translate(1.5em,0em);}
    50%{-webkit-transform:translate(1.5em,0em) rotate(4deg);}
    60%{-webkit-transform:translate(0) rotate(-4deg);}
    70%{-webkit-transform:translate(0);}
    80%{-webkit-transform:translate(0);}
    90%{-webkit-transform:translate(0);}
    100%{-webkit-transform:translate(0);}
}

@-o-keyframes packageDownRight3 {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0);}
    30%{-o-transform:translate(0);}
    40%{-o-transform:translate(1.5em,0em);}
    50%{-o-transform:translate(1.5em,0em) rotate(4deg);}
    60%{-o-transform:translate(0) rotate(-4deg);}
    70%{-o-transform:translate(0);}
    80%{-o-transform:translate(0);}
    90%{-o-transform:translate(0);}
    100%{-o-transform:translate(0);}
}

@-ms-keyframes packageDownRight3 {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0);}
    30%{-ms-transform:translate(0);}
    40%{-ms-transform:translate(1.5em,0em);}
    50%{-ms-transform:translate(1.5em,0em) rotate(4deg);}
    60%{-ms-transform:translate(0) rotate(-4deg);}
    70%{-ms-transform:translate(0);}
    80%{-ms-transform:translate(0);}
    90%{-ms-transform:translate(0);}
    100%{-ms-transform:translate(0);}
}

@keyframes packageDownRight3 {
    10%{transform:translate(0);}
    20%{transform:translate(0);}
    30%{transform:translate(0);}
    40%{transform:translate(1.5em,0em);}
    50%{transform:translate(1.5em,0em) rotate(4deg);}
    60%{transform:translate(0) rotate(-4deg);}
    70%{transform:translate(0);}
    80%{transform:translate(0);}
    90%{transform:translate(0);}
    100%{transform:translate(0);}
}

/*===============
----- packageDownRight4 -----
===============*/

@-moz-keyframes packageDownRight4 {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0);}
    30%{-moz-transform:translate(0);}
    40%{-moz-transform:translate(1.5em,0em);}
    50%{-moz-transform:translate(1.5em,0em) rotate(-4deg);}
    60%{-moz-transform:translate(0) rotate(4deg);}
    70%{-moz-transform:translate(0);}
    80%{-moz-transform:translate(0);}
    90%{-moz-transform:translate(0);}
    100%{-moz-transform:translate(0);}
}

@-webkit-keyframes packageDownRight4 {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0);}
    30%{-webkit-transform:translate(0);}
    40%{-webkit-transform:translate(1.5em,0em);}
    50%{-webkit-transform:translate(1.5em,0em) rotate(-4deg);}
    60%{-webkit-transform:translate(0) rotate(4deg);}
    70%{-webkit-transform:translate(0);}
    80%{-webkit-transform:translate(0);}
    90%{-webkit-transform:translate(0);}
    100%{-webkit-transform:translate(0);}
}

@-o-keyframes packageDownRight4 {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0);}
    30%{-o-transform:translate(0);}
    40%{-o-transform:translate(1.5em,0em);}
    50%{-o-transform:translate(1.5em,0em) rotate(-4deg);}
    60%{-o-transform:translate(0) rotate(4deg);}
    70%{-o-transform:translate(0);}
    80%{-o-transform:translate(0);}
    90%{-o-transform:translate(0);}
    100%{-o-transform:translate(0);}
}

@-ms-keyframes packageDownRight4 {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0);}
    30%{-ms-transform:translate(0);}
    40%{-ms-transform:translate(1.5em,0em);}
    50%{-ms-transform:translate(1.5em,0em) rotate(-4deg);}
    60%{-ms-transform:translate(0) rotate(4deg);}
    70%{-ms-transform:translate(0);}
    80%{-ms-transform:translate(0);}
    90%{-ms-transform:translate(0);}
    100%{-ms-transform:translate(0);}
}

@keyframes packageDownRight4 {
    10%{transform:translate(0);}
    20%{transform:translate(0);}
    30%{transform:translate(0);}
    40%{transform:translate(1.5em,0em);}
    50%{transform:translate(1.5em,0em) rotate(-4deg);}
    60%{transform:translate(0) rotate(4deg);}
    70%{transform:translate(0);}
    80%{transform:translate(0);}
    90%{transform:translate(0);}
    100%{transform:translate(0);}
}

/*--- Statment ---*/

.tp-1-c {
    background: #fff;
}
.tp-1-c a{
    border-color: #497BBE;
}
.tp-1-c a:hover{
    background: #497BBE;
}


.tp-2-c {
    background: #F6F8FA;
}
.tp-2-c a{
    border-color: #3FABE2;
}
.tp-2-c a:hover{
    background: #3FABE2;
}


.tp-3-c {
    background: #0CB2E6;
}
.tp-3-c a{
    border-color: #fff;
}
.tp-3-c a:hover{
    background: #343F69;
    border-color: #343F69;
}

.tp-4-c {
    background: #1B1B32;
}
.tp-4-c h1 {
    color: #fff;
}
.tp-4-c .animate a{
    border-color: #3FABE2;
    background: #3FABE2;
    color: #fff;
}
.tp-4-c .animate a:hover{
    background: #497BBE;
    border-color: #497BBE;
}
.tp-4-c .langSection a {
    color: #fff;
}
.tp-4-c .copyright {
    color: #fff;
}
.tp-4-c .copyright a {
    background: none;
}
.tp-4-c .copyright a:hover {
    background: none;
}
/*===============
----- game -----
===============*/
.game-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 20px auto 0;
}
.game-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 9;
}
.game-hend{
    position: absolute;
    top: 47%;
    left: 29%;
    width: 47%;
    z-index: 11;
}
.game-cards-1 {
    position: absolute;
    top: 39.5%;
    left: 39%;
    width: 24%;
    z-index: 10;
    -webkit-animation: gamecards-1 linear 3s infinite;
    -moz-animation: gamecards-1 linear 3s infinite;
    -o-animation: gamecards-1 linear 3s infinite;
    animation: gamecards-1 linear 3s infinite;
}
.game-cards-2 {
    position: absolute;
    top: 39.5%;
    left: 39%;
    width: 24%;
    z-index: 10;
    -webkit-animation: gamecards-2 linear 3s infinite;
    -moz-animation: gamecards-2 linear 3s infinite;
    -o-animation: gamecards-2 linear 3s infinite;
    animation: gamecards-2 linear 3s infinite;
}
.game-cards-3 {
    position: absolute;
    top: 39.5%;
    left: 39%;
    width: 24%;
    z-index: 10;
    -webkit-animation: gamecards-3 linear 3s infinite;
    -moz-animation: gamecards-3 linear 3s infinite;
    -o-animation: gamecards-3 linear 3s infinite;
    animation: gamecards-3 linear 3s infinite;
}
.game-cards-4 {
    position: absolute;
    top: 39.5%;
    left: 39%;
    width: 24%;
    z-index: 10;
    -webkit-animation: gamecards-4 linear 3s infinite;
    -moz-animation: gamecards-4 linear 3s infinite;
    -o-animation: gamecards-4 linear 3s infinite;
    animation: gamecards-4 linear 3s infinite;
}
@keyframes gamecards-4 {
    10%{top: 39.5%;}
    20%{top: 38%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-moz-keyframes gamecards-4 {
    10%{top: 39.5%;}
    20%{top: 38%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-webkit-keyframes gamecards-4 {
    10%{top: 39.5%;}
    20%{top: 38%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-o-keyframes gamecards-4 {
    10%{top: 39.5%;}
    20%{top: 38%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-ms-keyframes gamecards-4 {
    10%{top: 39.5%;}
    20%{top: 38%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@keyframes gamecards-1 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 38%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-moz-keyframes gamecards-1 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 38%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-webkit-keyframes gamecards-1 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 38%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-o-keyframes gamecards-1 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 38%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-ms-keyframes gamecards-1 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 38%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@keyframes gamecards-2 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 38%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-moz-keyframes gamecards-2 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 38%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-webkit-keyframes gamecards-2 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 38%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-o-keyframes gamecards-2 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 38%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-ms-keyframes gamecards-2 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 38%;}
    70%{top: 39.5%;}
    80%{top: 39.5%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@keyframes gamecards-3 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 38%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-moz-keyframes gamecards-3 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 38%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-webkit-keyframes gamecards-3 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 38%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-o-keyframes gamecards-3 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 38%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
@-ms-keyframes gamecards-3 {
    10%{top: 39.5%;}
    20%{top: 39.5%;}
    30%{top: 39.5%;}
    40%{top: 39.5%;}
    50%{top: 39.5%;}
    60%{top: 39.5%;}
    70%{top: 39.5%;}
    80%{top: 38%;}
    90%{top: 39.5%;}
    100%{top: 39.5%;}
}
/*===============
----- odegda -----
===============*/
.odegda-content {
    position: relative;
    width: auto;
    max-width: 740px;
    margin: 20px auto 0;
}
.odegda-hend{
    position: absolute;
    top: 32%;
    left: 53%;
    width: 25%;
    z-index: 1;
    -webkit-animation: OdegdaSunglassys linear 2s infinite;
    -moz-animation: OdegdaSunglassys linear 2s infinite;
    -o-animation: OdegdaSunglassys linear 2s infinite;
    animation: OdegdaSunglassys linear 2s infinite;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    transform-origin: 10% 50%;
}
.odegda-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 9;
}
@-moz-keyframes OdegdaSunglassys {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(1deg);}
    30%{-moz-transform:rotate(2deg);}
    40%{-moz-transform:rotate(3deg);}
    50%{-moz-transform:rotate(4deg);}
    60%{-moz-transform:rotate(4deg);}
    70%{-moz-transform:rotate(3deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-webkit-keyframes OdegdaSunglassys {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(1deg);}
    30%{-webkit-transform:rotate(2deg);}
    40%{-webkit-transform:rotate(3deg);}
    50%{-webkit-transform:rotate(4deg);}
    60%{-webkit-transform:rotate(4deg);}
    70%{-webkit-transform:rotate(3deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-o-keyframes OdegdaSunglassys {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(1deg);}
    30%{-o-transform:rotate(2deg);}
    40%{-o-transform:rotate(3deg);}
    50%{-o-transform:rotate(4deg);}
    60%{-o-transform:rotate(4deg);}
    70%{-o-transform:rotate(3deg);}
    80%{-o-transform:rotate(2deg);}
    90%{-o-transform:rotate(1deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes OdegdaSunglassys {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(1deg);}
    30%{-ms-transform:rotate(2deg);}
    40%{-ms-transform:rotate(3deg);}
    50%{-ms-transform:rotate(4deg);}
    60%{-ms-transform:rotate(4deg);}
    70%{-ms-transform:rotate(3deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}
@keyframes OdegdaSunglassys {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(1deg);}
    30%{transform:rotate(2deg);}
    40%{transform:rotate(3deg);}
    50%{transform:rotate(4deg);}
    60%{transform:rotate(4deg);}
    70%{transform:rotate(3deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
/*===============
----- moda -----
===============*/
.moda-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 20px auto 0;
}
.moda-sunglassys{
    position: absolute;
    top: 18.5%;
    left: 39%;
    width: 23%;
    -webkit-animation: ModaSunglassys linear 2s infinite;
    -moz-animation: ModaSunglassys linear 2s infinite;
    -o-animation: ModaSunglassys linear 2s infinite;
    animation: ModaSunglassys linear 2s infinite;
}
.moda-body{
    width: 100%;
    height: auto;
}
@-moz-keyframes ModaSunglassys {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0);}
    30%{-moz-transform:translate(0);}
    40%{-moz-transform:translate(0);}
    50%{-moz-transform:translate(0em,-0.3em);}
    60%{-moz-transform:translate(0em,-0.3em);}
    70%{-moz-transform:translate(0);}
    80%{-moz-transform:translate(0);}
    90%{-moz-transform:translate(0);}
    100%{-moz-transform:translate(0);}
}
@-webkit-keyframes ModaSunglassys {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0);}
    30%{-webkit-transform:translate(0);}
    40%{-webkit-transform:translate(0);}
    50%{-webkit-transform:translate(0em,-0.3em);}
    60%{-webkit-transform:translate(0em,-0.3em);}
    70%{-webkit-transform:translate(0);}
    80%{-webkit-transform:translate(0);}
    90%{-webkit-transform:translate(0);}
    100%{-webkit-transform:translate(0);}
}
@-o-keyframes ModaSunglassys {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0);}
    30%{-o-transform:translate(0);}
    40%{-o-transform:translate(0);}
    50%{-o-transform:translate(0em,-0.3em);}
    60%{-o-transform:translate(0em,-0.3em);}
    70%{-o-transform:translate(0);}
    80%{-o-transform:translate(0);}
    90%{-o-transform:translate(0);}
    100%{-o-transform:translate(0);}
}
@-ms-keyframes ModaSunglassys {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0);}
    30%{-ms-transform:translate(0);}
    40%{-ms-transform:translate(0);}
    50%{-ms-transform:translate(0em,-0.3em);}
    60%{-ms-transform:translate(0em,-0.3em);}
    70%{-ms-transform:translate(0);}
    80%{-ms-transform:translate(0);}
    90%{-ms-transform:translate(0);}
    100%{-ms-transform:translate(0);}
}
@keyframes ModaSunglassys {
    10%{transform:translate(0);}
    20%{transform:translate(0);}
    30%{transform:translate(0);}
    40%{transform:translate(0);}
    50%{transform:translate(0em,-0.3em);}
    60%{transform:translate(0em,-0.3em);}
    70%{transform:translate(0);}
    80%{transform:translate(0);}
    90%{transform:translate(0);}
    100%{transform:translate(0);}
}
/*===============
----- nedvizh -----
===============*/
.nedvizh-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 20px auto 0;
}
.nedvizh-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}
.nedvizh-body img {
    width: 100%;
}
.nedvizh-body-2 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    z-index: 12;
}
.nedvizh-body-2 img {
    width: 100%;
}
.nedvizh-eaves img {
    position: absolute;
    top: 34.4%;
    left: 24.5%;
    width: 4%;
    height: 4%;
    z-index: 15;
    -webkit-animation: NedvizhEaves linear 2s infinite;
    -moz-animation: NedvizhEaves linear 2s infinite;
    -o-animation: NedvizhEaves linear 2s infinite;
    animation: NedvizhEaves linear 2s infinite;
}

.nedvizh-finger img {
    position: absolute;
    top: 44.5%;
    left: 41.5%;
    width: 8%;
    height: 8.5%;
    z-index: 10;
    -webkit-animation: NedvizhFinger linear 1s infinite;
    -moz-animation: NedvizhFinger linear 1s infinite;
    -o-animation: NedvizhFinger linear 1s infinite;
    animation: NedvizhFinger linear 1s infinite;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    transform-origin: 10% 50%;
}
.nedvizh-kay-1 img {
    position: absolute;
    top: 48.5%;
    left: 46.6%;
    width: 4%;
    height: 4%;
    z-index: 9;
    -webkit-animation: NedvizhKay1 linear 1s infinite;
    -moz-animation: NedvizhKay1 linear 1s infinite;
    -o-animation: NedvizhKay1 linear 1s infinite;
    animation: NedvizhKay1 linear 1s infinite;
    -webkit-transform-origin: 20% 20%;
    -moz-transform-origin: 20% 20%;
    -ms-transform-origin: 20% 20%;
    -o-transform-origin: 20% 20%;
    transform-origin: 20% 20%;

}
.nedvizh-kay-2 img {
    position: absolute;
    top: 48.9%;
    left: 46%;
    width: 2.5%;
    height: 6%;
    z-index: 8;
    -webkit-animation: NedvizhKay2 linear 1s infinite;
    -moz-animation: NedvizhKay2 linear 1s infinite;
    -o-animation: NedvizhKay2 linear 1s infinite;
    animation: NedvizhKay2 linear 1s infinite;
    -webkit-transform-origin: 20% 20%;
    -moz-transform-origin: 20% 20%;
    -ms-transform-origin: 20% 20%;
    -o-transform-origin: 20% 20%;
    transform-origin: 20% 20%;
}
.nedvizh-kay-ring img {
    position: absolute;
    top: 48.1%;
    left: 45%;
    width: 3%;
    height: 3%;
    z-index: 7;
    -webkit-animation: NedvizhKayRing linear 1s infinite;
    -moz-animation: NedvizhKayRing linear 1s infinite;
    -o-animation: NedvizhKayRing linear 1s infinite;
    animation: NedvizhKayRing linear 1s infinite;

}

@keyframes NedvizhFinger {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(1deg);}
    30%{transform:rotate(2deg);}
    40%{transform:rotate(3deg);}
    50%{transform:rotate(4deg);}
    60%{transform:rotate(4deg);}
    70%{transform:rotate(3deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes NedvizhFinger {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(1deg);}
    30%{-moz-transform:rotate(2deg);}
    40%{-moz-transform:rotate(3deg);}
    50%{-moz-transform:rotate(4deg);}
    60%{-moz-transform:rotate(4deg);}
    70%{-moz-transform:rotate(3deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-webkit-keyframes NedvizhFinger {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(1deg);}
    30%{-webkit-transform:rotate(2deg);}
    40%{-webkit-transform:rotate(3deg);}
    50%{-webkit-transform:rotate(4deg);}
    60%{-webkit-transform:rotate(4deg);}
    70%{-webkit-transform:rotate(3deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-o-keyframes NedvizhFinger {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(1deg);}
    30%{-o-transform:rotate(2deg);}
    40%{-o-transform:rotate(3deg);}
    50%{-o-transform:rotate(4deg);}
    60%{-o-transform:rotate(4deg);}
    70%{-o-transform:rotate(3deg);}
    80%{-o-transform:rotate(2deg);}
    90%{-o-transform:rotate(1deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes NedvizhFinger {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(1deg);}
    30%{-ms-transform:rotate(2deg);}
    40%{-ms-transform:rotate(3deg);}
    50%{-ms-transform:rotate(4deg);}
    60%{-ms-transform:rotate(4deg);}
    70%{-ms-transform:rotate(3deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes NedvizhKayRing {
    10%{transform:translate(0);}
    20%{transform:translate(0em,0.05em);}
    30%{transform:translate(0em,0.065em);}
    40%{transform:translate(0em,0.08em);}
    50%{transform:translate(0em,0.09em);}
    55%{transform:translate(0em,0.1em);}
    60%{transform:translate(0em,0.09em);}
    70%{transform:translate(0em,0.08em);}
    80%{transform:translate(0em,0.065em);}
    90%{transform:translate(0em,0.05em);}
    100%{transform:translate(0);}
}
@-webkit-keyframes NedvizhKayRing {
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0em,0.05em);}
    30%{-webkit-transform:translate(0em,0.065em);}
    40%{-webkit-transform:translate(0em,0.08em);}
    50%{-webkit-transform:translate(0em,0.09em);}
    55%{-webkit-transform:translate(0em,0.1em);}
    60%{-webkit-transform:translate(0em,0.09em);}
    70%{-webkit-transform:translate(0em,0.08em);}
    80%{-webkit-transform:translate(0em,0.065em);}
    90%{-webkit-transform:translate(0em,0.05em);}
    100%{-webkit-transform:translate(0);}
}
@-moz-keyframes NedvizhKayRing {
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0em,0.05em);}
    30%{-moz-transform:translate(0em,0.065em);}
    40%{-moz-transform:translate(0em,0.08em);}
    50%{-moz-transform:translate(0em,0.09em);}
    55%{-moz-transform:translate(0em,0.1em);}
    60%{-moz-transform:translate(0em,0.09em);}
    70%{-moz-transform:translate(0em,0.08em);}
    80%{-moz-transform:translate(0em,0.065em);}
    90%{-moz-transform:translate(0em,0.05em);}
    100%{-moz-transform:translate(0);}
}
@-o-keyframes NedvizhKayRing {
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0em,0.05em);}
    30%{-o-transform:translate(0em,0.065em);}
    40%{-o-transform:translate(0em,0.08em);}
    50%{-o-transform:translate(0em,0.09em);}
    55%{-o-transform:translate(0em,0.1em);}
    60%{-o-transform:translate(0em,0.09em);}
    70%{-o-transform:translate(0em,0.08em);}
    80%{-o-transform:translate(0em,0.065em);}
    90%{-o-transform:translate(0em,0.05em);}
    100%{-o-transform:translate(0);}
}
@-ms-keyframes NedvizhKayRing {
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0em,0.05em);}
    30%{-ms-transform:translate(0em,0.065em);}
    40%{-ms-transform:translate(0em,0.08em);}
    50%{-ms-transform:translate(0em,0.09em);}
    55%{-ms-transform:translate(0em,0.1em);}
    60%{-ms-transform:translate(0em,0.09em);}
    70%{-ms-transform:translate(0em,0.08em);}
    80%{-ms-transform:translate(0em,0.065em);}
    90%{-ms-transform:translate(0em,0.05em);}
    100%{-ms-transform:translate(0);}
}

@-webkit-keyframes NedvizhKay1 {
    10%{-webkit-transform:translate(0)  rotate(0deg);}
    20%{-webkit-transform:translate(0em,0.05em)  rotate(10deg);}
    30%{-webkit-transform:translate(0em,0.07em)  rotate(15deg);}
    40%{-webkit-transform:translate(0em,0.09em)  rotate(25deg);}
    50%{-webkit-transform:translate(0em,0.1em)  rotate(35deg);}
    55%{-webkit-transform:translate(0em,0.11em)  rotate(40deg);}
    60%{-webkit-transform:translate(0em,0.1em)  rotate(28deg);}
    70%{-webkit-transform:translate(0em,0.09em)  rotate(24deg);}
    80%{-webkit-transform:translate(0em,0.07em)  rotate(16deg);}
    90%{-webkit-transform:translate(0em,0.05em)  rotate(10deg);}
    100%{-webkit-transform:translate(0)  rotate(0deg);}
}
@-moz-keyframes NedvizhKay1 {
    10%{-moz-transform:translate(0)  rotate(0deg);}
    20%{-moz-transform:translate(0em,0.05em)  rotate(10deg);}
    30%{-moz-transform:translate(0em,0.07em)  rotate(15deg);}
    40%{-moz-transform:translate(0em,0.09em)  rotate(25deg);}
    50%{-moz-transform:translate(0em,0.1em)  rotate(35deg);}
    55%{-moz-transform:translate(0em,0.11em)  rotate(40deg);}
    60%{-moz-transform:translate(0em,0.1em)  rotate(28deg);}
    70%{-moz-transform:translate(0em,0.09em)  rotate(24deg);}
    80%{-moz-transform:translate(0em,0.07em)  rotate(16deg);}
    90%{-moz-transform:translate(0em,0.05em)  rotate(10deg);}
    100%{-moz-transform:translate(0)  rotate(0deg);}
}
@-o-keyframes NedvizhKay1 {
    10%{-o-transform:translate(0)  rotate(0deg);}
    20%{-o-transform:translate(0em,0.05em)  rotate(10deg);}
    30%{-o-transform:translate(0em,0.07em)  rotate(15deg);}
    40%{-o-transform:translate(0em,0.09em)  rotate(25deg);}
    50%{-o-transform:translate(0em,0.1em)  rotate(35deg);}
    55%{-o-transform:translate(0em,0.11em)  rotate(40deg);}
    60%{-o-transform:translate(0em,0.1em)  rotate(28deg);}
    70%{-o-transform:translate(0em,0.09em)  rotate(24deg);}
    80%{-o-transform:translate(0em,0.07em)  rotate(16deg);}
    90%{-o-transform:translate(0em,0.05em)  rotate(10deg);}
    100%{-o-transform:translate(0)  rotate(0deg);}
}
@-ms-keyframes NedvizhKay1 {
    10%{-ms-transform:translate(0)  rotate(0deg);}
    20%{-ms-transform:translate(0em,0.05em)  rotate(10deg);}
    30%{-ms-transform:translate(0em,0.07em)  rotate(15deg);}
    40%{-ms-transform:translate(0em,0.09em)  rotate(25deg);}
    50%{-ms-transform:translate(0em,0.1em)  rotate(35deg);}
    55%{-ms-transform:translate(0em,0.11em)  rotate(40deg);}
    60%{-ms-transform:translate(0em,0.1em)  rotate(28deg);}
    70%{-ms-transform:translate(0em,0.09em)  rotate(24deg);}
    80%{-ms-transform:translate(0em,0.07em)  rotate(16deg);}
    90%{-ms-transform:translate(0em,0.05em)  rotate(10deg);}
    100%{-ms-transform:translate(0)  rotate(0deg);}
}
@keyframes NedvizhKay1 {
    10%{transform:translate(0)  rotate(0deg);}
    20%{transform:translate(0em,0.05em)  rotate(10deg);}
    30%{transform:translate(0em,0.07em)  rotate(15deg);}
    40%{transform:translate(0em,0.09em)  rotate(25deg);}
    50%{transform:translate(0em,0.1em)  rotate(35deg);}
    55%{transform:translate(0em,0.11em)  rotate(40deg);}
    60%{transform:translate(0em,0.1em)  rotate(28deg);}
    70%{transform:translate(0em,0.09em)  rotate(24deg);}
    80%{transform:translate(0em,0.07em)  rotate(16deg);}
    90%{transform:translate(0em,0.05em)  rotate(10deg);}
    100%{transform:translate(0)  rotate(0deg);}
}

@keyframes NedvizhKay2 {
    10%{transform:translate(0)  rotate(0deg);}
    20%{transform:translate(0em,0.05em)  rotate(-8deg);}
    30%{transform:translate(0em,0.07em)  rotate(-16deg);}
    40%{transform:translate(0em,0.09em)  rotate(-24deg);}
    50%{transform:translate(0em,0.1em)  rotate(-28deg);}
    55%{transform:translate(0em,0.11em)  rotate(-35deg);}
    60%{transform:translate(0em,0.1em)  rotate(-28deg);}
    70%{transform:translate(0em,0.09em)  rotate(-24deg);}
    80%{transform:translate(0em,0.07em)  rotate(-16deg);}
    90%{transform:translate(0em,0.05em)  rotate(-8deg);}
    100%{transform:translate(0)  rotate(0deg);}
}
@-webkit-keyframes NedvizhKay2 {
    10%{-webkit-transform:translate(0)  rotate(0deg);}
    20%{-webkit-transform:translate(0em,0.05em)  rotate(-8deg);}
    30%{-webkit-transform:translate(0em,0.07em)  rotate(-16deg);}
    40%{-webkit-transform:translate(0em,0.09em)  rotate(-24deg);}
    50%{-webkit-transform:translate(0em,0.1em)  rotate(-28deg);}
    55%{-webkit-transform:translate(0em,0.11em)  rotate(-35deg);}
    60%{-webkit-transform:translate(0em,0.1em)  rotate(-28deg);}
    70%{-webkit-transform:translate(0em,0.09em)  rotate(-24deg);}
    80%{-webkit-transform:translate(0em,0.07em)  rotate(-16deg);}
    90%{-webkit-transform:translate(0em,0.05em)  rotate(-8deg);}
    100%{-webkit-transform:translate(0)  rotate(0deg);}
}
@-o-keyframes NedvizhKay2 {
    10%{-o-transform:translate(0)  rotate(0deg);}
    20%{-o-transform:translate(0em,0.05em)  rotate(-8deg);}
    30%{-o-transform:translate(0em,0.07em)  rotate(-16deg);}
    40%{-o-transform:translate(0em,0.09em)  rotate(-24deg);}
    50%{-o-transform:translate(0em,0.1em)  rotate(-28deg);}
    55%{-o-transform:translate(0em,0.11em)  rotate(-35deg);}
    60%{-o-transform:translate(0em,0.1em)  rotate(-28deg);}
    70%{-o-transform:translate(0em,0.09em)  rotate(-24deg);}
    80%{-o-transform:translate(0em,0.07em)  rotate(-16deg);}
    90%{-o-transform:translate(0em,0.05em)  rotate(-8deg);}
    100%{-o-transform:translate(0)  rotate(0deg);}
}
@-moz-keyframes NedvizhKay2 {
    10%{-moz-transform:translate(0)  rotate(0deg);}
    20%{-moz-transform:translate(0em,0.05em)  rotate(-8deg);}
    30%{-moz-transform:translate(0em,0.07em)  rotate(-16deg);}
    40%{-moz-transform:translate(0em,0.09em)  rotate(-24deg);}
    50%{-moz-transform:translate(0em,0.1em)  rotate(-28deg);}
    55%{-moz-transform:translate(0em,0.11em)  rotate(-35deg);}
    60%{-moz-transform:translate(0em,0.1em)  rotate(-28deg);}
    70%{-moz-transform:translate(0em,0.09em)  rotate(-24deg);}
    80%{-moz-transform:translate(0em,0.07em)  rotate(-16deg);}
    90%{-moz-transform:translate(0em,0.05em)  rotate(-8deg);}
    100%{-moz-transform:translate(0)  rotate(0deg);}
}
@-ms-keyframes NedvizhKay2 {
    10%{-ms-transform:translate(0)  rotate(0deg);}
    20%{-ms-transform:translate(0em,0.05em)  rotate(-8deg);}
    30%{-ms-transform:translate(0em,0.07em)  rotate(-16deg);}
    40%{-ms-transform:translate(0em,0.09em)  rotate(-24deg);}
    50%{-ms-transform:translate(0em,0.1em)  rotate(-28deg);}
    55%{-ms-transform:translate(0em,0.11em)  rotate(-35deg);}
    60%{-ms-transform:translate(0em,0.1em)  rotate(-28deg);}
    70%{-ms-transform:translate(0em,0.09em)  rotate(-24deg);}
    80%{-ms-transform:translate(0em,0.07em)  rotate(-16deg);}
    90%{-ms-transform:translate(0em,0.05em)  rotate(-8deg);}
    100%{-ms-transform:translate(0)  rotate(0deg);}
}

@keyframes NedvizhEaves{
    10%{transform:translate(0);}
    20%{transform:translate(0em,0.05em);}
    30%{transform:translate(0em,0.1em);}
    40%{transform:translate(0em,0.15em);}
    50%{transform:translate(0em,0.2em);}
    60%{transform:translate(0em,0.15em);}
    70%{transform:translate(0em,0.1em);}
    80%{transform:translate(0em,0.05em);}
    90%{transform:translate(0em,0.0em);}
    100%{transform:translate(0);}
}
@-webkit-keyframes NedvizhEaves{
    10%{-webkit-transform:translate(0);}
    20%{-webkit-transform:translate(0em,0.05em);}
    30%{-webkit-transform:translate(0em,0.1em);}
    40%{-webkit-transform:translate(0em,0.15em);}
    50%{-webkit-transform:translate(0em,0.2em);}
    60%{-webkit-transform:translate(0em,0.15em);}
    70%{-webkit-transform:translate(0em,0.1em);}
    80%{-webkit-transform:translate(0em,0.05em);}
    90%{-webkit-transform:translate(0em,0.0em);}
    100%{-webkit-transform:translate(0);}
}
@-moz-keyframes NedvizhEaves{
    10%{-moz-transform:translate(0);}
    20%{-moz-transform:translate(0em,0.05em);}
    30%{-moz-transform:translate(0em,0.1em);}
    40%{-moz-transform:translate(0em,0.15em);}
    50%{-moz-transform:translate(0em,0.2em);}
    60%{-moz-transform:translate(0em,0.15em);}
    70%{-moz-transform:translate(0em,0.1em);}
    80%{-moz-transform:translate(0em,0.05em);}
    90%{-moz-transform:translate(0em,0.0em);}
    100%{-moz-transform:translate(0);}
}
@-o-keyframes NedvizhEaves{
    10%{-o-transform:translate(0);}
    20%{-o-transform:translate(0em,0.05em);}
    30%{-o-transform:translate(0em,0.1em);}
    40%{-o-transform:translate(0em,0.15em);}
    50%{-o-transform:translate(0em,0.2em);}
    60%{-o-transform:translate(0em,0.15em);}
    70%{-o-transform:translate(0em,0.1em);}
    80%{-o-transform:translate(0em,0.05em);}
    90%{-o-transform:translate(0em,0.0em);}
    100%{-o-transform:translate(0);}
}
@-ms-keyframes NedvizhEaves{
    10%{-ms-transform:translate(0);}
    20%{-ms-transform:translate(0em,0.05em);}
    30%{-ms-transform:translate(0em,0.1em);}
    40%{-ms-transform:translate(0em,0.15em);}
    50%{-ms-transform:translate(0em,0.2em);}
    60%{-ms-transform:translate(0em,0.15em);}
    70%{-ms-transform:translate(0em,0.1em);}
    80%{-ms-transform:translate(0em,0.05em);}
    90%{-ms-transform:translate(0em,0.0em);}
    100%{-ms-transform:translate(0);}
}
@media (max-width: 390px) {
    .nedvizh-eaves img{
        height: 3%;
        width: 3%;
    }
}
/*===============
----- remont -----
===============*/
.remont-content {
    position: relative;
    width: auto;
    max-width: 280px;
    margin: 20px auto 0;
}
.remont-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}
.remont-body img {
    width: 100%;
}
.remont-paint{
    position: absolute;
    top: 6%;
    left: 67%;
    width: 20%;
    z-index: 14;
}
.remont-hend{
    position: absolute;
    top: 6%;
    left: 27%;
    width: 52%;
    z-index: 15;
    -webkit-animation: Remont-Hend linear 3s infinite;
    -moz-animation: Remont-Hend linear 3s infinite;
    -o-animation: Remont-Hend linear 3s infinite;
    animation: Remont-Hend linear 3s infinite;
    -webkit-transform-origin: 10% 70%;
    -moz-transform-origin: 10% 70%;
    -ms-transform-origin: 10% 70%;
    -o-transform-origin: 10% 70%;
    transform-origin: 10% 70%;
}
@keyframes Remont-Hend {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(2deg);}
    30%{transform:rotate(4deg);}
    40%{transform:rotate(6deg);}
    50%{transform:rotate(8deg);}
    60%{transform:rotate(6deg);}
    70%{transform:rotate(4deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes Remont-Hend {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(2deg);}
    30%{-webkit-transform:rotate(4deg);}
    40%{-webkit-transform:rotate(6deg);}
    50%{-webkit-transform:rotate(8deg);}
    60%{-webkit-transform:rotate(6deg);}
    70%{-webkit-transform:rotate(4deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes Remont-Hend {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(2deg);}
    30%{-moz-transform:rotate(4deg);}
    40%{-moz-transform:rotate(6deg);}
    50%{-moz-transform:rotate(8deg);}
    60%{-moz-transform:rotate(6deg);}
    70%{-moz-transform:rotate(4deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes Remont-Hend {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(2deg);}
    30%{-o-transform:rotate(4deg);}
    40%{-o-transform:rotate(6deg);}
    50%{-o-transform:rotate(8deg);}
    60%{-o-transform:rotate(6deg);}
    70%{-o-transform:rotate(4deg);}
    80%{-o-transform:rotate(2deg);}
    90%{-o-transform:rotate(1deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes Remont-Hend {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(2deg);}
    30%{-ms-transform:rotate(4deg);}
    40%{-ms-transform:rotate(6deg);}
    50%{-ms-transform:rotate(8deg);}
    60%{-ms-transform:rotate(6deg);}
    70%{-ms-transform:rotate(4deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}
/*===============
----- build -----
===============*/
.build-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: -40px auto 0;
}
.build-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}
.build-body img {
    width: 100%;
}
.build-hend-1{
    position: absolute;
    top: 52%;
    left: 30%;
    width: 20%;
    z-index: 14;
    -webkit-animation: BuildHend-1 linear 3s infinite;
    -moz-animation: BuildHend-1 linear 3s infinite;
    -o-animation: BuildHend-1 linear 3s infinite;
    animation: BuildHend-1 linear 3s infinite;
    -webkit-transform-origin: 50% 40%;
    -moz-transform-origin: 50% 40%;
    -ms-transform-origin: 50% 40%;
    -o-transform-origin: 50% 40%;
    transform-origin: 50% 40%;
}
.build-hend-2{
    position: absolute;
    top: 43%;
    left: 47%;
    width: 30%;
    z-index: 15;
    -webkit-animation: BuildHend-2 linear 3s infinite;
    -moz-animation: BuildHend-2 linear 3s infinite;
    -o-animation: BuildHend-2 linear 3s infinite;
    animation: BuildHend-2 linear 3s infinite;
    -webkit-transform-origin: 90% 20%;
    -moz-transform-origin: 90% 20%;
    -ms-transform-origin: 90% 20%;
    -o-transform-origin: 90% 20%;
    transform-origin: 90% 20%;
}
@keyframes BuildHend-2 {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(2deg);}
    30%{transform:rotate(4deg);}
    40%{transform:rotate(6deg);}
    50%{transform:rotate(8deg);}
    60%{transform:rotate(6deg);}
    70%{transform:rotate(4deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes BuildHend-2 {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(2deg);}
    30%{-webkit-transform:rotate(4deg);}
    40%{-webkit-transform:rotate(6deg);}
    50%{-webkit-transform:rotate(8deg);}
    60%{-webkit-transform:rotate(6deg);}
    70%{-webkit-transform:rotate(4deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes BuildHend-2 {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(2deg);}
    30%{-moz-transform:rotate(4deg);}
    40%{-moz-transform:rotate(6deg);}
    50%{-moz-transform:rotate(8deg);}
    60%{-moz-transform:rotate(6deg);}
    70%{-moz-transform:rotate(4deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes BuildHend-2 {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(2deg);}
    30%{-o-transform:rotate(4deg);}
    40%{-o-transform:rotate(6deg);}
    50%{-o-transform:rotate(8deg);}
    60%{-o-transform:rotate(6deg);}
    70%{-o-transform:rotate(4deg);}
    80%{-o-transform:rotate(2deg);}
    90%{-o-transform:rotate(1deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes BuildHend-2 {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(2deg);}
    30%{-ms-transform:rotate(4deg);}
    40%{-ms-transform:rotate(6deg);}
    50%{-ms-transform:rotate(8deg);}
    60%{-ms-transform:rotate(6deg);}
    70%{-ms-transform:rotate(4deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}
@keyframes BuildHend-1 {
    10%{transform: translate(0px,0px);}
    20%{transform:translate(1px,1px);}
    30%{transform:translate(2px,2px);}
    40%{transform:translate(3px,3px);}
    50%{transform:translate(4px,4px);}
    60%{transform:translate(4px,4px);}
    70%{transform:translate(3px,3px);}
    80%{transform:translate(2px,2px);}
    90%{transform:translate(1px,1px);}
    100%{transform:translate(0px,0px);}
}
@-moz-keyframes BuildHend-1 {
    10%{-moz-transform: translate(0px,0px);}
    20%{-moz-transform:translate(1px,1px);}
    30%{-moz-transform:translate(2px,2px);}
    40%{-moz-transform:translate(3px,3px);}
    50%{-moz-transform:translate(4px,4px);}
    60%{-moz-transform:translate(4px,4px);}
    70%{-moz-transform:translate(3px,3px);}
    80%{-moz-transform:translate(2px,2px);}
    90%{-moz-transform:translate(1px,1px);}
    100%{-moz-transform:translate(0px,0px);}
}
@-webkit-keyframes BuildHend-1 {
    10%{-webkit-transform: translate(0px,0px);}
    20%{-webkit-transform:translate(1px,1px);}
    30%{-webkit-transform:translate(2px,2px);}
    40%{-webkit-transform:translate(3px,3px);}
    50%{-webkit-transform:translate(4px,4px);}
    60%{-webkit-transform:translate(4px,4px);}
    70%{-webkit-transform:translate(3px,3px);}
    80%{-webkit-transform:translate(2px,2px);}
    90%{-webkit-transform:translate(1px,1px);}
    100%{-webkit-transform:translate(0px,0px);}
}
@-o-keyframes BuildHend-1 {
    10%{-o-transform: translate(0px,0px);}
    20%{-o-transform:translate(1px,1px);}
    30%{-o-transform:translate(2px,2px);}
    40%{-o-transform:translate(3px,3px);}
    50%{-o-transform:translate(4px,4px);}
    60%{-o-transform:translate(4px,4px);}
    70%{-o-transform:translate(3px,3px);}
    80%{-o-transform:translate(2px,2px);}
    90%{-o-transform:translate(1px,1px);}
    100%{-o-transform:translate(0px,0px);}
}
@-ms-keyframes BuildHend-1 {
    10%{-ms-transform: translate(0px,0px);}
    20%{-ms-transform:translate(1px,1px);}
    30%{-ms-transform:translate(2px,2px);}
    40%{-ms-transform:translate(3px,3px);}
    50%{-ms-transform:translate(4px,4px);}
    60%{-ms-transform:translate(4px,4px);}
    70%{-ms-transform:translate(3px,3px);}
    80%{-ms-transform:translate(2px,2px);}
    90%{-ms-transform:translate(1px,1px);}
    100%{-ms-transform:translate(0px,0px);}
}
/*===============
----- mebel -----
===============*/
.mebel-content {
    position: relative;
    width: auto;
    max-width: 580px;
    margin: 20px auto 0;
}
.mebel-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}
.mebel-body img {
    width: 100%;
}
.mebel-man {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    z-index: 12;
}
.mebel-man img {
    width: 100%;
}
.mebel-hend-1{
    position: absolute;
    top: 44%;
    left: 19.8%;
    width: 20%;
    z-index: 14;
    -webkit-animation: MebelHend linear 3s infinite;
    -moz-animation: MebelHend linear 3s infinite;
    -o-animation: MebelHend linear 3s infinite;
    animation: MebelHend linear 3s infinite;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.mebel-hend-2{
    position: absolute;
    top: 44%;
    left: 19.8%;
    width: 20%;
    z-index: 10;

    -webkit-animation: ModaSunglassys linear 2s infinite;
    -moz-animation: ModaSunglassys linear 2s infinite;
    -o-animation: ModaSunglassys linear 2s infinite;
    animation: ModaSunglassys linear 2s infinite;

    -webkit-animation: MebelHend linear 3s infinite;
    -moz-animation: MebelHend linear 3s infinite;
    -o-animation: MebelHend linear 3s infinite;
    animation: MebelHend linear 3s infinite;

    -webkit-transform-origin: 50% 40%;
    -moz-transform-origin: 50% 40%;
    -ms-transform-origin: 50% 40%;
    -o-transform-origin: 50% 40%;
    transform-origin: 50% 40%;
}
.mebel-sound-1 img {
    position: absolute;
    top: 25%;
    left: 35%;
    width: 4%;
    z-index: 14;
    -webkit-animation: MebelSound-1 linear 3s infinite;
    -moz-animation: MebelSound-1 linear 3s infinite;
    -o-animation: MebelSound-1 linear 3s infinite;
    animation: MebelSound-1 linear 3s infinite;
}
.mebel-sound-2 img {
    position: absolute;
    top: 25%;
    left: 38%;
    width: 4%;
    z-index: 4;
    -webkit-animation: MebelSound-2 linear 3s infinite;
    -moz-animation: MebelSound-2 linear 3s infinite;
    -o-animation: MebelSound-2 linear 3s infinite;
    animation: MebelSound-2 linear 3s infinite;
}
.mebel-sound-3 img {
    position: absolute;
    top: 25%;
    left: 40%;
    width: 4%;
    z-index: 14;
    -webkit-animation: MebelSound-3 linear 3s infinite;
    -moz-animation: MebelSound-3 linear 3s infinite;
    -o-animation: MebelSound-3 linear 3s infinite;
    animation: MebelSound-3 linear 3s infinite;
}

@keyframes MebelHend {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(2deg);}
    30%{transform:rotate(4deg);}
    40%{transform:rotate(6deg);}
    50%{transform:rotate(8deg);}
    60%{transform:rotate(6deg);}
    70%{transform:rotate(4deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes MebelHend {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(2deg);}
    30%{-webkit-transform:rotate(4deg);}
    40%{-webkit-transform:rotate(6deg);}
    50%{-webkit-transform:rotate(8deg);}
    60%{-webkit-transform:rotate(6deg);}
    70%{-webkit-transform:rotate(4deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes MebelHend {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(2deg);}
    30%{-moz-transform:rotate(4deg);}
    40%{-moz-transform:rotate(6deg);}
    50%{-moz-transform:rotate(8deg);}
    60%{-moz-transform:rotate(6deg);}
    70%{-moz-transform:rotate(4deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes MebelHend {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(2deg);}
    30%{-o-transform:rotate(4deg);}
    40%{-o-transform:rotate(6deg);}
    50%{-o-transform:rotate(8deg);}
    60%{-o-transform:rotate(6deg);}
    70%{-o-transform:rotate(4deg);}
    80%{-o-transform:rotate(2deg);}
    90%{-o-transform:rotate(1deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes MebelHend {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(2deg);}
    30%{-ms-transform:rotate(4deg);}
    40%{-ms-transform:rotate(6deg);}
    50%{-ms-transform:rotate(8deg);}
    60%{-ms-transform:rotate(6deg);}
    70%{-ms-transform:rotate(4deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes MebelSound-1 {
    10%{opacity: 1;}
    20%{opacity: 0.75;}
    30%{opacity: 0.5;}
    40%{opacity: 0.25;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}
@-webkit-keyframes MebelSound-1 {
    10%{opacity: 1;}
    20%{opacity: 0.75;}
    30%{opacity: 0.5;}
    40%{opacity: 0.25;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}
@-moz-keyframes MebelSound-1 {
    10%{opacity: 1;}
    20%{opacity: 0.75;}
    30%{opacity: 0.5;}
    40%{opacity: 0.25;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}
@-o-keyframes MebelSound-1 {
    10%{opacity: 1;}
    20%{opacity: 0.75;}
    30%{opacity: 0.5;}
    40%{opacity: 0.25;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}
@-ms-keyframes MebelSound-1 {
    10%{opacity: 1;}
    20%{opacity: 0.75;}
    30%{opacity: 0.5;}
    40%{opacity: 0.25;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}

@keyframes MebelSound-2 {
    10%{opacity: 0.5;}
    20%{opacity: 0.75;}
    30%{opacity: 1;}
    40%{opacity: 0.75;}
    50%{opacity: 0.5;}
    55%{opacity: 0.25;}
    60%{opacity: 0.1;}
    70%{opacity: 0;}
    80%{opacity: 0.1;}
    90%{opacity: 0.25;}
    100%{opacity: 0.5;}
}
@-webkit-keyframes MebelSound-2 {
    10%{opacity: 0.5;}
    20%{opacity: 0.75;}
    30%{opacity: 1;}
    40%{opacity: 0.75;}
    50%{opacity: 0.5;}
    55%{opacity: 0.25;}
    60%{opacity: 0.1;}
    70%{opacity: 0;}
    80%{opacity: 0.1;}
    90%{opacity: 0.25;}
    100%{opacity: 0.5;}
}
@-moz-keyframes MebelSound-2 {
    10%{opacity: 0.5;}
    20%{opacity: 0.75;}
    30%{opacity: 1;}
    40%{opacity: 0.75;}
    50%{opacity: 0.5;}
    55%{opacity: 0.25;}
    60%{opacity: 0.1;}
    70%{opacity: 0;}
    80%{opacity: 0.1;}
    90%{opacity: 0.25;}
    100%{opacity: 0.5;}
}
@-o-keyframes MebelSound-2 {
    10%{opacity: 0.5;}
    20%{opacity: 0.75;}
    30%{opacity: 1;}
    40%{opacity: 0.75;}
    50%{opacity: 0.5;}
    55%{opacity: 0.25;}
    60%{opacity: 0.1;}
    70%{opacity: 0;}
    80%{opacity: 0.1;}
    90%{opacity: 0.25;}
    100%{opacity: 0.5;}
}
@-ms-keyframes MebelSound-2 {
    10%{opacity: 0.5;}
    20%{opacity: 0.75;}
    30%{opacity: 1;}
    40%{opacity: 0.75;}
    50%{opacity: 0.5;}
    55%{opacity: 0.25;}
    60%{opacity: 0.1;}
    70%{opacity: 0;}
    80%{opacity: 0.1;}
    90%{opacity: 0.25;}
    100%{opacity: 0.5;}
}

@keyframes MebelSound-3 {
    10%{opacity: 0.1;}
    20%{opacity: 0.25;}
    30%{opacity: 0.5;}
    40%{opacity: 0.75;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}
@-webkit-keyframes MebelSound-3 {
    10%{opacity: 0.1;}
    20%{opacity: 0.25;}
    30%{opacity: 0.5;}
    40%{opacity: 0.75;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}
@-moz-keyframes MebelSound-3 {
    10%{opacity: 0.1;}
    20%{opacity: 0.25;}
    30%{opacity: 0.5;}
    40%{opacity: 0.75;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}
@-o-keyframes MebelSound-3 {
    10%{opacity: 0.1;}
    20%{opacity: 0.25;}
    30%{opacity: 0.5;}
    40%{opacity: 0.75;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}
@-ms-keyframes MebelSound-3 {
    10%{opacity: 0.1;}
    20%{opacity: 0.25;}
    30%{opacity: 0.5;}
    40%{opacity: 0.75;}
    50%{opacity: 0.1;}
    55%{opacity: 0;}
    60%{opacity: 0.1;}
    70%{opacity: 0.25;}
    80%{opacity: 0.5;}
    90%{opacity: 0.75;}
    100%{opacity: 1;}
}
/*===============
----- Search -----
=================*/
.search-content {
    position: relative;
    width: auto;
    max-width: 960px;
    margin: 80px auto 0;
}
.search-body{
    position: relative;
    width: 100%;
    height: 420px;
    z-index: 1;
    background: url("../svg/search/01.svg") 0 0 no-repeat;
    background-size: cover;

    animation: SearchBody 2s steps(16) infinite;
    -webkit-animation: SearchBody 2s steps(16) infinite;
    -moz-animation: SearchBody 2s steps(16) infinite;
    -o-animation: SearchBody 2s steps(16) infinite;
}
.text-box{
    position: absolute;
    right: 20%;
    top: 10%;
    width: 260px;
    height: 200px;
    z-index: 9999;
}
.text-box p {
    font-size: 16px;
    font-weight: bold;
}
.text-box a {
    color: #1da0c9;
    font-size: 16px;
    font-weight: bold;
}
.text-box a:hover {
    background: none;
    color: red;
}
.position-search{
    position: relative;
}
@keyframes SearchBody-M-min { from { background-position: 0px 0px; } to { background-position: 0 -4078px; } }
@keyframes SearchBody { from { background-position: 0px 0px; } to { background-position: 0 -6991px; } }
@keyframes SearchBody-min { from { background-position: 0px 0px; } to { background-position: 0 -2330px; } }
@media (max-width: 980px){
    .search-content {
        max-width: 560px;
    }
    .text-box{
        top:5%;
        right: 0;
    }
    .search-body{
        height: 250px;
        animation: SearchBody-M-min 2s steps(16) infinite;
        -webkit-animation: SearchBody-M-min 2s steps(16) infinite;
        -moz-animation: SearchBody-M-min 2s steps(16) infinite;
        -o-animation: SearchBody-M-min 2s steps(16) infinite;
    }
}
@media (max-width: 560px) {
    .search-content {
        max-width: 320px;
    }
    .search-body{
        height: 150px;
        animation: SearchBody-min 2s steps(16) infinite;
        -webkit-animation: SearchBody-min 2s steps(16) infinite;
        -moz-animation: SearchBody-min 2s steps(16) infinite;
        -o-animation: SearchBody-min 2s steps(16) infinite;
    }
    .text-box{
        width: 160px;
    }
    .text-box p {
        font-size: 12px;
        line-height: 1;
    }
    .text-box a {
        font-size: 12px;
    }
}

/*===============
----- ship -----
=================*/
.ship-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: -40px auto 0;
}
.ship-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 50px;
}
.ship-body img {
    width: 100%;
}
.ship-hend-1{
    position: absolute;
    top: 36%;
    left: 39%;
    width: 11%;
    z-index: 14;
    -webkit-animation: ShipHend-1 linear 3s infinite;
    -moz-animation: ShipHend-1 linear 3s infinite;
    -o-animation: ShipHend-1 linear 3s infinite;
    animation: ShipHend-1 linear 3s infinite;
    -webkit-transform-origin: 90% 90%;
    -moz-transform-origin: 90% 90%;
    -ms-transform-origin: 90% 90%;
    -o-transform-origin: 90% 90%;
    transform-origin: 90% 90%;
}
.ship-hend-2{
    position: absolute;
    top: 41%;
    left: 61%;
    width: 11%;
    z-index: 20;
    -webkit-animation: ShipHend-2 linear 3s infinite;
    -moz-animation: ShipHend-2 linear 3s infinite;
    -o-animation: ShipHend-2 linear 3s infinite;
    animation: ShipHend-2 linear 3s infinite;
    -webkit-transform-origin: 90% 20%;
    -moz-transform-origin: 90% 20%;
    -ms-transform-origin: 90% 20%;
    -o-transform-origin: 90% 20%;
    transform-origin: 90% 20%;
}
.ship-man{
    position: absolute;
    top: 5%;
    left: 45%;
    width: 27%;
    z-index: 15;
    -webkit-animation: Build1Hend-2 linear 3s infinite;
    -moz-animation: BuildH1end-2 linear 3s infinite;
    -o-animation: BuildH1end-2 linear 3s infinite;
    animation: BuildH1end-2 linear 3s infinite;
    -webkit-transform-origin: 90% 20%;
    -moz-transform-origin: 90% 20%;
    -ms-transform-origin: 90% 20%;
    -o-transform-origin: 90% 20%;
    transform-origin: 90% 20%;
}
.ship-helm{
    position: absolute;
    top: 30%;
    left: 35%;
    width: 33%;
    z-index: 15;
    -webkit-animation: ShipHelm linear 3s infinite;
    -moz-animation: ShipHelm linear 3s infinite;
    -o-animation: ShipHelm linear 3s infinite;
    animation: ShipHelm linear 3s infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.ship-ship{
    position: absolute;
    top: 47%;
    left: 20%;
    width: 63%;
    z-index: 15;
    -webkit-animation: Bui1ldHend-2 linear 3s infinite;
    -moz-animation: Build1Hend-2 linear 3s infinite;
    -o-animation: Build1Hend-2 linear 3s infinite;
    animation: BuildH1end-2 linear 3s infinite;
    -webkit-transform-origin: 90% 20%;
    -moz-transform-origin: 90% 20%;
    -ms-transform-origin: 90% 20%;
    -o-transform-origin: 90% 20%;
    transform-origin: 90% 20%;
}
.ship-wrist{
    position: absolute;
    top: 38%;
    left: 37%;
    width: 6%;
    z-index: 15;
    -webkit-animation: ShipWrist linear 3s infinite;
    -moz-animation: ShipWrist linear 3s infinite;
    -o-animation: ShipWrist linear 3s infinite;
    animation: ShipWrist linear 3s infinite;
    -webkit-transform-origin: 90% 20%;
    -moz-transform-origin: 90% 20%;
    -ms-transform-origin: 90% 20%;
    -o-transform-origin: 90% 20%;
    transform-origin: 90% 20%;
}

@keyframes ShipHelm {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(2deg);}
    30%{transform:rotate(4deg);}
    40%{transform:rotate(6deg);}
    50%{transform:rotate(8deg);}
    60%{transform:rotate(6deg);}
    70%{transform:rotate(4deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes ShipHelm {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(2deg);}
    30%{-moz-transform:rotate(4deg);}
    40%{-moz-transform:rotate(6deg);}
    50%{-moz-transform:rotate(8deg);}
    60%{-moz-transform:rotate(6deg);}
    70%{-moz-transform:rotate(4deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-webkit-keyframes ShipHelm {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(2deg);}
    30%{-webkit-transform:rotate(4deg);}
    40%{-webkit-transform:rotate(6deg);}
    50%{-webkit-transform:rotate(8deg);}
    60%{-webkit-transform:rotate(6deg);}
    70%{-webkit-transform:rotate(4deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-o-keyframes ShipHelm {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(2deg);}
    30%{-o-transform:rotate(4deg);}
    40%{-o-transform:rotate(6deg);}
    50%{-o-transform:rotate(8deg);}
    60%{-o-transform:rotate(6deg);}
    70%{-o-transform:rotate(4deg);}
    80%{-o-transform:rotate(2deg);}
    90%{-o-transform:rotate(1deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes ShipHelm {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(2deg);}
    30%{-ms-transform:rotate(4deg);}
    40%{-ms-transform:rotate(6deg);}
    50%{-ms-transform:rotate(8deg);}
    60%{-ms-transform:rotate(6deg);}
    70%{-ms-transform:rotate(4deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes ShipHend-2 {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(-2deg);}
    30%{transform:rotate(-4deg);}
    40%{transform:rotate(-6deg);}
    50%{transform:rotate(-8deg);}
    60%{transform:rotate(-6deg);}
    70%{transform:rotate(-4deg);}
    80%{transform:rotate(-2deg);}
    90%{transform:rotate(-1deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes ShipHend-2 {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(-2deg);}
    30%{-moz-transform:rotate(-4deg);}
    40%{-moz-transform:rotate(-6deg);}
    50%{-moz-transform:rotate(-8deg);}
    60%{-moz-transform:rotate(-6deg);}
    70%{-moz-transform:rotate(-4deg);}
    80%{-moz-transform:rotate(-2deg);}
    90%{-moz-transform:rotate(-1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-webkit-keyframes ShipHend-2 {
     10%{-webkit-transform:rotate(0deg);}
     20%{-webkit-transform:rotate(-2deg);}
     30%{-webkit-transform:rotate(-4deg);}
     40%{-webkit-transform:rotate(-6deg);}
     50%{-webkit-transform:rotate(-8deg);}
     60%{-webkit-transform:rotate(-6deg);}
     70%{-webkit-transform:rotate(-4deg);}
     80%{-webkit-transform:rotate(-2deg);}
     90%{-webkit-transform:rotate(-1deg);}
     100%{-webkit-transform:rotate(0deg);}
 }
@-o-keyframes ShipHend-2 {
      10%{-o-transform:rotate(0deg);}
      20%{-o-transform:rotate(-2deg);}
      30%{-o-transform:rotate(-4deg);}
      40%{-o-transform:rotate(-6deg);}
      50%{-o-transform:rotate(-8deg);}
      60%{-o-transform:rotate(-6deg);}
      70%{-o-transform:rotate(-4deg);}
      80%{-o-transform:rotate(-2deg);}
      90%{-o-transform:rotate(-1deg);}
      100%{-o-transform:rotate(0deg);}
  }
@-ms-keyframes ShipHend-2 {
       10%{-ms-transform:rotate(0deg);}
       20%{-ms-transform:rotate(-2deg);}
       30%{-ms-transform:rotate(-4deg);}
       40%{-ms-transform:rotate(-6deg);}
       50%{-ms-transform:rotate(-8deg);}
       60%{-ms-transform:rotate(-6deg);}
       70%{-ms-transform:rotate(-4deg);}
       80%{-ms-transform:rotate(-2deg);}
       90%{-ms-transform:rotate(-1deg);}
       100%{-ms-transform:rotate(0deg);}
}

@keyframes ShipHend-1 {
    10%{transform:rotate(0deg);}
    20%{transform:rotate(2deg);}
    30%{transform:rotate(4deg);}
    40%{transform:rotate(6deg);}
    50%{transform:rotate(8deg);}
    60%{transform:rotate(6deg);}
    70%{transform:rotate(4deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes ShipHend-1 {
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(2deg);}
    30%{-moz-transform:rotate(4deg);}
    40%{-moz-transform:rotate(6deg);}
    50%{-moz-transform:rotate(8deg);}
    60%{-moz-transform:rotate(6deg);}
    70%{-moz-transform:rotate(4deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-webkit-keyframes ShipHend-1 {
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(2deg);}
    30%{-webkit-transform:rotate(4deg);}
    40%{-webkit-transform:rotate(6deg);}
    50%{-webkit-transform:rotate(8deg);}
    60%{-webkit-transform:rotate(6deg);}
    70%{-webkit-transform:rotate(4deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-o-keyframes ShipHend-1 {
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(2deg);}
    30%{-o-transform:rotate(4deg);}
    40%{-o-transform:rotate(6deg);}
    50%{-o-transform:rotate(8deg);}
    60%{-o-transform:rotate(6deg);}
    70%{-o-transform:rotate(4deg);}
    80%{-o-transform:rotate(2deg);}
    90%{-o-transform:rotate(1deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes ShipHend-1 {
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(2deg);}
    30%{-ms-transform:rotate(4deg);}
    40%{-ms-transform:rotate(6deg);}
    50%{-ms-transform:rotate(8deg);}
    60%{-ms-transform:rotate(6deg);}
    70%{-ms-transform:rotate(4deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes ShipWrist {
    10%{transform: translate(0px,0px);}
    20%{transform:translate(2px,-1px);}
    30%{transform:translate(3px,-2px);}
    40%{transform:translate(4px,-3px);}
    50%{transform:translate(5px,-4px);}
    60%{transform:translate(5px,-4px);}
    70%{transform:translate(4px,-3px);}
    80%{transform:translate(3px,-2px);}
    90%{transform:translate(2px,-1px);}
    100%{transform:translate(0px,0px);}
}
@-moz-keyframes ShipWrist {
    10%{-moz-transform: translate(0px,0px);}
    20%{-moz-transform:translate(2px,-1px);}
    30%{-moz-transform:translate(3px,-2px);}
    40%{-moz-transform:translate(4px,-3px);}
    50%{-moz-transform:translate(5px,-4px);}
    60%{-moz-transform:translate(5px,-4px);}
    70%{-moz-transform:translate(4px,-3px);}
    80%{-moz-transform:translate(3px,-2px);}
    90%{-moz-transform:translate(2px,-1px);}
    100%{-moz-transform:translate(0px,0px);}
}
@-o-keyframes ShipWrist {
    10%{-o-transform: translate(0px,0px);}
    20%{-o-transform:translate(2px,-1px);}
    30%{-o-transform:translate(3px,-2px);}
    40%{-o-transform:translate(4px,-3px);}
    50%{-o-transform:translate(5px,-4px);}
    60%{-o-transform:translate(5px,-4px);}
    70%{-o-transform:translate(4px,-3px);}
    80%{-o-transform:translate(3px,-2px);}
    90%{-o-transform:translate(2px,-1px);}
    100%{-o-transform:translate(0px,0px);}
}
@-webkit-keyframes ShipWrist {
    10%{-webkit-transform: translate(0px,0px);}
    20%{-webkit-transform:translate(2px,-1px);}
    30%{-webkit-transform:translate(3px,-2px);}
    40%{-webkit-transform:translate(4px,-3px);}
    50%{-webkit-transform:translate(5px,-4px);}
    60%{-webkit-transform:translate(5px,-4px);}
    70%{-webkit-transform:translate(4px,-3px);}
    80%{-webkit-transform:translate(3px,-2px);}
    90%{-webkit-transform:translate(2px,-1px);}
    100%{-webkit-transform:translate(0px,0px);}
}
@-ms-keyframes ShipWrist {
    10%{-ms-transform: translate(0px,0px);}
    20%{-ms-transform:translate(2px,-1px);}
    30%{-ms-transform:translate(3px,-2px);}
    40%{-ms-transform:translate(4px,-3px);}
    50%{-ms-transform:translate(5px,-4px);}
    60%{-ms-transform:translate(5px,-4px);}
    70%{-ms-transform:translate(4px,-3px);}
    80%{-ms-transform:translate(3px,-2px);}
    90%{-ms-transform:translate(2px,-1px);}
    100%{-ms-transform:translate(0px,0px);}
}

/*=============
---- Hotel ----
==============*/
.hotel-content {
    margin: auto;
    max-width: 540px;
    position: relative;
    margin-top: 50px;
}
.hotel-content img {
    width: 100%;
    height: auto;
}
.hotel-hand {
    position: absolute;
    width: 17%;
    top: 45%;
    left: 40%;
    z-index: 2;
    -webkit-animation: hotelHand linear 4s infinite;
    -o-animation: hotelHand linear 4s infinite;
    animation: hotelHand linear 4s infinite;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}
.hotel-boy {
    position: absolute;
    width: 56%;
    top: 44%;
    left: 24%;
    z-index: 5;
}
@-moz-keyframes hotelHand {
    0%{-moz-transform:rotate(0deg)}
    50%{-moz-transform:rotate(-10deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes hotelHand {
    0%{-webkit-transform:rotate(0deg)}
    50%{-webkit-transform:rotate(-10deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes hotelHand {
    0%{-o-transform:rotate(0deg)}
    50%{-o-transform:rotate(-10deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes hotelHand {
    0%{-ms-transform:rotate(0deg)}
    50%{-ms-transform:rotate(-10deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes hotelHand {
    0%{transform:rotate(0deg);}
    50%{transform:rotate(-10deg);}
    100%{transform:rotate(0deg);}
}

/*===============
---- Finansy ----
===============*/
.finansy-content {
    margin: auto;
    max-width: 540px;
    position: relative;
    margin-top: 50px;
}
.finansy-hand {
    position: absolute;
    top: 42%;
    left: 68%;
    width: 6%;
    -webkit-animation: finansyHand linear 4s infinite;
    -o-animation: finansyHand linear 4s infinite;
    animation: finansyHand linear 4s infinite;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
}
.finansy-circle {
    position: absolute;
    top: 50%;
    left: 71%;
    width: 11%;
    -webkit-animation: finansyCircle linear 4s infinite;
    -o-animation: finansyCircle linear 4s infinite;
    animation: finansyCircle linear 4s infinite;
}
@-moz-keyframes finansyHand {
    0%{-moz-transform:rotate(0deg)}
    25%{-moz-transform:rotate(-5deg)}
    50%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}

@-webkit-keyframes finansyHand {
    0%{-webkit-transform:rotate(0deg)}
    25%{-webkit-transform:rotate(-5deg)}
    50%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}

@-o-keyframes finansyHand {
    0%{-o-transform:rotate(0deg)}
    25%{-o-transform:rotate(-5deg)}
    50%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}

@-ms-keyframes finansyHand {
    0%{-ms-transform:rotate(0deg)}
    25%{-ms-transform:rotate(-5deg)}
    50%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes finansyHand {
    0%{transform:rotate(0deg);}
    25%{transform:rotate(-5deg);}
    50%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}



@-moz-keyframes finansyCircle {
    0%{left: 71%;}
    25%{left: 75%;}
    50%{left: 83%;}
    100%{left: 71%;}
}

@-webkit-keyframes finansyCircle {
    0%{left: 71%;}
    25%{left: 75%;}
    50%{left: 83%;}
    100%{left: 71%;}
}

@-o-keyframes finansyCircle {
    0%{left: 71%;}
    25%{left: 75%;}
    50%{left: 83%;}
    100%{left: 71%;}
}

@-ms-keyframes finansyCircle {
    0%{left: 71%;}
    25%{left: 75%;}
    50%{left: 83%;}
    100%{left: 71%;}
}

@keyframes finansyCircle {
    0%{left: 71%;}
    25%{left: 75%;}
    50%{left: 83%;}
    100%{left: 71%;}
}

/*===============
----- baby -----
===============*/
.baby-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: -40px auto 0;
}
.baby-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 50px;
}
.baby-body img {
    width: 100%;
}
.baby-hend{
    position: absolute;
    top: 41%;
    left: 24%;
    width: 22%;
    z-index: 16;
    -webkit-animation: babyHend linear 3s infinite;
    -moz-animation: babyHend linear 3s infinite;
    -o-animation: babyHend linear 3s infinite;
    animation: babyHend linear 3s infinite;
    -webkit-transform-origin: 10% 40%;
    -moz-transform-origin: 10% 40%;
    -ms-transform-origin: 10% 40%;
    -o-transform-origin: 10% 40%;
    transform-origin: 10% 40%;
}
.baby-basket{
    position: absolute;
    top: 26%;
    left: 40%;
    width: 55%;
    z-index: 15;
    -webkit-animation: babyBasket linear 3s infinite;
    -moz-animation: babyBasket linear 3s infinite;
    -o-animation: babyBasket linear 3s infinite;
    animation: babyBasket linear 3s infinite;
    -webkit-transform-origin: 80% 60%;
    -moz-transform-origin: 80% 60%;
    -ms-transform-origin: 80% 60%;
    -o-transform-origin: 80% 60%;
    transform-origin: 80% 60%;
}
.baby-wheel{
    position: absolute;
    top: 68%;
    left: 52%;
    width: 42%;
    z-index: 15;
}

@keyframes babyBasket {
    10%{transform:rotate(-0deg);}
    20%{transform:rotate(-2deg);}
    30%{transform:rotate(-3deg);}
    40%{transform:rotate(-4deg);}
    50%{transform:rotate(-5deg);}
    60%{transform:rotate(-4deg);}
    70%{transform:rotate(-3deg);}
    80%{transform:rotate(-2deg);}
    90%{transform:rotate(-1deg);}
    100%{transform:rotate(-0deg);}
}
@-moz-keyframes babyBasket {
    10%{-moz-transform:rotate(-0deg);}
    20%{-moz-transform:rotate(-2deg);}
    30%{-moz-transform:rotate(-3deg);}
    40%{-moz-transform:rotate(-4deg);}
    50%{-moz-transform:rotate(-5deg);}
    60%{-moz-transform:rotate(-4deg);}
    70%{-moz-transform:rotate(-3deg);}
    80%{-moz-transform:rotate(-2deg);}
    90%{-moz-transform:rotate(-1deg);}
    100%{-moz-transform:rotate(-0deg);}
}
@-o-keyframes babyBasket {
    10%{-o-transform:rotate(-0deg);}
    20%{-o-transform:rotate(-2deg);}
    30%{-o-transform:rotate(-3deg);}
    40%{-o-transform:rotate(-4deg);}
    50%{-o-transform:rotate(-5deg);}
    60%{-o-transform:rotate(-4deg);}
    70%{-o-transform:rotate(-3deg);}
    80%{-o-transform:rotate(-2deg);}
    90%{-o-transform:rotate(-1deg);}
    100%{-o-transform:rotate(-0deg);}
}
@-webkit-keyframes babyBasket {
    10%{-webkit-transform:rotate(-0deg);}
    20%{-webkit-transform:rotate(-2deg);}
    30%{-webkit-transform:rotate(-3deg);}
    40%{-webkit-transform:rotate(-4deg);}
    50%{-webkit-transform:rotate(-5deg);}
    60%{-webkit-transform:rotate(-4deg);}
    70%{-webkit-transform:rotate(-3deg);}
    80%{-webkit-transform:rotate(-2deg);}
    90%{-webkit-transform:rotate(-1deg);}
    100%{-webkit-transform:rotate(-0deg);}
}
@-ms-keyframes babyBasket {
    10%{-ms-transform:rotate(-0deg);}
    20%{-ms-transform:rotate(-2deg);}
    30%{-ms-transform:rotate(-3deg);}
    40%{-ms-transform:rotate(-4deg);}
    50%{-ms-transform:rotate(-5deg);}
    60%{-ms-transform:rotate(-4deg);}
    70%{-ms-transform:rotate(-3deg);}
    80%{-ms-transform:rotate(-2deg);}
    90%{-ms-transform:rotate(-1deg);}
    100%{-ms-transform:rotate(-0deg);}
}

@keyframes babyHend {
    10%{transform:rotate(2deg);}
    20%{transform:rotate(4deg);}
    30%{transform:rotate(6deg);}
    40%{transform:rotate(8deg);}
    50%{transform:rotate(10deg);}
    60%{transform:rotate(8deg);}
    70%{transform:rotate(6deg);}
    80%{transform:rotate(4deg);}
    90%{transform:rotate(2deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes babyHend {
    10%{-moz-transform:rotate(2deg);}
    20%{-moz-transform:rotate(4deg);}
    30%{-moz-transform:rotate(6deg);}
    40%{-moz-transform:rotate(8deg);}
    50%{-moz-transform:rotate(10deg);}
    60%{-moz-transform:rotate(8deg);}
    70%{-moz-transform:rotate(6deg);}
    80%{-moz-transform:rotate(4deg);}
    90%{-moz-transform:rotate(2deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes babyHend {
    10%{-o-transform:rotate(2deg);}
    20%{-o-transform:rotate(4deg);}
    30%{-o-transform:rotate(6deg);}
    40%{-o-transform:rotate(8deg);}
    50%{-o-transform:rotate(10deg);}
    60%{-o-transform:rotate(8deg);}
    70%{-o-transform:rotate(6deg);}
    80%{-o-transform:rotate(4deg);}
    90%{-o-transform:rotate(2deg);}
    100%{-o-transform:rotate(0deg);}
}
@-webkit-keyframes babyHend {
    10%{-webkit-transform:rotate(2deg);}
    20%{-webkit-transform:rotate(4deg);}
    30%{-webkit-transform:rotate(6deg);}
    40%{-webkit-transform:rotate(8deg);}
    50%{-webkit-transform:rotate(10deg);}
    60%{-webkit-transform:rotate(8deg);}
    70%{-webkit-transform:rotate(6deg);}
    80%{-webkit-transform:rotate(4deg);}
    90%{-webkit-transform:rotate(2deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes babyHend {
    10%{-ms-transform:rotate(2deg);}
    20%{-ms-transform:rotate(4deg);}
    30%{-ms-transform:rotate(6deg);}
    40%{-ms-transform:rotate(8deg);}
    50%{-ms-transform:rotate(10deg);}
    60%{-ms-transform:rotate(8deg);}
    70%{-ms-transform:rotate(6deg);}
    80%{-ms-transform:rotate(4deg);}
    90%{-ms-transform:rotate(2deg);}
    100%{-ms-transform:rotate(0deg);}
}

/*===============
----- design -----
===============*/
.design-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: -40px auto 0;
}
.design-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 50px;
}
.design-body img {
    width: 100%;
}
.design-man{
    position: absolute;
    top: 3%;
    left: 61%;
    width: 42%;
    z-index: 16;
    -webkit-animation: babyH1end linear 3s infinite;
    -moz-animation: baby1Hend linear 3s infinite;
    -o-animation: baby1Hend linear 3s infinite;
    animation: babyHe1nd linear 3s infinite;
    -webkit-transform-origin: 10% 40%;
    -moz-transform-origin: 10% 40%;
    -ms-transform-origin: 10% 40%;
    -o-transform-origin: 10% 40%;
    transform-origin: 10% 40%;
}
.design-paper-1{
    position: absolute;
    top: 24%;
    left: 51%;
    width: 12%;
    z-index: 11;
    -webkit-animation: DesignPaper-1 linear 3s infinite;
    -moz-animation: DesignPaper-1 linear 3s infinite;
    -o-animation: DesignPaper-1 linear 3s infinite;
    animation: DesignPaper-1 linear 3s infinite;
    -webkit-transform-origin: 90% 80%;
    -moz-transform-origin: 90% 80%;
    -ms-transform-origin: 90% 80%;
    -o-transform-origin: 90% 80%;
    transform-origin: 90% 80%;
}
.design-paper-2{
    position: absolute;
    top: 22%;
    left: 53%;
    width: 12%;
    z-index: 12;
    -webkit-animation: DesignPaper-2 linear 3s infinite;
    -moz-animation: DesignPaper-2 linear 3s infinite;
    -o-animation: DesignPaper-2 linear 3s infinite;
    animation: DesignPaper-2 linear 3s infinite;
    -webkit-transform-origin: 90% 80%;
    -moz-transform-origin: 90% 80%;
    -ms-transform-origin: 90% 80%;
    -o-transform-origin: 90% 80%;
    transform-origin: 90% 80%;
}
.design-paper-3{
    position: absolute;
    top: 21%;
    left: 54%;
    width: 12%;
    z-index: 13;
    -webkit-animation: DesignPaper-3 linear 3s infinite;
    -moz-animation: DesignPaper-3 linear 3s infinite;
    -o-animation: DesignPaper-3 linear 3s infinite;
    animation: DesignPaper-3 linear 3s infinite;
    -webkit-transform-origin: 80% 60%;
    -moz-transform-origin: 80% 60%;
    -ms-transform-origin: 80% 60%;
    -o-transform-origin: 80% 60%;
    transform-origin: 80% 60%;
}
.design-paper-4{
    position: absolute;
    top: 21%;
    left: 55%;
    width: 12%;
    z-index: 14;
    -webkit-animation: DesignPaper-4 linear 3s infinite;
    -moz-animation: DesignPaper-4 linear 3s infinite;
    -o-animation: DesignPaper-4 linear 3s infinite;
    animation: DesignPaper-4 linear 3s infinite;
    -webkit-transform-origin: 60% 60%;
    -moz-transform-origin: 60% 60%;
    -ms-transform-origin: 60% 60%;
    -o-transform-origin: 60% 60%;
    transform-origin: 60% 70%;
}
.design-paper-5{
    position: absolute;
    top: 21%;
    left: 56%;
    width: 12%;
    z-index: 15;
    -webkit-animation: DesignPaper-5 linear 3s infinite;
    -moz-animation: DesignPaper-5 linear 3s infinite;
    -o-animation: DesignPaper-5 linear 3s infinite;
    animation: DesignPaper-5 linear 3s infinite;
    -webkit-transform-origin: 90% 80%;
    -moz-transform-origin: 90% 80%;
    -ms-transform-origin: 90% 80%;
    -o-transform-origin: 90% 80%;
    transform-origin: 90% 80%;
}

@keyframes DesignPaper-1 {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(-10deg);}
    20%{transform:rotate(-25deg);}
    30%{transform:rotate(-25deg);}
    40%{transform:rotate(-25deg);}
    50%{transform:rotate(-25deg);}
    60%{transform:rotate(-25deg);}
    70%{transform:rotate(-25deg);}
    80%{transform:rotate(-25deg);}
    90%{transform:rotate(-10deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes DesignPaper-1 {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(-10deg);}
    20%{-moz-transform:rotate(-25deg);}
    30%{-moz-transform:rotate(-25deg);}
    40%{-moz-transform:rotate(-25deg);}
    50%{-moz-transform:rotate(-25deg);}
    60%{-moz-transform:rotate(-25deg);}
    70%{-moz-transform:rotate(-25deg);}
    80%{-moz-transform:rotate(-25deg);}
    90%{-moz-transform:rotate(-10deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes DesignPaper-1 {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(-10deg);}
    20%{-o-transform:rotate(-25deg);}
    30%{-o-transform:rotate(-25deg);}
    40%{-o-transform:rotate(-25deg);}
    50%{-o-transform:rotate(-25deg);}
    60%{-o-transform:rotate(-25deg);}
    70%{-o-transform:rotate(-25deg);}
    80%{-o-transform:rotate(-25deg);}
    90%{-o-transform:rotate(-10deg);}
    100%{-o-transform:rotate(0deg);}
}
@-webkit-keyframes DesignPaper-1 {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(-10deg);}
    20%{-webkit-transform:rotate(-25deg);}
    30%{-webkit-transform:rotate(-25deg);}
    40%{-webkit-transform:rotate(-25deg);}
    50%{-webkit-transform:rotate(-25deg);}
    60%{-webkit-transform:rotate(-25deg);}
    70%{-webkit-transform:rotate(-25deg);}
    80%{-webkit-transform:rotate(-25deg);}
    90%{-webkit-transform:rotate(-10deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes DesignPaper-1 {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(-10deg);}
    20%{-ms-transform:rotate(-25deg);}
    30%{-ms-transform:rotate(-25deg);}
    40%{-ms-transform:rotate(-25deg);}
    50%{-ms-transform:rotate(-25deg);}
    60%{-ms-transform:rotate(-25deg);}
    70%{-ms-transform:rotate(-25deg);}
    80%{-ms-transform:rotate(-25deg);}
    90%{-ms-transform:rotate(-10deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes DesignPaper-2 {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(0deg);}
    20%{transform:rotate(-8deg);}
    30%{transform:rotate(-21deg);}
    40%{transform:rotate(-21deg);}
    50%{transform:rotate(-21deg);}
    60%{transform:rotate(-21deg);}
    70%{transform:rotate(-21deg);}
    80%{transform:rotate(-8deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes DesignPaper-2 {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(-8deg);}
    30%{-moz-transform:rotate(-21deg);}
    40%{-moz-transform:rotate(-21deg);}
    50%{-moz-transform:rotate(-21deg);}
    60%{-moz-transform:rotate(-21deg);}
    70%{-moz-transform:rotate(-21deg);}
    80%{-moz-transform:rotate(-8deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes DesignPaper-2 {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(-8deg);}
    30%{-o-transform:rotate(-21deg);}
    40%{-o-transform:rotate(-21deg);}
    50%{-o-transform:rotate(-21deg);}
    60%{-o-transform:rotate(-21deg);}
    70%{-o-transform:rotate(-21deg);}
    80%{-o-transform:rotate(-8deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}
@-webkit-keyframes DesignPaper-2 {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(-8deg);}
    30%{-webkit-transform:rotate(-21deg);}
    40%{-webkit-transform:rotate(-21deg);}
    50%{-webkit-transform:rotate(-21deg);}
    60%{-webkit-transform:rotate(-21deg);}
    70%{-webkit-transform:rotate(-21deg);}
    80%{-webkit-transform:rotate(-8deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes DesignPaper-2 {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(-8deg);}
    30%{-ms-transform:rotate(-21deg);}
    40%{-ms-transform:rotate(-21deg);}
    50%{-ms-transform:rotate(-21deg);}
    60%{-ms-transform:rotate(-21deg);}
    70%{-ms-transform:rotate(-21deg);}
    80%{-ms-transform:rotate(-8deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}
@keyframes DesignPaper-3 {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(-8deg);}
    40%{transform:rotate(-18deg);}
    50%{transform:rotate(-18deg);}
    60%{transform:rotate(-18deg);}
    70%{transform:rotate(-8deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes DesignPaper-3 {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(-8deg);}
    40%{-webkit-transform:rotate(-18deg);}
    50%{-webkit-transform:rotate(-18deg);}
    60%{-webkit-transform:rotate(-18deg);}
    70%{-webkit-transform:rotate(-8deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-o-keyframes DesignPaper-3 {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(-8deg);}
    40%{-o-transform:rotate(-18deg);}
    50%{-o-transform:rotate(-18deg);}
    60%{-o-transform:rotate(-18deg);}
    70%{-o-transform:rotate(-8deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}
@-moz-keyframes DesignPaper-3 {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(-8deg);}
    40%{-moz-transform:rotate(-18deg);}
    50%{-moz-transform:rotate(-18deg);}
    60%{-moz-transform:rotate(-18deg);}
    70%{-moz-transform:rotate(-8deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-ms-keyframes DesignPaper-3 {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(-8deg);}
    40%{-ms-transform:rotate(-18deg);}
    50%{-ms-transform:rotate(-18deg);}
    60%{-ms-transform:rotate(-18deg);}
    70%{-ms-transform:rotate(-8deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}
@keyframes DesignPaper-4 {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(0deg);}
    40%{transform:rotate(0deg);}
    50%{transform:rotate(-15deg);}
    60%{transform:rotate(-15deg);}
    70%{transform:rotate(0deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes DesignPaper-4 {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(0deg);}
    40%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(-15deg);}
    60%{-moz-transform:rotate(-15deg);}
    70%{-moz-transform:rotate(0deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes DesignPaper-4 {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(0deg);}
    40%{-o-transform:rotate(0deg);}
    50%{-o-transform:rotate(-15deg);}
    60%{-o-transform:rotate(-15deg);}
    70%{-o-transform:rotate(0deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}
@-webkit-keyframes DesignPaper-4 {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(0deg);}
    40%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(-15deg);}
    60%{-webkit-transform:rotate(-15deg);}
    70%{-webkit-transform:rotate(0deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes DesignPaper-4 {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(0deg);}
    40%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(-15deg);}
    60%{-ms-transform:rotate(-15deg);}
    70%{-ms-transform:rotate(0deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}

/*===============
----- Jeweler -----
===============*/
.jeweler-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 0 auto;
}
.jeweler-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 50px;
}
.jeweler-body img {
    width: 100%;
}
.jeweler-man{
    position: absolute;
    top: 21%;
    left: 16%;
    width: 40%;
    z-index: 16;
    -webkit-animation: jewelerMan linear 3s infinite;
    -moz-animation: jewelerMan linear 3s infinite;
    -o-animation: jewelerMan linear 3s infinite;
    animation: jewelerMan linear 3s infinite;
    -webkit-transform-origin: 10% 60%;
    -moz-transform-origin: 10% 60%;
    -ms-transform-origin: 10% 60%;
    -o-transform-origin: 10% 60%;
    transform-origin: 10% 60%;
}
@keyframes jewelerMan {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(4deg);}
    40%{transform:rotate(8deg);}
    50%{transform:rotate(8deg);}
    60%{transform:rotate(8deg);}
    70%{transform:rotate(4deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}
@-ms-keyframes jewelerMan {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(4deg);}
    40%{-ms-transform:rotate(8deg);}
    50%{-ms-transform:rotate(8deg);}
    60%{-ms-transform:rotate(8deg);}
    70%{-ms-transform:rotate(4deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}
@-moz-keyframes jewelerMan {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(4deg);}
    40%{-moz-transform:rotate(8deg);}
    50%{-moz-transform:rotate(8deg);}
    60%{-moz-transform:rotate(8deg);}
    70%{-moz-transform:rotate(4deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes jewelerMan {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(4deg);}
    40%{-o-transform:rotate(8deg);}
    50%{-o-transform:rotate(8deg);}
    60%{-o-transform:rotate(8deg);}
    70%{-o-transform:rotate(4deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}
@-webkit-keyframes jewelerMan {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(4deg);}
    40%{-webkit-transform:rotate(8deg);}
    50%{-webkit-transform:rotate(8deg);}
    60%{-webkit-transform:rotate(8deg);}
    70%{-webkit-transform:rotate(4deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}
/*===============
----- MED -----
===============*/
.med-content {
    position: relative;
    width: auto;
    max-width: 340px;
    margin: 0 auto 1px;
}
.med-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 15;
}
.med-body img {
    width: 100%;
}
.med-paper-1{
    position: absolute;
    top: 17%;
    left: 11%;
    width: 45%;
    z-index: 10;
    -webkit-animation: medPaper linear 3s infinite;
    -moz-animation: medPaper linear 3s infinite;
    -o-animation: medPaper linear 3s infinite;
    animation: medPaper linear 3s infinite;
    -webkit-transform-origin: 90% 60%;
    -moz-transform-origin: 90% 60%;
    -ms-transform-origin: 90% 60%;
    -o-transform-origin: 90% 60%;
    transform-origin: 90% 60%;
}
.med-paper-2{
    position: absolute;
    top: 10%;
    left: 19%;
    width: 2%;
    z-index: 16;
    -webkit-animation: medPaper-2 linear 3s infinite;
    -moz-animation: medPaper-2 linear 3s infinite;
    -o-animation: medPaper-2 linear 3s infinite;
    animation: medPaper-2 linear 3s infinite;
    -webkit-transform-origin: 10% 60%;
    -moz-transform-origin: 10% 60%;
    -ms-transform-origin: 10% 60%;
    -o-transform-origin: 10% 60%;
    transform-origin: 10% 60%;
}
.med-paper-3{
    position: absolute;
    top: 12%;
    left: 16%;
    width: 3%;
    z-index: 16;
    -webkit-animation: medPaper-3 linear 3s infinite;
    -moz-animation: medPaper-3 linear 3s infinite;
    -o-animation: medPaper-3 linear 3s infinite;
    animation: medPaper-3 linear 3s infinite;
    -webkit-transform-origin: 10% 60%;
    -moz-transform-origin: 10% 60%;
    -ms-transform-origin: 10% 60%;
    -o-transform-origin: 10% 60%;
    transform-origin: 10% 60%;
}
@keyframes medPaper {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(-4deg);}
    40%{transform:rotate(-8deg);}
    50%{transform:rotate(-8deg);}
    60%{transform:rotate(-8deg);}
    70%{transform:rotate(-4deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes medPaper {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(-4deg);}
    40%{-moz-transform:rotate(-8deg);}
    50%{-moz-transform:rotate(-8deg);}
    60%{-moz-transform:rotate(-8deg);}
    70%{-moz-transform:rotate(-4deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes medPaper {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(-4deg);}
    40%{-o-transform:rotate(-8deg);}
    50%{-o-transform:rotate(-8deg);}
    60%{-o-transform:rotate(-8deg);}
    70%{-o-transform:rotate(-4deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}
@-webkit-keyframes medPaper {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(-4deg);}
    40%{-webkit-transform:rotate(-8deg);}
    50%{-webkit-transform:rotate(-8deg);}
    60%{-webkit-transform:rotate(-8deg);}
    70%{-webkit-transform:rotate(-4deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes medPaper {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(-4deg);}
    40%{-ms-transform:rotate(-8deg);}
    50%{-ms-transform:rotate(-8deg);}
    60%{-ms-transform:rotate(-8deg);}
    70%{-ms-transform:rotate(-4deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}
@keyframes medPaper-2 {
    0%{transform:translate(0,-0.5em);  opacity: 1;}
    10%{transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{transform:translate(0em);  opacity: 0;}
    30%{transform:translate(0em);  opacity: 0;}
    40%{transform:translate(0);  opacity: 0;}
    50%{transform:translate(0);  opacity: 0;}
    60%{transform:translate(0);  opacity: 0;}
    70%{transform:translate(0em);  opacity: 0;}
    80%{transform:translate(0em);  opacity: 0;}
    90%{transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{transform:translate(0,-0.5em);  opacity: 1;}
}
@-moz-keyframes medPaper-2 {
    0%{-moz-transform:translate(0,-0.5em);  opacity: 1;}
    10%{-moz-transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{-moz-transform:translate(0em);  opacity: 0;}
    30%{-moz-transform:translate(0em);  opacity: 0;}
    40%{-moz-transform:translate(0);  opacity: 0;}
    50%{-moz-transform:translate(0);  opacity: 0;}
    60%{-moz-transform:translate(0);  opacity: 0;}
    70%{-moz-transform:translate(0em);  opacity: 0;}
    80%{-moz-transform:translate(0em);  opacity: 0;}
    90%{-moz-transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{-moz-transform:translate(0,-0.5em);  opacity: 1;}
}
@-o-keyframes medPaper-2 {
    0%{-o-transform:translate(0,-0.5em);  opacity: 1;}
    10%{-o-transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{-o-transform:translate(0em);  opacity: 0;}
    30%{-o-transform:translate(0em);  opacity: 0;}
    40%{-o-transform:translate(0);  opacity: 0;}
    50%{-o-transform:translate(0);  opacity: 0;}
    60%{-o-transform:translate(0);  opacity: 0;}
    70%{-o-transform:translate(0em);  opacity: 0;}
    80%{-o-transform:translate(0em);  opacity: 0;}
    90%{-o-transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{-o-transform:translate(0,-0.5em);  opacity: 1;}
}
@-webkit-keyframes medPaper-2 {
    0%{-webkit-transform:translate(0,-0.5em);  opacity: 1;}
    10%{-webkit-transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{-webkit-transform:translate(0em);  opacity: 0;}
    30%{-webkit-transform:translate(0em);  opacity: 0;}
    40%{-webkit-transform:translate(0);  opacity: 0;}
    50%{-webkit-transform:translate(0);  opacity: 0;}
    60%{-webkit-transform:translate(0);  opacity: 0;}
    70%{-webkit-transform:translate(0em);  opacity: 0;}
    80%{-webkit-transform:translate(0em);  opacity: 0;}
    90%{-webkit-transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{-webkit-transform:translate(0,-0.5em);  opacity: 1;}
}
@-ms-keyframes medPaper-2 {
    0%{-ms-transform:translate(0,-0.5em);  opacity: 1;}
    10%{-ms-transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{-ms-transform:translate(0em);  opacity: 0;}
    30%{-ms-transform:translate(0em);  opacity: 0;}
    40%{-ms-transform:translate(0);  opacity: 0;}
    50%{-ms-transform:translate(0);  opacity: 0;}
    60%{-ms-transform:translate(0);  opacity: 0;}
    70%{-ms-transform:translate(0em);  opacity: 0;}
    80%{-ms-transform:translate(0em);  opacity: 0;}
    90%{-ms-transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{-ms-transform:translate(0,-0.5em);  opacity: 1;}
}
@keyframes medPaper-3 {
    0%{transform:translate(0,-0.5em);  opacity: 1;}
    10%{transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{transform:translate(0em);  opacity: 0;}
    30%{transform:translate(0em);  opacity: 0;}
    40%{transform:translate(0);  opacity: 0;}
    50%{transform:translate(0);  opacity: 0;}
    60%{transform:translate(0);  opacity: 0;}
    70%{transform:translate(0em);  opacity: 0;}
    80%{transform:translate(0em);  opacity: 0;}
    90%{transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{transform:translate(0,-0.5em);  opacity: 1;}
}
@-moz-keyframes medPaper-3 {
    0%{-moz-transform:translate(0,-0.5em);  opacity: 1;}
    10%{-moz-transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{-moz-transform:translate(0em);  opacity: 0;}
    30%{-moz-transform:translate(0em);  opacity: 0;}
    40%{-moz-transform:translate(0);  opacity: 0;}
    50%{-moz-transform:translate(0);  opacity: 0;}
    60%{-moz-transform:translate(0);  opacity: 0;}
    70%{-moz-transform:translate(0em);  opacity: 0;}
    80%{-moz-transform:translate(0em);  opacity: 0;}
    90%{-moz-transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{-moz-transform:translate(0,-0.5em);  opacity: 1;}
}
@-o-keyframes medPaper-3 {
    0%{-o-transform:translate(0,-0.5em);  opacity: 1;}
    10%{-o-transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{-o-transform:translate(0em);  opacity: 0;}
    30%{-o-transform:translate(0em);  opacity: 0;}
    40%{-o-transform:translate(0);  opacity: 0;}
    50%{-o-transform:translate(0);  opacity: 0;}
    60%{-o-transform:translate(0);  opacity: 0;}
    70%{-o-transform:translate(0em);  opacity: 0;}
    80%{-o-transform:translate(0em);  opacity: 0;}
    90%{-o-transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{-o-transform:translate(0,-0.5em);  opacity: 1;}
}
@-webkit-keyframes medPaper-3 {
    0%{-webkit-transform:translate(0,-0.5em);  opacity: 1;}
    10%{-webkit-transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{-webkit-transform:translate(0em);  opacity: 0;}
    30%{-webkit-transform:translate(0em);  opacity: 0;}
    40%{-webkit-transform:translate(0);  opacity: 0;}
    50%{-webkit-transform:translate(0);  opacity: 0;}
    60%{-webkit-transform:translate(0);  opacity: 0;}
    70%{-webkit-transform:translate(0em);  opacity: 0;}
    80%{-webkit-transform:translate(0em);  opacity: 0;}
    90%{-webkit-transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{-webkit-transform:translate(0,-0.5em);  opacity: 1;}
}
@-ms-keyframes medPaper-3 {
    0%{-ms-transform:translate(0,-0.5em);  opacity: 1;}
    10%{-ms-transform:translate(0,-0.3em);  opacity: 0.5;}
    20%{-ms-transform:translate(0em);  opacity: 0;}
    30%{-ms-transform:translate(0em);  opacity: 0;}
    40%{-ms-transform:translate(0);  opacity: 0;}
    50%{-ms-transform:translate(0);  opacity: 0;}
    60%{-ms-transform:translate(0);  opacity: 0;}
    70%{-ms-transform:translate(0em);  opacity: 0;}
    80%{-ms-transform:translate(0em);  opacity: 0;}
    90%{-ms-transform:translate(0,-0.3em);  opacity: 0.5;}
    100%{-ms-transform:translate(0,-0.5em);  opacity: 1;}
}

/*===============
----- Open -----
===============*/
.open-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 0 auto;
}
.open-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 15;
}
.open-body img {
    width: 100%;
}
.open-hand{
    position: absolute;
    top: 5%;
    left: 54%;
    width: 29%;
    z-index: 10;
    -webkit-animation: openHand linear 3s infinite;
    -moz-animation: openHand linear 3s infinite;
    -o-animation: openHand linear 3s infinite;
    animation: openHand linear 3s infinite;
    -webkit-transform-origin: 10% 60%;
    -moz-transform-origin: 10% 60%;
    -ms-transform-origin: 10% 60%;
    -o-transform-origin: 10% 60%;
    transform-origin: 10% 60%;
}
.open-head{
    position: absolute;
    top: 1%;
    left: 32%;
    width: 31%;
    z-index: 16;
    -webkit-animation: openHead linear 3s infinite;
    -moz-animation: openHead linear 3s infinite;
    -o-animation: openHead linear 3s infinite;
    animation: openHead linear 3s infinite;
    -webkit-transform-origin: 40% 60%;
    -moz-transform-origin: 40% 60%;
    -ms-transform-origin: 40% 60%;
    -o-transform-origin: 40% 60%;
    transform-origin: 40% 60%;
}
@keyframes openHand {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(4deg);}
    40%{transform:rotate(8deg);}
    50%{transform:rotate(8deg);}
    60%{transform:rotate(8deg);}
    70%{transform:rotate(4deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes openHand {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(4deg);}
    40%{-moz-transform:rotate(8deg);}
    50%{-moz-transform:rotate(8deg);}
    60%{-moz-transform:rotate(8deg);}
    70%{-moz-transform:rotate(4deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-webkit-keyframes openHand {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(4deg);}
    40%{-webkit-transform:rotate(8deg);}
    50%{-webkit-transform:rotate(8deg);}
    60%{-webkit-transform:rotate(8deg);}
    70%{-webkit-transform:rotate(4deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-o-keyframes openHand {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(4deg);}
    40%{-o-transform:rotate(8deg);}
    50%{-o-transform:rotate(8deg);}
    60%{-o-transform:rotate(8deg);}
    70%{-o-transform:rotate(4deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes openHand {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(4deg);}
    40%{-ms-transform:rotate(8deg);}
    50%{-ms-transform:rotate(8deg);}
    60%{-ms-transform:rotate(8deg);}
    70%{-ms-transform:rotate(4deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}
@keyframes openHead {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(0deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(1deg);}
    40%{transform:rotate(2.5deg);}
    50%{transform:rotate(2.5deg);}
    60%{transform:rotate(2.5deg);}
    70%{transform:rotate(1deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes openHead {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(0deg);}
    30%{-moz-transform:rotate(1deg);}
    40%{-moz-transform:rotate(2.5deg);}
    50%{-moz-transform:rotate(2.5deg);}
    60%{-moz-transform:rotate(2.5deg);}
    70%{-moz-transform:rotate(1deg);}
    80%{-moz-transform:rotate(0deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes openHead {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(0deg);}
    30%{-o-transform:rotate(1deg);}
    40%{-o-transform:rotate(2.5deg);}
    50%{-o-transform:rotate(2.5deg);}
    60%{-o-transform:rotate(2.5deg);}
    70%{-o-transform:rotate(1deg);}
    80%{-o-transform:rotate(0deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}
@-webkit-keyframes openHead {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(0deg);}
    30%{-webkit-transform:rotate(1deg);}
    40%{-webkit-transform:rotate(2.5deg);}
    50%{-webkit-transform:rotate(2.5deg);}
    60%{-webkit-transform:rotate(2.5deg);}
    70%{-webkit-transform:rotate(1deg);}
    80%{-webkit-transform:rotate(0deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes openHead {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(0deg);}
    30%{-ms-transform:rotate(1deg);}
    40%{-ms-transform:rotate(2.5deg);}
    50%{-ms-transform:rotate(2.5deg);}
    60%{-ms-transform:rotate(2.5deg);}
    70%{-ms-transform:rotate(1deg);}
    80%{-ms-transform:rotate(0deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}
/*===============
----- restaurant -----
===============*/
.restaurant-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 0 auto;
}
.restaurant-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 50px;
}
.restaurant-body img {
    width: 100%;
}
.restaurant-leg{
    position: absolute;
    top: 58%;
    left: 18%;
    width: 30%;
    z-index: 16;
    -webkit-animation: restaurantLeg linear 2s infinite;
    -moz-animation: restaurantLeg linear 2s infinite;
    -o-animation: restaurantLeg linear 2s infinite;
    animation: restaurantLeg linear 2s infinite;
    -webkit-transform-origin: 90% 15%;
    -moz-transform-origin: 90% 15%;
    -ms-transform-origin: 90% 15%;
    -o-transform-origin: 90% 15%;
    transform-origin: 90% 15%;
}
@keyframes restaurantLeg {
    0%{transform:rotate(2deg);}
    10%{transform:rotate(4deg);}
    20%{transform:rotate(6deg);}
    30%{transform:rotate(8deg);}
    40%{transform:rotate(10deg);}
    50%{transform:rotate(12deg);}
    60%{transform:rotate(10deg);}
    70%{transform:rotate(8deg);}
    80%{transform:rotate(6deg);}
    90%{transform:rotate(4deg);}
    100%{transform:rotate(2deg);}
}
@-webkit-keyframes restaurantLeg {
    0%{-webkit-transform:rotate(2deg);}
    10%{-webkit-transform:rotate(4deg);}
    20%{-webkit-transform:rotate(6deg);}
    30%{-webkit-transform:rotate(8deg);}
    40%{-webkit-transform:rotate(10deg);}
    50%{-webkit-transform:rotate(12deg);}
    60%{-webkit-transform:rotate(10deg);}
    70%{-webkit-transform:rotate(8deg);}
    80%{-webkit-transform:rotate(6deg);}
    90%{-webkit-transform:rotate(4deg);}
    100%{-webkit-transform:rotate(2deg);}
}
@-moz-keyframes restaurantLeg {
    0%{-moz-transform:rotate(2deg);}
    10%{-moz-transform:rotate(4deg);}
    20%{-moz-transform:rotate(6deg);}
    30%{-moz-transform:rotate(8deg);}
    40%{-moz-transform:rotate(10deg);}
    50%{-moz-transform:rotate(12deg);}
    60%{-moz-transform:rotate(10deg);}
    70%{-moz-transform:rotate(8deg);}
    80%{-moz-transform:rotate(6deg);}
    90%{-moz-transform:rotate(4deg);}
    100%{-moz-transform:rotate(2deg);}
}
@-o-keyframes restaurantLeg {
    0%{-o-transform:rotate(2deg);}
    10%{-o-transform:rotate(4deg);}
    20%{-o-transform:rotate(6deg);}
    30%{-o-transform:rotate(8deg);}
    40%{-o-transform:rotate(10deg);}
    50%{-o-transform:rotate(12deg);}
    60%{-o-transform:rotate(10deg);}
    70%{-o-transform:rotate(8deg);}
    80%{-o-transform:rotate(6deg);}
    90%{-o-transform:rotate(4deg);}
    100%{-o-transform:rotate(2deg);}
}
@-ms-keyframes restaurantLeg {
    0%{-ms-transform:rotate(2deg);}
    10%{-ms-transform:rotate(4deg);}
    20%{-ms-transform:rotate(6deg);}
    30%{-ms-transform:rotate(8deg);}
    40%{-ms-transform:rotate(10deg);}
    50%{-ms-transform:rotate(12deg);}
    60%{-ms-transform:rotate(10deg);}
    70%{-ms-transform:rotate(8deg);}
    80%{-ms-transform:rotate(6deg);}
    90%{-ms-transform:rotate(4deg);}
    100%{-ms-transform:rotate(2deg);}
}
/*===============
----- tv-game -----
===============*/
.tv-game-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 0 auto;
}
.tv-game-body{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 50px;
}
.tv-game-body img {
    width: 100%;
}
.tv-game-hand{
    position: absolute;
    top: 17%;
    left: 22%;
    width: 31%;
    z-index: 16;
    -webkit-animation: tvGameHand linear 3s infinite;
    -moz-animation: tvGameHand linear 3s infinite;
    -o-animation: tvGameHand linear 3s infinite;
    animation: tvGameHand linear 3s infinite;
    -webkit-transform-origin: 30% 85%;
    -moz-transform-origin: 30% 85%;
    -ms-transform-origin: 30% 85%;
    -o-transform-origin: 30% 85%;
    transform-origin: 30% 85%;
}
.tv-game-pillow{
    position: absolute;
    top: 62%;
    left: 8%;
    width: 38%;
    z-index: 17;
}
@keyframes tvGameHand {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(1deg);}
    20%{transform:rotate(2deg);}
    30%{transform:rotate(3deg);}
    40%{transform:rotate(4deg);}
    50%{transform:rotate(4deg);}
    60%{transform:rotate(4deg);}
    70%{transform:rotate(3deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes tvGameHand {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(1deg);}
    20%{-webkit-transform:rotate(2deg);}
    30%{-webkit-transform:rotate(3deg);}
    40%{-webkit-transform:rotate(4deg);}
    50%{-webkit-transform:rotate(4deg);}
    60%{-webkit-transform:rotate(4deg);}
    70%{-webkit-transform:rotate(3deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes tvGameHand {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(1deg);}
    20%{-moz-transform:rotate(2deg);}
    30%{-moz-transform:rotate(3deg);}
    40%{-moz-transform:rotate(4deg);}
    50%{-moz-transform:rotate(4deg);}
    60%{-moz-transform:rotate(4deg);}
    70%{-moz-transform:rotate(3deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes tvGameHand {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(1deg);}
    20%{-o-transform:rotate(2deg);}
    30%{-o-transform:rotate(3deg);}
    40%{-o-transform:rotate(4deg);}
    50%{-o-transform:rotate(4deg);}
    60%{-o-transform:rotate(4deg);}
    70%{-o-transform:rotate(3deg);}
    80%{-o-transform:rotate(2deg);}
    90%{-o-transform:rotate(1deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes tvGameHand {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(1deg);}
    20%{-ms-transform:rotate(2deg);}
    30%{-ms-transform:rotate(3deg);}
    40%{-ms-transform:rotate(4deg);}
    50%{-ms-transform:rotate(4deg);}
    60%{-ms-transform:rotate(4deg);}
    70%{-ms-transform:rotate(3deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}
/*===============
----- reading -----
===============*/
.reading-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 0 auto;
}
.reading-body{
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 50px;
}
.reading-body img {
    width: 100%;
}
.reading-leg{
    position: absolute;
    top: 54%;
    left: 13%;
    width: 46%;
    z-index: 16;
    -webkit-animation: readingLeg linear 3s infinite;
    -moz-animation: readingLeg linear 3s infinite;
    -o-animation: readingLeg linear 3s infinite;
    animation: readingLeg linear 3s infinite;
    -webkit-transform-origin: 80% 30%;
    -moz-transform-origin: 80% 30%;
    -ms-transform-origin: 80% 30%;
    -o-transform-origin: 80% 30%;
    transform-origin: 80% 30%;
}
.reading-pillow{
    position: absolute;
    top: 8.7%;
    left: 21%;
    width: 67%;
    z-index: 17;
}
@keyframes readingLeg {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(1deg);}
    20%{transform:rotate(2deg);}
    30%{transform:rotate(3deg);}
    40%{transform:rotate(4deg);}
    50%{transform:rotate(5deg);}
    60%{transform:rotate(4deg);}
    70%{transform:rotate(3deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes readingLeg {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(1deg);}
    20%{-webkit-transform:rotate(2deg);}
    30%{-webkit-transform:rotate(3deg);}
    40%{-webkit-transform:rotate(4deg);}
    50%{-webkit-transform:rotate(5deg);}
    60%{-webkit-transform:rotate(4deg);}
    70%{-webkit-transform:rotate(3deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes readingLeg {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(1deg);}
    20%{-moz-transform:rotate(2deg);}
    30%{-moz-transform:rotate(3deg);}
    40%{-moz-transform:rotate(4deg);}
    50%{-moz-transform:rotate(5deg);}
    60%{-moz-transform:rotate(4deg);}
    70%{-moz-transform:rotate(3deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes readingLeg {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(1deg);}
    20%{-o-transform:rotate(2deg);}
    30%{-o-transform:rotate(3deg);}
    40%{-o-transform:rotate(4deg);}
    50%{-o-transform:rotate(5deg);}
    60%{-o-transform:rotate(4deg);}
    70%{-o-transform:rotate(3deg);}
    80%{-o-transform:rotate(2deg);}
    90%{-o-transform:rotate(1deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes readingLeg {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(1deg);}
    20%{-ms-transform:rotate(2deg);}
    30%{-ms-transform:rotate(3deg);}
    40%{-ms-transform:rotate(4deg);}
    50%{-ms-transform:rotate(5deg);}
    60%{-ms-transform:rotate(4deg);}
    70%{-ms-transform:rotate(3deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}
/*===============
----- books -----
===============*/
.books-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 0 auto;
}
.books-body{
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 50px;
}
.books-body img {
    width: 100%;
}
.books-eyebrows img {
    position: absolute;
    top: 46%;
    left: 39%;
    width: 9%;
    z-index: 16;
    -webkit-animation: booksEyebrows linear 4s infinite;
    -moz-animation: booksEyebrows linear 4s infinite;
    -o-animation: booksEyebrows linear 4s infinite;
    animation: booksEyebrows linear 4s infinite;
    -webkit-transform-origin: 80% 30%;
    -moz-transform-origin: 80% 30%;
    -ms-transform-origin: 80% 30%;
    -o-transform-origin: 80% 30%;
    transform-origin: 80% 30%;
}
.books-eyes img {
    position: absolute;
    top: 48.5%;
    left: 39%;
    width: 7%;
    z-index: 16;
    -webkit-animation: booksEyes linear 4s infinite;
    -moz-animation: booksEyes linear 4s infinite;
    -o-animation: booksEyes linear 4s infinite;
    animation: booksEyes linear 4s infinite;
    -webkit-transform-origin: 80% 30%;
    -moz-transform-origin: 80% 30%;
    -ms-transform-origin: 80% 30%;
    -o-transform-origin: 80% 30%;
    transform-origin: 80% 30%;
}
.books-eyelids img {
    position: absolute;
    top: 49.5%;
    left: 39%;
    width: 10%;
    z-index: 17;
}
@keyframes booksEyebrows {
    0%{top: 46%;}
    30%{top: 46%;}
    40%{top: 46%;}
    50%{top: 45%;}
    60%{top: 46%;}
    70%{top: 46%;}
    100%{top: 46%;}
}
@-webkit-keyframes booksEyebrows {
    0%{top: 46%;}
    30%{top: 46%;}
    40%{top: 46%;}
    50%{top: 45%;}
    60%{top: 46%;}
    70%{top: 46%;}
    100%{top: 46%;}
}
@-moz-keyframes booksEyebrows {
    0%{top: 46%;}
    30%{top: 46%;}
    40%{top: 46%;}
    50%{top: 45%;}
    60%{top: 46%;}
    70%{top: 46%;}
    100%{top: 46%;}
}
@-o-keyframes booksEyebrows {
    0%{top: 46%;}
    30%{top: 46%;}
    40%{top: 46%;}
    50%{top: 45%;}
    60%{top: 46%;}
    70%{top: 46%;}
    100%{top: 46%;}
}
@-ms-keyframes booksEyebrows {
    0%{top: 46%;}
    30%{top: 46%;}
    40%{top: 46%;}
    50%{top: 45%;}
    60%{top: 46%;}
    70%{top: 46%;}
    100%{top: 46%;}
}
@keyframes booksEyes {
    0%{left: 39%;}
    25%{left: 40%;}
    50%{left: 41%;}
    75%{left: 40%;}
    100%{left: 39%;}
}
@-webkit-keyframes booksEyes {
    0%{left: 39%;}
    25%{left: 40%;}
    50%{left: 41%;}
    75%{left: 40%;}
    100%{left: 39%;}
}
@-moz-keyframes booksEyes {
    0%{left: 39%;}
    25%{left: 40%;}
    50%{left: 41%;}
    75%{left: 40%;}
    100%{left: 39%;}
}
@-o-keyframes booksEyes {
    0%{left: 39%;}
    25%{left: 40%;}
    50%{left: 41%;}
    75%{left: 40%;}
    100%{left: 39%;}
}
@-ms-keyframes booksEyes {
    0%{left: 39%;}
    25%{left: 40%;}
    50%{left: 41%;}
    75%{left: 40%;}
    100%{left: 39%;}
}
/*DomenNo-First*/

.domen-content {
    position: relative;
    width: auto;
    max-width: 180px;
    margin: 0 auto;
}
.domNFirst-body{
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 50px;
}
.domen-content img {
    width: 100%;
}
.domNFirst-a {
    position: absolute;
    width: 74%;
    top: 164px;
    left: 45px;
    z-index: 2;
    -webkit-animation: domNFirst-1 linear 3s infinite;
    -moz-animation: domNFirst-1 linear 3s infinite;
    -o-animation: domNFirst-1 linear 3s infinite;
    animation: domNFirst-1 linear 3s infinite;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.domNFirst-b {
    position: absolute;
    width: 70%;
    top: 152px;
    left: 2px;
    z-index: 3;
    -webkit-animation: domNFirst linear 3s infinite;
    -moz-animation: domNFirst linear 3s infinite;
    -o-animation: domNFirst linear 3s infinite;
    animation: domNFirst linear 3s infinite;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
@keyframes domNFirst {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(-2deg);}
    20%{transform:rotate(-3deg);}
    30%{transform:rotate(-4deg);}
    40%{transform:rotate(-5deg);}
    50%{transform:rotate(-5deg);}
    60%{transform:rotate(-5deg);}
    70%{transform:rotate(-4deg);}
    80%{transform:rotate(-3deg);}
    90%{transform:rotate(-2deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes domNFirst {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(-2deg);}
    20%{-webkit-transform:rotate(-3deg);}
    30%{-webkit-transform:rotate(-4deg);}
    40%{-webkit-transform:rotate(-5deg);}
    50%{-webkit-transform:rotate(-5deg);}
    60%{-webkit-transform:rotate(-5deg);}
    70%{-webkit-transform:rotate(-4deg);}
    80%{-webkit-transform:rotate(-3deg);}
    90%{-webkit-transform:rotate(-2deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes domNFirst {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(-2deg);}
    20%{-ms-transform:rotate(-3deg);}
    30%{-ms-transform:rotate(-4deg);}
    40%{-ms-transform:rotate(-5deg);}
    50%{-ms-transform:rotate(-5deg);}
    60%{-ms-transform:rotate(-5deg);}
    70%{-ms-transform:rotate(-4deg);}
    80%{-ms-transform:rotate(-3deg);}
    90%{-ms-transform:rotate(-2deg);}
    100%{-ms-transform:rotate(0deg);}
}
@-o-keyframes domNFirst {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(-2deg);}
    20%{-o-transform:rotate(-3deg);}
    30%{-o-transform:rotate(-4deg);}
    40%{-o-transform:rotate(-5deg);}
    50%{-o-transform:rotate(-5deg);}
    60%{-o-transform:rotate(-5deg);}
    70%{-o-transform:rotate(-4deg);}
    80%{-o-transform:rotate(-3deg);}
    90%{-o-transform:rotate(-2deg);}
    100%{-o-transform:rotate(0deg);}
}
@-moz-keyframes domNFirst {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(-2deg);}
    20%{-moz-transform:rotate(-3deg);}
    30%{-moz-transform:rotate(-4deg);}
    40%{-moz-transform:rotate(-5deg);}
    50%{-moz-transform:rotate(-5deg);}
    60%{-moz-transform:rotate(-5deg);}
    70%{-moz-transform:rotate(-4deg);}
    80%{-moz-transform:rotate(-3deg);}
    90%{-moz-transform:rotate(-2deg);}
    100%{-moz-transform:rotate(0deg);}
}
@keyframes domNFirst-1 {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(1deg);}
    20%{transform:rotate(2deg);}
    30%{transform:rotate(3deg);}
    40%{transform:rotate(5deg);}
    50%{transform:rotate(5deg);}
    60%{transform:rotate(5deg);}
    70%{transform:rotate(3deg);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(1deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes domNFirst-1 {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(1deg);}
    20%{-webkit-transform:rotate(2deg);}
    30%{-webkit-transform:rotate(3deg);}
    40%{-webkit-transform:rotate(5deg);}
    50%{-webkit-transform:rotate(5deg);}
    60%{-webkit-transform:rotate(5deg);}
    70%{-webkit-transform:rotate(3deg);}
    80%{-webkit-transform:rotate(2deg);}
    90%{-webkit-transform:rotate(1deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes domNFirst-1 {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(1deg);}
    20%{-ms-transform:rotate(2deg);}
    30%{-ms-transform:rotate(3deg);}
    40%{-ms-transform:rotate(5deg);}
    50%{-ms-transform:rotate(5deg);}
    60%{-ms-transform:rotate(5deg);}
    70%{-ms-transform:rotate(3deg);}
    80%{-ms-transform:rotate(2deg);}
    90%{-ms-transform:rotate(1deg);}
    100%{-ms-transform:rotate(0deg);}
}
@-moz-keyframes domNFirst-1 {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(1deg);}
    20%{-moz-transform:rotate(2deg);}
    30%{-moz-transform:rotate(3deg);}
    40%{-moz-transform:rotate(5deg);}
    50%{-moz-transform:rotate(5deg);}
    60%{-moz-transform:rotate(5deg);}
    70%{-moz-transform:rotate(3deg);}
    80%{-moz-transform:rotate(2deg);}
    90%{-moz-transform:rotate(1deg);}
    100%{-moz-transform:rotate(0deg);}
}
/*===============
----- soon -----
===============*/
.soon-content {
    position: relative;
    width: auto;
    max-width: 540px;
    margin: 0 auto;
}
.soon-body{
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 50px;
}
.soon-body img {
    width: 100%;
}
.soon-man img {
    position: absolute;
    top: -4%;
    left: 39%;
    width: 56%;
    z-index: 16;
}
.soon-hand img {
    position: absolute;
    top: 27%;
    left: 27%;
    width: 14%;
    z-index: 15;
    -webkit-animation: soonHand linear 3s infinite;
    -moz-animation: soonHand linear 3s infinite;
    -o-animation: soonHand linear 3s infinite;
    animation: soonHand linear 3s infinite;
    -webkit-transform-origin: 90% 80%;
    -moz-transform-origin: 90% 80%;
    -ms-transform-origin: 90% 80%;
    -o-transform-origin: 90% 80%;
    transform-origin: 90% 80%;
}
@keyframes soonHand {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(0deg);}
    20%{transform:rotate(4deg);}
    30%{transform:rotate(6deg);}
    40%{transform:rotate(8deg);}
    50%{transform:rotate(10deg);}
    60%{transform:rotate(8deg);}
    70%{transform:rotate(6deg);}
    80%{transform:rotate(4deg);}
    90%{transform:rotate(0deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes soonHand {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(4deg);}
    30%{-webkit-transform:rotate(6deg);}
    40%{-webkit-transform:rotate(8deg);}
    50%{-webkit-transform:rotate(10deg);}
    60%{-webkit-transform:rotate(8deg);}
    70%{-webkit-transform:rotate(6deg);}
    80%{-webkit-transform:rotate(4deg);}
    90%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes soonHand {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(4deg);}
    30%{-moz-transform:rotate(6deg);}
    40%{-moz-transform:rotate(8deg);}
    50%{-moz-transform:rotate(10deg);}
    60%{-moz-transform:rotate(8deg);}
    70%{-moz-transform:rotate(6deg);}
    80%{-moz-transform:rotate(4deg);}
    90%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes soonHand {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(4deg);}
    30%{-o-transform:rotate(6deg);}
    40%{-o-transform:rotate(8deg);}
    50%{-o-transform:rotate(10deg);}
    60%{-o-transform:rotate(8deg);}
    70%{-o-transform:rotate(6deg);}
    80%{-o-transform:rotate(4deg);}
    90%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes soonHand {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(4deg);}
    30%{-ms-transform:rotate(6deg);}
    40%{-ms-transform:rotate(8deg);}
    50%{-ms-transform:rotate(10deg);}
    60%{-ms-transform:rotate(8deg);}
    70%{-ms-transform:rotate(6deg);}
    80%{-ms-transform:rotate(4deg);}
    90%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(0deg);}
}
/*===============
----- perhaps -----
===============*/
.perhaps-content {
    position: relative;
    width: auto;
    max-width: 320px;
    margin: 0 auto;
}
.perhaps-body{
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 50px;
    max-width: 320px;
}
.perhaps-body img {
    width: 100%;
}
.perhaps-head img {
    position: absolute;
    top: 2%;
    left: 25%;
    width: 37%;
    z-index: 16;
    -webkit-animation: perhapsHead linear 2s infinite;
    -moz-animation: perhapsHead linear 2s infinite;
    -o-animation: perhapsHead linear 2s infinite;
    animation: perhapsHead linear 2s infinite;
}
.perhaps-hands img {
    position: absolute;
    top: 27.5%;
    left: 3%;
    width: 85%;
    z-index: 16;
    -webkit-animation: perhapsHands linear 2s infinite;
    -moz-animation: perhapsHands linear 2s infinite;
    -o-animation: perhapsHands linear 2s infinite;
    animation: perhapsHands linear 2s infinite;
}
.perhaps-eyebrows img {
    position: absolute;
    top: 15%;
    left: 35%;
    width: 18%;
    z-index: 17;
    -webkit-animation: perhapsEyebrows linear 2s infinite;
    -moz-animation: perhapsEyebrows linear 2s infinite;
    -o-animation: perhapsEyebrows linear 2s infinite;
    animation: perhapsEyebrows linear 2s infinite;
}
@keyframes perhapsHands {
    0%{top: 28.5%;}
    40%{top: 28.5%;}
    50%{top: 27%;}
    60%{top: 26.5%;}
    70%{top: 27%;}
    100%{top: 28.5%;}
}
@-webkit-keyframes perhapsHands {
    0%{top: 28.5%;}
    40%{top: 28.5%;}
    50%{top: 27%;}
    60%{top: 26.5%;}
    70%{top: 27%;}
    100%{top: 28.5%;}
}
@-o-keyframes perhapsHands {
    0%{top: 28.5%;}
    40%{top: 28.5%;}
    50%{top: 27%;}
    60%{top: 26.5%;}
    70%{top: 27%;}
    100%{top: 28.5%;}
}
@-ms-keyframes perhapsHands {
    0%{top: 28.5%;}
    40%{top: 28.5%;}
    50%{top: 27%;}
    60%{top: 26.5%;}
    70%{top: 27%;}
    100%{top: 28.5%;}
}
@-moz-keyframes perhapsHands {
    0%{top: 28.5%;}
    40%{top: 28.5%;}
    50%{top: 27%;}
    60%{top: 26.5%;}
    70%{top: 27%;}
    100%{top: 28.5%;}
}
@keyframes perhapsEyebrows {
    0%{transform:translate(0,0);}
    30%{transform:translate(0,0);}
    40%{transform:translate(-0.05em,-0.05em);}
    50%{transform:translate(-0.1em,-0.15em);}
    60%{transform:translate(-0.1em,-0.15em);}
    70%{transform:translate(-0.1em,-0.15em);}
    100%{transform:translate(0,0);}
}
@-webkit-keyframes perhapsEyebrows {
    0%{-webkit-transform:translate(0,0);}
    30%{-webkit-transform:translate(0,0);}
    40%{-webkit-transform:translate(-0.05em,-0.05em);}
    50%{-webkit-transform:translate(-0.1em,-0.15em);}
    60%{-webkit-transform:translate(-0.1em,-0.15em);}
    70%{-webkit-transform:translate(-0.1em,-0.15em);}
    100%{-webkit-transform:translate(0,0);}
}
@-moz-keyframes perhapsEyebrows {
    0%{-moz-transform:translate(0,0);}
    30%{-moz-transform:translate(0,0);}
    40%{-moz-transform:translate(-0.05em,-0.05em);}
    50%{-moz-transform:translate(-0.1em,-0.15em);}
    60%{-moz-transform:translate(-0.1em,-0.15em);}
    70%{-moz-transform:translate(-0.1em,-0.15em);}
    100%{-moz-transform:translate(0,0);}
}
@-o-keyframes perhapsEyebrows {
    0%{-o-transform:translate(0,0);}
    30%{-o-transform:translate(0,0);}
    40%{-o-transform:translate(-0.05em,-0.05em);}
    50%{-o-transform:translate(-0.1em,-0.15em);}
    60%{-o-transform:translate(-0.1em,-0.15em);}
    70%{-o-transform:translate(-0.1em,-0.15em);}
    100%{-o-transform:translate(0,0);}
}
@-ms-keyframes perhapsEyebrows {
    0%{-ms-transform:translate(0,0);}
    30%{-ms-transform:translate(0,0);}
    40%{-ms-transform:translate(-0.05em,-0.05em);}
    50%{-ms-transform:translate(-0.1em,-0.15em);}
    60%{-ms-transform:translate(-0.1em,-0.15em);}
    70%{-ms-transform:translate(-0.1em,-0.15em);}
    100%{-ms-transform:translate(0,0);}
}
/*===============
----- spa -----
===============*/

.spa-content {
    position: relative;
    width: auto;
    max-width: 600px;
    margin: 10px auto 0;
}
.spa-body{
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 600px;
}
.spa-body img {
    width: 100%;
}
.spa-candle_1 img {
    position: absolute;
    top: 61%;
    left: 23%;
    width: 2%;
    z-index: 16;
    -webkit-animation: spa-candle-1 linear 2s infinite;
    -moz-animation: spa-candle-1 linear 2s infinite;
    -o-animation: spa-candle-1 linear 2s infinite;
    animation: spa-candle-1 linear 2s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.spa-candle_2 img {
    position: absolute;
    top: 62%;
    left: 16%;
    width: 2%;
    z-index: 16;
    -webkit-animation: spa-candle-2 linear 2s infinite;
    -moz-animation: spa-candle-2 linear 2s infinite;
    -o-animation: spa-candle-2 linear 2s infinite;
    animation: spa-candle-2 linear 2s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.spa-candle_3 img {
    position: absolute;
    top: 62%;
    left: 11%;
    width: 2%;
    z-index: 16;
    -webkit-animation: spa-candle-3 linear 2s infinite;
    -moz-animation: spa-candle-3 linear 2s infinite;
    -o-animation: spa-candle-3 linear 2s infinite;
    animation: spa-candle-3 linear 2s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.spa-candle_4 img {
    position: absolute;
    top: 61%;
    left: 55.5%;
    width: 2%;
    z-index: 16;
    -webkit-animation: spa-candle-3 linear 2s infinite;
    -moz-animation: spa-candle-3 linear 2s infinite;
    -o-animation: spa-candle-3 linear 2s infinite;
    animation: spa-candle-3 linear 2s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.spa-candle_5 img {
    position: absolute;
    top: 41%;
    left: 80.5%;
    width: 2%;
    z-index: 16;
    -webkit-animation: spa-candle-2 linear 2s infinite;
    -moz-animation: spa-candle-2 linear 2s infinite;
    -o-animation: spa-candle-2 linear 2s infinite;
    animation: spa-candle-2 linear 2s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.spa-candle_6 img {
    position: absolute;
    top: 2%;
    left: 25%;
    width: 2%;
    z-index: 16;
    -webkit-animation: spa-candle-1 linear 2s infinite;
    -moz-animation: spa-candle-1 linear 2s infinite;
    -o-animation: spa-candle-1 linear 2s infinite;
    animation: spa-candle-1 linear 2s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.spa-candle_7 img {
    position: absolute;
    top: 61%;
    left: 65%;
    width: 2%;
    z-index: 16;
    -webkit-animation: spa-candle-1 linear 2s infinite;
    -moz-animation: spa-candle-1 linear 2s infinite;
    -o-animation: spa-candle-1 linear 2s infinite;
    animation: spa-candle-1 linear 2s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.spa-candle_8 img {
    position: absolute;
    top: 61%;
    left: 74%;
    width: 2%;
    z-index: 16;
    -webkit-animation: spa-candle-3 linear 2s infinite;
    -moz-animation: spa-candle-3 linear 2s infinite;
    -o-animation: spa-candle-3 linear 2s infinite;
    animation: spa-candle-3 linear 2s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.spa-candle_9 img {
    position: absolute;
    top: 63%;
    left: 79%;
    width: 2%;
    z-index: 16;
    -webkit-animation: spa-candle-2 linear 2s infinite;
    -moz-animation: spa-candle-2 linear 2s infinite;
    -o-animation: spa-candle-2 linear 2s infinite;
    animation: spa-candle-2 linear 2s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

@keyframes spa-candle-1 {
     0%{transform:rotate(0deg);}
     10%{transform:rotate(2deg);}
     20%{transform:rotate(4deg);}
     30%{transform:rotate(-2deg);}
     40%{transform:rotate(2deg);}
     50%{transform:rotate(4deg);}
     60%{transform:rotate(0deg);}
     70%{transform:rotate(-2deg);}
     80%{transform:rotate(-4deg);}
     90%{transform:rotate(-2deg);}
     100%{transform:rotate(0deg);}
}
@-webkit-keyframes spa-candle-1 {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(2deg);}
    20%{-webkit-transform:rotate(4deg);}
    30%{-webkit-transform:rotate(-2deg);}
    40%{-webkit-transform:rotate(2deg);}
    50%{-webkit-transform:rotate(4deg);}
    60%{-webkit-transform:rotate(0deg);}
    70%{-webkit-transform:rotate(-2deg);}
    80%{-webkit-transform:rotate(-4deg);}
    90%{-webkit-transform:rotate(-2deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes spa-candle-1 {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(2deg);}
    20%{-moz-transform:rotate(4deg);}
    30%{-moz-transform:rotate(-2deg);}
    40%{-moz-transform:rotate(2deg);}
    50%{-moz-transform:rotate(4deg);}
    60%{-moz-transform:rotate(0deg);}
    70%{-moz-transform:rotate(-2deg);}
    80%{-moz-transform:rotate(-4deg);}
    90%{-moz-transform:rotate(-2deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes spa-candle-1 {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(2deg);}
    20%{-o-transform:rotate(4deg);}
    30%{-o-transform:rotate(-2deg);}
    40%{-o-transform:rotate(2deg);}
    50%{-o-transform:rotate(4deg);}
    60%{-o-transform:rotate(0deg);}
    70%{-o-transform:rotate(-2deg);}
    80%{-o-transform:rotate(-4deg);}
    90%{-o-transform:rotate(-2deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes spa-candle-1 {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(2deg);}
    20%{-ms-transform:rotate(4deg);}
    30%{-ms-transform:rotate(-2deg);}
    40%{-ms-transform:rotate(2deg);}
    50%{-ms-transform:rotate(4deg);}
    60%{-ms-transform:rotate(0deg);}
    70%{-ms-transform:rotate(-2deg);}
    80%{-ms-transform:rotate(-4deg);}
    90%{-ms-transform:rotate(-2deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes spa-candle-2 {
    0%{transform:rotate(-2deg);}
    10%{transform:rotate(-4deg);}
    20%{transform:rotate(-6deg);}
    30%{transform:rotate(-4deg);}
    40%{transform:rotate(-2deg);}
    50%{transform:rotate(0deg);}
    60%{transform:rotate(-2deg);}
    70%{transform:rotate(3deg);}
    80%{transform:rotate(6deg);}
    90%{transform:rotate(2deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes spa-candle-2 {
    0%{-webkit-transform:rotate(-2deg);}
    10%{-webkit-transform:rotate(-4deg);}
    20%{-webkit-transform:rotate(-6deg);}
    30%{-webkit-transform:rotate(-4deg);}
    40%{-webkit-transform:rotate(-2deg);}
    50%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-2deg);}
    70%{-webkit-transform:rotate(3deg);}
    80%{-webkit-transform:rotate(6deg);}
    90%{-webkit-transform:rotate(2deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes spa-candle-2 {
    0%{-moz-transform:rotate(-2deg);}
    10%{-moz-transform:rotate(-4deg);}
    20%{-moz-transform:rotate(-6deg);}
    30%{-moz-transform:rotate(-4deg);}
    40%{-moz-transform:rotate(-2deg);}
    50%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-2deg);}
    70%{-moz-transform:rotate(3deg);}
    80%{-moz-transform:rotate(6deg);}
    90%{-moz-transform:rotate(2deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes spa-candle-2 {
    0%{-o-transform:rotate(-2deg);}
    10%{-o-transform:rotate(-4deg);}
    20%{-o-transform:rotate(-6deg);}
    30%{-o-transform:rotate(-4deg);}
    40%{-o-transform:rotate(-2deg);}
    50%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-2deg);}
    70%{-o-transform:rotate(3deg);}
    80%{-o-transform:rotate(6deg);}
    90%{-o-transform:rotate(2deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes spa-candle-2 {
    0%{-ms-transform:rotate(-2deg);}
    10%{-ms-transform:rotate(-4deg);}
    20%{-ms-transform:rotate(-6deg);}
    30%{-ms-transform:rotate(-4deg);}
    40%{-ms-transform:rotate(-2deg);}
    50%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-2deg);}
    70%{-ms-transform:rotate(3deg);}
    80%{-ms-transform:rotate(6deg);}
    90%{-ms-transform:rotate(2deg);}
    100%{-ms-transform:rotate(0deg);}
}


@keyframes spa-candle-3 {
    0%{transform:rotate(2deg);}
    10%{transform:rotate(4deg);}
    20%{transform:rotate(6deg);}
    30%{transform:rotate(4deg);}
    40%{transform:rotate(2deg);}
    50%{transform:rotate(0deg);}
    60%{transform:rotate(-2deg);}
    70%{transform:rotate(-3deg);}
    80%{transform:rotate(-6deg);}
    90%{transform:rotate(-2deg);}
    100%{transform:rotate(0deg);}
}

@-webkit-keyframes spa-candle-3 {
    0%{-webkit-transform:rotate(2deg);}
    10%{-webkit-transform:rotate(4deg);}
    20%{-webkit-transform:rotate(6deg);}
    30%{-webkit-transform:rotate(4deg);}
    40%{-webkit-transform:rotate(2deg);}
    50%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-2deg);}
    70%{-webkit-transform:rotate(-3deg);}
    80%{-webkit-transform:rotate(-6deg);}
    90%{-webkit-transform:rotate(-2deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes spa-candle-3 {
    0%{-moz-transform:rotate(2deg);}
    10%{-moz-transform:rotate(4deg);}
    20%{-moz-transform:rotate(6deg);}
    30%{-moz-transform:rotate(4deg);}
    40%{-moz-transform:rotate(2deg);}
    50%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-2deg);}
    70%{-moz-transform:rotate(-3deg);}
    80%{-moz-transform:rotate(-6deg);}
    90%{-moz-transform:rotate(-2deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes spa-candle-3 {
    0%{-o-transform:rotate(2deg);}
    10%{-o-transform:rotate(4deg);}
    20%{-o-transform:rotate(6deg);}
    30%{-o-transform:rotate(4deg);}
    40%{-o-transform:rotate(2deg);}
    50%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-2deg);}
    70%{-o-transform:rotate(-3deg);}
    80%{-o-transform:rotate(-6deg);}
    90%{-o-transform:rotate(-2deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes spa-candle-3 {
    0%{-ms-transform:rotate(2deg);}
    10%{-ms-transform:rotate(4deg);}
    20%{-ms-transform:rotate(6deg);}
    30%{-ms-transform:rotate(4deg);}
    40%{-ms-transform:rotate(2deg);}
    50%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-2deg);}
    70%{-ms-transform:rotate(-3deg);}
    80%{-ms-transform:rotate(-6deg);}
    90%{-ms-transform:rotate(-2deg);}
    100%{-ms-transform:rotate(0deg);}
}
/*===============
----- ski -----
===============*/
.ski-content {
    position: relative;
    width: auto;
    max-width: 520px;
    margin: 0 auto;
}
.ski-body{
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 50px;
    max-width: 520px;
}
.ski-body img {
    width: 100%;
}
.ski-hand1 img {
    position: absolute;
    top: 26%;
    left: 35%;
    width: 37%;
    z-index: 0;
    -webkit-animation: ski-hand linear 3s infinite;
    -moz-animation: ski-hand linear 3s infinite;
    -o-animation: ski-hand linear 3s infinite;
    animation: ski-hand linear 3s infinite;
    -webkit-transform-origin: 90% 0%;
    -moz-transform-origin: 90% 0%;
    -ms-transform-origin: 90% 0%;
    -o-transform-origin: 90% 0%;
    transform-origin: 90% 0%;
}
.ski-hand2 img {
    position: absolute;
    top: 23.5%;
    left: 6%;
    width: 45%;
    z-index: 16;
    -webkit-animation: ski-hand linear 3s infinite;
    -moz-animation: ski-hand linear 3s infinite;
    -o-animation: ski-hand linear 3s infinite;
    animation: ski-hand linear 3s infinite;
    -webkit-transform-origin: 90% 0%;
    -moz-transform-origin: 90% 0%;
    -ms-transform-origin: 90% 0%;
    -o-transform-origin: 90% 0%;
    transform-origin: 90% 0%;
}
.ski-scarf img {
    position: absolute;
    top: 21%;
    left: 45%;
    width: 18%;
    z-index: 17;
    -webkit-animation: perh1apsEyebrows linear 2s infinite;
    -moz-animation: perhaps1Eyebrows linear 2s infinite;
    -o-animation: perhapsE1yebrows linear 2s infinite;
    animation: perhapsEy1ebrows linear 2s infinite;
}
@keyframes ski-hand {
    0%{transform:rotate(0deg);}
    10%{transform:rotate(3deg);}
    20%{transform:rotate(6deg);}
    30%{transform:rotate(9deg);}
    40%{transform:rotate(12deg);}
    50%{transform:rotate(15deg);}
    60%{transform:rotate(12deg);}
    70%{transform:rotate(9deg);}
    80%{transform:rotate(6deg);}
    90%{transform:rotate(3deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes ski-hand {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(3deg);}
    20%{-webkit-transform:rotate(6deg);}
    30%{-webkit-transform:rotate(9deg);}
    40%{-webkit-transform:rotate(12deg);}
    50%{-webkit-transform:rotate(15deg);}
    60%{-webkit-transform:rotate(12deg);}
    70%{-webkit-transform:rotate(9deg);}
    80%{-webkit-transform:rotate(6deg);}
    90%{-webkit-transform:rotate(3deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes ski-hand {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(3deg);}
    20%{-moz-transform:rotate(6deg);}
    30%{-moz-transform:rotate(9deg);}
    40%{-moz-transform:rotate(12deg);}
    50%{-moz-transform:rotate(15deg);}
    60%{-moz-transform:rotate(12deg);}
    70%{-moz-transform:rotate(9deg);}
    80%{-moz-transform:rotate(6deg);}
    90%{-moz-transform:rotate(3deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes ski-hand {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(3deg);}
    20%{-o-transform:rotate(6deg);}
    30%{-o-transform:rotate(9deg);}
    40%{-o-transform:rotate(12deg);}
    50%{-o-transform:rotate(15deg);}
    60%{-o-transform:rotate(12deg);}
    70%{-o-transform:rotate(9deg);}
    80%{-o-transform:rotate(6deg);}
    90%{-o-transform:rotate(3deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes ski-hand {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(3deg);}
    20%{-ms-transform:rotate(6deg);}
    30%{-ms-transform:rotate(9deg);}
    40%{-ms-transform:rotate(12deg);}
    50%{-ms-transform:rotate(15deg);}
    60%{-ms-transform:rotate(12deg);}
    70%{-ms-transform:rotate(9deg);}
    80%{-ms-transform:rotate(6deg);}
    90%{-ms-transform:rotate(3deg);}
    100%{-ms-transform:rotate(0deg);}
}

/*===============
----- sand -----
===============*/
.sand-content {
    position: relative;
    width: auto;
    max-width: 520px;
    margin: 0 auto;
}
.sand-body{
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 50px;
    max-width: 520px;
}
.sand-body img {
    width: 100%;
}
.sand-hand img {
    position: absolute;
    top: 33%;
    left: 35%;
    width: 24%;
    z-index: 1;
    -webkit-animation: sand-hand linear 3s infinite;
    -moz-animation: sand-hand linear 3s infinite;
    -o-animation: sand-hand linear 3s infinite;
    animation: sand-hand linear 3s infinite;
    -webkit-transform-origin: 85% 0%;
    -moz-transform-origin: 85% 0%;
    -ms-transform-origin: 85% 0%;
    -o-transform-origin: 85% 0%;
    transform-origin: 85% 0%;
}

@-webkit-keyframes sand-hand {
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(3deg);}
    20%{-webkit-transform:rotate(6deg);}
    30%{-webkit-transform:rotate(9deg);}
    40%{-webkit-transform:rotate(12deg);}
    50%{-webkit-transform:rotate(15deg);}
    60%{-webkit-transform:rotate(12deg);}
    70%{-webkit-transform:rotate(9deg);}
    80%{-webkit-transform:rotate(6deg);}
    90%{-webkit-transform:rotate(3deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes sand-hand {
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(3deg);}
    20%{-ms-transform:rotate(6deg);}
    30%{-ms-transform:rotate(9deg);}
    40%{-ms-transform:rotate(12deg);}
    50%{-ms-transform:rotate(15deg);}
    60%{-ms-transform:rotate(12deg);}
    70%{-ms-transform:rotate(9deg);}
    80%{-ms-transform:rotate(6deg);}
    90%{-ms-transform:rotate(3deg);}
    100%{-ms-transform:rotate(0deg);}
}
@-moz-keyframes sand-hand {
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(3deg);}
    20%{-moz-transform:rotate(6deg);}
    30%{-moz-transform:rotate(9deg);}
    40%{-moz-transform:rotate(12deg);}
    50%{-moz-transform:rotate(15deg);}
    60%{-moz-transform:rotate(12deg);}
    70%{-moz-transform:rotate(9deg);}
    80%{-moz-transform:rotate(6deg);}
    90%{-moz-transform:rotate(3deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes sand-hand {
    0%{-o-transform:rotate(0deg);}
    10%{-o-transform:rotate(3deg);}
    20%{-o-transform:rotate(6deg);}
    30%{-o-transform:rotate(9deg);}
    40%{-o-transform:rotate(12deg);}
    50%{-o-transform:rotate(15deg);}
    60%{-o-transform:rotate(12deg);}
    70%{-o-transform:rotate(9deg);}
    80%{-o-transform:rotate(6deg);}
    90%{-o-transform:rotate(3deg);}
    100%{-o-transform:rotate(0deg);}
}

/*===============
----- develop ----- 102
===============*/
.develop-content {
    position: relative;
    width: auto;
    max-width: 520px;
    margin: 0 auto;
    overflow: hidden;
}
.develop-body{
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 50px;
    max-width: 520px;
}
.develop-table img {
    width: 100%;
}
.develop-man img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    -webkit-animation: DevelopMan linear 8s infinite;
    -moz-animation: DevelopMan linear 8s infinite;
    -o-animation: DevelopMan linear 8s infinite;
    animation: DevelopMan linear 8s infinite;
    -webkit-transform-origin: 85% 0%;
    -moz-transform-origin: 85% 0%;
    -ms-transform-origin: 85% 0%;
    -o-transform-origin: 85% 0%;
    transform-origin: 85% 0%;
}
.left-hand-dev img {
    position: absolute;
    top: 21%;
    left: 59%;
    width: 18%;
    z-index: 1;
    -webkit-animation: leftHandDev linear 8s infinite;
    -moz-animation: leftHandDev linear 8s infinite;
    -o-animation: leftHandDev linear 8s infinite;
    animation: leftHandDev linear 8s infinite;
    -webkit-transform-origin: 85% 60%;
    -moz-transform-origin: 85% 60%;
    -ms-transform-origin: 85% 60%;
    -o-transform-origin: 85% 60%;
    transform-origin: 85% 60%;
}
.right-hand-dev img {
    position: absolute;
    top: 20%;
    left: 31%;
    width: 17%;
    z-index: 1;
    -webkit-animation: rightHandDev linear 8s infinite;
    -moz-animation: rightHandDev linear 8s infinite;
    -o-animation: rightHandDev linear 8s infinite;
    animation: rightHandDev linear 8s infinite;
    -webkit-transform-origin: 85% 60%;
    -moz-transform-origin: 85% 60%;
    -ms-transform-origin: 85% 60%;
    -o-transform-origin: 85% 60%;
    transform-origin: 85% 60%;
}
.smoke-dev img {
    position: absolute;
    top: 23%;
    left: 13%;
    width: 10%;
    opacity: 0.6;
    z-index: 0;
    -webkit-animation: smokeDev linear 3s infinite;
    -moz-animation: smokeDev linear 3s infinite;
    -o-animation: smokeDev linear 3s infinite;
    animation: smokeDev linear 3s infinite;
    -webkit-transform-origin: 40% 90%;
    -moz-transform-origin: 50% 90%;
    -ms-transform-origin: 50% 90%;
    -o-transform-origin: 50% 90%;
    transform-origin: 50% 90%;
}

@keyframes smokeDev {
    0%{transform:rotate(4deg);}
    10%{transform:rotate(6deg);}
    20%{transform:rotate(8deg);}
    30%{transform:rotate(6deg);}
    40%{transform:rotate(4deg);}
    50%{transform:rotate(0deg);}
    60%{transform:rotate(-4deg);}
    70%{transform:rotate(-6deg);}
    80%{transform:rotate(-8deg);}
    90%{transform:rotate(-4deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes smokeDev {
    0%{-webkit-transform:rotate(4deg);}
    10%{-webkit-transform:rotate(6deg);}
    20%{-webkit-transform:rotate(8deg);}
    30%{-webkit-transform:rotate(6deg);}
    40%{-webkit-transform:rotate(4deg);}
    50%{-webkit-transform:rotate(0deg);}
    60%{-webkit-transform:rotate(-4deg);}
    70%{-webkit-transform:rotate(-6deg);}
    80%{-webkit-transform:rotate(-8deg);}
    90%{-webkit-transform:rotate(-4deg);}
    100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes smokeDev {
    0%{-moz-transform:rotate(4deg);}
    10%{-moz-transform:rotate(6deg);}
    20%{-moz-transform:rotate(8deg);}
    30%{-moz-transform:rotate(6deg);}
    40%{-moz-transform:rotate(4deg);}
    50%{-moz-transform:rotate(0deg);}
    60%{-moz-transform:rotate(-4deg);}
    70%{-moz-transform:rotate(-6deg);}
    80%{-moz-transform:rotate(-8deg);}
    90%{-moz-transform:rotate(-4deg);}
    100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes smokeDev {
    0%{-o-transform:rotate(4deg);}
    10%{-o-transform:rotate(6deg);}
    20%{-o-transform:rotate(8deg);}
    30%{-o-transform:rotate(6deg);}
    40%{-o-transform:rotate(4deg);}
    50%{-o-transform:rotate(0deg);}
    60%{-o-transform:rotate(-4deg);}
    70%{-o-transform:rotate(-6deg);}
    80%{-o-transform:rotate(-8deg);}
    90%{-o-transform:rotate(-4deg);}
    100%{-o-transform:rotate(0deg);}
}
@-ms-keyframes smokeDev {
    0%{-ms-transform:rotate(4deg);}
    10%{-ms-transform:rotate(6deg);}
    20%{-ms-transform:rotate(8deg);}
    30%{-ms-transform:rotate(6deg);}
    40%{-ms-transform:rotate(4deg);}
    50%{-ms-transform:rotate(0deg);}
    60%{-ms-transform:rotate(-4deg);}
    70%{-ms-transform:rotate(-6deg);}
    80%{-ms-transform:rotate(-8deg);}
    90%{-ms-transform:rotate(-4deg);}
    100%{-ms-transform:rotate(0deg);}
}

@keyframes DevelopMan {
    0%{left: 0; top: 0;}
    10%{left: -10%; top: 0;}
    20%{left: -25%; top: 0;}
    30%{left: -25%; top: 0;}
    40%{left: -25%; top: 0;}
    50%{left: -25%; top: 0;}
    60%{left: 0; top: 0;}
    70%{left: 0; top: 0;}
    80%{left: 0; top: 0;}
    90%{left:  0; top: 0;}
    100%{left: 0; top: 0;}
}
@-webkit-keyframes DevelopMan {
    0%{left: 0; top: 0;}
    10%{left: -10%; top: 0;}
    20%{left: -25%; top: 0;}
    30%{left: -25%; top: 0;}
    40%{left: -25%; top: 0;}
    50%{left: -25%; top: 0;}
    60%{left: 0; top: 0;}
    70%{left: 0; top: 0;}
    80%{left: 0; top: 0;}
    90%{left:  0; top: 0;}
    100%{left: 0; top: 0;}
}
@-moz-keyframes DevelopMan {
    0%{left: 0; top: 0;}
    10%{left: -10%; top: 0;}
    20%{left: -25%; top: 0;}
    30%{left: -25%; top: 0;}
    40%{left: -25%; top: 0;}
    50%{left: -25%; top: 0;}
    60%{left: 0; top: 0;}
    70%{left: 0; top: 0;}
    80%{left: 0; top: 0;}
    90%{left:  0; top: 0;}
    100%{left: 0; top: 0;}
}
@-o-keyframes DevelopMan {
    0%{left: 0; top: 0;}
    10%{left: -10%; top: 0;}
    20%{left: -25%; top: 0;}
    30%{left: -25%; top: 0;}
    40%{left: -25%; top: 0;}
    50%{left: -25%; top: 0;}
    60%{left: 0; top: 0;}
    70%{left: 0; top: 0;}
    80%{left: 0; top: 0;}
    90%{left:  0; top: 0;}
    100%{left: 0; top: 0;}
}
@-ms-keyframes DevelopMan {
    0%{left: 0; top: 0;}
    10%{left: -10%; top: 0;}
    20%{left: -25%; top: 0;}
    30%{left: -25%; top: 0;}
    40%{left: -25%; top: 0;}
    50%{left: -25%; top: 0;}
    60%{left: 0; top: 0;}
    70%{left: 0; top: 0;}
    80%{left: 0; top: 0;}
    90%{left:  0; top: 0;}
    100%{left: 0; top: 0;}
}
@keyframes rightHandDev {
    0%{transform:rotate(0deg); left: 32%;}
    10%{transform:rotate(0deg); left: 21%;}
    20%{transform:rotate(0deg); left: 7%;}
    30%{transform:rotate(0deg); left: 7%;}
    40%{transform:rotate(0deg); left: 7%;}
    50%{transform:rotate(0deg); left: 7%;}
    60%{transform:rotate(0deg); left: 32%;}
    70%{transform:rotate(-4deg); left: 32%;}
    80%{transform:rotate(-9deg); left: 32%;}
    90%{transform:rotate(-2deg); left: 32%;}
    100%{transform:rotate(0deg); left: 32%;}
}
@-webkit-keyframes rightHandDev {
    0%{-webkit-transform:rotate(0deg); left: 32%;}
    10%{-webkit-transform:rotate(0deg); left: 21%;}
    20%{-webkit-transform:rotate(0deg); left: 7%;}
    30%{-webkit-transform:rotate(0deg); left: 7%;}
    40%{-webkit-transform:rotate(0deg); left: 7%;}
    50%{-webkit-transform:rotate(0deg); left: 7%;}
    60%{-webkit-transform:rotate(0deg); left: 32%;}
    70%{-webkit-transform:rotate(-4deg); left: 32%;}
    80%{-webkit-transform:rotate(-9deg); left: 32%;}
    90%{-webkit-transform:rotate(-2deg); left: 32%;}
    100%{-webkit-transform:rotate(0deg); left: 32%;}
}
@-moz-keyframes rightHandDev {
    0%{-moz-transform:rotate(0deg); left: 32%;}
    10%{-moz-transform:rotate(0deg); left: 21%;}
    20%{-moz-transform:rotate(0deg); left: 7%;}
    30%{-moz-transform:rotate(0deg); left: 7%;}
    40%{-moz-transform:rotate(0deg); left: 7%;}
    50%{-moz-transform:rotate(0deg); left: 7%;}
    60%{-moz-transform:rotate(0deg); left: 32%;}
    70%{-moz-transform:rotate(-4deg); left: 32%;}
    80%{-moz-transform:rotate(-9deg); left: 32%;}
    90%{-moz-transform:rotate(-2deg); left: 32%;}
    100%{-moz-transform:rotate(0deg); left: 32%;}
}
@-o-keyframes rightHandDev {
    0%{-o-transform:rotate(0deg); left: 32%;}
    10%{-o-transform:rotate(0deg); left: 21%;}
    20%{-o-transform:rotate(0deg); left: 7%;}
    30%{-o-transform:rotate(0deg); left: 7%;}
    40%{-o-transform:rotate(0deg); left: 7%;}
    50%{-o-transform:rotate(0deg); left: 7%;}
    60%{-o-transform:rotate(0deg); left: 32%;}
    70%{-o-transform:rotate(-4deg); left: 32%;}
    80%{-o-transform:rotate(-9deg); left: 32%;}
    90%{-o-transform:rotate(-2deg); left: 32%;}
    100%{-o-transform:rotate(0deg); left: 32%;}
}
@-ms-keyframes rightHandDev {
    0%{-ms-transform:rotate(0deg); left: 32%;}
    10%{-ms-transform:rotate(0deg); left: 21%;}
    20%{-ms-transform:rotate(0deg); left: 7%;}
    30%{-ms-transform:rotate(0deg); left: 7%;}
    40%{-ms-transform:rotate(0deg); left: 7%;}
    50%{-ms-transform:rotate(0deg); left: 7%;}
    60%{-ms-transform:rotate(0deg); left: 32%;}
    70%{-ms-transform:rotate(-4deg); left: 32%;}
    80%{-ms-transform:rotate(-9deg); left: 32%;}
    90%{-ms-transform:rotate(-2deg); left: 32%;}
    100%{-ms-transform:rotate(0deg); left: 32%;}
}

@keyframes leftHandDev {
    0%{transform:rotate(0deg); left: 59%;}
    10%{transform:rotate(0deg); left: 49%;}
    20%{transform:rotate(0deg); left: 35%;}
    30%{transform:rotate(0deg); left: 35%;}
    40%{transform:rotate(0deg); left: 35%;}
    50%{transform:rotate(0deg); left: 35%;}
    60%{transform:rotate(0deg); left: 59%;}
    70%{transform:rotate(6deg); left: 59%;}
    80%{transform:rotate(3deg); left: 59%;}
    90%{transform:rotate(6deg); left: 59%;}
    100%{transform:rotate(0deg); left: 59%;}
}
@-webkit-keyframes leftHandDev {
    0%{-webkit-transform:rotate(0deg); left: 59%;}
    10%{-webkit-transform:rotate(0deg); left: 49%;}
    20%{-webkit-transform:rotate(0deg); left: 35%;}
    30%{-webkit-transform:rotate(0deg); left: 35%;}
    40%{-webkit-transform:rotate(0deg); left: 35%;}
    50%{-webkit-transform:rotate(0deg); left: 35%;}
    60%{-webkit-transform:rotate(0deg); left: 59%;}
    70%{-webkit-transform:rotate(6deg); left: 59%;}
    80%{-webkit-transform:rotate(3deg); left: 59%;}
    90%{-webkit-transform:rotate(6deg); left: 59%;}
    100%{-webkit-transform:rotate(0deg); left: 59%;}
}
@-moz-keyframes leftHandDev {
    0%{-moz-transform:rotate(0deg); left: 59%;}
    10%{-moz-transform:rotate(0deg); left: 49%;}
    20%{-moz-transform:rotate(0deg); left: 35%;}
    30%{-moz-transform:rotate(0deg); left: 35%;}
    40%{-moz-transform:rotate(0deg); left: 35%;}
    50%{-moz-transform:rotate(0deg); left: 35%;}
    60%{-moz-transform:rotate(0deg); left: 59%;}
    70%{-moz-transform:rotate(6deg); left: 59%;}
    80%{-moz-transform:rotate(3deg); left: 59%;}
    90%{-moz-transform:rotate(6deg); left: 59%;}
    100%{-moz-transform:rotate(0deg); left: 59%;}
}
@-o-keyframes leftHandDev {
    0%{-o-transform:rotate(0deg); left: 59%;}
    10%{-o-transform:rotate(0deg); left: 49%;}
    20%{-o-transform:rotate(0deg); left: 35%;}
    30%{-o-transform:rotate(0deg); left: 35%;}
    40%{-o-transform:rotate(0deg); left: 35%;}
    50%{-o-transform:rotate(0deg); left: 35%;}
    60%{-o-transform:rotate(0deg); left: 59%;}
    70%{-o-transform:rotate(6deg); left: 59%;}
    80%{-o-transform:rotate(3deg); left: 59%;}
    90%{-o-transform:rotate(6deg); left: 59%;}
    100%{-o-transform:rotate(0deg); left: 59%;}
}
@-ms-keyframes leftHandDev {
    0%{-ms-transform:rotate(0deg); left: 59%;}
    10%{-ms-transform:rotate(0deg); left: 49%;}
    20%{-ms-transform:rotate(0deg); left: 35%;}
    30%{-ms-transform:rotate(0deg); left: 35%;}
    40%{-ms-transform:rotate(0deg); left: 35%;}
    50%{-ms-transform:rotate(0deg); left: 35%;}
    60%{-ms-transform:rotate(0deg); left: 59%;}
    70%{-ms-transform:rotate(6deg); left: 59%;}
    80%{-ms-transform:rotate(3deg); left: 59%;}
    90%{-ms-transform:rotate(6deg); left: 59%;}
    100%{-ms-transform:rotate(0deg); left: 59%;}
}