#site-preloader {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 2000;
}
#site-preloader .site-preloader-inner-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #D1B096;
background-color: #192a30;
}
#site-preloader .site-preloader-inner {
position: relative;
}  #site-preloader.preloader-type-preloader-text .preloader-text {
position: relative;
display: inline-block;
will-change: filter;
filter: blur(20px);
animation: preloader-blur-focus 2s forwards;
}
#site-preloader.preloader-type-preloader-text .preloader-text h1 {
font-family: inherit;
font-size: 70px;
margin: 0 0 7px 0;
color: currentColor;
text-align: center;
vertical-align: middle;
}
#site-preloader.preloader-type-preloader-text .preloader-text:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 95%;
height: 2px;
background-color: currentColor;
transform: scaleX(0);
transform-origin: left;
animation: preloader-line-scaleX-loop 2s 1.2s cubic-bezier(0.03, 0.71, 0, 0.98) infinite;
}
#site-preloader.preloader-type-preloader-text .preloader-text:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 95%;
height: 2px;
background-color: currentColor;
transform: scaleX(0);
transform-origin: left;
animation: preloader-line-scaleX-loop 2s 1.2s cubic-bezier(0.03, 0.71, 0, 0.98) infinite;
}
@keyframes preloader-line-scaleX-loop {
0% {
transform: scaleX(0);
transform-origin: left;
}
50% {
transform: scaleX(1);
transform-origin: left;
}
80% {
transform: scaleX(1);
transform-origin: right;
}
100% {
transform: scaleX(0);
transform-origin: right;
}
}
@keyframes preloader-blur-focus {
0% {
filter: blur(25px);
}
100% {
filter: blur(0);
}
}  #site-preloader.preloader-type-preloader-img .preloader-img {
position: relative;
display: inline-block;
will-change: filter;
filter: blur(20px);
animation: preloader-blur-focus 2s forwards;
}
#site-preloader.preloader-type-preloader-img .preloader-img img {
width: 100%;
max-width: 1000px;
height: auto;
}
@keyframes preloader-blur-focus {
0% {
filter: blur(25px);
}
100% {
filter: blur(0);
}
}  #site-preloader.preloader-type-atom .preloader-atom {
position: relative;
width: 80px;
height: 80px;
margin: -50px 0 0 -50px;
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-1 {
position: absolute;
top: 50%;
left: 50%;
height: 50%;
width: 50%;
z-index: 1;
animation: preloader-atom-shrink 4.5s infinite linear;
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-1:before {
content: '';
position: absolute;
top: -50%;
left: -50%;
height: 100%;
width: 100%;
background: currentColor;
border-radius: 50%;
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-2,
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-3,
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-4 {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-2:before,
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-3:before,
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-4:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
margin: 0 auto;
background: currentColor;
border-radius: 50%;
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-2 {
animation: preloader-atom-zindex 1.5s 0.75s infinite steps(2, end);
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-2:before {
transform: rotate(0);
animation: preloader-atom-postion 1.5s infinite ease, preloader-atom-size 1.5s -1.125s infinite ease;
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-3 {
transform: rotate(120deg);
animation: preloader-atom-zindex 1.5s -0.25s infinite steps(2, end);
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-3:before {
animation: preloader-atom-postion 1.5s -1s infinite ease, preloader-atom-size 1.5s -0.75s infinite ease;
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-4 {
transform: rotate(240deg);
animation: preloader-atom-zindex 1.5s 0.25s infinite steps(2, end);
}
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-4:before {
animation: preloader-atom-postion 1.5s -0.5s infinite ease, preloader-atom-size 1.5s -0.125s infinite ease;
}  #site-preloader.preloader-type-ball .preloader-ball:not(:required) {
position: relative;
display: inline-block;
font-size: 0;
letter-spacing: -1px;
border-radius: 100%;
background: currentColor;
width: 60px;
height: 60px;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-moz-animation: preloader-ball 1500ms infinite linear;
-webkit-animation: preloader-ball 1500ms infinite linear;
animation: preloader-ball 1500ms infinite linear;
}
#site-preloader.preloader-type-ball .preloader-ball:not(:required)::after {
content: '';
position: absolute;
top: 4.5px;
left: 8.5px;
width: 15px;
height: 15px;
background: #ffffff;
border-radius: 100%;
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation: preloader-ball-highlight 1500ms infinite linear;
-webkit-animation: preloader-ball-highlight 1500ms infinite linear;
animation: preloader-ball-highlight 1500ms infinite linear;
}
#site-preloader.preloader-type-ball .preloader-ball:not(:required)::before {
content: '';
position: absolute;
top: 50px;
left: 5.5px;
width: 50px;
height: 15px;
background: rgba(0, 0, 0, 0.2);
border-radius: 100%;
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation: preloader-ball-shadow 1500ms infinite linear;
-webkit-animation: preloader-ball-shadow 1500ms infinite linear;
animation: preloader-ball-shadow 1500ms infinite linear;
-webkit-filter: blur(1px);
filter: blur(1px);
}
@-moz-keyframes preloader-ball {
0% {
-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@-webkit-keyframes preloader-ball {
0% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes preloader-ball {
0% {
-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-moz-animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@-moz-keyframes preloader-ball-highlight {
0% {
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-webkit-keyframes preloader-ball-highlight {
0% {
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes preloader-ball-highlight {
0% {
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-moz-keyframes preloader-ball-shadow {
0% {
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-webkit-keyframes preloader-ball-shadow {
0% {
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-webkit-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes preloader-ball-shadow {
0% {
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: translate3d(12.5px, -15px, -1px);
-ms-transform: translate3d(12.5px, -15px, -1px);
-webkit-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: translate3d(12.5px, -15px, -1px);
-ms-transform: translate3d(12.5px, -15px, -1px);
-webkit-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-moz-animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}  #site-preloader.preloader-type-clock .preloader-clock:not(:required) {
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 100px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid currentColor;
display: inline-block;
overflow: hidden;
position: relative;
text-indent: -9999px;
width: 80px;
height: 80px;
}
#site-preloader.preloader-type-clock .preloader-clock:not(:required)::before {
-moz-animation: preloader-clock 1250ms infinite linear;
-webkit-animation: preloader-clock 1250ms infinite linear;
animation: preloader-clock 1250ms infinite linear;
-moz-transform-origin: 3px 3px;
-ms-transform-origin: 3px 3px;
-webkit-transform-origin: 3px 3px;
transform-origin: 2px 3px;
background: currentColor;
-moz-border-radius: 12px;
-webkit-border-radiu: 12px;
border-radius: 12px;
content: '';
display: block;
position: absolute;
width: 4px;
height: 22px;
left: 32px;
top: 33px;
}
#site-preloader.preloader-type-clock .preloader-clock:not(:required)::after {
-moz-animation: preloader-clock 15000ms infinite linear;
-webkit-animation: preloader-clock 15000ms infinite linear;
animation: preloader-clock 15000ms infinite linear;
-moz-transform-origin: 3px 3px;
-ms-transform-origin: 3px 3px;
-webkit-transform-origin: 3px 3px;
transform-origin: 2px 3px;
background: currentColor;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
content: '';
display: block;
position: absolute;
width: 4px;
height: 16px;
left: 32px;
top: 33.2px;
}
@-moz-keyframes preloader-clock {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes preloader-clock {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes preloader-clock {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}  #site-preloader.preloader-type-cube .preloader-cube {
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
background-color: currentColor;
animation: preloader-cube 1.2s infinite ease-in-out;
}  #site-preloader.preloader-type-echo .preloader-echo:not(:required) {
width: 100px;
height: 100px;
border: 10px solid currentColor;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
animation: preloader-echo 1.4s ease-in;
animation-iteration-count: infinite;
display: inline-block;
text-indent: 100%;
overflow: hidden;
}
@-moz-keyframes preloader-echo {
0% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.0;
}
25% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: .1;
}
50% {
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: .3;
}
75% {
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: .5;
}
100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes preloader-echo {
0% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.0;
}
25% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: .1;
}
50% {
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: .3;
}
75% {
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: .5;
}
100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes preloader-echo {
0% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.0;
}
25% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: .1;
}
50% {
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: .3;
}
75% {
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: .5;
}
100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}  #site-preloader.preloader-type-fusion .preloader-fusion {
position: relative;
width: 25px;
height: 25px;
margin: -45px 0 0 -30px;
}
#site-preloader.preloader-type-fusion .preloader-fusion-item {
position: absolute;
top: 50%;
left: 50%;
height: 25px;
width: 25px;
background: currentColor;
border-radius: 50%;
}
#site-preloader.preloader-type-fusion .preloader-fusion-item.preloader-fusion-1 {
top: 0;
left: 50%;
animation: preloader-fussion-ball-1 1s 0s ease infinite;
z-index: 1;
}
#site-preloader.preloader-type-fusion .preloader-fusion-item.preloader-fusion-2 {
top: 50%;
left: 100%;
animation: preloader-fussion-ball-2 1s 0s ease infinite;
z-index: 2;
}
#site-preloader.preloader-type-fusion .preloader-fusion-item.preloader-fusion-3 {
top: 100%;
left: 50%;
animation: preloader-fussion-ball-3 1s 0s ease infinite;
z-index: 1;
}
#site-preloader.preloader-type-fusion .preloader-fusion-item.preloader-fusion-4 {
top: 50%;
left: 0;
animation: preloader-fussion-ball-4 1s 0s ease infinite;
z-index: 2;
}  #site-preloader.preloader-type-gauge .preloader-gauge:not(:required) {
-moz-border-radius-topleft: 32px;
-webkit-border-top-left-radius: 32px;
border-top-left-radius: 80px;
-moz-border-radius-topright: 32px;
-webkit-border-top-right-radius: 50px;
border-top-right-radius: 75px;
background: currentColor;
display: inline-block;
width: 100px;
height: 36px;
overflow: hidden;
position: relative;
text-indent: -9999px;
}
#site-preloader.preloader-type-gauge .preloader-gauge:not(:required)::before {
-moz-animation: preloader-gauge 4000ms infinite ease;
-webkit-animation: preloader-gauge 4000ms infinite ease;
animation: preloader-gauge 4000ms infinite ease;
background: #ffffff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
content: '';
position: absolute;
left: 44px;
top: 5.33333px;
width: 4px;
height: 26.66667px;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
#site-preloader.preloader-type-gauge .preloader-gauge:not(:required)::after {
content: '';
background: #ffffff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
position: absolute;
left: 40px;
top: 25.6px;
width: 12.8px;
height: 12.8px;
}
@-moz-keyframes preloader-gauge {
0% {
-moz-transform: rotate(-50deg);
transform: rotate(-50deg);
}
10% {
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
20% {
-moz-transform: rotate(60deg);
transform: rotate(60deg);
}
24% {
-moz-transform: rotate(60deg);
transform: rotate(60deg);
}
40% {
-moz-transform: rotate(-20deg);
transform: rotate(-20deg);
}
54% {
-moz-transform: rotate(70deg);
transform: rotate(70deg);
}
56% {
-moz-transform: rotate(78deg);
transform: rotate(78deg);
}
58% {
-moz-transform: rotate(73deg);
transform: rotate(73deg);
}
60% {
-moz-transform: rotate(75deg);
transform: rotate(75deg);
}
62% {
-moz-transform: rotate(70deg);
transform: rotate(70deg);
}
70% {
-moz-transform: rotate(-20deg);
transform: rotate(-20deg);
}
80% {
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
83% {
-moz-transform: rotate(25deg);
transform: rotate(25deg);
}
86% {
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
89% {
-moz-transform: rotate(25deg);
transform: rotate(25deg);
}
100% {
-moz-transform: rotate(-50deg);
transform: rotate(-50deg);
}
}
@-webkit-keyframes preloader-gauge {
0% {
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
10% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
20% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
24% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
40% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
54% {
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
56% {
-webkit-transform: rotate(78deg);
transform: rotate(78deg);
}
58% {
-webkit-transform: rotate(73deg);
transform: rotate(73deg);
}
60% {
-webkit-transform: rotate(75deg);
transform: rotate(75deg);
}
62% {
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
70% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
80% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
83% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
86% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
89% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
100% {
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
}
@keyframes preloader-gauge {
0% {
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
10% {
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
20% {
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
24% {
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
40% {
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
54% {
-moz-transform: rotate(70deg);
-ms-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
56% {
-moz-transform: rotate(78deg);
-ms-transform: rotate(78deg);
-webkit-transform: rotate(78deg);
transform: rotate(78deg);
}
58% {
-moz-transform: rotate(73deg);
-ms-transform: rotate(73deg);
-webkit-transform: rotate(73deg);
transform: rotate(73deg);
}
60% {
-moz-transform: rotate(75deg);
-ms-transform: rotate(75deg);
-webkit-transform: rotate(75deg);
transform: rotate(75deg);
}
62% {
-moz-transform: rotate(70deg);
-ms-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
70% {
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
80% {
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
83% {
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
86% {
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
89% {
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
100% {
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
}  #site-preloader.preloader-type-heartbeat .preloader-heartbeat {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
-webkit-animation: preloader-heartbeat 1.5s linear infinite;
animation: preloader-heartbeat 1.5s linear infinite;
}
#site-preloader.preloader-type-heartbeat .preloader-heartbeat:before,
#site-preloader.preloader-type-heartbeat .preloader-heartbeat:after {
position: absolute;
content: "";
left: 30px;
top: 0;
width: 30px;
height: 50px;
background: currentColor;
-moz-border-radius: 30px 30px 0 0;
border-radius: 30px 30px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#site-preloader.preloader-type-heartbeat .preloader-heartbeat:after {
left: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
@keyframes preloader-heartbeat {
0% {
transform: scale(0, 0);
opacity: 0;
}
100% {
transform: scale(1, 1);
opacity: 1;
}
}
@-webkit-keyframes preloader-heartbeat {
0% {
-webkit-transform: scale(0, 0);
opacity: 0;
}
100% {
-webkit-transform: scale(1, 1);
opacity: 1;
}
}  #site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required) {
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
display: inline-block;
width: 80px;
height: 80px;
background: currentColor;
border-radius: 50%;
overflow: hidden;
text-indent: -9999px;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
#site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required):before,
#site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required):after {
content: '';
position: absolute;
top: 0;
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
}
#site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required):before {
-moz-animation: preloader-inner-circles 3s infinite;
-webkit-animation: preloader-inner-circles 3s infinite;
animation: preloader-inner-circles 3s infinite;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
left: 0;
background: #ffffff;
}
#site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required):after {
-moz-animation: preloader-inner-circles 3s 0.2s reverse infinite;
-webkit-animation: preloader-inner-circles 3s 0.2s reverse infinite;
animation: preloader-inner-circles 3s 0.2s reverse infinite;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
right: 0;
background: #ffffff;
}
@-moz-keyframes preloader-inner-circles {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes preloader-inner-circles {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes preloader-inner-circles {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}  #site-preloader.preloader-type-lines .preloader-lines {
width: 80px;
height: 80px;
margin: 0 0 0 -30px;
}
#site-preloader.preloader-type-lines .preloader-line.preloader-line-1 {
position: absolute;
width: 80px;
height: 3px;
margin-left: 10px;
background-color: currentColor;
animation: preloader-lines-spin 1.5s infinite ease calc((100ms) - 100ms);
}
#site-preloader.preloader-type-lines .preloader-line.preloader-line-2 {
position: absolute;
width: 80px;
height: 3px;
margin-left: 10px;
background-color: currentColor;
animation: preloader-lines-spin 1.5s infinite ease calc((200ms) - 100ms);
}
#site-preloader.preloader-type-lines .preloader-line.preloader-line-3 {
position: absolute;
width: 80px;
height: 3px;
margin-left: 10px;
background-color: currentColor;
animation: preloader-lines-spin 1.5s infinite ease calc((300ms) - 100ms);
}
#site-preloader.preloader-type-lines .preloader-line.preloader-line-4 {
position: absolute;
width: 80px;
height: 3px;
margin-left: 10px;
background-color: currentColor;
animation: preloader-lines-spin 1.5s infinite ease calc((400ms) - 100ms);
}  #site-preloader.preloader-type-pacman .preloader-pacman {
position: relative;
}
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(1),
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(2) {
width: 0;
height: 0;
border: 37.5px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
left: -60px;
-webkit-animation: rotate_pacman_half_up 0.5s infinite;
animation: rotate_pacman_half_up 0.5s infinite;
position: relative;
}
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(2) {
-webkit-animation-name: rotate_pacman_half_down;
animation-name: rotate_pacman_half_down;
margin-top: -75px;
}
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(3),
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(4),
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(5) {
-webkit-animation: pacman-balls 1s infinite linear;
animation: pacman-balls 1s infinite linear;
background-color: currentColor;
border-radius: 50%;
width: 15px;
height: 15px;
position: absolute;
top: 30px;
left: 75px;
}
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(3) {
-webkit-animation-delay: -0.66s;
animation-delay: -0.66s;
}
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(4) {
-webkit-animation-delay: -0.33s;
animation-delay: -0.33s;
}
@-webkit-keyframes rotate_pacman_half_up {
0% {
transform: rotate(270deg);
}
50% {
transform: rotate(360deg);
}
100% {
transform: rotate(270deg);
}
}
@keyframes rotate_pacman_half_up {
0% {
transform: rotate(270deg);
}
50% {
transform: rotate(360deg);
}
100% {
transform: rotate(270deg);
}
}
@-webkit-keyframes rotate_pacman_half_down {
0% {
transform: rotate(90deg);
}
50% {
transform: rotate(0);
}
100% {
transform: rotate(90deg);
}
}
@keyframes rotate_pacman_half_down {
0% {
transform: rotate(90deg);
}
50% {
transform: rotate(0);
}
100% {
transform: rotate(90deg);
}
}
@-webkit-keyframes pacman-balls {
75% {
opacity: 0.7;
}
100% {
transform: translateX(-93.75px);
}
}
@keyframes pacman-balls {
75% {
opacity: 0.7;
}
100% {
transform: translateX(-93.75px);
}
}  #site-preloader.preloader-type-pulse .preloader-pulse {
width: 80px;
height: 80px;
margin: -16px 0 0 -16px;
background-color: currentColor;
border-radius: 100px;
animation: preloader-scaleout 1s infinite ease-in-out;
}  #site-preloader.preloader-type-pulse-circles .preloader-pulse-circles {
position: relative;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
}
#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle {
position: absolute;
height: 100%;
width: 100%;
background: currentColor;
border: 0 solid currentColor;
border-radius: 50%;
}
#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle.preloader-pulse-1 {
animation: preloader-pulse-circles-pulse 3s infinite calc((-750ms) + 750ms);
}
#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle.preloader-pulse-2 {
animation: preloader-pulse-circles-pulse 3s infinite calc((-1500ms) + 750ms);
}
#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle.preloader-pulse-3 {
animation: preloader-pulse-circles-pulse 3s infinite calc((-2250ms) + 750ms);
}
#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle.preloader-pulse-4 {
animation: preloader-pulse-circles-pulse 3s infinite calc((-3000ms) + 750ms);
}  #site-preloader.preloader-type-spinner .preloader-spinner {
width: 80px;
height: 80px;
display: inline-block;
padding: 0px;
border: 4px solid currentColor;
-webkit-animation: preloader-spinner 1s ease-in-out infinite alternate;
animation: preloader-spinner 1s ease-in-out infinite alternate;
}
.preloader-spinner:before {
content: " ";
position: absolute;
z-index: -1;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 4px solid currentColor;
}
.preloader-spinner:after {
content: " ";
position: absolute;
z-index: -1;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 4px solid currentColor;
}
@keyframes preloader-spinner {
from {
transform: rotate(0deg) scale(1, 1);
}
to {
transform: rotate(360deg) scale(0, 0);
}
}
@-webkit-keyframes preloader-spinner {
from {
-webkit-transform: rotate(0deg) scale(1, 1);
}
to {
-webkit-transform: rotate(360deg) scale(0, 0);
}
}  #site-preloader.preloader-type-rotating-circles .preloader-rotating-circles {
position: relative;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item {
position: absolute;
width: 100%;
height: 100%;
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-1 .preloader-rotating-circle-2 {
animation-delay: calc((600ms) - 1500ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-1 .preloader-rotating-circle-3 {
animation-delay: calc((900ms) - 1500ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-1 .preloader-rotating-circle-4 {
animation-delay: calc((1200ms) - 1500ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 {
transform: rotateZ(45deg);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 .preloader-rotating-circle-1 {
animation-delay: calc((300ms) - 1400ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 .preloader-rotating-circle-2 {
animation-delay: calc((600ms) - 1400ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 .preloader-rotating-circle-3 {
animation-delay: calc((900ms) - 1400ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 .preloader-rotating-circle-4 {
animation-delay: calc((1200ms) - 1400ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 {
transform: rotateZ(90deg);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 .preloader-rotating-circle-1 {
animation-delay: calc((300ms) - 1300ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 .preloader-rotating-circle-2 {
animation-delay: calc((600ms) - 1300ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 .preloader-rotating-circle-3 {
animation-delay: calc((900ms) - 1300ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 .preloader-rotating-circle-4 {
animation-delay: calc((1200ms) - 1300ms);
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle {
position: absolute;
width: 12px;
height: 12px;
background-color: currentColor;
border-radius: 100%;
animation: preloader-bounce-delay 1.2s infinite ease-in-out both;
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle.preloader-rotating-circle-1 {
top: 0;
left: 0;
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle.preloader-rotating-circle-2 {
top: 0;
right: 0;
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle.preloader-rotating-circle-3 {
right: 0;
bottom: 0;
}
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle.preloader-rotating-circle-4 {
left: 0;
bottom: 0;
}  #site-preloader.preloader-type-rotating-cubes .preloader-rotating-cubes {
position: relative;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
}
#site-preloader.preloader-type-rotating-cubes .preloader-rotating-cube {
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 25px;
background-color: currentColor;
animation: preloader-rotating-cubes 1.8s infinite ease-in-out;
}
#site-preloader.preloader-type-rotating-cubes .preloader-rotating-cube.preloader-rotating-cube-2 {
animation-delay: -0.9s;
}  #site-preloader.preloader-type-spinner .preloader-spinner {
width: 80px;
height: 80px;
display: inline-block;
padding: 0px;
border: 4px solid currentColor;
-webkit-animation: preloader-spinner 1s ease-in-out infinite alternate;
animation: preloader-spinner 1s ease-in-out infinite alternate;
}
#site-preloader.preloader-type-spinner .preloader-spinner:before {
content: " ";
position: absolute;
z-index: -1;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 4px solid currentColor;
}
#site-preloader.preloader-type-spinner .preloader-spinner:after {
content: " ";
position: absolute;
z-index: -1;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 4px solid currentColor;
}
@keyframes preloader-spinner {
from {
transform: rotate(0deg) scale(1, 1);
}
to {
transform: rotate(360deg) scale(0, 0);
}
}
@-webkit-keyframes preloader-spinner {
from {
-webkit-transform: rotate(0deg) scale(1, 1);
}
to {
-webkit-transform: rotate(360deg) scale(0, 0);
}
}  #site-preloader.preloader-type-stripes .preloader-stripes {
width: 50px;
height: 75px;
margin: -30px 0 0 -25px;
text-align: center;
}
#site-preloader.preloader-type-stripes .preloader-stripe {
display: inline-block;
float: left;
height: 100%;
width: 6px;
margin: 0 3px 0 0;
background-color: currentColor;
animation: preloader-stretch-delay 1.2s infinite ease-in-out;
}
#site-preloader.preloader-type-stripes .preloader-stripe.preloader-stripe-2 {
animation-delay: calc((200ms) - 1300ms);
}
#site-preloader.preloader-type-stripes .preloader-stripe.preloader-stripe-3 {
animation-delay: calc((300ms) - 1300ms);
}
#site-preloader.preloader-type-stripes .preloader-stripe.preloader-stripe-4 {
animation-delay: calc((400ms) - 1300ms);
}
#site-preloader.preloader-type-stripes .preloader-stripe.preloader-stripe-5 {
animation-delay: calc((500ms) - 1300ms);
}  #site-preloader.preloader-type-wave .preloader-wave {
width: 150px;
height: 30px;
margin: -15px 0 0 75px;
}
#site-preloader.preloader-type-wave .preloader-wave-circle {
float: left;
height: 20px;
width: 20px;
margin-right: 10px;
background: currentColor;
border-radius: 50%;
}
#site-preloader.preloader-type-wave .preloader-wave-circle.preloader-wave-1 {
animation: preloader-wave-jump-3 1.8s infinite ease-out;
}
#site-preloader.preloader-type-wave .preloader-wave-circle.preloader-wave-2 {
animation: preloader-wave-jump-2 1.8s infinite ease-out;
}
#site-preloader.preloader-type-wave .preloader-wave-circle.preloader-wave-3 {
animation: preloader-wave-jump-1 1.8s infinite ease-out;
}
#site-preloader.preloader-type-wave .preloader-wave-circle.preloader-wave-4 {
margin-right: 0;
animation: preloader-wave-wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
}  #site-preloader.preloader-type-wobblebar .preloader-wobblebar:not(:required) {
background: currentColor;
-moz-border-radius: 10.66667px;
-webkit-border-radius: 10.66667px;
border-radius: 10.66667px;
display: inline-block;
overflow: hidden;
text-indent: -9999px;
width: 150px;
height: 18px;
position: relative;
}
#site-preloader.preloader-type-wobblebar .preloader-wobblebar:not(:required)::after {
-moz-animation: preloader-wobblebar 15000ms infinite ease;
-webkit-animation: preloader-wobblebar 15000ms infinite ease;
animation: preloader-wobblebar 15000ms infinite ease;
background: #ffffff;
display: block;
-moz-border-radius: 7.11111px;
-webkit-border-radius: 7.11111px;
border-radius: 7.11111px;
content: '';
position: absolute;
top: 2px;
left: 4px;
width: 21.33333px;
height: 14.22222px;
}
@-moz-keyframes preloader-wobblebar {
0% {
left: 4px;
}
3% {
left: 104px;
}
6% {
left: 4px;
}
9% {
left: 104px;
}
12% {
left: 4px;
}
15% {
left: 104px;
}
18% {
left: 32px;
}
27% {
left: 32px;
}
30% {
left: 104px;
}
33% {
left: 4px;
}
36% {
left: 104px;
}
39% {
left: 4px;
}
42% {
left: 104px;
}
45% {
left: 4px;
}
48% {
left: 104px;
}
51% {
left: 52px;
}
63% {
left: 52px;
}
66% {
left: 4px;
}
69% {
left: 104px;
}
72% {
left: 4px;
}
75% {
left: 104px;
}
78% {
left: 4px;
}
81% {
left: 104px;
}
84% {
left: 72px;
}
94% {
left: 72px;
}
97% {
left: 104px;
}
}
@-webkit-keyframes preloader-wobblebar {
0% {
left: 4px;
}
3% {
left: 104px;
}
6% {
left: 4px;
}
9% {
left: 104px;
}
12% {
left: 4px;
}
15% {
left: 104px;
}
18% {
left: 32px;
}
27% {
left: 32px;
}
30% {
left: 104px;
}
33% {
left: 4px;
}
36% {
left: 104px;
}
39% {
left: 4px;
}
42% {
left: 104px;
}
45% {
left: 4px;
}
48% {
left: 104px;
}
51% {
left: 52px;
}
63% {
left: 52px;
}
66% {
left: 4px;
}
69% {
left: 104px;
}
72% {
left: 4px;
}
75% {
left: 104px;
}
78% {
left: 4px;
}
81% {
left: 104px;
}
84% {
left: 72px;
}
94% {
left: 72px;
}
97% {
left: 104px;
}
}
@keyframes preloader-wobblebar {
0% {
left: 4px;
}
3% {
left: 104px;
}
6% {
left: 4px;
}
9% {
left: 104px;
}
12% {
left: 4px;
}
15% {
left: 104px;
}
18% {
left: 32px;
}
27% {
left: 32px;
}
30% {
left: 104px;
}
33% {
left: 4px;
}
36% {
left: 104px;
}
39% {
left: 4px;
}
42% {
left: 104px;
}
45% {
left: 4px;
}
48% {
left: 104px;
}
51% {
left: 52px;
}
63% {
left: 52px;
}
66% {
left: 4px;
}
69% {
left: 104px;
}
72% {
left: 4px;
}
75% {
left: 104px;
}
78% {
left: 4px;
}
81% {
left: 104px;
}
84% {
left: 72px;
}
94% {
left: 72px;
}
97% {
left: 104px;
}
}  @-webkit-keyframes preloader-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes preloader-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes preloader-fade-in {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes preloader-fade-in {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes preloader-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes preloader-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes preloader-scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes preloader-scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes preloader-cube {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes preloader-cube {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@-webkit-keyframes preloader-rotating-cubes {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes preloader-rotating-cubes {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes preloader-stretch-delay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes preloader-stretch-delay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes preloader-bounce-delay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes preloader-bounce-delay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes preloader-atom-position {
50% {
top: 80px;
left: 80px;
}
}
@keyframes preloader-atom-position {
50% {
top: 80px;
left: 80px;
}
}
@-webkit-keyframes preloader-atom-size {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes preloader-atom-size {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@-webkit-keyframes preloader-atom-zindex {
100% {
z-index: 10;
}
}
@keyframes preloader-atom-zindex {
100% {
z-index: 10;
}
}
@-webkit-keyframes preloader-atom-shrink {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes preloader-atom-shrink {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@-webkit-keyframes preloader-lines-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes preloader-lines-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes preloader-fussion-ball-1 {
50% {
top: -100%;
left: 200%;
}
100% {
top: 50%;
left: 100%;
z-index: 2;
}
}
@keyframes preloader-fussion-ball-1 {
50% {
top: -100%;
left: 200%;
}
100% {
top: 50%;
left: 100%;
z-index: 2;
}
}
@-webkit-keyframes preloader-fussion-ball-2 {
50% {
top: 200%;
left: 200%;
}
100% {
top: 100%;
left: 50%;
z-index: 1;
}
}
@keyframes preloader-fussion-ball-2 {
50% {
top: 200%;
left: 200%;
}
100% {
top: 100%;
left: 50%;
z-index: 1;
}
}
@-webkit-keyframes preloader-fussion-ball-3 {
50% {
top: 200%;
left: -100%;
}
100% {
top: 50%;
left: 0;
z-index: 2;
}
}
@keyframes preloader-fussion-ball-3 {
50% {
top: 200%;
left: -100%;
}
100% {
top: 50%;
left: 0;
z-index: 2;
}
}
@-webkit-keyframes preloader-fussion-ball-4 {
50% {
top: -100%;
left: -100%;
}
100% {
top: 0;
left: 50%;
z-index: 1;
}
}
@keyframes preloader-fussion-ball-4 {
50% {
top: -100%;
left: -100%;
}
100% {
top: 0;
left: 50%;
z-index: 1;
}
}
@-webkit-keyframes preloader-wave-jump-1 {
12% {
-webkit-transform: translate(20px, -40px);
transform: translate(20px, -40px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
24%,
100% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0);
}
}
@keyframes preloader-wave-jump-1 {
12% {
-webkit-transform: translate(20px, -40px);
transform: translate(20px, -40px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
24%,
100% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0);
}
}
@-webkit-keyframes preloader-wave-jump-2 {
12% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
24% {
-webkit-transform: translate(20px, -40px);
transform: translate(20px, -40px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
36%,
100% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0);
}
}
@keyframes preloader-wave-jump-2 {
12% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
24% {
-webkit-transform: translate(20px, -40px);
transform: translate(20px, -40px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
36%,
100% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0);
}
}
@-webkit-keyframes preloader-wave-jump-3 {
24% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
36% {
-webkit-transform: translate(20px, -40px);
transform: translate(20px, -40px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
48%,
100% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0);
}
}
@keyframes preloader-wave-jump-3 {
24% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
36% {
-webkit-transform: translate(20px, -40px);
transform: translate(20px, -40px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
48%,
100% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0);
}
}
@-webkit-keyframes preloader-wave-wipe {
48%,
100% {
-webkit-transform: translateX(-120px);
transform: translateX(-120px);
}
}
@keyframes preloader-wave-wipe {
48%,
100% {
-webkit-transform: translateX(-120px);
transform: translateX(-120px);
}
}
@-webkit-keyframes preloader-pulse-circles-pulse {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
border-width: 50px;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0;
border-width: 0;
}
}
@keyframes preloader-pulse-circles-pulse {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
border-width: 50px;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0;
border-width: 0;
}
}
@-webkit-keyframes preloader-bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes preloader-bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@-webkit-keyframes preloader-pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes preloader-pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes preloader-line-scaleX {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes preloader-line-scaleX {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}