@font-face {
  font-family: 'Proxima Nova';
  src: url("https://cdn.megabonus.com/fonts/proxima-nova/license/ProximaNova-Light.woff2") format("woff2"), url("https://cdn.megabonus.com/fonts/proxima-nova/license/ProximaNova-Light.woff") format("woff"), url("https://cdn.megabonus.com/fonts/proxima-nova/ProximaNova-Light.ttf") format("truetype"), url("https://cdn.megabonus.com/fonts/proxima-nova/ProximaNova-Light.svg#ProximaNova-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("https://cdn.megabonus.com/fonts/proxima-nova/license/ProximaNova-Regular.woff2") format("woff2"), url("https://cdn.megabonus.com/fonts/proxima-nova/license/ProximaNova-Regular.woff") format("woff"), url("https://cdn.megabonus.com/fonts/proxima-nova/ProximaNova-Regular.ttf") format("truetype"), url("https://cdn.megabonus.com/fonts/proxima-nova/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("https://cdn.megabonus.com/fonts/proxima-nova/license/ProximaNova-Semibold.woff2") format("woff2"), url("https://cdn.megabonus.com/fonts/proxima-nova/license/ProximaNova-Semibold.woff") format("woff"), url("https://cdn.megabonus.com/fonts/proxima-nova/ProximaNova-Semibold.ttf") format("truetype"), url("https://cdn.megabonus.com/fonts/proxima-nova/ProximaNova-Semibold.svg#ProximaNova-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("https://cdn.megabonus.com/fonts/proxima-nova/license/ProximaNova-Bold.woff2") format("woff2"), url("https://cdn.megabonus.com/fonts/proxima-nova/license/ProximaNova-Bold.woff") format("woff"), url("https://cdn.megabonus.com/fonts/proxima-nova/ProximaNova-Bold.ttf") format("truetype"), url("https://cdn.megabonus.com/fonts/proxima-nova/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'icomoon';
  src: url("/fonts/icomoon/icomoon.eot?xkrh3x");
  src: url("/fonts/icomoon/icomoon.eot?xkrh3x#iefix") format("embedded-opentype"), url("/fonts/icomoon/icomoon.ttf?xkrh3x") format("truetype"), url("/fonts/icomoon/icomoon.woff?xkrh3x") format("woff"), url("/fonts/icomoon/icomoon.svg?xkrh3x#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

body #transit-ext-page {
  display: none;
  color: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999999;
  font-family: "Proxima Nova", sans-serif;
  background: #24364c;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
  body #transit-ext-page img {
    outline: none; }
  body #transit-ext-page.transit-ext-page .transit-ext-page__container {
    font-family: "Proxima Nova", sans-serif;
    background: url("../images/transit_ext/bg.svg") no-repeat center;
    min-height: 100%; }
    body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-right-arrow {
      position: absolute;
      text-align: center;
      top: 140px;
      left: 50%;
      margin-left: 520px; }
      body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-right-arrow .transit-ext-page-megabonus-icon {
        border-radius: 50%;
        color: #000;
        width: 24px;
        height: 24px;
        font-family: "Proxima Nova", sans-serif;
        font-weight: bold;
        padding: 3px 6px;
        background-color: #ffdf08; }
      body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-right-arrow .transit-ext-page-so-that {
        font-size: 14px;
        font-style: normal;
        line-height: 1.29;
        font-family: "Proxima Nova", sans-serif; }
      body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-right-arrow .transit-ext-page-arrow-icon {
        margin: 11px 0 0 -45px; }
      body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-right-arrow h3 {
        margin: 13px 0 2px;
        font-family: "Proxima Nova", sans-serif;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.2;
        color: #fff; }
    body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-center {
      width: 400px;
      margin: 0 auto 0 auto;
      text-align: center;
      position: absolute;
      left: calc(50% - 200px);
      top: calc(50% - 100px); }
      body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-center h3 {
        font-family: "Proxima Nova", sans-serif;
        margin: 20px 0 0 0;
        font-size: 36px;
        font-weight: 300;
        line-height: 1.22;
        color: #fff; }
      body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-center .transit-ext-page-try-text {
        font-size: 16px;
        line-height: 1.5;
        opacity: 0.3; }
      body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-center .transit-ext-page-btn {
        margin-top: 32px;
        position: relative; }
        body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-center .transit-ext-page-btn img {
          position: absolute;
          margin-left: 13px;
          margin-top: -15px; }
        body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-center .transit-ext-page-btn button {
          background: none;
          border-radius: 4px;
          padding: 10px 20px;
          border: solid 1px #d7d7d7;
          color: #fff;
          font-size: 16px;
          letter-spacing: 1.25px;
          outline: none;
          cursor: pointer;
          font-family: "Proxima Nova", sans-serif; }
          body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-center .transit-ext-page-btn button.transit-ext-page-btn-install {
            font-family: "Proxima Nova", sans-serif;
            background-color: #ffdd08;
            border: solid 1px #ffdd08;
            color: #000;
            margin-left: 16px; }
        body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-center .transit-ext-page-btn a {
          background: none;
          border-radius: 4px;
          padding: 10px 20px;
          border: solid 1px #d7d7d7;
          color: #fff;
          font-size: 16px;
          letter-spacing: 1.25px;
          outline: none;
          cursor: pointer;
          font-family: "Proxima Nova", sans-serif; }
          body #transit-ext-page.transit-ext-page .transit-ext-page__container-box-center .transit-ext-page-btn a.transit-ext-page-btn-install {
            font-family: "Proxima Nova", sans-serif;
            background-color: #ffdd08;
            border: solid 1px #ffdd08;
            color: #000;
            margin-left: 16px; }