.error-style {
    color: tomato !important;
    font-size: 12px !important;
}

.mb-5{
    margin-bottom: 5px !important;
}

.not-editable {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.display-none {
    display: none !important;
}

.flex-style {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tc {
    text-align: center !important;
}

.vm {
    vertical-align: middle !important;
}

.mr-10px {
    margin-right: 10px !important;
}

.music-area {
    margin-top: 25px;
}

.w-100 {
    width: 100% !important;
}

.logo-area {
    text-align: center;
}

    .logo-area img {
        width: 150px;
        max-width: 100%;
        border-radius: 5px;
        margin: 25px 0 0 0;
    }

.background-area {
    text-align: center;
}

    .background-area img {
        max-width: 100%;
        width: 300px;
        height: 225px;
        border-radius: 5px;
        margin: 25px 0 0 0;
    }

.favicon-area {
    text-align: center;
}

    .favicon-area img {
        width: 100px;
        max-width: 100%;
        border-radius: 5px;
        margin: 25px 0 0 0;
    }

.image-in-table{
    width: 150px;
    border-radius: 5px;
}

.mt-5px {
    margin-top: 5px !important;
}

.mt-20px {
    margin-top: 20px !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.collapse-text-style{
    line-height: 21px !important;
    font-size: 13px !important;
    padding: 18px !important;
    text-align: justify !important;
}

.dir-ltr{
    direction: ltr !important;
}

.width-70{
    width: 70px !important;
}

.width-55{
    width: 55px !important;
}

.text-align-justify{
    text-align: justify !important;
}

.pt-portfolio .portfolio-items .item figure figcaption p:before {
    top: 0 !important;
}

.mb-0{
    margin-bottom: 0 !important;
}

.contact-form-error-style{
    display: block !important;
    margin-top: 10px !important;
}

#ajaxloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000;
    overflow: hidden;
    background: #0e0f10;
}

#ajaxloader.loaded {
    visibility: hidden;
}

#ajaxloader.loaded .loading-area {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#ajaxloader .loading-area {
    position: absolute;
    width: 50%;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    opacity: 1;
    z-index: 1;
}

#ajaxloader .loading-area .circle {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff;
    border-top-color: #0e0f10;
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
}

#ajaxloader.loaded .left-side {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

#ajaxloader .left-side {
    right: 0;
}

#ajaxloader.loaded .right-side {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

#ajaxloader .right-side {
    left: 0;
}

#ajaxloader .left-side,
#ajaxloader .right-side {
    position: absolute;
    width: 50%;
    height: 100%;
    background: #0e0f10;
}

#ajaxloader.loaded .left-side,
#ajaxloader.loaded .right-side {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}