:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
#brands_a_z::after{content:"";display:table;clear:both}#brands_a_z ul{list-style:none;margin:0}#brands_a_z .brands_index{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#brands_a_z .brands_index li{text-transform:uppercase;margin:0 2.74px}#brands_a_z .brands_index li a,#brands_a_z .brands_index li span{padding:2px 10px;font-size:20px}#brands_a_z .brands_index li span{border:1px solid #cdcdcd;color:#cdcdcd}#brands_a_z .brands_index li.active a{border:1px solid #414141;color:#414141}#brands_a_z .brands_index li.active a:hover{background-color:#414141;color:#fff}#brands_a_z #brands-t{text-transform:uppercase;font-weight:700}#brands_a_z .brands a{color:#313030}#brands_a_z .top{margin:24px 0;display:block;float:right;padding:4px 16px;background-color:#414141;color:#fff}#brands_a_z .top:hover{background-color:#000}.brand-thumbnails .thumbnail>a{display:block}.brand-thumbnails .brand-thumbnail{max-width:100%;height:auto}@media (min-width:550px){.brand-thumbnails{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}}@media (min-width:550px) and (min-width:576px){.brand-thumbnails{margin-right:-15px;margin-left:-15px}}@media (min-width:550px) and (min-width:768px){.brand-thumbnails{margin-right:-15px;margin-left:-15px}}@media (min-width:550px) and (min-width:992px){.brand-thumbnails{margin-right:-15px;margin-left:-15px}}@media (min-width:550px) and (min-width:1200px){.brand-thumbnails{margin-right:-15px;margin-left:-15px}}@media (min-width:550px){.brand-thumbnails .thumbnail{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}}@media (min-width:550px) and (min-width:576px){.brand-thumbnails .thumbnail{padding-right:15px;padding-left:15px}}@media (min-width:550px) and (min-width:768px){.brand-thumbnails .thumbnail{padding-right:15px;padding-left:15px}}@media (min-width:550px) and (min-width:992px){.brand-thumbnails .thumbnail{padding-right:15px;padding-left:15px}}@media (min-width:550px) and (min-width:1200px){.brand-thumbnails .thumbnail{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.brand-thumbnails.columns-1 .thumbnail{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.brand-thumbnails.columns-2 .thumbnail{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.brand-thumbnails.columns-3 .thumbnail{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.brand-thumbnails.columns-4 .thumbnail{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.brand-thumbnails.columns-5 .thumbnail{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.brand-thumbnails.columns-6 .thumbnail{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.brand-thumbnails.columns-7 .thumbnail{-ms-flex:0 0 14.2857142858%;flex:0 0 14.2857142858%;max-width:14.2857142858%}.brand-thumbnails.columns-8 .thumbnail{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}} .pageload-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
}
.pageload-overlay svg {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.pageload-overlay svg path {
fill: #f5f5fd;
}
.container-pageload {
opacity: 0;
transition: 1s 0.4s;
}
.container-pageload.show {
opacity: 1;
transition: 1s 0.4s;
}
.pageload-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: hidden;
z-index: 1000;
}
.pageload-overlay.show {
visibility: visible;
}
.pageload-overlay::after,
.pageload-overlay::before {
content: '';
position: fixed;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
border-radius: 50%;
visibility: hidden;
opacity: 0;
z-index: 1000;
-webkit-transition: opacity 0.15s, visibility 0s 0.15s;
transition: opacity 0.15s, visibility 0s 0.15s;
}
@-webkit-keyframes moveRight {
to { -webkit-transform: translateX(20px); }
}
@keyframes moveRight {
to { transform: translateX(20px); }
}
@-webkit-keyframes moveLeft {
to { -webkit-transform: translateX(-20px); }
}
@keyframes moveLeft {
to { transform: translateX(-20px); }
}
.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
} #loader{
position:fixed;
z-index:99999;
top:0;
left:0;
bottom:0;
right:0;
}
.ta-loader-assets {
position: absolute;
z-index:99999;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#progress{
height:1px;
background:#191970;
position:absolute;
width:0;
top:0;
transition: 1s;
z-index: 999;
}
#progstat{
z-index: 999;
font-size:80px;
letter-spacing: 3px;
color:#191970;
}
#ta-gif {
padding-top: 20px;
margin-top: -5px;
}
@keyframes css-load-1 {
0%, 100% {
animation-timing-function: cubic-bezier(0.45,0,0.9,0.55)
}
0% {
transform: translate(0,0)
}
50% {
transform: translate(0,108px);
animation-timing-function: cubic-bezier(0,0.45,0.55,0.9);
}
100% {
transform: translate(0,0);
}
}
@keyframes css-load-1 {
0%, 100% {
animation-timing-function: cubic-bezier(0.45,0,0.9,0.55)
}
0% {
transform: translate(0,0)
}
50% {
transform: translate(0,108px);
animation-timing-function: cubic-bezier(0,0.45,0.55,0.9);
}
100% {
transform: translate(0,0);
}
}
@keyframes css-load-1 {
0%, 100% {
animation-timing-function: cubic-bezier(0.45,0,0.9,0.55)
}
0% {
transform: translate(0,0)
}
50% {
transform: translate(0,108px);
animation-timing-function: cubic-bezier(0,0.45,0.55,0.9);
}
100% {
transform: translate(0,0);
}
}
@keyframes css-load-1 {
0%, 100% {
animation-timing-function: cubic-bezier(0.45,0,0.9,0.55)
}
0% {
transform: translate(0,0)
}
50% {
transform: translate(0,108px);
animation-timing-function: cubic-bezier(0,0.45,0.55,0.9);
}
100% {
transform: translate(0,0);
}
}
.ta-css-load-1 {
padding-top: 0 !important;
width: 52px;
height: 52px;
border-radius: 50%;
background: #191970;
left: 74px;
top: 20px;
animation: css-load-1 1s linear infinite;
}
@keyframes css-load-2 {
0% { opacity: 1 }
50% { opacity: .5 }
100% { opacity: 1 }
}
.ta-css-load-2 div {
position: absolute;
width: 20px;
height: 80px;
top: 60px;
animation: css-load-2 1s cubic-bezier(0.5,0,0.5,1) infinite;
}.ta-css-load-2 div:nth-child(1) {
transform: translate(30px,0);
background: #191970;
animation-delay: -0.6s;
}.ta-css-load-2 div:nth-child(2) {
transform: translate(70px,0);
background: #191970;
animation-delay: -0.4s;
}.ta-css-load-2 div:nth-child(3) {
transform: translate(110px,0);
background: #191970;
animation-delay: -0.2s;
}.ta-css-load-2 div:nth-child(4) {
transform: translate(150px,0);
background: #191970;
animation-delay: -1s;
}
.loading-spinner-2 {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
background: none;
}
.ta-css-load-2 {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; }
.ta-css-load-2 div { box-sizing: content-box; }
@keyframes ta-css-load-3 {
0% { background: #191970 }
12.5% { background: #191970 }
12.625% { background: #191970; opacity: 0.8; }
100% { background: #191970; opacity: 0.8; }
}
.ta-css-load-3 div {
position: absolute;
width: 40px;
height: 40px;
background: #191970;
animation: ta-css-load-3 1s linear infinite;
}
.loadingio-spinner-blocks-xvxu1h8qj1i {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
background: #ffffff;
}
.ta-css-load-3 {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; }
.ta-css-load-3 div { box-sizing: content-box; } .loading-spinner-3 {
position: relative;
top: -170px;
left: -20px;
}
@keyframes ta-css-load-4-1 {
0% { transform: rotate(0deg) }
50% { transform: rotate(-45deg) }
100% { transform: rotate(0deg) }
}
@keyframes ta-css-load-4-2 {
0% { transform: rotate(180deg) }
50% { transform: rotate(225deg) }
100% { transform: rotate(180deg) }
}
.ta-css-load-4 > div:nth-child(2) {
transform: translate(-15px,0);
}
.ta-css-load-4 > div:nth-child(2) div {
position: absolute;
top: 40px;
left: 40px;
width: 120px;
height: 60px;
border-radius: 120px 120px 0 0;
background: #191970;
animation: ta-css-load-4-1 1s linear infinite;
transform-origin: 60px 60px
}
.ta-css-load-4 > div:nth-child(2) div:nth-child(2) {
animation: ta-css-load-4-2 1s linear infinite
}
.ta-css-load-4 > div:nth-child(2) div:nth-child(3) {
transform: rotate(-90deg);
animation: none;
}@keyframes ta-css-load-4-3 {
0% { transform: translate(190px,0); opacity: 0 }
20% { opacity: 1 }
100% { transform: translate(70px,0); opacity: 1 }
}
.ta-css-load-4 > div:nth-child(1) {
display: block;
}
.ta-css-load-4 > div:nth-child(1) div {
position: absolute;
top: 92px;
left: -8px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #191970;
animation: ta-css-load-4-3 1s linear infinite
}
.ta-css-load-4 > div:nth-child(1) div:nth-child(1) { animation-delay: -0.67s }
.ta-css-load-4 > div:nth-child(1) div:nth-child(2) { animation-delay: -0.33s }
.ta-css-load-4 > div:nth-child(1) div:nth-child(3) { animation-delay: 0s }
.loadingio-spinner-bean-eater-ta-css-load-4 {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
}
.ta-css-load-4 {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; }
.ta-css-load-4 div { box-sizing: content-box; }
.loading-spinner-4 {
position: relative;
top: -170px;
left: -20px;
}
@keyframes ta-css-load-5-r {
0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0,1,0,1) }
0% { transform: scale(0.7000000000000001) rotate(180deg) }
25% { transform: scale(0.7000000000000001) rotate(270deg) }
50% { transform: scale(0.7000000000000001) rotate(360deg) }
75% { transform: scale(0.7000000000000001) rotate(450deg) }
100% { transform: scale(0.7000000000000001) rotate(540deg) }
}
@keyframes ta-css-load-5-z {
0%, 50%, 100% { animation-timing-function: cubic-bezier(1,0,0,1) }
0% { transform: scale(1) }
50% { transform: scale(1) }
100% { transform: scale(.5) }
}
@keyframes ta-css-load-5-p {
0%, 50%, 100% { animation-timing-function: cubic-bezier(1,0,0,1) }
0% { transform: scale(0) }
50% { transform: scale(1) }
100% { transform: scale(1) }
}
@keyframes ta-css-load-5-c {
0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0,1,0,1) }
0% { background: #191970 }
25% { background: #191970 }
50% { background:#191970 }
75% { background: #191970 }
100% { background: #191970 }
}
.ta-css-load-5 > div {
animation: ta-css-load-5-r 4s linear infinite;
transform-origin: 100px 100px;
}
.ta-css-load-5 > div > div {
width: 200px;
height: 200px;
position: absolute;
animation: ta-css-load-5-z 1s linear infinite;
transform-origin: 200px 200px;
}
.ta-css-load-5 > div > div div {
position: absolute;
width: 100px;
height: 100px;
background: #191970;
transform-origin: 50px 50px;
}
.ta-css-load-5 > div > div div:nth-child(1) {
left: 0px;
top: 0px;
animation: ta-css-load-5-p 1s linear infinite, ta-css-load-5-c 4s linear infinite;
}
.ta-css-load-5 > div > div div:nth-child(2) {
left: 100px;
top: 0px;
animation: ta-css-load-5-p 1s linear infinite, ta-css-load-5-c 4s linear infinite;
}
.ta-css-load-5 > div > div div:nth-child(3) {
left: 0px;
top: 100px;
animation: ta-css-load-5-p 1s linear infinite, ta-css-load-5-c 4s linear infinite;
}
.ta-css-load-5 > div > div div:nth-child(4) {
left: 100px;
top: 100px;
transform: scale(1);
animation: ta-css-load-5-c 4s linear infinite
}
.loadingio-spinner-chunk-ta-css-load-5 {
width: 220px;
height: 220px;
display: inline-block;
overflow: hidden;
}
.ta-css-load-5 {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; }
.ta-css-load-5 div { box-sizing: content-box; }
@keyframes ta-css-load-6 {
0% { transform: scale(1.1500000000000001) }
100% { transform: scale(1) }
}
.ta-css-load-6 div {
position: absolute;
width: 80px;
height: 80px;
top: 13.333333333333336px;
left: 13.333333333333336px;
background: #191970;
animation: ta-css-load-6 1s cubic-bezier(0,0.5,0.5,1) infinite;
animation-delay: -0.3s;
}
.ta-css-load-6 div:nth-child(2) {
top: 13.333333333333336px;
left: 106.66666666666666px;
background: #191970;
animation-delay: -0.2s;
}
.ta-css-load-6 div:nth-child(3) {
top: 106.66666666666666px;
left: 13.333333333333336px;
background: #191970;
animation-delay: 0s;
}
.ta-css-load-6 div:nth-child(4) {
top: 106.66666666666666px;
left: 106.66666666666666px;
background: #191970;
animation-delay: -0.1s;
}
.loading-spinner-6 {
width: 220px;
height: 220px;
margin-top: -20px;
display: inline-block;
overflow: hidden;
}
.ta-css-load-6 {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; }
.ta-css-load-6 div { box-sizing: content-box; }
@keyframes ta-css-load-8 {
0% { transform: rotate(0) }
100% { transform: rotate(360deg) }
}
.ta-css-load-8 div { box-sizing: border-box!important }
.ta-css-load-8 > div {
position: absolute;
width: 144px;
height: 144px;
top: 28px;
left: 28px;
border-radius: 50%;
border: 16px solid #000;
border-color: #191970 transparent #191970 transparent;
animation: ta-css-load-8 1s linear infinite;
}
.ta-css-load-8 > div:nth-child(2) { border-color: transparent }
.ta-css-load-8 > div:nth-child(2) div {
position: absolute;
width: 100%;
height: 100%;
transform: rotate(45deg);
}
.ta-css-load-8 > div:nth-child(2) div:before, .ta-css-load-8 > div:nth-child(2) div:after { 
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
top: -16px;
left: 48px;
background: #191970;
border-radius: 50%;
box-shadow: 0 128px 0 0 #191970;
}
.ta-css-load-8 > div:nth-child(2) div:after { 
left: -16px;
top: 48px;
box-shadow: 128px 0 0 0 #191970;
}
.loading-spinner-8 {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
}
.ta-css-load-8 {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; }
.ta-css-load-8 div { box-sizing: content-box; }
@keyframes ta-css-load-9 {
0% { transform: rotate(0deg) }
50% { transform: rotate(180deg) }
100% { transform: rotate(360deg) }
}
.ta-css-load-9 div {
position: absolute;
animation: ta-css-load-9 1s linear infinite;
width: 160px;
height: 160px;
top: 20px;
left: 20px;
border-radius: 50%;
box-shadow: 0 4px 0 0 #191970;
transform-origin: 80px 82px;
}
.loading-spinner-9 {
width: 200px;
height: 220px;
display: inline-block;
overflow: hidden;
}
.ta-css-load-9 {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; }
.ta-css-load-9 div { box-sizing: content-box; }
@keyframes ta-css-load-10 {
0% { transform: translate(12px,80px) scale(0); }
25% { transform: translate(12px,80px) scale(0); }
50% { transform: translate(12px,80px) scale(1); }
75% { transform: translate(80px,80px) scale(1); }
100% { transform: translate(148px,80px) scale(1); }
}
@keyframes ta-css-load-10-r {
0% { transform: translate(148px,80px) scale(1): }
100% { transform: translate(148px,80px) scale(0); }
}
@keyframes ta-css-load-10-c {
0% { background: #191970 }
25% { background: #191970 }
50% { background: #191970 }
75% { background: #191970 }
100% { background: #191970 }
}
.ta-css-load-10 div {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
transform: translate(80px,80px) scale(1);
background: #e15b64;
animation: ta-css-load-10 1s infinite cubic-bezier(0,0.5,0.5,1);
}
.ta-css-load-10 div:nth-child(1) {
background: #191970;
transform: translate(148px,80px) scale(1);
animation: ta-css-load-10-r 0.25s infinite cubic-bezier(0,0.5,0.5,1), ta-css-load-10-c 1s infinite step-start;
}.ta-css-load-10 div:nth-child(2) {
animation-delay: -0.25s;
background: #191970;
}.ta-css-load-10 div:nth-child(3) {
animation-delay: -0.5s;
background: #191970;
}.ta-css-load-10 div:nth-child(4) {
animation-delay: -0.75s;
background: #191970;
}.ta-css-load-10 div:nth-child(5) {
animation-delay: -1s;
background: #191970;
}
.loading-spinner-10 {
width: 220px;
height: 220px;
display: inline-block;
overflow: hidden;
}
.ta-css-load-10 {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; }
.ta-css-load-10 div { box-sizing: content-box; }
@keyframes ta-css-load-11-r {
0%, 100% { animation-timing-function: cubic-bezier(0.2 0 0.8 0.8) }
50% { animation-timing-function: cubic-bezier(0.2 0.2 0.8 1) }
0% { transform: rotate(0deg) }
50% { transform: rotate(180deg) }
100% { transform: rotate(360deg) }
}
@keyframes ta-css-load-11-s {
0%, 100% { animation-timing-function: cubic-bezier(0.2 0 0.8 0.8) }
50% { animation-timing-function: cubic-bezier(0.2 0.2 0.8 1) }
0% { transform: translate(-30px,-30px) scale(0) }
50% { transform: translate(-30px,-30px) scale(1) }
100% { transform: translate(-30px,-30px) scale(0) }
}
.ta-css-load-11 > div { transform: translate(0px,-15px) }
.ta-css-load-11 > div > div {
animation: ta-css-load-11-r 1s linear infinite;
transform-origin: 100px 100px;
}
.ta-css-load-11 > div > div > div {
position: absolute;
transform: translate(100px, 82px);
}
.ta-css-load-11 > div > div > div > div {
width: 60px;
height: 60px;
border-radius: 50%;
background: #191970;
animation: ta-css-load-11-s 1s linear infinite;
}
.ta-css-load-11 > div > div:last-child {
animation-delay: -0.5s;
}
.ta-css-load-11 > div > div:last-child > div > div {
animation-delay: -0.5s;
background: #191970;
}
.loading-spinner-11 {
width: 220px;
height: 220px;
display: inline-block;
overflow: hidden;
}
.ta-css-load-11 {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; }
.ta-css-load-11 div { box-sizing: content-box; }