:root {
  --white: #FFFFFF;
  --black: #000000;
  --danger: #dc3545;
  --danger-hover: #a92835;
  --danger-text: #FFFFFF;
  --success: #09ae61;
  --success-hover: #0c7544;
  --success-text: #FFFFFF;
  --business: #FFD712;
  --business-hover: #e5c10b;
  --business-text: #FFFFFF;
  --info: #0abce0;
  --info-hover: #079fbd;
  --info-text: #FFFFFF;
  --warning: #ffc107;
  --warning-hover: #dba505;
  --warning-text: #FFFFFF;
  --primary-50: #FFFFFF;
  --primary-100: #f8dfb6;
  --primary-200: #ffa516;
  --primary-300: #ffa516;
  --primary-400: #cc8311;
  --primary-500: #032069;
  --primary-600: #000f34;
  --primary-700: #ff7800;
  --primary-800: #cc6000;
  --primary-900: #3f1e02;
  --complementary-50: #e9e9e9;
  --complementary-200: #83858a;
  --complementary-500: #26262c;
  --complementary-900: #26262c;
  --family-primary: 'Open Sans', sans-serif;
  --family-secondary: 'Open Sans', sans-serif;
}

* {
  font-family: var(--family-primary);
}

.article-x .entry {
  margin: 0;
  padding: 50px 50px 50px 50px;
  background-color: #ffffff;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.article-x p {
  min-height: 20px;
}

.article-x h1+* {
  margin-top: 12px;
}

.article-x h2+* {
  margin-top: 12px;
}

.article-x h3+* {
  margin-top: 12px;
}

.article-x h4+* {
  margin-top: 8px;
}

.article-x h5+* {
  margin-top: 4px;
}

.article-x h6+* {
  margin-top: 4px;
}

.article-x p+h2,
.article-x ul+h2,
.article-x ol+h2,
.article-x blockquote+h2,
.article-x pre+h2,
.article-x table+h2,
.article-x dl+h2,
.article-x address+h2 {
  margin-top: 32px;
}

.article-x p+h3,
.article-x ul+h3,
.article-x ol+h3,
.article-x blockquote+h3,
.article-x pre+h3,
.article-x table+h3,
.article-x dl+h3,
.article-x address+h3 {
  margin-top: 32px;
}

.article-x p+h4,
.article-x ul+h4,
.article-x ol+h4,
.article-x blockquote+h4,
.article-x pre+h4,
.article-x table+h4,
.article-x dl+h4,
.article-x address+h4 {
  margin-top: 32px;
}

.article-x p+h5,
.article-x ul+h5,
.article-x ol+h5,
.article-x blockquote+h5,
.article-x pre+h5,
.article-x table+h5,
.article-x dl+h5,
.article-x address+h5 {
  margin-top: 32px;
}

.article-x p+h6,
.article-x ul+h6,
.article-x ol+h6,
.article-x blockquote+h6,
.article-x pre+h6,
.article-x table+h6,
.article-x dl+h6,
.article-x address+h6 {
  margin-top: 32px;
}

.article-x p+*,
.article-x ul+*,
.article-x ol+*,
.article-x blockquote+*,
.article-x pre+*,
.article-x table+*,
.article-x dl+*,
.article-x address+* {
  margin-top: 20px;
}

.article-x h1+h2 {
  margin-top: 32px;
}

.article-x h2+h3 {
  margin-top: 32px;
}

.article-x h3+h4 {
  margin-top: 32px;
}

.article-x h4+h5 {
  margin-top: 32px;
}

.article-x h5+h6 {
  margin-top: 32px;
}

.article-x figure+h2,
.article-x figure+h3,
.article-x figure+h4,
.article-x figure+h5,
.article-x figure+h6,
.article-x figure+* {
  margin-top: 40px;
}

.article-x div+p,
.article-x div+blockquote,
.article-x div+table,
.article-x div+ul,
.article-x div+ol,
.article-x div+dl,
.article-x div+pre,
.article-x div+pre,
.article-x div+h1,
.article-x div+h2,
.article-x div+h3,
.article-x div+h4,
.article-x div+h5,
.article-x div+h6,
.article-x div+figure {
  margin-top: 20px;
}

