@charset "UTF-8";
blockquote q:before, blockquote q:after {
  content: none;
}
blockquote cite {
  font-style: normal;
}

.quote-variant-1 {
  border-left: 0;
  margin: 0;
  padding-left: 0;
  font-size: 14px;
  text-align: left;
}
.quote-variant-1 q {
  font-weight: 300;
  font-style: italic;
}
.quote-variant-1 cite {
  display: block;
  font: 600 18px/24px "mr-eaves-modern", sans-serif;
  text-transform: uppercase;
  color: #524540;
}
.quote-variant-1 cite + * {
  margin-top: 6px;
  margin-bottom: 7px;
}
.quote-variant-1 cite + p {
  font-weight: 400;
}
.quote-variant-1 .quote-body {
  margin-top: 22px;
}

.quote-variant-3 .quote-body, .quote-variant-2 .quote-body {
  font: 400 40px/1 "Satisfy", "cursive";
}
@media (min-width: 768px) {
  .quote-variant-3 .quote-body, .quote-variant-2 .quote-body {
    font-size: 60px;
  }
}
.quote-variant-3 .quote-body q, .quote-variant-2 .quote-body q {
  quotes: "“" "„";
}
.quote-variant-3 .quote-body q:before, .quote-variant-2 .quote-body q:before, .quote-variant-3 .quote-body q:after, .quote-variant-2 .quote-body q:after {
  font-size: 100px;
  line-height: 0;
}
.quote-variant-3 .quote-body q:before, .quote-variant-2 .quote-body q:before {
  margin-left: -20px;
}
.quote-variant-3 .quote-cite span, .quote-variant-2 .quote-cite span {
  display: block;
  font-weight: 600;
}
.quote-variant-3 .quote-cite span:first-of-type, .quote-variant-2 .quote-cite span:first-of-type {
  font-size: 18px;
}

.quote-variant-2 * + .quote-cite {
  margin-top: 30px;
}

.quote-variant-3 .quote-body {
  position: relative;
  font: 400 18px/1.35 "mr-eaves-modern", sans-serif;
}
.quote-variant-3 .quote-body q:after, .quote-variant-3 .quote-body q:before {
  font-family: "Satisfy", "cursive";
}
.quote-variant-3 .quote-body q:before {
  position: absolute;
  top: 25px;
  left: 0;
}
@media (min-width: 768px) {
  .quote-variant-3 .quote-body q:before {
    left: -7px;
  }
}
.quote-variant-3 .quote-body q span:first-of-type {
  font: 400 40px/1 "Satisfy", "cursive";
  display: inline-block;
  margin-bottom: 20px;
  opacity: 1;
}
@media (min-width: 768px) {
  .quote-variant-3 .quote-body q span:first-of-type {
    font-size: 48px;
  }
}
@media (min-width: 1200px) {
  .quote-variant-3 .quote-body q span:first-of-type {
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .quote-variant-3 .quote-body q span:last-of-type {
    opacity: 1;
  }
}
.quote-variant-3 .quote-cite span:last-of-type {
  font-weight: 400;
}
.quote-variant-3 * + .quote-cite {
  margin-top: 15px;
}
.quote-variant-3 * + .button {
  margin-top: 15px;
}

.quote-classic-big, .quote-classic-variant-1, .quote-classic {
  text-align: center;
}
.quote-classic-big q, .quote-classic-variant-1 q, .quote-classic q {
  font-style: italic;
}
.quote-classic-big .quote-cite span, .quote-classic-variant-1 .quote-cite span, .quote-classic .quote-cite span {
  display: block;
  color: #524540;
  font-weight: 600;
}
.quote-classic-big .quote-cite span:first-of-type, .quote-classic-variant-1 .quote-cite span:first-of-type, .quote-classic .quote-cite span:first-of-type {
  font-size: 18px;
}

.quote-classic q {
  quotes: "„" "";
}
.quote-classic q:before {
  display: block;
  height: 30px;
  font: 400 60px/0 "Satisfy", "cursive";
}
.quote-classic * + .quote-img {
  margin-top: 20px;
}
.quote-classic * + .quote-cite {
  margin-top: 18px;
}

.quote-classic-variant-1 {
  text-align: left;
}
.quote-classic-variant-1 q {
  font-style: normal;
  quotes: "" "";
}
.quote-classic-variant-1 * + .quote-body {
  margin-top: 18px;
}

@media (min-width: 1200px) {
  .mac-os .quote-classic-big q {
    padding-right: 15px;
  }
}
.quote-classic-big q {
  position: relative;
  display: flex;
  align-items: center;
  quotes: "“" "„";
  font-size: 18px;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}
.quote-classic-big q:before, .quote-classic-big q:after {
  height: 30px;
  flex-basis: 50px;
  font: 400 100px/1 "Satisfy", "cursive";
}
.quote-classic-big q:before {
  margin-right: 10px;
}
.quote-classic-big q:after {
  line-height: 0;
  margin-top: -15px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .quote-classic-big q:before {
    margin-right: 20px;
  }
  .quote-classic-big q:after {
    margin-left: 20px;
  }
}
.quote-classic-big * + .quote-img {
  margin-top: 45px;
}
.quote-classic-big * + .quote-cite {
  margin-top: 15px;
}
.ie-11 .quote-classic-big q:before, .ie-11 .quote-classic-big q:after, .ie-10 .quote-classic-big q:before, .ie-10 .quote-classic-big q:after, .ie-edge .quote-classic-big q:before, .ie-edge .quote-classic-big q:after {
  display: block;
}
.ie-11 .quote-classic-big q:before, .ie-10 .quote-classic-big q:before, .ie-edge .quote-classic-big q:before {
  margin-right: 40px;
}/*# sourceMappingURL=quote.css.map */