@charset "UTF-8";
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes slideInLeft10 {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInLeft10 {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideInRight10 {
  0% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInRight10 {
  0% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideInLeft20 {
  0% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInLeft20 {
  0% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideInRight20 {
  0% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInRight20 {
  0% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideOutRight10 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: 0;
  }
}
@keyframes slideOutRight10 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: 0;
  }
}
@-webkit-keyframes wipe {
  0% {
    -webkit-mask-position: 0 100%;
            mask-position: 0 100%;
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes wipe {
  0% {
    -webkit-mask-position: 0 100%;
            mask-position: 0 100%;
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes slideInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes slideInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes bob {
  0% {
    margin-top: 5px;
  }
  10% {
    margin-top: 0;
  }
  20% {
    margin-top: 5px;
  }
  30% {
    margin-top: 0;
  }
}
@keyframes bob {
  0% {
    margin-top: 5px;
  }
  10% {
    margin-top: 0;
  }
  20% {
    margin-top: 5px;
  }
  30% {
    margin-top: 0;
  }
}
.js [data-cascade] > * {
  opacity: 0;
}
.js [data-cascade] > *.has-intersected {
  opacity: 1;
  -webkit-animation: none !important;
          animation: none !important;
}
.js [data-reveal=upwards] {
  opacity: 0;
}
.js [data-reveal=upwards].is-intersecting {
  -webkit-animation: slideInUp 0.75s cubic-bezier(0.19, 1, 0.22, 1) forwards;
          animation: slideInUp 0.75s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.js [data-reveal=left] {
  opacity: 0;
}
.js [data-reveal=left].is-intersecting {
  -webkit-animation: slideInLeft20 0.5s ease-out forwards;
          animation: slideInLeft20 0.5s ease-out forwards;
}
.js [data-reveal=right] {
  opacity: 0;
}
.js [data-reveal=right].is-intersecting {
  -webkit-animation: slideInRight20 0.5s ease-out forwards;
          animation: slideInRight20 0.5s ease-out forwards;
}
.js [data-reveal].has-intersected {
  opacity: 1;
  -webkit-animation: none;
          animation: none;
}

.js-rellax {
  will-change: transform;
}

* {
  box-sizing: border-box;
}

html {
  margin-right: calc(-1 * (100vw - 100%));
}
html.wf-active {
  font-size: 1.0625rem;
}

body {
  font-family: "nimbus-sans", sans-serif;
  color: #47546d;
  margin: 0;
  padding: 0;
  background: #fff;
  line-height: 1.4;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body::before {
  content: "";
  display: block;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
body.has-overlay::before {
  opacity: 0.5;
  visibility: visible;
  transition-timing-function: ease;
}

a {
  transition: color 0.1s ease-in-out;
  text-decoration: none;
  color: #e13447;
}
a:hover {
  color: #e13447;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
}

button {
  cursor: pointer;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #e13447;
  text-shadow: none;
  color: #fff;
}

::selection {
  background: #e13447;
  text-shadow: none;
  color: #fff;
}

.TimelineNav, .Timeline, .Nav-secondary, .Nav-menuItemSub, .Nav-menu, .SocialLinks, .List, .LinkList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.TimelineNav > li::before, .Timeline > li::before, .Nav-secondary > li::before, .Nav-menuItemSub > li::before, .Nav-menu > li::before, .SocialLinks > li::before, .List > li::before, .LinkList > li::before {
  content: none;
  color: inherit;
  margin-right: auto;
}

.HeroScrollCue, .Nav-menuItemLink, .Footer-form button, .Header-menuToggle, .CurtailBtn, .LocationsPanel-control, .Carousel-bullet, .Carousel-arrow,
.Btn {
  border: none;
  background: none;
  padding: 0;
}

.Timeline:before, .Timeline:after {
  content: " ";
  display: table;
}
.Timeline:after {
  clear: both;
}

/*
 * Scrollable panel with momentum scrolling on webkit based browsers
 */
/*
 * Disable text selection
 */
/*
 * Translucent keylines
 */
.u-my-6 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.u-clear {
  clear: both;
}

.u-clip {
  overflow: hidden;
}

.u-ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
.u-ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.u-objectPositionTop {
  -o-object-position: 50% 0;
     object-position: 50% 0;
}

.u-objectPositionBottom {
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}

.u-isHidden {
  display: none;
}

.u-isVisuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  /*
  * Extends the .visuallyhidden class to allow the element to be focusable
  * when navigated to via the keyboard: h5bp.com/p
  */
}
.u-isVisuallyHidden.is-focusable:active, .u-isVisuallyHidden.is-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.u-isInvisible {
  visibility: hidden;
}

@media (min-width: 992px) {
  .u-text2Cols {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 2.5%;
       -moz-column-gap: 2.5%;
            column-gap: 2.5%;
    text-align: left;
    margin-bottom: 45px;
  }
  .u-text2Cols p {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid-column;
    overflow: hidden;
  }
}

.u-textLeft {
  text-align: left;
}

.u-textRight {
  text-align: right;
}

.u-textCenter {
  text-align: center;
}

.u-pullUp {
  position: relative;
  margin-top: -50px;
}

.u-space-0 {
  margin-bottom: 0;
}
.u-space-1 {
  margin-bottom: 7.5px;
}
.u-space-2 {
  margin-bottom: 15px;
}
.u-space-3 {
  margin-bottom: 22.5px;
}
.u-space-4 {
  margin-bottom: 30px;
}
.u-space-5 {
  margin-bottom: 45px;
}
.u-space-6 {
  margin-bottom: 60px;
}
.u-space-7 {
  margin-bottom: 90px;
}
.u-space-8 {
  margin-bottom: 120px;
}

.u-ruleVerticalLeft {
  border-left: 1px solid rgba(25, 41, 72, 0.1);
}

.u-ruleVerticalLeftRev {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.u-ruleVerticalRight {
  border-right: 1px solid rgba(25, 41, 72, 0.1);
}

.u-ruleVerticalRightRev {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.u-separator::before {
  content: "";
  display: block;
  width: 20px;
  height: 4px;
  background: #e13447;
  margin-bottom: 7.5px;
}

.u-zIndexDefault {
  z-index: inherit !important;
}

.u-marginRemoveBottom {
  margin-bottom: 0 !important;
}

.u-marginRemoveTopBottom {
  margin-Top: 0 !important;
  margin-bottom: 0 !important;
}

.u-paddingRemoveBottom {
  padding-bottom: 0 !important;
}

.HeroProduct-heading, .Hero-heading, .Stat-header strong, .H1, h1 {
  margin: 0 0 15px;
  letter-spacing: -0.05em;
  line-height: 1.1;
  font-weight: bold;
  font-size: 3.3125rem;
}
@media screen and (min-width: 576px) {
  .HeroProduct-heading, .Hero-heading, .Stat-header strong, .H1, h1 {
    font-size: calc(3.3125rem + 23 * (100vw - 36rem) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .HeroProduct-heading, .Hero-heading, .Stat-header strong, .H1, h1 {
    font-size: 4.75rem;
  }
}

.ArticleBlock--primary .ArticleBlock-title, .Timeline-itemTitle, .Testimonial-quote, .H2, h2 {
  margin: 0 0 22.5px;
  letter-spacing: -0.025em;
  line-height: 1.1;
  font-weight: bold;
  font-size: 1.5rem;
}
@media screen and (min-width: 576px) {
  .ArticleBlock--primary .ArticleBlock-title, .Timeline-itemTitle, .Testimonial-quote, .H2, h2 {
    font-size: calc(1.5rem + 12 * (100vw - 36rem) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .ArticleBlock--primary .ArticleBlock-title, .Timeline-itemTitle, .Testimonial-quote, .H2, h2 {
    font-size: 2.25rem;
  }
}

.Article > p:first-child, .LocationsPanel-header h2, .SocialBlock-heading, .H3, h3 {
  margin: 0 0 15px;
  letter-spacing: -0.025em;
  line-height: 1.1;
  font-size: 1.125rem;
}
@media screen and (min-width: 576px) {
  .Article > p:first-child, .LocationsPanel-header h2, .SocialBlock-heading, .H3, h3 {
    font-size: calc(1.125rem + 6 * (100vw - 36rem) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Article > p:first-child, .LocationsPanel-header h2, .SocialBlock-heading, .H3, h3 {
    font-size: 1.5rem;
  }
}

.ArticleBlock-title, .Faqs-question, .H4, h4 {
  margin: 0 0 15px;
  line-height: 1.4;
  font-size: 1rem;
}
@media screen and (min-width: 576px) {
  .ArticleBlock-title, .Faqs-question, .H4, h4 {
    font-size: calc(1rem + 2 * (100vw - 36rem) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .ArticleBlock-title, .Faqs-question, .H4, h4 {
    font-size: 1.125rem;
  }
}

.Article h3, .Footer-heading, .Block-heading, .H5, h5 {
  color: #e13447;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  margin: 30px 0 22.5px;
}

h1.label-red-sm {
  font-size: 0.8125em;
  text-transform: uppercase;
  color: #e13447;
}

h2.label-red-sm {
  font-size: 0.8125em;
  text-transform: uppercase;
  color: #e13447;
}

h3.label-red-sm {
  font-size: 0.8125em;
  text-transform: uppercase;
  color: #e13447;
}

h4.label-red-sm {
  font-size: 0.8125em;
  text-transform: uppercase;
  color: #e13447;
}

h5.label-red-sm {
  font-size: 0.8125em;
  text-transform: uppercase;
  color: #e13447;
}

p, dl, dd, ol, ul {
  margin: 0 0 22.5px;
}

ul, ol {
  padding-left: 1.2em;
}

address {
  font-style: normal;
}

hr {
  border: 0;
  border-top: 1px solid rgba(25, 41, 72, 0.1);
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 576px) {
  hr {
    margin-top: calc(30px + 15 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  hr {
    margin-top: 45px;
  }
}
@media screen and (min-width: 576px) {
  hr {
    margin-bottom: calc(30px + 15 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  hr {
    margin-bottom: 45px;
  }
}

small,
.Small {
  opacity: 0.8;
  font-size: 0.75rem;
  font-weight: normal;
}

h1 strong {
  color: #e13447;
}

h2 strong {
  color: #e13447;
}

h3 strong {
  color: #e13447;
}

h4 strong {
  color: #e13447;
}

h5 strong {
  color: #e13447;
}

.Lead {
  font-weight: bold;
}
.Lead::after {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-top: 22.5px;
}

/* fade image in after load */
.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

.lazyload--blur-up {
  opacity: 1;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  transition: -webkit-filter 400ms, -webkit-transform 400ms;
  transition: filter 400ms, transform 400ms;
  transition: filter 400ms, transform 400ms, -webkit-filter 400ms, -webkit-transform 400ms;
  overflow: hidden;
}

.lazyload--blur-up.lazyloaded {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: none;
          transform: none;
}

.u-container {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 576px) {
  .u-container {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .u-container {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.u-grid > * {
  padding: 0 2.5%;
}
.u-grid > * + * {
  margin-top: 45px;
}
@media (min-width: 992px) {
  .u-grid {
    display: flex;
  }
  .u-grid > * {
    flex: 1;
    min-width: 0;
  }
  .u-grid > * + * {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .u-noGutters > * {
    padding: 0;
  }
}

.u-justifyCenter {
  justify-content: center;
}

.u-flexWrap {
  flex-wrap: wrap;
}

.u-flexGrow {
  flex-grow: 1;
}

@media (min-width: 1200px) {
  .u-span1of2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .u-span1of3 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .u-span2of3 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .u-span1of4 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 992px) {
  .u-spanFull {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .u-push1of2 {
    margin-left: 50%;
  }
  .u-push1of3 {
    margin-left: 33.3333333333%;
  }
  .u-push2of3 {
    margin-left: 66.6666666667%;
  }
  .u-push1of4 {
    margin-left: 25%;
  }
}

.u-gutter {
  padding: 0 2.5%;
}
.u-gutterLg {
  padding: 0 8.3333333333%;
}
.u-gutterLgLeft {
  padding-left: 8.3333333333%;
}
.u-gutterNone {
  padding: 0;
}

.Icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.Icon use {
  pointer-events: none;
}

/* ==========================================
Single-colored icons can be modified like so:
.Icon--name {
  font-size: 32px;
  color: red;
}
========================================== */
.LinkList {
  font-weight: bold;
  margin: 0 0 15px;
}
.LinkList li {
  margin-bottom: 7.5px;
}
.LinkList a {
  color: inherit;
  transition: opacity 0.15s linear;
}
.LinkList a:hover, .LinkList a:active, .LinkList a:focus {
  opacity: 0.8;
}

.List {
  font-size: 0.875rem;
  margin: 0 0 22.5px;
}

.DefinitionList {
  margin: 0 0 30px;
}
.DefinitionList dt, .DefinitionList dd {
  margin-bottom: 0;
  min-width: 0;
}
.DefinitionList dt {
  font-size: 0.875rem;
}
.DefinitionList dd + dt {
  margin-top: 15px;
}
.DefinitionList dd {
  flex: 0 0 66.6666666667%;
  word-wrap: break-word;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.1;
  margin-top: 10px;
}
.DefinitionList a {
  color: inherit;
}
.DefinitionList a:hover, .DefinitionList a:active, .DefinitionList a:focus {
  color: #e13447;
}
.DefinitionList strong {
  font-size: 1.5rem;
}
.DefinitionList--primary {
  display: flex;
  flex-wrap: wrap;
}
.DefinitionList--primary dt {
  font-size: 1rem;
  flex: 0 0 33.3333333333%;
  font-weight: bold;
  color: #e13447;
}
.DefinitionList--primary dd {
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
}
.DefinitionList--primary dd, .DefinitionList--primary dt {
  margin-top: 15px;
}
.DefinitionList--primary a {
  font-weight: bold;
}
.DefinitionList--rev dt {
  opacity: 0.5;
}

ul.downloads {
  padding: 0;
  margin: 0;
}
ul.downloads li {
  list-style: none;
  padding: 8px 0;
  margin: 0;
  border-bottom: 1px solid rgba(25, 41, 72, 0.1);
  position: relative;
  font-size: 0.9375em;
}
ul.downloads li a {
  color: #47546d;
  display: block;
}
ul.downloads li:before {
  content: "Download";
  color: #e13447;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 0.875em;
  font-weight: bold;
  pointer-events: none;
}
ul.downloads li:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 7px;
  height: 18px;
  width: 18px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23e13447'%3E %3Cpath d='M10 1.667c.594 0 1.075.43 1.075.962v7.33l2.197-2.162c.42-.414 1.1-.414 1.52 0 .42.413.42 1.083 0 1.496l-4.032 3.969c-.42.413-1.1.413-1.52 0L5.207 9.293a1.046 1.046 0 0 1 0-1.496 1.087 1.087 0 0 1 1.521 0l2.197 2.162v-7.33c0-.532.481-.962 1.075-.962Z'/%3E %3Cpath d='M3.817 12.513c0-.584-.481-1.058-1.075-1.058s-1.075.474-1.075 1.058v3.175c0 .702.283 1.374.787 1.87a2.71 2.71 0 0 0 1.9.775h11.291a2.71 2.71 0 0 0 1.901-.774 2.624 2.624 0 0 0 .787-1.871v-3.175c0-.584-.481-1.058-1.075-1.058s-1.075.474-1.075 1.058v3.175a.536.536 0 0 1-.538.529H4.355a.542.542 0 0 1-.38-.155.525.525 0 0 1-.158-.374v-3.175Z'/%3E %3C/svg%3E");
  pointer-events: none;
}

/*
 * Base
 */
.Btn {
  background: #e13447;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  font-size: 0.75rem;
  padding: 15px 22.5px;
  display: inline-block;
  color: #fff;
  transition: background 0.15s linear;
  text-align: center;
  font-family: inherit;
}
.Btn:hover,
.Btn:active,
.Btn:focus {
  color: #fff;
  background: #c51d30;
}
.Btn--primary {
  font-size: 0.875rem;
  padding: 22.5px 30px;
}
.Btn--primary-ontop {
  position: relative;
  z-index: 10;
}
.Btn--block {
  display: block;
  width: 100%;
}

.BtnGroup {
  display: flex;
}
.BtnGroup > * + * {
  margin: 0 0 0 15px;
}
.BtnGroup--stack {
  flex-direction: column;
}
.BtnGroup--stack > * + * {
  margin: 15px 0 0;
}

.Image {
  margin: 0 0 15px;
  position: relative;
  overflow: hidden;
}
.Image,
.Image img {
  display: block;
}
.Image img {
  width: 100%;
}
.Image figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 20px 15px 12px;
  font-size: 0.875rem;
  font-weight: normal;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.Image figcaption > svg {
  width: 20px;
  height: 20px;
  vertical-align: -0.3em;
  margin: 0 5px 0 0;
}
.Image--c {
  margin-left: auto;
  margin-right: auto;
}
.Image--l {
  float: left;
  margin: 0 30px 22.5px 0;
}
.Image--r {
  float: right;
  margin: 0 30px 0 22.5px;
}

.Timeline-itemYear, .HeroProduct-title, .Hero-title,
.SectionTitle {
  text-transform: uppercase;
  font-size: 0.875rem;
  margin: 0 0 15px;
  letter-spacing: 0.05em;
}
.Timeline-itemYear::before, .HeroProduct-title::before, .Hero-title::before,
.SectionTitle::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 4px;
  background: #e13447;
  vertical-align: 0.15em;
}
.Timeline-itemYear::before, .HeroProduct-title::before, .Hero-title::before,
.SectionTitle::before {
  margin-right: 15px;
}
.SectionTitle--alt::before {
  content: none;
}
.SectionTitle--alt::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 4px;
  background: #e13447;
  vertical-align: 0.15em;
}
.SectionTitle--alt::after {
  margin-left: 15px;
}

.SocialLinks {
  display: flex;
  font-size: 1rem;
}
.SocialLinks li {
  margin-right: 15px;
}
.SocialLinks a {
  color: inherit;
  transition: opacity 0.15s linear;
}
.SocialLinks a:hover, .SocialLinks a:active, .SocialLinks a:focus {
  opacity: 0.8;
}

.SocialBlock {
  background: #192948;
  color: #fff;
  padding: 30px;
  margin: 0 0 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
@media (min-width: 576px) {
  .SocialBlock {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}
.SocialBlock-icon {
  color: #e13447;
  font-size: 2.625rem;
  margin: 0 0 30px;
  z-index: 1;
}
.SocialBlock-iconBg {
  position: absolute;
  right: -20px;
  top: -20px;
  color: #243a66;
  font-size: 10rem;
}
.SocialBlock-body {
  margin-top: auto;
  position: relative;
  z-index: 1;
}

.SocialFeed-item {
  font-size: 0.875rem;
}
.SocialFeed-item p {
  margin: 0 0 15px;
}
.SocialFeed-item time {
  font-size: 0.75rem;
}
.SocialFeed-link {
  font-size: 0.875rem;
  color: inherit;
  font-weight: bold;
  display: block;
  margin: 0 0 7.5px;
}

.Employee {
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.Employee-header {
  color: #192948;
  margin: 0 0 15px;
}
.Employee-header::after {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-top: 15px;
}
.Employee-desc {
  font-size: 0.875rem;
}
.Employee-img {
  margin: 0 30px 15px;
  max-height: 220px;
  max-width: 220px;
}
.Employee-body {
  border-left: 1px solid #e8eaed;
  padding: 0 30px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.Employee-footer {
  margin-top: auto;
}

.Testimonial {
  margin: 0;
}
@media (max-width: 991.98px) {
  .Testimonial {
    margin-left: 45px;
  }
}
.Testimonial-quote {
  position: relative;
  margin: 0 0 22.5px;
}
.Testimonial-quote span:first-of-type {
  position: absolute;
  right: 100%;
  top: 0;
  margin: -20px 10px 0;
  font-size: 9.375rem;
  display: block;
  line-height: 1;
  font-size: 6.25rem;
}
@media screen and (min-width: 576px) {
  .Testimonial-quote span:first-of-type {
    font-size: calc(6.25rem + 50 * (100vw - 36rem) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Testimonial-quote span:first-of-type {
    font-size: 9.375rem;
  }
}
.Testimonial-caption em {
  font-style: normal;
  color: #e13447;
}
.Testimonial--alt {
  margin: 0;
}
.Testimonial--alt span:first-of-type {
  position: static;
  display: inline;
  font-size: inherit;
  margin: 0;
}
.Testimonial--sm .Testimonial-quote {
  font-size: 1.5rem;
}
.Testimonial--rev .Testimonial-caption {
  font-weight: bold;
}
.Testimonial--rev .Testimonial-caption em {
  color: inherit;
  font-weight: normal;
}

.Testimonials {
  position: relative;
}
.Testimonials::before {
  content: "";
  display: block;
  width: 190px;
  height: 190px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Ctitle%3Etricon-mark%3C/title%3E%3Cpath d='M10.3,21.894l2.094-3.63h5.163l-1.471-2.426h4.243L24,21.894ZM12,9.1l-1.438,2.372L8.493,7.889,12,2.106l6.676,11.009H14.433ZM6.445,18.264H9.251l-2.095,3.63H0l6.883-11.35L8.952,14.13Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  opacity: 0.25;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-50%, -15%);
          transform: translate(-50%, -15%);
}
@media (min-width: 768px) {
  .Testimonials {
    margin-left: 25%;
    margin-right: 16.6666666667%;
  }
  .Testimonials::before {
    -webkit-transform: translate(-90%, -15%);
            transform: translate(-90%, -15%);
  }
}

@media only screen and (max-width: 990px) {
  img.history-testimonial.js-rellax {
    display: none;
  }
}
.Chart {
  height: 350px;
  margin: 45px 0;
}
.Chart[data-type=line] {
  margin-left: -8.3333333333%;
  margin-right: -8.3333333333%;
}
@media (min-width: 992px) {
  .Chart[data-type=line] {
    margin-left: -35px;
    margin-right: -5px;
  }
  .Chart:first-child {
    margin-top: 0;
  }
  .Chart:last-child {
    margin-bottom: 0;
  }
}
.Chart.is-intersecting {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
}

.timeline-chart {
  padding: 40px;
}

.Bio-hgroup > :first-child {
  font-size: 3.3125rem;
  line-height: 1.1;
  margin: 0 0 7.5px;
}
.Bio-hgroup > :last-child {
  font-size: 1.5rem;
  color: #e13447;
  font-weight: normal;
  margin: 0 0 22.5px;
}
.Bio-desc {
  opacity: 0.7;
  padding-right: 15px;
}

.Stat {
  border-left: 1px solid rgba(25, 41, 72, 0.1);
  padding: 0 2.5%;
}
.Stat::before {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-bottom: 7.5px;
}
.Stat-header {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: -0.025em;
  color: #192948;
}
.Stat-header strong {
  display: block;
  margin: 15px 0;
  line-height: 0.8;
}
.Stat-desc {
  font-size: 0.875rem;
}

.Faqs {
  list-style-type: none;
  counter-reset: li; /* Initiate a counter */
  margin-left: 0; /* Remove the default left margin */
}
.Faqs > li {
  position: relative;
  padding-left: 22.5px;
}
.Faqs > li::before {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-bottom: 15px;
}
.Faqs > li::after {
  content: counter(li, decimal-leading-zero); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position: absolute;
  left: -22.5px;
  top: -0.4em;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #e8eaed;
}
.FormItem {
  margin: 0 0 30px;
}

.FormGroup {
  display: flex;
}

.Checkbox label,
.FormLabel {
  font-size: 0.875rem;
  opacity: 0.5;
  display: block;
  margin: 0 0 7.5px;
}
.FormLabel--sm {
  font-size: 0.75rem;
}

.FormControl {
  color: #47546d;
  font-size: 1rem;
  position: relative;
}
.FormControl input,
.FormControl select,
.FormControl textarea {
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  background: none;
  display: block;
  width: 100%;
  border: none;
  font-size: inherit;
  outline: none;
  padding: 9px 0 12px;
  font-family: inherit;
  transition: border 0.15s linear;
  border-bottom: 1px solid #babfc8;
}
.FormControl input:active, .FormControl input:focus {
  border-bottom-color: #e13447;
}
.FormControl input[type=email]:valid {
  background: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%236bd57a'%3E %3Ctitle%3Edone%3C/title%3E %3Cpath d='M9 16.219l10.594-10.641 1.406 1.406-12 12-5.578-5.578 1.359-1.406z'/%3E %3C/svg%3E") 100% 50%/22px no-repeat;
}
.FormControl select {
  background: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23192948'%3E %3Ctitle%3Ekeyboard_arrow_down%3C/title%3E %3Cpath d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'/%3E %3C/svg%3E") 100% 50%/22px no-repeat;
}
.FormControl select::-ms-expand {
  display: none;
}
.FormControl textarea {
  font-size: 1rem;
  resize: vertical;
}
.FormControl::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #e13447;
  transition: width 0.2s ease;
}
.FormControl:focus-within::after {
  width: 100%;
  background: #e13447;
}
.FormGroup .FormControl {
  flex: 1;
  margin-right: 30px;
  line-height: normal;
}
@media (min-width: 768px) {
  .FormControl {
    font-size: 1.25rem;
  }
  .FormControl input,
  .FormControl select,
  .FormControl textarea {
    padding: 6px 0 10px;
  }
}
.FormControl--rev {
  color: #fff;
}
.FormControl--rev input::-webkit-input-placeholder,
.FormControl--rev textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.FormControl--rev input::-moz-placeholder,
.FormControl--rev textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.FormControl--rev input::-ms-input-placeholder,
.FormControl--rev textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.FormControl--rev input::placeholder,
.FormControl--rev textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.FormControl--rev select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E %3Ctitle%3Ekeyboard_arrow_down%3C/title%3E %3Cpath d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'/%3E %3C/svg%3E");
}
.FormControl--sm {
  font-size: 1rem;
}
.FormControl--sm input,
.FormControl--sm select,
.FormControl--sm textarea {
  padding: 7px 0 10px;
}

.Checkbox {
  position: relative;
}
.Checkbox input {
  position: absolute;
  opacity: 0;
}
.Checkbox label {
  display: inline-flex;
  align-items: flex-start;
  color: inherit;
  opacity: 1;
}
.Checkbox label::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #babfc8;
  margin-right: 7.5px;
}
.Checkbox input:checked + label::before {
  background: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e13447'%3E %3Ctitle%3Echeck%3C/title%3E %3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z'/%3E %3C/svg%3E") 50% 50%/110% 110% no-repeat;
}

.Carousel {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.Carousel * {
  box-sizing: inherit;
}
.Carousel-track {
  overflow: hidden;
}
.Carousel-slides {
  position: relative;
  width: 100%;
  list-style: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.Carousel-slides--dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Carousel-slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.Carousel-slide a {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.Carousel-arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Carousel-bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Carousel--rtl {
  direction: rtl;
}

.Carousel-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Carousel-bullets {
  display: flex;
}
.Carousel-bullet, .Carousel-arrow {
  outline: none;
}
.Carousel-bullet {
  width: 6px;
  height: 6px;
  background: #fff;
  margin-right: 15px;
  transition: background 0.15s linear;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}
.Carousel-bullet--active {
  background: #e13447;
}
.Carousel-arrow {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: 50% 50%/40px no-repeat;
  width: 20px;
  height: 20px;
  margin-left: 20px;
}
.Carousel-arrow--prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E %3Ctitle%3Ekeyboard_arrow_left%3C/title%3E %3Cpath d='M15.422 16.078l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z'/%3E %3C/svg%3E");
}
.Carousel-arrow--next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E %3Ctitle%3Ekeyboard_arrow_right%3C/title%3E %3Cpath d='M8.578 16.359l4.594-4.594-4.594-4.594 1.406-1.406 6 6-6 6z'/%3E %3C/svg%3E");
}
.Carousel.Carousel--2 h3 em {
  color: #e13447;
  font-style: normal;
}
.Carousel.Carousel--2 .Carousel-controls {
  display: block;
}
.Carousel.Carousel--2 .Carousel-arrows {
  display: flex;
  justify-content: space-between;
  margin-top: -0.66em;
}
@media (max-width: 991.98px) {
  .Carousel.Carousel--2 .Carousel-arrows {
    margin-top: 0;
  }
}
.Carousel.Carousel--2 .Carousel-bullets {
  display: flex;
  justify-content: center;
  margin-top: 1em;
}
.Carousel.Carousel--2 .Carousel-bullets .Carousel-bullet {
  background: #ddd;
}
.Carousel.Carousel--2 .Carousel-bullets .glide__bullet--active {
  background: #e13447;
}
@media (max-width: 991.98px) {
  .Carousel.Carousel--2 .Carousel-bullets {
    display: none;
  }
}
.Carousel.Carousel--2 .Carousel-arrow {
  opacity: 1;
  transition: all 0.5s ease-out;
}
.Carousel.Carousel--2 .Carousel-arrow.Carousel-arrow--prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e13447'%3E %3Ctitle%3Ekeyboard_arrow_left%3C/title%3E %3Cpath d='M15.422 16.078l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z'/%3E %3C/svg%3E");
}
.Carousel.Carousel--2 .Carousel-arrow.disabled {
  opacity: 0;
  pointer-events: none;
}
.Carousel.Carousel--2 .Carousel-arrow.Carousel-arrow--next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e13447'%3E %3Ctitle%3Ekeyboard_arrow_right%3C/title%3E %3Cpath d='M8.578 16.359l4.594-4.594-4.594-4.594 1.406-1.406 6 6-6 6z'/%3E %3C/svg%3E");
  background-position: right;
  overflow: visible;
  color: #e13447;
  text-align: right;
  text-indent: -200%;
  width: auto;
  padding-right: 40px;
}
@media (max-width: 991.98px) {
  .Carousel.Carousel--2 .Carousel-arrow.Carousel-arrow--next {
    font-size: 0.66em;
  }
}

.Carousel--hero .Carousel-controls {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  background: rgba(25, 41, 72, 0.65);
  justify-content: space-between;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 576px) {
  .Carousel--hero .Carousel-controls {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Carousel--hero .Carousel-controls {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media (min-width: 992px) {
  .Carousel--hero .Carousel-controls {
    height: 70px;
  }
}
@media (min-width: 992px) and (min-height: 650px) {
  .Carousel--hero .Carousel-controls {
    height: 70px;
  }
}
@media screen and (min-width: 992px) and (min-height: 650px) and (min-width: 576px) {
  .Carousel--hero .Carousel-controls {
    height: calc(70px + 65 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 992px) and (min-height: 650px) and (min-width: 1200px) {
  .Carousel--hero .Carousel-controls {
    height: 135px;
  }
}

.Carousel--hero .Carousel-slides {
  margin-bottom: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}

.Carousel--hero .Carousel-slide {
  will-change: auto;
  height: auto;
  display: flex;
}

.Carousel--hero .Carousel-bullets {
  margin-left: 22.5px;
}
@media (min-width: 992px) {
  .Carousel--hero .Carousel-bullets {
    margin-left: 45px;
    flex: 1;
    max-width: 90%;
    align-items: flex-start;
  }
}

@media (min-width: 992px) and (min-height: 650px) {
  .Carousel--hero .Carousel-bullet {
    width: auto;
    height: auto;
    max-width: 145px;
    text-indent: 0;
    background: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.75rem;
    color: #fff;
    opacity: 0.7;
    white-space: normal;
    padding: 0 15px;
  }
  .Carousel--hero .Carousel-bullet,
  .Carousel--hero .Carousel-bullet svg {
    transition: color 0.15s linear, opacity 0.15s linear;
  }
  .Carousel--hero .Carousel-bullet svg {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 7.5px;
    color: inherit;
  }
  .Carousel--hero .Carousel-bullet--active {
    opacity: 1;
  }
  .Carousel--hero .Carousel-bullet--active svg {
    color: #e13447;
  }
}

.Carousel--secondary .Carousel-slides {
  margin-bottom: 15px;
}

.Carousel--secondary .Carousel-arrow {
  width: 16px;
  height: 16px;
  background-size: 24px;
  margin-left: 10px;
}

.EmbedResponsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin: 45px 0;
}
.EmbedResponsive::before {
  display: block;
  content: "";
}
.EmbedResponsive-item,
.EmbedResponsive iframe,
.EmbedResponsive embed,
.EmbedResponsive object,
.EmbedResponsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.EmbedResponsive--21by9::before {
  padding-top: 42.8571428571%;
}
.EmbedResponsive--16by9::before {
  padding-top: 56.25%;
}
.EmbedResponsive--4by3::before {
  padding-top: 75%;
}
.EmbedResponsive--1by1::before {
  padding-top: 100%;
}

.Panel {
  background: #f4f4f6;
  padding-top: 30px;
  padding-bottom: 45px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (min-width: 576px) {
  .Panel {
    padding-bottom: calc(45px + 15 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Panel {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 576px) {
  .Panel {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Panel {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (min-width: 576px) {
  .Panel {
    margin-left: calc(-20px + -80 * (100vw - 576px) / 624);
    margin-right: calc(-20px + -80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Panel {
    margin-left: -100px;
    margin-right: -100px;
  }
}
@media (min-width: 768px) {
  .Panel {
    display: flex;
  }
}
.Panel-body {
  padding: 0 2.5%;
  margin-bottom: 30px;
  border-left: 1px solid rgba(25, 41, 72, 0.1);
}
@media (min-width: 768px) {
  .Panel-body {
    flex: 0 0 50%;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .Panel-body {
    flex: 0 0 41.6666666667%;
    padding-left: 8.3333333333%;
  }
}
@media (min-width: 768px) {
  .Panel-img {
    margin-top: -60px;
    flex: 1;
    position: relative;
    margin-right: -20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 576px) {
  .Panel-img {
    margin-right: calc(-20px + -80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .Panel-img {
    margin-right: -100px;
  }
}
@media (min-width: 768px) {
  .Panel-img img {
    position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
    height: 130%;
    -o-object-fit: cover;
       font-family: "object-fit:cover";
       object-fit: cover;
    display: block;
  }
}
@media (min-width: 1200px) {
  .Panel-img {
    margin-top: -90px;
  }
}

.Panel.invert {
  background: #192948;
  color: white;
}

.Job {
  margin-bottom: 45px;
}
.Job + .Job {
  border-top: 1px solid rgba(25, 41, 72, 0.1);
  padding-top: 45px;
}
@media (min-width: 992px) {
  .Job {
    display: flex;
  }
}
.Job-img {
  flex: 0 0 30%;
  margin-bottom: 7.5px;
}
@media (min-width: 992px) {
  .Job-img {
    margin-bottom: 0;
  }
}
.Job-body {
  flex: 1;
}
@media (min-width: 992px) {
  .Job-body {
    padding: 0 3.75%;
  }
}
.Job-date {
  font-weight: bold;
  color: #e13447;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
}
.Job-title {
  margin: 0 0 15px;
}
.Job-location {
  font-size: 1.125rem;
  text-transform: uppercase;
}

.Pagination {
  text-transform: uppercase;
  font-size: 0.875rem;
  text-align: right;
  margin-top: 60px;
  margin-bottom: 60px;
}
.Pagination a {
  color: inherit;
}
.Pagination a + a, .Pagination a + span, .Pagination span + a, .Pagination span + span {
  margin-left: 22.5px;
}
.Pagination .current {
  color: #e13447;
  font-weight: bold;
}
.Pagination a.page-number {
  margin-top: 15px;
  display: inline-block;
}
.Pagination .Icon.Icon--keyboard_arrow_right {
  float: right;
}
.Pagination .Icon.Icon--keyboard_arrow_right::before {
  content: "next";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.Pagination .Icon.Icon--keyboard_arrow_left {
  float: left;
}
.Pagination .next::after {
  content: "Next";
  color: #999999;
  text-transform: none;
  display: block;
  margin-top: 7.5px;
  margin-right: 15px;
  float: right;
}
.Pagination .prev::after {
  color: #999999;
  text-transform: none;
  content: "Previous";
  display: block;
  margin-top: 7.5px;
  margin-left: 15px;
  float: left;
}
.Pagination svg {
  font-size: 1.875rem;
  vertical-align: -0.32em;
  background-color: #e13447;
  color: white;
}
@media (min-width: 992px) {
  .Pagination {
    margin-bottom: 0;
  }
}
.Pagination--center {
  text-align: center;
}

.Newsletter {
  background: #192948;
  padding-top: 45px;
  padding-bottom: 45px;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 576px) {
  .Newsletter {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Newsletter {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media (min-width: 992px) {
  .Newsletter {
    display: flex;
    align-items: center;
  }
}
.Newsletter-body, .Newsletter-form {
  flex: 0 0 50%;
}
.Newsletter-body {
  margin: 0 0 30px;
}
@media (min-width: 992px) {
  .Newsletter-body {
    padding: 0 8.3333333333%;
    margin: 0;
  }
}
.Newsletter-heading {
  font-size: 1.5rem;
  margin: 0 0 15px;
}
.Newsletter-heading::before {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-bottom: 15px;
}
.Newsletter-desc {
  margin: 0;
  font-size: 0.875rem;
  opacity: 0.7;
}
@media (min-width: 992px) {
  .Newsletter-form {
    padding-right: 8.3333333333%;
  }
}

* + .Block {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(25, 41, 72, 0.1);
}
.Block-heading {
  margin-top: 0;
}
.Block-heading svg {
  color: #e13447;
  width: 30px;
  height: 30px;
  vertical-align: -0.6em;
}
.Block-body {
  position: relative;
  z-index: 1;
}
.Block--primary {
  background: #192948;
  color: #fff;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.Block--primary .Block-heading {
  color: inherit;
  position: relative;
  z-index: 1;
}
.Block--primary-iconBg {
  position: absolute;
  right: -20px;
  top: -20px;
  color: #243a66;
  font-size: 10rem;
}

.mobile-locations {
  display: none;
}
.mobile-locations .BtnGroup--stack > * + * {
  margin: 0 0 0 15px;
}
.mobile-locations .BtnGroup--stack {
  flex-direction: row;
}
.mobile-locations .locations {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  position: relative;
  z-index: 1;
}
.mobile-locations .locations select {
  width: 90%;
  padding: 10px 20px;
  background-color: #000;
  color: #FFF;
  font-family: inherit;
  text-transform: uppercase;
  font-weight: bold;
  outline: none;
  -webkit-appearance: none;
  font-size: 1.25rem;
}
.mobile-locations .arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  right: 10%;
  top: 63%;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  display: block;
}
.mobile-locations .open {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.mobile-locations .contact-open {
  height: 100%;
}
.mobile-locations .LocationsPanel-view {
  margin-top: 20px;
}
.mobile-locations input,
.mobile-locations select,
.mobile-locations textarea {
  color: #192948;
}
.mobile-locations p.loc {
  margin: 0;
}

.Locations {
  display: flex;
  position: relative;
}
.Locations-message {
  position: absolute;
  width: 100%;
  z-index: 1;
  background: #f4f4f6;
  font-weight: bold;
  text-align: center;
  padding: 15px 20px;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.Locations-message em {
  font-style: normal;
  color: #e13447;
}
@media (min-width: 768px) {
  .Locations-message {
    font-size: 1.125rem;
  }
}
.Locations-panel, .Locations-container {
  padding-top: 70px;
}
@media screen and (min-width: 576px) {
  .Locations-panel, .Locations-container {
    padding-top: calc(70px + 30 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Locations-panel, .Locations-container {
    padding-top: 100px;
  }
}
.Locations-panel {
  background: #121e35;
  color: #fff;
  height: 100vh;
  will-change: flex;
}
@media (max-width: 767.98px) {
  .Locations-panel {
    padding-top: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    overflow: auto;
    visibility: hidden;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  }
  .Locations-panel.is-active {
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (min-width: 768px) {
  .Locations-panel {
    z-index: inherit;
    position: static;
    flex: 0 0 0;
    max-width: 0;
    transition: flex 1s ease;
    overflow: hidden;
    display: block;
  }
  .Locations-panel.is-active {
    flex: 0 0 360px;
    max-width: 360px;
    height: auto;
  }
}
.Locations-container {
  flex: 1;
  position: relative;
  height: 100vh;
  position: sticky !important;
  top: 0;
  left: 0;
  will-change: flex, width;
}
.Locations-map {
  height: 100%;
}
@media (min-width: 768px) {
  .Locations-map::before {
    content: "";
    display: block;
    border-top: 1px solid #e13447;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: calc(50% - 42px);
    z-index: 1;
    transition: all 0.5s ease;
  }
  .has-panel .Locations-map::before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.Locations .cluster, .Locations-mapMarkers > div {
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.Locations .cluster:hover, .Locations-mapMarkers > div.has-mouseover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.LocationsPanel {
  flex: none;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 30px 20px;
  z-index: 1;
}
@media (min-width: 768px) {
  .LocationsPanel {
    width: 360px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 576px) {
  .LocationsPanel {
    padding-top: calc(30px + 30 * (100vw - 576px) / 624);
    padding-bottom: calc(30px + 30 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .LocationsPanel {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (min-width: 576px) {
  .LocationsPanel {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .LocationsPanel {
    padding-left: 100px;
  }
}
.LocationsPanel-control {
  color: inherit;
  float: right;
  width: 30px;
  height: 30px;
  margin-right: -8px;
  margin-top: -8px;
  outline: none;
}
.LocationsPanel-control svg {
  width: 24px;
  height: 24px;
  display: block;
  pointer-events: none;
}
.LocationsPanel-control--close {
  padding: 3px;
}
.LocationsPanel-control--close svg {
  width: 24px;
  height: 24px;
}
.LocationsPanel-control--back {
  display: none;
}
.LocationsPanel-control--back svg {
  width: 30px;
  height: 30px;
}
[data-current-view=contact] .LocationsPanel-control--close {
  display: none;
}
[data-current-view=contact] .LocationsPanel-control--back {
  display: block;
}
.LocationsPanel-header h2 {
  text-transform: uppercase;
}
.LocationsPanel-header h2::before {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-bottom: 22.5px;
}
.LocationsPanel-inner {
  overflow: hidden;
}
.LocationsPanel-track {
  width: 200%;
  display: flex;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.LocationsPanel-view {
  width: 100%;
  height: 0;
  overflow: hidden;
}
.LocationsPanel-view.is-active {
  height: auto;
  overflow: visible;
}
.LocationsPanel-view img {
  max-width: 100px;
}
.LocationsPanel select {
  background-color: #121e35;
}

@media only screen and (max-width: 415px) {
  .js-locationsMap {
    display: none;
  }
  .mobile-locations {
    display: block;
  }
}
@media screen and (min-width: 1200px) and (min-width: 768px) {
  .LocationsPanel {
    padding-left: 50px;
  }
}
.si-float-wrapper {
  position: absolute;
  width: 100%;
}
.si-float-wrapper,
.si-float-wrapper * {
  box-sizing: border-box;
}

[class*=si-wrapper] {
  display: flex;
  position: absolute;
  align-items: center;
  font-size: 0.875rem;
  cursor: default;
}

.si-wrapper-top {
  flex-direction: column;
  margin-top: -40px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

.si-wrapper-bottom {
  flex-direction: column-reverse;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.si-wrapper-left {
  margin-top: -20px;
  margin-left: -11px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}

.si-wrapper-right {
  flex-direction: row-reverse;
  margin-top: -20px;
  margin-left: 11px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

[class*=si-shadow-wrapper] {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
  flex-direction: column;
}

.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
  order: -1;
}

.si-shadow-frame {
  box-shadow: 0 1px 3px 0 #000;
}

[class*=si-shadow-pointer] {
  position: relative;
  width: 0;
  height: 0;
  margin: auto;
}

[class*=si-shadow-inner-pointer] {
  position: absolute;
  width: 141%;
  height: 141%;
  box-shadow: -0.7071067812px 0.7071067812px 3px 0 #000;
}

.si-shadow-inner-pointer-top {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.si-shadow-inner-pointer-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
          transform: translate(-50%, 50%) rotate(-45deg);
}

.si-shadow-inner-pointer-left {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.si-shadow-inner-pointer-right {
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(-45deg);
          transform: translate(50%, -50%) rotate(-45deg);
}

.si-frame {
  position: relative;
  flex: 1 1 auto;
  border-radius: 0;
  overflow: hidden;
  z-index: 2;
}

.si-content-wrapper {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  background-color: #e13447;
}
.si-has-border .si-content-wrapper {
  border: 1px solid #bbb;
}

.si-content {
  overflow: auto;
}

.si-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: inherit;
  font-family: Arial, Baskerville, monospace;
  font-size: 1.5rem;
  cursor: pointer;
  opacity: 0.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.si-close-button:hover, .si-close-button:focus {
  opacity: 0.7;
}

[class*=si-pointer-border] {
  position: absolute;
  border: 0 solid transparent;
  z-index: 3;
}

[class*=si-pointer-bg] {
  position: relative;
  border: 0 solid transparent;
  z-index: 4;
}
.si-has-border [class*=si-pointer-bg] {
  border-width: 0px;
}

.si-pointer-border-top,
.si-pointer-border-bottom {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.si-pointer-border-left,
.si-pointer-border-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.si-pointer-top {
  border-bottom: 0;
}

.si-pointer-border-top {
  bottom: 0;
  border-top-color: #bbb;
}

.si-pointer-bg-top {
  border-top-color: #e13447;
}
.si-has-border .si-pointer-bg-top {
  top: -1px;
  margin-bottom: 0px;
}

.si-pointer-bottom {
  border-top: 0;
}

.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #bbb;
}

.si-pointer-bg-bottom {
  border-bottom-color: #e13447;
}
.si-has-border .si-pointer-bg-bottom {
  bottom: -1px;
  margin-top: 0px;
}

.si-pointer-left {
  border-right: 0;
}

.si-pointer-border-left {
  right: 0;
  border-left-color: #bbb;
}

.si-pointer-bg-left {
  border-left-color: #e13447;
}
.si-has-border .si-pointer-bg-left {
  left: -1px;
  margin-right: 0px;
}

.si-pointer-right {
  border-left: 0;
}

.si-pointer-border-right {
  left: 0;
  border-right-color: #bbb;
}

.si-pointer-bg-right {
  border-right-color: #e13447;
}
.si-has-border .si-pointer-bg-right {
  right: -1px;
  margin-left: 0px;
}

.si-close-button {
  color: #fff;
}

.si-wrapper-top::before {
  content: "";
  display: block;
  height: 15px;
  width: 1px;
  background: #000;
  position: absolute;
  left: 50%;
  top: 100%;
}

.Fragment {
  display: flex;
  flex-direction: column;
}
.Fragment-body {
  flex: 1 1 auto;
}
.Fragment-body img {
  height: 282px;
  width: 486px;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
.Fragment-footer {
  margin-top: 0;
}

.CurtailWrapper {
  position: relative;
  transition: height 0.2s ease-in-out;
  margin: 0 0 22.5px;
}
.CurtailWrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: background 0.2s linear;
}
.CurtailWrapper.is-curtailed::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, white);
}

.CurtailBtn {
  color: #e13447;
  font-size: inherit;
  font-family: inherit;
  outline: none;
  margin: 0 0 22.5px;
}

#cookie-bar {
  position: fixed;
  height: auto;
  width: 100%;
  min-height: 60px;
  background-color: #192633;
  color: white;
  bottom: 0;
  z-index: 9000;
  display: none;
}
#cookie-bar p {
  font-size: 0.75rem;
  width: calc(100% - 140px);
  margin: 0;
  display: inline;
  margin-right: 50px;
}
@media all and (max-width: 767px) {
  #cookie-bar p {
    font-size: 0.75rem;
    width: auto;
    margin: 0 20px 20px;
    display: block;
    text-align: right;
  }
}
#cookie-bar .container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 10px;
}
#cookie-bar .details-button {
  display: block;
  color: white;
  opacity: 0.4;
}
#cookie-bar .Btn {
  width: 150px;
}
@media all and (max-width: 767px) {
  #cookie-bar .Btn {
    font-size: 0.75rem;
    width: auto;
    margin: 0 20px 20px;
    display: block;
    text-align: right;
    float: right;
  }
}

.show {
  display: block !important;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  background: red;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}

.jspHorizontalBar {
  background: red;
  bottom: 0;
  height: 16px;
  left: 0;
  position: absolute;
  width: 100%;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #dde;
  position: relative;
}

.jspDrag {
  background: #bbd;
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  cursor: pointer;
  direction: ltr;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -20000px;
}

.jspDisabled {
  background: #80808d;
  cursor: default;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  float: left;
  height: 100%;
  width: 16px;
}

.jspVerticalBar .jspArrow:focus {
  border: 1px solid red;
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

/* jscroll Tricon edits */
.table-wrapper .jspHorizontalBar {
  top: 0;
  height: 16px;
  left: 0;
  position: absolute;
  width: 100%;
}

.table-wrapper .jspHorizontalBar .jspDrag {
  background: #E13447;
  position: relative;
}

.table-wrapper .jspHorizontalBar .jspDrag:before {
  content: "";
  width: 16px;
  height: 16px;
  color: white;
  position: absolute;
  left: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 13.8995L15.4497 10.4497L16.864 11.864L12 16.7279L7.13605 11.864L8.55026 10.4497L12 13.8995Z'/%3E %3C/svg%3E") 100% 50%/22px no-repeat;
  top: 3px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.table-wrapper .jspHorizontalBar .jspDrag:after {
  content: "";
  width: 16px;
  height: 16px;
  color: white;
  position: absolute;
  right: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 13.8995L15.4497 10.4497L16.864 11.864L12 16.7279L7.13605 11.864L8.55026 10.4497L12 13.8995Z'/%3E %3C/svg%3E") 100% 50%/22px no-repeat;
  top: -3px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.table-wrapper .jspHorizontalBar .jspTrack {
  background: #E8E8E8;
}

.card-1 {
  margin-top: 60px;
}
@media (min-width: 992px) {
  .card-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 60px;
  }
}
.card-1 .item {
  padding: 30px;
  margin-bottom: 30px;
  background-color: #F6F6F6;
  position: relative;
}
@media (min-width: 992px) {
  .card-1 .item {
    width: 32%;
    margin-bottom: 0px;
  }
}
.card-1 .item img {
  max-width: 140px;
  margin-bottom: 10px;
}
.card-1 .item .title {
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-top: 1px solid #D5D7DC;
}
.card-1 .item .title h4 {
  position: relative;
  padding-top: 20px;
  line-height: 1.1em;
  font-size: 1.4rem;
  width: 100%;
  color: #192948;
  vertical-align: middle;
}
.card-1 .item p {
  font-size: 0.9rem;
  line-height: 1.25em;
}

.card-feature-dark {
  padding: 40px 20px;
  background-color: #192948;
  color: white;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .card-feature-dark {
    padding: 80px;
  }
}
.card-feature-dark .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  z-index: 0;
}
@media (min-width: 992px) {
  .card-feature-dark .image {
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 220px;
  }
}
.card-feature-dark .image img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:right bottom";
     object-fit: cover;
  -o-object-position: right bottom;
     object-position: right bottom;
}
.card-feature-dark .content {
  position: relative;
  z-index: 1;
  text-align: left;
  padding-top: 110px;
}
@media (min-width: 992px) {
  .card-feature-dark .content {
    padding: 0px;
    padding-left: 240px;
  }
}
@media (max-width: 1199.98px) {
  .card-feature-dark .content p {
    font-size: 0.9em;
  }
}
.card-feature-dark .content h3 {
  font-size: 1.8rem;
}
@media (max-width: 1199.98px) {
  .card-feature-dark .content h3 {
    font-size: 1.4rem;
  }
}
.card-feature-dark .content::after {
  content: "";
  display: block;
  position: absolute;
  width: 400px;
  height: 400px;
  right: -80px;
  bottom: -160px;
  background-image: url("../img/monogram.svg");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.33;
  pointer-events: none;
}
.card-feature-dark .content::before {
  content: "";
  display: block;
  position: absolute;
  width: 70px;
  height: 72px;
  left: 0px;
  top: 16px;
  background-image: url("../img/m/m1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media (min-width: 992px) {
  .card-feature-dark .content::before {
    width: 115px;
    height: 95px;
    left: 92px;
    top: -35px;
  }
}

.cards-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  padding-left: 60px;
  border-left: 1px solid rgba(25, 41, 72, 0.1);
  margin: 40px 0;
}
@media (max-width: 991.98px) {
  .cards-downloads {
    padding-left: 0px;
    border-left: none;
  }
}
.cards-downloads .item {
  width: 340px;
}
.cards-downloads .item .thumb {
  position: relative;
  overflow: hidden;
  color: white;
  padding: 30px;
  height: 200px;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .cards-downloads .item .thumb {
    height: auto;
  }
}
.cards-downloads .item .thumb img {
  position: absolute;
  top: 0;
  left: 0;
}
.cards-downloads .item .thumb:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #192948;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 1;
  opacity: 0.5;
}
.cards-downloads .item .thumb h4 {
  position: relative;
  z-index: 2;
  font-size: 1.375em;
  line-height: 1.2em;
}
@media (max-width: 991.98px) {
  .cards-downloads .item .thumb h4 {
    font-size: 1.125em;
  }
}
.cards-downloads .item .thumb h4:before {
  content: "";
  display: block;
  position: relative;
  height: 42px;
  width: 50px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e13447'%3E%3Ctitle%3Etricon-mark%3C/title%3E%3Cpath d='M10.3,21.894l2.094-3.63h5.163l-1.471-2.426h4.243L24,21.894ZM12,9.1l-1.438,2.372L8.493,7.889,12,2.106l6.676,11.009H14.433ZM6.445,18.264H9.251l-2.095,3.63H0l6.883-11.35L8.952,14.13Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.diagram-1 {
  display: flex;
}
@media (max-width: 1199.98px) {
  .diagram-1 {
    display: block;
  }
}
.diagram-1 .col-left .item {
  position: relative;
  text-align: left;
  padding: 30px;
  margin-bottom: 30px;
}
.diagram-1 .col-left .item p {
  margin: 0;
}
.diagram-1 .col-left .item.c-1 {
  background-color: rgba(109, 202, 147, 0.1333333333);
}
.diagram-1 .col-left .item.c-1::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
  left: 0px;
  bottom: 0px;
  background-color: #6DCA93;
}
.diagram-1 .col-left .item.c-2 {
  background-color: rgba(191, 221, 171, 0.1333333333);
}
.diagram-1 .col-left .item.c-2::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
  left: 0px;
  bottom: 0px;
  background-color: #BFDDAB;
}
.diagram-1 .col-left .item.c-3 {
  background-color: rgba(136, 203, 219, 0.1333333333);
}
.diagram-1 .col-left .item.c-3::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
  left: 0px;
  bottom: 0px;
  background-color: #88CBDB;
}
.diagram-1 .col-left .item h4 {
  position: absolute;
  font-size: 1.2em;
  color: #192948;
}
.diagram-1 .col-left .item p {
  padding-left: 160px;
}
.diagram-1 .col-right {
  flex: 0 0 400px;
  margin-left: 40px;
}
@media (max-width: 1199.98px) {
  .diagram-1 .col-right {
    margin-left: 0px;
  }
}

.Section.video-section {
  background-color: #e6e6e6;
  padding-top: 120px;
  padding-bottom: 120px;
}

.video-card {
  width: 100%;
  overflow: hidden;
  background-color: #192948;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.video-card .img-wrap {
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  z-index: 0;
}
.video-card .img-wrap .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-card .img-wrap .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  transition: all 0.6s ease-in-out;
}
.video-card .img-wrap .img:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: linear-gradient(to left, rgba(25, 41, 72, 0.9) 0%, rgba(25, 41, 72, 0.2) 100%);
}
.video-card .play {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  border: 1px white solid;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.6s ease-in-out;
}
@media (max-width: 1199.98px) {
  .video-card .play {
    top: 44%;
    width: 15vw;
    height: 15vw;
  }
}
.video-card .play:after {
  display: block;
  content: "";
  position: absolute;
  position: absolute;
  left: 54%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 0;
  background: transparent;
  box-sizing: border-box;
  width: 0;
  height: 36px;
  border-color: transparent transparent transparent #ffffff;
  transition: 1000ms all ease;
  cursor: pointer;
  border-style: solid;
  border-width: 18px 0 18px 30px;
}
.video-card .label {
  position: absolute;
  z-index: 1;
  display: block;
  bottom: 0;
  right: 0;
  text-align: right;
  color: white;
  font-size: 1.4em;
  border-bottom: 10px solid #e13447;
  padding: 30px 100px 30px 0px;
}
@media (max-width: 767.98px) {
  .video-card .label {
    font-size: 1.2em;
    padding: 20px 100px 20px 0px;
  }
}
.video-card .label:after {
  content: "";
  display: block;
  position: absolute;
  width: 52px;
  height: 43px;
  right: 20px;
  top: 24px;
  background-image: url(../img/m/m1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
.video-card:hover .play {
  transition: all 0.4s ease-in-out;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
  background-color: rgba(0, 0, 0, 0.3);
}
.video-card:hover .img-wrap .img img {
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@-webkit-keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: modal-video;
          animation-name: modal-video;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: modal-video-inner;
          animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  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;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}
.modal-video-close-btn:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

.modal-video-body {
  max-width: 100vw;
}

.Header {
  position: fixed;
  z-index: 1000;
  display: flex;
  background: rgba(25, 41, 72, 0.8);
  align-items: center;
  width: 100%;
  padding-right: calc(10px - (100vw - 100%));
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  height: 50px;
  padding-left: 160px;
}
@media screen and (min-width: 576px) {
  .Header {
    height: calc(50px + 20 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Header {
    height: 70px;
  }
}
@media screen and (min-width: 576px) {
  .Header {
    padding-left: calc(160px + 180 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Header {
    padding-left: 340px;
  }
}
.Header--hasTitle {
  background: #192948;
  height: 70px;
}
@media screen and (min-width: 576px) {
  .Header--hasTitle {
    height: calc(70px + 30 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Header--hasTitle {
    height: 100px;
  }
}
.Header-brand {
  display: block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding-left: 20px;
  height: 70px;
  width: 100px;
  padding-left: 20px;
  padding-right: 0px;
}
@media screen and (min-width: 576px) {
  .Header-brand {
    height: calc(70px + 30 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Header-brand {
    height: 100px;
  }
}
@media screen and (min-width: 576px) {
  .Header-brand {
    width: calc(100px + 170 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Header-brand {
    width: 270px;
  }
}
@media screen and (min-width: 576px) {
  .Header-brand {
    padding-left: calc(20px + 15 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Header-brand {
    padding-left: 35px;
  }
}
@media screen and (min-width: 576px) {
  .Header-brand {
    padding-right: calc(0px + 20 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Header-brand {
    padding-right: 20px;
  }
}
.Header-brand::before {
  content: "";
  position: absolute;
  left: calc(100% - 30px);
  top: 0;
  display: block;
  width: 60px;
  height: 100%;
  background: #fff;
  -webkit-transform: skew(-30deg);
          transform: skew(-30deg);
}
.Header-brand img {
  width: 184px;
  position: relative;
}
.Header-title {
  display: none;
}
@media (min-width: 576px) {
  .Header-title {
    display: block;
    position: relative;
    color: #fff;
    font-size: 1.875rem;
    margin: 0;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 576px) and (min-width: 576px) {
  .Header-title {
    font-size: calc(1.125rem + 12 * (100vw - 36rem) / 624);
  }
}
@media screen and (min-width: 576px) and (min-width: 1200px) {
  .Header-title {
    font-size: 1.875rem;
  }
}
.Header-menuToggle {
  color: #fff;
  position: relative;
  z-index: 2;
  margin-left: auto;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  outline: none;
  line-height: 1.375rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 10px;
}
@media screen and (min-width: 576px) {
  .Header-menuToggle {
    margin-right: calc(10px + 25 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Header-menuToggle {
    margin-right: 35px;
  }
}
.Header-menuToggle[aria-expanded=true] {
  color: inherit;
}
@media (min-width: 1200px) {
  .Header-menuToggle {
    visibility: hidden;
  }
}
.Header-menuToggleIcon {
  position: relative;
  margin: 10px 0;
  margin-left: 15px;
}
@media screen and (min-width: 576px) {
  .Header-menuToggleIcon {
    margin-left: calc(15px + 5 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Header-menuToggleIcon {
    margin-left: 20px;
  }
}
.Header-menuToggleIcon, .Header-menuToggleIcon:before, .Header-menuToggleIcon:after {
  background: #fff;
  transition: all 0.3s;
  width: 26px;
  height: 3px;
}
.Header-menuToggleIcon:before, .Header-menuToggleIcon:after {
  content: "";
  display: block;
  position: absolute;
}
.Header-menuToggleIcon:before {
  top: -8px;
}
.Header-menuToggleIcon:after {
  top: 8px;
}
[aria-expanded=true] > .Header-menuToggleIcon {
  background: none;
}
[aria-expanded=true] > .Header-menuToggleIcon:before, [aria-expanded=true] > .Header-menuToggleIcon:after {
  top: 0;
  background: #192948;
}
[aria-expanded=true] > .Header-menuToggleIcon:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
[aria-expanded=true] > .Header-menuToggleIcon:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.Footer {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23243a66'%3E%3Ctitle%3Etricon-mark%3C/title%3E%3Cpath d='M10.3,21.894l2.094-3.63h5.163l-1.471-2.426h4.243L24,21.894ZM12,9.1l-1.438,2.372L8.493,7.889,12,2.106l6.676,11.009H14.433ZM6.445,18.264H9.251l-2.095,3.63H0l6.883-11.35L8.952,14.13Z'/%3E%3C/svg%3E") 50% 50%/auto 150% no-repeat, linear-gradient(to bottom, #15233d, #192948 60px);
  color: #fff;
  font-size: 0.75rem;
  position: relative;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 576px) {
  .Footer {
    padding-top: calc(45px + 45 * (100vw - 576px) / 624);
    padding-bottom: calc(45px + 45 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Footer {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 576px) {
  .Footer {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Footer {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.Footer small {
  color: #8aa4d6;
}
@media (min-width: 992px) {
  .Footer {
    display: flex;
    justify-content: space-between;
    background-position: 112% 75%;
  }
}
.Footer-col {
  flex: 1;
  padding-right: 2.5%;
}
.Footer-col:nth-child(1) {
  flex: 0 0 33.3333333333%;
  padding-right: 8.3333333333%;
}
.Footer-col:nth-child(2) {
  flex: 0 0 25%;
}
.Footer-col:nth-child(3) {
  flex: 0 0 25%;
}
.Footer-col:nth-child(4) {
  flex: 0 0 16.6666666667%;
}
.Footer-brand {
  max-width: 118px;
  margin: 0 0 22.5px;
}
.Footer-heading {
  margin-top: 0;
}
.Footer-form {
  display: flex;
  margin: 0 0 15px;
}
.Footer-form input {
  flex: 1;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  outline: none;
  line-height: 1.4;
  padding: 6.6px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.Footer-form input, .Footer-form input::-webkit-input-placeholder {
  color: #fff;
}
.Footer-form input, .Footer-form input::-moz-placeholder {
  color: #fff;
}
.Footer-form input, .Footer-form input::-ms-input-placeholder {
  color: #fff;
}
.Footer-form input, .Footer-form input::placeholder {
  color: #fff;
}
.Footer-form button {
  background: #e13447;
  font-size: 1.375rem;
  width: 30px;
  color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  transition: background 0.15s linear;
}
.Footer-form button svg {
  display: block;
}
.Footer-form button:hover, .Footer-form button:active, .Footer-form button:focus {
  background: #c51d30;
}
@media (min-width: 992px) {
  .Footer-form input {
    flex: none;
  }
}

.Nav {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: scroll;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: visibility 0.2s, opacity 0.2s, -webkit-transform 0.2s;
  transition: visibility 0.2s, opacity 0.2s, transform 0.2s;
  transition: visibility 0.2s, opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  will-change: transform;
  -webkit-overflow-scrolling: touch;
  padding-right: 20px;
}
@media (min-width: 576px) {
  .Nav {
    max-width: 480px;
  }
}
@media (min-width: 1200px) {
  .Nav {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    max-width: 100%;
    padding-left: 330px;
    height: auto;
    background: transparent;
    color: #fff;
    overflow: visible;
    padding-right: 40px !important;
  }
}
.Nav.is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (min-width: 576px) {
  .Nav {
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Nav {
    padding-right: 100px;
  }
}
.Nav-inner {
  border-right: 1px solid rgba(25, 41, 72, 0.1);
  padding-right: 15px;
  margin-top: 100px;
  margin-bottom: 30px;
}
@media screen and (min-width: 576px) {
  .Nav-inner {
    margin-top: calc(100px + 50 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Nav-inner {
    margin-top: 150px;
  }
}
@media screen and (min-width: 576px) {
  .Nav-inner {
    margin-bottom: calc(30px + 30 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Nav-inner {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .Nav-inner {
    margin: 0;
    padding: 0;
    padding-top: 22.5px;
  }
}
.Nav-header {
  font-size: 0.875rem;
  color: #e13447;
  text-transform: uppercase;
  display: block;
  text-align: right;
  margin-bottom: 22.5px;
  padding-right: calc(2.5% + 45px);
}
@media (min-width: 768px) {
  .Nav-header {
    margin-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  .Nav-menu {
    text-align: right;
  }
  .Nav-menu li:nth-child(1) {
    display: none;
  }
}
.Nav-menuItem {
  position: relative;
  padding-right: 45px;
  display: flex;
  flex-direction: column;
  pointer-events: all;
}
.is-active .Nav-menuItem {
  -webkit-animation: slideInRight10 0.3s cubic-bezier(0.19, 1, 0.22, 1) forwards 0.2s;
          animation: slideInRight10 0.3s cubic-bezier(0.19, 1, 0.22, 1) forwards 0.2s;
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
}
@media (min-width: 1200px) {
  .Nav-menuItem {
    display: inline;
    padding: 0 22.5px 30px 0;
  }
}
.Nav-menuItemLink {
  font-size: 1.875rem;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #192948;
  display: block;
  margin: 0;
  outline: none;
  text-align: right;
  transition: color 0.1s linear;
}
.Nav-menuItemLink:hover, .Nav-menuItemLink:active, .Nav-menuItemLink:focus {
  color: #e13447;
}
@media (min-width: 1200px) {
  .Nav-menuItemLink {
    display: inline;
    font-size: 0.75rem;
    letter-spacing: 0.03125rem;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
  }
  .Nav-menuItemLink:hover, .Nav-menuItemLink:active, .Nav-menuItemLink:focus {
    color: #b0c1e3;
  }
}
.Nav-menuItemLink[aria-expanded]::before {
  content: "+";
  position: absolute;
  right: 0;
  top: -0.1em;
  display: block;
  font-size: 2.5rem;
  width: 40px;
  text-align: center;
  line-height: 1;
  color: inherit;
}
@media (min-width: 1200px) {
  .Nav-menuItemLink[aria-expanded]::before {
    font-size: 0.75rem;
    width: 12px;
    top: 5px;
    right: 14px;
    opacity: 0.5;
  }
}
.Nav-menuItemLink[aria-expanded=true] {
  color: #e13447;
}
@media (min-width: 1200px) {
  .Nav-menuItemLink[aria-expanded=true] {
    color: #fff;
  }
}
.Nav-menuItemLink[aria-expanded=true]::before {
  content: "–";
}
.Nav-menuItemLink.is-active {
  color: #e13447;
}
.Nav-menuItemSub {
  padding: 0 0 0 22.5px;
  margin: 0 0 22.5px;
  display: none;
  text-align: right;
}
.Nav-menuItemSub li {
  -webkit-animation: slideInRight10 0.3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
          animation: slideInRight10 0.3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .js .Nav-menuItemSub li {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
  }
}
.Nav-menuItemSub a {
  color: inherit;
}
.Nav-menuItemSub a:hover, .Nav-menuItemSub a:active, .Nav-menuItemSub a:focus {
  color: #e13447;
}
.Nav-menuItemSub a.is-active {
  color: #e13447;
}
.Nav-menuItemSub.is-active {
  display: block;
}
@media (min-width: 1200px) {
  .Nav-menuItemSub.is-active {
    display: inline;
    position: absolute;
    height: auto;
    text-align: left;
    white-space: nowrap;
  }
}
@media (min-width: 1200px) {
  .Nav-menuItemSub {
    position: absolute;
    left: 0;
    top: 30px;
    height: auto;
    font-size: 0.8125rem;
    background-color: #192948;
    padding: 5px 0px;
    box-shadow: 2px 6px 20px 0px rgba(0, 0, 0, 0.33);
  }
  .Nav-menuItemSub li {
    padding: 5px 10px;
    border-top: 1px solid red;
    border-color: #20345b;
    -webkit-animation: none;
            animation: none;
  }
  .Nav-menuItemSub li:nth-child(1) {
    border: none;
    display: block;
  }
}
.Nav-footer {
  padding: 22.5px 2.5%;
  border-top: 1px solid rgba(25, 41, 72, 0.1);
  text-align: right;
  margin-top: auto;
}
.Nav-secondary {
  font-size: 0.875rem;
  margin-bottom: 15px;
}
.Nav-secondary a {
  color: inherit;
}

@media (min-width: 1200px) {
  ul.Nav-menu[data-cascade] * {
    opacity: 1 !important;
  }
}
.HeroProduct-watermark, .HeroCarousel-watermark, .Hero-watermark {
  position: absolute;
  right: 0;
  bottom: -195px;
  display: block;
  height: 746px;
  width: calc(100% + 195px);
  z-index: 1;
  opacity: 0.2;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e8eaed'%3E%3Ctitle%3Etricon-mark%3C/title%3E%3Cpath d='M10.3,21.894l2.094-3.63h5.163l-1.471-2.426h4.243L24,21.894ZM12,9.1l-1.438,2.372L8.493,7.889,12,2.106l6.676,11.009H14.433ZM6.445,18.264H9.251l-2.095,3.63H0l6.883-11.35L8.952,14.13Z'/%3E%3C/svg%3E") calc(100% + 195px) 100%/auto 100% no-repeat;
  pointer-events: none;
}
@media (min-width: 768px) {
  .HeroProduct-watermark, .HeroCarousel-watermark, .Hero-watermark {
    opacity: 0.4;
  }
}

.HeroCarousel::after, .Hero::after {
  position: absolute;
  top: 0;
  z-index: 1;
  content: "";
  display: block;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  pointer-events: none;
  height: 30%;
  left: 20px;
}
@media screen and (min-width: 576px) {
  .HeroCarousel::after, .Hero::after {
    left: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .HeroCarousel::after, .Hero::after {
    left: 100px;
  }
}

.Hero {
  position: relative;
  min-height: calc(100vh - 25px);
  height: calc(100vh - 25px);
  display: flex;
  align-items: center;
  background: #192948;
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 50px;
}
@media screen and (min-width: 576px) {
  .Hero {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Hero {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (min-width: 576px) {
  .Hero {
    padding-top: calc(50px + 20 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Hero {
    padding-top: 70px;
  }
}
.HeroCarousel .Hero::after {
  content: none;
}
.Hero-inner {
  position: relative;
  z-index: 4;
  color: #fff;
  padding: 90px 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@supports (-webkit-overflow-scrolling: touch) {
  .Hero-inner .Btn {
    transition: none;
  }
}
@media (min-width: 992px) {
  .Hero-inner {
    max-width: 58.3333333333%;
  }
}
@media (min-width: 992px) and (min-height: 650px) {
  .Hero-inner {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 992px) and (min-height: 650px) and (min-width: 576px) {
  .Hero-inner {
    padding-top: calc(70px + 65 * (100vw - 576px) / 624);
    padding-bottom: calc(70px + 65 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 992px) and (min-height: 650px) and (min-width: 1200px) {
  .Hero-inner {
    padding-top: 135px;
    padding-bottom: 135px;
  }
}
.Hero-heading {
  opacity: 0;
}
.js .Carousel-slide .Hero-heading {
  -webkit-animation: none;
          animation: none;
}
.Hero-heading, .js .Carousel-slide--active .Hero-heading {
  -webkit-animation: slideInLeft10 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards 0.15s;
          animation: slideInLeft10 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards 0.15s;
}
.Hero-heading--dash::before {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-bottom: 7.5px;
}
.Hero-title {
  opacity: 0;
  display: block;
}
.js .Carousel-slide .Hero-title {
  -webkit-animation: none;
          animation: none;
}
.Hero-title, .js .Carousel-slide--active .Hero-title {
  -webkit-animation: slideInLeft10 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
          animation: slideInLeft10 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.Hero-desc {
  font-size: 1rem;
  position: relative;
  -webkit-mask-image: linear-gradient(rgb(0, 0, 0) 33.33%, transparent 66.66%);
          mask-image: linear-gradient(rgb(0, 0, 0) 33.33%, transparent 66.66%);
  -webkit-mask-position: 0 100%;
          mask-position: 0 100%;
  -webkit-mask-size: 100% 300%;
          mask-size: 100% 300%;
}
@media (max-width: 991.98px) {
  .Hero-desc.tl-md {
    font-size: 0.875rem;
  }
}
.Hero-desc.tl-l {
  font-size: 0.875rem;
}
.Hero-desc p:last-child {
  margin-bottom: 0;
}
.js .Carousel-slide .Hero-desc {
  -webkit-animation: none;
          animation: none;
}
.Hero-desc, .js .Carousel-slide--active .Hero-desc {
  -webkit-animation: wipe 0.7s ease forwards 0.2s;
          animation: wipe 0.7s ease forwards 0.2s;
}
@media (min-width: 992px) {
  .Hero-desc {
    max-width: 83.3333333333%;
  }
}
.Hero-img {
  z-index: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Hero-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  display: block;
  position: relative;
}
.Hero-img::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background: linear-gradient(to right, rgba(25, 41, 72, 0.7), rgba(25, 41, 72, 0.3));
}
@media (min-width: 992px) {
  .Hero-img::before {
    background: linear-gradient(to right, rgba(25, 41, 72, 0.7) 25%, rgba(25, 41, 72, 0) 66.66%);
  }
}
.Hero-select {
  background: #e13447;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  font-size: 0.75rem;
  padding: 15px 22.5px;
  padding-right: 50px;
  display: inline-block;
  color: #fff;
  transition: background 0.15s linear;
  text-align: center;
  font-family: inherit;
  border: 0px;
  outline: 0px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E %3Ctitle%3Ekeyboard_arrow_down%3C/title%3E %3Cpath d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.Hero-select:focus-visible {
  border: 0px;
  outline: 0px;
}
.Hero-select:hover {
  background: #c51d30;
}
.Hero-select:focus, .Hero-select:hover {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C!-- Generated by IcoMoon.io --%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E %3Ctitle%3Ekeyboard_arrow_down%3C/title%3E %3Cpath d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.Hero--compact {
  min-height: 50vh;
}
.Hero--compact::before {
  content: none;
}
.Hero--compact .Hero-heading {
  font-size: 3.3125rem;
}

.HeroScrollCue {
  position: absolute;
  z-index: 3;
  top: 100%;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.625rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  margin-left: 10px;
  display: flex;
  align-items: center;
  width: 15vh;
  min-width: 125px;
  -webkit-animation: bob 1.5s ease infinite alternate;
          animation: bob 1.5s ease infinite alternate;
  outline: none;
  left: 20px;
}
@media screen and (min-width: 576px) {
  .HeroScrollCue {
    left: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .HeroScrollCue {
    left: 100px;
  }
}
.HeroScrollCue:before {
  content: "";
  display: block;
  margin-right: 10px;
  flex: 1;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.HeroCarousel {
  position: relative;
  z-index: 1;
}
.HeroProduct {
  position: relative;
  min-height: calc(50vh - 25px);
  height: calc(50vh - 25px);
  display: flex;
  align-items: center;
  background: #192948;
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 50px;
}
@media all and (max-width: 767px) {
  .HeroProduct {
    min-height: calc(66vh - 25px);
    height: calc(66vh - 25px);
  }
}
.HeroProduct .HeroProduct-img {
  opacity: 0.3;
}
@media screen and (min-width: 576px) {
  .HeroProduct {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .HeroProduct {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (min-width: 576px) {
  .HeroProduct {
    padding-top: calc(50px + 20 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .HeroProduct {
    padding-top: 70px;
  }
}
.HeroProduct::after {
  content: "";
  display: block;
  position: absolute;
  width: 400px;
  height: 400px;
  right: 0;
  bottom: -110px;
  background-image: url("../img/monogram.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.HeroCarousel .HeroProduct::after {
  content: none;
}
.HeroProduct-inner {
  position: relative;
  z-index: 4;
  color: #fff;
  padding: 90px 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@supports (-webkit-overflow-scrolling: touch) {
  .HeroProduct-inner .Btn {
    transition: none;
  }
}
@media (min-width: 992px) {
  .HeroProduct-inner {
    max-width: 58.3333333333%;
  }
}
@media (min-width: 992px) and (min-height: 650px) {
  .HeroProduct-inner {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 992px) and (min-height: 650px) and (min-width: 576px) {
  .HeroProduct-inner {
    padding-top: calc(70px + 65 * (100vw - 576px) / 624);
    padding-bottom: calc(70px + 65 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 992px) and (min-height: 650px) and (min-width: 1200px) {
  .HeroProduct-inner {
    padding-top: 135px;
    padding-bottom: 135px;
  }
}
.HeroProduct-heading {
  color: white;
  display: block;
}
.HeroProduct-title {
  opacity: 0;
  display: block;
  color: #e13447;
  display: block;
}
.js .Carousel-slide .HeroProduct-title {
  -webkit-animation: none;
          animation: none;
}
.HeroProduct-title, .js .Carousel-slide--active .HeroProduct-title {
  -webkit-animation: slideInLeft10 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
          animation: slideInLeft10 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.HeroProduct-desc {
  font-size: 0.875rem;
  position: relative;
  -webkit-mask-image: linear-gradient(rgb(0, 0, 0) 33.33%, transparent 66.66%);
          mask-image: linear-gradient(rgb(0, 0, 0) 33.33%, transparent 66.66%);
  -webkit-mask-position: 0 100%;
          mask-position: 0 100%;
  -webkit-mask-size: 100% 300%;
          mask-size: 100% 300%;
}
.HeroProduct-desc p:last-child {
  margin-bottom: 0;
}
.js .Carousel-slide .HeroProduct-desc {
  -webkit-animation: none;
          animation: none;
}
.HeroProduct-desc, .js .Carousel-slide--active .HeroProduct-desc {
  -webkit-animation: wipe 0.7s ease forwards 0.2s;
          animation: wipe 0.7s ease forwards 0.2s;
}
@media (min-width: 992px) {
  .HeroProduct-desc {
    max-width: 66.6666666667%;
  }
}
.HeroProduct-img {
  z-index: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.HeroProduct-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  display: block;
  position: relative;
}
.HeroProduct-img::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background: linear-gradient(to right, rgba(25, 41, 72, 0.7), rgba(25, 41, 72, 0.3));
}
@media (min-width: 992px) {
  .HeroProduct-img::before {
    background: linear-gradient(to right, rgba(25, 41, 72, 0.7) 25%, rgba(25, 41, 72, 0) 66.66%);
  }
}
.HeroProduct--compact {
  min-height: 50vh;
}
.HeroProduct--compact::before {
  content: none;
}
.HeroProduct--compact .HeroProduct-heading {
  font-size: 3.3125rem;
}

.Section {
  position: relative;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 576px) {
  .Section {
    margin-bottom: calc(60px + 60 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 576px) {
  .Section {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media (min-width: 1600px) {
  .Section {
    padding-left: 12vw;
    padding-right: 12vw;
  }
}
.Section--left {
  padding-left: 100px;
  padding-right: 100px;
}
.Section-hgroup {
  text-align: center;
  margin-bottom: 30px;
  color: #192948;
}
.Section-hgroup strong {
  text-transform: uppercase;
  color: #e13447;
  font-size: 0.875rem;
  display: block;
  margin: 0 0 7.5px;
}
.Section-hgroup em {
  color: #e13447;
  font-style: normal;
}
.Section-hgroup::after {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-top: 22.5px;
  margin-left: auto;
  margin-right: auto;
}
.Section-hgroup--left {
  text-align: left;
  width: 70%;
}
.Section-hgroup--left::after {
  content: none;
}
.Section-header {
  margin: 0 0 45px;
  color: #192948;
  position: relative;
  padding-left: 45px;
}
@media screen and (min-width: 576px) {
  .Section-header {
    padding-left: calc(45px + 45 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section-header {
    padding-left: 90px;
  }
}
.Section-header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -0.1em;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e13447'%3E%3Ctitle%3Etricon-mark%3C/title%3E%3Cpath d='M10.3,21.894l2.094-3.63h5.163l-1.471-2.426h4.243L24,21.894ZM12,9.1l-1.438,2.372L8.493,7.889,12,2.106l6.676,11.009H14.433ZM6.445,18.264H9.251l-2.095,3.63H0l6.883-11.35L8.952,14.13Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  height: 30px;
  width: 30px;
}
@media screen and (min-width: 576px) {
  .Section-header::before {
    height: calc(30px + 27 * (100vw - 576px) / 624);
    width: calc(30px + 27 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section-header::before {
    height: 57px;
    width: 57px;
  }
}
@media (min-width: 576px) {
  .Section-header::before {
    top: -0.2em;
  }
}
.Section-inner {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.Section-img--cover {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-height: 90vh;
}
.Section-img--cover img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  display: block;
  position: relative;
}
@media (min-width: 768px) {
  .Section-img--top-left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .Section-img--top-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }
}
.Section-img--o25 {
  opacity: 0.25;
}
.Section-img--o50 {
  opacity: 0.5;
}
.Section--rev, .Section--cover, .Section--rev .Section-header, .Section--cover .Section-header, .Section--rev .Section-hgroup, .Section--cover .Section-hgroup {
  color: #fff;
}
@media (min-width: 768px) {
  .Section--split .Section-inner {
    display: flex;
  }
}
.Section--split .Section-header {
  flex: 0 0 41.6666666667%;
  padding-right: 2.5%;
}
.Section--split .Section-body {
  flex: 0 0 50%;
  padding-left: 2.5%;
}
.Section--highlight, .Section--block, .Section--cover {
  margin-bottom: 0;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (min-width: 576px) {
  .Section--highlight, .Section--block, .Section--cover {
    padding-top: calc(60px + 60 * (100vw - 576px) / 624);
    padding-bottom: calc(60px + 60 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section--highlight, .Section--block, .Section--cover {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.Section--highlight::before {
  position: absolute;
  left: -15px;
  top: 0;
  z-index: 1;
  content: "";
  display: block;
  height: 25px;
  width: calc(100px + 25%);
  background: #e13447;
  -webkit-transform: skew(-30deg);
          transform: skew(-30deg);
}
.Section--padBottom {
  padding-bottom: 135px;
}
@media screen and (min-width: 576px) {
  .Section--padBottom {
    padding-bottom: calc(135px + 135 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section--padBottom {
    padding-bottom: 270px;
  }
}
.Section--cover {
  background: #192948;
}
.Section--cover a:not(.Btn) {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
.Section--cover a:hover {
  opacity: 0.66;
}
@media (min-width: 576px) {
  .Section--cover ul {
    width: 80%;
  }
}
.Section--cover ul li {
  margin-bottom: 10px;
}
.Section--cover .Section-inner {
  flex: 1;
}
@media (min-width: 576px) {
  .Section--cover, .Section--imgOffset, .Section--imgOffsetAlt {
    display: flex;
    align-items: center;
    height: 500px;
  }
}
.Section--imgOffset .Section-inner, .Section--imgOffsetAlt .Section-inner {
  flex: 0 0 58.3333333333%;
}
.Section--imgOffset .Section-inner {
  padding-left: 2.5%;
  border-left: 1px solid rgba(25, 41, 72, 0.1);
}
@media (min-width: 576px) {
  .Section--imgOffset .Section-inner {
    padding-right: 8.3333333333%;
  }
}
.Section--imgOffsetAlt .Section-inner {
  margin-left: auto;
  text-align: right;
  padding-right: 2.5%;
}
@media (min-width: 576px) {
  .Section--imgOffsetAlt .Section-inner {
    padding-left: 8.3333333333%;
  }
}
@media (max-width: 991.98px) {
  .Section--imgOffset .Section-inner, .Section--imgOffsetAlt .Section-inner {
    color: #fff;
  }
}
.Section--imgOffset .Section-inner {
  border-left: 1px solid rgba(25, 41, 72, 0.1);
}
.Section--imgOffsetAlt .Section-inner {
  border-right: 1px solid rgba(25, 41, 72, 0.1);
}
.Section--imgOffset .Section-img {
  order: 2;
  margin-right: -20px;
}
@media screen and (min-width: 576px) {
  .Section--imgOffset .Section-img {
    margin-right: calc(-20px + -80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section--imgOffset .Section-img {
    margin-right: -100px;
  }
}
@media (max-width: 991.98px) {
  .Section--imgOffset .Section-img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .Section--imgOffset .Section-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       font-family: "object-fit:cover";
       object-fit: cover;
    display: block;
    position: relative;
  }
}
.Section--grad .Section-img {
  opacity: 1;
}
.Section--grad .Section-img::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(25, 41, 72, 0.7), rgba(25, 41, 72, 0.3));
}
@media (min-width: 992px) {
  .Section--grad .Section-img::before {
    background: linear-gradient(to right, rgba(25, 41, 72, 0.7) 25%, rgba(25, 41, 72, 0) 66.66%);
  }
}
.Section--grad.Section--alt .Section-img::before {
  background: linear-gradient(to left, rgba(25, 41, 72, 0.7), rgba(25, 41, 72, 0.3));
}
@media (min-width: 992px) {
  .Section--grad.Section--alt .Section-img::before {
    background: linear-gradient(to left, rgba(25, 41, 72, 0.7) 25%, rgba(25, 41, 72, 0) 66.66%);
  }
}
@media (min-width: 576px) {
  .Section--100vh {
    min-height: 100vh;
  }
}
.Section--banner, .Section--bannerLg {
  overflow: hidden;
  margin-bottom: 0;
}
.Section--banner {
  height: 340px;
}
.Section--bannerLg {
  height: 340px;
}
@media screen and (min-width: 576px) {
  .Section--bannerLg {
    height: calc(340px + 160 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section--bannerLg {
    height: 500px;
  }
}
.Section--layout-a .title {
  width: 70%;
}
@media (max-width: 992px) {
  .Section--layout-a .title {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .Section--layout-a .body {
    display: flex;
  }
  .Section--layout-a .body > div:nth-child(1) {
    flex: 3;
    padding-right: 10%;
  }
  .Section--layout-a .body > div:nth-child(2) {
    flex: 2;
  }
}
.Section--layout-b .image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  aspect-ratio: 3.75/1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -60px;
  margin-top: -60px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 992px) {
  .Section--layout-b .image {
    margin-bottom: 0px;
    margin-top: -100px;
  }
}
@media screen and (min-width: 576px) {
  .Section--layout-b .image {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section--layout-b .image {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.Section--layout-b .image img {
  padding: 0 8.33333%;
  min-width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .Section--layout-b .image img {
    padding: 0;
  }
}
.Section--layout-b .body {
  position: relative;
  z-index: 0;
  background-color: #192948;
  color: white;
  padding-top: 40px;
  padding-bottom: 20px;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 576px) {
  .Section--layout-b .body {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section--layout-b .body {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.Section--layout-b .body .bg {
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  min-height: 100%;
}
.Section--layout-b .body h3 {
  font-size: 2.375em;
}
@media (max-width: 992px) {
  .Section--layout-b .body h3 {
    font-size: 1.5em;
  }
}
.Section--layout-b .body h3:before {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .Section--layout-b .body p {
    font-size: 0.9375em;
  }
}
.Section--layout-b .body .Section-inner div {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 8.33333%;
  margin: 60px 0;
}
@media (min-width: 992px) {
  .Section--layout-b .body .Section-inner {
    padding: 8.33333%;
    display: flex;
  }
  .Section--layout-b .body .Section-inner div {
    flex: 1;
    padding: 0 80px;
  }
}
.Section--layout-dl {
  background-color: #F6F6F6;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 576px) {
  .Section--layout-dl {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Section--layout-dl {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media (max-width: 992px) {
  .Section--layout-dl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.Section--layout-dl .body {
  position: relative;
  z-index: 1;
  width: 575px;
}
.Section--layout-dl .body h3 {
  font-size: 1.875em;
}
@media (max-width: 992px) {
  .Section--layout-dl .body h3 {
    font-size: 1.5em;
  }
}
.Section--layout-dl .body ul {
  padding: 0;
  list-style: none;
}
.Section--layout-dl .body ul li {
  font-size: 1.125em;
  padding: 16px 0;
  border-bottom: 1px solid #D5D7DC;
  position: relative;
}
@media (max-width: 992px) {
  .Section--layout-dl .body ul li {
    font-size: 0.9375em;
  }
}
.Section--layout-dl .body ul li a {
  color: #47546d;
  display: flex;
  justify-content: space-between;
}
.Section--layout-dl .body ul li a .icon {
  color: #e13447;
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 6px;
}
.Section--layout-dl .Hero-watermark {
  position: absolute;
  display: block;
  height: 600px;
  width: 600px;
  z-index: 0;
  opacity: 0.6;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white'%3E%3Ctitle%3Etricon-mark%3C/title%3E%3Cpath d='M10.3,21.894l2.094-3.63h5.163l-1.471-2.426h4.243L24,21.894ZM12,9.1l-1.438,2.372L8.493,7.889,12,2.106l6.676,11.009H14.433ZM6.445,18.264H9.251l-2.095,3.63H0l6.883-11.35L8.952,14.13Z'/%3E%3C/svg%3E") calc(100% + 195px) 100%/auto 100% no-repeat;
  pointer-events: none;
  background-position: center;
}
@media (max-width: 992px) {
  .Section--layout-dl .Hero-watermark {
    height: 300px;
    width: 300px;
  }
}
.Section--layout-dl .Hero-watermark--right {
  right: -100px;
  top: 300px;
}
.Section--layout-dl .Hero-watermark--left {
  left: 0;
  top: 500px;
}

.SectionAlt {
  background: #f4f4f6;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media screen and (min-width: 576px) {
  .SectionAlt {
    padding-top: calc(45px + 15 * (100vw - 576px) / 624);
    padding-bottom: calc(45px + 15 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionAlt {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.SectionAlt-inner {
  background: #fff;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 576px) {
  .SectionAlt-inner {
    padding-top: calc(45px + 45 * (100vw - 576px) / 624);
    padding-bottom: calc(45px + 45 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionAlt-inner {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 576px) {
  .SectionAlt-inner {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionAlt-inner {
    padding-left: 100px;
  }
}
@media screen and (min-width: 576px) {
  .SectionAlt-inner {
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionAlt-inner {
    padding-right: 100px;
  }
}
@media screen and (min-width: 576px) {
  .SectionAlt-inner {
    margin-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionAlt-inner {
    margin-right: 100px;
  }
}

.SectionBlockBreakout {
  position: relative;
  z-index: 1;
  color: #fff;
  background: #192948;
  padding-bottom: 45px;
  padding-top: 45px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 60px;
}
@media screen and (min-width: 576px) {
  .SectionBlockBreakout {
    padding-bottom: calc(45px + 45 * (100vw - 576px) / 624);
    padding-top: calc(45px + 45 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionBlockBreakout {
    padding-bottom: 90px;
    padding-top: 90px;
  }
}
@media screen and (min-width: 576px) {
  .SectionBlockBreakout {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionBlockBreakout {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (min-width: 576px) {
  .SectionBlockBreakout {
    margin-bottom: calc(60px + 60 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionBlockBreakout {
    margin-bottom: 120px;
  }
}
@media (min-width: 768px) {
  .SectionBlockBreakout {
    background-position: 120% 75%;
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }
}
.SectionBlockBreakout-block {
  align-self: stretch;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: calc(100vw - 40px);
  margin-top: -75px;
  margin-bottom: 45px;
}
@media screen and (min-width: 576px) {
  .SectionBlockBreakout-block {
    margin-top: calc(-75px + -45 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionBlockBreakout-block {
    margin-top: -120px;
  }
}
@media screen and (min-width: 576px) {
  .SectionBlockBreakout-block {
    margin-bottom: calc(45px + 45 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .SectionBlockBreakout-block {
    margin-bottom: 90px;
  }
}
@media (min-width: 768px) {
  .SectionBlockBreakout-block {
    height: auto;
    flex: 0 0 calc(100px + 33.3333333333%);
    min-width: calc(100px + 33.3333333333%);
    margin-bottom: -75px;
    margin-top: -75px;
  }
}
@media screen and (min-width: 768px) and (min-width: 576px) {
  .SectionBlockBreakout-block {
    margin-bottom: calc(-75px + -45 * (100vw - 576px) / 624);
    margin-top: calc(-75px + -45 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .SectionBlockBreakout-block {
    margin-bottom: -120px;
    margin-top: -120px;
  }
}
.SectionBlockBreakout-blockImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.SectionBlockBreakout-blockImg img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
.SectionBlockBreakout-blockInner {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 45px 12.5%;
  width: 100%;
}
.SectionBlockBreakout-inner {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 768px) {
  .SectionBlockBreakout-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 576px) {
  .SectionBlockBreakout-inner {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .SectionBlockBreakout-inner {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.SectionBlockBreakout--alt {
  padding-right: 0;
  background-position: -20% 50%;
}
.SectionBlockBreakout--alt .SectionBlockBreakout-block {
  order: 1;
}
.SectionBlockBreakout--mark {
  background: #192948 url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23243a66'%3E%3Ctitle%3Etricon-mark%3C/title%3E%3Cpath d='M10.3,21.894l2.094-3.63h5.163l-1.471-2.426h4.243L24,21.894ZM12,9.1l-1.438,2.372L8.493,7.889,12,2.106l6.676,11.009H14.433ZM6.445,18.264H9.251l-2.095,3.63H0l6.883-11.35L8.952,14.13Z'/%3E%3C/svg%3E") 50% 50%/auto 150% no-repeat;
}
@media (min-width: 768px) {
  .SectionBlockBreakout--lg .SectionBlockBreakout-block {
    flex: 0 0 50%;
  }
}

section#mg-top-120 {
  margin-top: 120px;
}

section#section-mg-btm-0 {
  margin-bottom: 0;
}

.Section--layout-b .body .bg {
  /* add the following attribute to this selector */
  min-width: 100%;
}

.TimelineContainer {
  position: relative;
}
@media (min-width: 992px) {
  .TimelineContainer {
    background: linear-gradient(90deg, #f4f4f6 1%, transparent 1%) calc(50% - 50px) 0/100px 1px, #fff;
  }
  .TimelineContainer::before {
    content: "";
    display: block;
    border-left: 10px solid #f4f4f6;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.Timeline {
  position: relative;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 576px) {
  .Timeline {
    margin-bottom: calc(60px + 60 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Timeline {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 576px) {
  .Timeline {
    padding-left: calc(20px + 80 * (100vw - 576px) / 624);
    padding-right: calc(20px + 80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 1200px) {
  .Timeline {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.Timeline-item {
  position: relative;
  margin-bottom: 45px;
}
@media (min-width: 992px) {
  .Timeline-item {
    padding: 0 8.3333333333%;
    padding-bottom: 120px;
    margin-bottom: 0;
  }
}
.Timeline-itemInner {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .Timeline-itemInner {
    padding: 0 7.5949367089%;
  }
  .Timeline-itemInner::before, .Timeline-itemInner::after {
    content: "";
    display: block;
    position: absolute;
    top: 20%;
  }
  .Timeline-itemInner::before {
    width: 17.4050632911%;
    border-top: 1px solid rgba(25, 41, 72, 0.5);
    left: 100%;
  }
  .Timeline-itemInner::after {
    width: 50px;
    height: 50px;
    left: 125%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e13447'%3E%3Ctitle%3Etricon-mark%3C/title%3E%3Cpath d='M10.3,21.894l2.094-3.63h5.163l-1.471-2.426h4.243L24,21.894ZM12,9.1l-1.438,2.372L8.493,7.889,12,2.106l6.676,11.009H14.433ZM6.445,18.264H9.251l-2.095,3.63H0l6.883-11.35L8.952,14.13Z'/%3E%3C/svg%3E") 50% 50%/40px no-repeat;
  }
}
.Timeline-itemImage {
  position: relative;
  margin: 0 0 45px;
}
.Timeline-itemImage::before:not(img.no-bg) {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: -15px;
  width: 100%;
  height: 100%;
  background: #e13447;
}
.Timeline-itemImage::after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 64.5502645503%;
}
.Timeline-itemImage img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain";
     object-fit: contain;
  display: block;
}
@media (min-width: 992px) {
  .Timeline-itemImage {
    margin: 0 -8.9552238806% 45px 0;
  }
}
.Timeline-itemYearBackdrop {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 0.6;
  font-size: 8.125rem;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #f4f4f6;
  max-width: 100%;
}
@media (min-width: 768px) {
  .Timeline-itemYearBackdrop {
    font-size: 11.875rem;
  }
}
@media (min-width: 992px) {
  .Timeline-item:nth-child(odd) {
    float: right;
    margin-left: 50%;
  }
  .Timeline-item:nth-child(odd) .Timeline-itemImage {
    margin-right: 0;
    margin-left: -8.9552238806%;
  }
  .Timeline-item:nth-child(odd) .Timeline-itemInner::before {
    left: auto;
    right: 100%;
  }
  .Timeline-item:nth-child(odd) .Timeline-itemInner::after {
    left: auto;
    right: 125%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
  .Timeline-item:nth-child(odd) .Timeline-itemYearBackdrop {
    right: -20px;
  }
}
@media screen and (min-width: 992px) and (min-width: 576px) {
  .Timeline-item:nth-child(odd) .Timeline-itemYearBackdrop {
    right: calc(-20px + -80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  .Timeline-item:nth-child(odd) .Timeline-itemYearBackdrop {
    right: -100px;
  }
}
@media (min-width: 992px) {
  .Timeline-item:nth-child(even) {
    float: left;
    margin-right: 50%;
  }
  .Timeline-item:nth-child(even) .Timeline-itemYearBackdrop {
    left: -20px;
  }
}
@media screen and (min-width: 992px) and (min-width: 576px) {
  .Timeline-item:nth-child(even) .Timeline-itemYearBackdrop {
    left: calc(-20px + -80 * (100vw - 576px) / 624);
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  .Timeline-item:nth-child(even) .Timeline-itemYearBackdrop {
    left: -100px;
  }
}
.Timeline-itemYear {
  color: #e13447;
  font-size: 1rem;
}
.Timeline-itemTitle {
  color: #192948;
}
.Timeline-itemTitle strong {
  font-size: 4.75rem;
  display: block;
  line-height: 0.8;
}
.Timeline-itemTitle em {
  color: #e13447;
  font-style: normal;
}
.Timeline-itemTitle sup {
  font-size: 2.375rem;
}
.Timeline-itemBody *:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .Timeline-item--primary {
    padding-top: 70px;
  }
}
@media (min-width: 992px) {
  .Timeline-item--primary .Timeline-itemHeader, .Timeline-item--primary .Timeline-itemBody {
    top: -70px;
    position: relative;
  }
}
@media (min-width: 992px) {
  .Timeline-item--primary .Timeline-itemInner {
    background: #f4f4f6;
  }
}

.TimelineNav {
  position: fixed;
  top: 94.5px;
  left: 0;
  padding-left: calc(50% + 1.25%);
  z-index: 2;
  font-weight: bold;
  transition: all 0.15s ease;
  visibility: hidden;
  opacity: 0;
  min-height: calc(100vh - 72px);
  display: flex;
  flex-direction: column;
}
.TimelineNav.is-intersecting {
  visibility: visible;
  opacity: 1;
}
.TimelineNav li {
  padding: 0 0 22.5px;
  flex: 1 1 auto;
}
.TimelineNav a {
  color: #d1d4da;
}
.TimelineNav a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 15px;
  background: #e8eaed;
  vertical-align: 0.15em;
  margin-right: 7.5px;
}
.TimelineNav a:hover, .TimelineNav a:active, .TimelineNav a:focus {
  color: #192948;
}
.TimelineNav a.is-active {
  color: #e13447;
}
@media (max-width: 991.98px) {
  .TimelineNav {
    display: none;
  }
}

.Article {
  font-size: 0.875rem;
}
.Article > p:first-child {
  font-weight: bold;
  margin-bottom: 30px;
}
.Article > p:first-child em {
  font-style: inherit;
  color: #e13447;
}
@media (min-width: 992px) {
  .Article {
    flex: 0 0 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  .Article {
    flex: 0 0 58.3333333333%;
  }
}

.ArticleGrid {
  flex: 0 0 75%;
  padding-right: 2.5%;
}
@media (min-width: 576px) {
  .ArticleGrid-col:last-child > *:first-child {
    flex: 0 0 50%;
  }
  .ArticleGrid-col:last-child {
    display: flex;
  }
}
@media (min-width: 992px) {
  .ArticleGrid-col {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: stretch;
  }
  .ArticleGrid-col:first-child {
    flex: 0 0 66.6666666667%;
  }
  .ArticleGrid-col:last-child {
    padding-left: 2.5%;
  }
  .ArticleGrid-col:last-child > *:first-child {
    flex: 0 0 40%;
  }
}
.ArticleGrid-row {
  margin-bottom: 7.5px;
}
@media (min-width: 992px) {
  .ArticleGrid-row {
    display: flex;
  }
}
@media (min-width: 992px) {
  .ArticleGrid-row--alt .ArticleGrid-col:first-child {
    order: 2;
  }
  .ArticleGrid-row--alt .ArticleGrid-col:last-child {
    padding-left: 0;
    padding-right: 2.5%;
  }
}
.ArticleGrid-fragments {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .ArticleGrid-fragments {
    padding-left: 2.5%;
  }
}

.ArticleBlock {
  min-height: 200px;
  position: relative;
  margin: 0 0 22.5px;
}
.ArticleBlock::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 80%);
  z-index: 1;
}
.ArticleBlock-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
.ArticleBlock-body {
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 22.5px 15px;
}
.ArticleBlock-title {
  margin-bottom: 0;
}
.ArticleBlock-title::before {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-bottom: 7.5px;
}
.ArticleBlock-desc {
  margin-bottom: 0;
}
.ArticleBlock--primary {
  min-height: 480px;
  display: flex;
  align-items: flex-end;
  flex: 1;
}
.ArticleBlock--primary::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.65) 80%);
}
.ArticleBlock--primary .ArticleBlock-title {
  margin-bottom: 0;
}
.ArticleBlock--primary .ArticleBlock-title::before {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #e13447;
  margin-bottom: 7.5px;
}
.ArticleBlock--primary .ArticleBlock-body {
  padding: 30px 15px;
}

.ArticleFragment {
  margin: 0 0 22.5px;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
}
.ArticleFragment a {
  display: flex;
  width: 100%;
  align-items: flex-start;
  color: inherit;
  min-height: 0;
  max-height: 100%;
}
.ArticleFragment-img {
  max-width: 40%;
  margin-right: 7.5px;
  position: relative;
}
.ArticleFragment-img img {
  display: block;
  height: 72px;
  max-width: 120px;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
.ArticleFragment-title {
  font-size: 0.875rem;
  margin: 0;
  flex: 1;
}

.SideCol {
  border-left: 1px solid rgba(25, 41, 72, 0.1);
  padding-left: 2.5%;
  flex: 0 0 25%;
}
.SideCol:empty {
  display: none;
}

li.tricon {
  position: relative;
}

li.tricon::before {
  width: 16px;
  content: url(/img/Tricon-triangle.svg);
  position: absolute;
  left: -20px;
  top: 2px;
}

ul.tricon {
  list-style-type: none;
}

.error-block {
  text-align: center;
  height: 400px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.product-preface {
  position: relative;
  border-bottom: 1px solid #D5D7DC;
  padding: 20px 0;
  font-size: 1.125rem;
}
@media all and (max-width: 767px) {
  .product-preface {
    font-size: 0.875rem;
    border-bottom: none;
  }
}
.product-preface a.reset {
  color: #e13447;
  position: absolute;
  right: 0;
  bottom: 20px;
  font-size: 0.875rem;
  margin-right: 24px;
}
@media all and (max-width: 767px) {
  .product-preface a.reset {
    font-size: 0.75rem;
  }
}
.product-preface a.reset:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  right: -24px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23e13447' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3711 11.9569L16.8995 15.4853L15.4853 16.8995L11.9569 13.3711L8.41421 16.9138L7 15.4996L10.5427 11.9569L7 8.41421L8.41421 7L11.9569 10.5427L15.4853 7.01428L16.8995 8.42849L13.3711 11.9569Z'/%3E %3C/svg%3E") 100% 50%/22px no-repeat;
  top: -2px;
}

.product-search {
  background-color: #F6F6F6;
}
.product-search .form > form {
  display: grid;
  grid-auto-flow: column;
  justify-content: left;
  grid-template-columns: 35% 35% 30%;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media all and (max-width: 767px) {
  .product-search .form > form {
    display: block;
    padding-bottom: 10px;
  }
  .product-search .form > form > div.col-2 {
    margin: 30px;
  }
}
.product-search .form > form > div {
  margin: 30px;
}
@media all and (max-width: 1023px) {
  .product-search .form > form > div.col-2 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (max-width: 767px) {
  .product-search .form > form > div.col-2 {
    margin: 30px;
  }
}
.product-search .title {
  padding: 16px 30px;
  background-color: #EEEEEE;
  font-size: 1.375rem;
  font-weight: 600;
  color: #192948;
}
@media all and (max-width: 767px) {
  .product-search .title {
    font-size: 1.125rem;
  }
}
.product-search .title span {
  color: #e13447;
}
.product-search select,
.product-search input {
  width: 100%;
  background: transparent;
  line-height: 1;
  font-size: 1rem;
  padding: 0;
  padding: 7.5px 22.5px 15px 0px;
  display: inline-block;
  color: #192948;
  transition: background 0.15s linear;
  text-align: left;
  font-family: inherit;
  border: none;
  border-bottom: 1px solid #D5D7DC;
  border-radius: 0;
}
.product-search input {
  padding: 7.5px 22.5px 15px 3px;
}
.product-search select:focus-visible,
.product-search input:focus-visible {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.product-search input:-webkit-autofill,
.product-search input:-webkit-autofill:hover,
.product-search input:-webkit-autofill:focus,
.product-search input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 0 #F6F6F6 inset !important;
}
.product-search input::-webkit-input-placeholder {
  color: #192948;
}
.product-search input::-moz-placeholder {
  color: #192948;
}
.product-search input:-ms-input-placeholder {
  color: #192948;
}
.product-search input:-moz-placeholder {
  color: #192948;
}
.product-search input::-ms-input-placeholder {
  color: #192948;
}
.product-search input::placeholder {
  color: #192948;
}
.product-search .half {
  display: flex;
  justify-content: space-between;
}
.product-search .half select {
  width: 46%;
}
.product-search label {
  margin-top: 20px;
}
.product-search label:first-child {
  margin-top: 0px;
}
.product-search label,
.product-search p {
  font-size: 0.8125rem;
  color: #677286;
  padding-left: 4px;
  display: block;
}
.product-search .radios {
  border-bottom: 1px solid #D5D7DC;
  margin-top: 40px;
  padding-bottom: 20px;
  position: relative;
}
.product-search .radios:first-child {
  margin-top: 20px;
}
.product-search .radios label,
.product-search .radios p {
  display: inline;
}
.product-search .radios .radio {
  position: absolute;
  bottom: 20px;
}
.product-search .radios .radio:nth-child(3) {
  right: 0px;
}
.product-search .radios .radio:nth-child(2) {
  right: 60px;
}
.product-search .col-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-search .col-3 .buttons {
  margin-top: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-search .col-3 input.primary {
  width: 66%;
  background: #e13447;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  font-size: 0.9rem;
  padding: 15px 22.5px;
  color: #fff;
  transition: background 0.15s linear;
  text-align: center;
  font-family: inherit;
  border: none;
  margin-top: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media all and (max-width: 1023px) {
  .product-search .col-3 input.primary {
    width: 100%;
  }
}
.product-search .col-3 button.secondary {
  width: 66%;
  background: transparent;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  font-size: 0.9rem;
  padding: 15px 22.5px;
  color: #192948;
  transition: background 0.15s linear;
  text-align: center;
  font-family: inherit;
  border: 1px solid #D5D7DC;
  margin-top: auto;
}
@media all and (max-width: 1023px) {
  .product-search .col-3 button.secondary {
    width: 100%;
  }
}

.product-category {
  margin: 80px 0 40px 0;
}
@media all and (max-width: 767px) {
  .product-category {
    margin: 0;
    border-top: 1px solid #D5D7DC;
  }
}
.product-category > .header {
  display: grid;
  grid-auto-flow: column;
  justify-content: left;
  grid-template-columns: 70% 15% 15%;
  margin-bottom: 40px;
}
@media all and (max-width: 1023px) {
  .product-category > .header {
    grid-template-columns: 58% 20% 20%;
  }
}
@media all and (max-width: 767px) {
  .product-category > .header {
    display: block;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.product-category > .header .sm {
  display: none;
}
@media all and (max-width: 767px) {
  .product-category > .header .sm {
    display: block;
    color: #e13447;
    font-size: 0.8125rem;
  }
}
.product-category > .header .intro {
  padding-right: 100px;
}
@media all and (max-width: 1023px) {
  .product-category > .header .intro {
    padding-right: 40px;
  }
}
@media all and (max-width: 767px) {
  .product-category > .header .intro {
    padding-right: 0px;
  }
}
.product-category > .header .intro h3 {
  font-size: 1.75rem;
  font-weight: 600;
}
@media all and (max-width: 767px) {
  .product-category > .header .intro h3 {
    font-size: 1.125rem;
    font-weight: normal;
  }
}
.product-category > .header .intro h3 em {
  color: #e13447;
  font-style: normal;
}
@media all and (max-width: 767px) {
  .product-category > .header .intro h3 em {
    color: #192948;
    font-weight: 600;
  }
}
.product-category > .header .intro h3 sup {
  font-weight: 300;
}
.product-category > .header .intro p {
  margin: 0;
}
@media all and (max-width: 767px) {
  .product-category > .header .intro p {
    display: none;
  }
}
.product-category > .header .sheet {
  font-size: 0.875rem;
  border-left: 1px solid #D5D7DC;
  padding-left: 20px;
  margin-top: 20px;
}
@media all and (max-width: 767px) {
  .product-category > .header .sheet {
    display: none;
  }
}
.product-category > .header .sheet p {
  margin: 0;
}
.product-category > .header .sheet p.title {
  color: #192948;
  font-weight: 600;
  margin-bottom: 0.25em;
}
.product-category > .header .sheet p.label {
  color: #A5AAB5;
  margin-bottom: 0.5em;
}
.product-category > .header .sheet a.file {
  position: relative;
  margin-left: 22px;
}
.product-category > .header .sheet a.file:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: -28px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23e13447' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9 10H10C10.2652 10 10.5196 9.89464 10.7071 9.70711C10.8946 9.51957 11 9.26522 11 9C11 8.73478 10.8946 8.48043 10.7071 8.29289C10.5196 8.10536 10.2652 8 10 8H9C8.73478 8 8.48043 8.10536 8.29289 8.29289C8.10536 8.48043 8 8.73478 8 9C8 9.26522 8.10536 9.51957 8.29289 9.70711C8.48043 9.89464 8.73478 10 9 10V10ZM9 12C8.73478 12 8.48043 12.1054 8.29289 12.2929C8.10536 12.4804 8 12.7348 8 13C8 13.2652 8.10536 13.5196 8.29289 13.7071C8.48043 13.8946 8.73478 14 9 14H15C15.2652 14 15.5196 13.8946 15.7071 13.7071C15.8946 13.5196 16 13.2652 16 13C16 12.7348 15.8946 12.4804 15.7071 12.2929C15.5196 12.1054 15.2652 12 15 12H9ZM20 8.94C19.9896 8.84813 19.9695 8.75763 19.94 8.67V8.58C19.8919 8.47718 19.8278 8.38267 19.75 8.3V8.3L13.75 2.3C13.6673 2.22222 13.5728 2.15808 13.47 2.11C13.4402 2.10576 13.4099 2.10576 13.38 2.11C13.2784 2.05174 13.1662 2.01434 13.05 2H7C6.20435 2 5.44129 2.31607 4.87868 2.87868C4.31607 3.44129 4 4.20435 4 5V19C4 19.7956 4.31607 20.5587 4.87868 21.1213C5.44129 21.6839 6.20435 22 7 22H17C17.7956 22 18.5587 21.6839 19.1213 21.1213C19.6839 20.5587 20 19.7956 20 19V9C20 9 20 9 20 8.94ZM14 5.41L16.59 8H15C14.7348 8 14.4804 7.89464 14.2929 7.70711C14.1054 7.51957 14 7.26522 14 7V5.41ZM18 19C18 19.2652 17.8946 19.5196 17.7071 19.7071C17.5196 19.8946 17.2652 20 17 20H7C6.73478 20 6.48043 19.8946 6.29289 19.7071C6.10536 19.5196 6 19.2652 6 19V5C6 4.73478 6.10536 4.48043 6.29289 4.29289C6.48043 4.10536 6.73478 4 7 4H12V7C12 7.79565 12.3161 8.55871 12.8787 9.12132C13.4413 9.68393 14.2044 10 15 10H18V19ZM15 16H9C8.73478 16 8.48043 16.1054 8.29289 16.2929C8.10536 16.4804 8 16.7348 8 17C8 17.2652 8.10536 17.5196 8.29289 17.7071C8.48043 17.8946 8.73478 18 9 18H15C15.2652 18 15.5196 17.8946 15.7071 17.7071C15.8946 17.5196 16 17.2652 16 17C16 16.7348 15.8946 16.4804 15.7071 16.2929C15.5196 16.1054 15.2652 16 15 16Z' fill='%23E13447'/%3E %3C/svg%3E") 100% 50%/22px no-repeat;
  top: -4px;
}

/*  - - - - - - loading - - - - - - */
.loading {
  -webkit-animation: rotation 0.75s infinite linear;
          animation: rotation 0.75s infinite linear;
  background-image: url("../img/load.png");
  width: 64px;
  height: 64px;
  background-size: contain;
  margin: 60px auto;
  background-color: transparent;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
/*  - - - - - - PRODUCT table - - - - - - */
.Section--products {
  padding-top: calc(60px + 60 * (100vw - 576px) / 624);
  padding-bottom: calc(60px + 60 * (100vw - 576px) / 624);
}
.Section--products::before {
  position: absolute;
  left: -15px;
  top: 0;
  z-index: 1;
  content: "";
  display: block;
  height: 25px;
  width: calc(100px + 25%);
  background: #e13447;
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}

.table-container {
  color: #192948;
  font-size: 0.875rem;
}
.table-container .table {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: left;
  grid-template-columns: 210px 110px 110px 110px 110px 110px 230px minmax(400px, 2000px);
}
.table-container .table .desc {
  display: none;
}
@media all and (max-width: 767px) {
  .table-container .table .desc {
    display: block;
    padding: 30px 0;
  }
}
.table-container .table.row .cell {
  background-color: white;
}
.table-container .table .cell {
  position: relative;
}
@media all and (min-width: 768px) {
  .table-container .table .cell.c-1 {
    position: sticky;
    z-index: 5;
    left: 0;
    width: 210px;
  }
}
@media all and (max-width: 767px) {
  .table-container .table .cell {
    min-height: 2.8em;
    text-align: right;
  }
  .table-container .table .cell.c-1, .table-container .table .cell.c-3, .table-container .table .cell.c-4, .table-container .table .cell.c-5 {
    text-align: left;
  }
}
.table-container .table .cell.c-1 {
  text-align: left;
}
@media all and (max-width: 767px) {
  .table-container .table .cell.c-3, .table-container .table .cell.c-4, .table-container .table .cell.c-5 {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    height: 7em;
  }
}
.table-container .table .cell.c-3 .sm:first-child, .table-container .table .cell.c-4 .sm:first-child, .table-container .table .cell.c-5 .sm:first-child {
  margin-top: 4px;
  margin-bottom: 0px;
}
.table-container .table .cell.c-3 .sm:nth-child(0), .table-container .table .cell.c-4 .sm:nth-child(0), .table-container .table .cell.c-5 .sm:nth-child(0) {
  margin-bottom: 10px;
}
.table-container .table .cell.c-3 .sm, .table-container .table .cell.c-4 .sm, .table-container .table .cell.c-5 .sm {
  position: relative;
}
.table-container .table .cell.c-7 {
  font-size: 0.875rem;
}
@media all and (max-width: 767px) {
  .table-container .table .cell.c-8 {
    padding-left: 140px;
  }
  .table-container .table .cell.c-8 .sm {
    left: 0;
  }
}
.table-container .table.header {
  overflow-x: hidden;
}
.table-container .table.header .note {
  font-size: 0.75rem;
  color: #A5AAB5;
}
.table-container .table.header > .cell {
  padding-top: 50px;
  background-color: #F6F6F6;
}
.table-container .table.header > .cell:nth-last-child(n) {
  border-left: none;
}
.table-container .table.row .cell.c-8 {
  font-size: 0.75rem;
}
.table-container .table.cell {
  color: #192948;
  font-size: 0.875rem;
}
.table-container .table .cell {
  border-right: 1px solid #D5D7DC;
  height: 100%;
  padding: 10px;
  border-bottom: 1px solid #D5D7DC;
}
.table-container .table .cell.c-1 {
  border-left: 1px solid #D5D7DC;
}
@media all and (max-width: 767px) {
  .table-container .table .cell.c-1 {
    border-left: none;
  }
}
@media all and (max-width: 767px) {
  .table-container .table .cell {
    border-left: none;
    border-right: none;
    padding: 16px 4px;
    height: auto;
  }
}
.table-container .table .cell a.file {
  position: relative;
  margin-left: 22px;
}
@media all and (max-width: 767px) {
  .table-container .table .cell a.file {
    font-size: 0.875rem;
    margin-left: auto;
    margin-right: 24px;
  }
}
.table-container .table .cell a.file:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: -28px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23e13447' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9 10H10C10.2652 10 10.5196 9.89464 10.7071 9.70711C10.8946 9.51957 11 9.26522 11 9C11 8.73478 10.8946 8.48043 10.7071 8.29289C10.5196 8.10536 10.2652 8 10 8H9C8.73478 8 8.48043 8.10536 8.29289 8.29289C8.10536 8.48043 8 8.73478 8 9C8 9.26522 8.10536 9.51957 8.29289 9.70711C8.48043 9.89464 8.73478 10 9 10V10ZM9 12C8.73478 12 8.48043 12.1054 8.29289 12.2929C8.10536 12.4804 8 12.7348 8 13C8 13.2652 8.10536 13.5196 8.29289 13.7071C8.48043 13.8946 8.73478 14 9 14H15C15.2652 14 15.5196 13.8946 15.7071 13.7071C15.8946 13.5196 16 13.2652 16 13C16 12.7348 15.8946 12.4804 15.7071 12.2929C15.5196 12.1054 15.2652 12 15 12H9ZM20 8.94C19.9896 8.84813 19.9695 8.75763 19.94 8.67V8.58C19.8919 8.47718 19.8278 8.38267 19.75 8.3V8.3L13.75 2.3C13.6673 2.22222 13.5728 2.15808 13.47 2.11C13.4402 2.10576 13.4099 2.10576 13.38 2.11C13.2784 2.05174 13.1662 2.01434 13.05 2H7C6.20435 2 5.44129 2.31607 4.87868 2.87868C4.31607 3.44129 4 4.20435 4 5V19C4 19.7956 4.31607 20.5587 4.87868 21.1213C5.44129 21.6839 6.20435 22 7 22H17C17.7956 22 18.5587 21.6839 19.1213 21.1213C19.6839 20.5587 20 19.7956 20 19V9C20 9 20 9 20 8.94ZM14 5.41L16.59 8H15C14.7348 8 14.4804 7.89464 14.2929 7.70711C14.1054 7.51957 14 7.26522 14 7V5.41ZM18 19C18 19.2652 17.8946 19.5196 17.7071 19.7071C17.5196 19.8946 17.2652 20 17 20H7C6.73478 20 6.48043 19.8946 6.29289 19.7071C6.10536 19.5196 6 19.2652 6 19V5C6 4.73478 6.10536 4.48043 6.29289 4.29289C6.48043 4.10536 6.73478 4 7 4H12V7C12 7.79565 12.3161 8.55871 12.8787 9.12132C13.4413 9.68393 14.2044 10 15 10H18V19ZM15 16H9C8.73478 16 8.48043 16.1054 8.29289 16.2929C8.10536 16.4804 8 16.7348 8 17C8 17.2652 8.10536 17.5196 8.29289 17.7071C8.48043 17.8946 8.73478 18 9 18H15C15.2652 18 15.5196 17.8946 15.7071 17.7071C15.8946 17.5196 16 17.2652 16 17C16 16.7348 15.8946 16.4804 15.7071 16.2929C15.5196 16.1054 15.2652 16 15 16Z' fill='%23E13447'/%3E %3C/svg%3E") 100% 50%/22px no-repeat;
  top: -4px;
}
@media all and (max-width: 767px) {
  .table-container .table .cell a.file:before {
    right: -24px;
    top: -2px;
    left: auto;
  }
}
.table-container .sm.reveal {
  position: absolute;
}
.table-container .sm {
  display: none;
}
@media all and (max-width: 767px) {
  .table-container .sm {
    position: absolute;
    display: block;
    color: #677286;
    font-size: 0.75rem;
    margin-bottom: 10px;
  }
}
.table-container .label-sub {
  color: #A5AAB5;
}
@media all and (max-width: 767px) {
  .table-container .table-wrapper {
    overflow-x: hidden;
    background-color: #A5AAB5;
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 0;
  }
  .table-container .table-wrapper:before {
    display: block;
    content: "";
    top: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    margin-bottom: 20px;
  }
  .table-container .table {
    border-bottom: none;
    position: relative;
    display: block;
    margin-bottom: 20px;
    background-color: white;
    padding: 10px;
    padding-bottom: 60px;
  }
  .table-container .table .cell {
    font-size: 1rem;
  }
  .table-container .table .cell.c-1 {
    font-size: 1.125rem;
  }
  .table-container .table.header {
    display: none;
  }
  .table-container .table .cell {
    border-right: none;
    display: block;
    width: 100%;
  }
  .table-container .table.row {
    height: 270px;
    overflow: hidden;
    position: relative;
  }
  .table-container .sm.reveal {
    position: absolute;
    padding: 15px;
    padding-bottom: 30px;
    margin: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    background: white;
    text-align: right;
    color: #e13447;
  }
}

.table-rows {
  overflow-x: scroll;
}

.table-container ::-webkit-scrollbar {
  height: 15px;
}
.table-container ::-webkit-scrollbar-track {
  background-color: #EEEEEE;
}
.table-container ::-webkit-scrollbar-thumb {
  background-color: #e13447;
  background-clip: content-box;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='5 0 20 18' fill='white' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7,12l3.4,3.4l-1.4,1.4L8.9,12l4.9-4.9l1.4,1.4L11.7,12z'/%3E %3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 17' fill='white' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3,12L8.9,8.6l1.4-1.4l4.9,4.9l-4.9,4.9l-1.4-1.4L12.3,12z'/%3E %3C/svg%3E");
  background-position: left bottom, right bottom;
  background-repeat: no-repeat, no-repeat;
}
.table-container ::-webkit-scrollbar-thumb:hover {
  background-color: #e13447;
  height: 15px;
}
.table-container .table-rows::-webkit-scrollbar {
  display: none;
}
.table-container .table-rows {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.table-container .table-wrapper {
  position: relative;
}
.table-container .table-wrapper .pin {
  position: -webkit-sticky;
  z-index: 10;
  position: sticky;
  top: 60px;
}
.table-container .table-wrapper .scrollbar {
  height: 30px;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
  border-bottom: 20px white solid;
  border-top: 40px white solid;
}
.table-container .table-wrapper .scrollbar .get-width {
  height: 20px;
}
@media all and (max-width: 767px) {
  .table-container .table-wrapper .scrollbar {
    display: none;
  }
}

.icheckbox_flat,
.iradio_flat {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url(../img/icheck.png) no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat {
  background-position: 0 0;
}

.icheckbox_flat.checked {
  background-position: -22px 0;
}

.icheckbox_flat.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat, .iradio_flat.red, .iradio_flat.amber, .iradio_flat.green {
  background-position: -88px 0;
}

.iradio_flat.checked, .iradio_flat.red.checked, .iradio_flat.amber.checked, .iradio_flat.green.checked {
  background-position: -110px 0;
}

.iradio_flat.disabled, .iradio_flat.red.disabled, .iradio_flat.amber.disabled, .iradio_flat.green.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat.checked.disabled, .iradio_flat.red.checked.disabled, .iradio_flat.amber.checked.disabled, .iradio_flat.green.checked.disabled {
  background-position: -154px 0;
}

.icheckbox_flat.red,
.iradio_flat.red {
  background: url(../img/icheck-red.png) no-repeat;
  background-position: -88px 0;
}

.icheckbox_flat.amber,
.iradio_flat.amber {
  background: url(../img/icheck-amber.png) no-repeat;
  background-position: -88px 0;
}

.icheckbox_flat.green,
.iradio_flat.green {
  background: url(../img/icheck-green.png) no-repeat;
  background-position: -88px 0;
}

/* HiDPI support */
@media (-o-mjs-icheckRadio-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat,
  .iradio_flat {
    background-image: url(../img/icheck@2x.png);
    background-size: 176px 22px;
  }
  .icheckbox_flat.red,
  .iradio_flat.red {
    background: url(../img/icheck-red@2x.png) no-repeat;
    background-size: 176px 22px;
  }
  .icheckbox_flat.amber,
  .iradio_flat.amber {
    background: url(../img/icheck-amber@2x.png) no-repeat;
    background-size: 176px 22px;
  }
  .icheckbox_flat.green,
  .iradio_flat.green {
    background: url(../img/icheck-green@2x.png) no-repeat;
    background-size: 176px 22px;
  }
}

/*# sourceMappingURL=style.css.map */