.maintenance-block
  +grid-padding($top: 1)
  .maintenance-row
    position: relative

    &::after
      display: block
      +position(absolute, null null 0 0)
      +dashed-border(bottom)
      height: 0
      width: 100%
      content: ''
    &.maintenance-submit::after
      border: none

    .inner
      position: relative
      z-index: 5
      +grid-margin($left: 1)
      +grid-padding(.4, .8, 1, 1)
      border-left: 2px solid $blue
      @extend %clearfix
      &.last
        border: none
      .top-border
        border-left: 2px solid #00a6ff
        height: 32px
        left: 0px
        position: absolute
        top: 0
        width: 10px

      .number
        display: block
        +grid-position($top: .4, $left: 0)
        margin-left: -17px
        width: 32px
        height: 32px
        border: 2px solid $blue
        border-radius: 16px
        background: #fff
        &.first
          top: 0

        color: $blue
        +semibold
        font-size: 1.3em
        line-height: 28px
        text-align: center

      h2
        +type-h2
        margin-top: 0
        +grid-margin-s($bottom: 1)
        padding-top: 4px
    &.maintenance-choice
      .inner
        padding-top: 0

    .maintenance-choices
      display: block
      float: left
      width: 380px
      line-height: 1.33333
      margin-right: 20px
      margin-bottom: 10px
      border: 1px solid #E7E4E1
      border-radius: 4px
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
      position: relative
      cursor: pointer
      &:hover
        -webkit-box-shadow: inset 0 1px 1px rgba(#00a6ff, .2)
        box-shadow: inset 0 1px 1px rgba(#00a6ff, .2)
        border: 1px solid #00a6ff
      label
        font-size: inherit
        letter-spacing: inherit
        line-height: inherit
        text-transform: inherit
        cursor: pointer
        font-family: inherit
        &.clear
          clear: both
          width: 100%
      div
        width: 100%
        font-size: 1em
        &.clear-box
          clear: both
        &.info
          width: 50%
          line-height: 60px
          float: left
          font-size: 1.5em
          font-family: "Proxima N W01 Semibold", sans-serif
          border-top: 1px solid #E7E4E1
          border-bottom: 1px solid #E7E4E1
          .icon
            display: inline-block
            float: left
            margin-top: 18px
            margin-left: 20px
            margin-right: 10px
          &.duration
            .icon
              +icon-sprite-two(-280px -70px, 7.7px, 7.7px)
              width: 20px
              height: 20px
          &.price
            border-right: 1px solid #E7E4E1
            .icon
              +icon-sprite-two(-310px -70px, 7.7px, 7.7px)
              width: 20px
              height: 20px
      .title-box
        height: 67px
        line-height: 67px
        h3
          font-size: 2em
          color: $blue
          display: inline
          margin-left: 5px
        input
          margin-left: 18px
          margin-top: -2px

      .price
        .price-text
          width: 80%

      .decription-decription
        margin-top: 20px
        margin-bottom: 20px
        h2
          color: inherit
          margin-left: 18px
          margin-bottom: 20px
          clear: both
        ul
          margin-left: 20px
          li
            list-style: initial
            margin-left: 10px
            font-size: 1.3em
      &.chosen
        -webkit-box-shadow: inset 0 1px 1px rgba(lighten(#00a6ff, .5), .2)
        box-shadow: inset 0 1px 1px rgba(lighten(#00a6ff, .5), .2)
        border: 1px solid lighten(#00a6ff, .5)
      &.inactive
        color: rgba($grey, .5)
        .price-text
          color: rgba(#00a6ff, .5)
        .price-info
          color: rgba($grey, .5)
  .accountCheck
    clear: both
    display: inline-block
    margin-bottom: 10px
    +dashed-border('bottom')
    width: 100%
    padding-bottom: 10px
    p
      margin-bottom: 0.5em
      font-weight: bold

  .login
    display: block
    &.inactive
      display: none
    .title
      font-size: 1.5em
      line-height: 1.5em
      margin-bottom: 10px
      display: block
    .input-holder
      width: 35%
    .btn-holder
      margin-top: 10px
  .customer-details
    .title
      font-size: 1.5em
      line-height: 1.5em
      margin-bottom: 30px
      display: block
      &.inactive
        display: none
    .fillInHeader
      font-weight: bold
      margin-bottom: 0px

.decription-decription
  margin-top: 5px
  li
    list-style: initial
    margin-left: 10px
    font-size: 1.3em

form label.description
  display: inline-block
  font-family: "Proxima N W01 Reg", sans-serif
  font-size: 1.3em
  letter-spacing: 0
  text-transform: none
  width: 60%
  margin: 0 0 20px 10px

#agree
  vertical-align: top

.pay-holder
  color: green
  .btn-holder
    width: 100%
    text-align: center
    margin-top: 20px

// Index page
.maintenance-index

  // Columns
  .maintenance-column
    position: relative
    float: left
    width: 43.75%
    margin-left: 12.5%

    &:first-child
      margin-left: 0

  // List block
  .introduction
    .list-block
      margin-top: -120px

    .btn.book
      margin-top: 20px

  .benefits
    margin-bottom: 40px
    .button-holder
      width: 100%
      text-align: center
      margin-top: 22px
      margin-bottom: 30px
      display: inline-block

  // Review block
  .ratings
    padding: 20px
    width: 100%
    background: #fff
    border-radius: $border-radius
    +outer-shadow

    .reviews
      border: 0
      padding: 0
      margin: 0
      height: auto
      text-align: center
      border: none

      .stars
        display: inline-block
      .home-clear
        display: block

      .grade
        margin: 0 auto 10px
        float: none
        height: 80px
        width: 80px
        border-radius: 50%
        border-width: 3px
        font-size: 4em
        line-height: 76px

      .right-container
        float: none
        margin: 0 auto

      .kiyoh-logo
        display: none

      .recommendation
        display: none

  // Book button
  .btn.book
    background: $orange
    border: 1px solid $darkOrange
    height: 45px
    line-height: 40px
    font-size: 1.5em
    +semibold

    &:hover
      background: darken($orange, 10)
      border-color: darken($darkOrange, 10)
  .all-products
    display: block
    margin-top: 10px
    font-size: 1.3em
    color: inherit
    text-decoration: underline
    &:hover
      color: $blue

  .list-block
    .blue-block
      p
        padding: 0

#header
  .white-bar.maintenance
    .title
      font-size: 2.6em
    .streamer
      margin-left: 65px