Untitled

            
              .svg-image {
    position: realtive;
    margin: 30px 10px 0px 10px;
}

@media only screen and (min-width: 768px) {
    .svg-image {
        position: fixed;
        width: 800px;
        margin: 20px 50px 0px 50px;
    }
}

@media only screen and (min-width: 992px) {
    .svg-image {
        width: 1000px;
        margin: 20px 150px 0px 150px;
    }
}

@media only screen and (min-width: 1366px) {
    .svg-image {
        width: 1200px;
        margin: 0px 150px 0px 150px;
    }
}

#eyes {
    -webkit-animation-name: eyes-boss;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: eyes-boss;
    -moz-animation-duration: 15s;
    -moz-animation--iteration-count: 15s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: eyes-boss;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    animation-name: eyes-boss;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

@-webkit-keyframes eyes-boss {
    0%,
    30% {
        -webkit-transform: translateY(2px);
    }
    30%,
    40% {
        -webkit-transform: translateY(3px);
    }
    60% {
        -webkit-transform: translateY(4px);
    }
    80%,
    81% {
        visibility: hidden;
    }
    100% {
        -webkit-transform: translateY(-7px);
    }
}

@-moz-keyframes eyes-boss {
    0%,
    30% {
        -moz-transform: translateY(2px);
    }
    30%,
    40% {
        -moz-transform: translateY(3px);
    }
    60% {
        -moz-transform: translateY(4px);
    }
    80%,
    81% {
        visibility: hidden;
    }
    100% {
        -moz-transform: translateY(-7px);
    }
}

@-o-keyframes eyes-boss {
    0%,
    30% {
        -webkit-transform: translateY(2px);
    }
    30%,
    40% {
        -webkit-transform: translateY(3px);
    }
    60% {
        -webkit-transform: translateY(4px);
    }
    80%,
    81% {
        visibility: hidden;
    }
    100% {
        -webkit-transform: translateY(-7px);
    }
}

@keyframes eyes-boss {
    0%,
    30% {
        transform: translateY(2px);
    }
    30%,
    40% {
        transform: translateY(3px);
    }
    60% {
        transform: translateY(4px);
    }
    80%,
    81% {
        visibility: hidden;
    }
    100% {
        transform: translateY(-7px);
    }
}

#red_armchair,
#body,
#arm_biceps,
#shoulder,
#neck,
#legs {
    -webkit-animation-name: red_armchair;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: red_armchair;
    -moz-animation-duration: 3s;
    -moz-animation--iteration-count: 3s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: red_armchair;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    animation-name: red_armchair;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-delay: 13s;
    -moz-animation-delay: 13s;
    -ms-animation-delay: 13s;
    animation-delay: 13s;
}

@-webkit-keyframes red_armchair {
    50% {
        -webkit-transform: skewX(1deg);
    }
}

@-moz-keyframes red_armchair {
    50% {
        -moz-transform: skewX(1deg);
    }
}

@-o-keyframes red_armchair {
    50% {
        -webkit-transform: skewX(1deg);
    }
}

@keyframes red_armchair {
    50% {
        transform: skewX(1deg);
    }
}

#smoke1 {
    -webkit-animation-name: smoke1;
    -webkit-animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: smoke1;
    -moz-animation-duration: 3.5s;
    -moz-animation--iteration-count: 3.5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: smoke1;
    -ms-animation-duration: 3.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    animation-name: smoke1;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

#smoke2 {
    -webkit-animation-name: smoke2;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: smoke2;
    -moz-animation-duration: 3s;
    -moz-animation--iteration-count: 3s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: smoke2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    animation-name: smoke2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

@-webkit-keyframes smoke1 {
    50% {
        -webkit-transform: translate(3px, 6px);
    }
}

@-moz-keyframes smoke1 {
    50% {
        -moz-transform: translate(3px, 6px);
    }
}

@-o-keyframes smoke1 {
    50% {
        -webkit-transform: translate(3px, 6px);
    }
}

