body {
    margin: 0;
    line-height: 1.5;
    min-height: 100%;
    font-size: 0.9125rem;
    background-color: #EAEDF7;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.error-page {
    position: relative;
    z-index: 2;
    width: 100%;
}

.error-img {
    max-width: 450px
}

.error-501 .title {
    font-size: 250px
}

.error-501 .error-501-img {
    position: absolute;
    top: 57px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.error-img {
    -webkit-animation: errorAnimation 20s infinite;
    animation: errorAnimation 20s infinite
}

.error-text {
    text-shadow: 4px 4px rgba(10, 179, 156, .4)
}

@media (min-width:1200px) {
    .error-text {
        font-size: 10rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .error-501 .title {
        font-size: 150px
    }

    .error-501 .error-501-img {
        width: 20% !important;
        top: 43px
    }
}

@media (max-width:767.98px) {
    .error-501 .title {
        font-size: 68px;
        margin-top: 35px
    }

    .error-501 .error-501-img {
        position: relative;
        top: 0
    }
}

@-webkit-keyframes errorAnimation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes errorAnimation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}


/* Animation */
@-webkit-keyframes knightrider {
    0%, 100% {
        -webkit-transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(334px)
    }
}

@keyframes knightrider {
    0%, 100% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(334px)
    }
}

@-webkit-keyframes DropDownSlide {
    100% {
        margin-top: -1px
    }

    0% {
        margin-top: 8px
    }
}

@keyframes DropDownSlide {
    100% {
        margin-top: -1px
    }

    0% {
        margin-top: 8px
    }
}

@-webkit-keyframes DropDownSlideDown {
    100% {
        margin-bottom: 0
    }

    0% {
        margin-bottom: 8px
    }
}

@keyframes DropDownSlideDown {
    100% {
        margin-bottom: 0
    }

    0% {
        margin-bottom: 8px
    }
}