.loading-wrapper {
    display: none;
}

header {
    background-color: #003B5C;
}

.error-container {
    background-color: #d1d1d1;
}

h2.error-title-404-tm {
    font-size: 3.7rem;
    color: #003b5c;
    font-weight: 300;
}

h3.error-subtitle-404-tm {
    font-size: 42px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 30px;
}

p.error-text-404-tm {
    font-size: 1.2rem;
    color: #003b5c;
}

a.error-text-404-tm {
    font-size: 1.2rem;
    color: #003b5c;
}

a.error-text-404-tm:hover {
    text-decoration: none;
}

footer {
    padding-left: 0;
}

svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    animation: appear 1s 1;
    animation-timing-function: cubic-bezier(.63, .09, .3, 1.43);
    animation-fill-mode: forwards;
    transform: scale(0);
}

.moving-svg {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

svg #service1, svg #service2, svg #service3, svg #service4, svg #service5, svg #service6, svg #service7, svg #service8 {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -webkit-animation: appear 3s infinite;
    animation: appear 3s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.63, 0.09, 0.3, 1.43);
    animation-timing-function: cubic-bezier(0.63, 0.09, 0.3, 1.43);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(0);
    transform: scale(0);
}

svg #service2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

svg #service3 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

svg #service4 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

svg #service5 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

svg #service6 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

svg #service7 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

svg #service8 {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

/*Keyframes*/
@-webkit-keyframes appear {
    0% {
        -webkit-transform: scaleX(0) scaleY(0) translateY(0);
        transform: scaleX(0) scaleY(0) translateY(0);
    }
    70% {
        -webkit-transform: scaleX(0.7) scaleY(0.7) translateY(0);
        transform: scaleX(0.7) scaleY(0.7) translateY(0);
    }
    80% {
        -webkit-transform: scaleX(0.9) scaleY(0.5) translateY(5px);
        transform: scaleX(0.9) scaleY(0.5) translateY(5px);
    }
    100% {
        -webkit-transform: scaleX(1) scaleY(1) translateY(0);
        transform: scaleX(1) scaleY(1) translateY(0);
    }
}

@keyframes appear {
    0% {
        -webkit-transform: scaleX(0) scaleY(0) translateY(0);
        transform: scaleX(0) scaleY(0) translateY(0);
    }
    70% {
        -webkit-transform: scaleX(0.7) scaleY(0.7) translateY(0);
        transform: scaleX(0.7) scaleY(0.7) translateY(0);
    }
    80% {
        -webkit-transform: scaleX(0.9) scaleY(0.5) translateY(5px);
        transform: scaleX(0.9) scaleY(0.5) translateY(5px);
    }
    100% {
        -webkit-transform: scaleX(1) scaleY(1) translateY(0);
        transform: scaleX(1) scaleY(1) translateY(0);
    }
}

.st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #E8EBED;
}

.st1 {
    fill: #FFFFFF;
    stroke: #89949B;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #DBDFE1;
}

.st3 {
    fill: #FFFFFF;
}

.st4 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #E8EBED;
    stroke: #89949B;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    stroke: #89949B;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st6 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: #89949B;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st7 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: #89949B;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st8 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    stroke: #89949B;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st9 {
    fill: #89949B;
}

.st10 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #89949B;
}

.st11 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: #89949B;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st12 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
}

.st13 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    stroke: #8894A0;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st14 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: #89949B;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st15 {
    fill: none;
    stroke: #89949B;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#cloud {
    -webkit-animation: cloud 9s infinite ease-in-out;
    -moz-animation: cloud 9s infinite ease-in-out;
    -o-animation: cloud 9s infinite ease-in-out;
    animation: cloud 9s infinite ease-in-out;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes cloud {
    0% {
        opacity: 0.3;
        left: 160px;
        -webkit-transform: skewX(20deg);
    }
    65% {
        opacity: 1;
        left: 114px;
        -webkit-transform: skewX(0deg);
    }
    100% {
        opacity: 0.3;
        left: 160px;
        -webkit-transform: skewX(20deg);
    }
}

