#header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform linear .3s;
          transition: transform linear .3s;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%); }
  #header:before, #header:after {
    content: " ";
    display: table; }
  #header:after {
    clear: both; }
  .opaque-header #header .container-fluid {
    background: white; }
  #header .container-fluid {
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 2;
    padding: 0;
    height: 80px;
    -webkit-transition: all linear .3s;
            transition: all linear .3s; }
    @media screen and (max-width: 991px) {
      #header .container-fluid {
        height: 54px; } }
    @media screen and (max-width: 767px) {
      #header .container-fluid {
        height: 40px; } }
  .off-canvas #header {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%); }
    .off-canvas #header .container-fluid {
      height: 54px; }
    .off-canvas #header .search-btn,
    .off-canvas #header .hamburger-btn {
      width: 54px;
      height: 54px;
      line-height: 54px; }
    .off-canvas #header #nav > ul {
      padding-top: 17px; }
    .off-canvas #header .logo {
      height: 32px;
      margin: 13px 0 -4px 20px; }
    .off-canvas #header .search-form .input-group {
      right: 54px;
      top: 13px; }
    @media screen and (max-width: 767px) {
      .off-canvas #header .search-btn,
      .off-canvas #header .hamburger-btn {
        width: 40px;
        height: 40px;
        line-height: 40px; }
      .off-canvas #header .logo {
        height: 23px;
        margin: 11px 0 -5px 20px; }
      .off-canvas #header .search-form .input-group {
        right: 0;
        top: 100%; }
      .off-canvas #header .container-fluid {
        height: 40px; } }
  .modal-open #header,
  .fixed #header {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%); }
    .modal-open #header .container-fluid,
    .fixed #header .container-fluid {
      background: white; }
  #header .logo {
    float: left;
    margin: 16px 0 0 20px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
    width: 160px;
    position: relative;
    z-index: 3; }
    #header .logo a {
      display: block; }
    #header .logo img {
      width: 152px;
      height: auto; }
    @media screen and (max-width: 991px) {
      #header .logo {
        margin: 5px 0 0 20px;
        width: 145px; }
        #header .logo img {
          width: 140px; } }
    @media screen and (max-width: 767px) {
      #header .logo {
        margin: 4px 0 0 20px;
        width: 110px; }
        #header .logo img {
          width: 105px; } }
  #header .search-btn {
    float: right;
    width: 80px;
    height: 80px;
    text-align: center;
    position: relative;
    background: #e6e7e8; /*#53565a*/
    color: #fff;
    line-height: 80px;
    font-size: 24px;
    text-decoration: none !important;
    -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear; }
    @media screen and (max-width: 991px) {
      #header .search-btn {
        width: 54px;
        height: 54px;
        line-height: 54px; } }
    @media screen and (max-width: 767px) {
      #header .search-btn {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px; } }
  #header .search-form {
    float: right;
    position: relative;
    margin: 0; }
    @media screen and (max-width: 767px) {
      #header .search-form {
        position: static; } }
    #header .search-form .close {
      cursor: pointer;
      position: absolute;
      right: 21px;
      top: 4px;
      background: #838384;
      border-radius: 50%;
      width: 18px;
      height: 18px;
      -webkit-transition: -webkit-transform 0.3s linear;
              transition: transform 0.3s linear; }
      #header .search-form .close:before, #header .search-form .close:after {
        content: '';
        position: absolute;
        z-index: 1;
        width: 70%;
        height: 1px;
        top: 50%;
        left: 15%;
        background: #fff;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      #header .search-form .close:after {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #header .search-form .close:hover {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      @media screen and (max-width: 767px) {
        #header .search-form .close {
          width: 24px;
          height: 24px;
          top: 8px; } }
    #header .search-form .input-group {
      width: 310px;
      position: absolute;
      top: 24px;
      right: 80px;
      bottom: 0;
      padding: 0 17px 0 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s linear;
              transition: all 0.3s linear; }
      #header .search-form .input-group input {
        color: #000;
        background: none;
        font-size: 16px;
        width: 100%;
        height: 28px;
        line-height: 28px;
        padding: 0 30px 0 0;
        border-bottom: 1px solid #838384; }
        #header .search-form .input-group input::-webkit-input-placeholder {
          color: #53565a;
          opacity: 0.5; }
        #header .search-form .input-group input::-moz-placeholder {
          color: #53565a;
          opacity: 0.5; }
        #header .search-form .input-group input:-ms-input-placeholder {
          color: #53565a;
          opacity: 0.5; }
        #header .search-form .input-group input:-moz-placeholder {
          color: #53565a;
          opacity: 0.5; }
      @media screen and (max-width: 991px) {
        #header .search-form .input-group {
          right: 54px;
          top: 13px; } }
      @media screen and (max-width: 767px) {
        #header .search-form .input-group {
          width: 100%;
          top: 100%;
          left: 0;
          right: 0;
          height: 40px;
          background: #fff;
          padding: 0; }
          #header .search-form .input-group input {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            padding: 0 60px 0 20px; } }
  #header.form-open #nav {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s linear, visibility 0s linear 0.3s;
            transition: opacity 0.3s linear, visibility 0s linear 0.3s; }
  #header.form-open .search-form .input-group {
    opacity: 1;
    visibility: visible; }