.article-x p+figure,
.article-x ul+figure,
.article-x ol+figure,
.article-x blockquote+figure,
.article-x pre+figure,
.article-x table+figure,
.article-x dl+figure,
.article-x address+figure,
.article-x h1+figure,
.article-x h2+figure,
.article-x h3+figure,
.article-x h4+figure,
.article-x h5+figure,
.article-x h6+figure {
  margin-top: 40px;
}

.article-x a,
.article-x a:hover {
  color: #2F48C8;
}

.article-x h1,
.article-x h2,
.article-x h3,
.article-x h4,
.article-x h5,
.article-x h6 {
  font-family: inherit;
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  text-rendering: optimizeLegibility;
  letter-spacing: -0.01em;
}

.article-x h1 a,
.article-x h2 a,
.article-x h3 a,
.article-x h4 a,
.article-x h5 a,
.article-x h6 a {
  color: inherit;
  text-decoration: none;
}

.article-x a {
  color: var(--primary-500);
  text-decoration: underline;
}

.article-x h1 a:hover,
.article-x h2 a:hover,
.article-x h3 a:hover,
.article-x h4 a:hover,
.article-x h5 a:hover,
.article-x h6 a:hover {
  transition: all 0.2s linear;
  color: inherit;
  opacity: 0.7;
  text-decoration: underline;
}

.article-x h1 {
  font-size: 40px;
  line-height: 1.1;
}

.article-x h2 {
  font-size: 24px;
  line-height: 1.3;
}

.article-x h3 {
  font-size: 18px;
  line-height: 1.4;
}

.article-x h4 {
  font-size: 16px;
  line-height: 1.5;
}

.article-x ul,
.article-x ol {
  margin-left: 16px;
}

.article-x li li {
  font-size: 1em;
}

.article-x ul[dir="rtl"],
.article-x ul[dir="rtl"] ul,
.article-x ul[dir="rtl"] ol,
.article-x ol[dir="rtl"],
.article-x ol[dir="rtl"] ul,
.article-x ol[dir="rtl"] ol {
  margin-left: 0;
  margin-right: 16px;
}

.article-x ul[dir="rtl"] li,
.article-x ol[dir="rtl"] li {
  text-align: right;
}

.article-x nav ul,
.article-x nav ol {
  margin-left: 0;
  list-style: none;
}

.article-x dt {
  font-weight: bold;
}

.article-x dd+dt {
  margin-top: 0.25em;
}

.article-x pre {
  overflow: auto;
  white-space: pre;
  font-family: monospace;
  background-color: #f5f5f5;
  padding: 10px;
}

.article-x pre code {
  font-family: inherit;
  font-size: 1em;
  line-height: 1.5;
  background-color: transparent;
  padding: 0;
}

.article-x code {
  font-family: monospace;
  font-size: 1em;
  color: #f85959;
  background-color: #f5f5f5;
  padding: 2px 5px;
  border-radius: 3px;
}

.article-x table {
  border-collapse: collapse;
  width: 100%;
}

.article-x thead th {
  text-align: left;
  padding: 0.5em 1em;
  border: 1px solid #ddd;
}

.article-x tbody td {
  vertical-align: top;
  padding: 0.5em 1em;
  border: 1px solid #ddd;
}

.article-x .table {
  background-color: #fff;
}

.article-x .table th,
.article-x .table td {
  vertical-align: middle;
}

.article-x .table-striped tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.article-x blockquote {
  color: #243742;
  font-style: italic;
  font-weight: normal;
  padding: 0;
  background: transparent;
}

.article-x blockquote p {
  color: #243742;
  font-size: 24px;
  line-height: 1.5;
}

.article-x blockquote p+p {
  margin-top: 0.5em;
}

.article-x blockquote cite,
.article-x figcaption cite {
  font-style: inherit;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(36, 55, 66, 0.7);
}

.article-x caption {
  text-align: left;
  font-style: normal;
}

.article-x table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  empty-cells: show;
}

.article-x td,
.article-x th {
  text-align: left;
  vertical-align: top;
  font-size: 95%;
  line-height: 1.5;
  padding: 0.75em;
  border: 1px solid rgba(206, 210, 212, 0.5);
}

.article-x th {
  font-weight: normal;
}

.article-x thead th {
  font-weight: bold;
}

.article-x address {
  font-style: normal;
}

.article-x dfn,
.article-x abbr {
  font-size: 95%;
}

.article-x time,
.article-x cite,
.article-x small,
.article-x var,
.article-x kbd,
.article-x code {
  font-size: 85%;
}

.article-x sup,
.article-x sub {
  font-size: 65%;
}

