/* -------------------------------- 
cookie consent styles
----------------------------- */
  .CookieConsentOverlay {
      background: rgba(0, 0, 0, .8);
      position: fixed;
      padding: 0;
      margin: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000000;
  }

  .CookieConsentContainer {
      background: #EBEFF1;
      position: fixed;
      width: 100%;
      margin: 0;
      bottom: 0;
      left: 0;
  }

  .CookieConsent {
      display: flex;
      padding: 30px 10px;
      background: #EBEFF1;
      color: #000000;
      max-width: 1170px;
      text-align: left;
  }

  .CookieConsent span:nth-child(1) {
      padding: 0 20px;
      text-align: left;
  }

  .CookieConsent span:nth-child(2) {
      padding: 0 20px;
  }

  .CookieConsent a {
      color: #000000 !important;
      text-decoration: underline;
  }

  .ConsentButtons .btn {
      width: auto !important;
      display: inline-block;
      background-color: #0066a4;

      color: #fff;
      font-weight: 700;
      border: 2px solid #fff;
      border-radius: 2px;
      text-align: left;
      margin-top: 0px;
      padding: 10px 30px;
      border-radius: 2px;
      text-decoration: none;
      font-weight: bold;
  }

  .ConsentButtons .btn:hover {
      background-color: #ffffff;
      color: #0066a4;
      border: 2px solid #0066a4;
  }

  /* RIGHT AFTER IPAD */
  @media only screen and (max-width : 767px) {
      .CookieConsent {
          display: block;
      }

      .CookieConsent span {
          display: block;
      }

      .CookieConsent span:nth-child(2) {
          padding-top: 20px;
      }
  }





  /* -------------------------------- 

Primary style

-------------------------------- */
  *,
  *::after,
  *::before {
      box-sizing: border-box;
  }

  html {
      font-size: 62.5%;
  }

  body {
      font-size: 1.6rem;
      font-family: 'Muli', sans-serif !important;
      color: #2e3233;
      background-color: #ffffff;
  }

  @media only screen and (max-width: 1199px) {
      body.nav-on-left.overflow-hidden {
          overflow: hidden;
      }

      .cd-logo img {
          width: 95px !important;
      }
  }

  nav ul {
      margin: 0;
  }

  a {
      color: #0066A4;
      text-decoration: none;
  }

  img {
      /* make images responsive */
      max-width: 100%;
  }

  input {
      font-family: 'Muli', sans-serif !important;
      font-size: 1.6rem;
  }

  input[type="search"]::-ms-clear {
      /* removes close icon - IE */
      display: none;
  }

  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
      display: none;
  }

  /* -------------------------------- 

Main components 

-------------------------------- */

  #cd-primary-nav>li>ul>div>div>li>a.rowTitle {
      color: #313131 !important;
      font-weight: 700;
  }

  .cd-main-content,
  .cd-main-header {
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      will-change: transform;
  }

  .cd-main-content,
  .cd-main-header {
      position: relative;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
  }

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

      .cd-main-content.nav-is-visible,
      .cd-main-header.nav-is-visible {
          -webkit-transform: translateX(-75%);
          -moz-transform: translateX(-75%);
          -ms-transform: translateX(-75%);
          -o-transform: translateX(-75%);
          transform: translateX(-75%);
      }

      .nav-on-left .cd-main-content.nav-is-visible,
      .nav-on-left .cd-main-header.nav-is-visible {
          -webkit-transform: translateX(260px);
          -moz-transform: translateX(260px);
          -ms-transform: translateX(260px);
          -o-transform: translateX(260px);
          transform: translateX(260px);
      }
  }

  .cd-main-content {

      min-height: 100vh;
      z-index: 2;
  }

  .cd-main-header {
      height: 50px;
      background: #ffffff;
      z-index: 3;
  }

  .nav-is-fixed .cd-main-header {
      /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
  }

  @media only screen and (min-width: 1200px) {
      .cd-main-header {
          height: 80px;
          max-width: 1170px;
          margin: 0px auto;
      }

      .cd-main-header::after {
          clear: both;
          content: "";
          display: table;
      }

      .cd-primary-nav>.has-children>a:hover,
      .cd-primary-nav>.has-children>a:focus,
      .cd-primary-nav>li>a:hover,
      .cd-primary-nav a.selected {
          color: #2e3233 !important;
          border-bottom: 4px solid #0066A4;
          text-decoration: none;
      }

      #cd-primary-nav>li>ul>div>div>li>a.rowTitle {
          font-size: 18px !important;
      }
  }

  .cd-logo {
      position: absolute;
      top: 12px;
      left: 5%;
  }

  .cd-logo img {
      display: block;
      max-width: 175px;
  }

  @media only screen and (max-width: 1199px) {
      .nav-on-left .cd-logo {
          left: auto;
          right: 5%;
      }
  }

  @media only screen and (min-width: 1200px) {
      .cd-logo {
          top: 14px;
          left: 15px;
      }
  }

  .cd-header-buttons {
      position: absolute;
      display: inline-block;
      top: 3px;
      right: 5%;
  }

  .cd-header-buttons li {
      display: inline-block;
  }

  @media only screen and (max-width: 1199px) {
      .nav-on-left .cd-header-buttons {
          right: auto;
          left: 5%;
      }

      .nav-on-left .cd-header-buttons li {
          float: right;
      }
  }

  @media only screen and (min-width: 1200px) {
      .cd-header-buttons {
          top: 18px;
          right: 15px;
      }
  }

  .cd-search-trigger,
  .cd-nav-trigger {
      position: relative;
      display: block;
      width: 44px;
      height: 44px;
      overflow: hidden;
      white-space: nowrap;
      /* hide text */
      color: transparent;
      z-index: 3;
  }

  .cd-search-trigger::before,
  .cd-search-trigger::after {
      /* search icon */
      content: '';
      position: absolute;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      transition: opacity 0.3s;
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }

  .cd-search-trigger::before {
      /* lens */
      top: 18px;
      left: 11px;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      border: 2px solid #2e3233;
  }

  .cd-search-trigger::after {
      /* handle */
      height: 2px;
      width: 8px;
      background: #2e3233;
      bottom: 14px;
      right: 18px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .cd-search-trigger span {
      /* container for the X icon */
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
  }

  .cd-search-trigger span::before,
  .cd-search-trigger span::after {
      /* close icon */
      content: '';
      position: absolute;
      display: inline-block;
      height: 3px;
      width: 22px;
      top: 50%;
      margin-top: -2px;
      left: 50%;
      margin-left: -11px;
      background: #2e3233;
      opacity: 0;
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: opacity 0.3s, -moz-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
  }

  .cd-search-trigger span::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .cd-search-trigger span::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  .cd-search-trigger.search-is-visible::before,
  .cd-search-trigger.search-is-visible::after {
      /* hide search icon */
      opacity: 0;
  }

  .cd-search-trigger.search-is-visible span::before,
  .cd-search-trigger.search-is-visible span::after {
      /* show close icon */
      opacity: 1;
  }

  .cd-search-trigger.search-is-visible span::before {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
  }

  .cd-search-trigger.search-is-visible span::after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .cd-nav-trigger span,
  .cd-nav-trigger span::before,
  .cd-nav-trigger span::after {
      /* hamburger icon in CSS */
      position: absolute;
      display: inline-block;
      height: 3px;
      width: 24px;
      background: #2e3233;
  }

  .cd-nav-trigger span {
      /* line in the center */
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -2px;
      -webkit-transition: background 0.3s 0.3s;
      -moz-transition: background 0.3s 0.3s;
      transition: background 0.3s 0.3s;
  }

  .cd-nav-trigger span::before,
  .cd-nav-trigger span::after {
      /* other 2 lines */
      content: '';
      right: 0;
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform-origin: 0% 50%;
      -moz-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
      -o-transform-origin: 0% 50%;
      transform-origin: 0% 50%;
      -webkit-transition: -webkit-transform 0.3s 0.3s;
      -moz-transition: -moz-transform 0.3s 0.3s;
      transition: transform 0.3s 0.3s;
  }

  .cd-nav-trigger span::before {
      /* menu icon top line */
      top: -6px;
  }

  .cd-nav-trigger span::after {
      /* menu icon bottom line */
      top: 6px;
  }

  .cd-nav-trigger.nav-is-visible span {
      /* hide line in the center */
      background: rgba(46, 50, 51, 0);
  }

  .cd-nav-trigger.nav-is-visible span::before,
  .cd-nav-trigger.nav-is-visible span::after {
      /* keep visible other 2 lines */
      background: #2e3233;
  }

  .cd-nav-trigger.nav-is-visible span::before {
      -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
      -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
      -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
      -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
      transform: translateX(4px) translateY(-3px) rotate(45deg);
  }

  .cd-nav-trigger.nav-is-visible span::after {
      -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
      -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
      -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
      -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
      transform: translateX(4px) translateY(2px) rotate(-45deg);
  }

  @media only screen and (min-width: 1200px) {
      .cd-nav-trigger {
          display: none;
      }
  }

  .cd-primary-nav ul {
      width: 100% !important;
  }

  .cd-primary-nav .cd-secondary-nav a {
      font-weight: 600;
  }

  .cd-primary-nav,
  .cd-primary-nav ul {
      position: fixed;
      top: 0;
      right: 0;
      height: 100%;
      width: 75%;
      background: #EFF5F8 !important;
      overflow-y: scroll;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      z-index: 1;
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      font-size: 17px;
      font-weight: 800 !important;
  }

  .cd-primary-nav a,
  .cd-primary-nav ul a {

      line-height: 50px;
      color: #0066A4;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;

      border-bottom: 1px solid #95989A;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      will-change: transform, opacity;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
  }

  .cd-primary-nav.is-hidden,
  .cd-primary-nav ul.is-hidden {
      /* secondary navigations hidden by default */
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
  }

  .cd-primary-nav.moves-out>li>a,
  .cd-primary-nav ul.moves-out>li>a {
      /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
  }


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

      .nav-on-left .cd-primary-nav,
      .nav-on-left .cd-primary-nav ul {
          right: auto;
          left: 0;
      }

      .cd-primary-nav a,
      .cd-primary-nav ul a {
          display: block;
      }
  }

  .cd-primary-nav .see-all a {
      /* different style for the See all button on mobile and tablet */
      color: #0066A4;
  }

  .cd-primary-nav .cd-nav-gallery .cd-nav-item,
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
      /* items with picture (or icon) and title */
      height: 80px;
      line-height: 80px;
  }

  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3,
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
      padding-left: 90px;
  }

  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
      position: absolute;
      display: block;
      height: 40px;
      width: auto;
      left: 20px;
      top: 50%;
      margin-top: -20px;
  }

  .cd-primary-nav .cd-nav-icons .cd-nav-item {
      padding-left: 75px;
  }

  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
      color: #2e3233;
      font-size: 1.3rem;
      /* hide description on small devices */
      display: none;
  }

  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
      /* item icon */
      content: '';
      display: block;
      position: absolute;
      left: 20px;
      top: 50%;
      margin-top: -20px;
      width: 40px;
      height: 40px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 40px 40px;
  }

  @media only screen and (max-width: 1199px) {
      .cd-primary-nav {
          /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
          visibility: hidden;
          -webkit-transition: transform 0.3s;
          -moz-transition: transform 0.3s;
          transition: transform 0.3s;
          -webkit-transform: translateX(75%);
          -moz-transform: translateX(75%);
          -ms-transform: translateX(75%);
          -o-transform: translateX(75%);
          transform: translateX(75%);
      }

      .cd-primary-nav.nav-is-visible {
          visibility: visible;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }

      ul#cd-primary-nav,
      #cd-primary-nav ul {
          padding: 0;
      }

      #cd-primary-nav>li.has-children>a:before,
      #cd-primary-nav>li.has-children>a:after,
      #cd-primary-nav>li>ul>li.has-children>a:before,
      #cd-primary-nav>li>ul>li.has-children>a:after,
      #cd-primary-nav>li>ul>div>div>li>a.rowTitle:before,
      #cd-primary-nav>li>ul>div>div>li>a.rowTitle:after {
          content: '' !important;
          position: absolute;
          top: 50%;
          margin-top: -1px;
          display: inline-block;
          height: 2px;
          width: 10px;
          background: #313131;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
      }

      #cd-primary-nav>li>a,
      .cd-primary-nav .go-back a {
          color: #313131;
          font-weight: 700;
      }

      #cd-primary-nav>li>ul>li.has-children>a {
          color: #313131;
      }

      ul#cd-primary-nav h4 {
          color: #9D9D9D;
          font-weight: 700;
          margin: 20px 20px 10px;
      }

      ul#cd-primary-nav h4 a {
          font-size: 19px;
          margin: 0;
          font-weight: 700;
          color: #104865 !important;
      }

      .cd-primary-nav a,
      .cd-primary-nav ul a {
          margin: 0 20px;
      }
  }

  @media only screen and (min-width: 1200px) {
      .cd-primary-nav {
          position: static;
          font-weight: bold;
          padding: 0 65px 0 0;
          height: auto;
          width: auto;
          float: right;
          overflow: visible;
          background: #fff !important;
      }

      .cd-primary-nav::after {
          clear: both;
          content: "";
          display: table;
      }

      .cd-primary-nav.moves-out>li>a {
          /* reset mobile style */
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }

      .cd-primary-nav ul {
          position: static;
          height: auto;
          width: auto;
          background: transparent;
          overflow: visible;
          z-index: 3;
          padding-left: 0;
      }

      .cd-primary-nav ul.is-hidden {
          /* reset mobile style */
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }

      .cd-primary-nav ul.moves-out>li>a {
          /* reset mobile style */
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }

      .cd-primary-nav>li {
          float: left;
          margin-left: 1em;
      }

      .cd-primary-nav>li>a {
          /* main navigation buttons style */
          position: relative;
          display: inline-block;
          height: 80px;
          padding: 20px 8px 0;
          color: #2e3233;
          overflow: visible;
          border-bottom: none;
          -webkit-transition: color 0.3s, box-shadow 0.3s;
          -moz-transition: color 0.3s, box-shadow 0.3s;
          transition: color 0.3s, box-shadow 0.3s;
      }

      .cd-primary-nav>li>a:hover {
          color: #0066A4;
      }

      .cd-primary-nav>li>a.selected {
          color: #0066A4;

      }

      .cd-primary-nav .go-back,
      .cd-primary-nav .see-all {
          display: none;
      }

      .cd-primary-nav .cd-secondary-nav,
      .cd-primary-nav .cd-nav-gallery,
      .cd-primary-nav .cd-nav-icons {
          /* dropdown menu style */
          position: absolute;
          top: 80px;
          width: 100vw !important;
          max-width: 1170px;
          background: #EFF5F8;
          padding: 50px;
          box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          -webkit-transition: opacity .3s 0s, visibility 0s 0s;
          -moz-transition: opacity .3s 0s, visibility 0s 0s;
          transition: opacity .3s 0s, visibility 0s 0s;
      }

      .cd-primary-nav .cd-secondary-nav::after,
      .cd-primary-nav .cd-nav-gallery::after,
      .cd-primary-nav .cd-nav-icons::after {
          clear: both;
          content: "";
          display: table;
      }

      .cd-primary-nav .cd-secondary-nav.is-hidden,
      .cd-primary-nav .cd-nav-gallery.is-hidden,
      .cd-primary-nav .cd-nav-icons.is-hidden {
          opacity: 0;
          visibility: hidden;
          -webkit-transition: opacity .3s 0s, visibility 0s .3s;
          -moz-transition: opacity .3s 0s, visibility 0s .3s;
          transition: opacity .3s 0s, visibility 0s .3s;
      }

      .cd-primary-nav .cd-secondary-nav>.see-all,
      .cd-primary-nav .cd-nav-gallery>.see-all,
      .cd-primary-nav .cd-nav-icons>.see-all {
          /* this is the BIG See all button at the bottom of the dropdown menu */
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          height: 80px;
          width: 100%;
          overflow: hidden;
          /* reset some inherited style */
          margin: 0;
          padding: 0;
      }

      .cd-primary-nav .cd-secondary-nav>.see-all a,
      .cd-primary-nav .cd-nav-gallery>.see-all a,
      .cd-primary-nav .cd-nav-icons>.see-all a {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          font-size: 2.2rem;
          font-weight: bold;
          text-align: center;
          line-height: 80px;
          border-top: 1px solid #e2e3df;
          /* reset some inherited style */
          border-bottom: none;
          margin: 0;
          padding: 0;
          -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
          -moz-transition: color 0.2s, background 0.2s, border 0.2s;
          transition: color 0.2s, background 0.2s, border 0.2s;
      }

      .cd-primary-nav .cd-secondary-nav>.see-all a:hover,
      .cd-primary-nav .cd-nav-gallery>.see-all a:hover,
      .cd-primary-nav .cd-nav-icons>.see-all a:hover {
          background: #2e3233;
          border-color: #2e3233;
          color: #ffffff;
      }

      li.singleItem {
          float: none !important;
          height: inherit !important;
      }

      ul.cd-secondary-nav h4 {
          color: #9D9D9D;
          font-weight: 700;
          margin: 20px 0;
          font-size: 16px;
      }

      ul.cd-secondary-nav h4 a {
          color: #104865 !important;
          font-weight: 700 !important;
          margin: 20px 0;
          font-size: 16px !important;
      }

      .cd-primary-nav .cd-secondary-nav>li {
          /* change the height according to your needs - you can even set height: auto */
          height: 340px;
          /* here you set the number of columns - use width percentage */
          width: 23%;
          float: left;
          margin-right: 2.66%;
          border-right: 1px solid #e2e3df;
          overflow: hidden;
          overflow-x: hidden;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
      }

      .cd-primary-nav .cd-secondary-nav>li:nth-child(4n+2) {
          /* +2 because we have 2 list items with display:none */
          margin-right: 0;
          border-right: none;
      }

      .cd-primary-nav .cd-secondary-nav>li>a {
          /* secondary nav title */
          color: #313131;
          font-weight: bold;
          font-size: 1.6rem;
          margin-bottom: .6em;
      }

      li.singleItem a {
          color: #0066A4 !important;
      }

      .cd-primary-nav .cd-secondary-nav a {
          line-height: 19px;
          font-size: 14px;
          font-weight: 600;
          padding: 0 18% 0 0;
          color: #0066A4;
          margin-bottom: 10px;
          display: block;
          border-bottom: none;
          font-size: 1.4rem;
      }

      .cd-primary-nav .cd-secondary-nav a:hover {
          color: #0066A4;
      }

      .cd-primary-nav .cd-secondary-nav ul {
          /* Force Hardware Acceleration in WebKit */
          -webkit-transform: translateZ(0);
          -moz-transform: translateZ(0);
          -ms-transform: translateZ(0);
          -o-transform: translateZ(0);
          transform: translateZ(0);
      }

      .cd-primary-nav .cd-secondary-nav ul ul {
          /* tertiary navigation */
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
      }

      .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
          -webkit-transform: translateX(100%);
          -moz-transform: translateX(100%);
          -ms-transform: translateX(100%);
          -o-transform: translateX(100%);
          transform: translateX(100%);
      }

      .cd-primary-nav .cd-secondary-nav ul ul .go-back {
          display: block;
      }

      .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
          color: transparent;
      }

      .cd-primary-nav .cd-secondary-nav ul ul .see-all {
          display: block;
      }

      .cd-primary-nav .cd-secondary-nav .moves-out>li>a {
          /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
          -webkit-transform: translateX(-100%);
          -moz-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          -o-transform: translateX(-100%);
          transform: translateX(-100%);
      }

      .cd-primary-nav .cd-nav-gallery li {
          /* set here number of columns - use width percentage */
          width: 22%;
          float: left;
          margin: 0 4% 40px 0;
      }

      .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
          /* +2 because we have two additional list items with display:none */
          margin-right: 0;
      }

      .cd-primary-nav .cd-nav-gallery .cd-nav-item {
          border-bottom: none;
          padding: 0;
          height: auto;
          line-height: 1.2;
      }

      .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
          position: static;
          margin-top: 0;
          height: auto;
          width: 100%;
          margin-bottom: .6em;
      }

      .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
          color: #0066A4;
          font-weight: bold;
          padding: 0 .4em;
      }

      .cd-primary-nav .cd-nav-icons li {
          /* set here number of columns - use width percentage */
          width: 32%;
          float: left;
          margin: 0 2% 20px 0;
      }

      .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
          /* +2 because we have two additional list items with display:none */
          margin-right: 0;
      }

      .cd-primary-nav .cd-nav-icons .cd-nav-item {
          border-bottom: none;
          height: 80px;
          line-height: 1.2;
          padding: 24px 0 0 85px;
          position: relative;
      }

      .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
          background: #f6f6f5;
      }

      .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
          color: #0066A4;
          font-weight: bold;
      }

      .cd-primary-nav .cd-nav-icons .cd-nav-item p {
          display: block;
      }

      .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
          left: 25px;
      }
  }

  .has-children>a,
  .go-back a {
      position: relative;
  }

  .has-children>a::before,
  .has-children>a::after,
  .go-back a::before,
  .go-back a::after {
      /* arrow icon in CSS - for element with nested unordered lists */
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -1px;
      display: inline-block;
      height: 2px;
      width: 10px;
      background: #464c4e;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }

  .has-children>a::before,
  .go-back a::before,
  #cd-primary-nav>li>ul>div>div>li>a.rowTitle:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .has-children>a::after,
  .go-back a::after,
  #cd-primary-nav>li>ul>div>div>li>a.rowTitle:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  @media only screen and (min-width: 1200px) {

      .has-children>a::before,
      .has-children>a::after,
      .go-back a::before,
      .go-back a::after {
          background: #c9cbc4;
      }

      .has-children>a:hover::before,
      .has-children>a:hover::after,
      .go-back a:hover::before,
      .go-back a:hover::after {
          background: #0066A4;
      }
  }

  .singleItem a {
      padding-right: 0 !important;
      font-size: 18px !important;
      margin-bottom: 20px !important;
  }

  .has-children>a {
      padding-right: 0px !important;
  }

  .has-children>a::before,
  .has-children>a::after,
  #cd-primary-nav>li>ul>div>div>li>a.rowTitle:before,
  #cd-primary-nav>li>ul>div>div>li>a.rowTitle:after {
      /* arrow goes on the right side - children navigation */
      right: 20px;
      -webkit-transform-origin: 9px 50%;
      -moz-transform-origin: 9px 50%;
      -ms-transform-origin: 9px 50%;
      -o-transform-origin: 9px 50%;
      transform-origin: 9px 50%;
  }

  .cd-primary-nav .go-back a {
      padding-left: 40px;
      border-bottom: 3px solid #0066A4;
      font-weight: 700;
      padding-left: 25px !important;
  }

  .cd-primary-nav .go-back a::before,
  .cd-primary-nav .go-back a::after {
      /* arrow goes on the left side - go back button */
      left: 5px;
      -webkit-transform-origin: 1px 50%;
      -moz-transform-origin: 1px 50%;
      -ms-transform-origin: 1px 50%;
      -o-transform-origin: 1px 50%;
      transform-origin: 1px 50%;
  }

  @media only screen and (min-width: 1200px) {

      .has-children>a::before,
      .has-children>a::after {
          right: 15%;
      }

      .cd-primary-nav>.has-children>a {
          /* main navigation arrows on larger devices */
          padding-right: 5px !important;
      }

      .cd-primary-nav>.has-children>a::before,
      .cd-primary-nav>.has-children>a::after {
          width: 9px;
          -webkit-transform-origin: 50% 50%;
          -moz-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
          -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          background: #c9cbc4;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-transition: width 0.3s, -webkit-transform 0.3s;
          -moz-transition: width 0.3s, -moz-transform 0.3s;
          transition: width 0.3s, transform 0.3s;
      }

      .cd-primary-nav>.has-children>a::before {
          right: 12px;
      }

      .cd-primary-nav>.has-children>a::after {
          right: 7px;
      }

      .cd-primary-nav>.has-children>a.selected::before,
      .cd-primary-nav>.has-children>a.selected::after {
          width: 14px;
      }

      .cd-primary-nav>.has-children>a.selected::before,
      #cd-primary-nav>li>ul>div>div>li>a.rowTitle:before {
          -webkit-transform: translateX(5px) rotate(-45deg);
          -moz-transform: translateX(5px) rotate(-45deg);
          -ms-transform: translateX(5px) rotate(-45deg);
          -o-transform: translateX(5px) rotate(-45deg);
          transform: translateX(5px) rotate(-45deg);
      }

      .cd-primary-nav>.has-children>a.selected::after,
      #cd-primary-nav>li>ul>div>div>li>a.rowTitle:after {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
      }

      .cd-secondary-nav>.has-children>a::before,
      .cd-secondary-nav>.has-children>a::after {
          /* remove arrows on secondary nav titles */
          display: none;
      }

      .cd-primary-nav .go-back a {
          padding-left: 20px;
      }

      .cd-primary-nav .go-back a::before,
      .cd-primary-nav .go-back a::after {
          left: 1px;
      }
  }

  .cd-search {
      position: absolute;
      height: 50px;
      width: 100%;
      top: 50px;
      left: 0;
      z-index: 3;
      opacity: 0;
      visibility: hidden;

  }

  .cd-search.hasStockQuote {
      top: 118px;
      position: static;
      display: none;
  }

  .cd-search.hasStockQuote.is-visible {
      display: block;
      position: relative;
      top: 0 !important;
  }

  .cd-search form {
      height: 100%;
      width: 100%;
  }

  .cd-search input {
      border-radius: 0;
      border: none;
      background: #EFF5F8 !important;
      height: 100%;
      width: 100%;
      padding: 0 !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
  }

  .cd-search input::-webkit-input-placeholder {
      color: #c9cbc4 !important;
  }

  .cd-search input::-moz-placeholder {
      color: #c9cbc4 !important;
  }

  .cd-search input:-moz-placeholder {
      color: #c9cbc4 !important;
  }

  .cd-search input:-ms-input-placeholder {
      color: #c9cbc4 !important;
  }

  .cd-search input:focus {
      outline: none;
  }

  .cd-search.is-visible {
      opacity: 1;
      visibility: visible;

      background-color: #EFF5F8 !important;

  }

  .nav-is-fixed .cd-search {
      position: fixed;
  }

  @media only screen and (min-width: 1200px) {
      .cd-search {
          height: inherit;
          top: 80px;
      }

      .cd-search input {
          padding: 0 2em;
          font-size: 3.2rem;
          font-weight: 300;
      }

      .cd-search.hasStockQuote {
          top: 148px;
      }
  }

  .cd-overlay {
      /* shadow layer visible when navigation is active */
      position: fixed;
      z-index: 2;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      cursor: pointer;
      background-color: rgba(0, 102, 164, 0.55);
      visibility: hidden;
      opacity: 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
      -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
      transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  }

  .cd-overlay.is-visible {
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
      -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
      transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
  }

  @media only screen and (max-width: 1199px) {
      .cd-overlay.is-visible {
          -webkit-transform: translateX(-260px);
          -moz-transform: translateX(-260px);
          -ms-transform: translateX(-260px);
          -o-transform: translateX(-260px);
          transform: translateX(-260px);
      }

      .nav-on-left .cd-overlay.is-visible {
          -webkit-transform: translateX(260px);
          -moz-transform: translateX(260px);
          -ms-transform: translateX(260px);
          -o-transform: translateX(260px);
          transform: translateX(260px);
      }

      .cd-overlay.is-visible.search-is-visible,
      .nav-on-left .cd-overlay.is-visible.search-is-visible {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }

      .cd-search.hasStockQuote.is-visible {
          margin-bottom: -50px !important;
      }

      .singleItem a {
          margin-bottom: 0 !important;
      }
  }


  /* -------------------------------- 

support for no js 

-------------------------------- */
  .no-js .cd-primary-nav {
      position: relative;
      height: auto;
      width: 100%;
      overflow: visible;
      visibility: visible;
      z-index: 2;
  }

  .no-js .cd-search {
      position: relative;
      top: 0;
      opacity: 1;
      visibility: visible;
  }

  @media only screen and (min-width: 1200px) {
      .no-js .cd-primary-nav {
          position: absolute;
          z-index: 3;
          display: inline-block;
          width: auto;
          top: 0;
          right: 150px;
          padding: 0;
      }

      .no-js .nav-is-fixed .cd-primary-nav {
          position: fixed;
      }
  }

  /* jobs form submitted notification */
  #p_lt_ctl42_On_lineForm_viewBiz_pM_pMP {
      margin-bottom: 40px;
  }

  .EditingFormErrorLabel {
      color: red;
      display: block;
      margin-bottom: 20px;
  }