@-moz-keyframes cloud {
    0% {
        opacity: 0.3;
        left: 160px;
        -moz-transform: skewX(20deg);
    }
    65% {
        opacity: 1;
        left: 114px;
        -moz-transform: skewX(0deg);
    }
    100% {
        opacity: 0.3;
        left: 160px;
        -moz-transform: skewX(20deg);
    }
}

@-o-keyframes cloud {
    0% {
        opacity: 0.3;
        left: 160px;
        -o-transform: skewX(20deg);
    }
    65% {
        opacity: 1;
        left: 114px;
        -o-transform: skewX(0deg);
    }
    100% {
        opacity: 0.3;
        left: 160px;
        -o-transform: skewX(20deg);
    }
}

@keyframes cloud {
    0% {
        opacity: 0.3;
        left: 160px;
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
    }
    65% {
        opacity: 1;
        left: 114px;
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    100% {
        opacity: 0.3;
        left: 160px;
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
    }
}

[not-existing] {
    zoom: 1;
}

#moon {
    transform-origin: 640px 81px;
    -webkit-animation: moon-float 6s infinite ease-in-out;
    -moz-animation: moon-float 6s infinite ease-in-out;
    -o-animation: moon-float 6s infinite ease-in-out;
    animation: moon-float 6s infinite ease-in-out;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes moon-float {
    0% {
        -webkit-transform: translate(0, 20px) scale(1.1);
    }
    65% {
        -webkit-transform: translate(0, 0px) scale(1.0);
    }
    100% {
        -webkit-transform: translate(0, 20px) scale(1.1);
    }
}

@-moz-keyframes moon-float {
    0% {
        -moz-transform: translate(0, 20px) scale(1.1);
    }
    65% {
        -moz-transform: translate(0, 0px) scale(1.0);
    }
    100% {
        -moz-transform: translate(0, 20px) scale(1.1);
    }
}

@-o-keyframes moon-float {
    0% {
        -o-transform: translate(0, 20px) scale(1.1);
    }
    65% {
        -o-transform: translate(0, 0px) scale(1.0);
    }
    100% {
        -o-transform: translate(0, 20px) scale(1.1);
    }
}

@keyframes moon-float {
    0% {
        -webkit-transform: translate(0, 20px) scale(1.1);
        -moz-transform: translate(0, 20px) scale(1.1);
        -ms-transform: translate(0, 20px) scale(1.1);
        transform: translate(0, 20px) scale(1.1);
    }
    65% {
        -webkit-transform: translate(0, 0px) scale(1.0);
        -moz-transform: translate(0, 0px) scale(1.0);
        -ms-transform: translate(0, 0px) scale(1.0);
        transform: translate(0, 0px) scale(1.0);
    }
    100% {
        -webkit-transform: translate(0, 20px) scale(1.1);
        -moz-transform: translate(0, 20px) scale(1.1);
        -ms-transform: translate(0, 20px) scale(1.1);
        transform: translate(0, 20px) scale(1.1);
    }
}

[not-existing] {
    zoom: 1;
}

#monkey-eye-l {
    transform-origin: 191px 257px;
    -webkit-animation: blink-l 12s infinite ease-in-out;
    -moz-animation: blink-l 12s infinite ease-in-out;
    -o-animation: blink-l 12s infinite ease-in-out;
    animation: blink-l 12s infinite ease-in-out;
}

#monkey-eye-r {
    transform-origin: 205px 256px;
    -webkit-animation: blink-r 12s infinite ease-in-out;
    -moz-animation: blink-r 12s infinite ease-in-out;
    -o-animation: blink-r 12s infinite ease-in-out;
    animation: blink-r 12s infinite ease-in-out;
}

#monkey-arm {
    transform-origin: 155px 298px;
    -webkit-animation: monkey-arm 4s infinite ease-in-out;
    -moz-animation: monkey-arm 4s infinite ease-in-out;
    -o-animation: monkey-arm 4s infinite ease-in-out;
    animation: monkey-arm 4s infinite ease-in-out;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes monkey-arm {
    0% {
        -webkit-transform: rotateZ(-10deg);
    }
    50% {
        -webkit-transform: rotateZ(20deg);
    }
    100% {
        -webkit-transform: rotateZ(-10deg);
    }
}

