.header-menu {
  position: relative; }
  @media (max-width: 970px) {
    .header-menu {
      position: absolute;
      right: 0;
      top: 0;
      width: 100%; } }
  .header-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    display: block;
    z-index: 10; }
    @media (max-width: 1050px) {
      .header-menu ul {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #e9e4e2;
        width: 100%; } }
    .header-menu ul li {
      margin: 0;
      padding: 0;
      list-style: none;
      float: left;
      text-align: right; }
      @media (max-width: 1050px) {
        .header-menu ul li {
          float: none;
          width: 100%;
          text-align: center; } }
      .header-menu ul li:before {
        content: '';
        display: none; }
      .header-menu ul li a {
        font-size: 16px;
        font-family: "Circe";
        color: #5e5e5e;
        text-transform: uppercase;
        line-height: 1.125;
        text-decoration: none;
        margin: 0 0 0 58px;
        padding: 27px 0 23px;
        display: block; }
        @media (max-width: 1340px) {
          .header-menu ul li a {
            margin: 0 0 0 20px; } }
        @media (max-width: 1120px) {
          .header-menu ul li a {
            font-size: 14px; } }
        .header-menu ul li a:hover {
          opacity: 0.8; }

.mobile-menu {
  display: none;
  width: 50px;
  height: 66px;
  background: url("images/menu-btn.png") center no-repeat;
  background-size: 100%;
  opacity: 0.6;
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 15; }
  @media (max-width: 1050px) {
    .mobile-menu {
      display: block; } }
  @media (max-width: 700px) {
    .mobile-menu {
      margin-right: 20px; } }

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