.mt-lightbox {
      opacity: 1;
      height: auto;
      transition: opacity .25s;
      position: fixed;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 1101
  }

  .lightbox--iframe.mobile {
      top: 0;
      bottom: 0;
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
  }

  .mt-lightbox-container {
      min-width: 320px;
      min-height: 50px;
      max-height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      background-color: #ebebeb;
      box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .6)
  }

  .mt-lightbox-overlay.hidden,
  .mt-lightbox.hidden {
      opacity: 0;
      display: none
  }

  .mt-lightbox-overlay {
      background: rgba(0, 0, 0, .7);
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 1;
      transition: opacity .5s;
      z-index: 1100
  }

  .mt-lightbox-close {
      position: absolute;
      width: 40px;
      height: 40px;
      z-index: 1;
      right: 5px;
      top: 5px;
      cursor: pointer;
      background: 0 0;
      border: none
  }

  .mt-lightbox-close:after {
      content: '×';
      font-family: Helvetica, Arial, sans-serif;
      width: 20px;
      height: 20px;
      overflow: hidden;
      line-height: 1;
      font-size: 18px;
      padding: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -15px 0 0 -8px;
      text-align: center;
      color: #3a3a3a;
      border-radius: 50%;
      background: #fff
  }

  .mt-lightbox .mt-lightbox-custom-content {
      display: block
  }

  .mt-lightbox-custom-content {
      min-width: 320px;
      min-height: 50px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }

  .mt-lightbox iframe {
      display: block;
      max-height: 100%;
      vertical-align: top;
      margin: 0 auto
  }

  .mt-lightbox #iframe {
      width: 758px;
      height: 610px
  }

  .lightbox-headline {
      color: #265da5;
      font-size: 32px;
      font-weight: 700;
      margin: 30px 0 30px 0;
      text-align: center;
      padding: 0 40px 0 40px
  }

  .button-wrapper {
      display: -webkit-flex;
      display: flex;
      padding: 0 40px 45px 40px
  }

  .button-ghost {
      background-color: #fff;
      border: 1px solid #f07700;
      border-radius: 5px;
      color: #f07700;
      display: block;
      font-size: 20px;
      margin: 5px;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      min-width: 200px
  }

  .button-ghost:hover {
      background-color: #f07700;
      color: #fff
  }

  @media screen and (max-width:600px) {
      .lightbox-headline {
          font-family: Arial, sans-serif;
          margin: 10px 0 20px 0;
          font-size: 30px;
          padding: 0 10px 0 10px;
          padding-top: 30px
      }

      .button-wrapper {
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          flex-wrap: wrap;
          padding: 0 30px 45px 30px
      }

      .mt-lightbox #iframe {
          max-width: 100%;
          min-width: 100%;
          width: 0;
          height: 550px
      }
  }

  .privacybar {
      width: 100%;
      border-bottom: 1px solid #ccc;
      overflow: hidden;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      margin-top: 0
  }

  .privacybar.closed {
      animation-name: slideUp
  }

  .privacybar__container {
      position: relative;
      width: 100%;
      max-width: 1200px;
      height: 56px;
      margin: 0 auto;
      text-align: center
  }

  .privacybar__text {
      width: auto;
      font-size: 15px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%)
  }

  .privacybar__text a,
  .privacybar__text a:active,
  .privacybar__text a:hover,
  .privacybar__text a:visited {
      color: #265da5;
      text-decoration: underline
  }

  .privacybar__close {
      position: relative;
      float: right;
      top: 50%;
      transform: translateY(-50%);
      background-color: #fff;
      border: 0;
      border-radius: 50%;
      cursor: pointer;
      font-family: Arial, sans-serif;
      font-size: 20px;
      width: 32px;
      height: 32px;
      line-height: 1;
      padding: 0;
      text-align: center;
      margin-right: 85px;
      animation-duration: .25s;
      animation-fill-mode: forwards;
      animation-name: closeFadeOut
  }

  .privacybar__close:hover {
      animation-name: closeFadeIn
  }

  .privacybar__close span {
      position: absolute;
      left: 16px;
      transform: translate(-50%, -50%);
      top: 14px;
      font-weight: 700
  }

  @keyframes closeFadeIn {
      0% {
          background-color: #fff;
          color: #3a3a3a
      }

      100% {
          background-color: #3a3a3a;
          color: #fff
      }
  }

  @keyframes closeFadeOut {
      0% {
          background-color: #3a3a3a;
          color: #fff
      }

      100% {
          background-color: #fff;
          color: #3a3a3a
      }
  }

  @keyframes slideUp {
      0% {
          margin-top: 0
      }

      100% {
          margin-top: -56px
      }
  }

  @media screen and (max-width:599px) {
      .privacybar {
          background-color: #f0f0f0
      }

      .privacybar__container {
          width: 320px;
          text-align: left
      }

      .privacybar__text {
          width: 240px;
          font-size: 13px;
          left: 42%
      }

      .privacybar__close {
          margin-right: 20px
      }
  }

  .states__state,
  .states__cta {
      opacity: 1 !important;
      -webkit-transform: none !important;
      transform: none !important;
  }