﻿/*GENERAL STYLES*/
html,
body {
  font-size: 100%;
}
body {
  font-family: 'Lato', Helvetica, sans-serif;
}

a {
  color: #0157ad;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:focus, a:hover {
  text-decoration: underline;
}
a[href^="http"] {
    word-wrap: break-word;
}
a[href^="https"] {
    word-wrap: break-word;
}
.text-style-1 {
  color: #01608d;
}
/*FROM SKIPPY STYLES*/
#skippy {
  background: #142747;
  color: #fff;
  font-size: 1.125rem;
  left: 0;
  margin: 0;
  padding: 0.3125rem 1.25rem 0.5rem;
  position: fixed;
  top: -62.5rem;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
  z-index: 1000;
}

#skippy:focus {
        top: 0;
    }
  /*END SKIPPY*/

/*HEADER STYLES*/

header .header-block {
    line-height: 1.15rem;
    vertical-align: bottom;
    text-transform: uppercase;
    display: inline-block;
    margin: .15rem 0 .5rem .5rem;
}

@media (min-width: 768px) {
    header .header-block {
        margin: .65rem 0 1rem 1rem;
    }
}

#header-site {
    position: relative;
    background-color: #142747;
    z-index: 10;
    box-shadow: 0px 8px 6px -6px rgba(0,0,0, .8);
}
#header-site .navbar-toggle {
  display: inline-block;
    z-index: 10;
}

.trim-mn-seal {
  background: url("../Images/MN-State-Seal.png") no-repeat top center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  background-size: 50%;
    background-position-y: 20%;

}
@media (min-width:768px) {
    .trim-mn-seal {
        background: url("../Images/MN-State-Seal.png") no-repeat top center;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-position-y: 20%;
        background-size: initial;


    }
}
header .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.logo a {
  color: #fff;
  font-weight: 100;
  margin: 0;
  font-size: .9rem;
}
@media (min-width:768px) {
    .logo a {
        font-size: 1.15rem;
        line-height: 1.15rem;
    }
}

.logo a .text-style-1 {
  color: #fff;
  font-weight: 900;
}

.links-social a {
  text-decoration: none;
  font-size: 1.25rem;
    margin: 0 0 .25rem 0.3rem;
}
.social-block {
    float: right;
    padding: 0 2px;
}
/*SEARCH STYLES*/
header .header-block-search {
  text-transform: uppercase;
  display: inline;
  padding: 1rem 0;
  width: 100%;
  float: right;
}
@media (min-width:768px) {
    header .header-block-search {
        margin: 2rem 0 1.15rem 0;
        padding: 0;
        float: right;
        width: auto;
    }
}
.leftnav-block-search {
  display: inline;
  padding: 1rem 0;
  width: 100%;
  float: right;
}

.search-field-inline input[type="search"] {
    border: 1px solid #efefef;
    height: 2rem;
    padding-left: 1rem;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 2px 4px 10px 0px rgba(106, 106, 106, 0.75);
        border-radius: 0px;
    border-radius: 0px;
}

.menu-button-label {
      /*line-height: initial;*/
    color: #fff;
    font-size: .8rem;

}
@media (min-width:768px) {
    .menu-button-label {
        color: #fff;
        font-size: .8rem;
        margin: 0 0 .15rem 0;
    }
}
.header-search-btn {
    background: #38a638;
    height: 2rem;
    width: 2rem;
    border: 1px solid #fff;
    padding: .13rem 0rem .13rem .6rem;
    content: "\e67c";
    font-family: icomoon;
    border-radius: 0;
}
.header-search-btn:before {
    color: #fff;
    content: "\e67c";
    font-family: icomoon;
    font-size: 1.15rem;
    margin: 0 1rem 0 -.3rem;
}

.search-label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: .25rem;
    font-size: .9rem;
    text-align: right;      
}
@media (min-width:750px) {
    .search-label {
        font-size: 1rem;
        margin-right: 10px;
    }
}
 /*NAV STYLES*/


.navbar-toggle {
  background: #5ed45e;
  float: none;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    padding: 9px 7px;
}

 .navbar-toggle:hover {
 background: #0157ad;
}

.navbar-toggle .icon-bar {
  background: #fff;
}


