/*******************
Preloader
********************/
.preloader 
{
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff; 
}
  
.lds-ripple 
{
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px); 
}

.lds-ripple .lds-pos 
{
    position: absolute;
    border: 2px solid #0065aa;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.1, 0.5, 1) infinite; 
}

.lds-ripple .lds-pos:nth-child(2) 
{
    animation-delay: -0.5s; 
}
  
@keyframes lds-ripple 
{
    0% 
    {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0; 
    }
    5% 
    {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1; 
    }
    100% 
    {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0; 
    } 
}