@-moz-keyframes monkey-arm {
    0% {
        -moz-transform: rotateZ(-10deg);
    }
    50% {
        -moz-transform: rotateZ(20deg);
    }
    100% {
        -moz-transform: rotateZ(-10deg);
    }
}

@-o-keyframes monkey-arm {
    0% {
        -o-transform: rotateZ(-10deg);
    }
    50% {
        -o-transform: rotateZ(20deg);
    }
    100% {
        -o-transform: rotateZ(-10deg);
    }
}

@keyframes monkey-arm {
    0% {
        -webkit-transform: rotateZ(-10deg);
        -moz-transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
    }
    50% {
        -webkit-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        -ms-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
    100% {
        -webkit-transform: rotateZ(-10deg);
        -moz-transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes blink-l {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    2% {
        -webkit-transform: rotateX(80deg);
    }
    4%, 20% {
        -webkit-transform: rotateX(0deg);
    }
    22% {
        -webkit-transform: rotateX(80deg);
    }
    24%, 30% {
        -webkit-transform: rotateX(0deg);
    }
    32% {
        -webkit-transform: rotateX(80deg);
    }
    34%, 70% {
        -webkit-transform: rotateX(0deg);
    }
    72% {
        -webkit-transform: rotateX(80deg);
    }
    74%, 100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes blink-l {
    0% {
        -moz-transform: rotateX(0deg);
    }
    2% {
        -moz-transform: rotateX(80deg);
    }
    4%, 20% {
        -moz-transform: rotateX(0deg);
    }
    22% {
        -moz-transform: rotateX(80deg);
    }
    24%, 30% {
        -moz-transform: rotateX(0deg);
    }
    32% {
        -moz-transform: rotateX(80deg);
    }
    34%, 70% {
        -moz-transform: rotateX(0deg);
    }
    72% {
        -moz-transform: rotateX(80deg);
    }
    74%, 100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes blink-l {
    0% {
        -o-transform: rotateX(0deg);
    }
    2% {
        -o-transform: rotateX(80deg);
    }
    4%, 20% {
        -o-transform: rotateX(0deg);
    }
    22% {
        -o-transform: rotateX(80deg);
    }
    24%, 30% {
        -o-transform: rotateX(0deg);
    }
    32% {
        -o-transform: rotateX(80deg);
    }
    34%, 70% {
        -o-transform: rotateX(0deg);
    }
    72% {
        -o-transform: rotateX(80deg);
    }
    74%, 100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes blink-l {
    0% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    2% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        -ms-transform: rotateX(80deg);
        transform: rotateX(80deg);
    }
    4%, 20% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    22% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        -ms-transform: rotateX(80deg);
        transform: rotateX(80deg);
    }
    24%, 30% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    32% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        -ms-transform: rotateX(80deg);
        transform: rotateX(80deg);
    }
    34%, 70% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    72% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        -ms-transform: rotateX(80deg);
        transform: rotateX(80deg);
    }
    74%, 100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes blink-r {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    2% {
        -webkit-transform: rotateX(80deg);
    }
    4%, 30% {
        -webkit-transform: rotateX(0deg);
    }
    32% {
        -webkit-transform: rotateX(80deg);
    }
    34%, 50% {
        -webkit-transform: rotateX(0deg);
    }
    52% {
        -webkit-transform: rotateX(80deg);
    }
    54%, 100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes blink-r {
    0% {
        -moz-transform: rotateX(0deg);
    }
    2% {
        -moz-transform: rotateX(80deg);
    }
    4%, 30% {
        -moz-transform: rotateX(0deg);
    }
    32% {
        -moz-transform: rotateX(80deg);
    }
    34%, 50% {
        -moz-transform: rotateX(0deg);
    }
    52% {
        -moz-transform: rotateX(80deg);
    }
    54%, 100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes blink-r {
    0% {
        -o-transform: rotateX(0deg);
    }
    2% {
        -o-transform: rotateX(80deg);
    }
    4%, 30% {
        -o-transform: rotateX(0deg);
    }
    32% {
        -o-transform: rotateX(80deg);
    }
    34%, 50% {
        -o-transform: rotateX(0deg);
    }
    52% {
        -o-transform: rotateX(80deg);
    }
    54%, 100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes blink-r {
    0% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    2% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        -ms-transform: rotateX(80deg);
        transform: rotateX(80deg);
    }
    4%, 30% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    32% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        -ms-transform: rotateX(80deg);
        transform: rotateX(80deg);
    }
    34%, 50% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    52% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        -ms-transform: rotateX(80deg);
        transform: rotateX(80deg);
    }
    54%, 100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}

[not-existing] {
    zoom: 1;
}

#star1 {
    transform-origin: 643px 338px;
    -webkit-animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;
    -moz-animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;
    -o-animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;
    animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;
}

#star2 {
    transform-origin: 489px 82px;
    -webkit-animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;
    -moz-animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;
    -o-animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;
    animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;
}

#star3 {
    transform-origin: 316px 344px;
    -webkit-animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;
    -moz-animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;
    -o-animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;
    animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;
}