#nav-site {
  background: #142747;
}
@media (min-width: 1200px) {
  #nav-site {
    background: rgba(20, 39, 71, 0.72);
    background: -moz-linear-gradient(50% 0% -90deg, rgba(21, 39, 71, 0.72) 0%, rgba(21, 39, 71, 0.72) 44%, rgba(16, 30, 55, 0.72) 87%, rgba(16, 30, 55, 0.72) 100%);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(21, 39, 71, 0.72)), color-stop(0.44, rgba(21, 39, 71, 0.72)), color-stop(0.87, rgba(16, 30, 55, 0.72)), color-stop(1, rgba(16, 30, 55, 0.72)));
    background: -webkit-linear-gradient(-90deg, rgba(21, 39, 71, 0.72) 0%, rgba(21, 39, 71, 0.72) 44%, rgba(16, 30, 55, 0.72) 87%, rgba(16, 30, 55, 0.72) 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(21, 39, 71, 0.72) 0%, rgba(21, 39, 71, 0.72) 44%, rgba(16, 30, 55, 0.72) 87%, rgba(16, 30, 55, 0.72) 100%);
    background: linear-gradient(180deg, rgba(21, 39, 71, 0.72) 0%, rgba(21, 39, 71, 0.72) 44%, rgba(16, 30, 55, 0.72) 87%, rgba(16, 30, 55, 0.72) 100%);
    overflow: visible;
    position: relative;
    z-index: 10;
  }
}
#nav-site .navbar-nav {
  float: none;
  margin: 0 -0.9375rem;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav {
    text-align: center;
  }
}
#nav-site .navbar-nav a {
  letter-spacing: .04rem;
}
#nav-site .navbar-nav > li {
  float: none;
  position: relative;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li {
    float: left;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li:hover .mn-menu-head .item-link {
    color: #5ed45e;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li:hover .item-link {
    background: #142747;
    position: relative;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li:hover .item-link:before {
    bottom: 0;
    border-bottom: 10px solid #5ed45e;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  #nav-site mn-menu-head .navbar-nav > li:hover .mn-icon {
    color: #5ed45e;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li:hover .submenu {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li.link-active .item-link {
    background: #142747;
    position: relative;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li.link-active .item-link:before {
    bottom: 0;
    border-bottom: 10px solid #5ed45e;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

#nav-site .navbar-nav > li.mn-active a {
  text-decoration: none;
}
#nav-site .navbar-nav > li.mn-active .btn-top-menu {
  background: #5ed45e;
  color: #fff;
}
#nav-site .navbar-nav > li.mn-active .btn-top-menu .glyphicon-chevron-down {
  display: none;
}
#nav-site .navbar-nav > li.mn-active .btn-top-menu .glyphicon-chevron-up {
  display: block;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li.mn-active .mn-menu-head > .item-link {
    background: #142747;
    text-decoration: none;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li.mn-active .mn-menu-head > .item-link:before {
    bottom: 0;
    border-bottom: 10px solid #5ed45e;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
#nav-site .navbar-nav > li .mn-menu-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .mn-menu-head {
    border-bottom: none;
  }
}
#nav-site .navbar-nav > li .mn-menu-head > .item-link {
  color: #fff;
  display: block;
  font-size: 0.9rem;
  line-height: 1.25;
  padding: 0.5rem 0 0.5rem 3.75rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .mn-menu-head > .item-link {
    font-size: 0.75rem;
    margin-right: 0;
    padding: .85rem 1.25rem;
  }
}
#nav-site .navbar-nav > li .mn-menu-head > .item-link:focus, #nav-site .navbar-nav > li .mn-menu-head > .item-link:hover {
  background: #5ed45e;
  text-decoration: none;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .mn-menu-head > .item-link:focus, #nav-site .navbar-nav > li .mn-menu-head > .item-link:hover {
    background: #142747;
    color: #5ed45e;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .mn-menu-head > .item-link:focus:before, #nav-site .navbar-nav > li .mn-menu-head > .item-link:hover:before {
    bottom: 0;
    border-bottom: 10px solid #5ed45e;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
#nav-site .navbar-nav > li .mn-menu-head > .item-link:focus .mn-icon, #nav-site .navbar-nav > li .mn-menu-head > .item-link:hover .mn-icon {
  background: rgba(255, 255, 255, 0.25);
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .mn-menu-head > .item-link:focus .mn-icon, #nav-site .navbar-nav > li .mn-menu-head > .item-link:hover .mn-icon {
    background: none;
    color: #5ed45e;
  }
}
#nav-site .navbar-nav > li .btn-top-menu {
  background: #142747;
  color: rgba(255, 255, 255, 0.25);
  height: 100%;
  overflow: hidden;
  padding: 0.625rem 1.9375rem 0.625rem 0.9375rem;
  position: absolute;
  right: 0;
  top: 0;
}
#nav-site .navbar-nav > li .btn-top-menu:hover {
  background: #5ed45e;
  color: #fff;
}
#nav-site .navbar-nav > li .btn-top-menu:focus {
  background: #142747;
  color: #fff;
}
#nav-site .navbar-nav > li .btn-top-menu .glyphicon-chevron-up {
  display: none;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .btn-top-menu {
    bottom: 0;
    height: 0;
    max-width: 12.5rem;
    padding: 0;
    top: auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .btn-top-menu:focus {
    bottom: -2.5rem;
    height: 2.5rem;
    padding: 0.625rem 0.9375rem;
    top: auto;
  }
}
#nav-site .navbar-nav > li .mn-icon
{
  background: rgba(255, 255, 255, 0.1);
  display: block;
  font-size: 1.3125rem;
  height: 100%;
  left: 0;
  padding: 0.625rem 0.75rem;
  position: absolute;
  top: 0;
}
#nav-site .navbar-nav > li .icon-mn:before {
  display: block;
  text-align: center;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .icon-mn:before {
    margin-bottom: 0.625rem;
    margin-right: 0;
    width: auto;
  }
}

