@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Light.eot");
  src: local("Montserrat Light"), local("Montserrat-Light"), url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; 
}

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; 
}

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Black.eot");
  src: local("Montserrat Black"), local("Montserrat-Black"), url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; 
}

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Bold.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; 
}

@font-face {
  font-family: "YAicons";
	src: url("../fonts/yaicons.eot?#iefix");
  src: url("../fonts/yaicons.eot?#iefix") format("eot"), url("../fonts/yaicons.woff2") format("woff2"), url("../fonts/yaicons.woff") format("woff"), url("../fonts/yaicons.ttf") format("truetype");
}

/**
 * Foundation for Sites by ZURB
 * Version 6.2.2
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ 
}

/**
   * Remove default margin.
   */
body {
  margin: 0; 
}

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
   aside,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   main,
   menu,
   nav,
   section,
   summary {
     display: block; 
}

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
   a {
    background-color: transparent; 
  }
  
  /**
     * Improve readability of focused elements when they are also in an
     * active/hover state.
     */
  a:active,
  a:hover {
    outline: 0; 
  }

  /**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0; 
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */

   button {
    overflow: visible;
  }
  
  
  /**
       * Address inconsistent `text-transform` inheritance for `button` and `select`.
       * All other form control elements do not inherit `text-transform` values.
       * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
       * Correct `select` style inheritance in Firefox.
       */
  
  button,
  select {
    text-transform: none;
  }

  html {
    font-size: 100%;
    box-sizing: border-box;
  }

  *,
  *::before,
  *::after {
    box-sizing: inherit; 
  }
  
  body {
    padding: 0;
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    line-height: 1.5;
    color: #393733;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle; 
  }

  button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
  }

  select {
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cbcbcb;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #393733;
    background-color: #fff;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2857, 55, 51%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 1.5rem;
    width: 100%;
    border-radius: 0;
  }
  
  [data-whatinput='mouse'] button {
    outline: 0;
  }
  
  .is-visible {
    display: block !important;
  }
  
  .is-hidden {
    display: none !important;
  }
  
  .row{
    max-width: 81.25rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .row::before,
  .row::after{
    content: ' ';
    display: table;
  }
  
  .row::after{
    clear: both;
  }
  
  .row.collapse>.column,
  .row.collapse>.columns{
    padding-left: 0;
    padding-right: 0;
  }
  
  .row .row{
    max-width: none;
    margin-left: -0.4375rem;
    margin-right: -0.4375rem;
  }
  
  @media screen and (min-width: 48em) {
    .row .row {
      margin-left: -0.6875rem;
      margin-right: -0.6875rem;
    }
  }
  
  @media screen and (min-width: 64em) {
    .row .row {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem;
    }
  }
  
  .row .row.collapse {
    margin-left: 0;
    margin-right: 0;
  }
  
  .row.expanded {
    max-width: none;
  }
  
  .row.expanded .row {
    margin-left: auto;
    margin-right: auto;
  }

hr {
    max-width: 81.25rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #e1ecf1;
    border-left: 0;
    margin: initial;
    clear: both;
    box-sizing: content-box;
}

hr.expanded {
	margin-bottom: 14px;
	margin-top: 14px;
}

@media screen and (min-width: 48em) {
	hr.expanded {
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	hr.expanded {
		margin-bottom: 30px;
	}
}
  
  .column,
  .columns{
    width: 100%;
    float: left;
    padding-left: 0.4375rem;
    padding-right: 0.4375rem;
  }
  
  @media screen and (min-width: 48em) {
    .column,
    .columns{
      padding-left: 0.6875rem;
      padding-right: 0.6875rem;
    }
  }
  
  @media screen and (min-width: 64em) {
    .column,
    .columns {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
    }
  }
  
  .column:last-child:not(:first-child),
  .columns:last-child:not(:first-child),
  .aem-GridColumn:last-child:not(:first-child) {
    float: right;
  }
  
  .column.end:last-child:last-child,
  .end.columns:last-child:last-child{
    float: left;
  }
  
  .column.row.row,
  .row.row.columns {
    float: none;
  }
  
  .row .column.row.row {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  
  .small-1{
    width: 8.3333333333%;
  }
  
  .small-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  
  .small-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  
  .small-offset-0 {
    margin-left: 0%;
  }
  
  .small-2 {
    width: 16.6666666667%;
  }
  
  .small-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  
  .small-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  
  .small-offset-1 {
    margin-left: 8.3333333333%;
  }
  
  .small-3{
    width: 25%;
  }
  
  .small-push-3 {
    position: relative;
    left: 25%;
  }
  
  .small-pull-3 {
    position: relative;
    left: -25%;
  }
  
  .small-offset-2 {
    margin-left: 16.6666666667%;
  }
  
  .small-4 {
    width: 33.3333333333%;
  }
  
  .small-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  
  .small-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  
  .small-offset-3 {
    margin-left: 25%;
  }
  
  .small-5{
    width: 41.6666666667%;
  }
  
  .small-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  
  .small-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  
  .small-offset-4 {
    margin-left: 33.3333333333%;
  }
  
  .small-6 {
    width: 50%;
  }
  
  .small-push-6 {
    position: relative;
    left: 50%;
  }
  
  .small-pull-6 {
    position: relative;
    left: -50%;
  }
  
  .small-offset-5 {
    margin-left: 41.6666666667%;
  }
  
  .small-7{
    width: 58.3333333333%;
  }
  
  .small-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  
  .small-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  
  .small-offset-6 {
    margin-left: 50%;
  }
  
  .small-8{
    width: 66.6666666667%;
  }
  
  .small-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  
  .small-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  
  .small-offset-7 {
    margin-left: 58.3333333333%;
  }
  
  .small-9{
    width: 75%;
  }
  
  .small-push-9 {
    position: relative;
    left: 75%;
  }
  
  .small-pull-9 {
    position: relative;
    left: -75%;
  }
  
  .small-offset-8 {
    margin-left: 66.6666666667%;
  }
  
  .small-10{
    width: 83.3333333333%;
  }
  
  .small-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  
  .small-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  
  .small-offset-9 {
    margin-left: 75%;
  }
  
  .small-11{
    width: 91.6666666667%;
  }
  
  .small-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  
  .small-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  
  .small-offset-10 {
    margin-left: 83.3333333333%;
  }
  
  .small-12{
    width: 100%;
  }
  
  .small-offset-11 {
    margin-left: 91.6666666667%;
  }
  
  .small-up-1>.column,
  .small-up-1>.columns {
    width: 100%;
    float: left;
  }
  
  .small-up-1>.column:nth-of-type(1n),
  .small-up-1>.columns:nth-of-type(1n){
    clear: none;
  }
  
  .small-up-1>.column:nth-of-type(1n+1),
  .small-up-1>.columns:nth-of-type(1n+1) {
    clear: both;
  }
  
  .small-up-1>.column:last-child,
  .small-up-1>.columns:last-child {
    float: left;
  }
  
  .small-up-2>.column,
  .small-up-2>.columns,
  .small-up-2>.aem-GridColumn {
    width: 50%;
    float: left;
  }
  
  .small-up-2>.column:nth-of-type(1n),
  .small-up-2>.columns:nth-of-type(1n),
  .small-up-2>.aem-GridColumn:nth-of-type(1n) {
    clear: none;
  }
  
  .small-up-2>.column:nth-of-type(2n+1),
  .small-up-2>.columns:nth-of-type(2n+1),
  .small-up-2>.aem-GridColumn:nth-of-type(2n+1) {
    clear: both;
  }
  
  .small-up-2>.column:last-child,
  .small-up-2>.columns:last-child,
  .small-up-2>.aem-GridColumn:last-child {
    float: left;
  }
  
  .small-up-3>.column,
  .small-up-3>.columns,
  .small-up-3>.aem-GridColumn {
    width: 33.3333333333%;
    float: left;
  }
  
  .small-up-3>.column:nth-of-type(1n),
  .small-up-3>.columns:nth-of-type(1n),
  .small-up-3>.aem-GridColumn:nth-of-type(1n) {
    clear: none;
  }
  
  .small-up-3>.column:nth-of-type(3n+1),
  .small-up-3>.columns:nth-of-type(3n+1),
  .small-up-3>.aem-GridColumn:nth-of-type(3n+1) {
    clear: both;
  }
  
  .small-up-3>.column:last-child,
  .small-up-3>.columns:last-child,
  .small-up-3>.aem-GridColumn:last-child {
    float: left;
  }
  
  .small-up-4>.column,
  .small-up-4>.columns,
  .small-up-4>.aem-GridColumn {
    width: 25%;
    float: left;
  }
  
  .small-up-4>.column:nth-of-type(1n),
  .small-up-4>.columns:nth-of-type(1n),
  .small-up-4>.aem-GridColumn:nth-of-type(1n) {
    clear: none;
  }
  
  .small-up-4>.column:nth-of-type(4n+1),
  .small-up-4>.columns:nth-of-type(4n+1),
  .small-up-4>.aem-GridColumn:nth-of-type(4n+1) {
    clear: both;
  }
  
  .small-up-4>.column:last-child,
  .small-up-4>.columns:last-child,
  .small-up-4>.aem-GridColumn:last-child {
    float: left;
  }
  
  .small-up-5>.column,
  .small-up-5>.columns,
  .small-up-5>.aem-GridColumn {
    width: 20%;
    float: left;
  }
  
  .small-up-5>.column:nth-of-type(1n),
  .small-up-5>.columns:nth-of-type(1n),
  .small-up-5>.aem-GridColumn:nth-of-type(1n) {
    clear: none;
  }
  
  .small-up-5>.column:nth-of-type(5n+1),
  .small-up-5>.columns:nth-of-type(5n+1),
  .small-up-5>.aem-GridColumn:nth-of-type(5n+1) {
    clear: both;
  }
  
  .small-up-5>.column:last-child,
  .small-up-5>.columns:last-child,
  .small-up-5>.aem-GridColumn:last-child {
    float: left;
  }
  
  .small-up-6>.column,
  .small-up-6>.columns,
  .small-up-6>.aem-GridColumn {
    width: 16.6666666667%;
    float: left;
  }
  
  .small-up-6>.column:nth-of-type(1n),
  .small-up-6>.columns:nth-of-type(1n),
  .small-up-6>.aem-GridColumn:nth-of-type(1n) {
    clear: none;
  }
  
  .small-up-6>.column:nth-of-type(6n+1),
  .small-up-6>.columns:nth-of-type(6n+1),
  .small-up-6>.aem-GridColumn:nth-of-type(6n+1) {
    clear: both;
  }
  
  .small-up-6>.column:last-child,
  .small-up-6>.columns:last-child,
  .small-up-6>.aem-GridColumn:last-child {
    float: left;
  }
  
  .small-up-7>.column,
  .small-up-7>.columns,
  .small-up-7>.aem-GridColumn {
    width: 14.2857142857%;
    float: left;
  }
  
  .small-up-7>.column:nth-of-type(1n),
  .small-up-7>.columns:nth-of-type(1n),
  .small-up-7>.aem-GridColumn:nth-of-type(1n) {
    clear: none;
  }
  
  .small-up-7>.column:nth-of-type(7n+1),
  .small-up-7>.columns:nth-of-type(7n+1),
  .small-up-7>.aem-GridColumn:nth-of-type(7n+1) {
    clear: both;
  }
  
  .small-up-7>.column:last-child,
  .small-up-7>.columns:last-child,
  .small-up-7>.aem-GridColumn:last-child {
    float: left;
  }
  
  .small-up-8>.column,
  .small-up-8>.columns,
  .small-up-8>.aem-GridColumn {
    width: 12.5%;
    float: left;
  }
  
  .small-up-8>.column:nth-of-type(1n),
  .small-up-8>.columns:nth-of-type(1n),
  .small-up-8>.aem-GridColumn:nth-of-type(1n) {
    clear: none;
  }
  
  .small-up-8>.column:nth-of-type(8n+1),
  .small-up-8>.columns:nth-of-type(8n+1),
  .small-up-8>.aem-GridColumn:nth-of-type(8n+1) {
    clear: both;
  }
  
  .small-up-8>.column:last-child,
  .small-up-8>.columns:last-child,
  .small-up-8>.aem-GridColumn:last-child {
    float: left;
  }
  
  .small-collapse>.column,
  .small-collapse>.columns,
  .small-collapse>.aem-GridColumn {
    padding-left: 0;
    padding-right: 0;
  }
  
  .small-collapse .row,
  .small-collapse .aem-Grid,
  .expanded.row .small-collapse.row,
  .expanded.aem-Grid .small-collapse.row,
  .expanded.row .small-collapse.aem-Grid,
  .expanded.aem-Grid .small-collapse.aem-Grid {
    margin-left: 0;
    margin-right: 0;
  }
  
  .small-uncollapse>.column,
  .small-uncollapse>.columns,
  .small-uncollapse>.aem-GridColumn {
    padding-left: 0.4375rem;
    padding-right: 0.4375rem;
  }
  
  .small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  
  .small-uncentered,
  .small-push-0,
  .small-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
  
  @media screen and (min-width: 48em) {
    .medium-1,
    .aem-GridColumn--medium--1 {
      width: 8.3333333333%;
    }
    .medium-push-1 {
      position: relative;
      left: 8.3333333333%;
    }
    .medium-pull-1 {
      position: relative;
      left: -8.3333333333%;
    }
    .medium-offset-0 {
      margin-left: 0%;
    }
    .medium-2,
    .aem-GridColumn--medium--2 {
      width: 16.6666666667%;
    }
    .medium-push-2 {
      position: relative;
      left: 16.6666666667%;
    }
    .medium-pull-2 {
      position: relative;
      left: -16.6666666667%;
    }
    .medium-offset-1 {
      margin-left: 8.3333333333%;
    }
    .medium-3,
    .col-md-3 {
      width: 25%;
    }
    .medium-push-3 {
      position: relative;
      left: 25%;
    }
    .medium-pull-3 {
      position: relative;
      left: -25%;
    }
    .medium-offset-2 {
      margin-left: 16.6666666667%;
    }
    .medium-4,
    .col-md-4 {
      width: 33.3333333333%;
    }
    .medium-push-4 {
      position: relative;
      left: 33.3333333333%;
    }
    .medium-pull-4 {
      position: relative;
      left: -33.3333333333%;
    }
    .medium-offset-3 {
      margin-left: 25%;
    }
    .medium-5,
    .aem-GridColumn--medium--5 {
      width: 41.6666666667%;
    }
    .medium-push-5 {
      position: relative;
      left: 41.6666666667%;
    }
    .medium-pull-5 {
      position: relative;
      left: -41.6666666667%;
    }
    .medium-offset-4 {
      margin-left: 33.3333333333%;
    }
    .medium-6,
    .col-md-6 {
      width: 50%;
    }
    .medium-push-6 {
      position: relative;
      left: 50%;
    }
    .medium-pull-6 {
      position: relative;
      left: -50%;
    }
    .medium-offset-5 {
      margin-left: 41.6666666667%;
    }
    .medium-7,
    .aem-GridColumn--medium--7 {
      width: 58.3333333333%;
    }
    .medium-push-7 {
      position: relative;
      left: 58.3333333333%;
    }
    .medium-pull-7 {
      position: relative;
      left: -58.3333333333%;
    }
    .medium-offset-6 {
      margin-left: 50%;
    }
    .medium-8,
    .col-md-8 {
      width: 66.6666666667%;
    }
    .medium-push-8 {
      position: relative;
      left: 66.6666666667%;
    }
    .medium-pull-8 {
      position: relative;
      left: -66.6666666667%;
    }
    .medium-offset-7 {
      margin-left: 58.3333333333%;
    }
    .medium-9,
    .col-md-9 {
      width: 75%;
    }
    .medium-push-9 {
      position: relative;
      left: 75%;
    }
    .medium-pull-9 {
      position: relative;
      left: -75%;
    }
    .medium-offset-8 {
      margin-left: 66.6666666667%;
    }
    .medium-10,
    .aem-GridColumn--medium--10 {
      width: 83.3333333333%;
    }
    .medium-push-10 {
      position: relative;
      left: 83.3333333333%;
    }
    .medium-pull-10 {
      position: relative;
      left: -83.3333333333%;
    }
    .medium-offset-9 {
      margin-left: 75%;
    }
    .medium-11,
    .aem-GridColumn--medium--11 {
      width: 91.6666666667%;
    }
    .medium-push-11 {
      position: relative;
      left: 91.6666666667%;
    }
    .medium-pull-11 {
      position: relative;
      left: -91.6666666667%;
    }
    .medium-offset-10 {
      margin-left: 83.3333333333%;
    }
    .medium-12,
    .col-md-12 {
      width: 100%;
    }
    .medium-offset-11 {
      margin-left: 91.6666666667%;
    }
    .medium-up-1>.column,
    .medium-up-1>.columns,
    .medium-up-1>.aem-GridColumn {
      width: 100%;
      float: left;
    }
    .medium-up-1>.column:nth-of-type(1n),
    .medium-up-1>.columns:nth-of-type(1n),
    .medium-up-1>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+1),
    .medium-up-1>.aem-GridColumn:nth-of-type(1n+1) {
      clear: both;
    }
    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child,
    .medium-up-1>.aem-GridColumn:last-child {
      float: left;
    }
    .medium-up-2>.column,
    .medium-up-2>.columns,
    .medium-up-2>.aem-GridColumn {
      width: 50%;
      float: left;
    }
    .medium-up-2>.column:nth-of-type(1n),
    .medium-up-2>.columns:nth-of-type(1n),
    .medium-up-2>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .medium-up-2>.column:nth-of-type(2n+1),
    .medium-up-2>.columns:nth-of-type(2n+1),
    .medium-up-2>.aem-GridColumn:nth-of-type(2n+1) {
      clear: both;
    }
    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child,
    .medium-up-2>.aem-GridColumn:last-child {
      float: left;
    }
    .medium-up-3>.column,
    .medium-up-3>.columns,
    .medium-up-3>.aem-GridColumn {
      width: 33.3333333333%;
      float: left;
    }
    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n),
    .medium-up-3>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1),
    .medium-up-3>.aem-GridColumn:nth-of-type(3n+1) {
      clear: both;
    }
    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child,
    .medium-up-3>.aem-GridColumn:last-child {
      float: left;
    }
    .medium-up-4>.column,
    .medium-up-4>.columns,
    .medium-up-4>.aem-GridColumn {
      width: 25%;
      float: left;
    }
    .medium-up-4>.column:nth-of-type(1n),
    .medium-up-4>.columns:nth-of-type(1n),
    .medium-up-4>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1),
    .medium-up-4>.aem-GridColumn:nth-of-type(4n+1) {
      clear: both;
    }
    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child,
    .medium-up-4>.aem-GridColumn:last-child {
      float: left;
    }
    .medium-up-5>.column,
    .medium-up-5>.columns,
    .medium-up-5>.aem-GridColumn {
      width: 20%;
      float: left;
    }
    .medium-up-5>.column:nth-of-type(1n),
    .medium-up-5>.columns:nth-of-type(1n),
    .medium-up-5>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1),
    .medium-up-5>.aem-GridColumn:nth-of-type(5n+1) {
      clear: both;
    }
    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child,
    .medium-up-5>.aem-GridColumn:last-child {
      float: left;
    }
    .medium-up-6>.column,
    .medium-up-6>.columns,
    .medium-up-6>.aem-GridColumn {
      width: 16.6666666667%;
      float: left;
    }
    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n),
    .medium-up-6>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1),
    .medium-up-6>.aem-GridColumn:nth-of-type(6n+1) {
      clear: both;
    }
    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child,
    .medium-up-6>.aem-GridColumn:last-child {
      float: left;
    }
    .medium-up-7>.column,
    .medium-up-7>.columns,
    .medium-up-7>.aem-GridColumn {
      width: 14.2857142857%;
      float: left;
    }
    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n),
    .medium-up-7>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1),
    .medium-up-7>.aem-GridColumn:nth-of-type(7n+1) {
      clear: both;
    }
    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child,
    .medium-up-7>.aem-GridColumn:last-child {
      float: left;
    }
    .medium-up-8>.column,
    .medium-up-8>.columns,
    .medium-up-8>.aem-GridColumn {
      width: 12.5%;
      float: left;
    }
    .medium-up-8>.column:nth-of-type(1n),
    .medium-up-8>.columns:nth-of-type(1n),
    .medium-up-8>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1),
    .medium-up-8>.aem-GridColumn:nth-of-type(8n+1) {
      clear: both;
    }
    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child,
    .medium-up-8>.aem-GridColumn:last-child {
      float: left;
    }
    .medium-collapse>.column,
    .medium-collapse>.columns,
    .medium-collapse>.aem-GridColumn {
      padding-left: 0;
      padding-right: 0;
    }
    .medium-collapse .row,
    .medium-collapse .aem-Grid,
    .expanded.row .medium-collapse.row,
    .expanded.aem-Grid .medium-collapse.row,
    .expanded.row .medium-collapse.aem-Grid,
    .expanded.aem-Grid .medium-collapse.aem-Grid {
      margin-left: 0;
      margin-right: 0;
    }
    .medium-uncollapse>.column,
    .medium-uncollapse>.columns,
    .medium-uncollapse>.aem-GridColumn {
      padding-left: 0.6875rem;
      padding-right: 0.6875rem;
    }
    .medium-centered {
      float: none;
      margin-left: auto;
      margin-right: auto;
    }
    .medium-uncentered,
    .medium-push-0,
    .medium-pull-0 {
      position: static;
      margin-left: 0;
      margin-right: 0;
      float: left;
    }
  }
  
  @media screen and (min-width: 64em) {
    .large-1,
    .aem-GridColumn--default--1 {
      width: 8.3333333333%;
    }
    .large-push-1 {
      position: relative;
      left: 8.3333333333%;
    }
    .large-pull-1 {
      position: relative;
      left: -8.3333333333%;
    }
    .large-offset-0 {
      margin-left: 0%;
    }
    .large-2,
    .aem-GridColumn--default--2 {
      width: 16.6666666667%;
    }
    .large-push-2 {
      position: relative;
      left: 16.6666666667%;
    }
    .large-pull-2 {
      position: relative;
      left: -16.6666666667%;
    }
    .large-offset-1 {
      margin-left: 8.3333333333%;
    }
    .large-3,
    .aem-GridColumn--default--3 {
      width: 25%;
    }
    .large-push-3 {
      position: relative;
      left: 25%;
    }
    .large-pull-3 {
      position: relative;
      left: -25%;
    }
    .large-offset-2 {
      margin-left: 16.6666666667%;
    }
    .large-4,
    .aem-GridColumn--default--4 {
      width: 33.3333333333%;
    }
    .large-push-4 {
      position: relative;
      left: 33.3333333333%;
    }
    .large-pull-4 {
      position: relative;
      left: -33.3333333333%;
    }
    .large-offset-3 {
      margin-left: 25%;
    }
    .large-5,
    .aem-GridColumn--default--5 {
      width: 41.6666666667%;
    }
    .large-push-5 {
      position: relative;
      left: 41.6666666667%;
    }
    .large-pull-5 {
      position: relative;
      left: -41.6666666667%;
    }
    .large-offset-4 {
      margin-left: 33.3333333333%;
    }
    .large-6,
    .aem-GridColumn--default--6 {
      width: 50%;
    }
    .large-push-6 {
      position: relative;
      left: 50%;
    }
    .large-pull-6 {
      position: relative;
      left: -50%;
    }
    .large-offset-5 {
      margin-left: 41.6666666667%;
    }
    .large-7,
    .aem-GridColumn--default--7 {
      width: 58.3333333333%;
    }
    .large-push-7 {
      position: relative;
      left: 58.3333333333%;
    }
    .large-pull-7 {
      position: relative;
      left: -58.3333333333%;
    }
    .large-offset-6 {
      margin-left: 50%;
    }
    .large-8,
    .aem-GridColumn--default--8 {
      width: 66.6666666667%;
    }
    .large-push-8 {
      position: relative;
      left: 66.6666666667%;
    }
    .large-pull-8 {
      position: relative;
      left: -66.6666666667%;
    }
    .large-offset-7 {
      margin-left: 58.3333333333%;
    }
    .large-9,
    .aem-GridColumn--default--9 {
      width: 75%;
    }
    .large-push-9 {
      position: relative;
      left: 75%;
    }
    .large-pull-9 {
      position: relative;
      left: -75%;
    }
    .large-offset-8 {
      margin-left: 66.6666666667%;
    }
    .large-10,
    .aem-GridColumn--default--10 {
      width: 83.3333333333%;
    }
    .large-push-10 {
      position: relative;
      left: 83.3333333333%;
    }
    .large-pull-10 {
      position: relative;
      left: -83.3333333333%;
    }
    .large-offset-9 {
      margin-left: 75%;
    }
    .large-11,
    .aem-GridColumn--default--11 {
      width: 91.6666666667%;
    }
    .large-push-11 {
      position: relative;
      left: 91.6666666667%;
    }
    .large-pull-11 {
      position: relative;
      left: -91.6666666667%;
    }
    .large-offset-10 {
      margin-left: 83.3333333333%;
    }
    .large-12,
    .aem-GridColumn--default--12 {
      width: 100%;
    }
    .large-offset-11 {
      margin-left: 91.6666666667%;
    }
    .large-up-1>.column,
    .large-up-1>.columns,
    .large-up-1>.aem-GridColumn {
      width: 100%;
      float: left;
    }
    .large-up-1>.column:nth-of-type(1n),
    .large-up-1>.columns:nth-of-type(1n),
    .large-up-1>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+1),
    .large-up-1>.aem-GridColumn:nth-of-type(1n+1) {
      clear: both;
    }
    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child,
    .large-up-1>.aem-GridColumn:last-child {
      float: left;
    }
    .large-up-2>.column,
    .large-up-2>.columns,
    .large-up-2>.aem-GridColumn {
      width: 50%;
      float: left;
    }
    .large-up-2>.column:nth-of-type(1n),
    .large-up-2>.columns:nth-of-type(1n),
    .large-up-2>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .large-up-2>.column:nth-of-type(2n+1),
    .large-up-2>.columns:nth-of-type(2n+1),
    .large-up-2>.aem-GridColumn:nth-of-type(2n+1) {
      clear: both;
    }
    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child,
    .large-up-2>.aem-GridColumn:last-child {
      float: left;
    }
    .large-up-3>.column,
    .large-up-3>.columns,
    .large-up-3>.aem-GridColumn {
      width: 33.3333333333%;
      float: left;
    }
    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n),
    .large-up-3>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1),
    .large-up-3>.aem-GridColumn:nth-of-type(3n+1) {
      clear: both;
    }
    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child,
    .large-up-3>.aem-GridColumn:last-child {
      float: left;
    }
    .large-up-4>.column,
    .large-up-4>.columns,
    .large-up-4>.aem-GridColumn {
      width: 25%;
      float: left;
    }
    .large-up-4>.column:nth-of-type(1n),
    .large-up-4>.columns:nth-of-type(1n),
    .large-up-4>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1),
    .large-up-4>.aem-GridColumn:nth-of-type(4n+1) {
      clear: both;
    }
    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child,
    .large-up-4>.aem-GridColumn:last-child {
      float: left;
    }
    .large-up-5>.column,
    .large-up-5>.columns,
    .large-up-5>.aem-GridColumn {
      width: 20%;
      float: left;
    }
    .large-up-5>.column:nth-of-type(1n),
    .large-up-5>.columns:nth-of-type(1n),
    .large-up-5>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1),
    .large-up-5>.aem-GridColumn:nth-of-type(5n+1) {
      clear: both;
    }
    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child,
    .large-up-5>.aem-GridColumn:last-child {
      float: left;
    }
    .large-up-6>.column,
    .large-up-6>.columns,
    .large-up-6>.aem-GridColumn {
      width: 16.6666666667%;
      float: left;
    }
    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n),
    .large-up-6>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1),
    .large-up-6>.aem-GridColumn:nth-of-type(6n+1) {
      clear: both;
    }
    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child,
    .large-up-6>.aem-GridColumn:last-child {
      float: left;
    }
    .large-up-7>.column,
    .large-up-7>.columns,
    .large-up-7>.aem-GridColumn {
      width: 14.2857142857%;
      float: left;
    }
    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n),
    .large-up-7>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1),
    .large-up-7>.aem-GridColumn:nth-of-type(7n+1) {
      clear: both;
    }
    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child,
    .large-up-7>.aem-GridColumn:last-child {
      float: left;
    }
    .large-up-8>.column,
    .large-up-8>.columns,
    .large-up-8>.aem-GridColumn {
      width: 12.5%;
      float: left;
    }
    .large-up-8>.column:nth-of-type(1n),
    .large-up-8>.columns:nth-of-type(1n),
    .large-up-8>.aem-GridColumn:nth-of-type(1n) {
      clear: none;
    }
    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1),
    .large-up-8>.aem-GridColumn:nth-of-type(8n+1) {
      clear: both;
    }
    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child,
    .large-up-8>.aem-GridColumn:last-child {
      float: left;
    }
    .large-collapse>.column,
    .large-collapse>.columns,
    .large-collapse>.aem-GridColumn {
      padding-left: 0;
      padding-right: 0;
    }
    .large-collapse .row,
    .large-collapse .aem-Grid,
    .expanded.row .large-collapse.row,
    .expanded.aem-Grid .large-collapse.row,
    .expanded.row .large-collapse.aem-Grid,
    .expanded.aem-Grid .large-collapse.aem-Grid {
      margin-left: 0;
      margin-right: 0;
    }
    .large-uncollapse>.column,
    .large-uncollapse>.columns,
    .large-uncollapse>.aem-GridColumn {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
    }
    .large-centered {
      float: none;
      margin-left: auto;
      margin-right: auto;
    }
    .large-uncentered,
    .large-push-0,
    .large-pull-0 {
      position: static;
      margin-left: 0;
      margin-right: 0;
      float: left;
    }
  }
  
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  p,
  blockquote,
  th,
  td {
    margin: 0;
    padding: 0;
  }
  
  p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: initial;
    text-rendering: optimizeLegibility;
  }
  
  em,
  i {
    font-style: italic;
    line-height: inherit;
  }
  
  strong,
  b {
    font-weight: bold;
    line-height: inherit;
  }
  
  small {
    font-size: 80%;
    line-height: inherit;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #002c65;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: initial;
    line-height: initial;
  }
  
  h1 {
    font-size: 2rem;
  }
  
  h2 {
    font-size: 1.5rem;
  }
  
  h3 {
    font-size: 1.25rem;
  }
  
  h4 {
    font-size: 0.875rem;
  }
  
  h5 {
    font-size: 0.875rem;
  }
  
  h6 {
    font-size: 0.8125rem;
  }
  
  h7 {
    font-size: 0.5625rem;
  }
  
  h8 {
    font-size: 1.125rem;
  }
  
  @media screen and (min-width: 48em) {
    h1 {
      font-size: 2.75rem;
    }
    h2 {
      font-size: 2rem;
    }
    h3 {
      font-size: 1.625rem;
    }
    h4 {
      font-size: 1rem;
    }
    h5 {
      font-size: 1rem;
    }
    h6 {
      font-size: 0.875rem;
    }
    h7 {
      font-size: 0.625rem;
    }
    h8 {
      font-size: 2.25rem;
    }
  }
  
  @media screen and (min-width: 64em) {
    h1 {
      font-size: 3.75rem;
    }
    h2 {
      font-size: 2.5rem;
    }
    h3 {
      font-size: 1.875rem;
    }
    h4 {
      font-size: 1.125rem;
    }
    h5 {
      font-size: 1rem;
    }
    h6 {
      font-size: 0.875rem;
    }
    h7 {
      font-size: 0.625rem;
    }
    h8 {
      font-size: 2.875rem;
    }
  }

  h3,