#star4 {
    transform-origin: 126px 182px;
    -webkit-animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;
    -moz-animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;
    -o-animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;
    animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes star1 {
    0% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    15% {
        -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    30%, 100% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@-moz-keyframes star1 {
    0% {
        -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    15% {
        -moz-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    30%, 100% {
        -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@-o-keyframes star1 {
    0% {
        -o-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    15% {
        -o-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    30%, 100% {
        -o-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@keyframes star1 {
    0% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        -ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    15% {
        -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);
        -moz-transform: scale(1) skewX(0deg) rotateZ(360deg);
        -ms-transform: scale(1) skewX(0deg) rotateZ(360deg);
        transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    30%, 100% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        -ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes star2 {
    0%, 15% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    30% {
        -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    45%, 100% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@-moz-keyframes star2 {
    0%, 15% {
        -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    30% {
        -moz-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    45%, 100% {
        -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@-o-keyframes star2 {
    0%, 15% {
        -o-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    30% {
        -o-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    45%, 100% {
        -o-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@keyframes star2 {
    0%, 15% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        -ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    30% {
        -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);
        -moz-transform: scale(1) skewX(0deg) rotateZ(360deg);
        -ms-transform: scale(1) skewX(0deg) rotateZ(360deg);
        transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    45%, 100% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        -ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes star3 {
    0%, 30% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    45% {
        -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    60%, 100% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@-moz-keyframes star3 {
    0%, 30% {
        -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    45% {
        -moz-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    60%, 100% {
        -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@-o-keyframes star3 {
    0%, 30% {
        -o-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    45% {
        -o-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    60%, 100% {
        -o-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@keyframes star3 {
    0%, 30% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        -ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    45% {
        -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);
        -moz-transform: scale(1) skewX(0deg) rotateZ(360deg);
        -ms-transform: scale(1) skewX(0deg) rotateZ(360deg);
        transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    60%, 100% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        -ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes star4 {
    0%, 45% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    60% {
        -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    75%, 100% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@-moz-keyframes star4 {
    0%, 45% {
        -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    60% {
        -moz-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    75%, 100% {
        -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@-o-keyframes star4 {
    0%, 45% {
        -o-transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    60% {
        -o-transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    75%, 100% {
        -o-transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

@keyframes star4 {
    0%, 45% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        -ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);
        transform: scale(.5) skewX(15deg) rotateZ(0deg);
    }
    60% {
        -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);
        -moz-transform: scale(1) skewX(0deg) rotateZ(360deg);
        -ms-transform: scale(1) skewX(0deg) rotateZ(360deg);
        transform: scale(1) skewX(0deg) rotateZ(360deg);
    }
    75%, 100% {
        -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        -ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);
        transform: scale(.5) skewX(15deg) rotateZ(720deg);
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes star1-fade {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    30%, 100% {
        opacity: 0;
    }
}

@-moz-keyframes star1-fade {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    30%, 100% {
        opacity: 0;
    }
}

@-o-keyframes star1-fade {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    30%, 100% {
        opacity: 0;
    }
}

@keyframes star1-fade {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    30%, 100% {
        opacity: 0;
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes star2-fade {
    0%, 15% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    45%, 100% {
        opacity: 0;
    }
}

@-moz-keyframes star2-fade {
    0%, 15% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    45%, 100% {
        opacity: 0;
    }
}

@-o-keyframes star2-fade {
    0%, 15% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    45%, 100% {
        opacity: 0;
    }
}

@keyframes star2-fade {
    0%, 15% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    45%, 100% {
        opacity: 0;
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes star3-fade {
    0%, 30% {
        opacity: 0;
    }
    45% {
        opacity: 1;
    }
    60%, 100% {
        opacity: 0;
    }
}

@-moz-keyframes star3-fade {
    0%, 30% {
        opacity: 0;
    }
    45% {
        opacity: 1;
    }
    60%, 100% {
        opacity: 0;
    }
}

@-o-keyframes star3-fade {
    0%, 30% {
        opacity: 0;
    }
    45% {
        opacity: 1;
    }
    60%, 100% {
        opacity: 0;
    }
}

@keyframes star3-fade {
    0%, 30% {
        opacity: 0;
    }
    45% {
        opacity: 1;
    }
    60%, 100% {
        opacity: 0;
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes star4-fade {
    0%, 45% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    75%, 100% {
        opacity: 0;
    }
}

@-moz-keyframes star4-fade {
    0%, 45% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    75%, 100% {
        opacity: 0;
    }
}

@-o-keyframes star4-fade {
    0%, 45% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    75%, 100% {
        opacity: 0;
    }
}

@keyframes star4-fade {
    0%, 45% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    75%, 100% {
        opacity: 0;
    }
}

[not-existing] {
    zoom: 1;
}

#sword-path {
    transform-origin: 458px 206px;
    -webkit-animation: tetris-float 3s infinite ease-in-out;
    -moz-animation: tetris-float 3s infinite ease-in-out;
    -o-animation: tetris-float 3s infinite ease-in-out;
    animation: tetris-float 3s infinite ease-in-out;
}

#sword {
    transform-origin: 458px 206px;
    -webkit-animation: sword 4s infinite ease-out;
    -moz-animation: sword 4s infinite ease-out;
    -o-animation: sword 4s infinite ease-out;
    animation: sword 4s infinite ease-out;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes sword {
    0%, 15% {
        -webkit-transform: rotate(-40deg);
    }
    87% {
        -webkit-transform: rotate(50deg);
    }
    100% {
        -webkit-transform: rotate(-40deg);
    }
}

@-moz-keyframes sword {
    0%, 15% {
        -moz-transform: rotate(-40deg);
    }
    87% {
        -moz-transform: rotate(50deg);
    }
    100% {
        -moz-transform: rotate(-40deg);
    }
}

@-o-keyframes sword {
    0%, 15% {
        -o-transform: rotate(-40deg);
    }
    87% {
        -o-transform: rotate(50deg);
    }
    100% {
        -o-transform: rotate(-40deg);
    }
}

@keyframes sword {
    0%, 15% {
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }
    87% {
        -webkit-transform: rotate(50deg);
        -moz-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
        transform: rotate(50deg);
    }
    100% {
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }
}

[not-existing] {
    zoom: 1;
}

#tetris-path {
    transform-origin: 538px 374px;
    -webkit-animation: tetris-float 5s infinite ease-in-out;
    -moz-animation: tetris-float 5s infinite ease-in-out;
    -o-animation: tetris-float 5s infinite ease-in-out;
    animation: tetris-float 5s infinite ease-in-out;
}

#tetris {
    transform-origin: 538px 374px;
    -webkit-animation: rotate 10s steps(1) infinite alternate;
    -moz-animation: rotate 10s steps(1) infinite alternate;
    -o-animation: rotate 10s steps(1) infinite alternate;
    animation: rotate 10s steps(1) infinite alternate;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg);
    }
    25% {
        -webkit-transform: rotateZ(90deg);
    }
    50% {
        -webkit-transform: rotateZ(180deg);
    }
    75% {
        -webkit-transform: rotateZ(270deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotateZ(0deg);
    }
    25% {
        -moz-transform: rotateZ(90deg);
    }
    50% {
        -moz-transform: rotateZ(180deg);
    }
    75% {
        -moz-transform: rotateZ(270deg);
    }
    100% {
        -moz-transform: rotateZ(360deg);
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotateZ(0deg);
    }
    25% {
        -o-transform: rotateZ(90deg);
    }
    50% {
        -o-transform: rotateZ(180deg);
    }
    75% {
        -o-transform: rotateZ(270deg);
    }
    100% {
        -o-transform: rotateZ(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    25% {
        -webkit-transform: rotateZ(90deg);
        -moz-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }
    50% {
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
    75% {
        -webkit-transform: rotateZ(270deg);
        -moz-transform: rotateZ(270deg);
        -ms-transform: rotateZ(270deg);
        transform: rotateZ(270deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

[not-existing] {
    zoom: 1;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes tetris-float {
    0% {
        -webkit-transform: translate(0px, 0px) scale(0.90)
    }
    65% {
        -webkit-transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        -webkit-transform: translate(0px, 0px) scale(0.90);
    }
}

@-moz-keyframes tetris-float {
    0% {
        -moz-transform: translate(0px, 0px) scale(0.90)
    }
    65% {
        -moz-transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        -moz-transform: translate(0px, 0px) scale(0.90);
    }
}

@-o-keyframes tetris-float {
    0% {
        -o-transform: translate(0px, 0px) scale(0.90)
    }
    65% {
        -o-transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        -o-transform: translate(0px, 0px) scale(0.90);
    }
}

@keyframes tetris-float {
    0% {
        -webkit-transform: translate(0px, 0px) scale(0.90);
        -moz-transform: translate(0px, 0px) scale(0.90);
        -ms-transform: translate(0px, 0px) scale(0.90);
        transform: translate(0px, 0px) scale(0.90);
    }
    65% {
        -webkit-transform: translate(0px, 30px) scale(1.0);
        -moz-transform: translate(0px, 30px) scale(1.0);
        -ms-transform: translate(0px, 30px) scale(1.0);
        transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        -webkit-transform: translate(0px, 0px) scale(0.90);
        -moz-transform: translate(0px, 0px) scale(0.90);
        -ms-transform: translate(0px, 0px) scale(0.90);
        transform: translate(0px, 0px) scale(0.90);
    }
}

[not-existing] {
    zoom: 1;
}

#triforce {
    transform-origin: 175px 91px;
    -webkit-animation: triforce-float 3s infinite ease-in-out;
    -moz-animation: triforce-float 3s infinite ease-in-out;
    -o-animation: triforce-float 3s infinite ease-in-out;
    animation: triforce-float 3s infinite ease-in-out;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes triforce-float {
    0% {
        -webkit-transform: translate(0px, 0px) scale(0.90)
    }
    65% {
        -webkit-transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        -webkit-transform: translate(0px, 0px) scale(0.90);
    }
}

@-moz-keyframes triforce-float {
    0% {
        -moz-transform: translate(0px, 0px) scale(0.90)
    }
    65% {
        -moz-transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        -moz-transform: translate(0px, 0px) scale(0.90);
    }
}

@-o-keyframes triforce-float {
    0% {
        -o-transform: translate(0px, 0px) scale(0.90)
    }
    65% {
        -o-transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        -o-transform: translate(0px, 0px) scale(0.90);
    }
}

@keyframes triforce-float {
    0% {
        -webkit-transform: translate(0px, 0px) scale(0.90);
        -moz-transform: translate(0px, 0px) scale(0.90);
        -ms-transform: translate(0px, 0px) scale(0.90);
        transform: translate(0px, 0px) scale(0.90);
    }
    65% {
        -webkit-transform: translate(0px, 30px) scale(1.0);
        -moz-transform: translate(0px, 30px) scale(1.0);
        -ms-transform: translate(0px, 30px) scale(1.0);
        transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        -webkit-transform: translate(0px, 0px) scale(0.90);
        -moz-transform: translate(0px, 0px) scale(0.90);
        -ms-transform: translate(0px, 0px) scale(0.90);
        transform: translate(0px, 0px) scale(0.90);
    }
}

[not-existing] {
    zoom: 1;
}