.loader_content{
    position:relative;
    top:0px;
    background-color:white;
    height:100vh;
    z-index:9999;
}
.loader_content .loader{
    width:200px;
    height:60px;
    position: absolute;
    left:50%;
    top:35%;
    transform: translate(-50%, -50%);
}
.loader_content .loader .title{
    text-align:center;
    font-size:12px;
    letter-spacing:2px;
    color:#ddd;
    position:relative;
    top:-15px;
    z-index:998;
}

.loader_content .loader .company{
    text-align:center;
    color:#ccc;
    position:relative;
    letter-spacing:5px;
    font-size:12px;
    top:50px;
    z-index:998;
}

.loader_content .loader .company .timer{
    color:#333;
    margin:5px
}

.loader_content .loader .circle{
    width:20px;
    height:20px;
    position: absolute;
    border-radius: 50%;
    background-color: #000;
    left:15%;
    transform-origin: 50%;
    animation: loader_circle .5s alternate infinite ease;
    z-index:999;
}
.loader_content .loader .circle:nth-child(2){
    left:45%;
    animation-delay: .2s;
}
.loader_content .loader .circle:nth-child(3){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.loader_content .loader .circle .font{
  position:relative;
  top:-20px
}
.loader_content .loader .circle:nth-child(1) .font{
    left:2px;
}
.loader_content .loader .circle:nth-child(2) .font{
    left:4px;
}
.loader_content .loader .circle:nth-child(3) .font{
    left:5px;
}

@keyframes loader_circle{
    0%{top:60px;height:5px;border-radius: 50px 50px 25px 25px;transform: scaleX(1.7);}
    40%{height:20px;border-radius: 50%;transform: scaleX(1);}
    100%{top:0%;}
}

.loader_content .loader .shadow{
    width:20px;
    height:4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top:62px;
    transform-origin: 50%;
    z-index: -1;
    left:15%;
    filter: blur(1px);
    animation: loader_shadow .5s alternate infinite ease;
}

@keyframes loader_shadow{
    0%{transform: scaleX(1.5);}
    40%{transform: scaleX(1);opacity: .7;}
    100%{transform: scaleX(.2);opacity: .4;}
}
.loader_content .loader .shadow:nth-child(4){
    left: 45%;
    animation-delay: .2s
}
.loader_content .loader .shadow:nth-child(5){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.loader_content .loader .wrapper span{
    position: absolute;
    top:75px;
    font-family: 'Lato';
    font-size: 20px;
    letter-spacing: 12px;
    color: #000;
    left:15%;
}