@import "shared/color"
@import "shared/mixin"
body
  @media (min-width: 768px)
    padding-top: 120px

header
  position: fixed
  top: 0
  left: 0
  width: 100%


  height: 150px
  z-index: 17
  @media (max-width: 767px)
    padding: 10px
    position: relative
    height: 40px

  nav
    position: relative
    text-align: center
    background: $main
    background: -moz-linear-gradient(0deg, $main  30%, $second  93%)
    background: -webkit-linear-gradient(0deg, $main  30%, $second  93%)
    background: linear-gradient(0deg, $main  30%, $second  93%)
    background-image: -ms-linear-gradient(0deg, $main  30%, $second  93%)
    background-image: linear-gradient(0deg, $main  30%, $second  93%)
    +box-shadow_2(2px 2px 5px -1px rgba(0,0,0,1), inset 0px 0px 15px 12px rgba(154, 154, 154, 0.19))
    padding: 2px 0
    .nav_menu
      display: flex
      justify-content: center
      a
        margin: 0 10px
        line-height: 1.5
        color: $white
        font-weight: bold
        font-size: 16px
        padding: 5px 10px
        border: 2px solid transparent
        +border-radius(5px)
        +transition(all .2s ease)
        &:hover
          border: 2px solid
          color: $orange !important
          +box-shadow(1px 1px 5px -1px black)
        &:active
          +box-shadow(none)
          background: $main
          background: -moz-linear-gradient(-180deg, $second  0%, $main  100%)
          background: -webkit-linear-gradient(-180deg, $second  0%, $main  100%)
          background: linear-gradient(-180deg, $second  0%, $main  100%)
          background-image: -ms-linear-gradient(-180deg, $second  0%, $main  100%)
          background-image: linear-gradient(-180deg, $second  0%, $main  100%)

        &:visited
          color: white
  .contact_box
    margin-top: 10%
  .info_box
    h1, h4
      margin: 10px 0

    h4
      display: inline-block
      border-bottom: 2px solid $main
      color: $black
      padding: 5px 20px
      @media (max-width: 990px)
        font-size: 14px
        margin-top: 20px
    h1
      color: $main
      font-weight: bold
      @media (max-width: 990px )
        font-size: 24px
        margin: 0

  .info-block
    height: 59px
    display: table
    div
      display: table-cell
      vertical-align: middle
    p
      margin: 0

  .language_box
    position: absolute
    top: 6px
    right: 30px

    .navbar-btn
      margin: 0
    .style_lang
      background: none
      color: $white
      font-weight: bold !important
      border: 2px solid white
      padding: 5px 10px
      margin: 0

      &:hover
        background: $white
        color: $main

    .dropdown-menu
      right: 0
      left: auto
      text-align: center
      min-width: 100px
      padding: 5px 0

    .dropdown-menu>.active>a
      background: $main