@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .mn-icon {
    background: none;
    left: auto;
    padding: 0;
    position: relative;
    top: auto;
  }
}
#nav-site .navbar-nav > li .mn-icon:before {
  display: block;
    text-align: center;
  width: 1.5rem;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li .mn-icon:before {
    font-size: 1.375rem;
    margin-bottom: 0.65rem;
    margin-right: 0;
    width: auto;
  }
}
#nav-site .navbar-nav > li br {
  display: none;
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li br {
    display: inline;
  }
}
@media (min-width: 1200px) {
  #nav-site .navbar-nav > li {
    display: inline-block;
    float: none;
    margin-left: -0.25rem;
    vertical-align: top;
  }
}
/*SUBMENU*/
.mn-active .submenu {
  background: rgb(20, 39, 71);
}
@media (min-width: 1200px) {
  .mn-active .submenu {
    background: rgba(20, 39, 71, 0.9);
  }
}
.submenu {
  display: none;
  padding: 0.9375rem 0.9375rem 0.9375rem 3.75rem;
}
@media (min-width: 1200px) {
  .submenu {
    background: rgba(20, 39, 71, 0.9);
    font-size: 0.9375rem;
    padding: 0.9375rem;
    position: absolute;
    text-align: left;
  }
  .submenu:hover {
    background: rgb(20, 39, 71);
    color: #5ed45e;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
  }
}
.submenu li {
  list-style: none;
}
.submenu .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1200px) {
  .submenu .col-sm-6 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.submenu .col-sm-6 + .col-sm-6 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 0.625rem;
  padding-top: 0;
}
@media (min-width: 768px) {
  .submenu .col-sm-6 + .col-sm-6 {
    border-top: none;
    margin-top: 0;
  }
}
.submenu .btn-sub-nav .icon-mn .glyphicon-chevron-down {
  display: block;
}
.submenu .btn-sub-nav .glyphicon-chevron-down:focus, .submenu .btn-sub-nav .glyphicon-chevron-down:hover {
  color: #5ed45e;
}
.submenu .btn-sub-nav .glyphicon-chevron-up {
  display: none;
}
.submenu .mn-active .btn-sub-nav .glyphicon-chevron-down {
  display: none;
}
.submenu .mn-active .btn-sub-nav .glyphicon-chevron-up {
  color: #5ed45e;
  display: block;
}
.submenu-heading {
  color: #fff;
  margin-bottom: 0.4375rem;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .submenu-heading {
    color: #142747;
    font-weight: bold;
    margin-bottom: 0;
  }
}
.submenu-heading .btn-sub-nav {
  height: 100%;
  position: absolute;
  right: 1rem;
  top: 0;

}
@media (min-width: 1200px) {
  .submenu-heading .btn-sub-nav {
    display: none;
  }
}
.submenu-heading .btn-sub-nav:focus .mn-icon, .submenu-heading .btn-sub-nav:hover .mn-icon {
  color: #5ed45e;
}
.submenu-group .submenu-links li a {
  color: rgba(255, 255, 255, 0.9);
  display: block;
  font-size: 0.9375rem;
  padding: 0.3125rem;
  font-weight: 400;
    z-index: 3;
}
@media (min-width: 1200px) {
  .submenu-group .submenu-links li a {

    font-size: 0.8125rem;
    padding: 0.1875rem;
  }
}
.submenu-group .submenu-links li a:focus, .submenu-group .submenu-links li a:hover {
  background: #5ed45e;
  color: #fff;
}
@media (min-width: 1200px) {
  .submenu-group .submenu-links li a:focus, .submenu-group .submenu-links li a:hover {
    background: #142747;
  }
}
.submenu-group + .submenu-group {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 0.625rem;
  padding-top: 0.625rem;
}
@media (min-width: 1200px) {
  .submenu-group + .submenu-group {
    border: none;
    margin: 0;
  }
}
.navbar-nav .open .submenu-links > li > a {
  padding: 0.625rem;
}
.navbar-nav .open .submenu-links > li > a:focus, .navbar-nav .open .submenu-links > li > a:hover {
  background: #5ed45e;
}


