#navigation
  position: absolute
  width: 100%

.sticky-navigation
  display: none
  opacity: 0
  width: 100%
  position: fixed
  top: -100px
  z-index: 999999
  background: white
  max-height: 100px
  transition: all 0.7s ease

  -webkit-box-shadow: 0px 10px 44px -22px rgba(0,0,0,0.4)
  -moz-box-shadow: 0px 10px 44px -22px rgba(0,0,0,0.4)
  box-shadow: 0px 10px 44px -22px rgba(0,0,0,0.4)

  .small-logo
    width: 200px
    img
      width: 100%

  nav
    ul.menu
      +flex()

      // MENU ITEMS
      li
        cursor: pointer
        list-style-type: none
        margin-left: 30px

        p
          position: relative

        p:before
          content: ""
          position: absolute
          width: 100%
          height: 2px
          bottom: -10px
          left: 0
          background-color: $lightBlue
          visibility: hidden
          -webkit-transform: scaleX(0)
          transform: scaleX(0)
          -webkit-transition: all 0.3s ease-in-out 0s
          transition: all 0.3s ease-in-out 0s

        p:hover
          color: $blue

        p:hover:before
          visibility: visible
          -webkit-transform: scaleX(1)
          transform: scaleX(1)

.sticky-navigation.active
  +flex(center, center)

.sticky-nav-element.active
  color: $lightBlue

.navigation-wrapper
  padding-top: 15px
  +flex(space-around,flex-start)

  .logo
    margin-top: 20px
    width: 300px
    img
      width: 100%


  .small-logo
    width: 200px
    img
      width: 100%

  nav
    ul.menu
      +flex()

      // MENU ITEMS
      li
        cursor: pointer
        list-style-type: none
        margin-left: 30px

        p
          position: relative

        p:before
          content: ""
          position: absolute
          width: 100%
          height: 2px
          bottom: -10px
          left: 0
          background-color: $lightBlue
          visibility: hidden
          -webkit-transform: scaleX(0)
          transform: scaleX(0)
          -webkit-transition: all 0.3s ease-in-out 0s
          transition: all 0.3s ease-in-out 0s

        p:hover
          color: $blue

        p:hover:before
          visibility: visible
          -webkit-transform: scaleX(1)
          transform: scaleX(1)