.lines
  +position(absolute, 0 0 0 0)
  height: 100%
  width: 100%
  z-index: 1

  .vt, .hz
    display: block
    background: $subBlue



  .vertical
    +position(absolute, 0 0 0 0)
    width: 100%
    height: 100%

    .vt
      +position(absolute, 0 null null null)
      left: calc(100% / 3 * 2)
      height: 100%
      width: 2px
      &:last-child
        left: calc(100% / 3)

  .horizontal
    +position(absolute, 0 0 0 0)

    .hz
      height: 2px
      width: 100%
      &:first-child
        visibility: hidden

      &:last-child
        margin-bottom: 0 !important

.image-background
  position: absolute
  width: 100%
  height: 100%
  top: 0
  left: 0
  opacity: 0.12
  background-size: cover !important

  &:before,&:after
    content: ''
    height: 30%
    width: 100%
    z-index: 1
    +position(absolute, -3px null null 0)
    background: url("/img/gradient.svg") repeat-x
    background-size: contain

  &:after
    top: initial
    bottom: -13px
    +transform(rotate(180deg))