.submenu-links {
  margin: 0;
  padding: 0;
}
.submenu-links li {
  list-style: none;
}
@media (min-width: 1200px) {
  .submenu-links li {
    white-space: nowrap;
  }
}

 /*FOOTER STYLES*/
#footer-site {
    background: #142747;
    margin-bottom: 0.625rem;
    padding-bottom: 1rem;
}
.contact-head {
  color: #fff;
  font-size: .875rem;
  letter-spacing: 0.125rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}
.footer-h3  {
  font-size: .875rem;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  color: #fff;
  padding-bottom: .75rem;
  margin-bottom: 2rem;
  margin-top: 3rem;
  text-transform: uppercase;
  border-bottom: 2px solid #5ed45e;
}
.item-contact {
  color: #fff;
  font-size: .875rem;
  font-weight: 300;
  letter-spacing: 0.0625rem;
  margin-left: 2.1875rem;
  position: relative;
  margin-bottom: 1.5rem;
}
.item-contact .mn-icon {
  color: #5ed45e;
  font-size: 1.125rem;
  left: -2.1875rem;
  position: absolute;
  top: 0;
}
.item-contact a {
  color: #4099ff;
}
.site-copyright {
  color: #000;
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
  text-align: center;
}


/*BANNER STYLES*/
.bg-banner {
    background: no-repeat;
    background-size: cover;

}
.bg-banner-landing {
    background: no-repeat;
    background-size: cover;
        /*z-index: -1;*/
}
@media (min-width: 1200px) {
    .bg-banner {
        margin-top: -100px;
    }
}
@media (min-width: 1200px) {
    .bg-banner-landing {
        margin-top: -100px;
    }
}
ul.banner-heading {
    margin: 0;
    background-color: rgba(20,39,71, .5);
    margin: 0 -15px 0 -15px;

}
.banner-heading li {
    list-style: none;
    color: #fff;
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 2rem;
    font-weight: 900;
    text-shadow: 2px 4px 10px #000;
    z-index: 2;
}
.banner-heading a {
    padding: .5rem;
    display: inline-block;
        color: #fff;
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 2rem;
    font-weight: 900;
    text-shadow: 2px 4px 10px #000;
    z-index: 2;
}
@media (min-width: 768px) {
    .banner-heading {
        padding: 1.1rem 0 1rem 1rem;
    }
}
@media (min-width: 1200px) {
    .banner-heading {
        padding: 7rem 0 1rem 1rem;
    }
}
.banner-heading a:hover, a:focus {
    text-decoration: none;
    color: #5ed45e;
    background: none;
}

.banner-landing-background {
    background-color: rgba(20,39,71, .5); 
}
@media (min-width: 970px) {
    .banner-landing-background {
        background-color: transparent;
    }
}
.banner-heading-landing {
    margin: 0 -15px 0 -15px;
    padding: 2vh 0 2vh 2rem;
    color: #fff;
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 2rem;
    font-weight: 900;
    text-shadow: 2px 4px 10px #000;

}
@media (min-width: 750px) {
    .banner-heading-landing {
        font-size: 2rem;
        padding-top: 3vh;

    }
}
@media (min-width: 970px) {
    .banner-heading-landing {
        font-size: 2.5rem;
        padding: 24vh 0 2vh 2rem;
    }
}
@media (min-width: 1200px) {
    .banner-heading-landing {
        font-size: 2.5rem;
        padding: 40vh 0 2vh 2rem;
    }
}
.photo-icon {
    color: #fff;
    font-size: 1.25rem;
    opacity: .75;
}
.photo-icon-home {
    color: #fff;
    font-size: 1.25rem;
    opacity: .75;
    position: absolute;
    top: 1rem;
    right: 1rem;
}
@media (min-width: 768px) {
    .photo-icon-home {
        top: 6rem;
        right: 1rem;
    }
}

.banner-msg-box {
  background: rgba(20, 39, 71, .85);
  height: auto;
  padding: 1.5rem 2rem;

	
}
.banner-msg {
  font-weight: lighter;
    font-size: .9rem;
  color: #fff;

}
@media (min-width: 750px){
     .banner-msg {
    font-weight: lighter; 
    font-size: 1rem; 
    color: #fff;
}
}
@media (min-width: 950px){
    .banner-msg {
        font-weight: lighter;
        font-size: 1.25rem;
        color: #fff;
        padding-bottom: 1rem;
    }
}
.banner-msg a {
  color:#5ed45e;
}