@keyframes smoke1 {
    50% {
        transform: translate(3px, 6px);
    }
}

@-webkit-keyframes smoke2 {
    50% {
        -webkit-transform: translate(4px, 5px);
    }
}

@-moz-keyframes smoke2 {
    50% {
        -moz-transform: translate(4px, 5px);
    }
}

@-o-keyframes smoke2 {
    50% {
        -webkit-transform: translate(4px, 5px);
    }
}

@keyframes smoke2 {
    50% {
        transform: translate(4px, 5px);
    }
}

#coffee_mug {
    -webkit-animation-name: coffee;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: coffee;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: coffee;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 2;
    -ms-animation-timing-function: ease;
    animation-name: coffee;
    animation-duration: 5s;
    animation-iteration-count: 2;
    animation-timing-function: ease;
    -webkit-transform-origin: 80% 80%;
    -moz-transform-origin: 80% 80%;
    -ms-transform-origin: 80% 80%;
    transform-origin: 80% 80%;
    -webkit-transform: translate(-20px, -10px);
    -moz-transform: translate(-20px, -10px);
    -ms-transform: translate(-20px, -10px);
    transform: translate(-20px, -10px);
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes coffee {
    80% {
        -webkit-transform: rotate(-15deg);
    }
}

@-moz-keyframes coffee {
    80% {
        -moz-transform: rotate(-15deg);
    }
}

@-o-keyframes coffee {
    80% {
        -webkit-transform: rotate(-15deg);
    }
}

@keyframes coffee {
    80% {
        transform: rotate(-15deg);
    }
}

#smoke {
    -webkit-animation-name: smokes;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: smokes;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: smokes;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 2;
    -ms-animation-timing-function: ease;
    animation-name: smokes;
    animation-duration: 5s;
    animation-iteration-count: 2;
    animation-timing-function: ease;
    -webkit-transform-origin: 80% 80%;
    -moz-transform-origin: 80% 80%;
    -ms-transform-origin: 80% 80%;
    transform-origin: 80% 80%;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes smokes {
    80% {
        -webkit-transform: rotate(-65deg);
    }
}

@-moz-keyframes smokes {
    80% {
        -moz-transform: rotate(-65deg);
    }
}

@-o-keyframes smokes {
    80% {
        -webkit-transform: rotate(-65deg);
    }
}

@keyframes smokes {
    80% {
        transform: rotate(-65deg);
    }
}

#hand_paper,
#paper {
    -webkit-animation-name: handpaper;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: handpaper;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: handpaper;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 2;
    -ms-animation-timing-function: ease;
    animation-name: handpaper;
    animation-duration: 5s;
    animation-iteration-count: 2;
    animation-timing-function: ease;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes handpaper {
    80% {
        -webkit-transform: rotate(10deg);
    }
}

@-moz-keyframes handpaper {
    80% {
        -moz-transform: rotate(10deg);
    }
}

@-o-keyframes handpaper {
    80% {
        -webkit-transform: rotate(10deg);
    }
}

@keyframes handpaper {
    80% {
        transform: rotate(10deg);
    }
}

#forehand,
#biceps {
    -webkit-animation-name: forehand;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: forehand;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: forehand;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 2;
    -ms-animation-timing-function: ease;
    animation-name: forehand;
    animation-duration: 5s;
    animation-iteration-count: 2;
    animation-timing-function: ease;
    -webkit-transform: translate(-20px, -10px);
    -moz-transform: translate(-20px, -10px);
    -ms-transform: translate(-20px, -10px);
    transform: translate(-20px, -10px);
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes forehand {
    80% {
        -webkit-transform: translateY(0px);
    }
}

@-moz-keyframes forehand {
    80% {
        -moz-transform: translateY(0px);
    }
}

@-o-keyframes forehand {
    80% {
        -webkit-transform: translateY(0px);
    }
}

@keyframes forehand {
    80% {
        transform: translateY(0px);
    }
}

