.al-p--spc
  margin-left: 10px
  line-height: 1.3

.al-h3--vin
  font-size: 20px

.al-p--vin
  line-height: 1.3

.al-img__thumb
  cursor: zoom-in
  @media screen\0
    cursor: url('../images/temp/zoomin.png')

.al-vin__content
  margin: 0 auto
  width: $documentWidth

.al-vin__search--base
  display: inline-block
  margin-top: 20px
  font-style: italic
  width: 650px
  // height: 200px
  padding: 10px
  // background: white url('../images/vinlandcontent/miniWave.svg') no-repeat
  // background-size: 100%
  @include clearfix
  h2
    font-size: 22px
    margin: 5px 0 15px
  .al-vin__search--baseLink
    float: right
    a
      color: $mineshaft
      font-size: 18px
      border-bottom: 1px dashed 

.al-vin__search
  .al-searchInput
    input
      width: auto
    table
      td:first-child
        width: 300px
    input[type='search']
      width: 100%
      border-color: $wildblueyonder
      border-width: 2px
      &:focus
        box-shadow: none
    input[type='submit']
      background-color: $wildblueyonder
      color: white
      // width: 100%
  .al-searchInput__example
    span
      color: $wildblueyonder
      a
        color: $wildblueyonder

.al-vin__techpass
  margin-top: 60px
  background: white url('../images/vinlandcontent/techpassWave.svg') no-repeat
  background-size: 100%
  .al_vin__techpass--content
    @extend .al-vin__content
    padding: 20px 10px
    position: relative
    
  .al-vin__techpass--example
    display: inline-block
    margin-top: 20px
  .al-vin__pointer--techpass
    position: absolute
    top: 179px
    left: 277px
  .al-vin__techpass--search
    position: absolute
    bottom: 171px
    right: -18px
    width: 600px

.al-vin__insurance
  margin-top: 60px
  background: white url('../images/vinlandcontent/insuranceWave.svg') no-repeat
  background-size: 100%
  .al-vin__insurance--content
    @extend .al-vin__content
    padding: 20px 10px 50px
    position: relative
  .al-vin__insurance--example
    display: inline-block
    margin-top: 20px
  .al-vin__pointer--insurance
    position: absolute
    top: 332px
    left: 360px
  .al-vin__insurance--search
    position: absolute
    bottom: 106px
    right: -21px
    width: 600px

.al-vin__wind
  margin-top: 60px
  background: white url('../images/vinlandcontent/windWave.svg') no-repeat
  background-size: 100%
  .al-vin__wind--content
    @extend .al-vin__content
    padding: 20px 10px 50px
    position: relative
  .al-vin__wind--example
    display: inline-block
    margin-top: 20px
    p
      width: 530px
      margin-top: 20px
    img
      display: inline-block
      &:first-child
        margin-right: 20px
  .al-vin__pointer--wind
    position: absolute
    top: 208px
    left: 292px
  .al-vin__wind--search
    position: absolute
    bottom: 156px
    right: 169px
    width: 600px

.al-vin__other
  margin-top: 60px
  background: white url('../images/vinlandcontent/otherWave.svg') no-repeat
  background-size: 100%
  .al-vin__other--content
    @extend .al-vin__content
    padding: 20px 10px 60px
    position: relative
    p
      max-width: 600px
  .al-vin__other--example
    margin-top: 100px
    height: 510px
    position: relative
    p
      font-size: 14px
      line-height: 1.3
      margin-bottom: 10px
    strong
      font-size: 16px
    .al-vin__other--front
      position: absolute
      top: 0
      left: 0
      width: 240px
      img
        margin-bottom: 5px
    .al-vin__other--middle
      position: absolute
      top: 110px
      left: 250px
    .al-vin__pointer--otherOne
      position: absolute
      top: -89px
      left: -7px
    .al-vin__pointer--otherTwo
      position: absolute
      top: -103px
      right: -175px
    .al-vin__pointer--otherThree
      position: absolute
      top: 125px
      right: -45px
    .al-vin__other--pillar
      position: absolute
      top: -15px
      right: 142px
      img
        display: inline-block
        margin-right: 5px
    .al-vin__other--floor
      position: absolute
      bottom: -13px
      right: 66px
    .al-vin__other--more
      position: absolute
      bottom: 80px
      left: 0
      p
        font-size: 16px
      a
        color: black
        text-decoration: none
        border-bottom: 1px solid $wildblueyonder
        display: inline-block
        margin-top: 5px
        &:hover
          border-bottom: 1px solid transparent!important
          text-decoration: none
    .al-vin__other--notfound
      background: white url('../images/vinlandcontent/nopeWave.svg') no-repeat
      background-size: 100%
      position: absolute
      bottom: -50px
      left: 0
      width: 400px
      height: 100px
      padding: 10px
      p
        font-size: 16px
      a
        color: black
        text-decoration: none
        border-bottom: 1px solid $wildblueyonder
        display: inline-block
        margin-top: 5px
        &:hover
          border-bottom: 1px solid transparent!important
          text-decoration: none

  .al-vin__other--search
    position: absolute
    top: 30px
    right: -30px
    width: 600px