.wpreloader_wraper,
.wpreloader_holder > div,
.wpreloader_holder {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    max-width:100%;
    max-height:100%;
    margin:auto; 
    cursor:wait;
    text-align:center;
}

.wpreloader_removing.fade_preloader .wpreloader_wraper {
    visibility:hidden;
    transition:visibility .3s ease, opacity .3s ease; 
    opacity:0;
}

.wpreloader_holder {
    max-width:68%;
}

.wpreloader_wraper {
    display:none; 
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, .65);
}

.wpreloader_show {
    position:relative;
}

.wpreloader_show .wpreloader_wraper {
    display:block;
}

.wpreloader_block .wpreloader_wraper {
    position:fixed;
    z-index:1050; 
    background:none;
}

.wpreloader_block .wpreloader_wraper:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.8;
    background: #000; 
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
}

.uil-spin-css
{
    position:relative;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    width:94px;
    height:94px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}

@-webkit-keyframes uil-spin-css {
    0%
    {
        opacity:1;
        -ms-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5)
    }
    
    100%
    {
        opacity:.1;
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    
    0%
    {
        opacity:1;
        -ms-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5)
    }
    
    100%
    {
        opacity:.1;
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}

@-moz-keyframes uil-spin-css {
    0%
    {
        opacity:1;
        -ms-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5)
    }
    
    100%
    {
        opacity:.1;
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}

@-ms-keyframes uil-spin-css {
    0%
    {
        opacity:1;
        -ms-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5)
    }
    
    100%
    {
        opacity:.1;
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}

@-moz-keyframes uil-spin-css {
    0%
    {
        opacity:1;
        -ms-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5)
    }
    
    100%
    {
        opacity:.1;
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}

@-webkit-keyframes uil-spin-css {
    0%
    {
        opacity:1;
        -ms-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5)
    }
    
    100%
    {
        opacity:.1;
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}

@-o-keyframes uil-spin-css {
    0%
    {
        opacity:1;
        -ms-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5)
    }
    
    100%
    {
        opacity:.1;
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}

@keyframes uil-spin-css {
    0%
    {
        opacity:1;
        -ms-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5)
    }
    
    100%
    {
        opacity:.1;
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}

.uil-spin-css > div
{
    width:12px;
    height:12px;
    margin-left:4px;
    margin-top:4px;
    position:absolute;
}

.uil-spin-css > div > div
{
    width:100%;
    height:100%;
    border-radius:15px;
    background: #CFA456;
}

.uil-spin-css > div:nth-of-type(1) > div
{
    -ms-animation:uil-spin-css 1s linear infinite;
    -moz-animation:uil-spin-css 1s linear infinite;
    -webkit-animation:uil-spin-css 1s linear infinite;
    -o-animation:uil-spin-css 1s linear infinite;
    animation:uil-spin-css 1s linear infinite;
    -ms-animation-delay:0;
    -moz-animation-delay:0;
    -webkit-animation-delay:0;
    -o-animation-delay:0;
    animation-delay:0;
}

.uil-spin-css > div:nth-of-type(1)
{
    -ms-transform:translate(34px,34px) rotate(45deg) translate(40px,0);
    -moz-transform:translate(34px,34px) rotate(45deg) translate(40px,0);
    -webkit-transform:translate(34px,34px) rotate(45deg) translate(40px,0);
    -o-transform:translate(34px,34px) rotate(45deg) translate(40px,0);
    transform:translate(34px,34px) rotate(45deg) translate(40px,0);
}

.uil-spin-css > div:nth-of-type(2) > div
{
    -ms-animation:uil-spin-css 1s linear infinite;
    -moz-animation:uil-spin-css 1s linear infinite;
    -webkit-animation:uil-spin-css 1s linear infinite;
    -o-animation:uil-spin-css 1s linear infinite;
    animation:uil-spin-css 1s linear infinite;
    -ms-animation-delay:.12s;
    -moz-animation-delay:.12s;
    -webkit-animation-delay:.12s;
    -o-animation-delay:.12s;
    animation-delay:.12s;
}

.uil-spin-css > div:nth-of-type(2)
{
    -ms-transform:translate(34px,34px) rotate(90deg) translate(40px,0);
    -moz-transform:translate(34px,34px) rotate(90deg) translate(40px,0);
    -webkit-transform:translate(34px,34px) rotate(90deg) translate(40px,0);
    -o-transform:translate(34px,34px) rotate(90deg) translate(40px,0);
    transform:translate(34px,34px) rotate(90deg) translate(40px,0);
}

.uil-spin-css > div:nth-of-type(3) > div
{
    -ms-animation:uil-spin-css 1s linear infinite;
    -moz-animation:uil-spin-css 1s linear infinite;
    -webkit-animation:uil-spin-css 1s linear infinite;
    -o-animation:uil-spin-css 1s linear infinite;
    animation:uil-spin-css 1s linear infinite;
    -ms-animation-delay:.25s;
    -moz-animation-delay:.25s;
    -webkit-animation-delay:.25s;
    -o-animation-delay:.25s;
    animation-delay:.25s;
}

