.PopupBorder[style*="visibility: visible"]+.loader {
    display: none
}

.loader {
    position: fixed;
    top: calc(50% - 50px);
    left: calc(50% - 23px)!important;
    z-index: 1001
}

.loader>div {
    position: relative
}

.disc .circle {
    position: absolute;
    width: 45px;
    height: 45px;
    opacity: 0;
    transform: rotate(225deg);
    animation-iteration-count: infinite;
    animation-name: orbit;
    animation-duration: 4.5s
}

.disc .circle:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 9px rgba(255, 255, 255, .7)
}

.disc .circle:nth-child(2) {
    animation-delay: 240ms
}

.disc .circle:nth-child(3) {
    animation-delay: 480ms
}

.disc .circle:nth-child(4) {
    animation-delay: 720ms
}

.disc .circle:nth-child(5) {
    animation-delay: 960ms
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes orbit {
    0% {
        transform: rotate(225deg);
        opacity: 1;
        animation-timing-function: ease-out
    }
    7% {
        transform: rotate(345deg);
        animation-timing-function: linear
    }
    30% {
        transform: rotate(455deg);
        animation-timing-function: ease-in-out
    }
    39% {
        transform: rotate(690deg);
        animation-timing-function: linear
    }
    70% {
        transform: rotate(815deg);
        opacity: 1;
        animation-timing-function: ease-out
    }
    75% {
        transform: rotate(945deg);
        animation-timing-function: ease-out
    }
    76% {
        transform: rotate(945deg);
        opacity: 0
    }
    100% {
        transform: rotate(945deg);
        opacity: 0
    }
}

.disc-double {
    border-style: double
}

.gradient {
    width: 100px;
    height: 100px;
    position: relative
}

.gradient-img {
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: transparent url(Logo.svg) no-repeat center/100% auto
}

.gradient-spin {
    width: 100%;
    height: 100%;
    background: transparent url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.0%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%20%20%3Cpath%20d%3D%22M18.6%2C57.3c-0.5-2.3-0.8-4.8-0.8-7.3c0-17.8%2C14.4-32.2%2C32.2-32.2c0%2C0%2C0%2C0%2C0%2C0V0c0%2C0%2C0%2C0%2C0%2C0C22.4%2C0%2C0%2C22.4%2C0%2C50%0D%0A%20%20c0%2C2.5%2C0.2%2C4.9%2C0.5%2C7.3H18.6z%22%20fill%3D%22url(%23Gradient)%22%20%2F%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22Gradient%22%20gradientTransform%3D%22rotate(40)%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%2250%25%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23000000%22%20stop-opacity%3D%221%22%20%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23000000%22%20stop-opacity%3D%220%22%20%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E") no-repeat center/100%;
    background-blend-mode: color-dodge;
    animation: spin 1.25s infinite ease-in-out
}

.pulse {
    position: relative;
    width: 20px;
    height: 100px;
    background: rgba(68, 68, 68, .2);
    animation: pulse 1.25s infinite;
    animation-delay: .41667s;
    margin: 0 40px
}

.pulse:before,
.pulse:after {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 75px;
    background: rgba(68, 68, 68, .2);
    top: 50%;
    transform: translateY(-50%);
    animation: pulse 1.25s infinite
}

.pulse:before {
    left: -40px
}

.pulse:after {
    left: 40px;
    animation-delay: .83333s
}

.cube {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    transform: rotateZ(45deg)
}

.cube-slice {
    position: relative;
    transform: rotateZ(45deg);
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1)
}

.cube-slice:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #444;
    animation: cube-fold 2.76s infinite linear both;
    transform-origin: 100% 100%
}

.cube-slice.slice2 {
    transform: scale(1.1) rotateZ(90deg)
}

.cube-slice.slice2:before {
    animation-delay: 0.35s
}

.cube-slice.slice3 {
    transform: scale(1.1) rotateZ(180deg)
}

.cube-slice.slice3:before {
    animation-delay: 0.69s
}

.cube-slice.slice4 {
    transform: scale(1.1) rotateZ(270deg)
}

.cube-slice.slice4:before {
    animation-delay: 1.04s
}

.modern {
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    perspective: 780px
}

.modern-slice {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
    border-style: solid;
    border-color: #444;
    border-width: 0
}

.modern-slice.slice1 {
    left: 0%;
    top: 0%;
    animation: modern-rotate-one 1.25s linear infinite;
    border-bottom-width: 5px
}

.modern-slice.slice2 {
    right: 0%;
    top: 0%;
    animation: modern-rotate-two 1.25s linear infinite;
    border-right-width: 5px
}

.modern-slice.slice3 {
    right: 0%;
    bottom: 0%;
    animation: modern-rotate-three 1.25s linear infinite;
    border-top-width: 5px
}



@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes pulse {
    50% {
        background: #444
    }
}

@keyframes cube-fold {
    0%,
    10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0
    }
    25%,
    75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1
    }
    90%,
    100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes modern-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@keyframes modern-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@keyframes modern-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}