header *, header *::after, header *::before, footer *, footer *::after, footer *::before, .search-module *, .inner-wrap *, .row, .site-wrap * {
    box-sizing: border-box; }
  .site-logo img{
      max-width :100%;
  
  }
  aside.aside-content-primary ul {
      margin: 0;
  }
  /*
  This class is supposed to be assigned to the parent of items you need organized. Example below:
  <div class="rows-of-2">
    <div>Item</div>
    <div>Item</div>
    <div>Item</div>
    <div>Item</div>
  </div>
  This would give you 2 rows with 2 columns.
  */
  .rows-of-2 {
    display: block; }
    .rows-of-2::after {
      clear: both;
      content: "";
      display: table; }
    .rows-of-2 > * {
      margin-bottom: 1.5em;
      display: block;
      position: relative; }
      .rows-of-2 > * > *:first-child {
        margin-top: 0; }
      @media (min-width: 40em) {
        .rows-of-2 > * {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 48.821174201%; }
          .rows-of-2 > *:last-child {
            margin-right: 0; }
          .rows-of-2 > *:nth-child(2n) {
            margin-right: 0; }
          .rows-of-2 > *:nth-child(2n+1) {
            clear: left; }
          .rows-of-2 > *:nth-last-child(2):last-child {
            margin-bottom: 0 !important; }
          .rows-of-2 > *:nth-last-child(1):last-child {
            margin-bottom: 0 !important; } }
  
  .lt-ie9 .rows-of-2 {
    display: block; }
    .lt-ie9 .rows-of-2::after {
      clear: both;
      content: "";
      display: table; }
    .lt-ie9 .rows-of-2 > * {
      margin-bottom: 1.5em;
      display: block;
      position: relative; }
      .lt-ie9 .rows-of-2 > * > *:first-child {
        margin-top: 0; }
      @media (min-width: 40em) {
        .lt-ie9 .rows-of-2 > * {
          float: left;
          width: 50% !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
          padding-left: 1em;
          padding-right: 1em;
          display: inline-block !important;
          clear: none !important; } }
  
  .rows-of-3 {
    display: block; }
    .rows-of-3::after {
      clear: both;
      content: "";
      display: table; }
    .rows-of-3 > * {
      margin-bottom: 1.5em;
      display: block;
      position: relative; }
      .rows-of-3 > * > *:first-child {
        margin-top: 0; }
      @media (min-width: 40em) {
        .rows-of-3 > * {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 31.7615656014%; }
          .rows-of-3 > *:last-child {
            margin-right: 0; }
          .rows-of-3 > *:nth-child(3n) {
            margin-right: 0; }
          .rows-of-3 > *:nth-child(3n+1) {
            clear: left; } }
  
  .lt-ie9 .rows-of-3 {
    display: block; }
    .lt-ie9 .rows-of-3::after {
      clear: both;
      content: "";
      display: table; }
    .lt-ie9 .rows-of-3 > * {
      margin-bottom: 1.5em;
      display: block;
      position: relative; }
      .lt-ie9 .rows-of-3 > * > *:first-child {
        margin-top: 0; }
      @media (min-width: 40em) {
        .lt-ie9 .rows-of-3 > * {
          float: left;
          width: 33.3% !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
          padding-left: 1em;
          padding-right: 1em; } }
  
  .rows-of-4 {
    display: block; }
    .rows-of-4::after {
      clear: both;
      content: "";
      display: table; }
    .rows-of-4 > * {
      margin-bottom: 1.5em;
      display: block;
      position: relative; }
      .rows-of-4 > * > *:first-child {
        margin-top: 0; }
      @media (min-width: 40em) {
        .rows-of-4 > * {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 23.2317613015%; }
          .rows-of-4 > *:last-child {
            margin-right: 0; }
          .rows-of-4 > *:nth-child(4n) {
            margin-right: 0; }
          .rows-of-4 > *:nth-child(4n+1) {
            clear: left; } }
  
  .lt-ie9 .rows-of-4 {
    display: block; }
    .lt-ie9 .rows-of-4::after {
      clear: both;
      content: "";
      display: table; }
    .lt-ie9 .rows-of-4 > * {
      margin-bottom: 1.5em;
      display: block;
      position: relative; }
      .lt-ie9 .rows-of-4 > * > *:first-child {
        margin-top: 0; }
      @media (min-width: 40em) {
        .lt-ie9 .rows-of-4 > * {
          float: left;
          width: 25% !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
          padding-left: 1em;
          padding-right: 1em; } }
  
  @media (max-width: 40em) {
    .mobile-rows-of-2 {
      display: block; }
      .mobile-rows-of-2::after {
        clear: both;
        content: "";
        display: table; }
      .mobile-rows-of-2 > * {
        margin-bottom: 1.5em;
        display: block;
        position: relative;
        float: left;
        display: block;
        margin-right: 7.4229703521%;
        width: 46.288514824%; }
        .mobile-rows-of-2 > * > *:first-child {
          margin-top: 0; }
        .mobile-rows-of-2 > *:nth-last-child(1) {
          background-color: red;
          margin-bottom: 0; }
        .mobile-rows-of-2 > *:nth-last-child(2) {
          background-color: green;
          margin-bottom: 0; }
        .mobile-rows-of-2 > *:last-child {
          margin-right: 0; }
        .mobile-rows-of-2 > *:nth-child(2n) {
          margin-right: 0; }
        .mobile-rows-of-2 > *:nth-child(2n+1) {
          clear: left; } }
  
  .row {
    display: block;
    clear: both; }
    .row::after {
      clear: both;
      content: "";
      display: table; }
  
  @media (min-width: 40em) {
    .col-1 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 6.1721527019%; }
      .col-1:last-child {
        margin-right: 0; }
    .col-2 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 14.7019570017%; }
      .col-2:last-child {
        margin-right: 0; }
    .col-3 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 23.2317613015%; }
      .col-3:last-child {
        margin-right: 0; }
    .col-4 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%; }
      .col-4:last-child {
        margin-right: 0; }
    .col-5 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 40.2913699012%; }
      .col-5:last-child {
        margin-right: 0; }
    .col-6 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .col-6:last-child {
        margin-right: 0; }
    .col-7 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 57.3509785009%; }
      .col-7:last-child {
        margin-right: 0; }
    .col-8 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%; }
      .col-8:last-child {
        margin-right: 0; }
    .col-9 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 74.4105871005%; }
      .col-9:last-child {
        margin-right: 0; }
    .col-10 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 82.9403914003%; }
      .col-10:last-child {
        margin-right: 0; }
    .col-11 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 91.4701957002%; }
      .col-11:last-child {
        margin-right: 0; }
    .col-12 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-12:last-child {
        margin-right: 0; }
    .col-last {
      margin-right: 0;
      margin-right: 0 !important; } }
  
  body {
    -webkit-font-smoothing: antialiased;
    background-color: white;
    color: #454545;
    font-family: "Arial";
    font-size: 1em;
    line-height: 1.5;
    margin: 0;
    /*@include mq(mediumv) {
      font-size:.875em;
    }*/
    /*@include mq(smallv) {
      font-size:.75em;
    }*/ }
  
  .display-font-size {
    font-size: 1.171875em; }
    @media (min-width: 40em) {
      .display-font-size {
        font-size: 1.40625em; } }
    @media (min-width: 60em) {
      .display-font-size {
        font-size: 1.5625em; } }
  
  .xlarge-font-size {
    font-size: 0.84375em; }
    @media (min-width: 40em) {
      .xlarge-font-size {
        font-size: 1.0125em; } }
    @media (min-width: 60em) {
      .xlarge-font-size {
        font-size: 1.125em; } }
  
  .large-font-size {
    font-size: 0.65625em; }
    @media (min-width: 40em) {
      .large-font-size {
        font-size: 0.7875em; } }
    @media (min-width: 60em) {
      .large-font-size {
        font-size: 1em; } }
  
  .medium-font-size {
    font-size: 1em;
    margin-bottom: 2em;
    margin-top: 1.75em; }
    @media (min-width: 40em) {
      .medium-font-size {
        font-size: 1.125em; } }
    @media (min-width: 60em) {
      .medium-font-size {
        font-size: 0.875em; } }
  
  .base-font-size {
    font-size: 1em; }
    @media (min-width: 40em) {
      .base-font-size {
        font-size: 1.125em; } }
    @media (min-width: 60em) {
      .base-font-size {
        font-size: 1.125em; } }
  
  
  .page-intro h2
   {
    font-family: "Arial";
    line-height: 1.25;
    margin: 0; }
  
  .page-intro h2,
  .page-intro .h2 {
    font-size: 1.171875em;
    margin-top: 0;
    margin-bottom: 24px;
    color: #2976b4; }
    @media (min-width: 40em) {
      
  .page-intro h2,   
  .page-intro  .h2 {
        font-size: 1.40625em; } }
    @media (min-width: 60em) {
     
  .page-intro  h2,
      .page-intro  .h2 {
        font-size: 1.5625em; } }
  
  p {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 0.875em; }
  
  .emph, .section-header-wrap p, .page-intro p {
    font-size: 0.875em;
    font-weight: normal; }
    @media (min-width: 40em) {
      .emph, .section-header-wrap p, .page-intro p {
        font-size: 1.00625em; } }
  
  header a, footer a {
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    transition: color 0.1s linear;
    color: #888888;
    text-decoration: underline; }
   /* header a:hover, footer a:hover  {
      color: #67ace2; } */
    header a:visited, header a:active, header a:focus, footer a:visited, footer a:active, footer a:focus {
      /*color: $hover-link-color;*/
      outline: none; }
  
  hr {
    border-bottom: 1px solid #DADDDE;
    border-left: none;
    border-right: none;
    border-top: none;
    /*margin: $base-spacing 0;*/ }
  
  
  
  
  /* 
  Forms
  Lists
  Tables 
  */
  /* Forms */
  
  /* 
  input,
  label,
  select {
    display: block;
    font-family: "Arial";
    font-size: 0.875em; } */
  
  label {
    font-weight: bold;
    margin-bottom: 0.375em; }
    label.required:after {
      content: "*"; }
    label abbr {
      display: none; }
  header input[type="search"] {
    box-sizing: border-box;
    -webkit-transition: border-color;
    -moz-transition: border-color;
    transition: border-color;
    background-color: white;
    border-radius: 0;
    border: 1px solid #eeeeee;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    font-family: "Arial";
    font-size: 0.875em;
    margin-bottom: 0.75em;
    padding: 0.5em 0.5em;
    width: 100%; }
  header input[type="search"]:hover {
      border-color: #d5d4d4; }
   input[type="search"]:focus {
      border-color: #888888;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(123, 123, 123, 0.7);
      outline: none; }
  
  
  header input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
  /* 
  select {
    margin-bottom: 1.5em;
    max-width: 100%;
    height: 2.3em !important;
    width: 100%; } */
  
  .hs-form fieldset {
    max-width: 100% !important;
    background-color: transparent !important; }
  
  .hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important; }
  
  .hs-error-msgs {
    color: red; }
  
  /* Lists */
  header ul, footer ul
  header ol, footer ol {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  
  
  .bullet-style {
    clear: left;
    list-style-type: none;
    margin-bottom: 0.75em;
    padding-left: 0.6875em;
    margin-top: 2em; }
    .bullet-style li {
      position: relative;
      margin-bottom: 0;
      font-size: 0.875em;
      line-height: 2.375em;
      color: #454545;
      font-weight: bold; }
      .bullet-style li a {
        text-decoration: none;
        font-weight: normal; }
      .bullet-style li:after {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 1.0625em;
        left: -0.625em;
        background-color: #454545; }
  
  ul:not([class]) {
    clear: left;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 1.75em; }
    ul:not([class]) li:not([class]) {
      position: relative;
      margin-bottom: 0;
      font-size: 0.875em;
      line-height: 2.125em;
      color: #454545;
      font-weight: normal; }
      ul:not([class]) li:not([class]) a {
        text-decoration: none;
        font-weight: normal; }
      ul:not([class]) li:not([class]):after {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 0.625em;
        left: -0.75em;
        /* background-color: #2976b4;*/ } 
      ul:not([class]) li:not([class]) ul li {
        font-weight: 400; }
  
  ol {
    clear: left;
    list-style-type: decimal;
    list-style-position: inside;
    margin-bottom: 0;
    padding-left: 0.6875em;
    margin-top: 2em; }
    ol li {
      position: relative;
      margin-bottom: 0;
      font-size: 0.875em;
      line-height: 2.375em;
      color: #454545;
      font-weight: bold; }
      ol li a {
        text-decoration: none;
        font-weight: normal; }
      ol li ol {
        list-style-type: lower-alpha;
        padding-left: 1.75em;
        margin-top: 0; }
      ol li li {
        position: relative;
        margin-bottom: 0;
        font-size: 0.875em;
        line-height: 2.125em;
        color: #454545;
        font-weight: 400; }
      ol li ul li, ol li ul li:not([class]), ol li ul:not([class]) li, ol li ul:not([class]) li:not([class]) {
        font-weight: 400; }
  
  /*========= Additional Button Style ========*/
  .btn-wrap > div {
    display: block;
    margin-bottom: 1.5em; }
    .btn-wrap > div:last-child {
      margin: 0; }
    @media (min-width: 40em) {
      .btn-wrap > div {
        margin-right: 1.5em;
        display: inline-block; } }
    @media (min-width: 80em) {
      .btn-wrap > div {
        margin-bottom: 0; } }
  
  @media (min-width: 40em) {
    .btn-wrap {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  
  .btn-wrap-bg {
    max-width: 100%;
    background: #333;
    min-width: 21.875em;
    padding: 0.875em 1em;
    text-align: center; }
    .btn-wrap-bg > a {
      min-width: 13.3333333333em;
      max-width: 100%; }
    .btn-wrap-bg > a:not(:last-child) {
      margin-bottom: 1.1111111111em; }
  
  .site-nav,
  #hs_menu_wrapper_primary_nav {
    background-color: #67ace2; }
    .site-nav span,
    #hs_menu_wrapper_primary_nav span {
      white-space: nowrap; }
    @media (min-width: 60em) {
      .site-nav,
      #hs_menu_wrapper_primary_nav {
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        float: right;
        background-color: transparent; } }
    @media (min-width: 80em) {
      .site-nav,
      #hs_menu_wrapper_primary_nav {
        background-color: transparent; } }
  
  .sn-level-1,
  #hs_menu_wrapper_primary_nav > ul {
    margin: 0;
    padding: 0; }
    @media (min-width: 60em) {
      .sn-level-1,
      #hs_menu_wrapper_primary_nav > ul {
        height: 1.75em;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex; } }
  
  .sn-li-l1,
  .hs-menu-depth-1 {
    display: block;
    border-bottom: 1px solid rgba(13, 13, 13, 0);
    background-color: transparent;
    position: relative; }
    .sn-li-l1 span,
    .hs-menu-depth-1 span {
      font-size: 14px;
      font-weight: normal; }
    .sn-li-l1 > a,
    .hs-menu-depth-1 > a {
      display: block;
      height: 1.75em;
      line-height: 1.75em;
      color: #ffffff;
      text-decoration: none;
      padding: 0 1em; }
      .sn-li-l1 > a:visited,
      .hs-menu-depth-1 > a:visited {
        color: #276FA8; }
      .sn-li-l1 > a:hover,
      .hs-menu-depth-1 > a:hover {
        color: #ffffff; }
    .sn-li-l1.has-subnav .m-subnav-arrow, .sn-li-l1.menu-item-has-children .m-subnav-arrow, .sn-li-l1.hs-item-has-children .m-subnav-arrow,
    .hs-menu-depth-1.has-subnav .m-subnav-arrow,
    .hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
    .hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
      cursor: pointer;
      padding-right: 0em;
      background-image: url(ico-arrow-down.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 0.75em;
      display: block;
      width: 40px;
      height: 45px;
      position: absolute;
      background-color: transparent;
      right: 0;
      top: 0;
      bottom: 0; }
      .sn-li-l1.has-subnav .m-subnav-arrow.active, .sn-li-l1.menu-item-has-children .m-subnav-arrow.active, .sn-li-l1.hs-item-has-children .m-subnav-arrow.active,
      .hs-menu-depth-1.has-subnav .m-subnav-arrow.active,
      .hs-menu-depth-1.menu-item-has-children .m-subnav-arrow.active,
      .hs-menu-depth-1.hs-item-has-children .m-subnav-arrow.active {
        transform: rotate(180deg); }
    .sn-li-l1.has-subnav > a span, .sn-li-l1.menu-item-has-children > a span, .sn-li-l1.hs-item-has-children > a span,
    .hs-menu-depth-1.has-subnav > a span,
    .hs-menu-depth-1.menu-item-has-children > a span,
    .hs-menu-depth-1.hs-item-has-children > a span {
      padding-right: 0em;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 0.75em;
      display: block; }
      @media (min-width: 60em) {
        .sn-li-l1.has-subnav > a span, .sn-li-l1.menu-item-has-children > a span, .sn-li-l1.hs-item-has-children > a span,
        .hs-menu-depth-1.has-subnav > a span,
        .hs-menu-depth-1.menu-item-has-children > a span,
        .hs-menu-depth-1.hs-item-has-children > a span {
          background-image: none; } }
    .sn-li-l1.has-subnav > a.active span, .sn-li-l1.menu-item-has-children > a.active span, .sn-li-l1.hs-item-has-children > a.active span,
    .hs-menu-depth-1.has-subnav > a.active span,
    .hs-menu-depth-1.menu-item-has-children > a.active span,
    .hs-menu-depth-1.hs-item-has-children > a.active span {
      transform: rotate(180deg); }
    .sn-li-l1:hover,
    .hs-menu-depth-1:hover {
      background-color: rgba(0, 0, 0, 0); }
    @media (min-width: 60em) {
      .sn-li-l1,
      .hs-menu-depth-1 {
        height: 1.75em;
        float: left;
        border-bottom: 0;
        border-right: 1px solid rgba(13, 13, 13, 0);
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        text-align: center;
        /*
      &:nth-child(1n) {
        width:20%;
      }
      &:nth-child(2n) {
        width:20%;
      }
      &:nth-child(3n) {
        width:20%;
      }
      &:nth-child(4n) {
        width:20%;
      }
      &:nth-child(5n) {
        width:20%;
      }*/ }
        .sn-li-l1 span,
        .hs-menu-depth-1 span {
          font-size: 0.875em; }
        .sn-li-l1 > a,
        .hs-menu-depth-1 > a {
          padding: 0 0.775em;
          color: #276FA8; }
          .sn-li-l1 > a:hover,
          .hs-menu-depth-1 > a:hover {
            color: #67ace2; }
        .sn-li-l1:last-child a,
        .hs-menu-depth-1:last-child a {
          padding-right: 0; }
        .sn-li-l1:focus .sn-level-2,
        .sn-li-l1:focus .hs-menu-children-wrapper, .sn-li-l1:hover .sn-level-2,
        .sn-li-l1:hover .hs-menu-children-wrapper,
        .hs-menu-depth-1:focus .sn-level-2,
        .hs-menu-depth-1:focus .hs-menu-children-wrapper,
        .hs-menu-depth-1:hover .sn-level-2,
        .hs-menu-depth-1:hover .hs-menu-children-wrapper {
          display: block !important;
          background: whitesmoke;
          text-align: left;
          /*font-size: 14px;*/
          z-index: 9; }
        .sn-li-l1.has-subnav .m-subnav-arrow, .sn-li-l1.menu-item-has-children .m-subnav-arrow, .sn-li-l1.hs-item-has-children .m-subnav-arrow,
        .hs-menu-depth-1.has-subnav .m-subnav-arrow,
        .hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
        .hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
          display: none; }
        .sn-li-l1.has-subnav > a span, .sn-li-l1.menu-item-has-children > a span, .sn-li-l1.hs-item-has-children > a span,
        .hs-menu-depth-1.has-subnav > a span,
        .hs-menu-depth-1.menu-item-has-children > a span,
        .hs-menu-depth-1.hs-item-has-children > a span {
          padding-right: 1em;
          background-size: 0.625em;
          display: inline; }
        .sn-li-l1.has-subnav > a.active span, .sn-li-l1.menu-item-has-children > a.active span, .sn-li-l1.hs-item-has-children > a.active span,
        .hs-menu-depth-1.has-subnav > a.active span,
        .hs-menu-depth-1.menu-item-has-children > a.active span,
        .hs-menu-depth-1.hs-item-has-children > a.active span {
          background-image: url(ico-arrow-down.svg); }
        .sn-li-l1:hover,
        .hs-menu-depth-1:hover {
          background-color: rgba(0, 0, 0, 0); } }
    @media (min-width: 80em) {
      .sn-li-l1,
      .hs-menu-depth-1 {
        border-right: 1px solid rgba(13, 13, 13, 0); }
        .sn-li-l1 span,
        .hs-menu-depth-1 span {
          font-size: 0.875em; }
        .sn-li-l1 > a,
        .hs-menu-depth-1 > a {
          padding: 0 0.775em;
          color: #276FA8; }
          .sn-li-l1 > a:hover,
          .hs-menu-depth-1 > a:hover {
            color: #67ace2; }
        .sn-li-l1.current-page-parent, .sn-li-l1.current-menu-item, .sn-li-l1:hover,
        .hs-menu-depth-1.current-page-parent,
        .hs-menu-depth-1.current-menu-item,
        .hs-menu-depth-1:hover {
          background-color: rgba(0, 0, 0, 0); } }
  
  .sn-level-2,
  .hs-menu-children-wrapper {
    padding: 0;
    margin: 0;
    display: none;
    position: relative; }
    .sn-level-2.active,
    .hs-menu-children-wrapper.active {
      display: block; }
    @media (min-width: 60em) {
      .sn-level-2,
      .hs-menu-children-wrapper {
        position: absolute; }
        .sn-level-2.active,
        .hs-menu-children-wrapper.active {
          display: none; } }
  
  .sn-li-l2, .sn-li-l3, .sn-li-l4,
  .hs-menu-depth-2 {
    background-color: rgba(0, 0, 0, 0); }
    .sn-li-l2 > a, .sn-li-l3 > a, .sn-li-l4 > a,
    .hs-menu-depth-2 > a {
      padding: 0 0 0 1.875em;
      color: #ffffff;
      border-top: 1px solid rgba(26, 25, 25, 0);
      display: block;
      text-decoration: none;
      line-height: 1.8125em; }
      .sn-li-l2 > a span, .sn-li-l3 > a span, .sn-li-l4 > a span,
      .hs-menu-depth-2 > a span {
        font-size: 14px;
        line-height: 1.25em;
        display: inline-block;
        vertical-align: middle; }
    .sn-li-l2:last-child > a, .sn-li-l3:last-child > a, .sn-li-l4:last-child > a,
    .hs-menu-depth-2:last-child > a {
      border-bottom: 0; }
    .sn-li-l2:hover, .sn-li-l3:hover, .sn-li-l4:hover,
    .hs-menu-depth-2:hover {
      background-color: rgba(0, 0, 0, 0); }
    @media (min-width: 60em) {
      .sn-li-l2, .sn-li-l3, .sn-li-l4,
      .hs-menu-depth-2 {
        position: relative;
        background-color: rgba(0, 0, 0, 0);
        width: 11.5625em; }
        .sn-li-l2 > a, .sn-li-l3 > a, .sn-li-l4 > a,
        .hs-menu-depth-2 > a {
          color: #276FA8;
          padding: 0 0.775em;
          line-height: 1.8125em;
          border-top: 1px solid rgba(26, 25, 25, 0);
          border-right: 1px solid rgba(26, 25, 25, 0); }
          .sn-li-l2 > a span, .sn-li-l3 > a span, .sn-li-l4 > a span,
          .hs-menu-depth-2 > a span {
            font-size: 0.875em; }
        .sn-li-l2:hover, .sn-li-l3:hover, .sn-li-l4:hover,
        .hs-menu-depth-2:hover {
          background-color: #e8e8e8 !important; }
          .sn-li-l2:hover .sn-level-3, .sn-li-l3:hover .sn-level-3, .sn-li-l4:hover .sn-level-3,
          .hs-menu-depth-2:hover .sn-level-3 {
            display: block !important;
            /*margin:em(-25);*/
            /*padding:em(25);*/ } }
    @media (min-width: 80em) {
      .sn-li-l2, .sn-li-l3, .sn-li-l4,
      .hs-menu-depth-2 {
        background-color: rgba(0, 0, 0, 0); }
        .sn-li-l2 > a, .sn-li-l3 > a, .sn-li-l4 > a,
        .hs-menu-depth-2 > a {
          padding: 0 0.775em;
          line-height: 1.8125em;
          border-top: 1px solid rgba(26, 25, 25, 0);
          border-right: 1px solid rgba(26, 25, 25, 0); }
          .sn-li-l2 > a span, .sn-li-l3 > a span, .sn-li-l4 > a span,
          .hs-menu-depth-2 > a span {
            font-size: 0.875em; }
        .sn-li-l2.current-page-parent, .current-page-parent.sn-li-l3, .current-page-parent.sn-li-l4, .sn-li-l2.current-menu-item, .current-menu-item.sn-li-l3, .current-menu-item.sn-li-l4, .sn-li-l2:hover, .sn-li-l3:hover, .sn-li-l4:hover,
        .hs-menu-depth-2.current-page-parent,
        .hs-menu-depth-2.current-menu-item,
        .hs-menu-depth-2:hover {
          background-color: rgba(0, 0, 0, 0); } }
  
  .sn-level-4,
  .sn-level-5,
  .sn-level-3 {
    padding: 0;
    margin: 0;
    display: none;
    position: relative; }
    .sn-level-4.active,
    .sn-level-5.active,
    .sn-level-3.active {
      display: block; }
    @media (min-width: 60em) {
      .sn-level-4,
      .sn-level-5,
      .sn-level-3 {
        position: absolute;
        top: 0;
        left: 100%;
        background-color: whitesmoke; }
        .sn-level-4.active,
        .sn-level-5.active,
        .sn-level-3.active {
          display: none; } }
  
  .sn-li-l3:hover .sn-level-4, .sn-li-l4:hover .sn-level-4 {
    display: block !important;
    margin: -1.5625em;
    padding: 1.5625em; }
  
  .sn-li-l4:hover .sn-level-5 {
    display: block !important;
    margin: -1.5625em;
    padding: 1.5625em; }
  
  .site-nav-container {
    background-color: #67ace2;
    width: 100%;
    height: 100%;
    right: -100%;
    top: 0;
    bottom: 0;
    z-index: 1000;
    position: absolute;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .site-nav-container.active {
      right: 0; }
    @media (min-width: 60em) {
      .site-nav-container {
        width: auto;
        height: auto;
        right: auto;
        bottom: auto;
        top: auto;
        position: static;
        background-color: transparent;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out; } }
  
  .site-nav-container-screen {
    position: absolute;
    display: none;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5); }
    .site-nav-container-screen.active {
      display: block; }
    @media (min-width: 60em) {
      .site-nav-container-screen {
        display: none !important; } }
  
  .close-menu {
    display: inline-block;
    clear: both;
    position: relative;
    text-align: center;
    color: #67ace2 !important;
    font-family: "Arial";
    padding: 0.25em 1em;
    padding-right: 1.5625em;
    margin: 0 auto;
    font-size: 0.875em;
    background-color: #ffffff;
    border-radius: 0.1875em; }
    .close-menu:visited {
      color: #ffffff; }
    .close-menu:hover {
      color: #ffffff; }
    .close-menu:after {
      content: '';
      background-color: transparent;
      background-image: url(ico-exit-sblue.png);
      background-size: 0.8125em 0.8125em;
      background-position: center center;
      background-repeat: no-repeat;
      display: block;
      width: 1.5625em;
      top: 3px;
      bottom: 0;
      right: 0;
      position: absolute; }
    @media (min-width: 60em) {
      .close-menu {
        display: none; } }
  
  .snc-header {
    text-align: center;
    padding: 1em; }
    @media (min-width: 60em) {
      .snc-header {
        padding: 0; } }
  
  /*
  This is used to separate sections/modules of the website while still keeping a consistent max-width. Example below:
  <section class="about-module">
    <div class="inner-wrap">
      Content here...
    </div>
  </section>
  */
  .inner-wrap, .inner-wrap-narrow, .inner-wrap-wide, .inner-wrap-fullwidth {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 0 0; }
    .inner-wrap::after, .inner-wrap-narrow::after, .inner-wrap-wide::after, .inner-wrap-fullwidth::after {
      clear: both;
      content: "";
      display: table; }
    .inner-wrap > *:first-child, .inner-wrap-narrow > *:first-child, .inner-wrap-wide > *:first-child, .inner-wrap-fullwidth > *:first-child {
      margin-top: 0; }
    .inner-wrap > *:last-child, .inner-wrap-narrow > *:last-child, .inner-wrap-wide > *:last-child, .inner-wrap-fullwidth > *:last-child {
      margin-bottom: 0; }
    @media (min-width: 40em) {
      .inner-wrap, .inner-wrap-narrow, .inner-wrap-wide, .inner-wrap-fullwidth {
        /*@include pad($baseline*5 $baseline*3 $baseline*5 $baseline*3);*/ } }
  
  .inner-wrap-narrow {
    max-width: 64.5em; }
  
  .inner-wrap-wide {
    max-width: 87.5em; }
  
  .inner-wrap-fullwidth {
    max-width: 100%; }
  
  /*=============== Sections ===============*/
  .section-header-wrap {
    background-color: #eeeeee; }
    .section-header-wrap .inner-wrap, .section-header-wrap .inner-wrap-narrow, .section-header-wrap .inner-wrap-wide, .section-header-wrap .inner-wrap-fullwidth {
      padding-top: 1.5em;
      padding-bottom: 1.5em; }
    .section-header-wrap h1 {
      margin: 0; }
    .section-header-wrap p {
      margin: .5em 0 0 0; }
  
  .section-cta {
    text-align: center; }
  
  
  /*============Side Navigation Test==============*/
  .side-nav {
    margin: 0 auto; }
    .side-nav h3 {
      margin-top: 0; }
  
  .sn-nav {
    max-width: 16.375em;
    overflow: hidden;
    margin-bottom: 3.125em; }
    .sn-nav li {
      background-color: #67ace2;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      position: relative; }
      .sn-nav li:last-child {
        border-bottom: 0; }
      .sn-nav li.active {
        background-color: #888888; }
      .sn-nav li a {
        color: #ffffff;
        display: block;
        font-size: 0.875em;
        line-height: 1.5em;
        text-decoration: none;
        padding: 0.6875em 2.5em 0.6875em 1em;
        font-weight: 400; }
    .sn-nav > li > a {
      background-color: #67ace2; }
      .sn-nav > li > a:focus, .sn-nav > li > a:hover {
        background-color: #888888; }
    .sn-nav .menu-item-has-children .m-subnav-arrow {
      cursor: pointer;
      padding-right: 0em;
      background-image: url(nav-down-arrow.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 10px 5px;
      display: block;
      width: 2.5em;
      height: 2.875em;
      position: absolute;
      background-color: transparent;
      right: 0;
      top: 0;
      bottom: 0; }
      .sn-nav .menu-item-has-children .m-subnav-arrow.active {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
    .sn-nav .menu-item-has-children ul {
      margin-bottom: 0;
      padding: 0;
      display: none;
      background-color: #ffffff; }
      .sn-nav .menu-item-has-children ul li {
        margin-bottom: 0;
        background-color: #ffffff;
        border-bottom: 0; }
        .sn-nav .menu-item-has-children ul li a {
          color: #000000;
          padding: 0.0625em 0;
          font-size: 0.875em;
          line-height: 1.5625em;
          font-weight: 400; }
        .sn-nav .menu-item-has-children ul li:not([class]) {
          margin-bottom: 0;
          padding: 0; }
          .sn-nav .menu-item-has-children ul li:not([class]):after {
            display: none; }
        .sn-nav .menu-item-has-children ul li:hover a {
          color: #67ace2; }
      .sn-nav .menu-item-has-children ul:not([class]) {
        margin-bottom: 0; }
    .sn-nav .menu-item-has-children ul.active {
      display: block;
      background-color: #eeeeee;
      padding: 1em; }
      .sn-nav .menu-item-has-children ul.active li {
        background: transparent; }
  
  
  /* =============== Social Media Icons ===============
  .social-wrap {
    overflow: hidden;
    /*span {
      background-color:$white;
      border-radius:3px;
      display:inline-block;
      padding:.15em;
      img {
        display:block;
        margin:0 auto;
      }
    }*/ 
    /* .social-wrap a {
      display: block;
      float: left;
      width: 25%;
      text-align: center;
      position: relative; }
      .social-wrap a path {
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear; }
      .social-wrap a:hover {
        opacity: .75; }
        .social-wrap a:hover path {
          fill: #67ace2; }
    .social-wrap img {
      display: inline-block;
      margin: 0 auto;
      width: 1.1em;
      height: auto;
      vertical-align: middle; }
    .social-wrap svg {
      display: inline-block;
      vertical-align: middle; } */ 
  
  
  /*=============== Layouts  ===============*/
  .page-intro {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*min-height: em(73);*/
    /*.inner-wrap {
      padding-top: $baseline*3;
      padding-bottom: $baseline*3;
    }*/ }
    .page-intro h2 {
      margin: 0;
      padding: 0 0 0.32em 0; font-size: 18.75px;}
    .page-intro p {
      margin: .5em 0 0 0; }
  
  @media (min-width: 60em) {
    .site-content.one-column .site-content-primary {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0; }
      .site-content.one-column .site-content-primary:last-child {
        margin-right: 0; }
    .site-content.one-column .site-content-secondary {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0; }
      .site-content.one-column .site-content-secondary:last-child {
        margin-right: 0; }
    .site-content.two-column .site-content-primary {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 74.4105871005%; }
      .site-content.two-column .site-content-primary:last-child {
        margin-right: 0; }
    .site-content.two-column .site-content-secondary {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 23.2317613015%;
      margin-right: 0; }
      .site-content.two-column .site-content-secondary:last-child {
        margin-right: 0; }
    .site-content.three-column .site-content-primary {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%; }
      .site-content.three-column .site-content-primary:last-child {
        margin-right: 0; }
    .site-content.three-column .site-content-secondary {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%; }
      .site-content.three-column .site-content-secondary:last-child {
        margin-right: 0; }
    .site-content.three-column .additional-content {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%;
      margin-right: 0; }
      .site-content.three-column .additional-content:last-child {
        margin-right: 0; }
    .site-content.two-column-alt .site-content-primary {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%; }
      .site-content.two-column-alt .site-content-primary:last-child {
        margin-right: 0; }
    .site-content.two-column-alt .site-content-secondary {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%;
      margin-right: 0; }
      .site-content.two-column-alt .site-content-secondary:last-child {
        margin-right: 0; } }
  
  .destination > .inner-wrap, .destination > .inner-wrap-narrow, .destination > .inner-wrap-wide, .destination > .inner-wrap-fullwidth {
    padding-top: 1.25em;
    padding-bottom: 0; }
  
  
  /*========= Button Style ========*/
  .btn-wrap > div {
    margin-bottom: 1.5em; }
    .btn-wrap > div:last-child {
      margin: 0; }
    @media (min-width: 40em) {
      .btn-wrap > div {
        display: inline-block;
        margin-right: 1.6875em; } }
    @media (min-width: 80em) {
      .btn-wrap > div {
        margin-bottom: 0; } }
  
  .btn-on-color {
    display: inline-block;
    background-color: #000000;
    padding: 0.875em 1.5625em; }
  
  /*========= Color Pallete ========*/
  .cp-wrap {
    margin-top: 1.75em;
    margin-bottom: 5.125em; }
    @media (min-width: 40em) {
      .cp-wrap {
        width: 100%;
        display: table; } }
  
  .cp-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-bottom: 1em; }
    @media (min-width: 40em) {
      .cp-item {
        width: 50%;
        float: left; } }
    @media (min-width: 80em) {
      .cp-item {
        width: 25%; } }
  
  .cp-color {
    width: 5.625em;
    height: 5.625em; }
  
  .cp-content {
    padding-left: 1.8125em; }
    .cp-content span {
      display: block;
      font-size: 1.125em;
      line-height: 1.7777777778em; }
      .cp-content span.cp-title {
        font-weight: 700;
        color: #333;
        text-transform: inherit; }
  
  /*====== Typography =======*/
  .typo-wrap {
    margin-top: 2.5em; }
    @media (min-width: 60em) {
      .typo-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center; }
        .typo-wrap > div {
          width: 33.33%; } }
  
  .tw-title {
    font-size: 1.125em;
    margin-top: 0; }
    .tw-title span {
      color: #42464A;
      font-weight: 700;
      text-transform: inherit; }
  
  
  
  #return-to-top {
    display: inline-block;
    font-size: 0.625em;
    margin: 1em 1.3em 1em 0; }
  
  .multiple-cols-module .inner-wrap > div, .multiple-cols-module .inner-wrap-narrow > div, .multiple-cols-module .inner-wrap-wide > div, .multiple-cols-module .inner-wrap-fullwidth > div {
    padding: 0 0.875em 0.4375em; }
  
  #menu-sitemap > li {
    margin-left: 20px;
    padding: 0 0 0.125em 0; }
    #menu-sitemap > li a {
      font-size: 0.75em; }
  
  .additional-table .hanger dl {
    background: #b9d7f0; }
    .additional-table .hanger dl:nth-child(even) {
      background-color: #dce8f1; }
  
  .additional-table .hanger dd dl {
    background-color: transparent; }
  
  .aside-content-primary {
    max-width: 185px;
    margin: 0 auto;
    width: 100%; }
    @media (min-width: 60em) {
      .aside-content-primary {
        max-width: 100%; } }
  
  
  
  /*   end defaults   */
  .site-wrap {
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    min-height: 100%;
    max-width: 960px; }
  
  @media only screen and (max-width: 980px) and (min-width: 960px) {
    .site-wrap {
      padding-left: 0.625em;
      padding-right: 0.625em; } }
  
  /*=============== ADA Complaince styling ===================*/
  #skipToContent {
    position: fixed;
    z-index: 0;
    top: 10px;
    left: 10px;
    opacity: 0; }
    #skipToContent:focus {
      opacity: 1;
      z-index: 99999; }
  
  .social-wrap a:focus:not(:hover):not(:active),
  a[class*="sh-ico-"]:focus:not(:hover):not(:active),
  .sh-ph:focus:not(:hover):not(:active),
  .sh-email:focus:not(:hover):not(:active),
  .site-nav a:focus:not(:hover):not(:active) {
    outline-offset: -2px; }
  
  .social-wrap a.tse-remove-border:focus:not(:hover):not(:active),
  a[class*="sh-ico-"].tse-remove-border:focus:not(:hover):not(:active),
  .sh-ph.tse-remove-border:focus:not(:hover):not(:active),
  .sh-email.tse-remove-border:focus:not(:hover):not(:active),
  .site-nav a.tse-remove-border:focus:not(:hover):not(:active) {
    outline: none;
    outline-offset: 0; }
  
  .nonlink {
    cursor: default;
    pointer-events: auto; }
    @media (min-width: 60em) {
      .nonlink {
        pointer-events: none; } }
  
  .lightbox {
    display: inline-block; }
    .lightbox.tse-remove-border {
      outline: none !important; }
      .lightbox.tse-remove-border:focus {
        outline: none !important; }
  
  .tse-remove-border {
    outline: none !important; }
    .tse-remove-border:focus {
      outline: none !important; }
  
  /*=============== Site Header ===============*/
  /*.site-header-wrap {
    background-image:url(img/bg-site-intro.jpg);
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
  }*/
  .site-header-wrap > .inner-wrap, .site-header-wrap > .inner-wrap-narrow, .site-header-wrap > .inner-wrap-wide, .site-header-wrap > .inner-wrap-fullwidth {
    background-image: url(header_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  
  .site-logo {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-left: 1.25em;
    padding-right: 1.25em;
    max-width: 388px; }
    @media (min-width: 60em) {
      .site-logo {
        display: inline-block;
        padding-left: 0;
        padding-right: 0; } }
    .site-logo img {
      margin: 1.25em 0 0 0; padding-bottom:7.98px}
  
  @media (min-width: 60em) {
    .sh-sticky-wrap {
      height: 1.75em; }
      .sh-sticky-wrap.stuck {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 960px;
        margin: 0 auto;
        background: whitesmoke;
        box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.5); } }
  
  .site-utility-nav {
    float: none;
    /*width: 100%;*/
    z-index: 1;
    position: relative; }
    @media (min-width: 60em) {
      .site-utility-nav {
        float: right;
        text-align: right;
        margin: 41px 0 0 0; } }
  
  .sh-icons {
    margin: 0 auto;
    text-align: center;
    background: blue; }
  
  .sh-call {
    color: #555555; }
  
  .sh-call-email {
    clear: both;
    font-size: 0.875em;
    color: #555555; }
  
  .sh-call-link {
    text-decoration: none;
    font-size: 1.285714285714286em;
    color: #2a77b5;
    font-weight: bold;
    line-height: 1em; }
  
  .sh-mail-link {
    display: none; }
    @media (min-width: 60em) {
      .sh-mail-link {
        text-decoration: none;
        color: #555555;
        display: inline-block; } }
  
  .sh-mail {
    margin-left: 0.5625em; }
  
  .sh-utility-nav {
    overflow: hidden; }
    .sh-utility-nav .social-wrap {
      width: 15em;
      display: none; }
    @media (min-width: 40em) {
      .sh-utility-nav {
        text-align: right;
        float: right; }
        .sh-utility-nav .social-wrap {
          display: inline-block; } }
  
  .sh-icons {
    margin: 0 auto;
    text-align: center;
    background: #67ace2; }
    @media (min-width: 40em) {
      .sh-icons {
        float: right; } }
  
  .sh-ico-menu {
    width: 25%;
    margin-left: 0 !important; }
  
  .sun-phone-text {
    /*width: 25%;*/
    display: inline-block; padding-bottom:5px}
  
  .sun-email {
    /*width: 25%;*/
    display: inline-block; padding-bottom: 5px;}
  
  .sh-ico-search {
    width: 25%;
    display: inline-block; }
  
  .sh-ico-search, .sh-ico-menu {
    background-repeat: no-repeat;
    background-position: center top;
    display: inline-block;
    padding-top: 1.2em;
    width: 2em;
    margin-left: 1em;
    text-align: center;
    text-decoration: none; }
    .sh-ico-search span, .sh-ico-menu span {
      font-size: .75em; }
  
  .sh-ph {
    margin: 0; }
    .sh-ph i {
      font-style: normal; }
    @media (min-width: 40em) {
      .sh-ph {
        font-size: 0.875em; } }
  
  .sh-ico-search {
    background-image: url(ico-search.svg);
    background-size: 1.25em;
    margin-left: 0; }
  
  .sh-ico-menu {
    background-image: url(ico-nav.svg);
    background-size: 1.25em; }
    @media (min-width: 60em) {
      .sh-ico-menu {
        display: none; } }
  
  /*=============== Site Intro ===============*/
  .site-intro {
    text-align: center; }
    .site-intro .inner-wrap, .site-intro .inner-wrap-narrow, .site-intro .inner-wrap-wide, .site-intro .inner-wrap-fullwidth {
      padding-top: 10em;
      padding-bottom: 10em; }
  
  /*=============== Site Content ===============*/
  /*.site-content {
    @include flex(1 0 auto); //sticky footer
  }*/
  /*.site-content-primary {}*/
  .page-site {
    background: url(main_bg.jpg) !important;
    background-position: left -7px !important;
    background-repeat: no-repeat !important;
    border: 1px solid lightgrey !important;
    border-radius: 10px; }
  
  .page-site {
    background-color: whitesmoke !important; }
  
  .site-content-secondary {
    margin-top: 25px; }
    @media (min-width: 60em) {
      .site-content-secondary {
        margin-top: 0; } }
  
  .site-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background: whitesmoke;
    border: 1px solid #b4c9da;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
    @media (min-width: 60em) {
      .site-content {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 1.6875em 0 0 0; } }
  
  .site-content-primary {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 1.25em; }
    @media (min-width: 60em) {
      .site-content-primary {
        width: calc(100% - 170px);
        order: 1;
        padding: 0 1.875em 1.875em 1.6875em; } }
  
  @media (min-width: 60em) {
    .site-content-secondary {
      width: 10.625em;
      margin-top: 0.0625em;
      float: left; } }
  
  .site-content-secondary .side-bar-title {
    display: block;
    font-size: 0.875em;
    font-weight: normal;
    line-height: 1.21428571428571em;
    padding: 0.785714285714286em 0.714285714285714em 0.571428571428571em 1.875em;
    background-color: transparent;
    color: #67ace2;
    /*border-bottom: 1px solid $white;*/
    margin: 0 0 0.25em 0;
    background: url(left_nav_span_bg.jpg) no-repeat left top;
    width: 161px;
    height: 40px; }
    .site-content-secondary .side-bar-title .sbt-link {
      color: #555555;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 18px;
      font-weight: bold; }
      .site-content-secondary .side-bar-title .sbt-link:hover {
        text-decoration: underline; }
  
  .site-content-secondary .side-bar-nav li a {
    color: #2A77B5;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding: 0 0 3px 35px;
    background-color: transparent;
    line-height: normal;
    background: url(left_nav_links_bg.jpg) no-repeat 1.9285714286em 0.5714285714em; }
    .site-content-secondary .side-bar-nav li a:hover {
      color: #67ace2; }
  
  @media (min-width: 60em) {
    .site-content-secondary .side-bar-nav .two-col-menu a {
      padding: 0.166666666666667em 0.416666666666667em 0 1.25em; } }
  
  #menu-fasteners-menu {
    padding: 0 0 13px 0;
    list-style-type: none; }
  
  #menu-machinery-menu {
    padding: 0 0 13px 0;list-style-type: none;  }
  
  #menu-steel-wire {
    padding: 0 0 13px 0; list-style-type: none; }
  
  /*============ Sitemap Page styling ============*/
  .sitemap-menu .sub-menu {
    padding-left: 1.875em;
    display: block !important; }
  
  .sb-image {
    display: block;
    text-align: center;
    margin-top: 0; padding-bottom: 8.32px; }
    @media (min-width: 60em) {
      .sb-image {
        margin-top: 1.5625em; } }
  
  /*=============== Site Footer ===============*/
  .site-footer {
    text-align: center;
    font-size: 14px;
  padding-bottom:28px!important; }
  
  .sf-small {
    background-color: #999;
    text-align: center; }
    .sf-small .inner-wrap, .sf-small .inner-wrap-narrow, .sf-small .inner-wrap-wide, .sf-small .inner-wrap-fullwidth {
      padding-top: 1em;
      padding-bottom: 1em; }
  
  img[name=pphLoggerImage] {
    display: none; }
  
  /*=============== Search ===============*/
  .search-table {
    display: table;
    width: 100%;
    float: right;
    padding: 0; }
  
  .search-row {
    display: table-row;
    width: 100%; }
  
  .search-cell1 {
    display: table-cell;
    vertical-align: middle; }
    @media (min-width: 60em) {
      .search-cell1 {
        width: 92%; } }
  
  .search-cell2 {
    display: table-cell;
    width: 3.75em;
    border: 0;
    vertical-align: middle; }
    @media (min-width: 60em) {
      .search-cell2 {
        width: 6%; } }
        search-cell2 .ui-widget {
          font-size: 1em!important;
      }
  .search-cell3 {
    display: table-cell;
    vertical-align: middle; }
    @media (min-width: 60em) {
      .search-cell3 {
        width: 3%;
        text-align: center;
        display: none; } }
  
  .search-text {
    font-size: 14px;
    width: 242.62px;
    height: 32px!important;
    border: none;
    border-radius: 0;
    float: right;
    padding-left: .5em;
    margin-bottom: 6px !important;
    border-radius:0!important;
    /*box-shadow: inset 2px 2px 0px $black !important;*/
    color: #999; }
    .search-text:focus {
      border: 0;
      box-shadow: none !important;
      outline: 2px solid #000000 !important;
      background-image: none; background-color:#fff!important }
  
  .search-submit {
    width: 100%;
    height: 2.3em!important;
    border: 0;
    float: right;
    border: none !important;
    padding: 25px 32px !important;
    background: url(ico-search.png) no-repeat 18px 15px !important; }
    @media (min-width: 60em) {
      .search-submit {
        background: url(search_btn.jpg) no-repeat 18px 15px !important; } }
    .search-submit:focus, .search-submit:hover {
      border: 0 !important;
       }
    .search-submit:focus {
      outline: none; }
  
  @media (min-width: 40em) {
    .site-search {
      width: 100%; }
    .search-text {
      height: 2em; }
    .search-submit {
      height: 2.3em; } }
  
  @media (min-width: 60em) {
    .search-text {
      width: 157px !important;
      height: 22px !important;
      margin-right: 5px;
      background: url(input_text_bg.jpg);
      background-repeat: no-repeat;
      background-position: left center; }
    .search-submit {
      padding-right: 0 !important;
      width: 29.53px!important;
      margin-bottom:6px!important;
     } }
  
  .search-module {
    background-color: #2976b4;
    height: 64px;
    margin-top: -5em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.47);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .search-module.active {
      margin-top: 0; }
    .search-module .inner-wrap, .search-module .inner-wrap-narrow, .search-module .inner-wrap-wide, .search-module .inner-wrap-fullwidth {
      padding: 2px 24px; }
  
  .search-exit img {
    width: 1.1875em;
    margin-top: -6px; margin-left: 1px;}
  
  .search-exit:focus, .search-exit:hover {
    opacity: 0.8; }
  
  @media (min-width: 60em) {
    .search-exit {
      margin-bottom: 0px; } }
  
  
  .site-footer-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 19px 0 5px 0;
    color: #3B3B3B; }
  @media(max-width:960px){
      .site-footer-wrap{
        padding-bottom:9px;
      }
    }
  
  .site-footer-wrap div {
    margin-bottom: 0; }
  
  .sf-adress {
    font-size: 12.25px;
    width: 100%;
    text-align: center;
    margin-bottom: 1.25em !important; padding-bottom:2.64px }
    @media (min-width: 60em) {
      .sf-adress {
        width: 25%;
        text-align: start; } }
  
  .sf-wrap-fax {
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin-bottom: 16px!important; }
    @media (min-width: 60em) {
      .sf-wrap-fax {
        width: 20%;
        text-align: start; } }
  
  .sf-logo {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-bottom: 1.25em !important; padding-bottom: 5px;}
    @media (min-width: 60em) {
      .sf-logo {
        width: 20%;
        text-align: start; } }
  
  .sf-nav {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-bottom: 1.25em !important; }
    @media (min-width: 60em) {
      .sf-nav {
        width: 35%;
        text-align: end; } }
  
  .sf-link {
    font-size: 18px;
    text-decoration: none;
    color: #2a77b5; }
  
  .sf-wrap-fax a {
    text-decoration: none;
    color: #3B3B3B; }
    .sf-wrap-fax a:hover {
      color: #67ace2 !important; }
  
  .sf-name {
    float: none;
    font-weight: bold; font-size: 14px;}
    @media (min-width: 60em) {
      .sf-name {
        float: left; } }
  
  .sff-name {
    float: none;
    text-align: center;
    color: #666666; }
    @media (min-width: 60em) {
      .sff-name {
        float: left; } }
  
  .sf-title {
    display: block;
    float: none;
    text-align: center;
    color: #666666; }
    @media (min-width: 60em) {
      .sf-title {
        float: right; } }
    .sf-title a {
      color: #666666; }
      .sf-title a:hover {
        color: #67ace2 !important;
        text-decoration: none; }
  
  .sh-icons {
    display: flex;
    width: 100%;
    padding: 0.5em 0 0.1em 0;
    justify-content: space-around;
    align-items: center; height:41.59px}
    @media (min-width: 60em) {
      .sh-icons {
        display: none; } }
  
  .sh-call-email {
    display: none; }
    @media (min-width: 60em) {
      .sh-call-email {
        display: block; } }
  
  .site-intro-wrap {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain; }
  
  .si-heading {
    padding-top: 2.84em;
    padding-left: 1.25em;
    color: #e7e7e7;
    font-size: 1.5625em;
    font-weight: normal;
    line-height: 1.2em;
    text-align: left; }
    @media (min-width: 60em) {
      .si-heading {
        padding: 2.84em 0 0 0; } }
    .si-heading span {
      color: #ffffff;
      display: block;
      font-size: 1.44em;
      font-weight: bold;
      line-height: 1.138888888888889em;
      padding: 0.1388888888888889em 0 0 0; }
  
  .si-image {
    float: left;
    width: 100%; }
    @media (min-width: 60em) {
      .si-image {
        width: 56.25%; } }
    .si-image img {
      display: block;
      width: 959px;
      max-width: 100%;
      margin-top: -0.9375em; }
      @media (min-width: 60em) {
        .si-image img {
          width: 100%;
          margin-top: 0; } }
  
  .si-wrap {
    width: 100%;
    display: table; }
  
  .si-content {
    display: table-row;
    background: #2f79b6; }
    @media (min-width: 60em) {
      .si-content {
        display: table;
        background: transparent; } }
  
  .product-module {
    margin-top: 30px; }
    @media (min-width: 60em) {
      .product-module {
        margin-top: 0; } }
  
  .pm-wrap {
    display: block; }
    @media (min-width: 40em) {
      .pm-wrap {
        display: flex;
        justify-content: space-evenly; } }
    .pm-wrap .pm-item {
      max-width: 250px;
      margin: 0 auto;
      /*&:last-child {
        margin-right: 0;
      }*/ }
      @media (min-width: 40em) {
        .pm-wrap .pm-item {
          max-width: none;
          margin-right: 10px;
          margin-left: 0; }
          .pm-wrap .pm-item:last-child {
            margin-right: 0; } }
      .pm-wrap .pm-item:first-child .pm-list {
        display: flex;
        justify-content: space-around;
        padding-left: 0; }
      .pm-wrap .pm-item .pm-list {
        padding: 0 0 0.8333333333333333em 2.5em; }
  
  .pmi-hover-img {
    display: none;
    position: absolute;
    right: 0;
    top: 0; }
  
  .pm-title {
    color: #2a77b5;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25em;
    text-transform: uppercase;
    text-align: center; }
  
  .pm-link {
    text-decoration: none;
    display: inline-block;
    position: relative; }
    .pm-link:hover .pmi-hover-img {
      display: block; }
  
  .pmi-list li {
    background: url(img/home_bucket_link_bg.jpg) no-repeat left 6px;
    padding: 0 0 0 0.8125em;
    list-style: none;
    line-height: normal; }
    .pmi-list li a {
      font-size: 0.875em;
      text-decoration: none;
      color: #333; }
      .pmi-list li a:hover {
        color: #67ace2; }
  
  .veriety-title {
    color: #2a77b4;
    font-size: 19px;
    font-weight: normal;
    margin-top: 0.625em;
    margin-bottom: 0.625em; }
  
  .vm-content-left p {
    font-size: 14px;
    color: #555555; }
  
  .vm-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  
  .vm-content-left {
    width: 100%; }
    @media (min-width: 60em) {
      .vm-content-left {
        width: 62%; } }
  
  .vm-content-right {
    width: 100%;
    background-color: #E7E7E7;
    color: #555555;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.333333333333333em;
    font-weight: normal;
    font-style: italic;
    line-height: normal;
    border-radius: 10px;
    text-align: left;
    position: relative;
    max-height: 115px;
    margin-top: 1.25em; }
    @media (min-width: 60em) {
      .vm-content-right {
        width: 229px; } }
    .vm-content-right p {
      margin: 0.75em 0.9375em 0.75em 0.9375em;
      padding: 0;
      font-size: 16px; }
  
  .sfn-nav {
    display: block;
    margin: 1.583333333333333em 0 0 0; }
    .sfn-nav a {
      color: #3B3B3B;
      font-size: 1em;
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
      padding-left: 0.875em; }
      .sfn-nav a:hover {
        color: #67ace2; }
  
  em {
    font-size: 0.75em;
    display: block; }
  
  .ct-cta {
    color: #ffffff;
    background: #2a77b5;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.25em 0.8333333333333333em;
    margin-bottom: 0.8333333333333333em;
    margin-left: 0.8333333333333333em;
    text-decoration: none;
    font-size: 12px;
    float: none; }
    @media (min-width: 40em) {
      .ct-cta {
        float: right; } }
    .ct-cta:hover {
      text-decoration: underline;
      color: #ffffff; }
  
  .catlog-cta {
    padding-bottom: 0 !important; }
  
  .contact-right {
    font-size: 12px;
    text-align: center; }
    @media (min-width: 40em) {
      .contact-right {
        text-align: end !important; } }
    .contact-right a {
      color: #454545;
      text-decoration: none; }
      .contact-right a:hover {
        color: #67ace2; }
    .contact-right .ct-cta {
      color: #ffffff; }
      .contact-right .ct-cta:hover {
        color: #ffffff !important; }
  
  .pp-module {
    font-size: 0.875em; }
    .pp-module a {
      color: #454545;
      text-decoration: none; }
      .pp-module a:hover {
        color: #67ace2; }
  
  .contact-left {
    font-size: 12px;
    text-align: center; }
    @media (min-width: 40em) {
      .contact-left {
        text-align: start !important; } }
  
  .contact-map {
    clear: both;
    text-align: center;
    padding-top: 1.5625em; }
    .contact-map iframe {
      border: 1px solid #2976B4 !important;
      width: 100%; }
      @media (min-width: 40em) {
        .contact-map iframe {
          width: 452px; } }
    .contact-map small {
      font-size: 0.625em; }
  
  .page-id-1469 .aside-content-primary, .page-id-1466 .aside-content-primary {
    clear: both; }
  
  .page-id-1474 .pi-heading {
    font-size: 1.5625em; }
  
  .page-id-1031 .inner-wrap, .page-id-1031 .inner-wrap-narrow, .page-id-1031 .inner-wrap-wide, .page-id-1031 .inner-wrap-fullwidth {
    padding: 0 0 1.25em 0; }
  
  .footer-nav {
    display: flex;
    justify-content: center; }
    @media (min-width: 60em) {
      .footer-nav {
        justify-content: end; } }
  
  .clearfix:before,
  .clearfix:after {
    content: " ";
    display: table; }
  
  .clearfix:after {
    clear: both; }
  
  .clearfix {
    *zoom: 1; }
  
  .alignright {
    display: block;
    text-align: center;
    padding-bottom: 1.5em; }
  
  .alignleft {
    display: block;
    text-align: center;
    padding-bottom: 1.5em; }
  
  .aligncenter {
    display: block;
    margin: 0 auto; }
  
  @media (min-width: 40em) {
    .alignright {
      display: block;
      float: right;
      padding-bottom: 1.5em;
      padding-left: 1.5em; }
    .alignleft {
      display: block;
      float: left;
      padding-bottom: 1.5em;
      padding-right: 1.5em; }
    .aligncenter {
      display: block;
      margin: 0 auto; } }
  
  .text-alignright {
    text-align: right; }
  
  .text-alignleft {
    text-align: left; }
  
  .text-aligncenter {
    text-align: center; }
  
  .clearboth {
    clear: both;
    display: block; }
  
  .spacing-bottom {
    margin-bottom: 2em; }
  
  .spacing-top {
    margin-top: 2em; }
  
    ul#menu-footer-menu {
      list-style-type: none;
      padding-left: 0;
      margin: 0;
  }