.preloader {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999999999 !important;
    position: fixed;
    transition: .3s ease
}

    .preloader img {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center
    }

@media (max-width: 600px) {
    .preloader img {
        width: 45% !important
    }
}

.preloader .topbar {
    min-height: 30px;
    background-color: #cdcdcd
}

    .preloader .topbar .col-md-2:after {
        display: none
    }

.preloader .searchbox {
    background-color: #e5e5e5 !important;
    bottom: -36px;
    min-height: 36px;
}

    .preloader .searchbox .form-inline.my-6.my-lg-0 {
        background-color: #cdcdcd
    }

        .preloader .searchbox .form-inline.my-6.my-lg-0:before {
            bottom: 0;
            border: 18px solid #e5e5e5;
            border-left-color: transparent;
            border-bottom-color: transparent;
        }

        .preloader .searchbox .form-inline.my-6.my-lg-0:after {
            border: 18px solid #e5e5e5;
            border-right-color: transparent;
            border-bottom-color: transparent;
            bottom: 0;
        }

.preloader div#mainheader {
    min-height: 62px
}

.preloader a#logo {
    z-index: 9;
    top: -25px;
    left: 30px;
    filter: grayscale(999)
}

.preloaderheader:after {
    position: absolute;
    content: "";
    right: 0;
    min-height: 400px;
    background-color: #cdcdcd;
    left: 0;
    z-index: -1;
}

.preloader .rightlinks li {
    width: 40px;
    height: 38px;
    background-color: #cdcdcd;
    margin: 10px 12px
}

@media (max-width: 999px) {
    .mmbar {
        height: 28px;
        display: block !important;
        background-color: #cdcdcd;
    }

    .preloader ul.rightlinks {
        display: none;
    }

    .preloader div#mainheader {
        min-height: 89px !important;
    }
}