/* before editing look into css-standard-functions file located in theme directory */

.quotes {
  padding: 0 0 75px;
}
.quotes .quote-item {
  font-size: 18px;
  line-height: 1.2;
  color: #333333;
  font-weight: 400;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  margin-top: 75px;
  position: relative;
}
.quotes .quote-item.quote {
  background: -webkit-gradient(linear, left top, left bottom, from(#90e537), to(#00d0ac));
  background: linear-gradient(#90e537 0%, #00d0ac 100%);
  padding: 1px;
}
.quotes .quote-item.quote:before {
  content: "";
  position: absolute;
  left: 10px;
  top: -20px;
  width: 55px;
  height: 51px;
  background: #fff url("../img/template/quote.png");
  background-repeat: no-repeat;
  background-position: center;
}
.quotes .quote-item.quote:after {
  content: "";
  position: absolute;
  -webkit-transform: scale(-1, -1);
      -ms-transform: scale(-1, -1);
          transform: scale(-1, -1);
  right: 20px;
  bottom: -20px;
  width: 55px;
  height: 32px;
  background: #fff url("../img/template/quote.png");
  background-repeat: no-repeat;
  background-position: center;
}
.quotes .quote-item.quote .white-block {
  padding: 36px 21px;
  background: #fff;
  -webkit-border-radius: 10px;
          border-radius: 10px;
}
.quotes .quote-item.know {
  border: solid 1px #204dd9;
  padding: 40px 21px 24px;
}
.quotes .quote-item.know .before, .quotes .quote-item.know .after {
  color: #204dd9;
}
.quotes .quote-item.warning {
  border: solid 1px #ff7b79;
  padding: 40px 21px 24px;
}
.quotes .quote-item.warning .before, .quotes .quote-item.warning .after {
  color: #ff7b79;
}
.quotes .quote-item .before {
  background: #fff;
  position: absolute;
  left: 7px;
  top: -15px;
  width: 165px;
  height: 32px;
  text-align: center;
}
.quotes .quote-item .before i {
  font-size: 36px;
  font-weight: 400;
  line-height: 18px;
  margin-right: 13px;
  vertical-align: middle;
}
.quotes .quote-item .before span {
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  font-style: italic;
}
.quotes .quote-item .after {
  background: #fff;
  position: absolute;
  right: 20px;
  bottom: -20px;
  width: 55px;
  height: 32px;
  text-align: center;
}
.quotes .quote-item .after i {
  font-size: 36px;
  font-weight: 400;
  line-height: 18px;
}