#preloader,
#preloader:before,
#preloader:after {
    box-sizing: border-box
}
#preloader {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(65, 65, 65, .8);
    z-index: 99999;
}
#preloader:before {
    width: 168px;
    height: 168px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: 32px;
    border-style: double;
    border-color: rgb(120, 188, 231) rgba(120, 188, 231, 0.02) rgb(120, 188, 231) rgba(120, 188, 231, 0.02);
    border-radius: 50%;
    margin: -84px 0 0 -84px;
    animation: 3s rotateCC linear infinite
}
#preloader:after {
    width: 256px;
    height: 256px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: 32px;
    border-style: double;
    border-color: rgb(120, 188, 231) rgba(120, 188, 231, 0.02) rgb(120, 188, 231) rgba(120, 188, 231, 0.02);
    border-radius: 50%;
    margin: -128px 0 0 -128px;
    animation: 1.5s rotateC linear infinite
}
@keyframes rotateC {
    100% {
        transform: rotate(360deg)
    }
}
@keyframes rotateCC {
    100% {
        transform: rotate(-360deg)
    }
}

/*
#preloader:before,
#preloader:after {border-style:dotted}
*/