.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #b0b9a5;
    z-index: 9999999;
    display: none;
}
.block {
    display: block;
}
.loader {
    float: left;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 98px);
    -webkit-animation-duration: 2.9s;
    animation-duration: 2.9s;
    -webkit-animation-name: loader;
    animation-name: loader;
}
.loader.small {
    top: calc(50% - 200px);
    zoom: 0.25;
}
.loader div {
    float: left;
    height: 36px;
    position: relative;
}
.loader, .loader div {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.loader div:not(:first-child) {
    width: 36px;
    border-radius: 100%;
}
.loader > div {
    -webkit-animation-duration: 1.45s;
    animation-duration: 1.45s;
}
.loader > div:nth-of-type(1) {
    -webkit-animation-name: loader-move1;
    animation-name: loader-move1;
}
.loader > div:nth-of-type(2) {
    -webkit-animation-name: loader-move2;
    animation-name: loader-move2;
}
.loader > div:nth-of-type(3) {
    -webkit-animation-name: loader-move3;
    animation-name: loader-move3;
}
.loader > div:nth-of-type(4) {
    -webkit-animation-name: loader-move4;
    animation-name: loader-move4;
}
.loader > div:nth-of-type(5) {
    -webkit-animation-name: loader-move5;
    animation-name: loader-move5;
}
.loader div div {
    width: 76px;
    float: left;
    -webkit-animation-duration: 0.3625s;
    animation-duration: 0.3625s;
    -webkit-animation-name: loader-rotator;
    animation-name: loader-rotator;
}
.loader div div:before {
    background-color: rgba(255, 255, 255, 0.75);
}
.loader div div:after {
    box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.75);
    left: 40px;
}
.loader div div:before, .loader div div:after {
    content: "";
    border-radius: 100%;
    width: 36px;
    height: 36px;
    position: absolute;
}
.loader div:not(:first-child) {
    box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.75);
    margin-left: 4px;
}

@-webkit-keyframes loader {
    0%, 49.99999% {
        transform: rotate(0deg);
    }
    50%, 100% {
        transform: rotate(180deg);
    }
}

@keyframes loader {
    0%, 49.99999% {
        transform: rotate(0deg);
    }
    50%, 100% {
        transform: rotate(180deg);
    }
}
@-webkit-keyframes loader-rotator {
    0% {
        transform: rotate(0deg);
    }
    44% {
        transform: rotate(210deg);
    }
    100% {
        transform: rotate(180deg);
    }
}
@keyframes loader-rotator {
    0% {
        transform: rotate(0deg);
    }
    44% {
        transform: rotate(210deg);
    }
    100% {
        transform: rotate(180deg);
    }
}
@-webkit-keyframes loader-move1 {
    0%, 25% {
        transform: translateX(0px);
    }
    25.00001%, 50% {
        transform: translateX(40px);
    }
    50.00001%, 75% {
        transform: translateX(80px);
    }
    75.00001%, 100% {
        transform: translateX(120px);
    }
}
@keyframes loader-move1 {
    0%, 25% {
        transform: translateX(0px);
    }
    25.00001%, 50% {
        transform: translateX(40px);
    }
    50.00001%, 75% {
        transform: translateX(80px);
    }
    75.00001%, 100% {
        transform: translateX(120px);
    }
}
@-webkit-keyframes loader-move2 {
    0%, 25% {
        transform: translateX(0px);
    }
    25.0001%, 100% {
        transform: translateX(-80px);
    }
}
@keyframes loader-move2 {
    0%, 25% {
        transform: translateX(0px);
    }
    25.0001%, 100% {
        transform: translateX(-80px);
    }
}
@-webkit-keyframes loader-move3 {
    0%, 50% {
        transform: translateX(0px);
    }
    50.0001%, 100% {
        transform: translateX(-80px);
    }
}
@keyframes loader-move3 {
    0%, 50% {
        transform: translateX(0px);
    }
    50.0001%, 100% {
        transform: translateX(-80px);
    }
}
@-webkit-keyframes loader-move4 {
    0%, 75% {
        transform: translateX(0px);
    }
    75.0001%, 100% {
        transform: translateX(-80px);
    }
}
@keyframes loader-move4 {
    0%, 75% {
        transform: translateX(0px);
    }
    75.0001%, 100% {
        transform: translateX(-80px);
    }
}
.pr0 {
    transform: translateX(50px) translateY(50px) rotate(-13deg);
    transition: transform 0.2s ease-in-out;
    height: 44px;
    float: left;
    background-color: #d23c22;
    text-shadow: 0 0 2px #f5f7f6;
    color: #f5f7f6;
    text-decoration: none;
    font-size: 30px;
    font-family: sans-serif;
    position: relative;
    border-radius: 0 3px 3px 0;
    padding: 3px 5px 0 0;
    box-sizing: border-box;
}
.pr0:hover {
    transform: translateX(50px) translateY(50px) rotate(-9deg);
}
.pr0:before, .pr0:after {
    position: absolute;
    content: "";
    top: 0;
    border: 22px solid transparent;
    border-right: none;
    border-left: 16px solid #d23c22;
}
.pr0:before {
    left: -15px;
    border-color: #d23c22;
    border-left-color: transparent !important;
}
.pr0:after {
    right: -15px;
}
.pr0:hover {
    background-color: #f5f7f6;
    color: #555;
    text-shadow: 0 0 2px #555;
}
.pr0:hover:before {
    border-color: #f5f7f6;
}
.pr0:hover:after {
    border-left-color: #f5f7f6;
}
.pr0 div {
    float: left;
    position: relative;
    top: 26px;
    margin-left: 17px;
    margin-right: 10px;
}
.pr0 div:before {
    transform: rotate(45deg);
    top: -12px;
}
.pr0 div:after {
    transform: rotate(-45deg);
    top: -4px;
}
.pr0 div:before, .pr0 div:after {
    position: absolute;
    left: -12px;
    content: " ";
}
.pr0 div, .pr0 div:before, .pr0 div:after {
    width: 13px;
    height: 2px;
    background-color: #f5f7f6;
    box-shadow: 0 0 1px 1px #f5f7f6;
}
.pr0:hover div, .pr0:hover div:before, .pr0:hover div:after {
    background-color: #555;
    box-shadow: 0 0 1px 1px #555;
}