#head {
    -webkit-animation-name: head-boss;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: head-boss;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: head-boss;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 2;
    -ms-animation-timing-function: ease;
    animation-name: head-boss;
    animation-duration: 5s;
    animation-iteration-count: 2;
    animation-timing-function: ease;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes head-boss {
    80% {
        -webkit-transform: skewX(2deg);
    }
}

@-moz-keyframes head-boss {
    80% {
        -moz-transform: skewX(2deg);
    }
}

@-o-keyframes head-boss {
    80% {
        -webkit-transform: skewX(2deg);
    }
}

@keyframes head-boss {
    80% {
        transform: skewX(2deg);
    }
}

#mouth {
    -webkit-animation-name: mouth-boss;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: mouth-boss;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: mouth-boss;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 2;
    -ms-animation-timing-function: ease;
    animation-name: mouth-boss;
    animation-duration: 5s;
    animation-iteration-count: 2;
    animation-timing-function: ease;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes mouth-boss {
    80% {
        -webkit-transform: skewX(3deg);
    }
}

@-moz-keyframes mouth-boss {
    80% {
        -moz-transform: skewX(3deg);
    }
}

@-o-keyframes mouth-boss {
    80% {
        -webkit-transform: skewX(3deg);
    }
}

@keyframes mouth-boss {
    80% {
        transform: skewX(3deg);
    }
}

#eyebrows {
    -webkit-animation-name: eyebrows-boss;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: eyebrows-boss;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: eyebrows-boss;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 2;
    -ms-animation-timing-function: ease;
    animation-name: eyebrows-boss;
    animation-duration: 5s;
    animation-iteration-count: 2;
    animation-timing-function: ease;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes eyebrows-boss {
    80% {
        -webkit-transform: translateY(-5px);
    }
    90% {
        -webkit-transform: translateY(-4px);
    }
}

@-moz-keyframes eyebrows-boss {
    80% {
        -moz-transform: translateY(-5px);
    }
    90% {
        -moz-transform: translateY(-4px);
    }
}

@-o-keyframes eyebrows-boss {
    80% {
        -webkit-transform: translateY(-5px);
    }
    90% {
        -webkit-transform: translateY(-4px);
    }
}

@keyframes eyebrows-boss {
    80% {
        transform: translateY(-5px);
    }
    90% {
        transform: translateY(-4px);
    }
}

#phone {
    -webkit-animation-name: phone;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 20;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: phone;
    -moz-animation-duration: 0.5s;
    -moz-animation--iteration-count: 0.5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: phone;
    -ms-animation-duration: 0.5s;
    -ms-animation-iteration-count: 20;
    -ms-animation-timing-function: ease;
    animation-name: phone;
    animation-duration: 0.5s;
    animation-iteration-count: 20;
    animation-timing-function: ease;
    -webkit-animation-delay: 9;
    -moz-animation-delay: 9;
    -ms-animation-delay: 9;
    animation-delay: 9;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-webkit-keyframes phone {
    50% {
        -webkit-transform: skewY(2deg);
    }
    100% {
        -webkit-transform: skewY(3deg);
    }
}

@-moz-keyframes phone {
    50% {
        -moz-transform: skewY(2deg);
    }
    100% {
        -moz-transform: skewY(3deg);
    }
}

@-o-keyframes phone {
    50% {
        -webkit-transform: skewY(2deg);
    }
    100% {
        -webkit-transform: skewY(3deg);
    }
}

@keyframes phone {
    50% {
        transform: skewY(2deg);
    }
    100% {
        transform: skewY(3deg);
    }
}

#phone .st10,
#shadow_phone .st10 {
    -webkit-animation-name: phone-display;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 10;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: phone-display;
    -moz-animation-duration: 1s;
    -moz-animation--iteration-count: 1s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: phone-display;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: 10;
    -ms-animation-timing-function: ease;
    animation-name: phone-display;
    animation-duration: 1s;
    animation-iteration-count: 10;
    animation-timing-function: ease;
    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    -ms-animation-delay: 9s;
    animation-delay: 9s;
}

