:root{
  --white: #ffffff;
      --black: #000000;
      --soft-blue: #F1F9FD;
      --blue: #142040;
      --grey-accent-light: #F2F2F2;
      --grey-accent: #808080;
      --dark-blue: #004472;
      --teal: #006A85;
      --sky: #73E2E5;
      --green: #16A378;
      --mint: #89E1C9;
      --grey: #4c4c4c;
      --error: #EA0000;
      --light-grey: #7f7f7f;
      --light-blue: #00A5E2;
      --vision-blue: #004CB8;
      --light-green: #07a979;
      --font-family-bold: 'Graphik Bold Web';      /* font-weight:  700; */
      --font-family-semibold: 'Graphik SemiBold Web';      /* font-weight:  600; */
      --font-family-medium: 'Graphik Medium Web';      /* font-weight:  500; */
      --font-family-regular: 'Graphik Web';      /* font-weight:  400; */
      --font-family-light: 'Graphik Light Web';      /* font-weight:  300; */
      --font-family-extra-light: 'Graphik Extra Light Web';      /* font-weight:  200; */
    }
    html, body{
      font-family: var(--font-family-regular);
      font-style: normal;
      font-weight: 400;
      font-size: 1.8rem;
      line-height: 2.8rem;
      color: var(--black);
    }
    a {
      color: var(--blue);
    }
    a:hover {
        text-decoration: none;
      }
      a:focus{
        outline:1px dotted var(--blue);
        outline-offset: 0;
        text-decoration: underline;
      }
      h1,.h1 {
        font-family: var(--font-family-semibold) !important;
        font-style: normal;
        font-weight: 500;
        font-size: 68px;
        line-height: 74px;
        letter-spacing: 0.03em;
      }
      h2, .h2 {
        font-family: var(--font-family-bold);
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 0.03em;
      }
      h3, .h3 {
        font-family: var(--font-family-medium);
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 36px;
      }
      h4, .h4 {
        font-family: var(--font-family-light);
        font-style: normal;
        font-weight: 300;
        font-size: 36px;
        line-height: 44px;
      }
      h5, .h5 {
        font-family: var(--font-family-bold);
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 14px;
      }
      .p-large {
        font-family: var(--font-family-medium);
        font-style: normal;
        font-weight: 500;
        font-size: 30px;
        line-height: 42px;
      }
      .p-medium {
        font-family: var(--font-family-light);
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        line-height: 36px;
      }
      p, .p {
        font-family: var(--font-family-light);
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 36px;
        padding-bottom: 20px;
      }
      .footer-text{
        font-family: var(--font-family-regular);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--white);
      }
      .primary-cta-btn {
        font-family: var(--font-family-bold);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        background: var(--white);
        color: var(--light-blue);
        border: 2px solid var(--light-blue);
        padding: 22px 80px;
      }
      .primary-cta-btn:hover {
        background: var(--light-blue);
        border: 2px solid var(--light-blue);
        color: #fff;
      }
      .cta-link {
        font-family: var(--font-family-bold);
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
      }
      .display-title  {
        font-family: var(--font-family-semibold);
        font-style: normal;
        font-weight: 600;
        font-size: 54px;
        line-height: 70px;
        letter-spacing: 0.03em;
      }
      .container-fluid{
        margin:0 auto;
        max-width:1140px;
      }
      #MainWrapper {
        float: left;
        width: 100%;
        overflow: hidden;
        margin-top: 110px;
      }
      .show-xs{
        display:none;
      }
      .hide-xs{
        display:block;
      }
      .padding-top-0 {
        padding-top:0;
      }
      .padding-bottom-0 {
        padding-bottom:0;
      }
      /* skip-to-main-content start */
      .global-skip-to-main-content {
       /* position: relative;*/
      }
      .global-skip-to-main-content a {
        position: absolute;
        overflow: hidden;
        left: 0;
        top: 0;
        padding: 8px 16px;
        background-color: #008969;
        color: var(--white);
        z-index: 99999999;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
      }
      .global-skip-to-main-content a:focus {
        overflow: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        color: var(--white);
        outline: 1px dashed #052316;
        outline-offset: 0px;
      }
      .ip3-edit .global-skip-to-main-content a{
        display:none;
      }
      /* skip-to-main-content end */
      /* global spacing */
      .padding-top-60 {
        padding-top:60px;
      }
      .padding-bottom-60 {
        padding-bottom:60px;
      }
      .grey-background-color {
        background-color: var(--grey-accent-light);
      }
      .invisible {
        position: absolute;
        left: -9999999px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
        visibility: visible;
      }
.grey-bg {
background: var(--soft-blue);
}
input, button, select, textarea {
font-family: var(--font-family-regular);
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #808080;
}