/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
      :root {
        --blue: #007bff;
        --indigo: #6610f2;
        --purple: #6f42c1;
        --pink: #e83e8c;
        --red: #dc3545;
        --orange: #fd7e14;
        --yellow: #ffc107;
        --green: #28a745;
        --teal: #20c997;
        --cyan: #17a2b8;
        --white: #fff;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --primary: #007bff;
        --secondary: #6c757d;
        --success: #28a745;
        --info: #17a2b8;
        --warning: #ffc107;
        --danger: #dc3545;
        --light: #f8f9fa;
        --dark: #343a40;
        --breakpoint-xs: 0;
        --breakpoint-m: 768px;
        --breakpoint-l: 1024px;
        --breakpoint-xl: 1180px;
        --breakpoint-xxl: 1600px;
        --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
          Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
          "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
          "Liberation Mono", "Courier New", monospace;
      }
      *,
      ::after,
      ::before {
        box-sizing: border-box;
      }
      html {
        font-family: sans-serif;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -ms-overflow-style: scrollbar;
        -webkit-tap-highlight-color: transparent;
      }
      @-ms-viewport {
        width: device-width;
      }
      article,
      aside,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      main,
      nav,
      section {
        display: block;
      }
      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
          "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        text-align: left;
        background-color: #fff;
      }
      [tabindex="-1"]:focus {
        outline: 0 !important;
      }
      hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin-top: 0;
        margin-bottom: 10px;
      }
      p {
        margin-top: 0;
        margin-bottom: 1rem;
      }
      abbr[data-original-title],
      abbr[title] {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        border-bottom: 0;
      }
      address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit;
      }
      dl,
      ol,
      ul {
        margin-top: 0;
        margin-bottom: 1rem;
      }
      ol ol,
      ol ul,
      ul ol,
      ul ul {
        margin-bottom: 0;
      }
      dt {
        font-weight: 700;
      }
      dd {
        margin-bottom: 0.5rem;
        margin-left: 0;
      }
      blockquote {
        margin: 0 0 1rem;
      }
      dfn {
        font-style: italic;
      }
      b,
      strong {
        font-weight: bolder;
      }
      small {
        font-size: 80%;
      }
      sub,
      sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline;
      }
      sub {
        bottom: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      a {
        color: #007bff;
        text-decoration: none;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
      }
      a:hover {
        color: #0056b3;
        text-decoration: underline;
      }
      a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
      }
      a:not([href]):not([tabindex]):focus,
      a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none;
      }
      a:not([href]):not([tabindex]):focus {
        outline: 0;
      }
      code,
      kbd,
      pre,
      samp {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
          "Courier New", monospace;
        font-size: 1em;
      }
      pre {
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
        -ms-overflow-style: scrollbar;
      }
      figure {
        margin: 0 0 1rem;
      }
      img {
        vertical-align: middle;
        border-style: none;
      }
      svg {
        overflow: hidden;
        vertical-align: middle;
      }
      table {
        border-collapse: collapse;
      }
      caption {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        color: #6c757d;
        text-align: left;
        caption-side: bottom;
      }
      th {
        text-align: inherit;
      }
      label {
        display: inline-block;
        margin-bottom: 0.5rem;
      }
      button {
        border-radius: 0;
      }
      button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
      }
      button,
      input,
      optgroup,
      select,
      textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
      }
      button,
      input {
        overflow: visible;
      }
      button,
      select {
        text-transform: none;
      }
      [type="reset"],
      [type="submit"],
      button,
      html [type="button"] {
        -webkit-appearance: button;
      }
      [type="button"]::-moz-focus-inner,
      [type="reset"]::-moz-focus-inner,
      [type="submit"]::-moz-focus-inner,
      button::-moz-focus-inner {
        padding: 0;
        border-style: none;
      }
      input[type="checkbox"],
      input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
      }
      input[type="date"],
      input[type="datetime-local"],
      input[type="month"],
      input[type="time"] {
        -webkit-appearance: listbox;
      }
      textarea {
        overflow: auto;
        resize: vertical;
      }
      fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
      }
      legend {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
        line-height: inherit;
        color: inherit;
        white-space: normal;
      }
      progress {
        vertical-align: baseline;
      }
      [type="number"]::-webkit-inner-spin-button,
      [type="number"]::-webkit-outer-spin-button {
        height: auto;
      }
      [type="search"] {
        outline-offset: -2px;
        -webkit-appearance: none;
      }
      [type="search"]::-webkit-search-cancel-button,
      [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
      }
      ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
      }
      output {
        display: inline-block;
      }
      summary {
        display: list-item;
        cursor: pointer;
      }
      template {
        display: none;
      }
      [hidden] {
        display: none !important;
      }
      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin-bottom: 10px;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.2;
        color: inherit;
      }
      .h1,
      h1 {
        font-size: 2.5rem;
      }
      .h2,
      h2 {
        font-size: 2rem;
      }
      .h3,
      h3 {
        font-size: 1.75rem;
      }
      .h4,
      h4 {
        font-size: 1.5rem;
      }
      .h5,
      h5 {
        font-size: 1.25rem;
      }
      .h6,
      h6 {
        font-size: 1rem;
      }
      .lead {
        font-size: 1.25rem;
        font-weight: 300;
      }
      .display-1 {
        font-size: 6rem;
        font-weight: 300;
        line-height: 1.2;
      }
      .display-2 {
        font-size: 5.5rem;
        font-weight: 300;
        line-height: 1.2;
      }
      .display-3 {
        font-size: 4.5rem;
        font-weight: 300;
        line-height: 1.2;
      }
      .display-4 {
        font-size: 3.5rem;
        font-weight: 300;
        line-height: 1.2;
      }
      hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
      }
      .small,
      small {
        font-size: 80%;
        font-weight: 400;
      }
      .mark,
      mark {
        padding: 0.2em;
        background-color: #fcf8e3;
      }
      .list-unstyled {
        padding-left: 0;
        list-style: none;
      }
      .list-inline {
        padding-left: 0;
        list-style: none;
      }
      .list-inline-item {
        display: inline-block;
      }
      .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
      }
      .initialism {
        font-size: 90%;
        text-transform: uppercase;
      }
      .blockquote {
        margin-bottom: 20px;
        font-size: 1.25rem;
      }
      .blockquote-footer {
        display: block;
        font-size: 80%;
        color: #6c757d;
      }
      .blockquote-footer::before {
        content: "\2014 \00A0";
      }
      .img-fluid {
        max-width: 100%;
        height: auto;
      }
      .img-thumbnail {
        padding: 0.25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
        max-width: 100%;
        height: auto;
      }
      .figure {
        display: inline-block;
      }
      .figure-img {
        margin-bottom: 10px;
        line-height: 1;
      }
      .figure-caption {
        font-size: 90%;
        color: #6c757d;
      }
      code {
        font-size: 87.5%;
        color: #e83e8c;
        word-break: break-word;
      }
      a > code {
        color: inherit;
      }
      kbd {
        padding: 0.2rem 0.4rem;
        font-size: 87.5%;
        color: #fff;
        background-color: #212529;
        border-radius: 0.2rem;
      }
      kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
      }
      pre {
        display: block;
        font-size: 87.5%;
        color: #212529;
      }
      pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
      }
      .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll;
      }
      .container {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
      }
      @media (min-width: 768px) {
        .container {
          max-width: 748px;
        }
      }
      @media (min-width: 1024px) {
        .container {
          max-width: 1004px;
        }
      }
      @media (min-width: 1180px) {
        .container {
          max-width: 1160px;
        }
      }
      @media (min-width: 1600px) {
        .container {
          max-width: 1580px;
        }
      }
      .container-fluid {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
      }
      .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px;
      }
      .no-gutters {
        margin-right: 0;
        margin-left: 0;
      }
      .no-gutters > .col,
      .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
      }
      .col,
      .col-1,
      .col-10,
      .col-11,
      .col-12,
      .col-13,
      .col-14,
      .col-15,
      .col-16,
      .col-17,
      .col-18,
      .col-19,
      .col-2,
      .col-20,
      .col-21,
      .col-22,
      .col-23,
      .col-24,
      .col-3,
      .col-4,
      .col-5,
      .col-6,
      .col-7,
      .col-8,
      .col-9,
      .col-auto,
      .col-l,
      .col-l-1,
      .col-l-10,
      .col-l-11,
      .col-l-12,
      .col-l-13,
      .col-l-14,
      .col-l-15,
      .col-l-16,
      .col-l-17,
      .col-l-18,
      .col-l-19,
      .col-l-2,
      .col-l-20,
      .col-l-21,
      .col-l-22,
      .col-l-23,
      .col-l-24,
      .col-l-3,
      .col-l-4,
      .col-l-5,
      .col-l-6,
      .col-l-7,
      .col-l-8,
      .col-l-9,
      .col-l-auto,
      .col-m,
      .col-m-1,
      .col-m-10,
      .col-m-11,
      .col-m-12,
      .col-m-13,
      .col-m-14,
      .col-m-15,
      .col-m-16,
      .col-m-17,
      .col-m-18,
      .col-m-19,
      .col-m-2,
      .col-m-20,
      .col-m-21,
      .col-m-22,
      .col-m-23,
      .col-m-24,
      .col-m-3,
      .col-m-4,
      .col-m-5,
      .col-m-6,
      .col-m-7,
      .col-m-8,
      .col-m-9,
      .col-m-auto,
      .col-xl,
      .col-xl-1,
      .col-xl-10,
      .col-xl-11,
      .col-xl-12,
      .col-xl-13,
      .col-xl-14,
      .col-xl-15,
      .col-xl-16,
      .col-xl-17,
      .col-xl-18,
      .col-xl-19,
      .col-xl-2,
      .col-xl-20,
      .col-xl-21,
      .col-xl-22,
      .col-xl-23,
      .col-xl-24,
      .col-xl-3,
      .col-xl-4,
      .col-xl-5,
      .col-xl-6,
      .col-xl-7,
      .col-xl-8,
      .col-xl-9,
      .col-xl-auto,
      .col-xxl,
      .col-xxl-1,
      .col-xxl-10,
      .col-xxl-11,
      .col-xxl-12,
      .col-xxl-13,
      .col-xxl-14,
      .col-xxl-15,
      .col-xxl-16,
      .col-xxl-17,
      .col-xxl-18,
      .col-xxl-19,
      .col-xxl-2,
      .col-xxl-20,
      .col-xxl-21,
      .col-xxl-22,
      .col-xxl-23,
      .col-xxl-24,
      .col-xxl-3,
      .col-xxl-4,
      .col-xxl-5,
      .col-xxl-6,
      .col-xxl-7,
      .col-xxl-8,
      .col-xxl-9,
      .col-xxl-auto {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
      }
      .col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
      }
      .col-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
      }
      .col-1 {
        -ms-flex: 0 0 4.166667%;
        flex: 0 0 4.166667%;
        max-width: 4.166667%;
      }
      .col-2 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
      }
      .col-3 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
      }
      .col-4 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
      }
      .col-5 {
        -ms-flex: 0 0 20.833333%;
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
      }
      .col-6 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
      }
      .col-7 {
        -ms-flex: 0 0 29.166667%;
        flex: 0 0 29.166667%;
        max-width: 29.166667%;
      }
      .col-8 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
      }
      .col-9 {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
      }
      .col-10 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
      }
      .col-11 {
        -ms-flex: 0 0 45.833333%;
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
      }
      .col-12 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }
      .col-13 {
        -ms-flex: 0 0 54.166667%;
        flex: 0 0 54.166667%;
        max-width: 54.166667%;
      }
      .col-14 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
      }
      .col-15 {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
      }
      .col-16 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
      }
      .col-17 {
        -ms-flex: 0 0 70.833333%;
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
      }
      .col-18 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
      }
      .col-19 {
        -ms-flex: 0 0 79.166667%;
        flex: 0 0 79.166667%;
        max-width: 79.166667%;
      }
      .col-20 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
      }
      .col-21 {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
      }
      .col-22 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
      }
      .col-23 {
        -ms-flex: 0 0 95.833333%;
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
      }
      .col-24 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .order-first {
        -ms-flex-order: -1;
        order: -1;
      }
      .order-last {
        -ms-flex-order: 25;
        order: 25;
      }
      .order-0 {
        -ms-flex-order: 0;
        order: 0;
      }
      .order-1 {
        -ms-flex-order: 1;
        order: 1;
      }
      .order-2 {
        -ms-flex-order: 2;
        order: 2;
      }
      .order-3 {
        -ms-flex-order: 3;
        order: 3;
      }
      .order-4 {
        -ms-flex-order: 4;
        order: 4;
      }
      .order-5 {
        -ms-flex-order: 5;
        order: 5;
      }
      .order-6 {
        -ms-flex-order: 6;
        order: 6;
      }
      .order-7 {
        -ms-flex-order: 7;
        order: 7;
      }
      .order-8 {
        -ms-flex-order: 8;
        order: 8;
      }
      .order-9 {
        -ms-flex-order: 9;
        order: 9;
      }
      .order-10 {
        -ms-flex-order: 10;
        order: 10;
      }
      .order-11 {
        -ms-flex-order: 11;
        order: 11;
      }
      .order-12 {
        -ms-flex-order: 12;
        order: 12;
      }
      .order-13 {
        -ms-flex-order: 13;
        order: 13;
      }
      .order-14 {
        -ms-flex-order: 14;
        order: 14;
      }
      .order-15 {
        -ms-flex-order: 15;
        order: 15;
      }
      .order-16 {
        -ms-flex-order: 16;
        order: 16;
      }
      .order-17 {
        -ms-flex-order: 17;
        order: 17;
      }
      .order-18 {
        -ms-flex-order: 18;
        order: 18;
      }
      .order-19 {
        -ms-flex-order: 19;
        order: 19;
      }
      .order-20 {
        -ms-flex-order: 20;
        order: 20;
      }
      .order-21 {
        -ms-flex-order: 21;
        order: 21;
      }
      .order-22 {
        -ms-flex-order: 22;
        order: 22;
      }
      .order-23 {
        -ms-flex-order: 23;
        order: 23;
      }
      .order-24 {
        -ms-flex-order: 24;
        order: 24;
      }
      .offset-1 {
        margin-left: 4.166667%;
      }
      .offset-2 {
        margin-left: 8.333333%;
      }
      .offset-3 {
        margin-left: 12.5%;
      }
      .offset-4 {
        margin-left: 16.666667%;
      }
      .offset-5 {
        margin-left: 20.833333%;
      }
      .offset-6 {
        margin-left: 25%;
      }
      .offset-7 {
        margin-left: 29.166667%;
      }
      .offset-8 {
        margin-left: 33.333333%;
      }
      .offset-9 {
        margin-left: 37.5%;
      }
      .offset-10 {
        margin-left: 41.666667%;
      }
      .offset-11 {
        margin-left: 45.833333%;
      }
      .offset-12 {
        margin-left: 50%;
      }
      .offset-13 {
        margin-left: 54.166667%;
      }
      .offset-14 {
        margin-left: 58.333333%;
      }
      .offset-15 {
        margin-left: 62.5%;
      }
      .offset-16 {
        margin-left: 66.666667%;
      }
      .offset-17 {
        margin-left: 70.833333%;
      }
      .offset-18 {
        margin-left: 75%;
      }
      .offset-19 {
        margin-left: 79.166667%;
      }
      .offset-20 {
        margin-left: 83.333333%;
      }
      .offset-21 {
        margin-left: 87.5%;
      }
      .offset-22 {
        margin-left: 91.666667%;
      }
      .offset-23 {
        margin-left: 95.833333%;
      }
      @media (min-width: 768px) {
        .col-m {
          -ms-flex-preferred-size: 0;
          flex-basis: 0;
          -ms-flex-positive: 1;
          flex-grow: 1;
          max-width: 100%;
        }
        .col-m-auto {
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: auto;
          max-width: none;
        }
        .col-m-1 {
          -ms-flex: 0 0 4.166667%;
          flex: 0 0 4.166667%;
          max-width: 4.166667%;
        }
        .col-m-2 {
          -ms-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
          max-width: 8.333333%;
        }
        .col-m-3 {
          -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
          max-width: 12.5%;
        }
        .col-m-4 {
          -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }
        .col-m-5 {
          -ms-flex: 0 0 20.833333%;
          flex: 0 0 20.833333%;
          max-width: 20.833333%;
        }
        .col-m-6 {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
        }
        .col-m-7 {
          -ms-flex: 0 0 29.166667%;
          flex: 0 0 29.166667%;
          max-width: 29.166667%;
        }
        .col-m-8 {
          -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }
        .col-m-9 {
          -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
          max-width: 37.5%;
        }
        .col-m-10 {
          -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
          max-width: 41.666667%;
        }
        .col-m-11 {
          -ms-flex: 0 0 45.833333%;
          flex: 0 0 45.833333%;
          max-width: 45.833333%;
        }
        .col-m-12 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
        }
        .col-m-13 {
          -ms-flex: 0 0 54.166667%;
          flex: 0 0 54.166667%;
          max-width: 54.166667%;
        }
        .col-m-14 {
          -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
          max-width: 58.333333%;
        }
        .col-m-15 {
          -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
          max-width: 62.5%;
        }
        .col-m-16 {
          -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }
        .col-m-17 {
          -ms-flex: 0 0 70.833333%;
          flex: 0 0 70.833333%;
          max-width: 70.833333%;
        }
        .col-m-18 {
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%;
        }
        .col-m-19 {
          -ms-flex: 0 0 79.166667%;
          flex: 0 0 79.166667%;
          max-width: 79.166667%;
        }
        .col-m-20 {
          -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
          max-width: 83.333333%;
        }
        .col-m-21 {
          -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
          max-width: 87.5%;
        }
        .col-m-22 {
          -ms-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
          max-width: 91.666667%;
        }
        .col-m-23 {
          -ms-flex: 0 0 95.833333%;
          flex: 0 0 95.833333%;
          max-width: 95.833333%;
        }
        .col-m-24 {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
        }
        .order-m-first {
          -ms-flex-order: -1;
          order: -1;
        }
        .order-m-last {
          -ms-flex-order: 25;
          order: 25;
        }
        .order-m-0 {
          -ms-flex-order: 0;
          order: 0;
        }
        .order-m-1 {
          -ms-flex-order: 1;
          order: 1;
        }
        .order-m-2 {
          -ms-flex-order: 2;
          order: 2;
        }
        .order-m-3 {
          -ms-flex-order: 3;
          order: 3;
        }
        .order-m-4 {
          -ms-flex-order: 4;
          order: 4;
        }
        .order-m-5 {
          -ms-flex-order: 5;
          order: 5;
        }
        .order-m-6 {
          -ms-flex-order: 6;
          order: 6;
        }
        .order-m-7 {
          -ms-flex-order: 7;
          order: 7;
        }
        .order-m-8 {
          -ms-flex-order: 8;
          order: 8;
        }
        .order-m-9 {
          -ms-flex-order: 9;
          order: 9;
        }
        .order-m-10 {
          -ms-flex-order: 10;
          order: 10;
        }
        .order-m-11 {
          -ms-flex-order: 11;
          order: 11;
        }
        .order-m-12 {
          -ms-flex-order: 12;
          order: 12;
        }
        .order-m-13 {
          -ms-flex-order: 13;
          order: 13;
        }
        .order-m-14 {
          -ms-flex-order: 14;
          order: 14;
        }
        .order-m-15 {
          -ms-flex-order: 15;
          order: 15;
        }
        .order-m-16 {
          -ms-flex-order: 16;
          order: 16;
        }
        .order-m-17 {
          -ms-flex-order: 17;
          order: 17;
        }
        .order-m-18 {
          -ms-flex-order: 18;
          order: 18;
        }
        .order-m-19 {
          -ms-flex-order: 19;
          order: 19;
        }
        .order-m-20 {
          -ms-flex-order: 20;
          order: 20;
        }
        .order-m-21 {
          -ms-flex-order: 21;
          order: 21;
        }
        .order-m-22 {
          -ms-flex-order: 22;
          order: 22;
        }
        .order-m-23 {
          -ms-flex-order: 23;
          order: 23;
        }
        .order-m-24 {
          -ms-flex-order: 24;
          order: 24;
        }
        .offset-m-0 {
          margin-left: 0;
        }
        .offset-m-1 {
          margin-left: 4.166667%;
        }
        .offset-m-2 {
          margin-left: 8.333333%;
        }
        .offset-m-3 {
          margin-left: 12.5%;
        }
        .offset-m-4 {
          margin-left: 16.666667%;
        }
        .offset-m-5 {
          margin-left: 20.833333%;
        }
        .offset-m-6 {
          margin-left: 25%;
        }
        .offset-m-7 {
          margin-left: 29.166667%;
        }
        .offset-m-8 {
          margin-left: 33.333333%;
        }
        .offset-m-9 {
          margin-left: 37.5%;
        }
        .offset-m-10 {
          margin-left: 41.666667%;
        }
        .offset-m-11 {
          margin-left: 45.833333%;
        }
        .offset-m-12 {
          margin-left: 50%;
        }
        .offset-m-13 {
          margin-left: 54.166667%;
        }
        .offset-m-14 {
          margin-left: 58.333333%;
        }
        .offset-m-15 {
          margin-left: 62.5%;
        }
        .offset-m-16 {
          margin-left: 66.666667%;
        }
        .offset-m-17 {
          margin-left: 70.833333%;
        }
        .offset-m-18 {
          margin-left: 75%;
        }
        .offset-m-19 {
          margin-left: 79.166667%;
        }
        .offset-m-20 {
          margin-left: 83.333333%;
        }
        .offset-m-21 {
          margin-left: 87.5%;
        }
        .offset-m-22 {
          margin-left: 91.666667%;
        }
        .offset-m-23 {
          margin-left: 95.833333%;
        }
      }
      @media (min-width: 1024px) {
        .col-l {
          -ms-flex-preferred-size: 0;
          flex-basis: 0;
          -ms-flex-positive: 1;
          flex-grow: 1;
          max-width: 100%;
        }
        .col-l-auto {
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: auto;
          max-width: none;
        }
        .col-l-1 {
          -ms-flex: 0 0 4.166667%;
          flex: 0 0 4.166667%;
          max-width: 4.166667%;
        }
        .col-l-2 {
          -ms-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
          max-width: 8.333333%;
        }
        .col-l-3 {
          -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
          max-width: 12.5%;
        }
        .col-l-4 {
          -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }
        .col-l-5 {
          -ms-flex: 0 0 20.833333%;
          flex: 0 0 20.833333%;
          max-width: 20.833333%;
        }
        .col-l-6 {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
        }
        .col-l-7 {
          -ms-flex: 0 0 29.166667%;
          flex: 0 0 29.166667%;
          max-width: 29.166667%;
        }
        .col-l-8 {
          -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }
        .col-l-9 {
          -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
          max-width: 37.5%;
        }
        .col-l-10 {
          -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
          max-width: 41.666667%;
        }
        .col-l-11 {
          -ms-flex: 0 0 45.833333%;
          flex: 0 0 45.833333%;
          max-width: 45.833333%;
        }
        .col-l-12 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
        }
        .col-l-13 {
          -ms-flex: 0 0 54.166667%;
          flex: 0 0 54.166667%;
          max-width: 54.166667%;
        }
        .col-l-14 {
          -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
          max-width: 58.333333%;
        }
        .col-l-15 {
          -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
          max-width: 62.5%;
        }
        .col-l-16 {
          -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }
        .col-l-17 {
          -ms-flex: 0 0 70.833333%;
          flex: 0 0 70.833333%;
          max-width: 70.833333%;
        }
        .col-l-18 {
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%;
        }
        .col-l-19 {
          -ms-flex: 0 0 79.166667%;
          flex: 0 0 79.166667%;
          max-width: 79.166667%;
        }
        .col-l-20 {
          -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
          max-width: 83.333333%;
        }
        .col-l-21 {
          -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
          max-width: 87.5%;
        }
        .col-l-22 {
          -ms-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
          max-width: 91.666667%;
        }
        .col-l-23 {
          -ms-flex: 0 0 95.833333%;
          flex: 0 0 95.833333%;
          max-width: 95.833333%;
        }
        .col-l-24 {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
        }
        .order-l-first {
          -ms-flex-order: -1;
          order: -1;
        }
        .order-l-last {
          -ms-flex-order: 25;
          order: 25;
        }
        .order-l-0 {
          -ms-flex-order: 0;
          order: 0;
        }
        .order-l-1 {
          -ms-flex-order: 1;
          order: 1;
        }
        .order-l-2 {
          -ms-flex-order: 2;
          order: 2;
        }
        .order-l-3 {
          -ms-flex-order: 3;
          order: 3;
        }
        .order-l-4 {
          -ms-flex-order: 4;
          order: 4;
        }
        .order-l-5 {
          -ms-flex-order: 5;
          order: 5;
        }
        .order-l-6 {
          -ms-flex-order: 6;
          order: 6;
        }
        .order-l-7 {
          -ms-flex-order: 7;
          order: 7;
        }
        .order-l-8 {
          -ms-flex-order: 8;
          order: 8;
        }
        .order-l-9 {
          -ms-flex-order: 9;
          order: 9;
        }
        .order-l-10 {
          -ms-flex-order: 10;
          order: 10;
        }
        .order-l-11 {
          -ms-flex-order: 11;
          order: 11;
        }
        .order-l-12 {
          -ms-flex-order: 12;
          order: 12;
        }
        .order-l-13 {
          -ms-flex-order: 13;
          order: 13;
        }
        .order-l-14 {
          -ms-flex-order: 14;
          order: 14;
        }
        .order-l-15 {
          -ms-flex-order: 15;
          order: 15;
        }
        .order-l-16 {
          -ms-flex-order: 16;
          order: 16;
        }
        .order-l-17 {
          -ms-flex-order: 17;
          order: 17;
        }
        .order-l-18 {
          -ms-flex-order: 18;
          order: 18;
        }
        .order-l-19 {
          -ms-flex-order: 19;
          order: 19;
        }
        .order-l-20 {
          -ms-flex-order: 20;
          order: 20;
        }
        .order-l-21 {
          -ms-flex-order: 21;
          order: 21;
        }
        .order-l-22 {
          -ms-flex-order: 22;
          order: 22;
        }
        .order-l-23 {
          -ms-flex-order: 23;
          order: 23;
        }
        .order-l-24 {
          -ms-flex-order: 24;
          order: 24;
        }
        .offset-l-0 {
          margin-left: 0;
        }
        .offset-l-1 {
          margin-left: 4.166667%;
        }
        .offset-l-2 {
          margin-left: 8.333333%;
        }
        .offset-l-3 {
          margin-left: 12.5%;
        }
        .offset-l-4 {
          margin-left: 16.666667%;
        }
        .offset-l-5 {
          margin-left: 20.833333%;
        }
        .offset-l-6 {
          margin-left: 25%;
        }
        .offset-l-7 {
          margin-left: 29.166667%;
        }
        .offset-l-8 {
          margin-left: 33.333333%;
        }
        .offset-l-9 {
          margin-left: 37.5%;
        }
        .offset-l-10 {
          margin-left: 41.666667%;
        }
        .offset-l-11 {
          margin-left: 45.833333%;
        }
        .offset-l-12 {
          margin-left: 50%;
        }
        .offset-l-13 {
          margin-left: 54.166667%;
        }
        .offset-l-14 {
          margin-left: 58.333333%;
        }
        .offset-l-15 {
          margin-left: 62.5%;
        }
        .offset-l-16 {
          margin-left: 66.666667%;
        }
        .offset-l-17 {
          margin-left: 70.833333%;
        }
        .offset-l-18 {
          margin-left: 75%;
        }
        .offset-l-19 {
          margin-left: 79.166667%;
        }
        .offset-l-20 {
          margin-left: 83.333333%;
        }
        .offset-l-21 {
          margin-left: 87.5%;
        }
        .offset-l-22 {
          margin-left: 91.666667%;
        }
        .offset-l-23 {
          margin-left: 95.833333%;
        }
      }
      @media (min-width: 1180px) {
        .col-xl {
          -ms-flex-preferred-size: 0;
          flex-basis: 0;
          -ms-flex-positive: 1;
          flex-grow: 1;
          max-width: 100%;
        }
        .col-xl-auto {
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: auto;
          max-width: none;
        }
        .col-xl-1 {
          -ms-flex: 0 0 4.166667%;
          flex: 0 0 4.166667%;
          max-width: 4.166667%;
        }
        .col-xl-2 {
          -ms-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
          max-width: 8.333333%;
        }
        .col-xl-3 {
          -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
          max-width: 12.5%;
        }
        .col-xl-4 {
          -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }
        .col-xl-5 {
          -ms-flex: 0 0 20.833333%;
          flex: 0 0 20.833333%;
          max-width: 20.833333%;
        }
        .col-xl-6 {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
        }
        .col-xl-7 {
          -ms-flex: 0 0 29.166667%;
          flex: 0 0 29.166667%;
          max-width: 29.166667%;
        }
        .col-xl-8 {
          -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }
        .col-xl-9 {
          -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
          max-width: 37.5%;
        }
        .col-xl-10 {
          -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
          max-width: 41.666667%;
        }
        .col-xl-11 {
          -ms-flex: 0 0 45.833333%;
          flex: 0 0 45.833333%;
          max-width: 45.833333%;
        }
        .col-xl-12 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
        }
        .col-xl-13 {
          -ms-flex: 0 0 54.166667%;
          flex: 0 0 54.166667%;
          max-width: 54.166667%;
        }
        .col-xl-14 {
          -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
          max-width: 58.333333%;
        }
        .col-xl-15 {
          -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
          max-width: 62.5%;
        }
        .col-xl-16 {
          -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }
        .col-xl-17 {
          -ms-flex: 0 0 70.833333%;
          flex: 0 0 70.833333%;
          max-width: 70.833333%;
        }
        .col-xl-18 {
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%;
        }
        .col-xl-19 {
          -ms-flex: 0 0 79.166667%;
          flex: 0 0 79.166667%;
          max-width: 79.166667%;
        }
        .col-xl-20 {
          -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
          max-width: 83.333333%;
        }
        .col-xl-21 {
          -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
          max-width: 87.5%;
        }
        .col-xl-22 {
          -ms-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
          max-width: 91.666667%;
        }
        .col-xl-23 {
          -ms-flex: 0 0 95.833333%;
          flex: 0 0 95.833333%;
          max-width: 95.833333%;
        }
        .col-xl-24 {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
        }
        .order-xl-first {
          -ms-flex-order: -1;
          order: -1;
        }
        .order-xl-last {
          -ms-flex-order: 25;
          order: 25;
        }
        .order-xl-0 {
          -ms-flex-order: 0;
          order: 0;
        }
        .order-xl-1 {
          -ms-flex-order: 1;
          order: 1;
        }
        .order-xl-2 {
          -ms-flex-order: 2;
          order: 2;
        }
        .order-xl-3 {
          -ms-flex-order: 3;
          order: 3;
        }
        .order-xl-4 {
          -ms-flex-order: 4;
          order: 4;
        }
        .order-xl-5 {
          -ms-flex-order: 5;
          order: 5;
        }
        .order-xl-6 {
          -ms-flex-order: 6;
          order: 6;
        }
        .order-xl-7 {
          -ms-flex-order: 7;
          order: 7;
        }
        .order-xl-8 {
          -ms-flex-order: 8;
          order: 8;
        }
        .order-xl-9 {
          -ms-flex-order: 9;
          order: 9;
        }
        .order-xl-10 {
          -ms-flex-order: 10;
          order: 10;
        }
        .order-xl-11 {
          -ms-flex-order: 11;
          order: 11;
        }
        .order-xl-12 {
          -ms-flex-order: 12;
          order: 12;
        }
        .order-xl-13 {
          -ms-flex-order: 13;
          order: 13;
        }
        .order-xl-14 {
          -ms-flex-order: 14;
          order: 14;
        }
        .order-xl-15 {
          -ms-flex-order: 15;
          order: 15;
        }
        .order-xl-16 {
          -ms-flex-order: 16;
          order: 16;
        }
        .order-xl-17 {
          -ms-flex-order: 17;
          order: 17;
        }
        .order-xl-18 {
          -ms-flex-order: 18;
          order: 18;
        }
        .order-xl-19 {
          -ms-flex-order: 19;
          order: 19;
        }
        .order-xl-20 {
          -ms-flex-order: 20;
          order: 20;
        }
        .order-xl-21 {
          -ms-flex-order: 21;
          order: 21;
        }
        .order-xl-22 {
          -ms-flex-order: 22;
          order: 22;
        }
        .order-xl-23 {
          -ms-flex-order: 23;
          order: 23;
        }
        .order-xl-24 {
          -ms-flex-order: 24;
          order: 24;
        }
        .offset-xl-0 {
          margin-left: 0;
        }
        .offset-xl-1 {
          margin-left: 4.166667%;
        }
        .offset-xl-2 {
          margin-left: 8.333333%;
        }
        .offset-xl-3 {
          margin-left: 12.5%;
        }
        .offset-xl-4 {
          margin-left: 16.666667%;
        }
        .offset-xl-5 {
          margin-left: 20.833333%;
        }
        .offset-xl-6 {
          margin-left: 25%;
        }
        .offset-xl-7 {
          margin-left: 29.166667%;
        }
        .offset-xl-8 {
          margin-left: 33.333333%;
        }
        .offset-xl-9 {
          margin-left: 37.5%;
        }
        .offset-xl-10 {
          margin-left: 41.666667%;
        }
        .offset-xl-11 {
          margin-left: 45.833333%;
        }
        .offset-xl-12 {
          margin-left: 50%;
        }
        .offset-xl-13 {
          margin-left: 54.166667%;
        }
        .offset-xl-14 {
          margin-left: 58.333333%;
        }
        .offset-xl-15 {
          margin-left: 62.5%;
        }
        .offset-xl-16 {
          margin-left: 66.666667%;
        }
        .offset-xl-17 {
          margin-left: 70.833333%;
        }
        .offset-xl-18 {
          margin-left: 75%;
        }
        .offset-xl-19 {
          margin-left: 79.166667%;
        }
        .offset-xl-20 {
          margin-left: 83.333333%;
        }
        .offset-xl-21 {
          margin-left: 87.5%;
        }
        .offset-xl-22 {
          margin-left: 91.666667%;
        }
        .offset-xl-23 {
          margin-left: 95.833333%;
        }
      }
      @media (min-width: 1600px) {
        .col-xxl {
          -ms-flex-preferred-size: 0;
          flex-basis: 0;
          -ms-flex-positive: 1;
          flex-grow: 1;
          max-width: 100%;
        }
        .col-xxl-auto {
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: auto;
          max-width: none;
        }
        .col-xxl-1 {
          -ms-flex: 0 0 4.166667%;
          flex: 0 0 4.166667%;
          max-width: 4.166667%;
        }
        .col-xxl-2 {
          -ms-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
          max-width: 8.333333%;
        }
        .col-xxl-3 {
          -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
          max-width: 12.5%;
        }
        .col-xxl-4 {
          -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }
        .col-xxl-5 {
          -ms-flex: 0 0 20.833333%;
          flex: 0 0 20.833333%;
          max-width: 20.833333%;
        }
        .col-xxl-6 {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
        }
        .col-xxl-7 {
          -ms-flex: 0 0 29.166667%;
          flex: 0 0 29.166667%;
          max-width: 29.166667%;
        }
        .col-xxl-8 {
          -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }
        .col-xxl-9 {
          -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
          max-width: 37.5%;
        }
        .col-xxl-10 {
          -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
          max-width: 41.666667%;
        }
        .col-xxl-11 {
          -ms-flex: 0 0 45.833333%;
          flex: 0 0 45.833333%;
          max-width: 45.833333%;
        }
        .col-xxl-12 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
        }
        .col-xxl-13 {
          -ms-flex: 0 0 54.166667%;
          flex: 0 0 54.166667%;
          max-width: 54.166667%;
        }
        .col-xxl-14 {
          -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
          max-width: 58.333333%;
        }
        .col-xxl-15 {
          -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
          max-width: 62.5%;
        }
        .col-xxl-16 {
          -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }
        .col-xxl-17 {
          -ms-flex: 0 0 70.833333%; 
          flex: 0 0 70.833333%;
          max-width: 70.833333%;
        }
        .col-xxl-18 {
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%;
        }
        .col-xxl-19 {
          -ms-flex: 0 0 79.166667%;
          flex: 0 0 79.166667%;
          max-width: 79.166667%;
        }
        .col-xxl-20 {
          -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
          max-width: 83.333333%;
        }
        .col-xxl-21 {
          -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
          max-width: 87.5%;
        }
        .col-xxl-22 {
          -ms-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
          max-width: 91.666667%;
        }
        .col-xxl-23 {
          -ms-flex: 0 0 95.833333%;
          flex: 0 0 95.833333%;
          max-width: 95.833333%;
        }
        .col-xxl-24 {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
        }
        .order-xxl-first {
          -ms-flex-order: -1;
          order: -1;
        }
        .order-xxl-last {
          -ms-flex-order: 25;
          order: 25;
        }
        .order-xxl-0 {
          -ms-flex-order: 0;
          order: 0;
        }
        .order-xxl-1 {
          -ms-flex-order: 1;
          order: 1;
        }
        .order-xxl-2 {
          -ms-flex-order: 2;
          order: 2;
        }
        .order-xxl-3 {
          -ms-flex-order: 3;
          order: 3;
        }
        .order-xxl-4 {
          -ms-flex-order: 4;
          order: 4;
        }
        .order-xxl-5 {
          -ms-flex-order: 5;
          order: 5;
        }
        .order-xxl-6 {
          -ms-flex-order: 6;
          order: 6;
        }
        .order-xxl-7 {
          -ms-flex-order: 7;
          order: 7;
        }
        .order-xxl-8 {
          -ms-flex-order: 8;
          order: 8;
        }
        .order-xxl-9 {
          -ms-flex-order: 9;
          order: 9;
        }
        .order-xxl-10 {
          -ms-flex-order: 10;
          order: 10;
        }
        .order-xxl-11 {
          -ms-flex-order: 11;
          order: 11;
        }
        .order-xxl-12 {
          -ms-flex-order: 12;
          order: 12;
        }
        .order-xxl-13 {
          -ms-flex-order: 13;
          order: 13;
        }
        .order-xxl-14 {
          -ms-flex-order: 14;
          order: 14;
        }
        .order-xxl-15 {
          -ms-flex-order: 15;
          order: 15;
        }
        .order-xxl-16 {
          -ms-flex-order: 16;
          order: 16;
        }
        .order-xxl-17 {
          -ms-flex-order: 17;
          order: 17;
        }
        .order-xxl-18 {
          -ms-flex-order: 18;
          order: 18;
        }
        .order-xxl-19 {
          -ms-flex-order: 19;
          order: 19;
        }
        .order-xxl-20 {
          -ms-flex-order: 20;
          order: 20;
        }
        .order-xxl-21 {
          -ms-flex-order: 21;
          order: 21;
        }
        .order-xxl-22 {
          -ms-flex-order: 22;
          order: 22;
        }
        .order-xxl-23 {
          -ms-flex-order: 23;
          order: 23;
        }
        .order-xxl-24 {
          -ms-flex-order: 24;
          order: 24;
        }
        .offset-xxl-0 {
          margin-left: 0;
        }
        .offset-xxl-1 {
          margin-left: 4.166667%;
        }
        .offset-xxl-2 {
          margin-left: 8.333333%;
        }
        .offset-xxl-3 {
          margin-left: 12.5%;
        }
        .offset-xxl-4 {
          margin-left: 16.666667%;
        }
        .offset-xxl-5 {
          margin-left: 20.833333%;
        }
        .offset-xxl-6 {
          margin-left: 25%;
        }
        .offset-xxl-7 {
          margin-left: 29.166667%;
        }
        .offset-xxl-8 {
          margin-left: 33.333333%;
        }
        .offset-xxl-9 {
          margin-left: 37.5%;
        }
        .offset-xxl-10 {
          margin-left: 41.666667%;
        }
        .offset-xxl-11 {
          margin-left: 45.833333%;
        }
        .offset-xxl-12 {
          margin-left: 50%;
        }
        .offset-xxl-13 {
          margin-left: 54.166667%;
        }
        .offset-xxl-14 {
          margin-left: 58.333333%;
        }
        .offset-xxl-15 {
          margin-left: 62.5%;
        }
        .offset-xxl-16 {
          margin-left: 66.666667%;
        }
        .offset-xxl-17 {
          margin-left: 70.833333%;
        }
        .offset-xxl-18 {
          margin-left: 75%;
        }
        .offset-xxl-19 {
          margin-left: 79.166667%;
        }
        .offset-xxl-20 {
          margin-left: 83.333333%;
        }
        .offset-xxl-21 {
          margin-left: 87.5%;
        }
        .offset-xxl-22 {
          margin-left: 91.666667%;
        }
        .offset-xxl-23 {
          margin-left: 95.833333%;
        }
      }
      .table {
        width: 100%;
        margin-bottom: 20px;
        background-color: transparent;
      }
      .table td,
      .table th {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
      }
      .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
      }
      .table tbody + tbody {
        border-top: 2px solid #dee2e6;
      }
      .table .table {
        background-color: #fff;
      }
      .table-sm td,
      .table-sm th {
        padding: 0.3rem;
      }
      .table-bordered {
        border: 1px solid #dee2e6;
      }
      .table-bordered td,
      .table-bordered th {
        border: 1px solid #dee2e6;
      }
      .table-bordered thead td,
      .table-bordered thead th {
        border-bottom-width: 2px;
      }
      .table-borderless tbody + tbody,
      .table-borderless td,
      .table-borderless th,
      .table-borderless thead th {
        border: 0;
      }
      .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.05);
      }
      .table-hover tbody tr:hover {
        background-color: rgba(0, 0, 0, 0.075);
      }
      .table-primary,
      .table-primary > td,
      .table-primary > th {
        background-color: #b8daff;
      }
      .table-hover .table-primary:hover {
        background-color: #9fcdff;
      }
      .table-hover .table-primary:hover > td,
      .table-hover .table-primary:hover > th {
        background-color: #9fcdff;
      }
      .table-secondary,
      .table-secondary > td,
      .table-secondary > th {
        background-color: #d6d8db;
      }
      .table-hover .table-secondary:hover {
        background-color: #c8cbcf;
      }
      .table-hover .table-secondary:hover > td,
      .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf;
      }
      .table-success,
      .table-success > td,
      .table-success > th {
        background-color: #c3e6cb;
      }
      .table-hover .table-success:hover {
        background-color: #b1dfbb;
      }
      .table-hover .table-success:hover > td,
      .table-hover .table-success:hover > th {
        background-color: #b1dfbb;
      }
      .table-info,
      .table-info > td,
      .table-info > th {
        background-color: #bee5eb;
      }
      .table-hover .table-info:hover {
        background-color: #abdde5;
      }
      .table-hover .table-info:hover > td,
      .table-hover .table-info:hover > th {
        background-color: #abdde5;
      }
      .table-warning,
      .table-warning > td,
      .table-warning > th {
        background-color: #ffeeba;
      }
      .table-hover .table-warning:hover {
        background-color: #ffe8a1;
      }
      .table-hover .table-warning:hover > td,
      .table-hover .table-warning:hover > th {
        background-color: #ffe8a1;
      }
      .table-danger,
      .table-danger > td,
      .table-danger > th {
        background-color: #f5c6cb;
      }
      .table-hover .table-danger:hover {
        background-color: #f1b0b7;
      }
      .table-hover .table-danger:hover > td,
      .table-hover .table-danger:hover > th {
        background-color: #f1b0b7;
      }
      .table-light,
      .table-light > td,
      .table-light > th {
        background-color: #fdfdfe;
      }
      .table-hover .table-light:hover {
        background-color: #ececf6;
      }
      .table-hover .table-light:hover > td,
      .table-hover .table-light:hover > th {
        background-color: #ececf6;
      }
      .table-dark,
      .table-dark > td,
      .table-dark > th {
        background-color: #c6c8ca;
      }
      .table-hover .table-dark:hover {
        background-color: #b9bbbe;
      }
      .table-hover .table-dark:hover > td,
      .table-hover .table-dark:hover > th {
        background-color: #b9bbbe;
      }
      .table-active,
      .table-active > td,
      .table-active > th {
        background-color: rgba(0, 0, 0, 0.075);
      }
      .table-hover .table-active:hover {
        background-color: rgba(0, 0, 0, 0.075);
      }
      .table-hover .table-active:hover > td,
      .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
      }
      .table .thead-dark th {
        color: #fff;
        background-color: #212529;
        border-color: #32383e;
      }
      .table .thead-light th {
        color: #495057;
        background-color: #e9ecef;
        border-color: #dee2e6;
      }
      .table-dark {
        color: #fff;
        background-color: #212529;
      }
      .table-dark td,
      .table-dark th,
      .table-dark thead th {
        border-color: #32383e;
      }
      .table-dark.table-bordered {
        border: 0;
      }
      .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
      }
      .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.075);
      }
      @media (max-width: 767.98px) {
        .table-responsive-m {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          -ms-overflow-style: -ms-autohiding-scrollbar;
        }
        .table-responsive-m > .table-bordered {
          border: 0;
        }
      }
      @media (max-width: 1023.98px) {
        .table-responsive-l {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          -ms-overflow-style: -ms-autohiding-scrollbar;
        }
        .table-responsive-l > .table-bordered {
          border: 0;
        }
      }
      @media (max-width: 1179.98px) {
        .table-responsive-xl {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          -ms-overflow-style: -ms-autohiding-scrollbar;
        }
        .table-responsive-xl > .table-bordered {
          border: 0;
        }
      }
      @media (max-width: 1599.98px) {
        .table-responsive-xxl {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          -ms-overflow-style: -ms-autohiding-scrollbar;
        }
        .table-responsive-xxl > .table-bordered {
          border: 0;
        }
      }
      .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
      }
      .table-responsive > .table-bordered {
        border: 0;
      }
      .form-control {
        display: block;
        width: 100%;
        height: calc(2.25rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .form-control {
          transition: none;
        }
      }
      .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
      }
      .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .form-control::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 1;
      }
      .form-control::-moz-placeholder {
        color: #6c757d;
        opacity: 1;
      }
      .form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
      }
      .form-control::-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
      }
      .form-control::placeholder {
        color: #6c757d;
        opacity: 1;
      }
      .form-control:disabled,
      .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
      }
      select.form-control:focus::-ms-value {
        color: #495057;
        background-color: #fff;
      }
      .form-control-file,
      .form-control-range {
        display: block;
        width: 100%;
      }
      .col-form-label {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5;
      }
      .col-form-label-lg {
        padding-top: calc(0.5rem + 1px);
        padding-bottom: calc(0.5rem + 1px);
        font-size: 1.25rem;
        line-height: 1.5;
      }
      .col-form-label-sm {
        padding-top: calc(0.25rem + 1px);
        padding-bottom: calc(0.25rem + 1px);
        font-size: 0.875rem;
        line-height: 1.5;
      }
      .form-control-plaintext {
        display: block;
        width: 100%;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        margin-bottom: 0;
        line-height: 1.5;
        color: #212529;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
      }
      .form-control-plaintext.form-control-lg,
      .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0;
      }
      .form-control-sm {
        height: calc(1.8125rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
      }
      .form-control-lg {
        height: calc(2.875rem + 2px);
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.3rem;
      }
      select.form-control[multiple],
      select.form-control[size] {
        height: auto;
      }
      textarea.form-control {
        height: auto;
      }
      .form-group {
        margin-bottom: 1rem;
      }
      .form-text {
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0.25rem;
      }
      .form-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px;
      }
      .form-row > .col,
      .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
      }
      .form-check {
        position: relative;
        display: block;
        padding-left: 1.25rem;
      }
      .form-check-input {
        position: absolute;
        margin-top: 0.3rem;
        margin-left: -1.25rem;
      }
      .form-check-input:disabled ~ .form-check-label {
        color: #6c757d;
      }
      .form-check-label {
        margin-bottom: 0;
      }
      .form-check-inline {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin-right: 0.75rem;
      }
      .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
      }
      .valid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #28a745;
      }
      .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.875rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(40, 167, 69, 0.9);
        border-radius: 0.25rem;
      }
      .custom-select.is-valid,
      .form-control.is-valid,
      .was-validated .custom-select:valid,
      .was-validated .form-control:valid {
        border-color: #28a745;
      }
      .custom-select.is-valid:focus,
      .form-control.is-valid:focus,
      .was-validated .custom-select:valid:focus,
      .was-validated .form-control:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
      }
      .custom-select.is-valid ~ .valid-feedback,
      .custom-select.is-valid ~ .valid-tooltip,
      .form-control.is-valid ~ .valid-feedback,
      .form-control.is-valid ~ .valid-tooltip,
      .was-validated .custom-select:valid ~ .valid-feedback,
      .was-validated .custom-select:valid ~ .valid-tooltip,
      .was-validated .form-control:valid ~ .valid-feedback,
      .was-validated .form-control:valid ~ .valid-tooltip {
        display: block;
      }
      .form-control-file.is-valid ~ .valid-feedback,
      .form-control-file.is-valid ~ .valid-tooltip,
      .was-validated .form-control-file:valid ~ .valid-feedback,
      .was-validated .form-control-file:valid ~ .valid-tooltip {
        display: block;
      }
      .form-check-input.is-valid ~ .form-check-label,
      .was-validated .form-check-input:valid ~ .form-check-label {
        color: #28a745;
      }
      .form-check-input.is-valid ~ .valid-feedback,
      .form-check-input.is-valid ~ .valid-tooltip,
      .was-validated .form-check-input:valid ~ .valid-feedback,
      .was-validated .form-check-input:valid ~ .valid-tooltip {
        display: block;
      }
      .custom-control-input.is-valid ~ .custom-control-label,
      .was-validated .custom-control-input:valid ~ .custom-control-label {
        color: #28a745;
      }
      .custom-control-input.is-valid ~ .custom-control-label::before,
      .was-validated
        .custom-control-input:valid
        ~ .custom-control-label::before {
        background-color: #71dd8a;
      }
      .custom-control-input.is-valid ~ .valid-feedback,
      .custom-control-input.is-valid ~ .valid-tooltip,
      .was-validated .custom-control-input:valid ~ .valid-feedback,
      .was-validated .custom-control-input:valid ~ .valid-tooltip {
        display: block;
      }
      .custom-control-input.is-valid:checked ~ .custom-control-label::before,
      .was-validated
        .custom-control-input:valid:checked
        ~ .custom-control-label::before {
        background-color: #34ce57;
      }
      .custom-control-input.is-valid:focus ~ .custom-control-label::before,
      .was-validated
        .custom-control-input:valid:focus
        ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
      }
      .custom-file-input.is-valid ~ .custom-file-label,
      .was-validated .custom-file-input:valid ~ .custom-file-label {
        border-color: #28a745;
      }
      .custom-file-input.is-valid ~ .custom-file-label::after,
      .was-validated .custom-file-input:valid ~ .custom-file-label::after {
        border-color: inherit;
      }
      .custom-file-input.is-valid ~ .valid-feedback,
      .custom-file-input.is-valid ~ .valid-tooltip,
      .was-validated .custom-file-input:valid ~ .valid-feedback,
      .was-validated .custom-file-input:valid ~ .valid-tooltip {
        display: block;
      }
      .custom-file-input.is-valid:focus ~ .custom-file-label,
      .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
      }
      .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #dc3545;
      }
      .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.875rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(220, 53, 69, 0.9);
        border-radius: 0.25rem;
      }
      .custom-select.is-invalid,
      .form-control.is-invalid,
      .was-validated .custom-select:invalid,
      .was-validated .form-control:invalid {
        border-color: #dc3545;
      }
      .custom-select.is-invalid:focus,
      .form-control.is-invalid:focus,
      .was-validated .custom-select:invalid:focus,
      .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
      }
      .custom-select.is-invalid ~ .invalid-feedback,
      .custom-select.is-invalid ~ .invalid-tooltip,
      .form-control.is-invalid ~ .invalid-feedback,
      .form-control.is-invalid ~ .invalid-tooltip,
      .was-validated .custom-select:invalid ~ .invalid-feedback,
      .was-validated .custom-select:invalid ~ .invalid-tooltip,
      .was-validated .form-control:invalid ~ .invalid-feedback,
      .was-validated .form-control:invalid ~ .invalid-tooltip {
        display: block;
      }
      .form-control-file.is-invalid ~ .invalid-feedback,
      .form-control-file.is-invalid ~ .invalid-tooltip,
      .was-validated .form-control-file:invalid ~ .invalid-feedback,
      .was-validated .form-control-file:invalid ~ .invalid-tooltip {
        display: block;
      }
      .form-check-input.is-invalid ~ .form-check-label,
      .was-validated .form-check-input:invalid ~ .form-check-label {
        color: #dc3545;
      }
      .form-check-input.is-invalid ~ .invalid-feedback,
      .form-check-input.is-invalid ~ .invalid-tooltip,
      .was-validated .form-check-input:invalid ~ .invalid-feedback,
      .was-validated .form-check-input:invalid ~ .invalid-tooltip {
        display: block;
      }
      .custom-control-input.is-invalid ~ .custom-control-label,
      .was-validated .custom-control-input:invalid ~ .custom-control-label {
        color: #dc3545;
      }
      .custom-control-input.is-invalid ~ .custom-control-label::before,
      .was-validated
        .custom-control-input:invalid
        ~ .custom-control-label::before {
        background-color: #efa2a9;
      }
      .custom-control-input.is-invalid ~ .invalid-feedback,
      .custom-control-input.is-invalid ~ .invalid-tooltip,
      .was-validated .custom-control-input:invalid ~ .invalid-feedback,
      .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
        display: block;
      }
      .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
      .was-validated
        .custom-control-input:invalid:checked
        ~ .custom-control-label::before {
        background-color: #e4606d;
      }
      .custom-control-input.is-invalid:focus ~ .custom-control-label::before,
      .was-validated
        .custom-control-input:invalid:focus
        ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
      }
      .custom-file-input.is-invalid ~ .custom-file-label,
      .was-validated .custom-file-input:invalid ~ .custom-file-label {
        border-color: #dc3545;
      }
      .custom-file-input.is-invalid ~ .custom-file-label::after,
      .was-validated .custom-file-input:invalid ~ .custom-file-label::after {
        border-color: inherit;
      }
      .custom-file-input.is-invalid ~ .invalid-feedback,
      .custom-file-input.is-invalid ~ .invalid-tooltip,
      .was-validated .custom-file-input:invalid ~ .invalid-feedback,
      .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
        display: block;
      }
      .custom-file-input.is-invalid:focus ~ .custom-file-label,
      .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
      }
      .form-inline {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
      }
      .form-inline .form-check {
        width: 100%;
      }
      .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
      }
      .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
      }
      .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
      }
      .form-inline .form-control-plaintext {
        display: inline-block;
      }
      .form-inline .custom-select,
      .form-inline .input-group {
        width: auto;
      }
      .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
      }
      .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
      }
      .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .form-inline .custom-control-label {
        margin-bottom: 0;
      }
      .btn {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .btn {
          transition: none;
        }
      }
      .btn:focus,
      .btn:hover {
        text-decoration: none;
      }
      .btn.focus,
      .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .btn.disabled,
      .btn:disabled {
        opacity: 0.65;
      }
      .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
      }
      a.btn.disabled,
      fieldset:disabled a.btn {
        pointer-events: none;
      }
      .btn-primary {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
      }
      .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
      }
      .btn-primary.focus,
      .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
      }
      .btn-primary.disabled,
      .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
      }
      .btn-primary:not(:disabled):not(.disabled).active,
      .btn-primary:not(:disabled):not(.disabled):active,
      .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
      }
      .btn-primary:not(:disabled):not(.disabled).active:focus,
      .btn-primary:not(:disabled):not(.disabled):active:focus,
      .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
      }
      .btn-secondary {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
      }
      .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
      }
      .btn-secondary.focus,
      .btn-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
      }
      .btn-secondary.disabled,
      .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
      }
      .btn-secondary:not(:disabled):not(.disabled).active,
      .btn-secondary:not(:disabled):not(.disabled):active,
      .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
      }
      .btn-secondary:not(:disabled):not(.disabled).active:focus,
      .btn-secondary:not(:disabled):not(.disabled):active:focus,
      .show > .btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
      }
      .btn-success {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
      }
      .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
      }
      .btn-success.focus,
      .btn-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
      }
      .btn-success.disabled,
      .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
      }
      .btn-success:not(:disabled):not(.disabled).active,
      .btn-success:not(:disabled):not(.disabled):active,
      .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
      }
      .btn-success:not(:disabled):not(.disabled).active:focus,
      .btn-success:not(:disabled):not(.disabled):active:focus,
      .show > .btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
      }
      .btn-info {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
      }
      .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
      }
      .btn-info.focus,
      .btn-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
      }
      .btn-info.disabled,
      .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
      }
      .btn-info:not(:disabled):not(.disabled).active,
      .btn-info:not(:disabled):not(.disabled):active,
      .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
      }
      .btn-info:not(:disabled):not(.disabled).active:focus,
      .btn-info:not(:disabled):not(.disabled):active:focus,
      .show > .btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
      }
      .btn-warning {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
      }
      .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
      }
      .btn-warning.focus,
      .btn-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
      }
      .btn-warning.disabled,
      .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
      }
      .btn-warning:not(:disabled):not(.disabled).active,
      .btn-warning:not(:disabled):not(.disabled):active,
      .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500;
      }
      .btn-warning:not(:disabled):not(.disabled).active:focus,
      .btn-warning:not(:disabled):not(.disabled):active:focus,
      .show > .btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
      }
      .btn-danger {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
      }
      .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
      }
      .btn-danger.focus,
      .btn-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
      }
      .btn-danger.disabled,
      .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
      }
      .btn-danger:not(:disabled):not(.disabled).active,
      .btn-danger:not(:disabled):not(.disabled):active,
      .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
      }
      .btn-danger:not(:disabled):not(.disabled).active:focus,
      .btn-danger:not(:disabled):not(.disabled):active:focus,
      .show > .btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
      }
      .btn-light {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
      }
      .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
      }
      .btn-light.focus,
      .btn-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
      }
      .btn-light.disabled,
      .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
      }
      .btn-light:not(:disabled):not(.disabled).active,
      .btn-light:not(:disabled):not(.disabled):active,
      .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
      }
      .btn-light:not(:disabled):not(.disabled).active:focus,
      .btn-light:not(:disabled):not(.disabled):active:focus,
      .show > .btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
      }
      .btn-dark {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
      }
      .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
      }
      .btn-dark.focus,
      .btn-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
      }
      .btn-dark.disabled,
      .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
      }
      .btn-dark:not(:disabled):not(.disabled).active,
      .btn-dark:not(:disabled):not(.disabled):active,
      .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
      }
      .btn-dark:not(:disabled):not(.disabled).active:focus,
      .btn-dark:not(:disabled):not(.disabled):active:focus,
      .show > .btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
      }
      .btn-outline-primary {
        color: #007bff;
        background-color: transparent;
        background-image: none;
        border-color: #007bff;
      }
      .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
      }
      .btn-outline-primary.focus,
      .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
      }
      .btn-outline-primary.disabled,
      .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
      }
      .btn-outline-primary:not(:disabled):not(.disabled).active,
      .btn-outline-primary:not(:disabled):not(.disabled):active,
      .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
      }
      .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
      .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
      .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
      }
      .btn-outline-secondary {
        color: #6c757d;
        background-color: transparent;
        background-image: none;
        border-color: #6c757d;
      }
      .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
      }
      .btn-outline-secondary.focus,
      .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
      }
      .btn-outline-secondary.disabled,
      .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
      }
      .btn-outline-secondary:not(:disabled):not(.disabled).active,
      .btn-outline-secondary:not(:disabled):not(.disabled):active,
      .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
      }
      .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
      .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
      .show > .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
      }
      .btn-outline-success {
        color: #28a745;
        background-color: transparent;
        background-image: none;
        border-color: #28a745;
      }
      .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
      }
      .btn-outline-success.focus,
      .btn-outline-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
      }
      .btn-outline-success.disabled,
      .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
      }
      .btn-outline-success:not(:disabled):not(.disabled).active,
      .btn-outline-success:not(:disabled):not(.disabled):active,
      .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
      }
      .btn-outline-success:not(:disabled):not(.disabled).active:focus,
      .btn-outline-success:not(:disabled):not(.disabled):active:focus,
      .show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
      }
      .btn-outline-info {
        color: #17a2b8;
        background-color: transparent;
        background-image: none;
        border-color: #17a2b8;
      }
      .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
      }
      .btn-outline-info.focus,
      .btn-outline-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
      }
      .btn-outline-info.disabled,
      .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
      }
      .btn-outline-info:not(:disabled):not(.disabled).active,
      .btn-outline-info:not(:disabled):not(.disabled):active,
      .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
      }
      .btn-outline-info:not(:disabled):not(.disabled).active:focus,
      .btn-outline-info:not(:disabled):not(.disabled):active:focus,
      .show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
      }
      .btn-outline-warning {
        color: #ffc107;
        background-color: transparent;
        background-image: none;
        border-color: #ffc107;
      }
      .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
      }
      .btn-outline-warning.focus,
      .btn-outline-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
      }
      .btn-outline-warning.disabled,
      .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
      }
      .btn-outline-warning:not(:disabled):not(.disabled).active,
      .btn-outline-warning:not(:disabled):not(.disabled):active,
      .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
      }
      .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
      .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
      .show > .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
      }
      .btn-outline-danger {
        color: #dc3545;
        background-color: transparent;
        background-image: none;
        border-color: #dc3545;
      }
      .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
      }
      .btn-outline-danger.focus,
      .btn-outline-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
      }
      .btn-outline-danger.disabled,
      .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent;
      }
      .btn-outline-danger:not(:disabled):not(.disabled).active,
      .btn-outline-danger:not(:disabled):not(.disabled):active,
      .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
      }
      .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
      .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
      .show > .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
      }
      .btn-outline-light {
        color: #f8f9fa;
        background-color: transparent;
        background-image: none;
        border-color: #f8f9fa;
      }
      .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
      }
      .btn-outline-light.focus,
      .btn-outline-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
      }
      .btn-outline-light.disabled,
      .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
      }
      .btn-outline-light:not(:disabled):not(.disabled).active,
      .btn-outline-light:not(:disabled):not(.disabled):active,
      .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
      }
      .btn-outline-light:not(:disabled):not(.disabled).active:focus,
      .btn-outline-light:not(:disabled):not(.disabled):active:focus,
      .show > .btn-outline-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
      }
      .btn-outline-dark {
        color: #343a40;
        background-color: transparent;
        background-image: none;
        border-color: #343a40;
      }
      .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
      }
      .btn-outline-dark.focus,
      .btn-outline-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
      }
      .btn-outline-dark.disabled,
      .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
      }
      .btn-outline-dark:not(:disabled):not(.disabled).active,
      .btn-outline-dark:not(:disabled):not(.disabled):active,
      .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
      }
      .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
      .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
      .show > .btn-outline-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
      }
      .btn-link {
        font-weight: 400;
        color: #007bff;
        background-color: transparent;
      }
      .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
      }
      .btn-link.focus,
      .btn-link:focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none;
      }
      .btn-link.disabled,
      .btn-link:disabled {
        color: #6c757d;
        pointer-events: none;
      }
      .btn-group-lg > .btn,
      .btn-lg {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.3rem;
      }
      .btn-group-sm > .btn,
      .btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
      }
      .btn-block {
        display: block;
        width: 100%;
      }
      .btn-block + .btn-block {
        margin-top: 0.5rem;
      }
      input[type="button"].btn-block,
      input[type="reset"].btn-block,
      input[type="submit"].btn-block {
        width: 100%;
      }
      .fade {
        transition: opacity 0.15s linear;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .fade {
          transition: none;
        }
      }
      .fade:not(.show) {
        opacity: 0;
      }
      .collapse:not(.show) {
        display: none;
      }
      .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .collapsing {
          transition: none;
        }
      }
      .dropdown,
      .dropleft,
      .dropright,
      .dropup {
        position: relative;
      }
      .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
      }
      .dropdown-toggle:empty::after {
        margin-left: 0;
      }
      .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
      }
      .dropdown-menu-right {
        right: 0;
        left: auto;
      }
      .dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: 0.125rem;
      }
      .dropup .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0;
        border-right: 0.3em solid transparent;
        border-bottom: 0.3em solid;
        border-left: 0.3em solid transparent;
      }
      .dropup .dropdown-toggle:empty::after {
        margin-left: 0;
      }
      .dropright .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: 0.125rem;
      }
      .dropright .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0;
        border-bottom: 0.3em solid transparent;
        border-left: 0.3em solid;
      }
      .dropright .dropdown-toggle:empty::after {
        margin-left: 0;
      }
      .dropright .dropdown-toggle::after {
        vertical-align: 0;
      }
      .dropleft .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: 0.125rem;
      }
      .dropleft .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
      }
      .dropleft .dropdown-toggle::after {
        display: none;
      }
      .dropleft .dropdown-toggle::before {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid;
        border-bottom: 0.3em solid transparent;
      }
      .dropleft .dropdown-toggle:empty::after {
        margin-left: 0;
      }
      .dropleft .dropdown-toggle::before {
        vertical-align: 0;
      }
      .dropdown-menu[x-placement^="bottom"],
      .dropdown-menu[x-placement^="left"],
      .dropdown-menu[x-placement^="right"],
      .dropdown-menu[x-placement^="top"] {
        right: auto;
        bottom: auto;
      }
      .dropdown-divider {
        height: 0;
        margin: 10px 0;
        overflow: hidden;
        border-top: 1px solid #e9ecef;
      }
      .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
      }
      .dropdown-item:focus,
      .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
      }
      .dropdown-item.active,
      .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
      }
      .dropdown-item.disabled,
      .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent;
      }
      .dropdown-menu.show {
        display: block;
      }
      .dropdown-header {
        display: block;
        padding: 0.5rem 1.5rem;
        margin-bottom: 0;
        font-size: 0.875rem;
        color: #6c757d;
        white-space: nowrap;
      }
      .dropdown-item-text {
        display: block;
        padding: 0.25rem 1.5rem;
        color: #212529;
      }
      .btn-group,
      .btn-group-vertical {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
      }
      .btn-group-vertical > .btn,
      .btn-group > .btn {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
      }
      .btn-group-vertical > .btn:hover,
      .btn-group > .btn:hover {
        z-index: 1;
      }
      .btn-group-vertical > .btn.active,
      .btn-group-vertical > .btn:active,
      .btn-group-vertical > .btn:focus,
      .btn-group > .btn.active,
      .btn-group > .btn:active,
      .btn-group > .btn:focus {
        z-index: 1;
      }
      .btn-group .btn + .btn,
      .btn-group .btn + .btn-group,
      .btn-group .btn-group + .btn,
      .btn-group .btn-group + .btn-group,
      .btn-group-vertical .btn + .btn,
      .btn-group-vertical .btn + .btn-group,
      .btn-group-vertical .btn-group + .btn,
      .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px;
      }
      .btn-toolbar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
      }
      .btn-toolbar .input-group {
        width: auto;
      }
      .btn-group > .btn:first-child {
        margin-left: 0;
      }
      .btn-group > .btn-group:not(:last-child) > .btn,
      .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
      .btn-group > .btn-group:not(:first-child) > .btn,
      .btn-group > .btn:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
      .dropdown-toggle-split {
        padding-right: 0.5625rem;
        padding-left: 0.5625rem;
      }
      .dropdown-toggle-split::after,
      .dropright .dropdown-toggle-split::after,
      .dropup .dropdown-toggle-split::after {
        margin-left: 0;
      }
      .dropleft .dropdown-toggle-split::before {
        margin-right: 0;
      }
      .btn-group-sm > .btn + .dropdown-toggle-split,
      .btn-sm + .dropdown-toggle-split {
        padding-right: 0.375rem;
        padding-left: 0.375rem;
      }
      .btn-group-lg > .btn + .dropdown-toggle-split,
      .btn-lg + .dropdown-toggle-split {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
      }
      .btn-group-vertical {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .btn-group-vertical .btn,
      .btn-group-vertical .btn-group {
        width: 100%;
      }
      .btn-group-vertical > .btn + .btn,
      .btn-group-vertical > .btn + .btn-group,
      .btn-group-vertical > .btn-group + .btn,
      .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
      }
      .btn-group-vertical > .btn-group:not(:last-child) > .btn,
      .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
      }
      .btn-group-vertical > .btn-group:not(:first-child) > .btn,
      .btn-group-vertical > .btn:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
      .btn-group-toggle > .btn,
      .btn-group-toggle > .btn-group > .btn {
        margin-bottom: 0;
      }
      .btn-group-toggle > .btn input[type="checkbox"],
      .btn-group-toggle > .btn input[type="radio"],
      .btn-group-toggle > .btn-group > .btn input[type="checkbox"],
      .btn-group-toggle > .btn-group > .btn input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
      }
      .input-group {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
      }
      .input-group > .custom-file,
      .input-group > .custom-select,
      .input-group > .form-control {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
      }
      .input-group > .custom-file + .custom-file,
      .input-group > .custom-file + .custom-select,
      .input-group > .custom-file + .form-control,
      .input-group > .custom-select + .custom-file,
      .input-group > .custom-select + .custom-select,
      .input-group > .custom-select + .form-control,
      .input-group > .form-control + .custom-file,
      .input-group > .form-control + .custom-select,
      .input-group > .form-control + .form-control {
        margin-left: -1px;
      }
      .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
      .input-group > .custom-select:focus,
      .input-group > .form-control:focus {
        z-index: 3;
      }
      .input-group > .custom-file .custom-file-input:focus {
        z-index: 4;
      }
      .input-group > .custom-select:not(:last-child),
      .input-group > .form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
      .input-group > .custom-select:not(:first-child),
      .input-group > .form-control:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
      .input-group > .custom-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
      }
      .input-group > .custom-file:not(:last-child) .custom-file-label,
      .input-group > .custom-file:not(:last-child) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
      .input-group > .custom-file:not(:first-child) .custom-file-label {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
      .input-group-append,
      .input-group-prepend {
        display: -ms-flexbox;
        display: flex;
      }
      .input-group-append .btn,
      .input-group-prepend .btn {
        position: relative;
        z-index: 2;
      }
      .input-group-append .btn + .btn,
      .input-group-append .btn + .input-group-text,
      .input-group-append .input-group-text + .btn,
      .input-group-append .input-group-text + .input-group-text,
      .input-group-prepend .btn + .btn,
      .input-group-prepend .btn + .input-group-text,
      .input-group-prepend .input-group-text + .btn,
      .input-group-prepend .input-group-text + .input-group-text {
        margin-left: -1px;
      }
      .input-group-prepend {
        margin-right: -1px;
      }
      .input-group-append {
        margin-left: -1px;
      }
      .input-group-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.375rem 0.75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: #e9ecef;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
      }
      .input-group-text input[type="checkbox"],
      .input-group-text input[type="radio"] {
        margin-top: 0;
      }
      .input-group-lg > .form-control,
      .input-group-lg > .input-group-append > .btn,
      .input-group-lg > .input-group-append > .input-group-text,
      .input-group-lg > .input-group-prepend > .btn,
      .input-group-lg > .input-group-prepend > .input-group-text {
        height: calc(2.875rem + 2px);
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.3rem;
      }
      .input-group-sm > .form-control,
      .input-group-sm > .input-group-append > .btn,
      .input-group-sm > .input-group-append > .input-group-text,
      .input-group-sm > .input-group-prepend > .btn,
      .input-group-sm > .input-group-prepend > .input-group-text {
        height: calc(1.8125rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
      }
      .input-group
        > .input-group-append:last-child
        > .btn:not(:last-child):not(.dropdown-toggle),
      .input-group
        > .input-group-append:last-child
        > .input-group-text:not(:last-child),
      .input-group > .input-group-append:not(:last-child) > .btn,
      .input-group > .input-group-append:not(:last-child) > .input-group-text,
      .input-group > .input-group-prepend > .btn,
      .input-group > .input-group-prepend > .input-group-text {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
      .input-group > .input-group-append > .btn,
      .input-group > .input-group-append > .input-group-text,
      .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
      .input-group
        > .input-group-prepend:first-child
        > .input-group-text:not(:first-child),
      .input-group > .input-group-prepend:not(:first-child) > .btn,
      .input-group
        > .input-group-prepend:not(:first-child)
        > .input-group-text {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
      .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
      }
      .custom-control-inline {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 1rem;
      }
      .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }
      .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #007bff;
      }
      .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
      }
      .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d;
      }
      .custom-control-input:disabled ~ .custom-control-label::before {
        background-color: #e9ecef;
      }
      .custom-control-label {
        position: relative;
        margin-bottom: 0;
      }
      .custom-control-label::before {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #dee2e6;
      }
      .custom-control-label::after {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
      }
      .custom-checkbox .custom-control-label::before {
        border-radius: 0.25rem;
      }
      .custom-checkbox
        .custom-control-input:checked
        ~ .custom-control-label::before {
        background-color: #007bff;
      }
      .custom-checkbox
        .custom-control-input:checked
        ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
      }
      .custom-checkbox
        .custom-control-input:indeterminate
        ~ .custom-control-label::before {
        background-color: #007bff;
      }
      .custom-checkbox
        .custom-control-input:indeterminate
        ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
      }
      .custom-checkbox
        .custom-control-input:disabled:checked
        ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, 0.5);
      }
      .custom-checkbox
        .custom-control-input:disabled:indeterminate
        ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, 0.5);
      }
      .custom-radio .custom-control-label::before {
        border-radius: 50%;
      }
      .custom-radio
        .custom-control-input:checked
        ~ .custom-control-label::before {
        background-color: #007bff;
      }
      .custom-radio
        .custom-control-input:checked
        ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
      }
      .custom-radio
        .custom-control-input:disabled:checked
        ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, 0.5);
      }
      .custom-select {
        display: inline-block;
        width: 100%;
        height: calc(2.25rem + 2px);
        padding: 0.375rem 1.75rem 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        vertical-align: middle;
        background: #fff
          url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
          no-repeat right 0.75rem center;
        background-size: 8px 10px;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }
      .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5);
      }
      .custom-select:focus::-ms-value {
        color: #495057;
        background-color: #fff;
      }
      .custom-select[multiple],
      .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
      }
      .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef;
      }
      .custom-select::-ms-expand {
        opacity: 0;
      }
      .custom-select-sm {
        height: calc(1.8125rem + 2px);
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        font-size: 75%;
      }
      .custom-select-lg {
        height: calc(2.875rem + 2px);
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        font-size: 125%;
      }
      .custom-file {
        position: relative;
        display: inline-block;
        width: 100%;
        height: calc(2.25rem + 2px);
        margin-bottom: 0;
      }
      .custom-file-input {
        position: relative;
        z-index: 2;
        width: 100%;
        height: calc(2.25rem + 2px);
        margin: 0;
        opacity: 0;
      }
      .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .custom-file-input:focus ~ .custom-file-label::after {
        border-color: #80bdff;
      }
      .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef;
      }
      .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse";
      }
      .custom-file-label {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        height: calc(2.25rem + 2px);
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
      }
      .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: 2.25rem;
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 0.25rem 0.25rem 0;
      }
      .custom-range {
        width: 100%;
        padding-left: 0;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }
      .custom-range:focus {
        outline: 0;
      }
      .custom-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .custom-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .custom-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .custom-range::-moz-focus-outer {
        border: 0;
      }
      .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .custom-range::-webkit-slider-thumb {
          transition: none;
        }
      }
      .custom-range::-webkit-slider-thumb:active {
        background-color: #b3d7ff;
      }
      .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem;
      }
      .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -moz-appearance: none;
        appearance: none;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .custom-range::-moz-range-thumb {
          transition: none;
        }
      }
      .custom-range::-moz-range-thumb:active {
        background-color: #b3d7ff;
      }
      .custom-range::-moz-range-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem;
      }
      .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: 0.2rem;
        margin-left: 0.2rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        appearance: none;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .custom-range::-ms-thumb {
          transition: none;
        }
      }
      .custom-range::-ms-thumb:active {
        background-color: #b3d7ff;
      }
      .custom-range::-ms-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: 0.5rem;
      }
      .custom-range::-ms-fill-lower {
        background-color: #dee2e6;
        border-radius: 1rem;
      }
      .custom-range::-ms-fill-upper {
        margin-right: 15px;
        background-color: #dee2e6;
        border-radius: 1rem;
      }
      .custom-control-label::before,
      .custom-file-label,
      .custom-select {
        transition: background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .custom-control-label::before,
        .custom-file-label,
        .custom-select {
          transition: none;
        }
      }
      .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
      }
      .nav-link {
        display: block;
        padding: 0.5rem 1rem;
      }
      .nav-link:focus,
      .nav-link:hover {
        text-decoration: none;
      }
      .nav-link.disabled {
        color: #6c757d;
      }
      .nav-tabs {
        border-bottom: 1px solid #dee2e6;
      }
      .nav-tabs .nav-item {
        margin-bottom: -1px;
      }
      .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .nav-tabs .nav-link:focus,
      .nav-tabs .nav-link:hover {
        border-color: #e9ecef #e9ecef #dee2e6;
      }
      .nav-tabs .nav-link.disabled {
        color: #6c757d;
        background-color: transparent;
        border-color: transparent;
      }
      .nav-tabs .nav-item.show .nav-link,
      .nav-tabs .nav-link.active {
        color: #495057;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
      }
      .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
      .nav-pills .nav-link {
        border-radius: 0.25rem;
      }
      .nav-pills .nav-link.active,
      .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
      }
      .nav-fill .nav-item {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
      }
      .nav-justified .nav-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
      }
      .tab-content > .tab-pane {
        display: none;
      }
      .tab-content > .active {
        display: block;
      }
      .navbar {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 20px;
      }
      .navbar > .container,
      .navbar > .container-fluid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      .navbar-brand {
        display: inline-block;
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
        margin-right: 20px;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
      }
      .navbar-brand:focus,
      .navbar-brand:hover {
        text-decoration: none;
      }
      .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
      }
      .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
      }
      .navbar-nav .dropdown-menu {
        position: static;
        float: none;
      }
      .navbar-text {
        display: inline-block;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
      }
      .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.25rem;
      }
      .navbar-toggler:focus,
      .navbar-toggler:hover {
        text-decoration: none;
      }
      .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer;
      }
      .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-size: 100% 100%;
      }
      @media (max-width: 767.98px) {
        .navbar-expand-m > .container,
        .navbar-expand-m > .container-fluid {
          padding-right: 0;
          padding-left: 0;
        }
      }
      @media (min-width: 768px) {
        .navbar-expand-m {
          -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
          -ms-flex-pack: start;
          justify-content: flex-start;
        }
        .navbar-expand-m .navbar-nav {
          -ms-flex-direction: row;
          flex-direction: row;
        }
        .navbar-expand-m .navbar-nav .dropdown-menu {
          position: absolute;
        }
        .navbar-expand-m .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
        }
        .navbar-expand-m > .container,
        .navbar-expand-m > .container-fluid {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
        }
        .navbar-expand-m .navbar-collapse {
          display: -ms-flexbox !important;
          display: flex !important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto;
        }
        .navbar-expand-m .navbar-toggler {
          display: none;
        }
      }
      @media (max-width: 1023.98px) {
        .navbar-expand-l > .container,
        .navbar-expand-l > .container-fluid {
          padding-right: 0;
          padding-left: 0;
        }
      }
      @media (min-width: 1024px) {
        .navbar-expand-l {
          -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
          -ms-flex-pack: start;
          justify-content: flex-start;
        }
        .navbar-expand-l .navbar-nav {
          -ms-flex-direction: row;
          flex-direction: row;
        }
        .navbar-expand-l .navbar-nav .dropdown-menu {
          position: absolute;
        }
        .navbar-expand-l .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
        }
        .navbar-expand-l > .container,
        .navbar-expand-l > .container-fluid {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
        }
        .navbar-expand-l .navbar-collapse {
          display: -ms-flexbox !important;
          display: flex !important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto;
        }
        .navbar-expand-l .navbar-toggler {
          display: none;
        }
      }
      @media (max-width: 1179.98px) {
        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
          padding-right: 0;
          padding-left: 0;
        }
      }
      @media (min-width: 1180px) {
        .navbar-expand-xl {
          -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
          -ms-flex-pack: start;
          justify-content: flex-start;
        }
        .navbar-expand-xl .navbar-nav {
          -ms-flex-direction: row;
          flex-direction: row;
        }
        .navbar-expand-xl .navbar-nav .dropdown-menu {
          position: absolute;
        }
        .navbar-expand-xl .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
        }
        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
        }
        .navbar-expand-xl .navbar-collapse {
          display: -ms-flexbox !important;
          display: flex !important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto;
        }
        .navbar-expand-xl .navbar-toggler {
          display: none;
        }
      }
      @media (max-width: 1599.98px) {
        .navbar-expand-xxl > .container,
        .navbar-expand-xxl > .container-fluid {
          padding-right: 0;
          padding-left: 0;
        }
      }
      @media (min-width: 1600px) {
        .navbar-expand-xxl {
          -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
          -ms-flex-pack: start;
          justify-content: flex-start;
        }
        .navbar-expand-xxl .navbar-nav {
          -ms-flex-direction: row;
          flex-direction: row;
        }
        .navbar-expand-xxl .navbar-nav .dropdown-menu {
          position: absolute;
        }
        .navbar-expand-xxl .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
        }
        .navbar-expand-xxl > .container,
        .navbar-expand-xxl > .container-fluid {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
        }
        .navbar-expand-xxl .navbar-collapse {
          display: -ms-flexbox !important;
          display: flex !important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto;
        }
        .navbar-expand-xxl .navbar-toggler {
          display: none;
        }
      }
      .navbar-expand {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
      }
      .navbar-expand > .container,
      .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
      }
      .navbar-expand .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
      }
      .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute;
      }
      .navbar-expand .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
      }
      .navbar-expand > .container,
      .navbar-expand > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
      }
      .navbar-expand .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
      }
      .navbar-expand .navbar-toggler {
        display: none;
      }
      .navbar-light .navbar-brand {
        color: rgba(0, 0, 0, 0.9);
      }
      .navbar-light .navbar-brand:focus,
      .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, 0.9);
      }
      .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.5);
      }
      .navbar-light .navbar-nav .nav-link:focus,
      .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
      }
      .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
      }
      .navbar-light .navbar-nav .active > .nav-link,
      .navbar-light .navbar-nav .nav-link.active,
      .navbar-light .navbar-nav .nav-link.show,
      .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0, 0, 0, 0.9);
      }
      .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, 0.5);
        border-color: rgba(0, 0, 0, 0.1);
      }
      .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
      }
      .navbar-light .navbar-text {
        color: rgba(0, 0, 0, 0.5);
      }
      .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
      }
      .navbar-light .navbar-text a:focus,
      .navbar-light .navbar-text a:hover {
        color: rgba(0, 0, 0, 0.9);
      }
      .navbar-dark .navbar-brand {
        color: #fff;
      }
      .navbar-dark .navbar-brand:focus,
      .navbar-dark .navbar-brand:hover {
        color: #fff;
      }
      .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
      }
      .navbar-dark .navbar-nav .nav-link:focus,
      .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.75);
      }
      .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
      }
      .navbar-dark .navbar-nav .active > .nav-link,
      .navbar-dark .navbar-nav .nav-link.active,
      .navbar-dark .navbar-nav .nav-link.show,
      .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff;
      }
      .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.1);
      }
      .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
      }
      .navbar-dark .navbar-text {
        color: rgba(255, 255, 255, 0.5);
      }
      .navbar-dark .navbar-text a {
        color: #fff;
      }
      .navbar-dark .navbar-text a:focus,
      .navbar-dark .navbar-text a:hover {
        color: #fff;
      }
      .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 0.25rem;
      }
      .card > hr {
        margin-right: 0;
        margin-left: 0;
      }
      .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
      }
      .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem;
      }
      .card-title {
        margin-bottom: 0.75rem;
      }
      .card-subtitle {
        margin-top: -0.375rem;
        margin-bottom: 0;
      }
      .card-text:last-child {
        margin-bottom: 0;
      }
      .card-link:hover {
        text-decoration: none;
      }
      .card-link + .card-link {
        margin-left: 1.25rem;
      }
      .card-header {
        padding: 0.75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, 0.03);
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
      }
      .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
      }
      .card-header + .list-group .list-group-item:first-child {
        border-top: 0;
      }
      .card-footer {
        padding: 0.75rem 1.25rem;
        background-color: rgba(0, 0, 0, 0.03);
        border-top: 1px solid rgba(0, 0, 0, 0.125);
      }
      .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
      }
      .card-header-tabs {
        margin-right: -0.625rem;
        margin-bottom: -0.75rem;
        margin-left: -0.625rem;
        border-bottom: 0;
      }
      .card-header-pills {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
      }
      .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem;
      }
      .card-img {
        width: 100%;
        border-radius: calc(0.25rem - 1px);
      }
      .card-img-top {
        width: 100%;
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
      }
      .card-img-bottom {
        width: 100%;
        border-bottom-right-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px);
      }
      .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -5px;
        margin-left: -5px;
      }
      .card-deck .card {
        margin-bottom: 5px;
      }
      .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 5px;
        margin-bottom: 0;
        margin-left: 5px;
      }
      .card-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
      }
      .card-group > .card {
        margin-bottom: 5px;
      }
      .card-group > .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
      }
      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
      }
      .card-group > .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
      .card-group > .card:first-child .card-header,
      .card-group > .card:first-child .card-img-top {
        border-top-right-radius: 0;
      }
      .card-group > .card:first-child .card-footer,
      .card-group > .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0;
      }
      .card-group > .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
      .card-group > .card:last-child .card-header,
      .card-group > .card:last-child .card-img-top {
        border-top-left-radius: 0;
      }
      .card-group > .card:last-child .card-footer,
      .card-group > .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0;
      }
      .card-group > .card:only-child {
        border-radius: 0.25rem;
      }
      .card-group > .card:only-child .card-header,
      .card-group > .card:only-child .card-img-top {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .card-group > .card:only-child .card-footer,
      .card-group > .card:only-child .card-img-bottom {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
      }
      .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
      }
      .card-group
        > .card:not(:first-child):not(:last-child):not(:only-child)
        .card-footer,
      .card-group
        > .card:not(:first-child):not(:last-child):not(:only-child)
        .card-header,
      .card-group
        > .card:not(:first-child):not(:last-child):not(:only-child)
        .card-img-bottom,
      .card-group
        > .card:not(:first-child):not(:last-child):not(:only-child)
        .card-img-top {
        border-radius: 0;
      }
      .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
      }
      .card-columns .card {
        margin-bottom: 0.75rem;
      }
      .card-columns .card {
        display: inline-block;
        width: 100%;
      }
      .accordion .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0;
      }
      .accordion .card:not(:first-of-type) .card-header:first-child {
        border-radius: 0;
      }
      .accordion .card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
      }
      .accordion .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
      .breadcrumb {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        background-color: #e9ecef;
        border-radius: 0.25rem;
      }
      .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.5rem;
      }
      .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.5rem;
        color: #6c757d;
        content: "/";
      }
      .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline;
      }
      .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none;
      }
      .breadcrumb-item.active {
        color: #6c757d;
      }
      .pagination {
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 0.25rem;
      }
      .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6;
      }
      .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
      }
      .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .page-link:not(:disabled):not(.disabled) {
        cursor: pointer;
      }
      .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
      }
      .page-item:last-child .page-link {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
      }
      .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
      }
      .page-item.disabled .page-link {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6;
      }
      .pagination-lg .page-link {
        padding: 0.75rem 1.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
      }
      .pagination-lg .page-item:first-child .page-link {
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
      }
      .pagination-lg .page-item:last-child .page-link {
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
      }
      .pagination-sm .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
      }
      .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
      }
      .pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
      }
      .badge {
        display: inline-block;
        padding: 0.25em 0.4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25rem;
      }
      .badge:empty {
        display: none;
      }
      .btn .badge {
        position: relative;
        top: -1px;
      }
      .badge-pill {
        padding-right: 0.6em;
        padding-left: 0.6em;
        border-radius: 10rem;
      }
      .badge-primary {
        color: #fff;
        background-color: #007bff;
      }
      .badge-primary[href]:focus,
      .badge-primary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0062cc;
      }
      .badge-secondary {
        color: #fff;
        background-color: #6c757d;
      }
      .badge-secondary[href]:focus,
      .badge-secondary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #545b62;
      }
      .badge-success {
        color: #fff;
        background-color: #28a745;
      }
      .badge-success[href]:focus,
      .badge-success[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1e7e34;
      }
      .badge-info {
        color: #fff;
        background-color: #17a2b8;
      }
      .badge-info[href]:focus,
      .badge-info[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #117a8b;
      }
      .badge-warning {
        color: #212529;
        background-color: #ffc107;
      }
      .badge-warning[href]:focus,
      .badge-warning[href]:hover {
        color: #212529;
        text-decoration: none;
        background-color: #d39e00;
      }
      .badge-danger {
        color: #fff;
        background-color: #dc3545;
      }
      .badge-danger[href]:focus,
      .badge-danger[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #bd2130;
      }
      .badge-light {
        color: #212529;
        background-color: #f8f9fa;
      }
      .badge-light[href]:focus,
      .badge-light[href]:hover {
        color: #212529;
        text-decoration: none;
        background-color: #dae0e5;
      }
      .badge-dark {
        color: #fff;
        background-color: #343a40;
      }
      .badge-dark[href]:focus,
      .badge-dark[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1d2124;
      }
      .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #e9ecef;
        border-radius: 0.3rem;
        padding: 4rem 2rem;
      }
      .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0;
      }
      .alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.25rem;
      }
      .alert-heading {
        color: inherit;
      }
      .alert-link {
        font-weight: 700;
      }
      .alert-dismissible {
        padding-right: 4rem;
      }
      .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
      }
      .alert-primary {
        color: #004085;
        background-color: #cce5ff;
        border-color: #b8daff;
      }
      .alert-primary hr {
        border-top-color: #9fcdff;
      }
      .alert-primary .alert-link {
        color: #002752;
      }
      .alert-secondary {
        color: #383d41;
        background-color: #e2e3e5;
        border-color: #d6d8db;
      }
      .alert-secondary hr {
        border-top-color: #c8cbcf;
      }
      .alert-secondary .alert-link {
        color: #202326;
      }
      .alert-success {
        color: #155724;
        background-color: #d4edda;
        border-color: #c3e6cb;
      }
      .alert-success hr {
        border-top-color: #b1dfbb;
      }
      .alert-success .alert-link {
        color: #0b2e13;
      }
      .alert-info {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb;
      }
      .alert-info hr {
        border-top-color: #abdde5;
      }
      .alert-info .alert-link {
        color: #062c33;
      }
      .alert-warning {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
      }
      .alert-warning hr {
        border-top-color: #ffe8a1;
      }
      .alert-warning .alert-link {
        color: #533f03;
      }
      .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
      }
      .alert-danger hr {
        border-top-color: #f1b0b7;
      }
      .alert-danger .alert-link {
        color: #491217;
      }
      .alert-light {
        color: #818182;
        background-color: #fefefe;
        border-color: #fdfdfe;
      }
      .alert-light hr {
        border-top-color: #ececf6;
      }
      .alert-light .alert-link {
        color: #686868;
      }
      .alert-dark {
        color: #1b1e21;
        background-color: #d6d8d9;
        border-color: #c6c8ca;
      }
      .alert-dark hr {
        border-top-color: #b9bbbe;
      }
      .alert-dark .alert-link {
        color: #040505;
      }
      @-webkit-keyframes progress-bar-stripes {
        from {
          background-position: 1rem 0;
        }
        to {
          background-position: 0 0;
        }
      }
      @keyframes progress-bar-stripes {
        from {
          background-position: 1rem 0;
        }
        to {
          background-position: 0 0;
        }
      }
      .progress {
        display: -ms-flexbox;
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: 0.75rem;
        background-color: #e9ecef;
        border-radius: 0.25rem;
      }
      .progress-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #007bff;
        transition: width 0.6s ease;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .progress-bar {
          transition: none;
        }
      }
      .progress-bar-striped {
        background-image: linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
        );
        background-size: 1rem 1rem;
      }
      .progress-bar-animated {
        -webkit-animation: progress-bar-stripes 1s linear infinite;
        animation: progress-bar-stripes 1s linear infinite;
      }
      .media {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
      }
      .media-body {
        -ms-flex: 1;
        flex: 1;
      }
      .list-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
      }
      .list-group-item-action {
        width: 100%;
        color: #495057;
        text-align: inherit;
      }
      .list-group-item-action:focus,
      .list-group-item-action:hover {
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa;
      }
      .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef;
      }
      .list-group-item {
        position: relative;
        display: block;
        padding: 0.75rem 1.25rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.125);
      }
      .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
      }
      .list-group-item:focus,
      .list-group-item:hover {
        z-index: 1;
        text-decoration: none;
      }
      .list-group-item.disabled,
      .list-group-item:disabled {
        color: #6c757d;
        background-color: #fff;
      }
      .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
      }
      .list-group-flush .list-group-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
      }
      .list-group-flush:first-child .list-group-item:first-child {
        border-top: 0;
      }
      .list-group-flush:last-child .list-group-item:last-child {
        border-bottom: 0;
      }
      .list-group-item-primary {
        color: #004085;
        background-color: #b8daff;
      }
      .list-group-item-primary.list-group-item-action:focus,
      .list-group-item-primary.list-group-item-action:hover {
        color: #004085;
        background-color: #9fcdff;
      }
      .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085;
      }
      .list-group-item-secondary {
        color: #383d41;
        background-color: #d6d8db;
      }
      .list-group-item-secondary.list-group-item-action:focus,
      .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf;
      }
      .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41;
      }
      .list-group-item-success {
        color: #155724;
        background-color: #c3e6cb;
      }
      .list-group-item-success.list-group-item-action:focus,
      .list-group-item-success.list-group-item-action:hover {
        color: #155724;
        background-color: #b1dfbb;
      }
      .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724;
      }
      .list-group-item-info {
        color: #0c5460;
        background-color: #bee5eb;
      }
      .list-group-item-info.list-group-item-action:focus,
      .list-group-item-info.list-group-item-action:hover {
        color: #0c5460;
        background-color: #abdde5;
      }
      .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460;
      }
      .list-group-item-warning {
        color: #856404;
        background-color: #ffeeba;
      }
      .list-group-item-warning.list-group-item-action:focus,
      .list-group-item-warning.list-group-item-action:hover {
        color: #856404;
        background-color: #ffe8a1;
      }
      .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404;
      }
      .list-group-item-danger {
        color: #721c24;
        background-color: #f5c6cb;
      }
      .list-group-item-danger.list-group-item-action:focus,
      .list-group-item-danger.list-group-item-action:hover {
        color: #721c24;
        background-color: #f1b0b7;
      }
      .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24;
      }
      .list-group-item-light {
        color: #818182;
        background-color: #fdfdfe;
      }
      .list-group-item-light.list-group-item-action:focus,
      .list-group-item-light.list-group-item-action:hover {
        color: #818182;
        background-color: #ececf6;
      }
      .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182;
      }
      .list-group-item-dark {
        color: #1b1e21;
        background-color: #c6c8ca;
      }
      .list-group-item-dark.list-group-item-action:focus,
      .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe;
      }
      .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21;
      }
      .close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: 0.5;
      }
      .close:not(:disabled):not(.disabled) {
        cursor: pointer;
      }
      .close:not(:disabled):not(.disabled):focus,
      .close:not(:disabled):not(.disabled):hover {
        color: #000;
        text-decoration: none;
        opacity: 0.75;
      }
      button.close {
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
      }
      .modal-open {
        overflow: hidden;
      }
      .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
      }
      .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0;
      }
      .modal-dialog {
        position: relative;
        width: auto;
        margin: 0.5rem;
        pointer-events: none;
      }
      .modal.fade .modal-dialog {
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -25%);
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .modal.fade .modal-dialog {
          transition: none;
        }
      }
      .modal.show .modal-dialog {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
      }
      .modal-dialog-centered {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - (0.5rem * 2));
      }
      .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - (0.5rem * 2));
        content: "";
      }
      .modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
        outline: 0;
      }
      .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
      }
      .modal-backdrop.fade {
        opacity: 0;
      }
      .modal-backdrop.show {
        opacity: 0.5;
      }
      .modal-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid #e9ecef;
        border-top-left-radius: 0.3rem;
        border-top-right-radius: 0.3rem;
      }
      .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto;
      }
      .modal-title {
        margin-bottom: 0;
        line-height: 1.5;
      }
      .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1rem;
      }
      .modal-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 1rem;
        border-top: 1px solid #e9ecef;
      }
      .modal-footer > :not(:first-child) {
        margin-left: 0.25rem;
      }
      .modal-footer > :not(:last-child) {
        margin-right: 0.25rem;
      }
      .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
      }
      .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
      }
      .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
      }
      .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2));
      }
      .modal-sm {
        max-width: 300px;
      }
      .modal-lg {
        max-width: 800px;
      }
      .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
          "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 0.875rem;
        word-wrap: break-word;
        opacity: 0;
      }
      .tooltip.show {
        opacity: 0.9;
      }
      .tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
      }
      .tooltip .arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
      }
      .bs-tooltip-auto[x-placement^="top"],
      .bs-tooltip-top {
        padding: 0.4rem 0;
      }
      .bs-tooltip-auto[x-placement^="top"] .arrow,
      .bs-tooltip-top .arrow {
        bottom: 0;
      }
      .bs-tooltip-auto[x-placement^="top"] .arrow::before,
      .bs-tooltip-top .arrow::before {
        top: 0;
        border-width: 0.4rem 0.4rem 0;
        border-top-color: #000;
      }
      .bs-tooltip-auto[x-placement^="right"],
      .bs-tooltip-right {
        padding: 0 0.4rem;
      }
      .bs-tooltip-auto[x-placement^="right"] .arrow,
      .bs-tooltip-right .arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
      }
      .bs-tooltip-auto[x-placement^="right"] .arrow::before,
      .bs-tooltip-right .arrow::before {
        right: 0;
        border-width: 0.4rem 0.4rem 0.4rem 0;
        border-right-color: #000;
      }
      .bs-tooltip-auto[x-placement^="bottom"],
      .bs-tooltip-bottom {
        padding: 0.4rem 0;
      }
      .bs-tooltip-auto[x-placement^="bottom"] .arrow,
      .bs-tooltip-bottom .arrow {
        top: 0;
      }
      .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
      .bs-tooltip-bottom .arrow::before {
        bottom: 0;
        border-width: 0 0.4rem 0.4rem;
        border-bottom-color: #000;
      }
      .bs-tooltip-auto[x-placement^="left"],
      .bs-tooltip-left {
        padding: 0 0.4rem;
      }
      .bs-tooltip-auto[x-placement^="left"] .arrow,
      .bs-tooltip-left .arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
      }
      .bs-tooltip-auto[x-placement^="left"] .arrow::before,
      .bs-tooltip-left .arrow::before {
        left: 0;
        border-width: 0.4rem 0 0.4rem 0.4rem;
        border-left-color: #000;
      }
      .tooltip-inner {
        max-width: 200px;
        padding: 0.25rem 0.5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: 0.25rem;
      }
      .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: block;
        max-width: 276px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
          "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 0.875rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
      }
      .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
        margin: 0 0.3rem;
      }
      .popover .arrow::after,
      .popover .arrow::before {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid;
      }
      .bs-popover-auto[x-placement^="top"],
      .bs-popover-top {
        margin-bottom: 0.5rem;
      }
      .bs-popover-auto[x-placement^="top"] .arrow,
      .bs-popover-top .arrow {
        bottom: calc((0.5rem + 1px) * -1);
      }
      .bs-popover-auto[x-placement^="top"] .arrow::after,
      .bs-popover-auto[x-placement^="top"] .arrow::before,
      .bs-popover-top .arrow::after,
      .bs-popover-top .arrow::before {
        border-width: 0.5rem 0.5rem 0;
      }
      .bs-popover-auto[x-placement^="top"] .arrow::before,
      .bs-popover-top .arrow::before {
        bottom: 0;
        border-top-color: rgba(0, 0, 0, 0.25);
      }
      .bs-popover-auto[x-placement^="top"] .arrow::after,
      .bs-popover-top .arrow::after {
        bottom: 1px;
        border-top-color: #fff;
      }
      .bs-popover-auto[x-placement^="right"],
      .bs-popover-right {
        margin-left: 0.5rem;
      }
      .bs-popover-auto[x-placement^="right"] .arrow,
      .bs-popover-right .arrow {
        left: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
      }
      .bs-popover-auto[x-placement^="right"] .arrow::after,
      .bs-popover-auto[x-placement^="right"] .arrow::before,
      .bs-popover-right .arrow::after,
      .bs-popover-right .arrow::before {
        border-width: 0.5rem 0.5rem 0.5rem 0;
      }
      .bs-popover-auto[x-placement^="right"] .arrow::before,
      .bs-popover-right .arrow::before {
        left: 0;
        border-right-color: rgba(0, 0, 0, 0.25);
      }
      .bs-popover-auto[x-placement^="right"] .arrow::after,
      .bs-popover-right .arrow::after {
        left: 1px;
        border-right-color: #fff;
      }
      .bs-popover-auto[x-placement^="bottom"],
      .bs-popover-bottom {
        margin-top: 0.5rem;
      }
      .bs-popover-auto[x-placement^="bottom"] .arrow,
      .bs-popover-bottom .arrow {
        top: calc((0.5rem + 1px) * -1);
      }
      .bs-popover-auto[x-placement^="bottom"] .arrow::after,
      .bs-popover-auto[x-placement^="bottom"] .arrow::before,
      .bs-popover-bottom .arrow::after,
      .bs-popover-bottom .arrow::before {
        border-width: 0 0.5rem 0.5rem 0.5rem;
      }
      .bs-popover-auto[x-placement^="bottom"] .arrow::before,
      .bs-popover-bottom .arrow::before {
        top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.25);
      }
      .bs-popover-auto[x-placement^="bottom"] .arrow::after,
      .bs-popover-bottom .arrow::after {
        top: 1px;
        border-bottom-color: #fff;
      }
      .bs-popover-auto[x-placement^="bottom"] .popover-header::before,
      .bs-popover-bottom .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -0.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7;
      }
      .bs-popover-auto[x-placement^="left"],
      .bs-popover-left {
        margin-right: 0.5rem;
      }
      .bs-popover-auto[x-placement^="left"] .arrow,
      .bs-popover-left .arrow {
        right: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
      }
      .bs-popover-auto[x-placement^="left"] .arrow::after,
      .bs-popover-auto[x-placement^="left"] .arrow::before,
      .bs-popover-left .arrow::after,
      .bs-popover-left .arrow::before {
        border-width: 0.5rem 0 0.5rem 0.5rem;
      }
      .bs-popover-auto[x-placement^="left"] .arrow::before,
      .bs-popover-left .arrow::before {
        right: 0;
        border-left-color: rgba(0, 0, 0, 0.25);
      }
      .bs-popover-auto[x-placement^="left"] .arrow::after,
      .bs-popover-left .arrow::after {
        right: 1px;
        border-left-color: #fff;
      }
      .popover-header {
        padding: 0.5rem 0.75rem;
        margin-bottom: 0;
        font-size: 1rem;
        color: inherit;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-top-left-radius: calc(0.3rem - 1px);
        border-top-right-radius: calc(0.3rem - 1px);
      }
      .popover-header:empty {
        display: none;
      }
      .popover-body {
        padding: 0.5rem 0.75rem;
        color: #212529;
      }
      .carousel {
        position: relative;
      }
      .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
      }
      .carousel-item {
        position: relative;
        display: none;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
      }
      .carousel-item-next,
      .carousel-item-prev,
      .carousel-item.active {
        display: block;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.6s ease;
        transition: transform 0.6s ease, -webkit-transform 0.6s ease;
      }
      @media screen and (prefers-reduced-motion: reduce) {
        .carousel-item-next,
        .carousel-item-prev,
        .carousel-item.active {
          transition: none;
        }
      }
      .carousel-item-next,
      .carousel-item-prev {
        position: absolute;
        top: 0;
      }
      .carousel-item-next.carousel-item-left,
      .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
      @supports (
        (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
      ) {
        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      .active.carousel-item-right,
      .carousel-item-next {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
      }
      @supports (
        (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
      ) {
        .active.carousel-item-right,
        .carousel-item-next {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }
      .active.carousel-item-left,
      .carousel-item-prev {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
      }
      @supports (
        (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
      ) {
        .active.carousel-item-left,
        .carousel-item-prev {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }
      .carousel-fade .carousel-item {
        opacity: 0;
        transition-duration: 0.6s;
        transition-property: opacity;
      }
      .carousel-fade .carousel-item-next.carousel-item-left,
      .carousel-fade .carousel-item-prev.carousel-item-right,
      .carousel-fade .carousel-item.active {
        opacity: 1;
      }
      .carousel-fade .active.carousel-item-left,
      .carousel-fade .active.carousel-item-right {
        opacity: 0;
      }
      .carousel-fade .active.carousel-item-left,
      .carousel-fade .active.carousel-item-prev,
      .carousel-fade .carousel-item-next,
      .carousel-fade .carousel-item-prev,
      .carousel-fade .carousel-item.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
      @supports (
        (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
      ) {
        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-prev,
        .carousel-fade .carousel-item-next,
        .carousel-fade .carousel-item-prev,
        .carousel-fade .carousel-item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      .carousel-control-next,
      .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 15%;
        color: #fff;
        text-align: center;
        opacity: 0.5;
      }
      .carousel-control-next:focus,
      .carousel-control-next:hover,
      .carousel-control-prev:focus,
      .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: 0.9;
      }
      .carousel-control-prev {
        left: 0;
      }
      .carousel-control-next {
        right: 0;
      }
      .carousel-control-next-icon,
      .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: transparent no-repeat center center;
        background-size: 100% 100%;
      }
      .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
      }
      .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
      }
      .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 10px;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
      }
      .carousel-indicators li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.5);
      }
      .carousel-indicators li::before {
        position: absolute;
        top: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
      }
      .carousel-indicators li::after {
        position: absolute;
        bottom: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
      }
      .carousel-indicators .active {
        background-color: #fff;
      }
      .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
      }
      .align-baseline {
        vertical-align: baseline !important;
      }
      .align-top {
        vertical-align: top !important;
      }
      .align-middle {
        vertical-align: middle !important;
      }
      .align-bottom {
        vertical-align: bottom !important;
      }
      .align-text-bottom {
        vertical-align: text-bottom !important;
      }
      .align-text-top {
        vertical-align: text-top !important;
      }
      .bg-primary {
        background-color: #007bff !important;
      }
      a.bg-primary:focus,
      a.bg-primary:hover,
      button.bg-primary:focus,
      button.bg-primary:hover {
        background-color: #0062cc !important;
      }
      .bg-secondary {
        background-color: #6c757d !important;
      }
      a.bg-secondary:focus,
      a.bg-secondary:hover,
      button.bg-secondary:focus,
      button.bg-secondary:hover {
        background-color: #545b62 !important;
      }
      .bg-success {
        background-color: #28a745 !important;
      }
      a.bg-success:focus,
      a.bg-success:hover,
      button.bg-success:focus,
      button.bg-success:hover {
        background-color: #1e7e34 !important;
      }
      .bg-info {
        background-color: #17a2b8 !important;
      }
      a.bg-info:focus,
      a.bg-info:hover,
      button.bg-info:focus,
      button.bg-info:hover {
        background-color: #117a8b !important;
      }
      .bg-warning {
        background-color: #ffc107 !important;
      }
      a.bg-warning:focus,
      a.bg-warning:hover,
      button.bg-warning:focus,
      button.bg-warning:hover {
        background-color: #d39e00 !important;
      }
      .bg-danger {
        background-color: #dc3545 !important;
      }
      a.bg-danger:focus,
      a.bg-danger:hover,
      button.bg-danger:focus,
      button.bg-danger:hover {
        background-color: #bd2130 !important;
      }
      .bg-light {
        background-color: #f8f9fa !important;
      }
      a.bg-light:focus,
      a.bg-light:hover,
      button.bg-light:focus,
      button.bg-light:hover {
        background-color: #dae0e5 !important;
      }
      .bg-dark {
        background-color: #343a40 !important;
      }
      a.bg-dark:focus,
      a.bg-dark:hover,
      button.bg-dark:focus,
      button.bg-dark:hover {
        background-color: #1d2124 !important;
      }
      .bg-white {
        background-color: #fff !important;
      }
      .bg-transparent {
        background-color: transparent !important;
      }
      .border {
        border: 1px solid #dee2e6 !important;
      }
      .border-top {
        border-top: 1px solid #dee2e6 !important;
      }
      .border-right {
        border-right: 1px solid #dee2e6 !important;
      }
      .border-bottom {
        border-bottom: 1px solid #dee2e6 !important;
      }
      .border-left {
        border-left: 1px solid #dee2e6 !important;
      }
      .border-0 {
        border: 0 !important;
      }
      .border-top-0 {
        border-top: 0 !important;
      }
      .border-right-0 {
        border-right: 0 !important;
      }
      .border-bottom-0 {
        border-bottom: 0 !important;
      }
      .border-left-0 {
        border-left: 0 !important;
      }
      .border-primary {
        border-color: #007bff !important;
      }
      .border-secondary {
        border-color: #6c757d !important;
      }
      .border-success {
        border-color: #28a745 !important;
      }
      .border-info {
        border-color: #17a2b8 !important;
      }
      .border-warning {
        border-color: #ffc107 !important;
      }
      .border-danger {
        border-color: #dc3545 !important;
      }
      .border-light {
        border-color: #f8f9fa !important;
      }
      .border-dark {
        border-color: #343a40 !important;
      }
      .border-white {
        border-color: #fff !important;
      }
      .rounded {
        border-radius: 0.25rem !important;
      }
      .rounded-top {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
      }
      .rounded-right {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
      }
      .rounded-bottom {
        border-bottom-right-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
      }
      .rounded-left {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
      }
      .rounded-circle {
        border-radius: 50% !important;
      }
      .rounded-0 {
        border-radius: 0 !important;
      }
      .clearfix::after {
        display: block;
        clear: both;
        content: "";
      }
      .d-none {
        display: none !important;
      }
      .d-inline {
        display: inline !important;
      }
      .d-inline-block {
        display: inline-block !important;
      }
      .d-block {
        display: block !important;
      }
      .d-table {
        display: table !important;
      }
      .d-table-row {
        display: table-row !important;
      }
      .d-table-cell {
        display: table-cell !important;
      }
      .d-flex {
        display: -ms-flexbox !important;
        display: flex !important;
      }
      .d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
      }
      @media (min-width: 768px) {
        .d-m-none {
          display: none !important;
        }
        .d-m-inline {
          display: inline !important;
        }
        .d-m-inline-block {
          display: inline-block !important;
        }
        .d-m-block {
          display: block !important;
        }
        .d-m-table {
          display: table !important;
        }
        .d-m-table-row {
          display: table-row !important;
        }
        .d-m-table-cell {
          display: table-cell !important;
        }
        .d-m-flex {
          display: -ms-flexbox !important;
          display: flex !important;
        }
        .d-m-inline-flex {
          display: -ms-inline-flexbox !important;
          display: inline-flex !important;
        }
      }
      @media (min-width: 1024px) {
        .d-l-none {
          display: none !important;
        }
        .d-l-inline {
          display: inline !important;
        }
        .d-l-inline-block {
          display: inline-block !important;
        }
        .d-l-block {
          display: block !important;
        }
        .d-l-table {
          display: table !important;
        }
        .d-l-table-row {
          display: table-row !important;
        }
        .d-l-table-cell {
          display: table-cell !important;
        }
        .d-l-flex {
          display: -ms-flexbox !important;
          display: flex !important;
        }
        .d-l-inline-flex {
          display: -ms-inline-flexbox !important;
          display: inline-flex !important;
        }
      }
      @media (min-width: 1180px) {
        .d-xl-none {
          display: none !important;
        }
        .d-xl-inline {
          display: inline !important;
        }
        .d-xl-inline-block {
          display: inline-block !important;
        }
        .d-xl-block {
          display: block !important;
        }
        .d-xl-table {
          display: table !important;
        }
        .d-xl-table-row {
          display: table-row !important;
        }
        .d-xl-table-cell {
          display: table-cell !important;
        }
        .d-xl-flex {
          display: -ms-flexbox !important;
          display: flex !important;
        }
        .d-xl-inline-flex {
          display: -ms-inline-flexbox !important;
          display: inline-flex !important;
        }
      }
      @media (min-width: 1600px) {
        .d-xxl-none {
          display: none !important;
        }
        .d-xxl-inline {
          display: inline !important;
        }
        .d-xxl-inline-block {
          display: inline-block !important;
        }
        .d-xxl-block {
          display: block !important;
        }
        .d-xxl-table {
          display: table !important;
        }
        .d-xxl-table-row {
          display: table-row !important;
        }
        .d-xxl-table-cell {
          display: table-cell !important;
        }
        .d-xxl-flex {
          display: -ms-flexbox !important;
          display: flex !important;
        }
        .d-xxl-inline-flex {
          display: -ms-inline-flexbox !important;
          display: inline-flex !important;
        }
      }
      @media print {
        .d-print-none {
          display: none !important;
        }
        .d-print-inline {
          display: inline !important;
        }
        .d-print-inline-block {
          display: inline-block !important;
        }
        .d-print-block {
          display: block !important;
        }
        .d-print-table {
          display: table !important;
        }
        .d-print-table-row {
          display: table-row !important;
        }
        .d-print-table-cell {
          display: table-cell !important;
        }
        .d-print-flex {
          display: -ms-flexbox !important;
          display: flex !important;
        }
        .d-print-inline-flex {
          display: -ms-inline-flexbox !important;
          display: inline-flex !important;
        }
      }
      .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
      }
      .embed-responsive::before {
        display: block;
        content: "";
      }
      .embed-responsive .embed-responsive-item,
      .embed-responsive embed,
      .embed-responsive iframe,
      .embed-responsive object,
      .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
      }
      .embed-responsive-21by9::before {
        padding-top: 42.857143%;
      }
      .embed-responsive-16by9::before {
        padding-top: 56.25%;
      }
      .embed-responsive-4by3::before {
        padding-top: 75%;
      }
      .embed-responsive-1by1::before {
        padding-top: 100%;
      }
      .flex-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
      }
      .flex-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
      }
      .flex-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
      }
      .flex-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
      }
      .flex-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
      }
      .flex-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
      }
      .flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
      }
      .flex-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
      }
      .flex-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
      }
      .flex-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
      }
      .flex-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
      }
      .flex-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
      }
      .justify-content-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
      }
      .justify-content-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
      }
      .justify-content-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
      }
      .justify-content-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
      }
      .justify-content-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
      }
      .align-items-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
      }
      .align-items-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
      }
      .align-items-center {
        -ms-flex-align: center !important;
        align-items: center !important;
      }
      .align-items-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
      }
      .align-items-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
      }
      .align-content-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
      }
      .align-content-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
      }
      .align-content-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
      }
      .align-content-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
      }
      .align-content-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
      }
      .align-content-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
      }
      .align-self-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
      }
      .align-self-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
      }
      .align-self-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
      }
      .align-self-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
      }
      .align-self-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
      }
      .align-self-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
      }
      @media (min-width: 768px) {
        .flex-m-row {
          -ms-flex-direction: row !important;
          flex-direction: row !important;
        }
        .flex-m-column {
          -ms-flex-direction: column !important;
          flex-direction: column !important;
        }
        .flex-m-row-reverse {
          -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
        }
        .flex-m-column-reverse {
          -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
        }
        .flex-m-wrap {
          -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
        }
        .flex-m-nowrap {
          -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
        }
        .flex-m-wrap-reverse {
          -ms-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important;
        }
        .flex-m-fill {
          -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
        }
        .flex-m-grow-0 {
          -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
        }
        .flex-m-grow-1 {
          -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
        }
        .flex-m-shrink-0 {
          -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
        }
        .flex-m-shrink-1 {
          -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important;
        }
        .justify-content-m-start {
          -ms-flex-pack: start !important;
          justify-content: flex-start !important;
        }
        .justify-content-m-end {
          -ms-flex-pack: end !important;
          justify-content: flex-end !important;
        }
        .justify-content-m-center {
          -ms-flex-pack: center !important;
          justify-content: center !important;
        }
        .justify-content-m-between {
          -ms-flex-pack: justify !important;
          justify-content: space-between !important;
        }
        .justify-content-m-around {
          -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
        }
        .align-items-m-start {
          -ms-flex-align: start !important;
          align-items: flex-start !important;
        }
        .align-items-m-end {
          -ms-flex-align: end !important;
          align-items: flex-end !important;
        }
        .align-items-m-center {
          -ms-flex-align: center !important;
          align-items: center !important;
        }
        .align-items-m-baseline {
          -ms-flex-align: baseline !important;
          align-items: baseline !important;
        }
        .align-items-m-stretch {
          -ms-flex-align: stretch !important;
          align-items: stretch !important;
        }
        .align-content-m-start {
          -ms-flex-line-pack: start !important;
          align-content: flex-start !important;
        }
        .align-content-m-end {
          -ms-flex-line-pack: end !important;
          align-content: flex-end !important;
        }
        .align-content-m-center {
          -ms-flex-line-pack: center !important;
          align-content: center !important;
        }
        .align-content-m-between {
          -ms-flex-line-pack: justify !important;
          align-content: space-between !important;
        }
        .align-content-m-around {
          -ms-flex-line-pack: distribute !important;
          align-content: space-around !important;
        }
        .align-content-m-stretch {
          -ms-flex-line-pack: stretch !important;
          align-content: stretch !important;
        }
        .align-self-m-auto {
          -ms-flex-item-align: auto !important;
          align-self: auto !important;
        }
        .align-self-m-start {
          -ms-flex-item-align: start !important;
          align-self: flex-start !important;
        }
        .align-self-m-end {
          -ms-flex-item-align: end !important;
          align-self: flex-end !important;
        }
        .align-self-m-center {
          -ms-flex-item-align: center !important;
          align-self: center !important;
        }
        .align-self-m-baseline {
          -ms-flex-item-align: baseline !important;
          align-self: baseline !important;
        }
        .align-self-m-stretch {
          -ms-flex-item-align: stretch !important;
          align-self: stretch !important;
        }
      }
      @media (min-width: 1024px) {
        .flex-l-row {
          -ms-flex-direction: row !important;
          flex-direction: row !important;
        }
        .flex-l-column {
          -ms-flex-direction: column !important;
          flex-direction: column !important;
        }
        .flex-l-row-reverse {
          -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
        }
        .flex-l-column-reverse {
          -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
        }
        .flex-l-wrap {
          -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
        }
        .flex-l-nowrap {
          -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
        }
        .flex-l-wrap-reverse {
          -ms-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important;
        }
        .flex-l-fill {
          -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
        }
        .flex-l-grow-0 {
          -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
        }
        .flex-l-grow-1 {
          -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
        }
        .flex-l-shrink-0 {
          -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
        }
        .flex-l-shrink-1 {
          -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important;
        }
        .justify-content-l-start {
          -ms-flex-pack: start !important;
          justify-content: flex-start !important;
        }
        .justify-content-l-end {
          -ms-flex-pack: end !important;
          justify-content: flex-end !important;
        }
        .justify-content-l-center {
          -ms-flex-pack: center !important;
          justify-content: center !important;
        }
        .justify-content-l-between {
          -ms-flex-pack: justify !important;
          justify-content: space-between !important;
        }
        .justify-content-l-around {
          -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
        }
        .align-items-l-start {
          -ms-flex-align: start !important;
          align-items: flex-start !important;
        }
        .align-items-l-end {
          -ms-flex-align: end !important;
          align-items: flex-end !important;
        }
        .align-items-l-center {
          -ms-flex-align: center !important;
          align-items: center !important;
        }
        .align-items-l-baseline {
          -ms-flex-align: baseline !important;
          align-items: baseline !important;
        }
        .align-items-l-stretch {
          -ms-flex-align: stretch !important;
          align-items: stretch !important;
        }
        .align-content-l-start {
          -ms-flex-line-pack: start !important;
          align-content: flex-start !important;
        }
        .align-content-l-end {
          -ms-flex-line-pack: end !important;
          align-content: flex-end !important;
        }
        .align-content-l-center {
          -ms-flex-line-pack: center !important;
          align-content: center !important;
        }
        .align-content-l-between {
          -ms-flex-line-pack: justify !important;
          align-content: space-between !important;
        }
        .align-content-l-around {
          -ms-flex-line-pack: distribute !important;
          align-content: space-around !important;
        }
        .align-content-l-stretch {
          -ms-flex-line-pack: stretch !important;
          align-content: stretch !important;
        }
        .align-self-l-auto {
          -ms-flex-item-align: auto !important;
          align-self: auto !important;
        }
        .align-self-l-start {
          -ms-flex-item-align: start !important;
          align-self: flex-start !important;
        }
        .align-self-l-end {
          -ms-flex-item-align: end !important;
          align-self: flex-end !important;
        }
        .align-self-l-center {
          -ms-flex-item-align: center !important;
          align-self: center !important;
        }
        .align-self-l-baseline {
          -ms-flex-item-align: baseline !important;
          align-self: baseline !important;
        }
        .align-self-l-stretch {
          -ms-flex-item-align: stretch !important;
          align-self: stretch !important;
        }
      }
      @media (min-width: 1180px) {
        .flex-xl-row {
          -ms-flex-direction: row !important;
          flex-direction: row !important;
        }
        .flex-xl-column {
          -ms-flex-direction: column !important;
          flex-direction: column !important;
        }
        .flex-xl-row-reverse {
          -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
        }
        .flex-xl-column-reverse {
          -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
        }
        .flex-xl-wrap {
          -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
        }
        .flex-xl-nowrap {
          -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
        }
        .flex-xl-wrap-reverse {
          -ms-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important;
        }
        .flex-xl-fill {
          -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
        }
        .flex-xl-grow-0 {
          -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
        }
        .flex-xl-grow-1 {
          -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
        }
        .flex-xl-shrink-0 {
          -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
        }
        .flex-xl-shrink-1 {
          -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important;
        }
        .justify-content-xl-start {
          -ms-flex-pack: start !important;
          justify-content: flex-start !important;
        }
        .justify-content-xl-end {
          -ms-flex-pack: end !important;
          justify-content: flex-end !important;
        }
        .justify-content-xl-center {
          -ms-flex-pack: center !important;
          justify-content: center !important;
        }
        .justify-content-xl-between {
          -ms-flex-pack: justify !important;
          justify-content: space-between !important;
        }
        .justify-content-xl-around {
          -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
        }
        .align-items-xl-start {
          -ms-flex-align: start !important;
          align-items: flex-start !important;
        }
        .align-items-xl-end {
          -ms-flex-align: end !important;
          align-items: flex-end !important;
        }
        .align-items-xl-center {
          -ms-flex-align: center !important;
          align-items: center !important;
        }
        .align-items-xl-baseline {
          -ms-flex-align: baseline !important;
          align-items: baseline !important;
        }
        .align-items-xl-stretch {
          -ms-flex-align: stretch !important;
          align-items: stretch !important;
        }
        .align-content-xl-start {
          -ms-flex-line-pack: start !important;
          align-content: flex-start !important;
        }
        .align-content-xl-end {
          -ms-flex-line-pack: end !important;
          align-content: flex-end !important;
        }
        .align-content-xl-center {
          -ms-flex-line-pack: center !important;
          align-content: center !important;
        }
        .align-content-xl-between {
          -ms-flex-line-pack: justify !important;
          align-content: space-between !important;
        }
        .align-content-xl-around {
          -ms-flex-line-pack: distribute !important;
          align-content: space-around !important;
        }
        .align-content-xl-stretch {
          -ms-flex-line-pack: stretch !important;
          align-content: stretch !important;
        }
        .align-self-xl-auto {
          -ms-flex-item-align: auto !important;
          align-self: auto !important;
        }
        .align-self-xl-start {
          -ms-flex-item-align: start !important;
          align-self: flex-start !important;
        }
        .align-self-xl-end {
          -ms-flex-item-align: end !important;
          align-self: flex-end !important;
        }
        .align-self-xl-center {
          -ms-flex-item-align: center !important;
          align-self: center !important;
        }
        .align-self-xl-baseline {
          -ms-flex-item-align: baseline !important;
          align-self: baseline !important;
        }
        .align-self-xl-stretch {
          -ms-flex-item-align: stretch !important;
          align-self: stretch !important;
        }
      }
      @media (min-width: 1600px) {
        .flex-xxl-row {
          -ms-flex-direction: row !important;
          flex-direction: row !important;
        }
        .flex-xxl-column {
          -ms-flex-direction: column !important;
          flex-direction: column !important;
        }
        .flex-xxl-row-reverse {
          -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
        }
        .flex-xxl-column-reverse {
          -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
        }
        .flex-xxl-wrap {
          -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
        }
        .flex-xxl-nowrap {
          -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
        }
        .flex-xxl-wrap-reverse {
          -ms-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important;
        }
        .flex-xxl-fill {
          -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
        }
        .flex-xxl-grow-0 {
          -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
        }
        .flex-xxl-grow-1 {
          -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
        }
        .flex-xxl-shrink-0 {
          -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
        }
        .flex-xxl-shrink-1 {
          -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important;
        }
        .justify-content-xxl-start {
          -ms-flex-pack: start !important;
          justify-content: flex-start !important;
        }
        .justify-content-xxl-end {
          -ms-flex-pack: end !important;
          justify-content: flex-end !important;
        }
        .justify-content-xxl-center {
          -ms-flex-pack: center !important;
          justify-content: center !important;
        }
        .justify-content-xxl-between {
          -ms-flex-pack: justify !important;
          justify-content: space-between !important;
        }
        .justify-content-xxl-around {
          -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
        }
        .align-items-xxl-start {
          -ms-flex-align: start !important;
          align-items: flex-start !important;
        }
        .align-items-xxl-end {
          -ms-flex-align: end !important;
          align-items: flex-end !important;
        }
        .align-items-xxl-center {
          -ms-flex-align: center !important;
          align-items: center !important;
        }
        .align-items-xxl-baseline {
          -ms-flex-align: baseline !important;
          align-items: baseline !important;
        }
        .align-items-xxl-stretch {
          -ms-flex-align: stretch !important;
          align-items: stretch !important;
        }
        .align-content-xxl-start {
          -ms-flex-line-pack: start !important;
          align-content: flex-start !important;
        }
        .align-content-xxl-end {
          -ms-flex-line-pack: end !important;
          align-content: flex-end !important;
        }
        .align-content-xxl-center {
          -ms-flex-line-pack: center !important;
          align-content: center !important;
        }
        .align-content-xxl-between {
          -ms-flex-line-pack: justify !important;
          align-content: space-between !important;
        }
        .align-content-xxl-around {
          -ms-flex-line-pack: distribute !important;
          align-content: space-around !important;
        }
        .align-content-xxl-stretch {
          -ms-flex-line-pack: stretch !important;
          align-content: stretch !important;
        }
        .align-self-xxl-auto {
          -ms-flex-item-align: auto !important;
          align-self: auto !important;
        }
        .align-self-xxl-start {
          -ms-flex-item-align: start !important;
          align-self: flex-start !important;
        }
        .align-self-xxl-end {
          -ms-flex-item-align: end !important;
          align-self: flex-end !important;
        }
        .align-self-xxl-center {
          -ms-flex-item-align: center !important;
          align-self: center !important;
        }
        .align-self-xxl-baseline {
          -ms-flex-item-align: baseline !important;
          align-self: baseline !important;
        }
        .align-self-xxl-stretch {
          -ms-flex-item-align: stretch !important;
          align-self: stretch !important;
        }
      }
      .float-left {
        float: left !important;
      }
      .float-right {
        float: right !important;
      }
      .float-none {
        float: none !important;
      }
      @media (min-width: 768px) {
        .float-m-left {
          float: left !important;
        }
        .float-m-right {
          float: right !important;
        }
        .float-m-none {
          float: none !important;
        }
      }
      @media (min-width: 1024px) {
        .float-l-left {
          float: left !important;
        }
        .float-l-right {
          float: right !important;
        }
        .float-l-none {
          float: none !important;
        }
      }
      @media (min-width: 1180px) {
        .float-xl-left {
          float: left !important;
        }
        .float-xl-right {
          float: right !important;
        }
        .float-xl-none {
          float: none !important;
        }
      }
      @media (min-width: 1600px) {
        .float-xxl-left {
          float: left !important;
        }
        .float-xxl-right {
          float: right !important;
        }
        .float-xxl-none {
          float: none !important;
        }
      }
      .position-static {
        position: static !important;
      }
      .position-relative {
        position: relative !important;
      }
      .position-absolute {
        position: absolute !important;
      }
      .position-fixed {
        position: fixed !important;
      }
      .position-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
      }
      .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
      }
      .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
      }
      @supports ((position: -webkit-sticky) or (position: sticky)) {
        .sticky-top {
          position: -webkit-sticky;
          position: sticky;
          top: 0;
          z-index: 1020;
        }
      }
      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }
      .sr-only-focusable:active,
      .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal;
      }
      .shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
      }
      .shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
      }
      .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
      }
      .shadow-none {
        box-shadow: none !important;
      }
      .w-25 {
        width: 25% !important;
      }
      .w-50 {
        width: 50% !important;
      }
      .w-75 {
        width: 75% !important;
      }
      .w-100 {
        width: 100% !important;
      }
      .w-auto {
        width: auto !important;
      }
      .h-25 {
        height: 25% !important;
      }
      .h-50 {
        height: 50% !important;
      }
      .h-75 {
        height: 75% !important;
      }
      .h-100 {
        height: 100% !important;
      }
      .h-auto {
        height: auto !important;
      }
      .mw-100 {
        max-width: 100% !important;
      }
      .mh-100 {
        max-height: 100% !important;
      }
      .m-0 {
        margin: 0 !important;
      }
      .mt-0,
      .my-0 {
        margin-top: 0 !important;
      }
      .mr-0,
      .mx-0 {
        margin-right: 0 !important;
      }
      .mb-0,
      .my-0 {
        margin-bottom: 0 !important;
      }
      .ml-0,
      .mx-0 {
        margin-left: 0 !important;
      }
      .m-1 {
        margin: 5px !important;
      }
      .mt-1,
      .my-1 {
        margin-top: 5px !important;
      }
      .mr-1,
      .mx-1 {
        margin-right: 5px !important;
      }
      .mb-1,
      .my-1 {
        margin-bottom: 5px !important;
      }
      .ml-1,
      .mx-1 {
        margin-left: 5px !important;
      }
      .m-2 {
        margin: 10px !important;
      }
      .mt-2,
      .my-2 {
        margin-top: 10px !important;
      }
      .mr-2,
      .mx-2 {
        margin-right: 10px !important;
      }
      .mb-2,
      .my-2 {
        margin-bottom: 10px !important;
      }
      .ml-2,
      .mx-2 {
        margin-left: 10px !important;
      }
      .m-3 {
        margin: 15px !important;
      }
      .mt-3,
      .my-3 {
        margin-top: 15px !important;
      }
      .mr-3,
      .mx-3 {
        margin-right: 15px !important;
      }
      .mb-3,
      .my-3 {
        margin-bottom: 15px !important;
      }
      .ml-3,
      .mx-3 {
        margin-left: 15px !important;
      }
      .m-4 {
        margin: 20px !important;
      }
      .mt-4,
      .my-4 {
        margin-top: 20px !important;
      }
      .mr-4,
      .mx-4 {
        margin-right: 20px !important;
      }
      .mb-4,
      .my-4 {
        margin-bottom: 20px !important;
      }
      .ml-4,
      .mx-4 {
        margin-left: 20px !important;
      }
      .m-5 {
        margin: 25px !important;
      }
      .mt-5,
      .my-5 {
        margin-top: 25px !important;
      }
      .mr-5,
      .mx-5 {
        margin-right: 25px !important;
      }
      .mb-5,
      .my-5 {
        margin-bottom: 25px !important;
      }
      .ml-5,
      .mx-5 {
        margin-left: 25px !important;
      }
      .m-6 {
        margin: 30px !important;
      }
      .mt-6,
      .my-6 {
        margin-top: 30px !important;
      }
      .mr-6,
      .mx-6 {
        margin-right: 30px !important;
      }
      .mb-6,
      .my-6 {
        margin-bottom: 30px !important;
      }
      .ml-6,
      .mx-6 {
        margin-left: 30px !important;
      }
      .p-0 {
        padding: 0 !important;
      }
      .pt-0,
      .py-0 {
        padding-top: 0 !important;
      }
      .pr-0,
      .px-0 {
        padding-right: 0 !important;
      }
      .pb-0,
      .py-0 {
        padding-bottom: 0 !important;
      }
      .pl-0,
      .px-0 {
        padding-left: 0 !important;
      }
      .p-1 {
        padding: 5px !important;
      }
      .pt-1,
      .py-1 {
        padding-top: 5px !important;
      }
      .pr-1,
      .px-1 {
        padding-right: 5px !important;
      }
      .pb-1,
      .py-1 {
        padding-bottom: 5px !important;
      }
      .pl-1,
      .px-1 {
        padding-left: 5px !important;
      }
      .p-2 {
        padding: 10px !important;
      }
      .pt-2,
      .py-2 {
        padding-top: 10px !important;
      }
      .pr-2,
      .px-2 {
        padding-right: 10px !important;
      }
      .pb-2,
      .py-2 {
        padding-bottom: 10px !important;
      }
      .pl-2,
      .px-2 {
        padding-left: 10px !important;
      }
      .p-3 {
        padding: 15px !important;
      }
      .pt-3,
      .py-3 {
        padding-top: 15px !important;
      }
      .pr-3,
      .px-3 {
        padding-right: 15px !important;
      }
      .pb-3,
      .py-3 {
        padding-bottom: 15px !important;
      }
      .pl-3,
      .px-3 {
        padding-left: 15px !important;
      }
      .p-4 {
        padding: 20px !important;
      }
      .pt-4,
      .py-4 {
        padding-top: 20px !important;
      }
      .pr-4,
      .px-4 {
        padding-right: 20px !important;
      }
      .pb-4,
      .py-4 {
        padding-bottom: 20px !important;
      }
      .pl-4,
      .px-4 {
        padding-left: 20px !important;
      }
      .p-5 {
        padding: 25px !important;
      }
      .pt-5,
      .py-5 {
        padding-top: 25px !important;
      }
      .pr-5,
      .px-5 {
        padding-right: 25px !important;
      }
      .pb-5,
      .py-5 {
        padding-bottom: 25px !important;
      }
      .pl-5,
      .px-5 {
        padding-left: 25px !important;
      }
      .p-6 {
        padding: 30px !important;
      }
      .pt-6,
      .py-6 {
        padding-top: 30px !important;
      }
      .pr-6,
      .px-6 {
        padding-right: 30px !important;
      }
      .pb-6,
      .py-6 {
        padding-bottom: 30px !important;
      }
      .pl-6,
      .px-6 {
        padding-left: 30px !important;
      }
      .m-auto {
        margin: auto !important;
      }
      .mt-auto,
      .my-auto {
        margin-top: auto !important;
      }
      .mr-auto,
      .mx-auto {
        margin-right: auto !important;
      }
      .mb-auto,
      .my-auto {
        margin-bottom: auto !important;
      }
      .ml-auto,
      .mx-auto {
        margin-left: auto !important;
      }
      @media (min-width: 768px) {
        .m-m-0 {
          margin: 0 !important;
        }
        .mt-m-0,
        .my-m-0 {
          margin-top: 0 !important;
        }
        .mr-m-0,
        .mx-m-0 {
          margin-right: 0 !important;
        }
        .mb-m-0,
        .my-m-0 {
          margin-bottom: 0 !important;
        }
        .ml-m-0,
        .mx-m-0 {
          margin-left: 0 !important;
        }
        .m-m-1 {
          margin: 5px !important;
        }
        .mt-m-1,
        .my-m-1 {
          margin-top: 5px !important;
        }
        .mr-m-1,
        .mx-m-1 {
          margin-right: 5px !important;
        }
        .mb-m-1,
        .my-m-1 {
          margin-bottom: 5px !important;
        }
        .ml-m-1,
        .mx-m-1 {
          margin-left: 5px !important;
        }
        .m-m-2 {
          margin: 10px !important;
        }
        .mt-m-2,
        .my-m-2 {
          margin-top: 10px !important;
        }
        .mr-m-2,
        .mx-m-2 {
          margin-right: 10px !important;
        }
        .mb-m-2,
        .my-m-2 {
          margin-bottom: 10px !important;
        }
        .ml-m-2,
        .mx-m-2 {
          margin-left: 10px !important;
        }
        .m-m-3 {
          margin: 15px !important;
        }
        .mt-m-3,
        .my-m-3 {
          margin-top: 15px !important;
        }
        .mr-m-3,
        .mx-m-3 {
          margin-right: 15px !important;
        }
        .mb-m-3,
        .my-m-3 {
          margin-bottom: 15px !important;
        }
        .ml-m-3,
        .mx-m-3 {
          margin-left: 15px !important;
        }
        .m-m-4 {
          margin: 20px !important;
        }
        .mt-m-4,
        .my-m-4 {
          margin-top: 20px !important;
        }
        .mr-m-4,
        .mx-m-4 {
          margin-right: 20px !important;
        }
        .mb-m-4,
        .my-m-4 {
          margin-bottom: 20px !important;
        }
        .ml-m-4,
        .mx-m-4 {
          margin-left: 20px !important;
        }
        .m-m-5 {
          margin: 25px !important;
        }
        .mt-m-5,
        .my-m-5 {
          margin-top: 25px !important;
        }
        .mr-m-5,
        .mx-m-5 {
          margin-right: 25px !important;
        }
        .mb-m-5,
        .my-m-5 {
          margin-bottom: 25px !important;
        }
        .ml-m-5,
        .mx-m-5 {
          margin-left: 25px !important;
        }
        .m-m-6 {
          margin: 30px !important;
        }
        .mt-m-6,
        .my-m-6 {
          margin-top: 30px !important;
        }
        .mr-m-6,
        .mx-m-6 {
          margin-right: 30px !important;
        }
        .mb-m-6,
        .my-m-6 {
          margin-bottom: 30px !important;
        }
        .ml-m-6,
        .mx-m-6 {
          margin-left: 30px !important;
        }
        .p-m-0 {
          padding: 0 !important;
        }
        .pt-m-0,
        .py-m-0 {
          padding-top: 0 !important;
        }
        .pr-m-0,
        .px-m-0 {
          padding-right: 0 !important;
        }
        .pb-m-0,
        .py-m-0 {
          padding-bottom: 0 !important;
        }
        .pl-m-0,
        .px-m-0 {
          padding-left: 0 !important;
        }
        .p-m-1 {
          padding: 5px !important;
        }
        .pt-m-1,
        .py-m-1 {
          padding-top: 5px !important;
        }
        .pr-m-1,
        .px-m-1 {
          padding-right: 5px !important;
        }
        .pb-m-1,
        .py-m-1 {
          padding-bottom: 5px !important;
        }
        .pl-m-1,
        .px-m-1 {
          padding-left: 5px !important;
        }
        .p-m-2 {
          padding: 10px !important;
        }
        .pt-m-2,
        .py-m-2 {
          padding-top: 10px !important;
        }
        .pr-m-2,
        .px-m-2 {
          padding-right: 10px !important;
        }
        .pb-m-2,
        .py-m-2 {
          padding-bottom: 10px !important;
        }
        .pl-m-2,
        .px-m-2 {
          padding-left: 10px !important;
        }
        .p-m-3 {
          padding: 15px !important;
        }
        .pt-m-3,
        .py-m-3 {
          padding-top: 15px !important;
        }
        .pr-m-3,
        .px-m-3 {
          padding-right: 15px !important;
        }
        .pb-m-3,
        .py-m-3 {
          padding-bottom: 15px !important;
        }
        .pl-m-3,
        .px-m-3 {
          padding-left: 15px !important;
        }
        .p-m-4 {
          padding: 20px !important;
        }
        .pt-m-4,
        .py-m-4 {
          padding-top: 20px !important;
        }
        .pr-m-4,
        .px-m-4 {
          padding-right: 20px !important;
        }
        .pb-m-4,
        .py-m-4 {
          padding-bottom: 20px !important;
        }
        .pl-m-4,
        .px-m-4 {
          padding-left: 20px !important;
        }
        .p-m-5 {
          padding: 25px !important;
        }
        .pt-m-5,
        .py-m-5 {
          padding-top: 25px !important;
        }
        .pr-m-5,
        .px-m-5 {
          padding-right: 25px !important;
        }
        .pb-m-5,
        .py-m-5 {
          padding-bottom: 25px !important;
        }
        .pl-m-5,
        .px-m-5 {
          padding-left: 25px !important;
        }
        .p-m-6 {
          padding: 30px !important;
        }
        .pt-m-6,
        .py-m-6 {
          padding-top: 30px !important;
        }
        .pr-m-6,
        .px-m-6 {
          padding-right: 30px !important;
        }
        .pb-m-6,
        .py-m-6 {
          padding-bottom: 30px !important;
        }
        .pl-m-6,
        .px-m-6 {
          padding-left: 30px !important;
        }
        .m-m-auto {
          margin: auto !important;
        }
        .mt-m-auto,
        .my-m-auto {
          margin-top: auto !important;
        }
        .mr-m-auto,
        .mx-m-auto {
          margin-right: auto !important;
        }
        .mb-m-auto,
        .my-m-auto {
          margin-bottom: auto !important;
        }
        .ml-m-auto,
        .mx-m-auto {
          margin-left: auto !important;
        }
      }
      @media (min-width: 1024px) {
        .m-l-0 {
          margin: 0 !important;
        }
        .mt-l-0,
        .my-l-0 {
          margin-top: 0 !important;
        }
        .mr-l-0,
        .mx-l-0 {
          margin-right: 0 !important;
        }
        .mb-l-0,
        .my-l-0 {
          margin-bottom: 0 !important;
        }
        .ml-l-0,
        .mx-l-0 {
          margin-left: 0 !important;
        }
        .m-l-1 {
          margin: 5px !important;
        }
        .mt-l-1,
        .my-l-1 {
          margin-top: 5px !important;
        }
        .mr-l-1,
        .mx-l-1 {
          margin-right: 5px !important;
        }
        .mb-l-1,
        .my-l-1 {
          margin-bottom: 5px !important;
        }
        .ml-l-1,
        .mx-l-1 {
          margin-left: 5px !important;
        }
        .m-l-2 {
          margin: 10px !important;
        }
        .mt-l-2,
        .my-l-2 {
          margin-top: 10px !important;
        }
        .mr-l-2,
        .mx-l-2 {
          margin-right: 10px !important;
        }
        .mb-l-2,
        .my-l-2 {
          margin-bottom: 10px !important;
        }
        .ml-l-2,
        .mx-l-2 {
          margin-left: 10px !important;
        }
        .m-l-3 {
          margin: 15px !important;
        }
        .mt-l-3,
        .my-l-3 {
          margin-top: 15px !important;
        }
        .mr-l-3,
        .mx-l-3 {
          margin-right: 15px !important;
        }
        .mb-l-3,
        .my-l-3 {
          margin-bottom: 15px !important;
        }
        .ml-l-3,
        .mx-l-3 {
          margin-left: 15px !important;
        }
        .m-l-4 {
          margin: 20px !important;
        }
        .mt-l-4,
        .my-l-4 {
          margin-top: 20px !important;
        }
        .mr-l-4,
        .mx-l-4 {
          margin-right: 20px !important;
        }
        .mb-l-4,
        .my-l-4 {
          margin-bottom: 20px !important;
        }
        .ml-l-4,
        .mx-l-4 {
          margin-left: 20px !important;
        }
        .m-l-5 {
          margin: 25px !important;
        }
        .mt-l-5,
        .my-l-5 {
          margin-top: 25px !important;
        }
        .mr-l-5,
        .mx-l-5 {
          margin-right: 25px !important;
        }
        .mb-l-5,
        .my-l-5 {
          margin-bottom: 25px !important;
        }
        .ml-l-5,
        .mx-l-5 {
          margin-left: 25px !important;
        }
        .m-l-6 {
          margin: 30px !important;
        }
        .mt-l-6,
        .my-l-6 {
          margin-top: 30px !important;
        }
        .mr-l-6,
        .mx-l-6 {
          margin-right: 30px !important;
        }
        .mb-l-6,
        .my-l-6 {
          margin-bottom: 30px !important;
        }
        .ml-l-6,
        .mx-l-6 {
          margin-left: 30px !important;
        }
        .p-l-0 {
          padding: 0 !important;
        }
        .pt-l-0,
        .py-l-0 {
          padding-top: 0 !important;
        }
        .pr-l-0,
        .px-l-0 {
          padding-right: 0 !important;
        }
        .pb-l-0,
        .py-l-0 {
          padding-bottom: 0 !important;
        }
        .pl-l-0,
        .px-l-0 {
          padding-left: 0 !important;
        }
        .p-l-1 {
          padding: 5px !important;
        }
        .pt-l-1,
        .py-l-1 {
          padding-top: 5px !important;
        }
        .pr-l-1,
        .px-l-1 {
          padding-right: 5px !important;
        }
        .pb-l-1,
        .py-l-1 {
          padding-bottom: 5px !important;
        }
        .pl-l-1,
        .px-l-1 {
          padding-left: 5px !important;
        }
        .p-l-2 {
          padding: 10px !important;
        }
        .pt-l-2,
        .py-l-2 {
          padding-top: 10px !important;
        }
        .pr-l-2,
        .px-l-2 {
          padding-right: 10px !important;
        }
        .pb-l-2,
        .py-l-2 {
          padding-bottom: 10px !important;
        }
        .pl-l-2,
        .px-l-2 {
          padding-left: 10px !important;
        }
        .p-l-3 {
          padding: 15px !important;
        }
        .pt-l-3,
        .py-l-3 {
          padding-top: 15px !important;
        }
        .pr-l-3,
        .px-l-3 {
          padding-right: 15px !important;
        }
        .pb-l-3,
        .py-l-3 {
          padding-bottom: 15px !important;
        }
        .pl-l-3,
        .px-l-3 {
          padding-left: 15px !important;
        }
        .p-l-4 {
          padding: 20px !important;
        }
        .pt-l-4,
        .py-l-4 {
          padding-top: 20px !important;
        }
        .pr-l-4,
        .px-l-4 {
          padding-right: 20px !important;
        }
        .pb-l-4,
        .py-l-4 {
          padding-bottom: 20px !important;
        }
        .pl-l-4,
        .px-l-4 {
          padding-left: 20px !important;
        }
        .p-l-5 {
          padding: 25px !important;
        }
        .pt-l-5,
        .py-l-5 {
          padding-top: 25px !important;
        }
        .pr-l-5,
        .px-l-5 {
          padding-right: 25px !important;
        }
        .pb-l-5,
        .py-l-5 {
          padding-bottom: 25px !important;
        }
        .pl-l-5,
        .px-l-5 {
          padding-left: 25px !important;
        }
        .p-l-6 {
          padding: 30px !important;
        }
        .pt-l-6,
        .py-l-6 {
          padding-top: 30px !important;
        }
        .pr-l-6,
        .px-l-6 {
          padding-right: 30px !important;
        }
        .pb-l-6,
        .py-l-6 {
          padding-bottom: 30px !important;
        }
        .pl-l-6,
        .px-l-6 {
          padding-left: 30px !important;
        }
        .m-l-auto {
          margin: auto !important;
        }
        .mt-l-auto,
        .my-l-auto {
          margin-top: auto !important;
        }
        .mr-l-auto,
        .mx-l-auto {
          margin-right: auto !important;
        }
        .mb-l-auto,
        .my-l-auto {
          margin-bottom: auto !important;
        }
        .ml-l-auto,
        .mx-l-auto {
          margin-left: auto !important;
        }
      }
      @media (min-width: 1180px) {
        .m-xl-0 {
          margin: 0 !important;
        }
        .mt-xl-0,
        .my-xl-0 {
          margin-top: 0 !important;
        }
        .mr-xl-0,
        .mx-xl-0 {
          margin-right: 0 !important;
        }
        .mb-xl-0,
        .my-xl-0 {
          margin-bottom: 0 !important;
        }
        .ml-xl-0,
        .mx-xl-0 {
          margin-left: 0 !important;
        }
        .m-xl-1 {
          margin: 5px !important;
        }
        .mt-xl-1,
        .my-xl-1 {
          margin-top: 5px !important;
        }
        .mr-xl-1,
        .mx-xl-1 {
          margin-right: 5px !important;
        }
        .mb-xl-1,
        .my-xl-1 {
          margin-bottom: 5px !important;
        }
        .ml-xl-1,
        .mx-xl-1 {
          margin-left: 5px !important;
        }
        .m-xl-2 {
          margin: 10px !important;
        }
        .mt-xl-2,
        .my-xl-2 {
          margin-top: 10px !important;
        }
        .mr-xl-2,
        .mx-xl-2 {
          margin-right: 10px !important;
        }
        .mb-xl-2,
        .my-xl-2 {
          margin-bottom: 10px !important;
        }
        .ml-xl-2,
        .mx-xl-2 {
          margin-left: 10px !important;
        }
        .m-xl-3 {
          margin: 15px !important;
        }
        .mt-xl-3,
        .my-xl-3 {
          margin-top: 15px !important;
        }
        .mr-xl-3,
        .mx-xl-3 {
          margin-right: 15px !important;
        }
        .mb-xl-3,
        .my-xl-3 {
          margin-bottom: 15px !important;
        }
        .ml-xl-3,
        .mx-xl-3 {
          margin-left: 15px !important;
        }
        .m-xl-4 {
          margin: 20px !important;
        }
        .mt-xl-4,
        .my-xl-4 {
          margin-top: 20px !important;
        }
        .mr-xl-4,
        .mx-xl-4 {
          margin-right: 20px !important;
        }
        .mb-xl-4,
        .my-xl-4 {
          margin-bottom: 20px !important;
        }
        .ml-xl-4,
        .mx-xl-4 {
          margin-left: 20px !important;
        }
        .m-xl-5 {
          margin: 25px !important;
        }
        .mt-xl-5,
        .my-xl-5 {
          margin-top: 25px !important;
        }
        .mr-xl-5,
        .mx-xl-5 {
          margin-right: 25px !important;
        }
        .mb-xl-5,
        .my-xl-5 {
          margin-bottom: 25px !important;
        }
        .ml-xl-5,
        .mx-xl-5 {
          margin-left: 25px !important;
        }
        .m-xl-6 {
          margin: 30px !important;
        }
        .mt-xl-6,
        .my-xl-6 {
          margin-top: 30px !important;
        }
        .mr-xl-6,
        .mx-xl-6 {
          margin-right: 30px !important;
        }
        .mb-xl-6,
        .my-xl-6 {
          margin-bottom: 30px !important;
        }
        .ml-xl-6,
        .mx-xl-6 {
          margin-left: 30px !important;
        }
        .p-xl-0 {
          padding: 0 !important;
        }
        .pt-xl-0,
        .py-xl-0 {
          padding-top: 0 !important;
        }
        .pr-xl-0,
        .px-xl-0 {
          padding-right: 0 !important;
        }
        .pb-xl-0,
        .py-xl-0 {
          padding-bottom: 0 !important;
        }
        .pl-xl-0,
        .px-xl-0 {
          padding-left: 0 !important;
        }
        .p-xl-1 {
          padding: 5px !important;
        }
        .pt-xl-1,
        .py-xl-1 {
          padding-top: 5px !important;
        }
        .pr-xl-1,
        .px-xl-1 {
          padding-right: 5px !important;
        }
        .pb-xl-1,
        .py-xl-1 {
          padding-bottom: 5px !important;
        }
        .pl-xl-1,
        .px-xl-1 {
          padding-left: 5px !important;
        }
        .p-xl-2 {
          padding: 10px !important;
        }
        .pt-xl-2,
        .py-xl-2 {
          padding-top: 10px !important;
        }
        .pr-xl-2,
        .px-xl-2 {
          padding-right: 10px !important;
        }
        .pb-xl-2,
        .py-xl-2 {
          padding-bottom: 10px !important;
        }
        .pl-xl-2,
        .px-xl-2 {
          padding-left: 10px !important;
        }
        .p-xl-3 {
          padding: 15px !important;
        }
        .pt-xl-3,
        .py-xl-3 {
          padding-top: 15px !important;
        }
        .pr-xl-3,
        .px-xl-3 {
          padding-right: 15px !important;
        }
        .pb-xl-3,
        .py-xl-3 {
          padding-bottom: 15px !important;
        }
        .pl-xl-3,
        .px-xl-3 {
          padding-left: 15px !important;
        }
        .p-xl-4 {
          padding: 20px !important;
        }
        .pt-xl-4,
        .py-xl-4 {
          padding-top: 20px !important;
        }
        .pr-xl-4,
        .px-xl-4 {
          padding-right: 20px !important;
        }
        .pb-xl-4,
        .py-xl-4 {
          padding-bottom: 20px !important;
        }
        .pl-xl-4,
        .px-xl-4 {
          padding-left: 20px !important;
        }
        .p-xl-5 {
          padding: 25px !important;
        }
        .pt-xl-5,
        .py-xl-5 {
          padding-top: 25px !important;
        }
        .pr-xl-5,
        .px-xl-5 {
          padding-right: 25px !important;
        }
        .pb-xl-5,
        .py-xl-5 {
          padding-bottom: 25px !important;
        }
        .pl-xl-5,
        .px-xl-5 {
          padding-left: 25px !important;
        }
        .p-xl-6 {
          padding: 30px !important;
        }
        .pt-xl-6,
        .py-xl-6 {
          padding-top: 30px !important;
        }
        .pr-xl-6,
        .px-xl-6 {
          padding-right: 30px !important;
        }
        .pb-xl-6,
        .py-xl-6 {
          padding-bottom: 30px !important;
        }
        .pl-xl-6,
        .px-xl-6 {
          padding-left: 30px !important;
        }
        .m-xl-auto {
          margin: auto !important;
        }
        .mt-xl-auto,
        .my-xl-auto {
          margin-top: auto !important;
        }
        .mr-xl-auto,
        .mx-xl-auto {
          margin-right: auto !important;
        }
        .mb-xl-auto,
        .my-xl-auto {
          margin-bottom: auto !important;
        }
        .ml-xl-auto,
        .mx-xl-auto {
          margin-left: auto !important;
        }
      }
      @media (min-width: 1600px) {
        .m-xxl-0 {
          margin: 0 !important;
        }
        .mt-xxl-0,
        .my-xxl-0 {
          margin-top: 0 !important;
        }
        .mr-xxl-0,
        .mx-xxl-0 {
          margin-right: 0 !important;
        }
        .mb-xxl-0,
        .my-xxl-0 {
          margin-bottom: 0 !important;
        }
        .ml-xxl-0,
        .mx-xxl-0 {
          margin-left: 0 !important;
        }
        .m-xxl-1 {
          margin: 5px !important;
        }
        .mt-xxl-1,
        .my-xxl-1 {
          margin-top: 5px !important;
        }
        .mr-xxl-1,
        .mx-xxl-1 {
          margin-right: 5px !important;
        }
        .mb-xxl-1,
        .my-xxl-1 {
          margin-bottom: 5px !important;
        }
        .ml-xxl-1,
        .mx-xxl-1 {
          margin-left: 5px !important;
        }
        .m-xxl-2 {
          margin: 10px !important;
        }
        .mt-xxl-2,
        .my-xxl-2 {
          margin-top: 10px !important;
        }
        .mr-xxl-2,
        .mx-xxl-2 {
          margin-right: 10px !important;
        }
        .mb-xxl-2,
        .my-xxl-2 {
          margin-bottom: 10px !important;
        }
        .ml-xxl-2,
        .mx-xxl-2 {
          margin-left: 10px !important;
        }
        .m-xxl-3 {
          margin: 15px !important;
        }
        .mt-xxl-3,
        .my-xxl-3 {
          margin-top: 15px !important;
        }
        .mr-xxl-3,
        .mx-xxl-3 {
          margin-right: 15px !important;
        }
        .mb-xxl-3,
        .my-xxl-3 {
          margin-bottom: 15px !important;
        }
        .ml-xxl-3,
        .mx-xxl-3 {
          margin-left: 15px !important;
        }
        .m-xxl-4 {
          margin: 20px !important;
        }
        .mt-xxl-4,
        .my-xxl-4 {
          margin-top: 20px !important;
        }
        .mr-xxl-4,
        .mx-xxl-4 {
          margin-right: 20px !important;
        }
        .mb-xxl-4,
        .my-xxl-4 {
          margin-bottom: 20px !important;
        }
        .ml-xxl-4,
        .mx-xxl-4 {
          margin-left: 20px !important;
        }
        .m-xxl-5 {
          margin: 25px !important;
        }
        .mt-xxl-5,
        .my-xxl-5 {
          margin-top: 25px !important;
        }
        .mr-xxl-5,
        .mx-xxl-5 {
          margin-right: 25px !important;
        }
        .mb-xxl-5,
        .my-xxl-5 {
          margin-bottom: 25px !important;
        }
        .ml-xxl-5,
        .mx-xxl-5 {
          margin-left: 25px !important;
        }
        .m-xxl-6 {
          margin: 30px !important;
        }
        .mt-xxl-6,
        .my-xxl-6 {
          margin-top: 30px !important;
        }
        .mr-xxl-6,
        .mx-xxl-6 {
          margin-right: 30px !important;
        }
        .mb-xxl-6,
        .my-xxl-6 {
          margin-bottom: 30px !important;
        }
        .ml-xxl-6,
        .mx-xxl-6 {
          margin-left: 30px !important;
        }
        .p-xxl-0 {
          padding: 0 !important;
        }
        .pt-xxl-0,
        .py-xxl-0 {
          padding-top: 0 !important;
        }
        .pr-xxl-0,
        .px-xxl-0 {
          padding-right: 0 !important;
        }
        .pb-xxl-0,
        .py-xxl-0 {
          padding-bottom: 0 !important;
        }
        .pl-xxl-0,
        .px-xxl-0 {
          padding-left: 0 !important;
        }
        .p-xxl-1 {
          padding: 5px !important;
        }
        .pt-xxl-1,
        .py-xxl-1 {
          padding-top: 5px !important;
        }
        .pr-xxl-1,
        .px-xxl-1 {
          padding-right: 5px !important;
        }
        .pb-xxl-1,
        .py-xxl-1 {
          padding-bottom: 5px !important;
        }
        .pl-xxl-1,
        .px-xxl-1 {
          padding-left: 5px !important;
        }
        .p-xxl-2 {
          padding: 10px !important;
        }
        .pt-xxl-2,
        .py-xxl-2 {
          padding-top: 10px !important;
        }
        .pr-xxl-2,
        .px-xxl-2 {
          padding-right: 10px !important;
        }
        .pb-xxl-2,
        .py-xxl-2 {
          padding-bottom: 10px !important;
        }
        .pl-xxl-2,
        .px-xxl-2 {
          padding-left: 10px !important;
        }
        .p-xxl-3 {
          padding: 15px !important;
        }
        .pt-xxl-3,
        .py-xxl-3 {
          padding-top: 15px !important;
        }
        .pr-xxl-3,
        .px-xxl-3 {
          padding-right: 15px !important;
        }
        .pb-xxl-3,
        .py-xxl-3 {
          padding-bottom: 15px !important;
        }
        .pl-xxl-3,
        .px-xxl-3 {
          padding-left: 15px !important;
        }
        .p-xxl-4 {
          padding: 20px !important;
        }
        .pt-xxl-4,
        .py-xxl-4 {
          padding-top: 20px !important;
        }
        .pr-xxl-4,
        .px-xxl-4 {
          padding-right: 20px !important;
        }
        .pb-xxl-4,
        .py-xxl-4 {
          padding-bottom: 20px !important;
        }
        .pl-xxl-4,
        .px-xxl-4 {
          padding-left: 20px !important;
        }
        .p-xxl-5 {
          padding: 25px !important;
        }
        .pt-xxl-5,
        .py-xxl-5 {
          padding-top: 25px !important;
        }
        .pr-xxl-5,
        .px-xxl-5 {
          padding-right: 25px !important;
        }
        .pb-xxl-5,
        .py-xxl-5 {
          padding-bottom: 25px !important;
        }
        .pl-xxl-5,
        .px-xxl-5 {
          padding-left: 25px !important;
        }
        .p-xxl-6 {
          padding: 30px !important;
        }
        .pt-xxl-6,
        .py-xxl-6 {
          padding-top: 30px !important;
        }
        .pr-xxl-6,
        .px-xxl-6 {
          padding-right: 30px !important;
        }
        .pb-xxl-6,
        .py-xxl-6 {
          padding-bottom: 30px !important;
        }
        .pl-xxl-6,
        .px-xxl-6 {
          padding-left: 30px !important;
        }
        .m-xxl-auto {
          margin: auto !important;
        }
        .mt-xxl-auto,
        .my-xxl-auto {
          margin-top: auto !important;
        }
        .mr-xxl-auto,
        .mx-xxl-auto {
          margin-right: auto !important;
        }
        .mb-xxl-auto,
        .my-xxl-auto {
          margin-bottom: auto !important;
        }
        .ml-xxl-auto,
        .mx-xxl-auto {
          margin-left: auto !important;
        }
      }
      .text-monospace {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
          "Courier New", monospace;
      }
      .text-justify {
        text-align: justify !important;
      }
      .text-nowrap {
        white-space: nowrap !important;
      }
      .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .text-left {
        text-align: left !important;
      }
      .text-right {
        text-align: right !important;
      }
      .text-center {
        text-align: center !important;
      }
      @media (min-width: 768px) {
        .text-m-left {
          text-align: left !important;
        }
        .text-m-right {
          text-align: right !important;
        }
        .text-m-center {
          text-align: center !important;
        }
      }
      @media (min-width: 1024px) {
        .text-l-left {
          text-align: left !important;
        }
        .text-l-right {
          text-align: right !important;
        }
        .text-l-center {
          text-align: center !important;
        }
      }
      @media (min-width: 1180px) {
        .text-xl-left {
          text-align: left !important;
        }
        .text-xl-right {
          text-align: right !important;
        }
        .text-xl-center {
          text-align: center !important;
        }
      }
      @media (min-width: 1600px) {
        .text-xxl-left {
          text-align: left !important;
        }
        .text-xxl-right {
          text-align: right !important;
        }
        .text-xxl-center {
          text-align: center !important;
        }
      }
      .text-lowercase {
        text-transform: lowercase !important;
      }
      .text-uppercase {
        text-transform: uppercase !important;
      }
      .text-capitalize {
        text-transform: capitalize !important;
      }
      .font-weight-light {
        font-weight: 300 !important;
      }
      .font-weight-normal {
        font-weight: 400 !important;
      }
      .font-weight-bold {
        font-weight: 700 !important;
      }
      .font-italic {
        font-style: italic !important;
      }
      .text-white {
        color: #fff !important;
      }
      .text-primary {
        color: #007bff !important;
      }
      a.text-primary:focus,
      a.text-primary:hover {
        color: #0062cc !important;
      }
      .text-secondary {
        color: #6c757d !important;
      }
      a.text-secondary:focus,
      a.text-secondary:hover {
        color: #545b62 !important;
      }
      .text-success {
        color: #28a745 !important;
      }
      a.text-success:focus,
      a.text-success:hover {
        color: #1e7e34 !important;
      }
      .text-info {
        color: #17a2b8 !important;
      }
      a.text-info:focus,
      a.text-info:hover {
        color: #117a8b !important;
      }
      .text-warning {
        color: #ffc107 !important;
      }
      a.text-warning:focus,
      a.text-warning:hover {
        color: #d39e00 !important;
      }
      .text-danger {
        color: #dc3545 !important;
      }
      a.text-danger:focus,
      a.text-danger:hover {
        color: #bd2130 !important;
      }
      .text-light {
        color: #f8f9fa !important;
      }
      a.text-light:focus,
      a.text-light:hover {
        color: #dae0e5 !important;
      }
      .text-dark {
        color: #343a40 !important;
      }
      a.text-dark:focus,
      a.text-dark:hover {
        color: #1d2124 !important;
      }
      .text-body {
        color: #212529 !important;
      }
      .text-muted {
        color: #6c757d !important;
      }
      .text-black-50 {
        color: rgba(0, 0, 0, 0.5) !important;
      }
      .text-white-50 {
        color: rgba(255, 255, 255, 0.5) !important;
      }
      .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
      }
      .visible {
        visibility: visible !important;
      }
      .invisible {
        visibility: hidden !important;
      }
      @media print {
        *,
        ::after,
        ::before {
          text-shadow: none !important;
          box-shadow: none !important;
        }
        a:not(.btn) {
          text-decoration: underline;
        }
        abbr[title]::after {
          content: " (" attr(title) ")";
        }
        pre {
          white-space: pre-wrap !important;
        }
        blockquote,
        pre {
          border: 1px solid #adb5bd;
          page-break-inside: avoid;
        }
        thead {
          display: table-header-group;
        }
        img,
        tr {
          page-break-inside: avoid;
        }
        h2,
        h3,
        p {
          orphans: 3;
          widows: 3;
        }
        h2,
        h3 {
          page-break-after: avoid;
        }
        @page {
          size: a3;
        }
        .navbar {
          display: none;
        }
        .badge {
          border: 1px solid #000;
        }
        .table {
          border-collapse: collapse !important;
        }
        .table td,
        .table th {
          background-color: #fff !important;
        }
        .table-bordered td,
        .table-bordered th {
          border: 1px solid #dee2e6 !important;
        }
        .table-dark {
          color: inherit;
        }
        .table-dark tbody + tbody,
        .table-dark td,
        .table-dark th,
        .table-dark thead th {
          border-color: #dee2e6;
        }
        .table .thead-dark th {
          color: inherit;
          border-color: #dee2e6;
        }
      }
      html {
        position: relative;
        min-height: 100%;
      }
      body {
        font-family: Nunito, sans-serif;
        min-width: 300px;
        background-color: #0b2167;
        color: #fff;
        background-repeat: no-repeat;
        background-size: 40% auto, 50% auto;
        background-position: left top, right 100px;
        
      }
      h2 {
        font-size: 1.25rem;
      }
      h3 {
        font-size: 0.875rem;
      }
      h4 {
        font-size: 0.75rem;
      }
      p {
        margin-bottom: 20px;
      }
      a,
      a:hover {
        color: #84cbf2;
      }
      #iubenda-cs-banner .iubenda-banner-content.iubenda-custom-content {
        max-height: 260px !important;
      }
      #iubenda-cs-banner.hidden {
        display: none !important;
      }
      .CookieSettings .icon-Setting2x:before {
        margin-top: 3px;
        position: absolute;
      }
      .CookieSettings a:active .icon-Setting2x:before {
        color: #00d666;
      }
      .CookieSettings:hover .icon-Setting2x:before,
      .CookieSettings:hover a {
        color: #ffe300;
      }
      .btn {
        border-color: transparent;
        color: #fff;
        font-size: 18px;
      }
      .BoxPolicy .container {
        color: #fff;
        font-size: 10px;
        line-height: 1.4;
        padding: 15px;
        margin: 15px 0;
        border-radius: 10px;
        box-shadow: 0 3px 6px 0 #00000017, inset 0 1px 3px 0 #ffffff14;
        background-color: #2b7de466;
        text-align: center;
        overflow: scroll;
      }
      .BoxPolicy a {
        color: #ffe300;
        font-weight: 700;
      }
      .btn:hover {
        color: inherit;
      }
      .btn.focus,
      .btn:focus {
        box-shadow: none;
      }
      .btn[disabled] {
        background-color: #8c8f92;
      }
      .btn.no-label,
      .nav-link.no-label {
        border-radius: 2rem;
        width: 34px;
        height: 34px;
      }
      .navbar-light .navbar-brand:focus,
      .navbar-light .navbar-brand:hover {
        color: #fff;
      }
      .btn.no-label {
        padding: 0;
      }
      .btn.no-label i {
        line-height: 2rem;
      }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .container {
          max-width: inherit;
        }
      }
      .section-title h2 {
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 10px;
      }
      @media (min-width: 1180px) {
        .section-title h2 {
          font-size: 14px;
        }
      }
      .btn,
      .btn-outline-success:hover,
      .carousel-indicators .active,
      .carousel-indicators li,
      .nav-pills .nav-link.no-label,
      .nav-pills .show > .nav-link {
        background-color: #00d666;
      }
      .noscroll {
        overflow: hidden;
      }
      .bg-logo {
        background-repeat: no-repeat;
        background-size: 40% auto, 50% auto;
        background-position: left top, right 100px;
        
      }
      body #__next > * {
        padding-right: 2.5%;
        padding-left: 2.5%;
      }
      .px-2-5 {
        padding-right: 2.5%;
        padding-left: 2.5%;
      }
      .mx-2-5 {
        margin-right: 2.5%;
        margin-left: 2.5%;
      }
      .pl-2-5 {
        padding-left: 2.5%;
        padding-right: 5px;
      }
      .pr-2-5 {
        padding-right: 2.5%;
        padding-left: 5px;
      }
      @media (min-width: 768px) {
        .px-m-2-5 {
          padding-right: 2.5% !important;
          padding-left: 2.5% !important;
        }
        .mx-m-2-5 {
          margin-right: 2.5% !important;
          margin-left: 2.5% !important;
        }
        .pl-m-2-5 {
          padding-left: 2.5% !important;
          padding-right: 5px !important;
        }
        .pr-m-2-5 {
          padding-right: 2.5% !important;
          padding-left: 5px !important;
        }
      }
      @media (min-width: 1024px) {
        .px-l-2-5 {
          padding-right: 2.5% !important;
          padding-left: 2.5% !important;
        }
        .mx-l-2-5 {
          margin-right: 2.5% !important;
          margin-left: 2.5% !important;
        }
        .pl-l-2-5 {
          padding-left: 2.5% !important;
          padding-right: 5px !important;
        }
        .pr-l-2-5 {
          padding-right: 2.5% !important;
          padding-left: 5px !important;
        }
      }
      @media (min-width: 1180px) {
        .px-xl-2-5 {
          padding-right: 2.5% !important;
          padding-left: 2.5% !important;
        }
        .mx-xl-2-5 {
          margin-right: 2.5% !important;
          margin-left: 2.5% !important;
        }
        .pl-xl-2-5 {
          padding-left: 2.5% !important;
          padding-right: 5px !important;
        }
        .pr-xl-2-5 {
          padding-right: 2.5% !important;
          padding-left: 5px !important;
        }
      }
      @media (min-width: 1600px) {
        .px-xxl-2-5 {
          padding-right: 2.5% !important;
          padding-left: 2.5% !important;
        }
        .mx-xxl-2-5 {
          margin-right: 2.5% !important;
          margin-left: 2.5% !important;
        }
        .pl-xxl-2-5 {
          padding-left: 2.5% !important;
          padding-right: 5px !important;
        }
        .pr-xxl-2-5 {
          padding-right: 2.5% !important;
          padding-left: 5px !important;
        }
      }
      .col-auto-imp {
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
      }
      .guide-layout {
        position: fixed;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        pointer-events: none;
        opacity: 0.2;
        height: 100%;
        z-index: 0;
        display: none;
      }
      .guide-layout .col {
        background-color: rgba(255, 255, 255, 0.2);
        height: 100%;
        width: calc(100% / 24);
        position: relative;
        display: inline-block;
      }
      .guide-layout .col:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.4);
      }
      [class*=" icon-"],
      [class^="icon-"] {
        font-family: icons !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        color: #fff;
        -webkit-font-moothing: antialiased;
        -moz-osx-font-moothing: grayscale;
      }
      .icon-minimize:before {
        content: "\e954";
      }
      .icon-Bomb:before {
        content: "\e92e";
      }
      .icon-Crown:before {
        content: "\e947";
      }
      .icon-Flag:before {
        content: "\e948";
      }
      .icon-Flower:before {
        content: "\e949";
      }
      .icon-Football:before {
        content: "\e94a";
      }
      .icon-Hand:before {
        content: "\e94b";
      }
      .icon-io:before {
        content: "\e94c";
      }
      .icon-Missiles:before {
        content: "\e94d";
      }
      .icon-People:before {
        content: "\e94e";
      }
      .icon-Puzzle:before {
        content: "\e94f";
      }
      .icon-Runner:before {
        content: "\e950";
      }
      .icon-Strategy:before {
        content: "\e951";
      }
      .icon-Sword2:before {
        content: "\e952";
      }
      .icon-Tower:before {
        content: "\e953";
      }
      .icon-Category:before {
        content: "\e900";
      }
      .icon-Games:before {
        content: "\e901";
      }
      .icon-Search2x:before {
        content: "\e902";
      }
      .icon-Add:before {
        content: "\e903";
      }
      .icon-Arrow_Back:before {
        content: "\e904";
      }
      .icon-Arrow_Forward:before {
        content: "\e905";
      }
      .icon-Back:before {
        content: "\e906";
      }
      .icon-Brain:before {
        content: "\e907";
      }
      .icon-Butterfly:before {
        content: "\e908";
      }
      .icon-Checkmark:before {
        content: "\e909";
      }
      .icon-Close:before {
        content: "\e90a";
      }
      .icon-Crown2:before {
        content: "\e90b";
      }
      .icon-Diamond:before {
        content: "\e90c";
      }
      .icon-Dice:before {
        content: "\e90d";
      }
      .icon-Ellipse_vertical:before {
        content: "\e90e";
      }
      .icon-Football_American:before {
        content: "\e90f";
      }
      .icon-Gameboy:before {
        content: "\e910";
      }
      .icon-Gamepad:before {
        content: "\e911";
      }
      .icon-Globo:before {
        content: "\e912";
      }
      .icon-Heart_Full:before {
        content: "\e913";
      }
      .icon-Heart:before {
        content: "\e914";
      }
      .icon-Home:before {
        content: "\e915";
      }
      .icon-Info:before {
        content: "\e916";
      }
      .icon-Judgement:before {
        content: "\e917";
      }
      .icon-Lightning:before {
        content: "\e918";
      }
      .icon-Unlike:before {
        content: "\e919";
      }
      .icon-List:before {
        content: "\e91a";
      }
      .icon-Medal_Star:before {
        content: "\e91b";
      }
      .icon-Medal:before {
        content: "\e91c";
      }
      .icon-On_Off:before {
        content: "\e91d";
      }
      .icon-PacMan-Ghost:before {
        content: "\e91e";
      }
      .icon-Pedestal:before {
        content: "\e91f";
      }
      .icon-Puzzles:before {
        content: "\e920";
      }
      .icon-Reload:before {
        content: "\e921";
      }
      .icon-Search:before {
        content: "\e922";
      }
      .icon-Settings:before {
        content: "\e923";
      }
      .icon-Setting2x:before {
        content: "\e956";
      }
      .icon-Share:before {
        content: "\e924";
      }
      .icon-Smiley:before {
        content: "\e925";
      }
      .icon-Star:before {
        content: "\e926";
      }
      .icon-Support_Center:before {
        content: "\e927";
      }
      .icon-Sword:before {
        content: "\e928";
      }
      .icon-Trophy:before {
        content: "\e929";
      }
      .icon-Down:before {
        content: "\e92a";
      }
      .icon-Up:before {
        content: "\e92b";
      }
      .icon-User-Man:before {
        content: "\e92c";
      }
      .icon-Frog:before {
        content: "\e92d";
      }
      .icon-Right:before {
        content: "\e955";
      }
      .icon-Eye:before {
        content: "\e92f";
      }
      .icon-Warning:before {
        content: "\e930";
      }
      .icon-Check3:before {
        content: "\e931";
      }
      .icon-Star-Full:before {
        content: "\e932";
      }
      .icon-uniE933:before {
        content: "\e933";
      }
      .icon-uniE934:before {
        content: "\e934";
      }
      .icon-Chevron_stars:before {
        content: "\e935";
      }
      .icon-Like_stars:before {
        content: "\e936";
      }
      .icon-Mountain_flag:before {
        content: "\e937";
      }
      .icon-Target_arrow:before {
        content: "\e938";
      }
      .icon-Check_Full:before {
        content: "\e939";
      }
      .icon-Close_Full:before {
        content: "\e93a";
      }
      .icon-Trophy_star:before {
        content: "\e93b";
      }
      .icon-Unlike_Fill:before {
        content: "\e93c";
      }
      .icon-Like_Fill:before {
        content: "\e93d";
      }
      .icon-Like:before {
        content: "\e93e";
      }
      .icon-Gpx-Logo:before {
        content: "\e93f";
      }
      .icon-Right_Arrow:before {
        content: "\e940";
      }
      .icon-full-size:before {
        content: "\e941";
      }
      .icon-like_outline:before {
        content: "\e942";
      }
      .icon-dislike_outline:before {
        content: "\e943";
      }
      .icon-shape-category-int:before {
        content: "\e944";
      }
      .icon-shape-cat-ext:before {
        content: "\e945";
      }
      .icon-Left_Arrow:before {
        content: "\e946";
      }
      .icon-Download:before {
        content: "\e957";
      }
      .CarouselContainer .react-multi-carousel-dot-list li:first-child:before,
      .CarouselContainer .react-multi-carousel-dot-list li:last-child:before {
        font-family: icons !important;
        content: "\e944";
      }
      .CollapseDiv.hide h3 .icon-Down:before {
        content: "\e92b";
      }
      .GameFrameContainer .game-container.fullscreen .icon-full-size:before {
        content: "\e954";
      }
      .icon-Sword:before {
        color: #04bd68;
      }
      .icon-PacMan-Ghost:before {
        color: #ffc11c;
      }
      .icon-Dice:before {
        color: #f77d38;
      }
      .icon-Gameboy:before {
        color: #1bbcea;
      }
      .icon-Frog:before {
        color: #ed80f3;
      }
      .icon-Puzzles:before {
        color: #e20074;
      }
      .icon-Football_American:before {
        color: #87df2a;
      }
      .icon-Brain:before {
        color: #8736fd;
      }
      .flag-sprite {
        position: relative;
        width: 25px;
        height: 17px;
        display: inline-block;
        background-image: url(static/img/flag_sprites.png);
      }
      .flag-Chile {
        background-position: -2px -2px;
      }
      .flag-Colombia {
        background-position: -31px -2px;
      }
      .flag-Bangladesh {
        background-position: -2px -23px;
      }
      .flag-Ecuador {
        background-position: -31px -23px;
      }
      .flag-France {
        background-position: -60px -2px;
      }
      .flag-Germany {
        background-position: -60px -23px;
      }
      .flag-India {
        background-position: -2px -44px;
      }
      .flag-Ireland {
        background-position: -31px -44px;
      }
      .flag-Mexico {
        background-position: -60px -44px;
      }
      .flag-Nigeria {
        background-position: -2px -65px;
      }
      .flag-Pakistan {
        background-position: -31px -65px;
      }
      .flag-Peru {
        background-position: -60px -65px;
      }
      .flag-Philippines {
        background-position: -89px -2px;
      }
      .flag-Portugal {
        background-position: -89px -23px;
      }
      .flag-Spain {
        background-position: -89px -44px;
      }
      .flag-South_Africa {
        background-position: -89px -65px;
      }
      .flag-United_Kingdom {
        background-position: -2px -86px;
      }
      .flag-United_States {
        background-position: -31px -86px;
      }
      .flag-Venezuela {
        background-position: -60px -86px;
      }
      .flag-US_UK,
      .flag-United_States {
        background-position: -31px -86px;
      }
      .flag-US_UK:after {
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        width: 12px;
        height: 17px;
        background-image: url(static/img/flag_sprites.png);
        background-position: -15px -86px;
      }
      .scrollable-div {
        overflow-x: visible;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
        margin-bottom: 0;
        padding-bottom: 5px;
      }
      .scrollable-div > * {
        display: inline-block !important;
      }
      .scrollable-div::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 6px;
        height: 6px;
      }
      .scrollable-div {
        scrollbar-width: none;
      }
      .scrollable-div::-webkit-scrollbar {
        width: 0 !important;
      }
      .scrollable-div-hint-gradient {
        position: absolute;
        top: 0;
        right: -2.5%;
        height: 100%;
        width: 2.5%;
        box-shadow: 5px 0 25px 35px #0b2167;
      }
      @keyframes fadeOut {
        100% {
          opacity: 0;
          visibility: hidden;
          z-index: -1;
        }
      }
      @-webkit-keyframes load8 {
        0% {
          -webkit-transform: rotate(0);
          transform: rotate(0);
        }
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      @keyframes load8 {
        0% {
          -webkit-transform: rotate(0);
          transform: rotate(0);
        }
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      body.loader div.loader {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99999;
      }
      body > div.loader {
        display: none;
      }
      .spinner,
      .spinner:after {
        border-radius: 50%;
        width: 5em;
        height: 5em;
      }
      .spinner {
        margin: 60px auto;
        font-size: 10px;
        position: relative;
        text-indent: -9999em;
        border-top: 0.5em solid rgba(255, 255, 255, 0.2);
        border-right: 0.5em solid rgba(255, 255, 255, 0.2);
        border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
        border-left: 0.5em solid #fff;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
      }
      body > div.loader .spinner {
        border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2)
          #000;
      }
      .form-group label {
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
      }
      .form-control,
      .form-control:focus {
        background-color: #2d373f;
        color: #fff;
        border: none;
		box-shadow: 0 0 0 1000px #2d373f inset;
        -webkit-box-shadow: 0 0 0 1000px #2d373f inset;
        -webkit-text-fill-color: #fff;
      }
      .form-control {
        height: 44px;
      }
      .form-control input:-webkit-autofill,
      .form-control input:-webkit-autofill:focus,
      .form-control input:-webkit-autofill:hover {
        font-size: 1rem !important;
      }
      .input-group .icon-Eye:before {
        color: #637584;
      }
      .input-group-append .input-group-text {
        background-color: #2d373f;
        border: none;
      }
      input[type="checkbox"] {
        display: none;
      }
      input[type="checkbox"] + label {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 20px;
        font: 14px/20px "Open Sans", Arial, sans-serif;
        color: #ddd;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
      }
      input[type="checkbox"] + label:last-child {
        margin-bottom: 0;
      }
      input[type="checkbox"] + label:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        border: 2px solid #fff;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.6;
        -webkit-transition: all 0.12s, border-color 0.08s;
        transition: all 0.12s, border-color 0.08s;
        border-radius: 0.3rem;
      }
      input[type="checkbox"]:checked + label:before {
        width: 10px;
        top: -5px;
        left: 5px;
        border-radius: 0;
        opacity: 1;
        border-top-color: transparent;
        border-left-color: transparent;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      .button-fixed-bottom {
        position: fixed;
        bottom: 10px;
        max-width: 100%;
      }
      .subline-link-button {
        margin-top: 1rem;
      }
      .subline-link-button a {
        font-size: 0.8rem;
        color: #fff;
      }
      .color-main,
      .subline-link-button a.color-main {
        color: #00d666;
      }
      .color-grey {
        color: #8c8f92;
      }
      .text-container-mall {
        font-size: 0.8rem;
        font-weight: lighter;
      }
      .carousel li.disabled img.w-100,
      .game.disabled .card-img-top,
      .game.disabled img.game-logo {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
      }
      .carousel li.disabled a,
      .carousel li.disabled img,
      .game.disabled a {
        pointer-events: none;
        cursor: default;
      }
      body.no-scroll {
        overflow: hidden;
      }
      iframe.single-game {
        position: absolute;
        width: 1px;
        min-width: 100%;
        height: 1px;
        min-height: 100%;
        top: 0;
        left: 0;
      }
      .list-group-item:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
      }
      #notificationManager {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
      }
      .gpx-social-gaming-app-fullscreen-ios-background {
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 102;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        display: block;
      }
      .gpx-social-gaming-app-fullscreen-ios-instructions {
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 104;
        top: 0;
        left: 0;
        display: block;
      }
      .gpx-social-gaming-app-fullscreen-ios-overlay {
        width: 100vw;
        height: 120vh;
        position: absolute;
        z-index: 103;
        top: 0;
        left: 0;
        display: block;
      }
      .gpx-social-gaming-app-fullscreen-ios-instructions-swipe {
        width: 30vw;
        height: 30vw;
        position: fixed;
        top: 75vh;
        left: 50vw;
        color: #fff;
        fill: #fff;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-name: fullscreen-swipe;
        animation-name: fullscreen-swipe;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
      }
      @-webkit-keyframes fullscreen-swipe {
        from {
          top: 90%;
        }
        to {
          top: 50%;
        }
      }
      @keyframes fullscreen-swipe {
        from {
          top: 90%;
        }
        to {
          top: 50%;
        }
      }
      @media only screen and (orientation: portrait) {
        .gpx-social-gaming-app-fullscreen-ios-instructions-swipe {
          width: 30vw;
          height: 30vw;
          -webkit-animation-duration: 2s;
          animation-duration: 2s;
        }
      }
      @media only screen and (orientation: landscape) {
        .gpx-social-gaming-app-fullscreen-ios-instructions-swipe {
          width: 30vh;
          height: 30vh;
          -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
        }
      }
      .mockupContainer {
        position: relative;
        border: 1px solid #fff;
      }
      .mockupContainer h2 {
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, 0);
      }
      .Button {
        box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.38),
          inset 0 -3px 3px 0 rgba(0, 0, 0, 0.2),
          0 8px 15px 0 rgba(6, 29, 98, 0.5);
        height: 50px;
        border-radius: 10px;
        color: #0b2167;
        text-transform: uppercase;
        font-weight: 700;
        border: none;
        padding: 0 30px;
      }
      .Button.disabled {
        pointer-events: none;
        opacity: 1;
        background-color: #8c8f92;
      }
      .Button.full-width {
        width: 100%;
      }
      .Button:hover {
        color: #0b2167;
        background-color: #76ee52 !important;
      }
      .button-install-container {
        margin: 10px 0 -25px 0;
        text-align: center;
      }
      .button-install-content {
        background-color: #0d3d92;
        border-radius: 10px;
        display: inline-flex;
        margin: 0 auto 10px auto;
        padding: 5px 20px;
      }
      .button-install-content span {
        line-height: 32px;
        padding: 0 30px 0 10px;
      }
      .button-install-content i {
        font-size: 16px;
        line-height: 32px;
      }
      .GamesList .Button.full-width {
        position: relative;
        top: 0;
        margin: 0 auto;
        display: block;
        box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.38),
          inset 0 -3px 3px 0 rgba(0, 0, 0, 0.2),
          0 8px 15px 0 rgba(6, 29, 98, 0.5), 0 -20px 20px 0 #0d2267;
        margin-bottom: 0;
      }
      .GamesList.no-more-button .Button.full-width {
        display: none;
      }
      @media (min-width: 1180px) {
        .GamesList .Button.full-width {
          width: 100%;
        }
      }
      .ButtonGenre,
      .ButtonTag {
        height: 30px;
        border-radius: 15px;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 20px;
      }
      .ButtonGenre:hover,
      .ButtonInstall:hover,
      .ButtonTag:hover {
        color: #fff;
        opacity: 0.9;
      }
      .ButtonGenre {
        border-radius: 25px;
        height: 30px;
        box-shadow: 0 4px 7px 0 rgba(0, 7, 92, 0.4);
        border: solid 2px #0b65d1;
        background-color: #001b73;
        position: relative;
        padding: 0 15px 0 35px;
        line-height: 30px;
      }
      .ButtonInstall {
        color: #fff;
        display: block;
        margin: 2px auto;
        padding: 0 20px;
        line-height: 28px;
        height: 28px;
        border-radius: 25px;
        box-shadow: 0 4px 7px 0 rgba(0, 7, 92, 0.4);
        background-color: #1a73e1;
        position: relative;
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
      }
      .ButtonInstall i {
        color: #fff;
      }
      .ButtonGenre i:before,
      .ButtonInstall i:before {
        font-size: 18px;
        position: absolute;
        top: 4px;
        left: 10px;
      }
      @media (min-width: 768px) {
        .ButtonGenre {
          font-size: 14px;
          height: 40px;
          line-height: 40px;
          padding: 0 20px 0 50px;
        }
        .ButtonInstall {
          font-size: 14px;
        }
        .NavbarCarousel.slim-version .ButtonGenre {
          height: 34px;
          line-height: 34px;
        }
        .ButtonGenre i:before,
        .ButtonInstall i:before {
          font-size: 24px;
          top: 6px;
          left: 15px;
        }
        .NavbarCarousel.slim-version .ButtonGenre i:before {
          font-size: 21px;
          top: 4px;
        }
      }
      @media (min-width: 1600px) {
        .NavbarGenresItem .nav-item:first-child {
          margin-left: 20px !important;
        }
        .NavbarGenresItem .nav-item {
          margin-left: 15px !important;
        }
        .NavbarGenresItem .row1,
        .NavbarGenresItem .row2 {
          padding-right: 25px !important;
        }
      }
      @media (max-width: 767.98px) {
        .GamesList.big-tile-model .box-big-icon {
          display: flex;
          flex: 0 0 100%;
          max-width: 100%;
          position: relative;
        }
        .GamesList.big-tile-model .box-big-icon.big-right .tile-1 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }
        .GamesList.big-tile-model .box-big-icon.big-right .tile-2 {
          position: absolute;
          bottom: 0;
        }
        .GamesList.big-tile-model .box-big-icon.big-left .tile-0 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }
        .GamesList.big-tile-model .box-big-icon.big-left .tile-2 {
          position: absolute;
          right: 0;
          bottom: 0;
        }
      }
      .TextBox {
        margin-bottom: 20px;
      }
      .TextBox > div {
        box-shadow: 0 6px 12px 0 #061d62,
          inset 0 4px 10px 0 rgba(0, 31, 71, 0.23);
        border: solid 5px #183484;
        background-color: #0d2c7c;
        padding: 10px;
        font-weight: 700;
        font-size: 14px;
      }
      .TextBox h1,
      .TextBox h2 {
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 18px;
      }
      .TextBox a,
      .TextBox p span {
        color: #f9ea00;
      }
      .TextBox a:hover {
        color: #49ff00;
        text-decoration: none;
      }
      .TextBox.error-page {
        margin-top: 30px;
      }
      .TextBox .error-div {
        text-align: center;
      }
      .TextBox .error-div img {
        margin: 20px 0;
        max-width: 50%;
      }
      .TextBox a.discover-games {
        color: #84cbf2;
      }
      .TextBox .Breadcrumb .breadcrumb {
        padding-top: 0;
        margin-bottom: 0;
      }
      .TextBox div .description {
        margin-top: 15px;
        margin-bottom: 15px;
      }
      @media (max-width: 767.98px) {
        .TextBox {
          padding-left: 0;
          padding-right: 0;
        }
      }
      @media (min-width: 768px) {
        .TextBox > div {
          border-radius: 20px;
          padding: 20px;
        }
      }
      .NavbarMain {
        box-shadow: 0 3px 0 0 #02409b, 0 15px 20px 0 rgba(4, 3, 61, 0.3);
        background-image: linear-gradient(to bottom, #156bd4, #0252b2);
        height: 50px;
        padding-top: 0;
        padding-bottom: 0;
        z-index: 20;
      }
      .NavbarMain .container {
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
        padding-right: 0;
        padding-left: 0;
      }
      .NavbarMain .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
        margin: 0 auto;
      }
      .NavbarMain .navbar-brand img {
        height: 38px;
      }
      .NavbarMain a.icon-container {
        height: 20px;
        position: absolute;
        right: calc(5% + 100px);
      }
      .NavbarMain .icon-Search {
        font-size: 20px;
        cursor: pointer;
      }
      .NavbarMain .icon-Search:before {
        color: #4587c5;
      }
      .NavbarMain .form-group {
        position: absolute;
        right: calc(5% + 100px);
      }
      .NavbarMain .form-control,
      .NavbarMain .form-control:focus {
        height: 34px;
        color: #4587c5;
        -webkit-text-fill-color: #4587c5;
        background: 0 0;
        box-shadow: none;
        max-width: 170px;
      }
      .NavbarMain .form-control + .form-label {
        position: absolute;
        top: 7px;
        left: 13px;
        font-size: 15px;
        color: #4587c5;
        pointer-events: none;
      }
      .NavbarMain .input-group-text {
        background: 0 0;
        color: #4587c5;
      }
      .NavbarMain .input-group {
        border: solid 2px #1c71d9;
        background-image: linear-gradient(to bottom, #073b8f, #084fa9 100%);
        border-radius: 20px;
        box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.08);
        overflow: hidden;
      }
      input[type="search"]::-ms-clear {
        display: none;
        width: 0;
        height: 0;
      }
      input[type="search"]::-ms-reveal {
        display: none;
        width: 0;
        height: 0;
      }
      input[type="search"]::-webkit-search-cancel-button,
      input[type="search"]::-webkit-search-decoration,
      input[type="search"]::-webkit-search-results-button,
      input[type="search"]::-webkit-search-results-decoration {
        display: none;
      }
      .NavbarMain.showInput .navbar-brand {
        display: none;
      }
      @media (max-width: 576px) {
        .NavbarMain .navbar-brand {
          margin: 0;
          display: block;
        }
      }
      @media (min-width: 460px) {
        .NavbarMain.showInput .navbar-brand {
          margin: 0;
          display: block;
        }
      }
      @media (min-width: 768px) {
        .NavbarMain .navbar-brand {
          margin: 0;
        }
      }
      @media (min-width: 1180px) {
        .NavbarMain {
          height: 70px;
        }
      }
      .NavbarCategories {
        position: relative;
        height: 60px;
        box-shadow: 0 5px 9px 0 rgba(0, 7, 92, 0.51);
        background-color: #083a8d;
        padding: 0;
        z-index: 1;
        display: none;
      }
      .NavbarCategories .scrollable-div {
        text-align: center;
        position: relative;
        height: 60px;
        padding-left: 0;
        padding-right: 0;
      }
      .NavbarCategories button {
        margin-right: 10px;
      }
      .NavbarCategories .row1 .nav-item:last-child button {
        margin-right: 0;
      }
      .NavbarCategories .row2 .nav-item:last-child button {
        margin-right: 70px;
      }
      .NavbarCategories .nav-item:first-child button {
        margin-left: 10px;
      }
      .NavbarCategories .nav-link {
        padding: 15px 0;
        display: inline-block;
      }
      .NavbarCategories .nav-link {
        padding: 0;
        margin: 15px 0;
      }
      .NavbarCategories .button-container-box {
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        height: 60px;
        background-color: #03449e;
        box-shadow: -2px -5px 15px 0 rgba(6, 29, 98, 0.7);
        pointer-events: auto;
      }
      .NavbarCategories .button-container {
        position: relative;
        pointer-events: none;
        margin-top: -60px;
      }
      .NavbarCategories .button-category-page {
        position: absolute;
        top: 7px;
        left: 12px;
        bottom: 7px;
        right: 18px;
        border-radius: 10px;
        background-color: #063483;
        cursor: pointer;
      }
      .NavbarCategories .button-category-page:after {
        content: "+";
        font-size: 20px;
        position: absolute;
        color: #84cbf2;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .NavbarCategories.back-button-flag .scrollable-div {
        padding-left: 70px;
      }
      .NavbarCategories .page-title-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(8, 68, 158, 0.5);
      }
      .NavbarCategories .page-title-container .ribbon-category {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        max-width: calc(100% - 160px);
      }
      .NavbarCategories .page-title-container h1 {
        background-color: #4764ff;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 0;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 2px;
      }
      .NavbarCategories .page-title-container .icon-shape-category-int {
        position: absolute;
        top: 0;
        left: -59px;
        overflow: hidden;
        text-shadow: -11px 1px 20px #063483;
      }
      .NavbarCategories .page-title-container .icon-shape-category-int.right {
        left: auto;
        right: -60px;
        transform: scale(-1, 1);
      }
      .NavbarCategories .page-title-container .icon-shape-category-int:before {
        color: #4764ff;
        font-size: 50px;
      }
      .NavbarCategories.navbar-bottom {
        margin-top: 40px;
      }
      @media (min-width: 768px) {
        .NavbarCategories .nav-item:first-child button {
          margin-left: 0;
        }
      }
      @media (min-width: 1180px) {
        .NavbarCategories.single-category {
          margin-bottom: 0;
        }
        .NavbarCategories.single-category .page-title-container {
          top: 60px;
          background: 0 0;
          transform: rotate(180deg);
        }
        .NavbarCategories.single-category .page-title-container h1 {
          transform: rotate(180deg);
        }
        .NavbarCategories.back-button-flag .scrollable-div {
          padding-left: 0;
        }
        .NavbarCategories .BackButton {
          display: none;
        }
        .NavbarCategories {
          height: 98px;
        }
        .NavbarCategories .scrollable-div {
          height: 100px;
        }
        .NavbarCategories .button-container {
          margin-top: -97px;
        }
        .NavbarCategories .button-container-box {
          height: 95px;
        }
        .NavbarCategories .row2 {
          position: absolute;
          top: 40px;
          left: 0;
        }
        .NavbarCategories.single-category .page-title-container {
          top: 98px;
        }
        .NavbarCategories .row1 .nav-item:last-child button {
          margin-right: 70px;
        }
        .NavbarCategories .button-category-page {
          left: 10px;
          right: 10px;
        }
        .NavbarCategories .page-title-container .icon-shape-category-int {
          text-shadow: none;
        }
      }
      .BackButton {
        position: absolute;
        left: 0;
        top: 103px;
        width: 25px;
        height: 60px;
        background-color: #0b2167;
        box-shadow: -2px -5px 15px 0 rgba(6, 29, 98, 0.7);
        z-index: 1;
      }
      .BackButton .icon-shape-cat-ext {
        position: absolute;
        top: 0;
        left: 25px;
        font-size: 60px;
        z-index: -1;
      }
      .BackButton .icon-shape-cat-ext:before {
        color: #0b2167;
        position: absolute;
        overflow: hidden;
      }
      .BackButton .back-button {
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translate(0, -50%);
        cursor: pointer;
      }
      .NavbarCategories .BackButton {
        top: 0;
      }
      .GamesListOneRow {
        margin-top: 15px;
      }
      .GamesListOneRow .section-title {
        color: #fff;
        padding-left: 20px;
      }
      .GamesListOneRow .card {
        border: none;
        background: 0 0;
        width: 100px;
        padding-right: 0;
        margin-left: 20px;
      }
      .GamesListOneRow .card:last-child {
        margin-right: 20px;
      }
      .GamesListOneRow .card-body {
        text-align: center;
        padding: 0;
      }
      .GamesListOneRow .scrollable-div {
        min-width: 100%;
      }
      .GamesListOneRow .card-img-top {
        border-radius: 10px;
        margin-bottom: 10px;
      }
      .Featured {
        box-shadow: 0 5px 9px 0 rgba(0, 7, 92, 0.51);
        background-color: #112a75;
        padding-top: 10px;
        margin-bottom: 20px;
        margin-top: 0;
        overflow: hidden;
        position: relative;
      }
      .Featured .card {
        border: none;
        background: 0 0;
        display: inline-block;
      }
      .Featured .card-img-top {
        border-radius: 50%;
        margin-bottom: 0.5rem;
        border: solid 4px #0555b5;
        box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.3);
      }
      .Featured .card-body {
        text-align: center;
        padding: 0;
        margin-top: -40%;
      }
      .Featured .card-title {
        margin-bottom: 1rem;
      }
      .Featured .card-body .game-logo {
        width: 100%;
      }
      .Featured .scrollable-div {
        min-width: 100%;
        padding-bottom: 4px;
        text-align: center;
      }
      .Featured .scrollable-div::-webkit-scrollbar {
        display: none;
      }
      .Featured .scrollable-div {
        -ms-overflow-style: none;
        scrollbar-width: none;
      }
      .Featured .featured-title {
        color: #fff;
        border-radius: 5px;
        position: absolute;
        bottom: 10%;
        left: 50%;
        font-size: 0.8rem;
        width: 90%;
        text-transform: capitalize;
        transform: scale(0);
        white-space: normal;
        background-color: rgba(11, 33, 103, 0.8);
        line-height: 1rem;
        padding: 5px;
        margin: 0;
      }
      .Featured .card-body {
        background-color: transparent;
        perspective: 1000px;
      }
      .Featured .game-logo-container {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.6s;
        transform-style: preserve-3d;
      }
      .Featured .card:hover .game-logo-container {
        transform: rotateY(180deg);
      }
      .Featured .card .featured-title,
      .Featured .card .game-logo {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }
      .Featured .card:hover .featured-title {
        transform: rotateY(180deg) translate(50%, 0);
      }
      .Featured .scrollable-div .card:hover .game-logo {
        -webkit-filter: blur(1px) brightness(0.6);
        filter: blur(1px) brightness(0.6);
      }
      .Featured .button-group-arrows {
        top: 11px;
        right: 2.5%;
      }
      @media (max-width: 767.98px) {
        .Featured .card {
          width: 93px;
        }
      }
      @media (min-width: 768px) {
        .Featured {
          background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 50%,
            #083a8d 50%,
            #083a8d 100%
          );
        }
        .Featured .card {
          padding-right: 10px;
        }
      }
      .Separator hr {
        border-color: rgba(255, 255, 255, 0.2);
        margin: 0;
      }
      .Separator.transparent hr {
        border-color: transparent;
      }
      .CarouselContainer {
        position: relative;
        background-size: auto 100%, auto 100%;
        background-position: left top, right top;
        width: 100%;
        border-radius: 15px;
        margin-bottom: 40px;
      }
      .CarouselContainer .carousel-indicators li {
        width: 7px;
        height: 7px;
        background-color: #abd1ff66;
        opacity: 1;
        border-radius: 50%;
        border: 2px solid #0d3d92;
        margin: 7px 8px 5px 8px;
        box-sizing: content-box;
        cursor: default;
      }
      .CarouselContainer .carousel-indicators .active {
        background-color: #51e325;
        border-color: #51e325;
        background-clip: unset;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
      }
      .CarouselContainer .react-multi-carousel-list {
        display: flex;
        align-items: center;
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
        border-radius: 10px;
        box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.3);
      }
      .CarouselContainer .react-multi-carousel-track {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: row;
        position: relative;
        transform-style: preserve-3d;
        backface-visibility: hidden;
        will-change: transform, transition;
        z-index: 1;
      }
      .CarouselContainer .react-multi-carousel-dot-list {
        background: #0d3d92;
        position: absolute;
        width: fit-content;
        margin: 0 auto;
        border-radius: 0;
        padding: 0;
        height: 25px;
        opacity: 1;
        z-index: 0;
        transform: rotate(180deg) scale(-1, 1);
        bottom: -25px;
      }
      .CarouselContainer .react-multi-carousel-dot-list li:first-child:before,
      .CarouselContainer .react-multi-carousel-dot-list li:last-child:before {
        position: absolute;
        top: -9px;
        left: -39px;
        color: #0d3d92;
        width: 29px;
        height: 25px;
        text-indent: 0;
        overflow: hidden;
        font-size: 26px;
        line-height: 1;
      }
      .CarouselContainer .react-multi-carousel-dot-list li:last-child:before {
        left: auto;
        right: -39px;
        transform: scale(-1, 1);
      }
      .CarouselContainer .react-multi-carousel-dot button {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        opacity: 1;
        padding: 5px 5px 5px 5px;
        box-shadow: none;
        transition: background 0.5s;
        border-width: 2px;
        border-style: solid;
        border-color: grey;
        padding: 0;
        margin: 0;
        margin-right: 6px;
        outline: 0;
        cursor: pointer;
      }
      .CarouselContainer .react-multi-carousel-dot button:hover {
        background: #080808;
      }
      .CarouselContainer .react-multi-carousel-dot--active button {
        background: #080808;
      }
      .CarouselContainer .react-multi-carousel-item {
        transform-style: preserve-3d;
        backface-visibility: hidden;
        overflow: hidden;
        height: 100%;
        border-radius: 15px;
      }
      .CarouselContainer.no-title .section-title h2 {
        display: none !important;
      }
      .CarouselContainer.no-title .button-group-arrows {
        top: -25px;
      }
      .CarouselContainer.single-category .button-group-arrows,
      .CarouselContainer.single-genre .button-group-arrows,
      .CarouselContainer.single-tag .button-group-arrows {
        right: 2.5%;
      }
      .CarouselContainer.single-game .section-title,
      .CarouselContainer.single-slide .carousel-game-info,
      .CarouselContainer.single-slide .react-multiple-carousel__arrow {
        display: none !important;
      }
      .CarouselContainer.single-game {
        pointer-events: none;
        margin-top: 20px;
        margin-bottom: 20px;
      }
      .CarouselContainer .carousel-game-slide {
        position: relative;
        padding-top: 52.5%;
      }
      .CarouselContainer .carousel-game-slide > img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .CarouselContainer .carousel-game-info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 15px;
        background-image: linear-gradient(
          to bottom,
          rgba(6, 29, 98, 0),
          rgba(6, 29, 98, 0.88) 86%
        );
      }
      .CarouselContainer .carousel-game-icon {
        width: 45px;
        height: 45px;
        border-radius: 20%;
        margin-right: 15px;
        box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.79);
        border: solid 2px #fff;
      }
      .CarouselContainer .carousel-game-title {
        position: relative;
        top: -5px;
        color: #fff;
        display: inline-block;
        text-transform: capitalize;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 0;
        line-height: 16px;
        vertical-align: bottom;
      }
      @media (max-width: 767.98px) {
        .CarouselContainer .carousel-game-title {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: calc(100% - 45px - 90px - 20px);
        }
      }
      .CarouselContainer .carousel-game-info Button {
        position: absolute;
        right: 15px;
        float: right;
        padding: 0 30px;
        font-size: 12px;
        line-height: 12px;
        height: 45px;
        margin-top: 0;
      }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .CarouselContainer .react-multi-carousel-item {
          flex-shrink: 0 !important;
        }
        .CarouselContainer .react-multi-carousel-track {
          overflow: visible !important;
        }
      }
      @media (min-width: 768px) {
        .CarouselContainer .carousel-game-info {
          padding: 20px;
        }
        .CarouselContainer .carousel-game-icon {
          width: 60px;
          height: 60px;
        }
        .CarouselContainer .carousel-game-title {
          font-size: 20px;
          line-height: 20px;
        }
        .CarouselContainer .carousel-game-info Button {
          padding: 0 40px;
          font-size: 18px;
          line-height: 18px;
          height: 60px;
        }
        .CarouselContainer .carousel-game-slide {
          padding-top: 49.5%;
        }
      }
      @media (min-width: 1024px) {
        .CarouselContainer {
          margin-bottom: 20px;
          display: inline-block;
        }
        .CarouselContainer .react-multi-carousel-dot-list {
          display: inline-flex;
          transform: rotate(0) scale(1, 1);
          z-index: 1;
          bottom: 0;
          opacity: 0.8;
        }
        .CarouselContainer .carousel-game-info {
          display: none;
        }
        .CarouselContainer .react-multiple-carousel__arrow {
          z-index: 1;
        }
        .CarouselContainer .carousel-game-slide {
          padding-top: 48.5%;
        }
        .CarouselContainer.single-category .carousel-game-slide,
        .CarouselContainer.single-genre .carousel-game-slide,
        .CarouselContainer.single-tag .carousel-game-slide {
          padding-top: 40%;
        }
      }
      @media (min-width: 1180px) {
        .CarouselContainer.single-category .carousel-game-slide,
        .CarouselContainer.single-genre .carousel-game-slide,
        .CarouselContainer.single-tag .carousel-game-slide {
          padding-top: 35%;
        }
      }
      @media (min-width: 1600px) {
        .CarouselContainer .carousel-game-slide {
          padding-top: 43.5%;
        }
        .CarouselContainer.single-category .carousel-game-slide,
        .CarouselContainer.single-genre .carousel-game-slide,
        .CarouselContainer.single-tag .carousel-game-slide {
          padding-top: 30%;
        }
      }
      .button-group-arrows {
        position: absolute;
        top: 0;
        right: 5px;
        width: 40px;
        height: 20px;
        display: none;
      }
      .button-group-arrows button {
        position: absolute;
        outline: 0;
        transition: all 0.5s;
        z-index: 0;
        border: 0;
        background: 0 0;
        cursor: pointer;
        color: #5486ba;
        padding: 0;
        font-size: 14px;
      }
      .button-group-arrows button.disabled {
        opacity: 0.3;
        pointer-events: none;
      }
      .button-group-arrows button.arrow-left {
        right: 0;
      }
      .button-group-arrows button.arrow-right {
        left: 0;
      }
      .button-group-arrows button:hover::before {
        color: #f9ea00;
      }
      .button-group-arrows button:active::before {
        color: #49ff00;
      }
      .CarouselCoverText {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        vertical-align: bottom;
        pointer-events: all;
        z-index: 1;
      }
      .CarouselCoverText div.content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 160px);
        display: block;
        min-width: 350px;
      }
      .CarouselCoverText .app-store-badge,
      .CarouselCoverText .play-store-badge {
        display: inline-block;
        margin: 10px 5px 0;
      }
      .CarouselCoverText .play-store-badge {
        width: 134px;
        height: 40px;
      }
      .CarouselCoverText .app-store-badge {
        width: 120px;
        height: 40px;
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .CarouselCoverText {
          height: calc(100% - 23px);
        }
      }
      @media (max-width: 480px) {
        .CarouselCoverText {
          zoom: 0.8;
        }
      }
      @media (max-width: 360px) {
        .CarouselCoverText {
          zoom: 0.65;
        }
      }
      .CarouselCoverText .notice-text span {
        display: block;
        line-height: 20px;
      }
      .CarouselCoverText .notice-text span.row1,
      .CarouselCoverText .notice-text span.row3 {
        margin-top: 10px;
      }
      html:lang(en) .CarouselCoverText .notice-text .row1:after {
        content: "This game is not available";
      }
      html:lang(en) .CarouselCoverText .notice-text .row2:after {
        content: "on the mobile web.";
      }
      html:lang(en) .CarouselCoverText .notice-text .row3:after {
        content: "Play it on desktop or try our suggested games!";
      }
      html:lang(en) .CarouselCoverText.link-store .notice-text .row3:after {
        content: "Play on desktop or download the app:";
      }
      html:lang(en) .play-store-badge {
        background-image: url(static/img/store-badge/en/play-store.png);
      }
      html:lang(en) .app-store-badge {
        background-image: url(static/img/store-badge/en/app-store.png);
      }
      html:lang(de) .CarouselCoverText .notice-text .row1:after {
        content: "Dieses Spiel ist im mobilen ";
      }
      html:lang(de) .CarouselCoverText .notice-text .row2:after {
        content: "Internet nicht verfügbar.";
      }
      html:lang(de) .CarouselCoverText .notice-text .row3:after {
        content: "Spielen Sie es auf einem Desktop-Computer oder probieren Sie unsere vorgeschlagenen Spiele aus!";
      }
      html:lang(de) .CarouselCoverText.link-store .notice-text .row3:after {
        content: "Spielen Sie auf dem Desktop-Computer oder laden Sie die App herunter:";
      }
      html:lang(de) .play-store-badge {
        background-image: url(static/img/store-badge/de/play-store.png);
      }
      html:lang(de) .app-store-badge {
        background-image: url(static/img/store-badge/de/app-store.png);
      }
      html:lang(fr) .CarouselCoverText .notice-text .row1:after {
        content: "Ce jeu n'est pas disponible ";
      }
      html:lang(fr) .CarouselCoverText .notice-text .row2:after {
        content: "en version mobile.";
      }
      html:lang(fr) .CarouselCoverText .notice-text .row3:after {
        content: "Jouez-y sur votre ordinateur ou essayez nos jeux conseillés !";
      }
      html:lang(fr) .CarouselCoverText.link-store .notice-text .row3:after {
        content: "Jouez sur votre ordinateur ou téléchargez l’application :";
      }
      html:lang(fr) .play-store-badge {
        background-image: url(static/img/store-badge/fr/play-store.png);
      }
      html:lang(fr) .app-store-badge {
        background-image: url(static/img/store-badge/fr/app-store.png);
      }
      html:lang(es) .CarouselCoverText .notice-text .row1:after {
        content: "Este juego no está disponible ";
      }
      html:lang(es) .CarouselCoverText .notice-text .row2:after {
        content: "para dispositivos móviles.";
      }
      html:lang(es) .CarouselCoverText .notice-text .row3:after {
        content: "¡Puedes jugar en el ordenador o bien probar nuestros juegos recomendados!";
      }
      html:lang(es) .CarouselCoverText.link-store .notice-text .row3:after {
        content: "Juega en el ordenador o descarga la aplicación:";
      }
      html:lang(es) .play-store-badge {
        background-image: url(static/img/store-badge/es/play-store.png);
      }
      html:lang(es) .app-store-badge {
        background-image: url(static/img/store-badge/es/app-store.png);
      }
      html:lang(pt) .CarouselCoverText .notice-text .row1:after {
        content: "Este jogo não está disponível ";
      }
      html:lang(pt) .CarouselCoverText .notice-text .row2:after {
        content: "para dispositivos móveis.";
      }
      html:lang(pt) .CarouselCoverText .notice-text .row3:after {
        content: "Joque no computador ou veja nossos jogos recomendados!";
      }
      html:lang(pt) .CarouselCoverText.link-store .notice-text .row3:after {
        content: "Joque no computador ou baixe o app:";
      }
      html:lang(pt) .play-store-badge {
        background-image: url(static/img/store-badge/pt/play-store.png);
      }
      html:lang(pt) .app-store-badge {
        background-image: url(static/img/store-badge/pt/app-store.png);
      }
      .Footer {
        background-color: #0456b5;
        position: absolute;
        bottom: 0;
        background-size: 40% auto, 40% auto;
        background-position: left top, right center;
        
        padding-top: 10px;
        padding-bottom: 10px;
      }
      .Footer > ul > li > a {
        text-transform: uppercase;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1px;
        color: #fff;
        position: relative;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .Footer .nav-item:nth-child(1):after,
      .Footer .nav-item:nth-child(2):after,
      .Footer .nav-item:nth-child(3):after,
      .Footer .nav-item:nth-child(4):after {
        content: "";
        width: 70%;
        height: 10px;
        position: absolute;
        bottom: -5px;
        left: 15%;
        
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
      }
      .Footer a:hover {
        text-decoration: none;
        color: #f9ea00;
      }
      .Footer a:active {
        color: #49ff00;
      }
      .Footer .nav-item {
        display: inline-block;
        padding: 10px 0;
      }
      .Footer .navbar-nav {
        margin: 0 auto;
        display: block;
      }
      .Footer .version-div {
        position: absolute;
        bottom: 2px;
        right: 5px;
        color: #193484;
        font-size: 10px;
      }
      .Footer .nav-link p {
        margin: 0;
      }
      .Footer .LanguagesMenu {
        position: relative;
        width: 70px;
        margin: 0 auto;
        background-color: rgba(43, 125, 228, 0.7);
      }
      .Footer .LanguagesMenu.open {
        border-radius: 0 0 20px 20px;
      }
      .Footer .LanguagesMenu .lang-list {
        box-shadow: 0 -5px 8px 0 rgba(0, 0, 0, 0.3),
          inset 0 1px 3px 0 rgba(255, 255, 255, 0.08);
        top: auto;
        bottom: 32px;
        left: 50%;
        transform: translate(-50%, 0);
        display: table;
        border-radius: 20px;
      }
      .Footer .LanguagesMenu .current-flag {
        padding: 8px 13px;
        height: 33px;
      }
      @media (min-width: 768px) {
        .Footer .LanguagesMenu .lang-list {
          left: auto;
          right: 0;
          border-radius: 20px 20px 0 20px;
          transform: none;
          display: block;
        }
        .Footer .col-m-5columns {
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          max-width: 20%;
        }
        .Footer .col-m-6columns {
          -ms-flex: 0 0 16%;
          flex: 0 0 16%;
          max-width: 16%;
        }
        .Footer .nav-item {
          padding: 16px 0;
        }
        .Footer .LanguagesMenu {
          position: absolute;
          top: 0;
          right: 0;
        }
        .Footer > ul > li:nth-child(5) > a:after {
          display: none;
        }
      }
      body {
        margin-bottom: calc(155px + 20px);
      }
      @media (min-width: 768px) {
        body {
          margin-bottom: calc(73px + 20px);
        }
        .Footer .nav-item:after {
          display: none;
        }
        .Footer > ul > li > a:after {
          content: "";
          width: 30px;
          height: 35px;
          position: absolute;
          top: 50%;
          right: -15px;
          transform: translate(0, -50%);
          
          background-size: 35px auto;
          background-position: center;
        }
        .Footer .nav-item:last-child a:after {
          display: none;
        }
      }
      .GameTile {
        border: none;
        padding-bottom: 10px;
        z-index: 0;
        background: 0 0;
        overflow: hidden;
      }
      .GameTile a {
        text-decoration: none;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
      }
      .GameTile .card-title {
        color: #fff;
        margin: 0.2rem 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: center;
        color: #84cbf2;
        font-weight: 600;
        text-transform: capitalize;
      }
      .GameTile .card-img-top {
        width: 100%;
        padding-top: 100%;
        background-size: cover;
        background-position: center;
        border-radius: 20px;
        overflow: hidden;
        position: relative;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 6px 0 rgba(19, 18, 48, 0.56);
      }
      .GameTile .card-img-top:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        background-repeat: no-repeat;
      }
      .GameTile.no-title .card-body {
        display: none !important;
      }
      .GameTile .card-body {
        padding: 0.5rem;
        -background-color: rgba(200, 255, 255, 0.1);
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
        position: relative;
        z-index: -1;
      }
      .GameTile .card-body .small-icon {
        width: 40px;
        height: 40px;
        float: left;
        margin-right: 0.75rem;
        border-radius: 0.3rem;
        margin-bottom: 0.375rem;
        display: none !important;
      }
      .GameTile .card-body h4 {
        font-size: 0.75rem;
        color: #c0c3c5;
        margin-bottom: 0;
        text-transform: capitalize;
        display: none;
      }
      .GameTile .card-img-top.cover-style {
        padding-top: 56%;
        border-radius: 10px;
        box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.3);
      }
      @media (min-width: 1180px) {
        .GameTile.col-xl-2_4 {
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          max-width: 20%;
        }
      }
      .GameTile.show-banner .card-img-top {
        display: none !important;
      }
      .GameTile.show-banner .card-img-top.cover-style {
        display: block !important;
        min-width: 85px;
      }
      .GameTile.title-hover .card-body {
        position: absolute;
        bottom: 10px;
        width: calc(100% - 10px);
        z-index: 1;
        text-shadow: 1px 1px 1px #000;
        padding: 20% 2% 3px;
        overflow: hidden;
        background-image: linear-gradient(
          to bottom,
          rgba(11, 33, 103, 0),
          rgba(11, 33, 103, 0.8) 80%
        );
        text-overflow: ellipsis;
        white-space: normal;
        border-radius: 0 0 10px 10px;
      }
      .GameTile .card-title {
        -webkit-line-clamp: 3;
      }
      .GameTile.title-hover:hover .card-body {
        display: block !important;
      }
      .GamesList {
        margin-bottom: 20px;
        padding-top: 0;
      }
      .GamesList .container div.row {
        padding-right: 5px;
        padding-left: 5px;
      }
      .GamesList .cards-loader-box {
        margin-right: -5px;
        margin-left: -5px;
      }
      .GamesList .no-game {
        width: 100%;
        text-align: center;
        margin-top: 2rem;
      }
      .GamesList .no-game b {
        color: #00d666;
      }
      .GamesList.no-title .section-title h2 {
        display: none !important;
      }
      @media (min-width: 768px) {
        .GamesList .cards-loader-box {
          margin-right: -5px;
          margin-left: -5px;
          width: calc(100% + 10px);
        }
      }
      @media (max-width: 767.98px) {
        .GamesList .cards-loader-box {
          display: grid;
          grid-template-columns: auto auto auto;
        }
        .GamesList.big-tile-model .GameTile.big-tile {
          grid-column-end: span 2;
          grid-row-end: span 2;
        }
        .GamesList.single-game-list .cards-loader-box {
          grid-template-columns: auto auto auto auto;
        }
      }
      .GameTitleBox {
        position: relative;
        -box-shadow: inset 0 -10px 15px 0 rgba(0, 0, 0, 0.16);
        margin-bottom: 20px;
      }
      .GameTitleBox .row {
        padding: 0;
        margin: 0 auto;
      }
      .GameTitleBox .img-icon {
        float: left;
        border-radius: 20px;
        margin-bottom: 20px;
        padding: 0;
        height: 100%;
      }
      .GameTitleBox .card-title {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        line-height: 35px;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
      }
      .GameTitleBox .card-publisher {
        font-size: 12px;
        font-weight: 700;
        color: #84cbf2;
      }
      .GameTitleBox .card-body {
        padding: 0 0 0 1rem;
      }
      .GameTitleBox button.play-now {
        display: table;
        width: auto;
        padding: 0.5rem 1.5rem;
        text-transform: capitalize;
        position: relative;
      }
      .GameTitleBox .vote-container {
        display: inline-block;
      }
      .GameTitleBox .vote-container p {
        display: inline-block;
        margin-right: 25px;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 0;
      }
      .GameTitleBox .vote-container i {
        display: inline-block;
      }
      .GameTitleBox .vote-container i:before {
        font-size: 18px;
        color: #84cbf2;
        margin-right: 5px;
        cursor: pointer;
      }
      .GameTitleBox .vote-container i.icon-like_outline.pulseBig:before,
      .GameTitleBox .vote-container i.icon-like_outline:hover::before {
        color: #51e325;
      }
      .GameTitleBox .vote-container i.icon-dislike_outline.pulseBig:before,
      .GameTitleBox .vote-container i.icon-dislike_outline:hover::before {
        color: #ffe864;
      }
      .GameTitleBox .vote-container i.icon-dislike_outline {
        position: relative;
        top: 6px;
      }
      .GameTitleBox .vote-container i.icon-Share::before {
        line-height: 14px;
        vertical-align: bottom;
      }
      .GameTitleBox.no-play-game .row {
        padding-bottom: 0;
      }
      .GameTitleBox.no-play-game .vote-container,
      .GameTitleBox.no-vote .vote-container {
        pointer-events: none;
      }
      @media (min-width: 768px) {
        .GameTitleBox {
          margin-bottom: 45px;
        }
      }
      .GameTitleBox .RowAdv {
        margin-bottom: 30px;
      }
      .Vote.vote-container i.icon-like_outline.voted:before {
        color: #51e325;
      }
      .Vote.vote-container i.icon-dislike_outline.voted:before {
        color: #ffe864;
      }
      .CollapseDiv h3 {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1.17px;
        color: #84cbf2;
        text-transform: uppercase;
        height: 50px;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 6px 6px 0 rgba(6, 29, 98, 0.4),
          inset 0 1px 3px 0 rgba(255, 255, 255, 0.23);
        background-color: #083d91;
        line-height: 50px;
        padding: 0 20px;
        margin-bottom: 0;
      }
      .CollapseDiv .collapse-content {
        border-radius: 0 0 10px 10px;
        box-shadow: 0 2px 3px 0 rgba(255, 255, 255, 0.1);
        background-color: #0b2167;
        padding: 10px;
        overflow: hidden;
        display: flex;
      }
      .CollapseDiv .icon-Down {
        float: right;
        line-height: 50px;
        padding-left: 20px;
      }
      .CollapseDiv .icon-Down:before {
        color: #84cbf2;
      }
      .CollapseDiv iframe {
        margin: 0 auto;
        display: block;
      }
      .CollapseDiv .app-store-badge,
      .CollapseDiv .play-store-badge {
        display: inline-block;
        margin: 0 5px 0;
      }
      .CollapseDiv .play-store-badge {
        width: 134px;
        height: 40px;
      }
      .CollapseDiv .app-store-badge {
        width: 120px;
        height: 40px;
      }
      .CollapseDiv.hide h3 {
        border-radius: 10px;
      }
      .CollapseDiv.hide .collapse-content {
        padding: 0;
        height: 0;
      }
      .CollapseDiv .ButtonTag {
        margin-right: 10px;
        margin-bottom: 10px;
      }
      .CollapseDiv .TagsList {
        margin-bottom: 0;
      }
      .BoxGenre,
      .BoxTag {
        padding: 5px;
        display: flex;
      }
      .BoxGenre button,
      .BoxTag button {
        height: 60px;
        border-radius: 10px;
        box-shadow: 0 6px 12px 0 #061d62,
          inset 0 4px 10px 0 rgba(0, 31, 71, 0.23);
        border: solid 3px #183484;
        background-color: #0d2c7c;
        text-align: left;
        width: 100%;
        padding: 0 3px;
        display: flex;
        align-items: center;
        text-transform: capitalize;
      }
      .BoxGenre button:hover,
      .BoxTag button:hover {
        background-color: #183484;
      }
      .BoxGenre button .icon-container,
      .BoxTag button img {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        margin-right: 10px;
        display: block;
      }
      .BoxGenre button p,
      .BoxTag button p {
        line-height: 15px;
        font-size: 12px;
        vertical-align: middle;
        margin-bottom: 0;
        font-weight: 700;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        white-space: normal;
      }
      .BoxTag button p {
        font-size: 14px;
        line-height: 18px;
      }
      .BoxGenre button .icon-container {
        position: relative;
      }
      .BoxGenre button p {
        text-transform: uppercase;
      }
      .BoxGenre button i {
        font-size: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .GenresList,
      .TagsList {
        margin-bottom: 30px;
      }
      .GenresList .container,
      .TagsList .container {
        margin: auto;
        padding-right: 10px;
        padding-left: 10px;
      }
      .GenresList a,
      .TagsList a {
        display: contents;
      }
      .GenresList a:hover,
      .TagsList a:hover {
        text-decoration: none;
        color: #fff;
      }
      @media (min-width: 768px) {
        .GenresList .container,
        .TagsList .container {
          padding-right: 0;
          padding-left: 0;
        }
      }
      .NavbarTitleBack {
        padding: 0 0 20px;
        white-space: nowrap;
      }
      .NavbarTitleBack .title-container {
        display: inline;
        padding-left: 0;
      }
      .NavbarTitleBack p.title {
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        padding: 0;
        margin: 0;
        display: inline-block;
      }
      .NavbarTitleBack .icon-Arrow_Back {
        margin-right: 1rem;
        cursor: pointer;
      }
      .NavbarTitleBack.sub p.title {
        font-size: 14px;
      }
      .NavbarTitleBack.sub a {
        display: none;
      }
      @media (min-width: 1024px) {
        .NavbarTitleBack p.title {
          font-size: 14px;
        }
      }
      .Breadcrumb .breadcrumb {
        background-color: transparent;
        padding: 0;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 0.83px;
        font-weight: 400;
        color: #84cbf2;
        margin-bottom: 20px;
      }
      .Breadcrumb .breadcrumb a {
        color: #84cbf2;
      }
      .Breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: #ffffff99;
        content: ">";
      }
      .Modal {
        display: block;
        box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.7);
        color: #fff;
        pointer-events: none;
      }
      .Modal .modal-content {
        background-color: #0252b1;
        box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.7);
        padding-bottom: 22px;
        border-radius: 20px;
      }
      .Modal .modal-header {
        text-transform: uppercase;
        box-shadow: 0 5px 15px 0 rgba(4, 13, 41, 0.3);
        border: none;
        padding: 15px 22px;
      }
      .Modal .modal-header .modal-title {
        margin: 0 auto;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 18px;
      }
      .Modal .modal-body {
        padding: 22px;
        text-align: left;
        font-size: 14px;
        font-weight: 700;
      }
      .Modal .modal-body p {
        margin-bottom: 0;
      }
      .Modal .modal-footer {
        border: none;
        justify-content: center;
        padding: 0;
      }
      .Modal .icon-Close {
        line-height: 26px;
      }
      .Modal .link-modal {
        margin-top: 15px;
        display: table;
        color: #f9ea00;
        font-size: 14px;
        font-weight: 700;
      }
      .ModalCookie {
        -display: block;
      }
      .ModalCookie .modal-header {
        box-shadow: none;
      }
      .ModalCookie .modal-header .modal-title {
        margin: 0;
      }
      .ModalCookie .modal-dialog {
        position: absolute;
        bottom: -10px;
        margin: 0;
        right: 0;
      }
      .ModalCookie > .container {
        height: 100%;
        position: relative;
      }
      .ModalCookie .modal-content {
        border-radius: 20px 20px 0 0;
      }
      .ModalCookie .modal-footer {
        justify-content: left;
        padding: 0 22px;
      }
      .Modal .link-modal {
        margin-left: 20px;
      }
      .GameTitleHeaderTextBox h1 {
        margin-bottom: 0;
      }
      .GameTitleHeaderTextBox h2 {
        margin-bottom: 0;
      }
      .GameTitleHeaderTextBox .game-studio {
        font-size: 12px;
        font-weight: 700;
        color: #84cbf2;
        margin-left: 15px;
        line-height: 24px;
      }
      .GameTitleHeaderTextBox .row > p {
        margin-bottom: 0;
      }
      .GameTitleHeaderTextBox .votes {
        opacity: 0.6;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        color: #fff;
        margin-left: 10px;
      }
      .GameTitleHeaderTextBox .icon-Star-Full {
        margin-right: 4px;
      }
      .GameTitleHeaderTextBox .star-on:before {
        color: #ffd223;
      }
      .GameTitleHeaderTextBox .star-off:before {
        color: #84cbf2;
        opacity: 0.5;
      }
      .Search {
        position: fixed;
        top: 53px;
        left: 0;
        background-color: #0b2167;
        width: 100%;
        height: calc(100% - 53px);
        overflow: auto;
        z-index: 10;
        background-size: 40% auto, 50% auto;
        background-position: left top, right center;
      }
      @media (min-width: 1180px) {
        .Search {
          top: 73px;
        }
      }
      .GameFrameContainer {
        margin: 25px auto 20px;
      }
      .GameFrameContainer .game-container {
        position: relative;
        border-radius: 20px;
        overflow: hidden;
        flex: 1;
        margin-bottom: 20px;
      }
      .GameFrameContainer .games-list-container {
        position: relative;
        width: 150px;
        padding-right: 20px;
      }
      .GameFrameContainer .banner-container {
        width: 120px;
        padding-left: 20px;
      }
      .GameFrameContainer .iframe-container {
        height: 0;
        box-shadow: inset 0 0 0 2px #1266ce;
        border-radius: 20px 20px 0 0;
        background-color: #083a8d;
        padding-top: 56.25%;
      }
      .GameFrameContainer .iframe-container iframe {
        position: absolute !important;
        top: 1px !important;
        left: 1px !important;
        width: calc(100% - 2px) !important;
        height: calc(100% - 75px) !important;
        border: 0;
        z-index: 1;
        border-radius: 20px 20px 0 0;
      }
      .GameFrameContainer .play-button-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 75px);
        background-color: rgba(6, 52, 131, 0.9);
        overflow: hidden;
      }
      .CarouselContainer.single-slide.linkedout .blur-cover,
      .GameFrameContainer .play-button-container .blur-cover {
        width: 100%;
        height: 100%;
        -webkit-filter: blur(6px);
        filter: blur(6px);
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
      }
      .GameFrameContainer .play-button-container .blur-cover::before {
        content: "";
        background-color: #0b2068;
        position: absolute;
        opacity: 0.4;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
      }
      .GameFrameContainer .bottom-bar-game-frame {
        height: 75px;
        background-image: linear-gradient(to bottom, #156bd4, #0252b2);
        padding: 12px 20px 12px 20px;
        z-index: 1;
        position: relative;
      }
      .GameFrameContainer .bottom-bar-game-frame .card-body button,
      .GameFrameContainer .bottom-bar-game-frame .card-body img {
        float: left;
        margin-right: 20px;
      }
      .GameFrameContainer .bottom-bar-game-frame .img-icon {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.3);
      }
      .GameFrameContainer .bottom-bar-game-frame .card-body {
        padding: 0;
      }
      .GameFrameContainer .bottom-bar-game-frame .card-title {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        line-height: 50px;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
        max-width: calc(100% - 330px);
        float: left;
        letter-spacing: 1px;
      }
      .GameFrameContainer .bottom-bar-game-frame .card-publisher {
        font-size: 12px;
        font-weight: 700;
        color: #84cbf2;
        line-height: 50px;
      }
      .GameFrameContainer .bottom-bar-game-frame .vote-container {
        float: right;
        margin-right: 0;
      }
      .GameFrameContainer .bottom-bar-game-frame .vote-container p {
        display: inline-block;
        line-height: 50px;
        margin-right: 20px;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 0;
      }
      .GameFrameContainer .bottom-bar-game-frame .vote-container i {
        display: inline-block;
      }
      .GameFrameContainer .bottom-bar-game-frame i:before {
        color: #84cbf2;
        cursor: pointer;
        font-size: 20px;
        margin-right: 2px;
      }
      .GameFrameContainer.no-vote .vote-container {
        pointer-events: none;
      }
      .GameFrameContainer .vote-container i.icon-like_outline.pulseBig:before,
      .GameFrameContainer .vote-container i.icon-like_outline:hover::before {
        color: #51e325;
      }
      .GameFrameContainer
        .vote-container
        i.icon-dislike_outline.pulseBig:before,
      .GameFrameContainer .vote-container i.icon-dislike_outline:hover::before {
        color: #ffe864;
      }
      .GameFrameContainer
        .bottom-bar-game-frame
        .vote-container
        i.icon-dislike_outline {
        top: 6px;
        position: relative;
      }
      .GameFrameContainer .bottom-bar-game-frame .fullscreen-button-container {
        border-left: 1px solid #d8d8d84c;
        padding-left: 20px;
        height: 30px;
        top: 9px;
        position: relative;
        margin-right: 0 !important;
        float: right;
      }
      .GameFrameContainer
        .bottom-bar-game-frame
        .fullscreen-button-container
        i {
        position: relative;
        top: 5px;
      }
      .GameFrameContainer .banner-container div {
        background: rgba(0, 0, 0, 0.3);
        border-radius: 20px;
        width: 100%;
        height: 100%;
        text-align: center;
        box-shadow: 0 6px 6px 0 rgba(6, 29, 98, 0.4),
          inset 0 1px 3px 0 rgba(255, 255, 255, 0.23);
        background-color: #083d91;
      }
      .GameFrameContainer .play-button-container img.img-icon {
        width: 110px;
        height: 110px;
        border-radius: 25px;
        box-shadow: 0 4px 6px 0 rgba(19, 18, 48, 0.56);
        display: block;
        margin: 0 auto;
      }
      .GameFrameContainer .play-button-container .Button {
        width: 200px;
        box-shadow: inset 0 2px 4px 0 #ffffff60, inset 0 -3px 3px 0 #00000031,
          0 8px 15px 0 #061d6280;
        display: block;
        margin: 20px auto 0;
      }
      .game-info-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .GameFrameContainer .game-info-container {
        transition: background-image 0.5s;
      }
      .GameFrameContainer .game-info-container.show-logo .Button,
      .GameFrameContainer .game-info-container.show-logo .img-icon {
        display: none;
      }
      .GameFrameContainer .game-info-container.show-logo {
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to bottom, #1a73e1, #055abf 100%);
      }
      .GameFrameContainer .game-info-container.show-logo > img.logo {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 80px;
        width: auto;
        margin: auto;
        box-shadow: none;
        border-radius: 0;
      }
      .game-info-container > button,
      .game-info-container > img {
        display: block;
        margin: 0 auto 20px;
      }
      .game-info-container__policy-bottom,
      .game-info-container__policy-top {
        background-color: rgba(7, 23, 78, 0.5);
        border-radius: 10px;
        color: #fff;
        font-size: 10px;
        line-height: 1.4;
        padding: 15px;
        margin: 5px 5%;
        width: 90%;
        position: absolute;
        top: 0;
      }
      .game-info-container__policy-bottom {
        font-size: 9px;
        line-height: 1.5;
        height: 60px;
        overflow-y: scroll;
        padding: 5px;
      }
      .game-info-container__policy-bottom::-webkit-scrollbar {
        width: 8px;
      }
      .game-info-container__policy-bottom::-webkit-scrollbar-track {
        display: none;
      }
      .game-info-container__policy-bottom::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.4);
        border-radius: 8px;
      }
      .game-info-container__policy-bottom p,
      .game-info-container__policy-top p {
        margin: 0;
      }
      .game-info-container__policy-bottom a,
      .game-info-container__policy-top a {
        color: #ffe300;
        font-weight: 700;
      }
      .game-info-container__policy-top {
        display: grid;
        grid-template-columns: auto auto;
      }
      .game-info-container__policy-top img {
        height: 35px;
        width: auto;
        margin: 5px 20px;
      }
      .game-info-container__policy-bottom {
        top: auto;
        bottom: 0;
        text-align: center;
      }
      .game-info-container__bottom-link {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        margin: 10px auto;
        display: table;
        text-shadow: -1px 0 7px rgba(6, 29, 98, 0.3),
          0 1px 7px rgba(6, 29, 98, 0.3), 1px 0 7px rgba(6, 29, 98, 0.3),
          0 -1px 7px rgba(6, 29, 98, 0.3);
      }
      .game-info-container__bottom-link:hover {
        color: #fff;
      }
      .GameFrameContainer .game-container .Loader {
        padding-bottom: 75px !important;
        background: 0 0 !important;
        z-index: 0 !important;
      }
      .GameFrameContainer .game-container .Loader:before {
        background-color: transparent !important;
      }
      .iframe-container.iframe-fullscreen {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 30;
      }
      .iframe-container.iframe-fullscreen iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 1px;
        min-width: 100%;
        min-height: 100%;
      }
      .GameFrameContainer .games-list-container button {
        position: absolute;
        top: 0;
        width: calc(100% - 20px);
        height: 32px;
        border-radius: 20px 20px 0 0;
        z-index: 1;
        background-color: #0b2167;
        border: 8px solid #083a8d;
        outline: 0;
      }
      .GameFrameContainer .games-list-container button#down {
        top: auto;
        bottom: 0;
        border-radius: 0 0 20px 20px;
      }
      .GameFrameContainer .games-list-container button i:before {
        color: #84cbf2;
        font-size: 13px;
        top: -4px;
        position: relative;
      }
      .adv-label-size {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #333;
        font-weight: 700;
        font-size: 1.5rem;
      }
      .GameFrameContainer .game-container.fullscreen .iframe-container {
        height: calc(100% - 75px);
        padding-top: 0;
      }
      .RowAdvWithGames > * {
        display: inline-block;
        -background-color: red;
      }
      .RowAdvWithGames .row-adv-games {
        height: 100%;
        width: calc((100% - 728px) / 2);
        overflow: hidden;
      }
      .RowAdvWithGames .row-adv-games .GameTile {
        display: inline-block;
      }
      .ui-linkedout-game {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: #0b2167;
      }
      .ui-linkedout-game .blur-cover {
        opacity: 0.7;
      }
      .bg-linkedout-game {
        width: 100%;
        height: 100%;
      }
      .ui-linkedout-game .bg-linkedout-game::after,
      .ui-linkedout-game .bg-linkedout-game::before {
        content: "";
        border-radius: 6%;
        background-image: radial-gradient(
          circle at 100% 0,
          #020d23,
          #0b4c9e 50%
        );
        position: absolute;
        transform: rotate(45deg);
        opacity: 0.5;
        filter: blur(15px);
        width: 1000px;
        height: 1000px;
        top: 50%;
        left: 50%;
        margin-left: -1050px;
        margin-top: -500px;
      }
      .ui-linkedout-game .bg-linkedout-game::after {
        opacity: 0.9;
        margin-left: -1125px;
      }
      .ui-linkedout-game .game-info-container.linkedout,
      .ui-linkedout-game .game-info-container.reccomended {
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        padding: 0 20px;
      }
      .ui-linkedout-game .game-info-container.linkedout {
        left: 25%;
      }
      .ui-linkedout-game .game-info-container.reccomended {
        left: 75%;
      }
      .ui-linkedout-game .game-info-container.reccomended .Button {
        line-height: 1;
      }
      .ui-linkedout-game .game-info-container__title {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.3;
      }
      .ui-linkedout-game .game-info-container__description {
        font-size: 18px;
        text-transform: initial;
        font-weight: 400;
        margin-bottom: 20px;
        line-height: 1.3;
      }
      .ui-linkedout-game .game-info-container__simple-link {
        font-size: 14px;
        margin-top: 20px;
      }
      .ui-linkedout-game.archived .game-info-container__simple-link {
        visibility: hidden;
      }
      .ui-linkedout-game .game-info-container img.img-icon {
        margin-bottom: 20px;
        border-radius: 25%;
        width: 90px;
      }
      .ui-linkedout-game .reccomended .game-info-container__title {
        margin-bottom: 20px;
      }
      .ui-linkedout-game .reccomended .game-info-container__description {
        margin-bottom: 10px;
      }
      .CarouselContainer.single-slide.linkedout {
        overflow: hidden;
        pointer-events: all;
        z-index: 2;
        margin-bottom: 20px;
      }
      @media (max-width: 768px) {
        .CarouselContainer.single-slide.linkedout .ui-linkedout-game {
          zoom: 0.9;
        }
      }
      @media (max-width: 576px) {
        .CarouselContainer.single-slide.linkedout .ui-linkedout-game {
          zoom: 0.8;
        }
        .ui-linkedout-game .game-info-container > button,
        .ui-linkedout-game .reccomended .game-info-container__title {
          margin-bottom: 10px;
        }
      }
      @media (max-width: 440px) {
        .CarouselContainer.single-slide.linkedout .ui-linkedout-game {
          zoom: 0.65;
        }
      }
      @media (min-width: 577px) {
        .ui-linkedout-game .game-info-container img.img-icon {
          width: 105px;
        }
      }
      @media (min-width: 1024px) {
        .ui-linkedout-game .game-info-container__description {
          white-space: nowrap;
        }
      }
      .GamesListColumn {
        position: relative;
        max-height: 596px;
        overflow-y: scroll;
        padding: 45px 5px 25px;
        margin: 2px 0;
      }
      .GamesListColumn .GameTile {
        margin-bottom: 5px;
      }
      .GamesListColumn {
        scrollbar-width: none;
      }
      .GamesListColumn::-webkit-scrollbar {
        width: 0 !important;
      }
      .GamesListColumn .GameTile .card-body {
        padding: 0.5rem 0;
      }
      .GameFrameContainerFluid.bg-logo {
        background-size: auto 95%, auto 80%;
        background-position: left top, right top;
      }
      .Loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .Loader.hidden {
        animation-name: fadeOut;
        animation-duration: 0.5s;
        animation-delay: 0.2s;
        animation-fill-mode: forwards;
      }
      .Loader .spinner {
        zoom: 1;
        border-top: 0.5em solid rgba(255, 255, 255, 0.2);
        border-right: 0.5em solid rgba(255, 255, 255, 0.2);
        border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
        border-left: 0.5em solid #fff;
      }
      .Loader .spinner-element {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        z-index: -1;
      }
      .Loader.small-loader {
        background: rgba(0, 0, 0, 0.2) !important;
      }
      .Loader.small-loader:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 150px;
        height: 100px;
        background-color: rgba(0, 0, 0, 0.5) !important;
        border-radius: 1rem;
      }
      .Loader.small-loader .spinner {
        position: relative;
        margin: 25px auto;
      }
      .Loader.inside-loader {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #0b2167;
      }
      .Loader .progress-value {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.75rem;
      }
      .EmbedMobileGame {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #000;
        z-index: 30;
      }
      .EmbedMobileGame .NavbarTitleBack {
        background: #000;
        padding: 0 15px;
      }
      .EmbedMobileGame .iframe-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
      }
      .LanguagesMenu {
        position: absolute;
        right: 0;
        z-index: 1;
        border-radius: 20px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09),
          inset 0 1px 3px 0 rgba(255, 255, 255, 0.08);
        background-color: #3c93ff;
      }
      .LanguagesMenu.open {
        border-radius: 20px 20px 0 0;
      }
      .LanguagesMenu .current-flag {
        height: 32px;
        padding: 8px 18px;
        cursor: pointer;
      }
      .LanguagesMenu .lang-list {
        position: absolute;
        top: 32px;
        right: 0;
        border-radius: 20px 0 20px 20px;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.3),
          inset 0 1px 3px 0 rgba(255, 255, 255, 0.08);
        background-color: #1469d2;
        text-align: right;
        padding: 20px 0;
      }
      .LanguagesMenu .lang-list li {
        position: relative;
        list-style: none;
        display: inline-flex;
        height: 36px;
        line-height: 36px;
        padding: 0 38px 0 0;
        width: 100%;
      }
      .LanguagesMenu .lang-list li.current-language,
      .LanguagesMenu .lang-list li:hover {
        background-color: #0b2167;
      }
      .LanguagesMenu .lang-list li span {
        position: absolute;
        right: 0;
        margin: 9px 12px;
      }
      .LanguagesMenu .lang-list li a {
        color: #fff;
        text-decoration: none;
        width: 100%;
        font-size: 14px;
        font-weight: 700;
        padding-left: 30px;
        padding-right: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
      .LanguagesMenu .current-flag i {
        margin-left: 7px;
        top: -3px;
        position: relative;
        font-size: 11px;
      }
      @media (min-width: 768px) {
        .LanguagesMenu .lang-list.two-columns {
          width: 420px;
        }
        .LanguagesMenu .lang-list.two-columns li {
          margin-top: 2px;
          -ms-flex: 0 0 49%;
          flex: 0 0 49%;
          max-width: 49%;
        }
        .LanguagesMenu .lang-list.two-columns li:nth-child(odd) {
          border-radius: 0 20px 20px 0;
          float: left;
        }
        .LanguagesMenu .lang-list.two-columns li:nth-child(even) {
          border-radius: 20px 0 0 20px;
        }
        .LanguagesMenu .lang-list.two-columns li:last-child {
          border-radius: 20px 0 0 20px;
          float: right;
        }
      }
      .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
      }
      @-webkit-keyframes pulseBig {
        from {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
        50% {
          -webkit-transform: scale3d(1.15, 1.15, 1.15);
          transform: scale3d(1.15, 1.15, 1.15);
        }
        to {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }
      @keyframes pulseBig {
        from {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
        50% {
          -webkit-transform: scale3d(1.15, 1.15, 1.15);
          transform: scale3d(1.15, 1.15, 1.15);
        }
        to {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }
      .pulseBig {
        -webkit-animation-name: pulseBig;
        animation-name: pulseBig;
      }
      @-webkit-keyframes fadeOutRight {
        from {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }
      @keyframes fadeOutRight {
        from {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }
      .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
      }
      .NavbarCarousel .form-control:focus + .form-label.fadeOutRightFocus,
      .NavbarMain .form-control:focus + .form-label.fadeOutRightFocus {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
      }
      @-webkit-keyframes bounceIn {
        20%,
        40%,
        60%,
        80%,
        from,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
        }
        20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }
        40% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
        }
        80% {
          -webkit-transform: scale3d(0.97, 0.97, 0.97);
          transform: scale3d(0.97, 0.97, 0.97);
        }
        to {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }
      @keyframes bounceIn {
        20%,
        40%,
        60%,
        80%,
        from,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
        }
        20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }
        40% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
        }
        80% {
          -webkit-transform: scale3d(0.97, 0.97, 0.97);
          transform: scale3d(0.97, 0.97, 0.97);
        }
        to {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }
      .bounceIn {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
      }
      .DraggableBackButton {
        position: absolute;
        top: 30px;
        left: 0;
        padding: 3px 0 3px 3px;
        z-index: 30;
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 0 10px 12px 0;
        -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
      }
      .DraggableBackButton .icon-Back:before {
        color: #3065c4;
        position: relative;
        top: 3px;
        margin-right: 3px;
        font-size: 12px;
      }
      .DraggableBackButton .small-logo {
        
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
        float: right;
      }
      .ColumnAdv,
      .RowAdv {
        padding: 0;
        text-align: center;
        -background-color: rgba(255, 255, 255, 0.3);
      }
      .ColumnAdv > *,
      .RowAdv > * {
        margin: 0 auto;
        display: block;
      }
      .ColumnAdv > div.row,
      .RowAdv > div.row {
        display: flex;
      }
      .RowAdv {
        position: relative;
        margin: 0 0 20px;
      }
      .RowAdv.game-frame-bottom {
        width: 100%;
      }
      .GameFrameContainer .ColumnAdv.column-left {
        float: left;
        margin-right: 10px;
      }
      .GameFrameContainer .ColumnAdv.column-right {
        float: right;
        margin-left: 10px;
      }
      .RowAdv .GamesListCrossPromotion {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% + 10px);
      }
      .ColumnAdv > div.Ads > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      @media (min-width: 1180px) {
        .GameFrameContainer,
        .game-row-section {
          min-height: 575px;
        }
        .GameFrameContainer .iframe-container {
          height: 500px;
          padding-top: 0;
        }
        .RowAdv.game-frame-bottom {
          width: calc(100% - 336px - 10px);
        }
      }
      @media (min-width: 1600px) {
        .RowAdv.game-frame-bottom {
          width: calc(100% - 336px - 10px - 336px - 10px);
          margin-left: auto;
          margin-right: auto;
        }
      }
      .NavbarCarousel {
        padding-top: 0;
        position: relative;
        margin-bottom: 25px;
      }
      .NavbarCarousel > .container-fluid {
        box-shadow: 0 3px 0 0 #0b2068, 0 15px 20px 0 rgba(4, 3, 61, 0.3);
        background-color: #0d3d92;
        height: 75px;
        z-index: 20;
        border-radius: 10px;
        position: relative;
        margin-top: 5px;
      }
      .NavbarCarousel .button-logo-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 55px;
        height: 78px;
      }
      .NavbarCarousel .navbar-brand {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0 auto;
        width: 55px;
        height: 78px;
        box-shadow: 0 7px 3px 0 rgba(0, 0, 0, 0.09);
        background-image: linear-gradient(to bottom, #1a73e1, #055abf 100%);
        border-radius: 10px 60px 60px 10px;
        z-index: 1;
      }
      .NavbarCarousel .navbar-brand img {
        height: 55%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .NavbarCarousel .navbar-brand img.icon-logo {
        height: 60%;
      }
      .NavbarCarousel .carousel-button-container {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        cursor: pointer;
      }
      .NavbarCarousel .carousel-button {
        position: relative;
        left: 10px;
        width: calc(100% + 27px);
        height: 39px;
        border-radius: 0 19px 19px 0;
        box-shadow: 0 2px 5px 0 rgba(1, 19, 70, 0.2);
        background-color: #0756b8;
      }
      .NavbarCarousel .carousel-button.games-button {
        display: none;
      }
      .NavbarCarousel .carousel-button.active,
      .NavbarCarousel .carousel-button:hover {
        background-color: #00a1fe;
      }
      .NavbarCarousel .carousel-button.active i,
      .NavbarCarousel .carousel-button.active svg,
      .NavbarCarousel .carousel-button:hover i,
      .NavbarCarousel .carousel-button:hover svg {
        opacity: 1;
      }
      .NavbarCarousel .carousel-button:nth-child(1) {
        z-index: 2;
      }
      .NavbarCarousel .carousel-button:nth-child(2) {
        left: 10px;
        z-index: 1;
      }
      .NavbarCarousel .carousel-button i,
      .NavbarCarousel .carousel-button svg {
        float: right;
        font-size: 18px;
        margin: 10px 14px;
        opacity: 0.7;
      }
      .NavbarCarousel.slim-version .carousel-button i,
      .NavbarCarousel.slim-version .carousel-button svg {
        font-size: 15px;
        margin: 10px 14px;
      }
      .NavbarCarousel a.icon-container {
        height: 20px;
        position: absolute;
        right: 100px;
      }
      .NavbarCarousel .slides-container {
        position: relative;
        width: calc(100% - 55px - 41px);
        top: 0;
        left: 55px;
        position: absolute;
        padding-left: 20px;
        height: 78px;
        z-index: -1;
      }
      .NavbarCarousel .icon-Search {
        font-size: 20px;
        cursor: pointer;
      }
      .NavbarCarousel .icon-Search:before {
        -color: #4587c5;
      }
      .NavbarCarousel .form-group {
        position: absolute;
        right: 100px;
      }
      .NavbarCarousel .form-control,
      .NavbarCarousel .form-control:focus {
        height: 46px;
        color: #fff;
        -webkit-text-fill-color: #fff;
        background: 0 0;
        box-shadow: none;
      }
      .NavbarCarousel .form-control + .form-label {
        position: absolute;
        top: 12px;
        left: 13px;
        font-size: 15px;
        color: #4587c5;
        pointer-events: none;
      }
      .NavbarCarousel .input-group-text {
        background: 0 0;
        color: #4587c5;
      }
      .NavbarCarousel .input-group-text .icon-Close {
        font-size: 12px;
      }
      .NavbarCarousel .input-group {
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 2px 3px 0 rgba(34, 75, 140, 0.26),
          0 2px 5px 0 rgba(255, 255, 255, 0.06),
          inset 0 4px 7px 0 rgba(0, 14, 54, 0.52);
        border: solid 1px rgba(151, 151, 151, 0.16);
        background-image: linear-gradient(to bottom, #03449e -8%, #1160c6 122%);
        height: 46px;
      }
      .NavbarCarousel .button-option {
        position: absolute;
        top: 11px;
        left: 6px;
        bottom: 11px;
        right: 6px;
        cursor: pointer;
        border-radius: 10px;
        background-color: #03449e;
      }
      .NavbarCarousel .button-option svg,
      .NavbarCarousel .button-option:before {
        font-size: 16px;
        position: absolute;
        color: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.7;
      }
      .NavbarCarousel .button-container-box {
        position: absolute;
        right: 0;
        top: 0;
        width: 41px;
        height: calc(100% + 3px);
        background-image: linear-gradient(to bottom, #1a73e1, #055abf 100%);
        box-shadow: -2px -5px 15px 0 rgba(6, 29, 98, 0.7);
        pointer-events: auto;
        border-radius: 0 10px 10px 0;
      }
      @media (min-width: 768px) {
        .NavbarCarousel .carousel-button:nth-child(2) {
          left: 47px;
        }
        .NavbarCarousel.slim-version .carousel-button i,
        .NavbarCarousel.slim-version .carousel-button svg {
          margin: 5px 14px;
        }
      }
      .NavbarGenresItem {
        position: relative;
        height: 78px;
        padding: 0;
        z-index: 1;
      }
      .NavbarGenresItem .scrollable-div {
        text-align: center;
        position: relative;
        height: 78px;
        margin: 0;
        padding: 1px 0 3px 15px;
      }
      .NavbarGenresItem .nav-item {
        margin-right: 10px;
      }
      .NavbarGenresItem .row1,
      .NavbarGenresItem .row2 {
        padding-right: 15px;
        display: table !important;
      }
      .NavbarGenresItem .row1 .nav-item:last-child {
        margin-right: 0;
      }
      .NavbarGenresItem .row2 .nav-item:last-child {
        margin-right: 70px;
      }
      .NavbarGenresItem .nav-item:first-child {
        margin-left: 10px;
      }
      .NavbarGenresItem .nav-link {
        padding: 15px 0;
        display: inline-block;
      }
      .NavbarGenresItem .nav-link {
        padding: 0;
        margin: 3px 5px;
      }
      .NavbarGenresItem .button-container {
        position: relative;
        pointer-events: none;
        margin-top: -60px;
      }
      .NavbarGenresItem .button-category-page {
        position: absolute;
        top: 7px;
        left: 12px;
        bottom: 7px;
        right: 18px;
        border-radius: 10px;
        background-color: #063483;
        cursor: pointer;
      }
      .NavbarGenresItem .button-category-page:after {
        content: "+";
        font-size: 20px;
        position: absolute;
        color: #84cbf2;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .NavbarGenresItem.back-button-flag .scrollable-div {
        padding-left: 70px;
      }
      .NavbarCarousel .page-title-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(8, 68, 158, 0.5);
      }
      .NavbarCarousel .page-title-container .ribbon-category {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        max-width: calc(100% - 160px);
      }
      .NavbarCarousel .page-title-container h1 {
        background-color: #4764ff;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 0;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 2px;
      }
      .NavbarCarousel .page-title-container h1 i {
        color: #fff;
        margin-right: 10px;
        font-size: 24px;
        position: relative;
        top: 2px;
      }
      .NavbarCarousel .page-title-container .icon-shape-category-int {
        position: absolute;
        top: 0;
        left: -59px;
        overflow: hidden;
        text-shadow: -11px 1px 20px #063483;
      }
      .NavbarCarousel .page-title-container .icon-shape-category-int.right {
        left: auto;
        right: -60px;
        transform: scale(-1, 1);
      }
      .NavbarCarousel .page-title-container .icon-shape-category-int {
        color: #4764ff;
        font-size: 50px;
      }
      .NavbarGenresItem.navbar-bottom {
        margin-top: 40px;
      }
      .NavbarCarousel.category-showed {
        margin-bottom: 23px;
      }
      .NavbarCarousel.category-showed .page-title-container {
        top: 78px;
        background: 0 0;
        transform: rotate(180deg);
        z-index: 0;
      }
      .NavbarCarousel.category-showed .page-title-container h1 {
        transform: rotate(180deg);
      }
      .NavbarCarousel.category-showed {
        margin-bottom: 73px;
        transition: margin-bottom 0.4s;
      }
      .NavbarCarousel.navbar-menu-2 .page-title-container {
        -display: none !important;
      }
      @media (min-width: 768px) {
        .NavbarCarousel.category-showed .page-title-container {
          top: 114px;
        }
        .NavbarCarousel.category-showed {
          margin-bottom: 74px;
        }
        .NavbarCarousel.category-showed.slim-version .page-title-container {
          top: 88px;
        }
      }
      @media (min-width: 1024px) {
        .NavbarCarousel.category-showed {
          margin-bottom: 54px;
        }
      }
      .GamesListRow {
        position: relative;
        height: 78px;
        overflow-x: scroll;
        padding: 5px 10px 5px 20px;
        margin: 0;
      }
      .GamesListRow .GameTile {
        padding: 0 5px;
        overflow: visible;
      }
      .GamesListRow::-webkit-scrollbar {
        display: none;
      }
      .GamesListRow {
        scrollbar-width: none;
      }
      .GamesListRow::-webkit-scrollbar {
        width: 0 !important;
      }
      .GamesListRow .GameTile .card-body {
        padding: 0.5rem 0;
      }
      .NavbarGamesItem {
        position: relative;
        width: 100%;
      }
      .NavbarGamesItem button {
        position: absolute;
        top: 0;
        width: calc(100% - 20px);
        height: 32px;
        border-radius: 20px 20px 0 0;
        z-index: 1;
        background-color: #0b2167;
        border: 8px solid #083a8d;
        outline: 0;
      }
      .NavbarGamesItem button#down {
        top: auto;
        bottom: 0;
        border-radius: 0 0 20px 20px;
      }
      .NavbarGamesItem button i:before {
        color: #84cbf2;
        font-size: 13px;
        top: -4px;
        position: relative;
      }
      .NavbarGamesItem .GameTile.show-banner .card-img-top.cover-style {
        width: 115px;
        height: 67px;
        background-size: cover;
        border-radius: 10px;
        padding-top: 0;
      }
      .NavbarGamesItem .GamesListRow .GameTile .card-body {
        display: none !important;
      }
      .GamesListLastPlayed {
        position: relative;
        padding: 0 10px 0 20px;
        margin: 0;
        overflow: hidden;
        margin-bottom: 10px;
      }
      .GamesListLastPlayed .GameTile {
        padding: 0 5px;
        overflow: visible;
        min-width: 77px;
      }
      .GamesListLastPlayed .GameTile .card-img-top.cover-style {
        padding-top: 41.5%;
      }
      .GamesListLastPlayed::-webkit-scrollbar {
        display: none;
      }
      .GamesListLastPlayed {
        scrollbar-width: none;
      }
      .GamesListLastPlayed .scrollable-div::-webkit-scrollbar,
      .GamesListLastPlayed::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
      }
      .GamesListLastPlayed .GameTile .card-body {
        bottom: 0;
      }
      .GamesListLastPlayed .button-group-arrows {
        right: 2.5%;
      }
      .NavbarCarousel .NavbarSearchInputItem.form-group {
        position: absolute;
        left: 50px;
        top: 50%;
        right: auto;
        width: calc(100% - 60px);
        transform: translate(0, -50%);
      }
      .NavbarSearchInputItem.no-label .form-control + .form-label {
        display: none;
      }
      .Search {
        top: 83px;
        height: calc(100% - 83px);
      }
      .Search .NavbarTitleBack {
        display: block;
      }
      .Search .GamesList {
        margin-top: 5px;
      }
      .Search.slim-version {
        padding-top: 23px;
      }
      @media (min-width: 768px) {
        .NavbarCarousel > .container-fluid {
          width: 100%;
          margin-top: 20px;
          margin-bottom: 0;
          height: 111px;
        }
        .NavbarCarousel.slim-version > .container-fluid {
          height: 85px;
        }
        .NavbarCarousel .button-logo-container,
        .NavbarCarousel .navbar-brand {
          width: 201px;
          height: 114px;
        }
        .NavbarCarousel.slim-version .button-logo-container,
        .NavbarCarousel.slim-version .navbar-brand {
          height: 88px;
        }
        .NavbarCarousel .carousel-button.games-button {
          display: block;
        }
        .NavbarCarousel .carousel-button {
          position: relative;
          left: 37px;
          width: 100%;
          height: 38px;
        }
        .NavbarCarousel.slim-version .carousel-button {
          height: 29px;
        }
        .NavbarCarousel .slides-container {
          width: calc(100% - 173px - 60px);
          left: 174px;
          padding-left: 50px;
          height: 113px;
        }
        .NavbarCarousel.slim-version .slides-container {
          height: 87px;
        }
        .NavbarGenresItem {
          height: 114px;
        }
        .NavbarGenresItem .scrollable-div {
          height: 114px;
          padding: 5px 0 9px 25px;
        }
        .NavbarCarousel.slim-version .NavbarGenresItem {
          height: 88px;
        }
        .NavbarCarousel.slim-version .NavbarGenresItem .scrollable-div {
          height: 88px;
          padding: 1px 0 5px 25px;
        }
        .NavbarGenresItem .nav-link {
          margin: 5px 10px 5px 0;
        }
        .NavbarCarousel.slim-version .NavbarGenresItem .nav-link {
          margin: 3px 10px 3px 0;
        }
        .NavbarCarousel .button-container-box {
          width: 60px;
        }
        .NavbarCarousel .button-option {
          top: 17px;
          left: 10px;
          bottom: 17px;
          right: 10px;
        }
        .NavbarCarousel.slim-version .button-option {
          top: 13px;
          bottom: 13px;
        }
        .GamesListRow {
          height: 114px;
          padding: 9px 15px 10px 30px;
        }
        .NavbarCarousel.slim-version .GamesListRow {
          height: 88px;
        }
        .NavbarGamesItem .GameTile.show-banner .card-img-top.cover-style {
          width: 174px;
          height: 95px;
        }
        .NavbarCarousel.slim-version
          .NavbarGamesItem
          .GameTile.show-banner
          .card-img-top.cover-style {
          width: 127px;
          height: 67px;
        }
        .NavbarCarousel .NavbarSearchInputItem.form-group {
          left: 90px;
          width: calc(100% - 105px);
        }
        .NavbarCarousel .navbar-brand img.icon-logo {
          display: none;
        }
        .NavbarCarousel .navbar-brand img.small-logo {
          display: block !important;
        }
        .Search {
          top: 131px;
          height: calc(100% - 131px);
        }
        .Search.slim-version {
          top: 105px;
          height: calc(100% - 105px);
        }
      }
      @media (min-width: 1600px) {
        .NavbarCarousel .button-logo-container,
        .NavbarCarousel .navbar-brand {
          width: 298px;
        }
        .NavbarCarousel .slides-container {
          width: calc(100% - 270px - 60px);
          left: 271px;
        }
      }
      .NewGames {
        position: relative;
        padding: 5px 10px 5px 20px;
        margin: 0;
        overflow: hidden;
      }
      .NewGames .GameTile {
        padding: 0 5px;
        overflow: visible;
      }
      .NewGames .GameTile .card-img-top.cover-style {
        padding-top: 54%;
      }
      .NewGames::-webkit-scrollbar {
        display: none;
      }
      .NewGames {
        scrollbar-width: none;
      }
      .NewGames::-webkit-scrollbar {
        width: 0 !important;
      }
      .NewGames .colrow {
        padding: 0;
      }
      .NewGames .colrow .GameTile {
        width: 50%;
        float: left;
      }
      .NewGames .button-group-arrows {
        top: -22px;
        right: 0;
      }
      .NewGames .GameTile.title-hover .card-body {
        bottom: 0;
      }
      .rowCarousel {
        margin: 20px 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .NewGames.HotPicksGames.container {
        max-width: 100%;
      }
      .NewGames.HotPicksGames.container .games-list-container {
        max-width: 100%;
      }
      .NewGames.HotPicksGames .GameTile {
        padding: 5px;
      }
      @media (min-width: 1024px) {
        .NewGames {
          display: inline-block;
          padding: 0;
          margin-top: 20px;
          margin-bottom: 0;
          height: calc(((47.5vw - 5px) * 0.485) + 24px + 20px);
        }
        .NewGames.HotPicksGames {
          height: auto;
          margin-bottom: 24px;
        }
        .NewGames.HotPicksGames {
          margin-top: 0;
        }
        .NewGames .scrollable-div {
          border-radius: 15px;
        }
        .CarouselContainer {
          border-radius: 0;
          margin-top: 20px;
          margin-bottom: 20px;
        }
        .NewGames .colrow .GameTile:nth-child(1) {
          margin-bottom: 10px;
        }
        .NewGames .GameTile .card-img-top.cover-style {
          padding-top: calc(11.4vw - 5px);
        }
        .NewGames.HotPicksGames .GameTile .card-img-top.cover-style {
          padding-top: 56%;
        }
        .NewGames .games-list-container {
          position: relative;
        }
        .NewGames .colrow .GameTile {
          width: 100%;
          float: none;
        }
        .rowCarousel {
          margin: 0;
        }
      }
      @media (min-width: 1600px) {
        .NewGames {
          height: calc(((47.5vw - 5px) * 0.435) + 24px + 20px);
        }
        .NewGames.HotPicksGames {
          height: auto;
          margin-bottom: 24px;
        }
        .NewGames .GameTile .card-img-top.cover-style {
          padding-top: calc(10.275vw - 5px);
        }
        .NewGames.HotPicksGames .GameTile .card-img-top.cover-style {
          padding-top: 56%;
        }
      }
      .Pagination .page-link {
        font-size: 14px;
        font-weight: 700;
        color: #84cbf2;
        border: none;
        width: 30px;
        height: 40px;
        background-color: #0d3d92;
        text-align: center;
        padding: 12px 0;
        box-shadow: 0 5px 5px -5px rgba(4, 3, 61, 0.3);
      }
      .Pagination .page-item.active .page-link,
      .Pagination .page-item.next-page .page-link,
      .Pagination .page-item.prev-page .page-link,
      .Pagination .page-item:hover .page-link {
        background-image: linear-gradient(to bottom, #055abf, #1a73e1 100%);
        background-color: transparent;
        color: #fff;
      }
      .Pagination .next-page .page-link,
      .Pagination .prev-page .page-link {
        width: 37px;
        height: 40px;
        border-radius: 20px;
      }
      .Pagination .prev-page .page-link {
        border-radius: 20px 0 0 20px;
      }
      .Pagination .next-page .page-link {
        border-radius: 0 20px 20px 0;
      }
      .Pagination .next-page i:before,
      .Pagination .prev-page i:before {
        top: 1px;
        position: relative;
        color: #84cbf2;
      }
      .adv-game-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: auto;
        background-color: #063483;
        
        background-size: 100px 50px;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
      }
      .adv-game-container-midroll {
        z-index: 2;
      }
      @media screen and (max-width: 1023px) {
        .adv-game-container {
          position: fixed;
          height: 100%;
          width: 100%;
          z-index: 99999;
        }
      }
      #GameBuyContainer {
        max-width: 1600px;
        margin: 0 auto;
      }
      #GameBuyContainer .buy-game-iframe {
        border-radius: 10px;
        position: relative;
        padding-bottom: 360px;
        margin-bottom: 10px;
        margin-right: 20px;
        height: 0;
        overflow: hidden;
      }
      #GameBuyContainer .buy-game-image-screenshot-container {
        background-position: center center;
        background-size: cover;
        filter: blur(6px);
        height: 100%;
        position: absolute;
        transform: scale(1.3);
        width: 100%;
      }
      #GameBuyContainer .buy-game-current-screenshot {
        height: 100%;
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 1;
      }
      #GameBuyContainer .buy-game-current-screenshot img {
        height: 100%;
        width: auto;
      }
      #GameBuyContainer .buy-game-iframe::before {
        background-color: red;
      }
      #GameBuyContainer .buy-game-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      #GameBuyContainer .buy-game-screenshots {
        display: grid;
        margin-bottom: 10px;
        padding-right: 20px;
        width: 100%;
      }
      #GameBuyContainer .buy-game-screenshots-scroll-container {
        overflow-x: scroll;
        margin-bottom: 10px;
        scroll-behavior: smooth;
        white-space: nowrap;
        width: 100%;
      }
      #GameBuyContainer .buy-game-screenshots-scroll-container img {
        display: inline-block;
        height: 100px;
        margin-right: 10px;
        border-radius: 10px;
      }
      #GameBuyContainer .buy-game-screenshots-scroll-container img:hover {
        cursor: pointer;
      }
      #GameBuyContainer .buy-game-right-col {
        background-color: #0d3d92;
        border-radius: 10px;
        padding: 20px;
        width: 40%;
        max-width: 600px;
        height: fit-content;
      }
      #GameBuyContainer .buy-game-right-col img {
        border-radius: 10px;
        width: 100%;
      }
      #GameBuyContainer .buy-game-right-col h2 {
        font-size: 1.8rem;
        font-weight: 600;
        padding-top: 0;
      }
      #GameBuyContainer .buy-game-info {
        margin: 10px auto;
        max-width: 400px;
      }
      #GameBuyContainer .buy-game-info.max-width {
        max-width: 200px;
      }
      #GameBuyContainer .buy-game-info img {
        padding: 5px 0;
        width: 32px;
      }
      #GameBuyContainer .buy-game-button a:hover {
        text-decoration: none;
      }
      #GameBuyContainer .buy-game-info span {
        display: block;
        opacity: 0.6;
      }
      #GameBuyContainer .buy-game-info span.small {
        font-size: 0.8rem;
      }
      #GameBuyContainer .buy-game-info span.title {
        opacity: 1;
        font-size: 1.2rem;
      }
      #GameBuyContainer .buy-button {
        background-color: #ffd403;
        border-radius: 10px;
        box-shadow: inset 0 2px 4px 0 #ffffff60, inset 0 -3px 3px 0 #00000031,
          0 8px 15px 0 #061d6280;
        display: flex;
        color: #071b40;
        flex-wrap: wrap;
        line-height: 22px;
        margin: 20px auto;
        justify-content: space-between;
        padding: 6px 30px;
        width: 100%;
        max-width: 400px;
      }
      #GameBuyContainer .buy-button:hover {
        background-color: #ffb100;
        color: #071b40;
      }
      #GameBuyContainer .buy-button-item.buy-button-price {
        text-align: left;
        font-size: 1.4rem;
        display: grid;
        width: 25%;
      }
      #GameBuyContainer .buy-button-item.buy-button-price span:first-of-type {
        font-size: 1.1rem;
      }
      #GameBuyContainer .buy-button-item span.line-through {
        text-decoration-line: line-through;
      }
      #GameBuyContainer .buy-button-item.buy-button-save {
        text-align: center;
        font-size: 1.2rem;
        display: grid;
        text-align: center;
        width: 25%;
      }
      #GameBuyContainer .buy-button-item.buy-button-action {
        text-align: center;
        display: grid;
        line-height: 44px;
        width: 50%;
      }
      #GameBuyContainer .buy-button-item.buy-button-action span {
        display: block;
        font-size: 2rem;
        font-weight: 600;
      }
      #GameBuyContainer .buy-game-footer {
        font-size: 1.2rem;
        max-width: 400px;
        margin: 0 auto;
      }
      #GameBuyContainer .buy-game-footer .buy-game-footer-left {
        text-align: left;
      }
      #GameBuyContainer .buy-game-footer .buy-game-footer-right {
        text-align: right;
      }
      #GameBuyContainer .buy-game-footer img {
        margin-right: 5px;
        width: 16px;
      }
      #GameBuyContainer .buy-game-screenshot-arrow {
        position: absolute;
        transform: scale(0.5, 1);
        font-size: 3rem;
        opacity: 0.6;
        line-height: 100px;
        text-align: center;
        width: 60px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      #GameBuyContainer .buy-game-screenshot-arrow.arrow-right {
        right: 30px;
      }
      #GameBuyContainer .buy-game-screenshot-arrow:hover {
        cursor: pointer;
        opacity: 1;
      }
      #GameBuyContainer .buy-game-screenshot-arrow:active {
        opacity: 0.2 !important;
      }
      #GameBuyContainer iframe a.ytp-impression-link {
        display: none !important;
      }
      @media (max-width: 768px) {
        #GameBuyContainer .buy-game-left-col {
          flex-basis: unset;
        }
        #GameBuyContainer .buy-game-left-col .buy-game-iframe {
          margin-right: 0;
        }
        #GameBuyContainer .buy-game-left-col .buy-game-screenshots {
          margin-bottom: 0;
          padding-right: 0;
        }
        #GameBuyContainer .buy-game-left-col .scrollable-div {
          padding-bottom: 0;
        }
        #GameBuyContainer
          .buy-game-left-col
          .buy-game-screenshots-scroll-container {
          margin-bottom: 0;
        }
        #GameBuyContainer .buy-game-screenshot-arrow.arrow-right {
          right: 10px;
        }
        #GameBuyContainer .buy-game-right-col {
          flex-basis: unset;
          width: calc(100% - 10px);
          margin: 10px auto;
        }
      }