@-webkit-keyframes phone-display {
    50% {
        fill: #DCDCDC;
    }
    100% {
        fill: #62627F;
    }
}

@-moz-keyframes phone-display {
    50% {
        fill: #DCDCDC;
    }
    100% {
        fill: #62627F;
    }
}

@-o-keyframes phone-display {
    50% {
        fill: #DCDCDC;
    }
    100% {
        fill: #62627F;
    }
}

@keyframes phone-display {
    50% {
        fill: #DCDCDC;
    }
    100% {
        fill: #62627F;
    }
}

#shoe_1 {
    -webkit-animation-name: shoeL-boss;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 6;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: shoeL-boss;
    -moz-animation-duration: 1s;
    -moz-animation--iteration-count: 1s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: shoeL-boss;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: 6;
    -ms-animation-timing-function: ease;
    animation-name: shoeL-boss;
    animation-duration: 1s;
    animation-iteration-count: 6;
    animation-timing-function: ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-webkit-keyframes shoeL-boss {
    50% {
        -webkit-transform: skewX(3deg);
    }
}

@-moz-keyframes shoeL-boss {
    50% {
        -moz-transform: skewX(3deg);
    }
}

@-o-keyframes shoeL-boss {
    50% {
        -webkit-transform: skewX(3deg);
    }
}

@keyframes shoeL-boss {
    50% {
        transform: skewX(3deg);
    }
}

#shoe_2 {
    -webkit-animation-name: shoeR-boss;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 8;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: shoeR-boss;
    -moz-animation-duration: 1s;
    -moz-animation--iteration-count: 1s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: shoeR-boss;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: 8;
    -ms-animation-timing-function: ease;
    animation-name: shoeR-boss;
    animation-duration: 1s;
    animation-iteration-count: 8;
    animation-timing-function: ease;
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-webkit-keyframes shoeR-boss {
    50% {
        -webkit-transform: skewX(3deg);
    }
}

@-moz-keyframes shoeR-boss {
    50% {
        -moz-transform: skewX(3deg);
    }
}

@-o-keyframes shoeR-boss {
    50% {
        -webkit-transform: skewX(3deg);
    }
}

@keyframes shoeR-boss {
    50% {
        transform: skewX(3deg);
    }
}

#trees {
    -webkit-animation-name: trees;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: trees;
    -moz-animation-duration: 3s;
    -moz-animation--iteration-count: 3s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: trees;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    animation-name: trees;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

@-webkit-keyframes trees {
    50% {
        -webkit-transform: translate(-4px, 6px);
    }
}

@-moz-keyframes trees {
    50% {
        -moz-transform: translate(-4px, 6px);
    }
}

@-o-keyframes trees {
    50% {
        -webkit-transform: translate(-4px, 6px);
    }
}

@keyframes trees {
    50% {
        transform: translate(-4px, 6px);
    }
}

#eye {
    -webkit-animation-name: eye-employee;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: eye-employee;
    -moz-animation-duration: 10s;
    -moz-animation--iteration-count: 10s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: eye-employee;
    -ms-animation-duration: 10s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    animation-name: eye-employee;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

@-webkit-keyframes eye-employee {
    60%,
    61% {
        visibility: hidden;
    }
}

@-moz-keyframes eye-employee {
    60%,
    61% {
        visibility: hidden;
    }
}

@-o-keyframes eye-employee {
    60%,
    61% {
        visibility: hidden;
    }
}

@keyframes eye-employee {
    60%,
    61% {
        visibility: hidden;
    }
}

#ginger_head {
    -webkit-animation-name: head-employee;
    -webkit-animation-duration: 25s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: head-employee;
    -moz-animation-duration: 25s;
    -moz-animation--iteration-count: 25s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: head-employee;
    -ms-animation-duration: 25s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: head-employee;
    animation-duration: 25s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-webkit-keyframes head-employee {
    50% {
        -webkit-transform: rotate(-12deg);
    }
}

