header.header {
  background-color: rgba(255, 255, 255, 0.75);
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 100;
  padding: 0 15px 0 15px; }
  header.header nav.lang {
    position: absolute;
    right: 20px;
    top: 15px;
    text-transform: lowercase;
    color: #393536;
    z-index: 20; }
    header.header nav.lang a {
      display: inline-block;
      height: 24px;
      width: 24px;
      color: inherit; }
  header.header div.logo {
    padding: 60px 0;
    text-align: center; }
    header.header div.logo img {
      max-height: 44px;
      min-height: 140px;
      width: auto; }
  header.header nav.main {
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    height: calc(100% - 60px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-transition: opacity 0.5s ease-out;
    -mx-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    opacity: 0;
    pointer-events: none; }
    header.header nav.main ul {
      list-style: none;
      padding: 20px;
      margin: auto; }
      header.header nav.main ul li.lang a {
        display: inline-block; }
        header.header nav.main ul li.lang a.text-muted {
          display: none; }
        header.header nav.main ul li.spacer {
          display: none; }
    header.header nav.main.opened {
      pointer-events: all;
      opacity: 1; }
  header.header .icon-menu {
    display: block;
    position: absolute;
    right: 5px;
    top: 15px;
    cursor: pointer;
    width: 30px;
    height: 30px; }
    header.header .icon-menu .bars {
      overflow: hidden; }
      header.header .icon-menu .bars .bar {
        -o-transition: all 0.3s ease-out;
        -mx-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -mx-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        header.header .icon-menu .bars .bar.bar2 {
          display: block;
          position: absolute;
          top: 14px;
          left: 0;
          right: 5px;
          height: 2px; }
        header.header .icon-menu .bars .bar.bar1, header.header .icon-menu .bars .bar.bar3 {
          position: absolute;
          display: block;
          left: 0;
          width: 100%;
          height: 2px;
          content: ""; }
        header.header .icon-menu .bars .bar.bar1 {
          top: 0; }
        header.header .icon-menu .bars .bar.bar3 {
          bottom: 0; }
    header.header .icon-menu.active .bars .bar.bar2 {
      transition: background 0s 0.3s;
      -o-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      -moz-transform: translate(0, -100%);
      -webkit-transform: translate(0, -100%);
      transform: translate(0, -100%);
      opacity: 0; }
      header.header .icon-menu.active .bars .bar.bar1, header.header .icon-menu.active .bars .bar.bar3 {
        transition-duration: 0.3s, 0.3s;
        transition-delay: 0.3s, 0s; }
      header.header .icon-menu.active .bars .bar.bar1 {
        transition-property: top, transform; }
      header.header .icon-menu.active .bars .bar.bar3 {
        transition-property: bottom, transform; }
      header.header .icon-menu.active .bars .bar.bar1 {
        top: 14px;
        left: 0;
        transform: rotate(45deg); }
      header.header .icon-menu.active .bars .bar.bar3 {
        bottom: 14px;
        left: 0;
        transform: rotate(-45deg); }
      header.header .icon-menu.active .bars .bar.bar1, header.header .icon-menu.active .bars .bar.bar3 {
        transition-delay: 0s, 0.3s; }



@media screen and (min-width: 1160px) {
  header.header div.logo {
    padding: 35px 0; }
    header.header div.logo img {
      max-height: 55px;
      width: auto; }
    header.header .icon-menu {
      display: none; }
    header.header nav.main {
      float: right;
      position: relative;
      left: auto;
      top: auto;
      width: auto;
      height: auto;
      background-color: transparent;
      opacity: 1;
      pointer-events: all; }
    header.header nav.main ul {
      padding: 0;
      margin-bottom: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      header.header nav.main ul li {
        position: relative;
        list-style: none;
        padding: 0 5px; }
        header.header nav.main ul li.lang {
          position: relative; }
          header.header nav.main ul li.lang a {
            display: inline-block;
            padding: 0 0; }
          header.header nav.main ul li.lang .lang-layer {
            display: none;
            position: absolute;
            left: 0;
            top: 100%;
            min-width: 90px;
            text-align: center;
            white-space: nowrap;
            background-color: rgba(255, 255, 255, 0.75); }
            header.header nav.main ul li.lang .lang-layer a {
              display: inline-block;
              padding: 0 10px; }
              header.header nav.main ul li.lang .lang-layer a.lang-active, header.header nav.main ul li.lang .lang-layer a.text-muted {
                display: none; }
        header.header nav.main ul li a {
          font-weight: 400;
          height: 80px;
          position: relative;
          text-transform: uppercase;
          line-height: 80px;
          text-decoration: none;
          border-top-color: transparent;
          border-top-style: solid;
          border-top-width: 0;
          display: block;
          padding: 0;
          font-size: 15px; }
          header.header nav.main ul li a:hover::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 5px;
            width: 100%; }
          header.header nav.main ul li a::after {
            -o-transition: all 0.3s ease-out;
            -mx-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 0;
            width: 100%; }
          header.header nav.main ul li a.active::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 5px;
            width: 100%; }
        header.header nav.main ul li.spacer {
          display: block; }
          header.header nav.main ul li.spacer span {
            position: absolute;
            top: 50%;
            -o-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            width: 1px;
            height: 25%;
            display: inline-block; } }

@media screen and (min-width: 1230px) {
  header.header {
    padding-left: 2.5vw;
    padding-right: 2.5vw; }
    header.header div.logo {
      padding: 120px 0; }
      header.header div.logo img {
        max-height: 200px; }
    header.header nav.main ul li {
      padding: 0 7px; }
      header.header nav.main ul li a {
        height: 100px;
        line-height: 100px;
        font-size: 17px; } }



@media screen and (max-width: 1159px) {
  header.header nav.main {
    overflow: auto; }
    header.header nav.main ul {
      text-align: center; }
      header.header nav.main ul li.text-muted {
        display: none; }
        header.header nav.main ul li.lang a {
          color: #000 !important;
          font-size: 2vw;
          padding: 0 10px; }
          header.header nav.main ul li.lang .lang-layer {
            display: block; }
          header.header nav.main ul li.lang .lang-button {
            display: none; }
        header.header nav.main ul li a {
          line-height: 180%;
          font-size: 4vw;
          color: #fff !important;
          text-transform: uppercase;
          font-weight: 300; }
        header.header nav.main ul li:hover a {
          color: #000 !important; } }

@media screen and (max-width: 768px) {
  header.header nav.main ul li a {
    line-height: 170%;
    font-size: 5.8vw; }
    header.header nav.main ul li.lang a {
      color: #000 !important;
      font-size: 4.8vw; } }

@media screen and (max-width: 360px) {
  header.header .icon-menu {
    top: 9px; }
    header.header nav.main {
      top: 50px;
      height: calc(100% - 50px); }
    header.header div.logo {
      padding: 40px 0; }
      header.header div.logo img {
        max-height: 30px;
        min-height: 100px;
        width: auto; } }