.uil-spin-css > div:nth-of-type(3)
{
    -ms-transform:translate(34px,34px) rotate(135deg) translate(40px,0);
    -moz-transform:translate(34px,34px) rotate(135deg) translate(40px,0);
    -webkit-transform:translate(34px,34px) rotate(135deg) translate(40px,0);
    -o-transform:translate(34px,34px) rotate(135deg) translate(40px,0);
    transform:translate(34px,34px) rotate(135deg) translate(40px,0);
}

.uil-spin-css > div:nth-of-type(4) > div
{
    -ms-animation:uil-spin-css 1s linear infinite;
    -moz-animation:uil-spin-css 1s linear infinite;
    -webkit-animation:uil-spin-css 1s linear infinite;
    -o-animation:uil-spin-css 1s linear infinite;
    animation:uil-spin-css 1s linear infinite;
    -ms-animation-delay:.37s;
    -moz-animation-delay:.37s;
    -webkit-animation-delay:.37s;
    -o-animation-delay:.37s;
    animation-delay:.37s;
}

.uil-spin-css > div:nth-of-type(4)
{
    -ms-transform:translate(34px,34px) rotate(180deg) translate(40px,0);
    -moz-transform:translate(34px,34px) rotate(180deg) translate(40px,0);
    -webkit-transform:translate(34px,34px) rotate(180deg) translate(40px,0);
    -o-transform:translate(34px,34px) rotate(180deg) translate(40px,0);
    transform:translate(34px,34px) rotate(180deg) translate(40px,0);
}

.uil-spin-css > div:nth-of-type(5) > div
{
    -ms-animation:uil-spin-css 1s linear infinite;
    -moz-animation:uil-spin-css 1s linear infinite;
    -webkit-animation:uil-spin-css 1s linear infinite;
    -o-animation:uil-spin-css 1s linear infinite;
    animation:uil-spin-css 1s linear infinite;
    -ms-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -webkit-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}

.uil-spin-css > div:nth-of-type(5)
{
    -ms-transform:translate(34px,34px) rotate(225deg) translate(40px,0);
    -moz-transform:translate(34px,34px) rotate(225deg) translate(40px,0);
    -webkit-transform:translate(34px,34px) rotate(225deg) translate(40px,0);
    -o-transform:translate(34px,34px) rotate(225deg) translate(40px,0);
    transform:translate(34px,34px) rotate(225deg) translate(40px,0);
}

.uil-spin-css > div:nth-of-type(6) > div
{
    -ms-animation:uil-spin-css 1s linear infinite;
    -moz-animation:uil-spin-css 1s linear infinite;
    -webkit-animation:uil-spin-css 1s linear infinite;
    -o-animation:uil-spin-css 1s linear infinite;
    animation:uil-spin-css 1s linear infinite;
    -ms-animation-delay:.62s;
    -moz-animation-delay:.62s;
    -webkit-animation-delay:.62s;
    -o-animation-delay:.62s;
    animation-delay:.62s;
}

.uil-spin-css > div:nth-of-type(6)
{
    -ms-transform:translate(55px,28px) rotate(240deg) translate(40px,0);
    -moz-transform:translate(55px,28px) rotate(240deg) translate(40px,0);
    -webkit-transform:translate(55px,28px) rotate(240deg) translate(40px,0);
    -o-transform:translate(55px,28px) rotate(240deg) translate(40px,0);
    transform:translate(55px,28px) rotate(240deg) translate(40px,0);
}

.uil-spin-css > div:nth-of-type(7) > div
{
    -ms-animation:uil-spin-css 1s linear infinite;
    -moz-animation:uil-spin-css 1s linear infinite;
    -webkit-animation:uil-spin-css 1s linear infinite;
    -o-animation:uil-spin-css 1s linear infinite;
    animation:uil-spin-css 1s linear infinite;
    -ms-animation-delay:.75s;
    -moz-animation-delay:.75s;
    -webkit-animation-delay:.75s;
    -o-animation-delay:.75s;
    animation-delay:.75s;
}

.uil-spin-css > div:nth-of-type(7)
{
    -ms-transform:translate(34px,34px) rotate(315deg) translate(40px,0);
    -moz-transform:translate(34px,34px) rotate(315deg) translate(40px,0);
    -webkit-transform:translate(34px,34px) rotate(315deg) translate(40px,0);
    -o-transform:translate(34px,34px) rotate(315deg) translate(40px,0);
    transform:translate(34px,34px) rotate(315deg) translate(40px,0);
}

.uil-spin-css > div:nth-of-type(8) > div
{
    -ms-animation:uil-spin-css 1s linear infinite;
    -moz-animation:uil-spin-css 1s linear infinite;
    -webkit-animation:uil-spin-css 1s linear infinite;
    -o-animation:uil-spin-css 1s linear infinite;
    animation:uil-spin-css 1s linear infinite;
    -ms-animation-delay:.87s;
    -moz-animation-delay:.87s;
    -webkit-animation-delay:.87s;
    -o-animation-delay:.87s;
    animation-delay:.87s;
}

.uil-spin-css > div:nth-of-type(8)
{
    -ms-transform:translate(34px,34px) rotate(360deg) translate(40px,0);
    -moz-transform:translate(34px,34px) rotate(360deg) translate(40px,0);
    -webkit-transform:translate(34px,34px) rotate(360deg) translate(40px,0);
    -o-transform:translate(34px,34px) rotate(360deg) translate(40px,0);
    transform:translate(34px,34px) rotate(360deg) translate(40px,0);
}