@-moz-keyframes head-employee {
    50% {
        -moz-transform: rotate(-12deg);
    }
}

@-o-keyframes head-employee {
    50% {
        -webkit-transform: rotate(-12deg);
    }
}

@keyframes head-employee {
    50% {
        transform: rotate(-12deg);
    }
}

#base,
#collar,
#white_collar {
    -webkit-animation-name: base-suit;
    -webkit-animation-duration: 25s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: base-suit;
    -moz-animation-duration: 25s;
    -moz-animation--iteration-count: 25s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: base-suit;
    -ms-animation-duration: 25s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: base-suit;
    animation-duration: 25s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-webkit-keyframes base-suit {
    50% {
        -webkit-transform: translateX(20px);
    }
}

@-moz-keyframes base-suit {
    50% {
        -moz-transform: translateX(20px);
    }
}

@-o-keyframes base-suit {
    50% {
        -webkit-transform: translateX(20px);
    }
}

@keyframes base-suit {
    50% {
        transform: translateX(20px);
    }
}

#papers {
    -webkit-transform: translate(150px, 15px);
    -moz-transform: translate(150px, 15px);
    -ms-transform: translate(150px, 15px);
    transform: translate(150px, 15px);
}

#hand,
#white_shirt,
#suit_arm,
#buttons {
    -webkit-animation-name: arm-employee;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: arm-employee;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: arm-employee;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: arm-employee;
    animation-duration: 5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s;
}

@-webkit-keyframes arm-employee {
    23% {
        -webkit-transform: translate(-40px, -12px);
    }
    50% {
        -webkit-transform: translate(-20px, -12px);
    }
}

@-moz-keyframes arm-employee {
    23% {
        -moz-transform: translate(-40px, -12px);
    }
    50% {
        -moz-transform: translate(-20px, -12px);
    }
}

@-o-keyframes arm-employee {
    23% {
        -webkit-transform: translate(-40px, -12px);
    }
    50% {
        -webkit-transform: translate(-20px, -12px);
    }
}

@keyframes arm-employee {
    23% {
        transform: translate(-40px, -12px);
    }
    50% {
        transform: translate(-20px, -12px);
    }
}

#arm_shadow {
    -webkit-animation-name: arm-shadow;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: arm-shadow;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: arm-shadow;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: arm-shadow;
    animation-duration: 5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s;
}

@-webkit-keyframes arm-shadow {
    30% {
        -webkit-transform: rotate(38deg);
    }
    42% {
        -webkit-transform: rotate(35deg);
    }
}

@-moz-keyframes arm-shadow {
    30% {
        -moz-transform: rotate(38deg);
    }
    42% {
        -moz-transform: rotate(35deg);
    }
}

@-o-keyframes arm-shadow {
    30% {
        -webkit-transform: rotate(38deg);
    }
    42% {
        -webkit-transform: rotate(35deg);
    }
}

@keyframes arm-shadow {
    30% {
        transform: rotate(38deg);
    }
    42% {
        transform: rotate(35deg);
    }
}

#fly {
    -webkit-animation-name: fly;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: fly;
    -moz-animation-duration: 7s;
    -moz-animation--iteration-count: 7s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: fly;
    -ms-animation-duration: 7s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: fly;
    animation-duration: 7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    visibility: hidden;
}

@-webkit-keyframes fly {
    0% {
        visibility: visible;
    }
    50% {
        -webkit-transform: translate(550px, -40px);
    }
    80% {
        -webkit-transform: translate(550px, -50px);
    }
    100% {
        -webkit-transform: translate(950px, -500px);
    }
}

@-moz-keyframes fly {
    0% {
        visibility: visible;
    }
    50% {
        -moz-transform: translate(550px, -40px);
    }
    80% {
        -moz-transform: translate(550px, -50px);
    }
    100% {
        -moz-transform: translate(950px, -500px);
    }
}

@-o-keyframes fly {
    0% {
        visibility: visible;
    }
    50% {
        -webkit-transform: translate(550px, -40px);
    }
    80% {
        -webkit-transform: translate(550px, -50px);
    }
    100% {
        -webkit-transform: translate(950px, -500px);
    }
}

