/* ================================================================================ */
/* FOOTER */
/* (main.scss) */
/* ================================================================================ */
.footer {
  position: relative;
  z-index: 100; }
  .footer.bgcolor1 {
    background: #0c3b6f; }
  .footer.bgcolor2 {
    background: #336699; }

footer .top-level {
  display: block;
  clear: both;
  padding: 20px; }
footer .logo {
  float: left;
  max-width: 215px;
  width: 20%; }
footer .socials.bot {
  float: left;
  width: 40%;
  margin-top: 4px; }
  footer .socials.bot li {
    margin-left: 6%; }
footer ul.socials li {
  display: block;
  margin-bottom: 10px; }
footer ul.socials li a {
  display: block;
  height: 26px;
  line-height: 26px; }
footer ul.socials img {
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-right: 10px; }
footer .footer-toggle {
  float: right;
  color: white;
  font-family: 'Napco_1';
  padding-right: 30px;
  position: relative;
  font-weight: 700;
  font-size: 1.125em;
  margin-top: 8px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  footer .footer-toggle em {
    background: url(../../images/sprite_ui.png) no-repeat;
    display: block;
    text-indent: -9999em;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -12px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      footer .footer-toggle em {
        background-image: url(../../images/sprite_ui_2x.png) !important;
        -webkit-background-size: 800px 800px;
        background-size: 800px 800px; } }
  footer .footer-toggle.collapsed em {
    background-position: -28px -158px; }
  footer .footer-toggle.expanded em {
    background-position: 0px -158px; }
footer .bot-level {
  display: none;
  color: white;
  clear: both;
  position: relative; }
  footer .bot-level .v-line {
    width: 1px;
    background: #404040;
    left: 50%;
    top: 0;
    height: 100%;
    position: absolute; }
  footer .bot-level .col a {
    color: white;
    font-family: "Napco_2";
    font-weight: normal;
    font-size: 1em; }
    footer .bot-level .col a:hover {
      color: #2397db;
      text-decoration: none; }
  footer .bot-level .col {
    float: left;
    width: 32%; }
  footer .bot-level .group {
    margin-bottom: 10px; }
  footer .bot-level .title {
    font-family: "Napco_1";
    font-size: 1.125em;
    font-weight: bold; }
  footer .bot-level .col-head {
    display: block;
    text-align: center;
    padding: 15px 0;
    font-weight: 700;
    font-size: 0.875em;
    text-transform: uppercase;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040; }
    footer .bot-level .col-head strong {
      display: block;
      clear: both; }
  footer .bot-level .bot-select {
    display: none;
    clear: both;
    width: 250px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px; }
  footer .bot-level .link-list {
    list-style-type: none;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    column-count: 2;
    column-gap: 10px; }
    footer .bot-level .link-list li {
      display: block;
      margin-bottom: 10px; }
    footer .bot-level .link-list a {
      font-size: 1.25em;
      font-weight: 700; }
  footer .bot-level .link-block {
    float: left;
    width: 45%;
    margin-right: 5%;
    margin-bottom: 20px;
    font-size: 1.125em; }
    footer .bot-level .link-block:last-child {
      margin-right: 0; }
    footer .bot-level .link-block strong {
      display: block;
      text-transform: uppercase;
      font-family: 'Napco_1'; }
    footer .bot-level .link-block a {
      display: block;
      clear: both; }
footer .col {
  float: left;
  width: 20%;
  padding-left: 2%; }
  footer .col a {
    /*text-decoration: none;*/
    color: white;
    display: block;
    clear: left; }
footer .col-1 a {
  font-size: 1.25em;
  font-family: 'Napco_1', sans-serif;
  font-weight: bold;
  line-height: 1.5; }

.below-footer {
  padding: 20px;
  display: block;
  clear: both;
  color: white; }
  .below-footer a {
    color: #fff; }
  .below-footer .logo {
    float: left;
    width: 20%;
    max-width: 225px; }
    .below-footer .logo a {
      display: block; }
    .below-footer .logo img {
      display: block;
      width: 100%;
      height: auto; }
  .below-footer .copy {
    margin-top: 5px;
    float: right;
    text-align: right;
    margin-left: 2%;
    width: 76%;
    font-size: 0.8125em; }
    .below-footer .copy span, .below-footer .copy address {
      display: inline; }
    .below-footer .copy .credits {
      padding-right: 10px; }
    .below-footer .copy address {
      font-style: normal; }
    
    
    footer nav li {
      list-style-type: none;
      padding: 0;
    }