#nav {
  overflow: hidden;
  visibility: visible;
  -webkit-transition: opacity 0.3s linear, visibility 0s linear;
          transition: opacity 0.3s linear, visibility 0s linear; }
  #nav > ul {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    padding: 29px 30px 0 0;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    float: right;
    list-style: none;
    color: #53565a;
    -webkit-transition: padding 0.3s linear;
            transition: padding 0.3s linear; }
    #nav > ul li {
      float: left;
      padding: 0 0 0 15px; }
    #nav > ul [class^="icon-"],
    #nav > ul [class*=" icon-"] {
      font-size: 130%;
      margin: -3px 0 0;
      display: inline-block;
      vertical-align: middle; }
    #nav > ul a {
      color: #53565a;
      -webkit-transition: color 0.3s ease;
              transition: color 0.3s ease; }
      #nav > ul a:hover, #nav > ul a.active {
        color: #c01818;
        text-decoration: none; }
    @media screen and (max-width: 991px) {
      #nav > ul {
        display: none; } }

.hamburger-btn {
  margin: 0;
  width: 80px;
  height: 80px;
  position: relative;
  background: #c01818;
  float: right;
  -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear; }
  @media screen and (max-width: 991px) {
    .hamburger-btn {
      width: 54px;
      height: 54px; } }
  @media screen and (max-width: 767px) {
    .hamburger-btn {
      width: 40px;
      height: 40px; } }
  .hamburger-btn span {
    width: 26px;
    height: 4px;
    cursor: pointer;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all .3s linear;
            transition: all .3s linear;
    margin: -2px 0 0 -13px;
    z-index: 3; }
    .hamburger-btn span:first-child {
      margin: -10px 0 0 -13px; }
    .hamburger-btn span:last-child {
      margin: 6px 0 0 -13px; }
    @media screen and (max-width: 767px) {
      .hamburger-btn span {
        width: 22px;
        height: 3px;
        margin: -1px 0 0 -11px; }
        .hamburger-btn span:first-child {
          margin: -9px 0 0 -11px; }
        .hamburger-btn span:last-child {
          margin: 7px 0 0 -11px; } }
  .modal-open .hamburger-btn span,
  .nav-active .hamburger-btn span {
    opacity: 0; }
  .modal-open .hamburger-btn span:first-child,
  .nav-active .hamburger-btn span:first-child {
    opacity: 1;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: -2px 0 0 -13px; }
    @media screen and (max-width: 767px) {
      .modal-open .hamburger-btn span:first-child,
      .nav-active .hamburger-btn span:first-child {
        margin: -1px 0 0 -11px; } }
  .modal-open .hamburger-btn span:last-child,
  .nav-active .hamburger-btn span:last-child {
    opacity: 1;
    margin: -2px 0 0 -13px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    @media screen and (max-width: 767px) {
      .modal-open .hamburger-btn span:last-child,
      .nav-active .hamburger-btn span:last-child {
        margin: -1px 0 0 -11px; } }
  .modal-open .hamburger-btn:hover span:first-child,
  .nav-active .hamburger-btn:hover span:first-child {
    -webkit-transform: rotate(230deg);
        -ms-transform: rotate(230deg);
            transform: rotate(230deg); }
  .modal-open .hamburger-btn:hover span:last-child,
  .nav-active .hamburger-btn:hover span:last-child {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg); }

