/**
 * @file
 * All of the styles for the theme.
 */

/**
 * Fonts
 */
@font-face {
  font-family: 'weblysleekui';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/weblysleekuisl.eot');
  src: url('../fonts/weblysleekuisl.eot??#iefix') format('embedded-opentype'),
    url('../fonts/weblysleekuisl.woff') format('woff');
}
@font-face {
  font-family: 'weblysleekui';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/weblysleekuisli.eot');
  src: url('../fonts/weblysleekuisli.eot??#iefix') format('embedded-opentype'),
    url('../fonts/weblysleekuisli.woff') format('woff');
}
@font-face {
  font-family: 'weblysleekui';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/weblysleekuisb.eot');
  src: url('../fonts/weblysleekuisb.eot?') format('embedded-opentype'),
    url('../fonts/weblysleekuisb.woff2') format('woff2'),
    url('../fonts/weblysleekuisb.woff') format('woff');
}
@font-face {
  font-family: 'weblysleekui';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/weblysleekuisbi.eot');
  src: url('../fonts/weblysleekuisbi.eot?') format('embedded-opentype'),
    url('../fonts/weblysleekuisbi.woff2') format('woff2'),
    url('../fonts/weblysleekuisbi.woff') format('woff');
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]),
[hidden] {
  display: none;
}

html,
body {
  height: 100%;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll;
  -webkit-font-smoothing: subpixel-antialiased;
}
html, button, input, select, textarea {
  font-family: 'weblysleekui', Arial, sans-serif;
}
body {
  background: #fff;
  color: #222;
  font-family: 'weblysleekui', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.45;
  margin: 0;
  min-width: 290px;
}
  body.has-sliding-panel {
    overflow: hidden;
  }

a:link {
  color: #00893D; /* #009946; */
}
a:visited, a.visited {
  color: #99568c;
}
a:hover, a.hover {
  color: #1a75cf;
}
a:active, a.a-active {
  color: #1a75cf;
}
a:focus, a.focus {
  outline: thin solid #016fbf;
}

ul, ol {
  margin-left: 0;
}
dd {
  margin: 0 0 0 1.25em;
}

h1 {
  color: #00893D; /* #009946; */
  font-size: 3em;
  font-weight: 100;
  line-height: 1;
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
}
  #page-title {
    color: #016FBF;
    font-size: 3.75em;
    margin: .5em 0;
    text-align: center;
  }
  @media all and (max-width: 835px) {
    h1 {
      font-size: 2em;
    }
    #page-title {
      font-size: 2.5em;
    }
  }
h2 {
  color: #016fbf;
  font-size: 2em;
  font-weight: normal;
  line-height: 1;
  margin: .5em 0 .25em;
}
  h2 > a:link, h2 > a:visited {
    color: inherit;
    text-decoration: inherit;
  }
  h1 + h2 {
    margin-top: 0;
  }
h3 {
  color: #01528c;
  font-size: 2em;
  font-weight: normal;
  margin: 1.5em 0 .5em;
}
  h3 > a:link, h3 > a:visited {
    color: inherit;
    text-decoration: inherit;
  }
  h2 + h3 {
    margin-top: 0;
  }
h4 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 1.33em 0;
  text-transform: uppercase;
}
  h4 > a:link, h4 > a:visited {
    color: inherit;
    text-decoration: inherit;
  }
  h3 + h4 {
    margin-top: 0;
  }
h5 {
  border-bottom: 1px solid;
  font-size: 1.25em;
  font-weight: normal;
  margin: 1.67em 0;
}
  h5 > a:link, h5 > a:visited {
    color: inherit;
    text-decoration: inherit;
  }
  h4 + h5 {
    margin-top: 0;
  }
h6 {
  font-size: 0.9em;
  font-weight: normal;
  margin: 2.33em 0;
}
  h6 > a:link, h6 > a:visited {
    color: inherit;
    text-decoration: inherit;
  }
  h5 + h6 {
    margin-top: 0;
  }

/*-Other-*/
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  white-space: nowrap;
}
address{
  font-style: normal;
}
b, strong {
  font-weight: bold;
}
blockquote {
  border-top: 1px solid;
  border-bottom: 1px solid;
  color: #068;
  font-family: Georgia, serif;
  margin: 1.5em 0;
  padding: 1em 1.5em 0;
  text-align: center;
}
  blockquote:before {
    content: '\201C\201E';
    display: block;
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
  }
dfn {
  font-style: italic;
}
embed, iframe, img, object {
  max-width: 100%;
}
  img {
    border: 0;
    -ms-interpolation-mode: bicubic;
  }
  @media all and (max-width: 835px) {
    iframe {
      height: 44vw;
    }
  }
hr {
  background-color: #0ae;
  border-width: 0;
  color: #0ae;
  height: 1px;
  line-height: 0;
  margin: 1.5em 0;
}
mark {
  color: #f50;
}
p {
  margin: 1.5em 0;
}
pre, code, kbd, samp {
  font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
  q:before, q:after {
    content: '';
    content: none;
  }
small {
  font-size: 75%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
svg:not(:root) {
  overflow: hidden;
}

/* Table */
table {
  background: #f7f7f7;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;;
  empty-cells: show;
}
  caption {
    font-size: .75em;
    text-align: left;
  }
  thead {
    background: #ddd;
    font-weight: bold;
  }
  tbody tr:hover {
    background: #eee;
  }
  td, th {
    border-left: 1px solid #ccc;
    padding: .5em 1em;
  }
    td:first-child,
    th:first-child {
      border-left: 0 none;
    }

/* Form */
form {}
  fieldset {
    background: #f7f7f7;
    border: 0 none;
    margin: 0;
    padding: .5em 1em;
  }
    legend {
      font-size: .75em;
      font-style: italic;
    }
button, input, select, textarea {
  border: 1px solid #ccc;
  font-size: 100%;
  margin: 0;
  padding: .1em 0 .1em .25em;
  vertical-align: baseline;
  *vertical-align: middle;
}
  button, input {
    line-height: normal;
  }
  .button,
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    background: #00893D; /* #009946; */
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 .5em .5em 0;
    padding: .4em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
    *overflow: visible;
  }
    a.button:link,
    a.button:visited {
      color: #fff;
    }
    .button:hover,
    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
      background: #1a75cf;
    }
    .button:active,
    button:active,
    input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active {
      background: #1a75cf;
    }
    .button:focus,
    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus {
      outline: thin solid #016fbf;
    }
    button[disabled], input[disabled] {
      background: #72828a;
      color: #999;
      cursor: default;
    }
      .button:disabled,
      button:disabled,
      input[type="button"]:disabled,
      input[type="reset"]:disabled,
      input[type="submit"]:disabled {
        background: #72828a;
        color: #999;
      }
input[type=file] {
  padding: .1em;
}
  input[type=file]::-webkit-file-upload-button {
    font-size: .95em;
    margin: 0;
  }
input[type=email],
input[type=password],
input[type=search],
input[type=text] {
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.025);
  font-size: 1em;
  padding: 5px;
}
input[type=image] {
  border: 0 none;
}

/*--Classes/Roles--*/
.align {
  margin: 0 5px 10px;
}
  .align.left {
    float: left;
    margin: 0 10px 10px 0;
  }
  .align.right {
    float: right;
    margin: 0 0 10px 10px;
  }
