@import url("fontawesome/ProbaPro/stylesheet.css");

.main-logo-light,
.main-logo-dark {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; 
  background-color: #31486cdb;
  text-align: left;
  margin:0px;
  line-height: 22.35px;
}
  .main-logo-light .icon-flag,
  .main-logo-dark .icon-flag {
    width: 10px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-right: 10px; }
    .main-logo-light .icon-flag .yellow,
    .main-logo-dark .icon-flag .yellow {
      background-color: #ffe358;
      width: 10px;
      height: 20px; }
    .main-logo-light .icon-flag .blue,
    .main-logo-dark .icon-flag .blue {
      background-color: #2669e3;
      width: 10px;
      height: 20px; }
  .main-logo-light .wrap-text,
  .main-logo-dark .wrap-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .main-logo-light .wrap-text .one,
    .main-logo-dark .wrap-text .one {
      color: #337ab7;
      font-weight: 700;
      line-height: 12.0167px;
      font-size: 23.716px; 
      line-height: 12.0167px;
}
    .main-logo-light .wrap-text .light,
    .main-logo-dark .wrap-text .light {
      font-weight: 100;
      color: #aab3c6;
      margin-top: 10px;
      font-size: 12.8px;
      letter-spacing: .8px;
      white-space: nowrap; 
      /*! text-align: left; */
      line-height: 24px;
}

.main-logo-dark .wrap-text .one {
  color: #fff; }

#modal-gov {
  background-color: #31486c;
  max-width: 35rem;
  position: absolute;
  z-index: 1050;
  display: none; }
  #modal-gov .wrap {
    padding: 10px 0 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; 
    text-align: left;
    padding: 5px 0 5px 10px;
}
    #modal-gov .wrap .wrap-link {
      margin-right: 10px;
      padding-left: 0;
      margin-bottom: 5px; }
      #modal-gov .wrap .wrap-link li {
        list-style-type: none; }
        #modal-gov .wrap .wrap-link li a {
          color: #fff;
          border-bottom: 1px solid transparent;
          -webkit-transition: all .2s ease-in-out;
                  transition: all .2s ease-in-out;
          text-decoration: none;
          font-weight: 700;
          line-height: 30px; }
          #modal-gov .wrap .wrap-link li a:hover {
            text-decoration: underline; }
  #modal-gov .close {
    right: 15px;
    top: 15px;
    width: 16px;
    height: 16px;
    position: absolute;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM1LjQxMyAzNS40MTMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjQxMyAzNS40MTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC41MzUsMTcuMjk0TDM0LjAwMiwzLjgyN2MwLjc4MS0wLjc4MSwwLjc4MS0yLjA0NywwLTIuODI4Yy0wLjc4LTAuNzgxLTIuMDQ4LTAuNzgxLTIuODI4LDBMMTcuNzA3LDE0LjQ2Nkw0LjI0MiwwLjk5OSAgICBjLTAuNzgtMC43ODEtMi4wNDctMC43ODEtMi44MjgsMHMtMC43ODEsMi4wNDcsMCwyLjgyOGwxMy40NjUsMTMuNDY3TDAuNTg2LDMxLjU4N2MtMC43ODEsMC43ODEtMC43ODEsMi4wNDcsMCwyLjgyOCAgICBjMC4zOSwwLjM5MSwwLjkwMiwwLjU4NiwxLjQxNCwwLjU4NnMxLjAyNC0wLjE5NSwxLjQxNC0wLjU4NmwxNC4yOTMtMTQuMjkzTDMyLDM0LjQxNWMwLjM5MSwwLjM5MSwwLjkwMiwwLjU4NiwxLjQxNCwwLjU4NiAgICBzMS4wMjMtMC4xOTUsMS40MTQtMC41ODZjMC43ODEtMC43ODEsMC43ODEtMi4wNDcsMC0yLjgyOEwyMC41MzUsMTcuMjk0eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=") center no-repeat;
    background-size: cover; }
    #modal-gov .close:hover {
      cursor: pointer; }

@media only screen and (max-width: 767px) {
  #modal-gov {
    margin-left: -15px; }

  #modal-gov .wrap {
    padding: 5px 0 5px 10px; }
    #modal-gov .wrap .wrap-link {
      margin-top: 10px;
      margin-bottom: 15px; }
      #modal-gov .wrap .wrap-link li a {
        line-height: 24px; } }
.modal-background {
  background-color: #000;
  opacity: 0.5;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none; }