/*Positioning form Banner Images*/ 
.carousel-positioning {
   background-position: 50% 50%; 
}
.banner-positioning {
   background-position: 50% 50%; 
}
.positioning-electionsandvoting {
    background-position: 0% 40%;
}

@media (min-width: 970px) {
    .positioning-electionsandvoting {
        background-position: 0% 100%;
    }
}
@media (min-width: 1200px) {
    .positioning-electionsandvoting {
        background-position: 0% 40%;
    }
}

.positioning-businessandliens {
    background-position: 50% 50%;
}
.positioning-notaryandapostille {
    background-position: 50% 50%;
}
.positioning-studyabroad {
    background-position: 50% 35%;
}
@media (min-width: 400px) {
    .positioning-studyabroad {
        background-position: 50% 20%;
    }
}
@media (min-width: 970px) {
    .positioning-studyabroad {
        background-position: 50% 10%;
    }
}
.positioning-boardsandcommissions {
    background-position: 50% 30%;
}
@media (min-width: 750px) {
    .positioning-boardsandcommissions {
        background-position: 50% 60%;
    }
}
@media (min-width: 970px) {
    .positioning-boardsandcommissions {
        background-position: 50% 50%;
    }
}

.positioning-safeathome {
    background-position: 50% 0%;
}
@media (min-width: 400px) {
    .positioning-safeathome {
        background-position: 50% 20%;
    }
}
.positioning-aboutminnesota {
    background-position: 50% 25%;
}
.positioning-abouttheoffice {
    background-position: 50% 30%;
}
@media (min-width: 750px) {
    .positioning-abouttheoffice {
        background-position: 50% 30%;
    }
}
@media (min-width: 970px) {
    .positioning-abouttheoffice {
        background-position: 50% 35%;
    }
}
@media (min-width: 1200px) {
    .positioning-abouttheoffice {
        background-position: 50% 20%;
    }
}
.positioning-sitephotography {
    background-position: 50% 70%;
}

@media (min-width: 970px) {
    .positioning-sitephotography {
        background-position: 50% 100%;
    }
}

.positioning-officialdocuments {
    background-position: 50% 50%;
}
.positioning-officialdocuments {
    background-position: 50% 70%;
}

@media (min-width: 400px) {
    .positioning-officialdocuments {
        background-position: 50% 50%;
    }
}
@media (min-width: 970px) {
    .positioning-officialdocuments {
        background-position: 50% 80%;
    }
}
/*LANGUAGES*/
    .languages-content {      
        display: inline;
        

    }
