.check-box-wrap {
  position: relative;
  .check-box {
    position: absolute;
    top: 2px;
    opacity: 0;
    left: 2px;
    width: 20px;
    height: 20px;
    z-index: 1;
    cursor: pointer;
  }
  .lb-check-box {
    color: #666666;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    position: relative;
    display: block;
    padding: 6px 8px 5px 30px;
    &:before {
      content: '';
      position: absolute;
      width: 24px;
      height: 24px;
      display: block;
      border: 2px solid #F5F5F5;
      border-radius: 4px;
      left: 0;
      top: 0;
    }
     &:after {
      content: '';
      width: 11px;
      height: 6px;
      border-bottom: 2px solid #ED3237;
      border-left: 2px solid #ED3237;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: absolute;
      opacity: 0;
      top: 8px;
      left: 7px;
    }
  }
  .check-box:checked + .lb-check-box {
    &:before {
      background-color: #ED3237
    }
    &:after {
      opacity: 1;
      border-bottom: 2px solid #FFF;
      border-left: 2px solid #FFF;
    }
  }
}