@import url(http://fonts.lug.ustc.edu.cn/css?family=Open+Sans:400,700,600);

body{
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

#testimonials{
  width: 100%;
  height: 100vh;
  background: url('http://static.pexels.com/wp-content/uploads/2014/10/lake-sea-3253.jpg');
  background-size: 100% auto;
  background-position: center center;
  float: left;
  
  ul{
    @include border-radius(0 5px 5px 0);
    margin: 30px auto;
    display: block;
    position: relative;
    width: 500px;
    border-right: 10px solid #fff;
    
    .item{
      @include border-radius(100px 0 0 100px);
      display: block;
      height: 120px;
      margin: 0 0 10px 0;
      padding: 0 40px 0 0;
      background: #fff;
      position: relative;
      
      .img{
        @include border-radius(100%);
        margin: 20px;
        display: block;
        float: left;
      }
      
      .name{
        display: block;
        width: 340px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        color: rgba(231, 76, 60,1.0);
        margin: 20px 0 5px 0;
        float: left;
        position: relative;
      }
      
      .text{
        font-size: 13px;
        line-height: 20px;
        color: rgba(0,0,0,0.7);
        font-weight: 500;
      }
    }
  }
}