@-webkit-keyframes a_loader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes a_loader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes a_loader__before {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  50% {
    -webkit-transform: translate3d(24px, 0, 0) scale(0.5);
    -ms-transform: translate3d(24px, 0, 0) scale(0.5);
    transform: translate3d(24px, 0, 0) scale(0.5); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }

@keyframes a_loader__before {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  50% {
    -webkit-transform: translate3d(24px, 0, 0) scale(0.5);
    -ms-transform: translate3d(24px, 0, 0) scale(0.5);
    transform: translate3d(24px, 0, 0) scale(0.5); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes a_loader__after {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  50% {
    -webkit-transform: translate3d(-24px, 0, 0) scale(0.5);
    -ms-transform: translate3d(-24px, 0, 0) scale(0.5);
    transform: translate3d(-24px, 0, 0) scale(0.5); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }

@keyframes a_loader__after {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  50% {
    -webkit-transform: translate3d(-24px, 0, 0) scale(0.5);
    -ms-transform: translate3d(-24px, 0, 0) scale(0.5);
    transform: translate3d(-24px, 0, 0) scale(0.5); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes a_loader__span-before {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  50% {
    -webkit-transform: translate3d(0, 24px, 0) scale(0.5);
    -ms-transform: translate3d(0, 24px, 0) scale(0.5);
    transform: translate3d(0, 24px, 0) scale(0.5); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }

@keyframes a_loader__span-before {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  50% {
    -webkit-transform: translate3d(0, 24px, 0) scale(0.5);
    -ms-transform: translate3d(0, 24px, 0) scale(0.5);
    transform: translate3d(0, 24px, 0) scale(0.5); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes a_loader__span-after {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  50% {
    -webkit-transform: translate3d(0, -24px, 0) scale(0.5);
    -ms-transform: translate3d(0, -24px, 0) scale(0.5);
    transform: translate3d(0, -24px, 0) scale(0.5); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }

@keyframes a_loader__span-after {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  50% {
    -webkit-transform: translate3d(0, -24px, 0) scale(0.5);
    -ms-transform: translate3d(0, -24px, 0) scale(0.5);
    transform: translate3d(0, -24px, 0) scale(0.5); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); } }

.a_loader:before, .a_loader:after, .a_loader span:before, .a_loader span:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  margin: auto;
  background-color: #fff;
  border-radius: 50%; }

.a_loader {
  width: 32px;
  height: 32px;
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  margin: auto;
  -webkit-animation: a_loader 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: a_loader 2s cubic-bezier(0.77, 0, 0.175, 1) infinite; }
  .a_loader.red:before, .a_loader.red:after, .a_loader.red span:before, .a_loader.red span:after, .a_loader.blue_red:before, .a_loader.blue_red:after, .a_loader.blue_red span:before, .a_loader.blue_red span:after {
    background-color: #d8003f; }
  .a_loader.yellow:before, .a_loader.yellow:after, .a_loader.yellow span:before, .a_loader.yellow span:after, .a_loader.yellow_dark:before, .a_loader.yellow_dark:after, .a_loader.yellow_dark span:before, .a_loader.yellow_dark span:after {
    background-color: #e2cd88; }
  .a_loader.blue:before, .a_loader.blue:after, .a_loader.blue span:before, .a_loader.blue span:after {
    background-color: #89abe3; }
  .a_loader.green:before, .a_loader.green:after, .a_loader.green span:before, .a_loader.green span:after {
    background-color: #1dc7af; }
  .a_loader.dark-green:before, .a_loader.dark-green:after, .a_loader.dark-green span:before, .a_loader.dark-green span:after {
    background-color: #52655B; }
  .a_loader.white_blue:before, .a_loader.white_blue:after, .a_loader.white_blue span:before, .a_loader.white_blue span:after {
    background-color: #1a3a53; }
  .a_loader.dark-blue:before, .a_loader.dark-blue:after, .a_loader.dark-blue span:before, .a_loader.dark-blue span:after {
    background-color: #1a3a53; }
  .a_loader:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    -webkit-animation: a_loader__before 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation: a_loader__before 2s cubic-bezier(0.77, 0, 0.175, 1) infinite; }
  .a_loader:after {
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    -webkit-animation: a_loader__after 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation: a_loader__after 2s cubic-bezier(0.77, 0, 0.175, 1) infinite; }
  .a_loader span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%; }
    .a_loader span:before {
      top: 0;
      left: 0;
      bottom: auto;
      right: 0;
      -webkit-animation: a_loader__span-before 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
      animation: a_loader__span-before 2s cubic-bezier(0.77, 0, 0.175, 1) infinite; }
    .a_loader span:after {
      top: auto;
      left: 0;
      bottom: 0;
      right: 0;
      -webkit-animation: a_loader__span-after 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
      animation: a_loader__span-after 2s cubic-bezier(0.77, 0, 0.175, 1) infinite; }

.tooltip-error {
  position: absolute;
  top: calc(40% - 16px);
  margin: auto;
  z-index: 6;
  color: #0C0C0C;
  border: 1px solid #d3d6d7;
  background: #FFFFFF;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  width: 490px;
  left: 0;
  right: 0; }
  .tooltip-error span {
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%; }
  .tooltip-error__text {
    padding: 60px; }
  @media (max-width: 768px) {
    .tooltip-error {
      width: 80%;
      max-width: 400px; }
      .tooltip-error__text {
        padding: 20px; } }