header
  background: $black
  height: 80px
  position: fixed
  width: 100%
  z-index: 998
  top: 0

  .content-container
    +flex(space-between, center)
    height: 80px

  .right-block
    +flex(space-between, center)

    ul
      padding: 0
      margin: 0
      list-style: none
      +flex(space-between)


      li
        display: inline-block
        height: 80px
        padding: 0 5px
        position: relative
        +flex(space-between, center)
        margin-right: 35px

        a
          color: white
          +font-default(16px, 60px)
          text-align: center

          &:after
            content: ''
            height: 4px
            +position(absolute, null 0 0 0)
            width: 0
            +transition(width 0.3s)

        &:hover
          a:after
            background-color: $gray
            width: 100%


        &:last-of-type
          margin-right: 0

        &.active
          a
            +font-semi-bold(16px, 60px)
            &:after
              background-color: $defaultColor
              width: 100%
    .phone
      +flex(space-between, center)
      margin-left: 50px

      &:hover
        .icon
          .filler
            width: calc(100% + 2px)
            height: calc(100% + 2px)

      .icon
        border: 2px solid $defaultColor
        height: 25px
        width: 25px
        +flex(center, center)
        +transform(rotate(45deg))
        margin-right: 15px
        position: relative

        .filler
          width: 0
          height: 0
          background: $defaultColor
          +position(absolute, -1px 0 0 -1px)
          +transition(all 0.3s)

        span
          +sprite(0 -41px, 10px, 10px)
          display: inline-block
          +transform(rotate(-45deg))

      a
        color: white
        +font-semi-bold(17px)
        +flex(space-between, center)

  .logo
    +sprite(-95.5px -70px, 201px, 47px)
    display: inline-block

+media-query(940px)
  header
    .right-block
      ul
        li
          margin-right: 20px

      .phone
        margin-left: 25px

+media-query(750px)
  header
    .right-block
      ul
        li
          margin-right: 15px

      .phone
        margin-left: 20px