.other-companies-row
  position: relative
  z-index: 2
  background-color: white
  overflow: hidden
  padding-bottom: calc(100vw / 12)

  +respond-to-width-beyond(1440)
    padding-bottom: 120px

  &:before
    content: ''
    position: absolute
    left: 50%
    top: 0
    display: block
    height: 100%
    width: 1px
    background-color: rgba($lightBrown, 0.2)

  .companies-list

    li
      display: inline-block
      vertical-align: middle
      width: 50%

      &:before
        width: 200vw
        right: -100vw

      &:nth-child(2n + 1)
        &:before
          display: none

      a
        padding: 45px 60px 45px column(1, 6)

        +respond-to-width(1450)
          padding: 45px

        +respond-to-width(1100)
          .icon-placeholder
            width: 65px

          .company-wrapper
            .name
              max-width: 250px

  +respond-to-width(950)
    display: none

.return-companies-overview
  display: none
  position: relative
  z-index: 3
  background-color: $darkerBrown
  padding: 30px 20px
  color: $lightBrown
  transition: color 0.3s
  font-size: 0.9rem
  line-height: 1.4
  font-weight: medium()
  text-decoration: none

  .icon
    display: inline-block
    margin-right: 10px
    opacity: 1
    +sprite(335px 87px, 16px, 16px)
    transition: opacity 0.3s

  &:hover
    color: rgba($lightBrown, 0.5)

    .icon
      opacity: 0.5

  +respond-to-width(950)
    +flex(flex-start, center)