@keyframes breathe {
    0% {
        animation-timing-function: cubic-bezier(0.9647,0.2413,-0.0705,0.7911);
        transform: scale(0.91);
    }
    51% {
        animation-timing-function: cubic-bezier(0.9226,0.2631,-0.0308,0.7628);
        transform: scale(1.02994);
    }
    100% {
        transform: scale(0.91);
    }
}
#logo-bg {
    fill: url(#logo-bg-grad);
}
#logo-symbol-top {
    fill-rule: evenodd;
    clip-rule: evenodd;
    /*fill: url(#logo-symbol-top-grad);*/
    fill: #FFFFFF;
}
#logo-symbol-bottom {
    fill-rule: evenodd;
    clip-rule: evenodd;
    /*fill: url(#logo-symbol-bottom-grad);*/
    fill: #FFFFFF;
}
#logo-symbol {
    transform-origin: 60px 60px;
}
.logo-loading #logo-symbol {
    animation: 1s ease-out -1s infinite normal forwards running breathe;
}
.logo-loading #logo-bg {
    fill: url(#logo-bg-grad-loading);
}
.logo-breaking #logo-bg {
    fill: #d4242f;
}
.logo-breaking #logo-symbol-top,
.logo-breaking #logo-symbol-bottom {
    fill: #FFFFFF;
}
.blinking {
    -webkit-animation: 1.5s blink ease infinite;
    -moz-animation: 1.5s blink ease infinite;
    -ms-animation: 1.5s blink ease infinite;
    -o-animation: 1.5s blink ease infinite;
    animation: 1.5s blink ease infinite;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  
  @keyframes "blink" {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-moz-keyframes blink {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes "blink" {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-ms-keyframes "blink" {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-o-keyframes "blink" {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }