@import url("https://fonts.googleapis.com/css?family=Open+Sans");
.screen-saver {
  overflow: hidden;
  position: absolute;
  z-index: 10000;
  width: 100%;
  background: url("../images/index-bg.jpg") no-repeat center;
  background-size: cover; }

#screen-saver-header {
  color: #fff;
  padding: 1.875rem 1.875rem 1.25rem;
  position: relative; }
  @media (max-width: 1680px) and (min-width: 1200px) {
    #screen-saver-header {
      padding: 1rem 1rem .825rem; } }
  @media (max-width: 992px) {
    #screen-saver-header {
      padding: .75rem; } }
  #screen-saver-header .header-logo {
    width: 14rem; }
    @media (max-width: 1680px) and (min-width: 1200px) {
      #screen-saver-header .header-logo {
        width: 12rem; } }
    @media (max-width: 992px) {
      #screen-saver-header .header-logo {
        width: 10rem; } }
    @media (max-width: 576px) {
      #screen-saver-header .header-logo {
        width: 14rem;
        margin: 0 auto !important;
        margin-bottom: .5rem; } }
  #screen-saver-header .header-title h1 {
    font-family: "Gotham Pro", sans-serif;
    font-weight: bold;
    font-size: 1.4rem;
    margin: 0;
    text-transform: uppercase; }
    @media (max-width: 1680px) and (min-width: 1200px) {
      #screen-saver-header .header-title h1 {
        font-size: 1.15rem; } }
    @media (max-width: 992px) {
      #screen-saver-header .header-title h1 {
        font-size: 1rem; } }
  @media (max-width: 576px) {
    #screen-saver-header .header-title {
      position: relative;
      width: 100%;
      margin: .75rem 0;
      text-align: center; } }
  #screen-saver-header .btn-header {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
    -webkit-background-size: 100%;
    background-size: 100%; }
    @media (max-width: 1680px) and (min-width: 1200px) {
      #screen-saver-header .btn-header {
        width: 1rem;
        height: 1rem; } }
  #screen-saver-header .btn-full-screen {
    background: url("../images/btn-full-screen.svg") no-repeat center; }
    @media (max-width: 1200px) {
      #screen-saver-header .btn-full-screen {
        display: none; } }
  #screen-saver-header .btn-settings {
    background: url("../images/btn-settings.svg") no-repeat center; }
  #screen-saver-header .btn-reload {
    background: url("../images/btn-reload.svg") no-repeat center; }
  #screen-saver-header .header-setting-block {
    padding-left: 1.2rem; }
    @media (max-width: 1680px) and (min-width: 1200px) {
      #screen-saver-header .header-setting-block {
        padding-left: 1rem; } }
    #screen-saver-header .header-setting-block a {
      display: table;
      font-size: .8125rem;
      color: #fff;
      margin: .2rem 0;
      padding: 0; }
      @media (max-width: 1680px) and (min-width: 1200px) {
        #screen-saver-header .header-setting-block a {
          font-size: .75rem;
          margin: 0; } }
      #screen-saver-header .header-setting-block a span {
        display: table-cell;
        vertical-align: top;
        padding-left: .3rem; }
      #screen-saver-header .header-setting-block a:hover {
        opacity: .5;
        text-decoration: none; }
    @media (max-width: 576px) {
      #screen-saver-header .header-setting-block {
        padding-left: 0;
        padding-top: .75rem;
        margin-top: .75rem;
        border-top: 1px solid #757575; }
        #screen-saver-header .header-setting-block a {
          display: inline-block;
          width: 49%; }
          #screen-saver-header .header-setting-block a span {
            display: inline-block; } }
  #screen-saver-header .header-text-block {
    line-height: 1.2;
    padding-left: 1.2rem;
    padding-right: 1rem;
    border-right: 1px solid #E0E0E0; }
    @media (max-width: 1680px) and (min-width: 1200px) {
      #screen-saver-header .header-text-block {
        padding-left: 1rem;
        padding-right: .8rem; } }
    #screen-saver-header .header-text-block .head-text-big {
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 1.2; }
      @media (max-width: 1680px) and (min-width: 1200px) {
        #screen-saver-header .header-text-block .head-text-big {
          font-size: 1.15rem; } }
      @media (max-width: 576px) {
        #screen-saver-header .header-text-block .head-text-big {
          font-size: 1.1rem; } }
    #screen-saver-header .header-text-block .head-text-small {
      font-size: .875rem; }
      @media (max-width: 1680px) and (min-width: 1200px) {
        #screen-saver-header .header-text-block .head-text-small {
          font-size: .75rem; } }
    #screen-saver-header .header-text-block:first-child {
      padding-left: 0; }
      @media (max-width: 576px) {
        #screen-saver-header .header-text-block:first-child {
          width: 100%;
          margin-bottom: .75rem;
          border-bottom: 1px solid #757575;
          padding: .5rem; } }
    #screen-saver-header .header-text-block:last-child {
      border: none;
      padding-right: 0; }
    @media (max-width: 576px) {
      #screen-saver-header .header-text-block {
        border-right: none;
        width: 49%;
        display: inline-block;
        text-align: center;
        padding: 0; } }

.loading-page {
  position: relative; }
  .loading-page .center-block {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 101;
    text-align: center; }
    .loading-page .center-block .loading-logo {
      width: 270px;
      height: 100px;
      background: url("../images/logo.svg") no-repeat center;
      -webkit-background-size: 100%;
      background-size: 100%;
      position: relative; }
    .loading-page .center-block .btn-login-orange {
      display: block;
      background: none;
      text-transform: uppercase;
      color: #ffa200;
      font-size: 1.1rem;
      font-weight: 700; }
      .loading-page .center-block .btn-login-orange:hover {
        color: #fff; }
  .loading-page div {
    position: absolute;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow: visible; }
    .loading-page div:before, .loading-page div:after {
      content: '';
      position: absolute;
      display: block;
      box-sizing: border-box; }
  .loading-page .hud {
    top: 50%;
    left: 50%;
    width: calc(100vw / 2.8);
    height: calc(100vw / 2.8);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (max-width: 768px) {
      .loading-page .hud {
        width: calc(100vw - 2rem);
        height: calc(100vw - 2rem); } }
    .loading-page .hud .circle {
      border-radius: 50%; }
    .loading-page .hud .orange {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-animation: glow-orange 1s 3s ease-in-out forwards;
      -moz-animation: glow-orange 1s 3s ease-in-out forwards;
      animation: glow-orange 1s 3s ease-in-out forwards; }
      .loading-page .hud .orange .notches {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        -webkit-animation: notches-rotate 3s 1s ease-in-out, notches-3d 2s 4s ease-in-out, notches-pulse-rotate 10s 6s ease-in-out alternate infinite;
        -moz-animation: notches-rotate 3s 1s ease-in-out, notches-3d 2s 4s ease-in-out, notches-pulse-rotate 10s 6s ease-in-out alternate infinite;
        animation: notches-rotate 3s 1s ease-in-out, notches-3d 2s 4s ease-in-out, notches-pulse-rotate 10s 6s ease-in-out alternate infinite; }
        .loading-page .hud .orange .notches .notch {
          top: 0;
          left: calc(50% - 0.25vw);
          width: 0.25vw;
          height: 50%;
          -webkit-transform-origin: bottom center;
          -moz-transform-origin: bottom center;
          transform-origin: bottom center;
          -webkit-animation: notches-grow 3.5s 0.5s ease-in-out;
          -moz-animation: notches-grow 3.5s 0.5s ease-in-out;
          animation: notches-grow 3.5s 0.5s ease-in-out; }
          .loading-page .hud .orange .notches .notch:before {
            width: 100%;
            height: 10%;
            background: #03a9f4; }
          .loading-page .hud .orange .notches .notch1 {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg); }
          .loading-page .hud .orange .notches .notch2 {
            -webkit-transform: rotate(75deg);
            -moz-transform: rotate(75deg);
            transform: rotate(75deg); }
          .loading-page .hud .orange .notches .notch3 {
            -webkit-transform: rotate(105deg);
            -moz-transform: rotate(105deg);
            transform: rotate(105deg); }
          .loading-page .hud .orange .notches .notch4 {
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            transform: rotate(135deg); }
          .loading-page .hud .orange .notches .notch5 {
            -webkit-transform: rotate(165deg);
            -moz-transform: rotate(165deg);
            transform: rotate(165deg); }
          .loading-page .hud .orange .notches .notch6 {
            -webkit-transform: rotate(195deg);
            -moz-transform: rotate(195deg);
            transform: rotate(195deg); }
          .loading-page .hud .orange .notches .notch7 {
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            transform: rotate(225deg); }
          .loading-page .hud .orange .notches .notch8 {
            -webkit-transform: rotate(255deg);
            -moz-transform: rotate(255deg);
            transform: rotate(255deg); }
          .loading-page .hud .orange .notches .notch9 {
            -webkit-transform: rotate(285deg);
            -moz-transform: rotate(285deg);
            transform: rotate(285deg); }
          .loading-page .hud .orange .notches .notch10 {
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            transform: rotate(315deg); }
          .loading-page .hud .orange .notches .notch11 {
            -webkit-transform: rotate(345deg);
            -moz-transform: rotate(345deg);
            transform: rotate(345deg); }
          .loading-page .hud .orange .notches .notch12 {
            -webkit-transform: rotate(375deg);
            -moz-transform: rotate(375deg);
            transform: rotate(375deg); }
      .loading-page .hud .orange .outer {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0.85vw solid #03a9f4; }
        .loading-page .hud .orange .outer1 {
          top: 7%;
          left: 7%;
          width: 86%;
          height: 86%;
          border: 0.25vw dotted #03a9f4; }
        .loading-page .hud .orange .outer2 {
          top: 12%;
          left: 12%;
          width: 76%;
          height: 76%;
          border: 0.45vw solid #03a9f4; }
        .loading-page .hud .orange .outer3 {
          top: 20%;
          left: 20%;
          width: 60%;
          height: 60%;
          border: 0.25vw dotted #03a9f4; }
      .loading-page .hud .orange .inner {
        top: 22%;
        left: 22%;
        width: 56%;
        height: 56%;
        border: 0.25vw solid #03a9f4; }
        .loading-page .hud .orange .inner2 {
          top: 23%;
          left: 23%;
          width: 54%;
          height: 54%;
          border: 0.25vw solid #03a9f4; }
        .loading-page .hud .orange .inner3 {
          top: 36%;
          left: 36%;
          width: 28%;
          height: 28%;
          border: 0.25vw dashed #03a9f4;
          -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          -webkit-animation: innerorange3-pulse-3d 2s 4s ease-in-out alternate infinite;
          -moz-animation: innerorange3-pulse-3d 2s 4s ease-in-out alternate infinite;
          animation: innerorange3-pulse-3d 2s 4s ease-in-out alternate infinite; }
      .loading-page .hud .orange .topnotches {
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        -webkit-transform: rotate(90deg) perspective(500px) translate3d(0px, 0px, 0px);
        -moz-transform: rotate(90deg) perspective(500px) translate3d(0px, 0px, 0px);
        transform: rotate(90deg) perspective(500px) translate3d(0px, 0px, 0px);
        -webkit-animation: notchestop-rotate 2s 2s ease-in-out, notchestop-3d 2s 4s ease-in-out forwards;
        -moz-animation: notchestop-rotate 2s 2s ease-in-out, notchestop-3d 2s 4s ease-in-out forwards;
        animation: notchestop-rotate 2s 2s ease-in-out, notchestop-3d 2s 4s ease-in-out forwards; }
        .loading-page .hud .orange .topnotches .notch {
          top: 0;
          left: calc(50% - 0.4vw);
          width: 0.8vw;
          height: 50%;
          -webkit-transform-origin: bottom center;
          -moz-transform-origin: bottom center;
          transform-origin: bottom center; }
          .loading-page .hud .orange .topnotches .notch:before {
            width: 100%;
            height: 10%;
            background: #ffa200; }
          .loading-page .hud .orange .topnotches .notch1 {
            -webkit-transform: rotate(-55deg);
            -moz-transform: rotate(-55deg);
            transform: rotate(-55deg); }
          .loading-page .hud .orange .topnotches .notch2 {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          .loading-page .hud .orange .topnotches .notch3 {
            -webkit-transform: rotate(-35deg);
            -moz-transform: rotate(-35deg);
            transform: rotate(-35deg); }
          .loading-page .hud .orange .topnotches .notch4 {
            -webkit-transform: rotate(-25deg);
            -moz-transform: rotate(-25deg);
            transform: rotate(-25deg); }
          .loading-page .hud .orange .topnotches .notch5 {
            -webkit-transform: rotate(-15deg);
            -moz-transform: rotate(-15deg);
            transform: rotate(-15deg); }
          .loading-page .hud .orange .topnotches .notch6 {
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            transform: rotate(-5deg); }
          .loading-page .hud .orange .topnotches .notch7 {
            -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            transform: rotate(5deg); }
          .loading-page .hud .orange .topnotches .notch8 {
            -webkit-transform: rotate(15deg);
            -moz-transform: rotate(15deg);
            transform: rotate(15deg); }
          .loading-page .hud .orange .topnotches .notch9 {
            -webkit-transform: rotate(25deg);
            -moz-transform: rotate(25deg);
            transform: rotate(25deg); }
          .loading-page .hud .orange .topnotches .notch10 {
            -webkit-transform: rotate(35deg);
            -moz-transform: rotate(35deg);
            transform: rotate(35deg); }
          .loading-page .hud .orange .topnotches .notch11 {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg); }
          .loading-page .hud .orange .topnotches .notch12 {
            -webkit-transform: rotate(55deg);
            -moz-transform: rotate(55deg);
            transform: rotate(55deg); }
      .loading-page .hud .orange .bottomnotches {
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        -webkit-transform: rotate(90deg) perspective(500px) translate3d(0px, 0px, 0px);
        -moz-transform: rotate(90deg) perspective(500px) translate3d(0px, 0px, 0px);
        transform: rotate(90deg) perspective(500px) translate3d(0px, 0px, 0px);
        -webkit-animation: notchestop-rotate 2s 2s ease-in-out, notchestop-3d 2s 4s ease-in-out forwards;
        -moz-animation: notchestop-rotate 2s 2s ease-in-out, notchestop-3d 2s 4s ease-in-out forwards;
        animation: notchestop-rotate 2s 2s ease-in-out, notchestop-3d 2s 4s ease-in-out forwards; }
        .loading-page .hud .orange .bottomnotches .notch {
          top: 0;
          left: calc(50% - 0.2vw);
          width: 0.4vw;
          height: 50%;
          -webkit-transform-origin: bottom center;
          -moz-transform-origin: bottom center;
          transform-origin: bottom center; }
          .loading-page .hud .orange .bottomnotches .notch:before {
            width: 100%;
            height: 10%;
            background: #ffa200; }
          .loading-page .hud .orange .bottomnotches .notch1 {
            -webkit-transform: rotate(125deg);
            -moz-transform: rotate(125deg);
            transform: rotate(125deg); }
          .loading-page .hud .orange .bottomnotches .notch2 {
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            transform: rotate(135deg); }
          .loading-page .hud .orange .bottomnotches .notch3 {
            -webkit-transform: rotate(145deg);
            -moz-transform: rotate(145deg);
            transform: rotate(145deg); }
          .loading-page .hud .orange .bottomnotches .notch4 {
            -webkit-transform: rotate(155deg);
            -moz-transform: rotate(155deg);
            transform: rotate(155deg); }
          .loading-page .hud .orange .bottomnotches .notch5 {
            -webkit-transform: rotate(165deg);
            -moz-transform: rotate(165deg);
            transform: rotate(165deg); }
          .loading-page .hud .orange .bottomnotches .notch6 {
            -webkit-transform: rotate(175deg);
            -moz-transform: rotate(175deg);
            transform: rotate(175deg); }
          .loading-page .hud .orange .bottomnotches .notch7 {
            -webkit-transform: rotate(185deg);
            -moz-transform: rotate(185deg);
            transform: rotate(185deg); }
          .loading-page .hud .orange .bottomnotches .notch8 {
            -webkit-transform: rotate(195deg);
            -moz-transform: rotate(195deg);
            transform: rotate(195deg); }
          .loading-page .hud .orange .bottomnotches .notch9 {
            -webkit-transform: rotate(205deg);
            -moz-transform: rotate(205deg);
            transform: rotate(205deg); }
          .loading-page .hud .orange .bottomnotches .notch10 {
            -webkit-transform: rotate(215deg);
            -moz-transform: rotate(215deg);
            transform: rotate(215deg); }
          .loading-page .hud .orange .bottomnotches .notch11 {
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            transform: rotate(225deg); }
          .loading-page .hud .orange .bottomnotches .notch12 {
            -webkit-transform: rotate(235deg);
            -moz-transform: rotate(235deg);
            transform: rotate(235deg); }
      .loading-page .hud .orange .center {
        top: 46%;
        left: 41%;
        width: 18%;
        height: 8%;
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        -webkit-animation: center-pulse-3d 12s 4s ease-in-out alternate infinite;
        -moz-animation: center-pulse-3d 12s 4s ease-in-out alternate infinite;
        animation: center-pulse-3d 12s 4s ease-in-out alternate infinite; }
        .loading-page .hud .orange .center .top, .loading-page .hud .orange .center .bottom {
          width: 2vw;
          height: 0.25vw;
          background: #03a9f4; }
          .loading-page .hud .orange .center .top:before, .loading-page .hud .orange .center .bottom:before {
            height: 1vw;
            width: 0.25vw;
            background: #03a9f4; }
        .loading-page .hud .orange .center .top.left {
          top: 0;
          left: 0; }
        .loading-page .hud .orange .center .top.right {
          top: 0;
          right: 0; }
          .loading-page .hud .orange .center .top.right:before {
            right: 0; }
        .loading-page .hud .orange .center .bottom.left {
          bottom: 0;
          left: 0; }
          .loading-page .hud .orange .center .bottom.left:before {
            bottom: 0; }
        .loading-page .hud .orange .center .bottom.right {
          bottom: 0;
          right: 0; }
          .loading-page .hud .orange .center .bottom.right:before {
            bottom: 0;
            right: 0; }
    .loading-page .hud .blue {
      top: 29%;
      left: 29%;
      width: 42%;
      height: 42%;
      -webkit-animation: glow-blue 1s 3s ease-in-out forwards;
      -moz-animation: glow-blue 1s 3s ease-in-out forwards;
      animation: glow-blue 1s 3s ease-in-out forwards; }
      .loading-page .hud .blue .inner1 {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1vw solid #57b3c0; }
      .loading-page .hud .blue .inner2 {
        top: 20%;
        left: 20%;
        width: 60%;
        height: 60%;
        border: 0.25vw solid #57b3c0;
        -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -webkit-animation: innerblue2-pulse-3d 2s 4s ease-in-out alternate infinite;
        -moz-animation: innerblue2-pulse-3d 2s 4s ease-in-out alternate infinite;
        animation: innerblue2-pulse-3d 2s 4s ease-in-out alternate infinite; }
      .loading-page .hud .blue .notches {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-animation: notches-rotate 3s 1s ease-in-out;
        -moz-animation: notches-rotate 3s 1s ease-in-out;
        animation: notches-rotate 3s 1s ease-in-out; }
        .loading-page .hud .blue .notches .notch {
          top: 0;
          left: calc(50% - 0.25vw);
          width: 0.5vw;
          height: 50%;
          -webkit-transform-origin: bottom center;
          -moz-transform-origin: bottom center;
          transform-origin: bottom center; }
          .loading-page .hud .blue .notches .notch:before {
            width: 100%;
            height: 20%;
            background: #57b3c0; }
          .loading-page .hud .blue .notches .notch1 {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg); }
          .loading-page .hud .blue .notches .notch2 {
            -webkit-transform: rotate(75deg);
            -moz-transform: rotate(75deg);
            transform: rotate(75deg); }
          .loading-page .hud .blue .notches .notch3 {
            -webkit-transform: rotate(105deg);
            -moz-transform: rotate(105deg);
            transform: rotate(105deg); }
          .loading-page .hud .blue .notches .notch4 {
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            transform: rotate(135deg); }
          .loading-page .hud .blue .notches .notch5 {
            -webkit-transform: rotate(165deg);
            -moz-transform: rotate(165deg);
            transform: rotate(165deg); }
          .loading-page .hud .blue .notches .notch6 {
            -webkit-transform: rotate(195deg);
            -moz-transform: rotate(195deg);
            transform: rotate(195deg); }
          .loading-page .hud .blue .notches .notch7 {
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            transform: rotate(225deg); }
          .loading-page .hud .blue .notches .notch8 {
            -webkit-transform: rotate(255deg);
            -moz-transform: rotate(255deg);
            transform: rotate(255deg); }
          .loading-page .hud .blue .notches .notch9 {
            -webkit-transform: rotate(285deg);
            -moz-transform: rotate(285deg);
            transform: rotate(285deg); }
          .loading-page .hud .blue .notches .notch10 {
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            transform: rotate(315deg); }
          .loading-page .hud .blue .notches .notch11 {
            -webkit-transform: rotate(345deg);
            -moz-transform: rotate(345deg);
            transform: rotate(345deg); }
          .loading-page .hud .blue .notches .notch12 {
            -webkit-transform: rotate(375deg);
            -moz-transform: rotate(375deg);
            transform: rotate(375deg); }
    .loading-page .hud .callout {
      opacity: 0;
      width: 0;
      height: 5vw;
      border-bottom: 0.25vw solid #03a9f4;
      color: white; }
      .loading-page .hud .callout.left {
        bottom: 12.5vw;
        left: -10vw;
        -webkit-animation: calloutleft-grow 5s 8s ease-in-out alternate infinite;
        -moz-animation: calloutleft-grow 5s 8s ease-in-out alternate infinite;
        animation: calloutleft-grow 5s 8s ease-in-out alternate infinite; }
      .loading-page .hud .callout.right {
        top: 7.5vw;
        right: -10vw;
        text-align: right;
        -webkit-animation: calloutright-grow 5s 10s ease-in-out alternate infinite;
        -moz-animation: calloutright-grow 5s 10s ease-in-out alternate infinite;
        animation: calloutright-grow 5s 10s ease-in-out alternate infinite; }
      .loading-page .hud .callout .title, .loading-page .hud .callout .body {
        position: relative;
        width: 100%;
        font-size: .875rem; }
      .loading-page .hud .callout .title {
        font-size: 1.6em; }
      @media (max-width: 768px) {
        .loading-page .hud .callout {
          display: none; } }

@-webkit-keyframes glow-orange {
  0% {
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.25vw #03a9f4);
    filter: drop-shadow(0 0 0.25vw #03a9f4); } }
@-moz-keyframes glow-orange {
  0% {
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.25vw #03a9f4);
    filter: drop-shadow(0 0 0.25vw #03a9f4); } }
@-o-keyframes glow-orange {
  0% {
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.25vw #03a9f4);
    filter: drop-shadow(0 0 0.25vw #03a9f4); } }
@keyframes glow-orange {
  0% {
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.25vw #03a9f4);
    filter: drop-shadow(0 0 0.25vw #03a9f4); } }
@-webkit-keyframes glow-blue {
  0% {
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.25vw #57b3c0);
    filter: drop-shadow(0 0 0.25vw #57b3c0); } }
@-moz-keyframes glow-blue {
  0% {
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.25vw #57b3c0);
    filter: drop-shadow(0 0 0.25vw #57b3c0); } }
@-o-keyframes glow-blue {
  0% {
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.25vw #57b3c0);
    filter: drop-shadow(0 0 0.25vw #57b3c0); } }
@keyframes glow-blue {
  0% {
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.25vw #57b3c0);
    filter: drop-shadow(0 0 0.25vw #57b3c0); } }
@-webkit-keyframes notches-grow {
  0% {
    width: 0; }
  100% {
    width: 0.5vw; } }
@-moz-keyframes notches-grow {
  0% {
    width: 0; }
  100% {
    width: 0.5vw; } }
@-o-keyframes notches-grow {
  0% {
    width: 0; }
  100% {
    width: 0.5vw; } }
@keyframes notches-grow {
  0% {
    width: 0; }
  100% {
    width: 0.5vw; } }
@-webkit-keyframes notches-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes notches-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes notches-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes notches-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes notches-pulse-rotate {
  0% {
    -webkit-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px); }
  25% {
    -webkit-transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px);
    -moz-transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px);
    transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px); }
  25% {
    -webkit-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px); }
  100% {
    -webkit-transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px);
    -moz-transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px);
    transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px); } }
@-moz-keyframes notches-pulse-rotate {
  0% {
    -webkit-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px); }
  25% {
    -webkit-transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px);
    -moz-transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px);
    transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px); }
  25% {
    -webkit-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px); }
  100% {
    -webkit-transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px);
    -moz-transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px);
    transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px); } }
@-o-keyframes notches-pulse-rotate {
  0% {
    -webkit-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px); }
  25% {
    -webkit-transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px);
    -moz-transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px);
    transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px); }
  25% {
    -webkit-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px); }
  100% {
    -webkit-transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px);
    -moz-transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px);
    transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px); } }
@keyframes notches-pulse-rotate {
  0% {
    -webkit-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px); }
  25% {
    -webkit-transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px);
    -moz-transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px);
    transform: rotate(30deg) perspective(500px) translate3d(0px, 0px, 60px); }
  25% {
    -webkit-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px);
    transform: rotate(0deg) perspective(500px) translate3d(0px, 0px, 80px); }
  100% {
    -webkit-transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px);
    -moz-transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px);
    transform: rotate(60deg) perspective(500px) translate3d(0px, 0px, 90px); } }
@-webkit-keyframes notchestop-rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-moz-keyframes notchestop-rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-o-keyframes notchestop-rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes notchestop-rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-webkit-keyframes notchesbottom-rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-moz-keyframes notchesbottom-rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-o-keyframes notchesbottom-rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes notchesbottom-rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-webkit-keyframes calloutleft-grow {
  0% {
    left: 11vw;
    width: 0;
    opacity: 0; }
  100% {
    left: -10vw;
    width: 21vw;
    opacity: 1; } }
@-moz-keyframes calloutleft-grow {
  0% {
    left: 11vw;
    width: 0;
    opacity: 0; }
  100% {
    left: -10vw;
    width: 21vw;
    opacity: 1; } }
@-o-keyframes calloutleft-grow {
  0% {
    left: 11vw;
    width: 0;
    opacity: 0; }
  100% {
    left: -10vw;
    width: 21vw;
    opacity: 1; } }
@keyframes calloutleft-grow {
  0% {
    left: 11vw;
    width: 0;
    opacity: 0; }
  100% {
    left: -10vw;
    width: 21vw;
    opacity: 1; } }
@-webkit-keyframes calloutright-grow {
  0% {
    right: 11vw;
    width: 0;
    opacity: 0; }
  100% {
    right: -10vw;
    width: 21vw;
    opacity: 1; } }
@-moz-keyframes calloutright-grow {
  0% {
    right: 11vw;
    width: 0;
    opacity: 0; }
  100% {
    right: -10vw;
    width: 21vw;
    opacity: 1; } }
@-o-keyframes calloutright-grow {
  0% {
    right: 11vw;
    width: 0;
    opacity: 0; }
  100% {
    right: -10vw;
    width: 21vw;
    opacity: 1; } }
@keyframes calloutright-grow {
  0% {
    right: 11vw;
    width: 0;
    opacity: 0; }
  100% {
    right: -10vw;
    width: 21vw;
    opacity: 1; } }
@-webkit-keyframes hud-3d {
  0% {
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); }
  100% {
    -webkit-transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75);
    -moz-transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75);
    transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75); } }
@-moz-keyframes hud-3d {
  0% {
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); }
  100% {
    -webkit-transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75);
    -moz-transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75);
    transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75); } }
@-o-keyframes hud-3d {
  0% {
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); }
  100% {
    -webkit-transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75);
    -moz-transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75);
    transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75); } }
@keyframes hud-3d {
  0% {
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); }
  100% {
    -webkit-transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75);
    -moz-transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75);
    transform: perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(0deg) scale(0.75); } }
@-webkit-keyframes notches-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 80px);
    transform: perspective(500px) translate3d(0px, 0px, 80px); } }
@-moz-keyframes notches-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 80px);
    transform: perspective(500px) translate3d(0px, 0px, 80px); } }
@-o-keyframes notches-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 80px);
    transform: perspective(500px) translate3d(0px, 0px, 80px); } }
@keyframes notches-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 80px);
    transform: perspective(500px) translate3d(0px, 0px, 80px); } }
@-webkit-keyframes notchesbottom-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg);
    transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg); } }
@-moz-keyframes notchesbottom-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg);
    transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg); } }
@-o-keyframes notchesbottom-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg);
    transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg); } }
@keyframes notchesbottom-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg);
    transform: perspective(500px) translate3d(0px, 0px, -140px) rotate(90deg); } }
@-webkit-keyframes notchestop-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg);
    transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg); } }
@-moz-keyframes notchestop-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg);
    transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg); } }
@-o-keyframes notchestop-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg);
    transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg); } }
@keyframes notchestop-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg);
    transform: perspective(500px) translate3d(0px, 0px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg);
    transform: perspective(500px) translate3d(0px, 0px, 140px) rotate(90deg); } }
@-webkit-keyframes innerorange3-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -60px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -60px);
    transform: perspective(500px) translate3d(0px, 0px, -60px); } }
@-moz-keyframes innerorange3-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -60px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -60px);
    transform: perspective(500px) translate3d(0px, 0px, -60px); } }
@-o-keyframes innerorange3-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -60px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -60px);
    transform: perspective(500px) translate3d(0px, 0px, -60px); } }
@keyframes innerorange3-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -60px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -60px);
    transform: perspective(500px) translate3d(0px, 0px, -60px); } }
@-webkit-keyframes innerblue2-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  50% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -50px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -50px);
    transform: perspective(500px) translate3d(0px, 0px, -50px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -200px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -200px);
    transform: perspective(500px) translate3d(0px, 0px, -200px); } }
@-moz-keyframes innerblue2-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  50% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -50px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -50px);
    transform: perspective(500px) translate3d(0px, 0px, -50px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -200px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -200px);
    transform: perspective(500px) translate3d(0px, 0px, -200px); } }
@-o-keyframes innerblue2-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  50% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -50px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -50px);
    transform: perspective(500px) translate3d(0px, 0px, -50px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -200px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -200px);
    transform: perspective(500px) translate3d(0px, 0px, -200px); } }
@keyframes innerblue2-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  50% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -50px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -50px);
    transform: perspective(500px) translate3d(0px, 0px, -50px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, -200px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, -200px);
    transform: perspective(500px) translate3d(0px, 0px, -200px); } }
@-webkit-keyframes center-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  50% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 80px);
    transform: perspective(500px) translate3d(0px, 0px, 80px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 40px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 40px);
    transform: perspective(500px) translate3d(0px, 0px, 40px); } }
@-moz-keyframes center-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  50% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 80px);
    transform: perspective(500px) translate3d(0px, 0px, 80px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 40px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 40px);
    transform: perspective(500px) translate3d(0px, 0px, 40px); } }
@-o-keyframes center-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  50% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 80px);
    transform: perspective(500px) translate3d(0px, 0px, 80px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 40px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 40px);
    transform: perspective(500px) translate3d(0px, 0px, 40px); } }
@keyframes center-pulse-3d {
  0% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
    transform: perspective(500px) translate3d(0px, 0px, 0px); }
  50% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 80px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 80px);
    transform: perspective(500px) translate3d(0px, 0px, 80px); }
  100% {
    -webkit-transform: perspective(500px) translate3d(0px, 0px, 40px);
    -moz-transform: perspective(500px) translate3d(0px, 0px, 40px);
    transform: perspective(500px) translate3d(0px, 0px, 40px); } }

/*# sourceMappingURL=screen-saver.css.map */