.block {}
  .block-compro-credit {}
    .block-compro-credit .content {
      font-size: .75em;
    }
  .block-contact-info .telephone {
    color: inherit;
    font-size: 1.5em;
    text-decoration: none;
  }
  .block-search {
    border-left: 1px solid #3d6fb2;
    float: right;
    padding: 10px 0 10px 10px;
  }
    @media all and (max-width: 835px) {
      .block-search {
        background: #01528C;
        border-bottom: 1px solid #016FBF;
        box-shadow: none;
        float: none;
        padding: 20px 10px;
      }
    }
    .block-search div {
      display: inline-block;
    }
    .block-search label,
    .visually-hidden {
      /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
      position: absolute !important;
      height: 1px; width: 1px;
      overflow: hidden;
      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
      clip: rect(1px, 1px, 1px, 1px);
    }
    .block-search .form-item {
      margin: 0;
      padding: 0;
    }
    .block-search .form-submit {
      vertical-align: bottom;
    }
    .block-search .form-text {
      background: transparent;
      border: 0 none;
      color: #fff;
      max-width: 175px;
    }
      @media all and (max-width: 975px) {
        .block-search .form-text {
          max-width: 75px;
        }
      }
      @media all and (max-width: 835px) {
        .block-search .form-text {
          max-width: 220px;
        }
      }
      .block-search .form-text:focus {
        background: #016fbf;
      }
      /* Pseudos for placeholder text */
      .block-search ::-webkit-input-placeholder {
        color: #fff;
        letter-spacing: .1em;
        text-transform: uppercase;
      }
      .block-search ::-moz-placeholder {
        color: #fff;
        letter-spacing: .1em;
        text-transform: uppercase;
      }
      .block-search :-ms-input-placeholder {
        color: #fff;
        letter-spacing: .1em;
        text-transform: uppercase;
      }
      @media all and (max-width: 450px) {
        .block-search .form-text {
          max-width: 200px;
          min-width: inherit;
        }
      }
  .block-category-tabs {
    text-align: center;
  }
    .mobile .block-category-tabs .quicktabs-wrapper.expanded {
      background: #F3F1EB;
      margin-bottom: 10px;
    }
      .mobile .block-category-tabs .quicktabs-wrapper.expanded .quicktabs-tabs > li > a {
        background: #F3F1EB;
        border: 0;
        border-bottom: 1px solid #8a8a8a;
      }
        .mobile .block-category-tabs .quicktabs-wrapper.expanded .quicktabs-tabs > li > a:after {
          background-position: 0 -13px;
        }
        .mobile .block-category-tabs .quicktabs-wrapper.expanded .quicktabs-tabs > li > a h3,
        .mobile .block-category-tabs .quicktabs-wrapper.expanded .quicktabs-tabs > li > a p {
          color: #01528C;
        }
      .mobile .block-category-tabs .quicktabs-wrapper.expanded .quicktabs_main {
        padding: 0 25px 25px;
      }
    .block-category-tabs .views-field-body {
      font-size: 20px;
      margin: 0 auto;
      max-width: 1060px;
    }
    .block-category-tabs h2,
    .block-category-tabs h3 {
      color: #fff;
      font-size: 24px;
      margin: 0;
    }
    .block-category-tabs .item-list > ul {
      padding: 0;
    }
    .block-category-tabs .quicktabs-tabs {
      margin-top: 5px;
    }
      .block-category-tabs .quicktabs-tabs li {
        display: inline-block;
        position: relative;
      }
        @media all and (max-width: 1185px) {
          .block-category-tabs .quicktabs-tabs li {
            padding: 0;
            width: 32%;
          }
        }
        @media all and (max-width: 835px)  {
          .block-category-tabs .quicktabs-tabs li {
            width: 100%;
          }
        }
          @media all and (max-width: 835px) {
            .block-category-tabs .quicktabs-tabs li.first,
            .block-category-tabs .quicktabs-tabs li.last {
              display: none;
            }
          }
        .block-category-tabs .quicktabs-tabs li a {
          background-color: #13579B;
          box-sizing: border-box;
          border: 0;
          color: #fff;
          display: inline-block;
          filter: opacity(50%);
          margin-right: -8.5px;
          height: 295px;
          padding: 60px 30px;
          text-decoration: none;
          vertical-align: middle;
          white-space: normal;
          width: 365px;
        }
        #quicktabs-view__campaign__category_tab_frca_block .quicktabs-tabs li a {
          height: 325px;
        }
          @media all and (max-width: 1185px) {
            .block-category-tabs .quicktabs-tabs li a {
              margin: 0;
              width: 100%;
            }
          }
          .block-category-tabs .quicktabs-tabs li a:hover {
            background-color: #13579B;
            filter: none;
          }
        .block-category-tabs .quicktabs-tabs li.active a {
          background: #fff;
          border: 1px solid #016fbf;
          color: #CC1B12;
          filter: none;
          height: 400px;
          padding: 110px 55px 60px;
          position: relative;
          width: 400px;
        }
        .block-category-tabs .quicktabs-tabs li.active h2 {
          color: #13579B;
        }
        #quicktabs-view__campaign__category_tab_frca_block .quicktabs-tabs li.active a {
          height: 425px;
          padding-top: 90px;
        }
          @media all and (max-width: 1185px) {
            .block-category-tabs .quicktabs-tabs li.active a,
            #quicktabs-view__campaign__category_tab_frca_block .quicktabs-tabs li.active a {
              height: auto;
              padding: 60px 30px;
              width: 100%;
            }
          }
          @media all and (max-width: 835px) {
            .block-category-tabs .quicktabs-tabs li.active a {
              background: #016FBF;
              padding: 30px;
            }
          }
          .block-category-tabs .quicktabs-tabs li.active a:after {
            background: url('../assets/tab_arrow.png');
            bottom: -13px;
            content: "";
            display: block;
            height: 14px;
            left: 50%;
            margin-left: -13px;
            position: absolute;
            width: 26px;
          }
            @media all and (max-width: 835px) {
              .block-category-tabs .quicktabs-tabs li.active a:after {
                background: url('../assets/arrows.png') no-repeat center -26px;
                bottom: 10px;
                height: 13px;
                margin-left: -12px;
                width: 24px;
              }
            }
          .block-category-tabs .quicktabs-tabs li.active a h3 {
            color: #01528c;
            font-size: 32px;
            font-weight: bold;
          }
          .block-category-tabs .quicktabs-tabs li.active a p {
            color: #333333;
          }
          @media all and (max-width: 835px) {
            .block-category-tabs .quicktabs-tabs li.active a h3,
            .block-category-tabs .quicktabs-tabs li.active a p {
              color: #fff;
            }
          }
        .block-category-tabs .quicktabs-tabs li.active:after,
        .block-category-tabs .quicktabs-tabs li.active.first:after {
          box-shadow: 15px 0 15px -5px;
          content: "";
          height: 295px;
          position: absolute;
          right: -5px;
          width: 15px;
          top: 55px;
          z-index: 1;
        }
          @media all and (max-width: 1185px) {
            .block-category-tabs .quicktabs-tabs li.active:after,
            .block-category-tabs .quicktabs-tabs li.active.first:after {
              display: none;
            }
          }
        .block-category-tabs .quicktabs-tabs li.active:before,
        .block-category-tabs .quicktabs-tabs li.active.last:before {
          box-shadow: -15px 0 15px -5px;
          content: "";
          height: 295px;
          position: absolute;
          left: 5px;
          width: 15px;
          top: 55px;
        }
          @media all and (max-width: 1185px) {
            .block-category-tabs .quicktabs-tabs li.active:before,
            .block-category-tabs .quicktabs-tabs li.active.last:before {
              display: none;
            }
          }
        .block-category-tabs .quicktabs-tabs li.active.last:after,
        .block-category-tabs .quicktabs-tabs li.active.first:before {
          display: none;
        }
    .block-category-tabs .quicktabs_main {
      margin: 30px auto 130px;
      max-width: 985px;
      text-align: left;
    }
      @media all and (max-width: 835px) {
        .block-category-tabs .quicktabs_main {
          display: none;
          margin-bottom: 0;
          padding: 0 20px;
        }
      }
      .block-category-tabs .quicktabs_main .views-field-field-page-links {
        line-height: 1;
        padding-top: 5px;
      }
        @media all and (max-width: 835px) {
          .block-category-tabs .quicktabs_main .views-field-field-page-links {
            clear: left;
            float: none;
            margin-bottom: 30px;
            width: 100%;
          }
        }
        .block-category-tabs .quicktabs_main .views-field-field-page-links ul {
          margin: 0;
        }
        .block-category-tabs .quicktabs_main .views-field-field-page-links li {
          list-style: none;
          margin-bottom: 15px;
        }
          .block-category-tabs .quicktabs_main .views-field-field-page-links li a {
            color: #016FBF;
            font-size: 24px;
            text-decoration: none;
          }
      .block-category-tabs .quicktabs_main .views-field-field-heading,
      .block-category-tabs .quicktabs_main .views-field-field-text-body {
        float: left;
        margin-right: 50px;
        width: 66%;
      }
        @media all and (max-width: 835px) {
          .block-category-tabs .quicktabs_main .views-field-field-heading,
          .block-category-tabs .quicktabs_main .views-field-field-text-body {
            width: 100%;
          }
        }
      .block-category-tabs .quicktabs_main .views-field-field-heading {
        font-size: 32px;
        line-height: 39px;
      }
      .block-category-tabs .quicktabs_main .views-field-nothing-1 {
        clear: both;
      }
