#preloader { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 9999; }
#spinner { display: block; height: 110px; left: 50%; margin: -55px; position: relative; top: 50%; width: 110px; }
#preloader #disable-preloader { display: block; position: absolute; right: 30px; bottom: 30px; }
.preloader-whirlpool .whirlpool, .preloader-whirlpool .whirlpool::before, .preloader-whirlpool .whirlpool::after { position: absolute; top: 50%; left: 50%; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(0, 0, 0); border-image: initial; border-radius: 974px; }
.preloader-whirlpool .whirlpool { margin: -24px 0px 0px -24px; height: 49px; width: 49px; animation: 1150ms linear 0s infinite normal none running cssload-rotate; }
.preloader-whirlpool .whirlpool::before { content: ""; margin: -22px 0px 0px -22px; height: 43px; width: 43px; animation: 1150ms linear 0s infinite normal none running cssload-rotate; }
.preloader-whirlpool .whirlpool::after { content: ""; margin: -28px 0px 0px -28px; height: 55px; width: 55px; animation: 2300ms linear 0s infinite normal none running cssload-rotate; }
@keyframes cssload-rotate { 
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes cssload-rotate { 
  100% { transform: rotate(360deg); }
}
.preloader-floating-circles { position: relative; width: 80px; height: 80px; margin: auto; transform: scale(0.6); }
.preloader-floating-circles .f_circleG { position: absolute; background-color: rgb(255, 255, 255); height: 14px; width: 14px; border-radius: 7px; animation-name: f_fadeG; animation-duration: 0.672s; animation-iteration-count: infinite; animation-direction: normal; }
.preloader-floating-circles #frotateG_01 { left: 0px; top: 32px; animation-delay: 0.2495s; }
.preloader-floating-circles #frotateG_02 { left: 9px; top: 9px; animation-delay: 0.336s; }
.preloader-floating-circles #frotateG_03 { left: 32px; top: 0px; animation-delay: 0.4225s; }
.preloader-floating-circles #frotateG_04 { right: 9px; top: 9px; animation-delay: 0.509s; }
.preloader-floating-circles #frotateG_05 { right: 0px; top: 32px; animation-delay: 0.5955s; }
.preloader-floating-circles #frotateG_06 { right: 9px; bottom: 9px; animation-delay: 0.672s; }
.preloader-floating-circles #frotateG_07 { left: 32px; bottom: 0px; animation-delay: 0.7585s; }
.preloader-floating-circles #frotateG_08 { left: 9px; bottom: 9px; animation-delay: 0.845s; }
@keyframes f_fadeG { 
  0% { background-color: rgb(0, 0, 0); }
  100% { background-color: rgb(255, 255, 255); }
}
@-webkit-keyframes f_fadeG { 
  0% { background-color: rgb(0, 0, 0); }
  100% { background-color: rgb(255, 255, 255); }
}
.preloader-eight-spinning { width: 72px; margin: 0px auto; font-size: 0px; position: relative; transform-origin: 50% 50%; animation: 6.9s linear 0s infinite normal none running cssload-clockwise; }
.preloader-eight-spinning::before { position: absolute; content: ""; top: 0px; left: 0px; width: 39px; height: 39px; border: 6px solid rgb(229, 229, 229); border-radius: 100%; box-sizing: border-box; }
.preloader-eight-spinning::after { position: absolute; content: ""; z-index: -1; top: 0px; right: 0px; width: 39px; height: 39px; border: 6px solid rgb(229, 229, 229); border-radius: 100%; box-sizing: border-box; }
.preloader-eight-spinning .cssload-lt, .preloader-eight-spinning .cssload-rt, .preloader-eight-spinning .cssload-lb, .preloader-eight-spinning .cssload-rb { position: relative; display: inline-block; overflow: hidden; width: 39px; height: 19px; opacity: 1; }
.preloader-eight-spinning .cssload-lt::before, .preloader-eight-spinning .cssload-rt::before, .preloader-eight-spinning .cssload-lb::before, .preloader-eight-spinning .cssload-rb::before { position: absolute; content: ""; width: 39px; height: 39px; border-width: 6px; border-style: solid; border-color: rgb(87, 67, 87) transparent transparent; border-radius: 100%; box-sizing: border-box; }
.preloader-eight-spinning .cssload-lt { margin-right: -6px; animation: 2.3s linear -2300ms infinite normal none running cssload-lt; }
.preloader-eight-spinning .cssload-lt::before { top: 0px; left: 0px; animation: 1.15s linear 0s infinite normal none running cssload-not-clockwise; }
.preloader-eight-spinning .cssload-rt { animation: 2.3s linear -1150ms infinite normal none running cssload-lt; }
.preloader-eight-spinning .cssload-rt::before { top: 0px; right: 0px; animation: 1.15s linear 0s infinite normal none running cssload-clockwise; }
.preloader-eight-spinning .cssload-lb { margin-right: -6px; animation: 2.3s linear -1725ms infinite normal none running cssload-lt; }
.preloader-eight-spinning .cssload-lb::before { bottom: 0px; left: 0px; animation: 1.15s linear 0s infinite normal none running cssload-not-clockwise; }
.preloader-eight-spinning .cssload-rb { animation: 2.3s linear -575ms infinite normal none running cssload-lt; }
.preloader-eight-spinning .cssload-rb::before { bottom: 0px; right: 0px; animation: 1.15s linear 0s infinite normal none running cssload-clockwise; }
@keyframes cssload-clockwise { 
  0% { transform: rotate(-45deg); }
  100% { transform: rotate(315deg); }
}
@-webkit-keyframes cssload-clockwise { 
  0% { transform: rotate(-45deg); }
  100% { transform: rotate(315deg); }
}
@keyframes cssload-not-clockwise { 
  0% { transform: rotate(45deg); }
  100% { transform: rotate(-315deg); }
}
@-webkit-keyframes cssload-not-clockwise { 
  0% { transform: rotate(45deg); }
  100% { transform: rotate(-315deg); }
}
@keyframes cssload-lt { 
  0% { opacity: 1; }
  25% { opacity: 1; }
  26% { opacity: 0; }
  75% { opacity: 0; }
  76% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes cssload-lt { 
  0% { opacity: 1; }
  25% { opacity: 1; }
  26% { opacity: 0; }
  75% { opacity: 0; }
  76% { opacity: 1; }
  100% { opacity: 1; }
}
.preloader-double-torus { width: 49px; height: 49px; margin: 0px auto; border-width: 4px; border-style: double; border-image: initial; border-radius: 50%; border-color: transparent rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0.9); animation: 960ms linear 0s infinite normal none running cssload-spin; }
@keyframes cssload-spin { 
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes cssload-spin { 
  100% { transform: rotate(360deg); }
}
.preloader-tube-tunnel { width: 49px; height: 49px; margin: 0px auto; border: 4px solid rgb(0, 0, 0); border-radius: 50%; animation: 1035ms linear 0s infinite normal none running cssload-scale; }
@keyframes cssload-scale { 
  0% { transform: scale(0); }
  90% { transform: scale(0.7); }
  100% { transform: scale(1); }
}
@-webkit-keyframes cssload-scale { 
  0% { transform: scale(0); }
  90% { transform: scale(0.7); }
  100% { transform: scale(1); }
}
.preloader-speeding-wheel { width: 49px; height: 49px; margin: 0px auto; border-width: 3px; border-style: solid; border-color: rgb(0, 0, 0) transparent; border-image: initial; border-radius: 50%; animation: 575ms linear 0s infinite normal none running cssload-spin; }
@keyframes cssload-spin { 
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes cssload-spin { 
  100% { transform: rotate(360deg); }
}
.preloader-loading-wrapper { display: block; margin: 0px auto; width: 97px; }
.preloader-loading-wrapper .cssload-loading i { width: 49px; height: 49px; display: inline-block; background: rgb(255, 89, 84); border-radius: 50%; }
.preloader-loading-wrapper .cssload-loading i:nth-child(1) { animation: 1.15s ease-in-out 0s infinite normal none running cssload-loading-ani1; }
.preloader-loading-wrapper .cssload-loading i:nth-child(2) { background: rgb(0, 168, 206); margin-left: -10px; animation: 1.15s ease-in-out 0.58s infinite normal none running cssload-loading-ani1; }
@keyframes cssload-loading-ani1 { 
  70% { transform: scale(0.5); }
}
@-webkit-keyframes cssload-loading-ani1 { 
  70% { transform: scale(0.5); }
}
.preloader-dot-loading { display: block; margin: 0px auto; width: 97px; }
.preloader-dot-loading .cssload-loading i { width: 19px; height: 19px; display: inline-block; border-radius: 50%; background: rgb(42, 43, 38); }
.preloader-dot-loading .cssload-loading i:first-child { opacity: 0; animation: 0.58s linear 0s infinite normal none running cssload-loading-ani2; transform: translate(-19px); }
.preloader-dot-loading .cssload-loading i:nth-child(2), .preloader-dot-loading .cssload-loading i:nth-child(3) { animation: 0.58s linear 0s infinite normal none running cssload-loading-ani3; }
.preloader-dot-loading .cssload-loading i:last-child { animation: 0.58s linear 0s infinite normal none running cssload-loading-ani1; }
@keyframes cssload-loading-ani1 { 
  100% { transform: translate(39px); opacity: 0; }
}
@-webkit-keyframes cssload-loading-ani1 { 
  100% { transform: translate(39px); opacity: 0; }
}
@keyframes cssload-loading-ani2 { 
  100% { transform: translate(19px); opacity: 1; }
}
@-webkit-keyframes cssload-loading-ani2 { 
  100% { transform: translate(19px); opacity: 1; }
}
@keyframes cssload-loading-ani3 { 
  100% { transform: translate(19px); }
}
@-webkit-keyframes cssload-loading-ani3 { 
  100% { transform: translate(19px); }
}
.preloader-fountainTextG { width: 300px; margin: auto; }
.preloader-fountainTextG .fountainTextG { color: rgb(0, 0, 0); font-family: Arial; font-size: 31px; text-decoration: none; font-weight: normal; font-style: normal; float: left; animation-name: bounce_fountainTextG; animation-duration: 2.09s; animation-iteration-count: infinite; animation-direction: normal; transform: scale(0.5); }
.preloader-fountainTextG #fountainTextG_1 { animation-delay: 0.75s; }
.preloader-fountainTextG #fountainTextG_2 { animation-delay: 0.9s; }
.preloader-fountainTextG #fountainTextG_3 { animation-delay: 1.05s; }
.preloader-fountainTextG #fountainTextG_4 { animation-delay: 1.2s; }
.preloader-fountainTextG #fountainTextG_5 { animation-delay: 1.35s; }
.preloader-fountainTextG #fountainTextG_6 { animation-delay: 1.5s; }
.preloader-fountainTextG #fountainTextG_7 { animation-delay: 1.64s; }
@keyframes bounce_fountainTextG { 
  0% { transform: scale(1); color: rgb(0, 0, 0); }
  100% { transform: scale(0.5); color: rgb(255, 255, 255); }
}
@-webkit-keyframes bounce_fountainTextG { 
  0% { transform: scale(1); color: rgb(0, 0, 0); }
  100% { transform: scale(0.5); color: rgb(255, 255, 255); }
}
.preloader-circle-loading-wrapper { margin: 0px auto; display: block; width: 97px; }
.preloader-circle-loading-wrapper .cssload-loader { width: 49px; height: 49px; border-radius: 50%; margin: 0px; display: inline-block; position: relative; vertical-align: middle; }
.preloader-circle-loading-wrapper .cssload-loader { width: 49px; height: 49px; border-radius: 50%; margin: 0px; display: inline-block; position: relative; vertical-align: middle; background-color: rgb(211, 211, 211); }
.preloader-circle-loading-wrapper .cssload-loader, .preloader-circle-loading-wrapper .cssload-loader::before, .preloader-circle-loading-wrapper .cssload-loader::after { animation: 1.15s ease-in-out 0s infinite normal none running none; }
.preloader-circle-loading-wrapper .cssload-loader::before, .preloader-circle-loading-wrapper .cssload-loader::after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0px; left: 0px; }
.preloader-circle-loading-wrapper .cssload-loader::before, .preloader-circle-loading-wrapper .cssload-loader::after { content: ""; }
.preloader-circle-loading-wrapper .cssload-loader::before { content: ""; border: 10px solid white; top: 0px; left: 0px; animation-name: cssload-animation; }
@keyframes cssload-animation { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@-webkit-keyframes cssload-animation { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
.preloader-dot-circle-rotator { position: relative; width: 12px; height: 12px; left: calc(50% - 6px); border-radius: 12px; background-color: rgb(0, 0, 0); transform-origin: 50% 50%; animation: 1.15s ease-in-out 0s infinite normal none running cssload-loader; }
.preloader-dot-circle-rotator::before { content: ""; position: absolute; background-color: rgb(0, 0, 0); top: 0px; left: -24px; height: 12px; width: 12px; border-radius: 12px; }
.preloader-dot-circle-rotator::after { content: ""; position: absolute; background-color: rgb(0, 0, 0); top: 0px; left: 24px; height: 12px; width: 12px; border-radius: 12px; }
@keyframes cssload-loader { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(180deg); }
}
@-webkit-keyframes cssload-loader { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(180deg); }
}
.preloader-bubblingG { text-align: center; width: 78px; height: 49px; margin: auto; }
.preloader-bubblingG span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 24px auto; background: rgb(0, 0, 0); border-radius: 49px; animation: 1.5s ease 0s infinite alternate none running bubblingG; }
.preloader-bubblingG #bubblingG_1 { animation-delay: 0s; }
.preloader-bubblingG #bubblingG_2 { animation-delay: 0.45s; }
.preloader-bubblingG #bubblingG_3 { animation-delay: 0.9s; }
@keyframes bubblingG { 
  0% { width: 10px; height: 10px; background-color: rgb(0, 0, 0); transform: translateY(0px); }
  100% { width: 23px; height: 23px; background-color: rgb(255, 255, 255); transform: translateY(-20px); }
}
@-webkit-keyframes bubblingG { 
  0% { width: 10px; height: 10px; background-color: rgb(0, 0, 0); transform: translateY(0px); }
  100% { width: 23px; height: 23px; background-color: rgb(255, 255, 255); transform: translateY(-20px); }
}
.preloader-coffee { text-align: left; height: 49px; width: 39px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; left: 50%; z-index: 999; background: linear-gradient(to left bottom, rgb(247, 148, 30), rgb(194, 108, 7)); }
.preloader-coffee::before { position: absolute; content: ""; right: -15px; top: 5px; height: 24px; width: 10px; background: transparent; border-width: 5px; border-style: solid; border-color: rgb(247, 148, 30) rgb(247, 148, 30) rgb(231, 129, 8) transparent; border-image: initial; border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 1; }
.preloader-coffee::after { position: absolute; content: ""; width: 5px; height: 29px; background: rgb(225, 225, 225); border-radius: 4px; top: -29px; box-shadow: rgb(225, 225, 225) 34px 0px 0px, rgb(225, 225, 225) 17.5px -15px 0px; opacity: 1; animation: 3.45s ease 0s infinite normal none running cssload-steam; }
@keyframes cssload-steam { 
  100% { top: -39px; background: rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 34px 0px 0px, rgb(238, 238, 238) 17.5px -15px 0px; opacity: 0.25; }
}
@-webkit-keyframes cssload-steam { 
  100% { top: -39px; background: rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 34px 0px 0px, rgb(238, 238, 238) 17.5px -15px 0px; opacity: 0.25; }
}
.preloader-orbit-loading { position: relative; left: calc(50% - 31px); width: 62px; height: 62px; border-radius: 50%; perspective: 780px; }
.preloader-orbit-loading .cssload-inner { position: absolute; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; }
.preloader-orbit-loading .cssload-inner.cssload-one { left: 0%; top: 0%; animation: 1.15s linear 0s infinite normal none running cssload-rotate-one; border-bottom: 3px solid rgb(0, 0, 0); }
.preloader-orbit-loading .cssload-inner.cssload-two { right: 0%; top: 0%; animation: 1.15s linear 0s infinite normal none running cssload-rotate-two; border-right: 3px solid rgb(0, 0, 0); }
.preloader-orbit-loading .cssload-inner.cssload-three { right: 0%; bottom: 0%; animation: 1.15s linear 0s infinite normal none running cssload-rotate-three; border-top: 3px solid rgb(0, 0, 0); }
@keyframes cssload-rotate-one { 
  0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
  100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); }
}
@-webkit-keyframes cssload-rotate-one { 
  0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
  100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); }
}
@keyframes cssload-rotate-two { 
  0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
  100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); }
}
@-webkit-keyframes cssload-rotate-two { 
  0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
  100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); }
}
@keyframes cssload-rotate-three { 
  0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
  100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); }
}
@-webkit-keyframes cssload-rotate-three { 
  0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
  100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); }
}
.preloader-battery { display: block; margin: 0px auto; position: relative; width: 2.25rem; height: 4.5rem; box-shadow: rgb(66, 92, 119) 0px 0px 0px 0.2rem; border-radius: 0.09rem; background: white; }
.preloader-battery::before { content: ""; position: absolute; left: 0.5625rem; right: 0.5625rem; top: -0.3375rem; height: 0.3375rem; width: 1.125rem; background: rgb(66, 92, 119); border-radius: 0.18rem; }
.preloader-battery::after { content: ""; position: absolute; inset: 0px; border-right: 2.25rem solid transparent; border-bottom: 4.05rem solid rgba(255, 255, 255, 0.32); }
.preloader-battery .cssload-liquid { position: absolute; inset: 0px; width: 2.25rem; background: rgb(113, 251, 133); animation: 2.59s ease 0s infinite normal none running load; }
.preloader-battery .cssload-liquid::after, .preloader-battery .cssload-liquid::before { content: ""; position: absolute; top: -0.5rem; height: 1.125rem; width: 1.4625rem; background: rgb(113, 251, 133); opacity: 0; border-radius: 50%; }
.preloader-battery .cssload-liquid::after { right: 0px; animation: 2.59s ease 0s infinite normal none running cssload-liquid-1; }
.preloader-battery .cssload-liquid::before { left: 0px; animation: 2.59s ease 0s infinite normal none running cssload-liquid-2; }
@keyframes load { 
  0% { top: 4.5rem; }
  70% { top: 1.125rem; }
  90% { top: 0px; }
  95% { top: 0px; }
  100% { top: 4.5rem; }
}
@-webkit-keyframes load { 
  0% { top: 4.5rem; }
  70% { top: 1.125rem; }
  90% { top: 0px; }
  95% { top: 0px; }
  100% { top: 4.5rem; }
}
@keyframes cssload-liquid-1 { 
  0% { height: 0px; opacity: 0; top: -0.5rem; }
  22% { height: 0.28125rem; top: 0.375rem; opacity: 1; }
  25% { top: -0.25rem; }
  35% { height: 1.125rem; top: -0.5rem; }
  55% { height: 0.28125rem; top: -0.125rem; }
  60% { height: 0.61875rem; opacity: 1; top: -0.275rem; }
  96% { height: 0.84375rem; opacity: 0; top: 0.5rem; }
  100% { height: 0px; opacity: 0; }
}
@-webkit-keyframes cssload-liquid-1 { 
  0% { height: 0px; opacity: 0; top: -0.5rem; }
  22% { height: 0.28125rem; top: 0.375rem; opacity: 1; }
  25% { top: -0.25rem; }
  35% { height: 1.125rem; top: -0.5rem; }
  55% { height: 0.28125rem; top: -0.125rem; }
  60% { height: 0.61875rem; opacity: 1; top: -0.275rem; }
  96% { height: 0.84375rem; opacity: 0; top: 0.5rem; }
  100% { height: 0px; opacity: 0; }
}
@keyframes cssload-liquid-2 { 
  0% { height: 0px; opacity: 0; top: -0.5rem; }
  17.5% { height: 0.28125rem; top: 0.2rem; opacity: 1; }
  20% { top: -0.25rem; }
  25% { height: 1.40625rem; top: -0.625rem; }
  45% { height: 0.28125rem; top: -0.125rem; }
  60% { height: 1.40625rem; opacity: 1; top: -0.5rem; }
  96% { height: 0.84375rem; opacity: 0; top: 0.5rem; }
  100% { height: 0px; opacity: 0; }
}
@-webkit-keyframes cssload-liquid-2 { 
  0% { height: 0px; opacity: 0; top: -0.5rem; }
  17.5% { height: 0.28125rem; top: 0.2rem; opacity: 1; }
  20% { top: -0.25rem; }
  25% { height: 1.40625rem; top: -0.625rem; }
  45% { height: 0.28125rem; top: -0.125rem; }
  60% { height: 1.40625rem; opacity: 1; top: -0.5rem; }
  96% { height: 0.84375rem; opacity: 0; top: 0.5rem; }
  100% { height: 0px; opacity: 0; }
}
.preloader-equalizer { position: absolute; margin: 50px auto; left: 0px; right: 0px; width: 88px; }
.preloader-equalizer ul { margin: 0px; list-style: none; width: 88px; position: relative; padding: 0px; height: 10px; }
.preloader-equalizer ul li { position: absolute; width: 2px; height: 0px; background-color: rgb(0, 0, 0); bottom: 0px; }
.preloader-equalizer li:nth-child(1) { left: 0px; }
.preloader-equalizer li:nth-child(2) { left: 15px; animation: 1.15s ease 0.12s infinite normal none running cssload-sequence2; }
.preloader-equalizer li:nth-child(3) { left: 29px; animation: 1.15s ease-in-out 0.23s infinite normal none running cssload-sequence1; }
.preloader-equalizer li:nth-child(4) { left: 44px; animation: 1.15s ease-in 0.35s infinite normal none running cssload-sequence2; }
.preloader-equalizer li:nth-child(5) { left: 58px; animation: 1.15s ease-in-out 0.46s infinite normal none running cssload-sequence1; }
.preloader-equalizer li:nth-child(6) { left: 73px; animation: 1.15s ease 0.58s infinite normal none running cssload-sequence2; }
@keyframes cssload-sequence1 { 
  0% { height: 10px; }
  50% { height: 49px; }
  100% { height: 10px; }
}
@-webkit-keyframes cssload-sequence1 { 
  0% { height: 10px; }
  50% { height: 49px; }
  100% { height: 10px; }
}
@keyframes cssload-sequence2 { 
  0% { height: 19px; }
  50% { height: 63px; }
  100% { height: 19px; }
}
@-webkit-keyframes cssload-sequence2 { 
  0% { height: 19px; }
  50% { height: 63px; }
  100% { height: 19px; }
}
.preloader-square-swapping { margin: 30px auto; width: 19px; height: 19px; transform: rotate(-45deg); }
.preloader-square-swapping .cssload-square-part { position: absolute; width: 19px; height: 19px; z-index: 1; animation: 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite alternate none running cssload-part-anim; }
.preloader-square-swapping .cssload-square-green { background: rgb(84, 250, 212); right: 0px; bottom: 0px; animation-direction: alternate-reverse; }
.preloader-square-swapping .cssload-square-pink { background: rgb(233, 111, 146); left: 0px; top: 0px; }
.preloader-square-swapping .cssload-square-blend { background: rgb(117, 81, 125); position: absolute; inset: 0px; z-index: 2; animation: 0.92s ease-in 0s infinite normal none running blend-anim; }
@keyframes blend-anim { 
  0% { transform: scale(0.01, 0.01) rotateY(0deg); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
  50% { transform: scale(1, 1) rotateY(0deg); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
  100% { transform: scale(0.01, 0.01) rotateY(0deg); }
}
@-webkit-keyframes blend-anim { 
  0% { transform: scale(0.01, 0.01) rotateY(0deg); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
  50% { transform: scale(1, 1) rotateY(0deg); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
  100% { transform: scale(0.01, 0.01) rotateY(0deg); }
}
@keyframes cssload-part-anim { 
  0% { transform: translate3d(-10px, -10px, 0px); }
  100% { transform: translate3d(10px, 10px, 0px); }
}
@-webkit-keyframes cssload-part-anim { 
  0% { transform: translate3d(-10px, -10px, 0px); }
  100% { transform: translate3d(10px, 10px, 0px); }
}
.preloader-jackhammer * { box-sizing: border-box; }
.preloader-jackhammer { margin: 0px auto; max-width: 545px; }
.preloader-jackhammer ul li { list-style: none; }
.preloader-jackhammer .cssload-flex-container { display: -webkit-flex; flex-flow: row wrap; justify-content: space-around; }
.preloader-jackhammer .cssload-flex-container li { padding: 10px; height: 97px; width: 97px; margin: 0px; position: relative; text-align: center; }
.preloader-jackhammer .cssload-loading, .preloader-jackhammer .cssload-loading::after, .preloader-jackhammer .cssload-loading::before { display: inline-block; position: relative; width: 5px; height: 49px; background: rgb(0, 0, 0); margin-top: 5px; border-radius: 975px; animation: 1.15s ease 0.29s infinite alternate none running cssload-upDown2; }
.preloader-jackhammer .cssload-loading::after, .preloader-jackhammer .cssload-loading::before { position: absolute; content: ""; animation: 1.15s ease 0s infinite alternate none running cssload-upDown; }
.preloader-jackhammer .cssload-loading::before { left: -10px; }
.preloader-jackhammer .cssload-loading::after { left: 10px; animation-delay: 0.58s; }
@keyframes cssload-upDown { 
  0% { transform: translateY(19px); }
  100% { transform: translateY(-19px); }
}
@-webkit-keyframes cssload-upDown { 
  0% { transform: translateY(19px); }
  100% { transform: translateY(-19px); }
}
@keyframes cssload-upDown2 { 
  0% { transform: translateY(29px); }
  100% { transform: translateY(-19px); }
}
@-webkit-keyframes cssload-upDown2 { 
  0% { transform: translateY(29px); }
  100% { transform: translateY(-19px); }
}