/*==========
--- 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;
    text-align: center;
}

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