.list-block
  width: 100%
  border-radius: $border-radius
  background: #fff
  +outer-shadow

  &.benefits
    header
      border-color: $pastel-green
      .title
        color: $green

    p
      color: $orange
    ul
      li:after
        content: ''
        position: absolute
        top: 1px
        left: 0

        @extend %icon-sprite
        +icon-sprite(0,2,16px,16px)


  // Header
  header
    padding: 40px 40px 20px
    box-sizing: content-box
    border-top: 10px solid $blue

    .title
      color: $blue
      font-size: 2.2em

  p
    padding: 0px 40px 0px

  // List
  ol,ul
    margin: 0 40px
    padding-bottom: 30px

    font-size: 1.5em

    li
      position: relative
      padding-left: 40px
      margin: 10px 0

  ol
    // Initiate a counter
    counter-reset: li

  ol > li:before
    // Use the counter as content
    content: counter(li)
    // Increment the counter by 1
    counter-increment: li
    +position(absolute,-2px null null -5px)
    width: 20px
    color: $blue
    font-size: 1.2em
    text-align: center
    +semibold

  // Footer
  footer
    padding: 0 40px 40px

    &.blue-block
      padding: 40px 40px 20px
      background: $blue
      color: #fff
      a
        color: white
        text-decoration: underline

    .title
      display: block
      margin-bottom: 1em
      font-size: 2.2em
      +semibold