@media (min-width:786px) {
    .languages-content {
        position: absolute;
        right: 50px;
        top: 5px;
        display: inline;
       
    }
}
@media (min-width:1200px) {
    .languages-content {
        right: 50px;
        top: 110px;
     
    }
}
.languages-content .list-languages {
  margin: 0 -15px -1px -15px;
  text-align: center;

}
@media (min-width:786px) {
.languages-content .list-languages {
  margin: -10px -15px -1px -15px;
  padding: .5rem .25rem;
  text-align: center;
  background-color: transparent; 
}
}
.languages-content .list-languages li {
  display: inline-block;
  list-style: none;
}
.languages-content .list-languages li a {
  color: #fff;
    font-size: .9rem;
    font-weight: 400;
}
.languages-content .list-languages li + li {
  border-left: 1px solid rgba(255,255,255,.25);
  margin-left: 0.35rem;
  padding-left: 0.9375rem;
}
/*Languages Landing Page*/
  .language-bar {
    margin: 0 -15px 0 -15px;
    padding: 2vh 0 2vh 0;
    
}
@media (min-width: 750px) {
   .language-bar {
        padding-top: 3vh;
    }
}
@media (min-width: 970px) {
      .language-bar {     
        padding: 24vh 0 2vh 0;
    }
}
@media (min-width: 1200px) {
      .language-bar {     
        padding: 44vh 0 2vh 0;
    }
}
.language-bar .list-languages {
  padding: 0 2rem 0 0;
  text-align: right;
}
.language-bar .list-languages li {
  display: inline-block;
  list-style: none;

}
.language-bar .list-languages li a {
  color: #fff;
    font-size: .9rem;
    font-weight: 600;
    text-shadow: 2px 4px 10px #000;
}
.language-bar .list-languages li + li {
  border-left: 1px solid rgba(255,255,255,.25);
  margin-left: 0.6875rem;
  padding:0 0 0 .5rem;
}
/*SUB_NAV-links*/
.nav-subpage {
    display: none;
}
@media (min-width:970px) {
    .nav-subpage {
        display: inline;
    }
}
.page-subnav-wrap {
  background: #0177AE;
}
.page-subnav-wrap .container {
  position: relative;
}
@media (min-width: 970px) {
  .page-subnav-wrap {
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 768px) {
  .page-subnav-wrap .container {
      margin: 0;
    padding: 0;
  }
}
.page-subnav-wrap .subpage-nav-links, .page-subnav-wrap .subpage-nav-links ul {
  margin: 0;
  padding: 0;
}
.page-subnav-wrap .subpage-nav-links li {
  list-style: none;
}
.page-subnav-wrap .subpage-nav-links li, .page-subnav-wrap .subpage-nav-links li a {
  color: #fff;
  font-size: 0.75rem;
  letter-spacing:.03rem;
  font-weight: normal;

}
.page-subnav-wrap .subpage-nav-links li a {
  display: block;
}
.page-subnav-wrap .subpage-nav-links li a:focus, .page-subnav-wrap .subpage-nav-links li a:hover {
  background: #142747;
}

@media (min-width: 970px) {
  .page-subnav-wrap .subpage-nav-links {
    text-align: center;
  }
}
@media (min-width: 970px) {
  .page-subnav-wrap .subpage-nav-links > li {
    display: inline-block;
    line-height: 1rem;
    text-align: center;
    vertical-align: middle;

  }
}
@media (min-width: 970px) {
  .page-subnav-wrap .subpage-nav-links > li a {
    display: block;
    padding: .75rem;
    border-right: 1px solid rgba(255,255,255,.1);
  }
}
@media (min-width: 970px) {
  .page-subnav-wrap .subpage-nav-links > li:first-child {
    border-left: 1px solid rgba(255,255,255,.1);
  }
}
@media (min-width: 970px) {
    .page-subnav-wrap .subpage-nav-links li, .page-subnav-wrap .subpage-nav-links li a {
        font-size: 0.8rem;
    }
}


/* BORDERS AND SINGLE LINE DISPLAY FOR MOBILE*/
.page-subnav-wrap .subpage-nav-links > li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
  .page-subnav-wrap .subpage-nav-links > li li + li {
  border-top: 1px solid #004565;
}
  .page-subnav-wrap .subpage-nav-links > li li a {
  background: #01608d;
  color: #fff;
  padding-left: 1.25rem;
}
@media (max-width: 970px) {
  .page-subnav-wrap .subpage-nav-links li a br {
    display: none;
  }
}
@media (min-width: 970px) {
  .page-subnav-wrap .subpage-nav-links > li + li,
  .page-subnav-wrap .subpage-nav-links > li li + li,
  .page-subnav-wrap .subpage-nav-links > li li a {
  border-top: none;
}
}
/* ACCOUNT SIGN IN BOX - MOVED TO HEADER FOOTER ICON STYLESHEET*/
.login-box {
  background: rgba(1,140,1, 0.9);
  font-family: 'Lato', Helvetica, sans-serif;
  text-align: center;
  padding: .65rem 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .login-box {
    position: absolute;
    right: 0;
    top: -2.7rem;
    display: inline;
  }
}
li.login:hover {
  background: #5cb85c;
    color: #fff;
}
li.login:hover a {
    color: #fff;
}
li.login, li.login a {
  color: #fff;
  padding: .75rem;
  list-style-type: none;
  display: inline;
}
li.login a {
  font-size: 1rem;
  font-weight: 600;
        color: #fff;
}
@media (min-width: 768px) {
  li.login a {
    font-size: 0.875rem;
    display: inline;
  }
}
li.login>.dropdown-menu {
    margin: 0;
    border: 0;
    border-radius: 0;
    width: 100%;
    padding: 0;
}

li.login>.dropdown-menu>li>a {
    display: block;
    line-height: .5rem;
    background: #142747;
}
li.login>.dropdown-menu>li:hover>a {
    background: #5cb85c;
    color: #fff;
}

/*button label style*/
.btn-label {
    font-size: 0;
    height: 1px;
    overflow: hidden;
    display: block;
}

/*ICON STYLES*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/mn-icons/icomoon.eot?-b40lv");
  src: url("../fonts/mn-icons/icomoon.eot?#iefix-b40lv") format("embedded-opentype"), url("../fonts/mn-icons/icomoon.ttf?-b40lv") format("truetype"), url("../fonts/mn-icons/icomoon.woff?-b40lv") format("woff"), url("../fonts/mn-icons/icomoon.svg?-b40lv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*Copy new font starting here...*/

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-checkbox2:before {
	content: "\e67e";
}
.icon-heart2:before {
	content: "\e677";
}
.icon-calendar2:before {
	content: "\e601";
}
.icon-camera:before {
	content: "\e602";
}
.icon-cart:before {
	content: "\e603";
}
.icon-check:before {
	content: "\e604";
}
.icon-checkmark2:before {
	content: "\e605";
}
.icon-checkmark:before {
	content: "\e606";
}
.icon-ballotbox:before {
	content: "\e607";
}
.icon-clipboard:before {
	content: "\e608";
}
.icon-checkbox:before {
	content: "\e609";
}
.icon-clipboard2:before {
	content: "\e60a";
}
.icon-feather:before {
	content: "\e60b";
}
.icon-fingerprint:before {
	content: "\e60c";
}
.icon-flag:before {
	content: "\e60d";
}
.icon-folder:before {
	content: "\e60e";
}
.icon-hourglass:before {
	content: "\e60f";
}
.icon-lightbulb:before {
	content: "\e610";
}
.icon-magnify:before {
	content: "\e611";
}
.icon-map-marker:before {
	content: "\e612";
}
.icon-mn:before {
	content: "\e613";
}
.icon-money:before {
	content: "\e614";
}
.icon-info-circle:before {
	content: "\e615";
}
.icon-questionmark:before {
	content: "\e616";
}
.icon-results:before {
	content: "\e617";
}
.icon-sign-vote:before {
	content: "\e618";
}
.icon-thumbsup:before {
	content: "\e619";
}
.icon-bldg:before {
	content: "\e61a";
}
.icon-library:before {
	content: "\e61b";
}
.icon-home:before {
	content: "\e61c";
}
.icon-home2:before {
	content: "\e61d";
}
.icon-home4:before {
	content: "\e61e";
}
.icon-home3:before {
	content: "\e61f";
}
.icon-office:before {
	content: "\e620";
}
.icon-places:before {
	content: "\e621";
}
.icon-pencil2:before {
	content: "\e622";
}
.icon-pen:before {
	content: "\e623";
}
.icon-image:before {
	content: "\e624";
}
.icon-fountain-pen:before {
	content: "\e625";
}
.icon-camera2:before {
	content: "\e626";
}
.icon-play:before {
	content: "\e627";
}
.icon-bullhorn:before {
	content: "\e628";
}
.icon-book:before {
	content: "\e629";
}
.icon-books:before {
	content: "\e62a";
}
.icon-file-text:before {
	content: "\e62b";
}
.icon-profile:before {
	content: "\e62c";
}
.icon-stack:before {
	content: "\e62d";
}
.icon-document:before {
	content: "\e62e";
}
.icon-document-insert:before {
	content: "\e62f";
}
.icon-newspaper:before {
	content: "\e630";
}
.icon-folder-open:before {
	content: "\e631";
}
.icon-envelop:before {
	content: "\e632";
}
.icon-envelope:before {
	content: "\e633";
}
.icon-credit-card:before {
	content: "\e634";
}
.icon-lifebuoy:before {
	content: "\e635";
}
.icon-phone:before {
	content: "\e636";
}
.icon-location:before {
	content: "\e637";
}
.icon-map:before {
	content: "\e638";
}
.icon-clock:before {
	content: "\e639";
}
.icon-clock2:before {
	content: "\e63a";
}
.icon-tv:before {
	content: "\e63b";
}
.icon-box-add:before {
	content: "\e63c";
}
.icon-box-remove:before {
	content: "\e63d";
}
.icon-download:before {
	content: "\e63e";
}
.icon-upload:before {
	content: "\e63f";
}
.icon-bubble:before {
	content: "\e640";
}
.icon-bubbles:before {
	content: "\e641";
}
.icon-user:before {
	content: "\e642";
}
.icon-head:before {
	content: "\e643";
}
.icon-users:before {
	content: "\e644";
}
.icon-user-tie:before {
	content: "\e645";
}
.icon-hour-glass:before {
	content: "\e646";
}
.icon-binoculars:before {
	content: "\e647";
}
.icon-search:before {
	content: "\e648";
}
.icon-zoom-in:before {
	content: "\e649";
}
.icon-zoom-out:before {
	content: "\e64a";
}
.icon-key:before {
	content: "\e64b";
}
.icon-key2:before {
	content: "\e64c";
}
.icon-key3:before {
	content: "\e64d";
}
.icon-lock:before {
	content: "\e64e";
}
.icon-unlocked:before {
	content: "\e64f";
}
.icon-cog:before {
	content: "\e650";
}
.icon-pie-chart:before {
	content: "\e651";
}
.icon-stats-dots:before {
	content: "\e652";
}
.icon-stats-bars:before {
	content: "\e653";
}
.icon-stats-bars2:before {
	content: "\e654";
}
.icon-graphbar:before {
	content: "\e655";
}
.icon-leaf:before {
	content: "\e656";
}
.icon-meter:before {
	content: "\e657";
}
.icon-fire:before {
	content: "\e658";
}
.icon-bin:before {
	content: "\e659";
}
.icon-briefcase:before {
	content: "\e65a";
}
.icon-aid-kit:before {
	content: "\e65b";
}
.icon-truck:before {
	content: "\e65c";
}
.icon-road:before {
	content: "\e65d";
}
.icon-link:before {
	content: "\e65e";
}
.icon-attachment:before {
	content: "\e65f";
}
.icon-contrast:before {
	content: "\e660";
}
.icon-star-empty:before {
	content: "\e661";
}
.icon-star-half:before {
	content: "\e662";
}
.icon-star-full:before {
	content: "\e663";
}
.icon-heart:before {
	content: "\e664";
}
.icon-cross:before {
	content: "\e665";
}
.icon-arrow-up-left:before {
	content: "\e666";
}
.icon-arrow-up:before {
	content: "\e667";
}
.icon-arrow-up-right:before {
	content: "\e668";
}
.icon-arrow-right:before {
	content: "\e669";
}
.icon-arrow-down-right:before {
	content: "\e66a";
}
.icon-arrow-down:before {
	content: "\e66b";
}
.icon-arrow-down-left:before {
	content: "\e66c";
}
.icon-arrow-left:before {
	content: "\e66d";
}
.icon-circle-up:before {
	content: "\e66e";
}
.icon-circle-down:before {
	content: "\e66f";
}
.icon-circle-left:before {
	content: "\e670";
}
.icon-circle-right:before {
	content: "\e671";
}
.icon-facebook2:before {
	content: "\e672";
}
.icon-twitter:before {
	content: "\e673";
}
.icon-youtube3:before {
	content: "\e674";
}
.icon-stackoverflow:before {
	content: "\e675";
}
.icon-file-pdf:before {
	content: "\e676";
}
.icon-people:before {
	content: "\e678";
}
.icon-hammer2:before {
	content: "\e679";
}
.icon-chevronup:before {
	content: "\e600";
}
.icon-chevrondown:before {
	content: "\e67a";
}
.icon-chevronleft:before {
	content: "\e67b";
}
.icon-chevronright:before {
	content: "\e67c";
}
.icon-umbrella:before {
	content: "\e67d";
}
.icon-globe:before {
	content: "\e900";
}
.icon-earth:before {
	content: "\e901";
}
.icon-airplane:before {
	content: "\e902";
}
.icon-shield:before {
	content: "\e903";
}
.icon-road2:before {
	content: "\e904";
}
.icon-power-cord:before {
	content: "\e905";
}
.icon-css3:before {
	content: "\e906";
}
/*KEEP THIS IF FONT IS WRITTEN OVER _ CREATES COLORED ICONS...*/
.icon-facebook2, .icon-facebook:hover {
  color: #3b5998;
}
.icon-twitter, .icon-twitter:hover {
  color: #00aced;
}
.icon-youtube3, .icon-youtube3:hover {
  color: #bb0000;
}




/*NAVBAR TOGGLE*/

@media (min-width:768px) { 
    .navbar-header { float: none }
    .navbar-left,
    .navbar-right { float: none !important }
    .navbar-toggle { display: block }
    .navbar-collapse {
        border-top: 1px solid transparent;

        overflow: hidden;
    }

    .navbar-collapse.collapse {
        display: none!important;
        visibility: hidden!important;
        height: 0px!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        
    }
    .navbar-nav>li { float: none }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.in {
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-property: height, visibility;
        -o-transition-property: height, visibility;
        transition-property: height, visibility;
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px }
    .navbar-nav .open .dropdown-menu > li > a { line-height: 20px }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777 }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808 }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808 }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}
legend {
    border-bottom: 0;
    font-size: inherit;
    margin-bottom: 0;
}
/*PRINT STYLES*/

@media print {
    .sm-banner-heading, nav, .nav-subpage, .side-nav, .links-social, footer, .login-box, .search-field-inline, .banner-msg-box, .breadcrumb, .navbar-toggle, .menu-button-label, .banner-heading {
        display: none !important;
    }

    header {
        border-bottom: 8px solid #0177AE;
        padding: 1rem 0 0 0;
        margin: 0 0 0 -1rem;
        color-adjust: exact;
        background: none;
    }

    .content-wrapper {
        width: 100%;
    }

    #main-content {
        width: 100%;
        margin: .5rem 0 0 0;
        padding: 0;
        font-size: 12pt;
        float: left !important;
    }

    img {
        max-width: 100% !important;
    }

    a[href^=http]:after {
        content: " <" attr(href) "> ";
    }

    a:after {
        display: none;
    }

    a {
        font-weight: bolder;
        color: #0177AE !important;
    }

    .col-sm-push-4 {
        left: 0 !important;
    }
    .col-sm-8 {
        width: 100%;
    }
    .content-wrapper {
        margin: 0 !important;
    }
}