@keyframes fly {
    0% {
        visibility: visible;
    }
    50% {
        transform: translate(550px, -40px);
    }
    80% {
        transform: translate(550px, -50px);
    }
    100% {
        transform: translate(950px, -500px);
    }
}

#wing_1 {
    -webkit-animation-name: wing_1;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: wing_1;
    -moz-animation-duration: 0.5s;
    -moz-animation--iteration-count: 0.5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: wing_1;
    -ms-animation-duration: 0.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    animation-name: wing_1;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

@-webkit-keyframes wing_1 {
    50% {
        -webkit-transform: rotate(20deg);
    }
}

@-moz-keyframes wing_1 {
    50% {
        -moz-transform: rotate(20deg);
    }
}

@-o-keyframes wing_1 {
    50% {
        -webkit-transform: rotate(20deg);
    }
}

@keyframes wing_1 {
    50% {
        transform: rotate(20deg);
    }
}

#wing_2 {
    -webkit-animation-name: wing_2;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: wing_2;
    -moz-animation-duration: 0.5s;
    -moz-animation--iteration-count: 0.5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: wing_2;
    -ms-animation-duration: 0.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    animation-name: wing_2;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

@-webkit-keyframes wing_2 {
    50% {
        -webkit-transform: rotate(-20deg);
    }
}

@-moz-keyframes wing_2 {
    50% {
        -moz-transform: rotate(-20deg);
    }
}

@-o-keyframes wing_2 {
    50% {
        -webkit-transform: rotate(-20deg);
    }
}

@keyframes wing_2 {
    50% {
        transform: rotate(-20deg);
    }
}

#fly_legs {
    -webkit-animation-name: fly_legs;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: fly_legs;
    -moz-animation-duration: 1s;
    -moz-animation--iteration-count: 1s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: fly_legs;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    animation-name: fly_legs;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

@-webkit-keyframes fly_legs {
    50% {
        -webkit-transform: rotate(15deg);
    }
}

@-moz-keyframes fly_legs {
    50% {
        -moz-transform: rotate(15deg);
    }
}

@-o-keyframes fly_legs {
    50% {
        -webkit-transform: rotate(15deg);
    }
}

@keyframes fly_legs {
    50% {
        transform: rotate(15deg);
    }
}

#pen {
    -webkit-animation-name: pen;
    -webkit-animation-duration: 180s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: pen;
    -moz-animation-duration: 180s;
    -moz-animation--iteration-count: 180s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: pen;
    -ms-animation-duration: 180s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: pen;
    animation-duration: 180s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s;
    -webkit-transform: translate(310px, 30px);
    -moz-transform: translate(310px, 30px);
    -ms-transform: translate(310px, 30px);
    transform: translate(310px, 30px);
}

@-webkit-keyframes pen {
    1%,
    100% {
        -webkit-transform: translate(280px, 10px);
    }
}

@-moz-keyframes pen {
    1%,
    100% {
        -moz-transform: translate(280px, 10px);
    }
}

@-o-keyframes pen {
    1%,
    100% {
        -webkit-transform: translate(280px, 10px);
    }
}

@keyframes pen {
    1%,
    100% {
        transform: translate(280px, 10px);
    }
}

#shadow_pen,
.st18 {
    fill: #5F5F5F;
    opacity: 0.8;
}

#clock {
    -webkit-animation-name: clock;
    -webkit-animation-duration: 11s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: clock;
    -moz-animation-duration: 11s;
    -moz-animation--iteration-count: 11s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: clock;
    -ms-animation-duration: 11s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: clock;
    animation-duration: 11s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    visibility: hidden;
}

@-webkit-keyframes clock {
    0% {
        visibility: visible;
    }
    35% {
        -webkit-transform: skewX(4deg);
    }
    50% {
        -webkit-transform: skewX(-4deg);
    }
    70% {
        -webkit-transform: translate(50px, 500px);
    }
    70%,
    100% {
        visibility: hidden;
    }
}

