body {
}

@keyframes shimmer {
  0% { background-position: -300px 0px; }
  100% { background-position: 300px 0px; }
}

@keyframes bouncing-loader {
  to { opacity: 0.1; transform: translate3d(0, -16px, 0); }
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

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

@keyframes animloader {
  0% {
    box-shadow: -38px -12px ,  -14px 0,  14px 0, 38px 0;
  }
  33% {
    box-shadow: -38px 0px, -14px -12px,  14px 0, 38px 0;
  }
  66% {
    box-shadow: -38px 0px , -14px 0, 14px -12px, 38px 0;
  }
  100% {
    box-shadow: -38px 0 , -14px 0, 14px 0 , 38px -12px;
  }
}
@keyframes flash {
  0% {
    background-color: #f29393;
    box-shadow: 32px 0 #f29393, -32px 0 #e10a0a;
  }
  50% {
    background-color: #e10a0a;
    box-shadow: 32px 0 #f29393, -32px 0 #f29393;
  }
  100% {
    background-color: #f29393;
    box-shadow: 32px 0 #e10a0a, -32px 0 #f29393;
  }
}

@keyframes shadowPulse {
  33% {
    background: #FFF;
    box-shadow: -24px 0 #FF3D00, 24px 0 #FFF;
  }
  66% {
    background: #FF3D00;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #FF3D00;
  }
}



*, *:before { -webkit-transition: transform .1s ease-in-out; -ms-transition: transform .1s ease-in-out; transition: margin .2s ease-in-out, background-color .1s linear, color .1s, transform .1s ease-in-out, max-height 0.3s ease-in-out, max-width 0.3s ease-in-out, opacity .2s ease-in-out, background-image 0.2s ease-in-out, box-shadow 0.2s, width 0.2s, filter 0.2s linear, visibility 0.2s ease-in-out, background-position-x 0.2s ease-in-out, background 0.2s ease-in-out , border 0.2s ease-in-out;}
.no-transition { transition: none !important; }
.lazy { opacity: 0; }
.scrollhide { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }
.scrollhide.hidden { opacity: 0; }
.scrollhide.from-right.hidden { transform: translateX(50%); }
.scrollhide.from-left.hidden { transform: translateX(-50%); }
.scrollhide.from-below.hidden { transform: translateY(50%); }
.scrollhide.rotate-in.hidden { transform: translateY(50%) rotate(-60deg); transform-origin: bottom right; }
.scrollhide.from-left.hidden.subtle { transform: translateX(20%); }
.scrollhide.from-left.subtle { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }

.fader-item, .fader-sibling-item {transition: none;}

.faq, .faq li { list-style: none; }
.faq { padding: 0px; }
.faq li.q {gap: 15px;  cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 15px; }
.faq li.a { background: #fff; display: none; padding: 10px;}

.faqs .faq { list-style: none; padding: 0px; margin: 0px 0px 10px; }
.faqs .faq .q { cursor: pointer;  display: flex;  justify-content: space-between;  border-bottom: 1px solid #707070;  align-items: center; }
.faqs .faq .a > * { padding: 30px 0px}

.faq .q i  {color: #E10A0A;}

ul.faq {margin: .5rem  0px; background: #fff; font-size: 1.14rem;   max-width: 335px; }
ul.faq span {  }

.faqs.compact {}
.faqs.compact .faq{margin: 0px; border-bottom: 1px solid #5A6D8F;}
.faqs.compact .faq .q{border-bottom: none;}

.pagefaqs .faq {background-color: #e6f7ff; max-width: 100%; margin: .5rem 0px;}
.pagefaqs .faq .q i {color: #043776;}
.pagefaqs .faq .q {font-size: 1.25em; font-weight: 700; padding: 20px;}
.pagefaqs .faq .a {background-color: transparent; padding: 20px;}

form.loading .submit-load {position: relative;}
form.loading .submit-load .btn {color: transparent !important;}
form .submit-load i{display: none; animation: rotation 1s linear infinite; width: 30px; height: 30px; border: 3px solid #fff; border-top: 3px solid transparent; border-radius: 100%; position: absolute;left: calc(50% - 15px); top: calc(50% - 15px); }
form.loading .submit-load i {display: block;}

.skel-load-bg { background-color: #f7f7f7; background-image: linear-gradient( to right, #f7f7f7 0%, #cdcdcd 45%, #f7f7f7 70%, #f7f7f7 100% ); background-size: 300px 300px; background-repeat: no-repeat; animation: shimmer 1.4s linear infinite; }

.bouncing-loader { display: flex; justify-content: center; padding-bottom: 8px; }

.bouncing-loader > div { width: 12px; height: 12px; margin: 0rem 0.2rem; background: #000; border-radius: 50%; animation: bouncing-loader 0.6s infinite alternate; }

.bouncing-loader > div:nth-child(2) { animation-delay: 0.2s; }

.bouncing-loader > div:nth-child(3) { animation-delay: 0.4s; }


.worm-loader { width: 12px; height: 12px; border-radius: 50%; display: block; margin: 15px auto; position: relative; color: #e10a0a; box-sizing: border-box; animation: animloader 1s linear infinite alternate; }
.k-rider-loader { transition: none; width: 16px; height: 16px; border-radius: 50%; background-color: #e10a0a; box-shadow: 32px 0 #e10a0a, -32px 0 #e10a0a; position: relative; animation: flash 0.5s ease-out infinite alternate; }
.elip-loader { width: 16px; height: 16px; border-radius: 50%; display: block; margin: 15px auto; position: relative; background: #FFF; box-shadow: -24px 0 #FFF, 24px 0 #FFF; box-sizing: border-box; animation: shadowPulse 2s linear infinite; }
.spin-loader { width: 48px; height: 48px; border: 5px solid #e10a0a; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; }

      

.cmspageloader {transition: none;}
.cmspageloader .container { position: relative; }
.cmspageloader .container > div { position: absolute; left: 15px; top: 0px; }

.cmsactionloader {transition: none !important; position: fixed; font-size: 2em; display: flex; justify-content: center; align-items: center; top: 0px; right: 0px; width: 100vw; height: 100vh; background-color: #ffffffe0; z-index: 10; }
.cmsactionloader .text {text-align: center; font-weight: 700;}

.flip {transform: rotate(180deg);}

.account-loadable {opacity: 1; }
.account-loadable.hidden {opacity: 0;}