.h3 {
	margin-top: 7px;
	margin-bottom: 18.2px;
	font-weight: 400;
  line-height: 1.75rem;
	font-size: 1.25rem;  
}

@media screen and (min-width: 48em) {
	h3,
	.h3 {
    margin-top: 11px;
		margin-bottom: 28.6px;    
	}
}

@media screen and (min-width: 64em) {
	h3,
	.h3 {
    margin-top: 15px;
		margin-bottom: 39px;    
	}
}

  h4,
.h4 {
	margin-top: 7px;
	margin-bottom: 18.2px;
	font-weight: 400;
	line-height: 1rem;
}

@media screen and (min-width: 48em) {
	h4,
	.h4 {
    margin-top: 11px;
		margin-bottom: 28.6px;    
	}
}

@media screen and (min-width: 64em) {
	h4,
	.h4 {
    margin-top: 15px;
		margin-bottom: 39px;    
	}
}

.h4 {
	font-size: 0.875rem;
}

  h5,
.h5 {
	margin-top: 7px;
	margin-bottom: 18.2px;
	font-weight: 500;
	line-height: 1.25rem;
}

@media screen and (min-width: 48em) {
	h5,
	.h5 {
    margin-top: 11px;
		margin-bottom: 28.6px;    
	}
}

@media screen and (min-width: 64em) {
	h5,
	.h5 {
		margin-top: 15px;
		margin-bottom: 39px;
	}
}