@-moz-keyframes clock {
    0% {
        visibility: visible;
    }
    35% {
        -moz-transform: skewX(4deg);
    }
    50% {
        -moz-transform: skewX(-4deg);
    }
    70% {
        -moz-transform: translate(50px, 500px);
    }
    70%,
    100% {
        visibility: hidden;
    }
}

@-o-keyframes clock {
    0% {
        visibility: visible;
    }
    35% {
        -webkit-transform: skewX(4deg);
    }
    50% {
        -webkit-transform: skewX(-4deg);
    }
    70% {
        -webkit-transform: translate(50px, 500px);
    }
    70%,
    100% {
        visibility: hidden;
    }
}

@keyframes clock {
    0% {
        visibility: visible;
    }
    35% {
        transform: skewX(4deg);
    }
    50% {
        transform: skewX(-4deg);
    }
    70% {
        transform: translate(50px, 500px);
    }
    70%,
    100% {
        visibility: hidden;
    }
}

.dialog {
    margin-left: 20px;
    margin-right: 20px;
}

@media only screen and (min-width: 768px) {
    .dialog {
        margin-left: 100px;
    }
}

@media only screen and (min-width: 992px) {
    .dialog {
        margin-left: 250px;
    }
}

@media only screen and (min-width: 1366px) {
    .dialog {
        margin-left: 350px;
    }
}

@media only screen and (min-width: 768px) {
    .dialog #text-boss-1,
    .dialog #text-employee-1,
    .dialog #text-boss-2,
    .dialog #text-employee-2,
    .dialog #text-boss-3,
    .dialog #text-employee-3,
    .dialog #text-boss-4,
    .dialog #text-employee-4 {
        max-width: 500px;
    }
}

.dialog p {
    font-family: "VT323", monospace;
    font-size: 20px;
}

@media only screen and (min-width: 992px) {
    .dialog p {
        font-size: 28px;
    }
}

#text-boss-1 {
    -webkit-animation-name: text_boss_1;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: text_boss_1;
    -moz-animation-duration: 5s;
    -moz-animation--iteration-count: 5s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: text_boss_1;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: text_boss_1;
    animation-duration: 5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
    visibility: hidden;
    position: absolute;
}

@-webkit-keyframes text_boss_1 {
    50% {
        visibility: visible;
    }
}

@-moz-keyframes text_boss_1 {
    50% {
        visibility: visible;
    }
}

@-o-keyframes text_boss_1 {
    50% {
        visibility: visible;
    }
}

@keyframes text_boss_1 {
    50% {
        visibility: visible;
    }
}

#text-employee-1 {
    -webkit-animation-name: text_employee_1;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: text_employee_1;
    -moz-animation-duration: 8s;
    -moz-animation--iteration-count: 8s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: text_employee_1;
    -ms-animation-duration: 8s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: text_employee_1;
    animation-duration: 8s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s;
    visibility: hidden;
    position: absolute;
}

@-webkit-keyframes text_employee_1 {
    50% {
        visibility: visible;
    }
}

@-moz-keyframes text_employee_1 {
    50% {
        visibility: visible;
    }
}

@-o-keyframes text_employee_1 {
    50% {
        visibility: visible;
    }
}

@keyframes text_employee_1 {
    50% {
        visibility: visible;
    }
}

#text-boss-2 {
    -webkit-animation-name: text_boss_2;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: text_boss_2;
    -moz-animation-duration: 3s;
    -moz-animation--iteration-count: 3s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: text_boss_2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: text_boss_2;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s;
    visibility: hidden;
    position: absolute;
}

@-webkit-keyframes text_boss_2 {
    50% {
        visibility: visible;
    }
}

@-moz-keyframes text_boss_2 {
    50% {
        visibility: visible;
    }
}

@-o-keyframes text_boss_2 {
    50% {
        visibility: visible;
    }
}

