.generic-page {
  position: relative; }
  .generic-page .legal-notice-container {
    background-color: rgba(0, 0, 0, 0.95);
    color: white;
    text-align: center;
    width: 80%;
    height: calc(100vh - 110px);
    top: 110px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: fixed;
    display: block;
    z-index: 52;
    margin: 0;
    padding-top: 30px; }
    @media (max-width: 1200px) {
      .generic-page .legal-notice-container {
        width: calc(100% - 30px);
        top: 60px;
        height: calc(100vh - 60px); } }
    @media (max-width: 700px) {
      .generic-page .legal-notice-container {
        width: 100%; } }
    @media (max-width: 550px) {
      .generic-page .legal-notice-container {
        padding-top: 0px; } }
    .generic-page .legal-notice-container .legal-notice-popup {
      overflow-y: scroll;
      height: 100%; }
      .generic-page .legal-notice-container .legal-notice-popup::-ms-clear {
        display: none; }
      .generic-page .legal-notice-container .legal-notice-popup::-webkit-scrollbar-track {
        display: none;
        position: absolute;
        background: transparent !important; }
      .generic-page .legal-notice-container .legal-notice-popup::-webkit-scrollbar {
        width: 8px;
        background: transparent repeat-y !important; }
      .generic-page .legal-notice-container .legal-notice-popup::-webkit-scrollbar-thumb {
        background-color: rgba(250, 248, 248, 0.5);
        opacity: 0.6;
        border-radius: 4px; }
      @media (max-width: 550px) {
        .generic-page .legal-notice-container .legal-notice-popup .content {
          width: 100%;
          transform: translate(0%, 0%); } }
      .generic-page .legal-notice-container .legal-notice-popup .notice-title {
        font-family: "Preon", sans-serif;
        font-weight: 500;
        font-size: 22px;
        line-height: 24px;
        width: 70%;
        margin: 3% auto 0;
        position: relative; }
        @media (max-width: 550px) {
          .generic-page .legal-notice-container .legal-notice-popup .notice-title {
            width: 90%;
            font-size: 14px;
            margin: 30px auto 0; } }
        .generic-page .legal-notice-container .legal-notice-popup .notice-title div {
          width: 20%;
          display: inline-block;
          margin: 0 40%;
          color: rgba(204, 206, 197, 0.35); }
          @media (max-width: 550px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-title div {
              width: 60%;
              margin: 0 15%; } }
          @media (min-width: 550px) and (max-width: 768px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-title div {
              width: 50%;
              margin: 0 25%; } }
        .generic-page .legal-notice-container .legal-notice-popup .notice-title:before {
          content: "";
          width: 40%;
          height: 10px;
          border-bottom: 10px solid rgba(204, 206, 197, 0.3);
          float: left;
          top: 50%;
          left: 0%;
          transform: translate(0%, -50%);
          position: absolute; }
          @media (max-width: 550px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-title:before {
              width: 20%; } }
          @media (min-width: 550px) and (max-width: 768px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-title:before {
              width: 25%; } }
        .generic-page .legal-notice-container .legal-notice-popup .notice-title:after {
          content: "";
          width: 40%;
          height: 10px;
          border-bottom: 10px solid rgba(204, 206, 197, 0.3);
          float: right;
          top: 50%;
          right: 0%;
          transform: translate(0%, -50%);
          position: absolute; }
          @media (max-width: 550px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-title:after {
              width: 20%; } }
          @media (min-width: 550px) and (max-width: 768px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-title:after {
              width: 25%; } }
      .generic-page .legal-notice-container .legal-notice-popup .notice-content {
        width: 90%;
        margin: 40px auto 0;
        min-height: 300px;
        max-height: 580px; }
        @media (max-width: 550px) {
          .generic-page .legal-notice-container .legal-notice-popup .notice-content {
            width: 90%;
            min-height: 250px; } }
        .generic-page .legal-notice-container .legal-notice-popup .notice-content h2, .generic-page .legal-notice-container .legal-notice-popup .notice-content h3 {
          font-family: "Preon", sans-serif;
          font-weight: 500;
          font-size: 16px;
          line-height: 22px;
          padding: 10px 10px 0;
          margin-top: 0;
          margin-bottom: 0;
          text-shadow: 0 4px 0 rgba(0, 0, 0, 0.2); }
          @media (max-width: 550px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-content h2, .generic-page .legal-notice-container .legal-notice-popup .notice-content h3 {
              font-size: 16px; } }
          @media (min-width: 1720px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-content h2, .generic-page .legal-notice-container .legal-notice-popup .notice-content h3 {
              font-size: 20px; } }
        @media (max-width: 550px) {
          .generic-page .legal-notice-container .legal-notice-popup .notice-content h3 {
            font-size: 14px;
            line-height: 20px;
            font-weight: 400; } }
        .generic-page .legal-notice-container .legal-notice-popup .notice-content p {
          margin-bottom: 0;
          margin-top: 20px;
          font-family: "Preon", sans-serif;
          font-weight: 300;
          font-size: 13px; }
          @media (max-width: 550px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-content p {
              font-size: 12px; } }
          @media (min-width: 1720px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-content p {
              font-size: 18px; } }
          .generic-page .legal-notice-container .legal-notice-popup .notice-content p.button {
            margin-top: 0; }
      .generic-page .legal-notice-container .legal-notice-popup .notice-links {
        width: 100%;
        margin: 30px auto 50px;
        display: flex;
        justify-content: center; }
        .generic-page .legal-notice-container .legal-notice-popup .notice-links .notice-button {
          border: 3px solid rgba(255, 255, 255, 0.12);
          display: inline-flex;
          justify-content: center;
          align-items: center;
          width: 40%;
          max-width: 300px;
          color: white;
          font-family: "Preon", sans-serif;
          font-weight: 500;
          font-size: 12px;
          color: white;
          text-transform: uppercase;
          line-height: 12px;
          z-index: 10;
          height: 50px;
          max-height: 90px;
          margin: 0 0;
          text-align: center;
          overflow: hidden;
          text-overflow: ellipsis;
          border-radius: 4px;
          position: relative;
          cursor: pointer; }
          @media (max-width: 1020px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-links .notice-button {
              width: 300px;
              height: 40px; } }
          .generic-page .legal-notice-container .legal-notice-popup .notice-links .notice-button .text {
            width: calc(100% - 10px);
            line-height: 13px;
            max-height: 24px;
            cursor: pointer;
            overflow: hidden;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
          @media (max-width: 550px) {
            .generic-page .legal-notice-container .legal-notice-popup .notice-links .notice-button {
              width: 100%;
              font-size: 10px; } }
          .generic-page .legal-notice-container .legal-notice-popup .notice-links .notice-button:hover {
            text-decoration: none; }
          .generic-page .legal-notice-container .legal-notice-popup .notice-links .notice-button:first-child {
            margin-right: 5%; }
        @media (max-width: 550px) {
          .generic-page .legal-notice-container .legal-notice-popup .notice-links span {
            margin-bottom: 10px; } }