/*
  SURHEADER
*/
.surheader-wrapper {
  background-color: #004D97;
  font-size: 100%;
  margin-bottom: 10px;
}

.surheader-wrapper a {
  color: #FFF;
}
.surheader-wrapper a:focus,
.surheader-wrapper a:hover {
  color: #219993;
  text-decoration: none;
}

/* Block collapsed */
.surheader-wrapper [class*="col-"] {
  position: static;
}

.surheader-wrapper .link-access {
  margin: 0;
  text-transform: uppercase;
  line-height: 26px;
}

.surheader-wrapper .toolbox-access {
  margin: 0;
  text-align: right;
}
.surheader-wrapper .toolbox-access > li {
  padding: 0;
  height: 26px;
}
.surheader-wrapper .toolbox-access > li > a {
  position: relative;
  display: block;
  padding: 0 1.25rem;
  line-height: 26px;
  text-transform: uppercase;
}
.surheader-wrapper .toolbox-access > li + li {
  border-left: solid 1px rgba(255, 255, 255, 0.3);
}
.surheader-wrapper .toolbox-access > li.dropdown,
.surheader-wrapper .toolbox-access > li.collapse-wrapper {
  position: static;
}
.surheader-wrapper .toolbox-access > li.dropdown > a:after,
.surheader-wrapper .toolbox-access > li.collapse-wrapper > a:after {
  content: "\f0d7";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-left: 0.5rem;
}
.surheader-wrapper .toolbox-access > li.dropdown > a:after.fa-pull-left,
.surheader-wrapper .toolbox-access > li.collapse-wrapper > a:after.fa-pull-left {
  margin-right: .3em;
}
.surheader-wrapper .toolbox-access > li.dropdown > a:after.fa-float-end,
.surheader-wrapper .toolbox-access > li.collapse-wrapper > a:after.fa-float-end {
  margin-left: .3em;
}
.surheader-wrapper .toolbox-access > li.dropdown > a:after.pull-left,
.surheader-wrapper .toolbox-access > li.collapse-wrapper > a:after.pull-left {
  margin-right: .3em;
}
.surheader-wrapper .toolbox-access > li.dropdown > a:after.float-end,
.surheader-wrapper .toolbox-access > li.collapse-wrapper > a:after.float-end {
  margin-left: .3em;
}
.surheader-wrapper .toolbox-access > li.dropdown.open > a,
.surheader-wrapper .toolbox-access > li.collapse-wrapper.open > a {
  background-color: #fff;
  color: #219993;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu,
.surheader-wrapper .toolbox-access > li .collapse-menu {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  margin: 0;
  padding: 1rem 0;
  font-size: 0.875rem;
  text-align: left;
  border: 0;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .ttl,
.surheader-wrapper .toolbox-access > li .collapse-menu .ttl {
  padding-bottom: 0.625rem;
  font-weight: 300;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #219993;
  border-bottom: solid 1px #E0E3E4;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled {
  margin-bottom: 2rem;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled > li,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled > li {
  position: relative;
  padding-left: 1rem;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled > li:before,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled > li:before {
  content: "\f105";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.25rem;
  left: 0;
  color: #219993;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled > li:before.fa-pull-left,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled > li:before.fa-pull-left {
  margin-right: .3em;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled > li:before.fa-float-end,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled > li:before.fa-float-end {
  margin-left: .3em;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled > li:before.pull-left,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled > li:before.pull-left {
  margin-right: .3em;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled > li:before.float-end,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled > li:before.float-end {
  margin-left: .3em;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled > li a,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled > li a {
  font-size: 0.9375rem;
  color: #3E3E3F;
  font-weight: 500;
}
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled > li a:hover,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled > li a:hover,
.surheader-wrapper .toolbox-access > li .dropdown-menu .list-unstyled > li a:focus,
.surheader-wrapper .toolbox-access > li .collapse-menu .list-unstyled > li a:focus {
  color: #219993;
}
.surheader-wrapper .list-has-social {
  list-style: none;
  margin-left: -5px;
  padding: 0 0 0 1rem;
}
.surheader-wrapper .list-has-social > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.surheader-wrapper .list-has-social a .fa,
.surheader-wrapper .list-has-social a .icon {
  width: auto;
  height: auto;
  line-height: 26px;
  border: 0;
  color: #fff;
}
.surheader-wrapper .list-has-social a:hover .fa,
.surheader-wrapper .list-has-social a:focus .fa,
.surheader-wrapper .list-has-social a:hover .icon,
.surheader-wrapper .list-has-social a:focus .icon {
  color: #219993;
}
.surheader-wrapper .btn {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.8125rem;
}
.surheader-wrapper .btn.btn-close {
  padding: 0;
  background-color: transparent;
  font-weight: 300;
}
.surheader-wrapper .btn.btn-close span {
  display: inline-block;
  vertical-align: middle;
}
.surheader-wrapper .btn.btn-close .icon-close {
  position: relative;
  width: 15px;
  height: 15px;
  margin-left: 0.25rem;
}
.surheader-wrapper .btn.btn-close .icon-close span {
  display: inline-block;
  vertical-align: middle;
}
.surheader-wrapper .btn.btn-close .icon-close:after,
.surheader-wrapper .btn.btn-close .icon-close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 15px;
  background-color: #219993;
}
.surheader-wrapper .btn.btn-close .icon-close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.surheader-wrapper .btn.btn-close .icon-close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.surheader-wrapper .btn.btn-close:hover,
.surheader-wrapper .btn.btn-close:focus {
  color: #219993;
}
