/*----------------------- Error Page Start here------------------------------------*/

.error-section {
    .section-wrapper {
        .error-item {
            padding: 30px 25px;
            @extend %text-center;
            @extend %bg-primary;
            box-shadow: 0px 0px 10px 0px rgba($black-color, $alpha: .20);
            border-radius: 5px;

            @include breakpoint(md) {
                padding: 60px;
            }

            .error-thumb {
                @extend %p-rel;
            }

            .error-content {

                @include breakpoint(lg) {
                    margin-top: -50px;
                }

                p {
                    @extend %mb-30;
                }
            }
        }
    }
}


/*====================== SVG Animation ====================*/

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

.st1 {
    fill: $white-color;
    stroke: $theme-color;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: $theme-color;
}

.st3 {
    fill: $white-color;
}

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

.st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: $white-color;
    stroke: $theme-color;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st6 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: $theme-color;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st7 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: $theme-color;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st8 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: $white-color;
    stroke: $theme-color;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st9 {
    fill: $theme-color;
}

.st10 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: $theme-color;
}

.st11 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: $theme-color;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st12 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: $white-color;
}

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

.st14 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: $theme-color;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.st15 {
    fill: none;
    stroke: $theme-color;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#cloud {
    fill: $body-color;
    -webkit-animation: cloud 12s infinite ease-in-out;
    -moz-animation: cloud 12s infinite ease-in-out;
    -o-animation: cloud 12s infinite ease-in-out;
    animation: cloud 12s 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: 150px 550px;
    -webkit-animation: moon-float 8s infinite ease-in-out;
    -moz-animation: moon-float 8s infinite ease-in-out;
    -o-animation: moon-float 8s infinite ease-in-out;
    animation: moon-float 8s 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;
}


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;
}

.light-version {
    .section-wrapper {
        .error-item {
            background-color: rgba($black-color, $alpha: .07);
            box-shadow: none;

            .error-content {

                h2 {
                    color: $black-color;
                }

                p {
                    color: #555;
                }
            }

            #cloud {
                fill: #cdcdcd;
            }
        }
    }
}