@keyframes text_boss_2 {
    50% {
        visibility: visible;
    }
}

#text-employee-2 {
    -webkit-animation-name: text_employee_2;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: text_employee_2;
    -moz-animation-duration: 3s;
    -moz-animation--iteration-count: 3s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: text_employee_2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: text_employee_2;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 19s;
    -moz-animation-delay: 19s;
    -ms-animation-delay: 19s;
    animation-delay: 19s;
    visibility: hidden;
    position: absolute;
}

@-webkit-keyframes text_employee_2 {
    50% {
        visibility: visible;
    }
}

@-moz-keyframes text_employee_2 {
    50% {
        visibility: visible;
    }
}

@-o-keyframes text_employee_2 {
    50% {
        visibility: visible;
    }
}

@keyframes text_employee_2 {
    50% {
        visibility: visible;
    }
}

#text-employee-3 {
    -webkit-animation-name: text_employee_3;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: text_employee_3;
    -moz-animation-duration: 3s;
    -moz-animation--iteration-count: 3s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: text_employee_3;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: text_employee_3;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 22s;
    -moz-animation-delay: 22s;
    -ms-animation-delay: 22s;
    animation-delay: 22s;
    visibility: hidden;
    position: absolute;
}

@-webkit-keyframes text_employee_3 {
    50% {
        visibility: visible;
    }
}

@-moz-keyframes text_employee_3 {
    50% {
        visibility: visible;
    }
}

@-o-keyframes text_employee_3 {
    50% {
        visibility: visible;
    }
}

@keyframes text_employee_3 {
    50% {
        visibility: visible;
    }
}

#text-boss-3 {
    -webkit-animation-name: text_boss_3;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: text_boss_3;
    -moz-animation-duration: 3s;
    -moz-animation--iteration-count: 3s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: text_boss_3;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: text_boss_3;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 25s;
    -moz-animation-delay: 25s;
    -ms-animation-delay: 25s;
    animation-delay: 25s;
    visibility: hidden;
    position: absolute;
}

@-webkit-keyframes text_boss_3 {
    50% {
        visibility: visible;
    }
}

@-moz-keyframes text_boss_3 {
    50% {
        visibility: visible;
    }
}

@-o-keyframes text_boss_3 {
    50% {
        visibility: visible;
    }
}

@keyframes text_boss_3 {
    50% {
        visibility: visible;
    }
}

#text-employee-4 {
    -webkit-animation-name: text_employee_4;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: text_employee_4;
    -moz-animation-duration: 3s;
    -moz-animation--iteration-count: 3s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: text_employee_4;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: text_employee_4;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 28s;
    -moz-animation-delay: 28s;
    -ms-animation-delay: 28s;
    animation-delay: 28s;
    visibility: hidden;
    position: absolute;
}

@-webkit-keyframes text_employee_4 {
    50% {
        visibility: visible;
    }
}

@-moz-keyframes text_employee_4 {
    50% {
        visibility: visible;
    }
}

@-o-keyframes text_employee_4 {
    50% {
        visibility: visible;
    }
}

@keyframes text_employee_4 {
    50% {
        visibility: visible;
    }
}

#text-boss-4 {
    -webkit-animation-name: text_boss_4;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: text_boss_4;
    -moz-animation-duration: 4s;
    -moz-animation--iteration-count: 4s;
    -moz-animation-timing-function: ease;
    -ms-animation-name: text_boss_4;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease;
    animation-name: text_boss_4;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    -webkit-animation-delay: 31s;
    -moz-animation-delay: 31s;
    -ms-animation-delay: 31s;
    animation-delay: 31s;
    visibility: hidden;
    position: absolute;
}

@-webkit-keyframes text_boss_4 {
    50% {
        visibility: visible;
    }
}

@-moz-keyframes text_boss_4 {
    50% {
        visibility: visible;
    }
}

@-o-keyframes text_boss_4 {
    50% {
        visibility: visible;
    }
}

@keyframes text_boss_4 {
    50% {
        visibility: visible;
    }
}