.article-x var,
.article-x code,
.article-x kbd {
  display: inline-block;
  font-family: monospace;
  font-style: normal;
  line-height: 1;
  vertical-align: baseline;
}

.article-x kbd,
.article-x code {
  border-radius: 4px;
}

.article-x kbd {
  color: rgba(3, 25, 39, 0.85);
  border: 1px solid rgba(3, 25, 39, 0.15);
  padding: .2em .4em;
}

.article-x var {
  color: rgba(3, 25, 39, 0.85);
}

.article-x code {
  color: rgba(3, 25, 39, 0.85);
  position: relative;
  top: -1px;
  border: 1px solid transparent;
  background-color: #F5F6F8;
  padding: .2em .4em .2em;
}

.article-x pre code {
  background: none;
}

.article-x mark {
  background-color: yellow;
  color: black;
}

.article-x b,
.article-x strong {
  font-weight: 600;
}

.article-x dfn,
.article-x abbr[title] {
  letter-spacing: .01em;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
  cursor: help;
}

.article-x cite {
  font-style: italic;
}

.article-x sub,
.article-x sup {
  line-height: 1;
  margin: left 2px;
}

.article-x sub {
  vertical-align: sub;
}

.article-x sup {
  vertical-align: super;
}

.article-x figure>img,
.article-x figure>iframe,
.article-x figure>pre,
.article-x figure>div {
  vertical-align: middle;
}

.article-x figure figcaption {
  display: block;
  font-style: normal;
  margin-top: 0.25em;
  font-size: 12px;
  line-height: 1.5;
}

.article-x hr {
  position: relative;
  line-height: 1;
  background: none;
  border: none;
  text-align: left;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  height: 10px;
}

.article-x hr:before {
  content: '';
  position: absolute;
  top: 50%;
}

.article-x hr:before {
  width: 100%;
  max-width: 100%;
  margin-top: -0.5px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(206, 210, 212, 0.6);
}

.article-x .card {
  background-color: #F5F6F8;
  padding: 24px;
  border-radius: 4px;
}

.article-x .align-left {
  text-align: left;
}

.article-x .align-center {
  text-align: center;
}

.article-x .align-center img {
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
}

.article-x .align-center figcaption {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.article-x .align-right {
  text-align: right;
}

.article-x .align-right img {
  margin-left: auto;
}

.article-x .align-right figcaption {
  text-align: right;
  margin-left: auto;
}

.article-x .align-justify {
  text-align: justify;
}

.article-x .float-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  max-width: 200px;
}

.article-x .float-right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  max-width: 200px;
}

.article-x .valign-top {
  align-items: start;
}

.article-x .valign-middle {
  align-items: center;
}

.article-x .valign-bottom {
  align-items: end;
}

.article-x .outset-right {
  position: relative;
  width: calc(100% + 50px);
  max-width: calc(100% + 50px);
  transform: translateX(50px) translate3d(0, 0, 0);
  left: -50px;
}

.article-x .outset-left {
  width: calc(100% + 50px);
  max-width: calc(100% + 50px);
  transform: translateX(-50px) translate3d(0, 0, 0);
}

.article-x .outset-both {
  position: relative;
  width: calc(100% + 100px);
  max-width: calc(100% + 100px);
  transform: translateX(-50%) translate3d(0, 0, 0);
  left: 50%;
}