.h5 {
	font-size: 0.875rem;
}

h6,
.h6, .filters__selected-filters  {
	margin-top: 7px;
	margin-bottom: 18.2px;
	font-weight: 500;
	line-height: 1.125rem;
}

@media screen and (min-width: 48em) {
	h6,
	.h6, .filters__selected-filters  {
    margin-top: 11px;
		margin-bottom: 28.6px;    
	}
}

@media screen and (min-width: 64em) {
	h6,
	.h6, .filters__selected-filters  {
    margin-top: 15px;
		margin-bottom: 39px;    
	}
}

.h6 {
	font-size: 0.8125rem;
}


h7,
.h7,
.filters__filter-show-hide .button__text {
	margin-top: 7px;
	margin-bottom: 18.2px;
	font-weight: 600;
	line-height: 0.75rem;
}

@media screen and (min-width: 48em) {
	h7,
	.h7,
	.filters__filter-show-hide .button__text {
    margin-top: 11px;
		margin-bottom: 28.6px;    
	}
}

@media screen and (min-width: 64em) {
	h7,
	.h7,
	.filters__filter-show-hide .button__text {
    margin-top: 15px;
		margin-bottom: 39px;    
	}
}

.h7,
.filters__filter-show-hide .button__text {
	font-size: 0.5625rem;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.h1,h1 {
  margin-top: 14px;
  margin-bottom: 28px;
  font-weight: 400;
  line-height: 2.375rem;
}

@media screen and (min-width:48em) {
  .h1,h1 {
    margin-top: 22px;
    margin-bottom: 44px;
  }
}

@media screen and (min-width:64em) {
  .h1,h1 {
    margin-top: 30px;
    margin-bottom: 60px;
  }
}

.h1 {
  font-size: 2rem;
}

h2,
.h2 {
	margin-top: 7px;
	margin-bottom: 18.2px;
	font-weight: 300;
}

@media screen and (min-width: 48em) {
	h2,
	.h2 {
    margin-top: 11px;
    margin-bottom: 28.6px;    
	  line-height: 3.5rem;    
	}
}

@media screen and (min-width: 64em) {
	h2,
	.h2 {
		margin-top: 15px;
    margin-bottom: 39px;
	  line-height: 3.5rem;    
	}
}
  
  a {
    color: #1a6ed1;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
  }
  
  a img {
    border: 0;
  }
  
  ul,
  ol,
  dl {
    line-height: inherit;
    margin-bottom: initial;
    list-style-position: outside;
  }
  
  li {
    font-size: inherit;
  }
  
  ul {
    list-style-type: disc;
    margin-left: initial;
  }
  
  ol {
    margin-left: initial;
  }
  
  ul ul,
  ol ul,
  ul ol,
  ol ol {
    margin-left: initial;
    margin-bottom: 0;
  }
  
  dl {
    margin-bottom: initial;
  }
  
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
  }
  
  blockquote {
    margin: 0 0 initial;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #777;
  }
  
  blockquote,
  blockquote p {
    line-height: inherit;
    color: #424242;
  }
  
  cite {
    display: block;
    font-size: 0.8125rem;
    color: #424242;
  }
  
  cite:before {
    content: '\2014 \0020';
  }
  
  abbr {
    color: #424242;
    cursor: help;
    border-bottom: 1px dotted #000;
  }
  
  code {
    font-family: Consolas, monospace;
    font-weight: 300;
    color: #000;
    background-color: #e7e7e7;
    border: 1px solid #777;
    padding: 0.125rem 0.3125rem 0.0625rem;
  }
  
  kbd {
    padding: 0.125rem 0.25rem 0;
    margin: 0;
    background-color: #e7e7e7;
    color: #000;
    font-family: Consolas, monospace;
  }
  
  .subheader {
    margin-top: initial;
    margin-bottom: initial;
    font-weight: inherit;
    line-height: initial;
    color: inherit;
  }
  
  .lead {
    font-size: 1.25em;
    line-height: 1.25;
  }
  
  .stat {
    font-size: 2.5rem;
    line-height: 1;
  }
  
  p+.stat {
    margin-top: -1rem;
  }
  
  .no-bullet,
  ul.unstyled {
    margin-left: 0;
    list-style: none;
  }
  
  .text-left {
    text-align: left;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-justify {
    text-align: justify;
  }
  
  @media screen and (min-width: 48em) {
    .medium-text-left {
      text-align: left;
    }
    .medium-text-right {
      text-align: right;
    }
    .medium-text-center {
      text-align: center;
    }
    .medium-text-justify {
      text-align: justify;
    }
  }
  
  @media screen and (min-width: 64em) {
    .large-text-left {
      text-align: left;
    }
    .large-text-right {
      text-align: right;
    }
    .large-text-center {
      text-align: center;
    }
    .large-text-justify {
      text-align: justify;
    }
  }

/**
 * Header
 */
.header {
	height: 54px;
	position: relative;
	z-index: 110;
}

.header a:hover,
.header a:focus {
	text-decoration: none;
}

.header ul,
.header li {
	list-style: none;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.header li {
	display: inline-block;
}

.header__inner {
	background-color: #fff;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	height: 54px;
	left: 0;
	position: fixed;
	top: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

@media screen and (min-width: 48em) {
	.header__inner {
		height: auto;
		position: static;
	}
}

.header__wrapper {
	margin: 0 auto;
	max-width: 81.25rem;
	height: inherit;
}

@media screen and (min-width: 48em) {
	.header__wrapper {
		padding-left: 11px;
		padding-right: 11px;
	}
}

@media screen and (min-width: 64em) {
	.header__wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.header--sticky .header__wrapper {
	height: 56px;
	position: relative;
}

.header__logo__mobile-menu {
	margin-top: 18px;
	padding-left: 20px;
}

.header__logo__mobile-menu li {
	margin-right: 20px;
}

@media screen and (max-width: 47.9375em) {
	.header__logo__mobile-menu li {
		margin-right: 5px;
	}
}

.header__logo__mobile-menu li:last-child {
	margin-right: 0;
}

.header__logo__mobile-menu a {
	color: #777;
	font-size: 22px;
	text-decoration: none;
}

.header__logo__image {
	text-align: center;
}

.header__logo__image img {
	display: block;
  margin: 0 auto;
  width: 200px;  
}

@media screen and (max-width: 47.9375em) {
	.header__logo__image img {
		margin-top: 15px;
	}
}

@media screen and (max-width: 47.9375em) {
	.header__logo__image--with-name img {
		margin-top: 8px;
		max-width: 64px;
	}
}

@media screen and (min-width: 48em) {
	.header__logo__image {
		text-align: left;
	}
	.header__logo__image img {
		display: inline-block;
		margin: 16px 16px auto auto; 
	}
	.header__logo__image a {
		float: left;
	}
	.header__logo__image span {
		float: left;
		padding-top: 3px;
	}
}

.header--sticky .header__logo__image {
	margin-top: 0;
}

.header--sticky .header__logo__image img {
	width: 165px;
}

.header__logo__text {
	color: #b1b1b1;
	font-family:  Montserrat, sans-serif;
	font-size: 10px;
	font-weight: 200;
	font-style: none;
	display: block;
}

@media screen and (min-width: 48em) {
	.header__logo__text {
		display: inline-block;
		font-size: 26px;
	}
}

@media screen and (min-width: 64em) {
	.header__logo__text {
		font-size: 30px;
	}
}

.header--sticky .header__logo__text {
	display: none;
}

.header__logo__audience {
	text-align: right;
	margin-top: 12px;
}

.header__logo__audience li {
	margin-left: 30px;
}

.header__logo__audience a {
	font-family: Montserrat, sans-serif;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}

.header__logo__audience a:hover {
	color: #fff;
}

.header--sticky .header__logo__audience {
	display: none;
}

@media screen and (min-width: 48em) {
	.header__logo {
		margin-bottom: 16px;
		padding-top: 0px;
	}
}

.header--sticky .header__logo {
	margin-bottom: 0;
	margin-top: 0;
}

.header__navigation {
	clear: both;
}

.header__navigation__main {
	float: left;
	height: 38px;
}

.header__navigation__main,
.header__navigation__main ul {
	font-size: 0;
}

.header__navigation__main li {
	border-bottom: 2px solid transparent;
	cursor: pointer;
	padding-bottom: 20px;
}

.header__navigation__main li:hover a,
.header__navigation__main li.active a {
	background-color: transparent;
	color: #002c65;
}

.header__navigation__main li.active {
	border-bottom: none;
}

.header__navigation__main li.more-dropdown:hover,
.header__navigation__main li.more-dropdown.active {
	border-bottom-color: transparent;
}

.header__navigation__main li a {
	color: #002c65;
	display: block;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	padding: 0;
}

.header__navigation__main li a:hover {
	color: #1a6ed1;
}

@media screen and (min-width: 64em) {
	.header__navigation__main li a {
		font-size: 16px;
	}
}

@media screen and (min-width: 72.5625em) {
	.header__navigation__main li a {
		font-size: 18px;
		line-height: 18px;
	}
}

.header__navigation__main li:first-child a {
	padding-left: 0;
}

@media screen and (orientation: landscape) {
	.header__navigation__main li {
		padding-bottom: 22px;
	}
	.header--sticky .header__navigation__main li {
		padding-bottom: 18px;
	}
}

@media screen and (min-width: 48em) {
	.header__navigation__main li {
		margin-right: 25px;
	}
	.header--sticky .header__navigation__main li {
		margin-right: 25px;
		margin-top: 2px;
		padding-bottom: 16px;
	}
	.header__navigation__main li:last-child {
		margin-right: 0;
	}
}

@media screen and (min-width: 64em) {
	.header--sticky .header__navigation__main li {
		margin-right: 25px;
		margin-top: 5px;
		padding-bottom: 17px;
	}
}

@media screen and (min-width: 72.5625em) {
	.header__navigation__main li {
		margin-right: 35px;
		padding-bottom: 20px;
	}
	.header--sticky .header__navigation__main li {
		margin-top: 3px;
	}
}

@media screen and (min-width: 64em) {
	.header__navigation__main {
		height: 40px;
	}
}

.header__navigation-uac {
	float: right;
	height: 25px;
	text-align: right;
	min-width: 200px;
}

.header__navigation-uac>ul>li {
	margin-left: 35px;
	font-size: 22px;
	vertical-align: middle;
}

.header__navigation-uac>ul>li>a .icon {
	display: block;
}

.header__navigation-uac>ul>li .icon {
	color: #777;
}

.header__navigation-uac>ul>li .icon:hover {
	color: #f78d26;
	text-decoration: none;
}

.header__navigation-uac>ul>li:first-child {
	margin-left: 0;
}

.header__navigation-uac>ul>li>a {
	position: relative;
}

.header__navigation-uac>ul>li>a.is-login.is-loading {
	text-align: center;
	max-width: 14ch;
}

.header__navigation-uac>ul>li>a span.loading-spinner {
	background: rgba(255, 255, 255, 0.5);
}

.header__navigation-uac>ul>li>a span.loading-spinner::before {
	margin-bottom: 14px;
	border-bottom: 0.28em solid rgba(231, 231, 231, 0.3);
	border-left: 0.28em solid rgba(231, 231, 231, 0.3);
	border-right: 0.28em solid rgba(231, 231, 231, 0.3);
	border-top: 0.28em solid #e7e7e7;
	border-radius: 100%;
	height: 1em;
	width: 1em;
	-webkit-animation: spin 0.8s infinite linear;
	animation: spin 0.8s infinite linear;
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -0.5em;
	margin-top: -0.5em;
	top: 50%;
}

@media screen and (min-width: 48em) {
	.header__navigation-uac>ul>li>a span.loading-spinner::before {
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	.header__navigation-uac>ul>li>a span.loading-spinner::before {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 48em) {
	.header__navigation-uac>ul>li {
		margin-left: 25px;
	}
	.header__navigation-uac>ul>li.is-active>a,
	.header__navigation-uac>ul>li.is-active>a .icon {
		color: #f78d26;
	}
	.header__navigation-uac>ul>li>a {
		line-height: 24px;
		margin-bottom: 14px;
		padding: 0 !important;
	}
	.header__navigation-uac>ul>li>a::after {
		display: none !important;
	}
}

@media screen and (min-width: 64em) {
	.header__navigation-uac>ul>li>a {
		line-height: 26px;
	}
}

.header__navigation-uac-link {
	color: #777;
	font-family: "Oswald", Arial, sans-serif;
	font-size: 22px;
	line-height: 18px;
}

.header__navigation-uac-link:hover {
	color: #f78d26;
}

@media screen and (min-width: 48em) {
	.header__navigation-uac-link span:not(.badge):not(.loading-spinner) {
		max-width: 14ch;
		display: inline-block;
		max-width: 14ch;
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
		vertical-align: bottom;
		white-space: nowrap;
	}
}

.header__navigation__secondary__mobile {
	margin-top: 18px;
	padding-right: 20px;
	text-align: right;
}

.header__navigation__secondary__mobile .is-dropdown-submenu-parent>a {
	padding: 0 !important;
}

.header__navigation__secondary__mobile .is-dropdown-submenu-parent.is-active>a {
	color: #f78d26;
}

.header__navigation__secondary__mobile a {
	font-size: 22px;
	color: #777;
}

.header__navigation__secondary__mobile li {
	margin-left: 20px;
	position: static;
}

@media screen and (max-width: 47.9375em) {
	.header__navigation__secondary__mobile li {
		margin-left: 10px;
	}
}

.header__navigation__secondary__mobile li>a {
	padding: 0;
	position: relative;
	margin: 0;
	line-height: inherit;
}

.header__navigation__secondary__mobile li>a::after {
	display: none !important;
}

.header__navigation__secondary__mobile li>a span.loading-spinner {
	background: rgba(247, 247, 247, 0.5);
}

.header__navigation__secondary__mobile li>a span.loading-spinner::before {
	margin-bottom: 14px;
	border-bottom: 0.28em solid rgba(255, 255, 255, 0.3);
	border-left: 0.28em solid rgba(255, 255, 255, 0.3);
	border-right: 0.28em solid rgba(255, 255, 255, 0.3);
	border-top: 0.28em solid #fff;
	border-radius: 100%;
	height: 1em;
	width: 1em;
	-webkit-animation: spin 0.8s infinite linear;
	animation: spin 0.8s infinite linear;
	content: '';
	display: block;
	position: absolute;
}

@media screen and (min-width: 48em) {
	.header__navigation__secondary__mobile li>a span.loading-spinner::before {
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	.header__navigation__secondary__mobile li>a span.loading-spinner::before {
		margin-bottom: 30px;
	}
}

.header__navigation__secondary__mobile li:first-child {
	margin-left: 0;
}

.header--sticky .header__navigation {
	bottom: 0;
	position: absolute;
	right: 0;
	width: calc(100% - 134px);
}

@media screen and (min-width: 48em) {
	.header--sticky .header__navigation {
		padding-left: 11px;
	}
}

@media screen and (min-width: 64em) {
	.header--sticky .header__navigation {
		padding-left: 15px;
	}
}

@media screen and (min-width: 48em) {
	.header--sticky .header__navigation {
		padding-right: 11px;
	}
}

@media screen and (min-width: 64em) {
	.header--sticky .header__navigation {
		padding-right: 15px;
	}
}

@media screen and (min-width: 64em) {
	.header--sticky .header__navigation {
		width: calc(100% - 192px);
	}
}

.header--sticky .header__inner {
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: opacity 0s;
	width: 100%;
	background: none;
	background-color: #fff;
}

.header--sticky .header__inner .header__navigation__main ul {
	margin-top: -9px;
}

.header--sticky .header__inner .header__navigation-uac {
	margin-top: -10px;
}

.header--sticking .header__inner {
	opacity: 0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.header--stuck .header__inner {
  opacity: 1;
  box-shadow: 0 0 10px -5px #393733;
  animation: slide-down 0.7s;
}

@keyframes slide-down {
  0% {
      opacity: 0;
      transform: translateY(-100%);
  } 
  100% {
      opacity: 0.9;
      transform: translateY(0);
  } 
}

@media screen and (min-width: 48em){
  .header {
    height: auto;
    margin-top: 0;
  } 
}

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table; 
}

.clearfix::after {
  clear: both; 
}

/**
* Reveal overlay
*/
.reveal-overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1005;
	background-color: rgba(0, 0, 0, 0.45);
	overflow-y: scroll;
}

/**
 * Takeover Navigation
 */
 .takeover-nav {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1005;
	background-color: rgba(0, 0, 0, 0.45);
	overflow-y: scroll;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	min-height: 100vh;
	max-width: none;
	margin-left: 0;
	border: 0;
	border-radius: 0;
	background-color: #393733;
	color: #fff;
	padding: 30px;
	height: 100%;
	min-height: inherit;
	position: absolute;
	top: 0 !important;
}

.takeover-nav__menu {
	font-size: 14px;
}

.takeover-nav__menu li {
	margin-bottom: 20px;
}

.takeover-nav__menu-item-username {
	font-weight: 600;
}

.takeover-nav__menu--primary {
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	margin-bottom: 25px;
}

.takeover-nav__menu--separator {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 20px;
	margin-bottom: 20px;
}

.takeover-nav__menu--separator:empty {
	border-bottom-width: 0;
	padding-top: 0;
}

.takeover-nav__other-site {
	text-transform: uppercase;
}

.takeover-nav a,
.takeover-nav button {
	color: #fff;
}

.takeover-nav button:hover,
.takeover-nav button:active,
.takeover-nav button:focus {
	color: #fff;
}

.takeover-nav .menu a {
	display: inline;
	padding: 0;
}

.takeover-nav .menu li {
	padding: 0;
	line-height: 1.5;
}

.takeover-nav .close-button {
	background-color: #000000;
	border-radius: 50%;
	font-size: 34px;
	height: 40px;
	right: 40px;
	position: fixed;
	top: 20px;
	width: 40px;
}

.close-button {
	position: absolute;
	color: #393733;
	right: 1rem;
	top: 0.5rem;
	font-size: 2em;
	line-height: 1;
	cursor: pointer;
}

[data-whatinput='mouse'] .close-button {
	outline: 0;
}

.close-button:hover,
.close-button:focus {
	color: #000000;
}

.takeover-in.mui-enter {
	transition-duration: 500ms;
	transition-timing-function: linear;
	transition-duration: 440ms;
	transition-timing-function: easeInOut;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.takeover-in.mui-enter.mui-enter-active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.takeover-in.mui-enter .close-button {
	opacity: 0;
	transition: opacity 440ms 660ms;
}

.takeover-in.mui-enter.mui-enter-active .close-button {
	opacity: 1;
}

.takeover-out.mui-leave {
	transition-duration: 500ms;
	transition-timing-function: linear;
	transition-duration: 293.333333333ms;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.takeover-out.mui-leave.mui-leave-active {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

/**
 * Screen Size css
 * -----
 */

@media screen and (max-width: 47.9375em) {
  .hide-for-small-only {
    display: none !important; 
  } 
}

@media screen and (max-width: 0em), screen and (min-width: 48em) {
  .show-for-small-only {
    display: none !important; 
  } 
}

@media screen and (min-width: 64em) {
	.hide-for-large, .hide-for-large-only {
		display: none !important;
	}
}

@media screen and (max-width: 63.9375em) {
	.show-for-large, .show-for-large-only {
		display: none !important;
	}
}

/**
 * Icons
 * -----
 */

.icon {
	font-family: "YAicons";
	position: relative;
	top: -1px;
	vertical-align: middle;
}

.icon::before {
	margin: 0.03px;
}

.icon__round {
	border-radius: 50%;
	display: inline-block;
	font-size: 35px;
	height: 48px;
	line-height: 48px;
	position: relative;
	text-align: center;
	width: 48px;
}

.icon__round>.icon {
	position: relative;
	vertical-align: top;
	z-index: 2;
}

.icon__round::after {
	background-color: inherit;
	border-radius: 50%;
	content: '';
	height: calc(100% + 2px);
	left: -1px;
	position: absolute;
	top: -1px;
	width: calc(100% + 2px);
	z-index: 1;
}

@media screen and (min-width: 64em) {
	.icon__round {
		font-size: 40px;
		height: 78px;
		line-height: 78px;
		width: 78px;
	}
}

.icon-hamburger:before {
	content: "\EA38";
}

.icon-arrow-one-left:before{
  content: '\EA02';
}

.icon-arrow-one-right:before{
  content: '\EA03';
}

.icon-arrow-three-up:before{
  content: '\EA06';
}

.icon-arrow-three-down:before{
  content: '\EA05';
}

.icon-ask-an-expert:before{
  content: '\EA09';
}

.icon-close:before{
  content: '\EA10';
}

.icon-location-solid:before {
	content: "\EA3F";
}

.icon-location:before {
	content: "";
}

.icon-phone:before {
	content: "\EA47";
}

.icon-mouse-cursor:before {
	content: "\EA42";
}

.icon--left {
	margin-right: 3.5px;
}

@media screen and (min-width: 48em) {
	.icon--left {
		margin-right: 5.5px;
	}
}

@media screen and (min-width: 64em) {
	.icon--left {
		margin-right: 7.5px;
	}
}

.icon--right {
	margin-left: 3.5px;
}

@media screen and (min-width: 48em) {
	.icon--right {
		margin-left: 5.5px;
	}
}

@media screen and (min-width: 64em) {
	.icon--right {
		margin-left: 7.5px;
	}
}

/**
* Menu component
*/

.menu {
	margin: 0;
	list-style-type: none;
}

.menu>li {
	display: table-cell;
	vertical-align: middle;
}

[data-whatinput='mouse'] .menu>li {
	outline: 0;
}

.menu>li>a {
	display: block;
	padding: 0.7rem 1rem;
	line-height: 1;
}

.menu input,
.menu a,
.menu button {
	margin-bottom: 0;
}

.menu>li>a img,
.menu>li>a i,
.menu>li>a svg {
	vertical-align: middle;
}

.menu>li>a img+span,
.menu>li>a i+span,
.menu>li>a svg+span {
	vertical-align: middle;
}

.menu>li>a img,
.menu>li>a i,
.menu>li>a svg {
	margin-right: 0.25rem;
	display: inline-block;
}

.menu>li {
	display: table-cell;
}

.menu.vertical>li {
	display: block;
}

.menu.submenu .is-submenu-item {
	border-bottom: 0;
	max-width: 100%;
	padding: 0 25px;
	width: 260px;
}

.menu.submenu .is-submenu-item a {
	border: 0;
	border-top: 1px solid #eee;
	color: #002c65;
	font-size: 14px;
	padding: 20px 0;
	word-wrap: break-word;
}

.menu.submenu .is-submenu-item a .icon {
	color: inherit;
	font-size: 22px;
	margin-right: 10px;
	top: -2px;
}

.menu.submenu .is-submenu-item a:hover {
	border-top: 1px solid #eee;
	text-decoration: none;
}

.menu.submenu .is-submenu-item:first-child a {
	border-top-width: 0;
}


.is-accordion-submenu-parent>a {
	position: relative;
}

.is-accordion-submenu-parent>a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	border-top-style: solid;
	border-bottom-width: 0;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded='true']>a::after {
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
}

/**
* Footer
*/
.brand-footer {
	font-family: Montserrat, sans-serif;
  padding: 0;
}

.brand-footer ul {
  list-style-type: none;
  margin-left: 0;
}

.brand-footer__nav {
	border-bottom: none;
}

.brand-footer__nav-wrapper {
  border-top: 14px solid #002C65;
}

.brand-footer__nav.small-collapse {
  border-top: 8px solid #002C65;
}

.brand-footer__nav a {
	color: #002C65;
}

.brand-footer__nav li a {
	color: #002C65;
}

.brand-footer__nav li a:hover {
	color: #002C65;
}

.brand-footer__nav-heading {
	font-weight: bold;
	font-family: Montserrat, sans-serif;
}

.brand-footer__nav-heading--mobile {
	border: none;
	padding-left: 0;
}

.brand-footer__menu li {
	border-top: none;
}

.brand-footer__nav-heading,
.brand-footer__nav-heading--mobile {
	margin-bottom: 0;
	margin-top: 0;
}

@media screen and (min-width: 64em) {
	.brand-footer__nav ul {
		margin-bottom: 0;
		margin-top: 15px;
	}
}

@media screen and (min-width: 64em) {
	.brand-footer__nav li {
		padding-left: 0;
		padding-right: 0;
	}
}
.brand-footer__nav-heading a {
	color: #002C65;
}

.brand-footer__nav-heading--mobile {
	border-top: 1px solid #e1ecf1;
	margin-top: 0;
}

.brand-footer__nav ul>li>a {
	font-size: 14px;
	line-height: 20px;
}

@media screen and (max-width: 1023px) {
	.brand-footer__nav {
		border-bottom: 1px solid #e1ecf1;
  }
  
	.brand-footer__nav>ul>li>a {
		padding-bottom: 15px;
		padding-top: 15px;
	}
}

@media screen and (min-width: 64em) {
	.brand-footer__nav {
		padding-bottom: 45px;
		padding-top: 45px;
	}
}

.brand-footer__menu>li {
	margin-bottom: 0;
	padding-left: 0;
}

.brand-footer__menu>li[role='treeitem']>a {
	color: #002C65;
	padding-left: 20px;
	padding-right: 20px;
}

.brand-footer__menu>li[role='treeitem']>a:hover,
.brand-footer__menu>li[role='treeitem']>a:focus {
	text-decoration: none;
}

.brand-footer__menu>li.is-accordion-submenu-parent>a::after {
	border-width: 0;
  content: "\EA05";
  font-family: "YAicons";
	font-size: 10px;
	height: auto;
	margin-top: 0;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: auto;
}

@media screen and (min-width: 48em) {
	.brand-footer__menu>li[role='treeitem']>a {
		padding-left: 22px;
		padding-right: 22px;
	}
	.brand-footer__menu>li[role='treeitem']>a::after {
		font-size: 12px;
		right: 32px;
	}
}

.brand-footer__menu>li.is-accordion-submenu-parent[aria-expanded='true']>a::after {
  content: "\EA06";
}

.brand-footer__menu.nested {
	margin-left: 0;
	padding-bottom: 15px;
}

.brand-footer__menu.nested>li.is-submenu-item {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 10px;
	padding: 0 20px;
	width: auto;
}

.brand-footer__menu.nested>li.is-submenu-item>a {
	border-top-width: 0;
	line-height: 30px;
	padding: 0;
}

@media screen and (max-width: 47.9375em) {
	.brand-footer__menu.nested>li.is-submenu-item>a {
		color: #757575;
	}
}

@media screen and (min-width: 48em) {
	.brand-footer__menu.nested>li.is-submenu-item {
		padding-left: 22px;
		padding-right: 22px;
	}
}

.brand-footer__menu.nested.submenu {
	border-top-width: 0;
}

@media screen and (max-width: 63.9375em) {
	.brand-footer {
		padding-left: 0;
		padding-right: 0;
	}
}

.brand-footer .menu.submenu .is-submenu-item a {
	border-top: none;
	padding-left: 2px;
}

.brand-footer .menu.submenu .is-submenu-item a:hover {
	text-decoration: underline;
	border: none;
}


.brand-footer__company-links {
  padding-bottom: 21px;
  padding-top: 21px;
  position: relative;
}

@media screen and (min-width: 48em) {
  .brand-footer__company-links {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 64em) {
  .brand-footer__company-links {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 48em) {
  .brand-footer__company-links {
    padding-top: 15px;
  }
}

@media screen and (min-width: 64em) {
  .brand-footer__company-links {
    padding-top: 30px;
  }
}

.brand-footer__company-links ul {
  font-size: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 48em) {
  .brand-footer__company-links ul {
    line-height: 30px;
  }
}

.brand-footer__company-links li {
  padding-left: 0;
}

.brand-footer__company-links > div:first-child {
  padding-bottom: 21px;
}

.brand-footer__company-links > div:first-child ul {
  margin-top: 0;
}

.brand-footer__company-links > div:first-child li {
  font-size: 14px;
  margin-bottom: 16px;
}

.brand-footer__company-links > div:first-child li:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 48em) {
  .brand-footer__company-links > div:first-child {
    padding-bottom: 0;
  }

  .brand-footer__company-links > div:first-child li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 30px;
  }
}

.brand-footer__company-links > div:last-child {
  padding-top: 28px;
  position: relative;
}

.brand-footer__company-links > div:last-child ul {
  margin-top: 0;
}

.brand-footer__company-links > div:last-child li {
  color: #757575;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 15px;
  margin-right: 20px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .brand-footer__company-links > div:last-child li {
    margin-left: 20px;
    margin-right: 0;
  }

  .brand-footer__company-links > div:last-child li:first-child {
    margin-left: 0;
  }
}

.brand-footer__company-links > div:last-child::before {
  top: 0;
  background-color: rgba(225, 236, 241, 0.12);
  content: '';
  display: block;
  height: 1px;
  left: 10px;
  position: absolute;
  width: calc(100% - 20px);
  border: 1px solid #e1ecf1;
}

@media screen and (min-width: 48em) {
  .brand-footer__company-links > div:last-child {
    padding-top: 0;
  }

  .brand-footer__company-links > div:last-child li {
    margin-bottom: 0;
  }

  .brand-footer__company-links > div:last-child li:last-child {
    margin-right: 0;
  }

  .brand-footer__company-links > div:last-child::before {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  .brand-footer__company-links > div:last-child {
    padding-top: 0;
    text-align: right;
  }
}

.brand-footer__nav li,
.brand-footer__company-links li {
  color: #757575;
}

.brand-footer__nav li a,
.brand-footer__company-links li a {
  color: #757575;
}

@media screen and (min-width: 64em) {
  .brand-footer__company-links::before {
    top: 0;
    background-color: rgba(225, 236, 241, 0.12);
    content: '';
    display: block;
    height: 1px;
    left: 30px;
    position: absolute;
    width: calc(100% - 60px);
    border: 1px solid #e1ecf1;
  }
}

/**
* Carousel
*/

.carousel {
	background: inherit;
	clear: both;
	height: auto;
	margin: 0;
}

.carousel__frame {
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
}

.carousel--home .carousel__list-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
}

.carousel--home .carousel__list-link:hover,
.carousel--home .carousel__list-link:active {
	color: transparent;
	outline: none;
	text-decoration: none;
}

.carousel__frame .slick {
	margin: 0;
}

.carousel__frame .slick-list {
	padding: 0 !important;
}

.carousel__frame .slick-slide {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

.carousel__frame .slick-slide:last-child {
	margin-right: 0px;
}

@media screen and (min-width: 48em) {
	.carousel__frame .slick-slide:last-child {
		margin-right: 0px;
	}
}

@media screen and (min-width: 64em) {
	.carousel__frame .slick-slide:last-child {
		margin-right: 0px;
	}
}

.carousel__frame .slick-slide:active,
.carousel__frame .slick-slide:focus {
	outline: 0;
}

.carousel__frame .slick-slide img {
	max-height: 100%;
	max-width: 100%;
}

.carousel__frame .slick-slide [data-modal-trigger] {
	cursor: pointer;
}

.carousel__frame .slick-prev,
.carousel__frame .slick-next {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 50%;
	display: inline-block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	opacity: 0.90;
	position: absolute;
	text-align: center;
	transition: background-color 0.2s;
	width: 40px;
	z-index: 40;
}

.carousel__frame .slick-prev:focus,
.carousel__frame .slick-prev:hover,
.carousel__frame .slick-next:focus,
.carousel__frame .slick-next:hover {
	border-color: transparent;
	opacity: 1;
  outline: 0;
}

.carousel__frame .slick-prev a:focus,
.carousel__frame .slick-prev a:hover,
.carousel__frame .slick-next a:focus,
.carousel__frame .slick-next a:hover {
  text-decoration: none;
}

.carousel__frame .slick-prev .icon {
	margin-right: 3px;
}

.carousel__frame .slick-next .icon {
	margin-left: 3px;
}

.carousel__frame .slick-dots {
	line-height: 0;
	margin: 0;
	padding: 14px 0;
	text-align: center;
	z-index: 40;
}

.carousel__frame .slick-dots li {
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 0.1rem 0.25rem;
	opacity: 0.35;
	padding: 0;
	text-indent: -9999em;
	width: 8px;
}

.carousel__frame .slick-dots li.slick-active,
.carousel__frame .slick-dots li:hover {
	opacity: 1;
}

.carousel--home {
	margin-bottom: 14px;
	position: relative;
}

@media screen and (min-width: 48em) {
	.carousel--home {
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	.carousel--home {
		margin-bottom: 30px;
	}
}

.carousel--home .carousel__nav {
	bottom: 16px;
	height: 40px;
	left: 50%;
	max-width: 100%;
	position: absolute;
	top: auto;
	-webkit-transform: translateX(-50%) translateX(-22px);
	-ms-transform: translateX(-50%) translateX(-22px);
	transform: translateX(-50%) translateX(-22px);
	width: 81.25rem;
	z-index: 40;
}

@media screen and (min-width: 64em) {
	.carousel--home .carousel__nav {
		-webkit-transform: translateX(-50%) translateX(-30px);
		-ms-transform: translateX(-50%) translateX(-30px);
		transform: translateX(-50%) translateX(-30px);
	}
}

.carousel--home .carousel__list {
	position: relative;
  z-index: 1;
  height: 270px;
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list {
		height: calc(100vh - 70vh);
		max-height: calc(100vh - 50vh);
		min-height: calc(100vh - 70vh);
	}
}

@media screen and (min-width: 64em) {
	.carousel--home .carousel__list {
		height: 660px;
		max-height: calc(100vh - 50vh);
		min-height: calc(100vh - 50vh);
	}
}

.carousel--home .carousel__list-hero-img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: "object-fit: cover; object-position: center";
	height: 100%;
	width: 100%;
	min-height: 180px;
}

.carousel--home .carousel__list-box {
	white-space: normal;
  width: 100%;
}

.compact-object-fit {
  background-size: cover;
  background-position: center center;
}


@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-box {
		bottom: 45%;
		left: 50%;
		max-width: 100%;
		position: absolute;
		-webkit-transform: translateX(-50%) translateX(-22px) translateY(50%) translateY(-28px);
		-ms-transform: translateX(-50%) translateX(-22px) translateY(50%) translateY(-28px);
		transform: translateX(-50%) translateX(-22px) translateY(50%) translateY(-28px);
		width: 81.25rem;
	}
	.carousel--home .carousel__list-box--left {
		-webkit-transform: translateX(-50%) translateX(22px) translateY(50%) translateY(-28px);
		-ms-transform: translateX(-50%) translateX(22px) translateY(50%) translateY(-28px);
		transform: translateX(-50%) translateX(22px) translateY(50%) translateY(-28px);
	}
}

@media screen and (min-width: 64em) {
	.carousel--home .carousel__list-box {
		-webkit-transform: translateX(-50%) translateX(-30px) translateY(50%) translateY(-28px);
		-ms-transform: translateX(-50%) translateX(-30px) translateY(50%) translateY(-28px);
		transform: translateX(-50%) translateX(-30px) translateY(50%) translateY(-28px);
	}
	.carousel--home .carousel__list-box--left {
		-webkit-transform: translateX(-50%) translateX(30px) translateY(50%) translateY(-28px);
		-ms-transform: translateX(-50%) translateX(30px) translateY(50%) translateY(-28px);
		transform: translateX(-50%) translateX(30px) translateY(50%) translateY(-28px);
	}
}

.carousel--home .carousel__list-content {
	overflow: hidden;
	padding-bottom: 40px;
	text-align: center;
  width: 100%;
  color: #002c65;
}

@media screen and (max-width: 767px) {
	.carousel--home .carousel__list-content {
		bottom: 0;
    position: absolute;
    background-color: #002C65 !important;
  }
  
  .carousel--home .carousel__list-content-heading {
    color: #fff !important;
  }
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-content {
		bottom: 0;
		position: absolute;
	}
}

.carousel--home .carousel__list-content-heading {
	margin-bottom: 7px;
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-content-heading {
		margin-bottom: 11px;
	}
}

@media screen and (min-width: 64em) {
	.carousel--home .carousel__list-content-heading {
		margin-bottom: 15px;
	}
}

.carousel--home .carousel__list-content-text {
	font-size: 0.875rem;
	line-height: 1.5rem;
	font-weight: 300;
	font-family: Montserrat, sans-serif;
  margin: 0;
  color: #000;
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-content-text {
		font-size: 1rem;
		line-height: 1.75rem;
	}
}

.carousel--home .carousel__list-content-heading {
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.75rem;
	margin-top: 15px;
	text-align: center;
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-content-heading {
		font-size: 1.625rem;
		line-height: 2.125rem;
	}
}

@media screen and (min-width: 64em) {
	.carousel--home .carousel__list-content-heading {
		font-size: 1.875rem;
		line-height: 2.375rem;
	}
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-content-heading {
		margin-top: 0;
		text-align: left;
	}
}

@media screen and (min-width: 64em){
  .carousel__list-content::after {
      position: absolute;
      top: 85%;
      left: 80%;
      content: "\EA0A";
      display: block;
      font-size: 40px;
      font-family: "YAicons";
      color: #fff;
  }
}

.carousel--home .carousel__list-content-footer {
	bottom: 14px;
	bottom: 20px;
	display: none;
	font-size: 11px;
	left: 20px;
	line-height: 1.5em;
	position: absolute;
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-content-footer {
		bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	.carousel--home .carousel__list-content-footer {
		bottom: 30px;
	}
}

@media screen and (min-height: 520px) {
	.carousel--home .carousel__list-content-footer {
		display: block;
	}
}

@media screen and (min-width: 64em) {
	.carousel--home .carousel__list-content-footer {
		bottom: 35px;
		left: 35px;
	}
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-content p:last-child {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-content {
		box-sizing: border-box;
		float: right;
		height: 270px;
		margin: 0;
		padding: 20px;
		position: relative;
		text-align: left;
		width: 320px;
	}
	.carousel--home .carousel__list-content--left {
		float: left;
	}
}

@media screen and (min-width: 64em) {
	.carousel--home .carousel__list-content {
		height: 300px;
		padding: 35px;
		width: 420px;
	}
}

@media screen and (min-width: 48em) {
	.carousel--home .carousel__list-content--long {
		height: 190px;
	}
}

@media screen and (min-width: 64em) {
	.carousel--home .carousel__list-content--long {
		height: 250px;
	}
}

.carousel--home .slick-dots {
	bottom: 0;
	height: 40px;
	left: 50%;
	line-height: 40px;
	margin: 0;
	padding: 0;
	position: absolute;
  z-index: 50;
  -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.carousel--home .slick-dots button {
  font-size: 0;
}

.carousel--home .slick-slide {
	margin-right: 0px;
}

@media screen and (min-width: 48em) {
	.carousel--home .slick-slide {
		margin-right: 0px;
	}
}

@media screen and (min-width: 64em) {
	.carousel--home .slick-slide {
		margin-right: 0px;
	}
}

.carousel--home .slick-slide img {
	max-height: none;
	max-width: none;
}

.carousel--home .slick-prev {
	right: 50px;
}

.carousel--home .slick-next {
	right: 0;
}

/**
* Quicklinks Component
**/

.quicklinks {
  padding-bottom: 28px;
  border-bottom: 1px solid #b1b1b1;
}

@media screen and (min-width: 48em) {
	.quicklinks {
		padding-bottom: 44px;
	}
}

@media screen and (min-width: 64em) {
	.quicklinks {
		padding-bottom: 60px;
	}
}

.quicklink {
	margin-top: 14px;
	display: block;
	padding-left: 62px;
	position: relative;
}

@media screen and (min-width: 48em) {
	.quicklink {
		margin-top: 22px;
	}
}

@media screen and (min-width: 64em) {
	.quicklink {
		margin-top: 30px;
	}
}

.quicklink__icon {
	display: inline-block;
	left: 0;
	position: absolute;
	text-align: center;
}

.quicklink:hover {
	opacity: 0.6;
}

.quicklink__icon .icon__round {
	background-color: transparent !important;
}

@media screen and (min-width: 64em) {
	.quicklink__icon .icon__round {
		font-size: 70px;
	}
}

.quicklink__icon-bg::after {
	transition: -webkit-transform 150ms;
	transition: transform 150ms;
	transition: transform 150ms, -webkit-transform 150ms;
}

@media screen and (min-width: 64em) {
	.quicklink__icon {
		margin-bottom: 7px;
    position: relative;
    top: 0;
	}
}

@media screen and (min-width: 64em) and (min-width: 48em) {
	.quicklink__icon {
		margin-bottom: 11px;
	}
}

@media screen and (min-width: 64em) and (min-width: 64em) {
	.quicklink__icon {
		margin-bottom: 15px;
	}
}

.quicklink__title {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	margin-bottom: 6px;
	font-weight: 100;
	font-size: 0.875rem;
	line-height: 1rem;
	margin-bottom: 3.5px;
	color: #003767;
	font-family: Montserrat, sans-serif;
	margin-top: 0;
  transition: color 150ms;
}

@media screen and (min-width: 48em) {
	.quicklink__title {
		font-size: 16px;
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 64em) {
	.quicklink__title {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

.quicklink__title strong {
	font-weight: inherit;
}

@media screen and (min-width: 48em) {
	.quicklink__title {
		font-size: 1rem;
		line-height: 1.125rem;
	}
}

@media screen and (min-width: 64em) {
	.quicklink__title {
		font-size: 1.125rem;
		line-height: 1.375rem;
	}
}

@media screen and (min-width: 48em) {
	.quicklink__title {
		margin-bottom: 5.5px;
	}
}

@media screen and (min-width: 64em) {
	.quicklink__title {
		margin-bottom: 7.5px;
	}
}

.quicklink__copy {
	font-size: 0.75rem;
	line-height: 1.25rem;
	font-weight: 300;
	color: #000;
	margin-bottom: 0;
	margin-top: 0;
}

@media screen and (min-width: 48em) {
	.quicklink__copy {
		font-size: 0.875rem;
		line-height: 1.5rem;
	}
}

.quicklink:active,
.quicklink:focus,
.quicklink:hover {
	text-decoration: none;
}

.quicklink:active .quicklink__icon-bg::after,
.quicklink:focus .quicklink__icon-bg::after,
.quicklink:hover .quicklink__icon-bg::after {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.quicklink:active .quicklink__title,
.quicklink:focus .quicklink__title,
.quicklink:hover .quicklink__title {
	color: #000;
}

@media screen and (min-width: 64em) {
	.quicklink {
		padding-left: 0;
		text-align: center;
	}
}

@media screen and (min-width: 48em) {
	.quicklink--compact {
		margin-top: 21px;
		padding-left: 62px;
		text-align: left;
	}
}

@media screen and (min-width: 48em) and (min-width: 48em) {
	.quicklink--compact {
		margin-top: 33px;
	}
}

@media screen and (min-width: 48em) and (min-width: 64em) {
	.quicklink--compact {
		margin-top: 45px;
	}
}

@media screen and (min-width: 48em) {
	.quicklink--compact .quicklink__icon {
		position: absolute;
		margin-bottom: 0;
	}
	.quicklink--compact .quicklink__title {
		font-size: 0.875rem;
		line-height: 1rem;
	}
}

.page__component {
	margin-bottom: 14px;
	margin-top: 14px;
}

@media screen and (min-width: 48em) {
	.page__component {
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	.page__component {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 48em) {
	.page__component {
		margin-top: 22px;
	}
}

@media screen and (min-width: 64em) {
	.page__component {
		margin-top: 30px;
	}
}


.page__view-all {
	margin-bottom: 28px;
	text-align: center;
}

@media screen and (min-width: 48em) {
	.page__view-all {
		margin-bottom: 44px;
	}
}

@media screen and (min-width: 64em) {
	.page__view-all {
		margin-bottom: 60px;
	}
}

.page__view-all .icon {
	display: inline-block;
	font-size: 8px;
	top: auto;
}

.page__view-all a:hover {
	text-decoration: underline;
}

/**
* Promo modules
*/

.promo-tile {
	margin: 0;
	margin-bottom: 14px;
	overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  color: #fff;
}

@media screen and (min-width: 48em) {
	.promo-tile {
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	.promo-tile {
		margin-bottom: 30px;
	}
}

.promo-tile__title,
.promo-tile__sub-title {
	margin-top: 0;
	text-align: center;
}

.promo-tile__title {
	margin-bottom: 7px;
}

@media screen and (min-width: 48em) {
	.promo-tile__title {
		margin-bottom: 11px;
	}
}

@media screen and (min-width: 64em) {
	.promo-tile__title {
		margin-bottom: 15px;
	}
}

.promo-tile__hero {
	width: 100%;
}

.promo-tile__hero {
	margin-bottom: 11.2px;
	display: block;
}

@media screen and (min-width: 48em) {
	.promo-tile__hero {
		margin-bottom: 17.6px;
	}
}

@media screen and (min-width: 64em) {
	.promo-tile__hero {
		margin-bottom: 24px;
	}
}

.promo-tile--feature {
	max-width: 81.25rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
}

.promo-tile--feature::before,
.promo-tile--feature::after {
	content: ' ';
	display: table;
}

.promo-tile--feature::after {
	clear: both;
}

@media screen and (min-width: 48em) {
	.promo-tile--feature {
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	.promo-tile--feature {
		margin-bottom: 30px;
	}
}

.promo-tile--feature figcaption {
	padding: 28px;
	text-align: left;
	vertical-align: top;
}

@media screen and (min-width: 48em) {
	.promo-tile--feature figcaption {
		padding: 44px;
	}
}

@media screen and (min-width: 64em) {
	.promo-tile--feature figcaption {
		padding: 60px;
	}
}

@media screen and (min-width: 48em) {
	.promo-tile--feature figcaption {
		min-height: 394px;
	}
}

@media screen and (min-width: 64em) {
	.promo-tile--feature figcaption {
		min-height: 520px;
	}
}

.promo-tile--feature .promo-tile__inner {
	margin: 0;
	position: relative;
}

.promo-tile--feature .promo-tile__inner::before,
.promo-tile--feature .promo-tile__inner::after {
	content: ' ';
	display: table;
}

.promo-tile--feature .promo-tile__inner::after {
	clear: both;
}

.promo-tile--feature .promo-tile__title {
	margin-bottom: 14px;
}

@media screen and (min-width: 48em) {
	.promo-tile--feature .promo-tile__title {
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	.promo-tile--feature .promo-tile__title {
		margin-bottom: 30px;
	}
}

.promo-tile--feature .promo-tile__text {
	margin-bottom: 0;
	margin-top: 0;
}

.promo-tile--generic .promo-tile__text{
  margin: 0 20px;
  text-align: center;
}

.promo-tile--feature p {
  margin: 0px;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.promo-tile--feature .button {
	margin: 0;
}

.promo-tile__image-container {
	padding: 0;
	position: relative;
}

@media screen and (min-width: 48em) {
	.promo-tile__image-container {
		bottom: 0;
		float: none;
		left: auto;
		overflow: hidden;
		position: absolute;
    top: 0;
    right: 0;
	}
	.promo-tile__image-container img {
		height: auto;
		left: 50%;
		margin: 0 auto;
		min-height: 100%;
		min-width: 100%;
		max-height: none;
		max-width: none;
		position: relative;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: auto;
	}
}

.promo-tile--generic .promo-tile__caption {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	bottom: 0;
	color: #fff;
	height: 70px;
	margin-bottom: 0;
	margin-top: 0;
	position: absolute;
	text-align: center;
	text-shadow: -1px 2px 6px #8a8a8a;
	width: 100%;
}

.promo-tile--generic .promo-tile__caption span {
	bottom: 18px;
	left: 0;
	position: absolute;
	width: 100%;
}

@media screen and (min-width: 48em) {
	.promo-tile--generic .promo-tile__caption span {
		bottom: 30px;
	}
}

.promo-tile--generic .promo-tile__caption--no-shadow {
	background: none;
	-webkit-filter: none;
	filter: none;
}

@media screen and (min-width: 64em) {
	.promo-tile--generic .promo-tile__caption {
		height: 110px;
	}
}


/**
* Paragraphs
*/

.p3 {
	font-size: 0.875rem;
	line-height: 1.5rem;
	font-family: Montserrat, sans-serif;
	font-weight: 300;
}

@media screen and (min-width: 48em) {
	.p3 {
		font-size: 1rem;
		line-height: 1.75rem;
	}
}

.p4 {
	font-size: 0.75rem;
	line-height: 1.25rem;
	font-weight: 300;
}

@media screen and (min-width: 48em) {
	.p4 {
		font-size: 0.875rem;
		line-height: 1.5rem;
	}
}

p {
	font-size: 0.875rem;
	line-height: 1.5rem;
	font-weight: 300;
	margin-bottom: 7px;
	margin-top: 7px;
}

@media screen and (min-width: 48em) {
	p {
		font-size: 1rem;
		line-height: 1.75rem;
	}
}

@media screen and (min-width: 48em) {
	p {
		margin-bottom: 11px;
	}
}

@media screen and (min-width: 64em) {
	p {
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 48em) {
	p {
		margin-top: 11px;
	}
}

@media screen and (min-width: 64em) {
	p {
		margin-top: 15px;
	}
}

/**
* Product tile 
*/

.product-tile {
	min-height: 88px;
	position: relative;
}

.product-tile__image {
	position: relative;
	z-index: 10;
}

.product-tile .product-tile__image {
	height: 88px;
	text-align: center;
	width: 88px;
	position: absolute;
	left: 0;
	z-index: 1;
}

.product-tile .product-tile__image img {
	-o-object-position: top;
	object-position: top;
	font-family: "object-fit: contain; object-position: top";
	height: 100%;
}

.product-tile__content-block {
  position: relative;
  margin-top: 11px;  
  padding-left: 102px;
}

.product-tile__content-block p {
	clear: right;
}

@media screen and (min-width: 64em) {
	.product-tile__content-block {
		padding-left: 123px;
	}
}

.product-tile__heading {
	margin: 0;
	padding-right: 36px;
}

.product-tile__heading,
.product-tile__heading a {
	color: #000000;
}

.product-tile__desc {
	margin-bottom: 0;
	margin-top: 0;
}

.product-tile--promo6 {
	margin-bottom: 14px;
}

@media screen and (min-width: 48em) {
	.product-tile--promo6 {
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 64em) {
	.product-tile--promo6 {
		margin-bottom: 30px;
	}
}

.product-tile--promo6 .product-tile__image {
	height: auto;
	margin-bottom: 15px;
	position: relative;
	text-align: left;
	width: 100%;
}

.product-tile--promo6 .product-tile__image img {
	height: auto;
}

.product-tile--promo6 .product-tile__content-block {
	padding-left: 0;
}

.product-tile--promo6 .product-tile__heading {
  margin-bottom: 10px;
  color: #002c65;
}

/**
* Sub navigation
*/

.sub-navigation__style > a,
.sub-navigation__style > h2,
.sub-navigation__style > .sub-navigation__menu {
  color: #fff;
}
.sub-navigation__style .tabs-title > a {
    color: #fff !important;
}
.sub-navigation__style .sub-navigation__menu a {
  color: inherit;
}
.sub-navigation__style li.is-active {
  border-color: #fff;
}

.sub-navigation__heading {
  margin: 0;
  padding: 0 14px;
  padding-bottom: 14px;
  text-align: center;
}

@media screen and (min-width:48em) {
  .sub-navigation__heading {
    padding-bottom: 22px;
  }
}

@media screen and (min-width:64em) {
  .sub-navigation__heading {
    padding-bottom: 30px;
  }
}

.sub-navigation {
  padding-top: 18.2px;
  text-align: center;
}

@media screen and (min-width:48em) {
  .sub-navigation {
    padding-top: 28.6px;
  }
}

@media screen and (min-width:64em) {
  .sub-navigation {
    padding-top: 39px;
  }
}

/**
* Form and input fields
*/

.is-invalid-input:not(:focus) {
  background-color: rgba(226,28,36,.1);
  border-color: #e21c24;
}

.is-invalid-label {
  color: #e21c24;
}

.form-error {
  display: none;
  margin-top: -.5rem;
  margin-bottom: 1rem;
  font-size: .75rem;
  font-weight: 700;
}

.form-error.is-visible {
  display: block;
}

.w {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 47.9375em){
  .w {
      padding-left: 20px;
      padding-right: 20px;
      width: 100%!important;
  }
}

.w--form-single-col {
  max-width: 512px;
}

.form__title {
	margin-bottom: 7px;
  margin-top: 0;
  color: #003767;
  font-family: sans-serif;
}

@media screen and (min-width: 48em) {
	.form__title {
		margin-bottom: 11px;
	}
}

@media screen and (min-width: 64em) {
	.form__title {
		margin-bottom: 15px;
	}
}

.form__return>.icon {
  margin-right: 5px;
  pointer-events: none;
}

.input-field {
  margin-top: 14px;
  margin-bottom: 14px;
}

@media screen and (min-width:48em) {
  .input-field {
    margin-top: 22px;
    margin-bottom: 22px;
  }
}

@media screen and (min-width:64em) {
  .input-field {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

label {
  margin-bottom: 7px;
  font-family: Montserrat,Arial,sans-serif;
  font-weight: 500;
  font-size: .8125rem;
  line-height: 1.125rem;
  margin-bottom: 0;
}

@media screen and (min-width:48em) {
  label {
    font-size: .875rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width:64em) {
  label {
    margin-bottom: 15px;
    font-size: .875rem;
  }
}

[type=email],[type=number],[type=tel],[type=text],[type=password],textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: .5rem;
  border: 1px solid #cbcbcb;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #424242;
  background-color: #fff;
  border-radius: 2px;
  transition: box-shadow .2s,border-color .1s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[type=email]:focus,[type=number]:focus,[type=tel]:focus,[type=text]:focus,[type=password]:focus,textarea:focus {
  border: 1px solid #1a6ed1;
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 1px #757575;
  transition: box-shadow .2s,border-color .1s ease-in-out;
}

@media screen and (min-width:48em) {
  [type=email],[type=number],[type=tel],[type=text],[type=password],select,textarea {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}

label [type=email],label [type=number],label [type=tel],label [type=text],label [type=password],label select,label textarea {
  margin-top: 5px;
}

@media screen and (min-width:48em) {
  [type=email],[type=number],[type=tel],[type=text],[type=password],select {
    height: 50px;
  }
}

textarea {
  height: 82px;
}

@media screen and (min-width:48em) {
  textarea {
    height: 110px;
  }
}

input::-webkit-input-placeholder {
  opacity: .5;
  color: #757575;
}

input::-moz-placeholder {
  opacity: .5;
  color: #757575;
}

input:-ms-input-placeholder {
  opacity: .5;
  color: #757575;
}

input:-moz-placeholder {
  opacity: .5;
  color: #757575;
}

/* select {
  padding-bottom: 10.5px;
  padding-top: 10.5px;
} */

select:focus {
  outline: 1px solid #1a6ed1;
  outline-offset: -1px;
  box-shadow: 0 0 1px #757575;
}

.input-field__checkbox:checked,.input-field__checkbox:not(:checked),.input-field__radio:checked,.input-field__radio:not(:checked) {
  position: absolute;
  left: -9999rem;
}

.input-field__checkbox:checked~label:before,.input-field__checkbox:not(:checked)~label:before,.input-field__radio:checked+label:before,.input-field__radio:not(:checked)+label:before {
  text-align: center;
  transition: box-shadow .2s,border-color .1s ease-in-out,background-color .2s ease-in;
}

[type=checkbox] ~ label,[type=radio]+label {
  display: block;
  margin-left: .5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}

.input-field__checkbox~label,.input-field__radio+label {
  color: #424242;
  display: block;
  line-height: 1.25rem;
  margin: 0;
  padding-top: 4px;
  position: relative;
}

.input-field__checkbox~label:before,.input-field__radio+label:before {
  border: 1px solid #cbcbcb;
  content: "";
  display: block;
  left: 0;
  position: absolute;
}

.input-field__checkbox~label:hover,.input-field__radio+label:hover {
  cursor: pointer;
}

[type=checkbox] ~ label {
  padding-left: 2.5em;
}

@media screen and (min-width:48em) {
  [type=checkbox] ~ label {
    font-size: 14px;
  }
}

[type=checkbox] ~ label:before {
  border-radius: 2px;
  color: #1a6ed1;
  height: 1.5em;
  line-height: 1.35;
  top: 2px;
  width: 1.5em;
}

[type=checkbox]:active~label:before,[type=checkbox]:focus~label:before {
  border-color: #1a6ed1;
  box-shadow: 0 0 1px #757575;
}

[type=checkbox]:checked~label:before {
  font-family: "YAIcons";
  content: "\EA5E";
  color: #fff;
  background-color: #1a6ed1;
  border-color: #1a6ed1;
}

[type=checkbox].is-invalid-input~label {
  color: #e21c24;
}

[type=checkbox].is-invalid-input~label:before {
  border-color: #e21c24;
}

[type=checkbox]:not(:checked)~label:before {
  content: "";
}

[type=radio]:active+label:before,[type=radio]:focus+label:before {
  border-color: #1a6ed1;
  box-shadow: 0 0 1px #757575;
}

.input-field__radio:checked,.input-field__radio:not(:checked) {
  border-radius: 1.2em;
  content: "";
}

.input-field__radio+.input-field__radio-label {
  margin-right: 2.5em;
  padding-left: 2.5em;
}

.input-field__radio+.input-field__radio-label:before {
  border-radius: 1.2em;
  height: 1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.5em;
}

.input-field__radio:checked+.input-field__radio-label:before {
  color: #1a6ed1;
  border-color: #1a6ed1;
  border-width: .5em;
  transition-property: border;
}

.input-field__radio.is-invalid-input+.input-field__radio-label {
  color: #e21c24;
}

.input-field__radio.is-invalid-input+.input-field__radio-label:before {
  border-color: #e21c24;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: #757575;
}

input::-moz-placeholder,textarea::-moz-placeholder {
  color: #757575;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
  color: #757575;
}

input::placeholder,textarea::placeholder {
  color: #757575;
}

input:disabled,input[readonly],textarea:disabled,textarea[readonly] {
  background-color: #f7f7f7;
  cursor: default;
}

[type=button],[type=submit] {
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[type=checkbox],[type=file],[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] ~ label[for],[type=radio]+label[for] {
  cursor: pointer;
}

label>[type=checkbox],label>[type=radio] {
  margin-right: .5rem;
}

.button {
  margin-bottom: 7px;
  font-family: Montserrat,Arial,sans-serif;
  font-weight: 500;
  font-size: .8125rem;
  background-color: #1a6ed1;
  color: #fff;
  padding: 1.15em 1.5em;
  text-align: center;
	display: inline-block;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 3px;
	margin: false;
}

.small{
  font-size: 0.65rem;
  margin: 10px;
}

[data-whatinput=mouse] .button {
  outline: 0;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.button.button--tertiary {
  border-color: rgba(26,110,209,.5);
  color: #1a6ed1;
  padding: .65em .75em;
  background-color: transparent;
}

.button.unstyled{
  color: #1a6ed1;
  background-color: transparent;
}

.pull-right{
  float: right;
}

.form .button,.form__callout,.form__subhead,.form__text {
  margin-top: 14px;
  margin-bottom: 0;
}

@media screen and (min-width:48em) {
  .form .button,.form__callout,.form__subhead,.form__text {
    margin-top: 22px;
  }
}

@media screen and (min-width:64em) {
  .form .button,.form__callout,.form__subhead,.form__text {
    margin-top: 30px;
  }
}

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,select {
  text-transform: none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],html input[disabled] {
  cursor: not-allowed;
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

[type=button],[type=submit] {
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.row--container, .container {
	margin: 0 auto;
	max-width: 81.25rem;
	padding-left: 13px;
	padding-right: 13px;
}

@media screen and (min-width: 48em) {
	.row--container, .container {
		padding-left: 11px;
		padding-right: 11px;
	}
}

@media screen and (min-width: 64em) {
	.row--container, .container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.container{
  margin-top: 15px;
}

.container p, .container h3{
  margin: 0px;
  margin-bottom: 15px; 
}

.container h2{
  margin: 15px 0px;
}

.container img{
  margin-bottom: 15px;
}

.container ul{
  margin-left: 15px !important;
  list-style: square;
  color: #002C65;
}

.container li{
  margin-bottom: 10px;
}

/**
* Locations
*/

.locations ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.locations li {
	padding-left: 0;
	padding-right: 0;
}

.locations {
	margin: 0 auto;
	max-width: 81.25rem;
	padding-left: 13px;
	padding-right: 13px;
	padding: 21px;
}

@media screen and (min-width: 48em) {
	.locations {
		padding-left: 11px;
		padding-right: 11px;
	}
}

@media screen and (min-width: 64em) {
	.locations {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (min-width: 48em) {
	.locations {
		padding: 33px;
	}
}

@media screen and (min-width: 64em) {
	.locations {
		padding: 45px;
	}
}

.location {
	padding-bottom: 21px;
	padding-top: 21px;
	border-bottom: 1px solid #eee;
	padding-right: 0;
	position: relative;
}

.location::before,
.location::after {
	content: ' ';
	display: table;
}

.location::after {
	clear: both;
}


@media screen and (min-width: 48em) {
	.location {
		padding-left: 49px;
	}
}

@media screen and (min-width: 48em) and (min-width: 48em) {
	.location {
		padding-left: 77px;
	}
}

@media screen and (min-width: 48em) and (min-width: 64em) {
	.location {
		padding-left: 105px;
	}
}

@media screen and (min-width: 48em) {
	.location-name {
		margin-bottom: 7px;
	}
}

@media screen and (min-width: 48em) and (min-width: 48em) {
	.location-name {
		margin-bottom: 11px;
	}
}

@media screen and (min-width: 48em) and (min-width: 64em) {
	.location-name {
		margin-bottom: 15px;
	}
}

.location-pin {
  display: none;
}

@media screen and (min-width: 48em) {
	.location-pin {
		left: 14px;
		display: block;
		font-size: 42px;
		position: absolute;
		top: 35%;
	}
}

@media screen and (min-width: 48em) and (min-width: 48em) {
	.location-pin {
		left: 22px;
	}
}

@media screen and (min-width: 48em) and (min-width: 64em) {
	.location-pin {
		left: 30px;
	}
}

@media screen and (min-width: 48em) {
	.location-address {
		float: left;
		padding-left: 0;
	}
	.location-actions {
		float: right;
	}
	.location-actions li {
		padding-left: 7px;
	}
}

@media screen and (min-width: 48em) and (min-width: 48em) {
	.location-actions li {
		padding-left: 11px;
	}
}

@media screen and (min-width: 48em) and (min-width: 64em) {
	.location-actions li {
		padding-left: 15px;
	}
}

@media screen and (min-width: 48em) {
	.location {
		padding-bottom: 33px;
	}
}

@media screen and (min-width: 64em) {
	.location {
		padding-bottom: 45px;
	}
}

@media screen and (min-width: 48em) {
	.location {
		padding-top: 33px;
	}
}

@media screen and (min-width: 64em) {
	.location {
		padding-top: 45px;
	}
}

.location-name {
	margin-top: 0;
}

.location-address li {
	padding-left: 0;
	clear: both;
}

.location-address label {
	margin-bottom: 7px;
	color: #002C65;
	float: left;
	padding-right: 10px;
    top:3px;
}

@media screen and (min-width: 48em) {
	.location-address label {
		margin-bottom: 11px;
	}
}

@media screen and (min-width: 64em) {
	.location-address label {
		margin-bottom: 15px;
	}
}

.location-address span{
  display: inline-block;
  font-size: 0.95rem;
}

.location-actions li {
	padding-left: 0;
}

.location-actions a {
	display: block;
}

.location-pin {
	color: #002C65;
}

.location__map {
  height: 270px;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .location__map {
    height: 300px;
  }
}

@media screen and (min-width: 64em) {
  .location__map {
    height: 396px;
  }
}

/**
* Registration progress indicator
*/

.progress-indicator--with-thanks .progress-indicator__step:nth-last-child(1):before,.progress-indicator .progress-indicator__step:first-child:before,.progress-indicator .progress-indicator__step:last-child:before {
  background-color: #fff;
  content: "";
  height: 1px;
  position: absolute;
  top: 12px;
  width: calc(50% - 15px);
}

.progress-indicator {
  padding: 20px 0;
  text-align: center;
}

.progress-indicator ul {
  display: inline-block;
  font-size: 0;
  list-style-type: none;
  margin: 0 auto;
  position: relative;
}

.progress-indicator ul:before {
  background-color: #cbcbcb;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 100%;
}

.progress-indicator .progress-indicator__step {
  font-size: .75rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #cbcbcb;
  display: inline-block;
  line-height: 14px;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  vertical-align: top;
  width: 80px;
  z-index: 3;
}

@media screen and (min-width:48em) {
  .progress-indicator .progress-indicator__step {
    font-size: .875rem;
    line-height: 1.5rem;
    width: 136px;
  }
}

.progress-indicator .progress-indicator__step span {
  display: block;
  padding: 30px 10px 0;
  position: relative;
}

@media screen and (min-width:48em) {
  .progress-indicator .progress-indicator__step span {
    padding-top: 34px;
  }
}

.progress-indicator .progress-indicator__step span:after,.progress-indicator .progress-indicator__step span:before {
  border-radius: 50%;
  left: 50%;
  position: absolute;
}

.progress-indicator .progress-indicator__step span:before {
  background-color: #cbcbcb;
  border: 1px solid transparent;
  color: #fff;
  content: attr(data-index);
  font-size: 10px;
  line-height: 10px;
  margin-left: -12px;
  padding: 6px 0;
  top: 0;
  width: 24px;
  z-index: 2;
}

.progress-indicator .progress-indicator__step span:after {
  background-color: #fff;
  content: "";
  height: 30px;
  margin-left: -15px;
  top: -3px;
  width: 30px;
}

.progress-indicator .progress-indicator__step--active {
  color: #424242;
}

.progress-indicator .progress-indicator__step--active span:before {
  background-color: #1a6ed1;
}

.progress-indicator .progress-indicator__step--all-complete,
.progress-indicator .progress-indicator__step--complete {
  color: #424242;
}

.progress-indicator .progress-indicator__step--all-complete span:before,
.progress-indicator .progress-indicator__step--complete span:before {
  content: "\EA5E";
  font-family: "YAIcons";
  font-size: 13px;
  padding: 7px 0 5px;
}

progress-indicator .progress-indicator__step--complete span:before {
  background-color: #fff;
  border-color: #1a6ed1;
  color: #1a6ed1;
}

.progress-indicator .progress-indicator__step--all-complete span:before {
  background-color: #1a6ed1;
  color: #fff;
}

.progress-indicator .progress-indicator__step:first-child:before {
  left: 0;
}

.progress-indicator .progress-indicator__step:last-child:before {
  right: 0;
}

.progress-indicator--thin .progress-indicator__step {
  width: 60px;
}

@media screen and (min-width:48em) {
  .progress-indicator--thin .progress-indicator__step {
    width: 100px;
  }
}

.form__step--hidden {
  display: none;
}

.progress-indicator .progress-indicator__step--complete span:before {
  background-color: #fff;
  border-color: #1a6ed1;
  color: #1a6ed1;
}

/**
* Filters
*/

.filters {
	max-width: 81.25rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	margin-bottom: 14px;
	padding-left: 14px;
	padding-right: 14px;
	text-align: center;
}

.filters::before,
.filters::after {
	content: ' ';
	display: table;
}

.filters::after {
	clear: both;
}

@media screen and (min-width: 48em) {
	.filters {
    margin-top: 22px;
		margin-bottom: 22px;
    padding-left: 22px;
		padding-right: 22px;   
	}
}

@media screen and (min-width: 64em) {
	.filters {
    margin-top: 30px;
		margin-bottom: 30px; 
    padding-left: 30px;
		padding-right: 30px;    
	}
}

.filters__filter-group,
.filters__filter-set,
.filters__filter-list,
.filters__filter,
.filters__selected-filters,
.filters__selected-filter-tag,
.filters__reset-selected-filters {
	margin: 0;
	padding: 0;
}

.filters__filter-group,
.filters__filter-set,
.filters__selected-filters,
.filters__filter-list,
.filters__filter {
	display: block;
}

.filters__selected-filter-tag,
.filters__reset-selected-filters {
	display: inline-block;
}

.filters__filter-controls {
	font-size: 0;
	vertical-align: middle;
}

.filters__controls-label {
	color: #393733;
	display: block;
	margin-bottom: 10px;
	margin-right: 14px;
	margin-top: 0;
}

.filters__filter-show-hide {
	background: #eee;
	border: 0;
	border-radius: 1px;
	color: #393733;
	height: 38px;
	line-height: 38px;
	margin-bottom: 0;
	padding: 0 10px;
  vertical-align: middle;
}

@media screen and (min-width: 48em){
  .filters__filter-show-hide {
    padding: 0 14px;
  }
}

.filters__filter-show-hide:focus {
	background: #eee;
	color: #393733;
	text-decoration: none;
}

.filters__filter-show-hide:hover:not(.active) {
	background: #d5d4d4;
	border: 0;
  color: #393733;
}

.filters__filter-show-hide:hover{
	text-decoration: none;  
}

.filters__filter-show-hide .icon {
	font-size: 7px;
	margin-top: 0;
  top: 0;
}

.filters__filter-show-hide .icon+.button__text {
  padding-left: 10px;
  display: inline-block;
}

.filters__filter-show-hide.active {
	background:#1a6ed1;
	color: #fff;
}

.filters__filter-show-hide:not(:last-child) {
	margin-right: 4px;
}

.filters__filter-group {
	text-align: left;
}

.filters__filter-set {
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: 200ms ease opacity;
}

.filters__filter-set.active {
	margin-top: 14px;
	height: auto;
	opacity: 1;
}

@media screen and (min-width: 48em) {
	.filters__filter-set.active {
		margin-top: 22px;
	}
}

@media screen and (min-width: 64em) {
	.filters__filter-set.active {
		margin-top: 30px;
	}
}

.filters__filter-list {
	max-width: 81.25rem;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.filters__filter-list::before,
.filters__filter-list::after {
	content: ' ';
	display: table;
}

.filters__filter-list::after {
	clear: both;
}

.filters__filter-list:before {
	bottom: 0;
	background-color: #e1ecf1;
	content: '';
	display: block;
	height: 1px;
	left: 10px;
	position: absolute;
	width: calc(100% - 20px);
	left: 0;
}

.filters__filter {
  margin-bottom: 14px;
  width: 50%;
}

@media screen and (min-width: 48em) {
	.filters__filter {
    margin-bottom: 22px;
    width: 100%;
	}
}

@media screen and (min-width: 64em) {
	.filters__filter {
		margin-bottom: 30px;
	}
}

.filters__filter .input-field {
	margin: 0;
}

.filters__filter .input-field__checkbox-label {
  margin-right: 8px;
}

.filters__selected-filters {
	color: #1a6ed1;
	font-size: 12px;
	margin-top: 24px;
}

.filters__selected-filters .icon {
	display: inline-block;
	font-size: 7px;
	margin-right: 5px;
	top: 0;
	vertical-align: baseline;
}

.filters__selected-filter-tag {
	margin-right: 20px;
}

@media screen and (max-width: 47.9375em) {
	.filters__selected-filter-tag {
		margin-bottom: 5px;
  }
  
  .filters__filter .input-field__checkbox-label {
    font-size: 12px;
    display: inline;
  }
}

/**
* Table
*/

table { 
  width: 100%; 
  border-collapse: collapse; 
  margin-bottom: 20px;
}

th { 
  background: rgba(255, 255, 255, 0.5); 
  color: #393733; 
}

tr{
  border-bottom: 1px solid #eee;
} 

td, th { 
  padding: 3px; 
  text-align: left; 
}

.pdfLogo:before{
  background-image: url('./pdf-icon.png');
  background-size: 15px;
  display: inline-block;
  width: 15px; 
  height: 15px;
  content:"";
  margin-right: 5px;
  vertical-align: middle;
}

@media screen and (min-width: 48em) {
	td, th { 
    padding: 15px; 
    font-size: 14px;
  }

  td .button{
    line-height: 0.6;
  }

  .pdfLogo:before{
    background-size: 25px;
    width: 25px; 
    height: 25px;
  }
}

td .button{
  line-height: 0.3;
}

@media only screen and (max-width: 47.9375em)  {

	table.tblCourses, .tblCourses thead, .tblCourses tbody, .tblCourses th, .tblCourses td, .tblCourses tr { 
		display: block; 
	}
	
	.tblCourses thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.tblCourses td:not(:last-child) { 
		border: none;
		position: relative;
    padding-left: 30%; 
    font-size: 12px;
	}
	
	.tblCourses td:before { 
		position: absolute;
		left:10px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
  }
  
  .tblCourses td:last-child{
    left: 10px;
  }
	
	.tblCourses td:nth-of-type(1):before { content: "Date"; }
	.tblCourses td:nth-of-type(2):before { content: "Category"; }
	.tblCourses td:nth-of-type(3):before { content: "Course"; }
  .tblCourses td:nth-of-type(4):before { content: "Location"; }
}

/*
* BreadCrumb 
*/

.sub-navigation__breadcrumbs {
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.5625rem;
	line-height: 0.75rem;
	margin-bottom: 4.2px;
	display: inline-block;
	margin: 0;
	opacity: 0.5;
  padding: 0;
	color: #393733;  
}

@media screen and (min-width: 48em) {
	.sub-navigation__breadcrumbs {
		font-size: 0.625rem;
    line-height: 0.875rem;
		margin-bottom: 6.6px;    
	}
}

@media screen and (min-width: 64em) {
	.sub-navigation__breadcrumbs {
    font-size: 0.625rem;
		margin-bottom: 9px;    
	}
}

.sub-navigation__breadcrumbs:hover,
.sub-navigation__breadcrumbs:focus {
	opacity: 1;
	text-decoration: none;
}

/**
* Course List
*/

.course {
	min-height: 150px;
	position: relative;
}

.course__image {
	position: relative;
	z-index: 10;
}

.course .course__image {
	height: 88px;
	text-align: center;
	width: 88px;
	position: absolute;
	left: 0;
	z-index: 1;
}

.course .course__image img {
	-o-object-position: top;
	object-position: top;
	font-family: "object-fit: contain; object-position: top";
	height: 100%;
}

.course__content-block {
  position: relative;
  margin-top: 11px;  
  padding-left: 102px;
}

.course__content-block p {
	clear: right;
}

.course__button{
  margin-top: 15px;
}

.course-name {
  margin-top: 0px;
}

.courses .column{
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eee;
}

@media screen and (min-width: 48em) {
	.course-name {
		margin-bottom: 7px;
  }
  
  .courses .column{
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

@media screen and (min-width: 48em) and (min-width: 48em) {
	.course-name {
		margin-bottom: 11px;
	}
}

@media screen and (min-width: 64em) {
  .course .course__image {
    height: 150px;
    width: 150px;
  }

	.course__content-block {
		padding-left: 183px;
  }
  
  .course-name {
		margin-bottom: 15px;
  }
  
  .courses .column{
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

/**
* Instore
*/

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before, .nav:after{
  display: table;
  content: " ";
}

.nav:after{
  clear: both;
}

.nav-tabs {
  margin-bottom: 10px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

.nav>li {
  position: relative;
  display: block;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.panel{
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default {
  border-color: #ddd;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-title{
  margin-bottom: 0px;
  margin-top: 0px;
  color: #003767;
  font-family: sans-serif;
  padding: 10px;
  text-transform: uppercase;
  font-size: 16px;
}

.panel-body {
  padding: 15px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>td {
  border: 1px solid #ddd;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}

.form-control{
  display: block;
  width: 100%;
  height: 38px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control[disabled] {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.btnDelete{
  font-size:16px;
  margin-left: 10px;
  margin-top: 5px;
  -webkit-appearance: none;
  outline: none;
  border: 0;
  background: transparent;
}

.button-success{
  background-color: #002c65;
}

.dataTables_length select{
  width: auto;
  padding: 0px;
  padding-right: 1.5rem;
  height: auto;
  margin-bottom: 5px;
}

.dataTables_wrapper a, .dataTables_info{
  font-size: 14px;
}

.table-responsive{
    overflow:hidden;
	overflow-x:scroll;
}

@media screen and (max-width: 48em) {
    #toast-container {
        top: 150px;
        margin: 0 auto;
        left: 12%;
    }
}

@media screen and (min-width: 64em) {
    #toast-container {
        top: 280px;
        margin: 0 auto;
        left: 40%;
    }
}

/*phase 2 code
making attendance form mobile friendly by making it single line*/

.button-section > a.button{
    color:white !important;
}
#tabs { 
    padding: 0px; 
    background: none; 
    border-width: 0px; 
} 
#tabs .ui-tabs-nav { 
    padding-left: 0px; 
    background: transparent; 
    border-width: 0px 0px 0px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabs .ui-tabs-panel { 
    background: transparent;
    padding:0;
}

.disabled-tab{
    pointer-events: none;
}

.dataTables_paginate.paging_simple_numbers{
    text-align: center !important;
    float: none !important;
}
#topReps > tbody{
    color: #808080;
    font-weight: 500;
}
#topCourses > tbody{
    color: #808080;
    font-weight: 500;
}
#topStores > tbody{
    color: #808080;
    font-weight: 500;
}
.left{
    float: left;
}
.right{
    float: right;
}
@media screen and (max-width: 767px), (max-device-width: 767px) {
    .report-charts{
        width:100% !important;
    }
    .table-flex-container{
        display: block;
    }
    .flex-container {
        flex-wrap: wrap !important;
    }
    .flex-container > div {
        width: 40% !important;
    }
    .flex-container div:first-child {
        margin-left: 15px !important;
    }
    .flex-container :last-child {
        margin-right : 15px !important;
    }
    #pieChart{
        margin-top:50px;
    }
    #fromDate{
        width:100%;
    }
    #toDate{
        width:100%;
    }
    #mpieChart{
        display:block !important;
    }
    #piedChart{
        display:none !important;
    }
    #mlinedChart{
        display:block;
    }
    #linedChart{
        display:none;
    }
    label.statistics{
        font-size : 28px !important;
    }
}

.report-charts{
    width: 49%;
    height: 428px;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 3px 3px 5px 6px #eee;
    margin-top: 10px;
}

@media (min-width:1025px) {
    /*Changing graph height as per Michael North*/
    #lineChart{
        height:500px !important;
    }
}

#pieChartLabel {
    margin-bottom : 15px;
    color: #05043a;
    font-size: large;
    font-weight: 600 !important;
}
caption {
    color: #05043a;
    font-size: large;
    font-weight: 600;
}

table.dataTable thead th{
    font-weight : 500 !important;
    font-size: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
}

.dt-buttons{
    float:right !important;
}

.table-flex-container{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction : row;
    justify-content: space-around;
}

.table-flex-container > div {
    text-align: center;
    overflow: auto;
}

.flex-container {
    display: flex;
    flex-wrap: nowrap;
    color : #05043a;
    justify-content:space-around;
}

.flex-container > div {
    margin: 15px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 3px 3px 5px 6px #eee;
}
.flex-container > div > label.statistics{
    font-weight: 600;
    font-size : 45px;
}

.flex-container :first-child {
    margin-left:0px;
}

.flex-container :last-child {
    margin-right : 0px;
}

.month-selection{
    text-align: center;
}

.validation-summary-errors > ul {
    list-style-type: none;
    color: #ff0000;
    text-align: center;
    padding-bottom : 15px;
}

.logoutComponent{
    float:right;
    text-align:right;
    padding-right:20px;
}

.logoutComponent.button{
    border-radius : 2px;
}

.logoutComponent.p{
    padding:0px;
}

#courseDetails.dataTables_paginate.paging_simple_numbers{
 float: right !important;
 }

@media screen and (max-width: 760px){
    #courseDetails{
        width: auto !important;
    }
} 

#courseDetails{
    width: 100%;
}
.up-compare{
    font-size: 35px !important;
    color: limegreen;
}
.down-compare{
    font-size: 35px !important;
    color: red;
}
.not-applicable{
    font-size: 40px !important;
    color: blueviolet;
}
.flex-container > br {
   display: block;
   margin: 10px 0;
}
.percent-data{
    vertical-align: super;
    font-size: 13px;
}
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
.filters__filter-controls > a{
    margin-bottom : 5px;
}

@media screen and (min-device-width : 350px) and (max-device-width : 375px){
    #cDataButton{
        width: 113px !important
    }
}

.graph-section{
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 3px 3px 5px 6px #eee;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto !important;
}

#selectedFilter > span{
    font-size: smaller;
    background-color: #dcdcdc;
    padding: 5px;
}