@-webkit-keyframes spinner {
    0% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }

    100% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }

    100% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

.site-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 1);
    z-index: 9999999;
    display: block;
}

.car-search-form-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: rgba(255, 255, 255, 0.432); */
    z-index: 9999999;
    display: block;
}

.site-loader .loader,
.car-search-form-loader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 60px;
    width: 60px;
}

.site-loader .loader .loader-spinner,
.car-search-form-loader .loader .loader-spinner {
    opacity: 1;
    position: relative;
    height: 100%;
    width: 10%;
}

.site-loader .loader .loader-spinner::before,
.car-search-form-loader .loader .loader-spinner::before {
    animation: 0.8s linear infinite spinner;
    -webkit-animation: 0.8s linear infinite spinner;
    -moz-animation: 0.8s linear infinite spinner;
    -o-animation: 0.8s linear infinite spinner;
    animation-play-state: inherit;
    -webkit-animation-play-state: inherit;
    -moz-animation-play-state: inherit;
    -o-animation-play-state: inherit;
    border: solid 2px #dedede;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: "";
    top: 50%;
    left: 50%;
    position: absolute;
    opacity: inherit;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    height: 40px;
    width: 40px;
    border-bottom-color: #111111;
}

body.loaded .site-loader {
    display: none;
}

body.loadwait .site-loader {
    opacity: 0.7;
    display: block !important;
}