#main .anchor-links,
.anchor-links {
  position: fixed;
  top: -150px;
  left: 0;
  right: 0;
  z-index: 7;
  background: #b1babf;
  padding: 0 20px;
  font-size: 16px;
  line-height: 20px;
  -webkit-transition: top 0.3s linear;
          transition: top 0.3s linear; }
  #main .anchor-links.static,
  .anchor-links.static {
    position: static;
    overflow: hidden; }
  #main .anchor-links.left,
  .anchor-links.left {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 260px;
    overflow-y: auto;
    padding: 30px 0;
    background: #f2f2f2; }
    #main .anchor-links.left > ul,
    .anchor-links.left > ul {
      margin: 0; }
    #main .anchor-links.left > ul > li,
    .anchor-links.left > ul > li {
      padding: 5px 0; }
      #main .anchor-links.left > ul > li:last-child,
      .anchor-links.left > ul > li:last-child {
        padding: 5px 0; }
    #main .anchor-links.left > ul > li > a,
    .anchor-links.left > ul > li > a {
      text-transform: uppercase; }
    #main .anchor-links.left ul ul,
    .anchor-links.left ul ul {
      position: absolute;
      left: -100000px;
      overflow: hidden;
      font-size: 12px;
      line-height: 16px; }
      #main .anchor-links.left ul ul a:after,
      .anchor-links.left ul ul a:after {
        background: #53565a; }
      #main .anchor-links.left ul ul .active > a,
      .anchor-links.left ul ul .active > a {
        color: #53565a; }
    #main .anchor-links.left ul .active ul,
    .anchor-links.left ul .active ul {
      position: static;
      left: 0; }
    #main .anchor-links.left ul,
    .anchor-links.left ul {
      max-width: none;
      display: block;
      float: none;
      margin: 0 0 -5px; }
      #main .anchor-links.left ul li,
      .anchor-links.left ul li {
        display: block;
        padding: 5px 0 5px 10px;
        text-align: left;
        height: auto; }
        #main .anchor-links.left ul li:last-child,
        .anchor-links.left ul li:last-child {
          padding: 5px 0 5px 10px; }
      #main .anchor-links.left ul a,
      .anchor-links.left ul a {
        display: block;
        padding: 0 15px;
        position: relative; }
        #main .anchor-links.left ul a:last-child:after, #main .anchor-links.left ul a:after,
        .anchor-links.left ul a:last-child:after,
        .anchor-links.left ul a:after {
          bottom: 0;
          top: 0;
          left: auto;
          right: -3px;
          height: auto;
          width: 3px; }
      #main .anchor-links.left ul .active > a,
      .anchor-links.left ul .active > a {
        color: #c01818; }
        #main .anchor-links.left ul .active > a:after,
        .anchor-links.left ul .active > a:after {
          right: 0; }
    @media screen and (max-width: 1260px) {
      #main .anchor-links.left,
      .anchor-links.left {
        display: none; } }
  .off-canvas #main .anchor-links, .off-canvas
  .anchor-links {
    top: 0; }
  .modal-open #main .anchor-links,
  .off-canvas.fixed #main .anchor-links, .modal-open
  .anchor-links,
  .off-canvas.fixed
  .anchor-links {
    top: 54px; }
  @media screen and (max-width: 991px) {
    #main .anchor-links,
    .anchor-links {
      font-size: 12px;
      line-height: 16px; } }
  #main .anchor-links ul,
  .anchor-links ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    display: table;
    max-width: 920px; }
    #main .anchor-links ul li,
    .anchor-links ul li {
      display: table-cell;
      vertical-align: middle;
      padding: 0 30px 0 0;
      text-align: center;
      height: 54px;
      position: relative; }
      #main .anchor-links ul li:before,
      .anchor-links ul li:before {
        display: none; }
      #main .anchor-links ul li:last-child,
      .anchor-links ul li:last-child {
        padding: 0; }
        #main .anchor-links ul li:last-child a:after,
        .anchor-links ul li:last-child a:after {
          right: 0; }
      @media screen and (max-width: 1319px) {
        #main .anchor-links ul li,
        .anchor-links ul li {
          padding: 0 15px 0 0; } }
      @media screen and (max-width: 991px) {
        #main .anchor-links ul li,
        .anchor-links ul li {
          padding: 0 12px 0 0; } }
    #main .anchor-links ul a,
    .anchor-links ul a {
      display: table;
      width: 100%;
      padding: 0; }
      #main .anchor-links ul a span,
      .anchor-links ul a span {
        padding: 5px 0;
        display: table-cell;
        vertical-align: top; }
  #main .anchor-links a,
  .anchor-links a {
    display: block;
    color: #000;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
    padding: 17px 0;
    overflow: hidden; }
    #main .anchor-links a:after,
    .anchor-links a:after {
      content: '';
      position: absolute;
      bottom: -3px;
      height: 3px;
      right: 30px;
      left: 0;
      background: #c01818;
      -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease; }
      @media screen and (max-width: 1319px) {
        #main .anchor-links a:after,
        .anchor-links a:after {
          right: 15px; } }
      @media screen and (max-width: 991px) {
        #main .anchor-links a:after,
        .anchor-links a:after {
          right: 12px; } }
    #main .anchor-links a:focus,
    .anchor-links a:focus {
      text-decoration: none; }
    #main .anchor-links a:hover,
    .anchor-links a:hover {
      color: #000;
      text-decoration: none; }
      #main .anchor-links a:hover:after,
      .anchor-links a:hover:after {
        bottom: 0; }
  #main .anchor-links .active > a,
  .anchor-links .active > a {
    color: #c01818; }
    #main .anchor-links .active > a:after,
    .anchor-links .active > a:after {
      bottom: 0; }
  #main .anchor-links .sub-nav,
  .anchor-links .sub-nav {
    float: right; }
    #main .anchor-links .sub-nav li,
    .anchor-links .sub-nav li {
      padding: 9px 0  7px 10px;
      margin: 0;
      float: left;
      display: block;
      height: auto; }
      #main .anchor-links .sub-nav li:last-child,
      .anchor-links .sub-nav li:last-child {
        padding: 9px 0  7px 10px; }
    #main .anchor-links .sub-nav a,
    .anchor-links .sub-nav a {
      display: block;
      border: 1px solid #53565a;
      background: #53565a;
      padding: 7px 11px 6px;
      text-align: center;
      min-height: 0;
      height: auto;
      display: block;
      color: #fff; }
      #main .anchor-links .sub-nav a:after,
      .anchor-links .sub-nav a:after {
        display: none; }
      #main .anchor-links .sub-nav a:hover,
      .anchor-links .sub-nav a:hover {
        color: #fff;
        border-color: #c01818;
        background: #c01818; }
    @media screen and (max-width: 991px) {
      #main .anchor-links .sub-nav li,
      .anchor-links .sub-nav li {
        padding: 11px 0  7px 10px; }
        #main .anchor-links .sub-nav li:last-child,
        .anchor-links .sub-nav li:last-child {
          padding: 11px 0  7px 10px; }
      #main .anchor-links .sub-nav a,
      .anchor-links .sub-nav a {
        padding: 7px 5px 7px; } }
  @media screen and (max-width: 767px) {
    #main .anchor-links,
    .anchor-links {
      top: -100px; }
      #main .anchor-links ul,
      .anchor-links ul {
        display: none; }
      #main .anchor-links .sub-nav,
      .anchor-links .sub-nav {
        display: block; }
        #main .anchor-links .sub-nav li,
        .anchor-links .sub-nav li {
          padding: 7px 0  7px 10px; }
          #main .anchor-links .sub-nav li:last-child,
          .anchor-links .sub-nav li:last-child {
            padding: 7px 0  7px 10px; }
        #main .anchor-links .sub-nav a,
        .anchor-links .sub-nav a {
          padding: 4px 8px; }
      .modal-open #main .anchor-links,
      .off-canvas.fixed #main .anchor-links, .modal-open
      .anchor-links,
      .off-canvas.fixed
      .anchor-links {
        top: 40px; } }

.nav-active {
  overflow: hidden; }
  .nav-active .logo a {
    height: 48px;
    background: url("../../../images//logo-white.svg") left top no-repeat;
    background-size: 152px auto; }
    @media screen and (max-width: 991px) {
      .nav-active .logo a {
        height: 44px;
        background-size: 140px auto; } }
    @media screen and (max-width: 767px) {
      .nav-active .logo a {
        height: 33px;
        background-size: 105px auto; } }
  .nav-active .logo img {
    display: none; }