.breadcrumb {
  color: #ccc;
  font-size: .9em;
  padding: 5px 0;
}
  .breadcrumb a {
    color: #aaa;
  }
    .breadcrumb a:hover {
      color: #888;
      text-decoration: underline;
    }
  .breadcrumb .delimiter {
    color: #aaa;
    display: inline-block;
    margin: 0 5px;
  }
.dismissible {
  background: #ebebeb;
  color: #444;
  margin-right: 10000px;
  max-width: 455px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
  .dismissible h3,
  .dismissible h4,
  .dismissible p {
    margin: 0;
  }
  .dismissible .form-item {
    margin: 0.5em 0;
  }
  .dismissible input,
  .dismissible textarea {
    max-width: 264px;
  }
    .dismissible label {
      font-weight: bold;
    }
  .dismissible textarea {
    max-width: 98%;
  }
  .dismissible .form-submit {
    display: block;
    font-weight: bold;
    padding: 1em 1.5em;
    text-transform: none;
    width: 100%;
  }
  .dismissible.ready {
    margin-right: 0;
  }
  .dismissible > h2 {
    background: #00893D; /* #009946; */
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 10px 20px;
  }
    @media all and (max-width: 400px) {
      .dismissible > h2 {
        font-size: 12px;
      }
    }
  .dismissible > .controls {
    background-color: #00893D; /* #009946; */
    position: absolute;
    right: 0;
    top: 0;
  }
    .dismissible > .controls > span {
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 1em;
      font-weight: bold;
      margin: 0 5px 0 0;
      padding: 7px 15px;
    }
    .dismissible > .controls > .minimize {
      background: url('../assets/dismiss-arrows.png') top left scroll no-repeat;
      color: #fff;
      height: 13px;
      padding: 0 15px;
      vertical-align: middle;
    }
      .dismissible > .controls > .expand {
        background-position-y: -13px;
      }
    .dismissible > .controls > .close {
      padding: 7px 15px 7px 7px;
    }
  .dismissible > .content {
    padding: 0 15px 15px;
  }
    .dismissible .webform-component-markup {
      color: #555;
    }
.embellishment {}
  .pop {
    background-color: #f1f1f1;
  }
    .pop h3 {
      color: #016fbf;
      flex: 1 100%;
      margin: 10px 10px 0;
    }
  .inverted {
    background-color: #3d6fb2;
    color: #fff;
    padding: 10px;
    text-align: center;
  }
    .inverted a {
      color: #00893D; /* #009946; */
    }
      .inverted a:hover {
        color: #fff;
      }
    .inverted h2 {
      color: #fff;
    }
  .basic {
    background-color: #f1f1f1;
  }
    .basic h3 {
      background: #ccc;
    }
  .cool {
    background: #3d6fb2;
    color: #fff;
  }
    .cool h3 {
      background: #395f90;
      color: #fff;
    }
    .cool a {
      color: #fff;
    }
      .cool a:hover {
        text-decoration: underline dotted;
      }
  .feature {
    background: #a1d7c0;
    color: #41406c;
  }
    .feature h3 {
      background: #00a261;
      color: #fff;
    }
.entity {}
  .entity-field-collection-item {}
    .field-collection-item-field-media-element {
      border-bottom: 1px solid #016fbf;
      margin: 1em -20px;
      padding: 1em 20px 3em;
    }
      .field-collection-item-field-media-element.nosep {
        border-bottom: 0 none;
      }
      .field-collection-item-field-media-element.view-mode-small {
        border-bottom: 0 none;
        margin: 0;
        padding: 0;
      }
        .field-collection-item-field-media-element.view-mode-small h3 {
          font-size: 1.25em;
          margin: 0 0 0 20px;
        }
      .field-collection-item-field-media-element .field-name-field-image {
        float: right;
        margin: 0 0 20px 20px;
      }
        @media all and (max-width: 835px) {
          .field-collection-item-field-media-element .field-name-field-image {
            float: none;
            margin-left: 0;
          }
        }
        .field-name-field-media-element > .field-collection-view:nth-child(2n) .field-name-field-image {
          float: left;
          margin: 0 20px 20px 0;
        }
.field {}
  .field-label {}
  .field-type-image {
    margin-bottom: 1.5em;
  }
    .view-mode-slide .field-type-image {
      margin-bottom: 0;
    }
  .field-name-field-me-grid {
    clear: both;
    margin: 1em 0;
  }
    .field-collection-item-field-me-grid {
      padding: 10px;
    }
      .field-collection-item-field-me-grid h3 {
        margin: -10px -10px 0;
        padding: 10px;
      }
  .field-name-field-review {
    margin-top: 50px;
    padding: 10px;
  }
    .field-name-field-review .field-name-field-attribution {
      font-weight: bold;
      float: right;
    }
.flexslider {
  border: 0 none;
  box-shadow: none;
}
  .flex-control-nav {
    background: #016fbf;
    min-height: 23px;
    padding: 0 15% 0 10px;
    position: static;
    text-align: right;
    width: inherit;
  }
    .flex-control-nav > li {
      vertical-align: .75em;
    }
      .flex-control-nav > li a {
        background: #bbb;
        color: #000;
        font-size: 0;
      }
      .flex-control-nav > li a.flex-active {
        background: #27b580;
        color: #000;
      }
  .view-slide .views-row {
    margin: 0;
  }
.form-item {
  margin: 1em 0;
}
  .form-item:last-child {
    margin-bottom: 0;
  }
  .form-item .description {
    color: #999;
    font-size: .75em;
  }
  label {
    display: inline-block;
    min-width: 9em;
    vertical-align: baseline;
  }
  .form-required {
    color: #832c00;
    font-size: .75em;
  }
.grid {}
  .grid.bare,
  .grid.view .view-content {
    margin-left: -10px;
  }
    .grid.bare.field-name-field-review {
      margin-left: 0;
    }
  .grid.bare > div,
  .grid.view .view-content > .views-row,
  .grid.region > .inner > .block {
    box-sizing: border-box;
    float: left;
    margin: 0 0 20px 30px;
    min-width: 10em;
  }
    .grid.bare > div:first-of-type,
    .grid.view .view-content > .views-row:first-of-type,
    .grid.region > .inner > .block:first-of-type {
      margin-left: 0;
    }
    .grid.bare.two > div:nth-child(2n+1),
    .grid.view.two .view-content > .views-row:nth-child(2n+1),
    .grid.region.two > .inner > .block:nth-child(2n+1),
    .grid.bare.three > div:nth-child(3n+1),
    .grid.view.three .view-content > .views-row:nth-child(3n+1),
    .grid.region.three > .inner > .block:nth-child(3n+1),
    .grid.bare.four > div:nth-child(4n+1),
    .grid.view.four .view-content > .views-row:nth-child(4n+1),
    .grid.region.four > .inner > .block:nth-child(4n+1),
    .grid.bare.five > div:nth-child(5n+1),
    .grid.view.five .view-content > .views-row:nth-child(5n+1),
    .grid.region.five > .inner > .block:nth-child(5n+1) {
      margin-left: 0;
    }
    @media all and (max-width: 960px) {
      .grid.bare > div:first-of-type,
      .grid.view .view-content > .views-row:first-of-type,
      .grid.region > .inner > .block:first-of-type {
        margin-left: 30px;
      }
      .grid.bare.two > div:nth-child(2n+1),
      .grid.view.two .view-content > .views-row:nth-child(2n+1),
      .grid.region.two > .inner > .block:nth-child(2n+1),
      .grid.bare.three > div:nth-child(3n+1),
      .grid.view.three .view-content > .views-row:nth-child(3n+1),
      .grid.region.three > .inner > .block:nth-child(3n+1),
      .grid.bare.four > div:nth-child(4n+1),
      .grid.view.four .view-content > .views-row:nth-child(4n+1),
      .grid.region.four > .inner > .block:nth-child(4n+1),
      .grid.bare.five > div:nth-child(5n+1),
      .grid.view.five .view-content > .views-row:nth-child(5n+1),
      .grid.region.five > .inner > .block:nth-child(5n+1) {
        margin-left: 30px;
      }
    }
    .grid.field-name-field-review > div {
      margin-left: 50px;
    }
      .grid.field-name-field-review > div > .content {
        max-width: 30em;
      }
      .grid.field-name-field-review > div:nth-child(2) {
        margin-left: 10px;
      }
    .grid.region > .inner > .block.first {
      margin-left: 0;
    }
    .grid .node {
      margin-bottom: 0;
    }
  .grid:after {
    content: ' ';
    display: table;
    clear: both;
  }
  .field-name-field-me-grid.grid.bare.one > div {
    margin: 0 auto;
    max-width: 45em;
  }
  .grid.bare.two > div,
  .grid.view.two .view-content > .views-row,
  .grid.region.two > .inner > .block {
    width: 47%;
  }
  .grid.bare.three > div,
  .grid.view.three .view-content > .views-row,
  .grid.region.three > .inner > .block {
    width: 31%;
  }
  .grid.bare.four > div,
  .grid.view.four .view-content > .views-row,
  .grid.region.four > .inner > .block {
    width: 23%;
  }
/* See bottom of the file for @supports query. */
.hide, .element-invisible {
  display: none;
}
  .away {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
ul.inline {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
  .inline > li {
    display: inline-block;
  }
.inline-form {}
  .inline-form .form-item,
  .inline-form .form-actions {
    display: inline-block;
    margin: 0 2em .5em 0;
  }
  .inline-form label {
    margin: 0 1em 0 0;
    min-width: inherit;
  }
  @media all and (max-width: 675px) {
    .inline-form .form-item,
    .inline-form .form-actions {
      display: block;
      margin: 0 10px .5em 0;
    }
      .inline-form .form-item input {
        max-width: 99%;
      }
    .inline-form label {
      margin: 0 0 .25em;
    }
  }
.invert-layout {}
.lang-switcher {
  overflow: hidden;
}
  .lang-switcher a {
    color: #444;
    display: inline-block;
    padding: 0 5px 0 0;
    text-decoration: none;
  }
    @media all and (max-width: 835px) {
      .lang-switcher a {
        color: #fff;
        font-size: 12px;
        padding: 0 8px;
      }
    }
    .lang-switcher a:hover {
      color: #016fbf;
      text-decoration: underline;
    }
      @media all and (max-width: 835px) {
        .lang-switcher a:hover {
          color: #fff;
          text-decoration: none;
        }
      }
    .lang-switcher a.active {
      color: #111;
      text-decoration: underline;
    }
      @media all and (max-width: 835px) {
        .lang-switcher a.active {
          color: #fff;
          text-decoration: none;
        }
      }
  .lang-switcher > .country {
    float: left;
    padding: 5px 5px 5px 40px;
  }
    @media all and (max-width: 835px) {
      .lang-switcher > .country {
        padding: 0;
      }
    }
    .lang-switcher li {}
      @media all and (max-width: 835px) {
        .lang-switcher li {
          padding: 10px 0 5px;
        }
      }
      .lang-switcher li.active {}
        @media all and (max-width: 835px) {
          .lang-switcher li.active {
            background: #016FBF;
          }
        }
      .lang-switcher li:hover {}
        @media all and (max-width: 835px) {
          .lang-switcher li:hover {
            background: #016FBF;
            color: #fff;
          }
        }
    .lang-switcher .ca {
      background: transparent url('../assets/flag_ca.png') center left scroll no-repeat;
    }
      @media all and (max-width: 835px) {
        .lang-switcher .ca {
          background: none;
        }
      }
      .lang-switcher .ca li a {}
        @media all and (max-width: 835px) {
          .lang-switcher .ca li a {
            background: transparent url('../assets/flag_ca.png') center top scroll no-repeat;
            padding-top: 20px;
          }
        }
      .lang-switcher .ca > .first {
        border-right: 1px solid #ccc;
      }
        @media all and (max-width: 835px) {
          .lang-switcher .ca > .first {
            border-right: 0;
          }
        }
    .lang-switcher .us {
      background: transparent url('../assets/flag_us.png') center left scroll no-repeat;
    }
      @media all and (max-width: 835px) {
        .lang-switcher .us {
          background: none;
        }
      }
      .lang-switcher .us li a {}
        @media all and (max-width: 835px) {
          .lang-switcher .us li a {
            background: transparent url('../assets/flag_us.png') center top scroll no-repeat;
            padding-top: 20px;
          }
        }
.links {}
  ul.links {}
.marker {
  color: #f82;
  font-size: .75em;
  vertical-align: .75em;
}
.mediaelement-video {
  margin: 0 0 1.5em;
}
  .mejs-container {
    width: 100% !important;
    max-width: 580px;
  }
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
  .menu > li {
    display: inline;
  }
    .menu > li a {
      display: inline-block;
      margin: 0;
      padding: 1em;
      text-decoration: none;
    }
  .menu.menu-main-menu {
    background: #666;
    box-shadow: 0 0 1em rgba(50,50,50,.5);
    color: #fff;
    margin: 2em 0 0;
  }
    .menu.menu-main-menu > li a {
      border-right: 1px solid #aaa;
      color: #fff;
    }
      .menu.menu-main-menu > li a:hover {
        background: #999;
      }
.messages {
  font-style: italic;
  margin: .5em 0;
  padding: .5em;
}
  .error {
    background: #f50;
    color: #fff;
  }
  .status {
    background: #0ae;
    color: #024;
  }
  .warning {
    background: #fdc;
    color: #f50;
;  }
.node {
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 3em;
}
  .node .field-label-inline h3 {
    color: #01528c;
    font-size: 1em;
    display: inline-block;
    margin: 0;
  }
    .node .field-label-inline h3:after {
      content: ':';
    }
  .node.view-mode-teaser {
    border-bottom: 1px solid #016fbf;
    padding-bottom: 30px;
  }
  .node.view-mode-small {
    font-size: .75em;
  }
    .node.view-mode-small h2 {
      font-size: 1.5em;
      margin: .25em 0;
    }
    .views-field-field-blocks .view-mode-small {
      border-bottom: 1px solid #bbb;
      margin: 0 0 10px;
      padding: 0 0 10px;
    }
    .views-field-field-blocks .entity-bean {
      font-size: .75em;
    }
    .views-field-field-blocks hr {
      background-color: #bbb;
      color: #bbb;
    }
  .node.view-mode-slide {
    margin-bottom: 0;
  }
.node-person {}
  .node-person.view-mode-full .field-name-field-image {
    text-align: center;
  }
  .node-person.view-mode-full .field-name-field-job-title {
    color: #00a261;
    font-size: 2.5em;
    font-style: italic;
    text-align: center;
  }
.node-readmore {}
  .node-readmore a {
    color: #00893D; /* #009946; */
    display: inline-block;
    font-weight: bold;
    margin-top: 20px;
    text-decoration: none;
    text-transform: uppercase;
  }
.node-type-solution{}
  .node-type-solution .region-footer,
  .node-type-solution .view-display-id-solution_products_block {}
    @media all and (max-width: 840px) {
      .node-type-solution .region-footer,
      .node-type-solution .view-display-id-solution_products_block {
        padding-bottom: inherit;
      }
    }
.node-type-blog {}
  .node-blog.view-mode-full .field-type-image {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 50%;
  }
.node-type-campaign {}
  .campaign-main-content {
    font-size: 125%;
    text-align: center;
  }
  .views-field-field-blocks .block {
    background: #fff;
    color: #111;
    padding: 10px 20px;
  }
    .views-field-field-blocks .block > h2 {
      color: #00893D; /* #009946; */
      margin: .25em 0 .75em;
      text-align: center;
    }
  .views-field-field-campaign-blocks-title {
    text-align: center;
  }
  .views-field-field-campaign-blocks-title h2 {
    color: #fff;
    font-size: 3em;
    margin-bottom: 1em;
  }
    @media all and (max-width: 835px) {
      .views-field-field-campaign-blocks-title h2 {
        font-size: 32px;
      }
    }
  .views-field-field-campaign-featured-title {
    text-align: center;
  }
    .views-field-field-campaign-featured-title h2 {
      font-size: 3em;
      margin-top: 1.5em;
    }
.node-unpublished {
  background: #eee;
}
  .node-unpublished:before {
    color: #7a121c;
    content: 'Not published';
    font-size: 3em;
    text-transform: uppercase;
  }
.overflow {}
  .overflow-visible {
    overflow: visible !important;
  }
@media all and (max-width: 885px) {
  .padded {
    padding: 0 20px;
  }
}
div.pager {
  font-size: .875em;
  margin: 1em auto;
  text-align: center;
}
  .pager ul > li {
    display: inline-block;
    margin: 0 .2em 0 0;
  }
    .pager li > a, .pager li > span {
      -moz-transition: background-color .1s ease-out;
      -webkit-transition: background-color .1s ease-out;
      color: #666;
      display: inline-block;
      padding: .3em .5em;
      text-decoration: none;
      transition: background-color .1s ease-out;
    }
      .pager li > a:hover {
        background-color: #016fbf;
        color: #fff;
      }
  li.pager-current > span {
    background-color: #016fbf;
    color: #fff;
  }
  .pager-links li > a {
    min-width: 3em;
  }
.pipe-spaced {}
  .pipe-spaced li:after {
    color: #fdc;
    content: '|';
    display: inline-block;
    padding: 0 0 0 10px;
  }
    .pipe-spaced li.last:after {
      display: none;
    }
.print-break {
  page-break-before: always;
}

/**
 * Skip-to-main-content links for accessibility.
 */
.skip-hide {
  background: #00893D; /* #009946; */
  position: relative;
  text-align: center;
}
.skip-hide a {
  color: #fff;
  display: block;
  height: 1px;
  left: -10000px;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  top: auto;
  width: 1px;
}
.skip-hide a:focus {
  height: auto;
  outline: 0 none;
  position: static;
  width: auto;
}

.social {}
  .social a[href]:before {
    color: #bbb;
    font-size: 1.25em;
    font-size: 1.25rem;
    margin: 0;
    padding: 1px 5px;
  }
    @media all and (max-width: 835px) {
      .social a[href]:before {
        color: #fff;
        font-size: 1.75rem;
      }
    }
.sticky {
  position: fixed;
}
  .bottom-left {
    bottom: 0;
    left: 10%;
  }
  .bottom-right {
    bottom: 0;
    right: 10%;
  }
    @media all and (max-width: 835px) {
      .bottom-right {
        right: 0;
      }
    }
  .middle-left {
    bottom: 40%;
    left: 0;
  }
  .middle-right {
    bottom: 40%;
    right: 0;
  }
  .top-left {
    left: 10%;
    top: 0;
  }
  .top-right {
    right: 10%;
    top: 0;
  }
.summary {
  font-size: 1.25em;
}
.tabs {
  border-bottom: 1px solid;
  border-color: #ccc;
  list-style: none;
  margin: 0;
  overflow: hidden; /* Hack */
  padding: 0 0 0 1em;
}
  .tabs.primary{}
  .tabs > li {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    display: block;
    float: left;
    margin: 0 1em 0 0;
  }
    .tabs > li > a {
      -moz-transition: background-color .3s ease-out;
      -webkit-transition: background-color .3s ease-out;
      color: #024;
      display: inline-block;
      padding: .5em 1em;
      text-decoration: none;
      transition: background-color .3s ease-out;
    }
      .tabs > li > a:hover {
        background: #0ae;
        color: #fff;
      }
      .tabs > li > a.active {
        background: #fdc;
      }
  @media all and (max-width: 550px) {
    .tabs {
      border: 1px solid #ccc;
      font-size: .8em;
      padding: 0;
    }
      .tabs > li {
        border-radius: 0;
        border-width: 0 0 1px 0;
        float: none;
        margin: 0;
      }
        .tabs > li:last-child {
          border-width: 0;
        }
        .tabs > li > a {
          display: block;
        }
  }
.tb-megamenu {
  font-size: 15px;
  position: relative;
}
  .tb-megamenu a {
    color: #fff;
  }
  .tb-megamenu .nav,
  .tb-megamenu .mega-nav {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    .tb-megamenu .nav {
      margin: 0 0 0 -25px;
    }
      @media all and (max-width: 835px) {
        .tb-megamenu .nav {
          margin: 0;
        }
      }
    .tb-megamenu .nav > li {
      float: left;
      margin-left: 0;
    }
      @media all and (max-width: 835px) {
        .tb-megamenu .nav  > li {
          border-bottom: 1px solid #4d80c2;
          clear: left;
          display: block;
          float: none;
        }
      }
      .tb-megamenu .nav > li > a {
        font-weight: normal;
        padding: 15px 0 15px 25px;
        position: relative;
        text-decoration: none;
      }
      @media all and (min-width: 835px) {
        .tb-megamenu .nav  > li.active > a:after {
          bottom: 0;
          content: "";
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #fff;
          height: 0;
          left: 50%;
          margin-left: -10px;
          position: absolute;
          width: 0;
        }
      }
      .tb-megamenu .nav > li:hover > a {
        background: #fff;
        color: #016fbf;
      }
        @media all and (max-width: 835px) {
          .tb-megamenu .nav > li:hover > a {
            background: #016FBF;
            color: #fff;
          }
        }
  .tb-megamenu .btn-navbar {
    display: none;
  }
  .tb-megamenu .block h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 .25em;
  }
  .tb-megamenu .caret {
    display: none;
  }
  .tb-megamenu .level-0 > li > a {
    display: block;
    font-size: 1em;
    padding: 17px 25px;
    text-transform: uppercase;
  }
  .tb-megamenu .dropdown-menu {
    background-color: #fff;
    border-color: #016fbf;
    border-style: solid;
    border-width: 0 1px 4px 1px;
    color: #111;
    display: none;
    margin-left: -1px;
    padding: 25px 0 30px 0;
    position: absolute;
    top: 53px;
    z-index: 1000;
  }
    @media all and (max-width: 835px) {
      .tb-megamenu .dropdown-menu {
        background-color: #D7D7D9;
        border: 0;
        padding: 0;
        position: static;
        top: 0;
      }
    }
    .tb-megamenu .dropdown-menu li {
      clear: left;
      width: 235px;
    }
      .tb-megamenu .dropdown-menu .dropdown-submenu:hover > a {
        background: #016FBF;
        color: #fff;
      }
      .tb-megamenu .dropdown-menu .dropdown-submenu .dropdown-menu {
        display: none;
        padding-bottom: 0px;
      }
      .tb-megamenu .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
        border: 0;
        border-left: 1px solid #016FBF;
        display: block;
        left: 235px;
        height: 500px;
        max-width: 235px;
        position: absolute;
        top: 0;
      }
        .tb-megamenu .dropdown-menu .dropdown-submenu .dropdown-menu a {
          padding: 5px 25px;
        }
        .tb-megamenu .dropdown-menu .dropdown-submenu .dropdown-menu a:hover {
          background: none;
          color: #016FBF;
        }
        @media all and (max-width: 835px) {
          .tb-megamenu .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
            position: static;
            height: auto;
          }
          .tb-megamenu .dropdown-menu .dropdown-submenu .dropdown-menu a {
            border: 0;
            padding: 10px 30px;
          }
        }
        .tb-megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .tb-megamenu-column {
          border: 0;
          float: none;
          margin: 0;
          padding: 0;
        }
    .tb-megamenu .dropdown-menu .mega-group .tb-megamenu-submenu {
      display: none;
    }
    .tb-megamenu .dropdown-menu .tb-megamenu-block {
      float: left;
      max-width: 200px;
      padding: 0 20px 0 40px;
    }
      @media all and (max-width: 835px) {
        .tb-megamenu .dropdown-menu .tb-megamenu-block {
          display: none;
        }
      }
      @media all and (max-width: 1125px) {
        .tb-megamenu .dropdown-menu .tb-megamenu-block {
          float: none;
        }
      }
      .tb-megamenu .dropdown-menu .tb-megamenu-block.megagroup-block {
        padding-left: 250px;
        width: 50%;
      }
      .tb-megamenu .dropdown-menu .tb-megamenu-block .field-name-field-text-body {
        color: #016FBF;
        margin: 15px 0 25px 0;
      }
    .tb-megamenu .dropdown-menu .tb-megamenu-column {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      max-width: 50%;
      vertical-align: top;
    }
      @media all and (max-width: 835px) {
        .tb-megamenu .dropdown-menu .tb-megamenu-column {
          float: none;
          max-width: none;
        }
      }
      @media all and (max-width: 1125px) {
        .tb-megamenu .dropdown-menu .tb-megamenu-column {
          max-width: 49%;
        }
      }

    .tb-megamenu .dropdown-menu li > a {
      color: #111;
      display: block;
      padding: 14px 25px;
      text-decoration: none;
    }
      .tb-megamenu .dropdown-menu li > a:hover {
        background: #016FBF;
        color: #fff;
      }
      @media screen and (max-width: 1125px) {
        .tb-megamenu {
          margin-top: 0;
        }
          .tb-megamenu .nav > li > a {
            padding: 15px 10px;
          }
      }
      @media all and (max-width: 915px) {
        .tb-megamenu .nav > li > a {
          font-size: 15px;
          padding: 15px 5px;
        }
      }
      @media all and (max-width: 835px) {
        .tb-megamenu .dropdown-menu li {
          width: 100%;
        }
        .tb-megamenu .dropdown-menu li > a {
          border-bottom: 1px solid #01528c;
          color: #01528C;
        }
        .tb-megamenu .nav > li > a {
          padding: 15px;
        }
      }
  .tb-megamenu .open {
    *z-index: 1000;
  }
    .tb-megamenu .open > .dropdown-menu {
      display: block;
    }
  .tb-megamenu .tb-megamenu-submenu .tb-megamenu-submenu .tb-megamenu-column {
    border-bottom: 1px solid;
    margin: 0 0 0 25px;
    padding: 0 0 8px 0;
  }
.text-shadow {
  text-shadow: 1px 1px 1px rgba(0,34,68,.5),
    1px -1px 1px rgba(0,34,68,.5),
    -1px 1px 1px rgba(0,34,68,.5),
    -1px -1px 1px rgba(0,34,68,.5);
}
.uppercase {
  text-transform: uppercase;
}
.views-exposed-form {}
  .views-exposed-form .form-submit {
    margin-top: 1.2em;
    padding: 5px 15px 5px 10px;
  }
    .block-search .views-exposed-form .form-submit {
      line-height: initial;
      margin: 0;
      padding: 0;
    }
.views-row {
  margin-bottom: 10px;
}
/*--Solution view block--*/
#block-views-469c2df2b5193681c63d44813ea5341f h2 {
  margin-bottom: 45px;
}
.view-blog {}
  .view-blog .view-header {
    color: #bbb;
    text-align: center;
    text-transform: uppercase;
  }
