header.header .container:after, .header-right:after, .header-right .link-list:after {
  content: "";
  display: table;
  width: 100%;
  clear: both; }

header.header {
  padding: 45px 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  height: 150px; }
  header.header.fixed {
    position: fixed;
    background: #dee1e4;
    height: 80px;
    padding: 16px 0 0 0; }
  header.header .container {
    position: relative; }
  header.header .logo {
    margin: 0 0 0 0;
    width: 155px;
    float: left; }

.header-right {
  margin: 0 0 0 315px; }
  .header-right .btn-outline {
    max-width: 160px;
    height: 46px;
    line-height: 44px; }
  .header-right .link-list {
    float: left;
    margin: 0 25px 0 0;
    padding: 15px 0 0 0; }
  .header-right .link {
    float: left;
    margin: 0 50px 0 0; }
    .header-right .link:last-child {
      margin-right: 0; }
    .header-right .link a {
      text-decoration: none !important;
      font-size: 14px;
      line-height: 17px;
      font-weight: 700;
      color: #4F4F4F !important;
      position: relative;
      display: inline-block;
      vertical-align: top; }
      .header-right .link a:before {
        opacity: 0;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -ms-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        height: 1px;
        background: #4F4F4F; }
      .header-right .link a:hover:before {
        bottom: -1px;
        opacity: 1; }
  .header-right .btn-outline {
    float: right; }

@media (max-width: 1199px) {
  .header-right .link {
    margin: 0 20px 0 0; }
    .header-right .link:last-child {
      margin-right: 0; } }
@media (max-width: 1100px) {
  .header-right {
    margin: 0 0 0 220px; } }
.mobile-menu-trigger, .mobile-menu, .header-mobile {
  display: none; }

@media (max-width: 991px) {
  .header.header {
    height: auto;
    padding: 30px 0 0 0;
    margin: 0 0 20px 0; }
    .header.header.fixed {
      height: 60px; }
      .header.header.fixed .mobile-menu-trigger {
        top: 22px; }
    .header.header .logo {
      width: 110px;
      float: none;
      margin: 0 0 10px 0; }

  .header-right {
    display: none; }

  .header-mobile {
    height: 100%;
    display: block;
    padding: 0 15px; }

  .mobile-menu-close {
    padding: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px; }
    .mobile-menu-close img {
      width: 100%; }

  .mobile-menu-trigger {
    display: block;
    position: absolute;
    top: 30px;
    right: 25px;
    width: 24px; }
    .mobile-menu-trigger span {
      height: 2px;
      background: #4F4F4F;
      display: block;
      margin: 0 0 4px 0; }

  .mobile-menu-content {
    overflow-y: auto;
    height: 100%;
    margin: 0 -15px 0 0;
    padding: 0 15px 0 0; }

  .mobile-menu {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    padding: 65px 15px 20px 15px; }
    .mobile-menu .link-list {
      margin-bottom: 20px; }
      .mobile-menu .link-list .link {
        border-bottom: 1px solid #4F4F4F; }
        .mobile-menu .link-list .link a {
          text-decoration: none !important;
          font-size: 18px;
          line-height: 20px;
          font-weight: 400;
          color: #4F4F4F;
          display: block;
          padding: 12px 0 10px 0; } }

/*# sourceMappingURL=header.css.map */