.article-x .grid-article {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.article-x .grid-article+.grid-article {
  margin-top: 24px;
}

.article-x .grid-gutterless {
  grid-column-gap: 0;
}

.article-x .grid-gapless {
  grid-row-gap: 0;
}

.article-x .grid-gapless+.grid-article {
  margin-top: 0;
}

.article-x .grid-auto {
  grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
}

.article-x .grid-1 {
  grid-template-columns: repeat(1, 1fr);
}

.article-x .grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.article-x .grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.article-x .grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

.article-x .grid-5 {
  grid-template-columns: repeat(5, 1fr);
}

.article-x .grid-6 {
  grid-template-columns: repeat(6, 1fr);
}

.article-x .grid-7 {
  grid-template-columns: repeat(7, 1fr);
}

.article-x .grid-8 {
  grid-template-columns: repeat(8, 1fr);
}

.article-x .grid-9 {
  grid-template-columns: repeat(9, 1fr);
}

.article-x .grid-10 {
  grid-template-columns: repeat(10, 1fr);
}

.article-x .grid-11 {
  grid-template-columns: repeat(11, 1fr);
}

.article-x .grid-12 {
  grid-template-columns: repeat(12, 1fr);
}

.article-x .column-1 {
  grid-column-end: span 1;
}

.article-x .column-2 {
  grid-column-end: span 2;
}

.article-x .column-3 {
  grid-column-end: span 3;
}

.article-x .column-4 {
  grid-column-end: span 4;
}

.article-x .column-5 {
  grid-column-end: span 5;
}

.article-x .column-6 {
  grid-column-end: span 6;
}

.article-x .column-7 {
  grid-column-end: span 7;
}

.article-x .column-8 {
  grid-column-end: span 8;
}

.article-x .column-9 {
  grid-column-end: span 9;
}

.article-x .column-10 {
  grid-column-end: span 10;
}

.article-x .column-11 {
  grid-column-end: span 11;
}

.article-x .column-12 {
  grid-column-end: span 12;
}

@media only screen and (max-width: 1023px) {
  .article-x .grid-1-md {
    grid-template-columns: repeat(1, 1fr);
  }

  .article-x .grid-2-md {
    grid-template-columns: repeat(2, 1fr);
  }

  .article-x .grid-3-md {
    grid-template-columns: repeat(3, 1fr);
  }

  .article-x .grid-4-md {
    grid-template-columns: repeat(4, 1fr);
  }

  .article-x .grid-5-md {
    grid-template-columns: repeat(5, 1fr);
  }

  .article-x .grid-6-md {
    grid-template-columns: repeat(6, 1fr);
  }

  .article-x .grid-7-md {
    grid-template-columns: repeat(7, 1fr);
  }

  .article-x .grid-8-md {
    grid-template-columns: repeat(8, 1fr);
  }

  .article-x .grid-9-md {
    grid-template-columns: repeat(9, 1fr);
  }

  .article-x .grid-10-md {
    grid-template-columns: repeat(10, 1fr);
  }

  .article-x .grid-11-md {
    grid-template-columns: repeat(11, 1fr);
  }

  .article-x .grid-12-md {
    grid-template-columns: repeat(12, 1fr);
  }
}

@media only screen and (max-width: 767px) {

  .article-x .grid-article,
  .article-x .grid-auto {
    grid-template-columns: repeat(1, 1fr);
  }

  .article-x .column {
    grid-column-end: span 1;
  }

  .article-x .column:empty {
    display: none;
  }

  .article-x .grid-1-sm {
    grid-template-columns: repeat(1, 1fr);
  }

  .article-x .grid-2-sm {
    grid-template-columns: repeat(2, 1fr);
  }

  .article-x .grid-3-sm {
    grid-template-columns: repeat(3, 1fr);
  }

  .article-x .grid-4-sm {
    grid-template-columns: repeat(4, 1fr);
  }

  .article-x .grid-5-sm {
    grid-template-columns: repeat(5, 1fr);
  }

  .article-x .grid-6-sm {
    grid-template-columns: repeat(6, 1fr);
  }

  .article-x .grid-7-sm {
    grid-template-columns: repeat(7, 1fr);
  }

  .article-x .grid-8-sm {
    grid-template-columns: repeat(8, 1fr);
  }

  .article-x .grid-9-sm {
    grid-template-columns: repeat(9, 1fr);
  }

  .article-x .grid-10-sm {
    grid-template-columns: repeat(10, 1fr);
  }

  .article-x .grid-11-sm {
    grid-template-columns: repeat(11, 1fr);
  }

  .article-x .grid-12-sm {
    grid-template-columns: repeat(12, 1fr);
  }


}

@media all and (-ms-high-contrast: none) {
  .article-x .column {
    flex: 1;
    margin-left: 24px;
    margin-bottom: 24px;
  }
}

@media all and (-ms-high-contrast: none) and (max-width: 767px) {
  .article-x .column {
    margin-left: 0;
  }
}

.article-x h1 {
  position: relative;
  padding-bottom: 36px;
  margin-bottom: 20px;
}

.article-x h1:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 120px;
  height: 2px;
  background-color: #D8D8D8;
}

.article-x figure img {
  border-radius: 4px;
}

.article-x figure figcaption {
  margin-top: 12px;
  max-width: 240px;
  color: rgba(3, 25, 39, 0.5);
}

.article-x blockquote p {
  font-style: normal;
}