.view-solution {}
  .view-solution.grid .view-content > .item-list > ul {
    align-items: center;
  }
  .view-solution.view-display-id-solution_products_block .attachment.sticky {
    background: #fff;
    max-width: 1130px;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .view-solution.view-display-id-solution_products_block > .view-content.anchor-fixed {
    padding-top: 135px;
  }
  .view-solution .view-display-id-solutions_products_anchor_attachment {
    text-align: center;
  }
    @media all and (max-width: 835px)  {
      .view-solution .view-display-id-solutions_products_anchor_attachment {
        display: none;
      }
    }
    .view-solution .view-display-id-solutions_products_anchor_attachment .item-list {
      margin-left: 10px;
      width: 100%;
    }
      .view-solution .view-display-id-solutions_products_anchor_attachment .item-list ul {
        padding: 0;
      }
      .view-solution .view-display-id-solutions_products_anchor_attachment .item-list li {
        list-style: none;
        margin-right: 5px;
        position: relative;
      }
        .view-solution .view-display-id-solutions_products_anchor_attachment .item-list li a {
          background: #EBEBEB;
          color: #000;
          display: block;
          font-size: 20px;
          font-size: 1.2vw;
          padding: 15px 10px;
          text-decoration: none;
        }
          @media all and (max-width: 1150px) {
            .view-solution .view-display-id-solutions_products_anchor_attachment .item-list li a {
              font-size: 1.5vw;
            }
          }
          @media all and (max-width: 950px) {
            .view-solution .view-display-id-solutions_products_anchor_attachment .item-list li a {
              font-size: 1.75vw;
            }
          }
          .view-solution .view-display-id-solutions_products_anchor_attachment .item-list li a.active {
            background: #00893D; /* #009946; */
            color: #fff;
          }
            .view-solution .view-display-id-solutions_products_anchor_attachment .item-list li a.active:hover:after {
              border-top-color: #EBEBEB;
            }
            .view-solution .view-display-id-solutions_products_anchor_attachment .item-list li a.active:after {
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 15px solid #00893D; /* #009946; */
              bottom: -15px;
              content: "";
              height: 0;
              left: 50%;
              margin-left: -15px;
              position: absolute;
              width: 0;
            }
          .view-solution .view-display-id-solutions_products_anchor_attachment .item-list li a:hover {
            background: #EBEBEB;
            color: #00893D; /* #009946; */
            text-decoration: none;
          }
/*--Sliding panel--*/
.sliding-panel-button {
  display: none;
}
  @media all and (max-width: 835px) {
    .hamburger {
      display: block;
      color: #00893D; /* #009946; */
      cursor: pointer;
      float: right;
      font-size: 40px;
      padding-top: 10px;
    }
  }
.sliding-panel-header {
  display: none;
}
@media all and (max-width: 835px) {
  .sliding-panel-header {
    border-bottom: 1px solid #4d80c2;
    display: block;
    font-size: 24px;
    overflow: hidden;
    padding: 20px;
    text-transform: uppercase;
  }
  .sliding-panel-content {
    -webkit-overflow-scrolling: touch;
    background: #01528C;
    bottom: 0;
    color: #fff;
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: auto;
    top: 0;
    -webkit-transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    -o-transform: translateX(-280px);
    transform: translateX(-280px);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    width: 280px;
    z-index: 999999;
  }
    .sliding-panel-content.is-visible {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  .sliding-panel-fade-screen {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -ms-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #000;
    bottom: 0;
    left: 0;
    opacity : 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9999;
  }
    .sliding-panel-fade-screen.is-visible {
     opacity: 0.4;
     visibility: visible;
    }
.sliding-panel-close {
    cursor: pointer;
  }
}

/*--Structure--*/
.page {
  margin: 0 auto;
  max-width: 1600px;
  padding: 0;
}

.region {
  clear: both;
  padding: 0;
}
.region > .inner {
  margin: 0 auto;
  max-width: 1130px;
  padding: 20px 20px;
}
  .content-and-sidebar:after,
  .inner:after,
  .field-collection-item-field-media-element:after {
    clear: both;
    content: ' ';
    display: table;
  }
  @media screen and (min-width: 1px) {
    .region > .inner {
      width: inherit;
    }
  }

/* Region-specific */
.region-page-top,
.region-page-bottom {}
  .region-page-bottom > .inner,
  .region-page-top > .inner {
    padding: 0;
  }
.region-header {}
  @media all and (max-width: 835px) {
    .region-header {
      border-bottom: 10px solid #016FBF;
      margin-bottom: 20px;
      padding: 0 0 10px 0;
    }
  }
  .region-header > .inner {
    padding-bottom: 10px;
  }
  .region-header .block {
    float: right;
  }
    @media all and (max-width: 835px) {
      .region-header .block {
        display: none;
      }
    }
  .region-header .block-blockify {
    float: left;
  }
    @media all and (max-width: 835px) {
      .region-header .block-blockify {
        display: block;
      }
    }
    @media all and (max-width: 475px) {
      .region-header .block-blockify img {
        padding-top: 15px;
        width: 200px;
      }
    }
    .block-blockify a.logo {
      display: block;
    }
  .region-header .block-contact-info {
    clear: right;
  }
.region-nav {
  background-color: #016fbf;
  border-top: 1px solid #016fbf;
  color: #fff;
}
  @media all and (max-width: 835px) {
    .region-nav {
      display: none;
    }
  }
  .region-nav > .inner {
    padding-top: 0;
    padding-bottom: 0;
  }
    @media all and (max-width: 835px) {
      .region-nav > .inner {
        padding: 0;
      }
    }
.region-sliding-panel {}
  .region-sliding-panel .inner {
    padding: 0;
  }
  .region-sliding-panel .hide {}
    @media all and (max-width: 835px) {
      .region-sliding-panel .hide {
        display: block;
      }
    }
  .region-sliding-panel .block-blockify {}
    @media all and (max-width: 835px) {
      .region-sliding-panel .block-blockify {
        display: none;
      }
    }
  .region-sliding-panel .external-login {}
    @media all and (max-width: 835px) {
      .region-sliding-panel .external-login {
        float: right;
        padding-top: 10px;
      }
    }
  .region-sliding-panel .block-routeone-custom {}
    @media all and (max-width: 835px) {
      .region-sliding-panel .block-routeone-custom {
        float: left;
      }
      .region-sliding-panel .block-routeone-custom.first {
        float: none;
      }
    }
  .region-sliding-panel .block-contact-info {}
    @media all and (max-width: 835px) {
      .region-sliding-panel .block-contact-info {
        clear: both;
        padding-top: 15px;
        text-align: center;
    }
  }
.region-pre-content {}
  .region-pre-content > .inner {
    max-width: inherit;
    padding: 0;
  }
  @media all and (max-width: 835px) {
    .region-pre-content {
      display: none;
    }
  }
.content-and-sidebar {}
  .sidebar-first .content-and-sidebar {
    margin: 0 auto;
    max-width: 1130px;
  }
  .region-sidebar-first {
    box-sizing: border-box;
    clear: right;
    float: right;
    margin: 0;
    padding: 0 15px;
    min-width: 220px;
    width: 32.5%;
  }
    .region-sidebar-first > .inner {
      margin: 0;
      width: 85%;
    }
  .region-content {}
    .region-content > .inner {}
    .sidebar-first .region-content {
      box-sizing: border-box;
      clear: left;
      float: left;
      margin: 0;
      min-width: 450px;
      padding: 0 40px 0 0;
      width: 67.5%;
    }
      .sidebar-first .region-content > .inner {
        margin: 0 auto 0 0;
        padding: 20px 0;
        width: initial;
      }
.region-tabs {}
  @media all and (max-width: 835px) {
    .region-tabs {
      padding: 0;
    }
    .region-tabs .inner {
      padding: 0;
    }
  }
.region-middle {}
  .region-middle > .inner {
    background-color: #3d6fb2;
    color: #fff;
    max-width: 1110px;
    padding: 20px 40px;
  }
  @media all and (max-width: 835px) {
    .region-middle {
      padding: 0;
    }
    .region-middle .inner {
      padding: 15px 15px 15px 25px;
    }
    .region-middle .grid.bare.three > div {
      background: #F1F1F1;
      flex: inherit;
      margin-left: 0;
      width: 100%;
    }
    .region-middle .grid .block > .content {
      padding-top: 20px;
    }
    @media all and (max-width: 835px) {
      .region-middle .grid .block > .content {
        display: none;
      }
    }
    .region-middle .grid .block > h2 {
      color: #016FBF;
      cursor: pointer;
      padding: 20px 0;
      position: relative;
    }
    .region-middle .grid .block > h2:after {
      background: url('../assets/arrows.png') no-repeat;
      bottom: -25px;
      content: "";
      left: 50%;
      height: 13px;
      margin-left: -12px;
      position: absolute;
      width: 24px;
    }
    .region-middle .grid .block.expanded > h2:after {
      background-position: center -13px;
    }
  }
.region-post-content {}
  .region-post-content > .inner {}
.region-pre-footer {}
  .region-pre-footer > .inner {
    background-color: #3d6fb2;
    color: #fff;
    text-align: center;
  }
  .region-pre-footer h2 {
    color: inherit;
  }
.region-footer {
  background-color: #016fbf;
  color: #fff;
  margin-top: 3em;
  padding-bottom: 45px;
}
  @media all and (max-width: 835px) {
    .region-footer {
      padding-bottom: 0;
    }
  }
  .region-footer .dismissible {}
    @media all and (max-width: 835px) {
      .region-footer .dismissible {
        max-width: none;
        position: relative;
        width: 100%;
      }
    }
  .region-footer > .inner {}
    @media all and (max-width: 835px) {
      .region-footer > .inner {
        padding: 0;
      }
    }
  .region-footer .block-routeone-custom {
    float: left;
  }
    @media all and (max-width: 835px) {
      .region-footer .block-routeone-custom {
        padding: 25px;
      }
    }
  .region-footer .block-menu {
    float: right;
  }
    @media all and (max-width: 965px) {
      .region-footer .block-menu {
        clear: left;
        float: none;
      }
    }
    @media all and (max-width: 835px) {
      .region-footer .block-menu {
        clear: none;
        float: none;
      }
    }
    .region-footer .block-menu .content {}
      @media all and (max-width: 835px) {
        .region-footer .block-menu .content {
          border-top: 1px solid #4d80c2;
          clear: both;
          display: none;
          padding: 10px 0 0 25px;
        }
      }
    .region-footer .block-menu li {}
      @media all and (max-width: 835px) {
        .region-footer .block-menu li {
          display: block;
        }
      }
    .region-footer .block-menu a {
      color: #fff;
      font-size: 14px;
      padding: 8px 2px;
      text-transform: uppercase;
    }
      @media all and (max-width: 835px) {
        .region-footer .block-menu li a {
          display: block;
        }
      }
      .region-footer .block-menu a:hover {
        text-decoration: underline;
      }
      .region-footer .block-menu a:after {
        background: #fff;
        content: "";
        display: inline-block;
        height: 2px;
        margin: 0 0 4px 8px;
        width: 2px;
      }
       @media all and (max-width: 835px) {
         .region-footer .block-menu a:after {
           display: none;
         }
       }
      .region-footer .block-menu li.last a:after {
        display: none;
      }
  .region-footer .hamburger {
    display: none;
  }
    @media all and (max-width: 835px) {
      .region-footer .hamburger {
        display: block;
        float: right;
        padding: 10px 20px;
      }
    }
@media all and (min-width: 1px) {
  .grid.bare,
  .grid.view .view-content,
  .grid.view .view-content > .item-list > ul,
  .grid.region > .inner {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
    .grid:after {
      display: none;
    }
    .grid.bare > div,
    .grid.view .view-content > .views-row,
    .grid.view .view-content > .item-list > ul > .views-row,
    .grid.region > .inner > .block {
      -webkit-flex: auto;
      -ms-flex: auto;
      flex: auto;
      float: none;
    }
    .grid.bare.two > div,
    .grid.view.two .view-content > .views-row,
    .grid.view.two .view-content > .item-list > ul > .views-row,
    .grid.region.two > .inner > .block {
      /* 33% < n > 50% is 2 per line */
      -webkit-flex: 1 0 35%;
      -ms-flex: 1 0 35%;
      flex: 1 0 35%;
      width: inherit;
    }
    .grid.bare.three > div,
    .grid.view.three .view-content > .views-row,
    .grid.view.three .view-content > .item-list > ul > .views-row,
    .grid.region.three > .inner > .block {
      -webkit-flex: 1 0 26%;
      -ms-flex: 1 0 26%;
      flex: 1 0 26%;
      width: inherit;
    }
    .grid.bare.four >div,
    .grid.view.four .view-content > .views-row,
    .grid.view.four .view-content > .item-list > ul > .views-row,
    .grid.region.four > .inner > .block {
      -webkit-flex: 1 0 19%;
      -ms-flex: 1 0 19%;
      flex: 1 0 19%;
      width: inherit;
    }
    .grid.bare.five > div,
    .grid.view.five .view-content > .views-row,
    .grid.view.five .view-content > .item-list > ul > .views-row,
    .grid.region.five > .inner > .block {
      -webkit-flex: 1 0 16%;
      -ms-flex: 1 0 16%;
      flex: 1 0 16%;
      min-width: inherit;
      width: inherit;
    }
}

/* Block specific */
#block-routeone-cc-routeone-cc-signup-top {
  padding-bottom: 22px;
}