/* stylelint-disable at-rule-no-vendor-prefix */
/* stylelint-disable property-no-vendor-prefix */
/* stylelint-disable rule-empty-line-before */
/* stylelint-disable selector-pseudo-element-colon-notation */

/*	18. Loader
/* -------------------------------------------------------------------------- */

.lds-default.bg {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: flex !important;
    align-items: center;
    top: 0;
    justify-content: center;
    flex-direction: column;
    background: rgba(53, 53, 53, 90%);
}

.lds-default {
    display: none;
    position: fixed;
    color: #ff007f;
    font-size: 4rem;
    top: 35%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999999;
    width: 80px;
    height: 80px;
}
  
.lds-default div {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-animation: rotation 1.5s infinite linear;
    -moz-animation: rotation 1.5s infinite linear;
    -o-animation: rotation 1.5s infinite linear;
    animation: rotation 1.5s infinite linear;
    border: 5px solid transparent;
    border-radius: 100%;
}
  
.lds-default div:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    border-top: 5px solid transparent;
    border-left: 5px solid #ff007f;
    border-bottom: 5px solid #ff007f;
    border-right: 5px solid #ff007f;
    border-radius: 100%;
}
  
.lds-default div:after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    border-top: 5px solid transparent;
    border-left: 5px solid #ff007f;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-radius: 100%;
    transform: rotate(75deg);
}
  
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}
@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

body .lds-default.bg.f_bg {
    background: black;
    visibility: visible;
    opacity: 1;
}

body .lds-default.f_bg {
    opacity: 0;
    visibility: hidden;
    display: block;
}